diff --git a/.eslintrc b/.eslintrc
index d1bc466bf..c649764b8 100644
--- a/.eslintrc
+++ b/.eslintrc
@@ -21,7 +21,7 @@
     "react/jsx-filename-extension": "off",
     "react/no-danger": "off",
     "import/no-extraneous-dependencies": ["error", {"devDependencies": ["importers/**/*.js"]}],
-    "react/jsx-curly-newline": "off", // already handled by prettier, but differently, so we have to disable one
+    "react/jsx-curly-newline": "off",
     "quotes": [
       2,
       "single",
diff --git a/.nvmrc b/.nvmrc
index 9e15be387..91f7588a1 100644
--- a/.nvmrc
+++ b/.nvmrc
@@ -1 +1 @@
-v16.20.0
+v18.20.0
diff --git a/README.md b/README.md
index 4767a06ab..1330da411 100644
--- a/README.md
+++ b/README.md
@@ -4,7 +4,20 @@ Comic Relief React Component Library
 [![GitHub Actions](https://github.com/comicrelief/component-library/actions/workflows/main.yml/badge.svg)](https://github.com/comicrelief/component-library/actions)
 [![semantic-release](https://img.shields.io/badge/%20%20%F0%9F%93%A6%F0%9F%9A%80-semantic--release-e10079.svg)](https://github.com/semantic-release/semantic-release)
 
-React components to be shared across Comic Relief applications
+
+
+
+# Rebuild notes:
+### All diffs in main exported files are non-functional:
+- Styled-components & syntax updates => CSS output is identical, issues are around assumed "&" in nested CSS.
+- Confetti updated to newer react-canvas-confetti API => new prop names to activate confetti.
+- _TriggerConfetti.js removed => was likely a private helper no longer needed.
+
+### Have added a couple of scripts I worked on to make deving playwright locally less insanity inducing.
+
+
+
+# React components to be shared across Comic Relief applications
 
 ### Use
 
diff --git a/babel.config.js b/babel.config.js
index 0f8518bde..befa8ee62 100644
--- a/babel.config.js
+++ b/babel.config.js
@@ -2,10 +2,12 @@
 module.exports = function (api) {
   api.cache(true);
 
-  const presets = [['react-app', { absoluteRuntime: false }]];
+  const presets = [
+    ['@babel/preset-env', { targets: { node: 'current' } }],
+    ['@babel/preset-react', { runtime: 'automatic' }]
+  ];
   const plugins = [
-    ['babel-plugin-styled-components'],
-    ['import', { libraryName: 'lodash', libraryDirectory: '', camel2DashComponentName: false }]
+    ['babel-plugin-styled-components']
   ];
 
   return {
diff --git a/component-checks-Atoms.md b/component-checks-Atoms.md
new file mode 100644
index 000000000..7bfd6f07e
--- /dev/null
+++ b/component-checks-Atoms.md
@@ -0,0 +1,131 @@
+
+### Notes:
+- styled-components v6 the "&" in "&:hover" is no longer implicit
+- haven't replaced axios remember...
+
+# Gotchas:
+- new prop names for confetti usage no needed in CR.com
+
+
+## Atoms
+
+- [ ] AmbientVideo
+  - [X] Diff check
+  - [X] Visual check of dev server
+  - [X] Example functionality check
+  - [X] code manual lint
+
+- [ ] Button
+  - [X] Diff check
+  - [X] Visual check of dev server
+  - [X] Example functionality check
+  - [ ] code manual lint
+
+- [ ] ButtonWithStates
+  - [X] Diff check
+  - [X] Visual check of dev server
+  - [X] Example functionality check
+  - [X] code manual lint
+
+- [ ] Checkbox
+  - [X] Diff check
+  - [X] Visual check of dev server
+  - [X] Example functionality check
+  - [X] code manual lint
+
+- [ ] Confetti
+  - [X] Diff check
+  - [X] Visual check of dev server
+  - [X] Example functionality check
+  - [X] code manual lint
+
+- [ ] ErrorText
+  - [X] Diff check
+  - [X] Visual check of dev server
+  - [X] Example functionality check
+  - [X] code manual lint
+
+- [ ] InfoMessage
+  - [X] Diff check
+  - [X] Visual check of dev server
+  - [X] Example functionality check
+  - [X] code manual lint
+
+- [ ] Input
+  - [X] Diff check
+  - [X] Visual check of dev server
+  - [X] Example functionality check
+  - [X] code manual lint
+
+- [ ] Label
+  - [X] Diff check
+  - [X] Visual check of dev server
+  - [X] Example functionality check
+  - [X] code manual lint
+
+- [ ] Link
+  - [X] Diff check
+  - [X] Visual check of dev server
+  - [X] Example functionality check
+  - [X] code manual lint
+
+- [ ] Logo
+  - [X] Diff check
+  - [X] Visual check of dev server
+  - [X] Example functionality check
+  - [X] code manual lint
+
+- [ ] Pagination
+  - [X] Diff check
+  - [X] Visual check of dev server
+  - [X] Example functionality check
+  - [X] code manual lint
+
+- [ ] Picture
+  - [X] Diff check
+  - [X] Visual check of dev server
+  - [X] Example functionality check
+  - [X] code manual lint
+
+- [ ] RadioButton
+  - [X] Diff check
+  - [X] Visual check of dev server
+  - [X] Example functionality check
+  - [X] code manual lint
+
+- [ ] RichText
+  - [X] Diff check
+  - [X] Visual check of dev server
+  - [X] Example functionality check
+  - [X] code manual lint
+
+- [ ] Select
+  - [X] Diff check
+  - [X] Visual check of dev server
+  - [X] Example functionality check
+  - [X] code manual lint
+
+- [X] SocialIcons
+  - [X] Diff check
+  - [X] Visual check of dev server
+  - [X] Example functionality check
+  - [X] code manual lint
+
+- [ ] Text
+  - [X] Diff check
+  - [X] Visual check of dev server
+  - [X] Example functionality check
+  - [X] code manual lint
+
+- [ ] TextArea
+  - [X] Diff check
+  - [X] Visual check of dev server
+  - [X] Example functionality check
+  - [X] code manual lint
+
+- [ ] TextInputWithDropdown
+  - [X] Diff check
+  - [X] Visual check of dev server
+  - [X] Example functionality check
+  - [X] code manual lint
+
diff --git a/component-checks-Molecules.md b/component-checks-Molecules.md
new file mode 100644
index 000000000..630b87d8c
--- /dev/null
+++ b/component-checks-Molecules.md
@@ -0,0 +1,169 @@
+
+### Notes:
+- styled-components v6 the "&" in "&:hover" is no longer implicit
+- removing Axios as conflict
+
+## Molecules
+
+- [ ] Accordion
+  - [ ] Diff check
+  - [ ] Visual check of dev server
+  - [ ] Example functionality check
+  - [ ] code manual lint
+
+- [ ] ArticleTeaser
+  - [ ] Diff check
+  - [ ] Visual check of dev server
+  - [ ] Example functionality check
+  - [ ] code manual lint
+
+- [ ] Banner
+  - [ ] Diff check
+  - [ ] Visual check of dev server
+  - [ ] Example functionality check
+  - [ ] code manual lint
+
+- [ ] Box
+  - [ ] Diff check
+  - [ ] Visual check of dev server
+  - [ ] Example functionality check
+  - [ ] code manual lint
+
+- [ ] Card
+  - [ ] Diff check
+  - [ ] Visual check of dev server
+  - [ ] Example functionality check
+  - [ ] code manual lint
+
+- [ ] CardDs
+  - [ ] Diff check
+  - [ ] Visual check of dev server
+  - [ ] Example functionality check
+  - [ ] code manual lint
+
+- [ ] Chip
+  - [ ] Diff check
+  - [ ] Visual check of dev server
+  - [ ] Example functionality check
+  - [ ] code manual lint
+
+- [ ] Countdown
+  - [ ] Diff check
+  - [ ] Visual check of dev server
+  - [ ] Example functionality check
+  - [ ] code manual lint
+
+- [ ] CTAMultiCard
+  - [ ] Diff check
+  - [ ] Visual check of dev server
+  - [ ] Example functionality check
+  - [ ] code manual lint
+
+- [ ] CTASingleCard
+  - [ ] Diff check
+  - [ ] Visual check of dev server
+  - [ ] Example functionality check
+  - [ ] code manual lint
+
+- [ ] Descriptor
+  - [ ] Diff check
+  - [ ] Visual check of dev server
+  - [ ] Example functionality check
+  - [ ] code manual lint
+
+- [ ] DoubleCopy
+  - [ ] Diff check
+  - [ ] Visual check of dev server
+  - [ ] Example functionality check
+  - [ ] code manual lint
+
+- [ ] HeroBanner
+  - [ ] Diff check
+  - [ ] Visual check of dev server
+  - [ ] Example functionality check
+  - [ ] code manual lint
+
+- [ ] InfoBanner
+  - [ ] Diff check
+  - [ ] Visual check of dev server
+  - [ ] Example functionality check
+  - [ ] code manual lint
+
+- [ ] Lookup
+  - [ ] Diff check
+  - [ ] Visual check of dev server
+  - [ ] Example functionality check
+  - [ ] code manual lint
+
+- [ ] PartnerLink
+  - [ ] Diff check
+  - [ ] Visual check of dev server
+  - [ ] Example functionality check
+  - [ ] code manual lint
+
+- [ ] Promo
+  - [ ] Diff check
+  - [ ] Visual check of dev server
+  - [ ] Example functionality check
+  - [ ] code manual lint
+
+- [ ] QuoteSlice
+  - [ ] Diff check
+  - [ ] Visual check of dev server
+  - [ ] Example functionality check
+  - [ ] code manual lint
+
+- [ ] SchoolLookup
+  - [ ] Diff check
+  - [ ] Visual check of dev server
+  - [ ] Example functionality check
+  - [ ] code manual lint
+
+- [ ] SearchInput
+  - [ ] Diff check
+  - [ ] Visual check of dev server
+  - [ ] Example functionality check
+  - [ ] code manual lint
+
+- [ ] SearchResult
+  - [ ] Diff check
+  - [ ] Visual check of dev server
+  - [ ] Example functionality check
+  - [ ] code manual lint
+
+- [ ] ShareButton
+  - [ ] Diff check
+  - [ ] Visual check of dev server
+  - [ ] Example functionality check
+  - [ ] code manual lint
+
+- [ ] SimpleSchoolLookup
+  - [ ] Diff check
+  - [ ] Visual check of dev server
+  - [ ] Example functionality check
+  - [ ] code manual lint
+
+- [ ] SingleMessage
+  - [ ] Diff check
+  - [ ] Visual check of dev server
+  - [ ] Example functionality check
+  - [ ] code manual lint
+
+- [ ] SingleMessageDs
+  - [ ] Diff check
+  - [ ] Visual check of dev server
+  - [ ] Example functionality check
+  - [ ] code manual lint
+
+- [ ] Typeahead
+  - [ ] Diff check
+  - [ ] Visual check of dev server
+  - [ ] Example functionality check
+  - [ ] code manual lint
+
+- [ ] VideoBanner
+  - [ ] Diff check
+  - [ ] Visual check of dev server
+  - [ ] Example functionality check
+  - [ ] code manual lint
+
diff --git a/component-checks-Organisms.md b/component-checks-Organisms.md
new file mode 100644
index 000000000..5a0e8f98e
--- /dev/null
+++ b/component-checks-Organisms.md
@@ -0,0 +1,91 @@
+
+### Notes:
+- styled-components v6 the "&" in "&:hover" is no longer implicit
+- removing Axios as conflict
+
+## Organisms
+
+- [ ] CookieBanner
+  - [ ] Diff check
+  - [ ] Visual check of dev server
+  - [ ] Example functionality check
+  - [ ] code manual lint
+
+- [ ] Donate
+  - [ ] Diff check
+  - [ ] Visual check of dev server
+  - [ ] Example functionality check
+  - [ ] code manual lint
+
+- [ ] DonateBanner
+  - [ ] Diff check
+  - [ ] Visual check of dev server
+  - [ ] Example functionality check
+  - [ ] code manual lint
+
+- [ ] DynamicGallery
+  - [ ] Diff check
+  - [ ] Visual check of dev server
+  - [ ] Example functionality check
+  - [ ] code manual lint
+
+- [ ] EmailSignUpForm
+  - [ ] Diff check
+  - [ ] Visual check of dev server
+  - [ ] Example functionality check
+  - [ ] code manual lint
+
+- [ ] Footer
+  - [ ] Diff check
+  - [ ] Visual check of dev server
+  - [ ] Example functionality check
+  - [ ] code manual lint
+
+- [ ] FooterNew
+  - [ ] Diff check
+  - [ ] Visual check of dev server
+  - [ ] Example functionality check
+  - [ ] code manual lint
+
+- [ ] Header
+  - [ ] Diff check
+  - [ ] Visual check of dev server
+  - [ ] Example functionality check
+  - [ ] code manual lint
+
+- [ ] Header2025
+  - [ ] Diff check
+  - [ ] Visual check of dev server
+  - [ ] Example functionality check
+  - [ ] code manual lint
+
+- [ ] ImpactSlider
+  - [ ] Diff check
+  - [ ] Visual check of dev server
+  - [ ] Example functionality check
+  - [ ] code manual lint
+
+- [ ] MarketingPreferencesDSForm
+  - [ ] Diff check
+  - [ ] Visual check of dev server
+  - [ ] Example functionality check
+  - [ ] code manual lint
+
+- [ ] Membership
+  - [ ] Diff check
+  - [ ] Visual check of dev server
+  - [ ] Example functionality check
+  - [ ] code manual lint
+
+- [ ] RichtextCarousel
+  - [ ] Diff check
+  - [ ] Visual check of dev server
+  - [ ] Example functionality check
+  - [ ] code manual lint
+
+- [ ] WYMDCarousel
+  - [ ] Diff check
+  - [ ] Visual check of dev server
+  - [ ] Example functionality check
+  - [ ] code manual lint
+
diff --git a/index.html b/index.html
new file mode 100644
index 000000000..9ffc7a842
--- /dev/null
+++ b/index.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Component Library</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.jsx"></script>
+  </body>
+</html>
diff --git a/netlify.toml b/netlify.toml
new file mode 100644
index 000000000..6297f7a94
--- /dev/null
+++ b/netlify.toml
@@ -0,0 +1,6 @@
+[build]
+  command = "yarn build:preview"
+  publish = "dist"
+
+[build.environment]
+  NODE_VERSION = "18"
diff --git a/package.json b/package.json
index 29a983c99..2e4cc593d 100644
--- a/package.json
+++ b/package.json
@@ -2,10 +2,19 @@
   "name": "@comicrelief/component-library",
   "author": "Comic Relief Engineering Team",
   "version": "0.0.0-see.readme.for.semantic.release.process",
-  "main": "dist/index.js",
+  "main": "dist/index.cjs.js",
+  "module": "dist/index.es.js",
+  "files": [
+    "dist"
+  ],
   "license": "ISC",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/comicrelief/component-library.git"
+  },
   "jest": {
     "verbose": true,
+    "testEnvironment": "jsdom",
     "testPathIgnorePatterns": [
       "<rootDir>/playwright/",
       "<rootDir>/dist/",
@@ -16,93 +25,76 @@
       "^axios$": "axios/dist/node/axios.cjs"
     }
   },
-  "module": "dist/index.js",
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/comicrelief/component-library.git"
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "build:preview": "vite build --config vite.preview.config.mjs",
+    "preview": "vite preview",
+    "test:unit": "jest",
+    "test:unit:update": "jest -u",
+    "serve:preview": "vite preview --config vite.preview.config.mjs --port 4173",
+    "test:e2e": "playwright test --project=chromium",
+    "test:e2e--h": "playwright test --project=chromium --headed",
+    "test:e2e:ci": "playwright test --project=chromium",
+    "test:e2e:local": "playwright test --project=chromium; yarn playwright show-report",
+    "test:e2e:mac": "playwright test --project=chromium; yarn playwright show-report",
+    "test:e2e:mac:atoms": "playwright test playwright/components/atoms --project=chromium; yarn playwright show-report",
+    "test:e2e:mac:molecules": "playwright test playwright/components/molecules --project=chromium; yarn playwright show-report",
+    "test:e2e:mac:organisms": "playwright test playwright/components/organisms --project=chromium; yarn playwright show-report",
+    "test:e2e:mac:organisms:impactSlider": "playwright test playwright/components/organisms/impactSlider.spec.js --project=chromium; yarn playwright show-report",
+    "lint": "eslint src",
+    "lint-fix": "yarn lint --fix"
+  },
+  "peerDependencies": {
+    "react": ">=18",
+    "react-dom": ">=18",
+    "styled-components": ">=6"
   },
   "dependencies": {
-    "@babel/cli": "^7.21.5",
     "@hookform/resolvers": "^3.9.0",
     "@splidejs/react-splide": "^0.7.12",
-    "axios": "^1.7.2",
-    "babel-plugin-import": "^1.13.8",
+    "axios": "^1.7.7",
     "lazysizes": "^5.3.2",
-    "lodash": "^4.17.11",
-    "moment": "^2.29.4",
+    "lodash": "^4.17.21",
+    "moment": "^2.30.1",
     "prop-types": "^15.8.1",
-    "pure-react-carousel": "1.30.1",
-    "react": "^17.0.2",
-    "react-canvas-confetti": "^1.4.0",
+    "pure-react-carousel": "^1.30.1",
+    "react-canvas-confetti": "^2.0.7",
     "react-currency-format": "^1.1.0",
-    "react-dom": "^17.0.2",
-    "react-hook-form": "^7.52.1",
+    "react-hook-form": "^7.53.2",
     "react-modal": "^3.16.1",
     "react-range-slider-input": "^3.0.7",
-    "react-responsive": "^9.0.2",
-    "react-scripts": "4.0.3",
-    "react-spinners": "^0.11.0",
+    "react-responsive": "^10.0.0",
+    "react-spinners": "^0.14.1",
     "react-uid": "^2.3.3",
-    "styled-components": "^5.3.11",
     "youtube-player": "^5.6.0",
     "yup": "^1.4.0"
   },
-  "resolutions": {
-    "react-scripts/workbox-webpack-plugin/workbox-build/@surma/rollup-plugin-off-main-thread/ejs": "3.1.10",
-    "loader-utils": "2.0.3",
-    "unset-value": "2.0.1",
-    "shell-quote": "1.7.3",
-    "ansi-html": "0.0.9",
-    "semver": "7.5.2",
-    "braces": "3.0.3",
-    "node-forge": "1.3.2",
-    "nth-check": "2.0.1"
-  },
-  "scripts": {
-    "build": "rm -rf dist && NODE_ENV=production babel src --out-dir dist --copy-files --ignore __tests__,spec.js,test.js",
-    "test:unit": "yarn run jest",
-    "test:unit:update": "yarn jest -u",
-    "styleguide": "cross-env FAST_REFRESH=false styleguidist server",
-    "styleguide:build": "styleguidist build",
-    "test:e2e": "playwright test --project=chromium",
-    "test:e2e--h": "playwright test --project=chromium --headed",
-    "test:e2e:ci": "NODE_ENV=development; start-server-and-test styleguide http://localhost:6060 test:e2e",
-    "test:e2e:local": "export NODE_ENV=development; start-server-and-test styleguide http://localhost:6060 test:e2e",
-    "lint": "eslint src",
-    "lint-fix": "yarn lint --fix",
-    "build-pr": "rm -rf dist && NODE_ENV=development BABEL_ENV=development yarn babel src --out-dir dist --copy-files --ignore __tests__,spec.js,test.js",
-    "postinstall": "yarn build-pr"
-  },
-  "browserslist": {
-    "production": [
-      ">0.2%",
-      "not dead",
-      "not op_mini all"
-    ],
-    "development": [
-      "last 1 chrome version",
-      "last 1 firefox version",
-      "last 1 safari version"
-    ]
-  },
   "devDependencies": {
-    "@babel/plugin-proposal-private-property-in-object": "^7.21.11",
+    "@babel/core": "^7.24.0",
+    "@babel/preset-env": "^7.24.0",
+    "@babel/preset-react": "^7.24.0",
     "@playwright/test": "^1.38.1",
-    "cross-env": "^7.0.3",
-    "ejs": "^3.1.10",
+    "@vitejs/plugin-react": "^4.3.1",
+    "babel-jest": "^29.7.0",
+    "babel-plugin-styled-components": "^2.1.4",
+    "dotenv": "^17.4.2",
     "eslint": "^7.32.0",
     "eslint-config-airbnb": "^18.2.0",
     "eslint-plugin-import": "^2.27.5",
     "eslint-plugin-jsx-a11y": "^6.7.1",
     "eslint-plugin-react": "^7.32.2",
     "eslint-plugin-react-hooks": "^4.6.0",
-    "jest": "^26.1.0",
-    "jest-styled-components": "^7.1.1",
-    "npm-run-all": "^4.1.5",
-    "prettier": "^2.8.8",
-    "react-styleguidist": "^11.1.7",
-    "react-test-renderer": "^17.0.2",
+    "jest": "^29.7.0",
+    "jest-environment-jsdom": "^29.7.0",
+    "jest-styled-components": "^7.4.0",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "react-markdown": "^10.1.0",
+    "react-test-renderer": "^18.3.1",
     "semantic-release": "^17.4.6",
-    "start-server-and-test": "^2.0.4"
+    "styled-components": "^6.1.13",
+    "vite": "^5.4.10",
+    "vite-plugin-dts": "^4.3.0"
   }
 }
diff --git a/playwright.config.js b/playwright.config.js
index 7b157c890..666e6d9eb 100644
--- a/playwright.config.js
+++ b/playwright.config.js
@@ -23,9 +23,11 @@ module.exports = defineConfig({
   },
   reporter: [
     ['list'],
-    ['html', { open: 'never' }]
+    ['html', { open: 'never' }],
+    ['json', { outputFile: '/tmp/pw-progress.json' }]
   ],
   use: {
+    baseURL: 'http://localhost:4173',
     actionTimeout: 0,
     /* Collect trace when retrying the failed test. See https://playwright.dev/docs/trace-viewer */
     trace: 'on-first-retry'
@@ -37,6 +39,7 @@ module.exports = defineConfig({
       name: 'chromium',
       use: {
         ...devices['Desktop Chrome'],
+        channel: process.platform === 'darwin' ? 'chrome' : undefined,
         viewport: {
           // Match our widest nav:
           width: 1300,
@@ -48,9 +51,9 @@ module.exports = defineConfig({
 
   /* Run your local dev server before starting the tests */
   webServer: {
-    command: 'yarn styleguide',
-    port: '6060',
+    command: 'yarn build:preview && yarn serve:preview',
+    url: 'http://localhost:4173',
     timeout: 120000,
-    reuseExistingServer: true
+    reuseExistingServer: !process.env.CI
   }
 });
diff --git a/playwright/components/atoms/input.spec.js b/playwright/components/atoms/input.spec.js
index 1a4470017..e7398f73c 100644
--- a/playwright/components/atoms/input.spec.js
+++ b/playwright/components/atoms/input.spec.js
@@ -39,7 +39,7 @@ test.describe('input component', () => {
     await page.locator('#input-example-2').type('This is test input text');
 
     // error message should be visible
-    await expect(page.locator('[data-preview="Input"] > div > label > span[data-test="error-message"]')).toBeVisible();
+    await expect(page.locator('label[for="input-example-2"] span[data-test="error-message"]')).toBeVisible();
 
     await page.close();
   });
@@ -57,7 +57,7 @@ test.describe('input component', () => {
     const nameAttribute = await inputElement.getAttribute('name');
 
     // Verify the 'name' attribute
-    expect(nameAttribute).toBe('fullname');
+    expect(nameAttribute).toBe('fullname3');
 
     await page.locator('#input-example-3').type('This is test input text');
 
@@ -77,7 +77,7 @@ test.describe('input component', () => {
     const nameAttribute = await inputElement.getAttribute('name');
 
     // Verify the 'name' attribute
-    expect(nameAttribute).toBe('fullname');
+    expect(nameAttribute).toBe('fullname4');
 
     await page.locator('#input-example-4').type('This is test input text');
 
@@ -97,7 +97,7 @@ test.describe('input component', () => {
     const nameAttribute = await inputElement.getAttribute('name');
 
     // Verify the 'name' attribute
-    expect(nameAttribute).toBe('fullname');
+    expect(nameAttribute).toBe('fullname5');
 
     await page.locator('#input-example-5').type('This is test input text');
 
diff --git a/playwright/components/atoms/label.spec.js b/playwright/components/atoms/label.spec.js
index e86ad355e..b01371348 100644
--- a/playwright/components/atoms/label.spec.js
+++ b/playwright/components/atoms/label.spec.js
@@ -6,7 +6,7 @@ test.describe('label component', () => {
     await page.goto('/#label');
 
     // select dropdown menu component-1 should be visible
-    const specificElement = page.locator('[data-testid="Label-example-0"]');
+    const specificElement = page.locator('[data-testid="Label-example-1"]');
     await expect(specificElement).toBeVisible();
 
     await page.locator('input[name="field-wrapper-test"]').type('This is test text');
diff --git a/playwright/components/atoms/link.spec.js b/playwright/components/atoms/link.spec.js
index 3ca646526..9f7f980c9 100644
--- a/playwright/components/atoms/link.spec.js
+++ b/playwright/components/atoms/link.spec.js
@@ -6,12 +6,12 @@ test.describe('link component', () => {
     await page.goto('/#link');
 
     // select dropdown menu component-1 should be visible
-    const specificElement = page.locator('[data-testid="Link-example-0"]');
+    const specificElement = page.locator('[data-testid="Link-example-1"]');
     await expect(specificElement).toBeVisible();
 
     const [popup] = await Promise.all([
       context.waitForEvent('page'), // Wait for a new page (popup)
-      page.click('[data-preview="Link"] div:nth-child(1) > a'), // Click the link
+      page.click('[data-testid="Link-example-1"] a[href="#anchor"]:first-of-type'), // Click the link
     ]);
 
     // Check if the popup is a new window
@@ -27,15 +27,15 @@ test.describe('link component', () => {
     await page.goto('/#link');
 
     // select dropdown menu component-1 should be visible
-    const specificElement = page.locator('[data-testid="Link-example-0"]');
+    const specificElement = page.locator('[data-testid="Link-example-1"]');
     await expect(specificElement).toBeVisible();
 
     // link standard icon should be visible
-    await expect(page.locator('[data-preview="Link"] div:nth-child(2) > a > span[type="standard"]')).toBeVisible();
+    await expect(page.locator('[data-testid="Link-example-1"] a span[type="standard"]')).toBeVisible();
 
     const [popup] = await Promise.all([
       context.waitForEvent('page'), // Wait for a new page (popup)
-      page.click('[data-preview="Link"] div:nth-child(2) > a'), // Click the link
+      page.click('[data-testid="Link-example-1"] a:has(span[type="standard"])'), // Click the link
     ]);
 
     // Check if the popup is a new window
diff --git a/playwright/components/molecules/accordian.spec.js b/playwright/components/molecules/accordian.spec.js
index 2ad3985f9..826c3463b 100644
--- a/playwright/components/molecules/accordian.spec.js
+++ b/playwright/components/molecules/accordian.spec.js
@@ -7,12 +7,12 @@ test.describe('accordian component', () => {
     // accordian elements should be visible
     await expect(page.locator('[data-testid="Accordion-example-1"]')).toBeVisible();
     await expect(page.locator('[data-testid="Accordion-example-1"] [data-preview="Accordion"]')).toBeVisible();
-    // dropdown svg icon should be visible
-    await expect(page.locator('[data-testid="Accordion-example-1"] [data-preview="Accordion"] img')).toBeVisible();
+    // dropdown icon should be visible
+    await expect(page.locator('[data-testid="Accordion-example-1"] [data-preview="Accordion"] img').first()).toBeVisible();
 
     // clicking the accordian should show the paragraph
-    await page.locator('[data-testid="Accordion-example-1"] [data-preview="Accordion"] img').click();
-    await expect(page.locator('[data-testid="Accordion-example-1"] [data-preview="Accordion"] p')).toBeVisible();
+    await page.locator('[data-testid="Accordion-example-1"] [data-preview="Accordion"] img').first().click();
+    await expect(page.locator('[data-testid="Accordion-example-1"] [data-preview="Accordion"] p').first()).toBeVisible();
 
     await page.close();
   });
diff --git a/playwright/components/molecules/searchInput.spec.js b/playwright/components/molecules/searchInput.spec.js
index 3deb0dffa..dc8292baa 100644
--- a/playwright/components/molecules/searchInput.spec.js
+++ b/playwright/components/molecules/searchInput.spec.js
@@ -8,13 +8,13 @@ test.describe('search input component', () => {
     await expect(page.locator('[data-testid="SearchInput-example-1"]')).toBeVisible();
     await expect(page.locator('[data-preview="SearchInput"]')).toBeVisible();
 
-    const inputElement = page.locator('#school-lookup');
+    const inputElement = page.locator('#search');
 
     // Get the 'placeholder' attribute
     const placeholderAttribute = await inputElement.getAttribute('placeholder');
 
     // Verify the 'placeholder' attribute
-    expect(placeholderAttribute).toBe('Type to start search');
+    expect(placeholderAttribute).toBe('Search...');
 
     await page.locator('#search').type('Red Nose Day');
 
diff --git a/playwright/components/molecules/shareButton.spec.js b/playwright/components/molecules/shareButton.spec.js
index 433283ae5..59d0c206b 100644
--- a/playwright/components/molecules/shareButton.spec.js
+++ b/playwright/components/molecules/shareButton.spec.js
@@ -6,12 +6,12 @@ test.describe('share button component', () => {
     await page.goto('/#sharebutton');
 
     // accordian elements should be visible
-    await expect(page.locator('[data-testid="ShareButton-example-0"]')).toBeVisible();
+    await expect(page.locator('[data-testid="ShareButton-example-1"]')).toBeVisible();
     await expect(page.locator('[data-preview="ShareButton"]')).toBeVisible();
 
-    await expect(page.locator('[data-preview="ShareButton"] > div > div > div:nth-child(1) > ul > li:nth-child(1) > a > img')).toBeVisible();
+    await expect(page.locator('[data-testid="ShareButton-example-1"] a[title="Share on Facebook"] img').first()).toBeVisible();
 
-    const facebookShareButton  = page.locator('[data-preview="ShareButton"] > div > div > div:nth-child(1) > ul > li:nth-child(1) > a');
+    const facebookShareButton  = page.locator('[data-testid="ShareButton-example-1"] a[title="Share on Facebook"]').first();
 
     // Get the 'title' attribute
     const placeholderAttribute = await facebookShareButton.getAttribute('title');
@@ -19,7 +19,7 @@ test.describe('share button component', () => {
     // Verify the 'title' attribute
     expect(placeholderAttribute).toBe('Share on Facebook');
 
-    const twitterShareButton  = page.locator('[data-preview="ShareButton"] > div > div > div:nth-child(1) > ul > li:nth-child(2) > a');
+    const twitterShareButton  = page.locator('[data-testid="ShareButton-example-1"] a[title="Share on Twitter"]').first();
 
     // Get the 'title' attribute
     const twiiterPlaceholderAttribute = await twitterShareButton.getAttribute('title');
diff --git a/playwright/components/molecules/simpleSchoolLookUp.spec.js b/playwright/components/molecules/simpleSchoolLookUp.spec.js
index ec5ce2a32..a8c2226ff 100644
--- a/playwright/components/molecules/simpleSchoolLookUp.spec.js
+++ b/playwright/components/molecules/simpleSchoolLookUp.spec.js
@@ -2,10 +2,26 @@ const { test, expect } = require('@playwright/test');
 
 test.describe('simple school lookup component', () => {
   test('simple school lookup', async ({ page, context }) => {
+    await page.route('**/schools/lookup**', route => {
+      route.fulfill({
+        status: 200,
+        contentType: 'application/json',
+        body: JSON.stringify({
+          data: {
+            schools: [
+              { name: "St Paul's School", post_code: 'SW13 9JT' },
+              { name: "St Paul's Cathedral School", post_code: 'EC4M 8AD' },
+              { name: 'EC4M 9AD School', post_code: 'EC4M 9AD' }
+            ]
+          }
+        })
+      });
+    });
+
     await page.goto('/#simpleschoollookup');
 
     // simple school lookup elements should be visible
-    await expect(page.locator('[data-testid="SimpleSchoolLookup-example-0"]')).toBeVisible();
+    await expect(page.locator('[data-testid="SimpleSchoolLookup-example-1"]')).toBeVisible();
     await expect(page.locator('[data-preview="SimpleSchoolLookup"]')).toBeVisible();
 
     const inputElement = page.locator('#school_lookup');
@@ -18,15 +34,15 @@ test.describe('simple school lookup component', () => {
 
     // enter school name and click find address button
     await page.locator('input#school_lookup').type('St Paul');
-    await expect(page.locator('[data-preview="SimpleSchoolLookup"] > div > div > button[type="button"]')).toBeVisible();
-    await page.locator('[data-preview="SimpleSchoolLookup"] > div > div > button[type="button"]').click();
+    await expect(page.locator('[data-preview="SimpleSchoolLookup"] button[type="button"]')).toBeVisible();
+    await page.locator('[data-preview="SimpleSchoolLookup"] button[type="button"]').click();
     await expect(page.locator('label[for="school_lookup"] ~ div > ul[role="listbox"]')).toBeVisible();
 
     // clear school name and enter school postcode
     await page.locator('input#school_lookup').fill('');
     await page.locator('input#school_lookup').fill('EC4M 9AD');
-    await expect(page.locator('[data-preview="SimpleSchoolLookup"] > div > div > button[type="button"]')).toBeVisible();
-    await page.locator('[data-preview="SimpleSchoolLookup"] > div > div > button[type="button"]').click();
+    await expect(page.locator('[data-preview="SimpleSchoolLookup"] button[type="button"]')).toBeVisible();
+    await page.locator('[data-preview="SimpleSchoolLookup"] button[type="button"]').click();
 
     await expect(page.locator('label[for="school_lookup"] ~ div > ul[role="listbox"]')).toBeVisible();
     await page.close();
diff --git a/playwright/components/organisms/dynamicGallery.spec.js b/playwright/components/organisms/dynamicGallery.spec.js
index 2c0cd2fd2..35fc9b431 100644
--- a/playwright/components/organisms/dynamicGallery.spec.js
+++ b/playwright/components/organisms/dynamicGallery.spec.js
@@ -21,85 +21,95 @@ test.describe('dynamic gallery component', () => {
   });
 
   test('gallery column props', async ({ page }) => {
-    await page.goto('/#!/DynamicGallery/5');
+    await page.goto('/#dynamicgallery');
 
-    // expect three gallery columns
-    await expect(page.locator('.gallery-column')).toHaveCount(4);
+    const gallery = page.locator('[data-testid="gallery-customised"]');
+
+    // expect four gallery columns
+    await expect(gallery.locator('.gallery-column')).toHaveCount(4);
 
     await page.close();
   });
 
   // MARK: responsive columns
   test('responsive gallery columns', async ({ page }) => {
-    await page.goto('/#!/DynamicGallery/3');
+    await page.goto('/#dynamicgallery');
+
+    const gallery = page.locator('[data-testid="gallery-basic"]');
 
     // expect three gallery columns
-    await expect(page.locator('.gallery-column')).toHaveCount(3);
+    await expect(gallery.locator('.gallery-column')).toHaveCount(3);
 
     // resize the page to a small width
     await page.setViewportSize({ width: 700, height: 1000 });
 
-    // expect one gallery column
-    await expect(page.locator('.gallery-column')).toHaveCount(2);
+    // expect two gallery columns
+    await expect(gallery.locator('.gallery-column')).toHaveCount(2);
 
     // resize the page to a medium width
     await page.setViewportSize({ width: 320, height: 1000 });
 
     // expect one gallery column
-    await expect(page.locator('.gallery-column')).toHaveCount(1);
+    await expect(gallery.locator('.gallery-column')).toHaveCount(1);
 
     await page.close();
   });
 
   // MARK: chunk mode
   test('chunk mode test', async ({ page }) => {
-    await page.goto('/#!/DynamicGallery/3');
+    await page.goto('/#dynamicgallery');
+
+    const gallery = page.locator('[data-testid="gallery-basic"]');
 
     // expect 25 images to be visible
-    await expect(page.locator('.gallery-node')).toHaveCount(25);
+    await expect(gallery.locator('.gallery-node')).toHaveCount(25);
 
     // find the "load more" button and click it
-    await page.locator('button:has-text("Show more")').click();
+    await gallery.locator('button:has-text("Show more")').click();
 
     // expect 50 images to be visible
-    await expect(page.locator('.gallery-node')).toHaveCount(50);
+    await expect(gallery.locator('.gallery-node')).toHaveCount(50);
 
     // expect the "load more" button to be hidden
-    await expect(page.locator('button:has-text("Show more")')).toBeHidden();
+    await expect(gallery.locator('button:has-text("Show more")')).toBeHidden();
 
     await page.close();
   });
 
   // MARK: non-chunk mode
   test('non-chunk mode test', async ({ page }) => {
-    await page.goto('/#!/DynamicGallery/5');
+    await page.goto('/#dynamicgallery');
+
+    const gallery = page.locator('[data-testid="gallery-customised"]');
 
     // expect all 30 images to be visible
-    await expect(page.locator('.gallery-node')).toHaveCount(30);
+    await expect(gallery.locator('.gallery-node')).toHaveCount(30);
 
     // expect the "load more" button to be hidden
-    await expect(page.locator('button:has-text("Show more")')).toBeHidden();
+    await expect(gallery.locator('button:has-text("Show more")')).toBeHidden();
 
     await page.close();
   });
 
   // MARK: tabbing
   test('gallery tabbing', async ({ page }) => {
-    await page.goto('/#!/DynamicGallery/3');
+    await page.goto('/#dynamicgallery');
+
+    const gallery = page.locator('[data-testid="gallery-basic"]');
 
     // focus the first gallery node
-    await page.locator('.gallery-node').first().focus();
+    await gallery.locator('.gallery-node').first().focus();
 
     await page.waitForTimeout(3000);
 
     // first tab should focus the first node in the first column
-    const firstNode = page.locator('.gallery-column').first().locator('.gallery-node').first();
+    const firstNode = gallery.locator('.gallery-column').first().locator('.gallery-node').first();
     await firstNode.focus();
     await expect(firstNode).toBeFocused();
 
     // tab to the first node in the second column
     await page.keyboard.press('Tab');
-    const secondNode = page.locator('.gallery-column').nth(1).locator('.gallery-node').first();
+    const secondNode = gallery.locator('.gallery-column').nth(1).locator('.gallery-node').first();
     await expect(secondNode).toBeFocused();
 
     // tab back to the first node in the first column
@@ -111,19 +121,21 @@ test.describe('dynamic gallery component', () => {
 
   // MARK: tabbing out
   test('gallery tabbing should allow tabbing out of the gallery', async ({ page }) => {
-    await page.goto('/#!/DynamicGallery/5');
+    await page.goto('/#dynamicgallery');
 
     await page.waitForTimeout(3000);
 
-    // focus the first gallery node
-    const galleryNodes = await page.locator('.gallery-node').all();
-    await page.locator(`[data-node-index="${galleryNodes.length - 1}"]`).focus();
+    const gallery = page.locator('[data-testid="gallery-customised"]');
+
+    // focus the last gallery node
+    const galleryNodes = await gallery.locator('.gallery-node').all();
+    await gallery.locator(`[data-node-index="${galleryNodes.length - 1}"]`).focus();
 
     // press tab
     await page.keyboard.press('Tab');
-    const galleryContainer = page.locator('.gallery-container');
+    const galleryContainer = gallery.locator('.gallery-container');
 
-    // asset that the focus has moved outside the gallery
+    // assert that the focus has moved outside the gallery
     expect(
       await galleryContainer.evaluate(
         el => !el.contains(document.activeElement)
@@ -134,9 +146,9 @@ test.describe('dynamic gallery component', () => {
 
   // MARK: colours
   test('custom page background and text colour', async ({ page }) => {
-    await page.goto('/#!/DynamicGallery/5');
+    await page.goto('/#dynamicgallery');
 
-    const galleryContainer = page.locator('.gallery-container');
+    const galleryContainer = page.locator('[data-testid="gallery-customised"] .gallery-container');
 
     const backgroundColor = await galleryContainer.evaluate(el => window.getComputedStyle(el).getPropertyValue('background-color'));
     expect(backgroundColor).toBe(hexToRgb('#0565D1'));
@@ -149,65 +161,71 @@ test.describe('dynamic gallery component', () => {
 
   // MARK: lightbox mode
   test('check lightbox mode', async ({ page }) => {
-    await page.goto('/#!/DynamicGallery/3');
+    await page.goto('/#dynamicgallery');
+
+    const gallery = page.locator('[data-testid="gallery-basic"]');
 
     // find the first gallery node
-    const galleryNode = page.locator('.gallery-node').first();
+    const galleryNode = gallery.locator('.gallery-node').first();
 
     // click it
     await galleryNode.click();
 
     // expect the lightbox to be visible
-    await expect(page.locator('dialog')).toBeVisible();
+    await expect(gallery.locator('dialog')).toBeVisible();
 
     await page.waitForTimeout(1000);
     await page.keyboard.press('Escape');
-    await expect(page.locator('dialog')).toBeHidden();
+    await expect(gallery.locator('dialog')).toBeHidden();
 
     // focus the gallery node and press enter
     await galleryNode.focus();
     await page.keyboard.press('Enter');
 
     // expect the lightbox to be visible
-    await expect(page.locator('dialog')).toBeVisible();
+    await expect(gallery.locator('dialog')).toBeVisible();
 
     await page.close();
   });
 
   // MARK: lightbox focus
   test('check lightbox auto-focus', async ({ page }) => {
-    await page.goto('/#!/DynamicGallery/3');
+    await page.goto('/#dynamicgallery');
+
+    const gallery = page.locator('[data-testid="gallery-basic"]');
 
     // find the first gallery node
-    const galleryNode = page.locator('.gallery-node').first();
+    const galleryNode = gallery.locator('.gallery-node').first();
 
     // click it
     await galleryNode.click();
 
     // the close button should not be focused after opening the lightbox with the mouse
-    await expect(page.locator('.close-button')).not.toBeFocused();
+    await expect(gallery.locator('.close-button')).not.toBeFocused();
     await page.keyboard.press('Escape');
 
     // the close button should be focused after opening the lightbox with the keyboard
     await galleryNode.focus();
     await page.keyboard.press('Enter');
-    await expect(page.locator('.close-button')).toBeFocused();
+    await expect(gallery.locator('.close-button')).toBeFocused();
 
     await page.close();
   });
 
   // MARK: lightbox navigation
   test('lightbox navigation', async ({ page }) => {
-    await page.goto('/#!/DynamicGallery/3');
+    await page.goto('/#dynamicgallery');
+
+    const gallery = page.locator('[data-testid="gallery-basic"]');
 
     // find the first gallery node
-    const galleryNode = page.locator('.gallery-node').first();
+    const galleryNode = gallery.locator('.gallery-node').first();
 
     // click it
     await galleryNode.click();
 
     // expect the lightbox and caption to be visible
-    await expect(page.locator('dialog')).toBeVisible();
+    await expect(gallery.locator('dialog')).toBeVisible();
     await expect(page.getByText('Lightbox: This is the body for image 0')).toBeVisible();
 
     await page.waitForTimeout(1000);
@@ -221,42 +239,46 @@ test.describe('dynamic gallery component', () => {
 
   // MARK: lightbox pointer close
   test('lightbox pointer close', async ({ page }) => {
-    await page.goto('/#!/DynamicGallery/3');
+    await page.goto('/#dynamicgallery');
+
+    const gallery = page.locator('[data-testid="gallery-basic"]');
 
     // find the first gallery node
-    const galleryNode = page.locator('.gallery-node').first();
+    const galleryNode = gallery.locator('.gallery-node').first();
 
     // click it
     await galleryNode.click();
 
     // click the close button
-    await page.locator('.close-button').click();
+    await gallery.locator('.close-button').click();
 
     // expect the lightbox to be hidden
-    await expect(page.locator('dialog')).toBeHidden();
+    await expect(gallery.locator('dialog')).toBeHidden();
 
     await page.close();
   });
 
   // MARK: non-lightbox mode
   test('check non-lightbox mode', async ({ page }) => {
-    await page.goto('/#!/DynamicGallery/5');
+    await page.goto('/#dynamicgallery');
+
+    const gallery = page.locator('[data-testid="gallery-customised"]');
 
     // find the first gallery node
-    const galleryNode = page.locator('.gallery-node').first();
+    const galleryNode = gallery.locator('.gallery-node').first();
 
     // click it
     await galleryNode.click();
 
     // expect the lightbox to be hidden
-    await expect(page.locator('dialog')).toBeHidden();
+    await expect(gallery.locator('dialog')).toBeHidden();
 
     // focus the gallery node and press enter
     await galleryNode.focus();
     await page.keyboard.press('Enter');
 
     // expect the lightbox to be hidden
-    await expect(page.locator('dialog')).toBeHidden();
+    await expect(gallery.locator('dialog')).toBeHidden();
 
     await page.close();
   });
diff --git a/playwright/components/organisms/emailSignUpForm.spec.js b/playwright/components/organisms/emailSignUpForm.spec.js
index b0de6e675..565309d5a 100644
--- a/playwright/components/organisms/emailSignUpForm.spec.js
+++ b/playwright/components/organisms/emailSignUpForm.spec.js
@@ -93,12 +93,15 @@ test.describe('Email Signup Form component', () => {
     // enter valid inputs should not show error messages
     await page.locator('[data-testid="EmailSignUpForm-example-1"] #first-name').fill('');
     await page.locator('[data-testid="EmailSignUpForm-example-1"] #first-name').type('test firstname');
+    await page.evaluate(sel => document.querySelector(sel).dispatchEvent(new FocusEvent('focusout', { bubbles: true })), '[data-testid="EmailSignUpForm-example-1"] #first-name');
 
     await page.locator('[data-testid="EmailSignUpForm-example-1"] #last-name').fill('');
     await page.locator('[data-testid="EmailSignUpForm-example-1"] #last-name').type('test lastname');
+    await page.evaluate(sel => document.querySelector(sel).dispatchEvent(new FocusEvent('focusout', { bubbles: true })), '[data-testid="EmailSignUpForm-example-1"] #last-name');
 
     await page.locator('[data-testid="EmailSignUpForm-example-1"] #email').fill(''); // clear the email field
     await page.locator('[data-testid="EmailSignUpForm-example-1"] #email').type('email-signup@email.sls.comicrelief.com');
+    await page.evaluate(sel => document.querySelector(sel).dispatchEvent(new FocusEvent('focusout', { bubbles: true })), '[data-testid="EmailSignUpForm-example-1"] #email');
 
     // submit the ESU form
     await page.locator('[data-testid="EmailSignUpForm-example-1"] button[type="submit"]').click();
diff --git a/playwright/components/organisms/footer.spec.js b/playwright/components/organisms/footer.spec.js
index 833b48031..49bff6fd9 100644
--- a/playwright/components/organisms/footer.spec.js
+++ b/playwright/components/organisms/footer.spec.js
@@ -6,16 +6,16 @@ test.describe('footer component', () => {
 
     await expect(page.locator('[data-testid="Footer-example-1"]')).toBeVisible();
     // footer social icons should be visible
-    await expect(page.locator('[data-preview="Footer"] > div > div:nth-child(2) > footer[role="banner"] [title="Check out our Facebook page"]')).toBeVisible();
-    await expect(page.locator('[data-preview="Footer"] > div > div:nth-child(2) > footer[role="banner"] [title="Check out our Instagram account"]')).toBeVisible();
-    await expect(page.locator('[data-preview="Footer"] > div > div:nth-child(2) > footer[role="banner"] [title="Check out our Twitter account"]')).toBeVisible();
-    await expect(page.locator('[data-preview="Footer"] > div > div:nth-child(2) > footer[role="banner"] [title="Check out our YouTube channel"]')).toBeVisible();
+    await expect(page.locator('[data-testid="Footer-example-1"] footer[role="banner"] [title="Check out our Facebook page"]')).toBeVisible();
+    await expect(page.locator('[data-testid="Footer-example-1"] footer[role="banner"] [title="Check out our Instagram account"]')).toBeVisible();
+    await expect(page.locator('[data-testid="Footer-example-1"] footer[role="banner"] [title="Check out our Twitter account"]')).toBeVisible();
+    await expect(page.locator('[data-testid="Footer-example-1"] footer[role="banner"] [title="Check out our YouTube channel"]')).toBeVisible();
 
     // CR logo in the footer should be visible
-    await expect(page.locator('[data-preview="Footer"] > div > div:nth-child(2) > footer[role="banner"] [title="Go to Comic Relief homepage"]')).toBeVisible();
+    await expect(page.locator('[data-testid="Footer-example-1"] footer[role="banner"] [title="Go to Comic Relief homepage"]')).toBeVisible();
 
     // footer menu should be visible
-    await expect(page.locator('[data-preview="Footer"] > div > div:nth-child(2) > footer[role="banner"] [aria-label="main-menu"]')).toBeVisible();
+    await expect(page.locator('[data-testid="Footer-example-1"] footer[role="banner"] [aria-label="main-menu"]')).toBeVisible();
 
     await page.close();
   });
@@ -23,18 +23,18 @@ test.describe('footer component', () => {
   test('Overrides allowList functionality', async ({ page }) => {
     await page.goto('/#footer');
 
-    await expect(page.locator('[data-testid="Footer-example-1"]')).toBeVisible();
+    await expect(page.locator('[data-testid="Footer-example-3"]')).toBeVisible();
     // footer social icons should be visible
-    await expect(page.locator('[data-preview="Footer"] > div > div:nth-child(4) > footer[role="banner"] [title="Check out our Facebook page"]')).toBeVisible();
-    await expect(page.locator('[data-preview="Footer"] > div > div:nth-child(4) > footer[role="banner"] [title="Check out our Instagram account"]')).toBeVisible();
-    await expect(page.locator('[data-preview="Footer"] > div > div:nth-child(4) > footer[role="banner"] [title="Check out our Twitter account"]')).toBeVisible();
-    await expect(page.locator('[data-preview="Footer"] > div > div:nth-child(4) > footer[role="banner"] [title="Check out our YouTube channel"]')).toBeVisible();
+    await expect(page.locator('[data-testid="Footer-example-3"] footer[role="banner"] [title="Check out our Facebook page"]')).toBeVisible();
+    await expect(page.locator('[data-testid="Footer-example-3"] footer[role="banner"] [title="Check out our Instagram account"]')).toBeVisible();
+    await expect(page.locator('[data-testid="Footer-example-3"] footer[role="banner"] [title="Check out our Twitter account"]')).toBeVisible();
+    await expect(page.locator('[data-testid="Footer-example-3"] footer[role="banner"] [title="Check out our YouTube channel"]')).toBeVisible();
 
     // CR logo in the footer should be visible
-    await expect(page.locator('[data-preview="Footer"] > div > div:nth-child(4) > footer[role="banner"] [title="Go to Comic Relief homepage"]')).toBeVisible();
+    await expect(page.locator('[data-testid="Footer-example-3"] footer[role="banner"] [title="Go to Comic Relief homepage"]')).toBeVisible();
 
     // footer menu should be visible
-    await expect(page.locator('[data-preview="Footer"] > div > div:nth-child(4) > footer[role="banner"] [aria-label="main-menu"]')).toBeVisible();
+    await expect(page.locator('[data-testid="Footer-example-3"] footer[role="banner"] [aria-label="main-menu"]')).toBeVisible();
 
     await page.close();
   });
@@ -42,22 +42,22 @@ test.describe('footer component', () => {
   test('additional legal line footer', async ({ page }) => {
     await page.goto('/#footer');
 
-    await expect(page.locator('[data-testid="Footer-example-1"]')).toBeVisible();
+    await expect(page.locator('[data-testid="Footer-example-5"]')).toBeVisible();
 
     // legal line to the top of the footer should be present
-    await expect(page.locator('[data-preview="Footer"] > div > div:nth-child(6) > footer[role="banner"] > div > p')).toContainText('CHICKEN RUN: DAWN OF THE NUGGET ™/ © Aardman. Netflix ™/© Netflix. Used with permission/Wallace & Gromit Ltd. All rights reserved/ Shaun the Sheep © & TM /Morph ©/TM Aardman Animations Ltd. All rights reserved.');
+    await expect(page.locator('[data-testid="Footer-example-5"] footer[role="banner"] > div > p')).toContainText('CHICKEN RUN: DAWN OF THE NUGGET ™/ © Aardman. Netflix ™/© Netflix. Used with permission/Wallace & Gromit Ltd. All rights reserved/ Shaun the Sheep © & TM /Morph ©/TM Aardman Animations Ltd. All rights reserved.');
 
     // footer social icons should be visible
-    await expect(page.locator('[data-preview="Footer"] > div > div:nth-child(4) > footer[role="banner"] [title="Check out our Facebook page"]')).toBeVisible();
-    await expect(page.locator('[data-preview="Footer"] > div > div:nth-child(6) > footer[role="banner"] [title="Check out our Instagram account"]')).toBeVisible();
-    await expect(page.locator('[data-preview="Footer"] > div > div:nth-child(6) > footer[role="banner"] [title="Check out our Twitter account"]')).toBeVisible();
-    await expect(page.locator('[data-preview="Footer"] > div > div:nth-child(6) > footer[role="banner"] [title="Check out our YouTube channel"]')).toBeVisible();
+    await expect(page.locator('[data-testid="Footer-example-5"] footer[role="banner"] [title="Check out our Facebook page"]')).toBeVisible();
+    await expect(page.locator('[data-testid="Footer-example-5"] footer[role="banner"] [title="Check out our Instagram account"]')).toBeVisible();
+    await expect(page.locator('[data-testid="Footer-example-5"] footer[role="banner"] [title="Check out our Twitter account"]')).toBeVisible();
+    await expect(page.locator('[data-testid="Footer-example-5"] footer[role="banner"] [title="Check out our YouTube channel"]')).toBeVisible();
 
     // CR logo in the footer should be visible
-    await expect(page.locator('[data-preview="Footer"] > div > div:nth-child(6) > footer[role="banner"] [title="Go to Comic Relief homepage"]')).toBeVisible();
+    await expect(page.locator('[data-testid="Footer-example-5"] footer[role="banner"] [title="Go to Comic Relief homepage"]')).toBeVisible();
 
     // footer menu should be visible
-    await expect(page.locator('[data-preview="Footer"] > div > div:nth-child(6) > footer[role="banner"] [aria-label="main-menu"]')).toBeVisible();
+    await expect(page.locator('[data-testid="Footer-example-5"] footer[role="banner"] [aria-label="main-menu"]')).toBeVisible();
 
     await page.close();
   });
diff --git a/playwright/components/organisms/impactSlider.spec.js b/playwright/components/organisms/impactSlider.spec.js
index 015e5ab99..08fdc9971 100644
--- a/playwright/components/organisms/impactSlider.spec.js
+++ b/playwright/components/organisms/impactSlider.spec.js
@@ -1,42 +1,34 @@
 const { test, expect } = require('@playwright/test');
 
+const SLIDER_MIN = 5;
+const SLIDER_MAX = 100;
+
+async function setSliderValue(page, testid, value) {
+  const slider = page.locator(`[data-testid="${testid}"] #ImpactSlider`);
+  await slider.scrollIntoViewIfNeeded();
+  const box = await slider.boundingBox();
+  if (box) {
+    const fraction = Math.min((value - SLIDER_MIN) / (SLIDER_MAX - SLIDER_MIN), 0.98);
+    const clickX = box.x + box.width * fraction;
+    const clickY = box.y + box.height / 2;
+    await page.mouse.click(clickX, clickY);
+  }
+}
+
 test.describe('impact slider component - 1', () => {
   test('impact slider - sliding to £70', async ({ page }) => {
-
     await page.goto('/#impactslider');
 
     // Ensure that the slider and its handle are visible
     await expect(page.locator('[data-testid="ImpactSlider-example-1"]')).toBeVisible();
     await expect(page.locator('[data-testid="ImpactSlider-example-1"] #ImpactSlider > div:nth-child(4)')).toBeVisible();
 
-    // slider selector
-    const sliderSelector = '[data-testid="ImpactSlider-example-1"] #ImpactSlider';
-    const slider = await page.$(sliderSelector);
-
     const moneyBuyElement = page.locator('[data-testid="ImpactSlider-example-1"] [data-testid="impact-slider--moneybuy-1"]');
-    const moneyBuyText = await moneyBuyElement.innerText();
-    console.log('Target initially: ', moneyBuyText);
-
-    if (slider) {
-      // Get the bounding box of the slider
-      let sliderBound = await slider.boundingBox();
-
-      // Get the target position for the mouse move to a donation of £70
-      const targetPosition = sliderBound.width * (70 / 100);
+    console.log('Target initially: ', await moneyBuyElement.innerText());
 
-      // Perform mouse actions to simulate dragging the slider handle
-      await page.mouse.move(sliderBound.x, sliderBound.y + sliderBound.height / 2);
-      await page.mouse.down();
+    await setSliderValue(page, 'ImpactSlider-example-1', 70);
 
-      while (sliderBound.width * (parseFloat(await moneyBuyElement.innerText()) / 100) !== targetPosition) {
-        await page.mouse.move(sliderBound.x + targetPosition, sliderBound.y + sliderBound.height / 2);
-        sliderBound = await slider.boundingBox();
-      }
-
-      await page.mouse.up();
-    }
-
-    await expect(page.locator('[data-testid="ImpactSlider-example-1"] > [data-preview="ImpactSlider"] > div > div > div > p')).toContainText('A donation of £70 could help pay for:');
+    await expect(page.locator('[data-testid="ImpactSlider-example-1"] > [data-preview="ImpactSlider"] > div > div > div > div > p')).toContainText('A donation of £70 could help pay for:');
     await expect(page.locator('[data-testid="ImpactSlider-example-1"] [data-testid="impact-slider--moneybuy-1"] [data-testid="moneybuy-amount"]')).toContainText('70');
     await expect(page.locator('[data-testid="ImpactSlider-example-1"] [data-testid="impact-slider--moneybuy-2"] [data-testid="moneybuy-amount"]')).toContainText('7');
     await expect(page.locator('[data-testid="ImpactSlider-example-1"] [data-testid="impact-slider--moneybuy-3"] [data-testid="moneybuy-amount"]')).toContainText('4');
@@ -50,41 +42,18 @@ test.describe('impact slider component - 1', () => {
   });
 
   test('impact slider - sliding to the maximum amount £100', async ({ page }) => {
-
     await page.goto('/#impactslider');
 
     // Ensure that the slider and its handle are visible
     await expect(page.locator('[data-testid="ImpactSlider-example-1"]')).toBeVisible();
     await expect(page.locator('[data-testid="ImpactSlider-example-1"] #ImpactSlider > div:nth-child(4)')).toBeVisible();
 
-    // slider selector
-    const sliderSelector = '[data-testid="ImpactSlider-example-1"] #ImpactSlider';
-    const slider = await page.$(sliderSelector);
-
     const moneyBuyElement = page.locator('[data-testid="ImpactSlider-example-1"] [data-testid="impact-slider--moneybuy-1"]');
-    const moneyBuyText = await moneyBuyElement.innerText();
-    console.log('Target initially: ', moneyBuyText);
-
-    if (slider) {
-      // Get the bounding box of the slider
-      let sliderBound = await slider.boundingBox();
+    console.log('Target initially: ', await moneyBuyElement.innerText());
 
-      // Get the target position for the mouse move to a donation of £100
-      const targetPosition = sliderBound.width * (100 / 100);
+    await setSliderValue(page, 'ImpactSlider-example-1', 100);
 
-      // Perform mouse actions to simulate dragging the slider handle
-      await page.mouse.move(sliderBound.x, sliderBound.y + sliderBound.height / 2);
-      await page.mouse.down();
-
-      while (sliderBound.width * (parseFloat(await moneyBuyElement.innerText()) / 100) !== targetPosition) {
-        await page.mouse.move(sliderBound.x + targetPosition, sliderBound.y + sliderBound.height / 2);
-        sliderBound = await slider.boundingBox();
-      }
-
-      await page.mouse.up();
-    }
-
-    await expect(page.locator('[data-testid="ImpactSlider-example-1"] > [data-preview="ImpactSlider"] > div > div > div > p')).toContainText('A donation of £100 could help pay for:');
+    await expect(page.locator('[data-testid="ImpactSlider-example-1"] > [data-preview="ImpactSlider"] > div > div > div > div > p')).toContainText('A donation of £100 could help pay for:');
     await expect(page.locator('[data-testid="ImpactSlider-example-1"] [data-testid="impact-slider--moneybuy-1"] [data-testid="moneybuy-amount"]')).toContainText('100');
     await expect(page.locator('[data-testid="ImpactSlider-example-1"] [data-testid="impact-slider--moneybuy-2"] [data-testid="moneybuy-amount"]')).toContainText('10');
     await expect(page.locator('[data-testid="ImpactSlider-example-1"] [data-testid="impact-slider--moneybuy-3"] [data-testid="moneybuy-amount"]')).toContainText('6');
@@ -98,41 +67,18 @@ test.describe('impact slider component - 1', () => {
   });
 
   test('impact slider - sliding to the minimum amount £25', async ({ page }) => {
-
     await page.goto('/#impactslider');
 
     // Ensure that the slider and its handle are visible
     await expect(page.locator('[data-testid="ImpactSlider-example-1"]')).toBeVisible();
     await expect(page.locator('[data-testid="ImpactSlider-example-1"] #ImpactSlider > div:nth-child(4)')).toBeVisible();
 
-    // slider selector
-    const sliderSelector = '[data-testid="ImpactSlider-example-1"] #ImpactSlider';
-    const slider = await page.$(sliderSelector);
-
     const moneyBuyElement = page.locator('[data-testid="ImpactSlider-example-1"] [data-testid="impact-slider--moneybuy-1"]');
-    const moneyBuyText = await moneyBuyElement.innerText();
-    console.log('Target initially: ', moneyBuyText);
-
-    if (slider) {
-      // Get the bounding box of the slider
-      let sliderBound = await slider.boundingBox();
-
-      // Get the target position for the mouse move to a donation of £25
-      const targetPosition = sliderBound.width * (25 / 100);
-
-      // Perform mouse actions to simulate dragging the slider handle
-      await page.mouse.move(sliderBound.x, sliderBound.y + sliderBound.height / 2);
-      await page.mouse.down();
-
-      while (sliderBound.width * (parseFloat(await moneyBuyElement.innerText()) / 100) !== targetPosition) {
-        await page.mouse.move(sliderBound.x + targetPosition, sliderBound.y + sliderBound.height / 2);
-        sliderBound = await slider.boundingBox();
-      }
+    console.log('Target initially: ', await moneyBuyElement.innerText());
 
-      await page.mouse.up();
-    }
+    await setSliderValue(page, 'ImpactSlider-example-1', 25);
 
-    await expect(page.locator('[data-testid="ImpactSlider-example-1"] > [data-preview="ImpactSlider"] > div > div > div > p')).toContainText('A donation of £25 could help pay for:');
+    await expect(page.locator('[data-testid="ImpactSlider-example-1"] > [data-preview="ImpactSlider"] > div > div > div > div > p')).toContainText('A donation of £25 could help pay for:');
     await expect(page.locator('[data-testid="ImpactSlider-example-1"] [data-testid="impact-slider--moneybuy-1"] [data-testid="moneybuy-amount"]')).toContainText('25');
     await expect(page.locator('[data-testid="ImpactSlider-example-1"] [data-testid="impact-slider--moneybuy-2"] [data-testid="moneybuy-amount"]')).toContainText('2');
     await expect(page.locator('[data-testid="ImpactSlider-example-1"] [data-testid="impact-slider--moneybuy-3"] [data-testid="moneybuy-amount"]')).toContainText('1');
@@ -152,42 +98,14 @@ test.describe('impact slider component - 1', () => {
     await expect(page.locator('[data-testid="ImpactSlider-example-1"]')).toBeVisible();
     await expect(page.locator('[data-testid="ImpactSlider-example-1"] #ImpactSlider > div:nth-child(4)')).toBeVisible();
 
-    const sliderSelector = '[data-testid="ImpactSlider-example-1"] #ImpactSlider';
-    const slider = await page.$(sliderSelector);
-
     const moneyBuyElement = page.locator('[data-testid="ImpactSlider-example-1"] [data-testid="impact-slider--moneybuy-1"]');
-    const moneyBuyText = await moneyBuyElement.innerText();
-    console.log('Target initially: ', moneyBuyText);
-
-    let targetAmountBeforeMoving;
-    let sliderBound;
+    console.log('Target initially: ', await moneyBuyElement.innerText());
 
     // drag the slider to the right to increase the amount to £80
-    if (slider) {
-      // Get the bounding box of the slider
-      sliderBound = await slider.boundingBox();
-
-      // Get the target position for the mouse move to a donation of £80
-      const targetPosition80 = sliderBound.width * (80 / 100);
-
-      // Perform mouse actions to simulate dragging the slider handle to 80
-      await page.mouse.move(sliderBound.x, sliderBound.y + sliderBound.height / 2);
-      await page.mouse.down();
-
-      while (sliderBound.width * (parseFloat(await moneyBuyElement.innerText()) / 100) !== targetPosition80) {
-        await page.mouse.move(sliderBound.x + targetPosition80, sliderBound.y + sliderBound.height / 2);
-        sliderBound = await slider.boundingBox();
-      }
+    await setSliderValue(page, 'ImpactSlider-example-1', 80);
+    console.log('Slider increased to amount: ', await moneyBuyElement.innerText());
 
-      await page.mouse.up();
-
-      // Update targetAmountBeforeMoving after the first slider move
-      targetAmountBeforeMoving = parseFloat(await moneyBuyElement.innerText());
-      console.log('Slider increased to amount: ', targetAmountBeforeMoving);
-    }
-
-    // Validate that the slider is at £80
-    await expect(page.locator('[data-testid="ImpactSlider-example-1"] > [data-preview="ImpactSlider"] > div > div > div > p')).toContainText('A donation of £80 could help pay for:');
+    await expect(page.locator('[data-testid="ImpactSlider-example-1"] > [data-preview="ImpactSlider"] > div > div > div > div > p')).toContainText('A donation of £80 could help pay for:');
     await expect(page.locator('[data-testid="ImpactSlider-example-1"] [data-testid="impact-slider--moneybuy-1"] [data-testid="moneybuy-amount"]')).toContainText('80');
     await expect(page.locator('[data-testid="ImpactSlider-example-1"] [data-testid="impact-slider--moneybuy-2"] [data-testid="moneybuy-amount"]')).toContainText('8');
     await expect(page.locator('[data-testid="ImpactSlider-example-1"] [data-testid="impact-slider--moneybuy-3"] [data-testid="moneybuy-amount"]')).toContainText('5');
@@ -196,39 +114,15 @@ test.describe('impact slider component - 1', () => {
     // donate now button should have the amount as £80
     await expect(page.locator('[data-testid="ImpactSlider-example-1"] button[type="submit"]')).toContainText('Donate £80 now');
 
-    // add a short wait for the slider to move back from £80 to £50
     await page.waitForTimeout(5000);
 
     // drag the slider to the left to decrease the amount to £50
-    if (slider) {
-      // Get the bounding box of the slider
-      sliderBound = await slider.boundingBox();
-
-      // Get the target position for the mouse move to a donation of £80
-      const targetPosition45 = sliderBound.width * (50 / 100);
-
-      // Perform mouse actions to simulate dragging the slider handle to 80
-      await page.mouse.move(sliderBound.x, sliderBound.y + sliderBound.height / 2);
-      await page.mouse.down();
-
-      while (sliderBound.width * (parseFloat(await moneyBuyElement.innerText()) / 100) !== targetPosition45) {
-        await page.mouse.move(sliderBound.x + targetPosition45, sliderBound.y + sliderBound.height / 2);
-        sliderBound = await slider.boundingBox();
-      }
-
-      await page.mouse.down();
-
-      await page.waitForTimeout(2000);
-
-      // Update targetAmountBeforeMoving after the first slider move
-      targetAmountBeforeMoving = parseFloat(await moneyBuyElement.innerText());
-      console.log('Slider decreased to amount: ', targetAmountBeforeMoving);
-    }
+    await setSliderValue(page, 'ImpactSlider-example-1', 50);
+    console.log('Slider decreased to amount: ', await moneyBuyElement.innerText());
 
     await page.waitForTimeout(2000);
 
-    // Validate that the slider is at £50
-    await expect(page.locator('[data-testid="ImpactSlider-example-1"] > [data-preview="ImpactSlider"] > div > div > div > p')).toContainText('A donation of £50 could help pay for:');
+    await expect(page.locator('[data-testid="ImpactSlider-example-1"] > [data-preview="ImpactSlider"] > div > div > div > div > p')).toContainText('A donation of £50 could help pay for:');
     await expect(page.locator('[data-testid="ImpactSlider-example-1"] [data-testid="impact-slider--moneybuy-1"] [data-testid="moneybuy-amount"]')).toContainText('50');
     await expect(page.locator('[data-testid="ImpactSlider-example-1"] [data-testid="impact-slider--moneybuy-2"] [data-testid="moneybuy-amount"]')).toContainText('5');
     await expect(page.locator('[data-testid="ImpactSlider-example-1"] [data-testid="impact-slider--moneybuy-3"] [data-testid="moneybuy-amount"]')).toContainText('3');
@@ -243,41 +137,18 @@ test.describe('impact slider component - 1', () => {
 
 test.describe('impact slider component - 2', () => {
   test('impact slider - sliding to £45', async ({ page }) => {
-
     await page.goto('/#impactslider');
 
     // Ensure that the slider and its handle are visible
     await expect(page.locator('[data-testid="ImpactSlider-example-3"]')).toBeVisible();
     await expect(page.locator('[data-testid="ImpactSlider-example-3"] #ImpactSlider > div:nth-child(4)')).toBeVisible();
 
-    // slider selector
-    const sliderSelector = '[data-testid="ImpactSlider-example-3"] #ImpactSlider';
-    const slider = await page.$(sliderSelector);
-
     const moneyBuyElement = page.locator('[data-testid="ImpactSlider-example-3"] [data-testid="impact-slider--moneybuy-1"]');
-    const moneyBuyText = await moneyBuyElement.innerText();
-    console.log('Target initially: ', moneyBuyText);
-
-    if (slider) {
-      // Get the bounding box of the slider
-      let sliderBound = await slider.boundingBox();
-
-      // Get the target position for the mouse move to a donation of £45
-      const targetPosition = sliderBound.width * (45 / 100);
-
-      // Perform mouse actions to simulate dragging the slider handle
-      await page.mouse.move(sliderBound.x, sliderBound.y + sliderBound.height / 2);
-      await page.mouse.down();
-
-      while (sliderBound.width * (parseFloat(await moneyBuyElement.innerText()) / 100) !== targetPosition) {
-        await page.mouse.move(sliderBound.x + targetPosition, sliderBound.y + sliderBound.height / 2);
-        sliderBound = await slider.boundingBox();
-      }
+    console.log('Target initially: ', await moneyBuyElement.innerText());
 
-      await page.mouse.up();
-    }
+    await setSliderValue(page, 'ImpactSlider-example-3', 45);
 
-    await expect(page.locator('[data-testid="ImpactSlider-example-3"] > [data-preview="ImpactSlider"] > div > div > div > p')).toContainText('A donation of £45 could help pay for:');
+    await expect(page.locator('[data-testid="ImpactSlider-example-3"] > [data-preview="ImpactSlider"] > div > div > div > div > p')).toContainText('A donation of £45 could help pay for:');
     await expect(page.locator('[data-testid="ImpactSlider-example-3"] [data-testid="impact-slider--moneybuy-1"] [data-testid="moneybuy-amount"]')).toContainText('45');
     await expect(page.locator('[data-testid="ImpactSlider-example-3"] [data-testid="impact-slider--moneybuy-2"] [data-testid="moneybuy-amount"]')).toContainText('4');
     await expect(page.locator('[data-testid="ImpactSlider-example-3"] [data-testid="impact-slider--moneybuy-3"] [data-testid="moneybuy-amount"]')).toContainText('3');
diff --git a/src/App.jsx b/src/App.jsx
new file mode 100644
index 000000000..56fdbcde6
--- /dev/null
+++ b/src/App.jsx
@@ -0,0 +1,94 @@
+import React, { useState, useEffect } from 'react';
+import styled from 'styled-components';
+import { atoms, molecules, organisms, docs } from './demos/index.jsx';
+import { Layout, Sidebar, SidebarTitle, SidebarItem, Preview, PreviewHeader, PreviewBox, Logo, IsolateButton } from './App.styles.js';
+import crLogo from './components/Atoms/Logo/assets/cr-logo.svg';
+
+const Chevron = styled.span`
+  float: right;
+  display: inline-block;
+  font-size: 1.2rem;
+  margin-top: -6px;
+  transition: transform 0.2s;
+  transform: ${({ $open }) => ($open ? 'rotate(0deg)' : 'rotate(-90deg)')};
+`;
+
+const groups = [
+  { label: 'Docs', items: docs },
+  { label: 'Atoms', items: atoms },
+  { label: 'Molecules', items: molecules },
+  { label: 'Organisms', items: organisms },
+];
+
+const allItems = groups.flatMap(g => g.items);
+
+function itemFromHash() {
+  const hash = window.location.hash.slice(1).toLowerCase();
+  return allItems.find(item => item.name.toLowerCase() === hash) || atoms[0];
+}
+
+export default function App() {
+  const [selected, setSelected] = useState(itemFromHash);
+  const [isIsolated, setIsIsolated] = useState(false);
+  const [openGroups, setOpenGroups] = useState(() =>
+    groups.reduce((acc, g) => ({ ...acc, [g.label]: false }), {})
+  );
+
+  const toggleGroup = label =>
+    setOpenGroups(prev => ({ ...prev, [label]: !prev[label] }));
+
+  useEffect(() => {
+    const onHashChange = () => setSelected(itemFromHash());
+    window.addEventListener('hashchange', onHashChange);
+    return () => window.removeEventListener('hashchange', onHashChange);
+  }, []);
+
+  const currentItem = allItems.find(item => item.name === selected.name);
+
+  const handleSelect = item => {
+    window.location.hash = item.name.toLowerCase();
+    setSelected(item);
+  };
+
+  return (
+    <Layout>
+      {!isIsolated && (
+      <Sidebar>
+        <Logo><img src={crLogo} alt="Comic Relief" /></Logo>
+        {groups.map(group => (
+          <div key={group.label}>
+            <SidebarTitle onClick={() => toggleGroup(group.label)}>
+              {group.label}
+              <Chevron $open={openGroups[group.label]}>▾</Chevron>
+            </SidebarTitle>
+            {openGroups[group.label] && group.items.map(item => (
+              <SidebarItem
+                key={item.name}
+                $active={selected.name === item.name}
+                onClick={() => handleSelect(item)}
+              >
+                {item.name}
+              </SidebarItem>
+            ))}
+          </div>
+        ))}
+      </Sidebar>
+      )}
+      <Preview>
+        <PreviewHeader>
+          <h2>{selected.name}</h2>
+          <IsolateButton $active={isIsolated} onClick={() => setIsIsolated(s => !s)}>
+            {isIsolated ? 'Show Sidebar' : 'Isolate'}
+          </IsolateButton>
+        </PreviewHeader>
+        {(currentItem?.examples ?? (currentItem?.demo != null ? [currentItem.demo] : [])).map((example, idx) => (
+          <PreviewBox key={idx} data-testid={`${selected.name}-example-${2 * idx + 1}`}>
+            <div data-preview={selected.name}>
+              {example}
+            </div>
+          </PreviewBox>
+        ))}
+      </Preview>
+    </Layout>
+  );
+}
diff --git a/src/App.styles.js b/src/App.styles.js
new file mode 100644
index 000000000..634520c82
--- /dev/null
+++ b/src/App.styles.js
@@ -0,0 +1,108 @@
+import styled from 'styled-components';
+import color from './theme/crTheme/colors';
+
+export const Layout = styled.div`
+  display: flex;
+  height: 100vh;
+  font-family: sans-serif;
+`;
+
+export const Sidebar = styled.nav`
+  width: 240px;
+  min-width: 240px;
+  background: ${color('grey_5')};
+  color: ${color('white')};
+  overflow-y: scroll;
+  padding: 1rem 0;
+`;
+
+export const SidebarTitle = styled.div`
+  padding: 1.5rem 1rem 0.75rem;
+  font-size: 0.8rem;
+  font-weight: 700;
+  letter-spacing: 0.1em;
+  text-transform: uppercase;
+  color: ${color('red')};
+  cursor: pointer;
+  user-select: none;
+
+  &:hover {
+    opacity: 0.8;
+  }
+`;
+
+export const SidebarItem = styled.button`
+  display: block;
+  width: 100%;
+  text-align: left;
+  padding: 0.4rem 1rem;
+  background: ${({ $active }) => ($active ? color('grey_4_hover') : color('transparent'))};
+  color: ${({ $active }) => ($active ? color('white') : color('grey'))};
+  border: none;
+  cursor: pointer;
+  font-size: 0.85rem;
+  border-left: 3px solid ${({ $active }) => ($active ? color('red') : color('transparent'))};
+
+  &:hover {
+    background: ${color('grey_dark')};
+    color: ${color('white')};
+  }
+`;
+
+export const Preview = styled.main`
+  flex: 1;
+  overflow-y: auto;
+  padding: 2rem;
+  background: ${color('grey_light')};
+`;
+
+export const PreviewHeader = styled.div`
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin: 0 0 1.5rem;
+  border-bottom: 1px solid ${color('grey_medium')};
+  padding-bottom: 0.75rem;
+
+  h2 {
+    margin: 0;
+    font-size: 1.25rem;
+    color: ${color('grey_5')};
+  }
+`;
+
+export const PreviewBox = styled.div`
+  background: ${color('white')};
+  border: 1px solid ${color('grey_medium')};
+  border-radius: 6px;
+  padding: 2rem;
+`;
+
+export const Logo = styled.div`
+  padding: 1rem;
+  border-bottom: 1px solid ${color('grey_dark')};
+  margin-bottom: 0.5rem;
+
+  img {
+    display: block;
+    width: 50px;
+    height: auto;
+  }
+`;
+
+export const IsolateButton = styled.button`
+  background: ${color('red')};
+  border: 1px solid ${color('red')};
+  border-radius: 4px;
+  color: ${color('white')};
+  cursor: pointer;
+  font-size: 0.75rem;
+  font-weight: 700;
+  letter-spacing: 0.05em;
+  padding: 0.25rem 0.6rem;
+
+  &:hover {
+    background: ${color('red_dark')};
+    border-color: ${color('red_dark')};
+  }
+`;
diff --git a/src/styleguide/assets/HeroBannerLogo-Square.png b/src/assets/HeroBannerLogo-Square.png
similarity index 100%
rename from src/styleguide/assets/HeroBannerLogo-Square.png
rename to src/assets/HeroBannerLogo-Square.png
diff --git a/src/styleguide/assets/HeroBannerLogo-Tall.png b/src/assets/HeroBannerLogo-Tall.png
similarity index 100%
rename from src/styleguide/assets/HeroBannerLogo-Tall.png
rename to src/assets/HeroBannerLogo-Tall.png
diff --git a/src/styleguide/assets/HeroBannerLogo-Wide.png b/src/assets/HeroBannerLogo-Wide.png
similarity index 100%
rename from src/styleguide/assets/HeroBannerLogo-Wide.png
rename to src/assets/HeroBannerLogo-Wide.png
diff --git a/src/styleguide/assets/PromoLW.jpg b/src/assets/PromoLW.jpg
similarity index 100%
rename from src/styleguide/assets/PromoLW.jpg
rename to src/assets/PromoLW.jpg
diff --git a/src/styleguide/assets/VideoBannerPosterImage.png b/src/assets/VideoBannerPosterImage.png
similarity index 100%
rename from src/styleguide/assets/VideoBannerPosterImage.png
rename to src/assets/VideoBannerPosterImage.png
diff --git a/src/styleguide/assets/challenge-1.jpg b/src/assets/challenge-1.jpg
similarity index 100%
rename from src/styleguide/assets/challenge-1.jpg
rename to src/assets/challenge-1.jpg
diff --git a/src/styleguide/assets/mobileVideoPosterImage.png b/src/assets/mobileVideoPosterImage.png
similarity index 100%
rename from src/styleguide/assets/mobileVideoPosterImage.png
rename to src/assets/mobileVideoPosterImage.png
diff --git a/src/styleguide/assets/picture-1.jpg b/src/assets/picture-1.jpg
similarity index 100%
rename from src/styleguide/assets/picture-1.jpg
rename to src/assets/picture-1.jpg
diff --git a/src/styleguide/assets/picture-2.jpg b/src/assets/picture-2.jpg
similarity index 100%
rename from src/styleguide/assets/picture-2.jpg
rename to src/assets/picture-2.jpg
diff --git a/src/styleguide/assets/picture-3.jpg b/src/assets/picture-3.jpg
similarity index 100%
rename from src/styleguide/assets/picture-3.jpg
rename to src/assets/picture-3.jpg
diff --git a/src/styleguide/assets/promo.jpg b/src/assets/promo.jpg
similarity index 100%
rename from src/styleguide/assets/promo.jpg
rename to src/assets/promo.jpg
diff --git a/src/styleguide/assets/tall.jpg b/src/assets/tall.jpg
similarity index 100%
rename from src/styleguide/assets/tall.jpg
rename to src/assets/tall.jpg
diff --git a/src/styleguide/assets/wide.jpg b/src/assets/wide.jpg
similarity index 100%
rename from src/styleguide/assets/wide.jpg
rename to src/assets/wide.jpg
diff --git a/src/components/Atoms/AmbientVideo/AmbientVideo.md b/src/components/Atoms/AmbientVideo/AmbientVideo.md
deleted file mode 100644
index 05730f777..000000000
--- a/src/components/Atoms/AmbientVideo/AmbientVideo.md
+++ /dev/null
@@ -1,59 +0,0 @@
-# AmbientVideo
-
-A muted, full-width ambient video component using the HTML5 video element. Ideal for background or decorative video.
-
-Default (loop, no controls).
-
-```js
-const defaultData = require('../../../styleguide/data/data').defaultData;
-const video480 = require('./big-buck-bunny-480p-30sec.mp4');
-
-<div style={{ width: '100%', maxWidth: '600px', aspectRatio: '16/9', overflow: 'hidden' }}>
-  <AmbientVideo src={video480} poster={defaultData.image} />
-</div>
-```
-
-With full controls.
-
-```js
-const defaultData = require('../../../styleguide/data/data').defaultData;
-const video480 = require('./big-buck-bunny-480p-30sec.mp4');
-
-<div style={{ width: '100%', maxWidth: '600px', aspectRatio: '16/9', overflow: 'hidden' }}>
-  <AmbientVideo src={video480} poster={defaultData.image} showFullControls showPlayPause={false} />
-</div>
-```
-
-With play/pause button (hover to reveal).
-
-```js
-const defaultData = require('../../../styleguide/data/data').defaultData;
-const video480 = require('./big-buck-bunny-480p-30sec.mp4');
-
-<div style={{ width: '100%', maxWidth: '600px', aspectRatio: '16/9', overflow: 'hidden' }}>
-  <AmbientVideo src={video480} poster={defaultData.image} showPlayPause />
-</div>
-```
-
-Play once (no loop).
-
-```js
-const defaultData = require('../../../styleguide/data/data').defaultData;
-const video480 = require('./big-buck-bunny-480p-30sec.mp4');
-
-<div style={{ width: '100%', maxWidth: '600px', aspectRatio: '16/9', overflow: 'hidden' }}>
-  <AmbientVideo src={video480} poster={defaultData.image} loop={false} />
-</div>
-```
-
-Responsive: 1080p above M breakpoint (740px), 480p below. Resize the browser to see the switch.
-
-```js
-const defaultData = require('../../../styleguide/data/data').defaultData;
-const video480 = require('./thetestdatacom_480p_example.mp4');
-const video1080 = require('./big-buck-bunny-1080p-30sec.mp4');
-
-<div style={{ width: '100%', maxWidth: '800px', aspectRatio: '16/9', overflow: 'hidden' }}>
-  <AmbientVideo src={video1080} srcMobile={video480} poster={defaultData.image} />
-</div>
-```
diff --git a/src/components/Atoms/AmbientVideo/AmbientVideoExample.jsx b/src/components/Atoms/AmbientVideo/AmbientVideoExample.jsx
new file mode 100644
index 000000000..3a4331536
--- /dev/null
+++ b/src/components/Atoms/AmbientVideo/AmbientVideoExample.jsx
@@ -0,0 +1,45 @@
+import React from 'react';
+import styled from 'styled-components';
+import AmbientVideo from './AmbientVideo';
+import { defaultData } from '../../../data/data';
+import video480 from './big-buck-bunny-480p-30sec.mp4';
+import video1080 from './big-buck-bunny-1080p-30sec.mp4';
+import videoMobile from './thetestdatacom_480p_example.mp4';
+
+const ExampleContainer = styled.div`
+  width: 100%;
+  max-width: ${({ $maxWidth }) => $maxWidth || '600px'};
+  aspect-ratio: ${({ $aspectRatio }) => $aspectRatio || '16 / 9'};
+  overflow: hidden;
+`;
+
+export default function AmbientVideoExample() {
+  return (
+    <>
+      <h3>Default (loop, no controls)</h3>
+      <ExampleContainer>
+        <AmbientVideo src={video480} poster={defaultData.image} />
+      </ExampleContainer>
+
+      <h3>With full controls</h3>
+      <ExampleContainer>
+        <AmbientVideo src={video480} poster={defaultData.image} showFullControls showPlayPause={false} />
+      </ExampleContainer>
+
+      <h3>With play/pause button (hover to reveal)</h3>
+      <ExampleContainer>
+        <AmbientVideo src={video480} poster={defaultData.image} showPlayPause />
+      </ExampleContainer>
+
+      <h3>Play once (no loop)</h3>
+      <ExampleContainer>
+        <AmbientVideo src={video480} poster={defaultData.image} loop={false} />
+      </ExampleContainer>
+
+      <h3>Responsive: 1080p above M breakpoint (740px), 480p below</h3>
+      <ExampleContainer $maxWidth="800px">
+        <AmbientVideo src={video1080} srcMobile={videoMobile} poster={defaultData.image} />
+      </ExampleContainer>
+    </>
+  );
+}
diff --git a/src/components/Atoms/Button/Button.md b/src/components/Atoms/Button/Button.md
deleted file mode 100644
index 48afd3b57..000000000
--- a/src/components/Atoms/Button/Button.md
+++ /dev/null
@@ -1,101 +0,0 @@
-```js
-
-import buttonTypes from '../../../theme/crTheme/buttonTypes';
-
-<>
-    <h1>Primary</h1>
-    <div style={{backgroundColor:"#ddd", padding: "15px", marginBottom: "10px", borderRadius: "5px"}}>
-        <Button type="button">Primary red button (default)</Button>
-    </div>
-
-    <div style={{backgroundColor:"#ddd", padding: "15px", marginBottom: "10px", borderRadius: "5px"}}>
-        <Button type="button" disabled>Primary red button (default): disabled</Button>
-    </div>
-
-    <div style={{backgroundColor:"#ddd", padding: "15px", marginBottom: "10px", borderRadius: "5px"}}>
-        <Button type="button" color="black">Primary black button</Button>
-    </div>
-
-    <div style={{backgroundColor:"#ddd", padding: "15px", marginBottom: "10px", borderRadius: "5px"}}>
-        <Button type="button" color="black" disabled>Primary black button: disabled</Button>
-    </div>
-
-    <div style={{backgroundColor:"#222222", padding: "15px", marginBottom: "10px", borderRadius: "5px"}}>
-        <Button type="button" color="white">Primary white button</Button>
-    </div>
-
-    <div style={{backgroundColor:"#222222", padding: "15px", marginBottom: "10px", borderRadius: "5px"}}>
-        <Button type="button" color="white" disabled>Primary white button: disabled</Button>
-    </div>
-
-    <div style={{backgroundColor:"#222222", padding: "15px", marginBottom: "10px", borderRadius: "5px"}}>
-        <Button type="button" color="non-existent-colour">Using a non-existent colour will default to red</Button>
-    </div>
-
-    <br/>
-    <h1>Secondary</h1>
-
-    <div style={{backgroundColor:"#ddd", padding: "15px", marginBottom: "10px", borderRadius: "5px", borderRadius: "5px"}}>
-        <Button type="button" buttonType={buttonTypes.SECONDARY}>Secondary red button</Button>
-    </div>
-
-    <div style={{backgroundColor:"#ddd", padding: "15px", marginBottom: "10px", borderRadius: "5px"}}>
-        <Button type="button" buttonType={buttonTypes.SECONDARY} disabled>Secondary red button: disabled</Button>
-    </div>
-
-    <div style={{backgroundColor:"#ddd", padding: "15px", marginBottom: "10px", borderRadius: "5px"}}>
-        <Button type="button" color="black" buttonType={buttonTypes.SECONDARY}>Secondary black button</Button>
-    </div>
-
-    <div style={{backgroundColor:"#ddd", padding: "15px", marginBottom: "10px", borderRadius: "5px"}}>
-        <Button type="button" color="black" buttonType={buttonTypes.SECONDARY} disabled>Secondary black button: disabled</Button>
-    </div>
-
-
-    <div style={{backgroundColor:"#222222", padding: "15px", marginBottom: "10px", borderRadius: "5px"}}>
-        <Button type="button" color="white" buttonType={buttonTypes.SECONDARY} buttonType={buttonTypes.SECONDARY}>Secondary white button</Button>
-    </div>
-
-    <div style={{backgroundColor:"#222222", padding: "15px", marginBottom: "10px", borderRadius: "5px"}}>
-        <Button type="button" color="white" buttonType={buttonTypes.SECONDARY} disabled>Secondary white button: disabled</Button>
-    </div>
-
-    <br/>
-    <h1>Teritary</h1>
-
-    <div style={{backgroundColor:"#ddd", padding: "15px", marginBottom: "10px", borderRadius: "5px"}}>
-        <Button type="button" buttonType={buttonTypes.TERTIARY}>Tertiary red button</Button>
-    </div>
-
-    <div style={{backgroundColor:"#ddd", padding: "15px", marginBottom: "10px", borderRadius: "5px"}}>
-        <Button type="button" buttonType={buttonTypes.TERTIARY} disabled>Tertiary red button: disabled</Button>
-    </div>
-
-    <div style={{backgroundColor:"#ddd", padding: "15px", marginBottom: "10px", borderRadius: "5px"}}>
-        <Button type="button" color="black" buttonType={buttonTypes.TERTIARY}>Tertiary black button</Button>
-    </div>
-
-    <div style={{backgroundColor:"#ddd", padding: "15px", marginBottom: "10px", borderRadius: "5px"}}>
-        <Button type="button" color="black" buttonType={buttonTypes.TERTIARY} disabled>Tertiary black button: disabled</Button>
-    </div>
-
-
-    <div style={{backgroundColor:"#222222", padding: "15px", marginBottom: "10px", borderRadius: "5px"}}>
-        <Button type="button" color="white" buttonType={buttonTypes.TERTIARY} buttonType={buttonTypes.TERTIARY}>Tertiary white button</Button>
-    </div>
-
-    <div style={{backgroundColor:"#222222", padding: "15px", marginBottom: "10px", borderRadius: "5px"}}>
-        <Button type="button" color="white" buttonType={buttonTypes.TERTIARY} disabled>Tertiary white button: disabled</Button>
-    </div>
-</>
-
-
-```
-
-```js
-<Button wrapper>My button as a span</Button>
-```
-
-```js
-<Button type="button" fullWidth>Full-width button</Button>
-```
\ No newline at end of file
diff --git a/src/components/Atoms/Button/Button.test.js b/src/components/Atoms/Button/Button.test.js
index 282e00785..c47b77afc 100644
--- a/src/components/Atoms/Button/Button.test.js
+++ b/src/components/Atoms/Button/Button.test.js
@@ -10,24 +10,13 @@ it('renders a standard styled link correctly', () => {
 
   expect(tree).toMatchInlineSnapshot(`
     .c0 {
-      display: -webkit-inline-box;
-      display: -webkit-inline-flex;
-      display: -ms-inline-flexbox;
       display: inline-flex;
       position: relative;
-      -webkit-text-decoration: none;
       text-decoration: none;
-      -webkit-transition: all 0.2s;
       transition: all 0.2s;
       height: 2.5rem;
       width: 100%;
-      -webkit-box-pack: center;
-      -webkit-justify-content: center;
-      -ms-flex-pack: center;
       justify-content: center;
-      -webkit-align-items: center;
-      -webkit-box-align: center;
-      -ms-flex-align: center;
       align-items: center;
       border: none;
       cursor: pointer;
@@ -38,16 +27,12 @@ it('renders a standard styled link correctly', () => {
       font-family: 'Montserrat',Helvetica,Arial,sans-serif;
       font-weight: 700;
       text-transform: inherit;
-      -webkit-letter-spacing: 0;
-      -moz-letter-spacing: 0;
-      -ms-letter-spacing: 0;
       letter-spacing: 0;
       font-size: 1rem;
       line-height: 1.25rem;
     }
 
-    .c0 > a {
-      -webkit-text-decoration: none;
+    .c0 >a {
       text-decoration: none;
     }
 
@@ -64,35 +49,37 @@ it('renders a standard styled link correctly', () => {
       opacity: 0.5;
     }
 
-    @media (min-width:740px) {
+    @media (min-width: 740px) {
       .c0 {
         font-size: 1rem;
         line-height: 1.25rem;
       }
     }
 
-    @media (min-width:1024px) {
+    @media (min-width: 1024px) {
       .c0 {
         font-size: 1.125rem;
         line-height: 1.375rem;
       }
     }
 
-    @media (min-width:740px) {
+    @media (min-width: 740px) {
       .c0 {
         width: auto;
       }
     }
 
-    @media (min-width:1024px) {
+    @media (min-width: 1024px) {
       .c0 {
         width: auto;
       }
     }
 
     <button
+      buttonType="primary"
       className="c0"
       color="red"
+      fullWidth={false}
       type="submit"
     >
       A standard link
diff --git a/src/components/Atoms/Button/ButtonExample.jsx b/src/components/Atoms/Button/ButtonExample.jsx
new file mode 100644
index 000000000..c82fcb608
--- /dev/null
+++ b/src/components/Atoms/Button/ButtonExample.jsx
@@ -0,0 +1,91 @@
+import React from 'react';
+import styled from 'styled-components';
+import Button from './Button';
+import buttonTypes from '../../../theme/crTheme/buttonTypes';
+
+const ExampleContainer = styled.div`
+  background-color: ${({ $bg }) => $bg || '#ddd'};
+  padding: 15px;
+  margin-bottom: 10px;
+  border-radius: 5px;
+`;
+
+export default function ButtonExample() {
+  return (
+    <>
+      <h1>Primary</h1>
+      <ExampleContainer>
+        <Button type="button">Primary red button (default)</Button>
+      </ExampleContainer>
+      <ExampleContainer>
+        <Button type="button" disabled>Primary red button (default): disabled</Button>
+      </ExampleContainer>
+      <ExampleContainer>
+        <Button type="button" color="black">Primary black button</Button>
+      </ExampleContainer>
+      <ExampleContainer>
+        <Button type="button" color="black" disabled>Primary black button: disabled</Button>
+      </ExampleContainer>
+      <ExampleContainer $bg="#222222">
+        <Button type="button" color="white">Primary white button</Button>
+      </ExampleContainer>
+      <ExampleContainer $bg="#222222">
+        <Button type="button" color="white" disabled>Primary white button: disabled</Button>
+      </ExampleContainer>
+      <ExampleContainer $bg="#222222">
+        <Button type="button" color="non-existent-colour">Using a non-existent colour will default to red</Button>
+      </ExampleContainer>
+
+      <br />
+      <h1>Secondary</h1>
+      <ExampleContainer>
+        <Button type="button" buttonType={buttonTypes.SECONDARY}>Secondary red button</Button>
+      </ExampleContainer>
+      <ExampleContainer>
+        <Button type="button" buttonType={buttonTypes.SECONDARY} disabled>Secondary red button: disabled</Button>
+      </ExampleContainer>
+      <ExampleContainer>
+        <Button type="button" color="black" buttonType={buttonTypes.SECONDARY}>Secondary black button</Button>
+      </ExampleContainer>
+      <ExampleContainer>
+        <Button type="button" color="black" buttonType={buttonTypes.SECONDARY} disabled>Secondary black button: disabled</Button>
+      </ExampleContainer>
+      <ExampleContainer $bg="#222222">
+        <Button type="button" color="white" buttonType={buttonTypes.SECONDARY}>Secondary white button</Button>
+      </ExampleContainer>
+      <ExampleContainer $bg="#222222">
+        <Button type="button" color="white" buttonType={buttonTypes.SECONDARY} disabled>Secondary white button: disabled</Button>
+      </ExampleContainer>
+
+      <br />
+      <h1>Tertiary</h1>
+      <ExampleContainer>
+        <Button type="button" buttonType={buttonTypes.TERTIARY}>Tertiary red button</Button>
+      </ExampleContainer>
+      <ExampleContainer>
+        <Button type="button" buttonType={buttonTypes.TERTIARY} disabled>Tertiary red button: disabled</Button>
+      </ExampleContainer>
+      <ExampleContainer>
+        <Button type="button" color="black" buttonType={buttonTypes.TERTIARY}>Tertiary black button</Button>
+      </ExampleContainer>
+      <ExampleContainer>
+        <Button type="button" color="black" buttonType={buttonTypes.TERTIARY} disabled>Tertiary black button: disabled</Button>
+      </ExampleContainer>
+      <ExampleContainer $bg="#222222">
+        <Button type="button" color="white" buttonType={buttonTypes.TERTIARY}>Tertiary white button</Button>
+      </ExampleContainer>
+      <ExampleContainer $bg="#222222">
+        <Button type="button" color="white" buttonType={buttonTypes.TERTIARY} disabled>Tertiary white button: disabled</Button>
+      </ExampleContainer>
+
+      <br />
+      <h1>Other</h1>
+      <ExampleContainer>
+        <Button wrapper>My button as a span</Button>
+      </ExampleContainer>
+      <ExampleContainer>
+        <Button type="button" fullWidth>Full-width button</Button>
+      </ExampleContainer>
+    </>
+  );
+}
diff --git a/src/components/Atoms/ButtonWithStates/ButtonWithStates.md b/src/components/Atoms/ButtonWithStates/ButtonWithStates.md
deleted file mode 100644
index 072670156..000000000
--- a/src/components/Atoms/ButtonWithStates/ButtonWithStates.md
+++ /dev/null
@@ -1,23 +0,0 @@
-## Disabled and loading
-
-```js
-import ButtonWithStates from './ButtonWithStates';
-
-<ButtonWithStates
-  type="submit"
-  loading
-  disabled
->
-  Enter prize draw
-</ButtonWithStates>
-```
-
-## Optional prop `children`
-
-`children` is an optional prop, this example demonstrates the button will not error without any provided.
-
-```js
-import ButtonWithStates from './ButtonWithStates';
-
-<ButtonWithStates type="submit" loading loadingText="Submitting…" />
-```
diff --git a/src/components/Atoms/ButtonWithStates/ButtonWithStatesExample.jsx b/src/components/Atoms/ButtonWithStates/ButtonWithStatesExample.jsx
new file mode 100644
index 000000000..e0de541a1
--- /dev/null
+++ b/src/components/Atoms/ButtonWithStates/ButtonWithStatesExample.jsx
@@ -0,0 +1,10 @@
+import React from 'react';
+import ButtonWithStates from './ButtonWithStates';
+
+export default function ButtonWithStatesExample() {
+  return (
+    <ButtonWithStates type="submit" loading disabled>
+      Enter prize draw
+    </ButtonWithStates>
+  );
+}
diff --git a/src/components/Atoms/Checkbox/Checkbox.js b/src/components/Atoms/Checkbox/Checkbox.js
index 2bf09a75d..feb803fee 100644
--- a/src/components/Atoms/Checkbox/Checkbox.js
+++ b/src/components/Atoms/Checkbox/Checkbox.js
@@ -26,7 +26,7 @@ const StyledCheckboxInput = styled.input.attrs({ type: 'checkbox' })`
   width: 1px;
 
   /* This span is actually the visual square Checkbox you see */
-  + span {
+  & + span {
     margin-right: 12px;
     width: 24px;
     height: 24px;
@@ -37,14 +37,14 @@ const StyledCheckboxInput = styled.input.attrs({ type: 'checkbox' })`
     flex-shrink: 0;
   }
   /* Visual checkbox when ticked */
-  :checked + span {
+  &:checked + span {
     background: url(${checkBoxIcon}) no-repeat center;
     background-size: contain;
     background-color: ${({ theme, checkboxBgChecked }) => (checkboxBgChecked ? theme.color(checkboxBgChecked) : theme.color('red'))};
     border: 1px solid ${({ theme, checkboxBorderChecked }) => (checkboxBorderChecked ? theme.color(checkboxBorderChecked) : theme.color('red'))};
   }
   /* Visual checkbox when focused */
-  :focus + span {
+  &:focus + span {
     border: 1px solid ${({ theme, checkboxBorderFocus }) => (checkboxBorderFocus ? theme.color(checkboxBorderFocus) : theme.color('red'))};
   }
 `;
diff --git a/src/components/Atoms/Checkbox/Checkbox.test.js b/src/components/Atoms/Checkbox/Checkbox.test.js
index 490c0039b..059840f9f 100644
--- a/src/components/Atoms/Checkbox/Checkbox.test.js
+++ b/src/components/Atoms/Checkbox/Checkbox.test.js
@@ -12,215 +12,193 @@ it('renders correctly', () => {
   ).toJSON();
 
   expect(tree).toMatchInlineSnapshot(`
-    Array [
-      .c2 {
-      font-family: 'Montserrat',Helvetica,Arial,sans-serif;
-      font-weight: 400;
-      text-transform: inherit;
-      -webkit-letter-spacing: 0;
-      -moz-letter-spacing: 0;
-      -ms-letter-spacing: 0;
-      letter-spacing: 0;
-      font-size: 1rem;
-      line-height: 1.25rem;
-    }
-
-    .c2 {
-      font-size: 1rem;
-      line-height: normal;
-      font-weight: bold;
-    }
-
-    .c2 span {
-      font-size: inherit;
-      line-height: inherit;
-    }
-
-    .c0 {
-      display: -webkit-box;
-      display: -webkit-flex;
-      display: -ms-flexbox;
-      display: flex;
-      -webkit-align-items: center;
-      -webkit-box-align: center;
-      -ms-flex-align: center;
-      align-items: center;
-      margin-bottom: 8px;
-    }
-
-    .c1 {
-      border: 0;
-      -webkit-clip: rect(0 0 0 0);
-      clip: rect(0 0 0 0);
-      height: 1px;
-      margin: -1px;
-      overflow: hidden;
-      padding: 0;
-      position: absolute;
-      white-space: nowrap;
-      width: 1px;
-    }
-
-    .c1 + span {
-      margin-right: 12px;
-      width: 24px;
-      height: 24px;
-      border-radius: 4px;
-      background-color: #FFFFFF;
-      border: 1px solid #969598;
-      float: left;
-      -webkit-flex-shrink: 0;
-      -ms-flex-negative: 0;
-      flex-shrink: 0;
-    }
-
-    .c1:checked + span {
-      background: url(mock.asset) no-repeat center;
-      background-size: contain;
-      background-color: #E52630;
-      border: 1px solid #E52630;
-    }
-
-    .c1:focus + span {
-      border: 1px solid #E52630;
-    }
-
-    @media (min-width:740px) {
-      .c2 {
-        font-size: 1rem;
-        line-height: 1.25rem;
-      }
-    }
-
-    @media (min-width:1024px) {
-      .c2 {
-        font-size: 1.125rem;
-        line-height: 1.375rem;
-      }
-    }
-
-    <label
-        className="c0"
-        htmlFor="sport1"
-      >
-        <input
-          className="c1"
-          id="sport1"
-          name="sport1"
-          type="checkbox"
-          value="Tennis"
-        />
-        <span />
-        <span
-          className="c2"
-        >
-          Tennis
-        </span>
-      </label>,
-      .c2 {
-      font-family: 'Montserrat',Helvetica,Arial,sans-serif;
-      font-weight: 400;
-      text-transform: inherit;
-      -webkit-letter-spacing: 0;
-      -moz-letter-spacing: 0;
-      -ms-letter-spacing: 0;
-      letter-spacing: 0;
-      font-size: 1rem;
-      line-height: 1.25rem;
-    }
-
-    .c2 {
-      font-size: 1rem;
-      line-height: normal;
-      font-weight: bold;
-    }
-
-    .c2 span {
-      font-size: inherit;
-      line-height: inherit;
-    }
-
-    .c0 {
-      display: -webkit-box;
-      display: -webkit-flex;
-      display: -ms-flexbox;
-      display: flex;
-      -webkit-align-items: center;
-      -webkit-box-align: center;
-      -ms-flex-align: center;
-      align-items: center;
-      margin-bottom: 8px;
-    }
-
-    .c1 {
-      border: 0;
-      -webkit-clip: rect(0 0 0 0);
-      clip: rect(0 0 0 0);
-      height: 1px;
-      margin: -1px;
-      overflow: hidden;
-      padding: 0;
-      position: absolute;
-      white-space: nowrap;
-      width: 1px;
-    }
-
-    .c1 + span {
-      margin-right: 12px;
-      width: 24px;
-      height: 24px;
-      border-radius: 4px;
-      background-color: #FFFFFF;
-      border: 1px solid #969598;
-      float: left;
-      -webkit-flex-shrink: 0;
-      -ms-flex-negative: 0;
-      flex-shrink: 0;
-    }
-
-    .c1:checked + span {
-      background: url(mock.asset) no-repeat center;
-      background-size: contain;
-      background-color: #E52630;
-      border: 1px solid #E52630;
-    }
-
-    .c1:focus + span {
-      border: 1px solid #E52630;
-    }
-
-    @media (min-width:740px) {
-      .c2 {
-        font-size: 1rem;
-        line-height: 1.25rem;
-      }
-    }
-
-    @media (min-width:1024px) {
-      .c2 {
-        font-size: 1.125rem;
-        line-height: 1.375rem;
-      }
-    }
-
-    <label
-        className="c0"
-        htmlFor="sport2"
-      >
-        <input
-          className="c1"
-          id="sport2"
-          name="sport2"
-          type="checkbox"
-          value="Handball"
-        />
-        <span />
-        <span
-          className="c2"
-        >
-          Handball
-        </span>
-      </label>,
-    ]
-  `);
+[
+  .c2 {
+  font-family: 'Montserrat',Helvetica,Arial,sans-serif;
+  font-weight: 400;
+  text-transform: inherit;
+  letter-spacing: 0;
+  font-size: 1rem;
+  line-height: 1.25rem;
+}
+
+.c2 {
+  font-size: 1rem;
+  line-height: normal;
+  font-weight: bold;
+}
+
+.c2 span {
+  font-size: inherit;
+  line-height: inherit;
+}
+
+.c0 {
+  display: flex;
+  align-items: center;
+  margin-bottom: 8px;
+}
+
+.c1 {
+  border: 0;
+  clip: rect(0 0 0 0);
+  height: 1px;
+  margin: -1px;
+  overflow: hidden;
+  padding: 0;
+  position: absolute;
+  white-space: nowrap;
+  width: 1px;
+}
+
+.c1+span {
+  margin-right: 12px;
+  width: 24px;
+  height: 24px;
+  border-radius: 4px;
+  background-color: #FFFFFF;
+  border: 1px solid #969598;
+  float: left;
+  flex-shrink: 0;
+}
+
+.c1:checked+span {
+  background: url(mock.asset) no-repeat center;
+  background-size: contain;
+  background-color: #E52630;
+  border: 1px solid #E52630;
+}
+
+.c1:focus+span {
+  border: 1px solid #E52630;
+}
+
+@media (min-width: 740px) {
+  .c2 {
+    font-size: 1rem;
+    line-height: 1.25rem;
+  }
+}
+
+@media (min-width: 1024px) {
+  .c2 {
+    font-size: 1.125rem;
+    line-height: 1.375rem;
+  }
+}
+
+<label
+    className="c0"
+    hasLabelAsString={true}
+    htmlFor="sport1"
+  >
+    <input
+      className="c1"
+      id="sport1"
+      name="sport1"
+      type="checkbox"
+      value="Tennis"
+    />
+    <span />
+    <span
+      className="c2"
+    >
+      Tennis
+    </span>
+  </label>,
+  .c2 {
+  font-family: 'Montserrat',Helvetica,Arial,sans-serif;
+  font-weight: 400;
+  text-transform: inherit;
+  letter-spacing: 0;
+  font-size: 1rem;
+  line-height: 1.25rem;
+}
+
+.c2 {
+  font-size: 1rem;
+  line-height: normal;
+  font-weight: bold;
+}
+
+.c2 span {
+  font-size: inherit;
+  line-height: inherit;
+}
+
+.c0 {
+  display: flex;
+  align-items: center;
+  margin-bottom: 8px;
+}
+
+.c1 {
+  border: 0;
+  clip: rect(0 0 0 0);
+  height: 1px;
+  margin: -1px;
+  overflow: hidden;
+  padding: 0;
+  position: absolute;
+  white-space: nowrap;
+  width: 1px;
+}
+
+.c1+span {
+  margin-right: 12px;
+  width: 24px;
+  height: 24px;
+  border-radius: 4px;
+  background-color: #FFFFFF;
+  border: 1px solid #969598;
+  float: left;
+  flex-shrink: 0;
+}
+
+.c1:checked+span {
+  background: url(mock.asset) no-repeat center;
+  background-size: contain;
+  background-color: #E52630;
+  border: 1px solid #E52630;
+}
+
+.c1:focus+span {
+  border: 1px solid #E52630;
+}
+
+@media (min-width: 740px) {
+  .c2 {
+    font-size: 1rem;
+    line-height: 1.25rem;
+  }
+}
+
+@media (min-width: 1024px) {
+  .c2 {
+    font-size: 1.125rem;
+    line-height: 1.375rem;
+  }
+}
+
+<label
+    className="c0"
+    hasLabelAsString={true}
+    htmlFor="sport2"
+  >
+    <input
+      className="c1"
+      id="sport2"
+      name="sport2"
+      type="checkbox"
+      value="Handball"
+    />
+    <span />
+    <span
+      className="c2"
+    >
+      Handball
+    </span>
+  </label>,
+]
+`);
 });
diff --git a/src/components/Atoms/Checkbox/Checkbox.md b/src/components/Atoms/Checkbox/CheckboxExample.jsx
similarity index 57%
rename from src/components/Atoms/Checkbox/Checkbox.md
rename to src/components/Atoms/Checkbox/CheckboxExample.jsx
index f600e0c32..552788f46 100644
--- a/src/components/Atoms/Checkbox/Checkbox.md
+++ b/src/components/Atoms/Checkbox/CheckboxExample.jsx
@@ -1,8 +1,7 @@
-# CheckBox Field
-
-```js
-import Text from '../../Atoms/Text/Text';
-import Link from '../../Atoms/Link/Link';
+import React from 'react';
+import Checkbox from './Checkbox';
+import Text from '../Text/Text';
+import Link from '../Link/Link';
 
 const LongLabel = () => (
   <div>
@@ -22,12 +21,14 @@ const LongLabel = () => (
   </div>
 );
 
-<>
-    <p>List of checkboxes</p>
-    <Checkbox id="sport1" name="sport1" value="Tennis" label="Tennis" />
-    <Checkbox id="sport2" name="sport2" value="Basketball" label="Basketball" />
-    <Checkbox id="sport3" name="sport3" value="Cycling" label="Cycling" />
-    <Checkbox
+export default function CheckboxExample() {
+  return (
+    <>
+      <p>List of checkboxes</p>
+      <Checkbox id="sport1" name="sport1" value="Tennis" label="Tennis" />
+      <Checkbox id="sport2" name="sport2" value="Basketball" label="Basketball" />
+      <Checkbox id="sport3" name="sport3" value="Cycling" label="Cycling" />
+      <Checkbox
         id="sport4"
         name="sport4"
         value="Football (with wacky styling to test props)"
@@ -38,11 +39,12 @@ const LongLabel = () => (
         checkboxBgChecked="green"
         checkboxBorderChecked="green"
         checkboxBorderFocus="blue"
-    />
-    <br/>
-    <p>A checkbox with a long label containing links</p>
-    <Checkbox id="node_label" name="node_label" value="node_label">
-      <LongLabel />
-    </Checkbox>
-</>
-```
+      />
+      <br />
+      <p>A checkbox with a long label containing links</p>
+      <Checkbox id="node_label" name="node_label" value="node_label">
+        <LongLabel />
+      </Checkbox>
+    </>
+  );
+}
diff --git a/src/components/Atoms/Confetti/Confetti.js b/src/components/Atoms/Confetti/Confetti.js
index f771879f5..b6be2175e 100644
--- a/src/components/Atoms/Confetti/Confetti.js
+++ b/src/components/Atoms/Confetti/Confetti.js
@@ -35,8 +35,8 @@ export default function Confetti({ trigger, duration = 3000 }) {
   const refAnimationInstance = useRef(null);
   const [intervalId, setIntervalId] = useState();
 
-  const getInstance = useCallback(instance => {
-    refAnimationInstance.current = instance;
+  const getInstance = useCallback(({ confetti }) => {
+    refAnimationInstance.current = confetti;
   }, []);
 
   const nextTickAnimation = useCallback(() => {
@@ -91,7 +91,7 @@ export default function Confetti({ trigger, duration = 3000 }) {
 
   return (
     <>
-      <ReactCanvasConfetti refConfetti={getInstance} style={canvasStyles} />
+      <ReactCanvasConfetti onInit={getInstance} style={canvasStyles} />
     </>
   );
 }
diff --git a/src/components/Atoms/Confetti/Confetti.md b/src/components/Atoms/Confetti/Confetti.md
deleted file mode 100644
index cda49319a..000000000
--- a/src/components/Atoms/Confetti/Confetti.md
+++ /dev/null
@@ -1,15 +0,0 @@
-# Confetti
-
-```js
-import React, { useState } from 'react';
-import Confetti from './Confetti';
-
-const [isConfetti, setIsConfetti] = useState(false);
-
-const handleConfettiTrigger = () => setIsConfetti(!isConfetti);
-
-<>
-  <Confetti trigger={isConfetti} />
-  <button type="button" onClick={handleConfettiTrigger}>trigger confetti</button>
-</>
-```
diff --git a/src/components/Atoms/Confetti/_TriggerConfetti.js b/src/components/Atoms/Confetti/ConfettiExample.jsx
similarity index 74%
rename from src/components/Atoms/Confetti/_TriggerConfetti.js
rename to src/components/Atoms/Confetti/ConfettiExample.jsx
index fb2541fa6..c8a0be43c 100644
--- a/src/components/Atoms/Confetti/_TriggerConfetti.js
+++ b/src/components/Atoms/Confetti/ConfettiExample.jsx
@@ -1,15 +1,15 @@
 import React, { useState } from 'react';
 import Confetti from './Confetti';
 
-export default function TriggerConfetti() {
+export default function ConfettiExample() {
   const [isConfetti, setIsConfetti] = useState(false);
 
   return (
-
     <>
       <Confetti trigger={isConfetti} />
-      <button type="button" onClick={() => setIsConfetti(!isConfetti)}>trigger confetti</button>
+      <button type="button" onClick={() => setIsConfetti(!isConfetti)}>
+        trigger confetti
+      </button>
     </>
-
   );
 }
diff --git a/src/components/Atoms/ErrorText/ErrorText.md b/src/components/Atoms/ErrorText/ErrorText.md
deleted file mode 100644
index a026d2409..000000000
--- a/src/components/Atoms/ErrorText/ErrorText.md
+++ /dev/null
@@ -1,5 +0,0 @@
-# ErrorText
-
-```jsx
-<ErrorText size="error">This is an error</ErrorText>
-```
diff --git a/src/components/Atoms/ErrorText/ErrorTextExample.jsx b/src/components/Atoms/ErrorText/ErrorTextExample.jsx
new file mode 100644
index 000000000..574a38f58
--- /dev/null
+++ b/src/components/Atoms/ErrorText/ErrorTextExample.jsx
@@ -0,0 +1,8 @@
+import React from 'react';
+import ErrorText from './ErrorText';
+
+export default function ErrorTextExample() {
+  return (
+    <ErrorText size="error">This is an error</ErrorText>
+  );
+}
diff --git a/src/components/Atoms/ErrorText/__snapshots__/ErrorText.test.js.snap b/src/components/Atoms/ErrorText/__snapshots__/ErrorText.test.js.snap
index a09415f9d..4ce805af3 100644
--- a/src/components/Atoms/ErrorText/__snapshots__/ErrorText.test.js.snap
+++ b/src/components/Atoms/ErrorText/__snapshots__/ErrorText.test.js.snap
@@ -5,9 +5,6 @@ exports[`renders correctly 1`] = `
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: 400;
   text-transform: inherit;
-  -webkit-letter-spacing: 0;
-  -moz-letter-spacing: 0;
-  -ms-letter-spacing: 0;
   letter-spacing: 0;
   font-size: 1rem;
   line-height: 1.25rem;
@@ -32,14 +29,14 @@ exports[`renders correctly 1`] = `
   margin-top: 0.6rem;
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c0 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c0 {
     font-size: 1.125rem;
     line-height: 1.375rem;
diff --git a/src/components/Atoms/Icons/Arrow.js b/src/components/Atoms/Icons/Arrow.js
index 12d202abc..009b7cf14 100644
--- a/src/components/Atoms/Icons/Arrow.js
+++ b/src/components/Atoms/Icons/Arrow.js
@@ -3,8 +3,8 @@ import PropTypes from 'prop-types';
 import styled, { withTheme } from 'styled-components';
 
 const angle = {
-  right: '0',
-  left: '180deg',
+  right: '180deg',
+  left: '0',
   down: '-90deg',
   up: '90deg'
 };
@@ -31,10 +31,10 @@ const Arrow = ({
     colour={colour}
     mobileColour={mobileColour}
     xmlns="http://www.w3.org/2000/svg"
-    viewBox="0 0 15 15"
+    viewBox="0 0 96 96"
     {...rest}
   >
-    <path d="M9.58496 1.3501C9.1395 0.88346 8.40641 0.883488 7.96094 1.3501C7.52803 1.80361 7.5281 2.53033 7.96094 2.98389L11.1582 6.3335H1.13672C0.48748 6.3335 0 6.87834 0 7.50049C2.15408e-05 8.12262 0.487494 8.66748 1.13672 8.66748H11.1582L7.96094 12.0171C7.52806 12.4706 7.52899 13.1974 7.96191 13.6509C8.18163 13.8804 8.47556 14.0005 8.77344 14.0005C9.07114 14.0004 9.36533 13.8809 9.58496 13.6509L14.6758 8.31689L14.6748 8.31592L14.6875 8.30322L14.6865 8.30225C14.6954 8.29227 14.7044 8.28494 14.71 8.27783C14.7117 8.27557 14.7133 8.27298 14.7148 8.271C14.7485 8.23215 14.7824 8.18937 14.8135 8.14111L14.8154 8.13818C14.8354 8.1067 14.8493 8.07854 14.8564 8.06396L14.8652 8.04639L14.8662 8.04443L14.8672 8.04346C14.8672 8.04346 14.868 8.0407 14.8691 8.03857C14.8709 8.03524 14.8758 8.02683 14.8799 8.01904L14.8802 8.01851C14.8888 8.00212 14.9034 7.97435 14.917 7.93994V7.93799C14.9303 7.90387 14.9391 7.87297 14.9443 7.854C14.9469 7.8447 14.9498 7.83579 14.9512 7.83057C14.9527 7.82466 14.9535 7.82292 14.9541 7.8208C14.9541 7.8208 14.9542 7.81765 14.9551 7.81494L14.958 7.80615L14.9586 7.80434C14.9631 7.78973 14.9718 7.76131 14.9785 7.72705V7.7251C15.0066 7.57717 15.0066 7.42472 14.9785 7.27686V7.2749L14.958 7.1958L14.9551 7.18604L14.9531 7.18018L14.9512 7.17236C14.9497 7.16652 14.9481 7.15689 14.9453 7.14697C14.9398 7.12707 14.9307 7.09666 14.917 7.06201C14.9032 7.027 14.8885 6.99825 14.8799 6.98193C14.8758 6.97415 14.8709 6.96574 14.8691 6.9624L14.8564 6.93701C14.849 6.92189 14.8351 6.89384 14.8154 6.86279L14.8145 6.86084L14.7529 6.77393C14.7316 6.74671 14.7094 6.72141 14.6875 6.69775C14.6837 6.69353 14.6802 6.68867 14.6758 6.68408L9.58496 1.3501Z" />
+    <path transform="rotate(-180 47.998626708984375,48.00019836425781) " id="svg_1" d="m90.871,50.776c-0.016,0.016 -0.026,0.036 -0.043,0.052l-32,32c-0.781,0.781 -1.804,1.172 -2.828,1.172s-2.047,-0.391 -2.829,-1.171a4,4 0 0 1 0,-5.657l25.172,-25.172l-70.343,0a4,4 0 0 1 0,-8l70.343,0l-25.172,-25.171a4,4 0 0 1 5.657,-5.657l32,32c0.016,0.016 0.027,0.036 0.043,0.052c0.167,0.172 0.321,0.357 0.455,0.557c0.069,0.104 0.118,0.216 0.176,0.325c0.065,0.121 0.138,0.236 0.191,0.364c0.057,0.137 0.09,0.279 0.13,0.42c0.032,0.109 0.074,0.214 0.097,0.327a4.017,4.017 0 0 1 0,1.568c-0.023,0.113 -0.065,0.217 -0.097,0.327c-0.041,0.141 -0.074,0.283 -0.13,0.42c-0.053,0.128 -0.126,0.243 -0.191,0.364c-0.059,0.109 -0.107,0.221 -0.176,0.325a4.035,4.035 0 0 1 -0.455,0.555z" />
   </Icon>
 );
 
diff --git a/src/components/Atoms/Icons/Internal.js b/src/components/Atoms/Icons/Internal.js
index 14e209dbb..3c1afd944 100644
--- a/src/components/Atoms/Icons/Internal.js
+++ b/src/components/Atoms/Icons/Internal.js
@@ -13,7 +13,7 @@ const StyledSVG = styled.svg`
 `;
 
 const Internal = ({
-  colour = 'white', mobileColour = null, theme, size = 20, ...rest
+  colour = 'white', mobileColour = null, theme, size = 24, ...rest
 }) => (
   <StyledSVG
     {...rest}
@@ -23,9 +23,9 @@ const Internal = ({
     colour={colour}
     mobileColour={mobileColour}
     xmlns="http://www.w3.org/2000/svg"
-    viewBox="0 0 15 15"
+    viewBox="0 0 96 96"
   >
-    <path d="M9.58496 1.3501C9.1395 0.88346 8.40641 0.883488 7.96094 1.3501C7.52803 1.80361 7.5281 2.53033 7.96094 2.98389L11.1582 6.3335H1.13672C0.48748 6.3335 0 6.87834 0 7.50049C2.15408e-05 8.12262 0.487494 8.66748 1.13672 8.66748H11.1582L7.96094 12.0171C7.52806 12.4706 7.52899 13.1974 7.96191 13.6509C8.18163 13.8804 8.47556 14.0005 8.77344 14.0005C9.07114 14.0004 9.36533 13.8809 9.58496 13.6509L14.6758 8.31689L14.6748 8.31592L14.6875 8.30322L14.6865 8.30225C14.6954 8.29227 14.7044 8.28494 14.71 8.27783C14.7117 8.27557 14.7133 8.27298 14.7148 8.271C14.7485 8.23215 14.7824 8.18937 14.8135 8.14111L14.8154 8.13818C14.8354 8.1067 14.8493 8.07854 14.8564 8.06396L14.8652 8.04639L14.8662 8.04443L14.8672 8.04346C14.8672 8.04346 14.868 8.0407 14.8691 8.03857C14.8709 8.03524 14.8758 8.02683 14.8799 8.01904L14.8802 8.01851C14.8888 8.00212 14.9034 7.97435 14.917 7.93994V7.93799C14.9303 7.90387 14.9391 7.87297 14.9443 7.854C14.9469 7.8447 14.9498 7.83579 14.9512 7.83057C14.9527 7.82466 14.9535 7.82292 14.9541 7.8208C14.9541 7.8208 14.9542 7.81765 14.9551 7.81494L14.958 7.80615L14.9586 7.80434C14.9631 7.78973 14.9718 7.76131 14.9785 7.72705V7.7251C15.0066 7.57717 15.0066 7.42472 14.9785 7.27686V7.2749L14.958 7.1958L14.9551 7.18604L14.9531 7.18018L14.9512 7.17236C14.9497 7.16652 14.9481 7.15689 14.9453 7.14697C14.9398 7.12707 14.9307 7.09666 14.917 7.06201C14.9032 7.027 14.8885 6.99825 14.8799 6.98193C14.8758 6.97415 14.8709 6.96574 14.8691 6.9624L14.8564 6.93701C14.849 6.92189 14.8351 6.89384 14.8154 6.86279L14.8145 6.86084L14.7529 6.77393C14.7316 6.74671 14.7094 6.72141 14.6875 6.69775C14.6837 6.69353 14.6802 6.68867 14.6758 6.68408L9.58496 1.3501Z" />
+    <path d="M90.871 50.776c-.016.016-.026.036-.043.052l-32 32C58.047 83.609 57.024 84 56 84s-2.047-.391-2.829-1.171a4 4 0 010-5.657L78.343 52H8a4 4 0 010-8h70.343L53.171 18.829a4 4 0 015.657-5.657l32 32c.016.016.027.036.043.052.167.172.321.357.455.557.069.104.118.216.176.325.065.121.138.236.191.364.057.137.09.279.13.42.032.109.074.214.097.327a4.017 4.017 0 010 1.568c-.023.113-.065.217-.097.327-.041.141-.074.283-.13.42-.053.128-.126.243-.191.364-.059.109-.107.221-.176.325a4.035 4.035 0 01-.455.555z" />
   </StyledSVG>
 );
 
diff --git a/src/components/Atoms/InfoMessage/InfoMessage.js b/src/components/Atoms/InfoMessage/InfoMessage.js
index c75aaacf4..36066c9c5 100644
--- a/src/components/Atoms/InfoMessage/InfoMessage.js
+++ b/src/components/Atoms/InfoMessage/InfoMessage.js
@@ -55,13 +55,9 @@ const InfoMessage = ({
 );
 
 InfoMessage.propTypes = {
-  /** Theme colour key from our colour list. */
   backgroundColor: PropTypes.string,
-  /** Value for `data-testid` on the root  (defaults to `info-message`). */
   dataTestId: PropTypes.string,
-  /** Bold line; string for the title */
   title: PropTypes.node.isRequired,
-  /** Normal-weight line; string or include `Link` for inline links */
   message: PropTypes.node.isRequired
 };
 
diff --git a/src/components/Atoms/InfoMessage/InfoMessage.md b/src/components/Atoms/InfoMessage/InfoMessage.md
deleted file mode 100644
index 6ab36a7b1..000000000
--- a/src/components/Atoms/InfoMessage/InfoMessage.md
+++ /dev/null
@@ -1,39 +0,0 @@
-
-## Examples
-
-```js
-<InfoMessage
-  title="Are you trying to pay in your fundraising money?"
-  message="If you are, please select the ‘Pay in Fundraising’ tab above. If not, please continue with your donation."
-/>
-```
-
-### Alternative background (`coral_light`)
-
-```js
-<InfoMessage
-  title="Please check your donation"
-  backgroundColor="coral_light"
-  message="You can only donate between £1.00 and £25,000.00 at a time. If you need help, contact us."
-/>
-```
-
-### Message with inline link (JSX)
-
-```js
-import Link from '../Link/Link';
-
-<InfoMessage
-  title="Please check your donation"
-  backgroundColor="coral_light"
-  message={
-    <>
-      You can only donate between £1.00 and £25,000.00 at a time. If you need help,{' '}
-      <Link href="/contact" type="standard">
-        contact us
-      </Link>
-      .
-    </>
-  }
-/>
-```
diff --git a/src/components/Atoms/InfoMessage/InfoMessage.test.js b/src/components/Atoms/InfoMessage/InfoMessage.test.js
index 418d435f1..97565e7d7 100644
--- a/src/components/Atoms/InfoMessage/InfoMessage.test.js
+++ b/src/components/Atoms/InfoMessage/InfoMessage.test.js
@@ -9,7 +9,7 @@ it('renders default blue_light variant', () => {
   const renderer = renderWithTheme(
     <InfoMessage
       title="Are you trying to pay in your fundraising money?"
-      message="If you are, please select the ‘Pay in Fundraising’ tab above. If not, please continue with your donation."
+      message="If you are, please select the 'Pay in Fundraising' tab above. If not, please continue with your donation."
     />
   );
   expect(renderer.toJSON()).toMatchSnapshot();
diff --git a/src/components/Atoms/InfoMessage/InfoMessageExample.jsx b/src/components/Atoms/InfoMessage/InfoMessageExample.jsx
new file mode 100644
index 000000000..ed6f78d07
--- /dev/null
+++ b/src/components/Atoms/InfoMessage/InfoMessageExample.jsx
@@ -0,0 +1,31 @@
+import React from 'react';
+import InfoMessage from './InfoMessage';
+import Link from '../Link/Link';
+
+export default function InfoMessageExample() {
+  return (
+    <>
+      <InfoMessage
+        title="Are you trying to pay in your fundraising money?"
+        message="If you are, please select the 'Pay in Fundraising' tab above. If not, please continue with your donation."
+      />
+      <br />
+      <InfoMessage
+        title="Please check your donation"
+        backgroundColor="coral_light"
+        message="You can only donate between £1.00 and £25,000.00 at a time. If you need help, contact us."
+      />
+      <br />
+      <InfoMessage
+        title="Please check your donation"
+        backgroundColor="coral_light"
+        message={
+          <>
+            You can only donate between £1.00 and £25,000.00 at a time. If you need help,{' '}
+            <Link href="/contact" type="standard">contact us</Link>.
+          </>
+        }
+      />
+    </>
+  );
+}
diff --git a/src/components/Atoms/InfoMessage/__snapshots__/InfoMessage.test.js.snap b/src/components/Atoms/InfoMessage/__snapshots__/InfoMessage.test.js.snap
index 724b9201a..e513bb7f1 100644
--- a/src/components/Atoms/InfoMessage/__snapshots__/InfoMessage.test.js.snap
+++ b/src/components/Atoms/InfoMessage/__snapshots__/InfoMessage.test.js.snap
@@ -5,9 +5,6 @@ exports[`renders coral_light variant with message containing a link 1`] = `
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: 400;
   text-transform: inherit;
-  -webkit-letter-spacing: 0;
-  -moz-letter-spacing: 0;
-  -ms-letter-spacing: 0;
   letter-spacing: 0;
   font-size: 1rem;
   line-height: 1.25rem;
@@ -23,12 +20,12 @@ exports[`renders coral_light variant with message containing a link 1`] = `
   display: inline;
   color: #000000;
   font-weight: normal;
+  color: #E52630;
 }
 
 .c4:hover,
 .c4:focus {
   color: #000000;
-  -webkit-text-decoration: none;
   text-decoration: none;
 }
 
@@ -36,16 +33,8 @@ exports[`renders coral_light variant with message containing a link 1`] = `
   background-color: #FFCECE;
   border-radius: 1rem;
   padding: 2rem;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
   flex-direction: column;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
   align-items: center;
   text-align: center;
   gap: 1rem;
@@ -57,9 +46,6 @@ exports[`renders coral_light variant with message containing a link 1`] = `
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: 400;
   text-transform: inherit;
-  -webkit-letter-spacing: 0;
-  -moz-letter-spacing: 0;
-  -ms-letter-spacing: 0;
   letter-spacing: 0;
   font-size: 1rem;
   line-height: 1.25rem;
@@ -71,9 +57,6 @@ exports[`renders coral_light variant with message containing a link 1`] = `
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: 400;
   text-transform: inherit;
-  -webkit-letter-spacing: 0;
-  -moz-letter-spacing: 0;
-  -ms-letter-spacing: 0;
   letter-spacing: 0;
   font-size: 1rem;
   line-height: 1.25rem;
@@ -81,46 +64,45 @@ exports[`renders coral_light variant with message containing a link 1`] = `
 }
 
 .c3 a {
-  -webkit-text-decoration: underline;
   text-decoration: underline;
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c1 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c1 {
     font-size: 1.125rem;
     line-height: 1.375rem;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c2 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c2 {
     font-size: 1.125rem;
     line-height: 1.375rem;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c3 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c3 {
     font-size: 1.125rem;
     line-height: 1.375rem;
@@ -142,10 +124,16 @@ exports[`renders coral_light variant with message containing a link 1`] = `
     You can only donate between £1.00 and £25,000.00 at a time. If you need help,
      
     <a
+      buttonType="primary"
       className="c4"
+      fullWidth={false}
+      home={false}
       href="/contact"
+      iconFirst={false}
+      mobileColour={null}
       target="_self"
       type="standard"
+      underline={true}
     >
       contact us
     </a>
@@ -159,9 +147,6 @@ exports[`renders default blue_light variant 1`] = `
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: 400;
   text-transform: inherit;
-  -webkit-letter-spacing: 0;
-  -moz-letter-spacing: 0;
-  -ms-letter-spacing: 0;
   letter-spacing: 0;
   font-size: 1rem;
   line-height: 1.25rem;
@@ -176,16 +161,8 @@ exports[`renders default blue_light variant 1`] = `
   background-color: #BECCF9;
   border-radius: 1rem;
   padding: 2rem;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
   flex-direction: column;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
   align-items: center;
   text-align: center;
   gap: 1rem;
@@ -197,9 +174,6 @@ exports[`renders default blue_light variant 1`] = `
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: 400;
   text-transform: inherit;
-  -webkit-letter-spacing: 0;
-  -moz-letter-spacing: 0;
-  -ms-letter-spacing: 0;
   letter-spacing: 0;
   font-size: 1rem;
   line-height: 1.25rem;
@@ -211,9 +185,6 @@ exports[`renders default blue_light variant 1`] = `
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: 400;
   text-transform: inherit;
-  -webkit-letter-spacing: 0;
-  -moz-letter-spacing: 0;
-  -ms-letter-spacing: 0;
   letter-spacing: 0;
   font-size: 1rem;
   line-height: 1.25rem;
@@ -221,46 +192,45 @@ exports[`renders default blue_light variant 1`] = `
 }
 
 .c3 a {
-  -webkit-text-decoration: underline;
   text-decoration: underline;
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c1 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c1 {
     font-size: 1.125rem;
     line-height: 1.375rem;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c2 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c2 {
     font-size: 1.125rem;
     line-height: 1.375rem;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c3 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c3 {
     font-size: 1.125rem;
     line-height: 1.375rem;
@@ -279,7 +249,7 @@ exports[`renders default blue_light variant 1`] = `
   <p
     className="c1 c3"
   >
-    If you are, please select the ‘Pay in Fundraising’ tab above. If not, please continue with your donation.
+    If you are, please select the 'Pay in Fundraising' tab above. If not, please continue with your donation.
   </p>
 </div>
 `;
diff --git a/src/components/Atoms/Input/Input.js b/src/components/Atoms/Input/Input.js
index efe04dd27..03df7261c 100644
--- a/src/components/Atoms/Input/Input.js
+++ b/src/components/Atoms/Input/Input.js
@@ -52,7 +52,7 @@ const InputField = styled.input`${({ theme, error, prefixLength }) => css`
   z-index: 2;
   font-family: inherit;
 
-  :focus {
+  &:focus {
     border: 1px solid ${theme.color('grey_for_forms')};
   }
 `}`;
diff --git a/src/components/Atoms/Input/Input.md b/src/components/Atoms/Input/Input.md
deleted file mode 100644
index 3bf5b0851..000000000
--- a/src/components/Atoms/Input/Input.md
+++ /dev/null
@@ -1,152 +0,0 @@
-```js
-<h4>Input required with label and hint</h4>
-  <Input
-    name="fullname"
-    placeholder="This is the hint text"
-    type="text"
-    label="Label"
-    id="input-example-1"
-    showLabel={true}
-  />
-```
-
-```js
-  <h4>Input with error message</h4>
-  <Input
-    name="fullname"
-    placeholder="This is the hint text"
-    type="text"
-    label="Label"
-    errorMsg="This is an error message"
-    id="input-example-2"
-  />
-```
-
-```js
-  <h4>Simple input (optional)</h4>
-  <Input
-    name="fullname"
-    placeholder=""
-    type="text"
-    label="Label"
-    errorMsg=""
-    id="input-example-3"
-    showLabel={true}
-    optional={true}
-  />
-```
-
-```js
-  <h4>Simple input (required)</h4>
-  <Input
-    name="fullname"
-    placeholder=""
-    type="text"
-    label="Label"
-    errorMsg=""
-    id="input-example-4"
-    showLabel={true}
-    optional={false} // can stil be overriden with standard 'required' attribute
-  />
-```
-
-
-```js
-  <h4>Input Label with markup</h4>
-  <Input
-    name="fullname"
-    placeholder=""
-    type="text"
-    label="<b>Markup label <i>italic</i></b>"
-    errorMsg=""
-    id="input-example-5"
-    showLabel={true}
-  />
-```
-
-```js
-import styled from 'styled-components';
-import Text from '../../Atoms/Text/Text';
-
-const ItalicText = styled(Text).attrs({weight: 'normal'})`
-  font-style: italic
-`;
-
-<>
-  <h4>Input label as React element</h4>
-  <Input
-    name="email"
-    placeholder=""
-    type="text"
-    label={<>Email <ItalicText>(please check it's correct)</ItalicText></>}
-    errorMsg=""
-    id="input-example-6"
-    showLabel={true}
-  />
-</>
-```
-
-```js
-  <h4>Input with prefix</h4>
-  <p>(This example also ensures there are two decimal places onBlur)</p>
-  <Input
-    name="price"
-    type="number"
-    label="label"
-    errorMsg=""
-    id="price"
-    showLabel={true}
-    prefix="£"
-    placeholder="0.00"
-    onBlur={event => {
-      const price = event.target.value;
-      if (typeof Number(price) === 'number') {
-        event.target.value = Number(price).toFixed(2);
-      }
-    }}
-  />
-```
-
-```js
-  <h4>Input with responsive max width</h4>
-  <Input
-    name="responsive-width"
-    placeholder="I'm responsive"
-    type="text"
-    label="Responsive Width Input at M and L breakpoints"
-    id="input-example-7"
-    maxPxWidthMediumBreakpoint={150}
-    maxPxWidthLargeBreakpoint={250}
-  />
-```
-
-```js
-  <h4>Input with dark label</h4>
-  <Input
-    name="dark-label"
-    placeholder="£0.00"
-    type="text"
-    label="The label text can be made black rather than the default grey"
-    id="input-example-8"
-  />
-```
-
-```js
-  import Text from '../../Atoms/Text/Text';
-
-  const exampleDescription = (
-    <Text>Here's a description with some <b>formatting</b></Text>
-  );
-  
-  <>
-    <h4>Input with Description:</h4>
-    <Input
-      name="input-with-description"
-      placeholder="I have a description"
-      type="text"
-      label="My Great Input"
-      id="input-example-9"
-      description={exampleDescription}
-    />
-  </>
-```
diff --git a/src/components/Atoms/Input/InputExample.jsx b/src/components/Atoms/Input/InputExample.jsx
new file mode 100644
index 000000000..8b4e492af
--- /dev/null
+++ b/src/components/Atoms/Input/InputExample.jsx
@@ -0,0 +1,129 @@
+import React from 'react';
+import styled from 'styled-components';
+import Input from './Input';
+import Text from '../Text/Text';
+
+const ItalicText = styled(Text).attrs({ weight: 'normal' })`
+  font-style: italic;
+`;
+
+export default function InputExample() {
+  return (
+    <>
+      <h4>Input required with label and hint</h4>
+      <Input
+        name="fullname"
+        placeholder="This is the hint text"
+        type="text"
+        label="Label"
+        id="input-example-1"
+        showLabel={true}
+      />
+
+      <h4>Input with error message</h4>
+      <Input
+        name="fullname2"
+        placeholder="This is the hint text"
+        type="text"
+        label="Label"
+        errorMsg="This is an error message"
+        id="input-example-2"
+      />
+
+      <h4>Simple input (optional)</h4>
+      <Input
+        name="fullname3"
+        placeholder=""
+        type="text"
+        label="Label"
+        errorMsg=""
+        id="input-example-3"
+        showLabel={true}
+        optional={true}
+      />
+
+      <h4>Simple input (required)</h4>
+      <Input
+        name="fullname4"
+        placeholder=""
+        type="text"
+        label="Label"
+        errorMsg=""
+        id="input-example-4"
+        showLabel={true}
+        optional={false}
+      />
+
+      <h4>Input Label with markup</h4>
+      <Input
+        name="fullname5"
+        placeholder=""
+        type="text"
+        label="<b>Markup label <i>italic</i></b>"
+        errorMsg=""
+        id="input-example-5"
+        showLabel={true}
+      />
+
+      <h4>Input label as React element</h4>
+      <Input
+        name="email"
+        placeholder=""
+        type="text"
+        label={<>Email <ItalicText>(please check it's correct)</ItalicText></>}
+        errorMsg=""
+        id="input-example-6"
+        showLabel={true}
+      />
+
+      <h4>Input with prefix</h4>
+      <p>(This example also ensures there are two decimal places onBlur)</p>
+      <Input
+        name="price"
+        type="number"
+        label="label"
+        errorMsg=""
+        id="price"
+        showLabel={true}
+        prefix="£"
+        placeholder="0.00"
+        onBlur={event => {
+          const price = event.target.value;
+          if (typeof Number(price) === 'number') {
+            event.target.value = Number(price).toFixed(2);
+          }
+        }}
+      />
+
+      <h4>Input with responsive max width</h4>
+      <Input
+        name="responsive-width"
+        placeholder="I'm responsive"
+        type="text"
+        label="Responsive Width Input at M and L breakpoints"
+        id="input-example-7"
+        maxPxWidthMediumBreakpoint={150}
+        maxPxWidthLargeBreakpoint={250}
+      />
+
+      <h4>Input with dark label</h4>
+      <Input
+        name="dark-label"
+        placeholder="£0.00"
+        type="text"
+        label="The label text can be made black rather than the default grey"
+        id="input-example-8"
+      />
+
+      <h4>Input with Description:</h4>
+      <Input
+        name="input-with-description"
+        placeholder="I have a description"
+        type="text"
+        label="My Great Input"
+        id="input-example-9"
+        description={<Text>Here's a description with some <b>formatting</b></Text>}
+      />
+    </>
+  );
+}
diff --git a/src/components/Atoms/Input/input.test.js b/src/components/Atoms/Input/input.test.js
index 68ca61bca..b9b912b93 100644
--- a/src/components/Atoms/Input/input.test.js
+++ b/src/components/Atoms/Input/input.test.js
@@ -16,187 +16,157 @@ it('renders correctly', () => {
   ).toJSON();
 
   expect(tree).toMatchInlineSnapshot(`
-    .c1 {
-      font-family: 'Montserrat',Helvetica,Arial,sans-serif;
-      font-weight: 400;
-      text-transform: inherit;
-      -webkit-letter-spacing: 0;
-      -moz-letter-spacing: 0;
-      -ms-letter-spacing: 0;
-      letter-spacing: 0;
-      font-size: 1rem;
-      line-height: 1.25rem;
-    }
-
-    .c1 span {
-      font-size: inherit;
-      line-height: inherit;
-    }
-
-    .c0 {
-      width: 100%;
-      position: relative;
-      display: -webkit-box;
-      display: -webkit-flex;
-      display: -ms-flexbox;
-      display: flex;
-      -webkit-flex-direction: column;
-      -ms-flex-direction: column;
-      flex-direction: column;
-      color: #000000;
-    }
-
-    .c2 {
-      margin-bottom: 0.5rem;
-      font-family: 'Montserrat',Helvetica,Arial,sans-serif;
-      font-weight: 400;
-      text-transform: inherit;
-      -webkit-letter-spacing: 0;
-      -moz-letter-spacing: 0;
-      -ms-letter-spacing: 0;
-      letter-spacing: 0;
-      font-size: 1rem;
-      line-height: 1.25rem;
-    }
-
-    .c3 {
-      position: relative;
-      font-family: 'Montserrat',Helvetica,Arial,sans-serif;
-      font-weight: 400;
-      text-transform: inherit;
-      -webkit-letter-spacing: 0;
-      -moz-letter-spacing: 0;
-      -ms-letter-spacing: 0;
-      letter-spacing: 0;
-      font-size: 1rem;
-      line-height: 1.25rem;
-    }
-
-    .c4 {
-      position: relative;
-      width: 100%;
-      display: -webkit-box;
-      display: -webkit-flex;
-      display: -ms-flexbox;
-      display: flex;
-      -webkit-box-pack: end;
-      -webkit-justify-content: flex-end;
-      -ms-flex-pack: end;
-      justify-content: flex-end;
-      -webkit-align-items: center;
-      -webkit-box-align: center;
-      -ms-flex-align: center;
-      align-items: center;
-    }
-
-    .c5 {
-      position: relative;
-      box-sizing: border-box;
-      width: 100%;
-      height: 48px;
-      padding: 1rem;
-      background-color: #F4F3F5;
-      border: 1px solid;
-      border-color: #969598;
-      box-shadow: none;
-      -webkit-appearance: none;
-      -moz-appearance: none;
-      appearance: none;
-      color: #000000;
-      border-radius: 0.5rem;
-      font-size: inherit;
-      z-index: 2;
-      font-family: inherit;
-    }
-
-    .c5:focus {
-      border: 1px solid #666;
-    }
-
-    @media (min-width:740px) {
-      .c1 {
-        font-size: 1rem;
-        line-height: 1.25rem;
+.c1 {
+  font-family: 'Montserrat',Helvetica,Arial,sans-serif;
+  font-weight: 400;
+  text-transform: inherit;
+  letter-spacing: 0;
+  font-size: 1rem;
+  line-height: 1.25rem;
+}
+
+.c1 span {
+  font-size: inherit;
+  line-height: inherit;
+}
+
+.c0 {
+  width: 100%;
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  color: #000000;
+}
+
+.c2 {
+  margin-bottom: 0.5rem;
+  font-family: 'Montserrat',Helvetica,Arial,sans-serif;
+  font-weight: 400;
+  text-transform: inherit;
+  letter-spacing: 0;
+  font-size: 1rem;
+  line-height: 1.25rem;
+}
+
+.c3 {
+  position: relative;
+  font-family: 'Montserrat',Helvetica,Arial,sans-serif;
+  font-weight: 400;
+  text-transform: inherit;
+  letter-spacing: 0;
+  font-size: 1rem;
+  line-height: 1.25rem;
+}
+
+.c4 {
+  position: relative;
+  width: 100%;
+  display: flex;
+  justify-content: flex-end;
+  align-items: center;
+}
+
+.c5 {
+  position: relative;
+  box-sizing: border-box;
+  width: 100%;
+  height: 48px;
+  padding: 1rem;
+  background-color: #F4F3F5;
+  border: 1px solid;
+  border-color: #969598;
+  box-shadow: none;
+  appearance: none;
+  color: #000000;
+  border-radius: 0.5rem;
+  font-size: inherit;
+  z-index: 2;
+  font-family: inherit;
+}
+
+.c5:focus {
+  border: 1px solid #666;
+}
+
+@media (min-width: 740px) {
+  .c1 {
+    font-size: 1rem;
+    line-height: 1.25rem;
+  }
+}
+
+@media (min-width: 1024px) {
+  .c1 {
+    font-size: 1.125rem;
+    line-height: 1.375rem;
+  }
+}
+
+@media (min-width: 740px) {
+  .c2 {
+    font-size: 1rem;
+    line-height: 1.25rem;
+  }
+}
+
+@media (min-width: 1024px) {
+  .c2 {
+    font-size: 1rem;
+    line-height: 1.25rem;
+  }
+}
+
+@media (min-width: 740px) {
+  .c3 {
+    font-size: 1rem;
+    line-height: 1.25rem;
+  }
+}
+
+@media (min-width: 1024px) {
+  .c3 {
+    font-size: 1.25rem;
+    line-height: 1.25rem;
+  }
+}
+
+<label
+  className="c0"
+  errorMsg=""
+  htmlFor="Accessibility info go here"
+  optional={null}
+>
+  <span
+    className="c1 c2"
+    dangerouslySetInnerHTML={
+      {
+        "__html": "Label",
       }
     }
-
-    @media (min-width:1024px) {
-      .c1 {
-        font-size: 1.125rem;
-        line-height: 1.375rem;
-      }
-    }
-
-    @media (min-width:740px) {
-      .c2 {
-        font-size: 1rem;
-        line-height: 1.25rem;
-      }
-    }
-
-    @media (min-width:1024px) {
-      .c2 {
-        font-size: 1rem;
-        line-height: 1.25rem;
-      }
-    }
-
-    @media (min-width:740px) {
-      .c3 {
-        font-size: 1rem;
-        line-height: 1.25rem;
-      }
-    }
-
-    @media (min-width:1024px) {
-      .c3 {
-        font-size: 1.25rem;
-        line-height: 1.25rem;
-      }
-    }
-
-    @media (min-width:740px) {
-
-    }
-
-    @media (min-width:1024px) {
-
-    }
-
-    <label
-      className="c0"
-      htmlFor="Accessibility info go here"
+  />
+  <div
+    className="c3"
+    error={false}
+  >
+    <div
+      className="c4"
+      error={false}
     >
-      <span
-        className="c1 c2"
-        dangerouslySetInnerHTML={
-          Object {
-            "__html": "Label",
-          }
-        }
+      <input
+        aria-required={false}
+        className="c5"
+        error={false}
+        id="Accessibility info go here"
+        name="fullname"
+        placeholder="This is the hint text"
+        prefixLength={0}
+        required={false}
+        type="text"
       />
-      <div
-        className="c3"
-      >
-        
-        <div
-          className="c4"
-        >
-          <input
-            aria-required={false}
-            className="c5"
-            id="Accessibility info go here"
-            name="fullname"
-            placeholder="This is the hint text"
-            required={false}
-            type="text"
-          />
-          
-        </div>
-      </div>
-      
-    </label>
-  `);
+    </div>
+  </div>
+</label>
+`);
 });
 
 it('renders with responsive max widths correctly', () => {
@@ -213,189 +183,169 @@ it('renders with responsive max widths correctly', () => {
   ).toJSON();
 
   expect(tree).toMatchInlineSnapshot(`
-    .c1 {
-      font-family: 'Montserrat',Helvetica,Arial,sans-serif;
-      font-weight: 400;
-      text-transform: inherit;
-      -webkit-letter-spacing: 0;
-      -moz-letter-spacing: 0;
-      -ms-letter-spacing: 0;
-      letter-spacing: 0;
-      font-size: 1rem;
-      line-height: 1.25rem;
-    }
-
-    .c1 span {
-      font-size: inherit;
-      line-height: inherit;
-    }
-
-    .c0 {
-      width: 100%;
-      position: relative;
-      display: -webkit-box;
-      display: -webkit-flex;
-      display: -ms-flexbox;
-      display: flex;
-      -webkit-flex-direction: column;
-      -ms-flex-direction: column;
-      flex-direction: column;
-      color: #000000;
-    }
-
-    .c2 {
-      margin-bottom: 0.5rem;
-      font-family: 'Montserrat',Helvetica,Arial,sans-serif;
-      font-weight: 400;
-      text-transform: inherit;
-      -webkit-letter-spacing: 0;
-      -moz-letter-spacing: 0;
-      -ms-letter-spacing: 0;
-      letter-spacing: 0;
-      font-size: 1rem;
-      line-height: 1.25rem;
-    }
-
-    .c3 {
-      position: relative;
-      font-family: 'Montserrat',Helvetica,Arial,sans-serif;
-      font-weight: 400;
-      text-transform: inherit;
-      -webkit-letter-spacing: 0;
-      -moz-letter-spacing: 0;
-      -ms-letter-spacing: 0;
-      letter-spacing: 0;
-      font-size: 1rem;
-      line-height: 1.25rem;
-    }
-
-    .c4 {
-      position: relative;
-      width: 100%;
-      display: -webkit-box;
-      display: -webkit-flex;
-      display: -ms-flexbox;
-      display: flex;
-      -webkit-box-pack: end;
-      -webkit-justify-content: flex-end;
-      -ms-flex-pack: end;
-      justify-content: flex-end;
-      -webkit-align-items: center;
-      -webkit-box-align: center;
-      -ms-flex-align: center;
-      align-items: center;
-    }
-
-    .c5 {
-      position: relative;
-      box-sizing: border-box;
-      width: 100%;
-      height: 48px;
-      padding: 1rem;
-      background-color: #F4F3F5;
-      border: 1px solid;
-      border-color: #969598;
-      box-shadow: none;
-      -webkit-appearance: none;
-      -moz-appearance: none;
-      appearance: none;
-      color: #000000;
-      border-radius: 0.5rem;
-      font-size: inherit;
-      z-index: 2;
-      font-family: inherit;
-    }
-
-    .c5:focus {
-      border: 1px solid #666;
-    }
-
-    @media (min-width:740px) {
-      .c1 {
-        font-size: 1rem;
-        line-height: 1.25rem;
+.c1 {
+  font-family: 'Montserrat',Helvetica,Arial,sans-serif;
+  font-weight: 400;
+  text-transform: inherit;
+  letter-spacing: 0;
+  font-size: 1rem;
+  line-height: 1.25rem;
+}
+
+.c1 span {
+  font-size: inherit;
+  line-height: inherit;
+}
+
+.c0 {
+  width: 100%;
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  color: #000000;
+}
+
+.c2 {
+  margin-bottom: 0.5rem;
+  font-family: 'Montserrat',Helvetica,Arial,sans-serif;
+  font-weight: 400;
+  text-transform: inherit;
+  letter-spacing: 0;
+  font-size: 1rem;
+  line-height: 1.25rem;
+}
+
+.c3 {
+  position: relative;
+  font-family: 'Montserrat',Helvetica,Arial,sans-serif;
+  font-weight: 400;
+  text-transform: inherit;
+  letter-spacing: 0;
+  font-size: 1rem;
+  line-height: 1.25rem;
+}
+
+.c4 {
+  position: relative;
+  width: 100%;
+  display: flex;
+  justify-content: flex-end;
+  align-items: center;
+}
+
+.c5 {
+  position: relative;
+  box-sizing: border-box;
+  width: 100%;
+  height: 48px;
+  padding: 1rem;
+  background-color: #F4F3F5;
+  border: 1px solid;
+  border-color: #969598;
+  box-shadow: none;
+  appearance: none;
+  color: #000000;
+  border-radius: 0.5rem;
+  font-size: inherit;
+  z-index: 2;
+  font-family: inherit;
+}
+
+.c5:focus {
+  border: 1px solid #666;
+}
+
+@media (min-width: 740px) {
+  .c1 {
+    font-size: 1rem;
+    line-height: 1.25rem;
+  }
+}
+
+@media (min-width: 1024px) {
+  .c1 {
+    font-size: 1.125rem;
+    line-height: 1.375rem;
+  }
+}
+
+@media (min-width: 740px) {
+  .c2 {
+    font-size: 1rem;
+    line-height: 1.25rem;
+  }
+}
+
+@media (min-width: 1024px) {
+  .c2 {
+    font-size: 1rem;
+    line-height: 1.25rem;
+  }
+}
+
+@media (min-width: 740px) {
+  .c3 {
+    font-size: 1rem;
+    line-height: 1.25rem;
+  }
+}
+
+@media (min-width: 1024px) {
+  .c3 {
+    font-size: 1.25rem;
+    line-height: 1.25rem;
+  }
+}
+
+@media (min-width: 740px) {
+  .c4 {
+    max-width: 150px;
+  }
+}
+
+@media (min-width: 1024px) {
+  .c4 {
+    max-width: 250px;
+  }
+}
+
+<label
+  className="c0"
+  errorMsg=""
+  htmlFor="input-example-7"
+  optional={null}
+>
+  <span
+    className="c1 c2"
+    dangerouslySetInnerHTML={
+      {
+        "__html": "Responsive Width Input",
       }
     }
-
-    @media (min-width:1024px) {
-      .c1 {
-        font-size: 1.125rem;
-        line-height: 1.375rem;
-      }
-    }
-
-    @media (min-width:740px) {
-      .c2 {
-        font-size: 1rem;
-        line-height: 1.25rem;
-      }
-    }
-
-    @media (min-width:1024px) {
-      .c2 {
-        font-size: 1rem;
-        line-height: 1.25rem;
-      }
-    }
-
-    @media (min-width:740px) {
-      .c3 {
-        font-size: 1rem;
-        line-height: 1.25rem;
-      }
-    }
-
-    @media (min-width:1024px) {
-      .c3 {
-        font-size: 1.25rem;
-        line-height: 1.25rem;
-      }
-    }
-
-    @media (min-width:740px) {
-      .c4 {
-        max-width: 150px;
-      }
-    }
-
-    @media (min-width:1024px) {
-      .c4 {
-        max-width: 250px;
-      }
-    }
-
-    <label
-      className="c0"
-      htmlFor="input-example-7"
+  />
+  <div
+    className="c3"
+    error={false}
+  >
+    <div
+      className="c4"
+      error={false}
+      maxPxWidthLargeBreakpoint={250}
+      maxPxWidthMediumBreakpoint={150}
     >
-      <span
-        className="c1 c2"
-        dangerouslySetInnerHTML={
-          Object {
-            "__html": "Responsive Width Input",
-          }
-        }
+      <input
+        aria-required={false}
+        className="c5"
+        error={false}
+        id="input-example-7"
+        name="responsive-width"
+        placeholder="This input has responsive max widths"
+        prefixLength={0}
+        required={false}
+        type="text"
       />
-      <div
-        className="c3"
-      >
-        
-        <div
-          className="c4"
-        >
-          <input
-            aria-required={false}
-            className="c5"
-            id="input-example-7"
-            name="responsive-width"
-            placeholder="This input has responsive max widths"
-            required={false}
-            type="text"
-          />
-          
-        </div>
-      </div>
-      
-    </label>
-  `);
+    </div>
+  </div>
+</label>
+`);
 });
diff --git a/src/components/Atoms/Label/Label.js b/src/components/Atoms/Label/Label.js
index 1779fd1c6..3fb382d1e 100644
--- a/src/components/Atoms/Label/Label.js
+++ b/src/components/Atoms/Label/Label.js
@@ -22,7 +22,7 @@ const LabelElement = styled.label`
   color: ${getLabelColor};
 
   ${({ optional, theme }) => optional === true && `
-  :after {
+  &:after {
     position: absolute;
     top: 0;
     right: 0;
diff --git a/src/components/Atoms/Label/Label.md b/src/components/Atoms/Label/Label.md
deleted file mode 100644
index 3d8a41e4d..000000000
--- a/src/components/Atoms/Label/Label.md
+++ /dev/null
@@ -1,21 +0,0 @@
-```js
-<Label label="Wrapping a basic text input">
-  <input type="text" name="field-wrapper-test" style={{maxWidth: '300px'}} />
-</Label>
-```
-
-```js
-import styled from 'styled-components';
-
-const StyledInput = styled.input`
-  max-width: 300px;
-  font-size: 1.5rem;
-  height: 2.5rem;
-  border-radius: 5px;
-  border-width: 1px;
-`;
-
-<Label label="Wrapping a styled input">
-  <StyledInput type="text" name="field-wrapper-test-1" />
-</Label>
-```
diff --git a/src/components/Atoms/Label/LabelExample.jsx b/src/components/Atoms/Label/LabelExample.jsx
new file mode 100644
index 000000000..5c54b0b48
--- /dev/null
+++ b/src/components/Atoms/Label/LabelExample.jsx
@@ -0,0 +1,27 @@
+import React from 'react';
+import styled from 'styled-components';
+import Label from './Label';
+
+const StyledInput = styled.input`
+  max-width: 300px;
+  font-size: 1.5rem;
+  height: 2.5rem;
+  border-radius: 5px;
+  border-width: 1px;
+`;
+
+export default function LabelExample() {
+  return (
+    <>
+      <Label label="Wrapping a basic text input">
+        <input type="text" name="field-wrapper-test" style={{ maxWidth: '300px' }} />
+      </Label>
+
+      <br />
+
+      <Label label="Wrapping a styled input">
+        <StyledInput type="text" name="field-wrapper-test-1" />
+      </Label>
+    </>
+  );
+}
diff --git a/src/components/Atoms/Link/Link.md b/src/components/Atoms/Link/Link.md
deleted file mode 100644
index e4938f3cc..000000000
--- a/src/components/Atoms/Link/Link.md
+++ /dev/null
@@ -1,223 +0,0 @@
-```js
-import { External, Download, Favourite, Internal } from '../Icons/index';
-
-<div>
-  <div style={{backgroundColor:"#ddd", padding: "15px", marginBottom: "10px", borderRadius: "5px"}}>
-    <Link href="#anchor" target="blank">
-      Link standard
-    </Link>
-  </div>
-  <div style={{backgroundColor:"#ddd", padding: "15px", marginBottom: "10px", borderRadius: "5px"}}>
-    <Link
-      href="#anchor"
-      target="blank"
-      icon={<Download colour="black" />}
-    >
-      Link standard icon
-    </Link>
-  </div>
-  <div
-    style={{backgroundColor:"#000", padding: "15px", marginBottom: "10px", borderRadius: "5px"}}
-  >
-    <Link href="#anchor" type="standard_white">
-      Link standard white
-    </Link>
-  </div>
-</div>;
-```
-
-```js
-
-import buttonTypes from '../../../theme/crTheme/buttonTypes';
-
-<div>
-  <div style={{backgroundColor:"#ddd", padding: "15px", marginBottom: "10px", borderRadius: "5px"}}>
-    <Link color="black" href="#anchor" target="self" type="button">
-      Link as button
-    </Link>
-  </div>
-  <div style={{backgroundColor:"#ddd", padding: "15px", marginBottom: "10px", borderRadius: "5px"}}>
-    <Link color="red" href="/test" target="self" type="button">
-      Link as button
-    </Link>
-  </div>
-  <div style={{backgroundColor:"#ddd", padding: "15px", marginBottom: "10px", borderRadius: "5px"}}>
-    <Link color="yellow" href="/test" target="blank" type="button">
-      Link as button
-    </Link>
-  </div>
-
-
-  <div style={{backgroundColor:"#ddd", padding: "15px", marginBottom: "10px", borderRadius: "5px"}}>
-    <Link color="red" href="#anchor" target="self" type="button" buttonType={buttonTypes.SECONDARY}>
-      Link as button (secondary)
-    </Link>
-  </div>
-  <div style={{backgroundColor:"#ddd", padding: "15px", marginBottom: "10px", borderRadius: "5px"}}>
-    <Link color="black" href="/test" target="self" type="button"buttonType={buttonTypes.SECONDARY}>
-      Link as button (secondary)
-    </Link>
-  </div>
-  <div style={{backgroundColor:"#222222", padding: "15px", marginBottom: "10px", borderRadius: "5px"}}>
-    <Link color="white" href="/test" target="blank" type="button" buttonType={buttonTypes.SECONDARY}>
-      Link as button (secondary)
-    </Link>
-  </div>
-
-  <div style={{backgroundColor:"#ddd", padding: "15px", marginBottom: "10px", borderRadius: "5px"}}>
-    <Link color="red" href="#anchor" target="self" type="button" buttonType={buttonTypes.TERTIARY}>
-      Link as button (tertiary)
-    </Link>
-  </div>
-  <div style={{backgroundColor:"#ddd", padding: "15px", marginBottom: "10px", borderRadius: "5px"}}>
-    <Link color="black" href="/test" target="self" type="button"buttonType={buttonTypes.TERTIARY}>
-      Link as button (tertiary)
-    </Link>
-  </div>
-  <div style={{backgroundColor:"#222222", padding: "15px", marginBottom: "10px", borderRadius: "5px"}}>
-    <Link color="white" href="/test" target="blank" type="button" buttonType={buttonTypes.TERTIARY}>
-      Link as button (tertiary)
-    </Link>
-  </div>
-
-  <div style={{backgroundColor:"#ddd", padding: "15px", marginBottom: "10px", borderRadius: "5px"}}>
-
-    <div style={{ display: 'block', marginTop: '10px' }}>
-      <Link color="red" href="/test" target="blank" type="button" fullWidth>
-        Link as full-width red button
-      </Link>
-    </div>
-  </div>
-</div>
-```
-
-
-## Iconography
-```js
-import { External, Download, Favourite, Internal, Chevron, Arrow, AtSign } from '../Icons/index';
-
-<div>
-  <div style={{backgroundColor:"#ddd", padding: "15px", marginBottom: "10px", borderRadius: "5px"}}>
-    <Link
-      color="red"
-      mobileColour="blue"
-      href="#anchor"
-      target="blank"
-      type="button"
-      icon={<Internal colour="white" mobileColour="red"/>}
-    >
-      Internal link, 'blue' with red icon on tablet and mobile
-    </Link>
-  </div>
-
-  <div style={{backgroundColor:"#ddd", padding: "15px", marginBottom: "10px", borderRadius: "5px"}}>
-    <Link
-      color="blue"
-      mobileColour="black"
-      href="#anchor"
-      target="blank"
-      type="button"
-      icon={<External colour="white" mobileColour="blue" />}
-    >
-      External link (black on mobile, blue on desktop)
-    </Link>
-  </div>
-
-  <div style={{backgroundColor:"#ddd", padding: "15px", marginBottom: "10px", borderRadius: "5px"}}>
-    <Link
-      color="red"
-      href="#anchor"
-      target="blank"
-      type="button"
-      icon={<Download colour="white" mobileColour="blue" />}
-    >
-      Download link (blue mobile-tablet icon, white desktop icon)
-    </Link>
-  </div>
-
-  <div style={{backgroundColor:"#ddd", padding: "15px", marginBottom: "10px", borderRadius: "5px"}}>
-    <Link
-      color="red"
-      href="#anchor"
-      target="blank"
-      type="button"
-      icon={<Favourite colour="white" mobileColour="blue" />}
-    >
-      Favourite link (blue mobile-tablet icon, white desktop icon)
-    </Link>
-  </div>
-
-    <div style={{backgroundColor:"#ddd", padding: "15px", marginBottom: "10px", borderRadius: "5px"}}>
-    <Link
-      color="red"
-      href="#anchor"
-      target="blank"
-      type="button"
-      icon={<Chevron direction="up" colour="white" mobileColour="blue" />}
-    >
-      Chevron Up (blue mobile-tablet icon, white desktop icon)
-    </Link>
-  </div>
-
-  <div style={{backgroundColor:"#ddd", padding: "15px", marginBottom: "10px", borderRadius: "5px"}}>
-    <Link
-      color="red"
-      href="#anchor"
-      target="blank"
-      type="button"
-      icon={<Chevron direction="down" colour="white" mobileColour="blue" />}
-    >
-      Chevron Down (blue mobile-tablet icon, white desktop icon)
-    </Link>
-  </div>
-
-  <div style={{backgroundColor:"#ddd", padding: "15px", marginBottom: "10px", borderRadius: "5px"}}>
-    <Link
-      color="red"
-      href="#anchor"
-      target="blank"
-      type="button"
-      icon={<Chevron direction="left" colour="white" mobileColour="blue" />}
-    >
-      Chevron Left (blue mobile-tablet icon, white desktop icon)
-    </Link>
-  </div>
-
-  <div style={{backgroundColor:"#ddd", padding: "15px", marginBottom: "10px", borderRadius: "5px"}}>
-    <Link
-      color="red"
-      href="#anchor"
-      target="blank"
-      type="button"
-      icon={<Chevron direction="right" colour="white" mobileColour="blue" />}
-    >
-      Chevron Right (blue mobile-tablet icon, white desktop icon)
-    </Link>
-  </div>
-
-  <div style={{backgroundColor:"#ddd", padding: "15px", marginBottom: "10px", borderRadius: "5px"}}>
-    <Link
-      color="red"
-      href="#anchor"
-      target="blank"
-      type="button"
-      iconFirst
-      icon={<Arrow direction="left" colour="white" mobileColour="blue" />}
-    >
-      Arrow Left (blue mobile-tablet icon, white desktop icon)
-    </Link>
-  </div>
-
-  <div style={{backgroundColor:"#ddd", padding: "15px", marginBottom: "10px", borderRadius: "5px"}}>
-    <Link
-      color="red"
-      href="#anchor"
-      target="blank"
-      type="button"
-      icon={<AtSign colour="white" mobileColour="blue" />}
-    >
-      At Sign (blue mobile-tablet icon, white desktop icon)
-    </Link>
-  </div>
-</div>;
-```
diff --git a/src/components/Atoms/Link/Link.style.js b/src/components/Atoms/Link/Link.style.js
index 134b1a2e9..4f57c286d 100644
--- a/src/components/Atoms/Link/Link.style.js
+++ b/src/components/Atoms/Link/Link.style.js
@@ -48,6 +48,7 @@ const linkStyle = () => css`
   ${({ type, theme }) => (type
     ? theme.linkStyles(type)
     : theme.linkStyles('standard'))};
+  ${({ $color, theme }) => $color && css`color: ${theme.color($color)};`}
 `;
 
 export const IconWrapper = styled.span`
diff --git a/src/components/Atoms/Link/Link.test.js b/src/components/Atoms/Link/Link.test.js
index b416e9e90..20c84c167 100644
--- a/src/components/Atoms/Link/Link.test.js
+++ b/src/components/Atoms/Link/Link.test.js
@@ -12,29 +12,35 @@ it('renders a standard styled link correctly', () => {
   ).toJSON();
 
   expect(tree).toMatchInlineSnapshot(`
-    .c0 {
-      position: relative;
-      display: inline;
-      color: #000000;
-      font-weight: normal;
-    }
+.c0 {
+  position: relative;
+  display: inline;
+  color: #000000;
+  font-weight: normal;
+  color: #E52630;
+}
 
-    .c0:hover,
-    .c0:focus {
-      color: #000000;
-      -webkit-text-decoration: none;
-      text-decoration: none;
-    }
+.c0:hover,
+.c0:focus {
+  color: #000000;
+  text-decoration: none;
+}
 
-    <a
-      className="c0"
-      href="/test"
-      target="_self"
-      type="standard"
-    >
-      A standard link
-    </a>
-  `);
+<a
+  buttonType="primary"
+  className="c0"
+  fullWidth={false}
+  home={false}
+  href="/test"
+  iconFirst={false}
+  mobileColour={null}
+  target="_self"
+  type="standard"
+  underline={true}
+>
+  A standard link
+</a>
+`);
 });
 
 it('renders a button with an icon', () => {
@@ -50,84 +56,87 @@ it('renders a button with an icon', () => {
   ).toJSON();
 
   expect(tree).toMatchInlineSnapshot(`
-    .c1 {
-      display: -webkit-inline-box;
-      display: -webkit-inline-flex;
-      display: -ms-inline-flexbox;
-      display: inline-flex;
-      margin-left: 1rem;
-      -webkit-align-self: center;
-      -ms-flex-item-align: center;
-      align-self: center;
-      right: 1.5rem;
-      position: absolute;
-      right: -2rem;
-      top: 0;
-      bottom: 0;
-    }
+.c1 {
+  display: inline-flex;
+  margin-left: 1rem;
+  align-self: center;
+  right: 1.5rem;
+  position: absolute;
+  right: -2rem;
+  top: 0;
+  bottom: 0;
+}
 
-    .c0 {
-      position: relative;
-      display: inline;
-      color: #000000;
-      font-weight: normal;
-    }
+.c0 {
+  position: relative;
+  display: inline;
+  color: #000000;
+  font-weight: normal;
+  color: #E52630;
+}
 
-    .c0:hover,
-    .c0:focus {
-      color: #000000;
-      -webkit-text-decoration: none;
-      text-decoration: none;
-    }
+.c0:hover,
+.c0:focus {
+  color: #000000;
+  text-decoration: none;
+}
 
-    .c2 {
-      fill: #FFFFFF;
-    }
+.c2 {
+  fill: #FFFFFF;
+}
 
-    @media (min-width:740px) {
-      .c1 {
-        width: auto;
-        right: auto;
-        position: relative;
-        position: absolute;
-        right: -2rem;
-        top: 0;
-        bottom: 0;
-      }
-    }
+@media (min-width: 740px) {
+  .c1 {
+    width: auto;
+    right: auto;
+    position: relative;
+    position: absolute;
+    right: -2rem;
+    top: 0;
+    bottom: 0;
+  }
+}
 
-    @media (min-width:1024px) {
-      .c2 {
-        fill: #FFFFFF;
-      }
-    }
+@media (min-width: 1024px) {
+  .c2 {
+    fill: #FFFFFF;
+  }
+}
 
-    <a
-      className="c0"
-      href="/test"
-      target="_self"
-      type="standard"
+<a
+  buttonType="primary"
+  className="c0"
+  fullWidth={false}
+  home={false}
+  href="/test"
+  iconFirst={false}
+  mobileColour={null}
+  target="_self"
+  type="standard"
+  underline={true}
+>
+  Internal link
+  <span
+    className="c1"
+    type="standard"
+  >
+    <svg
+      className="c2"
+      colour="white"
+      fill="#FFFFFF"
+      height={24}
+      mobileColour={null}
+      viewBox="0 0 96 96"
+      width={24}
+      xmlns="http://www.w3.org/2000/svg"
     >
-      Internal link
-      <span
-        className="c1"
-        type="standard"
-      >
-        <svg
-          className="c2"
-          fill="#FFFFFF"
-          height={20}
-          viewBox="0 0 15 15"
-          width={20}
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="M9.58496 1.3501C9.1395 0.88346 8.40641 0.883488 7.96094 1.3501C7.52803 1.80361 7.5281 2.53033 7.96094 2.98389L11.1582 6.3335H1.13672C0.48748 6.3335 0 6.87834 0 7.50049C2.15408e-05 8.12262 0.487494 8.66748 1.13672 8.66748H11.1582L7.96094 12.0171C7.52806 12.4706 7.52899 13.1974 7.96191 13.6509C8.18163 13.8804 8.47556 14.0005 8.77344 14.0005C9.07114 14.0004 9.36533 13.8809 9.58496 13.6509L14.6758 8.31689L14.6748 8.31592L14.6875 8.30322L14.6865 8.30225C14.6954 8.29227 14.7044 8.28494 14.71 8.27783C14.7117 8.27557 14.7133 8.27298 14.7148 8.271C14.7485 8.23215 14.7824 8.18937 14.8135 8.14111L14.8154 8.13818C14.8354 8.1067 14.8493 8.07854 14.8564 8.06396L14.8652 8.04639L14.8662 8.04443L14.8672 8.04346C14.8672 8.04346 14.868 8.0407 14.8691 8.03857C14.8709 8.03524 14.8758 8.02683 14.8799 8.01904L14.8802 8.01851C14.8888 8.00212 14.9034 7.97435 14.917 7.93994V7.93799C14.9303 7.90387 14.9391 7.87297 14.9443 7.854C14.9469 7.8447 14.9498 7.83579 14.9512 7.83057C14.9527 7.82466 14.9535 7.82292 14.9541 7.8208C14.9541 7.8208 14.9542 7.81765 14.9551 7.81494L14.958 7.80615L14.9586 7.80434C14.9631 7.78973 14.9718 7.76131 14.9785 7.72705V7.7251C15.0066 7.57717 15.0066 7.42472 14.9785 7.27686V7.2749L14.958 7.1958L14.9551 7.18604L14.9531 7.18018L14.9512 7.17236C14.9497 7.16652 14.9481 7.15689 14.9453 7.14697C14.9398 7.12707 14.9307 7.09666 14.917 7.06201C14.9032 7.027 14.8885 6.99825 14.8799 6.98193C14.8758 6.97415 14.8709 6.96574 14.8691 6.9624L14.8564 6.93701C14.849 6.92189 14.8351 6.89384 14.8154 6.86279L14.8145 6.86084L14.7529 6.77393C14.7316 6.74671 14.7094 6.72141 14.6875 6.69775C14.6837 6.69353 14.6802 6.68867 14.6758 6.68408L9.58496 1.3501Z"
-          />
-        </svg>
-      </span>
-    </a>
-  `);
+      <path
+        d="M90.871 50.776c-.016.016-.026.036-.043.052l-32 32C58.047 83.609 57.024 84 56 84s-2.047-.391-2.829-1.171a4 4 0 010-5.657L78.343 52H8a4 4 0 010-8h70.343L53.171 18.829a4 4 0 015.657-5.657l32 32c.016.016.027.036.043.052.167.172.321.357.455.557.069.104.118.216.176.325.065.121.138.236.191.364.057.137.09.279.13.42.032.109.074.214.097.327a4.017 4.017 0 010 1.568c-.023.113-.065.217-.097.327-.041.141-.074.283-.13.42-.053.128-.126.243-.191.364-.059.109-.107.221-.176.325a4.035 4.035 0 01-.455.555z"
+      />
+    </svg>
+  </span>
+</a>
+`);
 });
 
 it('renders a standard styled link correctly with target blank and assistive text', () => {
@@ -138,49 +147,53 @@ it('renders a standard styled link correctly with target blank and assistive tex
   ).toJSON();
 
   expect(tree).toMatchInlineSnapshot(`
-    .c0 {
-      position: relative;
-      display: inline;
-      color: #000000;
-      font-weight: normal;
-    }
+.c0 {
+  position: relative;
+  display: inline;
+  color: #000000;
+  font-weight: normal;
+  color: #E52630;
+}
 
-    .c0:hover,
-    .c0:focus {
-      color: #000000;
-      -webkit-text-decoration: none;
-      text-decoration: none;
-    }
+.c0:hover,
+.c0:focus {
+  color: #000000;
+  text-decoration: none;
+}
 
-    .c1 {
-      border: 0;
-      -webkit-clip: rect(0 0 0 0);
-      clip: rect(0 0 0 0);
-      -webkit-clip-path: inset(50%);
-      clip-path: inset(50%);
-      height: 1px;
-      margin: -1px;
-      overflow: hidden;
-      padding: 0;
-      position: absolute;
-      white-space: nowrap;
-      width: 1px;
-    }
+.c1 {
+  border: 0;
+  clip: rect(0 0 0 0);
+  clip-path: inset(50%);
+  height: 1px;
+  margin: -1px;
+  overflow: hidden;
+  padding: 0;
+  position: absolute;
+  white-space: nowrap;
+  width: 1px;
+}
 
-    <a
-      className="c0"
-      href="/test"
-      target="_blank"
-      type="standard"
-    >
-      A standard link
-      <span
-        className="c1"
-      >
-        (opens in new window)
-      </span>
-    </a>
-  `);
+<a
+  buttonType="primary"
+  className="c0"
+  fullWidth={false}
+  home={false}
+  href="/test"
+  iconFirst={false}
+  mobileColour={null}
+  target="_blank"
+  type="standard"
+  underline={true}
+>
+  A standard link
+  <span
+    className="c1"
+  >
+    (opens in new window)
+  </span>
+</a>
+`);
 });
 
 it('renders link styled as button correctly', () => {
@@ -191,89 +204,81 @@ it('renders link styled as button correctly', () => {
   ).toJSON();
 
   expect(tree).toMatchInlineSnapshot(`
-    .c0 {
-      display: -webkit-inline-box;
-      display: -webkit-inline-flex;
-      display: -ms-inline-flexbox;
-      display: inline-flex;
-      position: relative;
-      -webkit-text-decoration: none;
-      text-decoration: none;
-      -webkit-transition: all 0.2s;
-      transition: all 0.2s;
-      height: 2.5rem;
-      width: 100%;
-      -webkit-box-pack: center;
-      -webkit-justify-content: center;
-      -ms-flex-pack: center;
-      justify-content: center;
-      -webkit-align-items: center;
-      -webkit-box-align: center;
-      -ms-flex-align: center;
-      align-items: center;
-      border: none;
-      cursor: pointer;
-      padding: 0.6rem 1rem;
-      border-radius: 0.5rem;
-      background-color: #FFE400;
-      color: #000000;
-      font-family: 'Montserrat',Helvetica,Arial,sans-serif;
-      font-weight: 700;
-      text-transform: inherit;
-      -webkit-letter-spacing: 0;
-      -moz-letter-spacing: 0;
-      -ms-letter-spacing: 0;
-      letter-spacing: 0;
-      font-size: 1rem;
-      line-height: 1.25rem;
-    }
+.c0 {
+  display: inline-flex;
+  position: relative;
+  text-decoration: none;
+  transition: all 0.2s;
+  height: 2.5rem;
+  width: 100%;
+  justify-content: center;
+  align-items: center;
+  border: none;
+  cursor: pointer;
+  padding: 0.6rem 1rem;
+  border-radius: 0.5rem;
+  background-color: #FFE400;
+  color: #000000;
+  font-family: 'Montserrat',Helvetica,Arial,sans-serif;
+  font-weight: 700;
+  text-transform: inherit;
+  letter-spacing: 0;
+  font-size: 1rem;
+  line-height: 1.25rem;
+}
 
-    .c0:hover,
-    .c0:focus,
-    .c0:focus-within,
-    .c0:focus-visible {
-      background-color: #FEFD5A;
-      outline-offset: 3px;
-    }
+.c0:hover,
+.c0:focus,
+.c0:focus-within,
+.c0:focus-visible {
+  background-color: #FEFD5A;
+  outline-offset: 3px;
+}
 
-    .c0:disabled {
-      cursor: not-allowed;
-      opacity: 0.5;
-    }
+.c0:disabled {
+  cursor: not-allowed;
+  opacity: 0.5;
+}
 
-    @media (min-width:740px) {
-      .c0 {
-        font-size: 1rem;
-        line-height: 1.25rem;
-      }
-    }
+@media (min-width: 740px) {
+  .c0 {
+    font-size: 1rem;
+    line-height: 1.25rem;
+  }
+}
 
-    @media (min-width:1024px) {
-      .c0 {
-        font-size: 1.125rem;
-        line-height: 1.375rem;
-      }
-    }
+@media (min-width: 1024px) {
+  .c0 {
+    font-size: 1.125rem;
+    line-height: 1.375rem;
+  }
+}
 
-    @media (min-width:740px) {
-      .c0 {
-        width: auto;
-      }
-    }
+@media (min-width: 740px) {
+  .c0 {
+    width: auto;
+  }
+}
 
-    @media (min-width:1024px) {
-      .c0 {
-        width: auto;
-      }
-    }
+@media (min-width: 1024px) {
+  .c0 {
+    width: auto;
+  }
+}
 
-    <a
-      className="c0"
-      href="/test"
-      target="_self"
-      type="button"
-    >
-      A yellow button
-    </a>
-  `);
+<a
+  buttonType="primary"
+  className="c0"
+  fullWidth={false}
+  home={false}
+  href="/test"
+  iconFirst={false}
+  mobileColour={null}
+  target="_self"
+  type="button"
+  underline={true}
+>
+  A yellow button
+</a>
+`);
 });
diff --git a/src/components/Atoms/Link/LinkExample.jsx b/src/components/Atoms/Link/LinkExample.jsx
new file mode 100644
index 000000000..63535bbd2
--- /dev/null
+++ b/src/components/Atoms/Link/LinkExample.jsx
@@ -0,0 +1,110 @@
+import React from 'react';
+import styled from 'styled-components';
+import Link from './Link';
+import buttonTypes from '../../../theme/crTheme/buttonTypes';
+import { External, Download, Favourite, Internal, Chevron, Arrow, AtSign } from '../Icons/index';
+
+const ExampleWrapper = styled.div`
+  background-color: ${({ $bg }) => $bg || '#ddd'};
+  padding: 15px;
+  margin-bottom: 10px;
+  border-radius: 5px;
+`;
+
+export default function LinkExample() {
+  return (
+    <>
+      <h3>Standard links</h3>
+      <ExampleWrapper>
+        <Link href="#anchor" target="blank">Link standard</Link>
+      </ExampleWrapper>
+      <ExampleWrapper>
+        <Link href="#anchor" target="blank" color="green">Link override colour</Link>
+      </ExampleWrapper>
+      <ExampleWrapper>
+        <Link href="#anchor" target="blank" icon={<Download colour="black" />}>
+          Link standard icon
+        </Link>
+      </ExampleWrapper>
+      <ExampleWrapper $bg="#000">
+        <Link href="#anchor" type="standard_white">Link standard white</Link>
+      </ExampleWrapper>
+
+      <h3>Links as buttons</h3>
+      <ExampleWrapper>
+        <Link color="black" href="#anchor" target="self" type="button">Link as button</Link>
+      </ExampleWrapper>
+      <ExampleWrapper>
+        <Link color="red" href="/test" target="self" type="button">Link as button</Link>
+      </ExampleWrapper>
+      <ExampleWrapper>
+        <Link color="yellow" href="/test" target="blank" type="button">Link as button</Link>
+      </ExampleWrapper>
+      <ExampleWrapper>
+        <Link color="red" href="#anchor" target="self" type="button" buttonType={buttonTypes.SECONDARY}>Link as button (secondary)</Link>
+      </ExampleWrapper>
+      <ExampleWrapper>
+        <Link color="black" href="/test" target="self" type="button" buttonType={buttonTypes.SECONDARY}>Link as button (secondary)</Link>
+      </ExampleWrapper>
+      <ExampleWrapper $bg="#222222">
+        <Link color="white" href="/test" target="blank" type="button" buttonType={buttonTypes.SECONDARY}>Link as button (secondary)</Link>
+      </ExampleWrapper>
+      <ExampleWrapper>
+        <Link color="red" href="#anchor" target="self" type="button" buttonType={buttonTypes.TERTIARY}>Link as button (tertiary)</Link>
+      </ExampleWrapper>
+      <ExampleWrapper>
+        <Link color="black" href="/test" target="self" type="button" buttonType={buttonTypes.TERTIARY}>Link as button (tertiary)</Link>
+      </ExampleWrapper>
+      <ExampleWrapper $bg="#222222">
+        <Link color="white" href="/test" target="blank" type="button" buttonType={buttonTypes.TERTIARY}>Link as button (tertiary)</Link>
+      </ExampleWrapper>
+      <ExampleWrapper>
+        <div style={{ display: 'block', marginTop: '10px' }}>
+          <Link color="red" href="/test" target="blank" type="button" fullWidth>Link as full-width red button</Link>
+        </div>
+      </ExampleWrapper>
+
+      <h3>Iconography</h3>
+      <ExampleWrapper>
+        <Link color="red" mobileColour="blue" href="#anchor" target="blank" type="button" icon={<Internal colour="white" mobileColour="red" />}>
+          Internal link, 'blue' with red icon on tablet and mobile
+        </Link>
+      </ExampleWrapper>
+      <ExampleWrapper>
+        <Link color="blue" mobileColour="black" href="#anchor" target="blank" type="button" icon={<External colour="white" mobileColour="blue" />}>
+          External link (black on mobile, blue on desktop)
+        </Link>
+      </ExampleWrapper>
+      <ExampleWrapper>
+        <Link color="red" href="#anchor" target="blank" type="button" icon={<Download colour="white" mobileColour="blue" />}>
+          Download link (blue mobile-tablet icon, white desktop icon)
+        </Link>
+      </ExampleWrapper>
+      <ExampleWrapper>
+        <Link color="red" href="#anchor" target="blank" type="button" icon={<Favourite colour="white" mobileColour="blue" />}>
+          Favourite link (blue mobile-tablet icon, white desktop icon)
+        </Link>
+      </ExampleWrapper>
+      <ExampleWrapper>
+        <Link color="red" href="#anchor" target="blank" type="button" icon={<Chevron direction="up" colour="white" mobileColour="blue" />}>
+          Chevron Up
+        </Link>
+      </ExampleWrapper>
+      <ExampleWrapper>
+        <Link color="red" href="#anchor" target="blank" type="button" icon={<Chevron direction="down" colour="white" mobileColour="blue" />}>
+          Chevron Down
+        </Link>
+      </ExampleWrapper>
+      <ExampleWrapper>
+        <Link color="red" href="#anchor" target="blank" type="button" iconFirst icon={<Arrow direction="left" colour="white" mobileColour="blue" />}>
+          Arrow Left
+        </Link>
+      </ExampleWrapper>
+      <ExampleWrapper>
+        <Link color="red" href="#anchor" target="blank" type="button" icon={<AtSign colour="white" mobileColour="blue" />}>
+          At Sign
+        </Link>
+      </ExampleWrapper>
+    </>
+  );
+}
diff --git a/src/components/Atoms/Logo/Logo.md b/src/components/Atoms/Logo/Logo.md
deleted file mode 100644
index b155eaa04..000000000
--- a/src/components/Atoms/Logo/Logo.md
+++ /dev/null
@@ -1,22 +0,0 @@
-# Comic Relief Logo
-
-```js
-<Logo rotate={false} sizeSm="50px" sizeMd="60px" />
-```
-
-# Sport Relief Logo
-
-```js
-<Logo rotate={false} sizeSm="50px" sizeMd="60px" campaign="Sport Relief" />
-```
-
-# Sport Relief Game On Logo
-
-```js
-<Logo
-  rotate={false}
-  sizeSm="50px"
-  sizeMd="60px"
-  campaign="Sport Relief Gameon"
-/>
-```
diff --git a/src/components/Atoms/Logo/Logo.test.js b/src/components/Atoms/Logo/Logo.test.js
index d426b6b8a..1aae4fc88 100644
--- a/src/components/Atoms/Logo/Logo.test.js
+++ b/src/components/Atoms/Logo/Logo.test.js
@@ -19,13 +19,11 @@ it('renders correctly', () => {
       display: inline-block;
       z-index: 3;
       width: 51px;
-      -webkit-transform: rotate(-14deg);
-      -ms-transform: rotate(-14deg);
       transform: rotate(-14deg);
       vertical-align: bottom;
     }
 
-    @media (min-width:1150px) {
+    @media (min-width: 1150px) {
       .c0 {
         width: 70px;
       }
@@ -34,6 +32,8 @@ it('renders correctly', () => {
     <div
       className="c0"
       rotate={1}
+      sizeMd="70px"
+      sizeSm="51px"
     >
       <img
         alt="Comic Relief logo"
diff --git a/src/components/Atoms/Logo/LogoExample.jsx b/src/components/Atoms/Logo/LogoExample.jsx
new file mode 100644
index 000000000..1c821ef42
--- /dev/null
+++ b/src/components/Atoms/Logo/LogoExample.jsx
@@ -0,0 +1,17 @@
+import React from 'react';
+import Logo from './Logo';
+
+export default function LogoExample() {
+  return (
+    <>
+      <h3>Comic Relief Logo</h3>
+      <Logo rotate={false} sizeSm="50px" sizeMd="60px" />
+
+      <h3>Sport Relief Logo</h3>
+      <Logo rotate={false} sizeSm="50px" sizeMd="60px" campaign="Sport Relief" />
+
+      <h3>Sport Relief Game On Logo</h3>
+      <Logo rotate={false} sizeSm="50px" sizeMd="60px" campaign="Sport Relief Gameon" />
+    </>
+  );
+}
diff --git a/src/components/Atoms/LogoNav2026/LogoNav2026.test.js b/src/components/Atoms/LogoNav2026/LogoNav2026.test.js
index cff93ec77..aca9c4e75 100644
--- a/src/components/Atoms/LogoNav2026/LogoNav2026.test.js
+++ b/src/components/Atoms/LogoNav2026/LogoNav2026.test.js
@@ -8,16 +8,13 @@ it('renders correctly', () => {
 
   expect(tree).toMatchInlineSnapshot(`
     .c0 img {
-      -webkit-animation: jaJSCW 0.4s ease-in-out forwards;
-      animation: jaJSCW 0.4s ease-in-out forwards;
-      -webkit-animation-name: blCpAO;
-      animation-name: blCpAO;
+      animation: k0 0.4s ease-in-out forwards;
+      animation-name: k1;
     }
 
     .c0:hover img,
     .c0:focus img {
-      -webkit-animation: jaJSCW 0.4s ease-in-out forwards;
-      animation: jaJSCW 0.4s ease-in-out forwards;
+      animation: k0 0.4s ease-in-out forwards;
     }
 
     .c1 {
@@ -39,13 +36,13 @@ it('renders correctly', () => {
       display: none;
     }
 
-    @media (min-width:320px) {
+    @media (min-width: 320px) {
       .c2 {
         display: none;
       }
     }
 
-    @media (min-width:320px) {
+    @media (min-width: 320px) {
       .c3 {
         display: block;
         width: 132px;
@@ -53,14 +50,14 @@ it('renders correctly', () => {
       }
     }
 
-    @media (min-width:740px) {
+    @media (min-width: 740px) {
       .c3 {
         width: 162px;
         height: 25px;
       }
     }
 
-    @media (min-width:1024px) {
+    @media (min-width: 1024px) {
       .c3 {
         width: 162px;
         min-width: 162px;
@@ -68,6 +65,42 @@ it('renders correctly', () => {
       }
     }
 
+    @keyframes k0 {
+      from {
+        transform: scale3d(1,1,1);
+      }
+
+      30% {
+        transform: scale3d(1.04,1.04,1.04);
+      }
+
+      60% {
+        transform: scale3d(1.03,1.03,1.03);
+      }
+
+      to {
+        transform: scale3d(1.04,1.04,1.04);
+      }
+    }
+
+    @keyframes k1 {
+      from {
+        transform: scale3d(1.03,1.03,1.03);
+      }
+
+      30% {
+        transform: scale3d(0.99,0.99,0.99);
+      }
+
+      60% {
+        transform: scale3d(1.01,1.01,1.01);
+      }
+
+      to {
+        transform: scale3d(1,1,1);
+      }
+    }
+
     <a
       className="c0"
       data-testid="LogoLink"
diff --git a/src/components/Atoms/Pagination/Item/Item.style.js b/src/components/Atoms/Pagination/Item/Item.style.js
index b3ef3b8f5..16cd525fa 100644
--- a/src/components/Atoms/Pagination/Item/Item.style.js
+++ b/src/components/Atoms/Pagination/Item/Item.style.js
@@ -44,7 +44,7 @@ const StyledItem = styled.a`
   }) => {
     if (!(selected || disabled)) {
       return css`
-        :hover {
+        &:hover {
           background: ${theme.color(backgroundColorOnHover)};
           color: ${theme.color(colorOnHover)};
         }
diff --git a/src/components/Atoms/Pagination/Pagination.md b/src/components/Atoms/Pagination/Pagination.md
deleted file mode 100644
index 68d4a067d..000000000
--- a/src/components/Atoms/Pagination/Pagination.md
+++ /dev/null
@@ -1,159 +0,0 @@
-### Minimalist
-
-```js
-<Pagination
-  maxPages={6}
-  totalPages={6}
-  currentPage={2}
-  createURL={value => `example.com/page/${value}`}
-  onSelect={(event, value) => {
-    event.preventDefault();
-    console.log(value);
-  }}
-  showFirst={false}
-  showPrevious={false}
-  showNext={false}
-  showLast={false}
-/>
-
-<Pagination
-  maxPages={6}
-  totalPages={6}
-  currentPage={4}
-  createURL={value => `example.com/page/${value}`}
-  onSelect={(event, value) => {
-    event.preventDefault();
-    console.log(value);
-  }}
-  showFirst={false}
-  showPrevious={false}
-  showNext={false}
-  showLast={false}
-  selectedBackgroundColor="black"
-/>
-```
-
-### Full size
-
-```js
-<Pagination
-  maxPages={5}
-  totalPages={10}
-  currentPage={1}
-  createURL={value => `example.com/page/${value}`}
-  onSelect={(event, value) => {
-    event.preventDefault();
-    console.log(value);
-  }}
-  showFirst={true}
-  showPrevious={true}
-  showNext={true}
-  showLast={true}
-  showMore={true}
-/>
-
-<Pagination
-  maxPages={5}
-  totalPages={10}
-  currentPage={3}
-  createURL={value => `example.com/page/${value}`}
-  onSelect={(event, value) => {
-    event.preventDefault();
-    console.log(value);
-  }}
-  showFirst={true}
-  showPrevious={true}
-  showNext={true}
-  showLast={true}
-  showMore={true}
-  selectedBackgroundColor="purple"
-/>
-
-<Pagination
-  maxPages={5}
-  totalPages={10}
-  currentPage={5}
-  createURL={value => `example.com/page/${value}`}
-  onSelect={(event, value) => {
-    event.preventDefault();
-    console.log(value);
-  }}
-  showFirst={true}
-  showPrevious={true}
-  showNext={true}
-  showLast={true}
-  showMore={true}
-  selectedBackgroundColor="blue"
-/>
-
-<Pagination
-  maxPages={5}
-  totalPages={10}
-  currentPage={10}
-  createURL={value => `example.com/page/${value}`}
-  onSelect={(event, value) => {
-    event.preventDefault();
-    console.log(value);
-  }}
-  showFirst={true}
-  showPrevious={true}
-  showNext={true}
-  showLast={true}
-  showMore={true}
-  selectedBackgroundColor="green"
-/>
-```
-
-### Custom style
-
-```js
-<Pagination
-  maxPages={5}
-  totalPages={10}
-  currentPage={5}
-  createURL={value => `example.com/page/${value}`}
-  onSelect={(event, value) => {
-    event.preventDefault();
-    console.log(value);
-  }}
-  showFirst={true}
-  showPrevious={true}
-  showNext={true}
-  showLast={true}
-  showMore={true}
-  color="red"
-  backgroundColor="yellow"
-  selectedColor="yellow"
-  selectedBackgroundColor="teal"
-  disabledColor="white"
-  disabledBackgroundColor="grey_light"
-  colorOnHover="yellow"
-  backgroundColorOnHover="teal"
-/>
-```
-
-### Custom labels
-
-```js
-<Pagination
-  maxPages={5}
-  totalPages={20}
-  currentPage={10}
-  createURL={value => `example.com/page/${value}`}
-  onSelect={(event, value) => {
-    event.preventDefault();
-    console.log(value);
-  }}
-  showFirst={true}
-  showPrevious={true}
-  showNext={true}
-  showLast={true}
-  showMore={true}
-  previousLabel="Previous"
-  nextLabel="Next"
-  firstLabel="First"
-  lastLabel="Last"
-  moreLabel="More"
-  getPageLabel={value => `Page ${value}`}
-/>
-```
diff --git a/src/components/Atoms/Pagination/PaginationExample.jsx b/src/components/Atoms/Pagination/PaginationExample.jsx
new file mode 100644
index 000000000..3fc983c84
--- /dev/null
+++ b/src/components/Atoms/Pagination/PaginationExample.jsx
@@ -0,0 +1,128 @@
+import React from 'react';
+import Pagination from './Pagination';
+
+export default function PaginationExample() {
+  return (
+    <>
+      <h3>Minimalist</h3>
+      <Pagination
+        maxPages={6}
+        totalPages={6}
+        currentPage={2}
+        createURL={value => `example.com/page/${value}`}
+        onSelect={(event, value) => { event.preventDefault(); console.log(value); }}
+        showFirst={false}
+        showPrevious={false}
+        showNext={false}
+        showLast={false}
+      />
+      <Pagination
+        maxPages={6}
+        totalPages={6}
+        currentPage={4}
+        createURL={value => `example.com/page/${value}`}
+        onSelect={(event, value) => { event.preventDefault(); console.log(value); }}
+        showFirst={false}
+        showPrevious={false}
+        showNext={false}
+        showLast={false}
+        selectedBackgroundColor="black"
+      />
+
+      <h3>Full size</h3>
+      <Pagination
+        maxPages={5}
+        totalPages={10}
+        currentPage={1}
+        createURL={value => `example.com/page/${value}`}
+        onSelect={(event, value) => { event.preventDefault(); console.log(value); }}
+        showFirst={true}
+        showPrevious={true}
+        showNext={true}
+        showLast={true}
+        showMore={true}
+      />
+      <Pagination
+        maxPages={5}
+        totalPages={10}
+        currentPage={3}
+        createURL={value => `example.com/page/${value}`}
+        onSelect={(event, value) => { event.preventDefault(); console.log(value); }}
+        showFirst={true}
+        showPrevious={true}
+        showNext={true}
+        showLast={true}
+        showMore={true}
+        selectedBackgroundColor="purple"
+      />
+      <Pagination
+        maxPages={5}
+        totalPages={10}
+        currentPage={5}
+        createURL={value => `example.com/page/${value}`}
+        onSelect={(event, value) => { event.preventDefault(); console.log(value); }}
+        showFirst={true}
+        showPrevious={true}
+        showNext={true}
+        showLast={true}
+        showMore={true}
+        selectedBackgroundColor="blue"
+      />
+      <Pagination
+        maxPages={5}
+        totalPages={10}
+        currentPage={10}
+        createURL={value => `example.com/page/${value}`}
+        onSelect={(event, value) => { event.preventDefault(); console.log(value); }}
+        showFirst={true}
+        showPrevious={true}
+        showNext={true}
+        showLast={true}
+        showMore={true}
+        selectedBackgroundColor="green"
+      />
+
+      <h3>Custom style</h3>
+      <Pagination
+        maxPages={5}
+        totalPages={10}
+        currentPage={5}
+        createURL={value => `example.com/page/${value}`}
+        onSelect={(event, value) => { event.preventDefault(); console.log(value); }}
+        showFirst={true}
+        showPrevious={true}
+        showNext={true}
+        showLast={true}
+        showMore={true}
+        color="red"
+        backgroundColor="yellow"
+        selectedColor="yellow"
+        selectedBackgroundColor="teal"
+        disabledColor="white"
+        disabledBackgroundColor="grey_light"
+        colorOnHover="yellow"
+        backgroundColorOnHover="teal"
+      />
+
+      <h3>Custom labels</h3>
+      <Pagination
+        maxPages={5}
+        totalPages={20}
+        currentPage={10}
+        createURL={value => `example.com/page/${value}`}
+        onSelect={(event, value) => { event.preventDefault(); console.log(value); }}
+        showFirst={true}
+        showPrevious={true}
+        showNext={true}
+        showLast={true}
+        showMore={true}
+        previousLabel="Previous"
+        nextLabel="Next"
+        firstLabel="First"
+        lastLabel="Last"
+        moreLabel="More"
+        getPageLabel={value => `Page ${value}`}
+      />
+    </>
+  );
+}
diff --git a/src/components/Atoms/Pagination/__snapshots__/Pagination.test.js.snap b/src/components/Atoms/Pagination/__snapshots__/Pagination.test.js.snap
index ade71b55f..78b1588f5 100644
--- a/src/components/Atoms/Pagination/__snapshots__/Pagination.test.js.snap
+++ b/src/components/Atoms/Pagination/__snapshots__/Pagination.test.js.snap
@@ -2,17 +2,9 @@
 
 exports[`renders correctly in full size with first page selected 1`] = `
 .c0 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
   padding-left: 0;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
   justify-content: center;
-  -webkit-flex-wrap: wrap;
-  -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   list-style-type: none;
 }
@@ -25,7 +17,6 @@ exports[`renders correctly in full size with first page selected 1`] = `
   padding: 9px 14px 9px 14px;
   border-radius: 30px;
   text-align: center;
-  -webkit-text-decoration: none;
   text-decoration: none;
   font-weight: 700;
   cursor: default;
@@ -37,7 +28,6 @@ exports[`renders correctly in full size with first page selected 1`] = `
   padding: 9px 14px 9px 14px;
   border-radius: 30px;
   text-align: center;
-  -webkit-text-decoration: none;
   text-decoration: none;
   font-weight: 700;
   cursor: default;
@@ -49,7 +39,6 @@ exports[`renders correctly in full size with first page selected 1`] = `
   padding: 9px 14px 9px 14px;
   border-radius: 30px;
   text-align: center;
-  -webkit-text-decoration: none;
   text-decoration: none;
   font-weight: 700;
   cursor: pointer;
@@ -70,12 +59,19 @@ exports[`renders correctly in full size with first page selected 1`] = `
   >
     <a
       aria-label="First page"
+      backgroundColor="white"
+      backgroundColorOnHover="teal"
       className="c2"
       color="black"
+      colorOnHover="white"
       disabled={true}
+      disabledBackgroundColor="white"
+      disabledColor="grey_medium"
       href={null}
       onClick={[Function]}
       selected={true}
+      selectedBackgroundColor="red"
+      selectedColor="white"
       target="_self"
     >
       «
@@ -86,12 +82,19 @@ exports[`renders correctly in full size with first page selected 1`] = `
   >
     <a
       aria-label="Previous page"
+      backgroundColor="white"
+      backgroundColorOnHover="teal"
       className="c2"
       color="black"
+      colorOnHover="white"
       disabled={true}
+      disabledBackgroundColor="white"
+      disabledColor="grey_medium"
       href={null}
       onClick={[Function]}
       selected={false}
+      selectedBackgroundColor="red"
+      selectedColor="white"
       target="_self"
     >
       ‹
@@ -102,12 +105,19 @@ exports[`renders correctly in full size with first page selected 1`] = `
   >
     <a
       aria-label="Page 1"
+      backgroundColor="white"
+      backgroundColorOnHover="teal"
       className="c3"
       color="black"
+      colorOnHover="white"
       disabled={false}
+      disabledBackgroundColor="white"
+      disabledColor="grey_medium"
       href={null}
       onClick={[Function]}
       selected={true}
+      selectedBackgroundColor="red"
+      selectedColor="white"
       target="_self"
     >
       1
@@ -118,12 +128,19 @@ exports[`renders correctly in full size with first page selected 1`] = `
   >
     <a
       aria-label="Page 2"
+      backgroundColor="white"
+      backgroundColorOnHover="teal"
       className="c4"
       color="black"
+      colorOnHover="white"
       disabled={false}
+      disabledBackgroundColor="white"
+      disabledColor="grey_medium"
       href="example.com/page/2"
       onClick={[Function]}
       selected={false}
+      selectedBackgroundColor="red"
+      selectedColor="white"
       target="_self"
     >
       2
@@ -134,12 +151,19 @@ exports[`renders correctly in full size with first page selected 1`] = `
   >
     <a
       aria-label="Page 3"
+      backgroundColor="white"
+      backgroundColorOnHover="teal"
       className="c4"
       color="black"
+      colorOnHover="white"
       disabled={false}
+      disabledBackgroundColor="white"
+      disabledColor="grey_medium"
       href="example.com/page/3"
       onClick={[Function]}
       selected={false}
+      selectedBackgroundColor="red"
+      selectedColor="white"
       target="_self"
     >
       3
@@ -150,12 +174,19 @@ exports[`renders correctly in full size with first page selected 1`] = `
   >
     <a
       aria-label="Page 4"
+      backgroundColor="white"
+      backgroundColorOnHover="teal"
       className="c4"
       color="black"
+      colorOnHover="white"
       disabled={false}
+      disabledBackgroundColor="white"
+      disabledColor="grey_medium"
       href="example.com/page/4"
       onClick={[Function]}
       selected={false}
+      selectedBackgroundColor="red"
+      selectedColor="white"
       target="_self"
     >
       4
@@ -166,12 +197,19 @@ exports[`renders correctly in full size with first page selected 1`] = `
   >
     <a
       aria-label="Page 5"
+      backgroundColor="white"
+      backgroundColorOnHover="teal"
       className="c4"
       color="black"
+      colorOnHover="white"
       disabled={false}
+      disabledBackgroundColor="white"
+      disabledColor="grey_medium"
       href="example.com/page/5"
       onClick={[Function]}
       selected={false}
+      selectedBackgroundColor="red"
+      selectedColor="white"
       target="_self"
     >
       5
@@ -182,12 +220,19 @@ exports[`renders correctly in full size with first page selected 1`] = `
   >
     <a
       aria-label="Next page"
+      backgroundColor="white"
+      backgroundColorOnHover="teal"
       className="c4"
       color="black"
+      colorOnHover="white"
       disabled={false}
+      disabledBackgroundColor="white"
+      disabledColor="grey_medium"
       href="example.com/page/2"
       onClick={[Function]}
       selected={false}
+      selectedBackgroundColor="red"
+      selectedColor="white"
       target="_self"
     >
       ›
@@ -198,12 +243,19 @@ exports[`renders correctly in full size with first page selected 1`] = `
   >
     <a
       aria-label="Last page"
+      backgroundColor="white"
+      backgroundColorOnHover="teal"
       className="c4"
       color="black"
+      colorOnHover="white"
       disabled={false}
+      disabledBackgroundColor="white"
+      disabledColor="grey_medium"
       href="example.com/page/5"
       onClick={[Function]}
       selected={false}
+      selectedBackgroundColor="red"
+      selectedColor="white"
       target="_self"
     >
       »
@@ -214,17 +266,9 @@ exports[`renders correctly in full size with first page selected 1`] = `
 
 exports[`renders correctly in full size with last page selected 1`] = `
 .c0 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
   padding-left: 0;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
   justify-content: center;
-  -webkit-flex-wrap: wrap;
-  -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   list-style-type: none;
 }
@@ -237,7 +281,6 @@ exports[`renders correctly in full size with last page selected 1`] = `
   padding: 9px 14px 9px 14px;
   border-radius: 30px;
   text-align: center;
-  -webkit-text-decoration: none;
   text-decoration: none;
   font-weight: 700;
   cursor: pointer;
@@ -254,7 +297,6 @@ exports[`renders correctly in full size with last page selected 1`] = `
   padding: 9px 14px 9px 14px;
   border-radius: 30px;
   text-align: center;
-  -webkit-text-decoration: none;
   text-decoration: none;
   font-weight: 700;
   cursor: default;
@@ -266,7 +308,6 @@ exports[`renders correctly in full size with last page selected 1`] = `
   padding: 9px 14px 9px 14px;
   border-radius: 30px;
   text-align: center;
-  -webkit-text-decoration: none;
   text-decoration: none;
   font-weight: 700;
   cursor: default;
@@ -282,12 +323,19 @@ exports[`renders correctly in full size with last page selected 1`] = `
   >
     <a
       aria-label="First page"
+      backgroundColor="white"
+      backgroundColorOnHover="teal"
       className="c2"
       color="black"
+      colorOnHover="white"
       disabled={false}
+      disabledBackgroundColor="white"
+      disabledColor="grey_medium"
       href="example.com/page/1"
       onClick={[Function]}
       selected={false}
+      selectedBackgroundColor="red"
+      selectedColor="white"
       target="_self"
     >
       «
@@ -298,12 +346,19 @@ exports[`renders correctly in full size with last page selected 1`] = `
   >
     <a
       aria-label="Previous page"
+      backgroundColor="white"
+      backgroundColorOnHover="teal"
       className="c2"
       color="black"
+      colorOnHover="white"
       disabled={false}
+      disabledBackgroundColor="white"
+      disabledColor="grey_medium"
       href="example.com/page/4"
       onClick={[Function]}
       selected={false}
+      selectedBackgroundColor="red"
+      selectedColor="white"
       target="_self"
     >
       ‹
@@ -314,12 +369,19 @@ exports[`renders correctly in full size with last page selected 1`] = `
   >
     <a
       aria-label="Page 1"
+      backgroundColor="white"
+      backgroundColorOnHover="teal"
       className="c2"
       color="black"
+      colorOnHover="white"
       disabled={false}
+      disabledBackgroundColor="white"
+      disabledColor="grey_medium"
       href="example.com/page/1"
       onClick={[Function]}
       selected={false}
+      selectedBackgroundColor="red"
+      selectedColor="white"
       target="_self"
     >
       1
@@ -330,12 +392,19 @@ exports[`renders correctly in full size with last page selected 1`] = `
   >
     <a
       aria-label="Page 2"
+      backgroundColor="white"
+      backgroundColorOnHover="teal"
       className="c2"
       color="black"
+      colorOnHover="white"
       disabled={false}
+      disabledBackgroundColor="white"
+      disabledColor="grey_medium"
       href="example.com/page/2"
       onClick={[Function]}
       selected={false}
+      selectedBackgroundColor="red"
+      selectedColor="white"
       target="_self"
     >
       2
@@ -346,12 +415,19 @@ exports[`renders correctly in full size with last page selected 1`] = `
   >
     <a
       aria-label="Page 3"
+      backgroundColor="white"
+      backgroundColorOnHover="teal"
       className="c2"
       color="black"
+      colorOnHover="white"
       disabled={false}
+      disabledBackgroundColor="white"
+      disabledColor="grey_medium"
       href="example.com/page/3"
       onClick={[Function]}
       selected={false}
+      selectedBackgroundColor="red"
+      selectedColor="white"
       target="_self"
     >
       3
@@ -362,12 +438,19 @@ exports[`renders correctly in full size with last page selected 1`] = `
   >
     <a
       aria-label="Page 4"
+      backgroundColor="white"
+      backgroundColorOnHover="teal"
       className="c2"
       color="black"
+      colorOnHover="white"
       disabled={false}
+      disabledBackgroundColor="white"
+      disabledColor="grey_medium"
       href="example.com/page/4"
       onClick={[Function]}
       selected={false}
+      selectedBackgroundColor="red"
+      selectedColor="white"
       target="_self"
     >
       4
@@ -378,12 +461,19 @@ exports[`renders correctly in full size with last page selected 1`] = `
   >
     <a
       aria-label="Page 5"
+      backgroundColor="white"
+      backgroundColorOnHover="teal"
       className="c3"
       color="black"
+      colorOnHover="white"
       disabled={false}
+      disabledBackgroundColor="white"
+      disabledColor="grey_medium"
       href={null}
       onClick={[Function]}
       selected={true}
+      selectedBackgroundColor="red"
+      selectedColor="white"
       target="_self"
     >
       5
@@ -394,12 +484,19 @@ exports[`renders correctly in full size with last page selected 1`] = `
   >
     <a
       aria-label="Next page"
+      backgroundColor="white"
+      backgroundColorOnHover="teal"
       className="c4"
       color="black"
+      colorOnHover="white"
       disabled={true}
+      disabledBackgroundColor="white"
+      disabledColor="grey_medium"
       href={null}
       onClick={[Function]}
       selected={false}
+      selectedBackgroundColor="red"
+      selectedColor="white"
       target="_self"
     >
       ›
@@ -410,12 +507,19 @@ exports[`renders correctly in full size with last page selected 1`] = `
   >
     <a
       aria-label="Last page"
+      backgroundColor="white"
+      backgroundColorOnHover="teal"
       className="c4"
       color="black"
+      colorOnHover="white"
       disabled={true}
+      disabledBackgroundColor="white"
+      disabledColor="grey_medium"
       href={null}
       onClick={[Function]}
       selected={true}
+      selectedBackgroundColor="red"
+      selectedColor="white"
       target="_self"
     >
       »
@@ -426,17 +530,9 @@ exports[`renders correctly in full size with last page selected 1`] = `
 
 exports[`renders correctly in full size with max pages less than current page 1`] = `
 .c0 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
   padding-left: 0;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
   justify-content: center;
-  -webkit-flex-wrap: wrap;
-  -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   list-style-type: none;
 }
@@ -449,7 +545,6 @@ exports[`renders correctly in full size with max pages less than current page 1`
   padding: 9px 14px 9px 14px;
   border-radius: 30px;
   text-align: center;
-  -webkit-text-decoration: none;
   text-decoration: none;
   font-weight: 700;
   cursor: pointer;
@@ -466,7 +561,6 @@ exports[`renders correctly in full size with max pages less than current page 1`
   padding: 9px 14px 9px 14px;
   border-radius: 30px;
   text-align: center;
-  -webkit-text-decoration: none;
   text-decoration: none;
   font-weight: 700;
   cursor: default;
@@ -478,7 +572,6 @@ exports[`renders correctly in full size with max pages less than current page 1`
   padding: 9px 14px 9px 14px;
   border-radius: 30px;
   text-align: center;
-  -webkit-text-decoration: none;
   text-decoration: none;
   font-weight: 700;
   cursor: default;
@@ -494,12 +587,19 @@ exports[`renders correctly in full size with max pages less than current page 1`
   >
     <a
       aria-label="First page"
+      backgroundColor="white"
+      backgroundColorOnHover="teal"
       className="c2"
       color="black"
+      colorOnHover="white"
       disabled={false}
+      disabledBackgroundColor="white"
+      disabledColor="grey_medium"
       href="example.com/page/1"
       onClick={[Function]}
       selected={false}
+      selectedBackgroundColor="red"
+      selectedColor="white"
       target="_self"
     >
       «
@@ -510,12 +610,19 @@ exports[`renders correctly in full size with max pages less than current page 1`
   >
     <a
       aria-label="Previous page"
+      backgroundColor="white"
+      backgroundColorOnHover="teal"
       className="c2"
       color="black"
+      colorOnHover="white"
       disabled={false}
+      disabledBackgroundColor="white"
+      disabledColor="grey_medium"
       href="example.com/page/18"
       onClick={[Function]}
       selected={false}
+      selectedBackgroundColor="red"
+      selectedColor="white"
       target="_self"
     >
       ‹
@@ -526,12 +633,19 @@ exports[`renders correctly in full size with max pages less than current page 1`
   >
     <a
       aria-label="More pages"
+      backgroundColor="white"
+      backgroundColorOnHover="teal"
       className="c3"
       color="black"
+      colorOnHover="white"
       disabled={true}
+      disabledBackgroundColor="white"
+      disabledColor="grey_medium"
       href={null}
       onClick={[Function]}
       selected={false}
+      selectedBackgroundColor="red"
+      selectedColor="white"
       target="_self"
     >
       ...
@@ -542,12 +656,19 @@ exports[`renders correctly in full size with max pages less than current page 1`
   >
     <a
       aria-label="Page 16"
+      backgroundColor="white"
+      backgroundColorOnHover="teal"
       className="c2"
       color="black"
+      colorOnHover="white"
       disabled={false}
+      disabledBackgroundColor="white"
+      disabledColor="grey_medium"
       href="example.com/page/16"
       onClick={[Function]}
       selected={false}
+      selectedBackgroundColor="red"
+      selectedColor="white"
       target="_self"
     >
       16
@@ -558,12 +679,19 @@ exports[`renders correctly in full size with max pages less than current page 1`
   >
     <a
       aria-label="Page 17"
+      backgroundColor="white"
+      backgroundColorOnHover="teal"
       className="c2"
       color="black"
+      colorOnHover="white"
       disabled={false}
+      disabledBackgroundColor="white"
+      disabledColor="grey_medium"
       href="example.com/page/17"
       onClick={[Function]}
       selected={false}
+      selectedBackgroundColor="red"
+      selectedColor="white"
       target="_self"
     >
       17
@@ -574,12 +702,19 @@ exports[`renders correctly in full size with max pages less than current page 1`
   >
     <a
       aria-label="Page 18"
+      backgroundColor="white"
+      backgroundColorOnHover="teal"
       className="c2"
       color="black"
+      colorOnHover="white"
       disabled={false}
+      disabledBackgroundColor="white"
+      disabledColor="grey_medium"
       href="example.com/page/18"
       onClick={[Function]}
       selected={false}
+      selectedBackgroundColor="red"
+      selectedColor="white"
       target="_self"
     >
       18
@@ -590,12 +725,19 @@ exports[`renders correctly in full size with max pages less than current page 1`
   >
     <a
       aria-label="Page 19"
+      backgroundColor="white"
+      backgroundColorOnHover="teal"
       className="c4"
       color="black"
+      colorOnHover="white"
       disabled={false}
+      disabledBackgroundColor="white"
+      disabledColor="grey_medium"
       href={null}
       onClick={[Function]}
       selected={true}
+      selectedBackgroundColor="red"
+      selectedColor="white"
       target="_self"
     >
       19
@@ -606,12 +748,19 @@ exports[`renders correctly in full size with max pages less than current page 1`
   >
     <a
       aria-label="Page 20"
+      backgroundColor="white"
+      backgroundColorOnHover="teal"
       className="c2"
       color="black"
+      colorOnHover="white"
       disabled={false}
+      disabledBackgroundColor="white"
+      disabledColor="grey_medium"
       href="example.com/page/20"
       onClick={[Function]}
       selected={false}
+      selectedBackgroundColor="red"
+      selectedColor="white"
       target="_self"
     >
       20
@@ -622,12 +771,19 @@ exports[`renders correctly in full size with max pages less than current page 1`
   >
     <a
       aria-label="Next page"
+      backgroundColor="white"
+      backgroundColorOnHover="teal"
       className="c2"
       color="black"
+      colorOnHover="white"
       disabled={false}
+      disabledBackgroundColor="white"
+      disabledColor="grey_medium"
       href="example.com/page/20"
       onClick={[Function]}
       selected={false}
+      selectedBackgroundColor="red"
+      selectedColor="white"
       target="_self"
     >
       ›
@@ -638,12 +794,19 @@ exports[`renders correctly in full size with max pages less than current page 1`
   >
     <a
       aria-label="Last page"
+      backgroundColor="white"
+      backgroundColorOnHover="teal"
       className="c2"
       color="black"
+      colorOnHover="white"
       disabled={false}
+      disabledBackgroundColor="white"
+      disabledColor="grey_medium"
       href="example.com/page/20"
       onClick={[Function]}
       selected={false}
+      selectedBackgroundColor="red"
+      selectedColor="white"
       target="_self"
     >
       »
@@ -654,17 +817,9 @@ exports[`renders correctly in full size with max pages less than current page 1`
 
 exports[`renders correctly in full size with max pages less than total pages 1`] = `
 .c0 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
   padding-left: 0;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
   justify-content: center;
-  -webkit-flex-wrap: wrap;
-  -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   list-style-type: none;
 }
@@ -677,7 +832,6 @@ exports[`renders correctly in full size with max pages less than total pages 1`]
   padding: 9px 14px 9px 14px;
   border-radius: 30px;
   text-align: center;
-  -webkit-text-decoration: none;
   text-decoration: none;
   font-weight: 700;
   cursor: pointer;
@@ -694,7 +848,6 @@ exports[`renders correctly in full size with max pages less than total pages 1`]
   padding: 9px 14px 9px 14px;
   border-radius: 30px;
   text-align: center;
-  -webkit-text-decoration: none;
   text-decoration: none;
   font-weight: 700;
   cursor: default;
@@ -706,7 +859,6 @@ exports[`renders correctly in full size with max pages less than total pages 1`]
   padding: 9px 14px 9px 14px;
   border-radius: 30px;
   text-align: center;
-  -webkit-text-decoration: none;
   text-decoration: none;
   font-weight: 700;
   cursor: default;
@@ -722,12 +874,19 @@ exports[`renders correctly in full size with max pages less than total pages 1`]
   >
     <a
       aria-label="First page"
+      backgroundColor="white"
+      backgroundColorOnHover="teal"
       className="c2"
       color="black"
+      colorOnHover="white"
       disabled={false}
+      disabledBackgroundColor="white"
+      disabledColor="grey_medium"
       href="example.com/page/1"
       onClick={[Function]}
       selected={false}
+      selectedBackgroundColor="red"
+      selectedColor="white"
       target="_self"
     >
       «
@@ -738,12 +897,19 @@ exports[`renders correctly in full size with max pages less than total pages 1`]
   >
     <a
       aria-label="Previous page"
+      backgroundColor="white"
+      backgroundColorOnHover="teal"
       className="c2"
       color="black"
+      colorOnHover="white"
       disabled={false}
+      disabledBackgroundColor="white"
+      disabledColor="grey_medium"
       href="example.com/page/1"
       onClick={[Function]}
       selected={false}
+      selectedBackgroundColor="red"
+      selectedColor="white"
       target="_self"
     >
       ‹
@@ -754,12 +920,19 @@ exports[`renders correctly in full size with max pages less than total pages 1`]
   >
     <a
       aria-label="Page 1"
+      backgroundColor="white"
+      backgroundColorOnHover="teal"
       className="c2"
       color="black"
+      colorOnHover="white"
       disabled={false}
+      disabledBackgroundColor="white"
+      disabledColor="grey_medium"
       href="example.com/page/1"
       onClick={[Function]}
       selected={false}
+      selectedBackgroundColor="red"
+      selectedColor="white"
       target="_self"
     >
       1
@@ -770,12 +943,19 @@ exports[`renders correctly in full size with max pages less than total pages 1`]
   >
     <a
       aria-label="Page 2"
+      backgroundColor="white"
+      backgroundColorOnHover="teal"
       className="c3"
       color="black"
+      colorOnHover="white"
       disabled={false}
+      disabledBackgroundColor="white"
+      disabledColor="grey_medium"
       href={null}
       onClick={[Function]}
       selected={true}
+      selectedBackgroundColor="red"
+      selectedColor="white"
       target="_self"
     >
       2
@@ -786,12 +966,19 @@ exports[`renders correctly in full size with max pages less than total pages 1`]
   >
     <a
       aria-label="Page 3"
+      backgroundColor="white"
+      backgroundColorOnHover="teal"
       className="c2"
       color="black"
+      colorOnHover="white"
       disabled={false}
+      disabledBackgroundColor="white"
+      disabledColor="grey_medium"
       href="example.com/page/3"
       onClick={[Function]}
       selected={false}
+      selectedBackgroundColor="red"
+      selectedColor="white"
       target="_self"
     >
       3
@@ -802,12 +989,19 @@ exports[`renders correctly in full size with max pages less than total pages 1`]
   >
     <a
       aria-label="Page 4"
+      backgroundColor="white"
+      backgroundColorOnHover="teal"
       className="c2"
       color="black"
+      colorOnHover="white"
       disabled={false}
+      disabledBackgroundColor="white"
+      disabledColor="grey_medium"
       href="example.com/page/4"
       onClick={[Function]}
       selected={false}
+      selectedBackgroundColor="red"
+      selectedColor="white"
       target="_self"
     >
       4
@@ -818,12 +1012,19 @@ exports[`renders correctly in full size with max pages less than total pages 1`]
   >
     <a
       aria-label="Page 5"
+      backgroundColor="white"
+      backgroundColorOnHover="teal"
       className="c2"
       color="black"
+      colorOnHover="white"
       disabled={false}
+      disabledBackgroundColor="white"
+      disabledColor="grey_medium"
       href="example.com/page/5"
       onClick={[Function]}
       selected={false}
+      selectedBackgroundColor="red"
+      selectedColor="white"
       target="_self"
     >
       5
@@ -834,12 +1035,19 @@ exports[`renders correctly in full size with max pages less than total pages 1`]
   >
     <a
       aria-label="Page 6"
+      backgroundColor="white"
+      backgroundColorOnHover="teal"
       className="c2"
       color="black"
+      colorOnHover="white"
       disabled={false}
+      disabledBackgroundColor="white"
+      disabledColor="grey_medium"
       href="example.com/page/6"
       onClick={[Function]}
       selected={false}
+      selectedBackgroundColor="red"
+      selectedColor="white"
       target="_self"
     >
       6
@@ -850,12 +1058,19 @@ exports[`renders correctly in full size with max pages less than total pages 1`]
   >
     <a
       aria-label="More pages"
+      backgroundColor="white"
+      backgroundColorOnHover="teal"
       className="c4"
       color="black"
+      colorOnHover="white"
       disabled={true}
+      disabledBackgroundColor="white"
+      disabledColor="grey_medium"
       href={null}
       onClick={[Function]}
       selected={false}
+      selectedBackgroundColor="red"
+      selectedColor="white"
       target="_self"
     >
       ...
@@ -866,12 +1081,19 @@ exports[`renders correctly in full size with max pages less than total pages 1`]
   >
     <a
       aria-label="Next page"
+      backgroundColor="white"
+      backgroundColorOnHover="teal"
       className="c2"
       color="black"
+      colorOnHover="white"
       disabled={false}
+      disabledBackgroundColor="white"
+      disabledColor="grey_medium"
       href="example.com/page/3"
       onClick={[Function]}
       selected={false}
+      selectedBackgroundColor="red"
+      selectedColor="white"
       target="_self"
     >
       ›
@@ -882,12 +1104,19 @@ exports[`renders correctly in full size with max pages less than total pages 1`]
   >
     <a
       aria-label="Last page"
+      backgroundColor="white"
+      backgroundColorOnHover="teal"
       className="c2"
       color="black"
+      colorOnHover="white"
       disabled={false}
+      disabledBackgroundColor="white"
+      disabledColor="grey_medium"
       href="example.com/page/10"
       onClick={[Function]}
       selected={false}
+      selectedBackgroundColor="red"
+      selectedColor="white"
       target="_self"
     >
       »
@@ -898,17 +1127,9 @@ exports[`renders correctly in full size with max pages less than total pages 1`]
 
 exports[`renders correctly in full size with max pages more than total pages 1`] = `
 .c0 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
   padding-left: 0;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
   justify-content: center;
-  -webkit-flex-wrap: wrap;
-  -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   list-style-type: none;
 }
@@ -921,7 +1142,6 @@ exports[`renders correctly in full size with max pages more than total pages 1`]
   padding: 9px 14px 9px 14px;
   border-radius: 30px;
   text-align: center;
-  -webkit-text-decoration: none;
   text-decoration: none;
   font-weight: 700;
   cursor: pointer;
@@ -938,7 +1158,6 @@ exports[`renders correctly in full size with max pages more than total pages 1`]
   padding: 9px 14px 9px 14px;
   border-radius: 30px;
   text-align: center;
-  -webkit-text-decoration: none;
   text-decoration: none;
   font-weight: 700;
   cursor: default;
@@ -954,12 +1173,19 @@ exports[`renders correctly in full size with max pages more than total pages 1`]
   >
     <a
       aria-label="First page"
+      backgroundColor="white"
+      backgroundColorOnHover="teal"
       className="c2"
       color="black"
+      colorOnHover="white"
       disabled={false}
+      disabledBackgroundColor="white"
+      disabledColor="grey_medium"
       href="example.com/page/1"
       onClick={[Function]}
       selected={false}
+      selectedBackgroundColor="red"
+      selectedColor="white"
       target="_self"
     >
       «
@@ -970,12 +1196,19 @@ exports[`renders correctly in full size with max pages more than total pages 1`]
   >
     <a
       aria-label="Previous page"
+      backgroundColor="white"
+      backgroundColorOnHover="teal"
       className="c2"
       color="black"
+      colorOnHover="white"
       disabled={false}
+      disabledBackgroundColor="white"
+      disabledColor="grey_medium"
       href="example.com/page/3"
       onClick={[Function]}
       selected={false}
+      selectedBackgroundColor="red"
+      selectedColor="white"
       target="_self"
     >
       ‹
@@ -986,12 +1219,19 @@ exports[`renders correctly in full size with max pages more than total pages 1`]
   >
     <a
       aria-label="Page 1"
+      backgroundColor="white"
+      backgroundColorOnHover="teal"
       className="c2"
       color="black"
+      colorOnHover="white"
       disabled={false}
+      disabledBackgroundColor="white"
+      disabledColor="grey_medium"
       href="example.com/page/1"
       onClick={[Function]}
       selected={false}
+      selectedBackgroundColor="red"
+      selectedColor="white"
       target="_self"
     >
       1
@@ -1002,12 +1242,19 @@ exports[`renders correctly in full size with max pages more than total pages 1`]
   >
     <a
       aria-label="Page 2"
+      backgroundColor="white"
+      backgroundColorOnHover="teal"
       className="c2"
       color="black"
+      colorOnHover="white"
       disabled={false}
+      disabledBackgroundColor="white"
+      disabledColor="grey_medium"
       href="example.com/page/2"
       onClick={[Function]}
       selected={false}
+      selectedBackgroundColor="red"
+      selectedColor="white"
       target="_self"
     >
       2
@@ -1018,12 +1265,19 @@ exports[`renders correctly in full size with max pages more than total pages 1`]
   >
     <a
       aria-label="Page 3"
+      backgroundColor="white"
+      backgroundColorOnHover="teal"
       className="c2"
       color="black"
+      colorOnHover="white"
       disabled={false}
+      disabledBackgroundColor="white"
+      disabledColor="grey_medium"
       href="example.com/page/3"
       onClick={[Function]}
       selected={false}
+      selectedBackgroundColor="red"
+      selectedColor="white"
       target="_self"
     >
       3
@@ -1034,12 +1288,19 @@ exports[`renders correctly in full size with max pages more than total pages 1`]
   >
     <a
       aria-label="Page 4"
+      backgroundColor="white"
+      backgroundColorOnHover="teal"
       className="c3"
       color="black"
+      colorOnHover="white"
       disabled={false}
+      disabledBackgroundColor="white"
+      disabledColor="grey_medium"
       href={null}
       onClick={[Function]}
       selected={true}
+      selectedBackgroundColor="red"
+      selectedColor="white"
       target="_self"
     >
       4
@@ -1050,12 +1311,19 @@ exports[`renders correctly in full size with max pages more than total pages 1`]
   >
     <a
       aria-label="Page 5"
+      backgroundColor="white"
+      backgroundColorOnHover="teal"
       className="c2"
       color="black"
+      colorOnHover="white"
       disabled={false}
+      disabledBackgroundColor="white"
+      disabledColor="grey_medium"
       href="example.com/page/5"
       onClick={[Function]}
       selected={false}
+      selectedBackgroundColor="red"
+      selectedColor="white"
       target="_self"
     >
       5
@@ -1066,12 +1334,19 @@ exports[`renders correctly in full size with max pages more than total pages 1`]
   >
     <a
       aria-label="Page 6"
+      backgroundColor="white"
+      backgroundColorOnHover="teal"
       className="c2"
       color="black"
+      colorOnHover="white"
       disabled={false}
+      disabledBackgroundColor="white"
+      disabledColor="grey_medium"
       href="example.com/page/6"
       onClick={[Function]}
       selected={false}
+      selectedBackgroundColor="red"
+      selectedColor="white"
       target="_self"
     >
       6
@@ -1082,12 +1357,19 @@ exports[`renders correctly in full size with max pages more than total pages 1`]
   >
     <a
       aria-label="Next page"
+      backgroundColor="white"
+      backgroundColorOnHover="teal"
       className="c2"
       color="black"
+      colorOnHover="white"
       disabled={false}
+      disabledBackgroundColor="white"
+      disabledColor="grey_medium"
       href="example.com/page/5"
       onClick={[Function]}
       selected={false}
+      selectedBackgroundColor="red"
+      selectedColor="white"
       target="_self"
     >
       ›
@@ -1098,12 +1380,19 @@ exports[`renders correctly in full size with max pages more than total pages 1`]
   >
     <a
       aria-label="Last page"
+      backgroundColor="white"
+      backgroundColorOnHover="teal"
       className="c2"
       color="black"
+      colorOnHover="white"
       disabled={false}
+      disabledBackgroundColor="white"
+      disabledColor="grey_medium"
       href="example.com/page/6"
       onClick={[Function]}
       selected={false}
+      selectedBackgroundColor="red"
+      selectedColor="white"
       target="_self"
     >
       »
@@ -1114,17 +1403,9 @@ exports[`renders correctly in full size with max pages more than total pages 1`]
 
 exports[`renders correctly in full size with more on both sides 1`] = `
 .c0 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
   padding-left: 0;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
   justify-content: center;
-  -webkit-flex-wrap: wrap;
-  -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   list-style-type: none;
 }
@@ -1137,7 +1418,6 @@ exports[`renders correctly in full size with more on both sides 1`] = `
   padding: 9px 14px 9px 14px;
   border-radius: 30px;
   text-align: center;
-  -webkit-text-decoration: none;
   text-decoration: none;
   font-weight: 700;
   cursor: pointer;
@@ -1154,7 +1434,6 @@ exports[`renders correctly in full size with more on both sides 1`] = `
   padding: 9px 14px 9px 14px;
   border-radius: 30px;
   text-align: center;
-  -webkit-text-decoration: none;
   text-decoration: none;
   font-weight: 700;
   cursor: default;
@@ -1166,7 +1445,6 @@ exports[`renders correctly in full size with more on both sides 1`] = `
   padding: 9px 14px 9px 14px;
   border-radius: 30px;
   text-align: center;
-  -webkit-text-decoration: none;
   text-decoration: none;
   font-weight: 700;
   cursor: default;
@@ -1182,12 +1460,19 @@ exports[`renders correctly in full size with more on both sides 1`] = `
   >
     <a
       aria-label="First page"
+      backgroundColor="white"
+      backgroundColorOnHover="teal"
       className="c2"
       color="black"
+      colorOnHover="white"
       disabled={false}
+      disabledBackgroundColor="white"
+      disabledColor="grey_medium"
       href="example.com/page/1"
       onClick={[Function]}
       selected={false}
+      selectedBackgroundColor="red"
+      selectedColor="white"
       target="_self"
     >
       «
@@ -1198,12 +1483,19 @@ exports[`renders correctly in full size with more on both sides 1`] = `
   >
     <a
       aria-label="Previous page"
+      backgroundColor="white"
+      backgroundColorOnHover="teal"
       className="c2"
       color="black"
+      colorOnHover="white"
       disabled={false}
+      disabledBackgroundColor="white"
+      disabledColor="grey_medium"
       href="example.com/page/3"
       onClick={[Function]}
       selected={false}
+      selectedBackgroundColor="red"
+      selectedColor="white"
       target="_self"
     >
       ‹
@@ -1214,12 +1506,19 @@ exports[`renders correctly in full size with more on both sides 1`] = `
   >
     <a
       aria-label="More pages"
+      backgroundColor="white"
+      backgroundColorOnHover="teal"
       className="c3"
       color="black"
+      colorOnHover="white"
       disabled={true}
+      disabledBackgroundColor="white"
+      disabledColor="grey_medium"
       href={null}
       onClick={[Function]}
       selected={false}
+      selectedBackgroundColor="red"
+      selectedColor="white"
       target="_self"
     >
       ...
@@ -1230,12 +1529,19 @@ exports[`renders correctly in full size with more on both sides 1`] = `
   >
     <a
       aria-label="Page 2"
+      backgroundColor="white"
+      backgroundColorOnHover="teal"
       className="c2"
       color="black"
+      colorOnHover="white"
       disabled={false}
+      disabledBackgroundColor="white"
+      disabledColor="grey_medium"
       href="example.com/page/2"
       onClick={[Function]}
       selected={false}
+      selectedBackgroundColor="red"
+      selectedColor="white"
       target="_self"
     >
       2
@@ -1246,12 +1552,19 @@ exports[`renders correctly in full size with more on both sides 1`] = `
   >
     <a
       aria-label="Page 3"
+      backgroundColor="white"
+      backgroundColorOnHover="teal"
       className="c2"
       color="black"
+      colorOnHover="white"
       disabled={false}
+      disabledBackgroundColor="white"
+      disabledColor="grey_medium"
       href="example.com/page/3"
       onClick={[Function]}
       selected={false}
+      selectedBackgroundColor="red"
+      selectedColor="white"
       target="_self"
     >
       3
@@ -1262,12 +1575,19 @@ exports[`renders correctly in full size with more on both sides 1`] = `
   >
     <a
       aria-label="Page 4"
+      backgroundColor="white"
+      backgroundColorOnHover="teal"
       className="c4"
       color="black"
+      colorOnHover="white"
       disabled={false}
+      disabledBackgroundColor="white"
+      disabledColor="grey_medium"
       href={null}
       onClick={[Function]}
       selected={true}
+      selectedBackgroundColor="red"
+      selectedColor="white"
       target="_self"
     >
       4
@@ -1278,12 +1598,19 @@ exports[`renders correctly in full size with more on both sides 1`] = `
   >
     <a
       aria-label="Page 5"
+      backgroundColor="white"
+      backgroundColorOnHover="teal"
       className="c2"
       color="black"
+      colorOnHover="white"
       disabled={false}
+      disabledBackgroundColor="white"
+      disabledColor="grey_medium"
       href="example.com/page/5"
       onClick={[Function]}
       selected={false}
+      selectedBackgroundColor="red"
+      selectedColor="white"
       target="_self"
     >
       5
@@ -1294,12 +1621,19 @@ exports[`renders correctly in full size with more on both sides 1`] = `
   >
     <a
       aria-label="Page 6"
+      backgroundColor="white"
+      backgroundColorOnHover="teal"
       className="c2"
       color="black"
+      colorOnHover="white"
       disabled={false}
+      disabledBackgroundColor="white"
+      disabledColor="grey_medium"
       href="example.com/page/6"
       onClick={[Function]}
       selected={false}
+      selectedBackgroundColor="red"
+      selectedColor="white"
       target="_self"
     >
       6
@@ -1310,12 +1644,19 @@ exports[`renders correctly in full size with more on both sides 1`] = `
   >
     <a
       aria-label="More pages"
+      backgroundColor="white"
+      backgroundColorOnHover="teal"
       className="c3"
       color="black"
+      colorOnHover="white"
       disabled={true}
+      disabledBackgroundColor="white"
+      disabledColor="grey_medium"
       href={null}
       onClick={[Function]}
       selected={false}
+      selectedBackgroundColor="red"
+      selectedColor="white"
       target="_self"
     >
       ...
@@ -1326,12 +1667,19 @@ exports[`renders correctly in full size with more on both sides 1`] = `
   >
     <a
       aria-label="Next page"
+      backgroundColor="white"
+      backgroundColorOnHover="teal"
       className="c2"
       color="black"
+      colorOnHover="white"
       disabled={false}
+      disabledBackgroundColor="white"
+      disabledColor="grey_medium"
       href="example.com/page/5"
       onClick={[Function]}
       selected={false}
+      selectedBackgroundColor="red"
+      selectedColor="white"
       target="_self"
     >
       ›
@@ -1342,12 +1690,19 @@ exports[`renders correctly in full size with more on both sides 1`] = `
   >
     <a
       aria-label="Last page"
+      backgroundColor="white"
+      backgroundColorOnHover="teal"
       className="c2"
       color="black"
+      colorOnHover="white"
       disabled={false}
+      disabledBackgroundColor="white"
+      disabledColor="grey_medium"
       href="example.com/page/7"
       onClick={[Function]}
       selected={false}
+      selectedBackgroundColor="red"
+      selectedColor="white"
       target="_self"
     >
       »
@@ -1358,17 +1713,9 @@ exports[`renders correctly in full size with more on both sides 1`] = `
 
 exports[`renders correctly in full size with more on left 1`] = `
 .c0 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
   padding-left: 0;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
   justify-content: center;
-  -webkit-flex-wrap: wrap;
-  -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   list-style-type: none;
 }
@@ -1381,7 +1728,6 @@ exports[`renders correctly in full size with more on left 1`] = `
   padding: 9px 14px 9px 14px;
   border-radius: 30px;
   text-align: center;
-  -webkit-text-decoration: none;
   text-decoration: none;
   font-weight: 700;
   cursor: pointer;
@@ -1398,7 +1744,6 @@ exports[`renders correctly in full size with more on left 1`] = `
   padding: 9px 14px 9px 14px;
   border-radius: 30px;
   text-align: center;
-  -webkit-text-decoration: none;
   text-decoration: none;
   font-weight: 700;
   cursor: default;
@@ -1410,7 +1755,6 @@ exports[`renders correctly in full size with more on left 1`] = `
   padding: 9px 14px 9px 14px;
   border-radius: 30px;
   text-align: center;
-  -webkit-text-decoration: none;
   text-decoration: none;
   font-weight: 700;
   cursor: default;
@@ -1426,12 +1770,19 @@ exports[`renders correctly in full size with more on left 1`] = `
   >
     <a
       aria-label="First page"
+      backgroundColor="white"
+      backgroundColorOnHover="teal"
       className="c2"
       color="black"
+      colorOnHover="white"
       disabled={false}
+      disabledBackgroundColor="white"
+      disabledColor="grey_medium"
       href="example.com/page/1"
       onClick={[Function]}
       selected={false}
+      selectedBackgroundColor="red"
+      selectedColor="white"
       target="_self"
     >
       «
@@ -1442,12 +1793,19 @@ exports[`renders correctly in full size with more on left 1`] = `
   >
     <a
       aria-label="Previous page"
+      backgroundColor="white"
+      backgroundColorOnHover="teal"
       className="c2"
       color="black"
+      colorOnHover="white"
       disabled={false}
+      disabledBackgroundColor="white"
+      disabledColor="grey_medium"
       href="example.com/page/3"
       onClick={[Function]}
       selected={false}
+      selectedBackgroundColor="red"
+      selectedColor="white"
       target="_self"
     >
       ‹
@@ -1458,12 +1816,19 @@ exports[`renders correctly in full size with more on left 1`] = `
   >
     <a
       aria-label="More pages"
+      backgroundColor="white"
+      backgroundColorOnHover="teal"
       className="c3"
       color="black"
+      colorOnHover="white"
       disabled={true}
+      disabledBackgroundColor="white"
+      disabledColor="grey_medium"
       href={null}
       onClick={[Function]}
       selected={false}
+      selectedBackgroundColor="red"
+      selectedColor="white"
       target="_self"
     >
       ...
@@ -1474,12 +1839,19 @@ exports[`renders correctly in full size with more on left 1`] = `
   >
     <a
       aria-label="Page 2"
+      backgroundColor="white"
+      backgroundColorOnHover="teal"
       className="c2"
       color="black"
+      colorOnHover="white"
       disabled={false}
+      disabledBackgroundColor="white"
+      disabledColor="grey_medium"
       href="example.com/page/2"
       onClick={[Function]}
       selected={false}
+      selectedBackgroundColor="red"
+      selectedColor="white"
       target="_self"
     >
       2
@@ -1490,12 +1862,19 @@ exports[`renders correctly in full size with more on left 1`] = `
   >
     <a
       aria-label="Page 3"
+      backgroundColor="white"
+      backgroundColorOnHover="teal"
       className="c2"
       color="black"
+      colorOnHover="white"
       disabled={false}
+      disabledBackgroundColor="white"
+      disabledColor="grey_medium"
       href="example.com/page/3"
       onClick={[Function]}
       selected={false}
+      selectedBackgroundColor="red"
+      selectedColor="white"
       target="_self"
     >
       3
@@ -1506,12 +1885,19 @@ exports[`renders correctly in full size with more on left 1`] = `
   >
     <a
       aria-label="Page 4"
+      backgroundColor="white"
+      backgroundColorOnHover="teal"
       className="c4"
       color="black"
+      colorOnHover="white"
       disabled={false}
+      disabledBackgroundColor="white"
+      disabledColor="grey_medium"
       href={null}
       onClick={[Function]}
       selected={true}
+      selectedBackgroundColor="red"
+      selectedColor="white"
       target="_self"
     >
       4
@@ -1522,12 +1908,19 @@ exports[`renders correctly in full size with more on left 1`] = `
   >
     <a
       aria-label="Page 5"
+      backgroundColor="white"
+      backgroundColorOnHover="teal"
       className="c2"
       color="black"
+      colorOnHover="white"
       disabled={false}
+      disabledBackgroundColor="white"
+      disabledColor="grey_medium"
       href="example.com/page/5"
       onClick={[Function]}
       selected={false}
+      selectedBackgroundColor="red"
+      selectedColor="white"
       target="_self"
     >
       5
@@ -1538,12 +1931,19 @@ exports[`renders correctly in full size with more on left 1`] = `
   >
     <a
       aria-label="Page 6"
+      backgroundColor="white"
+      backgroundColorOnHover="teal"
       className="c2"
       color="black"
+      colorOnHover="white"
       disabled={false}
+      disabledBackgroundColor="white"
+      disabledColor="grey_medium"
       href="example.com/page/6"
       onClick={[Function]}
       selected={false}
+      selectedBackgroundColor="red"
+      selectedColor="white"
       target="_self"
     >
       6
@@ -1554,12 +1954,19 @@ exports[`renders correctly in full size with more on left 1`] = `
   >
     <a
       aria-label="Next page"
+      backgroundColor="white"
+      backgroundColorOnHover="teal"
       className="c2"
       color="black"
+      colorOnHover="white"
       disabled={false}
+      disabledBackgroundColor="white"
+      disabledColor="grey_medium"
       href="example.com/page/5"
       onClick={[Function]}
       selected={false}
+      selectedBackgroundColor="red"
+      selectedColor="white"
       target="_self"
     >
       ›
@@ -1570,12 +1977,19 @@ exports[`renders correctly in full size with more on left 1`] = `
   >
     <a
       aria-label="Last page"
+      backgroundColor="white"
+      backgroundColorOnHover="teal"
       className="c2"
       color="black"
+      colorOnHover="white"
       disabled={false}
+      disabledBackgroundColor="white"
+      disabledColor="grey_medium"
       href="example.com/page/6"
       onClick={[Function]}
       selected={false}
+      selectedBackgroundColor="red"
+      selectedColor="white"
       target="_self"
     >
       »
@@ -1586,17 +2000,9 @@ exports[`renders correctly in full size with more on left 1`] = `
 
 exports[`renders correctly in full size with more on right 1`] = `
 .c0 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
   padding-left: 0;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
   justify-content: center;
-  -webkit-flex-wrap: wrap;
-  -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   list-style-type: none;
 }
@@ -1609,7 +2015,6 @@ exports[`renders correctly in full size with more on right 1`] = `
   padding: 9px 14px 9px 14px;
   border-radius: 30px;
   text-align: center;
-  -webkit-text-decoration: none;
   text-decoration: none;
   font-weight: 700;
   cursor: pointer;
@@ -1626,7 +2031,6 @@ exports[`renders correctly in full size with more on right 1`] = `
   padding: 9px 14px 9px 14px;
   border-radius: 30px;
   text-align: center;
-  -webkit-text-decoration: none;
   text-decoration: none;
   font-weight: 700;
   cursor: default;
@@ -1638,7 +2042,6 @@ exports[`renders correctly in full size with more on right 1`] = `
   padding: 9px 14px 9px 14px;
   border-radius: 30px;
   text-align: center;
-  -webkit-text-decoration: none;
   text-decoration: none;
   font-weight: 700;
   cursor: default;
@@ -1654,12 +2057,19 @@ exports[`renders correctly in full size with more on right 1`] = `
   >
     <a
       aria-label="First page"
+      backgroundColor="white"
+      backgroundColorOnHover="teal"
       className="c2"
       color="black"
+      colorOnHover="white"
       disabled={false}
+      disabledBackgroundColor="white"
+      disabledColor="grey_medium"
       href="example.com/page/1"
       onClick={[Function]}
       selected={false}
+      selectedBackgroundColor="red"
+      selectedColor="white"
       target="_self"
     >
       «
@@ -1670,12 +2080,19 @@ exports[`renders correctly in full size with more on right 1`] = `
   >
     <a
       aria-label="Previous page"
+      backgroundColor="white"
+      backgroundColorOnHover="teal"
       className="c2"
       color="black"
+      colorOnHover="white"
       disabled={false}
+      disabledBackgroundColor="white"
+      disabledColor="grey_medium"
       href="example.com/page/2"
       onClick={[Function]}
       selected={false}
+      selectedBackgroundColor="red"
+      selectedColor="white"
       target="_self"
     >
       ‹
@@ -1686,12 +2103,19 @@ exports[`renders correctly in full size with more on right 1`] = `
   >
     <a
       aria-label="Page 1"
+      backgroundColor="white"
+      backgroundColorOnHover="teal"
       className="c2"
       color="black"
+      colorOnHover="white"
       disabled={false}
+      disabledBackgroundColor="white"
+      disabledColor="grey_medium"
       href="example.com/page/1"
       onClick={[Function]}
       selected={false}
+      selectedBackgroundColor="red"
+      selectedColor="white"
       target="_self"
     >
       1
@@ -1702,12 +2126,19 @@ exports[`renders correctly in full size with more on right 1`] = `
   >
     <a
       aria-label="Page 2"
+      backgroundColor="white"
+      backgroundColorOnHover="teal"
       className="c2"
       color="black"
+      colorOnHover="white"
       disabled={false}
+      disabledBackgroundColor="white"
+      disabledColor="grey_medium"
       href="example.com/page/2"
       onClick={[Function]}
       selected={false}
+      selectedBackgroundColor="red"
+      selectedColor="white"
       target="_self"
     >
       2
@@ -1718,12 +2149,19 @@ exports[`renders correctly in full size with more on right 1`] = `
   >
     <a
       aria-label="Page 3"
+      backgroundColor="white"
+      backgroundColorOnHover="teal"
       className="c3"
       color="black"
+      colorOnHover="white"
       disabled={false}
+      disabledBackgroundColor="white"
+      disabledColor="grey_medium"
       href={null}
       onClick={[Function]}
       selected={true}
+      selectedBackgroundColor="red"
+      selectedColor="white"
       target="_self"
     >
       3
@@ -1734,12 +2172,19 @@ exports[`renders correctly in full size with more on right 1`] = `
   >
     <a
       aria-label="Page 4"
+      backgroundColor="white"
+      backgroundColorOnHover="teal"
       className="c2"
       color="black"
+      colorOnHover="white"
       disabled={false}
+      disabledBackgroundColor="white"
+      disabledColor="grey_medium"
       href="example.com/page/4"
       onClick={[Function]}
       selected={false}
+      selectedBackgroundColor="red"
+      selectedColor="white"
       target="_self"
     >
       4
@@ -1750,12 +2195,19 @@ exports[`renders correctly in full size with more on right 1`] = `
   >
     <a
       aria-label="Page 5"
+      backgroundColor="white"
+      backgroundColorOnHover="teal"
       className="c2"
       color="black"
+      colorOnHover="white"
       disabled={false}
+      disabledBackgroundColor="white"
+      disabledColor="grey_medium"
       href="example.com/page/5"
       onClick={[Function]}
       selected={false}
+      selectedBackgroundColor="red"
+      selectedColor="white"
       target="_self"
     >
       5
@@ -1766,12 +2218,19 @@ exports[`renders correctly in full size with more on right 1`] = `
   >
     <a
       aria-label="More pages"
+      backgroundColor="white"
+      backgroundColorOnHover="teal"
       className="c4"
       color="black"
+      colorOnHover="white"
       disabled={true}
+      disabledBackgroundColor="white"
+      disabledColor="grey_medium"
       href={null}
       onClick={[Function]}
       selected={false}
+      selectedBackgroundColor="red"
+      selectedColor="white"
       target="_self"
     >
       ...
@@ -1782,12 +2241,19 @@ exports[`renders correctly in full size with more on right 1`] = `
   >
     <a
       aria-label="Next page"
+      backgroundColor="white"
+      backgroundColorOnHover="teal"
       className="c2"
       color="black"
+      colorOnHover="white"
       disabled={false}
+      disabledBackgroundColor="white"
+      disabledColor="grey_medium"
       href="example.com/page/4"
       onClick={[Function]}
       selected={false}
+      selectedBackgroundColor="red"
+      selectedColor="white"
       target="_self"
     >
       ›
@@ -1798,12 +2264,19 @@ exports[`renders correctly in full size with more on right 1`] = `
   >
     <a
       aria-label="Last page"
+      backgroundColor="white"
+      backgroundColorOnHover="teal"
       className="c2"
       color="black"
+      colorOnHover="white"
       disabled={false}
+      disabledBackgroundColor="white"
+      disabledColor="grey_medium"
       href="example.com/page/6"
       onClick={[Function]}
       selected={false}
+      selectedBackgroundColor="red"
+      selectedColor="white"
       target="_self"
     >
       »
@@ -1814,17 +2287,9 @@ exports[`renders correctly in full size with more on right 1`] = `
 
 exports[`renders correctly in minimalist form 1`] = `
 .c0 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
   padding-left: 0;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
   justify-content: center;
-  -webkit-flex-wrap: wrap;
-  -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   list-style-type: none;
 }
@@ -1837,7 +2302,6 @@ exports[`renders correctly in minimalist form 1`] = `
   padding: 9px 14px 9px 14px;
   border-radius: 30px;
   text-align: center;
-  -webkit-text-decoration: none;
   text-decoration: none;
   font-weight: 700;
   cursor: pointer;
@@ -1854,7 +2318,6 @@ exports[`renders correctly in minimalist form 1`] = `
   padding: 9px 14px 9px 14px;
   border-radius: 30px;
   text-align: center;
-  -webkit-text-decoration: none;
   text-decoration: none;
   font-weight: 700;
   cursor: default;
@@ -1870,12 +2333,19 @@ exports[`renders correctly in minimalist form 1`] = `
   >
     <a
       aria-label="Page 1"
+      backgroundColor="white"
+      backgroundColorOnHover="teal"
       className="c2"
       color="black"
+      colorOnHover="white"
       disabled={false}
+      disabledBackgroundColor="white"
+      disabledColor="grey_medium"
       href="example.com/page/1"
       onClick={[Function]}
       selected={false}
+      selectedBackgroundColor="red"
+      selectedColor="white"
       target="_self"
     >
       1
@@ -1886,12 +2356,19 @@ exports[`renders correctly in minimalist form 1`] = `
   >
     <a
       aria-label="Page 2"
+      backgroundColor="white"
+      backgroundColorOnHover="teal"
       className="c2"
       color="black"
+      colorOnHover="white"
       disabled={false}
+      disabledBackgroundColor="white"
+      disabledColor="grey_medium"
       href="example.com/page/2"
       onClick={[Function]}
       selected={false}
+      selectedBackgroundColor="red"
+      selectedColor="white"
       target="_self"
     >
       2
@@ -1902,12 +2379,19 @@ exports[`renders correctly in minimalist form 1`] = `
   >
     <a
       aria-label="Page 3"
+      backgroundColor="white"
+      backgroundColorOnHover="teal"
       className="c3"
       color="black"
+      colorOnHover="white"
       disabled={false}
+      disabledBackgroundColor="white"
+      disabledColor="grey_medium"
       href={null}
       onClick={[Function]}
       selected={true}
+      selectedBackgroundColor="red"
+      selectedColor="white"
       target="_self"
     >
       3
@@ -1918,12 +2402,19 @@ exports[`renders correctly in minimalist form 1`] = `
   >
     <a
       aria-label="Page 4"
+      backgroundColor="white"
+      backgroundColorOnHover="teal"
       className="c2"
       color="black"
+      colorOnHover="white"
       disabled={false}
+      disabledBackgroundColor="white"
+      disabledColor="grey_medium"
       href="example.com/page/4"
       onClick={[Function]}
       selected={false}
+      selectedBackgroundColor="red"
+      selectedColor="white"
       target="_self"
     >
       4
@@ -1934,12 +2425,19 @@ exports[`renders correctly in minimalist form 1`] = `
   >
     <a
       aria-label="Page 5"
+      backgroundColor="white"
+      backgroundColorOnHover="teal"
       className="c2"
       color="black"
+      colorOnHover="white"
       disabled={false}
+      disabledBackgroundColor="white"
+      disabledColor="grey_medium"
       href="example.com/page/5"
       onClick={[Function]}
       selected={false}
+      selectedBackgroundColor="red"
+      selectedColor="white"
       target="_self"
     >
       5
@@ -1950,17 +2448,9 @@ exports[`renders correctly in minimalist form 1`] = `
 
 exports[`renders correctly in minimalist form with non-default color 1`] = `
 .c0 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
   padding-left: 0;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
   justify-content: center;
-  -webkit-flex-wrap: wrap;
-  -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   list-style-type: none;
 }
@@ -1973,7 +2463,6 @@ exports[`renders correctly in minimalist form with non-default color 1`] = `
   padding: 9px 14px 9px 14px;
   border-radius: 30px;
   text-align: center;
-  -webkit-text-decoration: none;
   text-decoration: none;
   font-weight: 700;
   cursor: pointer;
@@ -1990,7 +2479,6 @@ exports[`renders correctly in minimalist form with non-default color 1`] = `
   padding: 9px 14px 9px 14px;
   border-radius: 30px;
   text-align: center;
-  -webkit-text-decoration: none;
   text-decoration: none;
   font-weight: 700;
   cursor: default;
@@ -2006,12 +2494,19 @@ exports[`renders correctly in minimalist form with non-default color 1`] = `
   >
     <a
       aria-label="Page 1"
+      backgroundColor="white"
+      backgroundColorOnHover="teal"
       className="c2"
       color="black"
+      colorOnHover="white"
       disabled={false}
+      disabledBackgroundColor="white"
+      disabledColor="grey_medium"
       href="example.com/page/1"
       onClick={[Function]}
       selected={false}
+      selectedBackgroundColor="blue"
+      selectedColor="white"
       target="_self"
     >
       1
@@ -2022,12 +2517,19 @@ exports[`renders correctly in minimalist form with non-default color 1`] = `
   >
     <a
       aria-label="Page 2"
+      backgroundColor="white"
+      backgroundColorOnHover="teal"
       className="c2"
       color="black"
+      colorOnHover="white"
       disabled={false}
+      disabledBackgroundColor="white"
+      disabledColor="grey_medium"
       href="example.com/page/2"
       onClick={[Function]}
       selected={false}
+      selectedBackgroundColor="blue"
+      selectedColor="white"
       target="_self"
     >
       2
@@ -2038,12 +2540,19 @@ exports[`renders correctly in minimalist form with non-default color 1`] = `
   >
     <a
       aria-label="Page 3"
+      backgroundColor="white"
+      backgroundColorOnHover="teal"
       className="c3"
       color="black"
+      colorOnHover="white"
       disabled={false}
+      disabledBackgroundColor="white"
+      disabledColor="grey_medium"
       href={null}
       onClick={[Function]}
       selected={true}
+      selectedBackgroundColor="blue"
+      selectedColor="white"
       target="_self"
     >
       3
@@ -2054,12 +2563,19 @@ exports[`renders correctly in minimalist form with non-default color 1`] = `
   >
     <a
       aria-label="Page 4"
+      backgroundColor="white"
+      backgroundColorOnHover="teal"
       className="c2"
       color="black"
+      colorOnHover="white"
       disabled={false}
+      disabledBackgroundColor="white"
+      disabledColor="grey_medium"
       href="example.com/page/4"
       onClick={[Function]}
       selected={false}
+      selectedBackgroundColor="blue"
+      selectedColor="white"
       target="_self"
     >
       4
@@ -2070,12 +2586,19 @@ exports[`renders correctly in minimalist form with non-default color 1`] = `
   >
     <a
       aria-label="Page 5"
+      backgroundColor="white"
+      backgroundColorOnHover="teal"
       className="c2"
       color="black"
+      colorOnHover="white"
       disabled={false}
+      disabledBackgroundColor="white"
+      disabledColor="grey_medium"
       href="example.com/page/5"
       onClick={[Function]}
       selected={false}
+      selectedBackgroundColor="blue"
+      selectedColor="white"
       target="_self"
     >
       5
@@ -2086,17 +2609,9 @@ exports[`renders correctly in minimalist form with non-default color 1`] = `
 
 exports[`renders correctly with custom labels 1`] = `
 .c0 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
   padding-left: 0;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
   justify-content: center;
-  -webkit-flex-wrap: wrap;
-  -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   list-style-type: none;
 }
@@ -2109,7 +2624,6 @@ exports[`renders correctly with custom labels 1`] = `
   padding: 9px 14px 9px 14px;
   border-radius: 30px;
   text-align: center;
-  -webkit-text-decoration: none;
   text-decoration: none;
   font-weight: 700;
   cursor: pointer;
@@ -2126,7 +2640,6 @@ exports[`renders correctly with custom labels 1`] = `
   padding: 9px 14px 9px 14px;
   border-radius: 30px;
   text-align: center;
-  -webkit-text-decoration: none;
   text-decoration: none;
   font-weight: 700;
   cursor: default;
@@ -2142,12 +2655,19 @@ exports[`renders correctly with custom labels 1`] = `
   >
     <a
       aria-label="First page"
+      backgroundColor="white"
+      backgroundColorOnHover="teal"
       className="c2"
       color="black"
+      colorOnHover="white"
       disabled={false}
+      disabledBackgroundColor="white"
+      disabledColor="grey_medium"
       href="example.com/page/1"
       onClick={[Function]}
       selected={false}
+      selectedBackgroundColor="red"
+      selectedColor="white"
       target="_self"
     >
       First
@@ -2158,12 +2678,19 @@ exports[`renders correctly with custom labels 1`] = `
   >
     <a
       aria-label="Previous page"
+      backgroundColor="white"
+      backgroundColorOnHover="teal"
       className="c2"
       color="black"
+      colorOnHover="white"
       disabled={false}
+      disabledBackgroundColor="white"
+      disabledColor="grey_medium"
       href="example.com/page/2"
       onClick={[Function]}
       selected={false}
+      selectedBackgroundColor="red"
+      selectedColor="white"
       target="_self"
     >
       Previous
@@ -2174,12 +2701,19 @@ exports[`renders correctly with custom labels 1`] = `
   >
     <a
       aria-label="Page 1"
+      backgroundColor="white"
+      backgroundColorOnHover="teal"
       className="c2"
       color="black"
+      colorOnHover="white"
       disabled={false}
+      disabledBackgroundColor="white"
+      disabledColor="grey_medium"
       href="example.com/page/1"
       onClick={[Function]}
       selected={false}
+      selectedBackgroundColor="red"
+      selectedColor="white"
       target="_self"
     >
       Page 1
@@ -2190,12 +2724,19 @@ exports[`renders correctly with custom labels 1`] = `
   >
     <a
       aria-label="Page 2"
+      backgroundColor="white"
+      backgroundColorOnHover="teal"
       className="c2"
       color="black"
+      colorOnHover="white"
       disabled={false}
+      disabledBackgroundColor="white"
+      disabledColor="grey_medium"
       href="example.com/page/2"
       onClick={[Function]}
       selected={false}
+      selectedBackgroundColor="red"
+      selectedColor="white"
       target="_self"
     >
       Page 2
@@ -2206,12 +2747,19 @@ exports[`renders correctly with custom labels 1`] = `
   >
     <a
       aria-label="Page 3"
+      backgroundColor="white"
+      backgroundColorOnHover="teal"
       className="c3"
       color="black"
+      colorOnHover="white"
       disabled={false}
+      disabledBackgroundColor="white"
+      disabledColor="grey_medium"
       href={null}
       onClick={[Function]}
       selected={true}
+      selectedBackgroundColor="red"
+      selectedColor="white"
       target="_self"
     >
       Page 3
@@ -2222,12 +2770,19 @@ exports[`renders correctly with custom labels 1`] = `
   >
     <a
       aria-label="Page 4"
+      backgroundColor="white"
+      backgroundColorOnHover="teal"
       className="c2"
       color="black"
+      colorOnHover="white"
       disabled={false}
+      disabledBackgroundColor="white"
+      disabledColor="grey_medium"
       href="example.com/page/4"
       onClick={[Function]}
       selected={false}
+      selectedBackgroundColor="red"
+      selectedColor="white"
       target="_self"
     >
       Page 4
@@ -2238,12 +2793,19 @@ exports[`renders correctly with custom labels 1`] = `
   >
     <a
       aria-label="Page 5"
+      backgroundColor="white"
+      backgroundColorOnHover="teal"
       className="c2"
       color="black"
+      colorOnHover="white"
       disabled={false}
+      disabledBackgroundColor="white"
+      disabledColor="grey_medium"
       href="example.com/page/5"
       onClick={[Function]}
       selected={false}
+      selectedBackgroundColor="red"
+      selectedColor="white"
       target="_self"
     >
       Page 5
@@ -2254,12 +2816,19 @@ exports[`renders correctly with custom labels 1`] = `
   >
     <a
       aria-label="Next page"
+      backgroundColor="white"
+      backgroundColorOnHover="teal"
       className="c2"
       color="black"
+      colorOnHover="white"
       disabled={false}
+      disabledBackgroundColor="white"
+      disabledColor="grey_medium"
       href="example.com/page/4"
       onClick={[Function]}
       selected={false}
+      selectedBackgroundColor="red"
+      selectedColor="white"
       target="_self"
     >
       Next
@@ -2270,12 +2839,19 @@ exports[`renders correctly with custom labels 1`] = `
   >
     <a
       aria-label="Last page"
+      backgroundColor="white"
+      backgroundColorOnHover="teal"
       className="c2"
       color="black"
+      colorOnHover="white"
       disabled={false}
+      disabledBackgroundColor="white"
+      disabledColor="grey_medium"
       href="example.com/page/5"
       onClick={[Function]}
       selected={false}
+      selectedBackgroundColor="red"
+      selectedColor="white"
       target="_self"
     >
       Last
@@ -2286,17 +2862,9 @@ exports[`renders correctly with custom labels 1`] = `
 
 exports[`renders correctly with custom style 1`] = `
 .c0 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
   padding-left: 0;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
   justify-content: center;
-  -webkit-flex-wrap: wrap;
-  -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   list-style-type: none;
 }
@@ -2309,7 +2877,6 @@ exports[`renders correctly with custom style 1`] = `
   padding: 9px 14px 9px 14px;
   border-radius: 30px;
   text-align: center;
-  -webkit-text-decoration: none;
   text-decoration: none;
   font-weight: 700;
   cursor: pointer;
@@ -2326,7 +2893,6 @@ exports[`renders correctly with custom style 1`] = `
   padding: 9px 14px 9px 14px;
   border-radius: 30px;
   text-align: center;
-  -webkit-text-decoration: none;
   text-decoration: none;
   font-weight: 700;
   cursor: default;
@@ -2338,7 +2904,6 @@ exports[`renders correctly with custom style 1`] = `
   padding: 9px 14px 9px 14px;
   border-radius: 30px;
   text-align: center;
-  -webkit-text-decoration: none;
   text-decoration: none;
   font-weight: 700;
   cursor: default;
@@ -2354,12 +2919,19 @@ exports[`renders correctly with custom style 1`] = `
   >
     <a
       aria-label="First page"
+      backgroundColor="yellow"
+      backgroundColorOnHover="teal"
       className="c2"
       color="red"
+      colorOnHover="yellow"
       disabled={false}
+      disabledBackgroundColor="grey_light"
+      disabledColor="white"
       href="example.com/page/1"
       onClick={[Function]}
       selected={false}
+      selectedBackgroundColor="teal"
+      selectedColor="yellow"
       target="_self"
     >
       «
@@ -2370,12 +2942,19 @@ exports[`renders correctly with custom style 1`] = `
   >
     <a
       aria-label="Previous page"
+      backgroundColor="yellow"
+      backgroundColorOnHover="teal"
       className="c2"
       color="red"
+      colorOnHover="yellow"
       disabled={false}
+      disabledBackgroundColor="grey_light"
+      disabledColor="white"
       href="example.com/page/4"
       onClick={[Function]}
       selected={false}
+      selectedBackgroundColor="teal"
+      selectedColor="yellow"
       target="_self"
     >
       ‹
@@ -2386,12 +2965,19 @@ exports[`renders correctly with custom style 1`] = `
   >
     <a
       aria-label="More pages"
+      backgroundColor="yellow"
+      backgroundColorOnHover="teal"
       className="c3"
       color="red"
+      colorOnHover="yellow"
       disabled={true}
+      disabledBackgroundColor="grey_light"
+      disabledColor="white"
       href={null}
       onClick={[Function]}
       selected={false}
+      selectedBackgroundColor="teal"
+      selectedColor="yellow"
       target="_self"
     >
       ...
@@ -2402,12 +2988,19 @@ exports[`renders correctly with custom style 1`] = `
   >
     <a
       aria-label="Page 3"
+      backgroundColor="yellow"
+      backgroundColorOnHover="teal"
       className="c2"
       color="red"
+      colorOnHover="yellow"
       disabled={false}
+      disabledBackgroundColor="grey_light"
+      disabledColor="white"
       href="example.com/page/3"
       onClick={[Function]}
       selected={false}
+      selectedBackgroundColor="teal"
+      selectedColor="yellow"
       target="_self"
     >
       3
@@ -2418,12 +3011,19 @@ exports[`renders correctly with custom style 1`] = `
   >
     <a
       aria-label="Page 4"
+      backgroundColor="yellow"
+      backgroundColorOnHover="teal"
       className="c2"
       color="red"
+      colorOnHover="yellow"
       disabled={false}
+      disabledBackgroundColor="grey_light"
+      disabledColor="white"
       href="example.com/page/4"
       onClick={[Function]}
       selected={false}
+      selectedBackgroundColor="teal"
+      selectedColor="yellow"
       target="_self"
     >
       4
@@ -2434,12 +3034,19 @@ exports[`renders correctly with custom style 1`] = `
   >
     <a
       aria-label="Page 5"
+      backgroundColor="yellow"
+      backgroundColorOnHover="teal"
       className="c4"
       color="red"
+      colorOnHover="yellow"
       disabled={false}
+      disabledBackgroundColor="grey_light"
+      disabledColor="white"
       href={null}
       onClick={[Function]}
       selected={true}
+      selectedBackgroundColor="teal"
+      selectedColor="yellow"
       target="_self"
     >
       5
@@ -2450,12 +3057,19 @@ exports[`renders correctly with custom style 1`] = `
   >
     <a
       aria-label="Page 6"
+      backgroundColor="yellow"
+      backgroundColorOnHover="teal"
       className="c2"
       color="red"
+      colorOnHover="yellow"
       disabled={false}
+      disabledBackgroundColor="grey_light"
+      disabledColor="white"
       href="example.com/page/6"
       onClick={[Function]}
       selected={false}
+      selectedBackgroundColor="teal"
+      selectedColor="yellow"
       target="_self"
     >
       6
@@ -2466,12 +3080,19 @@ exports[`renders correctly with custom style 1`] = `
   >
     <a
       aria-label="Page 7"
+      backgroundColor="yellow"
+      backgroundColorOnHover="teal"
       className="c2"
       color="red"
+      colorOnHover="yellow"
       disabled={false}
+      disabledBackgroundColor="grey_light"
+      disabledColor="white"
       href="example.com/page/7"
       onClick={[Function]}
       selected={false}
+      selectedBackgroundColor="teal"
+      selectedColor="yellow"
       target="_self"
     >
       7
@@ -2482,12 +3103,19 @@ exports[`renders correctly with custom style 1`] = `
   >
     <a
       aria-label="More pages"
+      backgroundColor="yellow"
+      backgroundColorOnHover="teal"
       className="c3"
       color="red"
+      colorOnHover="yellow"
       disabled={true}
+      disabledBackgroundColor="grey_light"
+      disabledColor="white"
       href={null}
       onClick={[Function]}
       selected={false}
+      selectedBackgroundColor="teal"
+      selectedColor="yellow"
       target="_self"
     >
       ...
@@ -2498,12 +3126,19 @@ exports[`renders correctly with custom style 1`] = `
   >
     <a
       aria-label="Next page"
+      backgroundColor="yellow"
+      backgroundColorOnHover="teal"
       className="c2"
       color="red"
+      colorOnHover="yellow"
       disabled={false}
+      disabledBackgroundColor="grey_light"
+      disabledColor="white"
       href="example.com/page/6"
       onClick={[Function]}
       selected={false}
+      selectedBackgroundColor="teal"
+      selectedColor="yellow"
       target="_self"
     >
       ›
@@ -2514,12 +3149,19 @@ exports[`renders correctly with custom style 1`] = `
   >
     <a
       aria-label="Last page"
+      backgroundColor="yellow"
+      backgroundColorOnHover="teal"
       className="c2"
       color="red"
+      colorOnHover="yellow"
       disabled={false}
+      disabledBackgroundColor="grey_light"
+      disabledColor="white"
       href="example.com/page/10"
       onClick={[Function]}
       selected={false}
+      selectedBackgroundColor="teal"
+      selectedColor="yellow"
       target="_self"
     >
       »
diff --git a/src/components/Atoms/Picture/Picture.md b/src/components/Atoms/Picture/Picture.md
deleted file mode 100644
index 6c89d89c7..000000000
--- a/src/components/Atoms/Picture/Picture.md
+++ /dev/null
@@ -1,28 +0,0 @@
-Picture has depenciy of <a href="https://github.com/aFarkas/lazysizes#readme" style="color: blue; text-decoration: underline;">lazysizes</a> for lazyload and <a href="https://github.com/aFarkas/lazysizes/tree/master/plugins/blur-up" style="color: blue; text-decoration: underline;">blur-up</a> for image loading state.
-
-Picture
-
-```js
-const defaultData = require('../../../styleguide/data/data').defaultData;
-<Picture alt="test Image" imageLow={defaultData.imageLow} images={defaultData.images} />;
-```
-
-Custom Size.
-
-```js
-const defaultData = require('../../../styleguide/data/data').defaultData;
-<Picture
-  alt="test Image"
-  imageLow={defaultData.imageLow}
-  images={defaultData.images}
-  objectFit="cover"
-  width="300px"
-  height="200px"
-/>;
-```
-
-Single image
-
-```js
-const defaultData = require('../../../styleguide/data/data').defaultData;<Picture alt="test Image" image={defaultData.image} objectFit="cover" />;
-```
diff --git a/src/components/Atoms/Picture/Picture.test.js b/src/components/Atoms/Picture/Picture.test.js
index 42657905f..e4e814127 100644
--- a/src/components/Atoms/Picture/Picture.test.js
+++ b/src/components/Atoms/Picture/Picture.test.js
@@ -1,9 +1,9 @@
-import React from "react";
-import "jest-styled-components";
-import renderWithTheme from "../../../../tests/hoc/shallowWithTheme";
-import Picture from "./Picture";
-import { defaultData } from "../../../styleguide/data/data";
-it("renders correctly", () => {
+import React from 'react';
+import 'jest-styled-components';
+import renderWithTheme from '../../../../tests/hoc/shallowWithTheme';
+import Picture from './Picture';
+import { defaultData } from '../../../data/data';
+it('renders correctly', () => {
   const tree = renderWithTheme(
     <Picture
       images={defaultData.images}
@@ -30,6 +30,12 @@ it("renders correctly", () => {
     <div
       className="c0 lazyload"
       height="auto"
+      image="http://images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg"
+      images="//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=200&h=150&q=50 200w,//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=400&h=300&q=50 400w,//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=800&h=600&q=50 800w,//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=1200&h=900&q=50 1200w,//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=1440&h=1080&q=50 1440w"
+      isBackgroundImage={false}
+      nonObjFitImage="http://images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg"
+      objFitState={true}
+      setObjFitState={[Function]}
       width="100%"
     >
       <img
@@ -40,6 +46,10 @@ it("renders correctly", () => {
         data-src="http://images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg"
         data-srcset="//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=200&h=150&q=50 200w,//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=400&h=300&q=50 400w,//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=800&h=600&q=50 800w,//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=1200&h=900&q=50 1200w,//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=1440&h=1080&q=50 1440w"
         height="auto"
+        mediumBreakpointRowLayout={null}
+        objFitState={true}
+        objectFit="none"
+        smallBreakpointRowLayout={null}
         src="http://images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg"
         srcSet="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"
         width="100%"
@@ -48,7 +58,7 @@ it("renders correctly", () => {
   `);
 });
 
-it("renders correctly with custom props", () => {
+it('renders correctly with custom props', () => {
   const tree = renderWithTheme(
     <Picture
       images={defaultData.images}
@@ -78,6 +88,12 @@ it("renders correctly with custom props", () => {
     <div
       className="c0 lazyload"
       height="100px"
+      image="http://images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg"
+      images="//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=200&h=150&q=50 200w,//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=400&h=300&q=50 400w,//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=800&h=600&q=50 800w,//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=1200&h=900&q=50 1200w,//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=1440&h=1080&q=50 1440w"
+      isBackgroundImage={false}
+      nonObjFitImage="http://images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg"
+      objFitState={true}
+      setObjFitState={[Function]}
       width="200px"
     >
       <img
@@ -88,6 +104,10 @@ it("renders correctly with custom props", () => {
         data-src="http://images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg"
         data-srcset="//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=200&h=150&q=50 200w,//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=400&h=300&q=50 400w,//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=800&h=600&q=50 800w,//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=1200&h=900&q=50 1200w,//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=1440&h=1080&q=50 1440w"
         height="100px"
+        mediumBreakpointRowLayout={null}
+        objFitState={true}
+        objectFit="cover"
+        smallBreakpointRowLayout={null}
         src="http://images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg"
         srcSet="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"
         width="200px"
diff --git a/src/components/Atoms/Picture/PictureExample.jsx b/src/components/Atoms/Picture/PictureExample.jsx
new file mode 100644
index 000000000..38f94a1ed
--- /dev/null
+++ b/src/components/Atoms/Picture/PictureExample.jsx
@@ -0,0 +1,33 @@
+import React from 'react';
+import Picture from './Picture';
+import { defaultData } from '../../../data/data';
+
+export default function PictureExample() {
+  return (
+    <>
+      <h3>Picture</h3>
+      <Picture
+        alt="test Image"
+        imageLow={defaultData.imageLow}
+        images={defaultData.images}
+      />
+
+      <h3>Custom Size</h3>
+      <Picture
+        alt="test Image"
+        imageLow={defaultData.imageLow}
+        images={defaultData.images}
+        objectFit="cover"
+        width="300px"
+        height="200px"
+      />
+
+      <h3>Single image</h3>
+      <Picture
+        alt="test Image"
+        image={defaultData.image}
+        objectFit="cover"
+      />
+    </>
+  );
+}
diff --git a/src/components/Atoms/RadioButton/RadioButton.js b/src/components/Atoms/RadioButton/RadioButton.js
index 4403d523e..871a17f3e 100644
--- a/src/components/Atoms/RadioButton/RadioButton.js
+++ b/src/components/Atoms/RadioButton/RadioButton.js
@@ -19,7 +19,7 @@ const StyledRadioInput = styled.input`
   left: 0;
   right: 0;
   flex-shrink: 0;
-  + span {
+  & + span {
     left: 2px;
     border-radius: 30px;
     background-clip: padding-box;
@@ -29,10 +29,10 @@ const StyledRadioInput = styled.input`
     height: 30px;
     border: 1px solid ${({ theme }) => theme.color('grey_for_forms')};
   }
-  :checked + span {
+  &:checked + span {
     background-color: ${({ theme }) => theme.color('purple')};
     border: 1px solid ${({ theme }) => theme.color('purple')};
-    :before {
+    &:before {
       position: absolute;
       content: '';
       top: 8px;
diff --git a/src/components/Atoms/RadioButton/RadioButton.md b/src/components/Atoms/RadioButton/RadioButton.md
deleted file mode 100644
index e51db6529..000000000
--- a/src/components/Atoms/RadioButton/RadioButton.md
+++ /dev/null
@@ -1,16 +0,0 @@
-# Radio buttons
-
-```js
-<RadioButton name="gender"
-  value="male"
-  label="Male"
-/>
-<RadioButton name="gender"
-    value="female"
-    label="Female"
-/>
-<RadioButton name="gender"
-    value="other"
-    label="other"
-/>
-```
diff --git a/src/components/Atoms/RadioButton/RadioButton.test.js b/src/components/Atoms/RadioButton/RadioButton.test.js
index 0818545e8..bbff6252f 100644
--- a/src/components/Atoms/RadioButton/RadioButton.test.js
+++ b/src/components/Atoms/RadioButton/RadioButton.test.js
@@ -12,233 +12,211 @@ it('renders correctly', () => {
   ).toJSON();
 
   expect(tree).toMatchInlineSnapshot(`
-    Array [
-      .c2 {
-      font-family: 'Montserrat',Helvetica,Arial,sans-serif;
-      font-weight: 400;
-      text-transform: inherit;
-      -webkit-letter-spacing: 0;
-      -moz-letter-spacing: 0;
-      -ms-letter-spacing: 0;
-      letter-spacing: 0;
-      font-size: 1rem;
-      line-height: 1.25rem;
-    }
-
-    .c2 {
-      font-size: 1rem;
-      line-height: normal;
-      font-weight: bold;
-    }
-
-    .c2 span {
-      font-size: inherit;
-      line-height: inherit;
-    }
-
-    .c1 {
-      background-color: #FFFFFF;
-      z-index: 1;
-      top: 0;
-      margin: 5px 10px;
-      width: 30px;
-      height: 30px;
-      opacity: 0;
-      left: 0;
-      right: 0;
-      -webkit-flex-shrink: 0;
-      -ms-flex-negative: 0;
-      flex-shrink: 0;
-    }
-
-    .c1 + span {
-      left: 2px;
-      border-radius: 30px;
-      background-clip: padding-box;
-      position: absolute;
-      top: 0px;
-      width: 30px;
-      height: 30px;
-      border: 1px solid #666;
-    }
-
-    .c1:checked + span {
-      background-color: #6F3AAB;
-      border: 1px solid #6F3AAB;
-    }
-
-    .c1:checked + span:before {
-      position: absolute;
-      content: '';
-      top: 8px;
-      left: 0;
-      right: 0;
-      background-color: #FFFFFF;
-      border-radius: 30px;
-      width: 12px;
-      height: 12px;
-      z-index: 1;
-      margin: 0 auto;
-      opacity: 1;
-    }
-
-    .c0 {
-      display: -webkit-box;
-      display: -webkit-flex;
-      display: -ms-flexbox;
-      display: flex;
-      -webkit-align-items: center;
-      -webkit-box-align: center;
-      -ms-flex-align: center;
-      align-items: center;
-      position: relative;
-    }
-
-    @media (min-width:740px) {
-      .c2 {
-        font-size: 1rem;
-        line-height: 1.25rem;
-      }
-    }
-
-    @media (min-width:1024px) {
-      .c2 {
-        font-size: 1.125rem;
-        line-height: 1.375rem;
-      }
-    }
-
-    <label
-        className="c0"
-        htmlFor="male"
-      >
-        <input
-          className="c1"
-          id="male"
-          name="gender"
-          type="radio"
-          value="male"
-        />
-        <span />
-        <span
-          className="c2"
-        >
-          Male
-        </span>
-      </label>,
-      .c2 {
-      font-family: 'Montserrat',Helvetica,Arial,sans-serif;
-      font-weight: 400;
-      text-transform: inherit;
-      -webkit-letter-spacing: 0;
-      -moz-letter-spacing: 0;
-      -ms-letter-spacing: 0;
-      letter-spacing: 0;
-      font-size: 1rem;
-      line-height: 1.25rem;
-    }
-
-    .c2 {
-      font-size: 1rem;
-      line-height: normal;
-      font-weight: bold;
-    }
-
-    .c2 span {
-      font-size: inherit;
-      line-height: inherit;
-    }
-
-    .c1 {
-      background-color: #FFFFFF;
-      z-index: 1;
-      top: 0;
-      margin: 5px 10px;
-      width: 30px;
-      height: 30px;
-      opacity: 0;
-      left: 0;
-      right: 0;
-      -webkit-flex-shrink: 0;
-      -ms-flex-negative: 0;
-      flex-shrink: 0;
-    }
-
-    .c1 + span {
-      left: 2px;
-      border-radius: 30px;
-      background-clip: padding-box;
-      position: absolute;
-      top: 0px;
-      width: 30px;
-      height: 30px;
-      border: 1px solid #666;
-    }
-
-    .c1:checked + span {
-      background-color: #6F3AAB;
-      border: 1px solid #6F3AAB;
-    }
-
-    .c1:checked + span:before {
-      position: absolute;
-      content: '';
-      top: 8px;
-      left: 0;
-      right: 0;
-      background-color: #FFFFFF;
-      border-radius: 30px;
-      width: 12px;
-      height: 12px;
-      z-index: 1;
-      margin: 0 auto;
-      opacity: 1;
-    }
-
-    .c0 {
-      display: -webkit-box;
-      display: -webkit-flex;
-      display: -ms-flexbox;
-      display: flex;
-      -webkit-align-items: center;
-      -webkit-box-align: center;
-      -ms-flex-align: center;
-      align-items: center;
-      position: relative;
-    }
-
-    @media (min-width:740px) {
-      .c2 {
-        font-size: 1rem;
-        line-height: 1.25rem;
-      }
-    }
-
-    @media (min-width:1024px) {
-      .c2 {
-        font-size: 1.125rem;
-        line-height: 1.375rem;
-      }
-    }
-
-    <label
-        className="c0"
-        htmlFor="female"
-      >
-        <input
-          className="c1"
-          id="female"
-          name="gender"
-          type="radio"
-          value="female"
-        />
-        <span />
-        <span
-          className="c2"
-        >
-          Female
-        </span>
-      </label>,
-    ]
-  `);
+[
+  .c2 {
+  font-family: 'Montserrat',Helvetica,Arial,sans-serif;
+  font-weight: 400;
+  text-transform: inherit;
+  letter-spacing: 0;
+  font-size: 1rem;
+  line-height: 1.25rem;
+}
+
+.c2 {
+  font-size: 1rem;
+  line-height: normal;
+  font-weight: bold;
+}
+
+.c2 span {
+  font-size: inherit;
+  line-height: inherit;
+}
+
+.c1 {
+  background-color: #FFFFFF;
+  z-index: 1;
+  top: 0;
+  margin: 5px 10px;
+  width: 30px;
+  height: 30px;
+  opacity: 0;
+  left: 0;
+  right: 0;
+  flex-shrink: 0;
+}
+
+.c1+span {
+  left: 2px;
+  border-radius: 30px;
+  background-clip: padding-box;
+  position: absolute;
+  top: 0px;
+  width: 30px;
+  height: 30px;
+  border: 1px solid #666;
+}
+
+.c1:checked+span {
+  background-color: #6F3AAB;
+  border: 1px solid #6F3AAB;
+}
+
+.c1:checked+span:before {
+  position: absolute;
+  content: '';
+  top: 8px;
+  left: 0;
+  right: 0;
+  background-color: #FFFFFF;
+  border-radius: 30px;
+  width: 12px;
+  height: 12px;
+  z-index: 1;
+  margin: 0 auto;
+  opacity: 1;
+}
+
+.c0 {
+  display: flex;
+  align-items: center;
+  position: relative;
+}
+
+@media (min-width: 740px) {
+  .c2 {
+    font-size: 1rem;
+    line-height: 1.25rem;
+  }
+}
+
+@media (min-width: 1024px) {
+  .c2 {
+    font-size: 1.125rem;
+    line-height: 1.375rem;
+  }
+}
+
+<label
+    className="c0"
+    htmlFor="male"
+  >
+    <input
+      className="c1"
+      id="male"
+      name="gender"
+      type="radio"
+      value="male"
+    />
+    <span />
+    <span
+      className="c2"
+    >
+      Male
+    </span>
+  </label>,
+  .c2 {
+  font-family: 'Montserrat',Helvetica,Arial,sans-serif;
+  font-weight: 400;
+  text-transform: inherit;
+  letter-spacing: 0;
+  font-size: 1rem;
+  line-height: 1.25rem;
+}
+
+.c2 {
+  font-size: 1rem;
+  line-height: normal;
+  font-weight: bold;
+}
+
+.c2 span {
+  font-size: inherit;
+  line-height: inherit;
+}
+
+.c1 {
+  background-color: #FFFFFF;
+  z-index: 1;
+  top: 0;
+  margin: 5px 10px;
+  width: 30px;
+  height: 30px;
+  opacity: 0;
+  left: 0;
+  right: 0;
+  flex-shrink: 0;
+}
+
+.c1+span {
+  left: 2px;
+  border-radius: 30px;
+  background-clip: padding-box;
+  position: absolute;
+  top: 0px;
+  width: 30px;
+  height: 30px;
+  border: 1px solid #666;
+}
+
+.c1:checked+span {
+  background-color: #6F3AAB;
+  border: 1px solid #6F3AAB;
+}
+
+.c1:checked+span:before {
+  position: absolute;
+  content: '';
+  top: 8px;
+  left: 0;
+  right: 0;
+  background-color: #FFFFFF;
+  border-radius: 30px;
+  width: 12px;
+  height: 12px;
+  z-index: 1;
+  margin: 0 auto;
+  opacity: 1;
+}
+
+.c0 {
+  display: flex;
+  align-items: center;
+  position: relative;
+}
+
+@media (min-width: 740px) {
+  .c2 {
+    font-size: 1rem;
+    line-height: 1.25rem;
+  }
+}
+
+@media (min-width: 1024px) {
+  .c2 {
+    font-size: 1.125rem;
+    line-height: 1.375rem;
+  }
+}
+
+<label
+    className="c0"
+    htmlFor="female"
+  >
+    <input
+      className="c1"
+      id="female"
+      name="gender"
+      type="radio"
+      value="female"
+    />
+    <span />
+    <span
+      className="c2"
+    >
+      Female
+    </span>
+  </label>,
+]
+`);
 });
diff --git a/src/components/Atoms/RadioButton/RadioButtonExample.jsx b/src/components/Atoms/RadioButton/RadioButtonExample.jsx
new file mode 100644
index 000000000..f9940a1ff
--- /dev/null
+++ b/src/components/Atoms/RadioButton/RadioButtonExample.jsx
@@ -0,0 +1,12 @@
+import React from 'react';
+import RadioButton from './RadioButton';
+
+export default function RadioButtonExample() {
+  return (
+    <>
+      <RadioButton name="gender" value="male" label="Male" />
+      <RadioButton name="gender" value="female" label="Female" />
+      <RadioButton name="gender" value="other" label="other" />
+    </>
+  );
+}
diff --git a/src/components/Atoms/RichText/RichText.md b/src/components/Atoms/RichText/RichText.md
deleted file mode 100644
index 4443a52c3..000000000
--- a/src/components/Atoms/RichText/RichText.md
+++ /dev/null
@@ -1,8 +0,0 @@
-# RichText
-
-```js
-<RichText
-  align={'center'}
-  markup={'<p>Some <strong>strong</strong> test markup</p>'}
-></RichText>
-```
diff --git a/src/components/Atoms/RichText/RichText.test.js b/src/components/Atoms/RichText/RichText.test.js
index 8568dabb5..71af0c1d0 100644
--- a/src/components/Atoms/RichText/RichText.test.js
+++ b/src/components/Atoms/RichText/RichText.test.js
@@ -14,11 +14,12 @@ it('It sanitises markup and renders properly', () => {
     .c0 {
       text-align: right;
     }
-    
+
     <div
+      align="right"
       className="c0"
       dangerouslySetInnerHTML={
-        Object {
+        {
           "__html": "<p>Here's some copy</p><span>More copy</span>",
         }
       }
diff --git a/src/components/Atoms/RichText/RichTextExample.jsx b/src/components/Atoms/RichText/RichTextExample.jsx
new file mode 100644
index 000000000..6334dbe99
--- /dev/null
+++ b/src/components/Atoms/RichText/RichTextExample.jsx
@@ -0,0 +1,11 @@
+import React from 'react';
+import RichText from './RichText';
+
+export default function RichTextExample() {
+  return (
+    <RichText
+      align="center"
+      markup="<p>Some <strong>strong</strong> test markup</p>"
+    />
+  );
+}
diff --git a/src/components/Atoms/Select/Select.js b/src/components/Atoms/Select/Select.js
index e52077d88..459326917 100644
--- a/src/components/Atoms/Select/Select.js
+++ b/src/components/Atoms/Select/Select.js
@@ -29,7 +29,7 @@ const StyledSelect = styled.select`
   color: ${({ theme, greyDescription, hasValue }) => (greyDescription && !hasValue ? 'grey' : theme.color('black'))};
   border-radius: 0.5rem;
   cursor: pointer;
-  :focus {
+  &:focus {
     border: 1px solid ${({ theme }) => theme.color('grey_for_forms')};
   }
 
diff --git a/src/components/Atoms/Select/Select.md b/src/components/Atoms/Select/Select.md
deleted file mode 100644
index 340b2fb0b..000000000
--- a/src/components/Atoms/Select/Select.md
+++ /dev/null
@@ -1,47 +0,0 @@
-# Select
-
-```js
-<h4>DROPDOWN MENU</h4>
-<Select
-  label="Label"
-  description="Please choose an option"
-  // note: defaultValue is just using the built-in React defaultValue prop. It adds the HTML prop "selected" to one of the options elements. This is why defaultValue must be set to one of the existing options values:
-  defaultValue="Option four"
-  errorMsg=""
-  options={[
-    { value: 'Option one', displayValue: 'The first option' },
-    { value: 'Option two', displayValue: 'The second option' },
-    { value: 'Option three', displayValue: 'The third option' },
-    { value: 'Option four', displayValue: 'The fourth option' }
-  ]}
-/>
-
-<h4>DROPDOWN MENU</h4>
-<Select
-  label="Label"
-  errorMsg="This is an error message"
-  description="Please choose an option"
-  greyDescription
-  options={[
-    { value: 'Option one', displayValue: 'The first option' },
-    {
-      value: 'Option two',
-      displayValue: 'The second option'
-    },
-    { value: 'Option three', displayValue: 'The third option' },
-    { value: 'Option four', displayValue: 'The fourth option' }
-  ]}
-/>
-
-<h4>DROPDOWN MENU - hide arrow / just one option</h4>
-<Select
-    label="Label"
-    errorMsg="This is an error message"
-    description="Select an option"
-    greyDescription
-    hideArrow={true}
-    options={[
-        { value: 'Option one', displayValue: 'The first option' }
-    ]}
-/>
-```
diff --git a/src/components/Atoms/Select/SelectExample.jsx b/src/components/Atoms/Select/SelectExample.jsx
new file mode 100644
index 000000000..a126f0855
--- /dev/null
+++ b/src/components/Atoms/Select/SelectExample.jsx
@@ -0,0 +1,48 @@
+import React from 'react';
+import Select from './Select';
+
+export default function SelectExample() {
+  return (
+    <>
+      <h4>DROPDOWN MENU</h4>
+      <Select
+        label="Label"
+        description="Please choose an option"
+        defaultValue="Option four"
+        errorMsg=""
+        options={[
+          { value: 'Option one', displayValue: 'The first option' },
+          { value: 'Option two', displayValue: 'The second option' },
+          { value: 'Option three', displayValue: 'The third option' },
+          { value: 'Option four', displayValue: 'The fourth option' },
+        ]}
+      />
+
+      <h4>DROPDOWN MENU with error</h4>
+      <Select
+        label="Label"
+        errorMsg="This is an error message"
+        description="Please choose an option"
+        greyDescription
+        options={[
+          { value: 'Option one', displayValue: 'The first option' },
+          { value: 'Option two', displayValue: 'The second option' },
+          { value: 'Option three', displayValue: 'The third option' },
+          { value: 'Option four', displayValue: 'The fourth option' },
+        ]}
+      />
+
+      <h4>DROPDOWN MENU - hide arrow / just one option</h4>
+      <Select
+        label="Label"
+        errorMsg="This is an error message"
+        description="Select an option"
+        greyDescription
+        hideArrow={true}
+        options={[
+          { value: 'Option one', displayValue: 'The first option' },
+        ]}
+      />
+    </>
+  );
+}
diff --git a/src/components/Atoms/Select/__snapshots__/Select.test.js.snap b/src/components/Atoms/Select/__snapshots__/Select.test.js.snap
index 5b243e437..30e96f9a7 100644
--- a/src/components/Atoms/Select/__snapshots__/Select.test.js.snap
+++ b/src/components/Atoms/Select/__snapshots__/Select.test.js.snap
@@ -5,9 +5,6 @@ exports[`renders correctly 1`] = `
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: 400;
   text-transform: inherit;
-  -webkit-letter-spacing: 0;
-  -moz-letter-spacing: 0;
-  -ms-letter-spacing: 0;
   letter-spacing: 0;
   font-size: 1rem;
   line-height: 1.25rem;
@@ -21,12 +18,7 @@ exports[`renders correctly 1`] = `
 .c0 {
   width: 100%;
   position: relative;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
   flex-direction: column;
   color: #000000;
 }
@@ -36,9 +28,6 @@ exports[`renders correctly 1`] = `
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: 400;
   text-transform: inherit;
-  -webkit-letter-spacing: 0;
-  -moz-letter-spacing: 0;
-  -ms-letter-spacing: 0;
   letter-spacing: 0;
   font-size: 1rem;
   line-height: 1.25rem;
@@ -60,8 +49,6 @@ exports[`renders correctly 1`] = `
   border: 1px solid;
   border-color: #969598;
   box-shadow: none;
-  -webkit-appearance: none;
-  -moz-appearance: none;
   appearance: none;
   color: #000000;
   border-radius: 0.5rem;
@@ -72,35 +59,35 @@ exports[`renders correctly 1`] = `
   border: 1px solid #666;
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c1 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c1 {
     font-size: 1.125rem;
     line-height: 1.375rem;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c2 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c2 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c3 {
     max-width: 290px;
   }
@@ -108,11 +95,13 @@ exports[`renders correctly 1`] = `
 
 <label
   className="c0"
+  errorMsg=""
+  optional={false}
 >
   <span
     className="c1 c2"
     dangerouslySetInnerHTML={
-      Object {
+      {
         "__html": "Label",
       }
     }
@@ -121,6 +110,10 @@ exports[`renders correctly 1`] = `
     aria-required={true}
     className="c3"
     defaultValue=""
+    error=""
+    greyDescription={false}
+    hasValue={false}
+    hideArrow={false}
     onChange={[Function]}
     required={true}
   >
@@ -151,6 +144,5 @@ exports[`renders correctly 1`] = `
       The fourth option
     </option>
   </select>
-  
 </label>
 `;
diff --git a/src/components/Atoms/SocialIcons/SocialIcons.md b/src/components/Atoms/SocialIcons/SocialIcons.md
deleted file mode 100644
index 74c4e9f97..000000000
--- a/src/components/Atoms/SocialIcons/SocialIcons.md
+++ /dev/null
@@ -1,20 +0,0 @@
-### Comic Relief
-```js
-<div style={{ background: "black", padding: "10px"}}>
-    <SocialIcons campaign="comicrelief" />
-</div>
-```
-
-### Red Nose Day
-```js
-<div style={{ background: "black", padding: "10px"}}>
-    <SocialIcons campaign="rednoseday" />
-</div>
-```
-
-### Sport Relief with self target
-```js
-<div style={{ background: "black", padding: "10px"}}>
-    <SocialIcons campaign="sportrelief" target="self" />
-</div>
-```
diff --git a/src/components/Atoms/SocialIcons/SocialIconsExample.jsx b/src/components/Atoms/SocialIcons/SocialIconsExample.jsx
new file mode 100644
index 000000000..0a1f50aac
--- /dev/null
+++ b/src/components/Atoms/SocialIcons/SocialIconsExample.jsx
@@ -0,0 +1,29 @@
+import React from 'react';
+import styled from 'styled-components';
+import SocialIcons from './SocialIcons';
+
+const ExampleWrapper = styled.div`
+  background: black;
+  padding: 10px;
+`;
+
+export default function SocialIconsExample() {
+  return (
+    <>
+      <h3>Comic Relief</h3>
+      <ExampleWrapper>
+        <SocialIcons campaign="comicrelief" />
+      </ExampleWrapper>
+
+      <h3>Red Nose Day</h3>
+      <ExampleWrapper>
+        <SocialIcons campaign="rednoseday" />
+      </ExampleWrapper>
+
+      <h3>Sport Relief with self target</h3>
+      <ExampleWrapper>
+        <SocialIcons campaign="sportrelief" target="self" />
+      </ExampleWrapper>
+    </>
+  );
+}
diff --git a/src/components/Atoms/SocialIcons/__snapshots__/SocialIcons.test.js.snap b/src/components/Atoms/SocialIcons/__snapshots__/SocialIcons.test.js.snap
index f5ca90718..64af42f84 100644
--- a/src/components/Atoms/SocialIcons/__snapshots__/SocialIcons.test.js.snap
+++ b/src/components/Atoms/SocialIcons/__snapshots__/SocialIcons.test.js.snap
@@ -2,12 +2,10 @@
 
 exports[`renders correctly with Comic Relief links 1`] = `
 .c2 {
-  -webkit-text-decoration: none;
   text-decoration: none;
   cursor: pointer;
   display: block;
   position: relative;
-  -webkit-transition: opacity 0.2s;
   transition: opacity 0.2s;
 }
 
@@ -21,32 +19,19 @@ exports[`renders correctly with Comic Relief links 1`] = `
 }
 
 .c0 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-flex-wrap: nowrap;
-  -ms-flex-wrap: nowrap;
   flex-wrap: nowrap;
   gap: 0;
   list-style-type: none;
-  -webkit-box-pack: start;
-  -webkit-justify-content: flex-start;
-  -ms-flex-pack: start;
   justify-content: flex-start;
   margin: 0 auto 0 0;
   padding: 0;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
   align-items: center;
 }
 
 .c1 {
   width: 48px;
   height: auto;
-  -webkit-flex: 0 0 48px;
-  -ms-flex: 0 0 48px;
   flex: 0 0 48px;
   margin-right: 1.5rem;
 }
@@ -55,17 +40,14 @@ exports[`renders correctly with Comic Relief links 1`] = `
   width: auto;
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c0 {
-    -webkit-box-pack: start;
-    -webkit-justify-content: start;
-    -ms-flex-pack: start;
     justify-content: start;
     margin: 0 auto 0 0;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c1 {
     margin-right: 1.5rem;
   }
@@ -73,14 +55,18 @@ exports[`renders correctly with Comic Relief links 1`] = `
 
 <ul
   className="c0"
+  newStyle={false}
 >
   <li
     className="c1"
+    newStyle={false}
   >
     <a
       className="c2 c3"
       data-test="icon-facebook"
       href="https://www.facebook.com/comicrelief"
+      isHeader={false}
+      newStyle={false}
       rel="noopener noreferrer"
       target="_blank"
       title="Check out our Facebook page"
@@ -88,17 +74,21 @@ exports[`renders correctly with Comic Relief links 1`] = `
       <img
         alt="facebook"
         className="c4"
+        invertColor={false}
         src="mock.asset"
       />
     </a>
   </li>
   <li
     className="c1"
+    newStyle={false}
   >
     <a
       className="c2 c3"
       data-test="icon-instagram"
       href="https://www.instagram.com/comicrelief"
+      isHeader={false}
+      newStyle={false}
       rel="noopener noreferrer"
       target="_blank"
       title="Check out our Instagram account"
@@ -106,17 +96,21 @@ exports[`renders correctly with Comic Relief links 1`] = `
       <img
         alt="instagram"
         className="c4"
+        invertColor={false}
         src="mock.asset"
       />
     </a>
   </li>
   <li
     className="c1"
+    newStyle={false}
   >
     <a
       className="c2 c3"
       data-test="icon-twitter"
       href="https://twitter.com/comicrelief"
+      isHeader={false}
+      newStyle={false}
       rel="noopener noreferrer"
       target="_blank"
       title="Check out our Twitter account"
@@ -124,17 +118,21 @@ exports[`renders correctly with Comic Relief links 1`] = `
       <img
         alt="twitter"
         className="c4"
+        invertColor={false}
         src="mock.asset"
       />
     </a>
   </li>
   <li
     className="c1"
+    newStyle={false}
   >
     <a
       className="c2 c3"
       data-test="icon-youtube"
       href="https://www.youtube.com/channel/UCdF5u0ggeSETozc8fsprjcw"
+      isHeader={false}
+      newStyle={false}
       rel="noopener noreferrer"
       target="_blank"
       title="Check out our YouTube channel"
@@ -142,6 +140,7 @@ exports[`renders correctly with Comic Relief links 1`] = `
       <img
         alt="youtube"
         className="c4"
+        invertColor={false}
         src="mock.asset"
       />
     </a>
@@ -151,12 +150,10 @@ exports[`renders correctly with Comic Relief links 1`] = `
 
 exports[`renders correctly with Red Nose Day links and self target 1`] = `
 .c2 {
-  -webkit-text-decoration: none;
   text-decoration: none;
   cursor: pointer;
   display: block;
   position: relative;
-  -webkit-transition: opacity 0.2s;
   transition: opacity 0.2s;
 }
 
@@ -170,32 +167,19 @@ exports[`renders correctly with Red Nose Day links and self target 1`] = `
 }
 
 .c0 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-flex-wrap: nowrap;
-  -ms-flex-wrap: nowrap;
   flex-wrap: nowrap;
   gap: 0;
   list-style-type: none;
-  -webkit-box-pack: start;
-  -webkit-justify-content: flex-start;
-  -ms-flex-pack: start;
   justify-content: flex-start;
   margin: 0 auto 0 0;
   padding: 0;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
   align-items: center;
 }
 
 .c1 {
   width: 48px;
   height: auto;
-  -webkit-flex: 0 0 48px;
-  -ms-flex: 0 0 48px;
   flex: 0 0 48px;
   margin-right: 1.5rem;
 }
@@ -204,17 +188,14 @@ exports[`renders correctly with Red Nose Day links and self target 1`] = `
   width: auto;
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c0 {
-    -webkit-box-pack: start;
-    -webkit-justify-content: start;
-    -ms-flex-pack: start;
     justify-content: start;
     margin: 0 auto 0 0;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c1 {
     margin-right: 1.5rem;
   }
@@ -222,14 +203,18 @@ exports[`renders correctly with Red Nose Day links and self target 1`] = `
 
 <ul
   className="c0"
+  newStyle={false}
 >
   <li
     className="c1"
+    newStyle={false}
   >
     <a
       className="c2 c3"
       data-test="icon-facebook"
       href="https://www.facebook.com/rednoseday"
+      isHeader={false}
+      newStyle={false}
       rel="noopener noreferrer"
       target="_self"
       title="Check out our Facebook page"
@@ -237,17 +222,21 @@ exports[`renders correctly with Red Nose Day links and self target 1`] = `
       <img
         alt="facebook"
         className="c4"
+        invertColor={false}
         src="mock.asset"
       />
     </a>
   </li>
   <li
     className="c1"
+    newStyle={false}
   >
     <a
       className="c2 c3"
       data-test="icon-instagram"
       href="https://www.instagram.com/rednoseday"
+      isHeader={false}
+      newStyle={false}
       rel="noopener noreferrer"
       target="_self"
       title="Check out our Instagram account"
@@ -255,17 +244,21 @@ exports[`renders correctly with Red Nose Day links and self target 1`] = `
       <img
         alt="instagram"
         className="c4"
+        invertColor={false}
         src="mock.asset"
       />
     </a>
   </li>
   <li
     className="c1"
+    newStyle={false}
   >
     <a
       className="c2 c3"
       data-test="icon-twitter"
       href="https://twitter.com/rednoseday"
+      isHeader={false}
+      newStyle={false}
       rel="noopener noreferrer"
       target="_self"
       title="Check out our Twitter account"
@@ -273,17 +266,21 @@ exports[`renders correctly with Red Nose Day links and self target 1`] = `
       <img
         alt="twitter"
         className="c4"
+        invertColor={false}
         src="mock.asset"
       />
     </a>
   </li>
   <li
     className="c1"
+    newStyle={false}
   >
     <a
       className="c2 c3"
       data-test="icon-youtube"
       href="https://www.youtube.com/channel/UCdF5u0ggeSETozc8fsprjcw"
+      isHeader={false}
+      newStyle={false}
       rel="noopener noreferrer"
       target="_self"
       title="Check out our YouTube channel"
@@ -291,6 +288,7 @@ exports[`renders correctly with Red Nose Day links and self target 1`] = `
       <img
         alt="youtube"
         className="c4"
+        invertColor={false}
         src="mock.asset"
       />
     </a>
@@ -300,12 +298,10 @@ exports[`renders correctly with Red Nose Day links and self target 1`] = `
 
 exports[`renders correctly with Sport Relief links 1`] = `
 .c2 {
-  -webkit-text-decoration: none;
   text-decoration: none;
   cursor: pointer;
   display: block;
   position: relative;
-  -webkit-transition: opacity 0.2s;
   transition: opacity 0.2s;
 }
 
@@ -319,32 +315,19 @@ exports[`renders correctly with Sport Relief links 1`] = `
 }
 
 .c0 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-flex-wrap: nowrap;
-  -ms-flex-wrap: nowrap;
   flex-wrap: nowrap;
   gap: 0;
   list-style-type: none;
-  -webkit-box-pack: start;
-  -webkit-justify-content: flex-start;
-  -ms-flex-pack: start;
   justify-content: flex-start;
   margin: 0 auto 0 0;
   padding: 0;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
   align-items: center;
 }
 
 .c1 {
   width: 48px;
   height: auto;
-  -webkit-flex: 0 0 48px;
-  -ms-flex: 0 0 48px;
   flex: 0 0 48px;
   margin-right: 1.5rem;
 }
@@ -353,17 +336,14 @@ exports[`renders correctly with Sport Relief links 1`] = `
   width: auto;
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c0 {
-    -webkit-box-pack: start;
-    -webkit-justify-content: start;
-    -ms-flex-pack: start;
     justify-content: start;
     margin: 0 auto 0 0;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c1 {
     margin-right: 1.5rem;
   }
@@ -371,14 +351,18 @@ exports[`renders correctly with Sport Relief links 1`] = `
 
 <ul
   className="c0"
+  newStyle={false}
 >
   <li
     className="c1"
+    newStyle={false}
   >
     <a
       className="c2 c3"
       data-test="icon-facebook"
       href="https://www.facebook.com/sportrelief"
+      isHeader={false}
+      newStyle={false}
       rel="noopener noreferrer"
       target="_blank"
       title="Check out our Facebook page"
@@ -386,17 +370,21 @@ exports[`renders correctly with Sport Relief links 1`] = `
       <img
         alt="facebook"
         className="c4"
+        invertColor={false}
         src="mock.asset"
       />
     </a>
   </li>
   <li
     className="c1"
+    newStyle={false}
   >
     <a
       className="c2 c3"
       data-test="icon-instagram"
       href="https://www.instagram.com/sportrelief"
+      isHeader={false}
+      newStyle={false}
       rel="noopener noreferrer"
       target="_blank"
       title="Check out our Instagram account"
@@ -404,17 +392,21 @@ exports[`renders correctly with Sport Relief links 1`] = `
       <img
         alt="instagram"
         className="c4"
+        invertColor={false}
         src="mock.asset"
       />
     </a>
   </li>
   <li
     className="c1"
+    newStyle={false}
   >
     <a
       className="c2 c3"
       data-test="icon-twitter"
       href="https://twitter.com/sportrelief"
+      isHeader={false}
+      newStyle={false}
       rel="noopener noreferrer"
       target="_blank"
       title="Check out our Twitter account"
@@ -422,17 +414,21 @@ exports[`renders correctly with Sport Relief links 1`] = `
       <img
         alt="twitter"
         className="c4"
+        invertColor={false}
         src="mock.asset"
       />
     </a>
   </li>
   <li
     className="c1"
+    newStyle={false}
   >
     <a
       className="c2 c3"
       data-test="icon-youtube"
       href="https://www.youtube.com/channel/UCdF5u0ggeSETozc8fsprjcw"
+      isHeader={false}
+      newStyle={false}
       rel="noopener noreferrer"
       target="_blank"
       title="Check out our YouTube channel"
@@ -440,6 +436,7 @@ exports[`renders correctly with Sport Relief links 1`] = `
       <img
         alt="youtube"
         className="c4"
+        invertColor={false}
         src="mock.asset"
       />
     </a>
diff --git a/src/components/Atoms/Text/Text.md b/src/components/Atoms/Text/Text.md
deleted file mode 100644
index 8c8733f73..000000000
--- a/src/components/Atoms/Text/Text.md
+++ /dev/null
@@ -1,169 +0,0 @@
-```js
-import fontConfig from  '../../../theme/crTheme/fontConfig';
-
-<>
-  <div style={{padding: "1rem 0"}}>
-    <Text
-      tag="h1"
-      mobileColor="blue"
-      // To be phased out: tags to use the prescribed family always
-      family="Anton"
-    >
-      <span style={{ width: "55px"}}>H1 </span>
-    </Text>
-    <Text style={{ textTransform: "none" }} tag="span" size="s">
-      <b>family:</b> {fontConfig['h1'].family} -
-      <b>mobileColor:</b> blue
-      <br/>
-      <b>font size (S / M / L breakpoints):</b> {fontConfig['h1'].small.fontSize} / {fontConfig['h1'].medium.fontSize} / {fontConfig['h1'].large.fontSize}
-      <br/>
-      <b>line height (S / M / L breakpoints):</b> {fontConfig['h1'].small.lineHeight} / {fontConfig['h1'].medium.lineHeight} / {fontConfig['h1'].large.lineHeight}
-    </Text>
-
-    <Text
-      tag="h2"
-      mobileColor="green"
-      family="Anton"
-    >
-      <span style={{ width: "55px"}}>H2 </span>
-    </Text>
-    <Text style={{ textTransform: "none" }} tag="span" size="s">
-      <b>family:</b> {fontConfig['h2'].family} -
-      <b>mobileColor:</b> green
-      <br/>
-      <b>font size (S / M / L breakpoints):</b> {fontConfig['h2'].small.fontSize} / {fontConfig['h2'].medium.fontSize} / {fontConfig['h2'].large.fontSize}
-      <br/>
-      <b>line height (S / M / L breakpoints):</b> {fontConfig['h2'].small.lineHeight} / {fontConfig['h2'].medium.lineHeight} / {fontConfig['h2'].large.lineHeight}
-    </Text>
-
-    <Text
-      tag="h3"
-      mobileColor="red"
-      family="Montserrat"
-    >
-      <span style={{ width: "55px"}}>H3 </span>
-    </Text>
-    <Text style={{ textTransform: "none" }} tag="span" size="s">
-      <b>family:</b> {fontConfig['h3'].family} -
-      <b>mobileColor:</b> red
-      <br/>
-      <b>font size (S / M / L breakpoints):</b> {fontConfig['h3'].small.fontSize} / {fontConfig['h3'].medium.fontSize} / {fontConfig['h3'].large.fontSize}
-      <br/>
-      <b>line height (S / M / L breakpoints):</b> {fontConfig['h3'].small.lineHeight} / {fontConfig['h3'].medium.lineHeight} / {fontConfig['h3'].large.lineHeight}
-    </Text>
-
-    <Text
-      tag="h4"
-      family="Montserrat"
-      weight="normal"
-      // To be phased out: text to always be rendered as typed
-      uppercase>
-      <span style={{ width: "55px"}}>H4 </span>
-    </Text>
-    <Text style={{ textTransform: "none" }} tag="span" size="s">
-      <b>family:</b> {fontConfig['span'].family} -
-      <br/>
-      <b>font size (S / M / L breakpoints):</b> {fontConfig['h4'].small.fontSize} / {fontConfig['h4'].medium.fontSize} / {fontConfig['h4'].large.fontSize}
-      <br/>
-      <b>line height (S / M / L breakpoints):</b> {fontConfig['h4'].small.lineHeight} / {fontConfig['h4'].medium.lineHeight} / {fontConfig['h4'].large.lineHeight}
-    </Text>
-
-    <Text tag="p" size="m" style={{ marginTop: "2rem"}} weight="500">
-      <span style={{ width: "55px"}}>P (body)</span>
-    </Text>
-    <Text style={{ textTransform: "none" }} tag="span" size="s">
-      <b>family:</b> {fontConfig['p'].family} -
-      <br/>
-      <b>font size (S / M / L breakpoints):</b> {fontConfig['p'].small.fontSize} / {fontConfig['p'].medium.fontSize} / {fontConfig['p'].large.fontSize}
-      <br/>
-      <b>line height (S / M / L breakpoints):</b> {fontConfig['p'].small.lineHeight} / {fontConfig['p'].medium.lineHeight} / {fontConfig['p'].large.lineHeight}
-    </Text>
-
-    <Text tag="p" style={{ marginTop: "55px", fontStyle: "italic"}}>
-      Tags to be phased out:
-    </Text>
-
-    <Text
-      tag="h5"
-      family="Anton"
-      uppercase
-      // To be phased-out
-      weight="normal">
-      <span style={{ width: "55px"}}>H5 </span>
-    </Text>
-    <Text style={{ textTransform: "none" }} tag="span" size="s">
-      <b>family:</b> {fontConfig['h5'].family} -
-      <br/>
-      <b>font size (S / M / L breakpoints):</b> {fontConfig['h5'].small.fontSize} / {fontConfig['h5'].medium.fontSize} / {fontConfig['h5'].large.fontSize}
-      <br/>
-      <b>line height (S / M / L breakpoints):</b> {fontConfig['h5'].small.lineHeight} / {fontConfig['h5'].medium.lineHeight} / {fontConfig['h5'].large.lineHeight}
-    </Text>
-
-    <Text tag="h6" 
-      family="Anton" 
-      uppercase
-      weight="normal">
-      <span style={{ width: "55px"}}>H6</span>
-    </Text>
-    <Text style={{ textTransform: "none" }} tag="span" size="s">
-      <b>family:</b> {fontConfig['h6'].family}
-      <br/>
-      <b>font size (S / M / L breakpoints):</b> {fontConfig['h6'].small.fontSize} / {fontConfig['h6'].medium.fontSize} / {fontConfig['h6'].large.fontSize}
-      <br/>
-      <b>line height (S / M / L breakpoints):</b> {fontConfig['h6'].small.lineHeight} / {fontConfig['h6'].medium.lineHeight} / {fontConfig['h6'].large.lineHeight}
-    </Text>
-  </div>
-
-  <div style={{padding: "1rem 0"}}>
-    <Text tag="h2"
-      family="Anton"
-      uppercase
-      weight="normal">
-      <span style={{ width: "55px"}}>Context styles:</span>
-    </Text>
-
-    <div style={{backgroundColor: 'aquamarine', padding: '1rem', margin: "1rem 0 1rem"}}>
-      <p>First paragraph</p>
-      <p>Second paragraph</p>
-      <p>Third and final paragraph</p>
-    </div>
-
-    <div style={{backgroundColor: 'aquamarine', padding: '1rem', margin: "1rem 0 1rem"}}>
-      <p>Only child P</p>
-    </div>
-
-    <div style={{backgroundColor: 'aquamarine', padding: '1rem', margin: "1rem 0 1rem"}}>
-      <h1>Only child H1</h1>
-    </div>
-
-    <div style={{backgroundColor: 'aquamarine', padding: '1rem', margin: "1rem 0 1rem"}}>
-      <h1>First child H1</h1>
-      <h1>Second child H1</h1>
-    </div>
-
-    <div style={{backgroundColor: 'aquamarine', padding: '1rem', margin: "1rem 0 1rem"}}>
-      <h1>h1</h1>
-      <p>Paragraph</p>
-      <p>Paragraph</p>
-      <p>Paragraph, last child</p>
-    </div>
-
-    <div style={{backgroundColor: 'aquamarine', padding: '1rem', margin: "1rem 0 1rem"}}>
-      <p>A preceding paragraph</p>
-      <p>A preceding paragraph</p>
-      <h1>H1 with an added margin-top as it follows a p tag</h1>
-      <p>Proceeding paragraph</p>
-      <p>Paragraph, last child</p>
-    </div>
-
-    <div style={{backgroundColor: 'aquamarine', padding: '1rem', margin: "1rem 0 1rem"}}>
-      <p>A preceding paragraph</p>
-      <p>A preceding paragraph</p>
-      <h1>H2 with an added margin-top as it follows a p tag</h1>
-      <p>Proceeding paragraph</p>
-      <p>Paragraph, last child</p>
-    </div>
-
-  </div>
-</>
-```
diff --git a/src/components/Atoms/Text/TextExample.jsx b/src/components/Atoms/Text/TextExample.jsx
new file mode 100644
index 000000000..9e52e8eda
--- /dev/null
+++ b/src/components/Atoms/Text/TextExample.jsx
@@ -0,0 +1,135 @@
+import React from 'react';
+import Text from './Text';
+import fontConfig from '../../../theme/crTheme/fontConfig';
+
+export default function TextExample() {
+  return (
+    <>
+      <div style={{ padding: '1rem 0' }}>
+        <Text tag="h1" mobileColor="blue" family="Anton">
+          <span style={{ width: '55px' }}>H1 </span>
+        </Text>
+        <Text style={{ textTransform: 'none' }} tag="span" size="s">
+          <b>family:</b> {fontConfig['h1'].family} -
+          <b>mobileColor:</b> blue
+          <br />
+          <b>font size (S / M / L breakpoints):</b> {fontConfig['h1'].small.fontSize} / {fontConfig['h1'].medium.fontSize} / {fontConfig['h1'].large.fontSize}
+          <br />
+          <b>line height (S / M / L breakpoints):</b> {fontConfig['h1'].small.lineHeight} / {fontConfig['h1'].medium.lineHeight} / {fontConfig['h1'].large.lineHeight}
+        </Text>
+
+        <Text tag="h2" mobileColor="green" family="Anton">
+          <span style={{ width: '55px' }}>H2 </span>
+        </Text>
+        <Text style={{ textTransform: 'none' }} tag="span" size="s">
+          <b>family:</b> {fontConfig['h2'].family} -
+          <b>mobileColor:</b> green
+          <br />
+          <b>font size (S / M / L breakpoints):</b> {fontConfig['h2'].small.fontSize} / {fontConfig['h2'].medium.fontSize} / {fontConfig['h2'].large.fontSize}
+          <br />
+          <b>line height (S / M / L breakpoints):</b> {fontConfig['h2'].small.lineHeight} / {fontConfig['h2'].medium.lineHeight} / {fontConfig['h2'].large.lineHeight}
+        </Text>
+
+        <Text tag="h3" mobileColor="red" family="Montserrat">
+          <span style={{ width: '55px' }}>H3 </span>
+        </Text>
+        <Text style={{ textTransform: 'none' }} tag="span" size="s">
+          <b>family:</b> {fontConfig['h3'].family} -
+          <b>mobileColor:</b> red
+          <br />
+          <b>font size (S / M / L breakpoints):</b> {fontConfig['h3'].small.fontSize} / {fontConfig['h3'].medium.fontSize} / {fontConfig['h3'].large.fontSize}
+          <br />
+          <b>line height (S / M / L breakpoints):</b> {fontConfig['h3'].small.lineHeight} / {fontConfig['h3'].medium.lineHeight} / {fontConfig['h3'].large.lineHeight}
+        </Text>
+
+        <Text tag="h4" family="Montserrat" weight="normal" uppercase>
+          <span style={{ width: '55px' }}>H4 </span>
+        </Text>
+        <Text style={{ textTransform: 'none' }} tag="span" size="s">
+          <b>family:</b> {fontConfig['span'].family} -
+          <br />
+          <b>font size (S / M / L breakpoints):</b> {fontConfig['h4'].small.fontSize} / {fontConfig['h4'].medium.fontSize} / {fontConfig['h4'].large.fontSize}
+          <br />
+          <b>line height (S / M / L breakpoints):</b> {fontConfig['h4'].small.lineHeight} / {fontConfig['h4'].medium.lineHeight} / {fontConfig['h4'].large.lineHeight}
+        </Text>
+
+        <Text tag="p" size="m" style={{ marginTop: '2rem' }} weight="500">
+          <span style={{ width: '55px' }}>P (body)</span>
+        </Text>
+        <Text style={{ textTransform: 'none' }} tag="span" size="s">
+          <b>family:</b> {fontConfig['p'].family} -
+          <br />
+          <b>font size (S / M / L breakpoints):</b> {fontConfig['p'].small.fontSize} / {fontConfig['p'].medium.fontSize} / {fontConfig['p'].large.fontSize}
+          <br />
+          <b>line height (S / M / L breakpoints):</b> {fontConfig['p'].small.lineHeight} / {fontConfig['p'].medium.lineHeight} / {fontConfig['p'].large.lineHeight}
+        </Text>
+
+        <Text tag="p" style={{ marginTop: '55px', fontStyle: 'italic' }}>
+          Tags to be phased out:
+        </Text>
+
+        <Text tag="h5" family="Anton" uppercase weight="normal">
+          <span style={{ width: '55px' }}>H5 </span>
+        </Text>
+        <Text style={{ textTransform: 'none' }} tag="span" size="s">
+          <b>family:</b> {fontConfig['h5'].family} -
+          <br />
+          <b>font size (S / M / L breakpoints):</b> {fontConfig['h5'].small.fontSize} / {fontConfig['h5'].medium.fontSize} / {fontConfig['h5'].large.fontSize}
+          <br />
+          <b>line height (S / M / L breakpoints):</b> {fontConfig['h5'].small.lineHeight} / {fontConfig['h5'].medium.lineHeight} / {fontConfig['h5'].large.lineHeight}
+        </Text>
+
+        <Text tag="h6" family="Anton" uppercase weight="normal">
+          <span style={{ width: '55px' }}>H6</span>
+        </Text>
+        <Text style={{ textTransform: 'none' }} tag="span" size="s">
+          <b>family:</b> {fontConfig['h6'].family}
+          <br />
+          <b>font size (S / M / L breakpoints):</b> {fontConfig['h6'].small.fontSize} / {fontConfig['h6'].medium.fontSize} / {fontConfig['h6'].large.fontSize}
+          <br />
+          <b>line height (S / M / L breakpoints):</b> {fontConfig['h6'].small.lineHeight} / {fontConfig['h6'].medium.lineHeight} / {fontConfig['h6'].large.lineHeight}
+        </Text>
+      </div>
+
+      <div style={{ padding: '1rem 0' }}>
+        <Text tag="h2" family="Anton" uppercase weight="normal">
+          <span style={{ width: '55px' }}>Context styles:</span>
+        </Text>
+
+        <div style={{ backgroundColor: 'lightblue', padding: '1rem', margin: '1rem 0' }}>
+          <p>First paragraph</p>
+          <p>Second paragraph</p>
+          <p>Third and final paragraph</p>
+        </div>
+
+        <div style={{ backgroundColor: 'lightblue', padding: '1rem', margin: '1rem 0' }}>
+          <p>Only child P</p>
+        </div>
+
+        <div style={{ backgroundColor: 'lightblue', padding: '1rem', margin: '1rem 0' }}>
+          <h1>Only child H1</h1>
+        </div>
+
+        <div style={{ backgroundColor: 'lightblue', padding: '1rem', margin: '1rem 0' }}>
+          <h1>First child H1</h1>
+          <h1>Second child H1</h1>
+        </div>
+
+        <div style={{ backgroundColor: 'lightblue', padding: '1rem', margin: '1rem 0' }}>
+          <h1>h1</h1>
+          <p>Paragraph</p>
+          <p>Paragraph</p>
+          <p>Paragraph, last child</p>
+        </div>
+
+        <div style={{ backgroundColor: 'lightblue', padding: '1rem', margin: '1rem 0' }}>
+          <p>A preceding paragraph</p>
+          <p>A preceding paragraph</p>
+          <h1>H1 with an added margin-top as it follows a p tag</h1>
+          <p>Proceeding paragraph</p>
+          <p>Paragraph, last child</p>
+        </div>
+      </div>
+    </>
+  );
+}
diff --git a/src/components/Atoms/Text/__snapshots__/Text.test.js.snap b/src/components/Atoms/Text/__snapshots__/Text.test.js.snap
index d087db840..ebc34caba 100644
--- a/src/components/Atoms/Text/__snapshots__/Text.test.js.snap
+++ b/src/components/Atoms/Text/__snapshots__/Text.test.js.snap
@@ -5,9 +5,6 @@ exports[`renders heavy heading correctly 1`] = `
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: 700;
   text-transform: inherit;
-  -webkit-letter-spacing: 0;
-  -moz-letter-spacing: 0;
-  -ms-letter-spacing: 0;
   letter-spacing: 0;
   font-size: 1.25rem;
   line-height: 1.5rem;
@@ -22,14 +19,14 @@ exports[`renders heavy heading correctly 1`] = `
   line-height: inherit;
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c0 {
     font-size: 1.25rem;
     line-height: 1.5rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c0 {
     font-size: 1.375rem;
     line-height: 1.625rem;
@@ -48,9 +45,6 @@ exports[`renders high heading correctly 1`] = `
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: 700;
   text-transform: inherit;
-  -webkit-letter-spacing: 0;
-  -moz-letter-spacing: 0;
-  -ms-letter-spacing: 0;
   letter-spacing: 0;
   font-size: 1.25rem;
   line-height: 1.5rem;
@@ -65,14 +59,14 @@ exports[`renders high heading correctly 1`] = `
   line-height: inherit;
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c0 {
     font-size: 1.25rem;
     line-height: 1.5rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c0 {
     font-size: 1.375rem;
     line-height: 1.625rem;
@@ -91,9 +85,6 @@ exports[`renders large heading correctly 1`] = `
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: 700;
   text-transform: inherit;
-  -webkit-letter-spacing: 0;
-  -moz-letter-spacing: 0;
-  -ms-letter-spacing: 0;
   letter-spacing: 0;
   font-size: 1.25rem;
   line-height: 1.5rem;
@@ -109,14 +100,14 @@ exports[`renders large heading correctly 1`] = `
   line-height: inherit;
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c0 {
     font-size: 1.25rem;
     line-height: 1.5rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c0 {
     font-size: 1.375rem;
     line-height: 1.625rem;
@@ -135,9 +126,6 @@ exports[`renders xl paragraph with Anton font correctly 1`] = `
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: 400;
   text-transform: inherit;
-  -webkit-letter-spacing: 0;
-  -moz-letter-spacing: 0;
-  -ms-letter-spacing: 0;
   letter-spacing: 0;
   font-size: 1rem;
   line-height: 1.25rem;
@@ -154,14 +142,14 @@ exports[`renders xl paragraph with Anton font correctly 1`] = `
   line-height: inherit;
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c0 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c0 {
     font-size: 1.125rem;
     line-height: 1.375rem;
@@ -180,9 +168,6 @@ exports[`renders xl yellow paragraph correctly 1`] = `
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: 400;
   text-transform: inherit;
-  -webkit-letter-spacing: 0;
-  -moz-letter-spacing: 0;
-  -ms-letter-spacing: 0;
   letter-spacing: 0;
   font-size: 1rem;
   line-height: 1.25rem;
@@ -199,14 +184,14 @@ exports[`renders xl yellow paragraph correctly 1`] = `
   line-height: inherit;
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c0 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c0 {
     font-size: 1.125rem;
     line-height: 1.375rem;
diff --git a/src/components/Atoms/TextArea/TextArea.md b/src/components/Atoms/TextArea/TextArea.md
deleted file mode 100644
index c50ed7fa6..000000000
--- a/src/components/Atoms/TextArea/TextArea.md
+++ /dev/null
@@ -1,21 +0,0 @@
-# TextArea Field
-
-```js
-<h4>Long copy/Message field</h4>
-<TextArea
-  name="description"
-  placeholder="This is a placeholder"
-  label="Label"
-  rows={4}
-  id="textarea-test"
-/>
-
-<h4>Long copy/Message field</h4>
-<TextArea
-  name="description"
-  label="Label"
-  rows={6}
-  errorMsg="This is an error message"
-  id="textarea-test-2"
-/>
-```
diff --git a/src/components/Atoms/TextArea/TextArea.test.js b/src/components/Atoms/TextArea/TextArea.test.js
index 7e804bdc8..583bce33f 100644
--- a/src/components/Atoms/TextArea/TextArea.test.js
+++ b/src/components/Atoms/TextArea/TextArea.test.js
@@ -20,9 +20,6 @@ it('renders correctly', () => {
       font-family: 'Montserrat',Helvetica,Arial,sans-serif;
       font-weight: 400;
       text-transform: inherit;
-      -webkit-letter-spacing: 0;
-      -moz-letter-spacing: 0;
-      -ms-letter-spacing: 0;
       letter-spacing: 0;
       font-size: 1rem;
       line-height: 1.25rem;
@@ -36,12 +33,7 @@ it('renders correctly', () => {
     .c0 {
       width: 100%;
       position: relative;
-      display: -webkit-box;
-      display: -webkit-flex;
-      display: -ms-flexbox;
       display: flex;
-      -webkit-flex-direction: column;
-      -ms-flex-direction: column;
       flex-direction: column;
       color: #000000;
     }
@@ -51,9 +43,6 @@ it('renders correctly', () => {
       font-family: 'Montserrat',Helvetica,Arial,sans-serif;
       font-weight: 400;
       text-transform: inherit;
-      -webkit-letter-spacing: 0;
-      -moz-letter-spacing: 0;
-      -ms-letter-spacing: 0;
       letter-spacing: 0;
       font-size: 1rem;
       line-height: 1.25rem;
@@ -70,8 +59,6 @@ it('renders correctly', () => {
       border-radius: 0.5rem;
       border-color: #E1E2E3;
       box-shadow: none;
-      -webkit-appearance: none;
-      -moz-appearance: none;
       appearance: none;
       color: #000000;
       font-family: 'Montserrat',Helvetica,Arial,sans-serif;
@@ -82,44 +69,32 @@ it('renders correctly', () => {
       border: 1px solid #666;
     }
 
-    .c3:focus::-webkit-input-placeholder {
-      visibility: hidden;
-    }
-
-    .c3:focus::-moz-placeholder {
-      visibility: hidden;
-    }
-
-    .c3:focus:-ms-input-placeholder {
-      visibility: hidden;
-    }
-
     .c3:focus::placeholder {
       visibility: hidden;
     }
 
-    @media (min-width:740px) {
+    @media (min-width: 740px) {
       .c1 {
         font-size: 1rem;
         line-height: 1.25rem;
       }
     }
 
-    @media (min-width:1024px) {
+    @media (min-width: 1024px) {
       .c1 {
         font-size: 1.125rem;
         line-height: 1.375rem;
       }
     }
 
-    @media (min-width:740px) {
+    @media (min-width: 740px) {
       .c2 {
         font-size: 1rem;
         line-height: 1.25rem;
       }
     }
 
-    @media (min-width:1024px) {
+    @media (min-width: 1024px) {
       .c2 {
         font-size: 1rem;
         line-height: 1.25rem;
@@ -128,12 +103,14 @@ it('renders correctly', () => {
 
     <label
       className="c0"
+      errorMsg=""
       htmlFor="Please leave your comment here"
+      optional={null}
     >
       <span
         className="c1 c2"
         dangerouslySetInnerHTML={
-          Object {
+          {
             "__html": "Label",
           }
         }
@@ -141,12 +118,12 @@ it('renders correctly', () => {
       <textarea
         aria-describedby="Please leave your comment here"
         className="c3"
+        error={false}
         id="Please leave your comment here"
         name="description"
         placeholder="This is text area"
         rows={5}
       />
-      
     </label>
   `);
 });
diff --git a/src/components/Atoms/TextArea/TextAreaExample.jsx b/src/components/Atoms/TextArea/TextAreaExample.jsx
new file mode 100644
index 000000000..7d2782756
--- /dev/null
+++ b/src/components/Atoms/TextArea/TextAreaExample.jsx
@@ -0,0 +1,26 @@
+import React from 'react';
+import TextArea from './TextArea';
+
+export default function TextAreaExample() {
+  return (
+    <>
+      <h4>Long copy/Message field</h4>
+      <TextArea
+        name="description"
+        placeholder="This is a placeholder"
+        label="Label"
+        rows={4}
+        id="textarea-test"
+      />
+
+      <h4>Long copy/Message field with error</h4>
+      <TextArea
+        name="description2"
+        label="Label"
+        rows={6}
+        errorMsg="This is an error message"
+        id="textarea-test-2"
+      />
+    </>
+  );
+}
diff --git a/src/components/Atoms/TextInputWithDropdown/TextInputWithDropdown.md b/src/components/Atoms/TextInputWithDropdown/TextInputWithDropdown.md
deleted file mode 100644
index 943601c1a..000000000
--- a/src/components/Atoms/TextInputWithDropdown/TextInputWithDropdown.md
+++ /dev/null
@@ -1,32 +0,0 @@
-# TextInputWithDropdown
-
-```jsx
-const [value, setValue] = React.useState('');
-const [options, setOptions] = React.useState([]);
-
-const dummyOptions = [
-  'Option 1',
-  'Another option',
-  'And another',
-  'Click me',
-  'No, click me',
-];
-
-<TextInputWithDropdown
-  value={value}
-  options={options}
-  onChange={(e) => {
-    setValue(e.currentTarget.value);
-    setOptions(value.trim().length > 2 ? dummyOptions : []);
-  }}
-  onSelect={(value, index) => {
-    alert(`Selected [${value}] at index [${index}]`);
-    setValue('');
-    setOptions([]);
-  }}
-  id="input-with-dropdown"
-  name="query"
-  label="Text input with dropdown"
-  dropdownInstruction="Choose one from the list below..."
-/>;
-```
diff --git a/src/components/Atoms/TextInputWithDropdown/TextInputWithDropdownExample.jsx b/src/components/Atoms/TextInputWithDropdown/TextInputWithDropdownExample.jsx
new file mode 100644
index 000000000..531efab78
--- /dev/null
+++ b/src/components/Atoms/TextInputWithDropdown/TextInputWithDropdownExample.jsx
@@ -0,0 +1,35 @@
+import React, { useState } from 'react';
+import TextInputWithDropdown from './TextInputWithDropdown';
+
+const dummyOptions = [
+  'Option 1',
+  'Another option',
+  'And another',
+  'Click me',
+  'No, click me',
+];
+
+export default function TextInputWithDropdownExample() {
+  const [value, setValue] = useState('');
+  const [options, setOptions] = useState([]);
+
+  return (
+    <TextInputWithDropdown
+      value={value}
+      options={options}
+      onChange={(e) => {
+        setValue(e.currentTarget.value);
+        setOptions(e.currentTarget.value.trim().length > 2 ? dummyOptions : []);
+      }}
+      onSelect={(selectedValue, index) => {
+        alert(`Selected [${selectedValue}] at index [${index}]`);
+        setValue('');
+        setOptions([]);
+      }}
+      id="input-with-dropdown"
+      name="query"
+      label="Text input with dropdown"
+      dropdownInstruction="Choose one from the list below..."
+    />
+  );
+}
diff --git a/src/components/Atoms/TextInputWithDropdown/__snapshots__/TextInputWithDropdown.test.js.snap b/src/components/Atoms/TextInputWithDropdown/__snapshots__/TextInputWithDropdown.test.js.snap
index f583cb4f9..b34436951 100644
--- a/src/components/Atoms/TextInputWithDropdown/__snapshots__/TextInputWithDropdown.test.js.snap
+++ b/src/components/Atoms/TextInputWithDropdown/__snapshots__/TextInputWithDropdown.test.js.snap
@@ -5,9 +5,6 @@ exports[`renders correctly with no value and no options 1`] = `
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: 400;
   text-transform: inherit;
-  -webkit-letter-spacing: 0;
-  -moz-letter-spacing: 0;
-  -ms-letter-spacing: 0;
   letter-spacing: 0;
   font-size: 1rem;
   line-height: 1.25rem;
@@ -21,12 +18,7 @@ exports[`renders correctly with no value and no options 1`] = `
 .c1 {
   width: 100%;
   position: relative;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
   flex-direction: column;
   color: #000000;
 }
@@ -36,9 +28,6 @@ exports[`renders correctly with no value and no options 1`] = `
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: 400;
   text-transform: inherit;
-  -webkit-letter-spacing: 0;
-  -moz-letter-spacing: 0;
-  -ms-letter-spacing: 0;
   letter-spacing: 0;
   font-size: 1rem;
   line-height: 1.25rem;
@@ -49,9 +38,6 @@ exports[`renders correctly with no value and no options 1`] = `
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: 400;
   text-transform: inherit;
-  -webkit-letter-spacing: 0;
-  -moz-letter-spacing: 0;
-  -ms-letter-spacing: 0;
   letter-spacing: 0;
   font-size: 1rem;
   line-height: 1.25rem;
@@ -60,17 +46,8 @@ exports[`renders correctly with no value and no options 1`] = `
 .c5 {
   position: relative;
   width: 100%;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-box-pack: end;
-  -webkit-justify-content: flex-end;
-  -ms-flex-pack: end;
   justify-content: flex-end;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
   align-items: center;
 }
 
@@ -84,8 +61,6 @@ exports[`renders correctly with no value and no options 1`] = `
   border: 1px solid;
   border-color: #969598;
   box-shadow: none;
-  -webkit-appearance: none;
-  -moz-appearance: none;
   appearance: none;
   color: #000000;
   border-radius: 0.5rem;
@@ -102,95 +77,90 @@ exports[`renders correctly with no value and no options 1`] = `
   position: relative;
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c2 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c2 {
     font-size: 1.125rem;
     line-height: 1.375rem;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c3 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c3 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c4 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c4 {
     font-size: 1.25rem;
     line-height: 1.25rem;
   }
 }
 
-@media (min-width:740px) {
-
-}
-
-@media (min-width:1024px) {
-
-}
-
 <div
   className="c0 TextInputWithDropdown"
   onKeyDown={[Function]}
 >
   <label
     className="c1 TextInputWithDropdown__input"
+    errorMsg=""
     htmlFor="text-input-with-dropdown"
+    optional={null}
   >
     <span
       className="c2 c3"
       dangerouslySetInnerHTML={
-        Object {
+        {
           "__html": "Search for bikes",
         }
       }
     />
     <div
       className="c4"
+      error={false}
     >
-      
       <div
         className="c5"
+        error={false}
       >
         <input
           aria-required={false}
           autoComplete="off"
           className="c6"
+          error={false}
           id="text-input-with-dropdown"
           name="query"
           onChange={[Function]}
           placeholder=""
+          prefixLength={0}
           required={false}
           type="text"
           value=""
         />
-        
       </div>
     </div>
-    
   </label>
 </div>
 `;
@@ -200,9 +170,6 @@ exports[`renders correctly with value and no options 1`] = `
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: 400;
   text-transform: inherit;
-  -webkit-letter-spacing: 0;
-  -moz-letter-spacing: 0;
-  -ms-letter-spacing: 0;
   letter-spacing: 0;
   font-size: 1rem;
   line-height: 1.25rem;
@@ -216,12 +183,7 @@ exports[`renders correctly with value and no options 1`] = `
 .c1 {
   width: 100%;
   position: relative;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
   flex-direction: column;
   color: #000000;
 }
@@ -231,9 +193,6 @@ exports[`renders correctly with value and no options 1`] = `
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: 400;
   text-transform: inherit;
-  -webkit-letter-spacing: 0;
-  -moz-letter-spacing: 0;
-  -ms-letter-spacing: 0;
   letter-spacing: 0;
   font-size: 1rem;
   line-height: 1.25rem;
@@ -244,9 +203,6 @@ exports[`renders correctly with value and no options 1`] = `
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: 400;
   text-transform: inherit;
-  -webkit-letter-spacing: 0;
-  -moz-letter-spacing: 0;
-  -ms-letter-spacing: 0;
   letter-spacing: 0;
   font-size: 1rem;
   line-height: 1.25rem;
@@ -255,17 +211,8 @@ exports[`renders correctly with value and no options 1`] = `
 .c5 {
   position: relative;
   width: 100%;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-box-pack: end;
-  -webkit-justify-content: flex-end;
-  -ms-flex-pack: end;
   justify-content: flex-end;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
   align-items: center;
 }
 
@@ -279,8 +226,6 @@ exports[`renders correctly with value and no options 1`] = `
   border: 1px solid;
   border-color: #969598;
   box-shadow: none;
-  -webkit-appearance: none;
-  -moz-appearance: none;
   appearance: none;
   color: #000000;
   border-radius: 0.5rem;
@@ -297,95 +242,90 @@ exports[`renders correctly with value and no options 1`] = `
   position: relative;
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c2 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c2 {
     font-size: 1.125rem;
     line-height: 1.375rem;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c3 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c3 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c4 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c4 {
     font-size: 1.25rem;
     line-height: 1.25rem;
   }
 }
 
-@media (min-width:740px) {
-
-}
-
-@media (min-width:1024px) {
-
-}
-
 <div
   className="c0 TextInputWithDropdown"
   onKeyDown={[Function]}
 >
   <label
     className="c1 TextInputWithDropdown__input"
+    errorMsg=""
     htmlFor="text-input-with-dropdown"
+    optional={null}
   >
     <span
       className="c2 c3"
       dangerouslySetInnerHTML={
-        Object {
+        {
           "__html": "Search for bikes",
         }
       }
     />
     <div
       className="c4"
+      error={false}
     >
-      
       <div
         className="c5"
+        error={false}
       >
         <input
           aria-required={false}
           autoComplete="off"
           className="c6"
+          error={false}
           id="text-input-with-dropdown"
           name="query"
           onChange={[Function]}
           placeholder=""
+          prefixLength={0}
           required={false}
           type="text"
           value="bikes"
         />
-        
       </div>
     </div>
-    
   </label>
 </div>
 `;
@@ -395,9 +335,6 @@ exports[`renders correctly with value and options 1`] = `
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: 400;
   text-transform: inherit;
-  -webkit-letter-spacing: 0;
-  -moz-letter-spacing: 0;
-  -ms-letter-spacing: 0;
   letter-spacing: 0;
   font-size: 1rem;
   line-height: 1.25rem;
@@ -411,12 +348,7 @@ exports[`renders correctly with value and options 1`] = `
 .c1 {
   width: 100%;
   position: relative;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
   flex-direction: column;
   color: #000000;
 }
@@ -426,9 +358,6 @@ exports[`renders correctly with value and options 1`] = `
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: 400;
   text-transform: inherit;
-  -webkit-letter-spacing: 0;
-  -moz-letter-spacing: 0;
-  -ms-letter-spacing: 0;
   letter-spacing: 0;
   font-size: 1rem;
   line-height: 1.25rem;
@@ -439,9 +368,6 @@ exports[`renders correctly with value and options 1`] = `
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: 400;
   text-transform: inherit;
-  -webkit-letter-spacing: 0;
-  -moz-letter-spacing: 0;
-  -ms-letter-spacing: 0;
   letter-spacing: 0;
   font-size: 1rem;
   line-height: 1.25rem;
@@ -450,17 +376,8 @@ exports[`renders correctly with value and options 1`] = `
 .c5 {
   position: relative;
   width: 100%;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-box-pack: end;
-  -webkit-justify-content: flex-end;
-  -ms-flex-pack: end;
   justify-content: flex-end;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
   align-items: center;
 }
 
@@ -474,8 +391,6 @@ exports[`renders correctly with value and options 1`] = `
   border: 1px solid;
   border-color: #969598;
   box-shadow: none;
-  -webkit-appearance: none;
-  -moz-appearance: none;
   appearance: none;
   color: #000000;
   border-radius: 0.5rem;
@@ -525,57 +440,49 @@ exports[`renders correctly with value and options 1`] = `
   background-color: #F4F3F5;
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c2 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c2 {
     font-size: 1.125rem;
     line-height: 1.375rem;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c3 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c3 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c4 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c4 {
     font-size: 1.25rem;
     line-height: 1.25rem;
   }
 }
 
-@media (min-width:740px) {
-
-}
-
-@media (min-width:1024px) {
-
-}
-
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c7 {
     max-width: 500px;
   }
@@ -587,42 +494,46 @@ exports[`renders correctly with value and options 1`] = `
 >
   <label
     className="c1 TextInputWithDropdown__input"
+    errorMsg=""
     htmlFor="text-input-with-dropdown"
+    optional={null}
   >
     <span
       className="c2 c3"
       dangerouslySetInnerHTML={
-        Object {
+        {
           "__html": "Search for bikes",
         }
       }
     />
     <div
       className="c4"
+      error={false}
     >
-      
       <div
         className="c5"
+        error={false}
       >
         <input
           aria-required={false}
           autoComplete="off"
           className="c6"
+          error={false}
           id="text-input-with-dropdown"
           name="query"
           onChange={[Function]}
           placeholder=""
+          prefixLength={0}
           required={false}
           type="text"
           value="c"
         />
-        
       </div>
     </div>
-    
   </label>
   <div
     className="c7 TextInputWithDropdown__options"
+    hideBorder={false}
   >
     <ul
       className="c8"
diff --git a/src/components/Molecules/Accordion/Accordion.js b/src/components/Molecules/Accordion/Accordion.js
index a2f89bbee..611cc5bee 100644
--- a/src/components/Molecules/Accordion/Accordion.js
+++ b/src/components/Molecules/Accordion/Accordion.js
@@ -30,6 +30,10 @@ const Button = styled.button`
   &:hover {
     color: inherit; // text was flashing white on focus on safari without this.
     outline: none;
+    > div {
+      animation-name: ${ChevronKeyframes};
+      animation-duration: 0.4s;
+    }
   }
 
   padding: ${spacing('l')};
@@ -97,7 +101,7 @@ const Accordion = ({
 
   return (
     <Container {...rest}>
-      <Button onClick={handleOpen} aria-expanded={isOpen ? 'true' : 'false'} ChevronKeyframes={ChevronKeyframes} type="button">
+      <Button onClick={handleOpen} aria-expanded={isOpen ? 'true' : 'false'} type="button">
         <StyledText tag={textTag} weight={weight}>
           {title}
         </StyledText>
diff --git a/src/components/Molecules/Accordion/Accordion.md b/src/components/Molecules/Accordion/Accordion.md
deleted file mode 100644
index a73f4cef0..000000000
--- a/src/components/Molecules/Accordion/Accordion.md
+++ /dev/null
@@ -1,51 +0,0 @@
-# Accordion
-
-```js
-import Text from '../../Atoms/Text/Text';
-
-<Accordion
-  title={
-    <Text family="Anton" size="l" uppercase>
-      I am the title
-    </Text>
-  }
-  >
- <Text tag="p" size="s">Name, surname, email and billing address We need these to process your payment, create a receipt and send it to you. Establishment information We use this information to understand which institutions (e.g. schools, companies) raise money for us. Your details will be kept safe and never shared with other organisations; see our Privacy Policy for more information</Text>
-</Accordion>
-```
-
-```js
-import Text from '../../Atoms/Text/Text';
-
-<Accordion
-  contentBottomPadding="100px"
-  title={
-    <Text family="Anton" size="l" uppercase>
-      I am the title
-    </Text>
-  }
-  >
-  
-  <Text tag="p" size="s">Customised bottom padding here!</Text>
-  
-  <Text tag="p" size="s">
-    <a href="https://www.google.com">A plain anchor link, made to resemble a Link component</a>.
-  </Text>
-</Accordion>
-```
-
-```js
-import Text from '../../Atoms/Text/Text';
-
-<Accordion
-  contentBottomPadding="100px"
-  title={
-    <Text textTag="p" weight="700">
-      I am a title with an overridden text type and weight, to 'p' 700 which is the new donate preference
-    </Text>
-  }
-  >
-  
-  <Text tag="p" size="s">lorem ipsum</Text>
-</Accordion>
-```
diff --git a/src/components/Molecules/Accordion/AccordionExample.jsx b/src/components/Molecules/Accordion/AccordionExample.jsx
new file mode 100644
index 000000000..4d54be6d1
--- /dev/null
+++ b/src/components/Molecules/Accordion/AccordionExample.jsx
@@ -0,0 +1,29 @@
+import React from 'react';
+import Accordion from './Accordion';
+import Text from '../../Atoms/Text/Text';
+
+export default function AccordionExample() {
+  return (
+    <>
+      <Accordion
+        title={<Text family="Anton" size="l" uppercase>I am the title</Text>}
+      >
+        <Text tag="p" size="s">
+          Name, surname, email and billing address We need these to process your payment,
+          create a receipt and send it to you. Establishment information We use this information
+          to understand which institutions raise money for us.
+        </Text>
+      </Accordion>
+
+      <Accordion
+        contentBottomPadding="100px"
+        title={<Text family="Anton" size="l" uppercase>I am the title</Text>}
+      >
+        <Text tag="p" size="s">Customised bottom padding here!</Text>
+        <Text tag="p" size="s">
+          <a href="https://www.google.com">A plain anchor link, made to resemble a Link component</a>.
+        </Text>
+      </Accordion>
+    </>
+  );
+}
diff --git a/src/components/Molecules/Accordion/__snapshots__/Accordion.test.js.snap b/src/components/Molecules/Accordion/__snapshots__/Accordion.test.js.snap
index cf95463b4..3cff1ef4d 100644
--- a/src/components/Molecules/Accordion/__snapshots__/Accordion.test.js.snap
+++ b/src/components/Molecules/Accordion/__snapshots__/Accordion.test.js.snap
@@ -5,9 +5,6 @@ exports[`renders correctly 1`] = `
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: 700;
   text-transform: inherit;
-  -webkit-letter-spacing: 0;
-  -moz-letter-spacing: 0;
-  -ms-letter-spacing: 0;
   letter-spacing: 0;
   font-size: 1rem;
   line-height: 1.25rem;
@@ -22,9 +19,6 @@ exports[`renders correctly 1`] = `
   font-family: 'Anton',Impact,sans-serif;
   font-weight: 400;
   text-transform: uppercase;
-  -webkit-letter-spacing: 0;
-  -moz-letter-spacing: 0;
-  -ms-letter-spacing: 0;
   letter-spacing: 0;
   font-size: 1.5rem;
   line-height: 1.5rem;
@@ -44,9 +38,6 @@ exports[`renders correctly 1`] = `
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: 400;
   text-transform: inherit;
-  -webkit-letter-spacing: 0;
-  -moz-letter-spacing: 0;
-  -ms-letter-spacing: 0;
   letter-spacing: 0;
   font-size: 1rem;
   line-height: 1.25rem;
@@ -63,24 +54,14 @@ exports[`renders correctly 1`] = `
 }
 
 .c1 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-box-pack: justify;
-  -webkit-justify-content: space-between;
-  -ms-flex-pack: justify;
   justify-content: space-between;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
   align-items: center;
   width: 100%;
   background: none;
   border: none;
   color: inherit;
   -webkit-appearance: none;
-  -webkit-transition: bottom 0.1s linear;
   transition: bottom 0.1s linear;
   cursor: pointer;
   text-align: left;
@@ -93,27 +74,21 @@ exports[`renders correctly 1`] = `
   outline: none;
 }
 
+.c1:focus >div,
+.c1:hover >div {
+  animation-name: k0;
+  animation-duration: 0.4s;
+}
+
 .c5 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
   justify-content: center;
-  -webkit-align-content: center;
-  -ms-flex-line-pack: center;
   align-content: center;
 }
 
 .c7 {
   height: 24px;
-  -webkit-transform: rotate(0deg);
-  -ms-transform: rotate(0deg);
   transform: rotate(0deg);
-  -webkit-transition: -webkit-transform 0.15s ease-in-out;
-  -webkit-transition: transform 0.15s ease-in-out;
   transition: transform 0.15s ease-in-out;
 }
 
@@ -135,7 +110,6 @@ exports[`renders correctly 1`] = `
   overflow: hidden;
   height: 0;
   visibility: none;
-  -webkit-transition: all 0.2s cubic-bezier(0,0,0.25,0.82);
   transition: all 0.2s cubic-bezier(0,0,0.25,0.82);
   padding: 0 2rem;
 }
@@ -144,54 +118,68 @@ exports[`renders correctly 1`] = `
   margin-bottom: 0;
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c2 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c2 {
     font-size: 1.125rem;
     line-height: 1.375rem;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c4 {
     font-size: 1.875rem;
     line-height: 1.875rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c4 {
     font-size: 2rem;
     line-height: 2rem;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c9 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c9 {
     font-size: 1.125rem;
     line-height: 1.375rem;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c8 {
     padding: 0 3rem;
   }
 }
 
+@keyframes k0 {
+  0% {
+    margin-top: 0rem;
+  }
+
+  50% {
+    margin-top: 0.5rem;
+  }
+
+  100% {
+    margin-top: 0rem;
+  }
+}
+
 <div
   className="c0"
 >
@@ -206,6 +194,7 @@ exports[`renders correctly 1`] = `
     >
       <h2
         className="c4"
+        font="Anton"
       >
         I am the title
       </h2>
@@ -217,12 +206,14 @@ exports[`renders correctly 1`] = `
         alt=""
         aria-hidden="true"
         className="c6 c7"
+        isOpen={false}
         src="mock.asset"
       />
     </div>
   </button>
   <div
     className="c8"
+    isOpen={false}
   >
     <p
       className="c9"
diff --git a/src/components/Molecules/ArticleTeaser/ArticleTeaser.md b/src/components/Molecules/ArticleTeaser/ArticleTeaser.md
deleted file mode 100644
index c53307c35..000000000
--- a/src/components/Molecules/ArticleTeaser/ArticleTeaser.md
+++ /dev/null
@@ -1,127 +0,0 @@
-### Article teaser
-
-```js
-const defaultData = require('../../../styleguide/data/data').defaultData;
-
-<>
-  <span> Recreating XS-M breakpoints layout in CRcom (somewhat)</span>
-  <div style={{ display: 'flex', background: '#E1E2E3', maxWidth: '1023px', marginBottom: '2rem', flexFlow: 'wrap', justifyContent: 'space-between' }}>
-    <div style={{ margin: '1rem', width: 'calc(100% - 2rem)' }}>
-      <ArticleTeaser
-        href="/test"
-        images={defaultData.newsImage}
-        imageLow={defaultData.imageLow}
-        date=" 01 July 2019"
-        title="News article"
-        alt="Image's description"
-      />
-    </div>
-
-    <div style={{ margin: '1rem', width: 'calc(100% - 2rem)' }}>
-      <ArticleTeaser
-        href="/test"
-        images={defaultData.images}
-        imageLow={defaultData.imageLow}
-        title="Article teaser w/no date; used for Prizes, loads, loads, loads, loads, loads, loads, loads, loads, loads, LOADS more copy to mess with the heights a bit"
-        alt="Image's description"
-      />
-    </div>
-
-    <div style={{ margin: '1rem', width: 'calc(100% - 2rem)' }}>
-      <ArticleTeaser
-        href="/test"
-        images={defaultData.images}
-        imageLow={defaultData.imageLow}
-        title="Article teaser w/no date; used for Prizes"
-        alt="Image's description"
-      />
-    </div>
-  </div>
-
-  <span> Recreating L+ breakpoints layout in CRcom (somewhat)</span>
-  <div style={{ display: 'flex', background: '#E1E2E3', maxWidth: '100%', marginBottom: '2rem', flexFlow: 'wrap', justifyContent: 'space-between' }}>
-    <div style={{ margin: '1rem', width: 'calc(33.3% - 2rem)' }}>
-      <ArticleTeaser
-        href="/test"
-        images={defaultData.images}
-        imageLow={defaultData.imageLow}
-        date=" 01 July 2019"
-        title="News article"
-        alt="Image's description"
-      />
-    </div>
-
-    <div style={{ margin: '1rem', width: 'calc(33.3% - 2rem)' }}>
-      <ArticleTeaser
-        href="/test"
-        images={defaultData.images}
-        imageLow={defaultData.imageLow}
-        title="Article teaser w/no date; used for Prizes, loads, loads, loads, loads, loads, loads, loads, loads, loads, LOADS more copy to mess with the heights a bit"
-        alt="Image's description"
-      />
-    </div>
-
-    <div style={{ margin: '1rem', width: 'calc(33.3% - 2rem)' }}>
-      <ArticleTeaser
-        href="/test"
-        images={defaultData.images}
-        imageLow={defaultData.imageLow}
-        title="Article teaser w/no date; used for Prizes"
-        alt="Image's description"
-      />
-    </div>
-  </div>
-</>
-```
-
-### Article teaser: Press release
-
-```js
-const defaultData = require('../../../styleguide/data/data').defaultData;<div>
-
-  <div style={{ width: '100%', padding: '1rem'}}>
-    <ArticleTeaser
-      href="/test"
-      category=""
-      date=" 01 July 2019"
-      title="Press Release"
-      alt="Image's description"
-      logoSize="80px"
-    />
-  </div>
-
-
-  <div style={{ width: '100%', padding: '1rem'}}>
-    <ArticleTeaser
-      href="/test"
-      category=""
-      title="Press Release w/no date"
-      alt="Image's description"
-      logoSize="80px"
-    />
-  </div>
-
-  <div style={{ width: '100%', padding: '1rem'}}>
-    <ArticleTeaser
-      href="/test"
-      category="Red Nose Day"
-      title="Red Nose Day Press Release"
-      date=" 01 July 2019"
-      alt="Image's description"
-      logoSize="80px"
-    />
-  </div>
-
-  <div style={{ width: '100%', padding: '1rem'}}>
-    <ArticleTeaser
-      href="/test"
-      category="Sport Relief"
-      title="Sport Relief Press Release"
-      date=" 01 July 2019"
-      alt="Image's description"
-      logoSize="80px"
-    />
-  </div>
-
-</div>
-```
diff --git a/src/components/Molecules/ArticleTeaser/ArticleTeaser.test.js b/src/components/Molecules/ArticleTeaser/ArticleTeaser.test.js
index 9a9e37a51..c50c15996 100644
--- a/src/components/Molecules/ArticleTeaser/ArticleTeaser.test.js
+++ b/src/components/Molecules/ArticleTeaser/ArticleTeaser.test.js
@@ -2,7 +2,7 @@ import React from 'react';
 import 'jest-styled-components';
 import renderWithTheme from '../../../../tests/hoc/shallowWithTheme';
 import ArticleTeaser from './ArticleTeaser';
-import { defaultData } from '../../../styleguide/data/data';
+import { defaultData } from '../../../data/data';
 it('renders article teaser correctly', () => {
   const tree = renderWithTheme(
     <ArticleTeaser
@@ -19,527 +19,462 @@ it('renders article teaser correctly', () => {
   ).toJSON();
 
   expect(tree).toMatchInlineSnapshot(`
-    .c11 {
-      font-family: 'Montserrat',Helvetica,Arial,sans-serif;
-      font-weight: 400;
-      text-transform: inherit;
-      -webkit-letter-spacing: 0;
-      -moz-letter-spacing: 0;
-      -ms-letter-spacing: 0;
-      letter-spacing: 0;
-      font-size: 1rem;
-      line-height: 1.25rem;
-    }
-
-    .c11 {
-      font-size: 0.75rem;
-      line-height: normal;
-      font-weight: bold;
-    }
-
-    .c11 span {
-      font-size: inherit;
-      line-height: inherit;
-    }
-
-    .c13 {
-      font-family: 'Montserrat',Helvetica,Arial,sans-serif;
-      font-weight: 700;
-      text-transform: inherit;
-      -webkit-letter-spacing: 0;
-      -moz-letter-spacing: 0;
-      -ms-letter-spacing: 0;
-      letter-spacing: 0;
-      font-size: 1rem;
-      line-height: 1.25rem;
-    }
-
-    .c13 span {
-      font-size: inherit;
-      line-height: inherit;
-    }
-
-    .c17 {
-      font-family: 'Montserrat',Helvetica,Arial,sans-serif;
-      font-weight: 400;
-      text-transform: inherit;
-      -webkit-letter-spacing: 0;
-      -moz-letter-spacing: 0;
-      -ms-letter-spacing: 0;
-      letter-spacing: 0;
-      font-size: 1rem;
-      line-height: 1.25rem;
-    }
-
-    .c17 span {
-      font-size: inherit;
-      line-height: inherit;
-    }
-
-    .c6 {
-      display: block;
-      width: 100%;
-      height: 100%;
-      position: relative;
-    }
-
-    .c9 {
-      width: 100%;
-      height: 100%;
-      display: block;
-      object-fit: cover;
-    }
-
-    .c1 {
-      position: relative;
-      display: inline;
-      color: #000000;
-      font-weight: normal;
-    }
-
-    .c1:hover,
-    .c1:focus {
-      color: #000000;
-      -webkit-text-decoration: none;
-      text-decoration: none;
-    }
-
-    .c26 {
-      display: inline-block;
-      color: #FFFFFF;
-      fill: currentColor;
-    }
-
-    .c25 {
-      display: -webkit-inline-box;
-      display: -webkit-inline-flex;
-      display: -ms-inline-flexbox;
-      display: inline-flex;
-      -webkit-align-items: center;
-      -webkit-box-align: center;
-      -ms-flex-align: center;
-      align-items: center;
-      -webkit-box-pack: center;
-      -webkit-justify-content: center;
-      -ms-flex-pack: center;
-      justify-content: center;
-      -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.65,-0.19,0.37,1.16);
-      -webkit-transition: transform 0.3s cubic-bezier(0.65,-0.19,0.37,1.16);
-      transition: transform 0.3s cubic-bezier(0.65,-0.19,0.37,1.16);
-      -webkit-transform: scale(1);
-      -ms-transform: scale(1);
-      transform: scale(1);
-      -webkit-transform-origin: center;
-      -ms-transform-origin: center;
-      transform-origin: center;
-    }
-
-    .c24 {
-      width: 32px;
-      height: 32px;
-      border-radius: 50%;
-      background: #E52630;
-      display: -webkit-box;
-      display: -webkit-flex;
-      display: -ms-flexbox;
-      display: flex;
-      -webkit-align-items: center;
-      -webkit-box-align: center;
-      -ms-flex-align: center;
-      align-items: center;
-      -webkit-box-pack: center;
-      -webkit-justify-content: center;
-      -ms-flex-pack: center;
-      justify-content: center;
-      -webkit-flex-shrink: 0;
-      -ms-flex-negative: 0;
-      flex-shrink: 0;
-      overflow: hidden;
-    }
-
-    .c20 {
-      height: 4px;
-      width: 100%;
-      position: absolute;
-      left: 0;
-      bottom: -5px;
-      -webkit-transition: opacity 0.15s 0.1s;
-      transition: opacity 0.15s 0.1s;
-      opacity: 0;
-    }
-
-    .c22 {
-      height: 2rem;
-      position: absolute;
-      top: 50%;
-      right: 0;
-      -webkit-transform: translateY(-50%);
-      -ms-transform: translateY(-50%);
-      transform: translateY(-50%);
-      content: "";
-    }
-
-    .c18 {
-      position: relative;
-    }
-
-    .c8 {
-      display: -webkit-box;
-      display: -webkit-flex;
-      display: -ms-flexbox;
-      display: flex;
-      overflow: hidden;
-    }
-
-    .c4 {
-      display: -webkit-box;
-      display: -webkit-flex;
-      display: -ms-flexbox;
-      display: flex;
-      width: 100%;
-      border-radius: 1rem;
-      overflow: hidden;
-      background-color: #FFFFFF;
-      -webkit-flex-direction: column;
-      -ms-flex-direction: column;
-      flex-direction: column;
-    }
-
-    .c16 {
-      width: 100%;
-      height: auto;
-      position: relative;
-      margin-top: auto;
-      padding: 2rem 2.5rem 0 0;
-    }
-
-    .c16 .c21 {
-      -webkit-transform: none;
-      -ms-transform: none;
-      transform: none;
-      top: auto;
-      bottom: -8px;
-    }
-
-    .c16 span {
-      font-weight: bold;
-      font-size: 1rem;
-      -webkit-transition: color 0.15s 0.1s;
-      transition: color 0.15s 0.1s;
-      color: #E52630;
-    }
-
-    .c2 {
-      padding: 0;
-      display: -webkit-box;
-      display: -webkit-flex;
-      display: -ms-flexbox;
-      display: flex;
-      height: 100%;
-      -webkit-text-decoration: none;
-      text-decoration: none;
-      color: inherit;
-      width: 100%;
-    }
-
-    .c2 .c23 {
-      background-color: #E52630;
-    }
-
-    .c2 .c3 {
-      box-shadow: rgba(0,0,0,0.15) 0px 0px 1rem;
-    }
-
-    .c2:hover .c3 {
-      box-shadow: rgba(0,0,0,0.25) 0px 0px 1rem;
-    }
-
-    .c0 {
-      width: 100%;
-      height: 100%;
-      display: -webkit-box;
-      display: -webkit-flex;
-      display: -ms-flexbox;
-      display: flex;
-    }
-
-    .c5 {
-      display: -webkit-box;
-      display: -webkit-flex;
-      display: -ms-flexbox;
-      display: flex;
-      -webkit-align-items: center;
-      -webkit-box-align: center;
-      -ms-flex-align: center;
-      align-items: center;
-      -webkit-box-pack: center;
-      -webkit-justify-content: center;
-      -ms-flex-pack: center;
-      justify-content: center;
-      position: relative;
-    }
-
-    .c10 {
-      padding: 2rem;
-      height: 100%;
-      display: -webkit-box;
-      display: -webkit-flex;
-      display: -ms-flexbox;
-      display: flex;
-      -webkit-flex-direction: column;
-      -ms-flex-direction: column;
-      flex-direction: column;
-      width: 100%;
-    }
-
-    .c14 {
-      margin: 0;
-    }
-
-    .c12 {
-      display: block;
-      margin-bottom: 1rem;
-    }
-
-    @media (min-width:740px) {
-      .c11 {
-        font-size: 1rem;
-        line-height: 1.25rem;
-      }
-    }
-
-    @media (min-width:1024px) {
-      .c11 {
-        font-size: 1.125rem;
-        line-height: 1.375rem;
-      }
-    }
-
-    @media (min-width:740px) {
-      .c13 {
-        font-size: 1rem;
-        line-height: 1.25rem;
-      }
-    }
-
-    @media (min-width:1024px) {
-      .c13 {
-        font-size: 1.125rem;
-        line-height: 1.375rem;
-      }
-    }
-
-    @media (min-width:740px) {
-      .c17 {
-        font-size: 1rem;
-        line-height: 1.25rem;
-      }
-    }
-
-    @media (min-width:1024px) {
-      .c17 {
-        font-size: 1.125rem;
-        line-height: 1.375rem;
-      }
-    }
-
-    @media (min-width:740px) {
-      .c4 {
-        -webkit-flex-direction: row;
-        -ms-flex-direction: row;
-        flex-direction: row;
-      }
-    }
-
-    @media (min-width:1024px) {
-      .c4 {
-        -webkit-flex-direction: column;
-        -ms-flex-direction: column;
-        flex-direction: column;
-      }
-    }
-
-    @media (min-width:1024px) {
-      .c16 span {
-        color: #000000;
-      }
-    }
-
-    @media (min-width:1024px) {
-      .c2 .c23 {
-        -webkit-transition: background-color 0.15s 0.1s;
-        transition: background-color 0.15s 0.1s;
-        background-color: #000000;
-      }
-    }
-
-    @media (max-width:739px) {
-      .c2 .c3 {
-        -webkit-transition: box-shadow 0.3s;
-        transition: box-shadow 0.3s;
-      }
-    }
-
-    @media (min-width:740px) {
-      .c2 > div {
-        -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.68,-1.15,0.265,2.35);
-        -webkit-transition: transform 0.4s cubic-bezier(0.68,-1.15,0.265,2.35);
-        transition: transform 0.4s cubic-bezier(0.68,-1.15,0.265,2.35);
-        -webkit-transform-origin: center;
-        -ms-transform-origin: center;
-        transform-origin: center;
-      }
-
-      .c2:hover > div,
-      .c2:focus > div {
-        -webkit-transform: translateY(-10px);
-        -ms-transform: translateY(-10px);
-        transform: translateY(-10px);
-      }
-
-      .c2 .c7 img {
-        -webkit-transform: scale(1.02);
-        -ms-transform: scale(1.02);
-        transform: scale(1.02);
-        -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.65,-0.19,0.37,1.16);
-        -webkit-transition: transform 0.3s cubic-bezier(0.65,-0.19,0.37,1.16);
-        transition: transform 0.3s cubic-bezier(0.65,-0.19,0.37,1.16);
-      }
-
-      .c2:hover .c7 img {
-        -webkit-transform: scale(1.04);
-        -ms-transform: scale(1.04);
-        transform: scale(1.04);
-      }
-
-      .c2:hover .c23 {
-        background-color: #E52630;
-      }
-
-      .c2:hover .c19 {
-        opacity: 1;
-      }
-
-      .c2:hover .c15 span {
-        color: #E52630;
-      }
-    }
-
-    @media (min-width:740px) {
-      .c5 {
-        width: 45%;
-      }
-    }
-
-    @media (min-width:1024px) {
-      .c5 {
-        width: 100%;
-      }
-    }
-
-    @media (min-width:740px) {
-      .c10 {
-        width: 55%;
-      }
-    }
-
-    @media (min-width:1024px) {
-      .c10 {
-        width: 100%;
-      }
-    }
-
-    <article
-      className="c0"
+.c11 {
+  font-family: 'Montserrat',Helvetica,Arial,sans-serif;
+  font-weight: 400;
+  text-transform: inherit;
+  letter-spacing: 0;
+  font-size: 1rem;
+  line-height: 1.25rem;
+}
+
+.c11 {
+  font-size: 0.75rem;
+  line-height: normal;
+  font-weight: bold;
+}
+
+.c11 span {
+  font-size: inherit;
+  line-height: inherit;
+}
+
+.c13 {
+  font-family: 'Montserrat',Helvetica,Arial,sans-serif;
+  font-weight: 700;
+  text-transform: inherit;
+  letter-spacing: 0;
+  font-size: 1rem;
+  line-height: 1.25rem;
+}
+
+.c13 span {
+  font-size: inherit;
+  line-height: inherit;
+}
+
+.c17 {
+  font-family: 'Montserrat',Helvetica,Arial,sans-serif;
+  font-weight: 400;
+  text-transform: inherit;
+  letter-spacing: 0;
+  font-size: 1rem;
+  line-height: 1.25rem;
+}
+
+.c17 span {
+  font-size: inherit;
+  line-height: inherit;
+}
+
+.c6 {
+  display: block;
+  width: 100%;
+  height: 100%;
+  position: relative;
+}
+
+.c9 {
+  width: 100%;
+  height: 100%;
+  display: block;
+  object-fit: cover;
+}
+
+.c1 {
+  position: relative;
+  display: inline;
+  color: #000000;
+  font-weight: normal;
+  color: #E52630;
+}
+
+.c1:hover,
+.c1:focus {
+  color: #000000;
+  text-decoration: none;
+}
+
+.c20 {
+  height: 4px;
+  width: 100%;
+  position: absolute;
+  left: 0;
+  bottom: -5px;
+  transition: opacity 0.15s 0.1s;
+  opacity: 0;
+}
+
+.c22 {
+  height: 2rem;
+  position: absolute;
+  top: 50%;
+  right: 0;
+  transform: translateY(-50%);
+  content: "";
+}
+
+.c18 {
+  position: relative;
+}
+
+.c25 {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  transition: transform 0.3s cubic-bezier(0.65,-0.19,0.37,1.16);
+  transform: scale(1);
+  transform-origin: center;
+}
+
+.c24 {
+  width: 32px;
+  height: 32px;
+  border-radius: 50%;
+  background: #E52630;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  overflow: hidden;
+}
+
+.c8 {
+  display: flex;
+  overflow: hidden;
+}
+
+.c4 {
+  display: flex;
+  width: 100%;
+  border-radius: 1rem;
+  overflow: hidden;
+  background-color: #FFFFFF;
+  flex-direction: column;
+}
+
+.c16 {
+  width: 100%;
+  height: auto;
+  position: relative;
+  margin-top: auto;
+  padding: 2rem 2.5rem 0 0;
+}
+
+.c16 .c21 {
+  transform: none;
+  top: auto;
+  bottom: -8px;
+}
+
+.c16 span {
+  font-weight: bold;
+  font-size: 1rem;
+  transition: color 0.15s 0.1s;
+  color: #E52630;
+}
+
+.c2 {
+  padding: 0;
+  display: flex;
+  height: 100%;
+  text-decoration: none;
+  color: inherit;
+  width: 100%;
+}
+
+.c2 .c23 {
+  background-color: #E52630;
+}
+
+.c2 .c3 {
+  box-shadow: rgba(0,0,0,0.15) 0px 0px 1rem;
+}
+
+.c2:hover .c3 {
+  box-shadow: rgba(0,0,0,0.25) 0px 0px 1rem;
+}
+
+.c0 {
+  width: 100%;
+  height: 100%;
+  display: flex;
+}
+
+.c5 {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  position: relative;
+}
+
+.c10 {
+  padding: 2rem;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+}
+
+.c14 {
+  margin: 0;
+}
+
+.c12 {
+  display: block;
+  margin-bottom: 1rem;
+}
+
+.c26 {
+  display: inline-block;
+  color: #FFFFFF;
+  fill: currentColor;
+}
+
+@media (min-width: 740px) {
+  .c11 {
+    font-size: 1rem;
+    line-height: 1.25rem;
+  }
+}
+
+@media (min-width: 1024px) {
+  .c11 {
+    font-size: 1.125rem;
+    line-height: 1.375rem;
+  }
+}
+
+@media (min-width: 740px) {
+  .c13 {
+    font-size: 1rem;
+    line-height: 1.25rem;
+  }
+}
+
+@media (min-width: 1024px) {
+  .c13 {
+    font-size: 1.125rem;
+    line-height: 1.375rem;
+  }
+}
+
+@media (min-width: 740px) {
+  .c17 {
+    font-size: 1rem;
+    line-height: 1.25rem;
+  }
+}
+
+@media (min-width: 1024px) {
+  .c17 {
+    font-size: 1.125rem;
+    line-height: 1.375rem;
+  }
+}
+
+@media (min-width: 740px) {
+  .c4 {
+    flex-direction: row;
+  }
+}
+
+@media (min-width: 1024px) {
+  .c4 {
+    flex-direction: column;
+  }
+}
+
+@media (min-width: 1024px) {
+  .c16 span {
+    color: #000000;
+  }
+}
+
+@media (min-width: 1024px) {
+  .c2 .c23 {
+    transition: background-color 0.15s 0.1s;
+    background-color: #000000;
+  }
+}
+
+@media (max-width:739px) {
+  .c2 .c3 {
+    transition: box-shadow 0.3s;
+  }
+}
+
+@media (min-width: 740px) {
+  .c2 >div {
+    transition: transform 0.4s cubic-bezier(0.68,-1.15,0.265,2.35);
+    transform-origin: center;
+  }
+
+  .c2:hover >div,
+  .c2:focus >div {
+    transform: translateY(-10px);
+  }
+
+  .c2 .c7 img {
+    transform: scale(1.02);
+    transition: transform 0.3s cubic-bezier(0.65,-0.19,0.37,1.16);
+  }
+
+  .c2:hover .c7 img {
+    transform: scale(1.04);
+  }
+
+  .c2:hover .c23 {
+    background-color: #E52630;
+  }
+
+  .c2:hover .c19 {
+    opacity: 1;
+  }
+
+  .c2:hover .c15 span {
+    color: #E52630;
+  }
+}
+
+@media (min-width: 740px) {
+  .c5 {
+    width: 45%;
+  }
+}
+
+@media (min-width: 1024px) {
+  .c5 {
+    width: 100%;
+  }
+}
+
+@media (min-width: 740px) {
+  .c10 {
+    width: 55%;
+  }
+}
+
+@media (min-width: 1024px) {
+  .c10 {
+    width: 100%;
+  }
+}
+
+<article
+  className="c0"
+  isNewsTeaser={true}
+>
+  <a
+    buttonType="primary"
+    category={null}
+    className="c1 c2"
+    fullWidth={false}
+    home={false}
+    href="/test"
+    iconFirst={false}
+    isNewsTeaser={true}
+    mobileColour={null}
+    target="_self"
+    type="standard"
+    underline={false}
+  >
+    <div
+      className="c3 c4"
+      isNewsTeaser={true}
     >
-      <a
-        className="c1 c2"
-        href="/test"
-        target="_self"
-        type="standard"
+      <div
+        className="c5"
+        isNewsTeaser={true}
       >
         <div
-          className="c3 c4"
+          className="c6 c7 c8"
+          height="100%"
+          image="http://images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg"
+          images="//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=200&h=150&q=50 200w,//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=400&h=300&q=50 400w,//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=800&h=600&q=50 800w,//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=1200&h=900&q=50 1200w,//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=1440&h=1080&q=50 1440w"
+          isBackgroundImage={false}
+          nonObjFitImage="http://images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg"
+          objFitState={true}
+          setObjFitState={[Function]}
+          width="100%"
         >
-          <div
-            className="c5"
+          <img
+            alt="Image's description"
+            className="c9 lazyload"
+            data-lowsrc={null}
+            data-sizes="auto"
+            data-src="http://images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg"
+            data-srcset="//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=200&h=150&q=50 200w,//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=400&h=300&q=50 400w,//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=800&h=600&q=50 800w,//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=1200&h=900&q=50 1200w,//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=1440&h=1080&q=50 1440w"
+            height="100%"
+            mediumBreakpointRowLayout={null}
+            objFitState={true}
+            objectFit="cover"
+            smallBreakpointRowLayout={null}
+            src="http://images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg"
+            srcSet="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"
+            width="100%"
+          />
+        </div>
+      </div>
+      <div
+        className="c10"
+        isNewsTeaser={true}
+      >
+        <span
+          className="c11 c12"
+        >
+           01 July 2019
+        </span>
+        <h4
+          className="c13 c14"
+          time={null}
+        >
+          News article
+        </h4>
+        <div
+          className="c15 c16"
+        >
+          <span
+            className="c17 c18"
           >
-            <div
-              className="c6 c7 c8"
-              height="100%"
-              width="100%"
-            >
-              <img
-                alt="Image's description"
-                className="c9 lazyload"
-                data-lowsrc={null}
-                data-sizes="auto"
-                data-src="http://images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg"
-                data-srcset="//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=200&h=150&q=50 200w,//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=400&h=300&q=50 400w,//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=800&h=600&q=50 800w,//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=1200&h=900&q=50 1200w,//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=1440&h=1080&q=50 1440w"
-                height="100%"
-                src="http://images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg"
-                srcSet="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"
-                width="100%"
-              />
-            </div>
-          </div>
+            Read more
+            <img
+              alt="Read more"
+              className="c19 c20"
+              src="mock.asset"
+            />
+          </span>
           <div
-            className="c10"
+            className="c21 c22"
           >
-            <span
-              className="c11 c12"
-            >
-               01 July 2019
-            </span>
-            <h4
-              className="c13 c14"
-            >
-              News article
-            </h4>
             <div
-              className="c15 c16"
+              className="c23 c24"
             >
               <span
-                className="c17 c18"
-              >
-                Read more
-                <img
-                  alt="Read more"
-                  className="c19 c20"
-                  src="mock.asset"
-                />
-              </span>
-              <div
-                className="c21 c22"
+                className="c25"
               >
-                <div
-                  className="c23 c24"
+                <svg
+                  className="c26"
+                  fill="none"
+                  height="15"
+                  viewBox="0 0 15 15"
+                  width="15"
+                  xmlns="http://www.w3.org/2000/svg"
                 >
-                  <span
-                    className="c25"
-                  >
-                    <svg
-                      className="c26"
-                      fill="none"
-                      height="15"
-                      viewBox="0 0 15 15"
-                      width="15"
-                      xmlns="http://www.w3.org/2000/svg"
-                    >
-                      <path
-                        d="M9.58496 1.3501C9.1395 0.88346 8.40641 0.883488 7.96094 1.3501C7.52803 1.80361 7.5281 2.53033 7.96094 2.98389L11.1582 6.3335H1.13672C0.48748 6.3335 0 6.87834 0 7.50049C2.15408e-05 8.12262 0.487494 8.66748 1.13672 8.66748H11.1582L7.96094 12.0171C7.52806 12.4706 7.52899 13.1974 7.96191 13.6509C8.18163 13.8804 8.47556 14.0005 8.77344 14.0005C9.07114 14.0004 9.36533 13.8809 9.58496 13.6509L14.6758 8.31689L14.6748 8.31592L14.6875 8.30322L14.6865 8.30225C14.6954 8.29227 14.7044 8.28494 14.71 8.27783C14.7117 8.27557 14.7133 8.27298 14.7148 8.271C14.7485 8.23215 14.7824 8.18937 14.8135 8.14111L14.8154 8.13818C14.8354 8.1067 14.8493 8.07854 14.8564 8.06396L14.8652 8.04639L14.8662 8.04443L14.8672 8.04346C14.8672 8.04346 14.868 8.0407 14.8691 8.03857C14.8709 8.03524 14.8758 8.02683 14.8799 8.01904L14.8802 8.01851C14.8888 8.00212 14.9034 7.97435 14.917 7.93994V7.93799C14.9303 7.90387 14.9391 7.87297 14.9443 7.854C14.9469 7.8447 14.9498 7.83579 14.9512 7.83057C14.9527 7.82466 14.9535 7.82292 14.9541 7.8208C14.9541 7.8208 14.9542 7.81765 14.9551 7.81494L14.958 7.80615L14.9586 7.80434C14.9631 7.78973 14.9718 7.76131 14.9785 7.72705V7.7251C15.0066 7.57717 15.0066 7.42472 14.9785 7.27686V7.2749L14.958 7.1958L14.9551 7.18604L14.9531 7.18018L14.9512 7.17236C14.9497 7.16652 14.9481 7.15689 14.9453 7.14697C14.9398 7.12707 14.9307 7.09666 14.917 7.06201C14.9032 7.027 14.8885 6.99825 14.8799 6.98193C14.8758 6.97415 14.8709 6.96574 14.8691 6.9624L14.8564 6.93701C14.849 6.92189 14.8351 6.89384 14.8154 6.86279L14.8145 6.86084L14.7529 6.77393C14.7316 6.74671 14.7094 6.72141 14.6875 6.69775C14.6837 6.69353 14.6802 6.68867 14.6758 6.68408L9.58496 1.3501Z"
-                        fill="currentColor"
-                      />
-                    </svg>
-                  </span>
-                </div>
-              </div>
+                  <path
+                    d="M9.58496 1.3501C9.1395 0.88346 8.40641 0.883488 7.96094 1.3501C7.52803 1.80361 7.5281 2.53033 7.96094 2.98389L11.1582 6.3335H1.13672C0.48748 6.3335 0 6.87834 0 7.50049C2.15408e-05 8.12262 0.487494 8.66748 1.13672 8.66748H11.1582L7.96094 12.0171C7.52806 12.4706 7.52899 13.1974 7.96191 13.6509C8.18163 13.8804 8.47556 14.0005 8.77344 14.0005C9.07114 14.0004 9.36533 13.8809 9.58496 13.6509L14.6758 8.31689L14.6748 8.31592L14.6875 8.30322L14.6865 8.30225C14.6954 8.29227 14.7044 8.28494 14.71 8.27783C14.7117 8.27557 14.7133 8.27298 14.7148 8.271C14.7485 8.23215 14.7824 8.18937 14.8135 8.14111L14.8154 8.13818C14.8354 8.1067 14.8493 8.07854 14.8564 8.06396L14.8652 8.04639L14.8662 8.04443L14.8672 8.04346C14.8672 8.04346 14.868 8.0407 14.8691 8.03857C14.8709 8.03524 14.8758 8.02683 14.8799 8.01904L14.8802 8.01851C14.8888 8.00212 14.9034 7.97435 14.917 7.93994V7.93799C14.9303 7.90387 14.9391 7.87297 14.9443 7.854C14.9469 7.8447 14.9498 7.83579 14.9512 7.83057C14.9527 7.82466 14.9535 7.82292 14.9541 7.8208C14.9541 7.8208 14.9542 7.81765 14.9551 7.81494L14.958 7.80615L14.9586 7.80434C14.9631 7.78973 14.9718 7.76131 14.9785 7.72705V7.7251C15.0066 7.57717 15.0066 7.42472 14.9785 7.27686V7.2749L14.958 7.1958L14.9551 7.18604L14.9531 7.18018L14.9512 7.17236C14.9497 7.16652 14.9481 7.15689 14.9453 7.14697C14.9398 7.12707 14.9307 7.09666 14.917 7.06201C14.9032 7.027 14.8885 6.99825 14.8799 6.98193C14.8758 6.97415 14.8709 6.96574 14.8691 6.9624L14.8564 6.93701C14.849 6.92189 14.8351 6.89384 14.8154 6.86279L14.8145 6.86084L14.7529 6.77393C14.7316 6.74671 14.7094 6.72141 14.6875 6.69775C14.6837 6.69353 14.6802 6.68867 14.6758 6.68408L9.58496 1.3501Z"
+                    fill="currentColor"
+                  />
+                </svg>
+              </span>
             </div>
           </div>
         </div>
-      </a>
-    </article>
-  `);
+      </div>
+    </div>
+  </a>
+</article>
+`);
 });
 
 it('renders press realese correctly', () => {
@@ -555,502 +490,432 @@ it('renders press realese correctly', () => {
   ).toJSON();
 
   expect(tree).toMatchInlineSnapshot(`
-    .c11 {
-      font-family: 'Montserrat',Helvetica,Arial,sans-serif;
-      font-weight: 400;
-      text-transform: inherit;
-      -webkit-letter-spacing: 0;
-      -moz-letter-spacing: 0;
-      -ms-letter-spacing: 0;
-      letter-spacing: 0;
-      font-size: 1rem;
-      line-height: 1.25rem;
-    }
-
-    .c11 {
-      font-size: 0.75rem;
-      line-height: normal;
-      font-weight: bold;
-    }
-
-    .c11 span {
-      font-size: inherit;
-      line-height: inherit;
-    }
-
-    .c13 {
-      font-family: 'Montserrat',Helvetica,Arial,sans-serif;
-      font-weight: 700;
-      text-transform: inherit;
-      -webkit-letter-spacing: 0;
-      -moz-letter-spacing: 0;
-      -ms-letter-spacing: 0;
-      letter-spacing: 0;
-      font-size: 1rem;
-      line-height: 1.25rem;
-    }
-
-    .c13 span {
-      font-size: inherit;
-      line-height: inherit;
-    }
-
-    .c17 {
-      font-family: 'Montserrat',Helvetica,Arial,sans-serif;
-      font-weight: 400;
-      text-transform: inherit;
-      -webkit-letter-spacing: 0;
-      -moz-letter-spacing: 0;
-      -ms-letter-spacing: 0;
-      letter-spacing: 0;
-      font-size: 1rem;
-      line-height: 1.25rem;
-    }
-
-    .c17 span {
-      font-size: inherit;
-      line-height: inherit;
-    }
-
-    .c6 {
-      display: block;
-      width: 80px;
-      height: auto;
-      position: relative;
-    }
-
-    .c9 {
-      width: 80px;
-      height: auto;
-      display: block;
-      object-fit: cover;
-    }
-
-    .c1 {
-      position: relative;
-      display: inline;
-      color: #000000;
-      font-weight: normal;
-    }
-
-    .c1:hover,
-    .c1:focus {
-      color: #000000;
-      -webkit-text-decoration: none;
-      text-decoration: none;
-    }
-
-    .c26 {
-      display: inline-block;
-      color: #FFFFFF;
-      fill: currentColor;
-    }
-
-    .c25 {
-      display: -webkit-inline-box;
-      display: -webkit-inline-flex;
-      display: -ms-inline-flexbox;
-      display: inline-flex;
-      -webkit-align-items: center;
-      -webkit-box-align: center;
-      -ms-flex-align: center;
-      align-items: center;
-      -webkit-box-pack: center;
-      -webkit-justify-content: center;
-      -ms-flex-pack: center;
-      justify-content: center;
-      -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.65,-0.19,0.37,1.16);
-      -webkit-transition: transform 0.3s cubic-bezier(0.65,-0.19,0.37,1.16);
-      transition: transform 0.3s cubic-bezier(0.65,-0.19,0.37,1.16);
-      -webkit-transform: scale(1);
-      -ms-transform: scale(1);
-      transform: scale(1);
-      -webkit-transform-origin: center;
-      -ms-transform-origin: center;
-      transform-origin: center;
-    }
-
-    .c24 {
-      width: 32px;
-      height: 32px;
-      border-radius: 50%;
-      background: #E52630;
-      display: -webkit-box;
-      display: -webkit-flex;
-      display: -ms-flexbox;
-      display: flex;
-      -webkit-align-items: center;
-      -webkit-box-align: center;
-      -ms-flex-align: center;
-      align-items: center;
-      -webkit-box-pack: center;
-      -webkit-justify-content: center;
-      -ms-flex-pack: center;
-      justify-content: center;
-      -webkit-flex-shrink: 0;
-      -ms-flex-negative: 0;
-      flex-shrink: 0;
-      overflow: hidden;
-    }
-
-    .c20 {
-      height: 4px;
-      width: 100%;
-      position: absolute;
-      left: 0;
-      bottom: -5px;
-      -webkit-transition: opacity 0.15s 0.1s;
-      transition: opacity 0.15s 0.1s;
-      opacity: 0;
-    }
-
-    .c22 {
-      height: 2rem;
-      position: absolute;
-      top: 50%;
-      right: 0;
-      -webkit-transform: translateY(-50%);
-      -ms-transform: translateY(-50%);
-      transform: translateY(-50%);
-      content: "";
-    }
-
-    .c18 {
-      position: relative;
-    }
-
-    .c8 {
-      display: -webkit-box;
-      display: -webkit-flex;
-      display: -ms-flexbox;
-      display: flex;
-      overflow: hidden;
-    }
-
-    .c4 {
-      display: -webkit-box;
-      display: -webkit-flex;
-      display: -ms-flexbox;
-      display: flex;
-      width: 100%;
-      border-radius: 1rem;
-      overflow: hidden;
-      background-color: #FFFFFF;
-      -webkit-flex-direction: row;
-      -ms-flex-direction: row;
-      flex-direction: row;
-    }
-
-    .c16 {
-      width: 100%;
-      height: auto;
-      position: relative;
-      margin-top: auto;
-      padding: 2rem 2.5rem 0 0;
-    }
-
-    .c16 .c21 {
-      -webkit-transform: none;
-      -ms-transform: none;
-      transform: none;
-      top: auto;
-      bottom: -8px;
-    }
-
-    .c16 span {
-      font-weight: bold;
-      font-size: 1rem;
-      -webkit-transition: color 0.15s 0.1s;
-      transition: color 0.15s 0.1s;
-      color: #E52630;
-    }
-
-    .c2 {
-      padding: 0;
-      display: -webkit-box;
-      display: -webkit-flex;
-      display: -ms-flexbox;
-      display: flex;
-      height: 100%;
-      -webkit-align-items: center;
-      -webkit-box-align: center;
-      -ms-flex-align: center;
-      align-items: center;
-      -webkit-text-decoration: none;
-      text-decoration: none;
-      color: inherit;
-      width: 100%;
-    }
-
-    .c2 .c23 {
-      background-color: #E52630;
-    }
-
-    .c2 .c3 {
-      box-shadow: rgba(0,0,0,0.15) 0px 0px 1rem;
-    }
-
-    .c2:hover .c3 {
-      box-shadow: rgba(0,0,0,0.25) 0px 0px 1rem;
-    }
-
-    .c0 {
-      width: 100%;
-      height: 100%;
-      display: -webkit-box;
-      display: -webkit-flex;
-      display: -ms-flexbox;
-      display: flex;
-    }
-
-    .c5 {
-      display: -webkit-box;
-      display: -webkit-flex;
-      display: -ms-flexbox;
-      display: flex;
-      -webkit-align-items: center;
-      -webkit-box-align: center;
-      -ms-flex-align: center;
-      align-items: center;
-      -webkit-box-pack: center;
-      -webkit-justify-content: center;
-      -ms-flex-pack: center;
-      justify-content: center;
-      position: relative;
-      padding: 1rem 0px 1rem 2rem;
-    }
-
-    .c10 {
-      padding: 2rem;
-      height: 100%;
-      display: -webkit-box;
-      display: -webkit-flex;
-      display: -ms-flexbox;
-      display: flex;
-      -webkit-flex-direction: column;
-      -ms-flex-direction: column;
-      flex-direction: column;
-      width: 100%;
-    }
-
-    .c14 {
-      margin: 0;
-    }
-
-    .c12 {
-      display: block;
-      margin-bottom: 1rem;
-    }
-
-    @media (min-width:740px) {
-      .c11 {
-        font-size: 1rem;
-        line-height: 1.25rem;
-      }
-    }
-
-    @media (min-width:1024px) {
-      .c11 {
-        font-size: 1.125rem;
-        line-height: 1.375rem;
-      }
-    }
-
-    @media (min-width:740px) {
-      .c13 {
-        font-size: 1rem;
-        line-height: 1.25rem;
-      }
-    }
-
-    @media (min-width:1024px) {
-      .c13 {
-        font-size: 1.125rem;
-        line-height: 1.375rem;
-      }
-    }
-
-    @media (min-width:740px) {
-      .c17 {
-        font-size: 1rem;
-        line-height: 1.25rem;
-      }
-    }
-
-    @media (min-width:1024px) {
-      .c17 {
-        font-size: 1.125rem;
-        line-height: 1.375rem;
-      }
-    }
-
-    @media (min-width:740px) {
-      .c4 {
-        -webkit-flex-direction: row;
-        -ms-flex-direction: row;
-        flex-direction: row;
-      }
-    }
-
-    @media (min-width:1024px) {
-
-    }
-
-    @media (min-width:1024px) {
-      .c16 span {
-        color: #000000;
-      }
-    }
-
-    @media (min-width:1024px) {
-      .c2 .c23 {
-        -webkit-transition: background-color 0.15s 0.1s;
-        transition: background-color 0.15s 0.1s;
-        background-color: #000000;
-      }
-    }
-
-    @media (max-width:739px) {
-      .c2 .c3 {
-        -webkit-transition: box-shadow 0.3s;
-        transition: box-shadow 0.3s;
-      }
-    }
-
-    @media (min-width:740px) {
-      .c2 > div {
-        -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.68,-1.15,0.265,2.35);
-        -webkit-transition: transform 0.4s cubic-bezier(0.68,-1.15,0.265,2.35);
-        transition: transform 0.4s cubic-bezier(0.68,-1.15,0.265,2.35);
-        -webkit-transform-origin: center;
-        -ms-transform-origin: center;
-        transform-origin: center;
-      }
-
-      .c2:hover > div,
-      .c2:focus > div {
-        -webkit-transform: translateY(-10px);
-        -ms-transform: translateY(-10px);
-        transform: translateY(-10px);
-      }
-
-      .c2 .c7 img {
-        -webkit-transform: scale(0.9);
-        -ms-transform: scale(0.9);
-        transform: scale(0.9);
-        -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.65,-0.19,0.37,1.16);
-        -webkit-transition: transform 0.3s cubic-bezier(0.65,-0.19,0.37,1.16);
-        transition: transform 0.3s cubic-bezier(0.65,-0.19,0.37,1.16);
-      }
-
-      .c2:hover .c7 img {
-        -webkit-transform: scale(1);
-        -ms-transform: scale(1);
-        transform: scale(1);
-      }
-
-      .c2:hover .c23 {
-        background-color: #E52630;
-      }
-
-      .c2:hover .c19 {
-        opacity: 1;
-      }
-
-      .c2:hover .c15 span {
-        color: #E52630;
-      }
-    }
-
-    <article
-      className="c0"
+.c11 {
+  font-family: 'Montserrat',Helvetica,Arial,sans-serif;
+  font-weight: 400;
+  text-transform: inherit;
+  letter-spacing: 0;
+  font-size: 1rem;
+  line-height: 1.25rem;
+}
+
+.c11 {
+  font-size: 0.75rem;
+  line-height: normal;
+  font-weight: bold;
+}
+
+.c11 span {
+  font-size: inherit;
+  line-height: inherit;
+}
+
+.c13 {
+  font-family: 'Montserrat',Helvetica,Arial,sans-serif;
+  font-weight: 700;
+  text-transform: inherit;
+  letter-spacing: 0;
+  font-size: 1rem;
+  line-height: 1.25rem;
+}
+
+.c13 span {
+  font-size: inherit;
+  line-height: inherit;
+}
+
+.c17 {
+  font-family: 'Montserrat',Helvetica,Arial,sans-serif;
+  font-weight: 400;
+  text-transform: inherit;
+  letter-spacing: 0;
+  font-size: 1rem;
+  line-height: 1.25rem;
+}
+
+.c17 span {
+  font-size: inherit;
+  line-height: inherit;
+}
+
+.c6 {
+  display: block;
+  width: 80px;
+  height: auto;
+  position: relative;
+}
+
+.c9 {
+  width: 80px;
+  height: auto;
+  display: block;
+  object-fit: cover;
+}
+
+.c1 {
+  position: relative;
+  display: inline;
+  color: #000000;
+  font-weight: normal;
+  color: #E52630;
+}
+
+.c1:hover,
+.c1:focus {
+  color: #000000;
+  text-decoration: none;
+}
+
+.c20 {
+  height: 4px;
+  width: 100%;
+  position: absolute;
+  left: 0;
+  bottom: -5px;
+  transition: opacity 0.15s 0.1s;
+  opacity: 0;
+}
+
+.c22 {
+  height: 2rem;
+  position: absolute;
+  top: 50%;
+  right: 0;
+  transform: translateY(-50%);
+  content: "";
+}
+
+.c18 {
+  position: relative;
+}
+
+.c25 {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  transition: transform 0.3s cubic-bezier(0.65,-0.19,0.37,1.16);
+  transform: scale(1);
+  transform-origin: center;
+}
+
+.c24 {
+  width: 32px;
+  height: 32px;
+  border-radius: 50%;
+  background: #E52630;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  overflow: hidden;
+}
+
+.c8 {
+  display: flex;
+  overflow: hidden;
+}
+
+.c4 {
+  display: flex;
+  width: 100%;
+  border-radius: 1rem;
+  overflow: hidden;
+  background-color: #FFFFFF;
+  flex-direction: row;
+}
+
+.c16 {
+  width: 100%;
+  height: auto;
+  position: relative;
+  margin-top: auto;
+  padding: 2rem 2.5rem 0 0;
+}
+
+.c16 .c21 {
+  transform: none;
+  top: auto;
+  bottom: -8px;
+}
+
+.c16 span {
+  font-weight: bold;
+  font-size: 1rem;
+  transition: color 0.15s 0.1s;
+  color: #E52630;
+}
+
+.c2 {
+  padding: 0;
+  display: flex;
+  height: 100%;
+  align-items: center;
+  text-decoration: none;
+  color: inherit;
+  width: 100%;
+}
+
+.c2 .c23 {
+  background-color: #E52630;
+}
+
+.c2 .c3 {
+  box-shadow: rgba(0,0,0,0.15) 0px 0px 1rem;
+}
+
+.c2:hover .c3 {
+  box-shadow: rgba(0,0,0,0.25) 0px 0px 1rem;
+}
+
+.c0 {
+  width: 100%;
+  height: 100%;
+  display: flex;
+}
+
+.c5 {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  position: relative;
+  padding: 1rem 0px 1rem 2rem;
+}
+
+.c10 {
+  padding: 2rem;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+}
+
+.c14 {
+  margin: 0;
+}
+
+.c12 {
+  display: block;
+  margin-bottom: 1rem;
+}
+
+.c26 {
+  display: inline-block;
+  color: #FFFFFF;
+  fill: currentColor;
+}
+
+@media (min-width: 740px) {
+  .c11 {
+    font-size: 1rem;
+    line-height: 1.25rem;
+  }
+}
+
+@media (min-width: 1024px) {
+  .c11 {
+    font-size: 1.125rem;
+    line-height: 1.375rem;
+  }
+}
+
+@media (min-width: 740px) {
+  .c13 {
+    font-size: 1rem;
+    line-height: 1.25rem;
+  }
+}
+
+@media (min-width: 1024px) {
+  .c13 {
+    font-size: 1.125rem;
+    line-height: 1.375rem;
+  }
+}
+
+@media (min-width: 740px) {
+  .c17 {
+    font-size: 1rem;
+    line-height: 1.25rem;
+  }
+}
+
+@media (min-width: 1024px) {
+  .c17 {
+    font-size: 1.125rem;
+    line-height: 1.375rem;
+  }
+}
+
+@media (min-width: 740px) {
+  .c4 {
+    flex-direction: row;
+  }
+}
+
+@media (min-width: 1024px) {
+  .c16 span {
+    color: #000000;
+  }
+}
+
+@media (min-width: 1024px) {
+  .c2 .c23 {
+    transition: background-color 0.15s 0.1s;
+    background-color: #000000;
+  }
+}
+
+@media (max-width:739px) {
+  .c2 .c3 {
+    transition: box-shadow 0.3s;
+  }
+}
+
+@media (min-width: 740px) {
+  .c2 >div {
+    transition: transform 0.4s cubic-bezier(0.68,-1.15,0.265,2.35);
+    transform-origin: center;
+  }
+
+  .c2:hover >div,
+  .c2:focus >div {
+    transform: translateY(-10px);
+  }
+
+  .c2 .c7 img {
+    transform: scale(0.9);
+    transition: transform 0.3s cubic-bezier(0.65,-0.19,0.37,1.16);
+  }
+
+  .c2:hover .c7 img {
+    transform: scale(1);
+  }
+
+  .c2:hover .c23 {
+    background-color: #E52630;
+  }
+
+  .c2:hover .c19 {
+    opacity: 1;
+  }
+
+  .c2:hover .c15 span {
+    color: #E52630;
+  }
+}
+
+<article
+  className="c0"
+  isNewsTeaser={false}
+>
+  <a
+    buttonType="primary"
+    category=""
+    className="c1 c2"
+    fullWidth={false}
+    home={false}
+    href="/test"
+    iconFirst={false}
+    isNewsTeaser={false}
+    mobileColour={null}
+    target="_self"
+    type="standard"
+    underline={false}
+  >
+    <div
+      className="c3 c4"
+      isNewsTeaser={false}
     >
-      <a
-        className="c1 c2"
-        href="/test"
-        target="_self"
-        type="standard"
+      <div
+        className="c5"
+        isNewsTeaser={false}
       >
         <div
-          className="c3 c4"
+          className="c6 c7 c8"
+          height="auto"
+          image="mock.asset"
+          images="mock.asset"
+          isBackgroundImage={false}
+          nonObjFitImage="mock.asset"
+          objFitState={true}
+          setObjFitState={[Function]}
+          width="80px"
         >
-          <div
-            className="c5"
+          <img
+            alt="Image's description"
+            className="c9 lazyload"
+            data-lowsrc="mock.asset"
+            data-sizes="auto"
+            data-src="mock.asset"
+            data-srcset="mock.asset"
+            height="auto"
+            mediumBreakpointRowLayout={null}
+            objFitState={true}
+            objectFit="cover"
+            smallBreakpointRowLayout={null}
+            src="mock.asset"
+            srcSet="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"
+            width="80px"
+          />
+        </div>
+      </div>
+      <div
+        className="c10"
+        isNewsTeaser={false}
+      >
+        <span
+          className="c11 c12"
+        >
+           01 July 2019
+        </span>
+        <h4
+          className="c13 c14"
+          time={null}
+        >
+          Press Release
+        </h4>
+        <div
+          className="c15 c16"
+        >
+          <span
+            className="c17 c18"
           >
-            <div
-              className="c6 c7 c8"
-              height="auto"
-              width="80px"
-            >
-              <img
-                alt="Image's description"
-                className="c9 lazyload"
-                data-lowsrc="mock.asset"
-                data-sizes="auto"
-                data-src="mock.asset"
-                data-srcset="mock.asset"
-                height="auto"
-                src="mock.asset"
-                srcSet="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"
-                width="80px"
-              />
-            </div>
-          </div>
+            Read more
+            <img
+              alt="Read more"
+              className="c19 c20"
+              src="mock.asset"
+            />
+          </span>
           <div
-            className="c10"
+            className="c21 c22"
           >
-            <span
-              className="c11 c12"
-            >
-               01 July 2019
-            </span>
-            <h4
-              className="c13 c14"
-            >
-              Press Release
-            </h4>
             <div
-              className="c15 c16"
+              className="c23 c24"
             >
               <span
-                className="c17 c18"
-              >
-                Read more
-                <img
-                  alt="Read more"
-                  className="c19 c20"
-                  src="mock.asset"
-                />
-              </span>
-              <div
-                className="c21 c22"
+                className="c25"
               >
-                <div
-                  className="c23 c24"
+                <svg
+                  className="c26"
+                  fill="none"
+                  height="15"
+                  viewBox="0 0 15 15"
+                  width="15"
+                  xmlns="http://www.w3.org/2000/svg"
                 >
-                  <span
-                    className="c25"
-                  >
-                    <svg
-                      className="c26"
-                      fill="none"
-                      height="15"
-                      viewBox="0 0 15 15"
-                      width="15"
-                      xmlns="http://www.w3.org/2000/svg"
-                    >
-                      <path
-                        d="M9.58496 1.3501C9.1395 0.88346 8.40641 0.883488 7.96094 1.3501C7.52803 1.80361 7.5281 2.53033 7.96094 2.98389L11.1582 6.3335H1.13672C0.48748 6.3335 0 6.87834 0 7.50049C2.15408e-05 8.12262 0.487494 8.66748 1.13672 8.66748H11.1582L7.96094 12.0171C7.52806 12.4706 7.52899 13.1974 7.96191 13.6509C8.18163 13.8804 8.47556 14.0005 8.77344 14.0005C9.07114 14.0004 9.36533 13.8809 9.58496 13.6509L14.6758 8.31689L14.6748 8.31592L14.6875 8.30322L14.6865 8.30225C14.6954 8.29227 14.7044 8.28494 14.71 8.27783C14.7117 8.27557 14.7133 8.27298 14.7148 8.271C14.7485 8.23215 14.7824 8.18937 14.8135 8.14111L14.8154 8.13818C14.8354 8.1067 14.8493 8.07854 14.8564 8.06396L14.8652 8.04639L14.8662 8.04443L14.8672 8.04346C14.8672 8.04346 14.868 8.0407 14.8691 8.03857C14.8709 8.03524 14.8758 8.02683 14.8799 8.01904L14.8802 8.01851C14.8888 8.00212 14.9034 7.97435 14.917 7.93994V7.93799C14.9303 7.90387 14.9391 7.87297 14.9443 7.854C14.9469 7.8447 14.9498 7.83579 14.9512 7.83057C14.9527 7.82466 14.9535 7.82292 14.9541 7.8208C14.9541 7.8208 14.9542 7.81765 14.9551 7.81494L14.958 7.80615L14.9586 7.80434C14.9631 7.78973 14.9718 7.76131 14.9785 7.72705V7.7251C15.0066 7.57717 15.0066 7.42472 14.9785 7.27686V7.2749L14.958 7.1958L14.9551 7.18604L14.9531 7.18018L14.9512 7.17236C14.9497 7.16652 14.9481 7.15689 14.9453 7.14697C14.9398 7.12707 14.9307 7.09666 14.917 7.06201C14.9032 7.027 14.8885 6.99825 14.8799 6.98193C14.8758 6.97415 14.8709 6.96574 14.8691 6.9624L14.8564 6.93701C14.849 6.92189 14.8351 6.89384 14.8154 6.86279L14.8145 6.86084L14.7529 6.77393C14.7316 6.74671 14.7094 6.72141 14.6875 6.69775C14.6837 6.69353 14.6802 6.68867 14.6758 6.68408L9.58496 1.3501Z"
-                        fill="currentColor"
-                      />
-                    </svg>
-                  </span>
-                </div>
-              </div>
+                  <path
+                    d="M9.58496 1.3501C9.1395 0.88346 8.40641 0.883488 7.96094 1.3501C7.52803 1.80361 7.5281 2.53033 7.96094 2.98389L11.1582 6.3335H1.13672C0.48748 6.3335 0 6.87834 0 7.50049C2.15408e-05 8.12262 0.487494 8.66748 1.13672 8.66748H11.1582L7.96094 12.0171C7.52806 12.4706 7.52899 13.1974 7.96191 13.6509C8.18163 13.8804 8.47556 14.0005 8.77344 14.0005C9.07114 14.0004 9.36533 13.8809 9.58496 13.6509L14.6758 8.31689L14.6748 8.31592L14.6875 8.30322L14.6865 8.30225C14.6954 8.29227 14.7044 8.28494 14.71 8.27783C14.7117 8.27557 14.7133 8.27298 14.7148 8.271C14.7485 8.23215 14.7824 8.18937 14.8135 8.14111L14.8154 8.13818C14.8354 8.1067 14.8493 8.07854 14.8564 8.06396L14.8652 8.04639L14.8662 8.04443L14.8672 8.04346C14.8672 8.04346 14.868 8.0407 14.8691 8.03857C14.8709 8.03524 14.8758 8.02683 14.8799 8.01904L14.8802 8.01851C14.8888 8.00212 14.9034 7.97435 14.917 7.93994V7.93799C14.9303 7.90387 14.9391 7.87297 14.9443 7.854C14.9469 7.8447 14.9498 7.83579 14.9512 7.83057C14.9527 7.82466 14.9535 7.82292 14.9541 7.8208C14.9541 7.8208 14.9542 7.81765 14.9551 7.81494L14.958 7.80615L14.9586 7.80434C14.9631 7.78973 14.9718 7.76131 14.9785 7.72705V7.7251C15.0066 7.57717 15.0066 7.42472 14.9785 7.27686V7.2749L14.958 7.1958L14.9551 7.18604L14.9531 7.18018L14.9512 7.17236C14.9497 7.16652 14.9481 7.15689 14.9453 7.14697C14.9398 7.12707 14.9307 7.09666 14.917 7.06201C14.9032 7.027 14.8885 6.99825 14.8799 6.98193C14.8758 6.97415 14.8709 6.96574 14.8691 6.9624L14.8564 6.93701C14.849 6.92189 14.8351 6.89384 14.8154 6.86279L14.8145 6.86084L14.7529 6.77393C14.7316 6.74671 14.7094 6.72141 14.6875 6.69775C14.6837 6.69353 14.6802 6.68867 14.6758 6.68408L9.58496 1.3501Z"
+                    fill="currentColor"
+                  />
+                </svg>
+              </span>
             </div>
           </div>
         </div>
-      </a>
-    </article>
-  `);
+      </div>
+    </div>
+  </a>
+</article>
+`);
 });
diff --git a/src/components/Molecules/ArticleTeaser/ArticleTeaserExample.jsx b/src/components/Molecules/ArticleTeaser/ArticleTeaserExample.jsx
new file mode 100644
index 000000000..d1f346d28
--- /dev/null
+++ b/src/components/Molecules/ArticleTeaser/ArticleTeaserExample.jsx
@@ -0,0 +1,51 @@
+import React from 'react';
+import styled from 'styled-components';
+import ArticleTeaser from './ArticleTeaser';
+import { defaultData } from '../../../data/data';
+
+const ExampleWrapper = styled.div`
+  margin: 1rem;
+  width: 300px;
+`;
+
+export default function ArticleTeaserExample() {
+  return (
+    <>
+      <h3>Article teaser</h3>
+      <div style={{ display: 'flex', background: '#E1E2E3' }}>
+        <ExampleWrapper>
+          <ArticleTeaser
+            href="/test"
+            images={defaultData.images}
+            imageLow={defaultData.imageLow}
+            date=" 01 July 2019"
+            title="News article"
+            alt="Image's description"
+            time="4 min read"
+          />
+        </ExampleWrapper>
+        <ExampleWrapper>
+          <ArticleTeaser
+            href="/test"
+            images={defaultData.images}
+            imageLow={defaultData.imageLow}
+            date=" 01 July 2019"
+            title="News article News article"
+            alt="Image's description"
+            time="4 min read"
+          />
+        </ExampleWrapper>
+      </div>
+
+      <h3>Press release</h3>
+      <ArticleTeaser
+        href="/test"
+        category=""
+        date=" 01 July 2019"
+        title="Press Release"
+        alt="Image's description"
+        logoSize="80px"
+      />
+    </>
+  );
+}
diff --git a/src/components/Molecules/Banner/Banner.md b/src/components/Molecules/Banner/Banner.md
deleted file mode 100644
index caf53369d..000000000
--- a/src/components/Molecules/Banner/Banner.md
+++ /dev/null
@@ -1,13 +0,0 @@
-# Banner
-
-``` js
-import Text from '../../Atoms/Text/Text';
-
-<Banner backgroundColor='purple_dark' >
-  <Text tag="p" color='white' size='m'>
-    Mental health issues affect 1 in 4 of us in the UK.
-    Join now and with your help we can provide vital support for people like Jordan.
-    You know what to do.
-  </Text>
-</Banner>
-```
diff --git a/src/components/Molecules/Banner/BannerExample.jsx b/src/components/Molecules/Banner/BannerExample.jsx
new file mode 100644
index 000000000..1d9386df7
--- /dev/null
+++ b/src/components/Molecules/Banner/BannerExample.jsx
@@ -0,0 +1,15 @@
+import React from 'react';
+import Banner from './Banner';
+import Text from '../../Atoms/Text/Text';
+
+export default function BannerExample() {
+  return (
+    <Banner backgroundColor="purple_dark">
+      <Text tag="p" color="white" size="m">
+        Mental health issues affect 1 in 4 of us in the UK.
+        Join now and with your help we can provide vital support for people like Jordan.
+        You know what to do.
+      </Text>
+    </Banner>
+  );
+}
diff --git a/src/components/Molecules/Banner/__snapshots__/Banner.test.js.snap b/src/components/Molecules/Banner/__snapshots__/Banner.test.js.snap
index 7d94bc9fb..06226e7eb 100644
--- a/src/components/Molecules/Banner/__snapshots__/Banner.test.js.snap
+++ b/src/components/Molecules/Banner/__snapshots__/Banner.test.js.snap
@@ -5,9 +5,6 @@ exports[`renders correctly 1`] = `
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: 400;
   text-transform: inherit;
-  -webkit-letter-spacing: 0;
-  -moz-letter-spacing: 0;
-  -ms-letter-spacing: 0;
   letter-spacing: 0;
   font-size: 1rem;
   line-height: 1.25rem;
@@ -35,33 +32,34 @@ exports[`renders correctly 1`] = `
   max-width: 1440px;
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c2 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c2 {
     font-size: 1.125rem;
     line-height: 1.375rem;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c1 {
     padding: 4rem 2rem;
   }
 }
 
-@media (min-width:1440px) {
+@media (min-width: 1440px) {
   .c1 {
     padding: 4rem 4rem;
   }
 }
 
 <div
+  backgroundColor="purple_dark"
   className="c0"
 >
   <div
diff --git a/src/components/Molecules/Box/Box.md b/src/components/Molecules/Box/Box.md
deleted file mode 100644
index 77b3c87e1..000000000
--- a/src/components/Molecules/Box/Box.md
+++ /dev/null
@@ -1,33 +0,0 @@
-# Box
-
-## Flexible container only (‘invisible’ to user)
-
-```js
-const defaultData = require('../../../styleguide/data/data').defaultData;import Text from '../../Atoms/Text/Text';
-import Link from '../../Atoms/Link/Link';
-<div style={{ display: 'flex', background: '#E1E2E3' }}>
-  <div style={{ width: '50%', margin: '1rem' }}>
-    <Box imageLow={defaultData.image} images={defaultData.images} height="auto">
-      <Text tag="h3" family="Anton" color="black" size="xl" uppercase>
-        Title
-      </Text>
-      <Text tag="p">Text body copy description</Text>
-    </Box>
-  </div>
-  <div style={{ width: '50%', margin: '1rem' }}>
-    <Box imageLow={defaultData.image} images={defaultData.images} height="auto">
-      <Text tag="h3" family="Anton" color="black" size="xl" uppercase>
-        Title
-      </Text>
-      <Text tag="p">Text body copy description</Text>
-    </Box>
-  </div>
-</div>;
-```
-
-### Box no body
-
-```js
-const defaultData = require('../../../styleguide/data/data').defaultData;
-<Box imageLow={defaultData.image} images={defaultData.image} />;
-```
diff --git a/src/components/Molecules/Box/Box.test.js b/src/components/Molecules/Box/Box.test.js
index 07a903923..e666ecd72 100644
--- a/src/components/Molecules/Box/Box.test.js
+++ b/src/components/Molecules/Box/Box.test.js
@@ -2,7 +2,7 @@ import React from 'react';
 import 'jest-styled-components';
 import renderWithTheme from '../../../../tests/hoc/shallowWithTheme';
 import Box from './Box';
-import { defaultData } from '../../../styleguide/data/data';
+import { defaultData } from '../../../data/data';
 it('renders correctly', () => {
   const tree = renderWithTheme(
     <Box imageLow={defaultData.image} images={defaultData.image}>
diff --git a/src/components/Molecules/Box/BoxExample.jsx b/src/components/Molecules/Box/BoxExample.jsx
new file mode 100644
index 000000000..c26acf4b6
--- /dev/null
+++ b/src/components/Molecules/Box/BoxExample.jsx
@@ -0,0 +1,35 @@
+import React from 'react';
+import styled from 'styled-components';
+import Box from './Box';
+import Text from '../../Atoms/Text/Text';
+import { defaultData } from '../../../data/data';
+
+const ExampleWrapper = styled.div`
+  width: 50%;
+  margin: 1rem;
+`;
+
+export default function BoxExample() {
+  return (
+    <>
+      <h3>Two-column layout</h3>
+      <div style={{ display: 'flex', background: '#E1E2E3' }}>
+        <ExampleWrapper>
+          <Box imageLow={defaultData.image} images={defaultData.images} height="auto">
+            <Text tag="h3" family="Anton" color="black" size="xl" uppercase>Title</Text>
+            <Text tag="p">Text body copy description</Text>
+          </Box>
+        </ExampleWrapper>
+        <ExampleWrapper>
+          <Box imageLow={defaultData.image} images={defaultData.images} height="auto">
+            <Text tag="h3" family="Anton" color="black" size="xl" uppercase>Title</Text>
+            <Text tag="p">Text body copy description</Text>
+          </Box>
+        </ExampleWrapper>
+      </div>
+
+      <h3>No body</h3>
+      <Box imageLow={defaultData.image} images={defaultData.image} />
+    </>
+  );
+}
diff --git a/src/components/Molecules/Box/__snapshots__/Box.test.js.snap b/src/components/Molecules/Box/__snapshots__/Box.test.js.snap
index aca9f63fa..51fbce1a6 100644
--- a/src/components/Molecules/Box/__snapshots__/Box.test.js.snap
+++ b/src/components/Molecules/Box/__snapshots__/Box.test.js.snap
@@ -16,21 +16,14 @@ exports[`renders correctly 1`] = `
 }
 
 .c0 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
   position: relative;
   height: 100%;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
   flex-direction: column;
 }
 
 .c1 {
   height: auto;
-  -webkit-flex-basis: calc(100% / 3);
-  -ms-flex-preferred-size: calc(100% / 3);
   flex-basis: calc(100% / 3);
 }
 
@@ -41,55 +34,33 @@ exports[`renders correctly 1`] = `
 
 .c4 {
   padding: 2rem;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
   flex-direction: column;
-  -webkit-box-flex: 0;
-  -webkit-flex-grow: 0;
-  -ms-flex-positive: 0;
   flex-grow: 0;
-  -webkit-flex-shrink: 0;
-  -ms-flex-negative: 0;
   flex-shrink: 0;
-  -webkit-flex-basis: calc(200% / 3);
-  -ms-flex-preferred-size: calc(200% / 3);
   flex-basis: calc(200% / 3);
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c0 {
-    -webkit-flex-direction: row;
-    -ms-flex-direction: row;
     flex-direction: row;
   }
 }
 
-@media (min-width:1440px) {
+@media (min-width: 1440px) {
   .c0 {
-    -webkit-flex-direction: column;
-    -ms-flex-direction: column;
     flex-direction: column;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c4 {
-    -webkit-box-pack: center;
-    -webkit-justify-content: center;
-    -ms-flex-pack: center;
     justify-content: center;
   }
 }
 
-@media (min-width:1440px) {
+@media (min-width: 1440px) {
   .c4 {
-    -webkit-box-pack: normal;
-    -webkit-justify-content: normal;
-    -ms-flex-pack: normal;
     justify-content: normal;
   }
 }
@@ -99,10 +70,18 @@ exports[`renders correctly 1`] = `
 >
   <div
     className="c1"
+    squaredCorners={false}
   >
     <div
       className="c2 lazyload"
       height="auto"
+      image={null}
+      images="http://images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg"
+      isBackgroundImage={false}
+      nonObjFitImage=""
+      objFitState={true}
+      setObjFitState={[Function]}
+      squaredCorners={false}
       width="100%"
     >
       <img
@@ -113,6 +92,10 @@ exports[`renders correctly 1`] = `
         data-src={null}
         data-srcset="http://images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg"
         height="auto"
+        mediumBreakpointRowLayout={null}
+        objFitState={true}
+        objectFit="none"
+        smallBreakpointRowLayout={null}
         src={null}
         srcSet="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"
         width="100%"
@@ -134,68 +117,41 @@ exports[`renders correctly 1`] = `
 
 exports[`renders correctly with no image 1`] = `
 .c0 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
   position: relative;
   height: 100%;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
   flex-direction: column;
 }
 
 .c1 {
   padding: 2rem;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
   flex-direction: column;
-  -webkit-box-flex: 0;
-  -webkit-flex-grow: 0;
-  -ms-flex-positive: 0;
   flex-grow: 0;
-  -webkit-flex-shrink: 0;
-  -ms-flex-negative: 0;
   flex-shrink: 0;
-  -webkit-flex-basis: calc(200% / 3);
-  -ms-flex-preferred-size: calc(200% / 3);
   flex-basis: calc(200% / 3);
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c0 {
-    -webkit-flex-direction: row;
-    -ms-flex-direction: row;
     flex-direction: row;
   }
 }
 
-@media (min-width:1440px) {
+@media (min-width: 1440px) {
   .c0 {
-    -webkit-flex-direction: column;
-    -ms-flex-direction: column;
     flex-direction: column;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c1 {
-    -webkit-box-pack: center;
-    -webkit-justify-content: center;
-    -ms-flex-pack: center;
     justify-content: center;
   }
 }
 
-@media (min-width:1440px) {
+@media (min-width: 1440px) {
   .c1 {
-    -webkit-box-pack: normal;
-    -webkit-justify-content: normal;
-    -ms-flex-pack: normal;
     justify-content: normal;
   }
 }
diff --git a/src/components/Molecules/CTA/CTAMultiCard/CTAMultiCard.md b/src/components/Molecules/CTA/CTAMultiCard/CTAMultiCard.md
deleted file mode 100644
index a89da8370..000000000
--- a/src/components/Molecules/CTA/CTAMultiCard/CTAMultiCard.md
+++ /dev/null
@@ -1,230 +0,0 @@
-# CTAMultiCard
-## Multi-card component that handles mapping through cards array internally
-
-The component expects pre-rendered content to be passed in the `body` field of each card. The frontend should handle rich text rendering before passing data to this component.
-
-**Note:** The frontend is responsible for processing image data, link targets, and background colors. Each card object should include the following processed fields:
-- `fallback`: The fallback image src from `image.gatsbyImageData.images.fallback.src`
-- `imageLow`: The placeholder image from `image.gatsbyImageData.placeholder.fallback`
-- `images`: The srcSet from `image.gatsbyImageData.images.sources[0].srcSet`
-- `bgColour`: The processed background color (snake_case format)
-- `description`: The image description from `image.description`
-- `target`: The link target ('self' for internal links, 'blank' for external)
-- `external`: The rel attribute ('noopener' for external links, null for internal)
-
-### CTAMultiCard: Desktop Grid View (3 columns), carousel when in mobile view
-
-**NB: In mobile view, this example displays as a carousel. This example also demonstrates no vertical padding via `paddingAbove` / `paddingBelow` set to `0rem`, so it will sit flush to the surrounding container.**
-
-```js
-import CTAMultiCard from './CTAMultiCard';
-import Text from '../../../Atoms/Text/Text';
-import challengeExampleImage from '../../../../styleguide/assets/challenge-1.jpg';
-const exampleData = require('./example_data.json');
-
-// Map cards to include pre-rendered body content and processed image/link data
-const cardsWithRenderedBody = exampleData.cards.map(card => ({
-  ...card,
-  body: (
-    <Text tag="p">
-      {card.body}
-    </Text>
-  ),
-  fallback: challengeExampleImage,
-  imageLow: "data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAAPABQDASIAAhEBAxEB/8QAGAAAAwEBAAAAAAAAAAAAAAAAAAcIBAb/xAAjEAACAgIBBAIDAAAAAAAAAAABAgMEABEGBRIhMQdBE1Fh/8QAFQEBAQAAAAAAAAAAAAAAAAAAAgT/xAAaEQADAQADAAAAAAAAAAAAAAAAAQIDERIT/9oADAMBAAIRAxEAPwBzRcrjVY+0tonyT41nG8y+SLFTkgpQTVFpoqiRZGHc2/egf4RrMM12OHpNi3LsrAjO2vsKCcQtvkbTW570sMUt6xphJKnd+Ma9A78ZRWcS+SWNLpNMqAdQidVaSxErEA6ZgCNj9YZNPTOTpJW7+ovdlnLHyjgAD6GGPug+bP/Z",
-  images: `${challengeExampleImage} 678w`,
-  bgColour: "white",
-  description: "",
-  target: "self",
-  external: null
-}));
-
-const cardsFour = [
-  ...cardsWithRenderedBody,
-  {
-    ...cardsWithRenderedBody[0],
-    id: 'example-4th-card',
-    title: 'Fourth card',
-    linkLabel: "quite a long link label text here long text isn't it",
-    body: (
-      <Text tag="p">
-        Fourth card (added for layout testing)
-      </Text>
-    )
-  }
-];
-
-const data = {
-  ...exampleData,
-  cards: cardsFour,
-  layout: "3 columns",
-  carouselOfCards: true,
-  backgroundColour: "grey_medium",
-  paddingAbove: '0rem',
-  paddingBelow: '0rem'
-};
-
-<div style={{ background: '#E1E2E3', width: '100%' }}>
-  <CTAMultiCard data={data} />
-</div>;
-```
-
-### CTAMultiCard: Carousel with just 2 cards (2 columns layout)
-
-```js
-import CTAMultiCard from './CTAMultiCard';
-import Text from '../../../Atoms/Text/Text';
-import challengeExampleImage from '../../../../styleguide/assets/challenge-1.jpg';
-const exampleData = require('./example_data.json');
-
-// Map cards to include pre-rendered body content and processed image/link data
-const cardsWithRenderedBody = exampleData.cards.map(card => ({
-  ...card,
-  body: (
-    <Text tag="p">
-      {card.body}
-    </Text>
-  ),
-  fallback: challengeExampleImage,
-  imageLow: "data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAAPABQDASIAAhEBAxEB/8QAGAAAAwEBAAAAAAAAAAAAAAAAAAcIBAb/xAAjEAACAgIBBAIDAAAAAAAAAAABAgMEABEGBRIhMQdBE1Fh/8QAFQEBAQAAAAAAAAAAAAAAAAAAAgT/xAAaEQADAQADAAAAAAAAAAAAAAAAAQIDERIT/9oADAMBAAIRAxEAPwBzRcrjVY+0tonyT41nG8y+SLFTkgpQTVFpoqiRZGHc2/egf4RrMM12OHpNi3LsrAjO2vsKCcQtvkbTW570sMUt6xphJKnd+Ma9A78ZRWcS+SWNLpNMqAdQidVaSxErEA6ZgCNj9YZNPTOTpJW7+ovdlnLHyjgAD6GGPug+bP/Z",
-  images: `${challengeExampleImage} 678w`,
-  bgColour: "white",
-  description: "",
-  target: "self",
-  external: null
-}));
-
-const cardsTwo = cardsWithRenderedBody.slice(0, 2);
-
-const dataTwoCards = {
-  ...exampleData,
-  cards: cardsTwo,
-  layout: "2 columns",
-  carouselOfCards: true,
-  backgroundColour: "grey_medium",
-  paddingAbove: '0rem',
-  paddingBelow: '0rem'
-};
-
-<div style={{ background: '#E1E2E3', width: '100%' }}>
-  <CTAMultiCard data={dataTwoCards} />
-</div>;
-```
-
-### CTAMultiCard: Desktop Grid View (2 columns) with large padding
-
-**NB: One card contains a lot of lorem ipsum text to demonstrate that all cards will match the height of the tallest sibling card. In mobile view, this example displays as a carousel. This example also demonstrates larger vertical padding via `paddingAbove` / `paddingBelow` set to `4rem`, so it will appear with more space above and below the cards.**
-
-```js
-import CTAMultiCard from './CTAMultiCard';
-import Text from '../../../Atoms/Text/Text';
-import challengeExampleImage from '../../../../styleguide/assets/challenge-1.jpg';
-const exampleData = require('./example_data.json');
-
-// Map cards to include pre-rendered body content and processed image/link data
-const cardsWithRenderedBody = exampleData.cards.map((card, index) => ({
-  ...card,
-  body: index === 1 ? (
-    <>
-      <Text tag="p">
-        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-      </Text>
-      <Text tag="p">
-        Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.
-      </Text>
-      <Text tag="p">
-        Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem.
-      </Text>
-    </>
-  ) : (
-    <Text tag="p">
-      {card.body}
-    </Text>
-  ),
-  fallback: challengeExampleImage,
-  imageLow: "data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAAPABQDASIAAhEBAxEB/8QAGAAAAwEBAAAAAAAAAAAAAAAAAAcIBAb/xAAjEAACAgIBBAIDAAAAAAAAAAABAgMEABEGBRIhMQdBE1Fh/8QAFQEBAQAAAAAAAAAAAAAAAAAAAgT/xAAaEQADAQADAAAAAAAAAAAAAAAAAQIDERIT/9oADAMBAAIRAxEAPwBzRcrjVY+0tonyT41nG8y+SLFTkgpQTVFpoqiRZGHc2/egf4RrMM12OHpNi3LsrAjO2vsKCcQtvkbTW570sMUt6xphJKnd+Ma9A78ZRWcS+SWNLpNMqAdQidVaSxErEA6ZgCNj9YZNPTOTpJW7+ovdlnLHyjgAD6GGPug+bP/Z",
-  images: `${challengeExampleImage} 678w`,
-  bgColour: "white",
-  description: "",
-  target: "self",
-  external: null
-}));
-
-const dataWithLongText = {
-  ...exampleData,
-  layout: "2 columns",
-  carouselOfCards: true,
-  backgroundColour: "Transparent",
-  cards: cardsWithRenderedBody,
-  paddingAbove: '4rem',
-  paddingBelow: '4rem'
-};
-
-<div style={{ background: '#E1E2E3', width: '100%' }}>
-  <CTAMultiCard data={dataWithLongText} />
-</div>;
-```
-
-### CTAMultiCard: Wrap behaviour (3 columns)
-
-```js
-import CTAMultiCard from './CTAMultiCard';
-import Text from '../../../Atoms/Text/Text';
-import challengeExampleImage from '../../../../styleguide/assets/challenge-1.jpg';
-const exampleData = require('./example_data.json');
-
-const cardsWithRenderedBody = exampleData.cards.map((card, index) => ({
-  ...card,
-  id: `wrap-example-${index}`,
-  body: (
-    <Text tag="p">
-      Short body text
-    </Text>
-  ),
-  fallback: challengeExampleImage,
-  imageLow: "data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAAPABQDASIAAhEBAxEB/8QAGAAAAwEBAAAAAAAAAAAAAAAAAAcIBAb/xAAjEAACAgIBBAIDAAAAAAAAAAABAgMEABEGBRIhMQdBE1Fh/8QAFQEBAQAAAAAAAAAAAAAAAAAAAgT/xAAaEQADAQADAAAAAAAAAAAAAAAAAQIDERIT/9oADAMBAAIRAxEAPwBzRcrjVY+0tonyT41nG8y+SLFTkgpQTVFpoqiRZGHc2/egf4RrMM12OHpNi3LsrAjO2vsKCcQtvkbTW570sMUt6xphJKnd+Ma9A78ZRWcS+SWNLpNMqAdQidVaSxErEA6ZgCNj9YZNPTOTpJW7+ovdlnLHyjgAD6GGPug+bP/Z",
-  images: `${challengeExampleImage} 678w`,
-  bgColour: "white",
-  description: "",
-  target: "self",
-  external: null
-}));
-
-const cardsFive = [
-  ...cardsWithRenderedBody,
-  {
-    ...cardsWithRenderedBody[0],
-    id: 'wrap-example-3',
-    title: 'Fourth card',
-    body: (
-      <Text tag="p">
-        Short body text (4)
-      </Text>
-    )
-  },
-  {
-    ...cardsWithRenderedBody[1],
-    id: 'wrap-example-4',
-    title: 'Fifth card',
-    body: (
-      <Text tag="p">
-        Short body text (5)
-      </Text>
-    )
-  }
-];
-
-const dataWrapExample = {
-  ...exampleData,
-  layout: "3 columns",
-  carouselOfCards: true,
-  backgroundColour: "rnd_26_light_pink",
-  cards: cardsFive,
-  paddingAbove: '2rem',
-  paddingBelow: '2rem'
-};
-
-<div style={{ background: '#E1E2E3', width: '100%' }}>
-  <CTAMultiCard data={dataWrapExample} />
-</div>;
-```
diff --git a/src/components/Molecules/CTA/CTAMultiCard/CTAMultiCardExample.jsx b/src/components/Molecules/CTA/CTAMultiCard/CTAMultiCardExample.jsx
new file mode 100644
index 000000000..ec58bbfa7
--- /dev/null
+++ b/src/components/Molecules/CTA/CTAMultiCard/CTAMultiCardExample.jsx
@@ -0,0 +1,77 @@
+import React from 'react';
+import styled from 'styled-components';
+import CTAMultiCard from './CTAMultiCard';
+
+const ExampleWrapper = styled.div`
+  background: #E1E2E3;
+  width: 100%;
+`;
+import Text from '../../../Atoms/Text/Text';
+import ctaMultiCardExampleData from './example_data.json';
+import challengeExampleImage from '../../../../assets/challenge-1.jpg';
+
+const imageLow = 'data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAAPABQDASIAAhEBAxEB/8QAGAAAAwEBAAAAAAAAAAAAAAAAAAcIBAb/xAAjEAACAgIBBAIDAAAAAAAAAAABAgMEABEGBRIhMQdBE1Fh/8QAFQEBAQAAAAAAAAAAAAAAAAAAAgT/xAAaEQADAQADAAAAAAAAAAAAAAAAAQIDERIT/9oADAMBAAIRAxEAPwBzRcrjVY+0tonyT41nG8y+SLFTkgpQTVFpoqiRZGHc2/egf4RrMM12OHpNi3LsrAjO2vsKCcQtvkbTW570sMUt6xphJKnd+Ma9A78ZRWcS+SWNLpNMqAdQidVaSxErEA6ZgCNj9YZNPTOTpJW7+ovdlnLHyjgAD6GGPug+bP/Z';
+
+function makeCards(cards) {
+  return cards.map(card => ({
+    ...card,
+    body: <Text tag="p">{card.body}</Text>,
+    fallback: challengeExampleImage,
+    imageLow,
+    images: `${challengeExampleImage} 678w`,
+    bgColour: 'white',
+    description: '',
+    target: 'self',
+    external: null,
+  }));
+}
+
+export default function CTAMultiCardExample() {
+  const cardsWithBody = makeCards(ctaMultiCardExampleData.cards);
+
+  const cardsFour = [
+    ...cardsWithBody,
+    {
+      ...cardsWithBody[0],
+      id: 'example-4th-card',
+      title: 'Fourth card',
+      linkLabel: "quite a long link label text here",
+      body: <Text tag="p">Fourth card (added for layout testing)</Text>,
+    },
+  ];
+
+  const data3col = {
+    ...ctaMultiCardExampleData,
+    cards: cardsFour,
+    layout: '3 columns',
+    carouselOfCards: true,
+    backgroundColour: 'grey_medium',
+    paddingAbove: '0rem',
+    paddingBelow: '0rem',
+  };
+
+  const cardsTwo = cardsWithBody.slice(0, 2);
+  const data2col = {
+    ...ctaMultiCardExampleData,
+    cards: cardsTwo,
+    layout: '2 columns',
+    carouselOfCards: true,
+    backgroundColour: 'grey_medium',
+    paddingAbove: '0rem',
+    paddingBelow: '0rem',
+  };
+
+  return (
+    <>
+      <h3>Desktop Grid (3 columns), carousel on mobile</h3>
+      <ExampleWrapper>
+        <CTAMultiCard data={data3col} />
+      </ExampleWrapper>
+
+      <h3>2 cards (2 columns)</h3>
+      <ExampleWrapper>
+        <CTAMultiCard data={data2col} />
+      </ExampleWrapper>
+    </>
+  );
+}
diff --git a/src/components/Molecules/CTA/CTAMultiCard/__snapshots__/CTAMultiCard.test.js.snap b/src/components/Molecules/CTA/CTAMultiCard/__snapshots__/CTAMultiCard.test.js.snap
index 77a90edac..fc128f9d1 100644
--- a/src/components/Molecules/CTA/CTAMultiCard/__snapshots__/CTAMultiCard.test.js.snap
+++ b/src/components/Molecules/CTA/CTAMultiCard/__snapshots__/CTAMultiCard.test.js.snap
@@ -2,43 +2,68 @@
 
 exports[`handles data structure correctly 1`] = `
 <div
-  className="CTAMultiCardstyle__CardsQueryWrapper-sc-gsdqzv-0 qqegF"
+  className="CTAMultiCardstyle__CardsQueryWrapper-sc-gsdqzv-0 ktuUJR"
 >
   <div
-    className="CTAMultiCardstyle__CardsSection-sc-gsdqzv-1 kCDlNQ"
+    backgroundColor="white"
+    className="CTAMultiCardstyle__CardsSection-sc-gsdqzv-1 jTdLyp"
   >
     <div
-      className="CTAMultiCardstyle__CardsInner-sc-gsdqzv-2 iFzzWM"
+      className="CTAMultiCardstyle__CardsInner-sc-gsdqzv-2 ftevmM"
     >
       <div
-        className="CTAMultiCardstyle__CardsContainer-sc-gsdqzv-3 gAuYUa"
+        className="CTAMultiCardstyle__CardsContainer-sc-gsdqzv-3 souje"
+        columns={3}
+        isCarousel={false}
+        useSplideCarousel={false}
       >
         <div
-          className="CTACardstyle__CardWrapper-sc-si8xx1-4 hxglwr"
+          className="CTACardstyle__CardWrapper-sc-si8xx1-6 cslXhN"
+          columns={3}
+          hasLink={true}
+          isCarousel={false}
         >
           <a
-            className="Linkstyle__StyledLink-sc-t360tr-1 iydhqO CTACardstyle__CardLink-sc-si8xx1-3 udrPq"
+            buttonType="primary"
+            className="Linkstyle__StyledLink-sc-t360tr-1 hOnWnU CTACardstyle__CardLink-sc-si8xx1-5 floDNG"
+            fullWidth={false}
+            home={false}
             href="/test"
+            iconFirst={false}
+            isCarousel={false}
+            isInteractive={true}
+            mobileColour={null}
             rel={null}
             target="_self"
             type="standard"
+            underline={true}
           >
             <div
-              className="CTACardstyle__ImageWrapper-sc-si8xx1-0 etphrL"
+              className="CTACardstyle__ImageWrapper-sc-si8xx1-0 cVegjR"
             >
               <div
-                className="Picture__Wrapper-sc-1x3z81z-0 eioWif lazyload"
+                className="Picture__Wrapper-sc-1x3z81z-0 hBrAKv lazyload"
                 height="100%"
+                image="@component-library/src/styleguide/assets/challenge-1.jpg"
+                images="@component-library/src/styleguide/assets/challenge-1.jpg 678w"
+                isBackgroundImage={false}
+                nonObjFitImage="@component-library/src/styleguide/assets/challenge-1.jpg"
+                objFitState={true}
+                setObjFitState={[Function]}
                 width="100%"
               >
                 <img
                   alt=""
-                  className="Picture__Image-sc-1x3z81z-1 cFGEzv lazyload"
+                  className="Picture__Image-sc-1x3z81z-1 dVTBxx lazyload"
                   data-lowsrc="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAAPABQDASIAAhEBAxEB/8QAGAAAAwEBAAAAAAAAAAAAAAAAAAcIBAb/xAAjEAACAgIBBAIDAAAAAAAAAAABAgMEABEGBRIhMQdBE1Fh/8QAFQEBAQAAAAAAAAAAAAAAAAAAAgT/xAAaEQADAQADAAAAAAAAAAAAAAAAAQIDERIT/9oADAMBAAIRAxEAPwBzRcrjVY+0tonyT41nG8y+SLFTkgpQTVFpoqiRZGHc2/egf4RrMM12OHpNi3LsrAjO2vsKCcQtvkbTW570sMUt6xphJKnd+Ma9A78ZRWcS+SWNLpNMqAdQidVaSxErEA6ZgCNj9YZNPTOTpJW7+ovdlnLHyjgAD6GGPug+bP/Z"
                   data-sizes="auto"
                   data-src="@component-library/src/styleguide/assets/challenge-1.jpg"
                   data-srcset="@component-library/src/styleguide/assets/challenge-1.jpg 678w"
                   height="100%"
+                  mediumBreakpointRowLayout={null}
+                  objFitState={true}
+                  objectFit="cover"
+                  smallBreakpointRowLayout={null}
                   src="@component-library/src/styleguide/assets/challenge-1.jpg"
                   srcSet="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"
                   width="100%"
@@ -46,13 +71,13 @@ exports[`handles data structure correctly 1`] = `
               </div>
             </div>
             <div
-              className="CTACardstyle__CopyAndLinkSection-sc-si8xx1-5 bmuAep"
+              className="CTACardstyle__CopyAndLinkSection-sc-si8xx1-7 bFRGuV"
             >
               <div
-                className="CTACardstyle__Copy-sc-si8xx1-6 csgKNf"
+                className="CTACardstyle__Copy-sc-si8xx1-8 bBA-DeV"
               >
                 <p
-                  className="Text__BaseText-sc-1snl0ya-0 ffxkcd"
+                  className="Text__BaseText-sc-1snl0ya-0 iUZahU"
                 >
                   <strong>
                     Load
@@ -61,42 +86,38 @@ exports[`handles data structure correctly 1`] = `
                 </p>
               </div>
               <div
-                className="CTACardstyle__CTA-sc-si8xx1-8 eluKFv"
+                className="CTACardstyle__CTA-sc-si8xx1-10 gHrhFm"
               >
                 <span
-                  className="CTACardstyle__CTAText-sc-si8xx1-1 dQjaWt"
+                  className="CTACardstyle__CTAText-sc-si8xx1-1 hJupcp"
                 >
                   test go
                   <img
                     alt=""
                     aria-hidden="true"
-                    className="CTACardstyle__CTATextUnderline-sc-si8xx1-2 jSsByL"
+                    className="CTACardstyle__CTATextUnderline-sc-si8xx1-2 cnFZDX"
                     src="mock.asset"
                   />
                 </span>
                 <div
-                  className="CtaArrowCirclestyle__ArrowIconOuter-sc-1eai4ad-2 hRwDxh"
+                  className="CTACardstyle__ArrowIconOuter-sc-si8xx1-4 kqSHjW"
                 >
                   <div
-                    className="CtaArrowCirclestyle__ArrowIconWrapper-sc-1eai4ad-1 dlHKrX"
+                    className="CTACardstyle__ArrowIconWrapper-sc-si8xx1-3 jyghMz"
                   >
-                    <span
-                      className="CtaArrowCirclestyle__ArrowIconInner-sc-1eai4ad-0 jXJGXA"
+                    <svg
+                      className="_ArrowIcon__StyledArrowIcon-sc-mqq2gw-0 ioFlFZ"
+                      fill="none"
+                      height="13"
+                      viewBox="0 0 15 13"
+                      width="15"
+                      xmlns="http://www.w3.org/2000/svg"
                     >
-                      <svg
-                        className="ArrowIcon__StyledArrowIcon-sc-1iwl330-0 hLeEyo"
-                        fill="none"
-                        height="15"
-                        viewBox="0 0 15 15"
-                        width="15"
-                        xmlns="http://www.w3.org/2000/svg"
-                      >
-                        <path
-                          d="M9.58496 1.3501C9.1395 0.88346 8.40641 0.883488 7.96094 1.3501C7.52803 1.80361 7.5281 2.53033 7.96094 2.98389L11.1582 6.3335H1.13672C0.48748 6.3335 0 6.87834 0 7.50049C2.15408e-05 8.12262 0.487494 8.66748 1.13672 8.66748H11.1582L7.96094 12.0171C7.52806 12.4706 7.52899 13.1974 7.96191 13.6509C8.18163 13.8804 8.47556 14.0005 8.77344 14.0005C9.07114 14.0004 9.36533 13.8809 9.58496 13.6509L14.6758 8.31689L14.6748 8.31592L14.6875 8.30322L14.6865 8.30225C14.6954 8.29227 14.7044 8.28494 14.71 8.27783C14.7117 8.27557 14.7133 8.27298 14.7148 8.271C14.7485 8.23215 14.7824 8.18937 14.8135 8.14111L14.8154 8.13818C14.8354 8.1067 14.8493 8.07854 14.8564 8.06396L14.8652 8.04639L14.8662 8.04443L14.8672 8.04346C14.8672 8.04346 14.868 8.0407 14.8691 8.03857C14.8709 8.03524 14.8758 8.02683 14.8799 8.01904L14.8802 8.01851C14.8888 8.00212 14.9034 7.97435 14.917 7.93994V7.93799C14.9303 7.90387 14.9391 7.87297 14.9443 7.854C14.9469 7.8447 14.9498 7.83579 14.9512 7.83057C14.9527 7.82466 14.9535 7.82292 14.9541 7.8208C14.9541 7.8208 14.9542 7.81765 14.9551 7.81494L14.958 7.80615L14.9586 7.80434C14.9631 7.78973 14.9718 7.76131 14.9785 7.72705V7.7251C15.0066 7.57717 15.0066 7.42472 14.9785 7.27686V7.2749L14.958 7.1958L14.9551 7.18604L14.9531 7.18018L14.9512 7.17236C14.9497 7.16652 14.9481 7.15689 14.9453 7.14697C14.9398 7.12707 14.9307 7.09666 14.917 7.06201C14.9032 7.027 14.8885 6.99825 14.8799 6.98193C14.8758 6.97415 14.8709 6.96574 14.8691 6.9624L14.8564 6.93701C14.849 6.92189 14.8351 6.89384 14.8154 6.86279L14.8145 6.86084L14.7529 6.77393C14.7316 6.74671 14.7094 6.72141 14.6875 6.69775C14.6837 6.69353 14.6802 6.68867 14.6758 6.68408L9.58496 1.3501Z"
-                          fill="currentColor"
-                        />
-                      </svg>
-                    </span>
+                      <path
+                        d="M9.58496 0.349976C9.1395 -0.116662 8.40641 -0.116634 7.96094 0.349976C7.52803 0.803486 7.5281 1.53021 7.96094 1.98376L11.1582 5.33337H1.13672C0.48748 5.33337 0 5.87822 0 6.50037C2.15408e-05 7.1225 0.487494 7.66736 1.13672 7.66736H11.1582L7.96094 11.017C7.52806 11.4705 7.52899 12.1972 7.96191 12.6508C8.18163 12.8803 8.47556 13.0004 8.77344 13.0004C9.07114 13.0002 9.36533 12.8808 9.58496 12.6508L14.6758 7.31677L14.6748 7.3158L14.6875 7.3031L14.6865 7.30212C14.6954 7.29215 14.7044 7.28482 14.71 7.27771C14.7117 7.27545 14.7133 7.27285 14.7148 7.27087C14.7485 7.23203 14.7824 7.18925 14.8135 7.14099L14.8154 7.13806C14.8354 7.10658 14.8493 7.07842 14.8564 7.06384L14.8652 7.04626L14.8662 7.04431L14.8672 7.04333C14.8672 7.04333 14.868 7.04057 14.8691 7.03845C14.8709 7.03512 14.8758 7.02671 14.8799 7.01892L14.8802 7.01839C14.8888 7.002 14.9034 6.97423 14.917 6.93982V6.93787C14.9303 6.90375 14.9391 6.87285 14.9443 6.85388C14.9469 6.84458 14.9498 6.83567 14.9512 6.83044C14.9527 6.82454 14.9535 6.8228 14.9541 6.82068C14.9541 6.82068 14.9542 6.81753 14.9551 6.81482L14.958 6.80603L14.9586 6.80422C14.9631 6.78961 14.9718 6.76119 14.9785 6.72693V6.72498C15.0066 6.57705 15.0066 6.4246 14.9785 6.27673V6.27478L14.958 6.19568L14.9551 6.18591L14.9531 6.18005L14.9512 6.17224C14.9497 6.1664 14.9481 6.15677 14.9453 6.14685C14.9398 6.12695 14.9307 6.09654 14.917 6.06189C14.9032 6.02688 14.8885 5.99813 14.8799 5.98181C14.8758 5.97402 14.8709 5.96562 14.8691 5.96228L14.8564 5.93689C14.849 5.92177 14.8351 5.89372 14.8154 5.86267L14.8145 5.86072L14.7529 5.7738C14.7316 5.74659 14.7094 5.72129 14.6875 5.69763C14.6837 5.69341 14.6802 5.68854 14.6758 5.68396L9.58496 0.349976Z"
+                        fill="currentColor"
+                      />
+                    </svg>
                   </div>
                 </div>
               </div>
@@ -104,27 +125,42 @@ exports[`handles data structure correctly 1`] = `
           </a>
         </div>
         <div
-          className="CTACardstyle__CardWrapper-sc-si8xx1-4 nEnLi"
+          className="CTACardstyle__CardWrapper-sc-si8xx1-6 kGMdcU"
+          columns={3}
+          hasLink={false}
+          isCarousel={false}
         >
           <div
-            className="CTACardstyle__CardLink-sc-si8xx1-3 geBvAi"
+            className="CTACardstyle__CardLink-sc-si8xx1-5 htnomm"
+            isCarousel={false}
+            isInteractive={false}
           >
             <div
-              className="CTACardstyle__ImageWrapper-sc-si8xx1-0 etphrL"
+              className="CTACardstyle__ImageWrapper-sc-si8xx1-0 cVegjR"
             >
               <div
-                className="Picture__Wrapper-sc-1x3z81z-0 eioWif lazyload"
+                className="Picture__Wrapper-sc-1x3z81z-0 hBrAKv lazyload"
                 height="100%"
+                image="@component-library/src/styleguide/assets/challenge-1.jpg"
+                images="@component-library/src/styleguide/assets/challenge-1.jpg 678w"
+                isBackgroundImage={false}
+                nonObjFitImage="@component-library/src/styleguide/assets/challenge-1.jpg"
+                objFitState={true}
+                setObjFitState={[Function]}
                 width="100%"
               >
                 <img
                   alt=""
-                  className="Picture__Image-sc-1x3z81z-1 cFGEzv lazyload"
+                  className="Picture__Image-sc-1x3z81z-1 dVTBxx lazyload"
                   data-lowsrc="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAAPABQDASIAAhEBAxEB/8QAGAAAAwEBAAAAAAAAAAAAAAAAAAcIBAb/xAAjEAACAgIBBAIDAAAAAAAAAAABAgMEABEGBRIhMQdBE1Fh/8QAFQEBAQAAAAAAAAAAAAAAAAAAAgT/xAAaEQADAQADAAAAAAAAAAAAAAAAAQIDERIT/9oADAMBAAIRAxEAPwBzRcrjVY+0tonyT41nG8y+SLFTkgpQTVFpoqiRZGHc2/egf4RrMM12OHpNi3LsrAjO2vsKCcQtvkbTW570sMUt6xphJKnd+Ma9A78ZRWcS+SWNLpNMqAdQidVaSxErEA6ZgCNj9YZNPTOTpJW7+ovdlnLHyjgAD6GGPug+bP/Z"
                   data-sizes="auto"
                   data-src="@component-library/src/styleguide/assets/challenge-1.jpg"
                   data-srcset="@component-library/src/styleguide/assets/challenge-1.jpg 678w"
                   height="100%"
+                  mediumBreakpointRowLayout={null}
+                  objFitState={true}
+                  objectFit="cover"
+                  smallBreakpointRowLayout={null}
                   src="@component-library/src/styleguide/assets/challenge-1.jpg"
                   srcSet="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"
                   width="100%"
@@ -132,13 +168,13 @@ exports[`handles data structure correctly 1`] = `
               </div>
             </div>
             <div
-              className="CTACardstyle__CopyAndLinkSection-sc-si8xx1-5 bmuAep"
+              className="CTACardstyle__CopyAndLinkSection-sc-si8xx1-7 bFRGuV"
             >
               <div
-                className="CTACardstyle__Copy-sc-si8xx1-6 csgKNf"
+                className="CTACardstyle__Copy-sc-si8xx1-8 bBA-DeV"
               >
                 <p
-                  className="Text__BaseText-sc-1snl0ya-0 ffxkcd"
+                  className="Text__BaseText-sc-1snl0ya-0 iUZahU"
                 >
                   <strong>
                     Load
@@ -150,31 +186,52 @@ exports[`handles data structure correctly 1`] = `
           </div>
         </div>
         <div
-          className="CTACardstyle__CardWrapper-sc-si8xx1-4 hxglwr"
+          className="CTACardstyle__CardWrapper-sc-si8xx1-6 cslXhN"
+          columns={3}
+          hasLink={true}
+          isCarousel={false}
         >
           <a
-            className="Linkstyle__StyledLink-sc-t360tr-1 iydhqO CTACardstyle__CardLink-sc-si8xx1-3 udrPq"
+            buttonType="primary"
+            className="Linkstyle__StyledLink-sc-t360tr-1 hOnWnU CTACardstyle__CardLink-sc-si8xx1-5 floDNG"
+            fullWidth={false}
+            home={false}
             href="/test"
+            iconFirst={false}
+            isCarousel={false}
+            isInteractive={true}
+            mobileColour={null}
             rel={null}
             target="_self"
             type="standard"
+            underline={true}
           >
             <div
-              className="CTACardstyle__ImageWrapper-sc-si8xx1-0 etphrL"
+              className="CTACardstyle__ImageWrapper-sc-si8xx1-0 cVegjR"
             >
               <div
-                className="Picture__Wrapper-sc-1x3z81z-0 eioWif lazyload"
+                className="Picture__Wrapper-sc-1x3z81z-0 hBrAKv lazyload"
                 height="100%"
+                image="@component-library/src/styleguide/assets/challenge-1.jpg"
+                images="@component-library/src/styleguide/assets/challenge-1.jpg 678w"
+                isBackgroundImage={false}
+                nonObjFitImage="@component-library/src/styleguide/assets/challenge-1.jpg"
+                objFitState={true}
+                setObjFitState={[Function]}
                 width="100%"
               >
                 <img
                   alt=""
-                  className="Picture__Image-sc-1x3z81z-1 cFGEzv lazyload"
+                  className="Picture__Image-sc-1x3z81z-1 dVTBxx lazyload"
                   data-lowsrc="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAAPABQDASIAAhEBAxEB/8QAGAAAAwEBAAAAAAAAAAAAAAAAAAcIBAb/xAAjEAACAgIBBAIDAAAAAAAAAAABAgMEABEGBRIhMQdBE1Fh/8QAFQEBAQAAAAAAAAAAAAAAAAAAAgT/xAAaEQADAQADAAAAAAAAAAAAAAAAAQIDERIT/9oADAMBAAIRAxEAPwBzRcrjVY+0tonyT41nG8y+SLFTkgpQTVFpoqiRZGHc2/egf4RrMM12OHpNi3LsrAjO2vsKCcQtvkbTW570sMUt6xphJKnd+Ma9A78ZRWcS+SWNLpNMqAdQidVaSxErEA6ZgCNj9YZNPTOTpJW7+ovdlnLHyjgAD6GGPug+bP/Z"
                   data-sizes="auto"
                   data-src="@component-library/src/styleguide/assets/challenge-1.jpg"
                   data-srcset="@component-library/src/styleguide/assets/challenge-1.jpg 678w"
                   height="100%"
+                  mediumBreakpointRowLayout={null}
+                  objFitState={true}
+                  objectFit="cover"
+                  smallBreakpointRowLayout={null}
                   src="@component-library/src/styleguide/assets/challenge-1.jpg"
                   srcSet="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"
                   width="100%"
@@ -182,13 +239,13 @@ exports[`handles data structure correctly 1`] = `
               </div>
             </div>
             <div
-              className="CTACardstyle__CopyAndLinkSection-sc-si8xx1-5 bmuAep"
+              className="CTACardstyle__CopyAndLinkSection-sc-si8xx1-7 bFRGuV"
             >
               <div
-                className="CTACardstyle__Copy-sc-si8xx1-6 csgKNf"
+                className="CTACardstyle__Copy-sc-si8xx1-8 bBA-DeV"
               >
                 <p
-                  className="Text__BaseText-sc-1snl0ya-0 ffxkcd"
+                  className="Text__BaseText-sc-1snl0ya-0 iUZahU"
                 >
                   <strong>
                     Load
@@ -197,42 +254,38 @@ exports[`handles data structure correctly 1`] = `
                 </p>
               </div>
               <div
-                className="CTACardstyle__CTA-sc-si8xx1-8 eluKFv"
+                className="CTACardstyle__CTA-sc-si8xx1-10 gHrhFm"
               >
                 <span
-                  className="CTACardstyle__CTAText-sc-si8xx1-1 dQjaWt"
+                  className="CTACardstyle__CTAText-sc-si8xx1-1 hJupcp"
                 >
                   test go
                   <img
                     alt=""
                     aria-hidden="true"
-                    className="CTACardstyle__CTATextUnderline-sc-si8xx1-2 jSsByL"
+                    className="CTACardstyle__CTATextUnderline-sc-si8xx1-2 cnFZDX"
                     src="mock.asset"
                   />
                 </span>
                 <div
-                  className="CtaArrowCirclestyle__ArrowIconOuter-sc-1eai4ad-2 hRwDxh"
+                  className="CTACardstyle__ArrowIconOuter-sc-si8xx1-4 kqSHjW"
                 >
                   <div
-                    className="CtaArrowCirclestyle__ArrowIconWrapper-sc-1eai4ad-1 dlHKrX"
+                    className="CTACardstyle__ArrowIconWrapper-sc-si8xx1-3 jyghMz"
                   >
-                    <span
-                      className="CtaArrowCirclestyle__ArrowIconInner-sc-1eai4ad-0 jXJGXA"
+                    <svg
+                      className="_ArrowIcon__StyledArrowIcon-sc-mqq2gw-0 ioFlFZ"
+                      fill="none"
+                      height="13"
+                      viewBox="0 0 15 13"
+                      width="15"
+                      xmlns="http://www.w3.org/2000/svg"
                     >
-                      <svg
-                        className="ArrowIcon__StyledArrowIcon-sc-1iwl330-0 hLeEyo"
-                        fill="none"
-                        height="15"
-                        viewBox="0 0 15 15"
-                        width="15"
-                        xmlns="http://www.w3.org/2000/svg"
-                      >
-                        <path
-                          d="M9.58496 1.3501C9.1395 0.88346 8.40641 0.883488 7.96094 1.3501C7.52803 1.80361 7.5281 2.53033 7.96094 2.98389L11.1582 6.3335H1.13672C0.48748 6.3335 0 6.87834 0 7.50049C2.15408e-05 8.12262 0.487494 8.66748 1.13672 8.66748H11.1582L7.96094 12.0171C7.52806 12.4706 7.52899 13.1974 7.96191 13.6509C8.18163 13.8804 8.47556 14.0005 8.77344 14.0005C9.07114 14.0004 9.36533 13.8809 9.58496 13.6509L14.6758 8.31689L14.6748 8.31592L14.6875 8.30322L14.6865 8.30225C14.6954 8.29227 14.7044 8.28494 14.71 8.27783C14.7117 8.27557 14.7133 8.27298 14.7148 8.271C14.7485 8.23215 14.7824 8.18937 14.8135 8.14111L14.8154 8.13818C14.8354 8.1067 14.8493 8.07854 14.8564 8.06396L14.8652 8.04639L14.8662 8.04443L14.8672 8.04346C14.8672 8.04346 14.868 8.0407 14.8691 8.03857C14.8709 8.03524 14.8758 8.02683 14.8799 8.01904L14.8802 8.01851C14.8888 8.00212 14.9034 7.97435 14.917 7.93994V7.93799C14.9303 7.90387 14.9391 7.87297 14.9443 7.854C14.9469 7.8447 14.9498 7.83579 14.9512 7.83057C14.9527 7.82466 14.9535 7.82292 14.9541 7.8208C14.9541 7.8208 14.9542 7.81765 14.9551 7.81494L14.958 7.80615L14.9586 7.80434C14.9631 7.78973 14.9718 7.76131 14.9785 7.72705V7.7251C15.0066 7.57717 15.0066 7.42472 14.9785 7.27686V7.2749L14.958 7.1958L14.9551 7.18604L14.9531 7.18018L14.9512 7.17236C14.9497 7.16652 14.9481 7.15689 14.9453 7.14697C14.9398 7.12707 14.9307 7.09666 14.917 7.06201C14.9032 7.027 14.8885 6.99825 14.8799 6.98193C14.8758 6.97415 14.8709 6.96574 14.8691 6.9624L14.8564 6.93701C14.849 6.92189 14.8351 6.89384 14.8154 6.86279L14.8145 6.86084L14.7529 6.77393C14.7316 6.74671 14.7094 6.72141 14.6875 6.69775C14.6837 6.69353 14.6802 6.68867 14.6758 6.68408L9.58496 1.3501Z"
-                          fill="currentColor"
-                        />
-                      </svg>
-                    </span>
+                      <path
+                        d="M9.58496 0.349976C9.1395 -0.116662 8.40641 -0.116634 7.96094 0.349976C7.52803 0.803486 7.5281 1.53021 7.96094 1.98376L11.1582 5.33337H1.13672C0.48748 5.33337 0 5.87822 0 6.50037C2.15408e-05 7.1225 0.487494 7.66736 1.13672 7.66736H11.1582L7.96094 11.017C7.52806 11.4705 7.52899 12.1972 7.96191 12.6508C8.18163 12.8803 8.47556 13.0004 8.77344 13.0004C9.07114 13.0002 9.36533 12.8808 9.58496 12.6508L14.6758 7.31677L14.6748 7.3158L14.6875 7.3031L14.6865 7.30212C14.6954 7.29215 14.7044 7.28482 14.71 7.27771C14.7117 7.27545 14.7133 7.27285 14.7148 7.27087C14.7485 7.23203 14.7824 7.18925 14.8135 7.14099L14.8154 7.13806C14.8354 7.10658 14.8493 7.07842 14.8564 7.06384L14.8652 7.04626L14.8662 7.04431L14.8672 7.04333C14.8672 7.04333 14.868 7.04057 14.8691 7.03845C14.8709 7.03512 14.8758 7.02671 14.8799 7.01892L14.8802 7.01839C14.8888 7.002 14.9034 6.97423 14.917 6.93982V6.93787C14.9303 6.90375 14.9391 6.87285 14.9443 6.85388C14.9469 6.84458 14.9498 6.83567 14.9512 6.83044C14.9527 6.82454 14.9535 6.8228 14.9541 6.82068C14.9541 6.82068 14.9542 6.81753 14.9551 6.81482L14.958 6.80603L14.9586 6.80422C14.9631 6.78961 14.9718 6.76119 14.9785 6.72693V6.72498C15.0066 6.57705 15.0066 6.4246 14.9785 6.27673V6.27478L14.958 6.19568L14.9551 6.18591L14.9531 6.18005L14.9512 6.17224C14.9497 6.1664 14.9481 6.15677 14.9453 6.14685C14.9398 6.12695 14.9307 6.09654 14.917 6.06189C14.9032 6.02688 14.8885 5.99813 14.8799 5.98181C14.8758 5.97402 14.8709 5.96562 14.8691 5.96228L14.8564 5.93689C14.849 5.92177 14.8351 5.89372 14.8154 5.86267L14.8145 5.86072L14.7529 5.7738C14.7316 5.74659 14.7094 5.72129 14.6875 5.69763C14.6837 5.69341 14.6802 5.68854 14.6758 5.68396L9.58496 0.349976Z"
+                        fill="currentColor"
+                      />
+                    </svg>
                   </div>
                 </div>
               </div>
@@ -240,64 +293,71 @@ exports[`handles data structure correctly 1`] = `
           </a>
         </div>
         <div
-          className="CTACardstyle__CardWrapper-sc-si8xx1-4 hxglwr"
+          className="CTACardstyle__CardWrapper-sc-si8xx1-6 cslXhN"
+          columns={3}
+          hasLink={true}
+          isCarousel={false}
         >
           <a
-            className="Linkstyle__StyledLink-sc-t360tr-1 iydhqO CTACardstyle__CardLink-sc-si8xx1-3 udrPq"
+            buttonType="primary"
+            className="Linkstyle__StyledLink-sc-t360tr-1 hOnWnU CTACardstyle__CardLink-sc-si8xx1-5 floDNG"
+            fullWidth={false}
+            home={false}
             href="/test-no-image"
+            iconFirst={false}
+            isCarousel={false}
+            isInteractive={true}
+            mobileColour={null}
             rel={null}
             target="_self"
             type="standard"
+            underline={true}
           >
             <div
-              className="CTACardstyle__CopyAndLinkSection-sc-si8xx1-5 bmuAep"
+              className="CTACardstyle__CopyAndLinkSection-sc-si8xx1-7 bFRGuV"
             >
               <div
-                className="CTACardstyle__Copy-sc-si8xx1-6 csgKNf"
+                className="CTACardstyle__Copy-sc-si8xx1-8 bBA-DeV"
               >
                 <p
-                  className="Text__BaseText-sc-1snl0ya-0 ffxkcd"
+                  className="Text__BaseText-sc-1snl0ya-0 iUZahU"
                 >
                   Load of text here
                 </p>
               </div>
               <div
-                className="CTACardstyle__CTA-sc-si8xx1-8 eluKFv"
+                className="CTACardstyle__CTA-sc-si8xx1-10 gHrhFm"
               >
                 <span
-                  className="CTACardstyle__CTAText-sc-si8xx1-1 dQjaWt"
+                  className="CTACardstyle__CTAText-sc-si8xx1-1 hJupcp"
                 >
                   View card
                   <img
                     alt=""
                     aria-hidden="true"
-                    className="CTACardstyle__CTATextUnderline-sc-si8xx1-2 jSsByL"
+                    className="CTACardstyle__CTATextUnderline-sc-si8xx1-2 cnFZDX"
                     src="mock.asset"
                   />
                 </span>
                 <div
-                  className="CtaArrowCirclestyle__ArrowIconOuter-sc-1eai4ad-2 hRwDxh"
+                  className="CTACardstyle__ArrowIconOuter-sc-si8xx1-4 kqSHjW"
                 >
                   <div
-                    className="CtaArrowCirclestyle__ArrowIconWrapper-sc-1eai4ad-1 dlHKrX"
+                    className="CTACardstyle__ArrowIconWrapper-sc-si8xx1-3 jyghMz"
                   >
-                    <span
-                      className="CtaArrowCirclestyle__ArrowIconInner-sc-1eai4ad-0 jXJGXA"
+                    <svg
+                      className="_ArrowIcon__StyledArrowIcon-sc-mqq2gw-0 ioFlFZ"
+                      fill="none"
+                      height="13"
+                      viewBox="0 0 15 13"
+                      width="15"
+                      xmlns="http://www.w3.org/2000/svg"
                     >
-                      <svg
-                        className="ArrowIcon__StyledArrowIcon-sc-1iwl330-0 hLeEyo"
-                        fill="none"
-                        height="15"
-                        viewBox="0 0 15 15"
-                        width="15"
-                        xmlns="http://www.w3.org/2000/svg"
-                      >
-                        <path
-                          d="M9.58496 1.3501C9.1395 0.88346 8.40641 0.883488 7.96094 1.3501C7.52803 1.80361 7.5281 2.53033 7.96094 2.98389L11.1582 6.3335H1.13672C0.48748 6.3335 0 6.87834 0 7.50049C2.15408e-05 8.12262 0.487494 8.66748 1.13672 8.66748H11.1582L7.96094 12.0171C7.52806 12.4706 7.52899 13.1974 7.96191 13.6509C8.18163 13.8804 8.47556 14.0005 8.77344 14.0005C9.07114 14.0004 9.36533 13.8809 9.58496 13.6509L14.6758 8.31689L14.6748 8.31592L14.6875 8.30322L14.6865 8.30225C14.6954 8.29227 14.7044 8.28494 14.71 8.27783C14.7117 8.27557 14.7133 8.27298 14.7148 8.271C14.7485 8.23215 14.7824 8.18937 14.8135 8.14111L14.8154 8.13818C14.8354 8.1067 14.8493 8.07854 14.8564 8.06396L14.8652 8.04639L14.8662 8.04443L14.8672 8.04346C14.8672 8.04346 14.868 8.0407 14.8691 8.03857C14.8709 8.03524 14.8758 8.02683 14.8799 8.01904L14.8802 8.01851C14.8888 8.00212 14.9034 7.97435 14.917 7.93994V7.93799C14.9303 7.90387 14.9391 7.87297 14.9443 7.854C14.9469 7.8447 14.9498 7.83579 14.9512 7.83057C14.9527 7.82466 14.9535 7.82292 14.9541 7.8208C14.9541 7.8208 14.9542 7.81765 14.9551 7.81494L14.958 7.80615L14.9586 7.80434C14.9631 7.78973 14.9718 7.76131 14.9785 7.72705V7.7251C15.0066 7.57717 15.0066 7.42472 14.9785 7.27686V7.2749L14.958 7.1958L14.9551 7.18604L14.9531 7.18018L14.9512 7.17236C14.9497 7.16652 14.9481 7.15689 14.9453 7.14697C14.9398 7.12707 14.9307 7.09666 14.917 7.06201C14.9032 7.027 14.8885 6.99825 14.8799 6.98193C14.8758 6.97415 14.8709 6.96574 14.8691 6.9624L14.8564 6.93701C14.849 6.92189 14.8351 6.89384 14.8154 6.86279L14.8145 6.86084L14.7529 6.77393C14.7316 6.74671 14.7094 6.72141 14.6875 6.69775C14.6837 6.69353 14.6802 6.68867 14.6758 6.68408L9.58496 1.3501Z"
-                          fill="currentColor"
-                        />
-                      </svg>
-                    </span>
+                      <path
+                        d="M9.58496 0.349976C9.1395 -0.116662 8.40641 -0.116634 7.96094 0.349976C7.52803 0.803486 7.5281 1.53021 7.96094 1.98376L11.1582 5.33337H1.13672C0.48748 5.33337 0 5.87822 0 6.50037C2.15408e-05 7.1225 0.487494 7.66736 1.13672 7.66736H11.1582L7.96094 11.017C7.52806 11.4705 7.52899 12.1972 7.96191 12.6508C8.18163 12.8803 8.47556 13.0004 8.77344 13.0004C9.07114 13.0002 9.36533 12.8808 9.58496 12.6508L14.6758 7.31677L14.6748 7.3158L14.6875 7.3031L14.6865 7.30212C14.6954 7.29215 14.7044 7.28482 14.71 7.27771C14.7117 7.27545 14.7133 7.27285 14.7148 7.27087C14.7485 7.23203 14.7824 7.18925 14.8135 7.14099L14.8154 7.13806C14.8354 7.10658 14.8493 7.07842 14.8564 7.06384L14.8652 7.04626L14.8662 7.04431L14.8672 7.04333C14.8672 7.04333 14.868 7.04057 14.8691 7.03845C14.8709 7.03512 14.8758 7.02671 14.8799 7.01892L14.8802 7.01839C14.8888 7.002 14.9034 6.97423 14.917 6.93982V6.93787C14.9303 6.90375 14.9391 6.87285 14.9443 6.85388C14.9469 6.84458 14.9498 6.83567 14.9512 6.83044C14.9527 6.82454 14.9535 6.8228 14.9541 6.82068C14.9541 6.82068 14.9542 6.81753 14.9551 6.81482L14.958 6.80603L14.9586 6.80422C14.9631 6.78961 14.9718 6.76119 14.9785 6.72693V6.72498C15.0066 6.57705 15.0066 6.4246 14.9785 6.27673V6.27478L14.958 6.19568L14.9551 6.18591L14.9531 6.18005L14.9512 6.17224C14.9497 6.1664 14.9481 6.15677 14.9453 6.14685C14.9398 6.12695 14.9307 6.09654 14.917 6.06189C14.9032 6.02688 14.8885 5.99813 14.8799 5.98181C14.8758 5.97402 14.8709 5.96562 14.8691 5.96228L14.8564 5.93689C14.849 5.92177 14.8351 5.89372 14.8154 5.86267L14.8145 5.86072L14.7529 5.7738C14.7316 5.74659 14.7094 5.72129 14.6875 5.69763C14.6837 5.69341 14.6802 5.68854 14.6758 5.68396L9.58496 0.349976Z"
+                        fill="currentColor"
+                      />
+                    </svg>
                   </div>
                 </div>
               </div>
@@ -312,43 +372,68 @@ exports[`handles data structure correctly 1`] = `
 
 exports[`renders 2 columns layout correctly 1`] = `
 <div
-  className="CTAMultiCardstyle__CardsQueryWrapper-sc-gsdqzv-0 qqegF"
+  className="CTAMultiCardstyle__CardsQueryWrapper-sc-gsdqzv-0 ktuUJR"
 >
   <div
-    className="CTAMultiCardstyle__CardsSection-sc-gsdqzv-1 cywbFh"
+    backgroundColor="transparent"
+    className="CTAMultiCardstyle__CardsSection-sc-gsdqzv-1 kCFZDg"
   >
     <div
-      className="CTAMultiCardstyle__CardsInner-sc-gsdqzv-2 iFzzWM"
+      className="CTAMultiCardstyle__CardsInner-sc-gsdqzv-2 ftevmM"
     >
       <div
-        className="CTAMultiCardstyle__CardsContainer-sc-gsdqzv-3 jrSYsC"
+        className="CTAMultiCardstyle__CardsContainer-sc-gsdqzv-3 kIbkZO"
+        columns={2}
+        isCarousel={true}
+        useSplideCarousel={false}
       >
         <div
-          className="CTACardstyle__CardWrapper-sc-si8xx1-4 dPhdyR"
+          className="CTACardstyle__CardWrapper-sc-si8xx1-6 blfqiH"
+          columns={2}
+          hasLink={true}
+          isCarousel={true}
         >
           <a
-            className="Linkstyle__StyledLink-sc-t360tr-1 iydhqO CTACardstyle__CardLink-sc-si8xx1-3 udrPq"
+            buttonType="primary"
+            className="Linkstyle__StyledLink-sc-t360tr-1 hOnWnU CTACardstyle__CardLink-sc-si8xx1-5 floDNG"
+            fullWidth={false}
+            home={false}
             href="/test"
+            iconFirst={false}
+            isCarousel={true}
+            isInteractive={true}
+            mobileColour={null}
             rel={null}
             target="_self"
             type="standard"
+            underline={true}
           >
             <div
-              className="CTACardstyle__ImageWrapper-sc-si8xx1-0 etphrL"
+              className="CTACardstyle__ImageWrapper-sc-si8xx1-0 cVegjR"
             >
               <div
-                className="Picture__Wrapper-sc-1x3z81z-0 eioWif lazyload"
+                className="Picture__Wrapper-sc-1x3z81z-0 hBrAKv lazyload"
                 height="100%"
+                image="@component-library/src/styleguide/assets/challenge-1.jpg"
+                images="@component-library/src/styleguide/assets/challenge-1.jpg 678w"
+                isBackgroundImage={false}
+                nonObjFitImage="@component-library/src/styleguide/assets/challenge-1.jpg"
+                objFitState={true}
+                setObjFitState={[Function]}
                 width="100%"
               >
                 <img
                   alt=""
-                  className="Picture__Image-sc-1x3z81z-1 cFGEzv lazyload"
+                  className="Picture__Image-sc-1x3z81z-1 dVTBxx lazyload"
                   data-lowsrc="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAAPABQDASIAAhEBAxEB/8QAGAAAAwEBAAAAAAAAAAAAAAAAAAcIBAb/xAAjEAACAgIBBAIDAAAAAAAAAAABAgMEABEGBRIhMQdBE1Fh/8QAFQEBAQAAAAAAAAAAAAAAAAAAAgT/xAAaEQADAQADAAAAAAAAAAAAAAAAAQIDERIT/9oADAMBAAIRAxEAPwBzRcrjVY+0tonyT41nG8y+SLFTkgpQTVFpoqiRZGHc2/egf4RrMM12OHpNi3LsrAjO2vsKCcQtvkbTW570sMUt6xphJKnd+Ma9A78ZRWcS+SWNLpNMqAdQidVaSxErEA6ZgCNj9YZNPTOTpJW7+ovdlnLHyjgAD6GGPug+bP/Z"
                   data-sizes="auto"
                   data-src="@component-library/src/styleguide/assets/challenge-1.jpg"
                   data-srcset="@component-library/src/styleguide/assets/challenge-1.jpg 678w"
                   height="100%"
+                  mediumBreakpointRowLayout={null}
+                  objFitState={true}
+                  objectFit="cover"
+                  smallBreakpointRowLayout={null}
                   src="@component-library/src/styleguide/assets/challenge-1.jpg"
                   srcSet="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"
                   width="100%"
@@ -356,13 +441,13 @@ exports[`renders 2 columns layout correctly 1`] = `
               </div>
             </div>
             <div
-              className="CTACardstyle__CopyAndLinkSection-sc-si8xx1-5 bmuAep"
+              className="CTACardstyle__CopyAndLinkSection-sc-si8xx1-7 bFRGuV"
             >
               <div
-                className="CTACardstyle__Copy-sc-si8xx1-6 csgKNf"
+                className="CTACardstyle__Copy-sc-si8xx1-8 bBA-DeV"
               >
                 <p
-                  className="Text__BaseText-sc-1snl0ya-0 ffxkcd"
+                  className="Text__BaseText-sc-1snl0ya-0 iUZahU"
                 >
                   <strong>
                     Load
@@ -371,42 +456,38 @@ exports[`renders 2 columns layout correctly 1`] = `
                 </p>
               </div>
               <div
-                className="CTACardstyle__CTA-sc-si8xx1-8 eluKFv"
+                className="CTACardstyle__CTA-sc-si8xx1-10 gHrhFm"
               >
                 <span
-                  className="CTACardstyle__CTAText-sc-si8xx1-1 dQjaWt"
+                  className="CTACardstyle__CTAText-sc-si8xx1-1 hJupcp"
                 >
                   test go
                   <img
                     alt=""
                     aria-hidden="true"
-                    className="CTACardstyle__CTATextUnderline-sc-si8xx1-2 jSsByL"
+                    className="CTACardstyle__CTATextUnderline-sc-si8xx1-2 cnFZDX"
                     src="mock.asset"
                   />
                 </span>
                 <div
-                  className="CtaArrowCirclestyle__ArrowIconOuter-sc-1eai4ad-2 hRwDxh"
+                  className="CTACardstyle__ArrowIconOuter-sc-si8xx1-4 kqSHjW"
                 >
                   <div
-                    className="CtaArrowCirclestyle__ArrowIconWrapper-sc-1eai4ad-1 dlHKrX"
+                    className="CTACardstyle__ArrowIconWrapper-sc-si8xx1-3 jyghMz"
                   >
-                    <span
-                      className="CtaArrowCirclestyle__ArrowIconInner-sc-1eai4ad-0 jXJGXA"
+                    <svg
+                      className="_ArrowIcon__StyledArrowIcon-sc-mqq2gw-0 ioFlFZ"
+                      fill="none"
+                      height="13"
+                      viewBox="0 0 15 13"
+                      width="15"
+                      xmlns="http://www.w3.org/2000/svg"
                     >
-                      <svg
-                        className="ArrowIcon__StyledArrowIcon-sc-1iwl330-0 hLeEyo"
-                        fill="none"
-                        height="15"
-                        viewBox="0 0 15 15"
-                        width="15"
-                        xmlns="http://www.w3.org/2000/svg"
-                      >
-                        <path
-                          d="M9.58496 1.3501C9.1395 0.88346 8.40641 0.883488 7.96094 1.3501C7.52803 1.80361 7.5281 2.53033 7.96094 2.98389L11.1582 6.3335H1.13672C0.48748 6.3335 0 6.87834 0 7.50049C2.15408e-05 8.12262 0.487494 8.66748 1.13672 8.66748H11.1582L7.96094 12.0171C7.52806 12.4706 7.52899 13.1974 7.96191 13.6509C8.18163 13.8804 8.47556 14.0005 8.77344 14.0005C9.07114 14.0004 9.36533 13.8809 9.58496 13.6509L14.6758 8.31689L14.6748 8.31592L14.6875 8.30322L14.6865 8.30225C14.6954 8.29227 14.7044 8.28494 14.71 8.27783C14.7117 8.27557 14.7133 8.27298 14.7148 8.271C14.7485 8.23215 14.7824 8.18937 14.8135 8.14111L14.8154 8.13818C14.8354 8.1067 14.8493 8.07854 14.8564 8.06396L14.8652 8.04639L14.8662 8.04443L14.8672 8.04346C14.8672 8.04346 14.868 8.0407 14.8691 8.03857C14.8709 8.03524 14.8758 8.02683 14.8799 8.01904L14.8802 8.01851C14.8888 8.00212 14.9034 7.97435 14.917 7.93994V7.93799C14.9303 7.90387 14.9391 7.87297 14.9443 7.854C14.9469 7.8447 14.9498 7.83579 14.9512 7.83057C14.9527 7.82466 14.9535 7.82292 14.9541 7.8208C14.9541 7.8208 14.9542 7.81765 14.9551 7.81494L14.958 7.80615L14.9586 7.80434C14.9631 7.78973 14.9718 7.76131 14.9785 7.72705V7.7251C15.0066 7.57717 15.0066 7.42472 14.9785 7.27686V7.2749L14.958 7.1958L14.9551 7.18604L14.9531 7.18018L14.9512 7.17236C14.9497 7.16652 14.9481 7.15689 14.9453 7.14697C14.9398 7.12707 14.9307 7.09666 14.917 7.06201C14.9032 7.027 14.8885 6.99825 14.8799 6.98193C14.8758 6.97415 14.8709 6.96574 14.8691 6.9624L14.8564 6.93701C14.849 6.92189 14.8351 6.89384 14.8154 6.86279L14.8145 6.86084L14.7529 6.77393C14.7316 6.74671 14.7094 6.72141 14.6875 6.69775C14.6837 6.69353 14.6802 6.68867 14.6758 6.68408L9.58496 1.3501Z"
-                          fill="currentColor"
-                        />
-                      </svg>
-                    </span>
+                      <path
+                        d="M9.58496 0.349976C9.1395 -0.116662 8.40641 -0.116634 7.96094 0.349976C7.52803 0.803486 7.5281 1.53021 7.96094 1.98376L11.1582 5.33337H1.13672C0.48748 5.33337 0 5.87822 0 6.50037C2.15408e-05 7.1225 0.487494 7.66736 1.13672 7.66736H11.1582L7.96094 11.017C7.52806 11.4705 7.52899 12.1972 7.96191 12.6508C8.18163 12.8803 8.47556 13.0004 8.77344 13.0004C9.07114 13.0002 9.36533 12.8808 9.58496 12.6508L14.6758 7.31677L14.6748 7.3158L14.6875 7.3031L14.6865 7.30212C14.6954 7.29215 14.7044 7.28482 14.71 7.27771C14.7117 7.27545 14.7133 7.27285 14.7148 7.27087C14.7485 7.23203 14.7824 7.18925 14.8135 7.14099L14.8154 7.13806C14.8354 7.10658 14.8493 7.07842 14.8564 7.06384L14.8652 7.04626L14.8662 7.04431L14.8672 7.04333C14.8672 7.04333 14.868 7.04057 14.8691 7.03845C14.8709 7.03512 14.8758 7.02671 14.8799 7.01892L14.8802 7.01839C14.8888 7.002 14.9034 6.97423 14.917 6.93982V6.93787C14.9303 6.90375 14.9391 6.87285 14.9443 6.85388C14.9469 6.84458 14.9498 6.83567 14.9512 6.83044C14.9527 6.82454 14.9535 6.8228 14.9541 6.82068C14.9541 6.82068 14.9542 6.81753 14.9551 6.81482L14.958 6.80603L14.9586 6.80422C14.9631 6.78961 14.9718 6.76119 14.9785 6.72693V6.72498C15.0066 6.57705 15.0066 6.4246 14.9785 6.27673V6.27478L14.958 6.19568L14.9551 6.18591L14.9531 6.18005L14.9512 6.17224C14.9497 6.1664 14.9481 6.15677 14.9453 6.14685C14.9398 6.12695 14.9307 6.09654 14.917 6.06189C14.9032 6.02688 14.8885 5.99813 14.8799 5.98181C14.8758 5.97402 14.8709 5.96562 14.8691 5.96228L14.8564 5.93689C14.849 5.92177 14.8351 5.89372 14.8154 5.86267L14.8145 5.86072L14.7529 5.7738C14.7316 5.74659 14.7094 5.72129 14.6875 5.69763C14.6837 5.69341 14.6802 5.68854 14.6758 5.68396L9.58496 0.349976Z"
+                        fill="currentColor"
+                      />
+                    </svg>
                   </div>
                 </div>
               </div>
@@ -414,27 +495,42 @@ exports[`renders 2 columns layout correctly 1`] = `
           </a>
         </div>
         <div
-          className="CTACardstyle__CardWrapper-sc-si8xx1-4 cdJZAM"
+          className="CTACardstyle__CardWrapper-sc-si8xx1-6 fWzOTa"
+          columns={2}
+          hasLink={false}
+          isCarousel={true}
         >
           <div
-            className="CTACardstyle__CardLink-sc-si8xx1-3 geBvAi"
+            className="CTACardstyle__CardLink-sc-si8xx1-5 htnomm"
+            isCarousel={true}
+            isInteractive={false}
           >
             <div
-              className="CTACardstyle__ImageWrapper-sc-si8xx1-0 etphrL"
+              className="CTACardstyle__ImageWrapper-sc-si8xx1-0 cVegjR"
             >
               <div
-                className="Picture__Wrapper-sc-1x3z81z-0 eioWif lazyload"
+                className="Picture__Wrapper-sc-1x3z81z-0 hBrAKv lazyload"
                 height="100%"
+                image="@component-library/src/styleguide/assets/challenge-1.jpg"
+                images="@component-library/src/styleguide/assets/challenge-1.jpg 678w"
+                isBackgroundImage={false}
+                nonObjFitImage="@component-library/src/styleguide/assets/challenge-1.jpg"
+                objFitState={true}
+                setObjFitState={[Function]}
                 width="100%"
               >
                 <img
                   alt=""
-                  className="Picture__Image-sc-1x3z81z-1 cFGEzv lazyload"
+                  className="Picture__Image-sc-1x3z81z-1 dVTBxx lazyload"
                   data-lowsrc="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAAPABQDASIAAhEBAxEB/8QAGAAAAwEBAAAAAAAAAAAAAAAAAAcIBAb/xAAjEAACAgIBBAIDAAAAAAAAAAABAgMEABEGBRIhMQdBE1Fh/8QAFQEBAQAAAAAAAAAAAAAAAAAAAgT/xAAaEQADAQADAAAAAAAAAAAAAAAAAQIDERIT/9oADAMBAAIRAxEAPwBzRcrjVY+0tonyT41nG8y+SLFTkgpQTVFpoqiRZGHc2/egf4RrMM12OHpNi3LsrAjO2vsKCcQtvkbTW570sMUt6xphJKnd+Ma9A78ZRWcS+SWNLpNMqAdQidVaSxErEA6ZgCNj9YZNPTOTpJW7+ovdlnLHyjgAD6GGPug+bP/Z"
                   data-sizes="auto"
                   data-src="@component-library/src/styleguide/assets/challenge-1.jpg"
                   data-srcset="@component-library/src/styleguide/assets/challenge-1.jpg 678w"
                   height="100%"
+                  mediumBreakpointRowLayout={null}
+                  objFitState={true}
+                  objectFit="cover"
+                  smallBreakpointRowLayout={null}
                   src="@component-library/src/styleguide/assets/challenge-1.jpg"
                   srcSet="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"
                   width="100%"
@@ -442,13 +538,13 @@ exports[`renders 2 columns layout correctly 1`] = `
               </div>
             </div>
             <div
-              className="CTACardstyle__CopyAndLinkSection-sc-si8xx1-5 bmuAep"
+              className="CTACardstyle__CopyAndLinkSection-sc-si8xx1-7 bFRGuV"
             >
               <div
-                className="CTACardstyle__Copy-sc-si8xx1-6 csgKNf"
+                className="CTACardstyle__Copy-sc-si8xx1-8 bBA-DeV"
               >
                 <p
-                  className="Text__BaseText-sc-1snl0ya-0 ffxkcd"
+                  className="Text__BaseText-sc-1snl0ya-0 iUZahU"
                 >
                   <strong>
                     Load
@@ -460,31 +556,52 @@ exports[`renders 2 columns layout correctly 1`] = `
           </div>
         </div>
         <div
-          className="CTACardstyle__CardWrapper-sc-si8xx1-4 dPhdyR"
+          className="CTACardstyle__CardWrapper-sc-si8xx1-6 blfqiH"
+          columns={2}
+          hasLink={true}
+          isCarousel={true}
         >
           <a
-            className="Linkstyle__StyledLink-sc-t360tr-1 iydhqO CTACardstyle__CardLink-sc-si8xx1-3 udrPq"
+            buttonType="primary"
+            className="Linkstyle__StyledLink-sc-t360tr-1 hOnWnU CTACardstyle__CardLink-sc-si8xx1-5 floDNG"
+            fullWidth={false}
+            home={false}
             href="/test"
+            iconFirst={false}
+            isCarousel={true}
+            isInteractive={true}
+            mobileColour={null}
             rel={null}
             target="_self"
             type="standard"
+            underline={true}
           >
             <div
-              className="CTACardstyle__ImageWrapper-sc-si8xx1-0 etphrL"
+              className="CTACardstyle__ImageWrapper-sc-si8xx1-0 cVegjR"
             >
               <div
-                className="Picture__Wrapper-sc-1x3z81z-0 eioWif lazyload"
+                className="Picture__Wrapper-sc-1x3z81z-0 hBrAKv lazyload"
                 height="100%"
+                image="@component-library/src/styleguide/assets/challenge-1.jpg"
+                images="@component-library/src/styleguide/assets/challenge-1.jpg 678w"
+                isBackgroundImage={false}
+                nonObjFitImage="@component-library/src/styleguide/assets/challenge-1.jpg"
+                objFitState={true}
+                setObjFitState={[Function]}
                 width="100%"
               >
                 <img
                   alt=""
-                  className="Picture__Image-sc-1x3z81z-1 cFGEzv lazyload"
+                  className="Picture__Image-sc-1x3z81z-1 dVTBxx lazyload"
                   data-lowsrc="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAAPABQDASIAAhEBAxEB/8QAGAAAAwEBAAAAAAAAAAAAAAAAAAcIBAb/xAAjEAACAgIBBAIDAAAAAAAAAAABAgMEABEGBRIhMQdBE1Fh/8QAFQEBAQAAAAAAAAAAAAAAAAAAAgT/xAAaEQADAQADAAAAAAAAAAAAAAAAAQIDERIT/9oADAMBAAIRAxEAPwBzRcrjVY+0tonyT41nG8y+SLFTkgpQTVFpoqiRZGHc2/egf4RrMM12OHpNi3LsrAjO2vsKCcQtvkbTW570sMUt6xphJKnd+Ma9A78ZRWcS+SWNLpNMqAdQidVaSxErEA6ZgCNj9YZNPTOTpJW7+ovdlnLHyjgAD6GGPug+bP/Z"
                   data-sizes="auto"
                   data-src="@component-library/src/styleguide/assets/challenge-1.jpg"
                   data-srcset="@component-library/src/styleguide/assets/challenge-1.jpg 678w"
                   height="100%"
+                  mediumBreakpointRowLayout={null}
+                  objFitState={true}
+                  objectFit="cover"
+                  smallBreakpointRowLayout={null}
                   src="@component-library/src/styleguide/assets/challenge-1.jpg"
                   srcSet="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"
                   width="100%"
@@ -492,13 +609,13 @@ exports[`renders 2 columns layout correctly 1`] = `
               </div>
             </div>
             <div
-              className="CTACardstyle__CopyAndLinkSection-sc-si8xx1-5 bmuAep"
+              className="CTACardstyle__CopyAndLinkSection-sc-si8xx1-7 bFRGuV"
             >
               <div
-                className="CTACardstyle__Copy-sc-si8xx1-6 csgKNf"
+                className="CTACardstyle__Copy-sc-si8xx1-8 bBA-DeV"
               >
                 <p
-                  className="Text__BaseText-sc-1snl0ya-0 ffxkcd"
+                  className="Text__BaseText-sc-1snl0ya-0 iUZahU"
                 >
                   <strong>
                     Load
@@ -507,42 +624,38 @@ exports[`renders 2 columns layout correctly 1`] = `
                 </p>
               </div>
               <div
-                className="CTACardstyle__CTA-sc-si8xx1-8 eluKFv"
+                className="CTACardstyle__CTA-sc-si8xx1-10 gHrhFm"
               >
                 <span
-                  className="CTACardstyle__CTAText-sc-si8xx1-1 dQjaWt"
+                  className="CTACardstyle__CTAText-sc-si8xx1-1 hJupcp"
                 >
                   test go
                   <img
                     alt=""
                     aria-hidden="true"
-                    className="CTACardstyle__CTATextUnderline-sc-si8xx1-2 jSsByL"
+                    className="CTACardstyle__CTATextUnderline-sc-si8xx1-2 cnFZDX"
                     src="mock.asset"
                   />
                 </span>
                 <div
-                  className="CtaArrowCirclestyle__ArrowIconOuter-sc-1eai4ad-2 hRwDxh"
+                  className="CTACardstyle__ArrowIconOuter-sc-si8xx1-4 kqSHjW"
                 >
                   <div
-                    className="CtaArrowCirclestyle__ArrowIconWrapper-sc-1eai4ad-1 dlHKrX"
+                    className="CTACardstyle__ArrowIconWrapper-sc-si8xx1-3 jyghMz"
                   >
-                    <span
-                      className="CtaArrowCirclestyle__ArrowIconInner-sc-1eai4ad-0 jXJGXA"
+                    <svg
+                      className="_ArrowIcon__StyledArrowIcon-sc-mqq2gw-0 ioFlFZ"
+                      fill="none"
+                      height="13"
+                      viewBox="0 0 15 13"
+                      width="15"
+                      xmlns="http://www.w3.org/2000/svg"
                     >
-                      <svg
-                        className="ArrowIcon__StyledArrowIcon-sc-1iwl330-0 hLeEyo"
-                        fill="none"
-                        height="15"
-                        viewBox="0 0 15 15"
-                        width="15"
-                        xmlns="http://www.w3.org/2000/svg"
-                      >
-                        <path
-                          d="M9.58496 1.3501C9.1395 0.88346 8.40641 0.883488 7.96094 1.3501C7.52803 1.80361 7.5281 2.53033 7.96094 2.98389L11.1582 6.3335H1.13672C0.48748 6.3335 0 6.87834 0 7.50049C2.15408e-05 8.12262 0.487494 8.66748 1.13672 8.66748H11.1582L7.96094 12.0171C7.52806 12.4706 7.52899 13.1974 7.96191 13.6509C8.18163 13.8804 8.47556 14.0005 8.77344 14.0005C9.07114 14.0004 9.36533 13.8809 9.58496 13.6509L14.6758 8.31689L14.6748 8.31592L14.6875 8.30322L14.6865 8.30225C14.6954 8.29227 14.7044 8.28494 14.71 8.27783C14.7117 8.27557 14.7133 8.27298 14.7148 8.271C14.7485 8.23215 14.7824 8.18937 14.8135 8.14111L14.8154 8.13818C14.8354 8.1067 14.8493 8.07854 14.8564 8.06396L14.8652 8.04639L14.8662 8.04443L14.8672 8.04346C14.8672 8.04346 14.868 8.0407 14.8691 8.03857C14.8709 8.03524 14.8758 8.02683 14.8799 8.01904L14.8802 8.01851C14.8888 8.00212 14.9034 7.97435 14.917 7.93994V7.93799C14.9303 7.90387 14.9391 7.87297 14.9443 7.854C14.9469 7.8447 14.9498 7.83579 14.9512 7.83057C14.9527 7.82466 14.9535 7.82292 14.9541 7.8208C14.9541 7.8208 14.9542 7.81765 14.9551 7.81494L14.958 7.80615L14.9586 7.80434C14.9631 7.78973 14.9718 7.76131 14.9785 7.72705V7.7251C15.0066 7.57717 15.0066 7.42472 14.9785 7.27686V7.2749L14.958 7.1958L14.9551 7.18604L14.9531 7.18018L14.9512 7.17236C14.9497 7.16652 14.9481 7.15689 14.9453 7.14697C14.9398 7.12707 14.9307 7.09666 14.917 7.06201C14.9032 7.027 14.8885 6.99825 14.8799 6.98193C14.8758 6.97415 14.8709 6.96574 14.8691 6.9624L14.8564 6.93701C14.849 6.92189 14.8351 6.89384 14.8154 6.86279L14.8145 6.86084L14.7529 6.77393C14.7316 6.74671 14.7094 6.72141 14.6875 6.69775C14.6837 6.69353 14.6802 6.68867 14.6758 6.68408L9.58496 1.3501Z"
-                          fill="currentColor"
-                        />
-                      </svg>
-                    </span>
+                      <path
+                        d="M9.58496 0.349976C9.1395 -0.116662 8.40641 -0.116634 7.96094 0.349976C7.52803 0.803486 7.5281 1.53021 7.96094 1.98376L11.1582 5.33337H1.13672C0.48748 5.33337 0 5.87822 0 6.50037C2.15408e-05 7.1225 0.487494 7.66736 1.13672 7.66736H11.1582L7.96094 11.017C7.52806 11.4705 7.52899 12.1972 7.96191 12.6508C8.18163 12.8803 8.47556 13.0004 8.77344 13.0004C9.07114 13.0002 9.36533 12.8808 9.58496 12.6508L14.6758 7.31677L14.6748 7.3158L14.6875 7.3031L14.6865 7.30212C14.6954 7.29215 14.7044 7.28482 14.71 7.27771C14.7117 7.27545 14.7133 7.27285 14.7148 7.27087C14.7485 7.23203 14.7824 7.18925 14.8135 7.14099L14.8154 7.13806C14.8354 7.10658 14.8493 7.07842 14.8564 7.06384L14.8652 7.04626L14.8662 7.04431L14.8672 7.04333C14.8672 7.04333 14.868 7.04057 14.8691 7.03845C14.8709 7.03512 14.8758 7.02671 14.8799 7.01892L14.8802 7.01839C14.8888 7.002 14.9034 6.97423 14.917 6.93982V6.93787C14.9303 6.90375 14.9391 6.87285 14.9443 6.85388C14.9469 6.84458 14.9498 6.83567 14.9512 6.83044C14.9527 6.82454 14.9535 6.8228 14.9541 6.82068C14.9541 6.82068 14.9542 6.81753 14.9551 6.81482L14.958 6.80603L14.9586 6.80422C14.9631 6.78961 14.9718 6.76119 14.9785 6.72693V6.72498C15.0066 6.57705 15.0066 6.4246 14.9785 6.27673V6.27478L14.958 6.19568L14.9551 6.18591L14.9531 6.18005L14.9512 6.17224C14.9497 6.1664 14.9481 6.15677 14.9453 6.14685C14.9398 6.12695 14.9307 6.09654 14.917 6.06189C14.9032 6.02688 14.8885 5.99813 14.8799 5.98181C14.8758 5.97402 14.8709 5.96562 14.8691 5.96228L14.8564 5.93689C14.849 5.92177 14.8351 5.89372 14.8154 5.86267L14.8145 5.86072L14.7529 5.7738C14.7316 5.74659 14.7094 5.72129 14.6875 5.69763C14.6837 5.69341 14.6802 5.68854 14.6758 5.68396L9.58496 0.349976Z"
+                        fill="currentColor"
+                      />
+                    </svg>
                   </div>
                 </div>
               </div>
@@ -550,64 +663,71 @@ exports[`renders 2 columns layout correctly 1`] = `
           </a>
         </div>
         <div
-          className="CTACardstyle__CardWrapper-sc-si8xx1-4 dPhdyR"
+          className="CTACardstyle__CardWrapper-sc-si8xx1-6 blfqiH"
+          columns={2}
+          hasLink={true}
+          isCarousel={true}
         >
           <a
-            className="Linkstyle__StyledLink-sc-t360tr-1 iydhqO CTACardstyle__CardLink-sc-si8xx1-3 udrPq"
+            buttonType="primary"
+            className="Linkstyle__StyledLink-sc-t360tr-1 hOnWnU CTACardstyle__CardLink-sc-si8xx1-5 floDNG"
+            fullWidth={false}
+            home={false}
             href="/test-no-image"
+            iconFirst={false}
+            isCarousel={true}
+            isInteractive={true}
+            mobileColour={null}
             rel={null}
             target="_self"
             type="standard"
+            underline={true}
           >
             <div
-              className="CTACardstyle__CopyAndLinkSection-sc-si8xx1-5 bmuAep"
+              className="CTACardstyle__CopyAndLinkSection-sc-si8xx1-7 bFRGuV"
             >
               <div
-                className="CTACardstyle__Copy-sc-si8xx1-6 csgKNf"
+                className="CTACardstyle__Copy-sc-si8xx1-8 bBA-DeV"
               >
                 <p
-                  className="Text__BaseText-sc-1snl0ya-0 ffxkcd"
+                  className="Text__BaseText-sc-1snl0ya-0 iUZahU"
                 >
                   Load of text here
                 </p>
               </div>
               <div
-                className="CTACardstyle__CTA-sc-si8xx1-8 eluKFv"
+                className="CTACardstyle__CTA-sc-si8xx1-10 gHrhFm"
               >
                 <span
-                  className="CTACardstyle__CTAText-sc-si8xx1-1 dQjaWt"
+                  className="CTACardstyle__CTAText-sc-si8xx1-1 hJupcp"
                 >
                   View card
                   <img
                     alt=""
                     aria-hidden="true"
-                    className="CTACardstyle__CTATextUnderline-sc-si8xx1-2 jSsByL"
+                    className="CTACardstyle__CTATextUnderline-sc-si8xx1-2 cnFZDX"
                     src="mock.asset"
                   />
                 </span>
                 <div
-                  className="CtaArrowCirclestyle__ArrowIconOuter-sc-1eai4ad-2 hRwDxh"
+                  className="CTACardstyle__ArrowIconOuter-sc-si8xx1-4 kqSHjW"
                 >
                   <div
-                    className="CtaArrowCirclestyle__ArrowIconWrapper-sc-1eai4ad-1 dlHKrX"
+                    className="CTACardstyle__ArrowIconWrapper-sc-si8xx1-3 jyghMz"
                   >
-                    <span
-                      className="CtaArrowCirclestyle__ArrowIconInner-sc-1eai4ad-0 jXJGXA"
+                    <svg
+                      className="_ArrowIcon__StyledArrowIcon-sc-mqq2gw-0 ioFlFZ"
+                      fill="none"
+                      height="13"
+                      viewBox="0 0 15 13"
+                      width="15"
+                      xmlns="http://www.w3.org/2000/svg"
                     >
-                      <svg
-                        className="ArrowIcon__StyledArrowIcon-sc-1iwl330-0 hLeEyo"
-                        fill="none"
-                        height="15"
-                        viewBox="0 0 15 15"
-                        width="15"
-                        xmlns="http://www.w3.org/2000/svg"
-                      >
-                        <path
-                          d="M9.58496 1.3501C9.1395 0.88346 8.40641 0.883488 7.96094 1.3501C7.52803 1.80361 7.5281 2.53033 7.96094 2.98389L11.1582 6.3335H1.13672C0.48748 6.3335 0 6.87834 0 7.50049C2.15408e-05 8.12262 0.487494 8.66748 1.13672 8.66748H11.1582L7.96094 12.0171C7.52806 12.4706 7.52899 13.1974 7.96191 13.6509C8.18163 13.8804 8.47556 14.0005 8.77344 14.0005C9.07114 14.0004 9.36533 13.8809 9.58496 13.6509L14.6758 8.31689L14.6748 8.31592L14.6875 8.30322L14.6865 8.30225C14.6954 8.29227 14.7044 8.28494 14.71 8.27783C14.7117 8.27557 14.7133 8.27298 14.7148 8.271C14.7485 8.23215 14.7824 8.18937 14.8135 8.14111L14.8154 8.13818C14.8354 8.1067 14.8493 8.07854 14.8564 8.06396L14.8652 8.04639L14.8662 8.04443L14.8672 8.04346C14.8672 8.04346 14.868 8.0407 14.8691 8.03857C14.8709 8.03524 14.8758 8.02683 14.8799 8.01904L14.8802 8.01851C14.8888 8.00212 14.9034 7.97435 14.917 7.93994V7.93799C14.9303 7.90387 14.9391 7.87297 14.9443 7.854C14.9469 7.8447 14.9498 7.83579 14.9512 7.83057C14.9527 7.82466 14.9535 7.82292 14.9541 7.8208C14.9541 7.8208 14.9542 7.81765 14.9551 7.81494L14.958 7.80615L14.9586 7.80434C14.9631 7.78973 14.9718 7.76131 14.9785 7.72705V7.7251C15.0066 7.57717 15.0066 7.42472 14.9785 7.27686V7.2749L14.958 7.1958L14.9551 7.18604L14.9531 7.18018L14.9512 7.17236C14.9497 7.16652 14.9481 7.15689 14.9453 7.14697C14.9398 7.12707 14.9307 7.09666 14.917 7.06201C14.9032 7.027 14.8885 6.99825 14.8799 6.98193C14.8758 6.97415 14.8709 6.96574 14.8691 6.9624L14.8564 6.93701C14.849 6.92189 14.8351 6.89384 14.8154 6.86279L14.8145 6.86084L14.7529 6.77393C14.7316 6.74671 14.7094 6.72141 14.6875 6.69775C14.6837 6.69353 14.6802 6.68867 14.6758 6.68408L9.58496 1.3501Z"
-                          fill="currentColor"
-                        />
-                      </svg>
-                    </span>
+                      <path
+                        d="M9.58496 0.349976C9.1395 -0.116662 8.40641 -0.116634 7.96094 0.349976C7.52803 0.803486 7.5281 1.53021 7.96094 1.98376L11.1582 5.33337H1.13672C0.48748 5.33337 0 5.87822 0 6.50037C2.15408e-05 7.1225 0.487494 7.66736 1.13672 7.66736H11.1582L7.96094 11.017C7.52806 11.4705 7.52899 12.1972 7.96191 12.6508C8.18163 12.8803 8.47556 13.0004 8.77344 13.0004C9.07114 13.0002 9.36533 12.8808 9.58496 12.6508L14.6758 7.31677L14.6748 7.3158L14.6875 7.3031L14.6865 7.30212C14.6954 7.29215 14.7044 7.28482 14.71 7.27771C14.7117 7.27545 14.7133 7.27285 14.7148 7.27087C14.7485 7.23203 14.7824 7.18925 14.8135 7.14099L14.8154 7.13806C14.8354 7.10658 14.8493 7.07842 14.8564 7.06384L14.8652 7.04626L14.8662 7.04431L14.8672 7.04333C14.8672 7.04333 14.868 7.04057 14.8691 7.03845C14.8709 7.03512 14.8758 7.02671 14.8799 7.01892L14.8802 7.01839C14.8888 7.002 14.9034 6.97423 14.917 6.93982V6.93787C14.9303 6.90375 14.9391 6.87285 14.9443 6.85388C14.9469 6.84458 14.9498 6.83567 14.9512 6.83044C14.9527 6.82454 14.9535 6.8228 14.9541 6.82068C14.9541 6.82068 14.9542 6.81753 14.9551 6.81482L14.958 6.80603L14.9586 6.80422C14.9631 6.78961 14.9718 6.76119 14.9785 6.72693V6.72498C15.0066 6.57705 15.0066 6.4246 14.9785 6.27673V6.27478L14.958 6.19568L14.9551 6.18591L14.9531 6.18005L14.9512 6.17224C14.9497 6.1664 14.9481 6.15677 14.9453 6.14685C14.9398 6.12695 14.9307 6.09654 14.917 6.06189C14.9032 6.02688 14.8885 5.99813 14.8799 5.98181C14.8758 5.97402 14.8709 5.96562 14.8691 5.96228L14.8564 5.93689C14.849 5.92177 14.8351 5.89372 14.8154 5.86267L14.8145 5.86072L14.7529 5.7738C14.7316 5.74659 14.7094 5.72129 14.6875 5.69763C14.6837 5.69341 14.6802 5.68854 14.6758 5.68396L9.58496 0.349976Z"
+                        fill="currentColor"
+                      />
+                    </svg>
                   </div>
                 </div>
               </div>
@@ -622,43 +742,68 @@ exports[`renders 2 columns layout correctly 1`] = `
 
 exports[`renders carousel mode correctly 1`] = `
 <div
-  className="CTAMultiCardstyle__CardsQueryWrapper-sc-gsdqzv-0 qqegF"
+  className="CTAMultiCardstyle__CardsQueryWrapper-sc-gsdqzv-0 ktuUJR"
 >
   <div
-    className="CTAMultiCardstyle__CardsSection-sc-gsdqzv-1 cywbFh"
+    backgroundColor="transparent"
+    className="CTAMultiCardstyle__CardsSection-sc-gsdqzv-1 kCFZDg"
   >
     <div
-      className="CTAMultiCardstyle__CardsInner-sc-gsdqzv-2 iFzzWM"
+      className="CTAMultiCardstyle__CardsInner-sc-gsdqzv-2 ftevmM"
     >
       <div
-        className="CTAMultiCardstyle__CardsContainer-sc-gsdqzv-3 fqrDP"
+        className="CTAMultiCardstyle__CardsContainer-sc-gsdqzv-3 lnGDvP"
+        columns={3}
+        isCarousel={true}
+        useSplideCarousel={false}
       >
         <div
-          className="CTACardstyle__CardWrapper-sc-si8xx1-4 anAmi"
+          className="CTACardstyle__CardWrapper-sc-si8xx1-6 cgBhTo"
+          columns={3}
+          hasLink={true}
+          isCarousel={true}
         >
           <a
-            className="Linkstyle__StyledLink-sc-t360tr-1 iydhqO CTACardstyle__CardLink-sc-si8xx1-3 udrPq"
+            buttonType="primary"
+            className="Linkstyle__StyledLink-sc-t360tr-1 hOnWnU CTACardstyle__CardLink-sc-si8xx1-5 floDNG"
+            fullWidth={false}
+            home={false}
             href="/test"
+            iconFirst={false}
+            isCarousel={true}
+            isInteractive={true}
+            mobileColour={null}
             rel={null}
             target="_self"
             type="standard"
+            underline={true}
           >
             <div
-              className="CTACardstyle__ImageWrapper-sc-si8xx1-0 etphrL"
+              className="CTACardstyle__ImageWrapper-sc-si8xx1-0 cVegjR"
             >
               <div
-                className="Picture__Wrapper-sc-1x3z81z-0 eioWif lazyload"
+                className="Picture__Wrapper-sc-1x3z81z-0 hBrAKv lazyload"
                 height="100%"
+                image="@component-library/src/styleguide/assets/challenge-1.jpg"
+                images="@component-library/src/styleguide/assets/challenge-1.jpg 678w"
+                isBackgroundImage={false}
+                nonObjFitImage="@component-library/src/styleguide/assets/challenge-1.jpg"
+                objFitState={true}
+                setObjFitState={[Function]}
                 width="100%"
               >
                 <img
                   alt=""
-                  className="Picture__Image-sc-1x3z81z-1 cFGEzv lazyload"
+                  className="Picture__Image-sc-1x3z81z-1 dVTBxx lazyload"
                   data-lowsrc="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAAPABQDASIAAhEBAxEB/8QAGAAAAwEBAAAAAAAAAAAAAAAAAAcIBAb/xAAjEAACAgIBBAIDAAAAAAAAAAABAgMEABEGBRIhMQdBE1Fh/8QAFQEBAQAAAAAAAAAAAAAAAAAAAgT/xAAaEQADAQADAAAAAAAAAAAAAAAAAQIDERIT/9oADAMBAAIRAxEAPwBzRcrjVY+0tonyT41nG8y+SLFTkgpQTVFpoqiRZGHc2/egf4RrMM12OHpNi3LsrAjO2vsKCcQtvkbTW570sMUt6xphJKnd+Ma9A78ZRWcS+SWNLpNMqAdQidVaSxErEA6ZgCNj9YZNPTOTpJW7+ovdlnLHyjgAD6GGPug+bP/Z"
                   data-sizes="auto"
                   data-src="@component-library/src/styleguide/assets/challenge-1.jpg"
                   data-srcset="@component-library/src/styleguide/assets/challenge-1.jpg 678w"
                   height="100%"
+                  mediumBreakpointRowLayout={null}
+                  objFitState={true}
+                  objectFit="cover"
+                  smallBreakpointRowLayout={null}
                   src="@component-library/src/styleguide/assets/challenge-1.jpg"
                   srcSet="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"
                   width="100%"
@@ -666,13 +811,13 @@ exports[`renders carousel mode correctly 1`] = `
               </div>
             </div>
             <div
-              className="CTACardstyle__CopyAndLinkSection-sc-si8xx1-5 bmuAep"
+              className="CTACardstyle__CopyAndLinkSection-sc-si8xx1-7 bFRGuV"
             >
               <div
-                className="CTACardstyle__Copy-sc-si8xx1-6 csgKNf"
+                className="CTACardstyle__Copy-sc-si8xx1-8 bBA-DeV"
               >
                 <p
-                  className="Text__BaseText-sc-1snl0ya-0 ffxkcd"
+                  className="Text__BaseText-sc-1snl0ya-0 iUZahU"
                 >
                   <strong>
                     Load
@@ -681,42 +826,38 @@ exports[`renders carousel mode correctly 1`] = `
                 </p>
               </div>
               <div
-                className="CTACardstyle__CTA-sc-si8xx1-8 eluKFv"
+                className="CTACardstyle__CTA-sc-si8xx1-10 gHrhFm"
               >
                 <span
-                  className="CTACardstyle__CTAText-sc-si8xx1-1 dQjaWt"
+                  className="CTACardstyle__CTAText-sc-si8xx1-1 hJupcp"
                 >
                   test go
                   <img
                     alt=""
                     aria-hidden="true"
-                    className="CTACardstyle__CTATextUnderline-sc-si8xx1-2 jSsByL"
+                    className="CTACardstyle__CTATextUnderline-sc-si8xx1-2 cnFZDX"
                     src="mock.asset"
                   />
                 </span>
                 <div
-                  className="CtaArrowCirclestyle__ArrowIconOuter-sc-1eai4ad-2 hRwDxh"
+                  className="CTACardstyle__ArrowIconOuter-sc-si8xx1-4 kqSHjW"
                 >
                   <div
-                    className="CtaArrowCirclestyle__ArrowIconWrapper-sc-1eai4ad-1 dlHKrX"
+                    className="CTACardstyle__ArrowIconWrapper-sc-si8xx1-3 jyghMz"
                   >
-                    <span
-                      className="CtaArrowCirclestyle__ArrowIconInner-sc-1eai4ad-0 jXJGXA"
+                    <svg
+                      className="_ArrowIcon__StyledArrowIcon-sc-mqq2gw-0 ioFlFZ"
+                      fill="none"
+                      height="13"
+                      viewBox="0 0 15 13"
+                      width="15"
+                      xmlns="http://www.w3.org/2000/svg"
                     >
-                      <svg
-                        className="ArrowIcon__StyledArrowIcon-sc-1iwl330-0 hLeEyo"
-                        fill="none"
-                        height="15"
-                        viewBox="0 0 15 15"
-                        width="15"
-                        xmlns="http://www.w3.org/2000/svg"
-                      >
-                        <path
-                          d="M9.58496 1.3501C9.1395 0.88346 8.40641 0.883488 7.96094 1.3501C7.52803 1.80361 7.5281 2.53033 7.96094 2.98389L11.1582 6.3335H1.13672C0.48748 6.3335 0 6.87834 0 7.50049C2.15408e-05 8.12262 0.487494 8.66748 1.13672 8.66748H11.1582L7.96094 12.0171C7.52806 12.4706 7.52899 13.1974 7.96191 13.6509C8.18163 13.8804 8.47556 14.0005 8.77344 14.0005C9.07114 14.0004 9.36533 13.8809 9.58496 13.6509L14.6758 8.31689L14.6748 8.31592L14.6875 8.30322L14.6865 8.30225C14.6954 8.29227 14.7044 8.28494 14.71 8.27783C14.7117 8.27557 14.7133 8.27298 14.7148 8.271C14.7485 8.23215 14.7824 8.18937 14.8135 8.14111L14.8154 8.13818C14.8354 8.1067 14.8493 8.07854 14.8564 8.06396L14.8652 8.04639L14.8662 8.04443L14.8672 8.04346C14.8672 8.04346 14.868 8.0407 14.8691 8.03857C14.8709 8.03524 14.8758 8.02683 14.8799 8.01904L14.8802 8.01851C14.8888 8.00212 14.9034 7.97435 14.917 7.93994V7.93799C14.9303 7.90387 14.9391 7.87297 14.9443 7.854C14.9469 7.8447 14.9498 7.83579 14.9512 7.83057C14.9527 7.82466 14.9535 7.82292 14.9541 7.8208C14.9541 7.8208 14.9542 7.81765 14.9551 7.81494L14.958 7.80615L14.9586 7.80434C14.9631 7.78973 14.9718 7.76131 14.9785 7.72705V7.7251C15.0066 7.57717 15.0066 7.42472 14.9785 7.27686V7.2749L14.958 7.1958L14.9551 7.18604L14.9531 7.18018L14.9512 7.17236C14.9497 7.16652 14.9481 7.15689 14.9453 7.14697C14.9398 7.12707 14.9307 7.09666 14.917 7.06201C14.9032 7.027 14.8885 6.99825 14.8799 6.98193C14.8758 6.97415 14.8709 6.96574 14.8691 6.9624L14.8564 6.93701C14.849 6.92189 14.8351 6.89384 14.8154 6.86279L14.8145 6.86084L14.7529 6.77393C14.7316 6.74671 14.7094 6.72141 14.6875 6.69775C14.6837 6.69353 14.6802 6.68867 14.6758 6.68408L9.58496 1.3501Z"
-                          fill="currentColor"
-                        />
-                      </svg>
-                    </span>
+                      <path
+                        d="M9.58496 0.349976C9.1395 -0.116662 8.40641 -0.116634 7.96094 0.349976C7.52803 0.803486 7.5281 1.53021 7.96094 1.98376L11.1582 5.33337H1.13672C0.48748 5.33337 0 5.87822 0 6.50037C2.15408e-05 7.1225 0.487494 7.66736 1.13672 7.66736H11.1582L7.96094 11.017C7.52806 11.4705 7.52899 12.1972 7.96191 12.6508C8.18163 12.8803 8.47556 13.0004 8.77344 13.0004C9.07114 13.0002 9.36533 12.8808 9.58496 12.6508L14.6758 7.31677L14.6748 7.3158L14.6875 7.3031L14.6865 7.30212C14.6954 7.29215 14.7044 7.28482 14.71 7.27771C14.7117 7.27545 14.7133 7.27285 14.7148 7.27087C14.7485 7.23203 14.7824 7.18925 14.8135 7.14099L14.8154 7.13806C14.8354 7.10658 14.8493 7.07842 14.8564 7.06384L14.8652 7.04626L14.8662 7.04431L14.8672 7.04333C14.8672 7.04333 14.868 7.04057 14.8691 7.03845C14.8709 7.03512 14.8758 7.02671 14.8799 7.01892L14.8802 7.01839C14.8888 7.002 14.9034 6.97423 14.917 6.93982V6.93787C14.9303 6.90375 14.9391 6.87285 14.9443 6.85388C14.9469 6.84458 14.9498 6.83567 14.9512 6.83044C14.9527 6.82454 14.9535 6.8228 14.9541 6.82068C14.9541 6.82068 14.9542 6.81753 14.9551 6.81482L14.958 6.80603L14.9586 6.80422C14.9631 6.78961 14.9718 6.76119 14.9785 6.72693V6.72498C15.0066 6.57705 15.0066 6.4246 14.9785 6.27673V6.27478L14.958 6.19568L14.9551 6.18591L14.9531 6.18005L14.9512 6.17224C14.9497 6.1664 14.9481 6.15677 14.9453 6.14685C14.9398 6.12695 14.9307 6.09654 14.917 6.06189C14.9032 6.02688 14.8885 5.99813 14.8799 5.98181C14.8758 5.97402 14.8709 5.96562 14.8691 5.96228L14.8564 5.93689C14.849 5.92177 14.8351 5.89372 14.8154 5.86267L14.8145 5.86072L14.7529 5.7738C14.7316 5.74659 14.7094 5.72129 14.6875 5.69763C14.6837 5.69341 14.6802 5.68854 14.6758 5.68396L9.58496 0.349976Z"
+                        fill="currentColor"
+                      />
+                    </svg>
                   </div>
                 </div>
               </div>
@@ -724,27 +865,42 @@ exports[`renders carousel mode correctly 1`] = `
           </a>
         </div>
         <div
-          className="CTACardstyle__CardWrapper-sc-si8xx1-4 fOlVWn"
+          className="CTACardstyle__CardWrapper-sc-si8xx1-6 OBjOx"
+          columns={3}
+          hasLink={false}
+          isCarousel={true}
         >
           <div
-            className="CTACardstyle__CardLink-sc-si8xx1-3 geBvAi"
+            className="CTACardstyle__CardLink-sc-si8xx1-5 htnomm"
+            isCarousel={true}
+            isInteractive={false}
           >
             <div
-              className="CTACardstyle__ImageWrapper-sc-si8xx1-0 etphrL"
+              className="CTACardstyle__ImageWrapper-sc-si8xx1-0 cVegjR"
             >
               <div
-                className="Picture__Wrapper-sc-1x3z81z-0 eioWif lazyload"
+                className="Picture__Wrapper-sc-1x3z81z-0 hBrAKv lazyload"
                 height="100%"
+                image="@component-library/src/styleguide/assets/challenge-1.jpg"
+                images="@component-library/src/styleguide/assets/challenge-1.jpg 678w"
+                isBackgroundImage={false}
+                nonObjFitImage="@component-library/src/styleguide/assets/challenge-1.jpg"
+                objFitState={true}
+                setObjFitState={[Function]}
                 width="100%"
               >
                 <img
                   alt=""
-                  className="Picture__Image-sc-1x3z81z-1 cFGEzv lazyload"
+                  className="Picture__Image-sc-1x3z81z-1 dVTBxx lazyload"
                   data-lowsrc="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAAPABQDASIAAhEBAxEB/8QAGAAAAwEBAAAAAAAAAAAAAAAAAAcIBAb/xAAjEAACAgIBBAIDAAAAAAAAAAABAgMEABEGBRIhMQdBE1Fh/8QAFQEBAQAAAAAAAAAAAAAAAAAAAgT/xAAaEQADAQADAAAAAAAAAAAAAAAAAQIDERIT/9oADAMBAAIRAxEAPwBzRcrjVY+0tonyT41nG8y+SLFTkgpQTVFpoqiRZGHc2/egf4RrMM12OHpNi3LsrAjO2vsKCcQtvkbTW570sMUt6xphJKnd+Ma9A78ZRWcS+SWNLpNMqAdQidVaSxErEA6ZgCNj9YZNPTOTpJW7+ovdlnLHyjgAD6GGPug+bP/Z"
                   data-sizes="auto"
                   data-src="@component-library/src/styleguide/assets/challenge-1.jpg"
                   data-srcset="@component-library/src/styleguide/assets/challenge-1.jpg 678w"
                   height="100%"
+                  mediumBreakpointRowLayout={null}
+                  objFitState={true}
+                  objectFit="cover"
+                  smallBreakpointRowLayout={null}
                   src="@component-library/src/styleguide/assets/challenge-1.jpg"
                   srcSet="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"
                   width="100%"
@@ -752,13 +908,13 @@ exports[`renders carousel mode correctly 1`] = `
               </div>
             </div>
             <div
-              className="CTACardstyle__CopyAndLinkSection-sc-si8xx1-5 bmuAep"
+              className="CTACardstyle__CopyAndLinkSection-sc-si8xx1-7 bFRGuV"
             >
               <div
-                className="CTACardstyle__Copy-sc-si8xx1-6 csgKNf"
+                className="CTACardstyle__Copy-sc-si8xx1-8 bBA-DeV"
               >
                 <p
-                  className="Text__BaseText-sc-1snl0ya-0 ffxkcd"
+                  className="Text__BaseText-sc-1snl0ya-0 iUZahU"
                 >
                   <strong>
                     Load
@@ -770,31 +926,52 @@ exports[`renders carousel mode correctly 1`] = `
           </div>
         </div>
         <div
-          className="CTACardstyle__CardWrapper-sc-si8xx1-4 anAmi"
+          className="CTACardstyle__CardWrapper-sc-si8xx1-6 cgBhTo"
+          columns={3}
+          hasLink={true}
+          isCarousel={true}
         >
           <a
-            className="Linkstyle__StyledLink-sc-t360tr-1 iydhqO CTACardstyle__CardLink-sc-si8xx1-3 udrPq"
+            buttonType="primary"
+            className="Linkstyle__StyledLink-sc-t360tr-1 hOnWnU CTACardstyle__CardLink-sc-si8xx1-5 floDNG"
+            fullWidth={false}
+            home={false}
             href="/test"
+            iconFirst={false}
+            isCarousel={true}
+            isInteractive={true}
+            mobileColour={null}
             rel={null}
             target="_self"
             type="standard"
+            underline={true}
           >
             <div
-              className="CTACardstyle__ImageWrapper-sc-si8xx1-0 etphrL"
+              className="CTACardstyle__ImageWrapper-sc-si8xx1-0 cVegjR"
             >
               <div
-                className="Picture__Wrapper-sc-1x3z81z-0 eioWif lazyload"
+                className="Picture__Wrapper-sc-1x3z81z-0 hBrAKv lazyload"
                 height="100%"
+                image="@component-library/src/styleguide/assets/challenge-1.jpg"
+                images="@component-library/src/styleguide/assets/challenge-1.jpg 678w"
+                isBackgroundImage={false}
+                nonObjFitImage="@component-library/src/styleguide/assets/challenge-1.jpg"
+                objFitState={true}
+                setObjFitState={[Function]}
                 width="100%"
               >
                 <img
                   alt=""
-                  className="Picture__Image-sc-1x3z81z-1 cFGEzv lazyload"
+                  className="Picture__Image-sc-1x3z81z-1 dVTBxx lazyload"
                   data-lowsrc="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAAPABQDASIAAhEBAxEB/8QAGAAAAwEBAAAAAAAAAAAAAAAAAAcIBAb/xAAjEAACAgIBBAIDAAAAAAAAAAABAgMEABEGBRIhMQdBE1Fh/8QAFQEBAQAAAAAAAAAAAAAAAAAAAgT/xAAaEQADAQADAAAAAAAAAAAAAAAAAQIDERIT/9oADAMBAAIRAxEAPwBzRcrjVY+0tonyT41nG8y+SLFTkgpQTVFpoqiRZGHc2/egf4RrMM12OHpNi3LsrAjO2vsKCcQtvkbTW570sMUt6xphJKnd+Ma9A78ZRWcS+SWNLpNMqAdQidVaSxErEA6ZgCNj9YZNPTOTpJW7+ovdlnLHyjgAD6GGPug+bP/Z"
                   data-sizes="auto"
                   data-src="@component-library/src/styleguide/assets/challenge-1.jpg"
                   data-srcset="@component-library/src/styleguide/assets/challenge-1.jpg 678w"
                   height="100%"
+                  mediumBreakpointRowLayout={null}
+                  objFitState={true}
+                  objectFit="cover"
+                  smallBreakpointRowLayout={null}
                   src="@component-library/src/styleguide/assets/challenge-1.jpg"
                   srcSet="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"
                   width="100%"
@@ -802,13 +979,13 @@ exports[`renders carousel mode correctly 1`] = `
               </div>
             </div>
             <div
-              className="CTACardstyle__CopyAndLinkSection-sc-si8xx1-5 bmuAep"
+              className="CTACardstyle__CopyAndLinkSection-sc-si8xx1-7 bFRGuV"
             >
               <div
-                className="CTACardstyle__Copy-sc-si8xx1-6 csgKNf"
+                className="CTACardstyle__Copy-sc-si8xx1-8 bBA-DeV"
               >
                 <p
-                  className="Text__BaseText-sc-1snl0ya-0 ffxkcd"
+                  className="Text__BaseText-sc-1snl0ya-0 iUZahU"
                 >
                   <strong>
                     Load
@@ -817,42 +994,38 @@ exports[`renders carousel mode correctly 1`] = `
                 </p>
               </div>
               <div
-                className="CTACardstyle__CTA-sc-si8xx1-8 eluKFv"
+                className="CTACardstyle__CTA-sc-si8xx1-10 gHrhFm"
               >
                 <span
-                  className="CTACardstyle__CTAText-sc-si8xx1-1 dQjaWt"
+                  className="CTACardstyle__CTAText-sc-si8xx1-1 hJupcp"
                 >
                   test go
                   <img
                     alt=""
                     aria-hidden="true"
-                    className="CTACardstyle__CTATextUnderline-sc-si8xx1-2 jSsByL"
+                    className="CTACardstyle__CTATextUnderline-sc-si8xx1-2 cnFZDX"
                     src="mock.asset"
                   />
                 </span>
                 <div
-                  className="CtaArrowCirclestyle__ArrowIconOuter-sc-1eai4ad-2 hRwDxh"
+                  className="CTACardstyle__ArrowIconOuter-sc-si8xx1-4 kqSHjW"
                 >
                   <div
-                    className="CtaArrowCirclestyle__ArrowIconWrapper-sc-1eai4ad-1 dlHKrX"
+                    className="CTACardstyle__ArrowIconWrapper-sc-si8xx1-3 jyghMz"
                   >
-                    <span
-                      className="CtaArrowCirclestyle__ArrowIconInner-sc-1eai4ad-0 jXJGXA"
+                    <svg
+                      className="_ArrowIcon__StyledArrowIcon-sc-mqq2gw-0 ioFlFZ"
+                      fill="none"
+                      height="13"
+                      viewBox="0 0 15 13"
+                      width="15"
+                      xmlns="http://www.w3.org/2000/svg"
                     >
-                      <svg
-                        className="ArrowIcon__StyledArrowIcon-sc-1iwl330-0 hLeEyo"
-                        fill="none"
-                        height="15"
-                        viewBox="0 0 15 15"
-                        width="15"
-                        xmlns="http://www.w3.org/2000/svg"
-                      >
-                        <path
-                          d="M9.58496 1.3501C9.1395 0.88346 8.40641 0.883488 7.96094 1.3501C7.52803 1.80361 7.5281 2.53033 7.96094 2.98389L11.1582 6.3335H1.13672C0.48748 6.3335 0 6.87834 0 7.50049C2.15408e-05 8.12262 0.487494 8.66748 1.13672 8.66748H11.1582L7.96094 12.0171C7.52806 12.4706 7.52899 13.1974 7.96191 13.6509C8.18163 13.8804 8.47556 14.0005 8.77344 14.0005C9.07114 14.0004 9.36533 13.8809 9.58496 13.6509L14.6758 8.31689L14.6748 8.31592L14.6875 8.30322L14.6865 8.30225C14.6954 8.29227 14.7044 8.28494 14.71 8.27783C14.7117 8.27557 14.7133 8.27298 14.7148 8.271C14.7485 8.23215 14.7824 8.18937 14.8135 8.14111L14.8154 8.13818C14.8354 8.1067 14.8493 8.07854 14.8564 8.06396L14.8652 8.04639L14.8662 8.04443L14.8672 8.04346C14.8672 8.04346 14.868 8.0407 14.8691 8.03857C14.8709 8.03524 14.8758 8.02683 14.8799 8.01904L14.8802 8.01851C14.8888 8.00212 14.9034 7.97435 14.917 7.93994V7.93799C14.9303 7.90387 14.9391 7.87297 14.9443 7.854C14.9469 7.8447 14.9498 7.83579 14.9512 7.83057C14.9527 7.82466 14.9535 7.82292 14.9541 7.8208C14.9541 7.8208 14.9542 7.81765 14.9551 7.81494L14.958 7.80615L14.9586 7.80434C14.9631 7.78973 14.9718 7.76131 14.9785 7.72705V7.7251C15.0066 7.57717 15.0066 7.42472 14.9785 7.27686V7.2749L14.958 7.1958L14.9551 7.18604L14.9531 7.18018L14.9512 7.17236C14.9497 7.16652 14.9481 7.15689 14.9453 7.14697C14.9398 7.12707 14.9307 7.09666 14.917 7.06201C14.9032 7.027 14.8885 6.99825 14.8799 6.98193C14.8758 6.97415 14.8709 6.96574 14.8691 6.9624L14.8564 6.93701C14.849 6.92189 14.8351 6.89384 14.8154 6.86279L14.8145 6.86084L14.7529 6.77393C14.7316 6.74671 14.7094 6.72141 14.6875 6.69775C14.6837 6.69353 14.6802 6.68867 14.6758 6.68408L9.58496 1.3501Z"
-                          fill="currentColor"
-                        />
-                      </svg>
-                    </span>
+                      <path
+                        d="M9.58496 0.349976C9.1395 -0.116662 8.40641 -0.116634 7.96094 0.349976C7.52803 0.803486 7.5281 1.53021 7.96094 1.98376L11.1582 5.33337H1.13672C0.48748 5.33337 0 5.87822 0 6.50037C2.15408e-05 7.1225 0.487494 7.66736 1.13672 7.66736H11.1582L7.96094 11.017C7.52806 11.4705 7.52899 12.1972 7.96191 12.6508C8.18163 12.8803 8.47556 13.0004 8.77344 13.0004C9.07114 13.0002 9.36533 12.8808 9.58496 12.6508L14.6758 7.31677L14.6748 7.3158L14.6875 7.3031L14.6865 7.30212C14.6954 7.29215 14.7044 7.28482 14.71 7.27771C14.7117 7.27545 14.7133 7.27285 14.7148 7.27087C14.7485 7.23203 14.7824 7.18925 14.8135 7.14099L14.8154 7.13806C14.8354 7.10658 14.8493 7.07842 14.8564 7.06384L14.8652 7.04626L14.8662 7.04431L14.8672 7.04333C14.8672 7.04333 14.868 7.04057 14.8691 7.03845C14.8709 7.03512 14.8758 7.02671 14.8799 7.01892L14.8802 7.01839C14.8888 7.002 14.9034 6.97423 14.917 6.93982V6.93787C14.9303 6.90375 14.9391 6.87285 14.9443 6.85388C14.9469 6.84458 14.9498 6.83567 14.9512 6.83044C14.9527 6.82454 14.9535 6.8228 14.9541 6.82068C14.9541 6.82068 14.9542 6.81753 14.9551 6.81482L14.958 6.80603L14.9586 6.80422C14.9631 6.78961 14.9718 6.76119 14.9785 6.72693V6.72498C15.0066 6.57705 15.0066 6.4246 14.9785 6.27673V6.27478L14.958 6.19568L14.9551 6.18591L14.9531 6.18005L14.9512 6.17224C14.9497 6.1664 14.9481 6.15677 14.9453 6.14685C14.9398 6.12695 14.9307 6.09654 14.917 6.06189C14.9032 6.02688 14.8885 5.99813 14.8799 5.98181C14.8758 5.97402 14.8709 5.96562 14.8691 5.96228L14.8564 5.93689C14.849 5.92177 14.8351 5.89372 14.8154 5.86267L14.8145 5.86072L14.7529 5.7738C14.7316 5.74659 14.7094 5.72129 14.6875 5.69763C14.6837 5.69341 14.6802 5.68854 14.6758 5.68396L9.58496 0.349976Z"
+                        fill="currentColor"
+                      />
+                    </svg>
                   </div>
                 </div>
               </div>
@@ -860,64 +1033,71 @@ exports[`renders carousel mode correctly 1`] = `
           </a>
         </div>
         <div
-          className="CTACardstyle__CardWrapper-sc-si8xx1-4 anAmi"
+          className="CTACardstyle__CardWrapper-sc-si8xx1-6 cgBhTo"
+          columns={3}
+          hasLink={true}
+          isCarousel={true}
         >
           <a
-            className="Linkstyle__StyledLink-sc-t360tr-1 iydhqO CTACardstyle__CardLink-sc-si8xx1-3 udrPq"
+            buttonType="primary"
+            className="Linkstyle__StyledLink-sc-t360tr-1 hOnWnU CTACardstyle__CardLink-sc-si8xx1-5 floDNG"
+            fullWidth={false}
+            home={false}
             href="/test-no-image"
+            iconFirst={false}
+            isCarousel={true}
+            isInteractive={true}
+            mobileColour={null}
             rel={null}
             target="_self"
             type="standard"
+            underline={true}
           >
             <div
-              className="CTACardstyle__CopyAndLinkSection-sc-si8xx1-5 bmuAep"
+              className="CTACardstyle__CopyAndLinkSection-sc-si8xx1-7 bFRGuV"
             >
               <div
-                className="CTACardstyle__Copy-sc-si8xx1-6 csgKNf"
+                className="CTACardstyle__Copy-sc-si8xx1-8 bBA-DeV"
               >
                 <p
-                  className="Text__BaseText-sc-1snl0ya-0 ffxkcd"
+                  className="Text__BaseText-sc-1snl0ya-0 iUZahU"
                 >
                   Load of text here
                 </p>
               </div>
               <div
-                className="CTACardstyle__CTA-sc-si8xx1-8 eluKFv"
+                className="CTACardstyle__CTA-sc-si8xx1-10 gHrhFm"
               >
                 <span
-                  className="CTACardstyle__CTAText-sc-si8xx1-1 dQjaWt"
+                  className="CTACardstyle__CTAText-sc-si8xx1-1 hJupcp"
                 >
                   View card
                   <img
                     alt=""
                     aria-hidden="true"
-                    className="CTACardstyle__CTATextUnderline-sc-si8xx1-2 jSsByL"
+                    className="CTACardstyle__CTATextUnderline-sc-si8xx1-2 cnFZDX"
                     src="mock.asset"
                   />
                 </span>
                 <div
-                  className="CtaArrowCirclestyle__ArrowIconOuter-sc-1eai4ad-2 hRwDxh"
+                  className="CTACardstyle__ArrowIconOuter-sc-si8xx1-4 kqSHjW"
                 >
                   <div
-                    className="CtaArrowCirclestyle__ArrowIconWrapper-sc-1eai4ad-1 dlHKrX"
+                    className="CTACardstyle__ArrowIconWrapper-sc-si8xx1-3 jyghMz"
                   >
-                    <span
-                      className="CtaArrowCirclestyle__ArrowIconInner-sc-1eai4ad-0 jXJGXA"
+                    <svg
+                      className="_ArrowIcon__StyledArrowIcon-sc-mqq2gw-0 ioFlFZ"
+                      fill="none"
+                      height="13"
+                      viewBox="0 0 15 13"
+                      width="15"
+                      xmlns="http://www.w3.org/2000/svg"
                     >
-                      <svg
-                        className="ArrowIcon__StyledArrowIcon-sc-1iwl330-0 hLeEyo"
-                        fill="none"
-                        height="15"
-                        viewBox="0 0 15 15"
-                        width="15"
-                        xmlns="http://www.w3.org/2000/svg"
-                      >
-                        <path
-                          d="M9.58496 1.3501C9.1395 0.88346 8.40641 0.883488 7.96094 1.3501C7.52803 1.80361 7.5281 2.53033 7.96094 2.98389L11.1582 6.3335H1.13672C0.48748 6.3335 0 6.87834 0 7.50049C2.15408e-05 8.12262 0.487494 8.66748 1.13672 8.66748H11.1582L7.96094 12.0171C7.52806 12.4706 7.52899 13.1974 7.96191 13.6509C8.18163 13.8804 8.47556 14.0005 8.77344 14.0005C9.07114 14.0004 9.36533 13.8809 9.58496 13.6509L14.6758 8.31689L14.6748 8.31592L14.6875 8.30322L14.6865 8.30225C14.6954 8.29227 14.7044 8.28494 14.71 8.27783C14.7117 8.27557 14.7133 8.27298 14.7148 8.271C14.7485 8.23215 14.7824 8.18937 14.8135 8.14111L14.8154 8.13818C14.8354 8.1067 14.8493 8.07854 14.8564 8.06396L14.8652 8.04639L14.8662 8.04443L14.8672 8.04346C14.8672 8.04346 14.868 8.0407 14.8691 8.03857C14.8709 8.03524 14.8758 8.02683 14.8799 8.01904L14.8802 8.01851C14.8888 8.00212 14.9034 7.97435 14.917 7.93994V7.93799C14.9303 7.90387 14.9391 7.87297 14.9443 7.854C14.9469 7.8447 14.9498 7.83579 14.9512 7.83057C14.9527 7.82466 14.9535 7.82292 14.9541 7.8208C14.9541 7.8208 14.9542 7.81765 14.9551 7.81494L14.958 7.80615L14.9586 7.80434C14.9631 7.78973 14.9718 7.76131 14.9785 7.72705V7.7251C15.0066 7.57717 15.0066 7.42472 14.9785 7.27686V7.2749L14.958 7.1958L14.9551 7.18604L14.9531 7.18018L14.9512 7.17236C14.9497 7.16652 14.9481 7.15689 14.9453 7.14697C14.9398 7.12707 14.9307 7.09666 14.917 7.06201C14.9032 7.027 14.8885 6.99825 14.8799 6.98193C14.8758 6.97415 14.8709 6.96574 14.8691 6.9624L14.8564 6.93701C14.849 6.92189 14.8351 6.89384 14.8154 6.86279L14.8145 6.86084L14.7529 6.77393C14.7316 6.74671 14.7094 6.72141 14.6875 6.69775C14.6837 6.69353 14.6802 6.68867 14.6758 6.68408L9.58496 1.3501Z"
-                          fill="currentColor"
-                        />
-                      </svg>
-                    </span>
+                      <path
+                        d="M9.58496 0.349976C9.1395 -0.116662 8.40641 -0.116634 7.96094 0.349976C7.52803 0.803486 7.5281 1.53021 7.96094 1.98376L11.1582 5.33337H1.13672C0.48748 5.33337 0 5.87822 0 6.50037C2.15408e-05 7.1225 0.487494 7.66736 1.13672 7.66736H11.1582L7.96094 11.017C7.52806 11.4705 7.52899 12.1972 7.96191 12.6508C8.18163 12.8803 8.47556 13.0004 8.77344 13.0004C9.07114 13.0002 9.36533 12.8808 9.58496 12.6508L14.6758 7.31677L14.6748 7.3158L14.6875 7.3031L14.6865 7.30212C14.6954 7.29215 14.7044 7.28482 14.71 7.27771C14.7117 7.27545 14.7133 7.27285 14.7148 7.27087C14.7485 7.23203 14.7824 7.18925 14.8135 7.14099L14.8154 7.13806C14.8354 7.10658 14.8493 7.07842 14.8564 7.06384L14.8652 7.04626L14.8662 7.04431L14.8672 7.04333C14.8672 7.04333 14.868 7.04057 14.8691 7.03845C14.8709 7.03512 14.8758 7.02671 14.8799 7.01892L14.8802 7.01839C14.8888 7.002 14.9034 6.97423 14.917 6.93982V6.93787C14.9303 6.90375 14.9391 6.87285 14.9443 6.85388C14.9469 6.84458 14.9498 6.83567 14.9512 6.83044C14.9527 6.82454 14.9535 6.8228 14.9541 6.82068C14.9541 6.82068 14.9542 6.81753 14.9551 6.81482L14.958 6.80603L14.9586 6.80422C14.9631 6.78961 14.9718 6.76119 14.9785 6.72693V6.72498C15.0066 6.57705 15.0066 6.4246 14.9785 6.27673V6.27478L14.958 6.19568L14.9551 6.18591L14.9531 6.18005L14.9512 6.17224C14.9497 6.1664 14.9481 6.15677 14.9453 6.14685C14.9398 6.12695 14.9307 6.09654 14.917 6.06189C14.9032 6.02688 14.8885 5.99813 14.8799 5.98181C14.8758 5.97402 14.8709 5.96562 14.8691 5.96228L14.8564 5.93689C14.849 5.92177 14.8351 5.89372 14.8154 5.86267L14.8145 5.86072L14.7529 5.7738C14.7316 5.74659 14.7094 5.72129 14.6875 5.69763C14.6837 5.69341 14.6802 5.68854 14.6758 5.68396L9.58496 0.349976Z"
+                        fill="currentColor"
+                      />
+                    </svg>
                   </div>
                 </div>
               </div>
@@ -932,43 +1112,68 @@ exports[`renders carousel mode correctly 1`] = `
 
 exports[`renders correctly with data prop 1`] = `
 <div
-  className="CTAMultiCardstyle__CardsQueryWrapper-sc-gsdqzv-0 qqegF"
+  className="CTAMultiCardstyle__CardsQueryWrapper-sc-gsdqzv-0 ktuUJR"
 >
   <div
-    className="CTAMultiCardstyle__CardsSection-sc-gsdqzv-1 cywbFh"
+    backgroundColor="transparent"
+    className="CTAMultiCardstyle__CardsSection-sc-gsdqzv-1 kCFZDg"
   >
     <div
-      className="CTAMultiCardstyle__CardsInner-sc-gsdqzv-2 iFzzWM"
+      className="CTAMultiCardstyle__CardsInner-sc-gsdqzv-2 ftevmM"
     >
       <div
-        className="CTAMultiCardstyle__CardsContainer-sc-gsdqzv-3 fqrDP"
+        className="CTAMultiCardstyle__CardsContainer-sc-gsdqzv-3 lnGDvP"
+        columns={3}
+        isCarousel={true}
+        useSplideCarousel={false}
       >
         <div
-          className="CTACardstyle__CardWrapper-sc-si8xx1-4 anAmi"
+          className="CTACardstyle__CardWrapper-sc-si8xx1-6 cgBhTo"
+          columns={3}
+          hasLink={true}
+          isCarousel={true}
         >
           <a
-            className="Linkstyle__StyledLink-sc-t360tr-1 iydhqO CTACardstyle__CardLink-sc-si8xx1-3 udrPq"
+            buttonType="primary"
+            className="Linkstyle__StyledLink-sc-t360tr-1 hOnWnU CTACardstyle__CardLink-sc-si8xx1-5 floDNG"
+            fullWidth={false}
+            home={false}
             href="/test"
+            iconFirst={false}
+            isCarousel={true}
+            isInteractive={true}
+            mobileColour={null}
             rel={null}
             target="_self"
             type="standard"
+            underline={true}
           >
             <div
-              className="CTACardstyle__ImageWrapper-sc-si8xx1-0 etphrL"
+              className="CTACardstyle__ImageWrapper-sc-si8xx1-0 cVegjR"
             >
               <div
-                className="Picture__Wrapper-sc-1x3z81z-0 eioWif lazyload"
+                className="Picture__Wrapper-sc-1x3z81z-0 hBrAKv lazyload"
                 height="100%"
+                image="@component-library/src/styleguide/assets/challenge-1.jpg"
+                images="@component-library/src/styleguide/assets/challenge-1.jpg 678w"
+                isBackgroundImage={false}
+                nonObjFitImage="@component-library/src/styleguide/assets/challenge-1.jpg"
+                objFitState={true}
+                setObjFitState={[Function]}
                 width="100%"
               >
                 <img
                   alt=""
-                  className="Picture__Image-sc-1x3z81z-1 cFGEzv lazyload"
+                  className="Picture__Image-sc-1x3z81z-1 dVTBxx lazyload"
                   data-lowsrc="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAAPABQDASIAAhEBAxEB/8QAGAAAAwEBAAAAAAAAAAAAAAAAAAcIBAb/xAAjEAACAgIBBAIDAAAAAAAAAAABAgMEABEGBRIhMQdBE1Fh/8QAFQEBAQAAAAAAAAAAAAAAAAAAAgT/xAAaEQADAQADAAAAAAAAAAAAAAAAAQIDERIT/9oADAMBAAIRAxEAPwBzRcrjVY+0tonyT41nG8y+SLFTkgpQTVFpoqiRZGHc2/egf4RrMM12OHpNi3LsrAjO2vsKCcQtvkbTW570sMUt6xphJKnd+Ma9A78ZRWcS+SWNLpNMqAdQidVaSxErEA6ZgCNj9YZNPTOTpJW7+ovdlnLHyjgAD6GGPug+bP/Z"
                   data-sizes="auto"
                   data-src="@component-library/src/styleguide/assets/challenge-1.jpg"
                   data-srcset="@component-library/src/styleguide/assets/challenge-1.jpg 678w"
                   height="100%"
+                  mediumBreakpointRowLayout={null}
+                  objFitState={true}
+                  objectFit="cover"
+                  smallBreakpointRowLayout={null}
                   src="@component-library/src/styleguide/assets/challenge-1.jpg"
                   srcSet="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"
                   width="100%"
@@ -976,13 +1181,13 @@ exports[`renders correctly with data prop 1`] = `
               </div>
             </div>
             <div
-              className="CTACardstyle__CopyAndLinkSection-sc-si8xx1-5 bmuAep"
+              className="CTACardstyle__CopyAndLinkSection-sc-si8xx1-7 bFRGuV"
             >
               <div
-                className="CTACardstyle__Copy-sc-si8xx1-6 csgKNf"
+                className="CTACardstyle__Copy-sc-si8xx1-8 bBA-DeV"
               >
                 <p
-                  className="Text__BaseText-sc-1snl0ya-0 ffxkcd"
+                  className="Text__BaseText-sc-1snl0ya-0 iUZahU"
                 >
                   <strong>
                     Load
@@ -991,42 +1196,38 @@ exports[`renders correctly with data prop 1`] = `
                 </p>
               </div>
               <div
-                className="CTACardstyle__CTA-sc-si8xx1-8 eluKFv"
+                className="CTACardstyle__CTA-sc-si8xx1-10 gHrhFm"
               >
                 <span
-                  className="CTACardstyle__CTAText-sc-si8xx1-1 dQjaWt"
+                  className="CTACardstyle__CTAText-sc-si8xx1-1 hJupcp"
                 >
                   test go
                   <img
                     alt=""
                     aria-hidden="true"
-                    className="CTACardstyle__CTATextUnderline-sc-si8xx1-2 jSsByL"
+                    className="CTACardstyle__CTATextUnderline-sc-si8xx1-2 cnFZDX"
                     src="mock.asset"
                   />
                 </span>
                 <div
-                  className="CtaArrowCirclestyle__ArrowIconOuter-sc-1eai4ad-2 hRwDxh"
+                  className="CTACardstyle__ArrowIconOuter-sc-si8xx1-4 kqSHjW"
                 >
                   <div
-                    className="CtaArrowCirclestyle__ArrowIconWrapper-sc-1eai4ad-1 dlHKrX"
+                    className="CTACardstyle__ArrowIconWrapper-sc-si8xx1-3 jyghMz"
                   >
-                    <span
-                      className="CtaArrowCirclestyle__ArrowIconInner-sc-1eai4ad-0 jXJGXA"
+                    <svg
+                      className="_ArrowIcon__StyledArrowIcon-sc-mqq2gw-0 ioFlFZ"
+                      fill="none"
+                      height="13"
+                      viewBox="0 0 15 13"
+                      width="15"
+                      xmlns="http://www.w3.org/2000/svg"
                     >
-                      <svg
-                        className="ArrowIcon__StyledArrowIcon-sc-1iwl330-0 hLeEyo"
-                        fill="none"
-                        height="15"
-                        viewBox="0 0 15 15"
-                        width="15"
-                        xmlns="http://www.w3.org/2000/svg"
-                      >
-                        <path
-                          d="M9.58496 1.3501C9.1395 0.88346 8.40641 0.883488 7.96094 1.3501C7.52803 1.80361 7.5281 2.53033 7.96094 2.98389L11.1582 6.3335H1.13672C0.48748 6.3335 0 6.87834 0 7.50049C2.15408e-05 8.12262 0.487494 8.66748 1.13672 8.66748H11.1582L7.96094 12.0171C7.52806 12.4706 7.52899 13.1974 7.96191 13.6509C8.18163 13.8804 8.47556 14.0005 8.77344 14.0005C9.07114 14.0004 9.36533 13.8809 9.58496 13.6509L14.6758 8.31689L14.6748 8.31592L14.6875 8.30322L14.6865 8.30225C14.6954 8.29227 14.7044 8.28494 14.71 8.27783C14.7117 8.27557 14.7133 8.27298 14.7148 8.271C14.7485 8.23215 14.7824 8.18937 14.8135 8.14111L14.8154 8.13818C14.8354 8.1067 14.8493 8.07854 14.8564 8.06396L14.8652 8.04639L14.8662 8.04443L14.8672 8.04346C14.8672 8.04346 14.868 8.0407 14.8691 8.03857C14.8709 8.03524 14.8758 8.02683 14.8799 8.01904L14.8802 8.01851C14.8888 8.00212 14.9034 7.97435 14.917 7.93994V7.93799C14.9303 7.90387 14.9391 7.87297 14.9443 7.854C14.9469 7.8447 14.9498 7.83579 14.9512 7.83057C14.9527 7.82466 14.9535 7.82292 14.9541 7.8208C14.9541 7.8208 14.9542 7.81765 14.9551 7.81494L14.958 7.80615L14.9586 7.80434C14.9631 7.78973 14.9718 7.76131 14.9785 7.72705V7.7251C15.0066 7.57717 15.0066 7.42472 14.9785 7.27686V7.2749L14.958 7.1958L14.9551 7.18604L14.9531 7.18018L14.9512 7.17236C14.9497 7.16652 14.9481 7.15689 14.9453 7.14697C14.9398 7.12707 14.9307 7.09666 14.917 7.06201C14.9032 7.027 14.8885 6.99825 14.8799 6.98193C14.8758 6.97415 14.8709 6.96574 14.8691 6.9624L14.8564 6.93701C14.849 6.92189 14.8351 6.89384 14.8154 6.86279L14.8145 6.86084L14.7529 6.77393C14.7316 6.74671 14.7094 6.72141 14.6875 6.69775C14.6837 6.69353 14.6802 6.68867 14.6758 6.68408L9.58496 1.3501Z"
-                          fill="currentColor"
-                        />
-                      </svg>
-                    </span>
+                      <path
+                        d="M9.58496 0.349976C9.1395 -0.116662 8.40641 -0.116634 7.96094 0.349976C7.52803 0.803486 7.5281 1.53021 7.96094 1.98376L11.1582 5.33337H1.13672C0.48748 5.33337 0 5.87822 0 6.50037C2.15408e-05 7.1225 0.487494 7.66736 1.13672 7.66736H11.1582L7.96094 11.017C7.52806 11.4705 7.52899 12.1972 7.96191 12.6508C8.18163 12.8803 8.47556 13.0004 8.77344 13.0004C9.07114 13.0002 9.36533 12.8808 9.58496 12.6508L14.6758 7.31677L14.6748 7.3158L14.6875 7.3031L14.6865 7.30212C14.6954 7.29215 14.7044 7.28482 14.71 7.27771C14.7117 7.27545 14.7133 7.27285 14.7148 7.27087C14.7485 7.23203 14.7824 7.18925 14.8135 7.14099L14.8154 7.13806C14.8354 7.10658 14.8493 7.07842 14.8564 7.06384L14.8652 7.04626L14.8662 7.04431L14.8672 7.04333C14.8672 7.04333 14.868 7.04057 14.8691 7.03845C14.8709 7.03512 14.8758 7.02671 14.8799 7.01892L14.8802 7.01839C14.8888 7.002 14.9034 6.97423 14.917 6.93982V6.93787C14.9303 6.90375 14.9391 6.87285 14.9443 6.85388C14.9469 6.84458 14.9498 6.83567 14.9512 6.83044C14.9527 6.82454 14.9535 6.8228 14.9541 6.82068C14.9541 6.82068 14.9542 6.81753 14.9551 6.81482L14.958 6.80603L14.9586 6.80422C14.9631 6.78961 14.9718 6.76119 14.9785 6.72693V6.72498C15.0066 6.57705 15.0066 6.4246 14.9785 6.27673V6.27478L14.958 6.19568L14.9551 6.18591L14.9531 6.18005L14.9512 6.17224C14.9497 6.1664 14.9481 6.15677 14.9453 6.14685C14.9398 6.12695 14.9307 6.09654 14.917 6.06189C14.9032 6.02688 14.8885 5.99813 14.8799 5.98181C14.8758 5.97402 14.8709 5.96562 14.8691 5.96228L14.8564 5.93689C14.849 5.92177 14.8351 5.89372 14.8154 5.86267L14.8145 5.86072L14.7529 5.7738C14.7316 5.74659 14.7094 5.72129 14.6875 5.69763C14.6837 5.69341 14.6802 5.68854 14.6758 5.68396L9.58496 0.349976Z"
+                        fill="currentColor"
+                      />
+                    </svg>
                   </div>
                 </div>
               </div>
@@ -1034,27 +1235,42 @@ exports[`renders correctly with data prop 1`] = `
           </a>
         </div>
         <div
-          className="CTACardstyle__CardWrapper-sc-si8xx1-4 fOlVWn"
+          className="CTACardstyle__CardWrapper-sc-si8xx1-6 OBjOx"
+          columns={3}
+          hasLink={false}
+          isCarousel={true}
         >
           <div
-            className="CTACardstyle__CardLink-sc-si8xx1-3 geBvAi"
+            className="CTACardstyle__CardLink-sc-si8xx1-5 htnomm"
+            isCarousel={true}
+            isInteractive={false}
           >
             <div
-              className="CTACardstyle__ImageWrapper-sc-si8xx1-0 etphrL"
+              className="CTACardstyle__ImageWrapper-sc-si8xx1-0 cVegjR"
             >
               <div
-                className="Picture__Wrapper-sc-1x3z81z-0 eioWif lazyload"
+                className="Picture__Wrapper-sc-1x3z81z-0 hBrAKv lazyload"
                 height="100%"
+                image="@component-library/src/styleguide/assets/challenge-1.jpg"
+                images="@component-library/src/styleguide/assets/challenge-1.jpg 678w"
+                isBackgroundImage={false}
+                nonObjFitImage="@component-library/src/styleguide/assets/challenge-1.jpg"
+                objFitState={true}
+                setObjFitState={[Function]}
                 width="100%"
               >
                 <img
                   alt=""
-                  className="Picture__Image-sc-1x3z81z-1 cFGEzv lazyload"
+                  className="Picture__Image-sc-1x3z81z-1 dVTBxx lazyload"
                   data-lowsrc="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAAPABQDASIAAhEBAxEB/8QAGAAAAwEBAAAAAAAAAAAAAAAAAAcIBAb/xAAjEAACAgIBBAIDAAAAAAAAAAABAgMEABEGBRIhMQdBE1Fh/8QAFQEBAQAAAAAAAAAAAAAAAAAAAgT/xAAaEQADAQADAAAAAAAAAAAAAAAAAQIDERIT/9oADAMBAAIRAxEAPwBzRcrjVY+0tonyT41nG8y+SLFTkgpQTVFpoqiRZGHc2/egf4RrMM12OHpNi3LsrAjO2vsKCcQtvkbTW570sMUt6xphJKnd+Ma9A78ZRWcS+SWNLpNMqAdQidVaSxErEA6ZgCNj9YZNPTOTpJW7+ovdlnLHyjgAD6GGPug+bP/Z"
                   data-sizes="auto"
                   data-src="@component-library/src/styleguide/assets/challenge-1.jpg"
                   data-srcset="@component-library/src/styleguide/assets/challenge-1.jpg 678w"
                   height="100%"
+                  mediumBreakpointRowLayout={null}
+                  objFitState={true}
+                  objectFit="cover"
+                  smallBreakpointRowLayout={null}
                   src="@component-library/src/styleguide/assets/challenge-1.jpg"
                   srcSet="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"
                   width="100%"
@@ -1062,13 +1278,13 @@ exports[`renders correctly with data prop 1`] = `
               </div>
             </div>
             <div
-              className="CTACardstyle__CopyAndLinkSection-sc-si8xx1-5 bmuAep"
+              className="CTACardstyle__CopyAndLinkSection-sc-si8xx1-7 bFRGuV"
             >
               <div
-                className="CTACardstyle__Copy-sc-si8xx1-6 csgKNf"
+                className="CTACardstyle__Copy-sc-si8xx1-8 bBA-DeV"
               >
                 <p
-                  className="Text__BaseText-sc-1snl0ya-0 ffxkcd"
+                  className="Text__BaseText-sc-1snl0ya-0 iUZahU"
                 >
                   <strong>
                     Load
@@ -1080,31 +1296,52 @@ exports[`renders correctly with data prop 1`] = `
           </div>
         </div>
         <div
-          className="CTACardstyle__CardWrapper-sc-si8xx1-4 anAmi"
+          className="CTACardstyle__CardWrapper-sc-si8xx1-6 cgBhTo"
+          columns={3}
+          hasLink={true}
+          isCarousel={true}
         >
           <a
-            className="Linkstyle__StyledLink-sc-t360tr-1 iydhqO CTACardstyle__CardLink-sc-si8xx1-3 udrPq"
+            buttonType="primary"
+            className="Linkstyle__StyledLink-sc-t360tr-1 hOnWnU CTACardstyle__CardLink-sc-si8xx1-5 floDNG"
+            fullWidth={false}
+            home={false}
             href="/test"
+            iconFirst={false}
+            isCarousel={true}
+            isInteractive={true}
+            mobileColour={null}
             rel={null}
             target="_self"
             type="standard"
+            underline={true}
           >
             <div
-              className="CTACardstyle__ImageWrapper-sc-si8xx1-0 etphrL"
+              className="CTACardstyle__ImageWrapper-sc-si8xx1-0 cVegjR"
             >
               <div
-                className="Picture__Wrapper-sc-1x3z81z-0 eioWif lazyload"
+                className="Picture__Wrapper-sc-1x3z81z-0 hBrAKv lazyload"
                 height="100%"
+                image="@component-library/src/styleguide/assets/challenge-1.jpg"
+                images="@component-library/src/styleguide/assets/challenge-1.jpg 678w"
+                isBackgroundImage={false}
+                nonObjFitImage="@component-library/src/styleguide/assets/challenge-1.jpg"
+                objFitState={true}
+                setObjFitState={[Function]}
                 width="100%"
               >
                 <img
                   alt=""
-                  className="Picture__Image-sc-1x3z81z-1 cFGEzv lazyload"
+                  className="Picture__Image-sc-1x3z81z-1 dVTBxx lazyload"
                   data-lowsrc="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAAPABQDASIAAhEBAxEB/8QAGAAAAwEBAAAAAAAAAAAAAAAAAAcIBAb/xAAjEAACAgIBBAIDAAAAAAAAAAABAgMEABEGBRIhMQdBE1Fh/8QAFQEBAQAAAAAAAAAAAAAAAAAAAgT/xAAaEQADAQADAAAAAAAAAAAAAAAAAQIDERIT/9oADAMBAAIRAxEAPwBzRcrjVY+0tonyT41nG8y+SLFTkgpQTVFpoqiRZGHc2/egf4RrMM12OHpNi3LsrAjO2vsKCcQtvkbTW570sMUt6xphJKnd+Ma9A78ZRWcS+SWNLpNMqAdQidVaSxErEA6ZgCNj9YZNPTOTpJW7+ovdlnLHyjgAD6GGPug+bP/Z"
                   data-sizes="auto"
                   data-src="@component-library/src/styleguide/assets/challenge-1.jpg"
                   data-srcset="@component-library/src/styleguide/assets/challenge-1.jpg 678w"
                   height="100%"
+                  mediumBreakpointRowLayout={null}
+                  objFitState={true}
+                  objectFit="cover"
+                  smallBreakpointRowLayout={null}
                   src="@component-library/src/styleguide/assets/challenge-1.jpg"
                   srcSet="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"
                   width="100%"
@@ -1112,13 +1349,13 @@ exports[`renders correctly with data prop 1`] = `
               </div>
             </div>
             <div
-              className="CTACardstyle__CopyAndLinkSection-sc-si8xx1-5 bmuAep"
+              className="CTACardstyle__CopyAndLinkSection-sc-si8xx1-7 bFRGuV"
             >
               <div
-                className="CTACardstyle__Copy-sc-si8xx1-6 csgKNf"
+                className="CTACardstyle__Copy-sc-si8xx1-8 bBA-DeV"
               >
                 <p
-                  className="Text__BaseText-sc-1snl0ya-0 ffxkcd"
+                  className="Text__BaseText-sc-1snl0ya-0 iUZahU"
                 >
                   <strong>
                     Load
@@ -1127,42 +1364,38 @@ exports[`renders correctly with data prop 1`] = `
                 </p>
               </div>
               <div
-                className="CTACardstyle__CTA-sc-si8xx1-8 eluKFv"
+                className="CTACardstyle__CTA-sc-si8xx1-10 gHrhFm"
               >
                 <span
-                  className="CTACardstyle__CTAText-sc-si8xx1-1 dQjaWt"
+                  className="CTACardstyle__CTAText-sc-si8xx1-1 hJupcp"
                 >
                   test go
                   <img
                     alt=""
                     aria-hidden="true"
-                    className="CTACardstyle__CTATextUnderline-sc-si8xx1-2 jSsByL"
+                    className="CTACardstyle__CTATextUnderline-sc-si8xx1-2 cnFZDX"
                     src="mock.asset"
                   />
                 </span>
                 <div
-                  className="CtaArrowCirclestyle__ArrowIconOuter-sc-1eai4ad-2 hRwDxh"
+                  className="CTACardstyle__ArrowIconOuter-sc-si8xx1-4 kqSHjW"
                 >
                   <div
-                    className="CtaArrowCirclestyle__ArrowIconWrapper-sc-1eai4ad-1 dlHKrX"
+                    className="CTACardstyle__ArrowIconWrapper-sc-si8xx1-3 jyghMz"
                   >
-                    <span
-                      className="CtaArrowCirclestyle__ArrowIconInner-sc-1eai4ad-0 jXJGXA"
+                    <svg
+                      className="_ArrowIcon__StyledArrowIcon-sc-mqq2gw-0 ioFlFZ"
+                      fill="none"
+                      height="13"
+                      viewBox="0 0 15 13"
+                      width="15"
+                      xmlns="http://www.w3.org/2000/svg"
                     >
-                      <svg
-                        className="ArrowIcon__StyledArrowIcon-sc-1iwl330-0 hLeEyo"
-                        fill="none"
-                        height="15"
-                        viewBox="0 0 15 15"
-                        width="15"
-                        xmlns="http://www.w3.org/2000/svg"
-                      >
-                        <path
-                          d="M9.58496 1.3501C9.1395 0.88346 8.40641 0.883488 7.96094 1.3501C7.52803 1.80361 7.5281 2.53033 7.96094 2.98389L11.1582 6.3335H1.13672C0.48748 6.3335 0 6.87834 0 7.50049C2.15408e-05 8.12262 0.487494 8.66748 1.13672 8.66748H11.1582L7.96094 12.0171C7.52806 12.4706 7.52899 13.1974 7.96191 13.6509C8.18163 13.8804 8.47556 14.0005 8.77344 14.0005C9.07114 14.0004 9.36533 13.8809 9.58496 13.6509L14.6758 8.31689L14.6748 8.31592L14.6875 8.30322L14.6865 8.30225C14.6954 8.29227 14.7044 8.28494 14.71 8.27783C14.7117 8.27557 14.7133 8.27298 14.7148 8.271C14.7485 8.23215 14.7824 8.18937 14.8135 8.14111L14.8154 8.13818C14.8354 8.1067 14.8493 8.07854 14.8564 8.06396L14.8652 8.04639L14.8662 8.04443L14.8672 8.04346C14.8672 8.04346 14.868 8.0407 14.8691 8.03857C14.8709 8.03524 14.8758 8.02683 14.8799 8.01904L14.8802 8.01851C14.8888 8.00212 14.9034 7.97435 14.917 7.93994V7.93799C14.9303 7.90387 14.9391 7.87297 14.9443 7.854C14.9469 7.8447 14.9498 7.83579 14.9512 7.83057C14.9527 7.82466 14.9535 7.82292 14.9541 7.8208C14.9541 7.8208 14.9542 7.81765 14.9551 7.81494L14.958 7.80615L14.9586 7.80434C14.9631 7.78973 14.9718 7.76131 14.9785 7.72705V7.7251C15.0066 7.57717 15.0066 7.42472 14.9785 7.27686V7.2749L14.958 7.1958L14.9551 7.18604L14.9531 7.18018L14.9512 7.17236C14.9497 7.16652 14.9481 7.15689 14.9453 7.14697C14.9398 7.12707 14.9307 7.09666 14.917 7.06201C14.9032 7.027 14.8885 6.99825 14.8799 6.98193C14.8758 6.97415 14.8709 6.96574 14.8691 6.9624L14.8564 6.93701C14.849 6.92189 14.8351 6.89384 14.8154 6.86279L14.8145 6.86084L14.7529 6.77393C14.7316 6.74671 14.7094 6.72141 14.6875 6.69775C14.6837 6.69353 14.6802 6.68867 14.6758 6.68408L9.58496 1.3501Z"
-                          fill="currentColor"
-                        />
-                      </svg>
-                    </span>
+                      <path
+                        d="M9.58496 0.349976C9.1395 -0.116662 8.40641 -0.116634 7.96094 0.349976C7.52803 0.803486 7.5281 1.53021 7.96094 1.98376L11.1582 5.33337H1.13672C0.48748 5.33337 0 5.87822 0 6.50037C2.15408e-05 7.1225 0.487494 7.66736 1.13672 7.66736H11.1582L7.96094 11.017C7.52806 11.4705 7.52899 12.1972 7.96191 12.6508C8.18163 12.8803 8.47556 13.0004 8.77344 13.0004C9.07114 13.0002 9.36533 12.8808 9.58496 12.6508L14.6758 7.31677L14.6748 7.3158L14.6875 7.3031L14.6865 7.30212C14.6954 7.29215 14.7044 7.28482 14.71 7.27771C14.7117 7.27545 14.7133 7.27285 14.7148 7.27087C14.7485 7.23203 14.7824 7.18925 14.8135 7.14099L14.8154 7.13806C14.8354 7.10658 14.8493 7.07842 14.8564 7.06384L14.8652 7.04626L14.8662 7.04431L14.8672 7.04333C14.8672 7.04333 14.868 7.04057 14.8691 7.03845C14.8709 7.03512 14.8758 7.02671 14.8799 7.01892L14.8802 7.01839C14.8888 7.002 14.9034 6.97423 14.917 6.93982V6.93787C14.9303 6.90375 14.9391 6.87285 14.9443 6.85388C14.9469 6.84458 14.9498 6.83567 14.9512 6.83044C14.9527 6.82454 14.9535 6.8228 14.9541 6.82068C14.9541 6.82068 14.9542 6.81753 14.9551 6.81482L14.958 6.80603L14.9586 6.80422C14.9631 6.78961 14.9718 6.76119 14.9785 6.72693V6.72498C15.0066 6.57705 15.0066 6.4246 14.9785 6.27673V6.27478L14.958 6.19568L14.9551 6.18591L14.9531 6.18005L14.9512 6.17224C14.9497 6.1664 14.9481 6.15677 14.9453 6.14685C14.9398 6.12695 14.9307 6.09654 14.917 6.06189C14.9032 6.02688 14.8885 5.99813 14.8799 5.98181C14.8758 5.97402 14.8709 5.96562 14.8691 5.96228L14.8564 5.93689C14.849 5.92177 14.8351 5.89372 14.8154 5.86267L14.8145 5.86072L14.7529 5.7738C14.7316 5.74659 14.7094 5.72129 14.6875 5.69763C14.6837 5.69341 14.6802 5.68854 14.6758 5.68396L9.58496 0.349976Z"
+                        fill="currentColor"
+                      />
+                    </svg>
                   </div>
                 </div>
               </div>
@@ -1170,64 +1403,71 @@ exports[`renders correctly with data prop 1`] = `
           </a>
         </div>
         <div
-          className="CTACardstyle__CardWrapper-sc-si8xx1-4 anAmi"
+          className="CTACardstyle__CardWrapper-sc-si8xx1-6 cgBhTo"
+          columns={3}
+          hasLink={true}
+          isCarousel={true}
         >
           <a
-            className="Linkstyle__StyledLink-sc-t360tr-1 iydhqO CTACardstyle__CardLink-sc-si8xx1-3 udrPq"
+            buttonType="primary"
+            className="Linkstyle__StyledLink-sc-t360tr-1 hOnWnU CTACardstyle__CardLink-sc-si8xx1-5 floDNG"
+            fullWidth={false}
+            home={false}
             href="/test-no-image"
+            iconFirst={false}
+            isCarousel={true}
+            isInteractive={true}
+            mobileColour={null}
             rel={null}
             target="_self"
             type="standard"
+            underline={true}
           >
             <div
-              className="CTACardstyle__CopyAndLinkSection-sc-si8xx1-5 bmuAep"
+              className="CTACardstyle__CopyAndLinkSection-sc-si8xx1-7 bFRGuV"
             >
               <div
-                className="CTACardstyle__Copy-sc-si8xx1-6 csgKNf"
+                className="CTACardstyle__Copy-sc-si8xx1-8 bBA-DeV"
               >
                 <p
-                  className="Text__BaseText-sc-1snl0ya-0 ffxkcd"
+                  className="Text__BaseText-sc-1snl0ya-0 iUZahU"
                 >
                   Load of text here
                 </p>
               </div>
               <div
-                className="CTACardstyle__CTA-sc-si8xx1-8 eluKFv"
+                className="CTACardstyle__CTA-sc-si8xx1-10 gHrhFm"
               >
                 <span
-                  className="CTACardstyle__CTAText-sc-si8xx1-1 dQjaWt"
+                  className="CTACardstyle__CTAText-sc-si8xx1-1 hJupcp"
                 >
                   View card
                   <img
                     alt=""
                     aria-hidden="true"
-                    className="CTACardstyle__CTATextUnderline-sc-si8xx1-2 jSsByL"
+                    className="CTACardstyle__CTATextUnderline-sc-si8xx1-2 cnFZDX"
                     src="mock.asset"
                   />
                 </span>
                 <div
-                  className="CtaArrowCirclestyle__ArrowIconOuter-sc-1eai4ad-2 hRwDxh"
+                  className="CTACardstyle__ArrowIconOuter-sc-si8xx1-4 kqSHjW"
                 >
                   <div
-                    className="CtaArrowCirclestyle__ArrowIconWrapper-sc-1eai4ad-1 dlHKrX"
+                    className="CTACardstyle__ArrowIconWrapper-sc-si8xx1-3 jyghMz"
                   >
-                    <span
-                      className="CtaArrowCirclestyle__ArrowIconInner-sc-1eai4ad-0 jXJGXA"
+                    <svg
+                      className="_ArrowIcon__StyledArrowIcon-sc-mqq2gw-0 ioFlFZ"
+                      fill="none"
+                      height="13"
+                      viewBox="0 0 15 13"
+                      width="15"
+                      xmlns="http://www.w3.org/2000/svg"
                     >
-                      <svg
-                        className="ArrowIcon__StyledArrowIcon-sc-1iwl330-0 hLeEyo"
-                        fill="none"
-                        height="15"
-                        viewBox="0 0 15 15"
-                        width="15"
-                        xmlns="http://www.w3.org/2000/svg"
-                      >
-                        <path
-                          d="M9.58496 1.3501C9.1395 0.88346 8.40641 0.883488 7.96094 1.3501C7.52803 1.80361 7.5281 2.53033 7.96094 2.98389L11.1582 6.3335H1.13672C0.48748 6.3335 0 6.87834 0 7.50049C2.15408e-05 8.12262 0.487494 8.66748 1.13672 8.66748H11.1582L7.96094 12.0171C7.52806 12.4706 7.52899 13.1974 7.96191 13.6509C8.18163 13.8804 8.47556 14.0005 8.77344 14.0005C9.07114 14.0004 9.36533 13.8809 9.58496 13.6509L14.6758 8.31689L14.6748 8.31592L14.6875 8.30322L14.6865 8.30225C14.6954 8.29227 14.7044 8.28494 14.71 8.27783C14.7117 8.27557 14.7133 8.27298 14.7148 8.271C14.7485 8.23215 14.7824 8.18937 14.8135 8.14111L14.8154 8.13818C14.8354 8.1067 14.8493 8.07854 14.8564 8.06396L14.8652 8.04639L14.8662 8.04443L14.8672 8.04346C14.8672 8.04346 14.868 8.0407 14.8691 8.03857C14.8709 8.03524 14.8758 8.02683 14.8799 8.01904L14.8802 8.01851C14.8888 8.00212 14.9034 7.97435 14.917 7.93994V7.93799C14.9303 7.90387 14.9391 7.87297 14.9443 7.854C14.9469 7.8447 14.9498 7.83579 14.9512 7.83057C14.9527 7.82466 14.9535 7.82292 14.9541 7.8208C14.9541 7.8208 14.9542 7.81765 14.9551 7.81494L14.958 7.80615L14.9586 7.80434C14.9631 7.78973 14.9718 7.76131 14.9785 7.72705V7.7251C15.0066 7.57717 15.0066 7.42472 14.9785 7.27686V7.2749L14.958 7.1958L14.9551 7.18604L14.9531 7.18018L14.9512 7.17236C14.9497 7.16652 14.9481 7.15689 14.9453 7.14697C14.9398 7.12707 14.9307 7.09666 14.917 7.06201C14.9032 7.027 14.8885 6.99825 14.8799 6.98193C14.8758 6.97415 14.8709 6.96574 14.8691 6.9624L14.8564 6.93701C14.849 6.92189 14.8351 6.89384 14.8154 6.86279L14.8145 6.86084L14.7529 6.77393C14.7316 6.74671 14.7094 6.72141 14.6875 6.69775C14.6837 6.69353 14.6802 6.68867 14.6758 6.68408L9.58496 1.3501Z"
-                          fill="currentColor"
-                        />
-                      </svg>
-                    </span>
+                      <path
+                        d="M9.58496 0.349976C9.1395 -0.116662 8.40641 -0.116634 7.96094 0.349976C7.52803 0.803486 7.5281 1.53021 7.96094 1.98376L11.1582 5.33337H1.13672C0.48748 5.33337 0 5.87822 0 6.50037C2.15408e-05 7.1225 0.487494 7.66736 1.13672 7.66736H11.1582L7.96094 11.017C7.52806 11.4705 7.52899 12.1972 7.96191 12.6508C8.18163 12.8803 8.47556 13.0004 8.77344 13.0004C9.07114 13.0002 9.36533 12.8808 9.58496 12.6508L14.6758 7.31677L14.6748 7.3158L14.6875 7.3031L14.6865 7.30212C14.6954 7.29215 14.7044 7.28482 14.71 7.27771C14.7117 7.27545 14.7133 7.27285 14.7148 7.27087C14.7485 7.23203 14.7824 7.18925 14.8135 7.14099L14.8154 7.13806C14.8354 7.10658 14.8493 7.07842 14.8564 7.06384L14.8652 7.04626L14.8662 7.04431L14.8672 7.04333C14.8672 7.04333 14.868 7.04057 14.8691 7.03845C14.8709 7.03512 14.8758 7.02671 14.8799 7.01892L14.8802 7.01839C14.8888 7.002 14.9034 6.97423 14.917 6.93982V6.93787C14.9303 6.90375 14.9391 6.87285 14.9443 6.85388C14.9469 6.84458 14.9498 6.83567 14.9512 6.83044C14.9527 6.82454 14.9535 6.8228 14.9541 6.82068C14.9541 6.82068 14.9542 6.81753 14.9551 6.81482L14.958 6.80603L14.9586 6.80422C14.9631 6.78961 14.9718 6.76119 14.9785 6.72693V6.72498C15.0066 6.57705 15.0066 6.4246 14.9785 6.27673V6.27478L14.958 6.19568L14.9551 6.18591L14.9531 6.18005L14.9512 6.17224C14.9497 6.1664 14.9481 6.15677 14.9453 6.14685C14.9398 6.12695 14.9307 6.09654 14.917 6.06189C14.9032 6.02688 14.8885 5.99813 14.8799 5.98181C14.8758 5.97402 14.8709 5.96562 14.8691 5.96228L14.8564 5.93689C14.849 5.92177 14.8351 5.89372 14.8154 5.86267L14.8145 5.86072L14.7529 5.7738C14.7316 5.74659 14.7094 5.72129 14.6875 5.69763C14.6837 5.69341 14.6802 5.68854 14.6758 5.68396L9.58496 0.349976Z"
+                        fill="currentColor"
+                      />
+                    </svg>
                   </div>
                 </div>
               </div>
diff --git a/src/components/Molecules/CTA/CTASingleCard/CTASingleCard.md b/src/components/Molecules/CTA/CTASingleCard/CTASingleCard.md
deleted file mode 100644
index af3cd37a0..000000000
--- a/src/components/Molecules/CTA/CTASingleCard/CTASingleCard.md
+++ /dev/null
@@ -1,124 +0,0 @@
-# CTASingleCard
-## Single full-width card component
-
-This component displays a single card, full-width across the page. It looks and behaves like the single cards from CTAMultiCard, but is always displayed as a single full-width card with no grid layout or carousel functionality.
-
-The component expects pre-rendered content to be passed in the `body` field of the card. The frontend should handle rich text rendering before passing data to this component.
-
-### Props
-
-`CTASingleCard` takes a single required prop:
-
-- `data`: an object containing:
-  - `card`: the processed card object (see below)
-  - `backgroundColour`: background colour for the full-width section (e.g. `"grey_medium"`, `"Transparent"`)
-  - `paddingAbove`: CSS value for top padding (e.g. `"1rem"`, `"32px"`)
-  - `paddingBelow`: CSS value for bottom padding (e.g. `"2rem"`, `"32px"`)
-
-**Note:** The frontend is responsible for processing image data and link targets. The card object should include the following processed fields:
-- `fallback`: The fallback image src from `image.gatsbyImageData.images.fallback.src`
-- `imageLow`: The placeholder image from `image.gatsbyImageData.placeholder.fallback`
-- `images`: The srcSet from `image.gatsbyImageData.images.sources[0].srcSet`
-- `description`: The image description from `image.description`
-- `target`: The link target ('self' for internal links, 'blank' for external)
-- `external`: The rel attribute ('noopener' for external links, null for internal)
-
-### CTASingleCard: Basic Example
-
-```js
-import CTASingleCard from './CTASingleCard';
-import Text from '../../../Atoms/Text/Text';
-
-const exampleCard = {
-  id: 'single-card-1',
-  label: 'Example Label',
-  body: (
-    <Text tag="p">
-      <strong>Single Card</strong> content here
-    </Text>
-  ),
-  link: "/test",
-  linkLabel: "Learn more",
-  fallback: "https://images.ctfassets.net/zsfivwzfgl3t/4VsIykPLHDNkNCT9djGrX/c8f1e4cb5c6bda5a7b77f18501e9304d/challenge-1.jpg?w=678&h=501&fl=progressive&q=80&fm=jpg",
-  imageLow: "data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAAPABQDASIAAhEBAxEB/8QAGAAAAwEBAAAAAAAAAAAAAAAAAAcIBAb/xAAjEAACAgIBBAIDAAAAAAAAAAABAgMEABEGBRIhMQdBE1Fh/8QAFQEBAQAAAAAAAAAAAAAAAAAAAgT/xAAaEQADAQADAAAAAAAAAAAAAAAAAQIDERIT/9oADAMBAAIRAxEAPwBzRcrjVY+0tonyT41nG8y+SLFTkgpQTVFpoqiRZGHc2/egf4RrMM12OHpNi3LsrAjO2vsKCcQtvkbTW570sMUt6xphJKnd+Ma9A78ZRWcS+SWNLpNMqAdQidVaSxErEA6ZgCNj9YZNPTOTpJW7+ovdlnLHyjgAD6GGPug+bP/Z",
-  images: "https://images.ctfassets.net/zsfivwzfgl3t/4VsIykPLHDNkNCT9djGrX/c8f1e4cb5c6bda5a7b77f18501e9304d/challenge-1.jpg?w=678&h=501&q=80&fm=webp 678w",
-  description: "Example image",
-  target: "self",
-  external: null
-};
-
-<div style={{ background: '#E1E2E3' }}>
-  <CTASingleCard data={{ card: exampleCard, backgroundColour: 'Transparent', paddingAbove: '1rem', paddingBelow: '2rem' }} />
-</div>;
-```
-
-### CTASingleCard: With Background Colour
-
-```js
-import CTASingleCard from './CTASingleCard';
-import Text from '../../../Atoms/Text/Text';
-
-const exampleCard = {
-  id: 'single-card-2',
-  label: 'Example Label',
-  body: (
-    <Text tag="p">
-      Single card
-    </Text>
-  ),
-  link: "/test",
-  linkLabel: "Learn more",
-  fallback: "https://images.ctfassets.net/zsfivwzfgl3t/4VsIykPLHDNkNCT9djGrX/c8f1e4cb5c6bda5a7b77f18501e9304d/challenge-1.jpg?w=678&h=501&fl=progressive&q=80&fm=jpg",
-  imageLow: "data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAAPABQDASIAAhEBAxEB/8QAGAAAAwEBAAAAAAAAAAAAAAAAAAcIBAb/xAAjEAACAgIBBAIDAAAAAAAAAAABAgMEABEGBRIhMQdBE1Fh/8QAFQEBAQAAAAAAAAAAAAAAAAAAAgT/xAAaEQADAQADAAAAAAAAAAAAAAAAAQIDERIT/9oADAMBAAIRAxEAPwBzRcrjVY+0tonyT41nG8y+SLFTkgpQTVFpoqiRZGHc2/egf4RrMM12OHpNi3LsrAjO2vsKCcQtvkbTW570sMUt6xphJKnd+Ma9A78ZRWcS+SWNLpNMqAdQidVaSxErEA6ZgCNj9YZNPTOTpJW7+ovdlnLHyjgAD6GGPug+bP/Z",
-  images: "https://images.ctfassets.net/zsfivwzfgl3t/4VsIykPLHDNkNCT9djGrX/c8f1e4cb5c6bda5a7b77f18501e9304d/challenge-1.jpg?w=678&h=501&q=80&fm=webp 678w",
-  description: "Example image",
-  target: "self",
-  external: null
-};
-
-<div style={{ background: '#E1E2E3' }}>
-  <CTASingleCard data={{ card: exampleCard, backgroundColour: 'grey_medium', paddingAbove: '1rem', paddingBelow: '2rem' }} />
-</div>;
-```
-
-### CTASingleCard: With Long Text
-
-**NB: This example contains a lot of lorem ipsum text to demonstrate that the card will grow in height to accommodate longer content. The image proportion remains constant (1/3 width on desktop), while the card height adjusts based on the text content.**
-
-```js
-import CTASingleCard from './CTASingleCard';
-import Text from '../../../Atoms/Text/Text';
-
-const exampleCardWithLongText = {
-  id: 'single-card-long-text',
-  label: 'Example Label',
-  body: (
-    <>
-      <Text tag="p">
-        Single card with background colour set on the full-width section
-      </Text>
-      <Text tag="p">
-        Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.
-      </Text>
-      <Text tag="p">
-        Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem.
-      </Text>
-      <Text tag="p">
-        At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga.
-      </Text>
-    </>
-  ),
-  link: "/test",
-  linkLabel: "Learn more",
-  fallback: "https://images.ctfassets.net/zsfivwzfgl3t/4VsIykPLHDNkNCT9djGrX/c8f1e4cb5c6bda5a7b77f18501e9304d/challenge-1.jpg?w=678&h=501&fl=progressive&q=80&fm=jpg",
-  imageLow: "data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAAPABQDASIAAhEBAxEB/8QAGAAAAwEBAAAAAAAAAAAAAAAAAAcIBAb/xAAjEAACAgIBBAIDAAAAAAAAAAABAgMEABEGBRIhMQdBE1Fh/8QAFQEBAQAAAAAAAAAAAAAAAAAAAgT/xAAaEQADAQADAAAAAAAAAAAAAAAAAQIDERIT/9oADAMBAAIRAxEAPwBzRcrjVY+0tonyT41nG8y+SLFTkgpQTVFpoqiRZGHc2/egf4RrMM12OHpNi3LsrAjO2vsKCcQtvkbTW570sMUt6xphJKnd+Ma9A78ZRWcS+SWNLpNMqAdQidVaSxErEA6ZgCNj9YZNPTOTpJW7+ovdlnLHyjgAD6GGPug+bP/Z",
-  images: "https://images.ctfassets.net/zsfivwzfgl3t/4VsIykPLHDNkNCT9djGrX/c8f1e4cb5c6bda5a7b77f18501e9304d/challenge-1.jpg?w=678&h=501&q=80&fm=webp 678w",
-  description: "Example image",
-  target: "self",
-  external: null
-};
-
-<div style={{ background: '#E1E2E3' }}>
-  <CTASingleCard data={{ card: exampleCardWithLongText, backgroundColour: 'rnd_26_light_pink', paddingAbove: '4rem', paddingBelow: '4rem' }} />
-</div>;
-```
diff --git a/src/components/Molecules/CTA/CTASingleCard/CTASingleCardExample.jsx b/src/components/Molecules/CTA/CTASingleCard/CTASingleCardExample.jsx
new file mode 100644
index 000000000..435d57e90
--- /dev/null
+++ b/src/components/Molecules/CTA/CTASingleCard/CTASingleCardExample.jsx
@@ -0,0 +1,49 @@
+import React from 'react';
+import styled from 'styled-components';
+import CTASingleCard from './CTASingleCard';
+
+const ExampleWrapper = styled.div`
+  background: #E1E2E3;
+`;
+import Text from '../../../Atoms/Text/Text';
+
+const fallback = 'https://images.ctfassets.net/zsfivwzfgl3t/4VsIykPLHDNkNCT9djGrX/c8f1e4cb5c6bda5a7b77f18501e9304d/challenge-1.jpg?w=678&h=501&fl=progressive&q=80&fm=jpg';
+const imageLow = 'data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAAPABQDASIAAhEBAxEB/8QAGAAAAwEBAAAAAAAAAAAAAAAAAAcIBAb/xAAjEAACAgIBBAIDAAAAAAAAAAABAgMEABEGBRIhMQdBE1Fh/8QAFQEBAQAAAAAAAAAAAAAAAAAAAgT/xAAaEQADAQADAAAAAAAAAAAAAAAAAQIDERIT/9oADAMBAAIRAxEAPwBzRcrjVY+0tonyT41nG8y+SLFTkgpQTVFpoqiRZGHc2/egf4RrMM12OHpNi3LsrAjO2vsKCcQtvkbTW570sMUt6xphJKnd+Ma9A78ZRWcS+SWNLpNMqAdQidVaSxErEA6ZgCNj9YZNPTOTpJW7+ovdlnLHyjgAD6GGPug+bP/Z';
+const images = 'https://images.ctfassets.net/zsfivwzfgl3t/4VsIykPLHDNkNCT9djGrX/c8f1e4cb5c6bda5a7b77f18501e9304d/challenge-1.jpg?w=678&h=501&q=80&fm=webp 678w';
+
+const baseCard = {
+  link: '/test',
+  linkLabel: 'Learn more',
+  fallback,
+  imageLow,
+  images,
+  description: 'Example image',
+  target: 'self',
+  external: null,
+};
+
+export default function CTASingleCardExample() {
+  return (
+    <>
+      <h3>Basic</h3>
+      <ExampleWrapper>
+        <CTASingleCard data={{
+          card: { ...baseCard, id: 'single-card-1', label: 'Example Label', body: <Text tag="p"><strong>Single Card</strong> content here</Text> },
+          backgroundColour: 'Transparent',
+          paddingAbove: '1rem',
+          paddingBelow: '2rem',
+        }} />
+      </ExampleWrapper>
+
+      <h3>With background colour</h3>
+      <ExampleWrapper>
+        <CTASingleCard data={{
+          card: { ...baseCard, id: 'single-card-2', label: 'Example Label', body: <Text tag="p">Single card</Text> },
+          backgroundColour: 'grey_medium',
+          paddingAbove: '1rem',
+          paddingBelow: '2rem',
+        }} />
+      </ExampleWrapper>
+    </>
+  );
+}
diff --git a/src/components/Molecules/CTA/CTASingleCard/__snapshots__/CTASingleCard.test.js.snap b/src/components/Molecules/CTA/CTASingleCard/__snapshots__/CTASingleCard.test.js.snap
index c93fc1dff..90c2ec8ff 100644
--- a/src/components/Molecules/CTA/CTASingleCard/__snapshots__/CTASingleCard.test.js.snap
+++ b/src/components/Molecules/CTA/CTASingleCard/__snapshots__/CTASingleCard.test.js.snap
@@ -5,9 +5,6 @@ exports[`renders correctly with data prop 1`] = `
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: 400;
   text-transform: inherit;
-  -webkit-letter-spacing: 0;
-  -moz-letter-spacing: 0;
-  -ms-letter-spacing: 0;
   letter-spacing: 0;
   font-size: 1rem;
   line-height: 1.25rem;
@@ -37,89 +34,24 @@ exports[`renders correctly with data prop 1`] = `
   display: inline;
   color: #000000;
   font-weight: normal;
+  color: #E52630;
 }
 
 .c3:hover,
 .c3:focus {
   color: #000000;
-  -webkit-text-decoration: none;
   text-decoration: none;
 }
 
-.c23 {
+.c20 {
   display: inline-block;
   color: #FFFFFF;
   fill: currentColor;
 }
 
-.c22 {
-  display: -webkit-inline-box;
-  display: -webkit-inline-flex;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.65,-0.19,0.37,1.16);
-  -webkit-transition: transform 0.3s cubic-bezier(0.65,-0.19,0.37,1.16);
-  transition: transform 0.3s cubic-bezier(0.65,-0.19,0.37,1.16);
-  -webkit-transform: scale(1);
-  -ms-transform: scale(1);
-  transform: scale(1);
-  -webkit-transform-origin: center;
-  -ms-transform-origin: center;
-  transform-origin: center;
-}
-
-.c20 {
-  width: 32px;
-  height: 32px;
-  border-radius: 50%;
-  background: #E52630;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-flex-shrink: 0;
-  -ms-flex-negative: 0;
-  flex-shrink: 0;
-  overflow: hidden;
-}
-
-.c18 {
-  padding-left: 1rem;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  -webkit-box-pack: end;
-  -webkit-justify-content: flex-end;
-  -ms-flex-pack: end;
-  justify-content: flex-end;
-}
-
 .c6 {
   width: 100%;
   overflow: hidden;
-  -webkit-flex-shrink: 0;
-  -ms-flex-negative: 0;
   flex-shrink: 0;
   background: transparent;
   border-radius: 1rem 1rem 0 0;
@@ -136,15 +68,11 @@ exports[`renders correctly with data prop 1`] = `
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: 400;
   text-transform: inherit;
-  -webkit-letter-spacing: 0;
-  -moz-letter-spacing: 0;
-  -ms-letter-spacing: 0;
   letter-spacing: 0;
   font-size: 1rem;
   line-height: 1.25rem;
   color: #E52630;
   font-weight: bold;
-  -webkit-text-decoration: none;
   text-decoration: none;
   position: relative;
   display: inline-block;
@@ -156,29 +84,38 @@ exports[`renders correctly with data prop 1`] = `
   position: absolute;
   left: 0;
   bottom: -5px;
-  -webkit-transition: opacity 0.15s 0.1s;
   transition: opacity 0.15s 0.1s;
   opacity: 0;
   pointer-events: none;
 }
 
+.c19 {
+  width: 32px;
+  height: 32px;
+  border-radius: 50%;
+  background: #E52630;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+}
+
+.c18 {
+  padding-left: 1rem;
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+}
+
 .c4 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
   position: relative;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
   flex-direction: column;
   width: 100%;
-  -webkit-flex: 1 1 auto;
-  -ms-flex: 1 1 auto;
   flex: 1 1 auto;
   background: transparent;
   border-radius: 1rem;
   box-shadow: rgba(0,0,0,0.15) 0px 0px 1rem;
-  -webkit-text-decoration: none;
   text-decoration: none;
   overflow: hidden;
   cursor: pointer;
@@ -186,28 +123,15 @@ exports[`renders correctly with data prop 1`] = `
 }
 
 .c4 img {
-  -webkit-transform: scale(1);
-  -ms-transform: scale(1);
   transform: scale(1);
-  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.65,-0.19,0.37,1.16);
-  -webkit-transition: transform 0.3s cubic-bezier(0.65,-0.19,0.37,1.16);
   transition: transform 0.3s cubic-bezier(0.65,-0.19,0.37,1.16);
 }
 
 .c2 {
   width: auto;
-  -webkit-flex-shrink: 0;
-  -ms-flex-negative: 0;
   flex-shrink: 0;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
   flex-direction: column;
-  -webkit-align-self: stretch;
-  -ms-flex-item-align: stretch;
   align-self: stretch;
   border-radius: 1rem;
   width: 100%;
@@ -217,31 +141,17 @@ exports[`renders correctly with data prop 1`] = `
 .c9 {
   width: 100%;
   background: #FFFFFF;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
   flex-direction: column;
   padding: 2rem;
-  -webkit-flex: 1;
-  -ms-flex: 1;
   flex: 1;
   min-height: 0;
   border-radius: 0 0 1rem 1rem;
 }
 
 .c10 {
-  -webkit-flex: 1;
-  -ms-flex: 1;
   flex: 1;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
   flex-direction: column;
   min-height: 0;
 }
@@ -255,20 +165,9 @@ exports[`renders correctly with data prop 1`] = `
 
 .c13 {
   width: 100%;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
   flex-direction: row;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
   align-items: center;
-  -webkit-box-pack: justify;
-  -webkit-justify-content: space-between;
-  -ms-flex-pack: justify;
   justify-content: space-between;
   margin-top: auto;
   padding-top: 2rem;
@@ -283,81 +182,67 @@ exports[`renders correctly with data prop 1`] = `
 }
 
 .c1 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
   width: 100%;
   max-width: 1152px;
   margin: 0 auto;
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c12 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c12 {
     font-size: 1.125rem;
     line-height: 1.375rem;
   }
 }
 
-@media (min-width:1024px) {
-  .c20 {
-    background: #222222;
-  }
-}
-
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c6 {
     width: calc(100% / 3);
     min-width: 292px;
     max-width: 309px;
-    -webkit-flex-shrink: 0;
-    -ms-flex-negative: 0;
     flex-shrink: 0;
-    -webkit-box-flex: 0;
-    -webkit-flex-grow: 0;
-    -ms-flex-positive: 0;
     flex-grow: 0;
     height: 100%;
     border-radius: 1rem 0 0 1rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c6 {
     min-width: 355px;
     max-width: 362px;
   }
 }
 
-@media (min-width:1440px) {
+@media (min-width: 1440px) {
   .c6 {
     min-width: 363px;
     max-width: 363px;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c6 img {
     height: 100%;
     object-fit: cover;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c15 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c15 {
     font-size: 1.125rem;
     line-height: 1.375rem;
@@ -370,42 +255,35 @@ exports[`renders correctly with data prop 1`] = `
   }
 }
 
-@media (min-width:740px) {
+@media (min-width:1024px) {
+  .c19 {
+    background: #222222;
+  }
+}
+
+@media (min-width: 740px) {
   .c4 {
-    -webkit-flex-direction: row;
-    -ms-flex-direction: row;
     flex-direction: row;
-    -webkit-align-items: stretch;
-    -webkit-box-align: stretch;
-    -ms-flex-align: stretch;
     align-items: stretch;
     min-height: calc(219px - 4rem);
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c4 {
     min-height: 272px;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c4 {
-    -webkit-transition: -webkit-transform 0.30000000000000004s cubic-bezier(0.68,-0.8500000000000001,0.265,1.9500000000000002);
-    -webkit-transition: transform 0.30000000000000004s cubic-bezier(0.68,-0.8500000000000001,0.265,1.9500000000000002);
     transition: transform 0.30000000000000004s cubic-bezier(0.68,-0.8500000000000001,0.265,1.9500000000000002);
-    -webkit-transform-origin: center;
-    -ms-transform-origin: center;
     transform-origin: center;
-    -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.68,-1.15,0.265,2.35);
-    -webkit-transition: transform 0.4s cubic-bezier(0.68,-1.15,0.265,2.35);
     transition: transform 0.4s cubic-bezier(0.68,-1.15,0.265,2.35);
   }
 
   .c4:hover,
   .c4:focus {
-    -webkit-transform: translateY(-10px);
-    -ms-transform: translateY(-10px);
     transform: translateY(-10px);
   }
 
@@ -414,106 +292,113 @@ exports[`renders correctly with data prop 1`] = `
   }
 
   .c4:hover .c5 img {
-    -webkit-transform: scale(1.06);
-    -ms-transform: scale(1.06);
     transform: scale(1.06);
   }
 
   .c4:hover .c14 {
-    -webkit-text-decoration: none;
     text-decoration: none;
   }
 
   .c4:hover .c16 {
     opacity: 1;
   }
-
-  .c4:hover .c19 .c21 {
-    -webkit-transform: scale(1.2);
-    -ms-transform: scale(1.2);
-    transform: scale(1.2);
-  }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c2 {
-    -webkit-flex-basis: 100%;
-    -ms-flex-preferred-size: 100%;
     flex-basis: 100%;
     max-width: 100%;
     height: auto;
   }
 }
 
-@media (min-width:1440px) {
+@media (min-width: 1440px) {
   .c2 {
-    -webkit-flex-basis: 100%;
-    -ms-flex-preferred-size: 100%;
     flex-basis: 100%;
     max-width: 100%;
     height: auto;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c9 {
     width: calc(200% / 3);
     min-width: 384px;
     max-width: 650px;
-    -webkit-flex: 1;
-    -ms-flex: 1;
     flex: 1;
     border-radius: 0 1rem 1rem 0;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c9 {
     min-width: 541px;
     max-width: 790px;
   }
 }
 
-@media (min-width:1440px) {
+@media (min-width: 1440px) {
   .c9 {
     width: 789px;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c0 {
     padding-inline: 2rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c0 {
     padding-inline: 4rem;
   }
 }
 
 <div
+  backgroundColor="transparent"
   className="c0"
+  paddingAbove="1rem"
+  paddingBelow="2rem"
 >
   <div
     className="c1"
   >
     <div
       className="c2"
+      hasLink={true}
+      isCarousel={false}
+      isFullWidth={true}
     >
       <a
+        buttonType="primary"
         className="c3 c4"
+        fullWidth={false}
+        home={false}
         href="/test"
+        iconFirst={false}
+        isCarousel={false}
+        isInteractive={true}
+        isSingleCard={true}
+        mobileColour={null}
         rel={null}
         target="_self"
         type="standard"
+        underline={true}
       >
         <div
           className="c5 c6"
+          isSingleCard={true}
         >
           <div
             className="c7 lazyload"
             height="100%"
+            image="https://images.ctfassets.net/zsfivwzfgl3t/4VsIykPLHDNkNCT9djGrX/c8f1e4cb5c6bda5a7b77f18501e9304d/challenge-1.jpg?w=678&h=501&fl=progressive&q=80&fm=jpg"
+            images="https://images.ctfassets.net/zsfivwzfgl3t/4VsIykPLHDNkNCT9djGrX/c8f1e4cb5c6bda5a7b77f18501e9304d/challenge-1.jpg?w=678&h=501&q=80&fm=webp 678w"
+            isBackgroundImage={false}
+            nonObjFitImage="https://images.ctfassets.net/zsfivwzfgl3t/4VsIykPLHDNkNCT9djGrX/c8f1e4cb5c6bda5a7b77f18501e9304d/challenge-1.jpg?w=678&h=501&fl=progressive&q=80&fm=jpg"
+            objFitState={true}
+            setObjFitState={[Function]}
             width="100%"
           >
             <img
@@ -524,6 +409,10 @@ exports[`renders correctly with data prop 1`] = `
               data-src="https://images.ctfassets.net/zsfivwzfgl3t/4VsIykPLHDNkNCT9djGrX/c8f1e4cb5c6bda5a7b77f18501e9304d/challenge-1.jpg?w=678&h=501&fl=progressive&q=80&fm=jpg"
               data-srcset="https://images.ctfassets.net/zsfivwzfgl3t/4VsIykPLHDNkNCT9djGrX/c8f1e4cb5c6bda5a7b77f18501e9304d/challenge-1.jpg?w=678&h=501&q=80&fm=webp 678w"
               height="100%"
+              mediumBreakpointRowLayout={null}
+              objFitState={true}
+              objectFit="cover"
+              smallBreakpointRowLayout={null}
               src="https://images.ctfassets.net/zsfivwzfgl3t/4VsIykPLHDNkNCT9djGrX/c8f1e4cb5c6bda5a7b77f18501e9304d/challenge-1.jpg?w=678&h=501&fl=progressive&q=80&fm=jpg"
               srcSet="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"
               width="100%"
@@ -532,6 +421,7 @@ exports[`renders correctly with data prop 1`] = `
         </div>
         <div
           className="c9"
+          isSingleCard={true}
         >
           <div
             className="c10"
@@ -568,25 +458,21 @@ exports[`renders correctly with data prop 1`] = `
               className="c18"
             >
               <div
-                className="c19 c20"
+                className="c19"
               >
-                <span
-                  className="c21 c22"
+                <svg
+                  className="c20"
+                  fill="none"
+                  height="13"
+                  viewBox="0 0 15 13"
+                  width="15"
+                  xmlns="http://www.w3.org/2000/svg"
                 >
-                  <svg
-                    className="c23"
-                    fill="none"
-                    height="15"
-                    viewBox="0 0 15 15"
-                    width="15"
-                    xmlns="http://www.w3.org/2000/svg"
-                  >
-                    <path
-                      d="M9.58496 1.3501C9.1395 0.88346 8.40641 0.883488 7.96094 1.3501C7.52803 1.80361 7.5281 2.53033 7.96094 2.98389L11.1582 6.3335H1.13672C0.48748 6.3335 0 6.87834 0 7.50049C2.15408e-05 8.12262 0.487494 8.66748 1.13672 8.66748H11.1582L7.96094 12.0171C7.52806 12.4706 7.52899 13.1974 7.96191 13.6509C8.18163 13.8804 8.47556 14.0005 8.77344 14.0005C9.07114 14.0004 9.36533 13.8809 9.58496 13.6509L14.6758 8.31689L14.6748 8.31592L14.6875 8.30322L14.6865 8.30225C14.6954 8.29227 14.7044 8.28494 14.71 8.27783C14.7117 8.27557 14.7133 8.27298 14.7148 8.271C14.7485 8.23215 14.7824 8.18937 14.8135 8.14111L14.8154 8.13818C14.8354 8.1067 14.8493 8.07854 14.8564 8.06396L14.8652 8.04639L14.8662 8.04443L14.8672 8.04346C14.8672 8.04346 14.868 8.0407 14.8691 8.03857C14.8709 8.03524 14.8758 8.02683 14.8799 8.01904L14.8802 8.01851C14.8888 8.00212 14.9034 7.97435 14.917 7.93994V7.93799C14.9303 7.90387 14.9391 7.87297 14.9443 7.854C14.9469 7.8447 14.9498 7.83579 14.9512 7.83057C14.9527 7.82466 14.9535 7.82292 14.9541 7.8208C14.9541 7.8208 14.9542 7.81765 14.9551 7.81494L14.958 7.80615L14.9586 7.80434C14.9631 7.78973 14.9718 7.76131 14.9785 7.72705V7.7251C15.0066 7.57717 15.0066 7.42472 14.9785 7.27686V7.2749L14.958 7.1958L14.9551 7.18604L14.9531 7.18018L14.9512 7.17236C14.9497 7.16652 14.9481 7.15689 14.9453 7.14697C14.9398 7.12707 14.9307 7.09666 14.917 7.06201C14.9032 7.027 14.8885 6.99825 14.8799 6.98193C14.8758 6.97415 14.8709 6.96574 14.8691 6.9624L14.8564 6.93701C14.849 6.92189 14.8351 6.89384 14.8154 6.86279L14.8145 6.86084L14.7529 6.77393C14.7316 6.74671 14.7094 6.72141 14.6875 6.69775C14.6837 6.69353 14.6802 6.68867 14.6758 6.68408L9.58496 1.3501Z"
-                      fill="currentColor"
-                    />
-                  </svg>
-                </span>
+                  <path
+                    d="M9.58496 0.349976C9.1395 -0.116662 8.40641 -0.116634 7.96094 0.349976C7.52803 0.803486 7.5281 1.53021 7.96094 1.98376L11.1582 5.33337H1.13672C0.48748 5.33337 0 5.87822 0 6.50037C2.15408e-05 7.1225 0.487494 7.66736 1.13672 7.66736H11.1582L7.96094 11.017C7.52806 11.4705 7.52899 12.1972 7.96191 12.6508C8.18163 12.8803 8.47556 13.0004 8.77344 13.0004C9.07114 13.0002 9.36533 12.8808 9.58496 12.6508L14.6758 7.31677L14.6748 7.3158L14.6875 7.3031L14.6865 7.30212C14.6954 7.29215 14.7044 7.28482 14.71 7.27771C14.7117 7.27545 14.7133 7.27285 14.7148 7.27087C14.7485 7.23203 14.7824 7.18925 14.8135 7.14099L14.8154 7.13806C14.8354 7.10658 14.8493 7.07842 14.8564 7.06384L14.8652 7.04626L14.8662 7.04431L14.8672 7.04333C14.8672 7.04333 14.868 7.04057 14.8691 7.03845C14.8709 7.03512 14.8758 7.02671 14.8799 7.01892L14.8802 7.01839C14.8888 7.002 14.9034 6.97423 14.917 6.93982V6.93787C14.9303 6.90375 14.9391 6.87285 14.9443 6.85388C14.9469 6.84458 14.9498 6.83567 14.9512 6.83044C14.9527 6.82454 14.9535 6.8228 14.9541 6.82068C14.9541 6.82068 14.9542 6.81753 14.9551 6.81482L14.958 6.80603L14.9586 6.80422C14.9631 6.78961 14.9718 6.76119 14.9785 6.72693V6.72498C15.0066 6.57705 15.0066 6.4246 14.9785 6.27673V6.27478L14.958 6.19568L14.9551 6.18591L14.9531 6.18005L14.9512 6.17224C14.9497 6.1664 14.9481 6.15677 14.9453 6.14685C14.9398 6.12695 14.9307 6.09654 14.917 6.06189C14.9032 6.02688 14.8885 5.99813 14.8799 5.98181C14.8758 5.97402 14.8709 5.96562 14.8691 5.96228L14.8564 5.93689C14.849 5.92177 14.8351 5.89372 14.8154 5.86267L14.8145 5.86072L14.7529 5.7738C14.7316 5.74659 14.7094 5.72129 14.6875 5.69763C14.6837 5.69341 14.6802 5.68854 14.6758 5.68396L9.58496 0.349976Z"
+                    fill="currentColor"
+                  />
+                </svg>
               </div>
             </div>
           </div>
@@ -602,9 +488,6 @@ exports[`renders correctly without image 1`] = `
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: 400;
   text-transform: inherit;
-  -webkit-letter-spacing: 0;
-  -moz-letter-spacing: 0;
-  -ms-letter-spacing: 0;
   letter-spacing: 0;
   font-size: 1rem;
   line-height: 1.25rem;
@@ -620,97 +503,30 @@ exports[`renders correctly without image 1`] = `
   display: inline;
   color: #000000;
   font-weight: normal;
+  color: #E52630;
 }
 
 .c3:hover,
 .c3:focus {
   color: #000000;
-  -webkit-text-decoration: none;
   text-decoration: none;
 }
 
-.c19 {
+.c16 {
   display: inline-block;
   color: #FFFFFF;
   fill: currentColor;
 }
 
-.c18 {
-  display: -webkit-inline-box;
-  display: -webkit-inline-flex;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.65,-0.19,0.37,1.16);
-  -webkit-transition: transform 0.3s cubic-bezier(0.65,-0.19,0.37,1.16);
-  transition: transform 0.3s cubic-bezier(0.65,-0.19,0.37,1.16);
-  -webkit-transform: scale(1);
-  -ms-transform: scale(1);
-  transform: scale(1);
-  -webkit-transform-origin: center;
-  -ms-transform-origin: center;
-  transform-origin: center;
-}
-
-.c16 {
-  width: 32px;
-  height: 32px;
-  border-radius: 50%;
-  background: #E52630;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-flex-shrink: 0;
-  -ms-flex-negative: 0;
-  flex-shrink: 0;
-  overflow: hidden;
-}
-
-.c14 {
-  padding-left: 1rem;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  -webkit-box-pack: end;
-  -webkit-justify-content: flex-end;
-  -ms-flex-pack: end;
-  justify-content: flex-end;
-}
-
 .c11 {
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: 400;
   text-transform: inherit;
-  -webkit-letter-spacing: 0;
-  -moz-letter-spacing: 0;
-  -ms-letter-spacing: 0;
   letter-spacing: 0;
   font-size: 1rem;
   line-height: 1.25rem;
   color: #E52630;
   font-weight: bold;
-  -webkit-text-decoration: none;
   text-decoration: none;
   position: relative;
   display: inline-block;
@@ -722,29 +538,38 @@ exports[`renders correctly without image 1`] = `
   position: absolute;
   left: 0;
   bottom: -5px;
-  -webkit-transition: opacity 0.15s 0.1s;
   transition: opacity 0.15s 0.1s;
   opacity: 0;
   pointer-events: none;
 }
 
+.c15 {
+  width: 32px;
+  height: 32px;
+  border-radius: 50%;
+  background: #E52630;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+}
+
+.c14 {
+  padding-left: 1rem;
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+}
+
 .c4 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
   position: relative;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
   flex-direction: column;
   width: 100%;
-  -webkit-flex: 1 1 auto;
-  -ms-flex: 1 1 auto;
   flex: 1 1 auto;
   background: transparent;
   border-radius: 1rem;
   box-shadow: rgba(0,0,0,0.15) 0px 0px 1rem;
-  -webkit-text-decoration: none;
   text-decoration: none;
   overflow: hidden;
   cursor: pointer;
@@ -752,28 +577,15 @@ exports[`renders correctly without image 1`] = `
 }
 
 .c4 img {
-  -webkit-transform: scale(1);
-  -ms-transform: scale(1);
   transform: scale(1);
-  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.65,-0.19,0.37,1.16);
-  -webkit-transition: transform 0.3s cubic-bezier(0.65,-0.19,0.37,1.16);
   transition: transform 0.3s cubic-bezier(0.65,-0.19,0.37,1.16);
 }
 
 .c2 {
   width: auto;
-  -webkit-flex-shrink: 0;
-  -ms-flex-negative: 0;
   flex-shrink: 0;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
   flex-direction: column;
-  -webkit-align-self: stretch;
-  -ms-flex-item-align: stretch;
   align-self: stretch;
   border-radius: 1rem;
   width: 100%;
@@ -783,31 +595,17 @@ exports[`renders correctly without image 1`] = `
 .c5 {
   width: 100%;
   background: #FFFFFF;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
   flex-direction: column;
   padding: 2rem;
-  -webkit-flex: 1;
-  -ms-flex: 1;
   flex: 1;
   min-height: 0;
   border-radius: 0 0 1rem 1rem;
 }
 
 .c6 {
-  -webkit-flex: 1;
-  -ms-flex: 1;
   flex: 1;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
   flex-direction: column;
   min-height: 0;
 }
@@ -821,20 +619,9 @@ exports[`renders correctly without image 1`] = `
 
 .c9 {
   width: 100%;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
   flex-direction: row;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
   align-items: center;
-  -webkit-box-pack: justify;
-  -webkit-justify-content: space-between;
-  -ms-flex-pack: justify;
   justify-content: space-between;
   margin-top: auto;
   padding-top: 2rem;
@@ -849,43 +636,34 @@ exports[`renders correctly without image 1`] = `
 }
 
 .c1 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
   width: 100%;
   max-width: 1152px;
   margin: 0 auto;
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c8 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c8 {
     font-size: 1.125rem;
     line-height: 1.375rem;
   }
 }
 
-@media (min-width:1024px) {
-  .c16 {
-    background: #222222;
-  }
-}
-
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c11 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c11 {
     font-size: 1.125rem;
     line-height: 1.375rem;
@@ -898,42 +676,35 @@ exports[`renders correctly without image 1`] = `
   }
 }
 
-@media (min-width:740px) {
+@media (min-width:1024px) {
+  .c15 {
+    background: #222222;
+  }
+}
+
+@media (min-width: 740px) {
   .c4 {
-    -webkit-flex-direction: row;
-    -ms-flex-direction: row;
     flex-direction: row;
-    -webkit-align-items: stretch;
-    -webkit-box-align: stretch;
-    -ms-flex-align: stretch;
     align-items: stretch;
     min-height: calc(219px - 4rem);
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c4 {
     min-height: 272px;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c4 {
-    -webkit-transition: -webkit-transform 0.30000000000000004s cubic-bezier(0.68,-0.8500000000000001,0.265,1.9500000000000002);
-    -webkit-transition: transform 0.30000000000000004s cubic-bezier(0.68,-0.8500000000000001,0.265,1.9500000000000002);
     transition: transform 0.30000000000000004s cubic-bezier(0.68,-0.8500000000000001,0.265,1.9500000000000002);
-    -webkit-transform-origin: center;
-    -ms-transform-origin: center;
     transform-origin: center;
-    -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.68,-1.15,0.265,2.35);
-    -webkit-transition: transform 0.4s cubic-bezier(0.68,-1.15,0.265,2.35);
     transition: transform 0.4s cubic-bezier(0.68,-1.15,0.265,2.35);
   }
 
   .c4:hover,
   .c4:focus {
-    -webkit-transform: translateY(-10px);
-    -ms-transform: translateY(-10px);
     transform: translateY(-10px);
   }
 
@@ -942,96 +713,99 @@ exports[`renders correctly without image 1`] = `
   }
 
   .c4:hover .c10 {
-    -webkit-text-decoration: none;
     text-decoration: none;
   }
 
   .c4:hover .c12 {
     opacity: 1;
   }
-
-  .c4:hover .c15 .c17 {
-    -webkit-transform: scale(1.2);
-    -ms-transform: scale(1.2);
-    transform: scale(1.2);
-  }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c2 {
-    -webkit-flex-basis: 100%;
-    -ms-flex-preferred-size: 100%;
     flex-basis: 100%;
     max-width: 100%;
     height: auto;
   }
 }
 
-@media (min-width:1440px) {
+@media (min-width: 1440px) {
   .c2 {
-    -webkit-flex-basis: 100%;
-    -ms-flex-preferred-size: 100%;
     flex-basis: 100%;
     max-width: 100%;
     height: auto;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c5 {
     width: calc(200% / 3);
     min-width: 384px;
     max-width: 650px;
-    -webkit-flex: 1;
-    -ms-flex: 1;
     flex: 1;
     border-radius: 0 1rem 1rem 0;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c5 {
     min-width: 541px;
     max-width: 790px;
   }
 }
 
-@media (min-width:1440px) {
+@media (min-width: 1440px) {
   .c5 {
     width: 789px;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c0 {
     padding-inline: 2rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c0 {
     padding-inline: 4rem;
   }
 }
 
 <div
+  backgroundColor="transparent"
   className="c0"
+  paddingAbove="1rem"
+  paddingBelow="2rem"
 >
   <div
     className="c1"
   >
     <div
       className="c2"
+      hasLink={true}
+      isCarousel={false}
+      isFullWidth={true}
     >
       <a
+        buttonType="primary"
         className="c3 c4"
+        fullWidth={false}
+        home={false}
         href="/test-no-image"
+        iconFirst={false}
+        isCarousel={false}
+        isInteractive={true}
+        isSingleCard={true}
+        mobileColour={null}
         rel={null}
         target="_self"
         type="standard"
+        underline={true}
       >
         <div
           className="c5"
+          isSingleCard={true}
         >
           <div
             className="c6"
@@ -1065,25 +839,21 @@ exports[`renders correctly without image 1`] = `
               className="c14"
             >
               <div
-                className="c15 c16"
+                className="c15"
               >
-                <span
-                  className="c17 c18"
+                <svg
+                  className="c16"
+                  fill="none"
+                  height="13"
+                  viewBox="0 0 15 13"
+                  width="15"
+                  xmlns="http://www.w3.org/2000/svg"
                 >
-                  <svg
-                    className="c19"
-                    fill="none"
-                    height="15"
-                    viewBox="0 0 15 15"
-                    width="15"
-                    xmlns="http://www.w3.org/2000/svg"
-                  >
-                    <path
-                      d="M9.58496 1.3501C9.1395 0.88346 8.40641 0.883488 7.96094 1.3501C7.52803 1.80361 7.5281 2.53033 7.96094 2.98389L11.1582 6.3335H1.13672C0.48748 6.3335 0 6.87834 0 7.50049C2.15408e-05 8.12262 0.487494 8.66748 1.13672 8.66748H11.1582L7.96094 12.0171C7.52806 12.4706 7.52899 13.1974 7.96191 13.6509C8.18163 13.8804 8.47556 14.0005 8.77344 14.0005C9.07114 14.0004 9.36533 13.8809 9.58496 13.6509L14.6758 8.31689L14.6748 8.31592L14.6875 8.30322L14.6865 8.30225C14.6954 8.29227 14.7044 8.28494 14.71 8.27783C14.7117 8.27557 14.7133 8.27298 14.7148 8.271C14.7485 8.23215 14.7824 8.18937 14.8135 8.14111L14.8154 8.13818C14.8354 8.1067 14.8493 8.07854 14.8564 8.06396L14.8652 8.04639L14.8662 8.04443L14.8672 8.04346C14.8672 8.04346 14.868 8.0407 14.8691 8.03857C14.8709 8.03524 14.8758 8.02683 14.8799 8.01904L14.8802 8.01851C14.8888 8.00212 14.9034 7.97435 14.917 7.93994V7.93799C14.9303 7.90387 14.9391 7.87297 14.9443 7.854C14.9469 7.8447 14.9498 7.83579 14.9512 7.83057C14.9527 7.82466 14.9535 7.82292 14.9541 7.8208C14.9541 7.8208 14.9542 7.81765 14.9551 7.81494L14.958 7.80615L14.9586 7.80434C14.9631 7.78973 14.9718 7.76131 14.9785 7.72705V7.7251C15.0066 7.57717 15.0066 7.42472 14.9785 7.27686V7.2749L14.958 7.1958L14.9551 7.18604L14.9531 7.18018L14.9512 7.17236C14.9497 7.16652 14.9481 7.15689 14.9453 7.14697C14.9398 7.12707 14.9307 7.09666 14.917 7.06201C14.9032 7.027 14.8885 6.99825 14.8799 6.98193C14.8758 6.97415 14.8709 6.96574 14.8691 6.9624L14.8564 6.93701C14.849 6.92189 14.8351 6.89384 14.8154 6.86279L14.8145 6.86084L14.7529 6.77393C14.7316 6.74671 14.7094 6.72141 14.6875 6.69775C14.6837 6.69353 14.6802 6.68867 14.6758 6.68408L9.58496 1.3501Z"
-                      fill="currentColor"
-                    />
-                  </svg>
-                </span>
+                  <path
+                    d="M9.58496 0.349976C9.1395 -0.116662 8.40641 -0.116634 7.96094 0.349976C7.52803 0.803486 7.5281 1.53021 7.96094 1.98376L11.1582 5.33337H1.13672C0.48748 5.33337 0 5.87822 0 6.50037C2.15408e-05 7.1225 0.487494 7.66736 1.13672 7.66736H11.1582L7.96094 11.017C7.52806 11.4705 7.52899 12.1972 7.96191 12.6508C8.18163 12.8803 8.47556 13.0004 8.77344 13.0004C9.07114 13.0002 9.36533 12.8808 9.58496 12.6508L14.6758 7.31677L14.6748 7.3158L14.6875 7.3031L14.6865 7.30212C14.6954 7.29215 14.7044 7.28482 14.71 7.27771C14.7117 7.27545 14.7133 7.27285 14.7148 7.27087C14.7485 7.23203 14.7824 7.18925 14.8135 7.14099L14.8154 7.13806C14.8354 7.10658 14.8493 7.07842 14.8564 7.06384L14.8652 7.04626L14.8662 7.04431L14.8672 7.04333C14.8672 7.04333 14.868 7.04057 14.8691 7.03845C14.8709 7.03512 14.8758 7.02671 14.8799 7.01892L14.8802 7.01839C14.8888 7.002 14.9034 6.97423 14.917 6.93982V6.93787C14.9303 6.90375 14.9391 6.87285 14.9443 6.85388C14.9469 6.84458 14.9498 6.83567 14.9512 6.83044C14.9527 6.82454 14.9535 6.8228 14.9541 6.82068C14.9541 6.82068 14.9542 6.81753 14.9551 6.81482L14.958 6.80603L14.9586 6.80422C14.9631 6.78961 14.9718 6.76119 14.9785 6.72693V6.72498C15.0066 6.57705 15.0066 6.4246 14.9785 6.27673V6.27478L14.958 6.19568L14.9551 6.18591L14.9531 6.18005L14.9512 6.17224C14.9497 6.1664 14.9481 6.15677 14.9453 6.14685C14.9398 6.12695 14.9307 6.09654 14.917 6.06189C14.9032 6.02688 14.8885 5.99813 14.8799 5.98181C14.8758 5.97402 14.8709 5.96562 14.8691 5.96228L14.8564 5.93689C14.849 5.92177 14.8351 5.89372 14.8154 5.86267L14.8145 5.86072L14.7529 5.7738C14.7316 5.74659 14.7094 5.72129 14.6875 5.69763C14.6837 5.69341 14.6802 5.68854 14.6758 5.68396L9.58496 0.349976Z"
+                    fill="currentColor"
+                  />
+                </svg>
               </div>
             </div>
           </div>
diff --git a/src/components/Molecules/CTA/shared/CTACard.js b/src/components/Molecules/CTA/shared/CTACard.js
index c43e98931..aa0cf0755 100644
--- a/src/components/Molecules/CTA/shared/CTACard.js
+++ b/src/components/Molecules/CTA/shared/CTACard.js
@@ -2,7 +2,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import Picture from '../../../Atoms/Picture/Picture';
 import Link from '../../../Atoms/Link/Link';
-import ArrowIcon from '../../shared/ctaArrow/ArrowIcon';
+import ArrowIcon from './_ArrowIcon';
 import altCtaUnderline from '../../../../theme/shared/assets/alt_cta_underline.svg';
 import {
   CardLink,
@@ -14,7 +14,6 @@ import {
   CTAText,
   CTATextUnderline,
   ArrowIconOuter,
-  ArrowIconInner,
   ArrowIconWrapper,
   CardWrapper
 } from './CTACard.style';
@@ -94,9 +93,7 @@ const CTACard = ({
               </CTAText>
               <ArrowIconOuter>
                 <ArrowIconWrapper>
-                  <ArrowIconInner>
-                    <ArrowIcon />
-                  </ArrowIconInner>
+                  <ArrowIcon />
                 </ArrowIconWrapper>
               </ArrowIconOuter>
             </CTA>
diff --git a/src/components/Molecules/CTA/shared/CTACard.style.js b/src/components/Molecules/CTA/shared/CTACard.style.js
index 8a9858504..6c92e9a31 100644
--- a/src/components/Molecules/CTA/shared/CTACard.style.js
+++ b/src/components/Molecules/CTA/shared/CTACard.style.js
@@ -3,7 +3,6 @@ import { bounceUpAnimation, imageZoom } from '../../../../theme/shared/animation
 import { breakpointValues } from '../../../../theme/shared/allBreakpoints';
 import fontHelper from '../../../../theme/crTheme/fontHelper';
 import defaultBoxShadow from '../../../../theme/shared/boxShadows';
-import { ArrowIconInner, ArrowIconOuter, ArrowIconWrapper } from '../../shared/ctaArrow/CtaArrowCircle.style';
 
 const ImageWrapper = styled.div`
   width: 100%;
@@ -75,6 +74,28 @@ const CTATextUnderline = styled.img`
   pointer-events: none;
 `;
 
+const ArrowIconWrapper = styled.div`
+  width: 32px;
+  height: 32px;
+  border-radius: 50%;
+  background: ${({ theme }) => theme.color('red')};
+
+  @media (min-width: ${breakpointValues.L}px) {
+    background: ${({ theme }) => theme.color('grey_4')};
+  }
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+`;
+
+const ArrowIconOuter = styled.div`
+  padding-left: 1rem;
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+`;
+
 // Card wrapper link - makes entire card clickable
 const CardLink = styled.a`
   display: flex;
@@ -137,10 +158,6 @@ const CardLink = styled.a`
           @media (min-width: ${breakpointValues.L}px) {
             background: ${({ theme }) => theme.color('red')};
           }
-
-          ${ArrowIconInner} {
-            transform: scale(1.2);
-          }
         }
       }
     }
@@ -314,7 +331,6 @@ export {
   CTAText,
   CTATextUnderline,
   ArrowIconOuter,
-  ArrowIconInner,
   ArrowIconWrapper,
   CardWrapper
 };
diff --git a/src/components/Molecules/CTA/shared/_ArrowIcon.js b/src/components/Molecules/CTA/shared/_ArrowIcon.js
new file mode 100644
index 000000000..eb444666d
--- /dev/null
+++ b/src/components/Molecules/CTA/shared/_ArrowIcon.js
@@ -0,0 +1,22 @@
+import React from 'react';
+import styled from 'styled-components';
+
+const StyledArrowIcon = styled.svg`
+  display: inline-block;
+  color: ${({ theme }) => theme.color('white')};
+  fill: currentColor;
+`;
+
+const ArrowIcon = () => (
+  <StyledArrowIcon
+    width="15"
+    height="13"
+    viewBox="0 0 15 13"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path d="M9.58496 0.349976C9.1395 -0.116662 8.40641 -0.116634 7.96094 0.349976C7.52803 0.803486 7.5281 1.53021 7.96094 1.98376L11.1582 5.33337H1.13672C0.48748 5.33337 0 5.87822 0 6.50037C2.15408e-05 7.1225 0.487494 7.66736 1.13672 7.66736H11.1582L7.96094 11.017C7.52806 11.4705 7.52899 12.1972 7.96191 12.6508C8.18163 12.8803 8.47556 13.0004 8.77344 13.0004C9.07114 13.0002 9.36533 12.8808 9.58496 12.6508L14.6758 7.31677L14.6748 7.3158L14.6875 7.3031L14.6865 7.30212C14.6954 7.29215 14.7044 7.28482 14.71 7.27771C14.7117 7.27545 14.7133 7.27285 14.7148 7.27087C14.7485 7.23203 14.7824 7.18925 14.8135 7.14099L14.8154 7.13806C14.8354 7.10658 14.8493 7.07842 14.8564 7.06384L14.8652 7.04626L14.8662 7.04431L14.8672 7.04333C14.8672 7.04333 14.868 7.04057 14.8691 7.03845C14.8709 7.03512 14.8758 7.02671 14.8799 7.01892L14.8802 7.01839C14.8888 7.002 14.9034 6.97423 14.917 6.93982V6.93787C14.9303 6.90375 14.9391 6.87285 14.9443 6.85388C14.9469 6.84458 14.9498 6.83567 14.9512 6.83044C14.9527 6.82454 14.9535 6.8228 14.9541 6.82068C14.9541 6.82068 14.9542 6.81753 14.9551 6.81482L14.958 6.80603L14.9586 6.80422C14.9631 6.78961 14.9718 6.76119 14.9785 6.72693V6.72498C15.0066 6.57705 15.0066 6.4246 14.9785 6.27673V6.27478L14.958 6.19568L14.9551 6.18591L14.9531 6.18005L14.9512 6.17224C14.9497 6.1664 14.9481 6.15677 14.9453 6.14685C14.9398 6.12695 14.9307 6.09654 14.917 6.06189C14.9032 6.02688 14.8885 5.99813 14.8799 5.98181C14.8758 5.97402 14.8709 5.96562 14.8691 5.96228L14.8564 5.93689C14.849 5.92177 14.8351 5.89372 14.8154 5.86267L14.8145 5.86072L14.7529 5.7738C14.7316 5.74659 14.7094 5.72129 14.6875 5.69763C14.6837 5.69341 14.6802 5.68854 14.6758 5.68396L9.58496 0.349976Z" fill="currentColor" />
+  </StyledArrowIcon>
+);
+
+export default ArrowIcon;
diff --git a/src/components/Molecules/Card/Card.md b/src/components/Molecules/Card/Card.md
deleted file mode 100644
index b874bb355..000000000
--- a/src/components/Molecules/Card/Card.md
+++ /dev/null
@@ -1,106 +0,0 @@
-# Card
-```js
-const defaultData = require('../../../styleguide/data/data').defaultData;import Text from '../../Atoms/Text/Text';
-import Link from '../../Atoms/Link/Link';
-
-<div style={{backgroundColor: 'lightblue', padding: '2rem'}}>
-    <Card
-      imageLow={defaultData.image}
-      images={defaultData.images}
-      backgroundColor="blue"
-      height="auto"
-    >
-      <Text tag="h3" size="xl">
-        Title
-      </Text>
-      <Text tag="p">
-        Your donations make a very real difference to people in the UK and around the world, whether you donate through Red Nose Day, Sport Relief or to Comic Relief at any other time of year.
-      </Text>
-    </Card>
-</div>
-```
-
-### Card - row layout on small breakpoint only
-```js
-const defaultData = require('../../../styleguide/data/data').defaultData;import Text from '../../Atoms/Text/Text';
-import Link from '../../Atoms/Link/Link';
-
-<div style={{backgroundColor: 'lightblue', padding: '2rem'}}>
-    <Card
-      imageLow={defaultData.image}
-      images={defaultData.images}
-      backgroundColor="red"
-      height="auto"
-      smallBreakpointRowLayout={true}
-      mediumBreakpointRowLayout={false}
-    >
-      <Text tag="h3" size="xl">
-        Title
-      </Text>
-      <Text tag="p">
-        Your donations make a very real difference to people in the UK and around the world, whether you donate through Red Nose Day, Sport Relief or to Comic Relief at any other time of year. Here are some of the many stories that show how people are changing their lives with your support.
-      </Text>
-    </Card>
-</div>
-```
-
-### Card - row layout on medium breakpoint only
-```js
-const defaultData = require('../../../styleguide/data/data').defaultData;import Text from '../../Atoms/Text/Text';
-import Link from '../../Atoms/Link/Link';
-
-<div style={{backgroundColor: 'lightblue', padding: '2rem'}}>
-    <Card
-      imageLow={defaultData.image}
-      images={defaultData.images}
-      backgroundColor="orange"
-      height="auto"
-      smallBreakpointRowLayout={false}
-      mediumBreakpointRowLayout={true}
-    >
-      <Text tag="h3" size="xl">
-        Title
-      </Text>
-      <Text tag="p">
-        Your donations make a very real difference to people in the UK and around the world, whether you donate through Red Nose Day, Sport Relief or to Comic Relief at any other time of year. Here are some of the many stories that show how people are changing their lives with your support.
-      </Text>
-    </Card>
-</div>
-```
-
-### Card - row layout on small and medium breakpoints
-```js
-const defaultData = require('../../../styleguide/data/data').defaultData;import Text from '../../Atoms/Text/Text';
-import Link from '../../Atoms/Link/Link';
-
-<div style={{backgroundColor: 'lightblue', padding: '2rem'}}>
-    <Card
-      imageLow={defaultData.image}
-      images={defaultData.images}
-      backgroundColor="purple"
-      height="auto"
-      smallBreakpointRowLayout={true}
-      mediumBreakpointRowLayout={true}
-    >
-      <Text tag="h3" size="xl">
-        Title
-      </Text>
-      <Text tag="p">
-        Your donations make a very real difference to people in the UK and around the world, whether you donate through Red Nose Day, Sport Relief or to Comic Relief at any other time of year. Here are some of the many stories that show how people are changing their lives with your support.
-      </Text>
-    </Card>
-</div>
-```
-
-### Card no body
-
-```js
-const defaultData = require('../../../styleguide/data/data').defaultData;
-
-<div style={{backgroundColor: 'lightblue', padding: '2rem'}}>
-    <Card
-      imageLow={defaultData.image}
-      images={defaultData.image}
-    />
-</div>
-```
diff --git a/src/components/Molecules/Card/Card.test.js b/src/components/Molecules/Card/Card.test.js
index f9a30ffd1..612afefcd 100644
--- a/src/components/Molecules/Card/Card.test.js
+++ b/src/components/Molecules/Card/Card.test.js
@@ -2,7 +2,7 @@ import React from 'react';
 import 'jest-styled-components';
 import renderWithTheme from '../../../../tests/hoc/shallowWithTheme';
 import Card from './Card';
-import { defaultData } from '../../../styleguide/data/data';
+import { defaultData } from '../../../data/data';
 it('renders correctly', () => {
   const tree = renderWithTheme(
     <Card image={defaultData.image} images={defaultData.image} backgroundColor="yellow">
diff --git a/src/components/Molecules/Card/CardExample.jsx b/src/components/Molecules/Card/CardExample.jsx
new file mode 100644
index 000000000..f7b8fdf65
--- /dev/null
+++ b/src/components/Molecules/Card/CardExample.jsx
@@ -0,0 +1,88 @@
+import React from 'react';
+import styled from 'styled-components';
+import Card from './Card';
+import Text from '../../Atoms/Text/Text';
+import { defaultData } from '../../../data/data';
+
+const ExampleWrapper = styled.div`
+  background-color: lightblue;
+  padding: 10px;
+`;
+
+export default function CardExample() {
+  return (
+    <>
+      <h3>Default</h3>
+      <ExampleWrapper>
+        <Card
+          imageLow={defaultData.image}
+          images={defaultData.images}
+          backgroundColor="blue"
+          height="auto"
+        >
+          <Text tag="h3" size="xl">Title</Text>
+          <Text tag="p">
+            Your donations make a very real difference to people in the UK and around the world,
+            whether you donate through Red Nose Day, Sport Relief or to Comic Relief at any other time of year.
+          </Text>
+        </Card>
+      </ExampleWrapper>
+
+      <h3>Row layout on small breakpoint only</h3>
+      <ExampleWrapper>
+        <Card
+          imageLow={defaultData.image}
+          images={defaultData.images}
+          backgroundColor="red"
+          height="auto"
+          smallBreakpointRowLayout={true}
+          mediumBreakpointRowLayout={false}
+        >
+          <Text tag="h3" size="xl">Title</Text>
+          <Text tag="p">
+            Your donations make a very real difference to people in the UK and around the world.
+          </Text>
+        </Card>
+      </ExampleWrapper>
+
+      <h3>Row layout on medium breakpoint only</h3>
+      <ExampleWrapper>
+        <Card
+          imageLow={defaultData.image}
+          images={defaultData.images}
+          backgroundColor="orange"
+          height="auto"
+          smallBreakpointRowLayout={false}
+          mediumBreakpointRowLayout={true}
+        >
+          <Text tag="h3" size="xl">Title</Text>
+          <Text tag="p">
+            Your donations make a very real difference to people in the UK and around the world.
+          </Text>
+        </Card>
+      </ExampleWrapper>
+
+      <h3>Row layout on small and medium breakpoints</h3>
+      <ExampleWrapper>
+        <Card
+          imageLow={defaultData.image}
+          images={defaultData.images}
+          backgroundColor="purple"
+          height="auto"
+          smallBreakpointRowLayout={true}
+          mediumBreakpointRowLayout={true}
+        >
+          <Text tag="h3" size="xl">Title</Text>
+          <Text tag="p">
+            Your donations make a very real difference to people in the UK and around the world.
+          </Text>
+        </Card>
+      </ExampleWrapper>
+
+      <h3>No body</h3>
+      <ExampleWrapper>
+        <Card imageLow={defaultData.image} images={defaultData.image} />
+      </ExampleWrapper>
+    </>
+  );
+}
diff --git a/src/components/Molecules/Card/__snapshots__/Card.test.js.snap b/src/components/Molecules/Card/__snapshots__/Card.test.js.snap
index 179351291..9e34007e5 100644
--- a/src/components/Molecules/Card/__snapshots__/Card.test.js.snap
+++ b/src/components/Molecules/Card/__snapshots__/Card.test.js.snap
@@ -3,9 +3,6 @@
 exports[`renders correctly 1`] = `
 .c0 {
   position: relative;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
   height: 100%;
   border-radius: 1rem;
@@ -15,44 +12,33 @@ exports[`renders correctly 1`] = `
 }
 
 .c1 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
   flex-direction: column;
   padding: 2rem;
 }
 
-@media (min-width:0px) {
+@media (min-width: 0px) {
   .c0 {
-    -webkit-flex-direction: column;
-    -ms-flex-direction: column;
     flex-direction: column;
     background: #FFE400;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c0 {
-    -webkit-flex-direction: column;
-    -ms-flex-direction: column;
     flex-direction: column;
     background: #FFE400;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c0 {
-    -webkit-flex-direction: column;
-    -ms-flex-direction: column;
     flex-direction: column;
     background: #FFE400;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c1 {
     padding: 2rem;
   }
@@ -63,10 +49,16 @@ exports[`renders correctly 1`] = `
 }
 
 <div
+  backgroundColor="yellow"
   className="c0"
+  mediumBreakpointRowLayout={null}
+  smallBreakpointRowLayout={null}
+  squaredCorners={false}
 >
   <div
     className="c1"
+    mediumBreakpointRowLayout={null}
+    smallBreakpointRowLayout={null}
   >
     <h2>
       Title
@@ -81,9 +73,6 @@ exports[`renders correctly 1`] = `
 exports[`renders correctly 2`] = `
 .c0 {
   position: relative;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
   height: 100%;
   border-radius: 1rem;
@@ -93,44 +82,33 @@ exports[`renders correctly 2`] = `
 }
 
 .c1 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
   flex-direction: column;
   padding: 2rem;
 }
 
-@media (min-width:0px) {
+@media (min-width: 0px) {
   .c0 {
-    -webkit-flex-direction: column;
-    -ms-flex-direction: column;
     flex-direction: column;
     background: #FFE400;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c0 {
-    -webkit-flex-direction: column;
-    -ms-flex-direction: column;
     flex-direction: column;
     background: #FFE400;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c0 {
-    -webkit-flex-direction: column;
-    -ms-flex-direction: column;
     flex-direction: column;
     background: #FFE400;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c1 {
     padding: 2rem;
   }
@@ -141,10 +119,18 @@ exports[`renders correctly 2`] = `
 }
 
 <div
+  backgroundColor="yellow"
   className="c0"
+  mediumBreakpointLayout="Row"
+  mediumBreakpointRowLayout={null}
+  smallBreakpointLayout="Row"
+  smallBreakpointRowLayout={null}
+  squaredCorners={false}
 >
   <div
     className="c1"
+    mediumBreakpointRowLayout={null}
+    smallBreakpointRowLayout={null}
   >
     <h2>
       Title
@@ -173,9 +159,6 @@ exports[`renders correctly with no body 1`] = `
 
 .c0 {
   position: relative;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
   height: 100%;
   border-radius: 1rem;
@@ -188,35 +171,33 @@ exports[`renders correctly with no body 1`] = `
   height: auto;
 }
 
-@media (min-width:0px) {
+@media (min-width: 0px) {
   .c0 {
-    -webkit-flex-direction: column;
-    -ms-flex-direction: column;
     flex-direction: column;
     background: #FFE400;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c0 {
-    -webkit-flex-direction: column;
-    -ms-flex-direction: column;
     flex-direction: column;
     background: #FFE400;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c0 {
-    -webkit-flex-direction: column;
-    -ms-flex-direction: column;
     flex-direction: column;
     background: #FFE400;
   }
 }
 
 <div
+  backgroundColor="yellow"
   className="c0"
+  mediumBreakpointRowLayout={null}
+  smallBreakpointRowLayout={null}
+  squaredCorners={false}
 >
   <div
     className="c1"
@@ -224,6 +205,12 @@ exports[`renders correctly with no body 1`] = `
     <div
       className="c2 lazyload"
       height="100%"
+      image={null}
+      images="http://images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg"
+      isBackgroundImage={false}
+      nonObjFitImage=""
+      objFitState={true}
+      setObjFitState={[Function]}
       width="100%"
     >
       <img
@@ -234,6 +221,10 @@ exports[`renders correctly with no body 1`] = `
         data-src={null}
         data-srcset="http://images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg"
         height="100%"
+        mediumBreakpointRowLayout={null}
+        objFitState={true}
+        objectFit="cover"
+        smallBreakpointRowLayout={null}
         src={null}
         srcSet="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"
         width="100%"
diff --git a/src/components/Molecules/CardDs/CardDs.md b/src/components/Molecules/CardDs/CardDs.md
deleted file mode 100644
index bfd76af4c..000000000
--- a/src/components/Molecules/CardDs/CardDs.md
+++ /dev/null
@@ -1,167 +0,0 @@
-# CardDs
-## Image and CTA are clickable and links user through to full content. Note that this component can now be considered legacy, as it is superseded by CTAMultiCard.
-
-### CardDs:  Image, Text & Link
-```js
-const defaultData = require('../../../styleguide/data/data').defaultData;import Text from '../../Atoms/Text/Text';
-import Link from '../../Atoms/Link/Link';
-import { Internal } from '../../Atoms/Icons/index';
-
-<div
-  style={{
-    display: 'flex',
-    padding: '2rem 0',
-    background: '#E1E2E3',
-    justifyContent: 'space-around'
-  }}
->
-  <CardDs
-    target="_blank"
-    link="/home"
-    linkLabel="Find out more"
-    imageLow={defaultData.image}
-    images={defaultData.images}
-    imageAltText="Happy man going to work"
-    backgroundColor="white"
-    height="auto"
-    icon={<Internal colour="white" />}
-  >
-    <Text tag="h3" color="purple" size="xl">
-      EDINBURGH MARATHON
-    </Text>
-    <Text size="m" weight="bold">
-      24 May 2026
-    </Text>
-    <Text tag="p" size="m" weight="bold" style={{marginTop: "1rem"}}>
-      Marathon
-    </Text>
-    <Text tag="p" size="m">
-        Voted the fastest marathon in the UK, Edinburgh Marathon is perfect for first-timers and those seeking a personal best whilst soaking in the picturesque views of the East Lothian coastline.
-    </Text>
-    <Text tag="p" size="m">
-        Registration fee: £39
-    </Text>
-    <Text tag="p" size="m">
-        Sponsorship pledge: £500
-    </Text>
-  </CardDs>
-</div>;
-```
-
-
-### CardDs: Text & Link
-```js
-const defaultData = require('../../../styleguide/data/data').defaultData;import Text from '../../Atoms/Text/Text';
-import Link from '../../Atoms/Link/Link';
-import { Download } from '../../Atoms/Icons/index';
-
-<div
-  style={{
-    display: 'flex',
-    padding: '2rem 0',
-    background: '#E1E2E3',
-    justifyContent: 'space-around'
-  }}
->
-  <CardDs
-    target="blank"
-    link="/home"
-    linkLabel="Find out more"
-    backgroundColor="white"
-    height="auto"
-    icon={<Download colour="white" />}
-  >
-    <Text tag="h3" color="purple" size="xl">
-      Title
-    </Text>
-    <Text tag="p">Text body copy description</Text>
-  </CardDs>
-</div>;
-```
-
-### CardDs: Text only
-```js
-const defaultData = require('../../../styleguide/data/data').defaultData;import Text from '../../Atoms/Text/Text';
-import Link from '../../Atoms/Link/Link';
-<div
-  style={{
-    display: 'flex',
-    padding: '2rem 0',
-    background: '#E1E2E3',
-    justifyContent: 'space-around'
-  }}
->
-  <CardDs backgroundColor="white" height="auto">
-    <Text tag="h3" color="purple" size="xl">
-      Title
-    </Text>
-    <Text tag="p">Text body copy description</Text>
-  </CardDs>
-</div>;
-```
-
-### CardDs: Image & Text, No Link
-```js
-const defaultData = require('../../../styleguide/data/data').defaultData;import Text from '../../Atoms/Text/Text';
-import Link from '../../Atoms/Link/Link';
-import { Internal } from '../../Atoms/Icons/index';
-
-<div
-  style={{
-    display: 'flex',
-    padding: '2rem 0',
-    background: '#E1E2E3',
-    justifyContent: 'space-around'
-  }}
->
-  <CardDs
-    target="_blank"
-    imageLow={defaultData.image}
-    images={defaultData.images}
-    imageAltText="Happy man going to work"
-    backgroundColor="white"
-    height="auto"
-    icon={<Internal colour="white" />}
-  >
-    <Text tag="h3" color="purple" size="xl">
-      Title
-    </Text>
-    <Text tag="p">Text body copy description</Text>
-  </CardDs>
-</div>;
-```
-
-
-### CardDs:  Only column view for use in CardsCarousel
-```js
-const defaultData = require('../../../styleguide/data/data').defaultData;import Text from '../../Atoms/Text/Text';
-import Link from '../../Atoms/Link/Link';
-import { Internal } from '../../Atoms/Icons/index';
-
-<div
-  style={{
-    display: 'flex',
-    padding: '2rem 0',
-    background: '#E1E2E3',
-    justifyContent: 'space-around'
-  }}
->
-  <CardDs
-    target="_blank"
-    link="/home"
-    linkLabel="Find out more"
-    imageLow={defaultData.image}
-    images={defaultData.images}
-    imageAltText="Happy man going to work"
-    backgroundColor="white"
-    height="auto"
-    icon={<Internal colour="white" />}
-    isCarousel={true}
-  >
-    <Text tag="h3" color="purple" size="xl">
-      Only Column view
-    </Text>
-    <Text tag="p">Text body copy description</Text>
-  </CardDs>
-</div>;
-```
diff --git a/src/components/Molecules/CardDs/CardDs.test.js b/src/components/Molecules/CardDs/CardDs.test.js
index ab0969a0b..fa9735484 100644
--- a/src/components/Molecules/CardDs/CardDs.test.js
+++ b/src/components/Molecules/CardDs/CardDs.test.js
@@ -2,7 +2,7 @@ import React from 'react';
 import 'jest-styled-components';
 import renderWithTheme from '../../../../tests/hoc/shallowWithTheme';
 import CardDs from './CardDs';
-import { defaultData }  from '../../../styleguide/data/data';import { Internal } from '../../Atoms/Icons/index';
+import { defaultData }  from '../../../data/data';import { Internal } from '../../Atoms/Icons/index';
 
 it('renders correctly', () => {
   const tree = renderWithTheme(
diff --git a/src/components/Molecules/CardDs/CardDsExample.jsx b/src/components/Molecules/CardDs/CardDsExample.jsx
new file mode 100644
index 000000000..78bb33fce
--- /dev/null
+++ b/src/components/Molecules/CardDs/CardDsExample.jsx
@@ -0,0 +1,86 @@
+import React from 'react';
+import styled from 'styled-components';
+import CardDs from './CardDs';
+import Text from '../../Atoms/Text/Text';
+import { Internal, Download } from '../../Atoms/Icons/index';
+import { defaultData } from '../../../data/data';
+
+const ExampleWrapper = styled.div`
+  display: flex;
+  padding: 2rem 0;
+  background: #E1E2E3;
+  justify-content: space-around;
+`;
+
+export default function CardDsExample() {
+  return (
+    <>
+      <h3>Image, Text &amp; Link</h3>
+      <ExampleWrapper>
+        <CardDs
+          target="_blank"
+          link="/home"
+          linkLabel="Find out more"
+          imageLow={defaultData.image}
+          images={defaultData.images}
+          imageAltText="Happy man going to work"
+          backgroundColor="white"
+          height="auto"
+          icon={<Internal colour="white" />}
+        >
+          <Text tag="h3" color="purple" size="xl">EDINBURGH MARATHON</Text>
+          <Text size="m" weight="bold">24 May 2026</Text>
+          <Text tag="p" size="m" weight="bold" style={{ marginTop: '1rem' }}>Marathon</Text>
+          <Text tag="p" size="m">
+            Voted the fastest marathon in the UK, Edinburgh Marathon is perfect for first-timers
+            and those seeking a personal best whilst soaking in the picturesque views.
+          </Text>
+          <Text tag="p" size="m">Registration fee: £39</Text>
+          <Text tag="p" size="m">Sponsorship pledge: £500</Text>
+        </CardDs>
+      </ExampleWrapper>
+
+      <h3>Text &amp; Link (no image)</h3>
+      <ExampleWrapper>
+        <CardDs
+          target="blank"
+          link="/home"
+          linkLabel="Find out more"
+          backgroundColor="white"
+          height="auto"
+          icon={<Download colour="white" />}
+        >
+          <Text tag="h3" color="purple" size="xl">Title</Text>
+          <Text tag="p">Text body copy description</Text>
+        </CardDs>
+      </ExampleWrapper>
+
+      <h3>Text only (no link)</h3>
+      <ExampleWrapper>
+        <CardDs backgroundColor="white" height="auto">
+          <Text tag="h3" color="purple" size="xl">Title</Text>
+          <Text tag="p">Text body copy description</Text>
+        </CardDs>
+      </ExampleWrapper>
+
+      <h3>Only column view (for CardsCarousel)</h3>
+      <ExampleWrapper>
+        <CardDs
+          target="_blank"
+          link="/home"
+          linkLabel="Find out more"
+          imageLow={defaultData.image}
+          images={defaultData.images}
+          imageAltText="Happy man going to work"
+          backgroundColor="white"
+          height="auto"
+          icon={<Internal colour="white" />}
+          isCarousel={true}
+        >
+          <Text tag="h3" color="purple" size="xl">Only Column view</Text>
+          <Text tag="p">Text body copy description</Text>
+        </CardDs>
+      </ExampleWrapper>
+    </>
+  );
+}
diff --git a/src/components/Molecules/CardDs/__snapshots__/CardDs.test.js.snap b/src/components/Molecules/CardDs/__snapshots__/CardDs.test.js.snap
index 102e29c0a..d34a0ab11 100644
--- a/src/components/Molecules/CardDs/__snapshots__/CardDs.test.js.snap
+++ b/src/components/Molecules/CardDs/__snapshots__/CardDs.test.js.snap
@@ -16,36 +16,20 @@ exports[`renders Column view correctly 1`] = `
 }
 
 .c8 {
-  display: -webkit-inline-box;
-  display: -webkit-inline-flex;
-  display: -ms-inline-flexbox;
   display: inline-flex;
   margin-left: 1rem;
-  -webkit-align-self: center;
-  -ms-flex-item-align: center;
   align-self: center;
   right: 1.5rem;
 }
 
 .c7 {
-  display: -webkit-inline-box;
-  display: -webkit-inline-flex;
-  display: -ms-inline-flexbox;
   display: inline-flex;
   position: relative;
-  -webkit-text-decoration: none;
   text-decoration: none;
-  -webkit-transition: all 0.2s;
   transition: all 0.2s;
   height: 2.5rem;
   width: 100%;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
   justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
   align-items: center;
   border: none;
   cursor: pointer;
@@ -56,9 +40,6 @@ exports[`renders Column view correctly 1`] = `
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: 700;
   text-transform: inherit;
-  -webkit-letter-spacing: 0;
-  -moz-letter-spacing: 0;
-  -ms-letter-spacing: 0;
   letter-spacing: 0;
   font-size: 1rem;
   line-height: 1.25rem;
@@ -82,13 +63,8 @@ exports[`renders Column view correctly 1`] = `
 }
 
 .c0 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
   position: relative;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
   flex-direction: column;
   height: 100%;
   width: 100%;
@@ -112,12 +88,7 @@ exports[`renders Column view correctly 1`] = `
 .c5 {
   padding: 2rem;
   padding-bottom: 4rem;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
   flex-direction: column;
   border-radius: 1rem;
   box-shadow: rgba(0,0,0,0.15) 0px 0px 1rem;
@@ -135,7 +106,7 @@ exports[`renders Column view correctly 1`] = `
   z-index: 2;
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c8 {
     width: auto;
     right: auto;
@@ -143,66 +114,64 @@ exports[`renders Column view correctly 1`] = `
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c7 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c7 {
     font-size: 1.125rem;
     line-height: 1.375rem;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c7 {
     width: auto;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c7 {
     width: auto;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c9 {
     fill: #FFFFFF;
   }
 }
 
-@media (min-width:1440px) {
+@media (min-width: 1440px) {
   .c0 {
-    -webkit-flex-direction: column;
-    -ms-flex-direction: column;
     flex-direction: column;
   }
 }
 
-@media (min-width:1440px) {
+@media (min-width: 1440px) {
   .c1 {
     width: 100%;
   }
 }
 
-@media (min-width:1440px) {
+@media (min-width: 1440px) {
   .c5 {
     height: 100%;
   }
 }
 
-@media (min-width:1440px) {
+@media (min-width: 1440px) {
   .c5 {
     margin: -3rem 0 -1.5rem 0;
     width: 100%;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c6 {
     right: 2rem;
   }
@@ -210,21 +179,31 @@ exports[`renders Column view correctly 1`] = `
 
 <div
   className="c0"
+  isCarousel={true}
 >
   <a
     aria-hidden="true"
     className="c1"
     data-image-cta-copy="Find out more"
     href="/home"
+    isCarousel={true}
     tabIndex="-1"
     target="_blank"
   >
     <div
       className="c2"
+      hasLink="/home"
+      isCarousel={true}
     >
       <div
         className="c3 lazyload"
         height="auto"
+        image={null}
+        images="//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=200&h=150&q=50 200w,//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=400&h=300&q=50 400w,//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=800&h=600&q=50 800w,//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=1200&h=900&q=50 1200w,//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=1440&h=1080&q=50 1440w"
+        isBackgroundImage={false}
+        nonObjFitImage="//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg"
+        objFitState={true}
+        setObjFitState={[Function]}
         width="100%"
       >
         <img
@@ -235,6 +214,10 @@ exports[`renders Column view correctly 1`] = `
           data-src={null}
           data-srcset="//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=200&h=150&q=50 200w,//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=400&h=300&q=50 400w,//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=800&h=600&q=50 800w,//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=1200&h=900&q=50 1200w,//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=1440&h=1080&q=50 1440w"
           height="auto"
+          mediumBreakpointRowLayout={null}
+          objFitState={true}
+          objectFit="cover"
+          smallBreakpointRowLayout={null}
           src={null}
           srcSet="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"
           width="100%"
@@ -243,20 +226,32 @@ exports[`renders Column view correctly 1`] = `
     </div>
   </a>
   <div
+    backgroundColor="white"
     className="c5"
+    hasImage="http://images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg"
+    hasLink="/home"
+    isCarousel={true}
   >
     Column view
   </div>
   <div
     className="c6"
+    hasImage="http://images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg"
+    isCarousel={true}
   >
     <a
+      buttonType="primary"
       className="c7"
       data-button-cta-copy="Find out more"
+      fullWidth={false}
+      home={false}
       href="/home"
+      iconFirst={false}
+      mobileColour={null}
       rel={null}
       target="_self"
       type="button"
+      underline={true}
     >
       Find out more
       <span
@@ -265,14 +260,16 @@ exports[`renders Column view correctly 1`] = `
       >
         <svg
           className="c9"
+          colour="white"
           fill="#FFFFFF"
-          height={20}
-          viewBox="0 0 15 15"
-          width={20}
+          height={24}
+          mobileColour={null}
+          viewBox="0 0 96 96"
+          width={24}
           xmlns="http://www.w3.org/2000/svg"
         >
           <path
-            d="M9.58496 1.3501C9.1395 0.88346 8.40641 0.883488 7.96094 1.3501C7.52803 1.80361 7.5281 2.53033 7.96094 2.98389L11.1582 6.3335H1.13672C0.48748 6.3335 0 6.87834 0 7.50049C2.15408e-05 8.12262 0.487494 8.66748 1.13672 8.66748H11.1582L7.96094 12.0171C7.52806 12.4706 7.52899 13.1974 7.96191 13.6509C8.18163 13.8804 8.47556 14.0005 8.77344 14.0005C9.07114 14.0004 9.36533 13.8809 9.58496 13.6509L14.6758 8.31689L14.6748 8.31592L14.6875 8.30322L14.6865 8.30225C14.6954 8.29227 14.7044 8.28494 14.71 8.27783C14.7117 8.27557 14.7133 8.27298 14.7148 8.271C14.7485 8.23215 14.7824 8.18937 14.8135 8.14111L14.8154 8.13818C14.8354 8.1067 14.8493 8.07854 14.8564 8.06396L14.8652 8.04639L14.8662 8.04443L14.8672 8.04346C14.8672 8.04346 14.868 8.0407 14.8691 8.03857C14.8709 8.03524 14.8758 8.02683 14.8799 8.01904L14.8802 8.01851C14.8888 8.00212 14.9034 7.97435 14.917 7.93994V7.93799C14.9303 7.90387 14.9391 7.87297 14.9443 7.854C14.9469 7.8447 14.9498 7.83579 14.9512 7.83057C14.9527 7.82466 14.9535 7.82292 14.9541 7.8208C14.9541 7.8208 14.9542 7.81765 14.9551 7.81494L14.958 7.80615L14.9586 7.80434C14.9631 7.78973 14.9718 7.76131 14.9785 7.72705V7.7251C15.0066 7.57717 15.0066 7.42472 14.9785 7.27686V7.2749L14.958 7.1958L14.9551 7.18604L14.9531 7.18018L14.9512 7.17236C14.9497 7.16652 14.9481 7.15689 14.9453 7.14697C14.9398 7.12707 14.9307 7.09666 14.917 7.06201C14.9032 7.027 14.8885 6.99825 14.8799 6.98193C14.8758 6.97415 14.8709 6.96574 14.8691 6.9624L14.8564 6.93701C14.849 6.92189 14.8351 6.89384 14.8154 6.86279L14.8145 6.86084L14.7529 6.77393C14.7316 6.74671 14.7094 6.72141 14.6875 6.69775C14.6837 6.69353 14.6802 6.68867 14.6758 6.68408L9.58496 1.3501Z"
+            d="M90.871 50.776c-.016.016-.026.036-.043.052l-32 32C58.047 83.609 57.024 84 56 84s-2.047-.391-2.829-1.171a4 4 0 010-5.657L78.343 52H8a4 4 0 010-8h70.343L53.171 18.829a4 4 0 015.657-5.657l32 32c.016.016.027.036.043.052.167.172.321.357.455.557.069.104.118.216.176.325.065.121.138.236.191.364.057.137.09.279.13.42.032.109.074.214.097.327a4.017 4.017 0 010 1.568c-.023.113-.065.217-.097.327-.041.141-.074.283-.13.42-.053.128-.126.243-.191.364-.059.109-.107.221-.176.325a4.035 4.035 0 01-.455.555z"
           />
         </svg>
       </span>
@@ -297,36 +294,20 @@ exports[`renders correctly 1`] = `
 }
 
 .c8 {
-  display: -webkit-inline-box;
-  display: -webkit-inline-flex;
-  display: -ms-inline-flexbox;
   display: inline-flex;
   margin-left: 1rem;
-  -webkit-align-self: center;
-  -ms-flex-item-align: center;
   align-self: center;
   right: 1.5rem;
 }
 
 .c7 {
-  display: -webkit-inline-box;
-  display: -webkit-inline-flex;
-  display: -ms-inline-flexbox;
   display: inline-flex;
   position: relative;
-  -webkit-text-decoration: none;
   text-decoration: none;
-  -webkit-transition: all 0.2s;
   transition: all 0.2s;
   height: 2.5rem;
   width: 100%;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
   justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
   align-items: center;
   border: none;
   cursor: pointer;
@@ -337,9 +318,6 @@ exports[`renders correctly 1`] = `
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: 700;
   text-transform: inherit;
-  -webkit-letter-spacing: 0;
-  -moz-letter-spacing: 0;
-  -ms-letter-spacing: 0;
   letter-spacing: 0;
   font-size: 1rem;
   line-height: 1.25rem;
@@ -363,13 +341,8 @@ exports[`renders correctly 1`] = `
 }
 
 .c0 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
   position: relative;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
   flex-direction: column;
   height: 100%;
   width: 100%;
@@ -393,12 +366,7 @@ exports[`renders correctly 1`] = `
 .c5 {
   padding: 2rem;
   padding-bottom: 4rem;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
   flex-direction: column;
   border-radius: 1rem;
   box-shadow: rgba(0,0,0,0.15) 0px 0px 1rem;
@@ -416,7 +384,7 @@ exports[`renders correctly 1`] = `
   z-index: 2;
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c8 {
     width: auto;
     right: auto;
@@ -424,99 +392,95 @@ exports[`renders correctly 1`] = `
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c7 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c7 {
     font-size: 1.125rem;
     line-height: 1.375rem;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c7 {
     width: auto;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c7 {
     width: auto;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c9 {
     fill: #FFFFFF;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c0 {
-    -webkit-flex-direction: row;
-    -ms-flex-direction: row;
     flex-direction: row;
   }
 }
 
-@media (min-width:1440px) {
+@media (min-width: 1440px) {
   .c0 {
-    -webkit-flex-direction: column;
-    -ms-flex-direction: column;
     flex-direction: column;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c2 {
     margin: 0 -1.5rem 0 1.5rem;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c1 {
     width: calc(50% + 6rem);
   }
 }
 
-@media (min-width:1440px) {
+@media (min-width: 1440px) {
   .c1 {
     width: 100%;
   }
 }
 
-@media (min-width:1440px) {
+@media (min-width: 1440px) {
   .c5 {
     height: 100%;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c5 {
     margin: 1.5rem 0 -1.5rem -1.5rem;
     width: calc(50% + 6rem);
   }
 }
 
-@media (min-width:1440px) {
+@media (min-width: 1440px) {
   .c5 {
     margin: -3rem 0 -1.5rem 0;
     width: 100%;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c6 {
     right: 2rem;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c6 {
     bottom: -3rem;
   }
@@ -535,10 +499,17 @@ exports[`renders correctly 1`] = `
   >
     <div
       className="c2"
+      hasLink="/home"
     >
       <div
         className="c3 lazyload"
         height="auto"
+        image={null}
+        images="//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=200&h=150&q=50 200w,//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=400&h=300&q=50 400w,//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=800&h=600&q=50 800w,//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=1200&h=900&q=50 1200w,//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=1440&h=1080&q=50 1440w"
+        isBackgroundImage={false}
+        nonObjFitImage="//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg"
+        objFitState={true}
+        setObjFitState={[Function]}
         width="100%"
       >
         <img
@@ -549,6 +520,10 @@ exports[`renders correctly 1`] = `
           data-src={null}
           data-srcset="//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=200&h=150&q=50 200w,//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=400&h=300&q=50 400w,//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=800&h=600&q=50 800w,//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=1200&h=900&q=50 1200w,//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=1440&h=1080&q=50 1440w"
           height="auto"
+          mediumBreakpointRowLayout={null}
+          objFitState={true}
+          objectFit="cover"
+          smallBreakpointRowLayout={null}
           src={null}
           srcSet="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"
           width="100%"
@@ -557,20 +532,30 @@ exports[`renders correctly 1`] = `
     </div>
   </a>
   <div
+    backgroundColor="white"
     className="c5"
+    hasImage="http://images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg"
+    hasLink="/home"
   >
     Text body copy description
   </div>
   <div
     className="c6"
+    hasImage="http://images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg"
   >
     <a
+      buttonType="primary"
       className="c7"
       data-button-cta-copy="Find out more"
+      fullWidth={false}
+      home={false}
       href="/home"
+      iconFirst={false}
+      mobileColour={null}
       rel={null}
       target="_self"
       type="button"
+      underline={true}
     >
       Find out more
       <span
@@ -579,14 +564,16 @@ exports[`renders correctly 1`] = `
       >
         <svg
           className="c9"
+          colour="white"
           fill="#FFFFFF"
-          height={20}
-          viewBox="0 0 15 15"
-          width={20}
+          height={24}
+          mobileColour={null}
+          viewBox="0 0 96 96"
+          width={24}
           xmlns="http://www.w3.org/2000/svg"
         >
           <path
-            d="M9.58496 1.3501C9.1395 0.88346 8.40641 0.883488 7.96094 1.3501C7.52803 1.80361 7.5281 2.53033 7.96094 2.98389L11.1582 6.3335H1.13672C0.48748 6.3335 0 6.87834 0 7.50049C2.15408e-05 8.12262 0.487494 8.66748 1.13672 8.66748H11.1582L7.96094 12.0171C7.52806 12.4706 7.52899 13.1974 7.96191 13.6509C8.18163 13.8804 8.47556 14.0005 8.77344 14.0005C9.07114 14.0004 9.36533 13.8809 9.58496 13.6509L14.6758 8.31689L14.6748 8.31592L14.6875 8.30322L14.6865 8.30225C14.6954 8.29227 14.7044 8.28494 14.71 8.27783C14.7117 8.27557 14.7133 8.27298 14.7148 8.271C14.7485 8.23215 14.7824 8.18937 14.8135 8.14111L14.8154 8.13818C14.8354 8.1067 14.8493 8.07854 14.8564 8.06396L14.8652 8.04639L14.8662 8.04443L14.8672 8.04346C14.8672 8.04346 14.868 8.0407 14.8691 8.03857C14.8709 8.03524 14.8758 8.02683 14.8799 8.01904L14.8802 8.01851C14.8888 8.00212 14.9034 7.97435 14.917 7.93994V7.93799C14.9303 7.90387 14.9391 7.87297 14.9443 7.854C14.9469 7.8447 14.9498 7.83579 14.9512 7.83057C14.9527 7.82466 14.9535 7.82292 14.9541 7.8208C14.9541 7.8208 14.9542 7.81765 14.9551 7.81494L14.958 7.80615L14.9586 7.80434C14.9631 7.78973 14.9718 7.76131 14.9785 7.72705V7.7251C15.0066 7.57717 15.0066 7.42472 14.9785 7.27686V7.2749L14.958 7.1958L14.9551 7.18604L14.9531 7.18018L14.9512 7.17236C14.9497 7.16652 14.9481 7.15689 14.9453 7.14697C14.9398 7.12707 14.9307 7.09666 14.917 7.06201C14.9032 7.027 14.8885 6.99825 14.8799 6.98193C14.8758 6.97415 14.8709 6.96574 14.8691 6.9624L14.8564 6.93701C14.849 6.92189 14.8351 6.89384 14.8154 6.86279L14.8145 6.86084L14.7529 6.77393C14.7316 6.74671 14.7094 6.72141 14.6875 6.69775C14.6837 6.69353 14.6802 6.68867 14.6758 6.68408L9.58496 1.3501Z"
+            d="M90.871 50.776c-.016.016-.026.036-.043.052l-32 32C58.047 83.609 57.024 84 56 84s-2.047-.391-2.829-1.171a4 4 0 010-5.657L78.343 52H8a4 4 0 010-8h70.343L53.171 18.829a4 4 0 015.657-5.657l32 32c.016.016.027.036.043.052.167.172.321.357.455.557.069.104.118.216.176.325.065.121.138.236.191.364.057.137.09.279.13.42.032.109.074.214.097.327a4.017 4.017 0 010 1.568c-.023.113-.065.217-.097.327-.041.141-.074.283-.13.42-.053.128-.126.243-.191.364-.059.109-.107.221-.176.325a4.035 4.035 0 01-.455.555z"
           />
         </svg>
       </span>
diff --git a/src/components/Molecules/Chip/Chip.md b/src/components/Molecules/Chip/Chip.md
deleted file mode 100644
index ec546d0bd..000000000
--- a/src/components/Molecules/Chip/Chip.md
+++ /dev/null
@@ -1,14 +0,0 @@
-# Chip
-
-```js
-const [checked, setChecked] = React.useState(false);
-const handleToggle = e => {
-  setChecked(!checked);
-};
-
-<Chip
-  category="Gender Justice"
-  handleToggle={handleToggle}
-  checked={checked}
-/>;
-```
diff --git a/src/components/Molecules/Chip/Chip.style.js b/src/components/Molecules/Chip/Chip.style.js
index 51322d0c6..d8f01de92 100644
--- a/src/components/Molecules/Chip/Chip.style.js
+++ b/src/components/Molecules/Chip/Chip.style.js
@@ -72,7 +72,7 @@ const Overlay = styled.span`
   right: 0;
   bottom: 0;
   ${zIndex('low')};
-  :hover {
+  &:hover {
     background: ${({ theme }) => theme.color('grey_medium')};
   }
 `;
@@ -99,15 +99,15 @@ const CheckInput = styled.input`
     float: left;
     ${zIndex('medium')};
   }
-  :checked ~ span {
+  &:checked ~ span {
     background-size: 24px;
     background-color: ${({ theme, color }) => theme.color(color)};
   }
-  :focus + span {
+  &:focus + span {
     border-color: ${({ theme }) => theme.color('grey_for_forms')};
     border-width: 3px;
   }
-  :focus + span {
+  &:focus + span {
     border-color: ${({ theme }) => theme.color('grey_for_forms')};
     border-width: 3px;
   }
@@ -123,11 +123,11 @@ const ClearButton = styled.button`
   padding-left: 3rem;
   position: relative;
   height: 48px;
-  :focus {
+  &:focus {
     border-color: ${({ theme }) => theme.color('grey_for_forms')};
   }
 
-  :before {
+  &:before {
     content: '';
     background: url(${clear}) no-repeat center;
     width: 20px;
diff --git a/src/components/Molecules/Chip/Chip.test.js b/src/components/Molecules/Chip/Chip.test.js
index 578016e95..ff8d7c08d 100644
--- a/src/components/Molecules/Chip/Chip.test.js
+++ b/src/components/Molecules/Chip/Chip.test.js
@@ -1,116 +1,108 @@
-import React from "react";
-import "jest-styled-components";
-import renderWithTheme from "../../../../tests/hoc/shallowWithTheme";
-import Chip from "./Chip";
+import React from 'react';
+import 'jest-styled-components';
+import renderWithTheme from '../../../../tests/hoc/shallowWithTheme';
+import Chip from './Chip';
 
-it("renders article teaser correctly", () => {
+it('renders article teaser correctly', () => {
   const handleToggle = (e) => e.target.value;
   const tree = renderWithTheme(
     <Chip category="Gender Justice" handleToggle={handleToggle} />
   ).toJSON();
 
   expect(tree).toMatchInlineSnapshot(`
-    .c0 {
-      display: -webkit-box;
-      display: -webkit-flex;
-      display: -ms-flexbox;
-      display: flex;
-      -webkit-align-items: center;
-      -webkit-box-align: center;
-      -ms-flex-align: center;
-      align-items: center;
-      width: auto;
-      height: 48px;
-      border-radius: 2rem;
-      background-color: #d5d5d5;
-      margin: 0.5rem 0.5rem 0 0;
-      padding: 4px;
-      padding-right: 1rem;
-      -webkit-flex: 0 0 auto;
-      -ms-flex: 0 0 auto;
-      flex: 0 0 auto;
-      position: relative;
-    }
+.c0 {
+  display: flex;
+  align-items: center;
+  width: auto;
+  height: 48px;
+  border-radius: 2rem;
+  background-color: #d5d5d5;
+  margin: 0.5rem 0.5rem 0 0;
+  padding: 4px;
+  padding-right: 1rem;
+  flex: 0 0 auto;
+  position: relative;
+}
 
-    .c2 {
-      display: block;
-      position: absolute;
-      width: 100%;
-      height: 100%;
-      opacity: 0.2;
-      border-radius: 2rem;
-      left: 0;
-      top: 0;
-      right: 0;
-      bottom: 0;
-      z-index: 1;
-    }
+.c2 {
+  display: block;
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  opacity: 0.2;
+  border-radius: 2rem;
+  left: 0;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  z-index: 1;
+}
 
-    .c2:hover {
-      background: #E1E2E3;
-    }
+.c2:hover {
+  background: #E1E2E3;
+}
 
-    .c1 {
-      display: block;
-      box-sizing: border-box;
-      opacity: 0;
-      position: absolute;
-      left: 0px;
-      width: 40px;
-      height: 40px;
-      margin: 0;
-      border: 1px solid #666;
-    }
+.c1 {
+  display: block;
+  box-sizing: border-box;
+  opacity: 0;
+  position: absolute;
+  left: 0px;
+  width: 40px;
+  height: 40px;
+  margin: 0;
+  border: 1px solid #666;
+}
 
-    .c1 + span {
-      background: url(mock.asset) no-repeat center;
-      background-size: 24px;
-      margin-right: 1rem;
-      width: 40px;
-      height: 40px;
-      border-radius: 50%;
-      background-color: #969598;
-      float: left;
-      z-index: 2;
-    }
+.c1 +span {
+  background: url(mock.asset) no-repeat center;
+  background-size: 24px;
+  margin-right: 1rem;
+  width: 40px;
+  height: 40px;
+  border-radius: 50%;
+  background-color: #969598;
+  float: left;
+  z-index: 2;
+}
 
-    .c1:checked ~ span {
-      background-size: 24px;
-      background-color: #6F3AAB;
-    }
+.c1:checked~span {
+  background-size: 24px;
+  background-color: #6F3AAB;
+}
 
-    .c1:focus + span {
-      border-color: #666;
-      border-width: 3px;
-    }
+.c1:focus+span {
+  border-color: #666;
+  border-width: 3px;
+}
 
-    .c1:focus + span {
-      border-color: #666;
-      border-width: 3px;
-    }
+.c1:focus+span {
+  border-color: #666;
+  border-width: 3px;
+}
 
-    @media (min-width:740px) {
-      .c0 {
-        margin: 1rem 1rem 0 0;
-      }
-    }
+@media (min-width: 740px) {
+  .c0 {
+    margin: 1rem 1rem 0 0;
+  }
+}
 
-    <label
-      className="c0"
-    >
-      <input
-        checked={false}
-        className="c1"
-        color="purple"
-        onChange={[Function]}
-        type="checkbox"
-        value="Gender Justice"
-      />
-      <span />
-      <span
-        className="c2"
-      />
-      Gender Justice
-    </label>
-  `);
+<label
+  className="c0"
+>
+  <input
+    checked={false}
+    className="c1"
+    color="purple"
+    onChange={[Function]}
+    type="checkbox"
+    value="Gender Justice"
+  />
+  <span />
+  <span
+    className="c2"
+  />
+  Gender Justice
+</label>
+`);
 });
diff --git a/src/components/Molecules/Chip/ChipExample.jsx b/src/components/Molecules/Chip/ChipExample.jsx
new file mode 100644
index 000000000..12aac3f20
--- /dev/null
+++ b/src/components/Molecules/Chip/ChipExample.jsx
@@ -0,0 +1,14 @@
+import React, { useState } from 'react';
+import Chip from './Chip';
+
+export default function ChipExample() {
+  const [checked, setChecked] = useState(false);
+
+  return (
+    <Chip
+      category="Gender Justice"
+      handleToggle={() => setChecked(!checked)}
+      checked={checked}
+    />
+  );
+}
diff --git a/src/components/Molecules/Countdown/Countdown.md b/src/components/Molecules/Countdown/Countdown.md
deleted file mode 100644
index 351d2c522..000000000
--- a/src/components/Molecules/Countdown/Countdown.md
+++ /dev/null
@@ -1,9 +0,0 @@
-Limit is 365 days
-
-```js
-import Text from '../../Atoms/Text/Text';
-const intro = <Text tag="h2" size="xl">Hello</Text>;
-const end = <Text tag="h2" size="xl">Bye</Text>;
-
-<Countdown endDate="Jan 16, 2026 10:30:00" endMessage={end} introMessage={intro}/>
-```
\ No newline at end of file
diff --git a/src/components/Molecules/Countdown/CountdownExample.jsx b/src/components/Molecules/Countdown/CountdownExample.jsx
new file mode 100644
index 000000000..5522b8d5a
--- /dev/null
+++ b/src/components/Molecules/Countdown/CountdownExample.jsx
@@ -0,0 +1,16 @@
+import React from 'react';
+import Countdown from './Countdown';
+import Text from '../../Atoms/Text/Text';
+
+export default function CountdownExample() {
+  const intro = <Text tag="h2" size="xl">Hello</Text>;
+  const end = <Text tag="h2" size="xl">Bye</Text>;
+
+  return (
+    <Countdown
+      endDate="Dec 25, 2026 10:30:00"
+      endMessage={end}
+      introMessage={intro}
+    />
+  );
+}
diff --git a/src/components/Molecules/Descriptor/Descriptor.md b/src/components/Molecules/Descriptor/Descriptor.md
deleted file mode 100644
index 87a6c4d76..000000000
--- a/src/components/Molecules/Descriptor/Descriptor.md
+++ /dev/null
@@ -1,29 +0,0 @@
-### Descriptor Component
-
-```js
-const tags = ['Tag1', 'tag2', 'tag3', 'tag4'];
-const categories = ['How we Fund', 'Children Survive & Thrive'];
-<Descriptor title="Title" date="15/06/2020" tags={tags} categories={categories}>
-  Description go here...
-  <br />
-  Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
-  incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
-  nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
-  Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore
-  eu fugiat nulla pariatur.
-</Descriptor>;
-```
-
-```js
-const tags = ['Tag1', 'tag2', 'tag3', 'tag4'];
-const categories = ['Environment', 'Social Tech', 'Sport for Change'];
-<Descriptor title="Title" date="15/06/2020" tags={tags} categories={categories}>
-  Description go here...
-  <br />
-  Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
-  incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
-  nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
-  Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore
-  eu fugiat nulla pariatur.
-</Descriptor>;
-```
diff --git a/src/components/Molecules/Descriptor/Descriptor.test.js b/src/components/Molecules/Descriptor/Descriptor.test.js
index 0a8e1ab3d..7496cd80d 100644
--- a/src/components/Molecules/Descriptor/Descriptor.test.js
+++ b/src/components/Molecules/Descriptor/Descriptor.test.js
@@ -28,9 +28,6 @@ it('renders article teaser correctly', () => {
       font-family: 'Montserrat',Helvetica,Arial,sans-serif;
       font-weight: 400;
       text-transform: inherit;
-      -webkit-letter-spacing: 0;
-      -moz-letter-spacing: 0;
-      -ms-letter-spacing: 0;
       letter-spacing: 0;
       font-size: 1rem;
       line-height: 1.25rem;
@@ -53,9 +50,6 @@ it('renders article teaser correctly', () => {
       font-family: 'Montserrat',Helvetica,Arial,sans-serif;
       font-weight: 700;
       text-transform: inherit;
-      -webkit-letter-spacing: 0;
-      -moz-letter-spacing: 0;
-      -ms-letter-spacing: 0;
       letter-spacing: 0;
       font-size: 1.25rem;
       line-height: 1.5rem;
@@ -70,9 +64,6 @@ it('renders article teaser correctly', () => {
       font-family: 'Montserrat',Helvetica,Arial,sans-serif;
       font-weight: 400;
       text-transform: inherit;
-      -webkit-letter-spacing: 0;
-      -moz-letter-spacing: 0;
-      -ms-letter-spacing: 0;
       letter-spacing: 0;
       font-size: 1rem;
       line-height: 1.25rem;
@@ -95,9 +86,6 @@ it('renders article teaser correctly', () => {
       position: relative;
       width: 100%;
       height: 100%;
-      display: -webkit-box;
-      display: -webkit-flex;
-      display: -ms-flexbox;
       display: flex;
       background-color: #FFFFFF;
       border-radius: 1rem;
@@ -107,12 +95,7 @@ it('renders article teaser correctly', () => {
     .c1 {
       padding: 2rem;
       height: 100%;
-      display: -webkit-box;
-      display: -webkit-flex;
-      display: -ms-flexbox;
       display: flex;
-      -webkit-flex-direction: column;
-      -ms-flex-direction: column;
       flex-direction: column;
       width: 100%;
     }
@@ -127,9 +110,6 @@ it('renders article teaser correctly', () => {
     }
 
     .c5 {
-      display: -webkit-box;
-      display: -webkit-flex;
-      display: -ms-flexbox;
       display: flex;
       position: absolute;
       top: 0;
@@ -154,12 +134,7 @@ it('renders article teaser correctly', () => {
 
     .c9 {
       margin: 0 0 1rem 0;
-      display: -webkit-box;
-      display: -webkit-flex;
-      display: -ms-flexbox;
       display: flex;
-      -webkit-flex-wrap: wrap;
-      -ms-flex-wrap: wrap;
       flex-wrap: wrap;
     }
 
@@ -186,42 +161,42 @@ it('renders article teaser correctly', () => {
       font-family: 'Montserrat',Helvetica,Arial,sans-serif;
     }
 
-    @media (min-width:740px) {
+    @media (min-width: 740px) {
       .c3 {
         font-size: 1rem;
         line-height: 1.25rem;
       }
     }
 
-    @media (min-width:1024px) {
+    @media (min-width: 1024px) {
       .c3 {
         font-size: 1.125rem;
         line-height: 1.375rem;
       }
     }
 
-    @media (min-width:740px) {
+    @media (min-width: 740px) {
       .c7 {
         font-size: 1.25rem;
         line-height: 1.5rem;
       }
     }
 
-    @media (min-width:1024px) {
+    @media (min-width: 1024px) {
       .c7 {
         font-size: 1.375rem;
         line-height: 1.625rem;
       }
     }
 
-    @media (min-width:740px) {
+    @media (min-width: 740px) {
       .c10 {
         font-size: 1rem;
         line-height: 1.25rem;
       }
     }
 
-    @media (min-width:1024px) {
+    @media (min-width: 1024px) {
       .c10 {
         font-size: 1.125rem;
         line-height: 1.375rem;
diff --git a/src/components/Molecules/Descriptor/DescriptorExample.jsx b/src/components/Molecules/Descriptor/DescriptorExample.jsx
new file mode 100644
index 000000000..a5d6a1517
--- /dev/null
+++ b/src/components/Molecules/Descriptor/DescriptorExample.jsx
@@ -0,0 +1,33 @@
+import React from 'react';
+import Descriptor from './Descriptor';
+
+const loremIpsum = `Description go here...
+Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
+incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
+nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore
+eu fugiat nulla pariatur.`;
+
+export default function DescriptorExample() {
+  return (
+    <>
+      <Descriptor
+        title="Title"
+        date="15/06/2020"
+        tags={['Tag1', 'tag2', 'tag3', 'tag4']}
+        categories={['How we Fund', 'Children Survive & Thrive']}
+      >
+        {loremIpsum}
+      </Descriptor>
+
+      <Descriptor
+        title="Title"
+        date="15/06/2020"
+        tags={['Tag1', 'tag2', 'tag3', 'tag4']}
+        categories={['Environment', 'Social Tech', 'Sport for Change']}
+      >
+        {loremIpsum}
+      </Descriptor>
+    </>
+  );
+}
diff --git a/src/components/Molecules/DoubleCopy/DoubleCopy.md b/src/components/Molecules/DoubleCopy/DoubleCopy.md
deleted file mode 100644
index 55f1aebaf..000000000
--- a/src/components/Molecules/DoubleCopy/DoubleCopy.md
+++ /dev/null
@@ -1,18 +0,0 @@
-# Copy Copy Single Message
-
-```js
-import RichText from '../../Atoms/RichText/RichText';
-
-<DoubleCopy
-  leftCopy={
-    <RichText
-      markup={`<h1> Left Copy</h1> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p> `}
-    />
-  }
-  rightCopy={
-    <RichText
-      markup={`<h1> Right Copy </h1> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p> `}
-    />
-  }
-/>;
-```
diff --git a/src/components/Molecules/DoubleCopy/DoubleCopy.test.js b/src/components/Molecules/DoubleCopy/DoubleCopy.test.js
index 8905c7dc1..6d065e133 100644
--- a/src/components/Molecules/DoubleCopy/DoubleCopy.test.js
+++ b/src/components/Molecules/DoubleCopy/DoubleCopy.test.js
@@ -6,7 +6,8 @@ import DoubleCopy from './DoubleCopy';
 import RichText from '../../Atoms/RichText/RichText';
 
 it('renders correctly', () => {
-  const content = '<h1> Left Copy</h1> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>';
+  const content =
+    '<h1> Left Copy</h1> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>';
   const tree = renderWithTheme(
     <DoubleCopy
       leftCopy={<RichText markup={content} />}
@@ -24,18 +25,12 @@ it('renders correctly', () => {
     }
 
     .c1 {
-      display: -webkit-box;
-      display: -webkit-flex;
-      display: -ms-flexbox;
       display: flex;
       padding: 4rem;
     }
 
-    @media (min-width:740px) {
+    @media (min-width: 740px) {
       .c0 {
-        display: -webkit-box;
-        display: -webkit-flex;
-        display: -ms-flexbox;
         display: flex;
       }
     }
@@ -47,9 +42,10 @@ it('renders correctly', () => {
         className="c1"
       >
         <div
+          align="left"
           className="c2"
           dangerouslySetInnerHTML={
-            Object {
+            {
               "__html": "<h1> Left Copy</h1> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>",
             }
           }
@@ -59,9 +55,10 @@ it('renders correctly', () => {
         className="c1"
       >
         <div
+          align="left"
           className="c2"
           dangerouslySetInnerHTML={
-            Object {
+            {
               "__html": "<h1> Left Copy</h1> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>",
             }
           }
diff --git a/src/components/Molecules/DoubleCopy/DoubleCopyExample.jsx b/src/components/Molecules/DoubleCopy/DoubleCopyExample.jsx
new file mode 100644
index 000000000..3fbdf79c9
--- /dev/null
+++ b/src/components/Molecules/DoubleCopy/DoubleCopyExample.jsx
@@ -0,0 +1,20 @@
+import React from 'react';
+import DoubleCopy from './DoubleCopy';
+import RichText from '../../Atoms/RichText/RichText';
+
+export default function DoubleCopyExample() {
+  return (
+    <DoubleCopy
+      leftCopy={
+        <RichText
+          markup="<h1>Left Copy</h1><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>"
+        />
+      }
+      rightCopy={
+        <RichText
+          markup="<h1>Right Copy</h1><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>"
+        />
+      }
+    />
+  );
+}
diff --git a/src/components/Molecules/HeroBanner/HeroBanner.md b/src/components/Molecules/HeroBanner/HeroBanner.md
deleted file mode 100644
index c3d0d8308..000000000
--- a/src/components/Molecules/HeroBanner/HeroBanner.md
+++ /dev/null
@@ -1,347 +0,0 @@
-HeroBanner
-
-```js
-const defaultData = require('../../../styleguide/data/data').defaultData;
-import Text from '../../Atoms/Text/Text';
-import Link from '../../Atoms/Link/Link';
-import variants from './_variants';
-
-<div style={{ display: 'flex', flexDirection: 'column', gap: '4rem' }}>
-
-  <HeroBanner
-    pageBackgroundColour="teal_light"
-    imageSet={defaultData.heroBannerImage}
-    image={defaultData.heroBannerImage}
-    imageLow={defaultData.heroBannerImage}
-    imageAltText="Image alt text"
-    variant={variants.FULL_HEIGHT}
-    copyLeft
-    paddingTop="2rem"
-  >
-    <Text tag="h1">
-      Full Height: Copy Left
-    </Text>
-    <Text tag="p">
-      Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
-    </Text>
-  </HeroBanner>
-
-  <HeroBanner
-    pageBackgroundColour="teal_light"
-    imageSet={defaultData.heroBannerImage}
-    image={defaultData.heroBannerImage}
-    imageLow={defaultData.heroBannerImage}
-    imageAltText="Image alt text"
-    variant={variants.FULL_HEIGHT}
-    copyLeft={false}
-    ctaText="Register to fundraise"
-    ctaUrl="http://www.comicrelief.com/register"
-    paddingTop="2rem"
-  >
-    <Text tag="h1">
-      Full Height: Copy Right w/CTA, Same Tab
-    </Text>
-    <Text tag="p">
-      Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
-    </Text>
-  </HeroBanner>
-
-  <HeroBanner
-    pageBackgroundColour="teal_light"
-    imageSet={defaultData.heroBannerImage}
-    image={defaultData.heroBannerImage}
-    imageLow={defaultData.heroBannerImage}
-    imageAltText="Image alt text"
-    variant={variants.FULL_HEIGHT}
-    ctaText="Register to fundraise but longer"
-    ctaUrl="http://www.comicrelief.com/register"
-    ctaNewTab
-    copyLeft
-    paddingTop="2rem"
-  >
-    <Text tag="h1">
-      Full Height: Copy Left w/CTA, New Tab
-    </Text>
-    <Text tag="p">
-      Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
-    </Text>
-  </HeroBanner>
-
-    <HeroBanner
-    pageBackgroundColour="teal_light"
-    imageSet={defaultData.heroBannerImage}
-    image={defaultData.heroBannerImage}
-    imageLow={defaultData.heroBannerImage}
-    imageAltText="Image alt text"
-    variant={variants.FULL_HEIGHT}
-    ctaText="Register to fundraise but very very very very long oh it's a big link this one"
-    ctaUrl="http://www.comicrelief.com/register"
-    ctaNewTab
-    copyLeft
-    paddingBottom="0"
-    paddingTop="0"
-  >
-    <Text tag="h1">
-      Full Height: ZERO padding
-    </Text>
-    <Text tag="p">
-      Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
-    </Text>
-  </HeroBanner>
-
-  <HeroBanner
-    pageBackgroundColour="blue_dark"
-    imageSet={defaultData.heroBannerImage}
-    image={defaultData.heroBannerImage}
-    imageLow={defaultData.heroBannerImage}
-    imageAltText="Image alt text"
-    copyLeft={false}
-  >
-    <Text tag="h1">
-      Full Height: Copy Right (default variant and padding prop values)
-    </Text>
-    <Text tag="p">
-      Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
-    </Text>
-  </HeroBanner>
-
-  <HeroBanner
-    pageBackgroundColour="orange"
-    imageSet={defaultData.heroBannerImage}
-    image={defaultData.heroBannerImage}
-    imageLow={defaultData.heroBannerImage}
-    imageAltText="Image alt text"
-    variant={variants.HALF_HEIGHT}
-    paddingTop="2rem"
-  >
-    <Text tag="h1">
-      Half Height: min height
-    </Text>
-    <Text tag="p">
-      Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua
-    </Text>
-  </HeroBanner>
-
-  <HeroBanner
-    pageBackgroundColour="teal"
-    imageSet={defaultData.heroBannerImage}
-    image={defaultData.heroBannerImage}
-    imageLow={defaultData.heroBannerImage}
-    imageAltText="Image alt text"
-    variant={variants.HALF_HEIGHT}
-    paddingBottom="0"
-    copyLeft={false}
-  >
-    <Text tag="h1">
-      Half Height: adapting to content,  no bottom paddding
-    </Text>
-    <Text tag="p">
-      Lorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae pellentesque sem placerat. In id cursus mi pretium tellus duis convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada lacinia integer nunc posuere. Ut hendrerit semper vel class aptent taciti sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos.
-    </Text>
-
-    <Text tag="p">
-      Lorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae pellentesque sem placerat. In id cursus mi pretium tellus duis convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada lacinia integer nunc posuere. Ut hendrerit semper vel class aptent taciti sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos.
-    </Text>
-  </HeroBanner>
-
-  <HeroBanner
-    variant={variants.TEXT_BANNER}
-    copyColour="white"
-  >
-    <Text tag="h1">
-      Responsive Text Banner, default padding and colours
-    </Text>
-    <Text tag="p">
-      Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua
-    </Text>
-  </HeroBanner>
-
-  <HeroBanner
-    pageBackgroundColour="grey"
-    textBannerCopyBackgroundColour="deep_violet"
-    variant={variants.TEXT_BANNER}
-    ctaUrl="http://www.comicrelief.com/register"
-    ctaText="Register"
-    copyColour="white"
-    paddingBottom="0"
-    ctaNewTab
-  >
-    <Text tag="h1">
-      Responsive Text Banner w/CTA, New Tab, no top and bottom padding
-    </Text>
-    <Text tag="p">
-      Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua
-    </Text>
-  </HeroBanner>
-
-  <HeroBanner
-    pageBackgroundColour="grey"
-    textBannerCopyBackgroundColour="blue_light"
-    variant={variants.TEXT_BANNER}
-    textBannerCtaColour="red"
-    ctaText="Register"
-    ctaUrl="http://www.comicrelief.com/register"
-    paddingTop="2rem"
-    paddingBotton="2rem"
-  >
-    <Text tag="h1">
-      Responsive Text w/CTA, Same Tab, 2rem padding top and bottom
-    </Text>
-    <Text tag="p">
-      Lorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae pellentesque sem placerat. In id cursus mi pretium tellus duis convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada lacinia integer nunc posuere. Ut hendrerit semper vel class aptent taciti sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos.
-    </Text>
-
-    <Text tag="p">
-      Lorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae pellentesque sem placerat. In id cursus mi pretium tellus duis convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada lacinia integer nunc posuere. Ut hendrerit semper vel class aptent taciti sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos.
-    </Text>
-
-    <Text tag="p">
-      Lorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae pellentesque sem placerat. In id cursus mi pretium tellus duis convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada lacinia integer nunc posuere. Ut hendrerit semper vel class aptent taciti sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos.
-    </Text>
-  </HeroBanner>
-
-  <HeroBanner
-    pageBackgroundColour="teal_light"
-    imageSet={defaultData.heroBannerImage}
-    imageLow={defaultData.heroBannerImage}
-    imageAltText="Video poster"
-    variant={variants.FULL_HEIGHT}
-    copyLeft
-    paddingTop="2rem"
-    videoDesktop={require('../../Atoms/AmbientVideo/big-buck-bunny-1080p-30sec.mp4').default}
-    videoMobile={require('../../Atoms/AmbientVideo/thetestdatacom_480p_example.mp4').default}
-    videoLoop
-  >
-    <Text tag="h1">
-      Full Height with Ambient Video (looping)
-    </Text>
-    <Text tag="p">
-      When imageSet, imageLow, videoDesktop and videoMobile are all provided, the HeroBanner uses AmbientVideo instead of Picture. This example loops continuously.
-    </Text>
-  </HeroBanner>
-
-  <HeroBanner
-    pageBackgroundColour="teal_light"
-    imageSet={defaultData.heroBannerImage}
-    image={defaultData.heroBannerImage}
-    imageLow={defaultData.heroBannerImage}
-    imageAltText="Video poster"
-    variant={variants.FULL_HEIGHT}
-    copyLeft={false}
-    paddingTop="2rem"
-    videoDesktop={require('../../Atoms/AmbientVideo/big-buck-bunny-1080p-30sec.mp4').default}
-    videoMobile={require('../../Atoms/AmbientVideo/thetestdatacom_480p_example.mp4').default}
-    videoLoop={false}
-  >
-    <Text tag="h1">
-      Full Height with Ambient Video (no loop)
-    </Text>
-    <Text tag="p">
-      Same video setup but with videoLoop=false. The video plays once then shows the poster image.
-    </Text>
-  </HeroBanner>
-
-  <HeroBanner
-    pageBackgroundColour="teal_light"
-    imageSet={defaultData.heroBannerImage}
-    image={defaultData.heroBannerImage}
-    imageLow={defaultData.heroBannerImage}
-    imageAltText="Image alt text"
-    variant={variants.FULL_HEIGHT}
-    copyLeft
-    paddingTop="2rem"
-    logoImage={defaultData.heroBannerLogoImageSquare}
-  >
-    <Text tag="h1">
-      Full Height: Copy Left w/Logo (Right on L+)
-    </Text>
-    <Text tag="p">
-       SQUARE-ISH logo shown top-right on Small and Medium breakpoints by design; images for those contexts will be picked to suit. However, as the image change logic happens at CRcom integration level (to avoid loading huge, unused images), we have a simpler, more
-       overlappy example here.
-    </Text>
-  </HeroBanner>
-
-  <HeroBanner
-    pageBackgroundColour="teal_light"
-    imageSet={defaultData.heroBannerImage}
-    image={defaultData.heroBannerImage}
-    imageLow={defaultData.heroBannerImage}
-    imageAltText="Image alt text"
-    variant={variants.FULL_HEIGHT}
-    copyLeft={false}
-    paddingTop="2rem"
-    logoImage={defaultData.heroBannerLogoImageSquare}
-  >
-    <Text tag="h1">
-      Full Height: Copy Right w/Logo (Left on L+)
-    </Text>
-    <Text tag="p">
-       SQUARE-ISH logo shown top-right on Small and Medium breakpoints by design; images for those contexts will be picked to suit. However, as the image change logic happens at CRcom integration level (to avoid loading huge, unused images), we have a simpler, more
-       overlappy example here.
-    </Text>
-  </HeroBanner>
-
-  <HeroBanner
-    pageBackgroundColour="teal_light"
-    imageSet={defaultData.heroBannerImage}
-    image={defaultData.heroBannerImage}
-    imageLow={defaultData.heroBannerImage}
-    imageAltText="Image alt text"
-    variant={variants.FULL_HEIGHT}
-    copyLeft={false}
-    paddingTop="2rem"
-    logoImage={defaultData.heroBannerLogoImageWide}
-  >
-    <Text tag="h1">
-      Full Height: Copy Right, w/Logo (Left on L+)
-    </Text>
-    <Text tag="p">
-       WIDE logo shown top-right on Small and Medium breakpoints by design; images for those contexts will be picked to suit. However, as the image change logic happens at CRcom integration level (to avoid loading huge, unused images), we have a simpler, more
-       overlappy example here.
-    </Text>
-  </HeroBanner>
-
-
-  <HeroBanner
-    pageBackgroundColour="teal_light"
-    imageSet={defaultData.heroBannerImage}
-    image={defaultData.heroBannerImage}
-    imageLow={defaultData.heroBannerImage}
-    imageAltText="Image alt text"
-    variant={variants.FULL_HEIGHT}
-    copyLeft={false}
-    paddingTop="2rem"
-    logoImage={defaultData.heroBannerLogoImageTall}
-  >
-    <Text tag="h1">
-      Full Height: Copy Right, w/Logo (Left on L+)
-    </Text>
-    <Text tag="p">
-       TALL logo shown top-right on Small and Medium breakpoints by design; images for those contexts will be picked to suit. However, as the image change logic happens at CRcom integration level (to avoid loading huge, unused images), we have a simpler, more
-       overlappy example here.
-    </Text>
-  </HeroBanner>
-
-  <HeroBanner
-    pageBackgroundColour="teal_light"
-    imageSet={defaultData.heroBannerImage}
-    image={defaultData.heroBannerImage}
-    imageLow={defaultData.heroBannerImage}
-    imageAltText="Image alt text"
-    variant={variants.FULL_HEIGHT}
-    copyLeft={true}
-    paddingTop="2rem"
-    logoImage={defaultData.heroBannerLogoImageTall}
-  >
-    <Text tag="h1">
-      Full Height: Copy Right, w/Logo (Right on L+)
-    </Text>
-    <Text tag="p">
-       TALL logo shown top-right on Small and Medium breakpoints by design; images for those contexts will be picked to suit. However, as the image change logic happens at CRcom integration level (to avoid loading huge, unused images), we have a simpler, more
-       overlappy example here.
-    </Text>
-  </HeroBanner>
-
-
-</div>
-```
diff --git a/src/components/Molecules/HeroBanner/HeroBanner.style.js b/src/components/Molecules/HeroBanner/HeroBanner.style.js
index 26ac966f0..179ba3b7e 100644
--- a/src/components/Molecules/HeroBanner/HeroBanner.style.js
+++ b/src/components/Molecules/HeroBanner/HeroBanner.style.js
@@ -2,7 +2,6 @@ import styled, { css } from 'styled-components';
 import variants from './_variants';
 import { bounceUpAnimation, playPauseReveal } from '../../../theme/shared/animations';
 import defaultBoxShadow from '../../../theme/shared/boxShadows';
-import { ArrowIconWrapper, ArrowIconInner } from '../shared/ctaArrow/CtaArrowCircle.style';
 import Picture from '../../Atoms/Picture/Picture';
 
 // Lil helper function to streamline things somewhat:
@@ -29,8 +28,8 @@ const Container = styled.div`
   display: flex;
   position: relative;
   flex-direction: column;
-  background: ${({ theme, pageBackgroundColour }) => theme.color(pageBackgroundColour)}; 
-  justify-content: center; 
+  background: ${({ theme, pageBackgroundColour }) => theme.color(pageBackgroundColour)};
+  justify-content: center;
   ${({ paddingTop, paddingBottom }) => css`padding: ${paddingTop} 0 ${paddingBottom};`}
 
   ${({ variant, paddingTop, paddingBottom }) => (variant === variants.TEXT_BANNER && css`
@@ -72,7 +71,7 @@ const OuterWrapper = styled.div`
 const MediaWrapper = styled.div`
   width: 100%;
   height: 100%;
-    
+
   @media ${({ theme }) => theme.breakpoints2026('L')} {
     position: absolute;
     top: 0;
@@ -86,7 +85,7 @@ const MediaWrapper = styled.div`
       transform: scale(1.02);
       transition: transform 0.4s cubic-bezier(0.68, -1.15, 0.265, 2.35);
 
-      ${({ variant }) => (variant === variants.HALF_HEIGHT && 'min-height: 450px;')};  
+      ${({ variant }) => (variant === variants.HALF_HEIGHT && 'min-height: 450px;')};
    }
 
     &:has(+ div a:hover) {
@@ -103,8 +102,8 @@ const CopyOuterWrapper = styled.div`
   left: 0;
   right: 0;
   display: flex;
-  width: calc(100% - (2 * 1rem)); 
-  
+  width: calc(100% - (2 * 1rem));
+
   ${({ variant }) => (variant !== variants.TEXT_BANNER ? 'margin: -2rem 1rem 0;' : 'margin: 0; width: 100%;')}
 
   @media ${({ theme }) => theme.breakpoints2026('M')} {
@@ -177,12 +176,12 @@ const CopyInnerWrapper = styled.div`
 
     ${({ variant }) => (variant === variants.TEXT_BANNER ? css`width: 100%;` : css`width: 50%;`)};
 
-    ${({ variant }) => (variant === variants.TEXT_BANNER ? css`margin: 0;` : css`margin: 2rem 0;`)};   
+    ${({ variant }) => (variant === variants.TEXT_BANNER ? css`margin: 0;` : css`margin: 2rem 0;`)};
 
     justify-content: ${({ copyLeft }) => (copyLeft
     ? css` flex-end;`
     : css` flex-start;`
-  )};    
+  )};
   }
 `;
 
@@ -194,7 +193,7 @@ const CTAWrapper = styled.div`
 
   ${({ variant }) => (variant !== variants.TEXT_BANNER && css`
     padding-right: 2.5rem;
-    
+
     span {
       font-weight: bold;
       color: ${({ theme }) => theme.color('red')};
@@ -223,7 +222,7 @@ const HeroBannerLink = styled.a`
 
     // As the link is now wrapping the content, it'll take over width duties from 'Copy':
     width: ${({ variant }) => (variant !== variants.TEXT_BANNER ? '92%' : '100%')};
-    
+
     > div {
       width: 100%;
     }
@@ -235,14 +234,6 @@ const HeroBannerLink = styled.a`
       }
     }
   }
-
-  @media ${({ theme }) => theme.allBreakpoints('M')} {
-    &:hover {
-      ${ArrowIconWrapper} ${ArrowIconInner} {
-        transform: scale(1.2);
-      }
-    }
-  }
 `;
 
 const LogoImageWrapper = styled.div`
@@ -264,7 +255,7 @@ const LogoImageWrapper = styled.div`
     ${({ imageRight }) => (imageRight
     ? css` right: 0;`
     : css` left: 0;`
-  )};   
+  )};
   }
 `;
 
diff --git a/src/components/Molecules/HeroBanner/HeroBanner.test.js b/src/components/Molecules/HeroBanner/HeroBanner.test.js
index 30725aa4e..007b7dac0 100644
--- a/src/components/Molecules/HeroBanner/HeroBanner.test.js
+++ b/src/components/Molecules/HeroBanner/HeroBanner.test.js
@@ -5,7 +5,7 @@ import HeroBanner from './HeroBanner';
 import Text from '../../Atoms/Text/Text';
 import variants from './_variants';
 
-const defaultData = require('../../../styleguide/data/data').defaultData;
+const defaultData = require('../../../data/data').defaultData;
 
 it('renders "Full Height Media" Hero Banner correctly', () => {
   const tree = renderWithTheme(
diff --git a/src/components/Molecules/HeroBanner/HeroBannerExample.jsx b/src/components/Molecules/HeroBanner/HeroBannerExample.jsx
new file mode 100644
index 000000000..73191b29d
--- /dev/null
+++ b/src/components/Molecules/HeroBanner/HeroBannerExample.jsx
@@ -0,0 +1,73 @@
+import React from 'react';
+import HeroBanner from './HeroBanner';
+import Text from '../../Atoms/Text/Text';
+import variants from './_variants';
+import { defaultData } from '../../../data/data';
+import video1080 from '../../Atoms/AmbientVideo/big-buck-bunny-1080p-30sec.mp4';
+import videoMobile from '../../Atoms/AmbientVideo/thetestdatacom_480p_example.mp4';
+
+const imageProps = {
+  imageSet: defaultData.heroBannerImage,
+  image: defaultData.heroBannerImage,
+  imageLow: defaultData.heroBannerImage,
+  imageAltText: 'Image alt text',
+};
+
+export default function HeroBannerExample() {
+  return (
+    <div style={{ display: 'flex', flexDirection: 'column', gap: '4rem' }}>
+
+      <HeroBanner pageBackgroundColour="teal_light" {...imageProps} variant={variants.FULL_HEIGHT} copyLeft paddingTop="2rem">
+        <Text tag="h1">Full Height: Copy Left</Text>
+        <Text tag="p">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</Text>
+      </HeroBanner>
+
+      <HeroBanner pageBackgroundColour="teal_light" {...imageProps} variant={variants.FULL_HEIGHT} copyLeft={false} ctaText="Register to fundraise" ctaUrl="http://www.comicrelief.com/register" paddingTop="2rem">
+        <Text tag="h1">Full Height: Copy Right w/CTA, Same Tab</Text>
+        <Text tag="p">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</Text>
+      </HeroBanner>
+
+      <HeroBanner pageBackgroundColour="teal_light" {...imageProps} variant={variants.FULL_HEIGHT} copyLeft ctaText="Register to fundraise" ctaUrl="http://www.comicrelief.com/register" ctaNewTab paddingTop="2rem">
+        <Text tag="h1">Full Height: Copy Left w/CTA, New Tab</Text>
+        <Text tag="p">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</Text>
+      </HeroBanner>
+
+      <HeroBanner pageBackgroundColour="blue_dark" {...imageProps} copyLeft={false}>
+        <Text tag="h1">Full Height: Copy Right (default variant/padding)</Text>
+        <Text tag="p">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</Text>
+      </HeroBanner>
+
+      <HeroBanner pageBackgroundColour="orange" {...imageProps} variant={variants.HALF_HEIGHT} paddingTop="2rem">
+        <Text tag="h1">Half Height: min height</Text>
+        <Text tag="p">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</Text>
+      </HeroBanner>
+
+      <HeroBanner variant={variants.TEXT_BANNER} copyColour="white">
+        <Text tag="h1">Responsive Text Banner, default padding and colours</Text>
+        <Text tag="p">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</Text>
+      </HeroBanner>
+
+      <HeroBanner pageBackgroundColour="grey" textBannerCopyBackgroundColour="deep_violet" variant={variants.TEXT_BANNER} ctaUrl="http://www.comicrelief.com/register" ctaText="Register" copyColour="white" ctaNewTab>
+        <Text tag="h1">Responsive Text Banner w/CTA, New Tab</Text>
+        <Text tag="p">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</Text>
+      </HeroBanner>
+
+      <HeroBanner
+        pageBackgroundColour="teal_light"
+        imageSet={defaultData.heroBannerImage}
+        imageLow={defaultData.heroBannerImage}
+        imageAltText="Video poster"
+        variant={variants.FULL_HEIGHT}
+        copyLeft
+        paddingTop="2rem"
+        videoDesktop={video1080}
+        videoMobile={videoMobile}
+        videoLoop
+      >
+        <Text tag="h1">Full Height with Ambient Video (looping)</Text>
+        <Text tag="p">When imageSet, imageLow, videoDesktop and videoMobile are all provided, HeroBanner uses AmbientVideo.</Text>
+      </HeroBanner>
+
+    </div>
+  );
+}
diff --git a/src/components/Molecules/HeroBanner/__snapshots__/HeroBanner.test.js.snap b/src/components/Molecules/HeroBanner/__snapshots__/HeroBanner.test.js.snap
index 63508695f..436784f56 100644
--- a/src/components/Molecules/HeroBanner/__snapshots__/HeroBanner.test.js.snap
+++ b/src/components/Molecules/HeroBanner/__snapshots__/HeroBanner.test.js.snap
@@ -5,9 +5,6 @@ exports[`renders "Full Height Media" Hero Banner correctly 1`] = `
   font-family: 'Anton',Impact,sans-serif;
   font-weight: 400;
   text-transform: uppercase;
-  -webkit-letter-spacing: 0;
-  -moz-letter-spacing: 0;
-  -ms-letter-spacing: 0;
   letter-spacing: 0;
   font-size: 2rem;
   line-height: 2rem;
@@ -26,9 +23,6 @@ exports[`renders "Full Height Media" Hero Banner correctly 1`] = `
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: 400;
   text-transform: inherit;
-  -webkit-letter-spacing: 0;
-  -moz-letter-spacing: 0;
-  -ms-letter-spacing: 0;
   letter-spacing: 0;
   font-size: 1rem;
   line-height: 1.25rem;
@@ -60,18 +54,10 @@ exports[`renders "Full Height Media" Hero Banner correctly 1`] = `
 .c0 {
   width: 100%;
   height: auto;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
   position: relative;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
   flex-direction: column;
   background: #86E4E9;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
   justify-content: center;
   padding: 0rem 0 2rem;
 }
@@ -80,16 +66,8 @@ exports[`renders "Full Height Media" Hero Banner correctly 1`] = `
   width: 100%;
   max-width: none;
   position: relative;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
   flex-direction: column;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
   align-items: center;
 }
 
@@ -103,9 +81,6 @@ exports[`renders "Full Height Media" Hero Banner correctly 1`] = `
   height: 100%;
   left: 0;
   right: 0;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
   width: calc(100% - (2 * 1rem));
   margin: -2rem 1rem 0;
@@ -123,76 +98,47 @@ exports[`renders "Full Height Media" Hero Banner correctly 1`] = `
 .c6 {
   width: 100%;
   height: 100%;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
   align-items: center;
   border-radius: 1rem;
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c8 {
     font-size: 2.5rem;
     line-height: 2.5rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c8 {
     font-size: 3rem;
     line-height: 3rem;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c9 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c9 {
     font-size: 1.125rem;
     line-height: 1.375rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c0 {
     padding: 0rem 2rem 2rem;
-    -webkit-align-items: center;
-    -webkit-box-align: center;
-    -ms-flex-align: center;
     align-items: center;
   }
 }
 
-@media (min-width:1024px) {
-  .c1 {
-    width: 100%;
-    max-width: 1500px;
-    border-radius: 1rem;
-    overflow: hidden;
-    box-shadow: rgba(0,0,0,0.15) 0px 0px 1rem;
-    height: 75vh;
-    min-height: 600px;
-    max-height: 750px;
-  }
-
-  .c1:hover button[data-play-pause],
-  .c1:focus-within button[data-play-pause] {
-    opacity: 0.8;
-    -webkit-transition-delay: 0s;
-    transition-delay: 0s;
-  }
-}
-
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c2 {
     position: absolute;
     top: 0;
@@ -202,29 +148,23 @@ exports[`renders "Full Height Media" Hero Banner correctly 1`] = `
   .c2 img {
     object-position: top center;
     height: 100%;
-    -webkit-transform: scale(1.02);
-    -ms-transform: scale(1.02);
     transform: scale(1.02);
-    -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.68,-1.15,0.265,2.35);
-    -webkit-transition: transform 0.4s cubic-bezier(0.68,-1.15,0.265,2.35);
     transition: transform 0.4s cubic-bezier(0.68,-1.15,0.265,2.35);
   }
 
-  .c2:has(+ div a:hover) > div > img {
-    -webkit-transform: scale(1.04);
-    -ms-transform: scale(1.04);
+  .c2:has(+ div a:hover) >div>img {
     transform: scale(1.04);
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c5 {
     margin: -2rem 2rem 0rem;
     width: calc(100% - (2 * 2rem));
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c5 {
     position: relative;
     top: auto;
@@ -232,18 +172,9 @@ exports[`renders "Full Height Media" Hero Banner correctly 1`] = `
     height: 100%;
     width: 100%;
     max-width: 1200px;
-    display: -webkit-box;
-    display: -webkit-flex;
-    display: -ms-flexbox;
     display: flex;
-    -webkit-align-items: center;
-    -webkit-box-align: center;
-    -ms-flex-align: center;
     align-items: center;
     margin: 0 auto;
-    -webkit-box-pack: start;
-    -webkit-justify-content: flex-start;
-    -ms-flex-pack: start;
     justify-content: flex-start;
     height: 75vh;
     min-height: 600px;
@@ -251,53 +182,67 @@ exports[`renders "Full Height Media" Hero Banner correctly 1`] = `
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c7 {
     padding: 2rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c7 {
     width: 92%;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c6 {
     height: auto;
     width: 50%;
     margin: 2rem 0;
-    -webkit-box-pack: end;
-    -webkit-justify-content: flex-end;
-    -ms-flex-pack: end;
     justify-content: flex-end;
   }
 }
 
 <div
   className="c0"
+  paddingBottom="2rem"
+  paddingTop="0rem"
+  pageBackgroundColour="teal_light"
+  variant="full_height_media"
 >
   <div
     className="c1"
+    textBannerCopyBackgroundColour="deep_violet"
+    variant="full_height_media"
   >
     <div
       className="c2"
+      variant="full_height_media"
     >
       <div
         className="c3 lazyload"
         height="100%"
+        image="mock.asset"
+        images="mock.asset"
+        isBackgroundImage={false}
+        nonObjFitImage="mock.asset"
+        objFitState={true}
+        setObjFitState={[Function]}
         width="100%"
       >
         <img
           alt="Image alt text"
           className="c4 lazyload"
-          data-lowsrc="../PromoLW.jpg"
+          data-lowsrc="mock.asset"
           data-sizes="auto"
-          data-src="../PromoLW.jpg"
-          data-srcset="../PromoLW.jpg"
+          data-src="mock.asset"
+          data-srcset="mock.asset"
           height="100%"
-          src="../PromoLW.jpg"
+          mediumBreakpointRowLayout={null}
+          objFitState={true}
+          objectFit="cover"
+          smallBreakpointRowLayout={null}
+          src="mock.asset"
           srcSet="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"
           width="100%"
         />
@@ -305,12 +250,19 @@ exports[`renders "Full Height Media" Hero Banner correctly 1`] = `
     </div>
     <div
       className="c5"
+      copyLeft={true}
+      variant="full_height_media"
     >
       <div
         className="c6"
+        copyLeft={true}
+        variant="full_height_media"
       >
         <div
           className="c7"
+          copyColour="black"
+          textBannerCopyBackgroundColour="deep_violet"
+          variant="full_height_media"
         >
           <h1
             className="c8"
@@ -334,9 +286,6 @@ exports[`renders "Half Height Media" Hero Banner correctly 1`] = `
   font-family: 'Anton',Impact,sans-serif;
   font-weight: 400;
   text-transform: uppercase;
-  -webkit-letter-spacing: 0;
-  -moz-letter-spacing: 0;
-  -ms-letter-spacing: 0;
   letter-spacing: 0;
   font-size: 2rem;
   line-height: 2rem;
@@ -355,9 +304,6 @@ exports[`renders "Half Height Media" Hero Banner correctly 1`] = `
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: 400;
   text-transform: inherit;
-  -webkit-letter-spacing: 0;
-  -moz-letter-spacing: 0;
-  -ms-letter-spacing: 0;
   letter-spacing: 0;
   font-size: 1rem;
   line-height: 1.25rem;
@@ -389,18 +335,10 @@ exports[`renders "Half Height Media" Hero Banner correctly 1`] = `
 .c0 {
   width: 100%;
   height: auto;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
   position: relative;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
   flex-direction: column;
   background: #86E4E9;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
   justify-content: center;
   padding: 0rem 0 2rem;
 }
@@ -409,16 +347,8 @@ exports[`renders "Half Height Media" Hero Banner correctly 1`] = `
   width: 100%;
   max-width: none;
   position: relative;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
   flex-direction: column;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
   align-items: center;
 }
 
@@ -432,9 +362,6 @@ exports[`renders "Half Height Media" Hero Banner correctly 1`] = `
   height: 100%;
   left: 0;
   right: 0;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
   width: calc(100% - (2 * 1rem));
   margin: -2rem 1rem 0;
@@ -452,75 +379,47 @@ exports[`renders "Half Height Media" Hero Banner correctly 1`] = `
 .c6 {
   width: 100%;
   height: 100%;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
   align-items: center;
   border-radius: 1rem;
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c8 {
     font-size: 2.5rem;
     line-height: 2.5rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c8 {
     font-size: 3rem;
     line-height: 3rem;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c9 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c9 {
     font-size: 1.125rem;
     line-height: 1.375rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c0 {
     padding: 0rem 2rem 2rem;
-    -webkit-align-items: center;
-    -webkit-box-align: center;
-    -ms-flex-align: center;
     align-items: center;
   }
 }
 
-@media (min-width:1024px) {
-  .c1 {
-    width: 100%;
-    max-width: 1500px;
-    border-radius: 1rem;
-    overflow: hidden;
-    box-shadow: rgba(0,0,0,0.15) 0px 0px 1rem;
-    height: auto;
-    min-height: 450px;
-  }
-
-  .c1:hover button[data-play-pause],
-  .c1:focus-within button[data-play-pause] {
-    opacity: 0.8;
-    -webkit-transition-delay: 0s;
-    transition-delay: 0s;
-  }
-}
-
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c2 {
     position: absolute;
     top: 0;
@@ -530,30 +429,24 @@ exports[`renders "Half Height Media" Hero Banner correctly 1`] = `
   .c2 img {
     object-position: top center;
     height: 100%;
-    -webkit-transform: scale(1.02);
-    -ms-transform: scale(1.02);
     transform: scale(1.02);
-    -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.68,-1.15,0.265,2.35);
-    -webkit-transition: transform 0.4s cubic-bezier(0.68,-1.15,0.265,2.35);
     transition: transform 0.4s cubic-bezier(0.68,-1.15,0.265,2.35);
     min-height: 450px;
   }
 
-  .c2:has(+ div a:hover) > div > img {
-    -webkit-transform: scale(1.04);
-    -ms-transform: scale(1.04);
+  .c2:has(+ div a:hover) >div>img {
     transform: scale(1.04);
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c5 {
     margin: -2rem 2rem 0rem;
     width: calc(100% - (2 * 2rem));
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c5 {
     position: relative;
     top: auto;
@@ -561,71 +454,76 @@ exports[`renders "Half Height Media" Hero Banner correctly 1`] = `
     height: 100%;
     width: 100%;
     max-width: 1200px;
-    display: -webkit-box;
-    display: -webkit-flex;
-    display: -ms-flexbox;
     display: flex;
-    -webkit-align-items: center;
-    -webkit-box-align: center;
-    -ms-flex-align: center;
     align-items: center;
     margin: 0 auto;
-    -webkit-box-pack: end;
-    -webkit-justify-content: flex-end;
-    -ms-flex-pack: end;
     justify-content: flex-end;
     height: auto;
     min-height: 450px;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c7 {
     padding: 2rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c7 {
     width: 92%;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c6 {
     height: auto;
     width: 50%;
     margin: 2rem 0;
-    -webkit-box-pack: start;
-    -webkit-justify-content: flex-start;
-    -ms-flex-pack: start;
     justify-content: flex-start;
   }
 }
 
 <div
   className="c0"
+  paddingBottom="2rem"
+  paddingTop="0rem"
+  pageBackgroundColour="teal_light"
+  variant="half_height_media"
 >
   <div
     className="c1"
+    textBannerCopyBackgroundColour="deep_violet"
+    variant="half_height_media"
   >
     <div
       className="c2"
+      variant="half_height_media"
     >
       <div
         className="c3 lazyload"
         height="100%"
+        image="mock.asset"
+        images="mock.asset"
+        isBackgroundImage={false}
+        nonObjFitImage="mock.asset"
+        objFitState={true}
+        setObjFitState={[Function]}
         width="100%"
       >
         <img
           alt="Image alt text"
           className="c4 lazyload"
-          data-lowsrc="../PromoLW.jpg"
+          data-lowsrc="mock.asset"
           data-sizes="auto"
-          data-src="../PromoLW.jpg"
-          data-srcset="../PromoLW.jpg"
+          data-src="mock.asset"
+          data-srcset="mock.asset"
           height="100%"
-          src="../PromoLW.jpg"
+          mediumBreakpointRowLayout={null}
+          objFitState={true}
+          objectFit="cover"
+          smallBreakpointRowLayout={null}
+          src="mock.asset"
           srcSet="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"
           width="100%"
         />
@@ -633,12 +531,19 @@ exports[`renders "Half Height Media" Hero Banner correctly 1`] = `
     </div>
     <div
       className="c5"
+      copyLeft={false}
+      variant="half_height_media"
     >
       <div
         className="c6"
+        copyLeft={false}
+        variant="half_height_media"
       >
         <div
           className="c7"
+          copyColour="black"
+          textBannerCopyBackgroundColour="deep_violet"
+          variant="half_height_media"
         >
           <h1
             className="c8"
@@ -662,9 +567,6 @@ exports[`renders "Text Banner" Hero Banner correctly 1`] = `
   font-family: 'Anton',Impact,sans-serif;
   font-weight: 400;
   text-transform: uppercase;
-  -webkit-letter-spacing: 0;
-  -moz-letter-spacing: 0;
-  -ms-letter-spacing: 0;
   letter-spacing: 0;
   font-size: 2rem;
   line-height: 2rem;
@@ -683,9 +585,6 @@ exports[`renders "Text Banner" Hero Banner correctly 1`] = `
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: 400;
   text-transform: inherit;
-  -webkit-letter-spacing: 0;
-  -moz-letter-spacing: 0;
-  -ms-letter-spacing: 0;
   letter-spacing: 0;
   font-size: 1rem;
   line-height: 1.25rem;
@@ -703,18 +602,10 @@ exports[`renders "Text Banner" Hero Banner correctly 1`] = `
 .c0 {
   width: 100%;
   height: auto;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
   position: relative;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
   flex-direction: column;
   background: #86E4E9;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
   justify-content: center;
   padding: 0rem 0 2rem;
   padding: 0rem 1rem 2rem;
@@ -724,16 +615,8 @@ exports[`renders "Text Banner" Hero Banner correctly 1`] = `
   width: 100%;
   max-width: none;
   position: relative;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
   flex-direction: column;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
   align-items: center;
 }
 
@@ -742,9 +625,6 @@ exports[`renders "Text Banner" Hero Banner correctly 1`] = `
   height: 100%;
   left: 0;
   right: 0;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
   width: calc(100% - (2 * 1rem));
   margin: 0;
@@ -764,147 +644,122 @@ exports[`renders "Text Banner" Hero Banner correctly 1`] = `
 .c3 {
   width: 100%;
   height: 100%;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
   align-items: center;
   border-radius: 1rem;
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c5 {
     font-size: 2.5rem;
     line-height: 2.5rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c5 {
     font-size: 3rem;
     line-height: 3rem;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c6 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c6 {
     font-size: 1.125rem;
     line-height: 1.375rem;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c0 {
     padding-left: 2rem;
     padding-right: 2rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c0 {
     padding: 0rem 2rem 2rem;
-    -webkit-align-items: center;
-    -webkit-box-align: center;
-    -ms-flex-align: center;
     align-items: center;
   }
 }
 
-@media (min-width:1024px) {
-  .c1 {
-    width: 100%;
-    max-width: 1500px;
-    border-radius: 1rem;
-    overflow: hidden;
-    box-shadow: rgba(0,0,0,0.15) 0px 0px 1rem;
-  }
-
-  .c1:hover button[data-play-pause],
-  .c1:focus-within button[data-play-pause] {
-    opacity: 0.8;
-    -webkit-transition-delay: 0s;
-    transition-delay: 0s;
-  }
-}
-
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c2 {
     margin: 0;
     width: 100%;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c2 {
     position: relative;
     top: auto;
     left: auto;
     height: 100%;
     width: 100%;
-    display: -webkit-box;
-    display: -webkit-flex;
-    display: -ms-flexbox;
     display: flex;
-    -webkit-align-items: center;
-    -webkit-box-align: center;
-    -ms-flex-align: center;
     align-items: center;
     margin: 0 auto;
-    -webkit-box-pack: center;
-    -webkit-justify-content: center;
-    -ms-flex-pack: center;
     justify-content: center;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c4 {
     padding: 4rem 11%;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c4 {
     width: 100%;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c3 {
     height: auto;
     width: 100%;
     margin: 0;
-    -webkit-box-pack: start;
-    -webkit-justify-content: flex-start;
-    -ms-flex-pack: start;
     justify-content: flex-start;
   }
 }
 
 <div
   className="c0"
+  paddingBottom="2rem"
+  paddingTop="0rem"
+  pageBackgroundColour="teal_light"
+  variant="text_banner"
 >
   <div
     className="c1"
+    textBannerCopyBackgroundColour="deep_violet"
+    variant="text_banner"
   >
     <div
       className="c2"
+      copyLeft={false}
+      variant="text_banner"
     >
       <div
         className="c3"
+        copyLeft={false}
+        variant="text_banner"
       >
         <div
           className="c4"
+          copyColour="black"
+          textBannerCopyBackgroundColour="deep_violet"
+          variant="text_banner"
         >
           <h1
             className="c5"
@@ -928,9 +783,6 @@ exports[`renders "Text Banner" Hero Banner correctly 2`] = `
   font-family: 'Anton',Impact,sans-serif;
   font-weight: 400;
   text-transform: uppercase;
-  -webkit-letter-spacing: 0;
-  -moz-letter-spacing: 0;
-  -ms-letter-spacing: 0;
   letter-spacing: 0;
   font-size: 2rem;
   line-height: 2rem;
@@ -945,9 +797,6 @@ exports[`renders "Text Banner" Hero Banner correctly 2`] = `
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: 400;
   text-transform: inherit;
-  -webkit-letter-spacing: 0;
-  -moz-letter-spacing: 0;
-  -ms-letter-spacing: 0;
   letter-spacing: 0;
   font-size: 1rem;
   line-height: 1.25rem;
@@ -989,18 +838,10 @@ exports[`renders "Text Banner" Hero Banner correctly 2`] = `
 .c0 {
   width: 100%;
   height: auto;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
   position: relative;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
   flex-direction: column;
   background: #86E4E9;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
   justify-content: center;
   padding: 2rem 0 2rem;
 }
@@ -1009,16 +850,8 @@ exports[`renders "Text Banner" Hero Banner correctly 2`] = `
   width: 100%;
   max-width: none;
   position: relative;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
   flex-direction: column;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
   align-items: center;
 }
 
@@ -1032,9 +865,6 @@ exports[`renders "Text Banner" Hero Banner correctly 2`] = `
   height: 100%;
   left: 0;
   right: 0;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
   width: calc(100% - (2 * 1rem));
   margin: -2rem 1rem 0;
@@ -1052,13 +882,7 @@ exports[`renders "Text Banner" Hero Banner correctly 2`] = `
 .c6 {
   width: 100%;
   height: 100%;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
   align-items: center;
   border-radius: 1rem;
 }
@@ -1083,65 +907,42 @@ exports[`renders "Text Banner" Hero Banner correctly 2`] = `
   object-position: top right;
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c8 {
     font-size: 2.5rem;
     line-height: 2.5rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c8 {
     font-size: 3rem;
     line-height: 3rem;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c9 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c9 {
     font-size: 1.125rem;
     line-height: 1.375rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c0 {
     padding: 2rem 2rem 2rem;
-    -webkit-align-items: center;
-    -webkit-box-align: center;
-    -ms-flex-align: center;
     align-items: center;
   }
 }
 
-@media (min-width:1024px) {
-  .c1 {
-    width: 100%;
-    max-width: 1500px;
-    border-radius: 1rem;
-    overflow: hidden;
-    box-shadow: rgba(0,0,0,0.15) 0px 0px 1rem;
-    height: 75vh;
-    min-height: 600px;
-    max-height: 750px;
-  }
-
-  .c1:hover button[data-play-pause],
-  .c1:focus-within button[data-play-pause] {
-    opacity: 0.8;
-    -webkit-transition-delay: 0s;
-    transition-delay: 0s;
-  }
-}
-
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c2 {
     position: absolute;
     top: 0;
@@ -1151,29 +952,23 @@ exports[`renders "Text Banner" Hero Banner correctly 2`] = `
   .c2 img {
     object-position: top center;
     height: 100%;
-    -webkit-transform: scale(1.02);
-    -ms-transform: scale(1.02);
     transform: scale(1.02);
-    -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.68,-1.15,0.265,2.35);
-    -webkit-transition: transform 0.4s cubic-bezier(0.68,-1.15,0.265,2.35);
     transition: transform 0.4s cubic-bezier(0.68,-1.15,0.265,2.35);
   }
 
-  .c2:has(+ div a:hover) > div > img {
-    -webkit-transform: scale(1.04);
-    -ms-transform: scale(1.04);
+  .c2:has(+ div a:hover) >div>img {
     transform: scale(1.04);
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c5 {
     margin: -2rem 2rem 0rem;
     width: calc(100% - (2 * 2rem));
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c5 {
     position: relative;
     top: auto;
@@ -1181,18 +976,9 @@ exports[`renders "Text Banner" Hero Banner correctly 2`] = `
     height: 100%;
     width: 100%;
     max-width: 1200px;
-    display: -webkit-box;
-    display: -webkit-flex;
-    display: -ms-flexbox;
     display: flex;
-    -webkit-align-items: center;
-    -webkit-box-align: center;
-    -ms-flex-align: center;
     align-items: center;
     margin: 0 auto;
-    -webkit-box-pack: start;
-    -webkit-justify-content: flex-start;
-    -ms-flex-pack: start;
     justify-content: flex-start;
     height: 75vh;
     min-height: 600px;
@@ -1200,31 +986,28 @@ exports[`renders "Text Banner" Hero Banner correctly 2`] = `
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c7 {
     padding: 2rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c7 {
     width: 92%;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c6 {
     height: auto;
     width: 50%;
     margin: 2rem 0;
-    -webkit-box-pack: end;
-    -webkit-justify-content: flex-end;
-    -ms-flex-pack: end;
     justify-content: flex-end;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c10 {
     margin: 1.5rem;
     width: 160px;
@@ -1233,33 +1016,46 @@ exports[`renders "Text Banner" Hero Banner correctly 2`] = `
   }
 }
 
-@media (min-width:1024px) {
-
-}
-
 <div
   className="c0"
+  paddingBottom="2rem"
+  paddingTop="2rem"
+  pageBackgroundColour="teal_light"
+  variant="full_height_media"
 >
   <div
     className="c1"
+    textBannerCopyBackgroundColour="deep_violet"
+    variant="full_height_media"
   >
     <div
       className="c2"
+      variant="full_height_media"
     >
       <div
         className="c3 lazyload"
         height="100%"
+        image="mock.asset"
+        images="mock.asset"
+        isBackgroundImage={false}
+        nonObjFitImage="mock.asset"
+        objFitState={true}
+        setObjFitState={[Function]}
         width="100%"
       >
         <img
           alt="Image alt text"
           className="c4 lazyload"
-          data-lowsrc="../PromoLW.jpg"
+          data-lowsrc="mock.asset"
           data-sizes="auto"
-          data-src="../PromoLW.jpg"
-          data-srcset="../PromoLW.jpg"
+          data-src="mock.asset"
+          data-srcset="mock.asset"
           height="100%"
-          src="../PromoLW.jpg"
+          mediumBreakpointRowLayout={null}
+          objFitState={true}
+          objectFit="cover"
+          smallBreakpointRowLayout={null}
+          src="mock.asset"
           srcSet="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"
           width="100%"
         />
@@ -1267,12 +1063,19 @@ exports[`renders "Text Banner" Hero Banner correctly 2`] = `
     </div>
     <div
       className="c5"
+      copyLeft={true}
+      variant="full_height_media"
     >
       <div
         className="c6"
+        copyLeft={true}
+        variant="full_height_media"
       >
         <div
           className="c7"
+          copyColour="black"
+          textBannerCopyBackgroundColour="deep_violet"
+          variant="full_height_media"
         >
           <h1
             className="c8"
@@ -1289,17 +1092,26 @@ exports[`renders "Text Banner" Hero Banner correctly 2`] = `
     </div>
     <div
       className="c10"
+      imageRight={true}
     >
       <div
         className="c11 c12"
         height="auto"
+        image="mock.asset"
+        imageRight={true}
+        images={null}
+        isBackgroundImage={false}
+        nonObjFitImage="mock.asset"
+        objFitState={true}
         width="100%"
       >
         <img
           alt=""
           className="c13 lazyload"
-          data-src="../HeroBannerLogo-Square.png"
+          data-src="mock.asset"
           height="auto"
+          objFitState={true}
+          objectFit="contain"
           width="100%"
         />
       </div>
diff --git a/src/components/Molecules/InfoBanner/InfoBanner.md b/src/components/Molecules/InfoBanner/InfoBanner.md
deleted file mode 100644
index bd19fcabf..000000000
--- a/src/components/Molecules/InfoBanner/InfoBanner.md
+++ /dev/null
@@ -1,21 +0,0 @@
-Info Banner Example:
-
-```js
-const title = 'Hello There';
-const amount = '£ 2,000,000';
-const theme = 'Be happy';
-const themeLink = 'cr.com';
-const startDate = '1st June 2010';
-const endDate = '1st June 2020';
-const country = 'Uk';
-
-<InfoBanner
-  title={title}
-  amount={amount}
-  theme={theme}
-  themeLink={themeLink}
-  startDate={startDate}
-  endDate={endDate}
-  country={country}
-/>;
-```
diff --git a/src/components/Molecules/InfoBanner/InfoBannerExample.jsx b/src/components/Molecules/InfoBanner/InfoBannerExample.jsx
new file mode 100644
index 000000000..b2ad01b4a
--- /dev/null
+++ b/src/components/Molecules/InfoBanner/InfoBannerExample.jsx
@@ -0,0 +1,16 @@
+import React from 'react';
+import InfoBanner from './InfoBanner';
+
+export default function InfoBannerExample() {
+  return (
+    <InfoBanner
+      title="Hello There"
+      amount="£ 2,000,000"
+      theme="Be happy"
+      themeLink="cr.com"
+      startDate="1st June 2010"
+      endDate="1st June 2020"
+      country="Uk"
+    />
+  );
+}
diff --git a/src/components/Molecules/InfoBanner/__snapshots__/InfoBanner.test.js.snap b/src/components/Molecules/InfoBanner/__snapshots__/InfoBanner.test.js.snap
index 83056c187..3de301e2f 100644
--- a/src/components/Molecules/InfoBanner/__snapshots__/InfoBanner.test.js.snap
+++ b/src/components/Molecules/InfoBanner/__snapshots__/InfoBanner.test.js.snap
@@ -5,9 +5,6 @@ exports[`renders correctly 1`] = `
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: 700;
   text-transform: inherit;
-  -webkit-letter-spacing: 0;
-  -moz-letter-spacing: 0;
-  -ms-letter-spacing: 0;
   letter-spacing: 0;
   font-size: 1.25rem;
   line-height: 1.5rem;
@@ -27,9 +24,6 @@ exports[`renders correctly 1`] = `
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: 400;
   text-transform: inherit;
-  -webkit-letter-spacing: 0;
-  -moz-letter-spacing: 0;
-  -ms-letter-spacing: 0;
   letter-spacing: 0;
   font-size: 1rem;
   line-height: 1.25rem;
@@ -50,82 +44,65 @@ exports[`renders correctly 1`] = `
   display: inline;
   color: #000000;
   font-weight: normal;
+  color: #E52630;
 }
 
 .c4:hover,
 .c4:focus {
   color: #000000;
-  -webkit-text-decoration: none;
   text-decoration: none;
 }
 
 .c0 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-flex-wrap: wrap;
-  -ms-flex-wrap: wrap;
   flex-wrap: wrap;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
   flex-direction: column;
   position: relative;
 }
 
 .c1 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-align-items: start;
-  -webkit-box-align: start;
-  -ms-flex-align: start;
   align-items: start;
   width: 100%;
   margin-bottom: 2rem;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
   flex-direction: column;
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c2 {
     font-size: 1.25rem;
     line-height: 1.5rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c2 {
     font-size: 1.375rem;
     line-height: 1.625rem;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c3 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c3 {
     font-size: 1.125rem;
     line-height: 1.375rem;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c0 {
-    -webkit-flex-direction: row;
-    -ms-flex-direction: row;
     flex-direction: row;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c1 {
     width: calc(100% / 3);
   }
@@ -174,10 +151,16 @@ exports[`renders correctly 1`] = `
       className="c3"
     >
       <a
+        buttonType="primary"
         className="c4"
+        fullWidth={false}
+        home={false}
         href="cr.com"
+        iconFirst={false}
+        mobileColour={null}
         target="_self"
         type="standard"
+        underline={true}
       >
         Be happy
       </a>
diff --git a/src/components/Molecules/LogoLinked/LogoLinked.md b/src/components/Molecules/LogoLinked/LogoLinked.md
deleted file mode 100644
index 67cae135f..000000000
--- a/src/components/Molecules/LogoLinked/LogoLinked.md
+++ /dev/null
@@ -1,16 +0,0 @@
-# Comic Relief Logo without animation
-
-```js
-<LogoLinked sizeSm="50px" sizeMd="60px" />
-```
-
-# Comic Relief Logo with hover animation and custom hovertext
-
-```js
-<LogoLinked
-    animateRotate
-    sizeSm="50px"
-    sizeMd="60px"
-    title="I'm a custom title"
-/>
-```
diff --git a/src/components/Molecules/PartnerLink/PartnerLink.md b/src/components/Molecules/PartnerLink/PartnerLink.md
deleted file mode 100644
index 62c83b623..000000000
--- a/src/components/Molecules/PartnerLink/PartnerLink.md
+++ /dev/null
@@ -1,8 +0,0 @@
-# Partner Link
-
-```js
-const defaultData = require('../../../styleguide/data/data').defaultData;import Picture from '../../Atoms/Picture/Picture';
-<PartnerLink link="https://www.comicrelief.com">
-  <Picture alt="test Image" imageLow={defaultData.imageLow} images={defaultData.images} />
-</PartnerLink>;
-```
diff --git a/src/components/Molecules/PartnerLink/PartnerLink.style.js b/src/components/Molecules/PartnerLink/PartnerLink.style.js
index d0afa72cf..19d1776b0 100644
--- a/src/components/Molecules/PartnerLink/PartnerLink.style.js
+++ b/src/components/Molecules/PartnerLink/PartnerLink.style.js
@@ -18,8 +18,8 @@ const Item = styled(Link)`
   position: relative;
   padding: 0;
   border: none;
-  :hover,
-  :focus {
+  &:hover,
+  &:focus {
     border: none;
     ${MoreInfo} {
       overflow: inherit;
diff --git a/src/components/Molecules/PartnerLink/PartnerLink.test.js b/src/components/Molecules/PartnerLink/PartnerLink.test.js
index 6fd6a05d9..41a7adb04 100644
--- a/src/components/Molecules/PartnerLink/PartnerLink.test.js
+++ b/src/components/Molecules/PartnerLink/PartnerLink.test.js
@@ -4,7 +4,7 @@ import 'jest-styled-components';
 import renderWithTheme from '../../../../tests/hoc/shallowWithTheme';
 import PartnerLink from './PartnerLink';
 import Picture from '../../Atoms/Picture/Picture';
-import { defaultData } from '../../../styleguide/data/data';
+import { defaultData } from '../../../data/data';
 it('renders correctly', () => {
   const tree = renderWithTheme(
     <PartnerLink link="https://www.comicrelief.com">
@@ -17,166 +17,173 @@ it('renders correctly', () => {
   ).toJSON();
 
   expect(tree).toMatchInlineSnapshot(`
-    .c4 {
-      font-family: 'Montserrat',Helvetica,Arial,sans-serif;
-      font-weight: 400;
-      text-transform: inherit;
-      -webkit-letter-spacing: 0;
-      -moz-letter-spacing: 0;
-      -ms-letter-spacing: 0;
-      letter-spacing: 0;
-      font-size: 1rem;
-      line-height: 1.25rem;
-    }
-
-    .c4 {
-      font-size: 0.6875rem;
-      line-height: normal;
-      color: #FFFFFF;
-    }
-
-    .c4 span {
-      font-size: inherit;
-      line-height: inherit;
-    }
-
-    .c2 {
-      display: block;
-      width: 100%;
-      height: auto;
-      position: relative;
-    }
-
-    .c3 {
-      width: 100%;
-      height: auto;
-      display: block;
-      object-fit: none;
-    }
-
-    .c0 {
-      position: relative;
-      display: inline;
-      color: #000000;
-      font-weight: normal;
-    }
-
-    .c0:hover,
-    .c0:focus {
-      color: #000000;
-      -webkit-text-decoration: none;
-      text-decoration: none;
-    }
-
-    .c6 {
-      border: 0;
-      -webkit-clip: rect(0 0 0 0);
-      clip: rect(0 0 0 0);
-      -webkit-clip-path: inset(50%);
-      clip-path: inset(50%);
-      height: 1px;
-      margin: -1px;
-      overflow: hidden;
-      padding: 0;
-      position: absolute;
-      white-space: nowrap;
-      width: 1px;
-      height: auto;
-    }
-
-    .c1 {
-      display: block;
-      position: relative;
-      padding: 0;
-      border: none;
-    }
-
-    .c1:hover,
-    .c1:focus {
-      border: none;
-    }
-
-    .c1:hover .c5,
-    .c1:focus .c5 {
-      overflow: inherit;
-      -webkit-clip-path: none;
-      clip-path: none;
-      margin: 0;
-      text-align: center;
-      -webkit-transform: translateY(-50%);
-      -ms-transform: translateY(-50%);
-      transform: translateY(-50%);
-      -webkit-clip: auto;
-      clip: auto;
-      top: 50%;
-      left: 0;
-      width: 100%;
-      z-index: 2;
-    }
-
-    .c1:hover::after,
-    .c1:focus::after {
-      content: '';
-      position: absolute;
-      display: block;
-      top: 0;
-      right: 0;
-      bottom: 0;
-      left: 0;
-      width: 100%;
-      height: 100%;
-      background-color: #E52630;
-    }
-
-    @media (min-width:740px) {
-      .c4 {
-        font-size: 1rem;
-        line-height: 1.25rem;
-      }
-    }
-
-    @media (min-width:1024px) {
-      .c4 {
-        font-size: 1.125rem;
-        line-height: 1.375rem;
-      }
-    }
-
-    @media (min-width:740px) {
-      .c6 {
-        font-size: 1rem;
-      }
-    }
-
-    <a
-      className="c0 c1"
-      href="https://www.comicrelief.com"
-      target="_self"
-      type="standard"
-    >
-      <div
-        className="c2 lazyload"
-        height="auto"
-        width="100%"
-      >
-        <img
-          alt="test Image"
-          className="c3 lazyload"
-          data-lowsrc="http://images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=100&h=50&q=100"
-          data-sizes="auto"
-          data-src={null}
-          data-srcset="//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=200&h=150&q=50 200w,//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=400&h=300&q=50 400w,//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=800&h=600&q=50 800w,//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=1200&h=900&q=50 1200w,//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=1440&h=1080&q=50 1440w"
-          height="auto"
-          src={null}
-          srcSet="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"
-          width="100%"
-        />
-      </div>
-      <span
-        className="c4 c5 c6"
-      >
-        Find out more
-      </span>
-    </a>
-  `);
+.c4 {
+  font-family: 'Montserrat',Helvetica,Arial,sans-serif;
+  font-weight: 400;
+  text-transform: inherit;
+  letter-spacing: 0;
+  font-size: 1rem;
+  line-height: 1.25rem;
+}
+
+.c4 {
+  font-size: 0.6875rem;
+  line-height: normal;
+  color: #FFFFFF;
+}
+
+.c4 span {
+  font-size: inherit;
+  line-height: inherit;
+}
+
+.c2 {
+  display: block;
+  width: 100%;
+  height: auto;
+  position: relative;
+}
+
+.c3 {
+  width: 100%;
+  height: auto;
+  display: block;
+  object-fit: none;
+}
+
+.c0 {
+  position: relative;
+  display: inline;
+  color: #000000;
+  font-weight: normal;
+  color: #E52630;
+}
+
+.c0:hover,
+.c0:focus {
+  color: #000000;
+  text-decoration: none;
+}
+
+.c6 {
+  border: 0;
+  clip: rect(0 0 0 0);
+  clip-path: inset(50%);
+  height: 1px;
+  margin: -1px;
+  overflow: hidden;
+  padding: 0;
+  position: absolute;
+  white-space: nowrap;
+  width: 1px;
+  height: auto;
+}
+
+.c1 {
+  display: block;
+  position: relative;
+  padding: 0;
+  border: none;
+}
+
+.c1:hover,
+.c1:focus {
+  border: none;
+}
+
+.c1:hover .c5,
+.c1:focus .c5 {
+  overflow: inherit;
+  clip-path: none;
+  margin: 0;
+  text-align: center;
+  transform: translateY(-50%);
+  clip: auto;
+  top: 50%;
+  left: 0;
+  width: 100%;
+  z-index: 2;
+}
+
+.c1:hover ::after,
+.c1:focus ::after {
+  content: '';
+  position: absolute;
+  display: block;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background-color: #E52630;
+}
+
+@media (min-width: 740px) {
+  .c4 {
+    font-size: 1rem;
+    line-height: 1.25rem;
+  }
+}
+
+@media (min-width: 1024px) {
+  .c4 {
+    font-size: 1.125rem;
+    line-height: 1.375rem;
+  }
+}
+
+@media (min-width: 740px) {
+  .c6 {
+    font-size: 1rem;
+  }
+}
+
+<a
+  buttonType="primary"
+  className="c0 c1"
+  fullWidth={false}
+  home={false}
+  href="https://www.comicrelief.com"
+  iconFirst={false}
+  mobileColour={null}
+  target="_self"
+  type="standard"
+  underline={true}
+>
+  <div
+    className="c2 lazyload"
+    height="auto"
+    image={null}
+    images="//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=200&h=150&q=50 200w,//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=400&h=300&q=50 400w,//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=800&h=600&q=50 800w,//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=1200&h=900&q=50 1200w,//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=1440&h=1080&q=50 1440w"
+    isBackgroundImage={false}
+    nonObjFitImage="//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg"
+    objFitState={true}
+    setObjFitState={[Function]}
+    width="100%"
+  >
+    <img
+      alt="test Image"
+      className="c3 lazyload"
+      data-lowsrc="http://images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=100&h=50&q=100"
+      data-sizes="auto"
+      data-src={null}
+      data-srcset="//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=200&h=150&q=50 200w,//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=400&h=300&q=50 400w,//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=800&h=600&q=50 800w,//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=1200&h=900&q=50 1200w,//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=1440&h=1080&q=50 1440w"
+      height="auto"
+      mediumBreakpointRowLayout={null}
+      objFitState={true}
+      objectFit="none"
+      smallBreakpointRowLayout={null}
+      src={null}
+      srcSet="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"
+      width="100%"
+    />
+  </div>
+  <span
+    className="c4 c5 c6"
+  >
+    Find out more
+  </span>
+</a>
+`);
 });
diff --git a/src/components/Molecules/PartnerLink/PartnerLinkExample.jsx b/src/components/Molecules/PartnerLink/PartnerLinkExample.jsx
new file mode 100644
index 000000000..2cace35e2
--- /dev/null
+++ b/src/components/Molecules/PartnerLink/PartnerLinkExample.jsx
@@ -0,0 +1,12 @@
+import React from 'react';
+import PartnerLink from './PartnerLink';
+import Picture from '../../Atoms/Picture/Picture';
+import { defaultData } from '../../../data/data';
+
+export default function PartnerLinkExample() {
+  return (
+    <PartnerLink link="https://www.comicrelief.com">
+      <Picture alt="test Image" imageLow={defaultData.imageLow} images={defaultData.images} />
+    </PartnerLink>
+  );
+}
diff --git a/src/components/Molecules/PictureOrVideo/PictureOrVideo.md b/src/components/Molecules/PictureOrVideo/PictureOrVideo.md
deleted file mode 100644
index e7f008db1..000000000
--- a/src/components/Molecules/PictureOrVideo/PictureOrVideo.md
+++ /dev/null
@@ -1,59 +0,0 @@
-# PictureOrVideo
-
-Renders either Picture or AmbientVideo based on whether all required video props are present.
-When `images`, `imageLow`, `videoDesktop` and `videoMobile` are all provided, AmbientVideo is used; otherwise Picture.
-
-Used internally by HeroBanner, DonateBanner and EmailBanner.
-
-## With image (Picture)
-
-```js
-const defaultData = require('../../../styleguide/data/data').defaultData;
-
-<PictureOrVideo
-  images={defaultData.heroBannerImage}
-  imageLow={defaultData.heroBannerImage}
-  image={defaultData.heroBannerImage}
-  alt="Image alt text"
-  objectFit="cover"
-  width="100%"
-  height="100%"
-/>
-```
-
-## With video (AmbientVideo)
-
-```js
-const defaultData = require('../../../styleguide/data/data').defaultData;
-
-<PictureOrVideo
-  images={defaultData.heroBannerImage}
-  imageLow={defaultData.heroBannerImage}
-  videoDesktop={require('../../Atoms/AmbientVideo/big-buck-bunny-1080p-30sec.mp4')}
-  videoMobile={require('../../Atoms/AmbientVideo/thetestdatacom_480p_example.mp4')}
-  videoLoop
-  objectFit="cover"
-  width="100%"
-  height="100%"
-/>
-```
-
-## With image object
-
-```js
-const defaultData = require('../../../styleguide/data/data').defaultData;
-
-const imageObj = {
-  images: defaultData.heroBannerImage,
-  imageLow: defaultData.heroBannerImage,
-  image: defaultData.heroBannerImage,
-  alt: 'Image alt'
-};
-
-<PictureOrVideo
-  image={imageObj}
-  objectFit="cover"
-  width="100%"
-  height="100%"
-/>
-```
diff --git a/src/components/Molecules/PictureOrVideo/PictureOrVideo.test.js b/src/components/Molecules/PictureOrVideo/PictureOrVideo.test.js
index 9a5b17156..0c9ba942d 100644
--- a/src/components/Molecules/PictureOrVideo/PictureOrVideo.test.js
+++ b/src/components/Molecules/PictureOrVideo/PictureOrVideo.test.js
@@ -3,7 +3,7 @@ import 'jest-styled-components';
 import renderWithTheme from '../../../../tests/hoc/shallowWithTheme';
 import PictureOrVideo from './PictureOrVideo';
 
-const defaultData = require('../../../styleguide/data/data').defaultData;
+const defaultData = require('../../../data/data').defaultData;
 
 it('renders Picture with flat props correctly', () => {
   const tree = renderWithTheme(
diff --git a/src/components/Molecules/PictureOrVideo/__snapshots__/PictureOrVideo.test.js.snap b/src/components/Molecules/PictureOrVideo/__snapshots__/PictureOrVideo.test.js.snap
index 17104dfde..5f6b6c1cc 100644
--- a/src/components/Molecules/PictureOrVideo/__snapshots__/PictureOrVideo.test.js.snap
+++ b/src/components/Molecules/PictureOrVideo/__snapshots__/PictureOrVideo.test.js.snap
@@ -50,36 +50,22 @@ exports[`renders AmbientVideo when video props are provided correctly 1`] = `
   background: #FFFFFF;
   color: #222222;
   cursor: pointer;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
   align-items: center;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
   justify-content: center;
   opacity: 0;
-  -webkit-animation: diKSqD 3s ease;
-  animation: diKSqD 3s ease;
-  -webkit-transition: opacity 0.2s ease 3s;
+  animation: k0 3s ease;
   transition: opacity 0.2s ease 3s;
   z-index: 3;
 }
 
 .c6[data-play-pause='play'] .c7 {
-  -webkit-transform: translateX(2px);
-  -ms-transform: translateX(2px);
   transform: translateX(2px);
 }
 
 .c1:hover .c5,
 .c1 .c5:focus-visible {
   opacity: 0.8;
-  -webkit-transition-delay: 0s;
   transition-delay: 0s;
 }
 
@@ -95,7 +81,7 @@ exports[`renders AmbientVideo when video props are provided correctly 1`] = `
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c6 {
     bottom: 15px;
     top: auto;
@@ -108,6 +94,16 @@ exports[`renders AmbientVideo when video props are provided correctly 1`] = `
   }
 }
 
+@keyframes k0 {
+  0%, 93.75% {
+    opacity: 0.8;
+  }
+
+  100% {
+    opacity: 0;
+  }
+}
+
 <div
   className="c0 c1"
 >
@@ -176,6 +172,12 @@ exports[`renders Picture with flat props correctly 1`] = `
 <div
   className="c0 lazyload"
   height="100%"
+  image="http://images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg"
+  images="//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=200&h=150&q=50 200w,//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=400&h=300&q=50 400w,//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=800&h=600&q=50 800w,//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=1200&h=900&q=50 1200w,//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=1440&h=1080&q=50 1440w"
+  isBackgroundImage={false}
+  nonObjFitImage="http://images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg"
+  objFitState={true}
+  setObjFitState={[Function]}
   width="100%"
 >
   <img
@@ -186,6 +188,10 @@ exports[`renders Picture with flat props correctly 1`] = `
     data-src="http://images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg"
     data-srcset="//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=200&h=150&q=50 200w,//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=400&h=300&q=50 400w,//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=800&h=600&q=50 800w,//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=1200&h=900&q=50 1200w,//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=1440&h=1080&q=50 1440w"
     height="100%"
+    mediumBreakpointRowLayout={null}
+    objFitState={true}
+    objectFit="cover"
+    smallBreakpointRowLayout={null}
     src="http://images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg"
     srcSet="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"
     width="100%"
@@ -211,6 +217,12 @@ exports[`renders Picture with image object correctly 1`] = `
 <div
   className="c0 lazyload"
   height="100%"
+  image="http://images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg"
+  images="//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=200&h=150&q=50 200w,//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=400&h=300&q=50 400w,//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=800&h=600&q=50 800w,//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=1200&h=900&q=50 1200w,//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=1440&h=1080&q=50 1440w"
+  isBackgroundImage={false}
+  nonObjFitImage="http://images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg"
+  objFitState={true}
+  setObjFitState={[Function]}
   width="100%"
 >
   <img
@@ -221,6 +233,10 @@ exports[`renders Picture with image object correctly 1`] = `
     data-src="http://images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg"
     data-srcset="//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=200&h=150&q=50 200w,//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=400&h=300&q=50 400w,//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=800&h=600&q=50 800w,//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=1200&h=900&q=50 1200w,//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=1440&h=1080&q=50 1440w"
     height="100%"
+    mediumBreakpointRowLayout={null}
+    objFitState={true}
+    objectFit="cover"
+    smallBreakpointRowLayout={null}
     src="http://images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg"
     srcSet="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"
     width="100%"
@@ -258,6 +274,12 @@ exports[`renders with asBackground correctly 1`] = `
   <div
     className="c1 lazyload"
     height="100%"
+    image="http://images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg"
+    images="//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=200&h=150&q=50 200w,//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=400&h=300&q=50 400w,//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=800&h=600&q=50 800w,//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=1200&h=900&q=50 1200w,//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=1440&h=1080&q=50 1440w"
+    isBackgroundImage={false}
+    nonObjFitImage="http://images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg"
+    objFitState={true}
+    setObjFitState={[Function]}
     width="100%"
   >
     <img
@@ -268,6 +290,10 @@ exports[`renders with asBackground correctly 1`] = `
       data-src="http://images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg"
       data-srcset="//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=200&h=150&q=50 200w,//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=400&h=300&q=50 400w,//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=800&h=600&q=50 800w,//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=1200&h=900&q=50 1200w,//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=1440&h=1080&q=50 1440w"
       height="100%"
+      mediumBreakpointRowLayout={null}
+      objFitState={true}
+      objectFit="cover"
+      smallBreakpointRowLayout={null}
       src="http://images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg"
       srcSet="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"
       width="100%"
diff --git a/src/components/Molecules/Promo/Promo.md b/src/components/Molecules/Promo/Promo.md
deleted file mode 100644
index 3aab62494..000000000
--- a/src/components/Molecules/Promo/Promo.md
+++ /dev/null
@@ -1,396 +0,0 @@
-Promo
-
-```js
-const defaultData = require('../../../styleguide/data/data').defaultData;
-import Text from '../../Atoms/Text/Text';
-import Link from '../../Atoms/Link/Link';
-
-<div>
-<Text tag="h2" size="xl" color="black">
-  Promo Upper
-</Text>
-<Promo
-  backgroundColor="blue_dark"
-  imageSet={defaultData.promoImage}
-  image={defaultData.promoImage}
-  imageLow={defaultData.promoImage}
-  imageAltText=""
-  copyLeft={true}
-  position="upper"
->
-  <Text
-    tag="h1"
-    color="white"
-    size="super"
-    family="Anton"
-    uppercase
-    weight="normal"
-  >
-    Curabitur pretium tincidunt lacus
-  </Text>
-  <Text tag="p" color="white">
-    Curabitur pretium tincidunt lacus. Nulla gravida orci a odio. Nullam varius,
-    turpis et commodo, est eros bibendum elit, nec luctus magna sollicitudin.
-  </Text>
-  <span>
-    <Link href="/" type="button" color="white">
-      <Text>
-        Show me this
-      </Text>
-    </Link>
-  </span>
-</Promo>
-<br />
-<Text tag="h2" size="xl" color="black">
-  Promo End
-</Text>
-<Promo
-  backgroundColor="blue_dark"
-  imageSet={defaultData.promoImage}
-  image={defaultData.promoImage}
-  imageLow={defaultData.promoImage}
-  imageAltText=""
-  copyLeft={true}
-  position="end"
->
-  <Text
-    tag="h1"
-    color="white"
-    size="super"
-    family="Anton"
-    uppercase
-    weight="normal"
-  >
-    Curabitur pretium tincidunt lacus
-  </Text>
-  <Text tag="p" color="white">
-    Curabitur pretium tincidunt lacus. Nulla gravida orci a odio. Nullam varius,
-    turpis et commodo, est eros bibendum elit, nec luctus magna sollicitudin.
-  </Text>
-  <span>
-    <Link href="/" type="button" color="white">
-      <Text>
-        Show me this
-      </Text>
-    </Link>
-  </span>
-</Promo>
-<br />
-<Text tag="h2" size="xl" color="black">
-  Promo Lower
-</Text>
-<Promo
-  backgroundColor="blue_dark"
-  imageSet={defaultData.promoImage}
-  image={defaultData.promoImage}
-  imageLow={defaultData.promoImage}
-  imageAltText=""
-  copyLeft={true}
-  position="lower"
->
-  <Text
-    tag="h1"
-    color="white"
-    size="super"
-    family="Anton"
-    uppercase
-    weight="normal"
-  >
-    Curabitur pretium tincidunt lacus
-  </Text>
-  <Text tag="p" color="white">
-    Curabitur pretium tincidunt lacus. Nulla gravida orci a odio. Nullam varius,
-    turpis et commodo, est eros bibendum elit, nec luctus magna sollicitudin.
-  </Text>
-  <span>
-    <Link href="/" type="button" color="white">
-      <Text>
-        Show me this
-      </Text>
-    </Link>
-  </span>
-</Promo>
-<br />
-<Text tag="h2" size="xl" color="black">
-  Promo None
-</Text>
-<Promo
-  backgroundColor="blue_dark"
-  imageSet={defaultData.promoImage}
-  image={defaultData.promoImage}
-  imageLow={defaultData.promoImage}
-  imageAltText=""
-  copyLeft={true}
->
-  <Text
-    tag="h1"
-    color="white"
-    size="super"
-    family="Anton"
-    uppercase
-    weight="normal"
-  >
-    Curabitur pretium tincidunt lacus
-  </Text>
-  <Text tag="p" color="white">
-    Curabitur pretium tincidunt lacus. Nulla gravida orci a odio. Nullam varius,
-    turpis et commodo, est eros bibendum elit, nec luctus magna sollicitudin.
-  </Text>
-  <span>
-    <Link href="/" type="button" color="white">
-      <Text>
-        Show me this
-      </Text>
-    </Link>
-  </span>
-</Promo>
-</div>
-```
-
-Promo w/Video
-
-```js
-const defaultData = require('../../../styleguide/data/data').defaultData;import Text from '../../Atoms/Text/Text';
-import Link from '../../Atoms/Link/Link';
-import poster from '../../../styleguide/assets/VideoBannerPosterImage.png';
-import mobilePoster from '../../../styleguide/assets/mobileVideoPosterImage.png';
-const videoSrc =
-  'https://www.comicrelief.com/sites/default/files/downloads/Creativists_Logo_Web_small_V2_0.mp4';
-
-let mobileVideoSrc = 'https://samplelib.com/lib/preview/mp4/sample-10s.mp4';
-
-<div>
-<Text tag="h2" size="xl" color="black">
-  Promo Upper w/Video (autoplay and loop, black text gradient overlay)
-</Text>
-<Promo
-  backgroundColor="blue_dark"
-  imageSet={defaultData.promoImage}
-  image={defaultData.promoImage}
-  imageLow={defaultData.promoImage}
-  imageAltText=""
-  copyLeft={true}
-  position="upper"
-  videoSrc={videoSrc}
-  poster={poster}
-  loop={true}
-  autoplay={true}
-  behindTextGradient='black'
->
-  <Text
-    tag="h1"
-    color="white"
-    size="super"
-    family="Anton"
-    uppercase
-    weight="normal"
-  >
-    Curabitur pretium tincidunt lacus
-  </Text>
-  <Text tag="p" color="white">
-    Curabitur pretium tincidunt lacus. Nulla gravida orci a odio. Nullam varius,
-    turpis et commodo, est eros bibendum elit, nec luctus magna sollicitudin.
-  </Text>
-  <span>
-    <Link href="/" type="button" color="white">
-      <Text>
-        Show me this
-      </Text>
-    </Link>
-  </span>
-</Promo>
-
-<br />
-
-<Text tag="h2" size="xl" color="black">
-  Promo End w/Video (loop only, no text gradient overlay)
-</Text>
-<Promo
-  backgroundColor="blue_dark"
-  imageSet={defaultData.promoImage}
-  image={defaultData.promoImage}
-  imageLow={defaultData.promoImage}
-  imageAltText=""
-  copyLeft={true}
-  position="end"
-  videoSrc={videoSrc}
-  poster={poster}
-  loop={true}
-  autoPlay={false}
->
-  <Text
-    tag="h1"
-    color="white"
-    size="super"
-    family="Anton"
-    uppercase
-    weight="normal"
-  >
-    Curabitur pretium tincidunt lacus
-  </Text>
-  <Text tag="p" color="white">
-    Curabitur pretium tincidunt lacus. Nulla gravida orci a odio. Nullam varius,
-    turpis et commodo, est eros bibendum elit, nec luctus magna sollicitudin.
-  </Text>
-  <span>
-    <Link href="/" type="button" color="white">
-      <Text>
-        Show me this
-      </Text>
-    </Link>
-  </span>
-</Promo>
-
-<br />
-
-<Text tag="h2" size="xl" color="black">
-  Promo Lower w/Video (autoplay only, white text gradient overlay)
-</Text>
-<Promo
-  backgroundColor="blue_light"
-  imageSet={defaultData.promoImage}
-  image={defaultData.promoImage}
-  imageLow={defaultData.promoImage}
-  imageAltText=""
-  copyLeft={true}
-  position="lower"
-  videoSrc={videoSrc}
-  poster={poster}
-  loop={false}
-  autoPlay={true}
-  behindTextGradient='white'
->
-  <Text
-    tag="h1"
-    color="black"
-    size="super"
-    family="Anton"
-    uppercase
-    weight="normal"
-  >
-    Curabitur pretium tincidunt lacus
-  </Text>
-  <Text tag="p" color="black">
-    Curabitur pretium tincidunt lacus. Nulla gravida orci a odio. Nullam varius,
-    turpis et commodo, est eros bibendum elit, nec luctus magna sollicitudin.
-  </Text>
-  <span>
-    <Link href="/" type="button" color="black">
-      <Text>
-        Show me this
-      </Text>
-    </Link>
-  </span>
-</Promo>
-
-<br />
-<Text tag="h2" size="xl" color="black">
-  Promo None w/Video (no loop or autoplay, no text gradient overlay, copy right aligned)
-</Text>
-<Promo
-  backgroundColor="blue_dark"
-  imageSet={defaultData.promoImage}
-  image={defaultData.promoImage}
-  imageLow={defaultData.promoImage}
-  imageAltText=""
-  copyLeft={false}
-  videoSrc={videoSrc}
-  poster={poster}
-  loop={false}
-  autoPlay={false}
->
-  <Text
-    tag="h1"
-    color="white"
-    size="super"
-    family="Anton"
-    uppercase
-    weight="normal"
-  >
-    Curabitur pretium tincidunt lacus
-  </Text>
-  <Text tag="p" color="white">
-    Curabitur pretium tincidunt lacus. Nulla gravida orci a odio. Nullam varius,
-    turpis et commodo, est eros bibendum elit, nec luctus magna sollicitudin.
-  </Text>
-  <span>
-    <Link href="/" type="button" color="white">
-      <Text>
-        Show me this
-      </Text>
-    </Link>
-  </span>
-</Promo>
-
-<Text tag="h2" size="xl" color="black">
-  Promo None w/Video (no loop or autoplay, white text gradient overlay, different videos and posters for mobile and desktop)
-</Text>
-<Promo
-  backgroundColor="blue_light"
-  imageSet={defaultData.promoImage}
-  image={defaultData.promoImage}
-  imageLow={defaultData.promoImage}
-  imageAltText=""
-  copyLeft={true}
-  videoSrc={videoSrc}
-  mobileVideoSrc={mobileVideoSrc}
-  poster={poster}
-  mobilePoster={mobilePoster}
-  loop={false}
-  autoPlay={false}
-  behindTextGradient='white'
->
-  <Text
-    tag="h1"
-    color="black"
-    size="super"
-    family="Anton"
-    uppercase
-    weight="normal"
-  >
-    Curabitur pretium tincidunt lacus
-  </Text>
-  <Text tag="p" color="black">
-    Curabitur pretium tincidunt lacus. Nulla gravida orci a odio. Nullam varius,
-    turpis et commodo, est eros bibendum elit, nec luctus magna sollicitudin.
-  </Text>
-  <span>
-    <Link href="/" type="button" color="black">
-      <Text>
-        Show me this
-      </Text>
-    </Link>
-  </span>
-</Promo>
-
-<Text tag="h2" size="xl" color="black">
-  Promo None w/Video (no loop or autoplay, white text gradient overlay, mobile-only video and poster, black play button)
-</Text>
-<Promo
-  backgroundColor="blue_light"
-  imageSet={defaultData.promoImage}
-  image={defaultData.promoImage}
-  imageLow={defaultData.promoImage}
-  imageAltText=""
-  copyLeft={true}
-  mobileVideoSrc={mobileVideoSrc}
-  mobilePoster={mobilePoster}
-  loop={false}
-  autoPlay={false}
-  behindTextGradient='white'
-  blackPlayButton={true}
->
-  <Text
-    tag="h1"
-    color="black"
-    size="super"
-    family="Anton"
-    uppercase
-    weight="normal"
-  >
-    One-Line Special
-  </Text>
-</Promo>
-
-</div>
-```
diff --git a/src/components/Molecules/Promo/Promo.test.js b/src/components/Molecules/Promo/Promo.test.js
index b69fba940..3aabd157e 100644
--- a/src/components/Molecules/Promo/Promo.test.js
+++ b/src/components/Molecules/Promo/Promo.test.js
@@ -5,7 +5,7 @@ import Promo from './Promo';
 import Text from '../../Atoms/Text/Text';
 import Link from '../../Atoms/Link/Link';
 
-const defaultData = require('../../../styleguide/data/data').defaultData;
+const defaultData = require('../../../data/data').defaultData;
 it('renders Promo correctly', () => {
   const tree = renderWithTheme(
     <Promo
diff --git a/src/components/Molecules/Promo/PromoExample.jsx b/src/components/Molecules/Promo/PromoExample.jsx
new file mode 100644
index 000000000..f9649ef85
--- /dev/null
+++ b/src/components/Molecules/Promo/PromoExample.jsx
@@ -0,0 +1,91 @@
+import React from 'react';
+import Promo from './Promo';
+import Text from '../../Atoms/Text/Text';
+import Link from '../../Atoms/Link/Link';
+import { defaultData } from '../../../data/data';
+import poster from '../../../assets/VideoBannerPosterImage.png';
+import mobilePoster from '../../../assets/mobileVideoPosterImage.png';
+
+const videoSrc = 'https://www.comicrelief.com/sites/default/files/downloads/Creativists_Logo_Web_small_V2_0.mp4';
+const mobileVideoSrc = 'https://samplelib.com/lib/preview/mp4/sample-10s.mp4';
+
+const promoChildren = (color = 'white') => (
+  <>
+    <Text tag="h1" color={color} size="super" family="Anton" uppercase weight="normal">
+      Curabitur pretium tincidunt lacus
+    </Text>
+    <Text tag="p" color={color}>
+      Curabitur pretium tincidunt lacus. Nulla gravida orci a odio. Nullam varius,
+      turpis et commodo, est eros bibendum elit, nec luctus magna sollicitudin.
+    </Text>
+    <span>
+      <Link href="/" type="button" color={color}>
+        <Text>Show me this</Text>
+      </Link>
+    </span>
+  </>
+);
+
+const imageProps = {
+  imageSet: defaultData.promoImage,
+  image: defaultData.promoImage,
+  imageLow: defaultData.promoImage,
+  imageAltText: '',
+};
+
+export default function PromoExample() {
+  return (
+    <div>
+      <Text tag="h2" size="xl" color="black">Promo Upper</Text>
+      <Promo backgroundColor="blue_dark" {...imageProps} copyLeft={true} position="upper">
+        {promoChildren()}
+      </Promo>
+
+      <br />
+      <Text tag="h2" size="xl" color="black">Promo End</Text>
+      <Promo backgroundColor="blue_dark" {...imageProps} copyLeft={true} position="end">
+        {promoChildren()}
+      </Promo>
+
+      <br />
+      <Text tag="h2" size="xl" color="black">Promo Lower</Text>
+      <Promo backgroundColor="blue_dark" {...imageProps} copyLeft={true} position="lower">
+        {promoChildren()}
+      </Promo>
+
+      <br />
+      <Text tag="h2" size="xl" color="black">Promo Upper w/Video (autoplay, loop, black gradient overlay)</Text>
+      <Promo
+        backgroundColor="blue_dark"
+        {...imageProps}
+        copyLeft={true}
+        position="upper"
+        videoSrc={videoSrc}
+        poster={poster}
+        loop={true}
+        autoplay={true}
+        behindTextGradient="black"
+      >
+        {promoChildren()}
+      </Promo>
+
+      <br />
+      <Text tag="h2" size="xl" color="black">Promo with mobile-only video</Text>
+      <Promo
+        backgroundColor="blue_light"
+        {...imageProps}
+        copyLeft={true}
+        mobileVideoSrc={mobileVideoSrc}
+        mobilePoster={mobilePoster}
+        loop={false}
+        autoPlay={false}
+        behindTextGradient="white"
+        blackPlayButton={true}
+      >
+        <Text tag="h1" color="black" size="super" family="Anton" uppercase weight="normal">
+          One-Line Special
+        </Text>
+      </Promo>
+    </div>
+  );
+}
diff --git a/src/components/Molecules/Promo/__snapshots__/Promo.test.js.snap b/src/components/Molecules/Promo/__snapshots__/Promo.test.js.snap
index 87a01b61d..84bc3d7d8 100644
--- a/src/components/Molecules/Promo/__snapshots__/Promo.test.js.snap
+++ b/src/components/Molecules/Promo/__snapshots__/Promo.test.js.snap
@@ -5,9 +5,6 @@ exports[`renders Promo correctly 1`] = `
   font-family: 'Anton',Impact,sans-serif;
   font-weight: 400;
   text-transform: uppercase;
-  -webkit-letter-spacing: 0;
-  -moz-letter-spacing: 0;
-  -ms-letter-spacing: 0;
   letter-spacing: 0;
   font-size: 2rem;
   line-height: 2rem;
@@ -33,9 +30,6 @@ exports[`renders Promo correctly 1`] = `
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: 400;
   text-transform: inherit;
-  -webkit-letter-spacing: 0;
-  -moz-letter-spacing: 0;
-  -ms-letter-spacing: 0;
   letter-spacing: 0;
   font-size: 1rem;
   line-height: 1.25rem;
@@ -67,24 +61,13 @@ exports[`renders Promo correctly 1`] = `
 }
 
 .c9 {
-  display: -webkit-inline-box;
-  display: -webkit-inline-flex;
-  display: -ms-inline-flexbox;
   display: inline-flex;
   position: relative;
-  -webkit-text-decoration: none;
   text-decoration: none;
-  -webkit-transition: all 0.2s;
   transition: all 0.2s;
   height: 2.5rem;
   width: 100%;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
   justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
   align-items: center;
   border: none;
   cursor: pointer;
@@ -95,9 +78,6 @@ exports[`renders Promo correctly 1`] = `
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: 700;
   text-transform: inherit;
-  -webkit-letter-spacing: 0;
-  -moz-letter-spacing: 0;
-  -ms-letter-spacing: 0;
   letter-spacing: 0;
   font-size: 1rem;
   line-height: 1.25rem;
@@ -118,13 +98,8 @@ exports[`renders Promo correctly 1`] = `
 
 .c0 {
   width: 100%;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
   position: relative;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
   flex-direction: column;
   overflow: hidden;
   background: #274084;
@@ -137,18 +112,9 @@ exports[`renders Promo correctly 1`] = `
   left: 0;
   right: 0;
   margin: 0 auto;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
   align-items: center;
   position: relative;
-  -webkit-box-pack: end;
-  -webkit-justify-content: flex-end;
-  -ms-flex-pack: end;
   justify-content: flex-end;
 }
 
@@ -170,31 +136,25 @@ exports[`renders Promo correctly 1`] = `
 .c5 {
   width: 100%;
   height: 100%;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
   align-items: center;
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c7 {
     font-size: 2.5rem;
     line-height: 2.5rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c7 {
     font-size: 3rem;
     line-height: 3rem;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c7 {
     font-size: 4rem;
     line-height: 4rem;
@@ -202,7 +162,7 @@ exports[`renders Promo correctly 1`] = `
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c7 {
     font-size: 5rem;
     line-height: 5rem;
@@ -210,75 +170,73 @@ exports[`renders Promo correctly 1`] = `
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c8 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c8 {
     font-size: 1.125rem;
     line-height: 1.375rem;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c9 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c9 {
     font-size: 1.125rem;
     line-height: 1.375rem;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c9 {
     width: auto;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c9 {
     width: auto;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c0 {
-    -webkit-flex-direction: row;
-    -ms-flex-direction: row;
     flex-direction: row;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c4 {
     min-height: calc(100vh - 90px);
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c6 {
     width: 100%;
     padding: 8rem 1.5rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c1 {
     height: 100%;
     position: absolute;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c5 {
     width: 50%;
     position: absolute;
@@ -290,14 +248,23 @@ exports[`renders Promo correctly 1`] = `
 }
 
 <div
+  backgroundColor="blue_dark"
   className="c0"
+  position="none"
 >
   <div
     className="c1"
+    imageRight={false}
   >
     <div
       className="c2 lazyload"
       height="100%"
+      image="mock.asset"
+      images="mock.asset"
+      isBackgroundImage={false}
+      nonObjFitImage="mock.asset"
+      objFitState={true}
+      setObjFitState={[Function]}
       width="100%"
     >
       <img
@@ -305,10 +272,14 @@ exports[`renders Promo correctly 1`] = `
         className="c3 lazyload"
         data-lowsrc={null}
         data-sizes="auto"
-        data-src="../promo.jpg"
-        data-srcset="../promo.jpg"
+        data-src="mock.asset"
+        data-srcset="mock.asset"
         height="100%"
-        src="../promo.jpg"
+        mediumBreakpointRowLayout={null}
+        objFitState={true}
+        objectFit="cover"
+        smallBreakpointRowLayout={null}
+        src="mock.asset"
         srcSet="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"
         width="100%"
       />
@@ -316,12 +287,19 @@ exports[`renders Promo correctly 1`] = `
   </div>
   <div
     className="c4"
+    copyLeft={false}
   >
     <div
+      behindTextGradient="none"
       className="c5"
+      copyLeft={false}
+      hasVideo={false}
     >
       <div
+        behindTextGradient="none"
         className="c6"
+        hasVideo={false}
+        position="none"
       >
         <h1
           className="c7"
@@ -335,10 +313,16 @@ exports[`renders Promo correctly 1`] = `
         </p>
         <span>
           <a
+            buttonType="primary"
             className="c9"
+            fullWidth={false}
+            home={false}
             href="/"
+            iconFirst={false}
+            mobileColour={null}
             target="_self"
             type="button"
+            underline={true}
           >
             Show me this
           </a>
@@ -354,9 +338,6 @@ exports[`renders Promo correctly end position 1`] = `
   font-family: 'Anton',Impact,sans-serif;
   font-weight: 400;
   text-transform: uppercase;
-  -webkit-letter-spacing: 0;
-  -moz-letter-spacing: 0;
-  -ms-letter-spacing: 0;
   letter-spacing: 0;
   font-size: 2rem;
   line-height: 2rem;
@@ -382,9 +363,6 @@ exports[`renders Promo correctly end position 1`] = `
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: 400;
   text-transform: inherit;
-  -webkit-letter-spacing: 0;
-  -moz-letter-spacing: 0;
-  -ms-letter-spacing: 0;
   letter-spacing: 0;
   font-size: 1rem;
   line-height: 1.25rem;
@@ -416,24 +394,13 @@ exports[`renders Promo correctly end position 1`] = `
 }
 
 .c9 {
-  display: -webkit-inline-box;
-  display: -webkit-inline-flex;
-  display: -ms-inline-flexbox;
   display: inline-flex;
   position: relative;
-  -webkit-text-decoration: none;
   text-decoration: none;
-  -webkit-transition: all 0.2s;
   transition: all 0.2s;
   height: 2.5rem;
   width: 100%;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
   justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
   align-items: center;
   border: none;
   cursor: pointer;
@@ -444,9 +411,6 @@ exports[`renders Promo correctly end position 1`] = `
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: 700;
   text-transform: inherit;
-  -webkit-letter-spacing: 0;
-  -moz-letter-spacing: 0;
-  -ms-letter-spacing: 0;
   letter-spacing: 0;
   font-size: 1rem;
   line-height: 1.25rem;
@@ -467,17 +431,11 @@ exports[`renders Promo correctly end position 1`] = `
 
 .c0 {
   width: 100%;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
   position: relative;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
   flex-direction: column;
   overflow: hidden;
   background: #274084;
-  -webkit-clip-path: polygon(0 0,100% 0,100% 90%,0 101%);
   clip-path: polygon(0 0,100% 0,100% 90%,0 101%);
   border-radius: 0 0 0 2rem;
 }
@@ -489,18 +447,9 @@ exports[`renders Promo correctly end position 1`] = `
   left: 0;
   right: 0;
   margin: 0 auto;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
   align-items: center;
   position: relative;
-  -webkit-box-pack: end;
-  -webkit-justify-content: flex-end;
-  -ms-flex-pack: end;
   justify-content: flex-end;
 }
 
@@ -522,31 +471,25 @@ exports[`renders Promo correctly end position 1`] = `
 .c5 {
   width: 100%;
   height: 100%;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
   align-items: center;
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c7 {
     font-size: 2.5rem;
     line-height: 2.5rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c7 {
     font-size: 3rem;
     line-height: 3rem;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c7 {
     font-size: 4rem;
     line-height: 4rem;
@@ -554,7 +497,7 @@ exports[`renders Promo correctly end position 1`] = `
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c7 {
     font-size: 5rem;
     line-height: 5rem;
@@ -562,83 +505,80 @@ exports[`renders Promo correctly end position 1`] = `
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c8 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c8 {
     font-size: 1.125rem;
     line-height: 1.375rem;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c9 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c9 {
     font-size: 1.125rem;
     line-height: 1.375rem;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c9 {
     width: auto;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c9 {
     width: auto;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c0 {
-    -webkit-flex-direction: row;
-    -ms-flex-direction: row;
     flex-direction: row;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c0 {
-    -webkit-clip-path: polygon(0 0,100% 0,100% 85%,0% 101%);
     clip-path: polygon(0 0,100% 0,100% 85%,0% 101%);
     border-radius: 0 0 0 4rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c4 {
     min-height: calc(100vh - 90px);
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c6 {
     width: 100%;
     padding: 8rem 1.5rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c1 {
     height: 100%;
     position: absolute;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c5 {
     width: 50%;
     position: absolute;
@@ -650,14 +590,23 @@ exports[`renders Promo correctly end position 1`] = `
 }
 
 <div
+  backgroundColor="blue_dark"
   className="c0"
+  position="end"
 >
   <div
     className="c1"
+    imageRight={false}
   >
     <div
       className="c2 lazyload"
       height="100%"
+      image="mock.asset"
+      images="mock.asset"
+      isBackgroundImage={false}
+      nonObjFitImage="mock.asset"
+      objFitState={true}
+      setObjFitState={[Function]}
       width="100%"
     >
       <img
@@ -665,10 +614,14 @@ exports[`renders Promo correctly end position 1`] = `
         className="c3 lazyload"
         data-lowsrc={null}
         data-sizes="auto"
-        data-src="../promo.jpg"
-        data-srcset="../promo.jpg"
+        data-src="mock.asset"
+        data-srcset="mock.asset"
         height="100%"
-        src="../promo.jpg"
+        mediumBreakpointRowLayout={null}
+        objFitState={true}
+        objectFit="cover"
+        smallBreakpointRowLayout={null}
+        src="mock.asset"
         srcSet="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"
         width="100%"
       />
@@ -676,12 +629,19 @@ exports[`renders Promo correctly end position 1`] = `
   </div>
   <div
     className="c4"
+    copyLeft={false}
   >
     <div
+      behindTextGradient="none"
       className="c5"
+      copyLeft={false}
+      hasVideo={false}
     >
       <div
+        behindTextGradient="none"
         className="c6"
+        hasVideo={false}
+        position="end"
       >
         <h1
           className="c7"
@@ -695,10 +655,16 @@ exports[`renders Promo correctly end position 1`] = `
         </p>
         <span>
           <a
+            buttonType="primary"
             className="c9"
+            fullWidth={false}
+            home={false}
             href="/"
+            iconFirst={false}
+            mobileColour={null}
             target="_self"
             type="button"
+            underline={true}
           >
             Show me this
           </a>
diff --git a/src/components/Molecules/QuoteSlice/QuoteSlice.md b/src/components/Molecules/QuoteSlice/QuoteSlice.md
deleted file mode 100644
index 64297b12f..000000000
--- a/src/components/Molecules/QuoteSlice/QuoteSlice.md
+++ /dev/null
@@ -1,53 +0,0 @@
-
-
-
-# Quote slice
-
-### Empty slice
-
-```js
-<QuoteSlice />
-```
-
-### Quote slice > basic props
-```js
-import { defaultData } from '../../../styleguide/data/data';
-<QuoteSlice
-    heading="Up to 30 characters. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut."
-    body="Body text"
-    imageS={defaultData.pictures.small}
-    imageM={defaultData.pictures.medium}
-    imageL={defaultData.pictures.large}
-    ctaUrl="http://www.google.com"
-    ctaLabel="An external link"
-     />
-```
-
-### Quote slice > responsive heading size
-Longer heading text should automatically use a smaller font size for a better fit.
-```js
-import { defaultData } from '../../../styleguide/data/data';
-<QuoteSlice
-    heading="Mid-length quotes over 30 characters will slowly scale down. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."
-    body="Body text"
-    imageS={defaultData.pictures.small}
-    imageM={defaultData.pictures.medium}
-    imageL={defaultData.pictures.large}
-    ctaUrl="http://www.google.com"
-    ctaLabel="An external link"
-     />
-```
-
-### Quote slice > alternative props
-```js
-import { defaultData } from '../../../styleguide/data/data';
-<QuoteSlice
-    heading="Longer quotes of up to 500 characters will all appear at the smallest size. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Duis aute irure dolor in reprehenderit in."
-    body={`Line 1,
-Line 2`}
-    textColour="black"
-    pageBackgroundColour="red"
-    ctaUrl="/test-url"
-    ctaLabel="An external link"
-     />
-```
diff --git a/src/components/Molecules/QuoteSlice/QuoteSlice.test.js b/src/components/Molecules/QuoteSlice/QuoteSlice.test.js
index 33aa66b45..a5ce52d2d 100644
--- a/src/components/Molecules/QuoteSlice/QuoteSlice.test.js
+++ b/src/components/Molecules/QuoteSlice/QuoteSlice.test.js
@@ -2,7 +2,7 @@ import 'jest-styled-components';
 import React from 'react';
 import renderWithTheme from '../../../../tests/hoc/shallowWithTheme';
 import QuoteSlice from './QuoteSlice';
-import { defaultData } from '../../../styleguide/data/data';
+import { defaultData } from '../../../data/data';
 
 it('renders an empty Quote Slice with no options set', () => {
   const quoteEl = renderWithTheme(<QuoteSlice />).toJSON();
diff --git a/src/components/Molecules/QuoteSlice/QuoteSliceExample.jsx b/src/components/Molecules/QuoteSlice/QuoteSliceExample.jsx
new file mode 100644
index 000000000..92276b305
--- /dev/null
+++ b/src/components/Molecules/QuoteSlice/QuoteSliceExample.jsx
@@ -0,0 +1,44 @@
+import React from 'react';
+import QuoteSlice from './QuoteSlice';
+import { defaultData } from '../../../data/data';
+
+export default function QuoteSliceExample() {
+  return (
+    <>
+      <h3>Empty slice</h3>
+      <QuoteSlice />
+
+      <h3>Basic props</h3>
+      <QuoteSlice
+        heading="Up to 30 characters. Lorem ipsum dolor sit amet."
+        body="Body text"
+        imageS={defaultData.pictures.small}
+        imageM={defaultData.pictures.medium}
+        imageL={defaultData.pictures.large}
+        ctaUrl="http://www.google.com"
+        ctaLabel="An external link"
+      />
+
+      <h3>Responsive heading size (longer text)</h3>
+      <QuoteSlice
+        heading="Mid-length quotes over 30 characters will slowly scale down. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."
+        body="Body text"
+        imageS={defaultData.pictures.small}
+        imageM={defaultData.pictures.medium}
+        imageL={defaultData.pictures.large}
+        ctaUrl="http://www.google.com"
+        ctaLabel="An external link"
+      />
+
+      <h3>Alternative props (no image)</h3>
+      <QuoteSlice
+        heading="Longer quotes of up to 500 characters will all appear at the smallest size. Lorem ipsum dolor sit amet."
+        body={`Line 1,\nLine 2`}
+        textColour="black"
+        pageBackgroundColour="red"
+        ctaUrl="/test-url"
+        ctaLabel="A link"
+      />
+    </>
+  );
+}
diff --git a/src/components/Molecules/QuoteSlice/__snapshots__/QuoteSlice.test.js.snap b/src/components/Molecules/QuoteSlice/__snapshots__/QuoteSlice.test.js.snap
index cfb2800b0..6f70b0619 100644
--- a/src/components/Molecules/QuoteSlice/__snapshots__/QuoteSlice.test.js.snap
+++ b/src/components/Molecules/QuoteSlice/__snapshots__/QuoteSlice.test.js.snap
@@ -5,9 +5,6 @@ exports[`renders a Quote Slice with basic props 1`] = `
   font-family: 'Anton',Impact,sans-serif;
   font-weight: 400;
   text-transform: uppercase;
-  -webkit-letter-spacing: 0;
-  -moz-letter-spacing: 0;
-  -ms-letter-spacing: 0;
   letter-spacing: 0;
   font-size: 1.5rem;
   line-height: 1.5rem;
@@ -22,9 +19,6 @@ exports[`renders a Quote Slice with basic props 1`] = `
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: 400;
   text-transform: inherit;
-  -webkit-letter-spacing: 0;
-  -moz-letter-spacing: 0;
-  -ms-letter-spacing: 0;
   letter-spacing: 0;
   font-size: 1rem;
   line-height: 1.25rem;
@@ -40,24 +34,13 @@ exports[`renders a Quote Slice with basic props 1`] = `
 }
 
 .c8 {
-  display: -webkit-inline-box;
-  display: -webkit-inline-flex;
-  display: -ms-inline-flexbox;
   display: inline-flex;
   position: relative;
-  -webkit-text-decoration: none;
   text-decoration: none;
-  -webkit-transition: all 0.2s;
   transition: all 0.2s;
   height: 2.5rem;
   width: 100%;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
   justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
   align-items: center;
   border: none;
   cursor: pointer;
@@ -68,9 +51,6 @@ exports[`renders a Quote Slice with basic props 1`] = `
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: 700;
   text-transform: inherit;
-  -webkit-letter-spacing: 0;
-  -moz-letter-spacing: 0;
-  -ms-letter-spacing: 0;
   letter-spacing: 0;
   font-size: 1rem;
   line-height: 1.25rem;
@@ -91,9 +71,7 @@ exports[`renders a Quote Slice with basic props 1`] = `
 
 .c10 {
   border: 0;
-  -webkit-clip: rect(0 0 0 0);
   clip: rect(0 0 0 0);
-  -webkit-clip-path: inset(50%);
   clip-path: inset(50%);
   height: 1px;
   margin: -1px;
@@ -106,13 +84,7 @@ exports[`renders a Quote Slice with basic props 1`] = `
 
 .c0 {
   width: 100%;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
   justify-content: center;
   padding: 2rem 1rem 2rem;
   background-color: #13767C;
@@ -121,20 +93,9 @@ exports[`renders a Quote Slice with basic props 1`] = `
 
 .c1 {
   position: relative;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
   justify-content: center;
-  -webkit-align-items: stretch;
-  -webkit-box-align: stretch;
-  -ms-flex-align: stretch;
   align-items: stretch;
-  -webkit-flex: 1 1 auto;
-  -ms-flex: 1 1 auto;
   flex: 1 1 auto;
   height: 75vh;
   min-height: 600px;
@@ -158,20 +119,9 @@ exports[`renders a Quote Slice with basic props 1`] = `
 
 .c3 {
   position: relative;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
   flex-direction: column;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
   justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
   align-items: center;
   gap: 1rem;
   z-index: 2;
@@ -196,81 +146,85 @@ exports[`renders a Quote Slice with basic props 1`] = `
   width: auto;
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c4 {
     font-size: 1.875rem;
     line-height: 1.875rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c4 {
     font-size: 2rem;
     line-height: 2rem;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c6 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c6 {
     font-size: 1.125rem;
     line-height: 1.375rem;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c8 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c8 {
     font-size: 1.125rem;
     line-height: 1.375rem;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c8 {
     width: auto;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c8 {
     width: auto;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c0 {
     padding-left: 2rem;
     padding-right: 2rem;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c5 {
     font-size: clamp(2rem,calc(var(--ratio) * 3.5rem),3.5rem);
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c5 {
     font-size: clamp(2rem,calc(var(--ratio) * 6rem),6rem);
   }
 }
 
 <div
+  backgroundColour="teal_dark"
   className="c0"
+  paddingBottom="2rem"
+  paddingTop="2rem"
+  textColour="white"
 >
   <div
     className="c1"
@@ -283,6 +237,7 @@ exports[`renders a Quote Slice with basic props 1`] = `
     >
       <h2
         className="c4 c5"
+        ratio={1}
       >
         Heading
       </h2>
@@ -292,10 +247,16 @@ exports[`renders a Quote Slice with basic props 1`] = `
         Body text
       </span>
       <a
+        buttonType="primary"
         className="c8 c9"
+        fullWidth={false}
+        home={false}
         href="http://www.google.com"
+        iconFirst={false}
+        mobileColour={null}
         target="_blank"
         type="button"
+        underline={true}
       >
         An external link
         <span
@@ -312,13 +273,7 @@ exports[`renders a Quote Slice with basic props 1`] = `
 exports[`renders an empty Quote Slice with no options set 1`] = `
 .c0 {
   width: 100%;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
   justify-content: center;
   padding: 2rem 1rem 2rem;
   background-color: #13767C;
@@ -327,20 +282,9 @@ exports[`renders an empty Quote Slice with no options set 1`] = `
 
 .c1 {
   position: relative;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
   justify-content: center;
-  -webkit-align-items: stretch;
-  -webkit-box-align: stretch;
-  -ms-flex-align: stretch;
   align-items: stretch;
-  -webkit-flex: 1 1 auto;
-  -ms-flex: 1 1 auto;
   flex: 1 1 auto;
   height: 75vh;
   min-height: 600px;
@@ -364,27 +308,16 @@ exports[`renders an empty Quote Slice with no options set 1`] = `
 
 .c3 {
   position: relative;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
   flex-direction: column;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
   justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
   align-items: center;
   gap: 1rem;
   z-index: 2;
   padding: 2rem;
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c0 {
     padding-left: 2rem;
     padding-right: 2rem;
@@ -392,7 +325,11 @@ exports[`renders an empty Quote Slice with no options set 1`] = `
 }
 
 <div
+  backgroundColour="teal_dark"
   className="c0"
+  paddingBottom="2rem"
+  paddingTop="2rem"
+  textColour="white"
 >
   <div
     className="c1"
diff --git a/src/components/Molecules/SchoolLookup/SchoolLookup.md b/src/components/Molecules/SchoolLookup/SchoolLookup.md
deleted file mode 100644
index 28efff16f..000000000
--- a/src/components/Molecules/SchoolLookup/SchoolLookup.md
+++ /dev/null
@@ -1,18 +0,0 @@
-# SchoolLookup
-
-```js
-import SchoolLookup from './SchoolLookup';
-
-// This is just an example of how a parent component might handle fetch errors within the component.
-const [enterManually, setEnterManually] = React.useState(false);
-
-const fetchErrorHandler = () => {
-  setEnterManually(true);
-}
-
-enterManually
-  ? 'Sorry, there appears to be a problem. Please enter the school\'s details manually.' 
-  : (
-    <SchoolLookup onSelect={school => alert(JSON.stringify(school, null, 2))} fetchErrorHandler={fetchErrorHandler} />
-  )
-```
diff --git a/src/components/Molecules/SchoolLookup/SchoolLookupExample.jsx b/src/components/Molecules/SchoolLookup/SchoolLookupExample.jsx
new file mode 100644
index 000000000..0cd052859
--- /dev/null
+++ b/src/components/Molecules/SchoolLookup/SchoolLookupExample.jsx
@@ -0,0 +1,17 @@
+import React, { useState } from 'react';
+import SchoolLookup from './SchoolLookup';
+
+export default function SchoolLookupExample() {
+  const [enterManually, setEnterManually] = useState(false);
+
+  if (enterManually) {
+    return <p>Sorry, there appears to be a problem. Please enter the school's details manually.</p>;
+  }
+
+  return (
+    <SchoolLookup
+      onSelect={school => alert(JSON.stringify(school, null, 2))}
+      fetchErrorHandler={() => setEnterManually(true)}
+    />
+  );
+}
diff --git a/src/components/Molecules/SchoolLookup/__snapshots__/SchoolLookup.test.js.snap b/src/components/Molecules/SchoolLookup/__snapshots__/SchoolLookup.test.js.snap
index 8d486934d..f3977faf4 100644
--- a/src/components/Molecules/SchoolLookup/__snapshots__/SchoolLookup.test.js.snap
+++ b/src/components/Molecules/SchoolLookup/__snapshots__/SchoolLookup.test.js.snap
@@ -5,9 +5,6 @@ exports[`renders correctly 1`] = `
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: 400;
   text-transform: inherit;
-  -webkit-letter-spacing: 0;
-  -moz-letter-spacing: 0;
-  -ms-letter-spacing: 0;
   letter-spacing: 0;
   font-size: 1rem;
   line-height: 1.25rem;
@@ -21,12 +18,7 @@ exports[`renders correctly 1`] = `
 .c1 {
   width: 100%;
   position: relative;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
   flex-direction: column;
   color: #000000;
 }
@@ -36,9 +28,6 @@ exports[`renders correctly 1`] = `
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: 400;
   text-transform: inherit;
-  -webkit-letter-spacing: 0;
-  -moz-letter-spacing: 0;
-  -ms-letter-spacing: 0;
   letter-spacing: 0;
   font-size: 1rem;
   line-height: 1.25rem;
@@ -49,9 +38,6 @@ exports[`renders correctly 1`] = `
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: 400;
   text-transform: inherit;
-  -webkit-letter-spacing: 0;
-  -moz-letter-spacing: 0;
-  -ms-letter-spacing: 0;
   letter-spacing: 0;
   font-size: 1rem;
   line-height: 1.25rem;
@@ -60,17 +46,8 @@ exports[`renders correctly 1`] = `
 .c5 {
   position: relative;
   width: 100%;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-box-pack: end;
-  -webkit-justify-content: flex-end;
-  -ms-flex-pack: end;
   justify-content: flex-end;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
   align-items: center;
 }
 
@@ -84,8 +61,6 @@ exports[`renders correctly 1`] = `
   border: 1px solid;
   border-color: #969598;
   box-shadow: none;
-  -webkit-appearance: none;
-  -moz-appearance: none;
   appearance: none;
   color: #000000;
   border-radius: 0.5rem;
@@ -102,95 +77,90 @@ exports[`renders correctly 1`] = `
   position: relative;
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c2 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c2 {
     font-size: 1.125rem;
     line-height: 1.375rem;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c3 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c3 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c4 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c4 {
     font-size: 1.25rem;
     line-height: 1.25rem;
   }
 }
 
-@media (min-width:740px) {
-
-}
-
-@media (min-width:1024px) {
-
-}
-
 <div
   className="c0 TextInputWithDropdown"
   onKeyDown={[Function]}
 >
   <label
     className="c1 TextInputWithDropdown__input"
+    errorMsg=""
     htmlFor="school-lookup"
+    optional={null}
   >
     <span
       className="c2 c3"
       dangerouslySetInnerHTML={
-        Object {
+        {
           "__html": "Enter the name or postcode of your school or nursery",
         }
       }
     />
     <div
       className="c4"
+      error={false}
     >
-      
       <div
         className="c5"
+        error={false}
       >
         <input
           aria-required={false}
           autoComplete="off"
           className="c6"
           defaultValue=""
+          error={false}
           id="school-lookup"
           name="school-lookup"
           onChange={[Function]}
           placeholder="Type to start search"
+          prefixLength={0}
           required={false}
           type="text"
         />
-        
       </div>
     </div>
-    
   </label>
 </div>
 `;
diff --git a/src/components/Molecules/SearchInput/SearchInput.md b/src/components/Molecules/SearchInput/SearchInput.md
deleted file mode 100644
index aa95d4e46..000000000
--- a/src/components/Molecules/SearchInput/SearchInput.md
+++ /dev/null
@@ -1,15 +0,0 @@
-# Search input
-
-```js
-const [search, setSearch] = React.useState('');
-
-<SearchInput
-  onChange={e => {
-    e.preventDefault();
-    setSearch(e.target.value);
-    console.log(search);
-  }}
-  value={search}
-  placeholder="Search..."
-/>;
-```
diff --git a/src/components/Molecules/SearchInput/SearchInput.style.js b/src/components/Molecules/SearchInput/SearchInput.style.js
index 7bab62622..8877271c7 100644
--- a/src/components/Molecules/SearchInput/SearchInput.style.js
+++ b/src/components/Molecules/SearchInput/SearchInput.style.js
@@ -35,7 +35,7 @@ const SearchField = styled(Input)`
     border: 0;
     outline: ${({ theme }) => theme.color('red')};
     background: none;
-    :focus {
+    &:focus {
       border: 0;
     }
     @media ${({ theme }) => theme.allBreakpoints('M')} {
diff --git a/src/components/Molecules/SearchInput/SearchInput.test.js b/src/components/Molecules/SearchInput/SearchInput.test.js
index d0e84896e..9e6cfa39b 100644
--- a/src/components/Molecules/SearchInput/SearchInput.test.js
+++ b/src/components/Molecules/SearchInput/SearchInput.test.js
@@ -15,236 +15,207 @@ it('renders correctly', () => {
   ).toJSON();
 
   expect(tree).toMatchInlineSnapshot(`
-    .c6 {
-      font-family: 'Montserrat',Helvetica,Arial,sans-serif;
-      font-weight: 400;
-      text-transform: inherit;
-      -webkit-letter-spacing: 0;
-      -moz-letter-spacing: 0;
-      -ms-letter-spacing: 0;
-      letter-spacing: 0;
-      font-size: 1rem;
-      line-height: 1.25rem;
-    }
-
-    .c6 span {
-      font-size: inherit;
-      line-height: inherit;
-    }
-
-    .c4 {
-      width: 100%;
-      position: relative;
-      display: -webkit-box;
-      display: -webkit-flex;
-      display: -ms-flexbox;
-      display: flex;
-      -webkit-flex-direction: column;
-      -ms-flex-direction: column;
-      flex-direction: column;
-      color: #000000;
-    }
-
-    .c7 {
-      border: 0;
-      -webkit-clip: rect(0 0 0 0);
-      clip: rect(0 0 0 0);
-      -webkit-clip-path: inset(50%);
-      clip-path: inset(50%);
-      height: 1px;
-      margin: -1px;
-      overflow: hidden;
-      padding: 0;
-      position: absolute;
-      white-space: nowrap;
-      width: 1px;
-    }
-
-    .c8 {
-      position: relative;
-      font-family: 'Montserrat',Helvetica,Arial,sans-serif;
-      font-weight: 400;
-      text-transform: inherit;
-      -webkit-letter-spacing: 0;
-      -moz-letter-spacing: 0;
-      -ms-letter-spacing: 0;
-      letter-spacing: 0;
-      font-size: 1rem;
-      line-height: 1.25rem;
-    }
-
-    .c9 {
-      position: relative;
-      width: 100%;
-      display: -webkit-box;
-      display: -webkit-flex;
-      display: -ms-flexbox;
-      display: flex;
-      -webkit-box-pack: end;
-      -webkit-justify-content: flex-end;
-      -ms-flex-pack: end;
-      justify-content: flex-end;
-      -webkit-align-items: center;
-      -webkit-box-align: center;
-      -ms-flex-align: center;
-      align-items: center;
-    }
-
-    .c10 {
-      position: relative;
-      box-sizing: border-box;
-      width: 100%;
-      height: 48px;
-      padding: 1rem;
-      background-color: #F4F3F5;
-      border: 1px solid;
-      border-color: #969598;
-      box-shadow: none;
-      -webkit-appearance: none;
-      -moz-appearance: none;
-      appearance: none;
-      color: #000000;
-      border-radius: 0.5rem;
-      font-size: inherit;
-      z-index: 2;
-      font-family: inherit;
-    }
-
-    .c10:focus {
-      border: 1px solid #666;
-    }
-
-    .c0 {
-      width: 100%;
-      max-width: 1440px;
-      margin: auto;
-    }
-
-    .c1 {
-      margin: 1rem auto;
-      padding: 0 calc((4 * 0.25rem));
-    }
-
-    .c2 {
-      margin: 4rem auto;
-      width: 100%;
-      border-bottom: 4px solid #E52630;
-      overflow: hidden;
-    }
-
-    .c3 {
-      width: 100%;
-      padding: 0 0.5rem;
-    }
-
-    .c5 input {
-      padding: 13px 0;
-      margin: 0;
-      max-width: 100%;
-      border: 0;
-      outline: #E52630;
-      background: none;
-    }
-
-    .c5 input:focus {
-      border: 0;
-    }
-
-    @media (min-width:740px) {
-      .c6 {
-        font-size: 1rem;
-        line-height: 1.25rem;
-      }
-    }
-
-    @media (min-width:1024px) {
-      .c6 {
-        font-size: 1.125rem;
-        line-height: 1.375rem;
-      }
-    }
-
-    @media (min-width:740px) {
-      .c8 {
-        font-size: 1rem;
-        line-height: 1.25rem;
-      }
-    }
-
-    @media (min-width:1024px) {
-      .c8 {
-        font-size: 1.25rem;
-        line-height: 1.25rem;
-      }
-    }
-
-    @media (min-width:740px) {
-
-    }
-
-    @media (min-width:1024px) {
-
-    }
-
-    @media (min-width:740px) {
-      .c5 input {
-        height: 100px;
-        font-size: 3rem;
-      }
-    }
-
+.c6 {
+  font-family: 'Montserrat',Helvetica,Arial,sans-serif;
+  font-weight: 400;
+  text-transform: inherit;
+  letter-spacing: 0;
+  font-size: 1rem;
+  line-height: 1.25rem;
+}
+
+.c6 span {
+  font-size: inherit;
+  line-height: inherit;
+}
+
+.c4 {
+  width: 100%;
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  color: #000000;
+}
+
+.c7 {
+  border: 0;
+  clip: rect(0 0 0 0);
+  clip-path: inset(50%);
+  height: 1px;
+  margin: -1px;
+  overflow: hidden;
+  padding: 0;
+  position: absolute;
+  white-space: nowrap;
+  width: 1px;
+}
+
+.c8 {
+  position: relative;
+  font-family: 'Montserrat',Helvetica,Arial,sans-serif;
+  font-weight: 400;
+  text-transform: inherit;
+  letter-spacing: 0;
+  font-size: 1rem;
+  line-height: 1.25rem;
+}
+
+.c9 {
+  position: relative;
+  width: 100%;
+  display: flex;
+  justify-content: flex-end;
+  align-items: center;
+}
+
+.c10 {
+  position: relative;
+  box-sizing: border-box;
+  width: 100%;
+  height: 48px;
+  padding: 1rem;
+  background-color: #F4F3F5;
+  border: 1px solid;
+  border-color: #969598;
+  box-shadow: none;
+  appearance: none;
+  color: #000000;
+  border-radius: 0.5rem;
+  font-size: inherit;
+  z-index: 2;
+  font-family: inherit;
+}
+
+.c10:focus {
+  border: 1px solid #666;
+}
+
+.c0 {
+  width: 100%;
+  max-width: 1440px;
+  margin: auto;
+}
+
+.c1 {
+  margin: 1rem auto;
+  padding: 0 calc((4 * 0.25rem));
+}
+
+.c2 {
+  margin: 4rem auto;
+  width: 100%;
+  border-bottom: 4px solid #E52630;
+  overflow: hidden;
+}
+
+.c3 {
+  width: 100%;
+  padding: 0 0.5rem;
+}
+
+.c5 input {
+  padding: 13px 0;
+  margin: 0;
+  max-width: 100%;
+  border: 0;
+  outline: #E52630;
+  background: none;
+}
+
+.c5 input:focus {
+  border: 0;
+}
+
+@media (min-width: 740px) {
+  .c6 {
+    font-size: 1rem;
+    line-height: 1.25rem;
+  }
+}
+
+@media (min-width: 1024px) {
+  .c6 {
+    font-size: 1.125rem;
+    line-height: 1.375rem;
+  }
+}
+
+@media (min-width: 740px) {
+  .c8 {
+    font-size: 1rem;
+    line-height: 1.25rem;
+  }
+}
+
+@media (min-width: 1024px) {
+  .c8 {
+    font-size: 1.25rem;
+    line-height: 1.25rem;
+  }
+}
+
+@media (min-width: 740px) {
+  .c5 input {
+    height: 100px;
+    font-size: 3rem;
+  }
+}
+
+<div
+  className="c0"
+>
+  <div
+    className="c1"
+  >
     <div
-      className="c0"
+      className="c2"
+      role="search"
     >
       <div
-        className="c1"
+        className="c3"
       >
-        <div
-          className="c2"
-          role="search"
+        <label
+          className="c4 c5"
+          errorMsg=""
+          htmlFor="search"
+          optional={null}
         >
+          <span
+            className="c6 c7"
+            dangerouslySetInnerHTML={
+              {
+                "__html": "Search",
+              }
+            }
+          />
           <div
-            className="c3"
+            className="c8"
+            error={false}
           >
-            <label
-              className="c4 c5"
-              htmlFor="search"
+            <div
+              className="c9"
+              error={false}
             >
-              <span
-                className="c6 c7"
-                dangerouslySetInnerHTML={
-                  Object {
-                    "__html": "Search",
-                  }
-                }
+              <input
+                aria-required={false}
+                className="c10"
+                error={false}
+                id="search"
+                name="search"
+                onChange={[Function]}
+                placeholder=""
+                prefixLength={0}
+                required={false}
+                role="searchbox"
+                type="text"
+                value=""
               />
-              <div
-                className="c8"
-              >
-                
-                <div
-                  className="c9"
-                >
-                  <input
-                    aria-required={false}
-                    className="c10"
-                    id="search"
-                    name="search"
-                    onChange={[Function]}
-                    placeholder=""
-                    required={false}
-                    role="searchbox"
-                    type="text"
-                    value=""
-                  />
-                  
-                </div>
-              </div>
-              
-            </label>
+            </div>
           </div>
-        </div>
+        </label>
       </div>
     </div>
-  `);
+  </div>
+</div>
+`);
 });
diff --git a/src/components/Molecules/SearchInput/SearchInputExample.jsx b/src/components/Molecules/SearchInput/SearchInputExample.jsx
new file mode 100644
index 000000000..f82b06c19
--- /dev/null
+++ b/src/components/Molecules/SearchInput/SearchInputExample.jsx
@@ -0,0 +1,17 @@
+import React, { useState } from 'react';
+import SearchInput from './SearchInput';
+
+export default function SearchInputExample() {
+  const [search, setSearch] = useState('');
+
+  return (
+    <SearchInput
+      onChange={e => {
+        e.preventDefault();
+        setSearch(e.target.value);
+      }}
+      value={search}
+      placeholder="Search..."
+    />
+  );
+}
diff --git a/src/components/Molecules/SearchResult/SearchResult.js b/src/components/Molecules/SearchResult/SearchResult.js
index b83426e03..bd01c5a16 100644
--- a/src/components/Molecules/SearchResult/SearchResult.js
+++ b/src/components/Molecules/SearchResult/SearchResult.js
@@ -27,7 +27,7 @@ const Item = styled(Link)`
   @media ${({ theme }) => theme.allBreakpoints('M')} {
     flex-direction: row;
   }
-  :hover {
+  &:hover {
     border: 0;
     font-weight: normal;
   }
diff --git a/src/components/Molecules/SearchResult/SearchResult.md b/src/components/Molecules/SearchResult/SearchResult.md
deleted file mode 100644
index 9c3e8f74d..000000000
--- a/src/components/Molecules/SearchResult/SearchResult.md
+++ /dev/null
@@ -1,55 +0,0 @@
-### Minimalist
-
-```js
-const defaultData = require('../../../styleguide/data/data').defaultData;
-<SearchResult
-  href="/test"
-  imageLow={defaultData.imageLow}
-  images={defaultData.images}
-  title="News article"
-  alt="Image's description"
-/>;
-```
-
-### With copy
-
-```js
-const defaultData = require('../../../styleguide/data/data').defaultData;
-<SearchResult
-  href="/test"
-  imageLow={defaultData.imageLow}
-  images={defaultData.images}
-  title="News article"
-  copy="News article copy"
-  alt="Image's description"
-/>;
-```
-
-### With date
-
-```js
-const defaultData = require('../../../styleguide/data/data').defaultData;
-<SearchResult
-  href="/test"
-  imageLow={defaultData.imageLow}
-  images={defaultData.images}
-  date="01 July 2019"
-  title="News article"
-  alt="Image's description"
-/>;
-```
-
-### With date and type
-
-```js
-const defaultData = require('../../../styleguide/data/data').defaultData;
-<SearchResult
-  href="/test"
-  imageLow={defaultData.imageLow}
-  images={defaultData.images}
-  date="01 July 2019"
-  type="article"
-  title="News article"
-  alt="Image's description"
-/>;
-```
diff --git a/src/components/Molecules/SearchResult/SearchResult.test.js b/src/components/Molecules/SearchResult/SearchResult.test.js
index 0b76a10ec..5a3ce22dd 100644
--- a/src/components/Molecules/SearchResult/SearchResult.test.js
+++ b/src/components/Molecules/SearchResult/SearchResult.test.js
@@ -2,7 +2,7 @@ import React from 'react';
 import 'jest-styled-components';
 import renderWithTheme from '../../../../tests/hoc/shallowWithTheme';
 import SearchResult from './SearchResult';
-import { defaultData } from '../../../styleguide/data/data';
+import { defaultData } from '../../../data/data';
 
 it('renders correctly in minimalist form', () => {
   const tree = renderWithTheme(
diff --git a/src/components/Molecules/SearchResult/SearchResultExample.jsx b/src/components/Molecules/SearchResult/SearchResultExample.jsx
new file mode 100644
index 000000000..1750bee10
--- /dev/null
+++ b/src/components/Molecules/SearchResult/SearchResultExample.jsx
@@ -0,0 +1,49 @@
+import React from 'react';
+import SearchResult from './SearchResult';
+import { defaultData } from '../../../data/data';
+
+export default function SearchResultExample() {
+  return (
+    <>
+      <h3>Minimalist</h3>
+      <SearchResult
+        href="/test"
+        imageLow={defaultData.imageLow}
+        images={defaultData.images}
+        title="News article"
+        alt="Image's description"
+      />
+
+      <h3>With copy</h3>
+      <SearchResult
+        href="/test"
+        imageLow={defaultData.imageLow}
+        images={defaultData.images}
+        title="News article"
+        copy="News article copy"
+        alt="Image's description"
+      />
+
+      <h3>With date</h3>
+      <SearchResult
+        href="/test"
+        imageLow={defaultData.imageLow}
+        images={defaultData.images}
+        date="01 July 2019"
+        title="News article"
+        alt="Image's description"
+      />
+
+      <h3>With date and type</h3>
+      <SearchResult
+        href="/test"
+        imageLow={defaultData.imageLow}
+        images={defaultData.images}
+        date="01 July 2019"
+        type="article"
+        title="News article"
+        alt="Image's description"
+      />
+    </>
+  );
+}
diff --git a/src/components/Molecules/SearchResult/__snapshots__/SearchResult.test.js.snap b/src/components/Molecules/SearchResult/__snapshots__/SearchResult.test.js.snap
index ba296ba9b..1dc4565c8 100644
--- a/src/components/Molecules/SearchResult/__snapshots__/SearchResult.test.js.snap
+++ b/src/components/Molecules/SearchResult/__snapshots__/SearchResult.test.js.snap
@@ -5,9 +5,6 @@ exports[`renders correctly in minimalist form 1`] = `
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: 400;
   text-transform: inherit;
-  -webkit-letter-spacing: 0;
-  -moz-letter-spacing: 0;
-  -ms-letter-spacing: 0;
   letter-spacing: 0;
   font-size: 1rem;
   line-height: 1.25rem;
@@ -27,9 +24,6 @@ exports[`renders correctly in minimalist form 1`] = `
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: 700;
   text-transform: inherit;
-  -webkit-letter-spacing: 0;
-  -moz-letter-spacing: 0;
-  -ms-letter-spacing: 0;
   letter-spacing: 0;
   font-size: 1.25rem;
   line-height: 1.5rem;
@@ -64,12 +58,12 @@ exports[`renders correctly in minimalist form 1`] = `
   display: inline;
   color: #000000;
   font-weight: normal;
+  color: #E52630;
 }
 
 .c1:hover,
 .c1:focus {
   color: #000000;
-  -webkit-text-decoration: none;
   text-decoration: none;
 }
 
@@ -80,16 +74,10 @@ exports[`renders correctly in minimalist form 1`] = `
 }
 
 .c2 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
   height: 100%;
   border: 0;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
   flex-direction: column;
-  -webkit-text-decoration: none;
   text-decoration: none;
   color: inherit;
   width: 100%;
@@ -105,16 +93,8 @@ exports[`renders correctly in minimalist form 1`] = `
 }
 
 .c6 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
   flex-direction: column;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
   justify-content: center;
   padding: 1rem;
   width: 100%;
@@ -124,49 +104,47 @@ exports[`renders correctly in minimalist form 1`] = `
   margin: 0;
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c7 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c7 {
     font-size: 1.125rem;
     line-height: 1.375rem;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c8 {
     font-size: 1.25rem;
     line-height: 1.5rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c8 {
     font-size: 1.375rem;
     line-height: 1.625rem;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c2 {
-    -webkit-flex-direction: row;
-    -ms-flex-direction: row;
     flex-direction: row;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c3 {
     width: 45%;
   }
 }
 
-@media (min-width:1440px) {
+@media (min-width: 1440px) {
   .c3 {
     width: 100%;
   }
@@ -176,17 +154,30 @@ exports[`renders correctly in minimalist form 1`] = `
   className="c0"
 >
   <a
+    buttonType="primary"
     className="c1 c2"
+    fullWidth={false}
+    home={false}
     href="/test"
+    iconFirst={false}
+    mobileColour={null}
     target="_self"
     type="standard"
+    underline={true}
   >
     <div
       className="c3"
+      largeImageWidth="100%"
+      smallImageWidth="45%"
     >
       <div
         className="c4"
         height="auto"
+        image={null}
+        images={null}
+        isBackgroundImage={false}
+        nonObjFitImage={null}
+        objFitState={true}
         width="100%"
       >
         <img
@@ -194,6 +185,8 @@ exports[`renders correctly in minimalist form 1`] = `
           className="c5 lazyload"
           data-src={null}
           height="auto"
+          objFitState={true}
+          objectFit="cover"
           width="100%"
         />
       </div>
@@ -211,7 +204,6 @@ exports[`renders correctly in minimalist form 1`] = `
       >
         News article
       </h3>
-      
     </div>
   </a>
 </article>
@@ -222,9 +214,6 @@ exports[`renders correctly with copy 1`] = `
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: 400;
   text-transform: inherit;
-  -webkit-letter-spacing: 0;
-  -moz-letter-spacing: 0;
-  -ms-letter-spacing: 0;
   letter-spacing: 0;
   font-size: 1rem;
   line-height: 1.25rem;
@@ -244,9 +233,6 @@ exports[`renders correctly with copy 1`] = `
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: 700;
   text-transform: inherit;
-  -webkit-letter-spacing: 0;
-  -moz-letter-spacing: 0;
-  -ms-letter-spacing: 0;
   letter-spacing: 0;
   font-size: 1.25rem;
   line-height: 1.5rem;
@@ -266,9 +252,6 @@ exports[`renders correctly with copy 1`] = `
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: 400;
   text-transform: inherit;
-  -webkit-letter-spacing: 0;
-  -moz-letter-spacing: 0;
-  -ms-letter-spacing: 0;
   letter-spacing: 0;
   font-size: 1rem;
   line-height: 1.25rem;
@@ -303,12 +286,12 @@ exports[`renders correctly with copy 1`] = `
   display: inline;
   color: #000000;
   font-weight: normal;
+  color: #E52630;
 }
 
 .c1:hover,
 .c1:focus {
   color: #000000;
-  -webkit-text-decoration: none;
   text-decoration: none;
 }
 
@@ -319,16 +302,10 @@ exports[`renders correctly with copy 1`] = `
 }
 
 .c2 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
   height: 100%;
   border: 0;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
   flex-direction: column;
-  -webkit-text-decoration: none;
   text-decoration: none;
   color: inherit;
   width: 100%;
@@ -344,16 +321,8 @@ exports[`renders correctly with copy 1`] = `
 }
 
 .c6 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
   flex-direction: column;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
   justify-content: center;
   padding: 1rem;
   width: 100%;
@@ -363,63 +332,61 @@ exports[`renders correctly with copy 1`] = `
   margin: 0;
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c7 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c7 {
     font-size: 1.125rem;
     line-height: 1.375rem;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c8 {
     font-size: 1.25rem;
     line-height: 1.5rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c8 {
     font-size: 1.375rem;
     line-height: 1.625rem;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c10 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c10 {
     font-size: 1.125rem;
     line-height: 1.375rem;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c2 {
-    -webkit-flex-direction: row;
-    -ms-flex-direction: row;
     flex-direction: row;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c3 {
     width: 45%;
   }
 }
 
-@media (min-width:1440px) {
+@media (min-width: 1440px) {
   .c3 {
     width: 100%;
   }
@@ -429,17 +396,30 @@ exports[`renders correctly with copy 1`] = `
   className="c0"
 >
   <a
+    buttonType="primary"
     className="c1 c2"
+    fullWidth={false}
+    home={false}
     href="/test"
+    iconFirst={false}
+    mobileColour={null}
     target="_self"
     type="standard"
+    underline={true}
   >
     <div
       className="c3"
+      largeImageWidth="100%"
+      smallImageWidth="45%"
     >
       <div
         className="c4"
         height="auto"
+        image={null}
+        images={null}
+        isBackgroundImage={false}
+        nonObjFitImage={null}
+        objFitState={true}
         width="100%"
       >
         <img
@@ -447,6 +427,8 @@ exports[`renders correctly with copy 1`] = `
           className="c5 lazyload"
           data-src={null}
           height="auto"
+          objFitState={true}
+          objectFit="cover"
           width="100%"
         />
       </div>
@@ -479,9 +461,6 @@ exports[`renders correctly with date 1`] = `
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: 400;
   text-transform: inherit;
-  -webkit-letter-spacing: 0;
-  -moz-letter-spacing: 0;
-  -ms-letter-spacing: 0;
   letter-spacing: 0;
   font-size: 1rem;
   line-height: 1.25rem;
@@ -501,9 +480,6 @@ exports[`renders correctly with date 1`] = `
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: 700;
   text-transform: inherit;
-  -webkit-letter-spacing: 0;
-  -moz-letter-spacing: 0;
-  -ms-letter-spacing: 0;
   letter-spacing: 0;
   font-size: 1.25rem;
   line-height: 1.5rem;
@@ -538,12 +514,12 @@ exports[`renders correctly with date 1`] = `
   display: inline;
   color: #000000;
   font-weight: normal;
+  color: #E52630;
 }
 
 .c1:hover,
 .c1:focus {
   color: #000000;
-  -webkit-text-decoration: none;
   text-decoration: none;
 }
 
@@ -554,16 +530,10 @@ exports[`renders correctly with date 1`] = `
 }
 
 .c2 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
   height: 100%;
   border: 0;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
   flex-direction: column;
-  -webkit-text-decoration: none;
   text-decoration: none;
   color: inherit;
   width: 100%;
@@ -579,16 +549,8 @@ exports[`renders correctly with date 1`] = `
 }
 
 .c6 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
   flex-direction: column;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
   justify-content: center;
   padding: 1rem;
   width: 100%;
@@ -598,49 +560,47 @@ exports[`renders correctly with date 1`] = `
   margin: 0;
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c7 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c7 {
     font-size: 1.125rem;
     line-height: 1.375rem;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c8 {
     font-size: 1.25rem;
     line-height: 1.5rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c8 {
     font-size: 1.375rem;
     line-height: 1.625rem;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c2 {
-    -webkit-flex-direction: row;
-    -ms-flex-direction: row;
     flex-direction: row;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c3 {
     width: 45%;
   }
 }
 
-@media (min-width:1440px) {
+@media (min-width: 1440px) {
   .c3 {
     width: 100%;
   }
@@ -650,17 +610,30 @@ exports[`renders correctly with date 1`] = `
   className="c0"
 >
   <a
+    buttonType="primary"
     className="c1 c2"
+    fullWidth={false}
+    home={false}
     href="/test"
+    iconFirst={false}
+    mobileColour={null}
     target="_self"
     type="standard"
+    underline={true}
   >
     <div
       className="c3"
+      largeImageWidth="100%"
+      smallImageWidth="45%"
     >
       <div
         className="c4"
         height="auto"
+        image={null}
+        images={null}
+        isBackgroundImage={false}
+        nonObjFitImage={null}
+        objFitState={true}
         width="100%"
       >
         <img
@@ -668,6 +641,8 @@ exports[`renders correctly with date 1`] = `
           className="c5 lazyload"
           data-src={null}
           height="auto"
+          objFitState={true}
+          objectFit="cover"
           width="100%"
         />
       </div>
@@ -685,7 +660,6 @@ exports[`renders correctly with date 1`] = `
       >
         News article
       </h3>
-      
     </div>
   </a>
 </article>
@@ -696,9 +670,6 @@ exports[`renders correctly with date and type 1`] = `
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: 400;
   text-transform: inherit;
-  -webkit-letter-spacing: 0;
-  -moz-letter-spacing: 0;
-  -ms-letter-spacing: 0;
   letter-spacing: 0;
   font-size: 1rem;
   line-height: 1.25rem;
@@ -718,9 +689,6 @@ exports[`renders correctly with date and type 1`] = `
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: 700;
   text-transform: inherit;
-  -webkit-letter-spacing: 0;
-  -moz-letter-spacing: 0;
-  -ms-letter-spacing: 0;
   letter-spacing: 0;
   font-size: 1.25rem;
   line-height: 1.5rem;
@@ -755,12 +723,12 @@ exports[`renders correctly with date and type 1`] = `
   display: inline;
   color: #000000;
   font-weight: normal;
+  color: #E52630;
 }
 
 .c1:hover,
 .c1:focus {
   color: #000000;
-  -webkit-text-decoration: none;
   text-decoration: none;
 }
 
@@ -771,16 +739,10 @@ exports[`renders correctly with date and type 1`] = `
 }
 
 .c2 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
   height: 100%;
   border: 0;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
   flex-direction: column;
-  -webkit-text-decoration: none;
   text-decoration: none;
   color: inherit;
   width: 100%;
@@ -796,16 +758,8 @@ exports[`renders correctly with date and type 1`] = `
 }
 
 .c6 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
   flex-direction: column;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
   justify-content: center;
   padding: 1rem;
   width: 100%;
@@ -815,49 +769,47 @@ exports[`renders correctly with date and type 1`] = `
   margin: 0;
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c7 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c7 {
     font-size: 1.125rem;
     line-height: 1.375rem;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c8 {
     font-size: 1.25rem;
     line-height: 1.5rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c8 {
     font-size: 1.375rem;
     line-height: 1.625rem;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c2 {
-    -webkit-flex-direction: row;
-    -ms-flex-direction: row;
     flex-direction: row;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c3 {
     width: 45%;
   }
 }
 
-@media (min-width:1440px) {
+@media (min-width: 1440px) {
   .c3 {
     width: 100%;
   }
@@ -867,17 +819,30 @@ exports[`renders correctly with date and type 1`] = `
   className="c0"
 >
   <a
+    buttonType="primary"
     className="c1 c2"
+    fullWidth={false}
+    home={false}
     href="/test"
+    iconFirst={false}
+    mobileColour={null}
     target="_self"
     type="standard"
+    underline={true}
   >
     <div
       className="c3"
+      largeImageWidth="100%"
+      smallImageWidth="45%"
     >
       <div
         className="c4"
         height="auto"
+        image={null}
+        images={null}
+        isBackgroundImage={false}
+        nonObjFitImage={null}
+        objFitState={true}
         width="100%"
       >
         <img
@@ -885,6 +850,8 @@ exports[`renders correctly with date and type 1`] = `
           className="c5 lazyload"
           data-src={null}
           height="auto"
+          objFitState={true}
+          objectFit="cover"
           width="100%"
         />
       </div>
@@ -902,7 +869,6 @@ exports[`renders correctly with date and type 1`] = `
       >
         News article
       </h3>
-      
     </div>
   </a>
 </article>
diff --git a/src/components/Molecules/ShareButton/ShareButton.md b/src/components/Molecules/ShareButton/ShareButton.md
deleted file mode 100644
index 06f62ca0c..000000000
--- a/src/components/Molecules/ShareButton/ShareButton.md
+++ /dev/null
@@ -1,10 +0,0 @@
-```js
-<div>
-  <ShareButton />
-
-  <ShareButton
-    urlToShare="http://www.google.com"
-    copy="Share some other page:"
-  />
-</div>
-```
diff --git a/src/components/Molecules/ShareButton/ShareButton.test.js b/src/components/Molecules/ShareButton/ShareButton.test.js
index b1b7f26c1..588086489 100644
--- a/src/components/Molecules/ShareButton/ShareButton.test.js
+++ b/src/components/Molecules/ShareButton/ShareButton.test.js
@@ -8,12 +8,10 @@ it('renders correctly', () => {
 
   expect(tree).toMatchInlineSnapshot(`
     .c4 {
-      -webkit-text-decoration: none;
       text-decoration: none;
       cursor: pointer;
       display: block;
       position: relative;
-      -webkit-transition: opacity 0.2s;
       transition: opacity 0.2s;
     }
 
@@ -27,17 +25,8 @@ it('renders correctly', () => {
     }
 
     .c0 {
-      display: -webkit-box;
-      display: -webkit-flex;
-      display: -ms-flexbox;
       display: flex;
-      -webkit-align-items: center;
-      -webkit-box-align: center;
-      -ms-flex-align: center;
       align-items: center;
-      -webkit-box-pack: center;
-      -webkit-justify-content: center;
-      -ms-flex-pack: center;
       justify-content: center;
     }
 
@@ -82,6 +71,8 @@ it('renders correctly', () => {
             className="c4"
             data-test="icon-share-button-facebook"
             href="#"
+            isHeader={false}
+            newStyle={false}
             onClick={[Function]}
             rel="noopener noreferrer"
             role="button"
@@ -91,6 +82,7 @@ it('renders correctly', () => {
             <img
               alt="comicrelief"
               className="c5"
+              invertColor={false}
               src="mock.asset"
             />
           </a>
@@ -102,6 +94,8 @@ it('renders correctly', () => {
             className="c4"
             data-test="icon-share-button-twitter"
             href="#"
+            isHeader={false}
+            newStyle={false}
             onClick={[Function]}
             rel="noopener noreferrer"
             role="button"
@@ -111,6 +105,7 @@ it('renders correctly', () => {
             <img
               alt="comicrelief"
               className="c5"
+              invertColor={false}
               src="mock.asset"
             />
           </a>
diff --git a/src/components/Molecules/ShareButton/ShareButtonExample.jsx b/src/components/Molecules/ShareButton/ShareButtonExample.jsx
new file mode 100644
index 000000000..57ca43f0b
--- /dev/null
+++ b/src/components/Molecules/ShareButton/ShareButtonExample.jsx
@@ -0,0 +1,11 @@
+import React from 'react';
+import ShareButton from './ShareButton';
+
+export default function ShareButtonExample() {
+  return (
+    <div>
+      <ShareButton />
+      <ShareButton urlToShare="http://www.google.com" copy="Share some other page:" />
+    </div>
+  );
+}
diff --git a/src/components/Molecules/SimpleSchoolLookup/SimpleSchoolLookup.md b/src/components/Molecules/SimpleSchoolLookup/SimpleSchoolLookup.md
deleted file mode 100644
index 5b170a33d..000000000
--- a/src/components/Molecules/SimpleSchoolLookup/SimpleSchoolLookup.md
+++ /dev/null
@@ -1,7 +0,0 @@
-```js
-
-import SimpleSchoolLookup from './SimpleSchoolLookup';
-
-<SimpleSchoolLookup onSelect={data => console.log(data)}/>
-
-```
\ No newline at end of file
diff --git a/src/components/Molecules/SimpleSchoolLookup/SimpleSchoolLookupExample.jsx b/src/components/Molecules/SimpleSchoolLookup/SimpleSchoolLookupExample.jsx
new file mode 100644
index 000000000..1f85f2f01
--- /dev/null
+++ b/src/components/Molecules/SimpleSchoolLookup/SimpleSchoolLookupExample.jsx
@@ -0,0 +1,8 @@
+import React from 'react';
+import SimpleSchoolLookup from './SimpleSchoolLookup';
+
+export default function SimpleSchoolLookupExample() {
+  return (
+    <SimpleSchoolLookup onSelect={data => console.log(data)} />
+  );
+}
diff --git a/src/components/Molecules/SingleMessage/SingleMessage.md b/src/components/Molecules/SingleMessage/SingleMessage.md
deleted file mode 100644
index 737bc39e1..000000000
--- a/src/components/Molecules/SingleMessage/SingleMessage.md
+++ /dev/null
@@ -1,285 +0,0 @@
-Single Message
-
-```js
-const defaultData = require('../../../styleguide/data/data').defaultData;import Text from '../../Atoms/Text/Text';
-import Link from '../../Atoms/Link/Link';
-
-<SingleMessage
-  backgroundColor="purple_dark"
-  imageSet={defaultData.images}
-  image={defaultData.image}
-  imageAltText=""
-  copyFirst={false}
->
-  <Text tag="h1" color="white" size="super">
-    title
-  </Text>
-  <Text tag="p" color="white">
-    description
-  </Text>
-  <span>
-    <Link href="/" type="button" color="white">
-      CTA
-    </Link>
-  </span>
-</SingleMessage>;
-```
-
-Single Message fullImage
-
-```js
-const defaultData = require('../../../styleguide/data/data').defaultData;import Text from '../../Atoms/Text/Text';
-import Link from '../../Atoms/Link/Link';
-
-<SingleMessage
-  backgroundColor="purple_dark"
-  imageSet={defaultData.images}
-  image={defaultData.image}
-  imageAltText=""
-  copyFirst={false}
-  fullImage={true}
-  vhFull
->
-  <Text tag="h1" color="white" size="xxl">
-    title
-  </Text>
-  <Text tag="p" color="white">
-    description
-  </Text>
-  <span>
-    <Link href="/" type="button" color="white">
-      CTA
-    </Link>
-  </span>
-</SingleMessage>;
-```
-
-Single Message fullImage no copy
-
-```js
-const defaultData = require('../../../styleguide/data/data').defaultData;import Text from '../../Atoms/Text/Text';
-import Link from '../../Atoms/Link/Link';
-
-<SingleMessage
-  backgroundColor="purple_dark"
-  imageSet={defaultData.images}
-  image={defaultData.image}
-  imageAltText=""
-  copyFirst={false}
-  fullImage={true}
-  vhFull
-/>;
-```
-
-Single Message with no Image (default padding)
-
-```js
-import Text from '../../Atoms/Text/Text';
-
-<SingleMessage backgroundColor="purple_dark" copyFirst={false}>
-  <Text tag="p" color="white" size="xxl">
-    “The creativity that goes into helping people have a better life is
-    extraordinary.”
-  </Text>
-</SingleMessage>;
-```
-
-Single Message with no Image (no padding)
-
-```js
-import Text from '../../Atoms/Text/Text';
-
-<SingleMessage backgroundColor="purple_dark" copyFirst={false} paddingTop="0rem" paddingBottom="0rem">
-  <Text tag="p" color="white" size="xxl">
-    “The creativity that goes into helping people have a better life is
-    extraordinary.”
-  </Text>
-</SingleMessage>;
-```
-
-Single Message with no Image (big padding)
-
-```js
-import Text from '../../Atoms/Text/Text';
-
-<SingleMessage backgroundColor="purple_dark" copyFirst={false} paddingTop="4rem" paddingBottom="4rem">
-  <Text tag="p" color="white" size="xxl">
-    “The creativity that goes into helping people have a better life is
-    extraordinary.”
-  </Text>
-</SingleMessage>;
-```
-
-Single Message vertical height 100%
-
-```js
-import Text from '../../Atoms/Text/Text';
-const defaultData = require('../../../styleguide/data/data').defaultData;
-<SingleMessage
-  backgroundColor="purple_dark"
-  imageLow={defaultData.imageLow}
-  imageSet={defaultData.images}
-  image={defaultData.image}
-  imageAltText=""
-  vhFull
->
-  <Text tag="p" color="white" size="xxl">
-    “The creativity that goes into helping people have a better life is
-    extraordinary.”
-  </Text>
-</SingleMessage>;
-```
-
-Single Message double image
-
-```js
-import Text from '../../Atoms/Text/Text';
-const defaultData = require('../../../styleguide/data/data').defaultData;
-<SingleMessage
-  backgroundColor="yellow"
-  imageLow={defaultData.imageLow}
-  imageSet={defaultData.images}
-  image={defaultData.image}
-  imageAltText=""
-  imageSet2={defaultData.images}
-  image2={defaultData.image}
-  imageAltText2=""
->
-  <Text tag="p" color="black" size="xxl">
-    “The creativity that goes into helping people have a better life is
-    extraordinary.”
-  </Text>
-</SingleMessage>;
-```
-
-Single Message with 16:9 video
-
-```js
-import Text from '../../Atoms/Text/Text';
-const defaultData = require('../../../styleguide/data/data').defaultData;
-import exampleYoutubeIds from './_ExampleYoutubeIds.js';
-
-<SingleMessage
-  backgroundColor="purple"
-  imageSet={defaultData.images}
-  image={defaultData.image}
-  imageAltText=""
-  copyFirst={true}
-  videoID={exampleYoutubeIds[0]}
-  landscapeVideo
->
-  <Text tag="p" color="black" size="xxl">
-    Single Message with 16:9 video, copy first
-  </Text>
-</SingleMessage>;
-```
-
-```js
-import Text from '../../Atoms/Text/Text';
-const defaultData = require('../../../styleguide/data/data').defaultData;
-import exampleYoutubeIds from './_ExampleYoutubeIds.js';
-
-<SingleMessage
-  backgroundColor="purple"
-  imageSet={defaultData.images}
-  image={defaultData.image}
-  imageAltText=""
-  copyFirst={false}
-  videoID={exampleYoutubeIds[1]}
-  landscapeVideo
->
-  <Text tag="p" color="black" size="xxl">
-    Single Message with 16:9 video
-  </Text>
-</SingleMessage>;
-```
-
-Single Message with portrait video
-
-```js
-import Text from '../../Atoms/Text/Text';
-const defaultData = require('../../../styleguide/data/data').defaultData;
-import exampleYoutubeIds from './_ExampleYoutubeIds.js';
-
-<SingleMessage
-  backgroundColor="purple"
-  imageSet={defaultData.images}
-  image={defaultData.image}
-  imageAltText=""
-  copyFirst={true}
-  videoID={exampleYoutubeIds[2]}
->
-  <Text tag="p" color="black" size="xxl">
-    Single Message with portrait video
-  </Text>
-</SingleMessage>;
-```
-
-Single Message with portrait video, 100VH
-
-```js
-import Text from '../../Atoms/Text/Text';
-import exampleYoutubeIds from './_ExampleYoutubeIds.js';
-const defaultData = require('../../../styleguide/data/data').defaultData;
-
-<SingleMessage
-  backgroundColor="purple"
-  imageSet={defaultData.images}
-  image={defaultData.image}
-  imageAltText=""
-  copyFirst={true}
-  videoID={exampleYoutubeIds[3]}
-  vhFull
->
-  <Text tag="p" color="black" size="xxl">
-    Single Message with portrait video, 100VH
-  </Text>
-</SingleMessage>;
-```
-
-Single Message with landscape video, 100VH, fullwidth image
-
-```js
-import Text from '../../Atoms/Text/Text';
-const defaultData = require('../../../styleguide/data/data').defaultData;
-import exampleYoutubeIds from './_ExampleYoutubeIds.js';
-
-<SingleMessage
-  backgroundColor="purple"
-  imageSet={defaultData.images}
-  image={defaultData.image}
-  imageAltText=""
-  copyFirst={true}
-  videoID={exampleYoutubeIds[4]}
-  vhFull
-  fullImage={true}
->
-  <Text tag="p" color="black" size="xxl">
-    Single Message with portrait video, 100VH, fullwidth image - (this copy
-    hidden by design)
-  </Text>
-</SingleMessage>;
-```
-
-Single Message with landscape video, 50VH, fullwidth image
-
-```js
-import Text from '../../Atoms/Text/Text';
-const defaultData = require('../../../styleguide/data/data').defaultData;
-import exampleYoutubeIds from './_ExampleYoutubeIds.js';
-
-<SingleMessage
-  backgroundColor="purple"
-  imageSet={defaultData.images}
-  image={defaultData.image}
-  imageAltText=""
-  copyFirst={true}
-  videoID={exampleYoutubeIds[5]}
-  fullImage={true}
->
-  <Text tag="p" color="black" size="xxl">
-    Single Message with portrait video, 50VH,fullwidth image - (this copy hidden
-    by design)
-  </Text>
-</SingleMessage>;
-```
diff --git a/src/components/Molecules/SingleMessage/SingleMessage.test.js b/src/components/Molecules/SingleMessage/SingleMessage.test.js
index 9d81a0a3f..c99c6a70e 100644
--- a/src/components/Molecules/SingleMessage/SingleMessage.test.js
+++ b/src/components/Molecules/SingleMessage/SingleMessage.test.js
@@ -2,7 +2,7 @@ import React from 'react';
 import 'jest-styled-components';
 import renderWithTheme from '../../../../tests/hoc/shallowWithTheme';
 import SingleMessage from './SingleMessage';
-import { defaultData }  from '../../../styleguide/data/data';import Text from '../../Atoms/Text/Text';
+import { defaultData }  from '../../../data/data';import Text from '../../Atoms/Text/Text';
 import Link from '../../Atoms/Link/Link';
 
 it('renders Single Message with Image correctly', () => {
diff --git a/src/components/Molecules/SingleMessage/SingleMessageExample.jsx b/src/components/Molecules/SingleMessage/SingleMessageExample.jsx
new file mode 100644
index 000000000..e8831365d
--- /dev/null
+++ b/src/components/Molecules/SingleMessage/SingleMessageExample.jsx
@@ -0,0 +1,92 @@
+import React from 'react';
+import SingleMessage from './SingleMessage';
+import Text from '../../Atoms/Text/Text';
+import Link from '../../Atoms/Link/Link';
+import { defaultData } from '../../../data/data';
+import exampleYoutubeIds from './_ExampleYoutubeIds';
+
+export default function SingleMessageExample() {
+  return (
+    <>
+      <h3>With image</h3>
+      <SingleMessage
+        backgroundColor="purple_dark"
+        imageSet={defaultData.images}
+        image={defaultData.image}
+        imageAltText=""
+        copyFirst={false}
+      >
+        <Text tag="h1" color="white" size="super">title</Text>
+        <Text tag="p" color="white">description</Text>
+        <span>
+          <Link href="/" type="button" color="white">CTA</Link>
+        </span>
+      </SingleMessage>
+
+      <h3>Full image</h3>
+      <SingleMessage
+        backgroundColor="purple_dark"
+        imageSet={defaultData.images}
+        image={defaultData.image}
+        imageAltText=""
+        copyFirst={false}
+        fullImage={true}
+        vhFull
+      >
+        <Text tag="h1" color="white" size="xxl">title</Text>
+        <Text tag="p" color="white">description</Text>
+        <span>
+          <Link href="/" type="button" color="white">CTA</Link>
+        </span>
+      </SingleMessage>
+
+      <h3>With no image (default padding)</h3>
+      <SingleMessage backgroundColor="purple_dark" copyFirst={false}>
+        <Text tag="p" color="white" size="xxl">
+          "The creativity that goes into helping people have a better life is extraordinary."
+        </Text>
+      </SingleMessage>
+
+      <h3>Double image</h3>
+      <SingleMessage
+        backgroundColor="yellow"
+        imageLow={defaultData.imageLow}
+        imageSet={defaultData.images}
+        image={defaultData.image}
+        imageAltText=""
+        imageSet2={defaultData.images}
+        image2={defaultData.image}
+        imageAltText2=""
+      >
+        <Text tag="p" color="black" size="xxl">
+          "The creativity that goes into helping people have a better life is extraordinary."
+        </Text>
+      </SingleMessage>
+
+      <h3>With 16:9 video, copy first</h3>
+      <SingleMessage
+        backgroundColor="purple"
+        imageSet={defaultData.images}
+        image={defaultData.image}
+        imageAltText=""
+        copyFirst={true}
+        videoID={exampleYoutubeIds[0]}
+        landscapeVideo
+      >
+        <Text tag="p" color="black" size="xxl">Single Message with 16:9 video, copy first</Text>
+      </SingleMessage>
+
+      <h3>With portrait video</h3>
+      <SingleMessage
+        backgroundColor="purple"
+        imageSet={defaultData.images}
+        image={defaultData.image}
+        imageAltText=""
+        copyFirst={true}
+        videoID={exampleYoutubeIds[2]}
+      >
+        <Text tag="p" color="black" size="xxl">Single Message with portrait video</Text>
+      </SingleMessage>
+    </>
+  );
+}
diff --git a/src/components/Molecules/SingleMessage/__snapshots__/SingleMessage.test.js.snap b/src/components/Molecules/SingleMessage/__snapshots__/SingleMessage.test.js.snap
index 3205f6897..80d64de30 100644
--- a/src/components/Molecules/SingleMessage/__snapshots__/SingleMessage.test.js.snap
+++ b/src/components/Molecules/SingleMessage/__snapshots__/SingleMessage.test.js.snap
@@ -5,9 +5,6 @@ exports[`renders Single Message with 100% vertical height image correctly 1`] =
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: 400;
   text-transform: inherit;
-  -webkit-letter-spacing: 0;
-  -moz-letter-spacing: 0;
-  -ms-letter-spacing: 0;
   letter-spacing: 0;
   font-size: 1rem;
   line-height: 1.25rem;
@@ -39,13 +36,8 @@ exports[`renders Single Message with 100% vertical height image correctly 1`] =
 }
 
 .c0 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
   position: relative;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
   flex-direction: column;
   overflow: hidden;
   background: #6F3AAB;
@@ -81,93 +73,109 @@ exports[`renders Single Message with 100% vertical height image correctly 1`] =
   z-index: 1;
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c6 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c6 {
     font-size: 1.125rem;
     line-height: 1.375rem;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c0 {
-    -webkit-flex-direction: row;
-    -ms-flex-direction: row;
     flex-direction: row;
     padding-top: 0rem;
     padding-bottom: 0rem;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c5 {
     min-height: calc(100vh - 5.625rem);
-    -webkit-flex-direction: column;
-    -ms-flex-direction: column;
     flex-direction: column;
-    -webkit-box-pack: center;
-    -webkit-justify-content: center;
-    -ms-flex-pack: center;
     justify-content: center;
-    display: -webkit-box;
-    display: -webkit-flex;
-    display: -ms-flexbox;
     display: flex;
-    -webkit-flex-direction: column;
-    -ms-flex-direction: column;
     flex-direction: column;
-    -webkit-box-pack: center;
-    -webkit-justify-content: center;
-    -ms-flex-pack: center;
     justify-content: center;
     padding: 0 4rem;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c5 {
     width: 50%;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c1 {
     height: auto;
     width: 50%;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c1 {
     padding-bottom: 0;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c2 img {
     position: absolute;
   }
 }
 
 <div
+  backgroundColor="purple"
   className="c0"
+  copyFirst={false}
+  fullImage={false}
+  hasVideo={false}
   id="single-msg__5"
+  isPlaying={false}
+  landscapeVideo={false}
+  paddingBottom="0rem"
+  paddingTop="0rem"
+  smPaddingBottom="0rem"
+  smPaddingTop="0rem"
+  vhFull={true}
 >
   <div
     className="c1"
+    doubleImage={null}
+    fullImage={false}
+    hasVideo={false}
+    isBuffering={false}
+    isPlaying={false}
+    landscapeVideo={false}
+    vhFull={true}
   >
     <div
       className="c2"
+      doubleImage={null}
+      fullImage={false}
+      hasVideo={false}
+      isBuffering={false}
+      isPlaying={false}
+      landscapeVideo={false}
+      vhFull={true}
     >
       <div
         className="c3 lazyload"
         height="100%"
+        image="http://images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg"
+        images="//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=200&h=150&q=50 200w,//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=400&h=300&q=50 400w,//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=800&h=600&q=50 800w,//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=1200&h=900&q=50 1200w,//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=1440&h=1080&q=50 1440w"
+        isBackgroundImage={false}
+        nonObjFitImage="http://images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg"
+        objFitState={true}
+        setObjFitState={[Function]}
         width="100%"
       >
         <img
@@ -178,6 +186,10 @@ exports[`renders Single Message with 100% vertical height image correctly 1`] =
           data-src="http://images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg"
           data-srcset="//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=200&h=150&q=50 200w,//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=400&h=300&q=50 400w,//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=800&h=600&q=50 800w,//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=1200&h=900&q=50 1200w,//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=1440&h=1080&q=50 1440w"
           height="100%"
+          mediumBreakpointRowLayout={null}
+          objFitState={true}
+          objectFit="cover"
+          smallBreakpointRowLayout={null}
           src="http://images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg"
           srcSet="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"
           width="100%"
@@ -187,6 +199,13 @@ exports[`renders Single Message with 100% vertical height image correctly 1`] =
   </div>
   <div
     className="c5"
+    copyFirst={false}
+    fullImage={false}
+    hasImage="//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=200&h=150&q=50 200w,//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=400&h=300&q=50 400w,//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=800&h=600&q=50 800w,//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=1200&h=900&q=50 1200w,//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=1440&h=1080&q=50 1440w"
+    hasVideo={false}
+    paddingBottom="2rem"
+    paddingTop="2rem"
+    vhFull={true}
   >
     <p
       className="c6"
@@ -202,9 +221,6 @@ exports[`renders Single Message with Image correctly 1`] = `
   font-family: 'Anton',Impact,sans-serif;
   font-weight: 400;
   text-transform: uppercase;
-  -webkit-letter-spacing: 0;
-  -moz-letter-spacing: 0;
-  -ms-letter-spacing: 0;
   letter-spacing: 0;
   font-size: 2rem;
   line-height: 2rem;
@@ -225,9 +241,6 @@ exports[`renders Single Message with Image correctly 1`] = `
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: 400;
   text-transform: inherit;
-  -webkit-letter-spacing: 0;
-  -moz-letter-spacing: 0;
-  -ms-letter-spacing: 0;
   letter-spacing: 0;
   font-size: 1rem;
   line-height: 1.25rem;
@@ -259,24 +272,13 @@ exports[`renders Single Message with Image correctly 1`] = `
 }
 
 .c8 {
-  display: -webkit-inline-box;
-  display: -webkit-inline-flex;
-  display: -ms-inline-flexbox;
   display: inline-flex;
   position: relative;
-  -webkit-text-decoration: none;
   text-decoration: none;
-  -webkit-transition: all 0.2s;
   transition: all 0.2s;
   height: 2.5rem;
   width: 100%;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
   justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
   align-items: center;
   border: none;
   cursor: pointer;
@@ -287,9 +289,6 @@ exports[`renders Single Message with Image correctly 1`] = `
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: 700;
   text-transform: inherit;
-  -webkit-letter-spacing: 0;
-  -moz-letter-spacing: 0;
-  -ms-letter-spacing: 0;
   letter-spacing: 0;
   font-size: 1rem;
   line-height: 1.25rem;
@@ -309,13 +308,8 @@ exports[`renders Single Message with Image correctly 1`] = `
 }
 
 .c0 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
   position: relative;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
   flex-direction: column;
   overflow: hidden;
   background: #6F3AAB;
@@ -351,124 +345,141 @@ exports[`renders Single Message with Image correctly 1`] = `
   z-index: 1;
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c6 {
     font-size: 2.5rem;
     line-height: 2.5rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c6 {
     font-size: 3rem;
     line-height: 3rem;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c7 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c7 {
     font-size: 1.125rem;
     line-height: 1.375rem;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c8 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c8 {
     font-size: 1.125rem;
     line-height: 1.375rem;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c8 {
     width: auto;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c8 {
     width: auto;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c0 {
-    -webkit-flex-direction: row;
-    -ms-flex-direction: row;
     flex-direction: row;
     padding-top: 0rem;
     padding-bottom: 0rem;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c5 {
     height: auto;
-    display: -webkit-box;
-    display: -webkit-flex;
-    display: -ms-flexbox;
     display: flex;
-    -webkit-flex-direction: column;
-    -ms-flex-direction: column;
     flex-direction: column;
-    -webkit-box-pack: center;
-    -webkit-justify-content: center;
-    -ms-flex-pack: center;
     justify-content: center;
     padding: 0 4rem;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c5 {
     width: 50%;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c1 {
     height: auto;
     width: 50%;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c1 {
     padding-bottom: 0;
   }
 }
 
-@media (min-width:740px) {
-
-}
-
 <div
+  backgroundColor="purple"
   className="c0"
+  copyFirst={false}
+  fullImage={false}
+  hasVideo={false}
   id="single-msg__1"
+  isPlaying={false}
+  landscapeVideo={false}
+  paddingBottom="0rem"
+  paddingTop="0rem"
+  smPaddingBottom="0rem"
+  smPaddingTop="0rem"
+  vhFull={false}
 >
   <div
     className="c1"
+    doubleImage={null}
+    fullImage={false}
+    hasVideo={false}
+    isBuffering={false}
+    isPlaying={false}
+    landscapeVideo={false}
+    vhFull={false}
   >
     <div
       className="c2"
+      doubleImage={null}
+      fullImage={false}
+      hasVideo={false}
+      isBuffering={false}
+      isPlaying={false}
+      landscapeVideo={false}
+      vhFull={false}
     >
       <div
         className="c3 lazyload"
         height="100%"
+        image="http://images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg"
+        images="//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=200&h=150&q=50 200w,//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=400&h=300&q=50 400w,//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=800&h=600&q=50 800w,//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=1200&h=900&q=50 1200w,//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=1440&h=1080&q=50 1440w"
+        isBackgroundImage={false}
+        nonObjFitImage="http://images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg"
+        objFitState={true}
+        setObjFitState={[Function]}
         width="100%"
       >
         <img
@@ -479,6 +490,10 @@ exports[`renders Single Message with Image correctly 1`] = `
           data-src="http://images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg"
           data-srcset="//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=200&h=150&q=50 200w,//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=400&h=300&q=50 400w,//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=800&h=600&q=50 800w,//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=1200&h=900&q=50 1200w,//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=1440&h=1080&q=50 1440w"
           height="100%"
+          mediumBreakpointRowLayout={null}
+          objFitState={true}
+          objectFit="cover"
+          smallBreakpointRowLayout={null}
           src="http://images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg"
           srcSet="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"
           width="100%"
@@ -488,6 +503,13 @@ exports[`renders Single Message with Image correctly 1`] = `
   </div>
   <div
     className="c5"
+    copyFirst={false}
+    fullImage={false}
+    hasImage="//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=200&h=150&q=50 200w,//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=400&h=300&q=50 400w,//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=800&h=600&q=50 800w,//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=1200&h=900&q=50 1200w,//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=1440&h=1080&q=50 1440w"
+    hasVideo={false}
+    paddingBottom="2rem"
+    paddingTop="2rem"
+    vhFull={false}
   >
     <h1
       className="c6"
@@ -500,10 +522,16 @@ exports[`renders Single Message with Image correctly 1`] = `
       description
     </p>
     <a
+      buttonType="primary"
       className="c8"
+      fullWidth={false}
+      home={false}
       href="/"
+      iconFirst={false}
+      mobileColour={null}
       target="_self"
       type="button"
+      underline={true}
     >
       CTA
     </a>
@@ -516,9 +544,6 @@ exports[`renders Single Message with double image correctly 1`] = `
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: 400;
   text-transform: inherit;
-  -webkit-letter-spacing: 0;
-  -moz-letter-spacing: 0;
-  -ms-letter-spacing: 0;
   letter-spacing: 0;
   font-size: 1rem;
   line-height: 1.25rem;
@@ -550,13 +575,8 @@ exports[`renders Single Message with double image correctly 1`] = `
 }
 
 .c0 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
   position: relative;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
   flex-direction: column;
   overflow: hidden;
   background: #FFE400;
@@ -584,12 +604,7 @@ exports[`renders Single Message with double image correctly 1`] = `
   width: 100%;
   height: 280px;
   position: relative;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
   flex-direction: column;
 }
 
@@ -600,108 +615,101 @@ exports[`renders Single Message with double image correctly 1`] = `
   z-index: 1;
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c6 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c6 {
     font-size: 1.125rem;
     line-height: 1.375rem;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c0 {
-    -webkit-flex-direction: row;
-    -ms-flex-direction: row;
     flex-direction: row;
     padding-top: 0rem;
     padding-bottom: 0rem;
   }
 }
 
-@media (min-width:740px) {
-
-}
-
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c5 {
     height: auto;
-    display: -webkit-box;
-    display: -webkit-flex;
-    display: -ms-flexbox;
     display: flex;
-    -webkit-flex-direction: column;
-    -ms-flex-direction: column;
     flex-direction: column;
-    -webkit-box-pack: center;
-    -webkit-justify-content: center;
-    -ms-flex-pack: center;
     justify-content: center;
     padding: 0 4rem;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c5 {
     width: 50%;
   }
 }
 
-@media (min-width:740px) {
-
-}
-
-@media (min-width:740px) {
-
-}
-
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c1 {
     height: auto;
     width: 50%;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c1 {
     padding-bottom: 0;
   }
 }
 
-@media (min-width:740px) {
-
-}
-
-@media (min-width:740px) {
-
-}
-
-@media (min-width:740px) {
-
-}
-
-@media (min-width:740px) {
-
-}
-
 <div
+  backgroundColor="yellow"
   className="c0"
+  copyFirst={false}
+  fullImage={false}
+  hasVideo={false}
   id="single-msg__6"
+  isPlaying={false}
+  landscapeVideo={false}
+  paddingBottom="0rem"
+  paddingTop="0rem"
+  smPaddingBottom="0rem"
+  smPaddingTop="0rem"
+  vhFull={false}
 >
   <div
     className="c1"
+    doubleImage="//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=200&h=150&q=50 200w,//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=400&h=300&q=50 400w,//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=800&h=600&q=50 800w,//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=1200&h=900&q=50 1200w,//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=1440&h=1080&q=50 1440w"
+    fullImage={false}
+    hasVideo={false}
+    isBuffering={false}
+    isPlaying={false}
+    landscapeVideo={false}
+    vhFull={false}
   >
     <div
       className="c2"
+      doubleImage="//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=200&h=150&q=50 200w,//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=400&h=300&q=50 400w,//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=800&h=600&q=50 800w,//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=1200&h=900&q=50 1200w,//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=1440&h=1080&q=50 1440w"
+      fullImage={false}
+      hasVideo={false}
+      isBuffering={false}
+      isPlaying={false}
+      landscapeVideo={false}
+      vhFull={false}
     >
       <div
         className="c3 lazyload"
         height="100%"
+        image="http://images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg"
+        images="//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=200&h=150&q=50 200w,//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=400&h=300&q=50 400w,//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=800&h=600&q=50 800w,//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=1200&h=900&q=50 1200w,//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=1440&h=1080&q=50 1440w"
+        isBackgroundImage={false}
+        nonObjFitImage="http://images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg"
+        objFitState={true}
+        setObjFitState={[Function]}
         width="100%"
       >
         <img
@@ -712,6 +720,10 @@ exports[`renders Single Message with double image correctly 1`] = `
           data-src="http://images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg"
           data-srcset="//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=200&h=150&q=50 200w,//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=400&h=300&q=50 400w,//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=800&h=600&q=50 800w,//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=1200&h=900&q=50 1200w,//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=1440&h=1080&q=50 1440w"
           height="100%"
+          mediumBreakpointRowLayout={null}
+          objFitState={true}
+          objectFit="cover"
+          smallBreakpointRowLayout={null}
           src="http://images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg"
           srcSet="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"
           width="100%"
@@ -720,10 +732,18 @@ exports[`renders Single Message with double image correctly 1`] = `
     </div>
     <div
       className="c2"
+      doubleImage="//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=200&h=150&q=50 200w,//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=400&h=300&q=50 400w,//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=800&h=600&q=50 800w,//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=1200&h=900&q=50 1200w,//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=1440&h=1080&q=50 1440w"
+      vhFull={false}
     >
       <div
         className="c3 lazyload"
         height="100%"
+        image="http://images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg"
+        images="//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=200&h=150&q=50 200w,//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=400&h=300&q=50 400w,//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=800&h=600&q=50 800w,//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=1200&h=900&q=50 1200w,//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=1440&h=1080&q=50 1440w"
+        isBackgroundImage={false}
+        nonObjFitImage="http://images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg"
+        objFitState={true}
+        setObjFitState={[Function]}
         width="100%"
       >
         <img
@@ -734,6 +754,10 @@ exports[`renders Single Message with double image correctly 1`] = `
           data-src="http://images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg"
           data-srcset="//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=200&h=150&q=50 200w,//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=400&h=300&q=50 400w,//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=800&h=600&q=50 800w,//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=1200&h=900&q=50 1200w,//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=1440&h=1080&q=50 1440w"
           height="100%"
+          mediumBreakpointRowLayout={null}
+          objFitState={true}
+          objectFit="cover"
+          smallBreakpointRowLayout={null}
           src="http://images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg"
           srcSet="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"
           width="100%"
@@ -743,6 +767,13 @@ exports[`renders Single Message with double image correctly 1`] = `
   </div>
   <div
     className="c5"
+    copyFirst={false}
+    fullImage={false}
+    hasImage="//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=200&h=150&q=50 200w,//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=400&h=300&q=50 400w,//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=800&h=600&q=50 800w,//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=1200&h=900&q=50 1200w,//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=1440&h=1080&q=50 1440w"
+    hasVideo={false}
+    paddingBottom="2rem"
+    paddingTop="2rem"
+    vhFull={false}
   >
     <p
       className="c6"
@@ -758,9 +789,6 @@ exports[`renders Single Message with full width correctly 1`] = `
   font-family: 'Anton',Impact,sans-serif;
   font-weight: 400;
   text-transform: uppercase;
-  -webkit-letter-spacing: 0;
-  -moz-letter-spacing: 0;
-  -ms-letter-spacing: 0;
   letter-spacing: 0;
   font-size: 2rem;
   line-height: 2rem;
@@ -781,9 +809,6 @@ exports[`renders Single Message with full width correctly 1`] = `
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: 400;
   text-transform: inherit;
-  -webkit-letter-spacing: 0;
-  -moz-letter-spacing: 0;
-  -ms-letter-spacing: 0;
   letter-spacing: 0;
   font-size: 1rem;
   line-height: 1.25rem;
@@ -815,24 +840,13 @@ exports[`renders Single Message with full width correctly 1`] = `
 }
 
 .c8 {
-  display: -webkit-inline-box;
-  display: -webkit-inline-flex;
-  display: -ms-inline-flexbox;
   display: inline-flex;
   position: relative;
-  -webkit-text-decoration: none;
   text-decoration: none;
-  -webkit-transition: all 0.2s;
   transition: all 0.2s;
   height: 2.5rem;
   width: 100%;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
   justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
   align-items: center;
   border: none;
   cursor: pointer;
@@ -843,9 +857,6 @@ exports[`renders Single Message with full width correctly 1`] = `
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: 700;
   text-transform: inherit;
-  -webkit-letter-spacing: 0;
-  -moz-letter-spacing: 0;
-  -ms-letter-spacing: 0;
   letter-spacing: 0;
   font-size: 1rem;
   line-height: 1.25rem;
@@ -865,13 +876,8 @@ exports[`renders Single Message with full width correctly 1`] = `
 }
 
 .c0 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
   position: relative;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
   flex-direction: column;
   overflow: hidden;
   background: #6F3AAB;
@@ -907,115 +913,98 @@ exports[`renders Single Message with full width correctly 1`] = `
   z-index: 1;
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c6 {
     font-size: 2.5rem;
     line-height: 2.5rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c6 {
     font-size: 3rem;
     line-height: 3rem;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c7 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c7 {
     font-size: 1.125rem;
     line-height: 1.375rem;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c8 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c8 {
     font-size: 1.125rem;
     line-height: 1.375rem;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c8 {
     width: auto;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c8 {
     width: auto;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c0 {
-    -webkit-flex-direction: row;
-    -ms-flex-direction: row;
     flex-direction: row;
     padding-top: 0rem;
     padding-bottom: 0rem;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c5 {
     min-height: calc(100vh - 5.625rem);
-    -webkit-flex-direction: column;
-    -ms-flex-direction: column;
     flex-direction: column;
-    -webkit-box-pack: center;
-    -webkit-justify-content: center;
-    -ms-flex-pack: center;
     justify-content: center;
-    display: -webkit-box;
-    display: -webkit-flex;
-    display: -ms-flexbox;
     display: flex;
-    -webkit-flex-direction: column;
-    -ms-flex-direction: column;
     flex-direction: column;
-    -webkit-box-pack: center;
-    -webkit-justify-content: center;
-    -ms-flex-pack: center;
     justify-content: center;
     padding: 0 4rem;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c5 {
     position: absolute;
     width: 100%;
     right: 0;
     top: 50%;
-    -webkit-transform: translateY(-50%);
-    -ms-transform: translateY(-50%);
     transform: translateY(-50%);
     width: 50%;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c5 {
     width: 50%;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c1 {
     height: auto;
     width: 100%;
@@ -1023,31 +1012,62 @@ exports[`renders Single Message with full width correctly 1`] = `
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c1 {
     padding-bottom: 0;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c2 img {
     position: absolute;
   }
 }
 
 <div
+  backgroundColor="purple"
   className="c0"
+  copyFirst={false}
+  fullImage={true}
+  hasVideo={false}
   id="single-msg__3"
+  isPlaying={false}
+  landscapeVideo={false}
+  paddingBottom="0rem"
+  paddingTop="0rem"
+  smPaddingBottom="0rem"
+  smPaddingTop="0rem"
+  vhFull={false}
 >
   <div
     className="c1"
+    doubleImage={null}
+    fullImage={true}
+    hasVideo={false}
+    isBuffering={false}
+    isPlaying={false}
+    landscapeVideo={false}
+    vhFull={false}
   >
     <div
       className="c2"
+      doubleImage={null}
+      fullImage={true}
+      hasVideo={false}
+      isBuffering={false}
+      isPlaying={false}
+      landscapeVideo={false}
+      vhFull={false}
     >
       <div
         className="c3 lazyload"
         height="100%"
+        image="http://images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg"
+        images="//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=200&h=150&q=50 200w,//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=400&h=300&q=50 400w,//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=800&h=600&q=50 800w,//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=1200&h=900&q=50 1200w,//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=1440&h=1080&q=50 1440w"
+        isBackgroundImage={false}
+        nonObjFitImage="http://images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg"
+        objFitState={true}
+        setObjFitState={[Function]}
         width="100%"
       >
         <img
@@ -1058,6 +1078,10 @@ exports[`renders Single Message with full width correctly 1`] = `
           data-src="http://images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg"
           data-srcset="//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=200&h=150&q=50 200w,//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=400&h=300&q=50 400w,//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=800&h=600&q=50 800w,//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=1200&h=900&q=50 1200w,//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=1440&h=1080&q=50 1440w"
           height="100%"
+          mediumBreakpointRowLayout={null}
+          objFitState={true}
+          objectFit="cover"
+          smallBreakpointRowLayout={null}
           src="http://images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg"
           srcSet="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"
           width="100%"
@@ -1067,6 +1091,13 @@ exports[`renders Single Message with full width correctly 1`] = `
   </div>
   <div
     className="c5"
+    copyFirst={false}
+    fullImage={true}
+    hasImage="//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=200&h=150&q=50 200w,//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=400&h=300&q=50 400w,//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=800&h=600&q=50 800w,//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=1200&h=900&q=50 1200w,//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=1440&h=1080&q=50 1440w"
+    hasVideo={false}
+    paddingBottom="2rem"
+    paddingTop="2rem"
+    vhFull={false}
   >
     <h1
       className="c6"
@@ -1079,10 +1110,16 @@ exports[`renders Single Message with full width correctly 1`] = `
       description
     </p>
     <a
+      buttonType="primary"
       className="c8"
+      fullWidth={false}
+      home={false}
       href="/"
+      iconFirst={false}
+      mobileColour={null}
       target="_self"
       type="button"
+      underline={true}
     >
       CTA
     </a>
@@ -1106,13 +1143,8 @@ exports[`renders Single Message with full width image and no text correctly 1`]
 }
 
 .c0 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
   position: relative;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
   flex-direction: column;
   overflow: hidden;
   background: #6F3AAB;
@@ -1142,45 +1174,15 @@ exports[`renders Single Message with full width image and no text correctly 1`]
   z-index: 1;
 }
 
-@media (min-width:740px) {
-
-}
-
-@media (min-width:1024px) {
-
-}
-
-@media (min-width:740px) {
-
-}
-
-@media (min-width:1024px) {
-
-}
-
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c0 {
-    -webkit-flex-direction: row;
-    -ms-flex-direction: row;
     flex-direction: row;
     padding-top: 0rem;
     padding-bottom: 0rem;
   }
 }
 
-@media (min-width:740px) {
-
-}
-
-@media (min-width:740px) {
-
-}
-
-@media (min-width:740px) {
-
-}
-
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c1 {
     height: auto;
     width: 100%;
@@ -1188,31 +1190,62 @@ exports[`renders Single Message with full width image and no text correctly 1`]
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c1 {
     padding-bottom: 0;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c2 img {
     position: absolute;
   }
 }
 
 <div
+  backgroundColor="purple"
   className="c0"
+  copyFirst={false}
+  fullImage={true}
+  hasVideo={false}
   id="single-msg__4"
+  isPlaying={false}
+  landscapeVideo={false}
+  paddingBottom="0rem"
+  paddingTop="0rem"
+  smPaddingBottom="0rem"
+  smPaddingTop="0rem"
+  vhFull={false}
 >
   <div
     className="c1"
+    doubleImage={null}
+    fullImage={true}
+    hasVideo={false}
+    isBuffering={false}
+    isPlaying={false}
+    landscapeVideo={false}
+    vhFull={false}
   >
     <div
       className="c2"
+      doubleImage={null}
+      fullImage={true}
+      hasVideo={false}
+      isBuffering={false}
+      isPlaying={false}
+      landscapeVideo={false}
+      vhFull={false}
     >
       <div
         className="c3 lazyload"
         height="100%"
+        image="http://images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg"
+        images="//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=200&h=150&q=50 200w,//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=400&h=300&q=50 400w,//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=800&h=600&q=50 800w,//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=1200&h=900&q=50 1200w,//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=1440&h=1080&q=50 1440w"
+        isBackgroundImage={false}
+        nonObjFitImage="http://images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg"
+        objFitState={true}
+        setObjFitState={[Function]}
         width="100%"
       >
         <img
@@ -1223,6 +1256,10 @@ exports[`renders Single Message with full width image and no text correctly 1`]
           data-src="http://images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg"
           data-srcset="//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=200&h=150&q=50 200w,//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=400&h=300&q=50 400w,//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=800&h=600&q=50 800w,//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=1200&h=900&q=50 1200w,//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=1440&h=1080&q=50 1440w"
           height="100%"
+          mediumBreakpointRowLayout={null}
+          objFitState={true}
+          objectFit="cover"
+          smallBreakpointRowLayout={null}
           src="http://images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg"
           srcSet="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"
           width="100%"
@@ -1238,9 +1275,6 @@ exports[`renders Single Message with no Image correctly 1`] = `
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: 400;
   text-transform: inherit;
-  -webkit-letter-spacing: 0;
-  -moz-letter-spacing: 0;
-  -ms-letter-spacing: 0;
   letter-spacing: 0;
   font-size: 1rem;
   line-height: 1.25rem;
@@ -1258,13 +1292,8 @@ exports[`renders Single Message with no Image correctly 1`] = `
 }
 
 .c0 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
   position: relative;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
   flex-direction: column;
   overflow: hidden;
   background: #6F3AAB;
@@ -1290,102 +1319,69 @@ exports[`renders Single Message with no Image correctly 1`] = `
   padding: 0 1rem;
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c2 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c2 {
     font-size: 1.125rem;
     line-height: 1.375rem;
   }
 }
 
-@media (min-width:740px) {
-
-}
-
-@media (min-width:1024px) {
-
-}
-
-@media (min-width:740px) {
-
-}
-
-@media (min-width:1024px) {
-
-}
-
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c0 {
-    -webkit-flex-direction: row;
-    -ms-flex-direction: row;
     flex-direction: row;
     padding-top: 2rem;
     padding-bottom: 2rem;
   }
 }
 
-@media (min-width:740px) {
-
-}
-
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c1 {
     height: auto;
-    display: -webkit-box;
-    display: -webkit-flex;
-    display: -ms-flexbox;
     display: flex;
-    -webkit-flex-direction: column;
-    -ms-flex-direction: column;
     flex-direction: column;
-    -webkit-box-pack: center;
-    -webkit-justify-content: center;
-    -ms-flex-pack: center;
     justify-content: center;
     padding: 0 4rem;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c1 {
     width: 100%;
-    max-width: 880px;
     padding: 0 4rem;
   }
 }
 
-@media (min-width:740px) {
-
-}
-
-@media (min-width:740px) {
-
-}
-
-@media (min-width:740px) {
-
-}
-
-@media (min-width:740px) {
-
-}
-
-@media (min-width:740px) {
-
-}
-
 <div
+  backgroundColor="purple"
   className="c0"
+  copyFirst={false}
+  fullImage={false}
+  hasVideo={false}
   id="single-msg__2"
+  isPlaying={false}
+  landscapeVideo={false}
+  paddingBottom="2rem"
+  paddingTop="2rem"
+  smPaddingBottom="2rem"
+  smPaddingTop="2rem"
+  vhFull={false}
 >
   <div
     className="c1"
+    copyFirst={false}
+    fullImage={false}
+    hasImage={false}
+    hasVideo={false}
+    paddingBottom="2rem"
+    paddingTop="2rem"
+    vhFull={false}
   >
     <p
       className="c2"
diff --git a/src/components/Molecules/SingleMessageDS/SingleMessageDs.md b/src/components/Molecules/SingleMessageDS/SingleMessageDs.md
deleted file mode 100644
index c1fbe8093..000000000
--- a/src/components/Molecules/SingleMessageDS/SingleMessageDs.md
+++ /dev/null
@@ -1,190 +0,0 @@
-# SingleMessageDs
-
-## Image align left and CTA are clickable and links user through to full conten
-
-```js
-const defaultData = require('../../../styleguide/data/data').defaultData;import Text from '../../Atoms/Text/Text';
-import Link from '../../Atoms/Link/Link';
-import styled from 'styled-components';
-import spacing from '../../../theme/shared/spacing';
-
-const Title = styled(Text)`
-  letter-spacing: 0.03em;
-  text-transform: uppercase;
-  margin: ${spacing('md')} 0;
-  @media ${({ theme }) => theme.allBreakpoints('M')} {
-    margin-bottom: ${spacing('m')};
-  }
-`;
-<div
-    style={{
-      display: 'flex',
-      padding: '4rem 0',
-      background: '#E1E2E3',
-      justifyContent: 'space-around',
-    }}>
-    <SingleMessageDs
-      imageLeft={true}
-      link='/home'
-      linkLabel='Check out'
-      backgroundColor='white'
-      imageLow={defaultData.image}
-      images={defaultData.images}
-      imageAltText='Happy man going to work'
-      subtitle="Subtitle"
-      height='100%'
-      youTubeId='faz0JeBB41M'
-    >
-      <Title tag="h4" color="grey_dark" size="xl" family="Anton" weight="normal">
-        Heading Line 1 Heading Line 2
-      </Title>
-      <Text tag='p'>
-        Whatever you’ve got planned, the Sport Relief shop has everything you need
-        to get you looking your best while you’re raising some cash. Also
-        available in Sainsbury’s stores and online and in selected Argos stores.
-      </Text>
-    </SingleMessageDs>
-</div>;
-```
-
-## Image align right  and CTA are clickable and links user through to full content
-
-```js
-const defaultData = require('../../../styleguide/data/data').defaultData;import Text from '../../Atoms/Text/Text';
-import Link from '../../Atoms/Link/Link';
-import styled from 'styled-components';
-import spacing from '../../../theme/shared/spacing';
-
-const Title = styled(Text)`
-  margin: ${spacing('md')} 0;
-  @media ${({ theme }) => theme.allBreakpoints('M')} {
-    margin-bottom: ${spacing('m')};
-  }
-`;
-<div
-    style={{
-      display: 'flex',
-      padding: '4rem 0',
-      background: '#E1E2E3',
-      justifyContent: 'space-around',
-    }}>
-    <SingleMessageDs
-      target='blank'
-      link='https://www.comicrelief.com/'
-      linkLabel='Check out'
-      ctaBgColor="blue_dark"
-      backgroundColor='white'
-      imageLeft={false}
-      imageLow={defaultData.image}
-      images={defaultData.images}
-      imageAltText='Happy man going to work'
-      subtitle="Subtitle"
-      height='100%'
-    >
-      <Title tag="h4" color="grey_dark" size="xl" family="Anton" weight="normal">
-        Heading Line 1 Heading Line 2
-      </Title>
-      <Text tag='p'>
-        Whatever you’ve got planned, the Sport Relief shop has everything you need
-        to get you looking your best while you’re raising some cash. Also
-        available in Sainsbury’s stores and online and in selected Argos stores.
-      </Text>
-    </SingleMessageDs>
-</div>;
-```
-
-## Image align with non CTA
-
-```js
-const defaultData = require('../../../styleguide/data/data').defaultData;import Text from '../../Atoms/Text/Text';
-import Link from '../../Atoms/Link/Link';
-import styled from 'styled-components';
-import spacing from '../../../theme/shared/spacing';
-
-const Title = styled(Text)`
-  margin: ${spacing('md')} 0;
-  @media ${({ theme }) => theme.allBreakpoints('M')} {
-    margin-bottom: ${spacing('m')};
-  }
-`;
-<div
-    style={{
-      display: 'flex',
-      padding: '4rem 0',
-      background: '#E1E2E3',
-      justifyContent: 'space-around',
-    }}>
-    <SingleMessageDs
-      linkLabel='Check out'
-      ctaBgColor="blue_dark"
-      backgroundColor='white'
-      imageLeft={true}
-      imageLow={defaultData.image}
-      images={defaultData.images}
-      imageAltText='Happy man going to work'
-      subtitle="Subtitle"
-      height='100%'
-    >
-      <Title tag="h4" color="grey_dark" size="xl" family="Anton" weight="normal">
-        Heading Line 1 Heading Line 2
-      </Title>
-      <Text tag='p'>
-        Whatever you’ve got planned, the Sport Relief shop has everything you need
-        to get you looking your best while you’re raising some cash. Also
-        available in Sainsbury’s stores and online and in selected Argos stores.
-      </Text>
-    </SingleMessageDs>
-</div>;
-```
-
-## Using the linkIcon prop (to display download icon)
-
-```js
-const defaultData = require('../../../styleguide/data/data').defaultData;import Text from '../../Atoms/Text/Text';
-import Link from '../../Atoms/Link/Link';
-import styled from 'styled-components';
-import spacing from '../../../theme/shared/spacing';
-import Download from '../../Atoms/Icons/Download';
-
-<div>
-    <SingleMessageDs
-      link="https://assets.ctfassets.net/zsfivwzfgl3t/EsIEuI1teYkbLB7peOtqP/b43a905cffd89115d642fe5a84ff020a/RND21_fundraise_moneybuys_poster.pdf"
-      linkLabel='Download this'
-      linkIcon={<Download />}
-      imageLow={defaultData.image}
-      imageLeft={true}
-      images={defaultData.images}
-      subtitle="subTitle"
-    >
-      <Text tag='p'>
-        Whatever you’ve got planned, the Sport Relief shop has everything you need
-        to get you looking your best while you’re raising some cash. Also
-        available in Sainsbury’s stores and online and in selected Argos stores.
-      </Text>
-    </SingleMessageDs>
-</div>;
-```
-
-## Video with no CTA
-
-```js
-const defaultData = require('../../../styleguide/data/data').defaultData;import Text from '../../Atoms/Text/Text';
-import Link from '../../Atoms/Link/Link';
-import styled from 'styled-components';
-import spacing from '../../../theme/shared/spacing';
-import Download from '../../Atoms/Icons/Download';
-
-<div>
-    <SingleMessageDs
-      imageLow={defaultData.image}
-      images={defaultData.images}
-      youTubeId="faz0JeBB41M"
-      imageLeft={true}
-      subtitle="subTitle"
-    >
-      <Text tag='p'>
-        Some text and stuff.
-      </Text>
-    </SingleMessageDs>
-</div>;
-```
diff --git a/src/components/Molecules/SingleMessageDS/SingleMessageDs.style.js b/src/components/Molecules/SingleMessageDS/SingleMessageDs.style.js
index 5e42026ec..e2d6eb12b 100644
--- a/src/components/Molecules/SingleMessageDS/SingleMessageDs.style.js
+++ b/src/components/Molecules/SingleMessageDS/SingleMessageDs.style.js
@@ -70,7 +70,7 @@ const CloseButton = styled.button`
   overflow: hidden;
   border: none;
   background: transparent;
-  :before {
+  &:before {
     content: '';
     position: absolute;
     height: 2px;
@@ -83,7 +83,7 @@ const CloseButton = styled.button`
     margin-top: -6px;
     transform: rotate(45deg);
   }
-  :after {
+  &:after {
     content: '';
     position: absolute;
     height: 2px;
diff --git a/src/components/Molecules/SingleMessageDS/SingleMessageDs.test.js b/src/components/Molecules/SingleMessageDS/SingleMessageDs.test.js
index 7a4b2a1c6..a128ddc83 100644
--- a/src/components/Molecules/SingleMessageDS/SingleMessageDs.test.js
+++ b/src/components/Molecules/SingleMessageDS/SingleMessageDs.test.js
@@ -4,7 +4,7 @@ import renderWithTheme from '../../../../tests/hoc/shallowWithTheme';
 import SingleMessageDs from './SingleMessageDs';
 import Text from '../../Atoms/Text/Text';
 import Download from '../../Atoms/Icons/Download';
-import { defaultData } from '../../../styleguide/data/data';
+import { defaultData } from '../../../data/data';
 it('renders correctly', () => {
   const tree = renderWithTheme(
     <SingleMessageDs
diff --git a/src/components/Molecules/SingleMessageDS/SingleMessageDsExample.jsx b/src/components/Molecules/SingleMessageDS/SingleMessageDsExample.jsx
new file mode 100644
index 000000000..76d9218d0
--- /dev/null
+++ b/src/components/Molecules/SingleMessageDS/SingleMessageDsExample.jsx
@@ -0,0 +1,109 @@
+import React from 'react';
+import styled from 'styled-components';
+import SingleMessageDs from './SingleMessageDs';
+import Text from '../../Atoms/Text/Text';
+import Download from '../../Atoms/Icons/Download';
+import spacing from '../../../theme/shared/spacing';
+import { defaultData } from '../../../data/data';
+
+const Title = styled(Text)`
+  letter-spacing: 0.03em;
+  text-transform: uppercase;
+  margin: ${spacing('md')} 0;
+  @media ${({ theme }) => theme.allBreakpoints('M')} {
+    margin-bottom: ${spacing('m')};
+  }
+`;
+
+const ExampleWrapper = styled.div`
+  display: flex;
+  padding: 4rem 0;
+  background: #E1E2E3;
+  justify-content: space-around;
+`;
+
+export default function SingleMessageDsExample() {
+  return (
+    <>
+      <h3>Image align left, CTA clickable</h3>
+      <ExampleWrapper>
+        <SingleMessageDs
+          imageLeft={true}
+          link="/home"
+          linkLabel="Check out"
+          backgroundColor="white"
+          imageLow={defaultData.image}
+          images={defaultData.images}
+          imageAltText="Happy man going to work"
+          subtitle="Subtitle"
+          height="100%"
+          youTubeId="faz0JeBB41M"
+        >
+          <Title tag="h4" color="grey_dark" size="xl" family="Anton" weight="normal">
+            Heading Line 1 Heading Line 2
+          </Title>
+          <Text tag="p">
+            Whatever you've got planned, the Sport Relief shop has everything you need
+            to get you looking your best while you're raising some cash.
+          </Text>
+        </SingleMessageDs>
+      </ExampleWrapper>
+
+      <h3>Image align right, CTA clickable</h3>
+      <ExampleWrapper>
+        <SingleMessageDs
+          target="blank"
+          link="https://www.comicrelief.com/"
+          linkLabel="Check out"
+          ctaBgColor="blue_dark"
+          backgroundColor="white"
+          imageLeft={false}
+          imageLow={defaultData.image}
+          images={defaultData.images}
+          imageAltText="Happy man going to work"
+          subtitle="Subtitle"
+          height="100%"
+        >
+          <Title tag="h4" color="grey_dark" size="xl" family="Anton" weight="normal">
+            Heading Line 1 Heading Line 2
+          </Title>
+          <Text tag="p">
+            Whatever you've got planned, the Sport Relief shop has everything you need
+            to get you looking your best while you're raising some cash.
+          </Text>
+        </SingleMessageDs>
+      </ExampleWrapper>
+
+      <h3>With download icon</h3>
+      <ExampleWrapper>
+        <SingleMessageDs
+          link="https://assets.ctfassets.net/zsfivwzfgl3t/EsIEuI1teYkbLB7peOtqP/b43a905cffd89115d642fe5a84ff020a/RND21_fundraise_moneybuys_poster.pdf"
+          linkLabel="Download this"
+          linkIcon={<Download />}
+          imageLow={defaultData.image}
+          imageLeft={true}
+          images={defaultData.images}
+          subtitle="subTitle"
+        >
+          <Text tag="p">
+            Whatever you've got planned, the Sport Relief shop has everything you need
+            to get you looking your best while you're raising some cash.
+          </Text>
+        </SingleMessageDs>
+      </ExampleWrapper>
+
+      <h3>Video with no CTA</h3>
+      <ExampleWrapper>
+        <SingleMessageDs
+          imageLow={defaultData.image}
+          images={defaultData.images}
+          youTubeId="faz0JeBB41M"
+          imageLeft={true}
+          subtitle="subTitle"
+        >
+          <Text tag="p">Some text and stuff.</Text>
+        </SingleMessageDs>
+      </ExampleWrapper>
+    </>
+  );
+}
diff --git a/src/components/Molecules/SingleMessageDS/__snapshots__/SingleMessageDs.test.js.snap b/src/components/Molecules/SingleMessageDS/__snapshots__/SingleMessageDs.test.js.snap
index 58961892e..253eb148e 100644
--- a/src/components/Molecules/SingleMessageDS/__snapshots__/SingleMessageDs.test.js.snap
+++ b/src/components/Molecules/SingleMessageDS/__snapshots__/SingleMessageDs.test.js.snap
@@ -5,9 +5,6 @@ exports[`renders correctly 1`] = `
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: 400;
   text-transform: inherit;
-  -webkit-letter-spacing: 0;
-  -moz-letter-spacing: 0;
-  -ms-letter-spacing: 0;
   letter-spacing: 0;
   font-size: 1rem;
   line-height: 1.25rem;
@@ -30,9 +27,6 @@ exports[`renders correctly 1`] = `
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: 400;
   text-transform: inherit;
-  -webkit-letter-spacing: 0;
-  -moz-letter-spacing: 0;
-  -ms-letter-spacing: 0;
   letter-spacing: 0;
   font-size: 1rem;
   line-height: 1.25rem;
@@ -63,36 +57,20 @@ exports[`renders correctly 1`] = `
 }
 
 .c12 {
-  display: -webkit-inline-box;
-  display: -webkit-inline-flex;
-  display: -ms-inline-flexbox;
   display: inline-flex;
   margin-left: 1rem;
-  -webkit-align-self: center;
-  -ms-flex-item-align: center;
   align-self: center;
   right: 1.5rem;
 }
 
 .c11 {
-  display: -webkit-inline-box;
-  display: -webkit-inline-flex;
-  display: -ms-inline-flexbox;
   display: inline-flex;
   position: relative;
-  -webkit-text-decoration: none;
   text-decoration: none;
-  -webkit-transition: all 0.2s;
   transition: all 0.2s;
   height: 2.5rem;
   width: 100%;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
   justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
   align-items: center;
   border: none;
   cursor: pointer;
@@ -103,9 +81,6 @@ exports[`renders correctly 1`] = `
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: 700;
   text-transform: inherit;
-  -webkit-letter-spacing: 0;
-  -moz-letter-spacing: 0;
-  -ms-letter-spacing: 0;
   letter-spacing: 0;
   font-size: 1rem;
   line-height: 1.25rem;
@@ -129,25 +104,14 @@ exports[`renders correctly 1`] = `
 }
 
 .c0 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
   position: relative;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
   flex-direction: column;
-  -webkit-box-pack: space-around;
-  -webkit-justify-content: space-around;
-  -ms-flex-pack: space-around;
   justify-content: space-around;
   background: inherit;
 }
 
 .c7 {
-  -webkit-letter-spacing: 0.03em;
-  -moz-letter-spacing: 0.03em;
-  -ms-letter-spacing: 0.03em;
   letter-spacing: 0.03em;
 }
 
@@ -179,12 +143,7 @@ exports[`renders correctly 1`] = `
   height: auto;
   padding: 1.5rem;
   z-index: 1;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
   flex-direction: column;
   border-radius: 1rem;
   box-shadow: rgba(0,0,0,0.15) 0px 0px 1rem;
@@ -197,35 +156,35 @@ exports[`renders correctly 1`] = `
   right: 1.5rem;
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c6 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c6 {
     font-size: 1.125rem;
     line-height: 1.375rem;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c8 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c8 {
     font-size: 1.125rem;
     line-height: 1.375rem;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c12 {
     width: auto;
     right: auto;
@@ -233,87 +192,67 @@ exports[`renders correctly 1`] = `
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c11 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c11 {
     font-size: 1.125rem;
     line-height: 1.375rem;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c11 {
     width: auto;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c11 {
     width: auto;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c13 {
     fill: #FFFFFF;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c0 {
-    -webkit-flex-direction: row;
-    -ms-flex-direction: row;
     flex-direction: row;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c2 {
     height: 448px;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c1 {
     margin: 0;
     height: 448px;
-    -webkit-box-flex: 0;
-    -webkit-flex-grow: 0;
-    -ms-flex-positive: 0;
     flex-grow: 0;
-    -webkit-flex-shrink: 0;
-    -ms-flex-negative: 0;
     flex-shrink: 0;
-    -webkit-flex-basis: 50%;
-    -ms-flex-preferred-size: 50%;
     flex-basis: 50%;
   }
 }
 
-@media (min-width:740px) {
-
-}
-
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c5 {
     min-height: 448px;
     height: auto;
     width: calc(50% + 1.5rem);
-    -webkit-box-flex: 0;
-    -webkit-flex-grow: 0;
-    -ms-flex-positive: 0;
     flex-grow: 0;
-    -webkit-flex-shrink: 0;
-    -ms-flex-negative: 0;
     flex-shrink: 0;
-    -webkit-flex-basis: calc(50% + 1.5rem);
-    -ms-flex-preferred-size: calc(50% + 1.5rem);
     flex-basis: calc(50% + 1.5rem);
     padding: 2rem;
     padding-bottom: calc(2rem + 1.5rem);
@@ -321,7 +260,7 @@ exports[`renders correctly 1`] = `
   }
 }
 
-@media (min-width:1440px) {
+@media (min-width: 1440px) {
   .c5 {
     padding: calc(1.5rem * 2);
     padding-bottom: calc(1.5rem * 3);
@@ -331,6 +270,8 @@ exports[`renders correctly 1`] = `
 
 <div
   className="c0"
+  imageDirection="right"
+  imageLeft={true}
   title="Heading Line 1 Heading Line 2"
 >
   <a
@@ -338,6 +279,8 @@ exports[`renders correctly 1`] = `
     className="c1"
     data-image-cta-copy="Check out the shop"
     href="/home"
+    imageDirection="right"
+    imageLeft={true}
     tabIndex="-1"
     target="_blank"
     title="Heading Line 1 Heading Line 2"
@@ -348,6 +291,12 @@ exports[`renders correctly 1`] = `
       <div
         className="c3 lazyload"
         height="auto"
+        image={null}
+        images="//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=200&h=150&q=50 200w,//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=400&h=300&q=50 400w,//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=800&h=600&q=50 800w,//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=1200&h=900&q=50 1200w,//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=1440&h=1080&q=50 1440w"
+        isBackgroundImage={false}
+        nonObjFitImage="//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg"
+        objFitState={true}
+        setObjFitState={[Function]}
         width="100%"
       >
         <img
@@ -358,6 +307,10 @@ exports[`renders correctly 1`] = `
           data-src={null}
           data-srcset="//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=200&h=150&q=50 200w,//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=400&h=300&q=50 400w,//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=800&h=600&q=50 800w,//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=1200&h=900&q=50 1200w,//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=1440&h=1080&q=50 1440w"
           height="auto"
+          mediumBreakpointRowLayout={null}
+          objFitState={true}
+          objectFit="cover"
+          smallBreakpointRowLayout={null}
           src={null}
           srcSet="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"
           width="100%"
@@ -366,7 +319,11 @@ exports[`renders correctly 1`] = `
     </div>
   </a>
   <div
+    backgroundColor="white"
     className="c5"
+    hasImage="http://images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg"
+    hasLink="/home"
+    imageLeft={true}
   >
     <span
       className="c6 c7"
@@ -380,14 +337,21 @@ exports[`renders correctly 1`] = `
     </p>
     <div
       className="c9 c10"
+      hasImage="http://images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg"
     >
       <a
+        buttonType="primary"
         className="c11"
         data-button-cta-copy="Check out the shop"
+        fullWidth={false}
+        home={false}
         href="/home"
+        iconFirst={false}
+        mobileColour={null}
         rel={null}
         target="_self"
         type="button"
+        underline={true}
       >
         Check out the shop
         <span
@@ -396,8 +360,10 @@ exports[`renders correctly 1`] = `
         >
           <svg
             className="c13"
+            colour="white"
             fill="#FFFFFF"
             height={24}
+            mobileColour={null}
             viewBox="0 0 96 96"
             width={24}
             xmlns="http://www.w3.org/2000/svg"
diff --git a/src/components/Molecules/StatsSlice/StatsSlice.md b/src/components/Molecules/StatsSlice/StatsSlice.md
deleted file mode 100644
index 4e1fc69c6..000000000
--- a/src/components/Molecules/StatsSlice/StatsSlice.md
+++ /dev/null
@@ -1,60 +0,0 @@
-# Stats Slice
-
-### Empty stats
-
-```js
-<div style={{ paddingTop: "100vh" }}>
-<StatsSlice  />
-</div>
-```
-
-### Basic stats
-
-```js
-<StatsSlice nodes={[{
-    title: "123",
-    stat: "123,456,789.02",
-    body: "Short body should still fill 100% width"
-}]}  />
-```
-
-### Multiple stats
-
-```js
-<StatsSlice nodes={[{
-    title: "123",
-    stat: "£1234.56",
-    body: "Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi."
-},
-{
-    title: "456",
-    stat: "over 456 lives were saved",
-    body: "Short body should still fill 100% width (on S, M)"
-},
-{
-    title: "789",
-    stat: "456,789,123 people",
-    body: "Ut enim ad minima veniam, quis nostrum exercitationem."
-},
-{
-    title: "asd",
-    stat: "456 people",
-    body: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam."
-},
-{
-    title: "xcv",
-    stat: "$800bn raised",
-    body: "Ut enim ad minima veniam, quis nostrum exercitationem."
-}]}  />
-```
-
-
-### No animation
-
-```js
-<StatsSlice ease="none" nodes={[{
-    title: "123",
-    stat: "£1234.56",
-    body: "Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi."
-}]}  />
-```
diff --git a/src/components/Molecules/StatsSlice/__snapshots__/StatsSlice.test.js.snap b/src/components/Molecules/StatsSlice/__snapshots__/StatsSlice.test.js.snap
index 762d8c127..656c81df0 100644
--- a/src/components/Molecules/StatsSlice/__snapshots__/StatsSlice.test.js.snap
+++ b/src/components/Molecules/StatsSlice/__snapshots__/StatsSlice.test.js.snap
@@ -5,9 +5,6 @@ exports[`Stats Slices with a single node should render 1`] = `
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: 400;
   text-transform: inherit;
-  -webkit-letter-spacing: 0;
-  -moz-letter-spacing: 0;
-  -ms-letter-spacing: 0;
   letter-spacing: 0;
   font-size: 1rem;
   line-height: 1.25rem;
@@ -19,53 +16,28 @@ exports[`Stats Slices with a single node should render 1`] = `
 }
 
 .c0 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
   justify-content: center;
   padding: 2rem 1rem 2rem;
   background: #13767C;
 }
 
 .c1 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
   flex-direction: column;
-  -webkit-flex-wrap: wrap;
-  -ms-flex-wrap: wrap;
   flex-wrap: wrap;
-  -webkit-flex: 1;
-  -ms-flex: 1;
   flex: 1;
   gap: 1rem;
   max-width: 1152px;
 }
 
 .c2 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
   flex-direction: column;
-  -webkit-align-items: flex-start;
-  -webkit-box-align: flex-start;
-  -ms-flex-align: flex-start;
   align-items: flex-start;
   gap: 1rem;
   background: #ffffff;
   padding: 2rem;
-  -webkit-flex: 1 1 0px;
-  -ms-flex: 1 1 0px;
   flex: 1 1 0px;
   min-width: 30%;
   border-radius: 1rem;
@@ -74,45 +46,26 @@ exports[`Stats Slices with a single node should render 1`] = `
 
 .c3 {
   position: relative;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
   flex-direction: column;
-  -webkit-align-items: flex-start;
-  -webkit-box-align: flex-start;
-  -ms-flex-align: flex-start;
   align-items: flex-start;
   gap: 0.5rem;
   padding-bottom: 0.5rem;
 }
 
 .c4 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-flex-wrap: wrap;
-  -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   gap: 0.5rem;
   font-family: 'Anton',Impact,sans-serif;
   font-weight: 400;
   text-transform: uppercase;
-  -webkit-letter-spacing: 0;
-  -moz-letter-spacing: 0;
-  -ms-letter-spacing: 0;
   letter-spacing: 0;
   font-size: 2rem;
   line-height: 2rem;
 }
 
 .c5 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
 }
 
@@ -131,34 +84,25 @@ exports[`Stats Slices with a single node should render 1`] = `
   position: absolute;
   top: 0;
   left: 0;
-  -webkit-transition-delay: 80ms;
   transition-delay: 80ms;
-  -webkit-transition-property: -webkit-transform;
-  -webkit-transition-property: transform;
   transition-property: transform;
-  -webkit-transition-duration: 2000ms;
   transition-duration: 2000ms;
 }
 
 .c8[data-ease="none"] {
-  -webkit-transition-property: none;
   transition-property: none;
-  -webkit-transition-delay: 0;
   transition-delay: 0;
 }
 
 .c8[data-ease="cubic"] {
-  -webkit-transition-timing-function: cubic-bezier(0.22,1,0.36,1);
   transition-timing-function: cubic-bezier(0.22,1,0.36,1);
 }
 
 .c8[data-ease="overshoot"] {
-  -webkit-transition-timing-function: linear( 0,0.329 8.8%,0.59 18%,0.787 27.7%,0.863 32.8%,0.926 38.2%,0.968 43.1%,1 48.3%,1.022 53.7%,1.034 59.6%,1.035 69.8%,1.006 90.7%,1 );
   transition-timing-function: linear( 0,0.329 8.8%,0.59 18%,0.787 27.7%,0.863 32.8%,0.926 38.2%,0.968 43.1%,1 48.3%,1.022 53.7%,1.034 59.6%,1.035 69.8%,1.006 90.7%,1 );
 }
 
 .c8[data-ease="bounce"] {
-  -webkit-transition-timing-function: linear(0,0.384 15.4%,0.833 35.8%,1 44.7%,0.919 51.5%,0.9 54.7%,0.894 58%,0.911 63.8%,1 77.4%,0.985 84.4%,1);
   transition-timing-function: linear(0,0.384 15.4%,0.833 35.8%,1 44.7%,0.919 51.5%,0.9 54.7%,0.894 58%,0.911 63.8%,1 77.4%,0.985 84.4%,1);
 }
 
@@ -166,34 +110,25 @@ exports[`Stats Slices with a single node should render 1`] = `
   position: absolute;
   top: 0;
   left: 0;
-  -webkit-transition-delay: 160ms;
   transition-delay: 160ms;
-  -webkit-transition-property: -webkit-transform;
-  -webkit-transition-property: transform;
   transition-property: transform;
-  -webkit-transition-duration: 2000ms;
   transition-duration: 2000ms;
 }
 
 .c9[data-ease="none"] {
-  -webkit-transition-property: none;
   transition-property: none;
-  -webkit-transition-delay: 0;
   transition-delay: 0;
 }
 
 .c9[data-ease="cubic"] {
-  -webkit-transition-timing-function: cubic-bezier(0.22,1,0.36,1);
   transition-timing-function: cubic-bezier(0.22,1,0.36,1);
 }
 
 .c9[data-ease="overshoot"] {
-  -webkit-transition-timing-function: linear( 0,0.329 8.8%,0.59 18%,0.787 27.7%,0.863 32.8%,0.926 38.2%,0.968 43.1%,1 48.3%,1.022 53.7%,1.034 59.6%,1.035 69.8%,1.006 90.7%,1 );
   transition-timing-function: linear( 0,0.329 8.8%,0.59 18%,0.787 27.7%,0.863 32.8%,0.926 38.2%,0.968 43.1%,1 48.3%,1.022 53.7%,1.034 59.6%,1.035 69.8%,1.006 90.7%,1 );
 }
 
 .c9[data-ease="bounce"] {
-  -webkit-transition-timing-function: linear(0,0.384 15.4%,0.833 35.8%,1 44.7%,0.919 51.5%,0.9 54.7%,0.894 58%,0.911 63.8%,1 77.4%,0.985 84.4%,1);
   transition-timing-function: linear(0,0.384 15.4%,0.833 35.8%,1 44.7%,0.919 51.5%,0.9 54.7%,0.894 58%,0.911 63.8%,1 77.4%,0.985 84.4%,1);
 }
 
@@ -201,34 +136,25 @@ exports[`Stats Slices with a single node should render 1`] = `
   position: absolute;
   top: 0;
   left: 0;
-  -webkit-transition-delay: 240ms;
   transition-delay: 240ms;
-  -webkit-transition-property: -webkit-transform;
-  -webkit-transition-property: transform;
   transition-property: transform;
-  -webkit-transition-duration: 2000ms;
   transition-duration: 2000ms;
 }
 
 .c10[data-ease="none"] {
-  -webkit-transition-property: none;
   transition-property: none;
-  -webkit-transition-delay: 0;
   transition-delay: 0;
 }
 
 .c10[data-ease="cubic"] {
-  -webkit-transition-timing-function: cubic-bezier(0.22,1,0.36,1);
   transition-timing-function: cubic-bezier(0.22,1,0.36,1);
 }
 
 .c10[data-ease="overshoot"] {
-  -webkit-transition-timing-function: linear( 0,0.329 8.8%,0.59 18%,0.787 27.7%,0.863 32.8%,0.926 38.2%,0.968 43.1%,1 48.3%,1.022 53.7%,1.034 59.6%,1.035 69.8%,1.006 90.7%,1 );
   transition-timing-function: linear( 0,0.329 8.8%,0.59 18%,0.787 27.7%,0.863 32.8%,0.926 38.2%,0.968 43.1%,1 48.3%,1.022 53.7%,1.034 59.6%,1.035 69.8%,1.006 90.7%,1 );
 }
 
 .c10[data-ease="bounce"] {
-  -webkit-transition-timing-function: linear(0,0.384 15.4%,0.833 35.8%,1 44.7%,0.919 51.5%,0.9 54.7%,0.894 58%,0.911 63.8%,1 77.4%,0.985 84.4%,1);
   transition-timing-function: linear(0,0.384 15.4%,0.833 35.8%,1 44.7%,0.919 51.5%,0.9 54.7%,0.894 58%,0.911 63.8%,1 77.4%,0.985 84.4%,1);
 }
 
@@ -236,34 +162,25 @@ exports[`Stats Slices with a single node should render 1`] = `
   position: absolute;
   top: 0;
   left: 0;
-  -webkit-transition-delay: 320ms;
   transition-delay: 320ms;
-  -webkit-transition-property: -webkit-transform;
-  -webkit-transition-property: transform;
   transition-property: transform;
-  -webkit-transition-duration: 1600ms;
   transition-duration: 1600ms;
 }
 
 .c11[data-ease="none"] {
-  -webkit-transition-property: none;
   transition-property: none;
-  -webkit-transition-delay: 0;
   transition-delay: 0;
 }
 
 .c11[data-ease="cubic"] {
-  -webkit-transition-timing-function: cubic-bezier(0.22,1,0.36,1);
   transition-timing-function: cubic-bezier(0.22,1,0.36,1);
 }
 
 .c11[data-ease="overshoot"] {
-  -webkit-transition-timing-function: linear( 0,0.329 8.8%,0.59 18%,0.787 27.7%,0.863 32.8%,0.926 38.2%,0.968 43.1%,1 48.3%,1.022 53.7%,1.034 59.6%,1.035 69.8%,1.006 90.7%,1 );
   transition-timing-function: linear( 0,0.329 8.8%,0.59 18%,0.787 27.7%,0.863 32.8%,0.926 38.2%,0.968 43.1%,1 48.3%,1.022 53.7%,1.034 59.6%,1.035 69.8%,1.006 90.7%,1 );
 }
 
 .c11[data-ease="bounce"] {
-  -webkit-transition-timing-function: linear(0,0.384 15.4%,0.833 35.8%,1 44.7%,0.919 51.5%,0.9 54.7%,0.894 58%,0.911 63.8%,1 77.4%,0.985 84.4%,1);
   transition-timing-function: linear(0,0.384 15.4%,0.833 35.8%,1 44.7%,0.919 51.5%,0.9 54.7%,0.894 58%,0.911 63.8%,1 77.4%,0.985 84.4%,1);
 }
 
@@ -271,34 +188,25 @@ exports[`Stats Slices with a single node should render 1`] = `
   position: absolute;
   top: 0;
   left: 0;
-  -webkit-transition-delay: 400ms;
   transition-delay: 400ms;
-  -webkit-transition-property: -webkit-transform;
-  -webkit-transition-property: transform;
   transition-property: transform;
-  -webkit-transition-duration: 2000ms;
   transition-duration: 2000ms;
 }
 
 .c12[data-ease="none"] {
-  -webkit-transition-property: none;
   transition-property: none;
-  -webkit-transition-delay: 0;
   transition-delay: 0;
 }
 
 .c12[data-ease="cubic"] {
-  -webkit-transition-timing-function: cubic-bezier(0.22,1,0.36,1);
   transition-timing-function: cubic-bezier(0.22,1,0.36,1);
 }
 
 .c12[data-ease="overshoot"] {
-  -webkit-transition-timing-function: linear( 0,0.329 8.8%,0.59 18%,0.787 27.7%,0.863 32.8%,0.926 38.2%,0.968 43.1%,1 48.3%,1.022 53.7%,1.034 59.6%,1.035 69.8%,1.006 90.7%,1 );
   transition-timing-function: linear( 0,0.329 8.8%,0.59 18%,0.787 27.7%,0.863 32.8%,0.926 38.2%,0.968 43.1%,1 48.3%,1.022 53.7%,1.034 59.6%,1.035 69.8%,1.006 90.7%,1 );
 }
 
 .c12[data-ease="bounce"] {
-  -webkit-transition-timing-function: linear(0,0.384 15.4%,0.833 35.8%,1 44.7%,0.919 51.5%,0.9 54.7%,0.894 58%,0.911 63.8%,1 77.4%,0.985 84.4%,1);
   transition-timing-function: linear(0,0.384 15.4%,0.833 35.8%,1 44.7%,0.919 51.5%,0.9 54.7%,0.894 58%,0.911 63.8%,1 77.4%,0.985 84.4%,1);
 }
 
@@ -306,34 +214,25 @@ exports[`Stats Slices with a single node should render 1`] = `
   position: absolute;
   top: 0;
   left: 0;
-  -webkit-transition-delay: 480ms;
   transition-delay: 480ms;
-  -webkit-transition-property: -webkit-transform;
-  -webkit-transition-property: transform;
   transition-property: transform;
-  -webkit-transition-duration: 2000ms;
   transition-duration: 2000ms;
 }
 
 .c13[data-ease="none"] {
-  -webkit-transition-property: none;
   transition-property: none;
-  -webkit-transition-delay: 0;
   transition-delay: 0;
 }
 
 .c13[data-ease="cubic"] {
-  -webkit-transition-timing-function: cubic-bezier(0.22,1,0.36,1);
   transition-timing-function: cubic-bezier(0.22,1,0.36,1);
 }
 
 .c13[data-ease="overshoot"] {
-  -webkit-transition-timing-function: linear( 0,0.329 8.8%,0.59 18%,0.787 27.7%,0.863 32.8%,0.926 38.2%,0.968 43.1%,1 48.3%,1.022 53.7%,1.034 59.6%,1.035 69.8%,1.006 90.7%,1 );
   transition-timing-function: linear( 0,0.329 8.8%,0.59 18%,0.787 27.7%,0.863 32.8%,0.926 38.2%,0.968 43.1%,1 48.3%,1.022 53.7%,1.034 59.6%,1.035 69.8%,1.006 90.7%,1 );
 }
 
 .c13[data-ease="bounce"] {
-  -webkit-transition-timing-function: linear(0,0.384 15.4%,0.833 35.8%,1 44.7%,0.919 51.5%,0.9 54.7%,0.894 58%,0.911 63.8%,1 77.4%,0.985 84.4%,1);
   transition-timing-function: linear(0,0.384 15.4%,0.833 35.8%,1 44.7%,0.919 51.5%,0.9 54.7%,0.894 58%,0.911 63.8%,1 77.4%,0.985 84.4%,1);
 }
 
@@ -341,34 +240,25 @@ exports[`Stats Slices with a single node should render 1`] = `
   position: absolute;
   top: 0;
   left: 0;
-  -webkit-transition-delay: 560ms;
   transition-delay: 560ms;
-  -webkit-transition-property: -webkit-transform;
-  -webkit-transition-property: transform;
   transition-property: transform;
-  -webkit-transition-duration: 2000ms;
   transition-duration: 2000ms;
 }
 
 .c14[data-ease="none"] {
-  -webkit-transition-property: none;
   transition-property: none;
-  -webkit-transition-delay: 0;
   transition-delay: 0;
 }
 
 .c14[data-ease="cubic"] {
-  -webkit-transition-timing-function: cubic-bezier(0.22,1,0.36,1);
   transition-timing-function: cubic-bezier(0.22,1,0.36,1);
 }
 
 .c14[data-ease="overshoot"] {
-  -webkit-transition-timing-function: linear( 0,0.329 8.8%,0.59 18%,0.787 27.7%,0.863 32.8%,0.926 38.2%,0.968 43.1%,1 48.3%,1.022 53.7%,1.034 59.6%,1.035 69.8%,1.006 90.7%,1 );
   transition-timing-function: linear( 0,0.329 8.8%,0.59 18%,0.787 27.7%,0.863 32.8%,0.926 38.2%,0.968 43.1%,1 48.3%,1.022 53.7%,1.034 59.6%,1.035 69.8%,1.006 90.7%,1 );
 }
 
 .c14[data-ease="bounce"] {
-  -webkit-transition-timing-function: linear(0,0.384 15.4%,0.833 35.8%,1 44.7%,0.919 51.5%,0.9 54.7%,0.894 58%,0.911 63.8%,1 77.4%,0.985 84.4%,1);
   transition-timing-function: linear(0,0.384 15.4%,0.833 35.8%,1 44.7%,0.919 51.5%,0.9 54.7%,0.894 58%,0.911 63.8%,1 77.4%,0.985 84.4%,1);
 }
 
@@ -376,34 +266,25 @@ exports[`Stats Slices with a single node should render 1`] = `
   position: absolute;
   top: 0;
   left: 0;
-  -webkit-transition-delay: 640ms;
   transition-delay: 640ms;
-  -webkit-transition-property: -webkit-transform;
-  -webkit-transition-property: transform;
   transition-property: transform;
-  -webkit-transition-duration: 1600ms;
   transition-duration: 1600ms;
 }
 
 .c15[data-ease="none"] {
-  -webkit-transition-property: none;
   transition-property: none;
-  -webkit-transition-delay: 0;
   transition-delay: 0;
 }
 
 .c15[data-ease="cubic"] {
-  -webkit-transition-timing-function: cubic-bezier(0.22,1,0.36,1);
   transition-timing-function: cubic-bezier(0.22,1,0.36,1);
 }
 
 .c15[data-ease="overshoot"] {
-  -webkit-transition-timing-function: linear( 0,0.329 8.8%,0.59 18%,0.787 27.7%,0.863 32.8%,0.926 38.2%,0.968 43.1%,1 48.3%,1.022 53.7%,1.034 59.6%,1.035 69.8%,1.006 90.7%,1 );
   transition-timing-function: linear( 0,0.329 8.8%,0.59 18%,0.787 27.7%,0.863 32.8%,0.926 38.2%,0.968 43.1%,1 48.3%,1.022 53.7%,1.034 59.6%,1.035 69.8%,1.006 90.7%,1 );
 }
 
 .c15[data-ease="bounce"] {
-  -webkit-transition-timing-function: linear(0,0.384 15.4%,0.833 35.8%,1 44.7%,0.919 51.5%,0.9 54.7%,0.894 58%,0.911 63.8%,1 77.4%,0.985 84.4%,1);
   transition-timing-function: linear(0,0.384 15.4%,0.833 35.8%,1 44.7%,0.919 51.5%,0.9 54.7%,0.894 58%,0.911 63.8%,1 77.4%,0.985 84.4%,1);
 }
 
@@ -411,34 +292,25 @@ exports[`Stats Slices with a single node should render 1`] = `
   position: absolute;
   top: 0;
   left: 0;
-  -webkit-transition-delay: 720ms;
   transition-delay: 720ms;
-  -webkit-transition-property: -webkit-transform;
-  -webkit-transition-property: transform;
   transition-property: transform;
-  -webkit-transition-duration: 2000ms;
   transition-duration: 2000ms;
 }
 
 .c16[data-ease="none"] {
-  -webkit-transition-property: none;
   transition-property: none;
-  -webkit-transition-delay: 0;
   transition-delay: 0;
 }
 
 .c16[data-ease="cubic"] {
-  -webkit-transition-timing-function: cubic-bezier(0.22,1,0.36,1);
   transition-timing-function: cubic-bezier(0.22,1,0.36,1);
 }
 
 .c16[data-ease="overshoot"] {
-  -webkit-transition-timing-function: linear( 0,0.329 8.8%,0.59 18%,0.787 27.7%,0.863 32.8%,0.926 38.2%,0.968 43.1%,1 48.3%,1.022 53.7%,1.034 59.6%,1.035 69.8%,1.006 90.7%,1 );
   transition-timing-function: linear( 0,0.329 8.8%,0.59 18%,0.787 27.7%,0.863 32.8%,0.926 38.2%,0.968 43.1%,1 48.3%,1.022 53.7%,1.034 59.6%,1.035 69.8%,1.006 90.7%,1 );
 }
 
 .c16[data-ease="bounce"] {
-  -webkit-transition-timing-function: linear(0,0.384 15.4%,0.833 35.8%,1 44.7%,0.919 51.5%,0.9 54.7%,0.894 58%,0.911 63.8%,1 77.4%,0.985 84.4%,1);
   transition-timing-function: linear(0,0.384 15.4%,0.833 35.8%,1 44.7%,0.919 51.5%,0.9 54.7%,0.894 58%,0.911 63.8%,1 77.4%,0.985 84.4%,1);
 }
 
@@ -446,34 +318,25 @@ exports[`Stats Slices with a single node should render 1`] = `
   position: absolute;
   top: 0;
   left: 0;
-  -webkit-transition-delay: 800ms;
   transition-delay: 800ms;
-  -webkit-transition-property: -webkit-transform;
-  -webkit-transition-property: transform;
   transition-property: transform;
-  -webkit-transition-duration: 2000ms;
   transition-duration: 2000ms;
 }
 
 .c17[data-ease="none"] {
-  -webkit-transition-property: none;
   transition-property: none;
-  -webkit-transition-delay: 0;
   transition-delay: 0;
 }
 
 .c17[data-ease="cubic"] {
-  -webkit-transition-timing-function: cubic-bezier(0.22,1,0.36,1);
   transition-timing-function: cubic-bezier(0.22,1,0.36,1);
 }
 
 .c17[data-ease="overshoot"] {
-  -webkit-transition-timing-function: linear( 0,0.329 8.8%,0.59 18%,0.787 27.7%,0.863 32.8%,0.926 38.2%,0.968 43.1%,1 48.3%,1.022 53.7%,1.034 59.6%,1.035 69.8%,1.006 90.7%,1 );
   transition-timing-function: linear( 0,0.329 8.8%,0.59 18%,0.787 27.7%,0.863 32.8%,0.926 38.2%,0.968 43.1%,1 48.3%,1.022 53.7%,1.034 59.6%,1.035 69.8%,1.006 90.7%,1 );
 }
 
 .c17[data-ease="bounce"] {
-  -webkit-transition-timing-function: linear(0,0.384 15.4%,0.833 35.8%,1 44.7%,0.919 51.5%,0.9 54.7%,0.894 58%,0.911 63.8%,1 77.4%,0.985 84.4%,1);
   transition-timing-function: linear(0,0.384 15.4%,0.833 35.8%,1 44.7%,0.919 51.5%,0.9 54.7%,0.894 58%,0.911 63.8%,1 77.4%,0.985 84.4%,1);
 }
 
@@ -481,34 +344,25 @@ exports[`Stats Slices with a single node should render 1`] = `
   position: absolute;
   top: 0;
   left: 0;
-  -webkit-transition-delay: 880ms;
   transition-delay: 880ms;
-  -webkit-transition-property: -webkit-transform;
-  -webkit-transition-property: transform;
   transition-property: transform;
-  -webkit-transition-duration: 2000ms;
   transition-duration: 2000ms;
 }
 
 .c18[data-ease="none"] {
-  -webkit-transition-property: none;
   transition-property: none;
-  -webkit-transition-delay: 0;
   transition-delay: 0;
 }
 
 .c18[data-ease="cubic"] {
-  -webkit-transition-timing-function: cubic-bezier(0.22,1,0.36,1);
   transition-timing-function: cubic-bezier(0.22,1,0.36,1);
 }
 
 .c18[data-ease="overshoot"] {
-  -webkit-transition-timing-function: linear( 0,0.329 8.8%,0.59 18%,0.787 27.7%,0.863 32.8%,0.926 38.2%,0.968 43.1%,1 48.3%,1.022 53.7%,1.034 59.6%,1.035 69.8%,1.006 90.7%,1 );
   transition-timing-function: linear( 0,0.329 8.8%,0.59 18%,0.787 27.7%,0.863 32.8%,0.926 38.2%,0.968 43.1%,1 48.3%,1.022 53.7%,1.034 59.6%,1.035 69.8%,1.006 90.7%,1 );
 }
 
 .c18[data-ease="bounce"] {
-  -webkit-transition-timing-function: linear(0,0.384 15.4%,0.833 35.8%,1 44.7%,0.919 51.5%,0.9 54.7%,0.894 58%,0.911 63.8%,1 77.4%,0.985 84.4%,1);
   transition-timing-function: linear(0,0.384 15.4%,0.833 35.8%,1 44.7%,0.919 51.5%,0.9 54.7%,0.894 58%,0.911 63.8%,1 77.4%,0.985 84.4%,1);
 }
 
@@ -516,34 +370,25 @@ exports[`Stats Slices with a single node should render 1`] = `
   position: absolute;
   top: 0;
   left: 0;
-  -webkit-transition-delay: 960ms;
   transition-delay: 960ms;
-  -webkit-transition-property: -webkit-transform;
-  -webkit-transition-property: transform;
   transition-property: transform;
-  -webkit-transition-duration: 1600ms;
   transition-duration: 1600ms;
 }
 
 .c19[data-ease="none"] {
-  -webkit-transition-property: none;
   transition-property: none;
-  -webkit-transition-delay: 0;
   transition-delay: 0;
 }
 
 .c19[data-ease="cubic"] {
-  -webkit-transition-timing-function: cubic-bezier(0.22,1,0.36,1);
   transition-timing-function: cubic-bezier(0.22,1,0.36,1);
 }
 
 .c19[data-ease="overshoot"] {
-  -webkit-transition-timing-function: linear( 0,0.329 8.8%,0.59 18%,0.787 27.7%,0.863 32.8%,0.926 38.2%,0.968 43.1%,1 48.3%,1.022 53.7%,1.034 59.6%,1.035 69.8%,1.006 90.7%,1 );
   transition-timing-function: linear( 0,0.329 8.8%,0.59 18%,0.787 27.7%,0.863 32.8%,0.926 38.2%,0.968 43.1%,1 48.3%,1.022 53.7%,1.034 59.6%,1.035 69.8%,1.006 90.7%,1 );
 }
 
 .c19[data-ease="bounce"] {
-  -webkit-transition-timing-function: linear(0,0.384 15.4%,0.833 35.8%,1 44.7%,0.919 51.5%,0.9 54.7%,0.894 58%,0.911 63.8%,1 77.4%,0.985 84.4%,1);
   transition-timing-function: linear(0,0.384 15.4%,0.833 35.8%,1 44.7%,0.919 51.5%,0.9 54.7%,0.894 58%,0.911 63.8%,1 77.4%,0.985 84.4%,1);
 }
 
@@ -551,34 +396,25 @@ exports[`Stats Slices with a single node should render 1`] = `
   position: absolute;
   top: 0;
   left: 0;
-  -webkit-transition-delay: 1040ms;
   transition-delay: 1040ms;
-  -webkit-transition-property: -webkit-transform;
-  -webkit-transition-property: transform;
   transition-property: transform;
-  -webkit-transition-duration: 2000ms;
   transition-duration: 2000ms;
 }
 
 .c20[data-ease="none"] {
-  -webkit-transition-property: none;
   transition-property: none;
-  -webkit-transition-delay: 0;
   transition-delay: 0;
 }
 
 .c20[data-ease="cubic"] {
-  -webkit-transition-timing-function: cubic-bezier(0.22,1,0.36,1);
   transition-timing-function: cubic-bezier(0.22,1,0.36,1);
 }
 
 .c20[data-ease="overshoot"] {
-  -webkit-transition-timing-function: linear( 0,0.329 8.8%,0.59 18%,0.787 27.7%,0.863 32.8%,0.926 38.2%,0.968 43.1%,1 48.3%,1.022 53.7%,1.034 59.6%,1.035 69.8%,1.006 90.7%,1 );
   transition-timing-function: linear( 0,0.329 8.8%,0.59 18%,0.787 27.7%,0.863 32.8%,0.926 38.2%,0.968 43.1%,1 48.3%,1.022 53.7%,1.034 59.6%,1.035 69.8%,1.006 90.7%,1 );
 }
 
 .c20[data-ease="bounce"] {
-  -webkit-transition-timing-function: linear(0,0.384 15.4%,0.833 35.8%,1 44.7%,0.919 51.5%,0.9 54.7%,0.894 58%,0.911 63.8%,1 77.4%,0.985 84.4%,1);
   transition-timing-function: linear(0,0.384 15.4%,0.833 35.8%,1 44.7%,0.919 51.5%,0.9 54.7%,0.894 58%,0.911 63.8%,1 77.4%,0.985 84.4%,1);
 }
 
@@ -586,34 +422,25 @@ exports[`Stats Slices with a single node should render 1`] = `
   position: absolute;
   top: 0;
   left: 0;
-  -webkit-transition-delay: 1120ms;
   transition-delay: 1120ms;
-  -webkit-transition-property: -webkit-transform;
-  -webkit-transition-property: transform;
   transition-property: transform;
-  -webkit-transition-duration: 2000ms;
   transition-duration: 2000ms;
 }
 
 .c21[data-ease="none"] {
-  -webkit-transition-property: none;
   transition-property: none;
-  -webkit-transition-delay: 0;
   transition-delay: 0;
 }
 
 .c21[data-ease="cubic"] {
-  -webkit-transition-timing-function: cubic-bezier(0.22,1,0.36,1);
   transition-timing-function: cubic-bezier(0.22,1,0.36,1);
 }
 
 .c21[data-ease="overshoot"] {
-  -webkit-transition-timing-function: linear( 0,0.329 8.8%,0.59 18%,0.787 27.7%,0.863 32.8%,0.926 38.2%,0.968 43.1%,1 48.3%,1.022 53.7%,1.034 59.6%,1.035 69.8%,1.006 90.7%,1 );
   transition-timing-function: linear( 0,0.329 8.8%,0.59 18%,0.787 27.7%,0.863 32.8%,0.926 38.2%,0.968 43.1%,1 48.3%,1.022 53.7%,1.034 59.6%,1.035 69.8%,1.006 90.7%,1 );
 }
 
 .c21[data-ease="bounce"] {
-  -webkit-transition-timing-function: linear(0,0.384 15.4%,0.833 35.8%,1 44.7%,0.919 51.5%,0.9 54.7%,0.894 58%,0.911 63.8%,1 77.4%,0.985 84.4%,1);
   transition-timing-function: linear(0,0.384 15.4%,0.833 35.8%,1 44.7%,0.919 51.5%,0.9 54.7%,0.894 58%,0.911 63.8%,1 77.4%,0.985 84.4%,1);
 }
 
@@ -628,9 +455,6 @@ exports[`Stats Slices with a single node should render 1`] = `
   font-family: 'Anton',Impact,sans-serif;
   font-weight: 400;
   text-transform: uppercase;
-  -webkit-letter-spacing: 0;
-  -moz-letter-spacing: 0;
-  -ms-letter-spacing: 0;
   letter-spacing: 0;
   font-size: 2rem;
   line-height: 2rem;
@@ -640,49 +464,47 @@ exports[`Stats Slices with a single node should render 1`] = `
   font-size: 1rem;
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c23 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c23 {
     font-size: 1.125rem;
     line-height: 1.375rem;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c0 {
     padding-inline: 2rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c0 {
     padding-inline: 4rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c1 {
-    -webkit-flex-direction: row;
-    -ms-flex-direction: row;
     flex-direction: row;
     gap: 2rem;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c4 {
     font-size: 2.5rem;
     line-height: 2.5rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c4 {
     font-size: 3rem;
     line-height: 3rem;
@@ -691,152 +513,127 @@ exports[`Stats Slices with a single node should render 1`] = `
 
 @media (prefers-reduced-motion:reduce) {
   .c8 {
-    -webkit-transition-property: none;
     transition-property: none;
-    -webkit-transition-delay: 0;
     transition-delay: 0;
   }
 }
 
 @media (prefers-reduced-motion:reduce) {
   .c9 {
-    -webkit-transition-property: none;
     transition-property: none;
-    -webkit-transition-delay: 0;
     transition-delay: 0;
   }
 }
 
 @media (prefers-reduced-motion:reduce) {
   .c10 {
-    -webkit-transition-property: none;
     transition-property: none;
-    -webkit-transition-delay: 0;
     transition-delay: 0;
   }
 }
 
 @media (prefers-reduced-motion:reduce) {
   .c11 {
-    -webkit-transition-property: none;
     transition-property: none;
-    -webkit-transition-delay: 0;
     transition-delay: 0;
   }
 }
 
 @media (prefers-reduced-motion:reduce) {
   .c12 {
-    -webkit-transition-property: none;
     transition-property: none;
-    -webkit-transition-delay: 0;
     transition-delay: 0;
   }
 }
 
 @media (prefers-reduced-motion:reduce) {
   .c13 {
-    -webkit-transition-property: none;
     transition-property: none;
-    -webkit-transition-delay: 0;
     transition-delay: 0;
   }
 }
 
 @media (prefers-reduced-motion:reduce) {
   .c14 {
-    -webkit-transition-property: none;
     transition-property: none;
-    -webkit-transition-delay: 0;
     transition-delay: 0;
   }
 }
 
 @media (prefers-reduced-motion:reduce) {
   .c15 {
-    -webkit-transition-property: none;
     transition-property: none;
-    -webkit-transition-delay: 0;
     transition-delay: 0;
   }
 }
 
 @media (prefers-reduced-motion:reduce) {
   .c16 {
-    -webkit-transition-property: none;
     transition-property: none;
-    -webkit-transition-delay: 0;
     transition-delay: 0;
   }
 }
 
 @media (prefers-reduced-motion:reduce) {
   .c17 {
-    -webkit-transition-property: none;
     transition-property: none;
-    -webkit-transition-delay: 0;
     transition-delay: 0;
   }
 }
 
 @media (prefers-reduced-motion:reduce) {
   .c18 {
-    -webkit-transition-property: none;
     transition-property: none;
-    -webkit-transition-delay: 0;
     transition-delay: 0;
   }
 }
 
 @media (prefers-reduced-motion:reduce) {
   .c19 {
-    -webkit-transition-property: none;
     transition-property: none;
-    -webkit-transition-delay: 0;
     transition-delay: 0;
   }
 }
 
 @media (prefers-reduced-motion:reduce) {
   .c20 {
-    -webkit-transition-property: none;
     transition-property: none;
-    -webkit-transition-delay: 0;
     transition-delay: 0;
   }
 }
 
 @media (prefers-reduced-motion:reduce) {
   .c21 {
-    -webkit-transition-property: none;
     transition-property: none;
-    -webkit-transition-delay: 0;
     transition-delay: 0;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c22 {
     font-size: 2.5rem;
     line-height: 2.5rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c22 {
     font-size: 3rem;
     line-height: 3rem;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c24 {
     font-size: 1.25rem;
   }
 }
 
 <div
+  backgroundColour="teal_dark"
   className="c0"
+  paddingBottom="2rem"
+  paddingTop="2rem"
 >
   <div
     className="c1"
@@ -865,6 +662,8 @@ exports[`Stats Slices with a single node should render 1`] = `
               <div
                 className="c8"
                 data-ease="none"
+                delay={80}
+                duration="2000ms"
               >
                 <div>
                    
@@ -912,6 +711,8 @@ exports[`Stats Slices with a single node should render 1`] = `
               <div
                 className="c9"
                 data-ease="none"
+                delay={160}
+                duration="2000ms"
               >
                 <div>
                    
@@ -959,6 +760,8 @@ exports[`Stats Slices with a single node should render 1`] = `
               <div
                 className="c10"
                 data-ease="none"
+                delay={240}
+                duration="2000ms"
               >
                 <div>
                    
@@ -1006,6 +809,8 @@ exports[`Stats Slices with a single node should render 1`] = `
               <div
                 className="c11"
                 data-ease="none"
+                delay={320}
+                duration="1600ms"
               >
                 <div>
                    
@@ -1026,6 +831,8 @@ exports[`Stats Slices with a single node should render 1`] = `
               <div
                 className="c12"
                 data-ease="none"
+                delay={400}
+                duration="2000ms"
               >
                 <div>
                    
@@ -1073,6 +880,8 @@ exports[`Stats Slices with a single node should render 1`] = `
               <div
                 className="c13"
                 data-ease="none"
+                delay={480}
+                duration="2000ms"
               >
                 <div>
                    
@@ -1120,6 +929,8 @@ exports[`Stats Slices with a single node should render 1`] = `
               <div
                 className="c14"
                 data-ease="none"
+                delay={560}
+                duration="2000ms"
               >
                 <div>
                    
@@ -1167,6 +978,8 @@ exports[`Stats Slices with a single node should render 1`] = `
               <div
                 className="c15"
                 data-ease="none"
+                delay={640}
+                duration="1600ms"
               >
                 <div>
                    
@@ -1187,6 +1000,8 @@ exports[`Stats Slices with a single node should render 1`] = `
               <div
                 className="c16"
                 data-ease="none"
+                delay={720}
+                duration="2000ms"
               >
                 <div>
                    
@@ -1234,6 +1049,8 @@ exports[`Stats Slices with a single node should render 1`] = `
               <div
                 className="c17"
                 data-ease="none"
+                delay={800}
+                duration="2000ms"
               >
                 <div>
                    
@@ -1281,6 +1098,8 @@ exports[`Stats Slices with a single node should render 1`] = `
               <div
                 className="c18"
                 data-ease="none"
+                delay={880}
+                duration="2000ms"
               >
                 <div>
                    
@@ -1328,6 +1147,8 @@ exports[`Stats Slices with a single node should render 1`] = `
               <div
                 className="c19"
                 data-ease="none"
+                delay={960}
+                duration="1600ms"
               >
                 <div>
                    
@@ -1348,6 +1169,8 @@ exports[`Stats Slices with a single node should render 1`] = `
               <div
                 className="c20"
                 data-ease="none"
+                delay={1040}
+                duration="2000ms"
               >
                 <div>
                    
@@ -1395,6 +1218,8 @@ exports[`Stats Slices with a single node should render 1`] = `
               <div
                 className="c21"
                 data-ease="none"
+                delay={1120}
+                duration="2000ms"
               >
                 <div>
                    
@@ -1454,9 +1279,6 @@ exports[`Stats Slices with multiple nodes should render 1`] = `
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: 400;
   text-transform: inherit;
-  -webkit-letter-spacing: 0;
-  -moz-letter-spacing: 0;
-  -ms-letter-spacing: 0;
   letter-spacing: 0;
   font-size: 1rem;
   line-height: 1.25rem;
@@ -1468,53 +1290,28 @@ exports[`Stats Slices with multiple nodes should render 1`] = `
 }
 
 .c0 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
   justify-content: center;
   padding: 2rem 1rem 2rem;
   background: #13767C;
 }
 
 .c1 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
   flex-direction: column;
-  -webkit-flex-wrap: wrap;
-  -ms-flex-wrap: wrap;
   flex-wrap: wrap;
-  -webkit-flex: 1;
-  -ms-flex: 1;
   flex: 1;
   gap: 1rem;
   max-width: 1152px;
 }
 
 .c2 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
   flex-direction: column;
-  -webkit-align-items: flex-start;
-  -webkit-box-align: flex-start;
-  -ms-flex-align: flex-start;
   align-items: flex-start;
   gap: 1rem;
   background: #ffffff;
   padding: 2rem;
-  -webkit-flex: 1 1 0px;
-  -ms-flex: 1 1 0px;
   flex: 1 1 0px;
   min-width: 30%;
   border-radius: 1rem;
@@ -1523,45 +1320,26 @@ exports[`Stats Slices with multiple nodes should render 1`] = `
 
 .c3 {
   position: relative;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
   flex-direction: column;
-  -webkit-align-items: flex-start;
-  -webkit-box-align: flex-start;
-  -ms-flex-align: flex-start;
   align-items: flex-start;
   gap: 0.5rem;
   padding-bottom: 0.5rem;
 }
 
 .c4 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-flex-wrap: wrap;
-  -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   gap: 0.5rem;
   font-family: 'Anton',Impact,sans-serif;
   font-weight: 400;
   text-transform: uppercase;
-  -webkit-letter-spacing: 0;
-  -moz-letter-spacing: 0;
-  -ms-letter-spacing: 0;
   letter-spacing: 0;
   font-size: 2rem;
   line-height: 2rem;
 }
 
 .c5 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
 }
 
@@ -1580,34 +1358,25 @@ exports[`Stats Slices with multiple nodes should render 1`] = `
   position: absolute;
   top: 0;
   left: 0;
-  -webkit-transition-delay: 80ms;
   transition-delay: 80ms;
-  -webkit-transition-property: -webkit-transform;
-  -webkit-transition-property: transform;
   transition-property: transform;
-  -webkit-transition-duration: 2000ms;
   transition-duration: 2000ms;
 }
 
 .c8[data-ease="none"] {
-  -webkit-transition-property: none;
   transition-property: none;
-  -webkit-transition-delay: 0;
   transition-delay: 0;
 }
 
 .c8[data-ease="cubic"] {
-  -webkit-transition-timing-function: cubic-bezier(0.22,1,0.36,1);
   transition-timing-function: cubic-bezier(0.22,1,0.36,1);
 }
 
 .c8[data-ease="overshoot"] {
-  -webkit-transition-timing-function: linear( 0,0.329 8.8%,0.59 18%,0.787 27.7%,0.863 32.8%,0.926 38.2%,0.968 43.1%,1 48.3%,1.022 53.7%,1.034 59.6%,1.035 69.8%,1.006 90.7%,1 );
   transition-timing-function: linear( 0,0.329 8.8%,0.59 18%,0.787 27.7%,0.863 32.8%,0.926 38.2%,0.968 43.1%,1 48.3%,1.022 53.7%,1.034 59.6%,1.035 69.8%,1.006 90.7%,1 );
 }
 
 .c8[data-ease="bounce"] {
-  -webkit-transition-timing-function: linear(0,0.384 15.4%,0.833 35.8%,1 44.7%,0.919 51.5%,0.9 54.7%,0.894 58%,0.911 63.8%,1 77.4%,0.985 84.4%,1);
   transition-timing-function: linear(0,0.384 15.4%,0.833 35.8%,1 44.7%,0.919 51.5%,0.9 54.7%,0.894 58%,0.911 63.8%,1 77.4%,0.985 84.4%,1);
 }
 
@@ -1615,34 +1384,25 @@ exports[`Stats Slices with multiple nodes should render 1`] = `
   position: absolute;
   top: 0;
   left: 0;
-  -webkit-transition-delay: 160ms;
   transition-delay: 160ms;
-  -webkit-transition-property: -webkit-transform;
-  -webkit-transition-property: transform;
   transition-property: transform;
-  -webkit-transition-duration: 2000ms;
   transition-duration: 2000ms;
 }
 
 .c9[data-ease="none"] {
-  -webkit-transition-property: none;
   transition-property: none;
-  -webkit-transition-delay: 0;
   transition-delay: 0;
 }
 
 .c9[data-ease="cubic"] {
-  -webkit-transition-timing-function: cubic-bezier(0.22,1,0.36,1);
   transition-timing-function: cubic-bezier(0.22,1,0.36,1);
 }
 
 .c9[data-ease="overshoot"] {
-  -webkit-transition-timing-function: linear( 0,0.329 8.8%,0.59 18%,0.787 27.7%,0.863 32.8%,0.926 38.2%,0.968 43.1%,1 48.3%,1.022 53.7%,1.034 59.6%,1.035 69.8%,1.006 90.7%,1 );
   transition-timing-function: linear( 0,0.329 8.8%,0.59 18%,0.787 27.7%,0.863 32.8%,0.926 38.2%,0.968 43.1%,1 48.3%,1.022 53.7%,1.034 59.6%,1.035 69.8%,1.006 90.7%,1 );
 }
 
 .c9[data-ease="bounce"] {
-  -webkit-transition-timing-function: linear(0,0.384 15.4%,0.833 35.8%,1 44.7%,0.919 51.5%,0.9 54.7%,0.894 58%,0.911 63.8%,1 77.4%,0.985 84.4%,1);
   transition-timing-function: linear(0,0.384 15.4%,0.833 35.8%,1 44.7%,0.919 51.5%,0.9 54.7%,0.894 58%,0.911 63.8%,1 77.4%,0.985 84.4%,1);
 }
 
@@ -1650,34 +1410,25 @@ exports[`Stats Slices with multiple nodes should render 1`] = `
   position: absolute;
   top: 0;
   left: 0;
-  -webkit-transition-delay: 240ms;
   transition-delay: 240ms;
-  -webkit-transition-property: -webkit-transform;
-  -webkit-transition-property: transform;
   transition-property: transform;
-  -webkit-transition-duration: 2000ms;
   transition-duration: 2000ms;
 }
 
 .c10[data-ease="none"] {
-  -webkit-transition-property: none;
   transition-property: none;
-  -webkit-transition-delay: 0;
   transition-delay: 0;
 }
 
 .c10[data-ease="cubic"] {
-  -webkit-transition-timing-function: cubic-bezier(0.22,1,0.36,1);
   transition-timing-function: cubic-bezier(0.22,1,0.36,1);
 }
 
 .c10[data-ease="overshoot"] {
-  -webkit-transition-timing-function: linear( 0,0.329 8.8%,0.59 18%,0.787 27.7%,0.863 32.8%,0.926 38.2%,0.968 43.1%,1 48.3%,1.022 53.7%,1.034 59.6%,1.035 69.8%,1.006 90.7%,1 );
   transition-timing-function: linear( 0,0.329 8.8%,0.59 18%,0.787 27.7%,0.863 32.8%,0.926 38.2%,0.968 43.1%,1 48.3%,1.022 53.7%,1.034 59.6%,1.035 69.8%,1.006 90.7%,1 );
 }
 
 .c10[data-ease="bounce"] {
-  -webkit-transition-timing-function: linear(0,0.384 15.4%,0.833 35.8%,1 44.7%,0.919 51.5%,0.9 54.7%,0.894 58%,0.911 63.8%,1 77.4%,0.985 84.4%,1);
   transition-timing-function: linear(0,0.384 15.4%,0.833 35.8%,1 44.7%,0.919 51.5%,0.9 54.7%,0.894 58%,0.911 63.8%,1 77.4%,0.985 84.4%,1);
 }
 
@@ -1685,34 +1436,25 @@ exports[`Stats Slices with multiple nodes should render 1`] = `
   position: absolute;
   top: 0;
   left: 0;
-  -webkit-transition-delay: 320ms;
   transition-delay: 320ms;
-  -webkit-transition-property: -webkit-transform;
-  -webkit-transition-property: transform;
   transition-property: transform;
-  -webkit-transition-duration: 1600ms;
   transition-duration: 1600ms;
 }
 
 .c11[data-ease="none"] {
-  -webkit-transition-property: none;
   transition-property: none;
-  -webkit-transition-delay: 0;
   transition-delay: 0;
 }
 
 .c11[data-ease="cubic"] {
-  -webkit-transition-timing-function: cubic-bezier(0.22,1,0.36,1);
   transition-timing-function: cubic-bezier(0.22,1,0.36,1);
 }
 
 .c11[data-ease="overshoot"] {
-  -webkit-transition-timing-function: linear( 0,0.329 8.8%,0.59 18%,0.787 27.7%,0.863 32.8%,0.926 38.2%,0.968 43.1%,1 48.3%,1.022 53.7%,1.034 59.6%,1.035 69.8%,1.006 90.7%,1 );
   transition-timing-function: linear( 0,0.329 8.8%,0.59 18%,0.787 27.7%,0.863 32.8%,0.926 38.2%,0.968 43.1%,1 48.3%,1.022 53.7%,1.034 59.6%,1.035 69.8%,1.006 90.7%,1 );
 }
 
 .c11[data-ease="bounce"] {
-  -webkit-transition-timing-function: linear(0,0.384 15.4%,0.833 35.8%,1 44.7%,0.919 51.5%,0.9 54.7%,0.894 58%,0.911 63.8%,1 77.4%,0.985 84.4%,1);
   transition-timing-function: linear(0,0.384 15.4%,0.833 35.8%,1 44.7%,0.919 51.5%,0.9 54.7%,0.894 58%,0.911 63.8%,1 77.4%,0.985 84.4%,1);
 }
 
@@ -1720,34 +1462,25 @@ exports[`Stats Slices with multiple nodes should render 1`] = `
   position: absolute;
   top: 0;
   left: 0;
-  -webkit-transition-delay: 400ms;
   transition-delay: 400ms;
-  -webkit-transition-property: -webkit-transform;
-  -webkit-transition-property: transform;
   transition-property: transform;
-  -webkit-transition-duration: 2000ms;
   transition-duration: 2000ms;
 }
 
 .c12[data-ease="none"] {
-  -webkit-transition-property: none;
   transition-property: none;
-  -webkit-transition-delay: 0;
   transition-delay: 0;
 }
 
 .c12[data-ease="cubic"] {
-  -webkit-transition-timing-function: cubic-bezier(0.22,1,0.36,1);
   transition-timing-function: cubic-bezier(0.22,1,0.36,1);
 }
 
 .c12[data-ease="overshoot"] {
-  -webkit-transition-timing-function: linear( 0,0.329 8.8%,0.59 18%,0.787 27.7%,0.863 32.8%,0.926 38.2%,0.968 43.1%,1 48.3%,1.022 53.7%,1.034 59.6%,1.035 69.8%,1.006 90.7%,1 );
   transition-timing-function: linear( 0,0.329 8.8%,0.59 18%,0.787 27.7%,0.863 32.8%,0.926 38.2%,0.968 43.1%,1 48.3%,1.022 53.7%,1.034 59.6%,1.035 69.8%,1.006 90.7%,1 );
 }
 
 .c12[data-ease="bounce"] {
-  -webkit-transition-timing-function: linear(0,0.384 15.4%,0.833 35.8%,1 44.7%,0.919 51.5%,0.9 54.7%,0.894 58%,0.911 63.8%,1 77.4%,0.985 84.4%,1);
   transition-timing-function: linear(0,0.384 15.4%,0.833 35.8%,1 44.7%,0.919 51.5%,0.9 54.7%,0.894 58%,0.911 63.8%,1 77.4%,0.985 84.4%,1);
 }
 
@@ -1755,34 +1488,25 @@ exports[`Stats Slices with multiple nodes should render 1`] = `
   position: absolute;
   top: 0;
   left: 0;
-  -webkit-transition-delay: 480ms;
   transition-delay: 480ms;
-  -webkit-transition-property: -webkit-transform;
-  -webkit-transition-property: transform;
   transition-property: transform;
-  -webkit-transition-duration: 2000ms;
   transition-duration: 2000ms;
 }
 
 .c13[data-ease="none"] {
-  -webkit-transition-property: none;
   transition-property: none;
-  -webkit-transition-delay: 0;
   transition-delay: 0;
 }
 
 .c13[data-ease="cubic"] {
-  -webkit-transition-timing-function: cubic-bezier(0.22,1,0.36,1);
   transition-timing-function: cubic-bezier(0.22,1,0.36,1);
 }
 
 .c13[data-ease="overshoot"] {
-  -webkit-transition-timing-function: linear( 0,0.329 8.8%,0.59 18%,0.787 27.7%,0.863 32.8%,0.926 38.2%,0.968 43.1%,1 48.3%,1.022 53.7%,1.034 59.6%,1.035 69.8%,1.006 90.7%,1 );
   transition-timing-function: linear( 0,0.329 8.8%,0.59 18%,0.787 27.7%,0.863 32.8%,0.926 38.2%,0.968 43.1%,1 48.3%,1.022 53.7%,1.034 59.6%,1.035 69.8%,1.006 90.7%,1 );
 }
 
 .c13[data-ease="bounce"] {
-  -webkit-transition-timing-function: linear(0,0.384 15.4%,0.833 35.8%,1 44.7%,0.919 51.5%,0.9 54.7%,0.894 58%,0.911 63.8%,1 77.4%,0.985 84.4%,1);
   transition-timing-function: linear(0,0.384 15.4%,0.833 35.8%,1 44.7%,0.919 51.5%,0.9 54.7%,0.894 58%,0.911 63.8%,1 77.4%,0.985 84.4%,1);
 }
 
@@ -1790,34 +1514,25 @@ exports[`Stats Slices with multiple nodes should render 1`] = `
   position: absolute;
   top: 0;
   left: 0;
-  -webkit-transition-delay: 560ms;
   transition-delay: 560ms;
-  -webkit-transition-property: -webkit-transform;
-  -webkit-transition-property: transform;
   transition-property: transform;
-  -webkit-transition-duration: 2000ms;
   transition-duration: 2000ms;
 }
 
 .c14[data-ease="none"] {
-  -webkit-transition-property: none;
   transition-property: none;
-  -webkit-transition-delay: 0;
   transition-delay: 0;
 }
 
 .c14[data-ease="cubic"] {
-  -webkit-transition-timing-function: cubic-bezier(0.22,1,0.36,1);
   transition-timing-function: cubic-bezier(0.22,1,0.36,1);
 }
 
 .c14[data-ease="overshoot"] {
-  -webkit-transition-timing-function: linear( 0,0.329 8.8%,0.59 18%,0.787 27.7%,0.863 32.8%,0.926 38.2%,0.968 43.1%,1 48.3%,1.022 53.7%,1.034 59.6%,1.035 69.8%,1.006 90.7%,1 );
   transition-timing-function: linear( 0,0.329 8.8%,0.59 18%,0.787 27.7%,0.863 32.8%,0.926 38.2%,0.968 43.1%,1 48.3%,1.022 53.7%,1.034 59.6%,1.035 69.8%,1.006 90.7%,1 );
 }
 
 .c14[data-ease="bounce"] {
-  -webkit-transition-timing-function: linear(0,0.384 15.4%,0.833 35.8%,1 44.7%,0.919 51.5%,0.9 54.7%,0.894 58%,0.911 63.8%,1 77.4%,0.985 84.4%,1);
   transition-timing-function: linear(0,0.384 15.4%,0.833 35.8%,1 44.7%,0.919 51.5%,0.9 54.7%,0.894 58%,0.911 63.8%,1 77.4%,0.985 84.4%,1);
 }
 
@@ -1825,34 +1540,25 @@ exports[`Stats Slices with multiple nodes should render 1`] = `
   position: absolute;
   top: 0;
   left: 0;
-  -webkit-transition-delay: 640ms;
   transition-delay: 640ms;
-  -webkit-transition-property: -webkit-transform;
-  -webkit-transition-property: transform;
   transition-property: transform;
-  -webkit-transition-duration: 1600ms;
   transition-duration: 1600ms;
 }
 
 .c15[data-ease="none"] {
-  -webkit-transition-property: none;
   transition-property: none;
-  -webkit-transition-delay: 0;
   transition-delay: 0;
 }
 
 .c15[data-ease="cubic"] {
-  -webkit-transition-timing-function: cubic-bezier(0.22,1,0.36,1);
   transition-timing-function: cubic-bezier(0.22,1,0.36,1);
 }
 
 .c15[data-ease="overshoot"] {
-  -webkit-transition-timing-function: linear( 0,0.329 8.8%,0.59 18%,0.787 27.7%,0.863 32.8%,0.926 38.2%,0.968 43.1%,1 48.3%,1.022 53.7%,1.034 59.6%,1.035 69.8%,1.006 90.7%,1 );
   transition-timing-function: linear( 0,0.329 8.8%,0.59 18%,0.787 27.7%,0.863 32.8%,0.926 38.2%,0.968 43.1%,1 48.3%,1.022 53.7%,1.034 59.6%,1.035 69.8%,1.006 90.7%,1 );
 }
 
 .c15[data-ease="bounce"] {
-  -webkit-transition-timing-function: linear(0,0.384 15.4%,0.833 35.8%,1 44.7%,0.919 51.5%,0.9 54.7%,0.894 58%,0.911 63.8%,1 77.4%,0.985 84.4%,1);
   transition-timing-function: linear(0,0.384 15.4%,0.833 35.8%,1 44.7%,0.919 51.5%,0.9 54.7%,0.894 58%,0.911 63.8%,1 77.4%,0.985 84.4%,1);
 }
 
@@ -1860,34 +1566,25 @@ exports[`Stats Slices with multiple nodes should render 1`] = `
   position: absolute;
   top: 0;
   left: 0;
-  -webkit-transition-delay: 720ms;
   transition-delay: 720ms;
-  -webkit-transition-property: -webkit-transform;
-  -webkit-transition-property: transform;
   transition-property: transform;
-  -webkit-transition-duration: 2000ms;
   transition-duration: 2000ms;
 }
 
 .c16[data-ease="none"] {
-  -webkit-transition-property: none;
   transition-property: none;
-  -webkit-transition-delay: 0;
   transition-delay: 0;
 }
 
 .c16[data-ease="cubic"] {
-  -webkit-transition-timing-function: cubic-bezier(0.22,1,0.36,1);
   transition-timing-function: cubic-bezier(0.22,1,0.36,1);
 }
 
 .c16[data-ease="overshoot"] {
-  -webkit-transition-timing-function: linear( 0,0.329 8.8%,0.59 18%,0.787 27.7%,0.863 32.8%,0.926 38.2%,0.968 43.1%,1 48.3%,1.022 53.7%,1.034 59.6%,1.035 69.8%,1.006 90.7%,1 );
   transition-timing-function: linear( 0,0.329 8.8%,0.59 18%,0.787 27.7%,0.863 32.8%,0.926 38.2%,0.968 43.1%,1 48.3%,1.022 53.7%,1.034 59.6%,1.035 69.8%,1.006 90.7%,1 );
 }
 
 .c16[data-ease="bounce"] {
-  -webkit-transition-timing-function: linear(0,0.384 15.4%,0.833 35.8%,1 44.7%,0.919 51.5%,0.9 54.7%,0.894 58%,0.911 63.8%,1 77.4%,0.985 84.4%,1);
   transition-timing-function: linear(0,0.384 15.4%,0.833 35.8%,1 44.7%,0.919 51.5%,0.9 54.7%,0.894 58%,0.911 63.8%,1 77.4%,0.985 84.4%,1);
 }
 
@@ -1895,34 +1592,25 @@ exports[`Stats Slices with multiple nodes should render 1`] = `
   position: absolute;
   top: 0;
   left: 0;
-  -webkit-transition-delay: 800ms;
   transition-delay: 800ms;
-  -webkit-transition-property: -webkit-transform;
-  -webkit-transition-property: transform;
   transition-property: transform;
-  -webkit-transition-duration: 2000ms;
   transition-duration: 2000ms;
 }
 
 .c17[data-ease="none"] {
-  -webkit-transition-property: none;
   transition-property: none;
-  -webkit-transition-delay: 0;
   transition-delay: 0;
 }
 
 .c17[data-ease="cubic"] {
-  -webkit-transition-timing-function: cubic-bezier(0.22,1,0.36,1);
   transition-timing-function: cubic-bezier(0.22,1,0.36,1);
 }
 
 .c17[data-ease="overshoot"] {
-  -webkit-transition-timing-function: linear( 0,0.329 8.8%,0.59 18%,0.787 27.7%,0.863 32.8%,0.926 38.2%,0.968 43.1%,1 48.3%,1.022 53.7%,1.034 59.6%,1.035 69.8%,1.006 90.7%,1 );
   transition-timing-function: linear( 0,0.329 8.8%,0.59 18%,0.787 27.7%,0.863 32.8%,0.926 38.2%,0.968 43.1%,1 48.3%,1.022 53.7%,1.034 59.6%,1.035 69.8%,1.006 90.7%,1 );
 }
 
 .c17[data-ease="bounce"] {
-  -webkit-transition-timing-function: linear(0,0.384 15.4%,0.833 35.8%,1 44.7%,0.919 51.5%,0.9 54.7%,0.894 58%,0.911 63.8%,1 77.4%,0.985 84.4%,1);
   transition-timing-function: linear(0,0.384 15.4%,0.833 35.8%,1 44.7%,0.919 51.5%,0.9 54.7%,0.894 58%,0.911 63.8%,1 77.4%,0.985 84.4%,1);
 }
 
@@ -1930,34 +1618,25 @@ exports[`Stats Slices with multiple nodes should render 1`] = `
   position: absolute;
   top: 0;
   left: 0;
-  -webkit-transition-delay: 880ms;
   transition-delay: 880ms;
-  -webkit-transition-property: -webkit-transform;
-  -webkit-transition-property: transform;
   transition-property: transform;
-  -webkit-transition-duration: 2000ms;
   transition-duration: 2000ms;
 }
 
 .c18[data-ease="none"] {
-  -webkit-transition-property: none;
   transition-property: none;
-  -webkit-transition-delay: 0;
   transition-delay: 0;
 }
 
 .c18[data-ease="cubic"] {
-  -webkit-transition-timing-function: cubic-bezier(0.22,1,0.36,1);
   transition-timing-function: cubic-bezier(0.22,1,0.36,1);
 }
 
 .c18[data-ease="overshoot"] {
-  -webkit-transition-timing-function: linear( 0,0.329 8.8%,0.59 18%,0.787 27.7%,0.863 32.8%,0.926 38.2%,0.968 43.1%,1 48.3%,1.022 53.7%,1.034 59.6%,1.035 69.8%,1.006 90.7%,1 );
   transition-timing-function: linear( 0,0.329 8.8%,0.59 18%,0.787 27.7%,0.863 32.8%,0.926 38.2%,0.968 43.1%,1 48.3%,1.022 53.7%,1.034 59.6%,1.035 69.8%,1.006 90.7%,1 );
 }
 
 .c18[data-ease="bounce"] {
-  -webkit-transition-timing-function: linear(0,0.384 15.4%,0.833 35.8%,1 44.7%,0.919 51.5%,0.9 54.7%,0.894 58%,0.911 63.8%,1 77.4%,0.985 84.4%,1);
   transition-timing-function: linear(0,0.384 15.4%,0.833 35.8%,1 44.7%,0.919 51.5%,0.9 54.7%,0.894 58%,0.911 63.8%,1 77.4%,0.985 84.4%,1);
 }
 
@@ -1965,34 +1644,25 @@ exports[`Stats Slices with multiple nodes should render 1`] = `
   position: absolute;
   top: 0;
   left: 0;
-  -webkit-transition-delay: 960ms;
   transition-delay: 960ms;
-  -webkit-transition-property: -webkit-transform;
-  -webkit-transition-property: transform;
   transition-property: transform;
-  -webkit-transition-duration: 1600ms;
   transition-duration: 1600ms;
 }
 
 .c19[data-ease="none"] {
-  -webkit-transition-property: none;
   transition-property: none;
-  -webkit-transition-delay: 0;
   transition-delay: 0;
 }
 
 .c19[data-ease="cubic"] {
-  -webkit-transition-timing-function: cubic-bezier(0.22,1,0.36,1);
   transition-timing-function: cubic-bezier(0.22,1,0.36,1);
 }
 
 .c19[data-ease="overshoot"] {
-  -webkit-transition-timing-function: linear( 0,0.329 8.8%,0.59 18%,0.787 27.7%,0.863 32.8%,0.926 38.2%,0.968 43.1%,1 48.3%,1.022 53.7%,1.034 59.6%,1.035 69.8%,1.006 90.7%,1 );
   transition-timing-function: linear( 0,0.329 8.8%,0.59 18%,0.787 27.7%,0.863 32.8%,0.926 38.2%,0.968 43.1%,1 48.3%,1.022 53.7%,1.034 59.6%,1.035 69.8%,1.006 90.7%,1 );
 }
 
 .c19[data-ease="bounce"] {
-  -webkit-transition-timing-function: linear(0,0.384 15.4%,0.833 35.8%,1 44.7%,0.919 51.5%,0.9 54.7%,0.894 58%,0.911 63.8%,1 77.4%,0.985 84.4%,1);
   transition-timing-function: linear(0,0.384 15.4%,0.833 35.8%,1 44.7%,0.919 51.5%,0.9 54.7%,0.894 58%,0.911 63.8%,1 77.4%,0.985 84.4%,1);
 }
 
@@ -2000,34 +1670,25 @@ exports[`Stats Slices with multiple nodes should render 1`] = `
   position: absolute;
   top: 0;
   left: 0;
-  -webkit-transition-delay: 1040ms;
   transition-delay: 1040ms;
-  -webkit-transition-property: -webkit-transform;
-  -webkit-transition-property: transform;
   transition-property: transform;
-  -webkit-transition-duration: 2000ms;
   transition-duration: 2000ms;
 }
 
 .c20[data-ease="none"] {
-  -webkit-transition-property: none;
   transition-property: none;
-  -webkit-transition-delay: 0;
   transition-delay: 0;
 }
 
 .c20[data-ease="cubic"] {
-  -webkit-transition-timing-function: cubic-bezier(0.22,1,0.36,1);
   transition-timing-function: cubic-bezier(0.22,1,0.36,1);
 }
 
 .c20[data-ease="overshoot"] {
-  -webkit-transition-timing-function: linear( 0,0.329 8.8%,0.59 18%,0.787 27.7%,0.863 32.8%,0.926 38.2%,0.968 43.1%,1 48.3%,1.022 53.7%,1.034 59.6%,1.035 69.8%,1.006 90.7%,1 );
   transition-timing-function: linear( 0,0.329 8.8%,0.59 18%,0.787 27.7%,0.863 32.8%,0.926 38.2%,0.968 43.1%,1 48.3%,1.022 53.7%,1.034 59.6%,1.035 69.8%,1.006 90.7%,1 );
 }
 
 .c20[data-ease="bounce"] {
-  -webkit-transition-timing-function: linear(0,0.384 15.4%,0.833 35.8%,1 44.7%,0.919 51.5%,0.9 54.7%,0.894 58%,0.911 63.8%,1 77.4%,0.985 84.4%,1);
   transition-timing-function: linear(0,0.384 15.4%,0.833 35.8%,1 44.7%,0.919 51.5%,0.9 54.7%,0.894 58%,0.911 63.8%,1 77.4%,0.985 84.4%,1);
 }
 
@@ -2035,34 +1696,25 @@ exports[`Stats Slices with multiple nodes should render 1`] = `
   position: absolute;
   top: 0;
   left: 0;
-  -webkit-transition-delay: 1120ms;
   transition-delay: 1120ms;
-  -webkit-transition-property: -webkit-transform;
-  -webkit-transition-property: transform;
   transition-property: transform;
-  -webkit-transition-duration: 2000ms;
   transition-duration: 2000ms;
 }
 
 .c21[data-ease="none"] {
-  -webkit-transition-property: none;
   transition-property: none;
-  -webkit-transition-delay: 0;
   transition-delay: 0;
 }
 
 .c21[data-ease="cubic"] {
-  -webkit-transition-timing-function: cubic-bezier(0.22,1,0.36,1);
   transition-timing-function: cubic-bezier(0.22,1,0.36,1);
 }
 
 .c21[data-ease="overshoot"] {
-  -webkit-transition-timing-function: linear( 0,0.329 8.8%,0.59 18%,0.787 27.7%,0.863 32.8%,0.926 38.2%,0.968 43.1%,1 48.3%,1.022 53.7%,1.034 59.6%,1.035 69.8%,1.006 90.7%,1 );
   transition-timing-function: linear( 0,0.329 8.8%,0.59 18%,0.787 27.7%,0.863 32.8%,0.926 38.2%,0.968 43.1%,1 48.3%,1.022 53.7%,1.034 59.6%,1.035 69.8%,1.006 90.7%,1 );
 }
 
 .c21[data-ease="bounce"] {
-  -webkit-transition-timing-function: linear(0,0.384 15.4%,0.833 35.8%,1 44.7%,0.919 51.5%,0.9 54.7%,0.894 58%,0.911 63.8%,1 77.4%,0.985 84.4%,1);
   transition-timing-function: linear(0,0.384 15.4%,0.833 35.8%,1 44.7%,0.919 51.5%,0.9 54.7%,0.894 58%,0.911 63.8%,1 77.4%,0.985 84.4%,1);
 }
 
@@ -2077,9 +1729,6 @@ exports[`Stats Slices with multiple nodes should render 1`] = `
   font-family: 'Anton',Impact,sans-serif;
   font-weight: 400;
   text-transform: uppercase;
-  -webkit-letter-spacing: 0;
-  -moz-letter-spacing: 0;
-  -ms-letter-spacing: 0;
   letter-spacing: 0;
   font-size: 2rem;
   line-height: 2rem;
@@ -2089,49 +1738,47 @@ exports[`Stats Slices with multiple nodes should render 1`] = `
   font-size: 1rem;
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c23 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c23 {
     font-size: 1.125rem;
     line-height: 1.375rem;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c0 {
     padding-inline: 2rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c0 {
     padding-inline: 4rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c1 {
-    -webkit-flex-direction: row;
-    -ms-flex-direction: row;
     flex-direction: row;
     gap: 2rem;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c4 {
     font-size: 2.5rem;
     line-height: 2.5rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c4 {
     font-size: 3rem;
     line-height: 3rem;
@@ -2140,152 +1787,127 @@ exports[`Stats Slices with multiple nodes should render 1`] = `
 
 @media (prefers-reduced-motion:reduce) {
   .c8 {
-    -webkit-transition-property: none;
     transition-property: none;
-    -webkit-transition-delay: 0;
     transition-delay: 0;
   }
 }
 
 @media (prefers-reduced-motion:reduce) {
   .c9 {
-    -webkit-transition-property: none;
     transition-property: none;
-    -webkit-transition-delay: 0;
     transition-delay: 0;
   }
 }
 
 @media (prefers-reduced-motion:reduce) {
   .c10 {
-    -webkit-transition-property: none;
     transition-property: none;
-    -webkit-transition-delay: 0;
     transition-delay: 0;
   }
 }
 
 @media (prefers-reduced-motion:reduce) {
   .c11 {
-    -webkit-transition-property: none;
     transition-property: none;
-    -webkit-transition-delay: 0;
     transition-delay: 0;
   }
 }
 
 @media (prefers-reduced-motion:reduce) {
   .c12 {
-    -webkit-transition-property: none;
     transition-property: none;
-    -webkit-transition-delay: 0;
     transition-delay: 0;
   }
 }
 
 @media (prefers-reduced-motion:reduce) {
   .c13 {
-    -webkit-transition-property: none;
     transition-property: none;
-    -webkit-transition-delay: 0;
     transition-delay: 0;
   }
 }
 
 @media (prefers-reduced-motion:reduce) {
   .c14 {
-    -webkit-transition-property: none;
     transition-property: none;
-    -webkit-transition-delay: 0;
     transition-delay: 0;
   }
 }
 
 @media (prefers-reduced-motion:reduce) {
   .c15 {
-    -webkit-transition-property: none;
     transition-property: none;
-    -webkit-transition-delay: 0;
     transition-delay: 0;
   }
 }
 
 @media (prefers-reduced-motion:reduce) {
   .c16 {
-    -webkit-transition-property: none;
     transition-property: none;
-    -webkit-transition-delay: 0;
     transition-delay: 0;
   }
 }
 
 @media (prefers-reduced-motion:reduce) {
   .c17 {
-    -webkit-transition-property: none;
     transition-property: none;
-    -webkit-transition-delay: 0;
     transition-delay: 0;
   }
 }
 
 @media (prefers-reduced-motion:reduce) {
   .c18 {
-    -webkit-transition-property: none;
     transition-property: none;
-    -webkit-transition-delay: 0;
     transition-delay: 0;
   }
 }
 
 @media (prefers-reduced-motion:reduce) {
   .c19 {
-    -webkit-transition-property: none;
     transition-property: none;
-    -webkit-transition-delay: 0;
     transition-delay: 0;
   }
 }
 
 @media (prefers-reduced-motion:reduce) {
   .c20 {
-    -webkit-transition-property: none;
     transition-property: none;
-    -webkit-transition-delay: 0;
     transition-delay: 0;
   }
 }
 
 @media (prefers-reduced-motion:reduce) {
   .c21 {
-    -webkit-transition-property: none;
     transition-property: none;
-    -webkit-transition-delay: 0;
     transition-delay: 0;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c22 {
     font-size: 2.5rem;
     line-height: 2.5rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c22 {
     font-size: 3rem;
     line-height: 3rem;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c24 {
     font-size: 1.25rem;
   }
 }
 
 <div
+  backgroundColour="teal_dark"
   className="c0"
+  paddingBottom="2rem"
+  paddingTop="2rem"
 >
   <div
     className="c1"
@@ -2314,6 +1936,8 @@ exports[`Stats Slices with multiple nodes should render 1`] = `
               <div
                 className="c8"
                 data-ease="cubic"
+                delay={80}
+                duration="2000ms"
               >
                 <div>
                    
@@ -2361,6 +1985,8 @@ exports[`Stats Slices with multiple nodes should render 1`] = `
               <div
                 className="c9"
                 data-ease="cubic"
+                delay={160}
+                duration="2000ms"
               >
                 <div>
                    
@@ -2408,6 +2034,8 @@ exports[`Stats Slices with multiple nodes should render 1`] = `
               <div
                 className="c10"
                 data-ease="cubic"
+                delay={240}
+                duration="2000ms"
               >
                 <div>
                    
@@ -2455,6 +2083,8 @@ exports[`Stats Slices with multiple nodes should render 1`] = `
               <div
                 className="c11"
                 data-ease="cubic"
+                delay={320}
+                duration="1600ms"
               >
                 <div>
                    
@@ -2475,6 +2105,8 @@ exports[`Stats Slices with multiple nodes should render 1`] = `
               <div
                 className="c12"
                 data-ease="cubic"
+                delay={400}
+                duration="2000ms"
               >
                 <div>
                    
@@ -2522,6 +2154,8 @@ exports[`Stats Slices with multiple nodes should render 1`] = `
               <div
                 className="c13"
                 data-ease="cubic"
+                delay={480}
+                duration="2000ms"
               >
                 <div>
                    
@@ -2569,6 +2203,8 @@ exports[`Stats Slices with multiple nodes should render 1`] = `
               <div
                 className="c14"
                 data-ease="cubic"
+                delay={560}
+                duration="2000ms"
               >
                 <div>
                    
@@ -2616,6 +2252,8 @@ exports[`Stats Slices with multiple nodes should render 1`] = `
               <div
                 className="c15"
                 data-ease="cubic"
+                delay={640}
+                duration="1600ms"
               >
                 <div>
                    
@@ -2636,6 +2274,8 @@ exports[`Stats Slices with multiple nodes should render 1`] = `
               <div
                 className="c16"
                 data-ease="cubic"
+                delay={720}
+                duration="2000ms"
               >
                 <div>
                    
@@ -2683,6 +2323,8 @@ exports[`Stats Slices with multiple nodes should render 1`] = `
               <div
                 className="c17"
                 data-ease="cubic"
+                delay={800}
+                duration="2000ms"
               >
                 <div>
                    
@@ -2730,6 +2372,8 @@ exports[`Stats Slices with multiple nodes should render 1`] = `
               <div
                 className="c18"
                 data-ease="cubic"
+                delay={880}
+                duration="2000ms"
               >
                 <div>
                    
@@ -2777,6 +2421,8 @@ exports[`Stats Slices with multiple nodes should render 1`] = `
               <div
                 className="c19"
                 data-ease="cubic"
+                delay={960}
+                duration="1600ms"
               >
                 <div>
                    
@@ -2797,6 +2443,8 @@ exports[`Stats Slices with multiple nodes should render 1`] = `
               <div
                 className="c20"
                 data-ease="cubic"
+                delay={1040}
+                duration="2000ms"
               >
                 <div>
                    
@@ -2844,6 +2492,8 @@ exports[`Stats Slices with multiple nodes should render 1`] = `
               <div
                 className="c21"
                 data-ease="cubic"
+                delay={1120}
+                duration="2000ms"
               >
                 <div>
                    
@@ -2918,6 +2568,8 @@ exports[`Stats Slices with multiple nodes should render 1`] = `
               <div
                 className="c8"
                 data-ease="cubic"
+                delay={80}
+                duration="2000ms"
               >
                 <div>
                    
@@ -2965,6 +2617,8 @@ exports[`Stats Slices with multiple nodes should render 1`] = `
               <div
                 className="c9"
                 data-ease="cubic"
+                delay={160}
+                duration="2000ms"
               >
                 <div>
                    
@@ -3012,6 +2666,8 @@ exports[`Stats Slices with multiple nodes should render 1`] = `
               <div
                 className="c10"
                 data-ease="cubic"
+                delay={240}
+                duration="2000ms"
               >
                 <div>
                    
@@ -3059,6 +2715,8 @@ exports[`Stats Slices with multiple nodes should render 1`] = `
               <div
                 className="c11"
                 data-ease="cubic"
+                delay={320}
+                duration="1600ms"
               >
                 <div>
                    
@@ -3079,6 +2737,8 @@ exports[`Stats Slices with multiple nodes should render 1`] = `
               <div
                 className="c12"
                 data-ease="cubic"
+                delay={400}
+                duration="2000ms"
               >
                 <div>
                    
@@ -3126,6 +2786,8 @@ exports[`Stats Slices with multiple nodes should render 1`] = `
               <div
                 className="c13"
                 data-ease="cubic"
+                delay={480}
+                duration="2000ms"
               >
                 <div>
                    
@@ -3173,6 +2835,8 @@ exports[`Stats Slices with multiple nodes should render 1`] = `
               <div
                 className="c14"
                 data-ease="cubic"
+                delay={560}
+                duration="2000ms"
               >
                 <div>
                    
@@ -3220,6 +2884,8 @@ exports[`Stats Slices with multiple nodes should render 1`] = `
               <div
                 className="c15"
                 data-ease="cubic"
+                delay={640}
+                duration="1600ms"
               >
                 <div>
                    
@@ -3240,6 +2906,8 @@ exports[`Stats Slices with multiple nodes should render 1`] = `
               <div
                 className="c16"
                 data-ease="cubic"
+                delay={720}
+                duration="2000ms"
               >
                 <div>
                    
@@ -3287,6 +2955,8 @@ exports[`Stats Slices with multiple nodes should render 1`] = `
               <div
                 className="c17"
                 data-ease="cubic"
+                delay={800}
+                duration="2000ms"
               >
                 <div>
                    
@@ -3334,6 +3004,8 @@ exports[`Stats Slices with multiple nodes should render 1`] = `
               <div
                 className="c18"
                 data-ease="cubic"
+                delay={880}
+                duration="2000ms"
               >
                 <div>
                    
@@ -3381,6 +3053,8 @@ exports[`Stats Slices with multiple nodes should render 1`] = `
               <div
                 className="c19"
                 data-ease="cubic"
+                delay={960}
+                duration="1600ms"
               >
                 <div>
                    
@@ -3401,6 +3075,8 @@ exports[`Stats Slices with multiple nodes should render 1`] = `
               <div
                 className="c20"
                 data-ease="cubic"
+                delay={1040}
+                duration="2000ms"
               >
                 <div>
                    
@@ -3448,6 +3124,8 @@ exports[`Stats Slices with multiple nodes should render 1`] = `
               <div
                 className="c21"
                 data-ease="cubic"
+                delay={1120}
+                duration="2000ms"
               >
                 <div>
                    
@@ -3522,6 +3200,8 @@ exports[`Stats Slices with multiple nodes should render 1`] = `
               <div
                 className="c8"
                 data-ease="cubic"
+                delay={80}
+                duration="2000ms"
               >
                 <div>
                    
@@ -3569,6 +3249,8 @@ exports[`Stats Slices with multiple nodes should render 1`] = `
               <div
                 className="c9"
                 data-ease="cubic"
+                delay={160}
+                duration="2000ms"
               >
                 <div>
                    
@@ -3616,6 +3298,8 @@ exports[`Stats Slices with multiple nodes should render 1`] = `
               <div
                 className="c10"
                 data-ease="cubic"
+                delay={240}
+                duration="2000ms"
               >
                 <div>
                    
@@ -3663,6 +3347,8 @@ exports[`Stats Slices with multiple nodes should render 1`] = `
               <div
                 className="c11"
                 data-ease="cubic"
+                delay={320}
+                duration="1600ms"
               >
                 <div>
                    
@@ -3683,6 +3369,8 @@ exports[`Stats Slices with multiple nodes should render 1`] = `
               <div
                 className="c12"
                 data-ease="cubic"
+                delay={400}
+                duration="2000ms"
               >
                 <div>
                    
@@ -3730,6 +3418,8 @@ exports[`Stats Slices with multiple nodes should render 1`] = `
               <div
                 className="c13"
                 data-ease="cubic"
+                delay={480}
+                duration="2000ms"
               >
                 <div>
                    
@@ -3777,6 +3467,8 @@ exports[`Stats Slices with multiple nodes should render 1`] = `
               <div
                 className="c14"
                 data-ease="cubic"
+                delay={560}
+                duration="2000ms"
               >
                 <div>
                    
@@ -3824,6 +3516,8 @@ exports[`Stats Slices with multiple nodes should render 1`] = `
               <div
                 className="c15"
                 data-ease="cubic"
+                delay={640}
+                duration="1600ms"
               >
                 <div>
                    
@@ -3844,6 +3538,8 @@ exports[`Stats Slices with multiple nodes should render 1`] = `
               <div
                 className="c16"
                 data-ease="cubic"
+                delay={720}
+                duration="2000ms"
               >
                 <div>
                    
@@ -3891,6 +3587,8 @@ exports[`Stats Slices with multiple nodes should render 1`] = `
               <div
                 className="c17"
                 data-ease="cubic"
+                delay={800}
+                duration="2000ms"
               >
                 <div>
                    
@@ -3938,6 +3636,8 @@ exports[`Stats Slices with multiple nodes should render 1`] = `
               <div
                 className="c18"
                 data-ease="cubic"
+                delay={880}
+                duration="2000ms"
               >
                 <div>
                    
@@ -3985,6 +3685,8 @@ exports[`Stats Slices with multiple nodes should render 1`] = `
               <div
                 className="c19"
                 data-ease="cubic"
+                delay={960}
+                duration="1600ms"
               >
                 <div>
                    
@@ -4005,6 +3707,8 @@ exports[`Stats Slices with multiple nodes should render 1`] = `
               <div
                 className="c20"
                 data-ease="cubic"
+                delay={1040}
+                duration="2000ms"
               >
                 <div>
                    
@@ -4052,6 +3756,8 @@ exports[`Stats Slices with multiple nodes should render 1`] = `
               <div
                 className="c21"
                 data-ease="cubic"
+                delay={1120}
+                duration="2000ms"
               >
                 <div>
                    
diff --git a/src/components/Molecules/Typeahead/Typeahead.md b/src/components/Molecules/Typeahead/Typeahead.md
deleted file mode 100644
index b0f3739f5..000000000
--- a/src/components/Molecules/Typeahead/Typeahead.md
+++ /dev/null
@@ -1,24 +0,0 @@
-# Typeahead
-
-```jsx
-import axios from 'axios';
-import Typeahead from './Typeahead';
-
-const suggestions = async suggestion => {
-  const response = await axios.get(
-    'https://api.datamuse.com/sug',
-    { params: { s: suggestion } }
-  );
-  return response.data.map(({word}) => word);
-};
-
-<Typeahead
-  optionFetcher={suggestions}
-  onSelect={suggestion => alert(JSON.stringify(suggestion, null, 2))}
-  id="typeahead-test"
-  label="Typeahead test (word/phrase suggestions)"
-  name="suggestion"
-  placeholder="Start searching..."
-  notFoundMessage="Sorry, we couldn't find anything"
-/>;
-```
diff --git a/src/components/Molecules/Typeahead/TypeaheadExample.jsx b/src/components/Molecules/Typeahead/TypeaheadExample.jsx
new file mode 100644
index 000000000..0d1b46c88
--- /dev/null
+++ b/src/components/Molecules/Typeahead/TypeaheadExample.jsx
@@ -0,0 +1,24 @@
+import React from 'react';
+import Typeahead from './Typeahead';
+
+const suggestions = async suggestion => {
+  const response = await fetch(
+    `https://api.datamuse.com/sug?s=${encodeURIComponent(suggestion)}`
+  );
+  const data = await response.json();
+  return data.map(({ word }) => word);
+};
+
+export default function TypeaheadExample() {
+  return (
+    <Typeahead
+      optionFetcher={suggestions}
+      onSelect={suggestion => alert(JSON.stringify(suggestion, null, 2))}
+      id="typeahead-test"
+      label="Typeahead test (word/phrase suggestions)"
+      name="suggestion"
+      placeholder="Start searching..."
+      notFoundMessage="Sorry, we couldn't find anything"
+    />
+  );
+}
diff --git a/src/components/Molecules/Typeahead/__snapshots__/Typeahead.test.js.snap b/src/components/Molecules/Typeahead/__snapshots__/Typeahead.test.js.snap
index b1d5d62d9..5d9a877c6 100644
--- a/src/components/Molecules/Typeahead/__snapshots__/Typeahead.test.js.snap
+++ b/src/components/Molecules/Typeahead/__snapshots__/Typeahead.test.js.snap
@@ -5,9 +5,6 @@ exports[`renders correctly 1`] = `
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: 400;
   text-transform: inherit;
-  -webkit-letter-spacing: 0;
-  -moz-letter-spacing: 0;
-  -ms-letter-spacing: 0;
   letter-spacing: 0;
   font-size: 1rem;
   line-height: 1.25rem;
@@ -21,12 +18,7 @@ exports[`renders correctly 1`] = `
 .c1 {
   width: 100%;
   position: relative;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
   flex-direction: column;
   color: #000000;
 }
@@ -36,9 +28,6 @@ exports[`renders correctly 1`] = `
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: 400;
   text-transform: inherit;
-  -webkit-letter-spacing: 0;
-  -moz-letter-spacing: 0;
-  -ms-letter-spacing: 0;
   letter-spacing: 0;
   font-size: 1rem;
   line-height: 1.25rem;
@@ -49,9 +38,6 @@ exports[`renders correctly 1`] = `
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: 400;
   text-transform: inherit;
-  -webkit-letter-spacing: 0;
-  -moz-letter-spacing: 0;
-  -ms-letter-spacing: 0;
   letter-spacing: 0;
   font-size: 1rem;
   line-height: 1.25rem;
@@ -60,17 +46,8 @@ exports[`renders correctly 1`] = `
 .c5 {
   position: relative;
   width: 100%;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-box-pack: end;
-  -webkit-justify-content: flex-end;
-  -ms-flex-pack: end;
   justify-content: flex-end;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
   align-items: center;
 }
 
@@ -84,8 +61,6 @@ exports[`renders correctly 1`] = `
   border: 1px solid;
   border-color: #969598;
   box-shadow: none;
-  -webkit-appearance: none;
-  -moz-appearance: none;
   appearance: none;
   color: #000000;
   border-radius: 0.5rem;
@@ -102,95 +77,90 @@ exports[`renders correctly 1`] = `
   position: relative;
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c2 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c2 {
     font-size: 1.125rem;
     line-height: 1.375rem;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c3 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c3 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c4 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c4 {
     font-size: 1.25rem;
     line-height: 1.25rem;
   }
 }
 
-@media (min-width:740px) {
-
-}
-
-@media (min-width:1024px) {
-
-}
-
 <div
   className="c0 TextInputWithDropdown"
   onKeyDown={[Function]}
 >
   <label
     className="c1 TextInputWithDropdown__input"
+    errorMsg=""
     htmlFor="typeahead-test"
+    optional={null}
   >
     <span
       className="c2 c3"
       dangerouslySetInnerHTML={
-        Object {
+        {
           "__html": "Typeahead test",
         }
       }
     />
     <div
       className="c4"
+      error={false}
     >
-      
       <div
         className="c5"
+        error={false}
       >
         <input
           aria-required={false}
           autoComplete="off"
           className="c6"
           defaultValue=""
+          error={false}
           id="typeahead-test"
           name="q"
           onChange={[Function]}
           placeholder="Type to start searching..."
+          prefixLength={0}
           required={false}
           type="text"
         />
-        
       </div>
     </div>
-    
   </label>
 </div>
 `;
diff --git a/src/components/Molecules/VideoBanner/VideoBanner.md b/src/components/Molecules/VideoBanner/VideoBanner.md
deleted file mode 100644
index 95ed6cbfe..000000000
--- a/src/components/Molecules/VideoBanner/VideoBanner.md
+++ /dev/null
@@ -1,26 +0,0 @@
-Default Video Banner (autoplay, no loop, no poster re-show)
-```js
-import poster from '../../../styleguide/assets/VideoBannerPosterImage.png';
-const src =
-  'https://www.comicrelief.com/sites/default/files/downloads/Creativists_Logo_Web_small_V2_0.mp4';
-
-<VideoBanner poster={poster} video={src} />;
-```
-Looping Video Banner With Controls (autoplay, loop)
-```js
-import poster from '../../../styleguide/assets/VideoBannerPosterImage.png';
-const src =
-  'https://www.comicrelief.com/sites/default/files/downloads/Creativists_Logo_Web_small_V2_0.mp4';
-
-<VideoBanner poster={poster} video={src} loop={true} controls={true} autoPlay={true} muted={false}
- />;
-```
-
-Non-autoplay Video Banner (reshows poster image after playing)
-```js
-import poster from '../../../styleguide/assets/VideoBannerPosterImage.png';
-const src =
-  'https://www.comicrelief.com/sites/default/files/downloads/Creativists_Logo_Web_small_V2_0.mp4';
-
-<VideoBanner poster={poster} video={src} showPosterAfterPlaying={true} />;
-```
diff --git a/src/components/Molecules/VideoBanner/VideoBanner.test.js b/src/components/Molecules/VideoBanner/VideoBanner.test.js
index 691b30d83..d3035867a 100644
--- a/src/components/Molecules/VideoBanner/VideoBanner.test.js
+++ b/src/components/Molecules/VideoBanner/VideoBanner.test.js
@@ -3,7 +3,7 @@ import "jest-styled-components";
 
 import renderWithTheme from "../../../../tests/hoc/shallowWithTheme";
 import VideoBanner from "./VideoBanner";
-import poster from "../../../styleguide/assets/VideoBannerPosterImage.png";
+import poster from "../../../assets/VideoBannerPosterImage.png";
 
 it("renders correctly", () => {
   const src =
diff --git a/src/components/Molecules/VideoBanner/VideoBannerExample.jsx b/src/components/Molecules/VideoBanner/VideoBannerExample.jsx
new file mode 100644
index 000000000..5dd5ce33d
--- /dev/null
+++ b/src/components/Molecules/VideoBanner/VideoBannerExample.jsx
@@ -0,0 +1,20 @@
+import React from 'react';
+import VideoBanner from './VideoBanner';
+import poster from '../../../assets/VideoBannerPosterImage.png';
+
+const src = 'https://www.comicrelief.com/sites/default/files/downloads/Creativists_Logo_Web_small_V2_0.mp4';
+
+export default function VideoBannerExample() {
+  return (
+    <>
+      <h3>Default (autoplay, no loop)</h3>
+      <VideoBanner poster={poster} video={src} />
+
+      <h3>Looping with controls</h3>
+      <VideoBanner poster={poster} video={src} loop={true} controls={true} autoPlay={true} muted={false} />
+
+      <h3>Non-autoplay (reshows poster after playing)</h3>
+      <VideoBanner poster={poster} video={src} showPosterAfterPlaying={true} />
+    </>
+  );
+}
diff --git a/src/components/Organisms/CookieBanner/CookieBanner.md b/src/components/Organisms/CookieBanner/CookieBanner.md
deleted file mode 100644
index aa254f270..000000000
--- a/src/components/Organisms/CookieBanner/CookieBanner.md
+++ /dev/null
@@ -1,15 +0,0 @@
-# Cookie banner
-
-```js
-<CookieBanner
-  acceptCookie={e => {
-    e.preventDefault();
-    console.log('User accept');
-  }}
-  denyCookie={e => {
-    e.preventDefault();
-    console.log('User does not accept cookies');
-  }}
-  cookiePolicyUrl="https://www.comicrelief.com/cookies-policy"
-/>
-```
diff --git a/src/components/Organisms/CookieBanner/CookieBanner.test.js b/src/components/Organisms/CookieBanner/CookieBanner.test.js
index c3c9fbdaa..e92a894fb 100644
--- a/src/components/Organisms/CookieBanner/CookieBanner.test.js
+++ b/src/components/Organisms/CookieBanner/CookieBanner.test.js
@@ -19,225 +19,221 @@ it('renders correctly', () => {
   ).toJSON();
 
   expect(tree).toMatchInlineSnapshot(`
-    .c1 {
-      font-family: 'Montserrat',Helvetica,Arial,sans-serif;
-      font-weight: 400;
-      text-transform: inherit;
-      -webkit-letter-spacing: 0;
-      -moz-letter-spacing: 0;
-      -ms-letter-spacing: 0;
-      letter-spacing: 0;
-      font-size: 1rem;
-      line-height: 1.25rem;
-    }
-
-    .c1 {
-      color: #FFFFFF;
-    }
-
-    .c1 span {
-      font-size: inherit;
-      line-height: inherit;
-    }
-
-    .c3 {
-      position: relative;
-      display: inline;
-      color: #FFFFFF;
-      font-weight: normal;
-    }
-
-    .c3:hover,
-    .c3:focus {
-      color: #FFFFFF;
-      -webkit-text-decoration: none;
-      text-decoration: none;
-    }
-
-    .c5 {
-      display: -webkit-inline-box;
-      display: -webkit-inline-flex;
-      display: -ms-inline-flexbox;
-      display: inline-flex;
-      position: relative;
-      -webkit-text-decoration: none;
-      text-decoration: none;
-      -webkit-transition: all 0.2s;
-      transition: all 0.2s;
-      height: 2.5rem;
-      width: 100%;
-      -webkit-box-pack: center;
-      -webkit-justify-content: center;
-      -ms-flex-pack: center;
-      justify-content: center;
-      -webkit-align-items: center;
-      -webkit-box-align: center;
-      -ms-flex-align: center;
-      align-items: center;
-      border: none;
-      cursor: pointer;
-      padding: 0.6rem 1rem;
-      border-radius: 0.5rem;
-      background-color: #FFFFFF;
-      color: #000000;
-      font-family: 'Montserrat',Helvetica,Arial,sans-serif;
-      font-weight: 700;
-      text-transform: inherit;
-      -webkit-letter-spacing: 0;
-      -moz-letter-spacing: 0;
-      -ms-letter-spacing: 0;
-      letter-spacing: 0;
-      font-size: 1rem;
-      line-height: 1.25rem;
-    }
-
-    .c5:hover,
-    .c5:focus,
-    .c5:focus-within,
-    .c5:focus-visible {
-      background-color: #E1E2E3;
-      outline-offset: 3px;
-    }
-
-    .c5:disabled {
-      cursor: not-allowed;
-      opacity: 0.5;
-    }
-
-    .c0 {
-      display: -webkit-box;
-      display: -webkit-flex;
-      display: -ms-flexbox;
-      display: flex;
-      position: relative;
-      padding: 1rem;
-      background: #2C0230;
-      -webkit-flex-direction: column;
-      -ms-flex-direction: column;
-      flex-direction: column;
-      z-index: 3;
-    }
-
-    .c2 {
-      line-height: 1.5;
-      margin: 0;
-    }
-
-    .c2:first-of-type {
-      margin-bottom: 0.5rem;
-    }
-
-    .c6 {
-      padding: 0.5rem 1rem;
-      display: block;
-      margin-bottom: 10px;
-    }
-
-    .c4 {
-      color: #FFFFFF;
-      padding: 0 0.25rem 1px;
-      border-bottom: 2px solid;
-    }
-
-    @media (min-width:740px) {
-      .c1 {
-        font-size: 1rem;
-        line-height: 1.25rem;
-      }
-    }
-
-    @media (min-width:1024px) {
-      .c1 {
-        font-size: 1.125rem;
-        line-height: 1.375rem;
-      }
-    }
-
-    @media (min-width:740px) {
-      .c5 {
-        font-size: 1rem;
-        line-height: 1.25rem;
-      }
-    }
-
-    @media (min-width:1024px) {
-      .c5 {
-        font-size: 1.125rem;
-        line-height: 1.375rem;
-      }
-    }
-
-    @media (min-width:740px) {
-      .c5 {
-        width: auto;
-      }
-    }
-
-    @media (min-width:1024px) {
-      .c5 {
-        width: auto;
-      }
-    }
-
-    @media (min-width:740px) {
-      .c2 {
-        width: 75%;
-        margin: 0 auto;
-      }
-
-      .c2:first-of-type {
-        margin-bottom: 1rem;
-      }
-    }
-
-    @media (min-width:740px) {
-      .c6 {
-        margin: 0 0.25rem 0 0;
-        display: inline-block;
-      }
-    }
-
-    <div
-      className="c0"
+.c1 {
+  font-family: 'Montserrat',Helvetica,Arial,sans-serif;
+  font-weight: 400;
+  text-transform: inherit;
+  letter-spacing: 0;
+  font-size: 1rem;
+  line-height: 1.25rem;
+}
+
+.c1 {
+  color: #FFFFFF;
+}
+
+.c1 span {
+  font-size: inherit;
+  line-height: inherit;
+}
+
+.c3 {
+  position: relative;
+  display: inline;
+  color: #FFFFFF;
+  font-weight: normal;
+  color: #E52630;
+}
+
+.c3:hover,
+.c3:focus {
+  color: #FFFFFF;
+  text-decoration: none;
+}
+
+.c5 {
+  display: inline-flex;
+  position: relative;
+  text-decoration: none;
+  transition: all 0.2s;
+  height: 2.5rem;
+  width: 100%;
+  justify-content: center;
+  align-items: center;
+  border: none;
+  cursor: pointer;
+  padding: 0.6rem 1rem;
+  border-radius: 0.5rem;
+  background-color: #FFFFFF;
+  color: #000000;
+  font-family: 'Montserrat',Helvetica,Arial,sans-serif;
+  font-weight: 700;
+  text-transform: inherit;
+  letter-spacing: 0;
+  font-size: 1rem;
+  line-height: 1.25rem;
+}
+
+.c5:hover,
+.c5:focus,
+.c5:focus-within,
+.c5:focus-visible {
+  background-color: #E1E2E3;
+  outline-offset: 3px;
+}
+
+.c5:disabled {
+  cursor: not-allowed;
+  opacity: 0.5;
+}
+
+.c0 {
+  display: flex;
+  position: relative;
+  padding: 1rem;
+  background: #2C0230;
+  flex-direction: column;
+  z-index: 3;
+}
+
+.c2 {
+  line-height: 1.5;
+  margin: 0;
+}
+
+.c2:first-of-type {
+  margin-bottom: 0.5rem;
+}
+
+.c6 {
+  padding: 0.5rem 1rem;
+  display: block;
+  margin-bottom: 10px;
+}
+
+.c4 {
+  color: #FFFFFF;
+  padding: 0 0.25rem 1px;
+  border-bottom: 2px solid;
+}
+
+@media (min-width: 740px) {
+  .c1 {
+    font-size: 1rem;
+    line-height: 1.25rem;
+  }
+}
+
+@media (min-width: 1024px) {
+  .c1 {
+    font-size: 1.125rem;
+    line-height: 1.375rem;
+  }
+}
+
+@media (min-width: 740px) {
+  .c5 {
+    font-size: 1rem;
+    line-height: 1.25rem;
+  }
+}
+
+@media (min-width: 1024px) {
+  .c5 {
+    font-size: 1.125rem;
+    line-height: 1.375rem;
+  }
+}
+
+@media (min-width: 740px) {
+  .c5 {
+    width: auto;
+  }
+}
+
+@media (min-width: 1024px) {
+  .c5 {
+    width: auto;
+  }
+}
+
+@media (min-width: 740px) {
+  .c2 {
+    width: 75%;
+    margin: 0 auto;
+  }
+
+  .c2:first-of-type {
+    margin-bottom: 1rem;
+  }
+}
+
+@media (min-width: 740px) {
+  .c6 {
+    margin: 0 0.25rem 0 0;
+    display: inline-block;
+  }
+}
+
+<div
+  className="c0"
+>
+  <p
+    className="c1 c2"
+  >
+    Hello! Comic Relief uses cookies to help make this website better and improve our services. You can learn more about
+    <a
+      buttonType="primary"
+      className="c3 c4"
+      fullWidth={false}
+      home={false}
+      href="https://www.comicrelief.com/cookies-policy"
+      iconFirst={false}
+      mobileColour={null}
+      target="_self"
+      type="standard_white"
+      underline={true}
     >
-      <p
-        className="c1 c2"
-      >
-        Hello! Comic Relief uses cookies to help make this website better and improve our services. You can learn more about
-        <a
-          className="c3 c4"
-          href="https://www.comicrelief.com/cookies-policy"
-          target="_self"
-          type="standard_white"
-        >
-          our use of cookies
-        </a>
-        . We also use optional cookies for marketing purposes:
-      </p>
-      <p
-        className="c1 c2"
-      >
-        <a
-          className="c5 c6"
-          href="/comic"
-          onClick={[Function]}
-          target="_self"
-          type="button"
-        >
-          Accept
-        </a>
-        Or click
-        <a
-          className="c3 c4"
-          href=""
-          onClick={[Function]}
-          target="_self"
-          type="standard_white"
-        >
-          here
-        </a>
-        to deny these.
-      </p>
-    </div>
-  `);
+      our use of cookies
+    </a>
+    . We also use optional cookies for marketing purposes:
+  </p>
+  <p
+    className="c1 c2"
+  >
+    <a
+      buttonType="primary"
+      className="c5 c6"
+      fullWidth={false}
+      home={false}
+      href="/comic"
+      iconFirst={false}
+      mobileColour={null}
+      onClick={[Function]}
+      target="_self"
+      type="button"
+      underline={true}
+    >
+      Accept
+    </a>
+    Or click
+    <a
+      buttonType="primary"
+      className="c3 c4"
+      fullWidth={false}
+      home={false}
+      href=""
+      iconFirst={false}
+      mobileColour={null}
+      onClick={[Function]}
+      target="_self"
+      type="standard_white"
+      underline={true}
+    >
+      here
+    </a>
+    to deny these.
+  </p>
+</div>
+`);
 });
diff --git a/src/components/Organisms/CookieBanner/CookieBannerExample.jsx b/src/components/Organisms/CookieBanner/CookieBannerExample.jsx
new file mode 100644
index 000000000..47a636882
--- /dev/null
+++ b/src/components/Organisms/CookieBanner/CookieBannerExample.jsx
@@ -0,0 +1,18 @@
+import React from 'react';
+import CookieBanner from './CookieBanner';
+
+export default function CookieBannerExample() {
+  return (
+    <CookieBanner
+      acceptCookie={e => {
+        e.preventDefault();
+        console.log('User accept');
+      }}
+      denyCookie={e => {
+        e.preventDefault();
+        console.log('User does not accept cookies');
+      }}
+      cookiePolicyUrl="https://www.comicrelief.com/cookies-policy"
+    />
+  );
+}
diff --git a/src/components/Organisms/Donate/Donate.md b/src/components/Organisms/Donate/Donate.md
deleted file mode 100644
index 4445aee2d..000000000
--- a/src/components/Organisms/Donate/Donate.md
+++ /dev/null
@@ -1,628 +0,0 @@
-# Donate
-
-## Form align right, with red desktop overlay and purple mobile background colour, with a blue submit button and 'no top padding' option
-
-```js
-import data from './dev-data/data';
-const mobilePictures = require('../../../styleguide/data/data').mobileImages;
-const desktopPictures = require('../../../styleguide/data/data').defaultData;
-
-<Donate
-  alt="Background image"
-  mobileBackgroundColor="deep_violet_dark"
-  desktopOverlayColor="red"
-  submitButtonColor="blue_donate"
-  formAlignRight={true}
-  imageLow={desktopPictures.imageLow}
-  images={desktopPictures.images}
-  mobileImageLow={mobilePictures.imageLow}
-  mobileImages={mobilePictures.images}
-  data={data}
-  mbshipID="mship-1"
-  donateLink="https://donation.comicrelief.com/"
-  clientID="donate"
-  cartID="default-comicrelief"
-  title="Donate Now"
-  subtitle="Please help us fund life-changing projects in the UK and around the world."
-  paddingOption="upper_off"
-/>;
-```
-
-## Form align left, with custom message after choosing an "Other amount" to donate, high value cart, and 'no bottom padding' option
-```js
-import data from './dev-data/data-high-value';
-const mobilePictures = require('../../../styleguide/data/data').mobileImages;
-const desktopPictures = require('../../../styleguide/data/data').defaultData;
-
-<Donate
-  mobileBackgroundColor="blue_dark"
-  submitButtonColor="blue_donate"
-  desktopOverlayColor="blue_dark"
-  formAlignRight={false}
-  imageLow={desktopPictures.imageLow}
-  images={desktopPictures.images}
-  mobileImageLow={mobilePictures.imageLow}
-  mobileImages={mobilePictures.images}
-  data={data}
-  mbshipID="mship-2"
-  donateLink="https://donation.comicrelief.com/"
-  clientID="donate"
-  cartID="default-comicrelief"
-  title="Donate Now"
-  subtitle="Please help us fund life-changing projects in the UK and around the world."
-  otherAmountText="Overridden via the 'Other amount text' prop"
-  paddingOption="lower_off"
-/>;
-```
-
-## Single Giving, with 'no padding' option
-
-```js
-import data from './dev-data/data-single';
-const mobilePictures = require('../../../styleguide/data/data').mobileImages;
-const desktopPictures = require('../../../styleguide/data/data').defaultData;
-
-<Donate
-  mobileBackgroundColor="blue_dark"
-  submitButtonColor="blue_donate"
-  desktopOverlayColor="blue_dark"
-  formAlignRight={false}
-  imageLow={desktopPictures.imageLow}
-  images={desktopPictures.images}
-  mobileImageLow={mobilePictures.imageLow}
-  mobileImages={mobilePictures.images}
-  data={data}
-  mbshipID="mship-3"
-  donateLink="https://donation.comicrelief.com/"
-  clientID="donate"
-  cartID="default-comicrelief"
-  title="Donate Now"
-  subtitle="Please help us fund life-changing projects in the UK and around the world."
-  paddingOption="both_off"
-/>;
-```
-
-## Single Giving "No Money Buys"
-
-```js
-import data from './dev-data/data-single';
-const mobilePictures = require('../../../styleguide/data/data').mobileImages;
-const desktopPictures = require('../../../styleguide/data/data').defaultData;
-
-<Donate
-  mobileBackgroundColor="blue_dark"
-  submitButtonColor="blue_donate"
-  desktopOverlayColor="blue_dark"
-  formAlignRight={false}
-  imageLow={desktopPictures.imageLow}
-  images={desktopPictures.images}
-  mobileImageLow={mobilePictures.imageLow}
-  mobileImages={mobilePictures.images}
-  data={data}
-  mbshipID="mship-4"
-  donateLink="https://donation.comicrelief.com/"
-  clientID="donate"
-  cartID="default-comicrelief"
-  title="Donate Now"
-  noMoneyBuys
-  subtitle="Please help us fund life-changing projects in the UK and around the world."
-/>;
-```
-
-## Single Giving "No Money Buys" with overridden manual input value
-
-```js
-import data from './dev-data/data-single';
-const mobilePictures = require('../../../styleguide/data/data').mobileImages;
-const desktopPictures = require('../../../styleguide/data/data').defaultData;
-import { useState } from 'react';
-
-// Simulating default state of a parent componenet
-const [amountDonate, setAmountDonate] = useState(123.45);
-
-// Simulating state update of a parent componenet
-setTimeout(()=>{
-  setAmountDonate(567.89);
-}, 3000);
-
-<Donate
-  mobileBackgroundColor="blue_dark"
-  desktopOverlayColor="blue_dark"
-  formAlignRight={false}
-  imageLow={desktopPictures.imageLow}
-  images={desktopPictures.images}
-  mobileImageLow={mobilePictures.imageLow}
-  mobileImages={mobilePictures.images}
-  data={data}
-  mbshipID="mship-5"
-  donateLink="https://donation.comicrelief.com/"
-  clientID="donate"
-  cartID="default-comicrelief"
-  title="Donate Now"
-  noMoneyBuys
-  subtitle="Please help us fund life-changing projects in the UK and around the world."
-  otherAmountValue={amountDonate}
-  otherAmountText="Here's an otherAmountText override"
-
-/>;
-```
-
-## Form align right, with red desktop overlay and purple mobile background colour, with a blue submit button, with overridden manual input value
-
-```js
-import data from './dev-data/data';
-const mobilePictures = require('../../../styleguide/data/data').mobileImages;
-const desktopPictures = require('../../../styleguide/data/data').defaultData;
-import { useState } from 'react';
-
-// Simulating default state of a parent componenet
-const [amountDonate, setAmountDonate] = useState(111.22);
-
-// Simulating state update of a parent componenet
-setTimeout(()=>{
-  setAmountDonate(333.44);
-}, 3000);
-
-<Donate
-  alt="Background image"
-  formAlignRight={true}
-  imageLow={desktopPictures.imageLow}
-  images={desktopPictures.images}
-  mobileImageLow={mobilePictures.imageLow}
-  mobileImages={mobilePictures.images}
-  data={data}
-  mbshipID="mship-6"
-  donateLink="https://donation.comicrelief.com/"
-  clientID="donate"
-  cartID="default-comicrelief"
-  title="Donate Now"
-  subtitle="Please help us fund life-changing projects in the UK and around the world."
-  otherAmountValue={amountDonate}
-/>;
-```
-
-## Form align left, with custom message after choosing an "Other amount" to donate, high value cart.
-```js
-import data from './dev-data/data-high-value';
-const mobilePictures = require('../../../styleguide/data/data').mobileImages;
-const desktopPictures = require('../../../styleguide/data/data').defaultData;
-
-<Donate
-  mobileBackgroundColor="blue_dark"
-  desktopOverlayColor="blue_dark"
-  formAlignRight={false}
-  imageLow={desktopPictures.imageLow}
-  images={desktopPictures.images}
-  mobileImageLow={mobilePictures.imageLow}
-  mobileImages={mobilePictures.images}
-  data={data}
-  mbshipID="mship-7"
-  donateLink="https://donation.comicrelief.com/"
-  clientID="donate"
-  cartID="default-comicrelief"
-  title="Donate Now"
-  subtitle="Please help us fund life-changing projects in the UK and around the world."
-  otherAmountText="Overridden via the 'Other amount text' prop"
-/>;
-```
-
-
-## Form align right, but no copy, so ACTUALLY centre-aligns
-
-```js
-import data from './dev-data/data';
-const mobilePictures = require('../../../styleguide/data/data').mobileImages;
-const desktopPictures = require('../../../styleguide/data/data').defaultData;
-
-<Donate
-  alt="Background image"
-  mobileBackgroundColor="transparent"
-  submitButtonColor="blue_donate"
-  desktopOverlayColor="transparent"
-  formAlignRight={true}
-  imageLow={desktopPictures.imageLow}
-  images={desktopPictures.images}
-  mobileImageLow={mobilePictures.imageLow}
-  mobileImages={mobilePictures.images}
-  data={data}
-  mbshipID="mship-8"
-  donateLink="https://donation.comicrelief.com/"
-  clientID="donate"
-  cartID="default-comicrelief"
-  // Directly omiting values for these to centre-align
-  title=""
-  subtitle=""
-  chooseAmountText=""
-  monthlyTitle=""
-  monthlySubtitle=""
-/>;
-```
-
-## Form align left - no subtitle
-
-```js
-import data from './dev-data/data';
-const mobilePictures = require('../../../styleguide/data/data').mobileImages;
-const desktopPictures = require('../../../styleguide/data/data').defaultData;
-
-<Donate
-  mobileBackgroundColor="transparent"
-  submitButtonColor="blue_donate"
-  formAlignRight={false}
-  imageLow={desktopPictures.imageLow}
-  images={desktopPictures.images}
-  mobileImageLow={mobilePictures.imageLow}
-  mobileImages={mobilePictures.images}
-  data={data}
-  mbshipID="mship-9"
-  donateLink="https://donation.comicrelief.com/"
-  clientID="donate"
-  cartID="default-comicrelief"
-  title="Donate Now"
-  subtitle=""
-/>;
-```
-
-## Single Giving - no subtitle
-
-```js
-import data from './dev-data/data-single';
-const mobilePictures = require('../../../styleguide/data/data').mobileImages;
-const desktopPictures = require('../../../styleguide/data/data').defaultData;
-
-<Donate
-  mobileBackgroundColor="blue_dark"
-  submitButtonColor="blue_donate"
-  formAlignRight={false}
-  imageLow={desktopPictures.imageLow}
-  images={desktopPictures.images}
-  mobileImageLow={mobilePictures.imageLow}
-  mobileImages={mobilePictures.images}
-  data={data}
-  mbshipID="mship-10"
-  donateLink="https://donation.comicrelief.com/"
-  clientID="donate"
-  cartID="default-comicrelief"
-  title="Donate Now"
-  subtitle=""
-/>;
-```
-
-## Single Giving "No Money Buys"
-
-```js
-import data from './dev-data/data-single';
-const mobilePictures = require('../../../styleguide/data/data').mobileImages;
-const desktopPictures = require('../../../styleguide/data/data').defaultData;
-
-<Donate
-  mobileBackgroundColor="blue_dark"
-  submitButtonColor="blue_donate"
-  formAlignRight={false}
-  imageLow={desktopPictures.imageLow}
-  images={desktopPictures.images}
-  mobileImageLow={mobilePictures.imageLow}
-  mobileImages={mobilePictures.images}
-  data={data}
-  mbshipID="mship-11"
-  donateLink="https://donation.comicrelief.com/"
-  clientID="donate"
-  cartID="default-comicrelief"
-  title="Donate Now"
-  noMoneyBuys
-  subtitle=""
-/>;
-```
-
-## Single Giving "No Money Buys", no background image, blue background; overriding 'choose amount' text
-
-```js
-import data from './dev-data/data-single';
-
-<Donate
-  desktopOverlayColor="blue_dark"
-  submitButtonColor="blue_donate"
-  mobileBackgroundColor="blue_dark"
-  formAlignRight={false}
-  data={data}
-  mbshipID="mship-12"
-  donateLink="https://donation.comicrelief.com/"
-  clientID="donate"
-  cartID="default-comicrelief"
-  title="Donate Now"
-  noMoneyBuys
-  subtitle=""
-  chooseAmountText="Overridden via the 'choose amount text' prop"
-/>;
-```
-
-## Forcing mobile layout via isDesktop override; needed to pass parent prop for external media queries, red background
-
-```js
-import data from './dev-data/data';
-const mobilePictures = require('../../../styleguide/data/data').mobileImages;
-const desktopPictures = require('../../../styleguide/data/data').defaultData;
-
-<Donate
-  alt="Background image"
-  mobileBackgroundColor="red"
-  submitButtonColor="blue_donate"
-  desktopOverlayColor="red"
-  formAlignRight={true}
-  imageLow={desktopPictures.imageLow}
-  images={desktopPictures.images}
-  mobileImageLow={mobilePictures.imageLow}
-  mobileImages={mobilePictures.images}
-  data={data}
-  mbshipID="mship-13"
-  donateLink="https://donation.comicrelief.com/"
-  clientID="donate"
-  cartID="default-comicrelief"
-  title="Donate Now"
-  subtitle="Please help us fund life-changing projects in the UK and around the world."
-  isDesktopOverride={false}
-/>;
-```
-
-## Additional copy for BOTH giving types
-
-```js
-import data from './dev-data/data';
-const mobilePictures = require('../../../styleguide/data/data').mobileImages;
-const desktopPictures = require('../../../styleguide/data/data').defaultData;
-
-<Donate
-  alt="Background image"
-  mobileBackgroundColor="deep_violet_dark"
-  desktopOverlayColor="red"
-  submitButtonColor="blue_donate"
-  formAlignRight={true}
-  imageLow={desktopPictures.imageLow}
-  images={desktopPictures.images}
-  mobileImageLow={mobilePictures.imageLow}
-  mobileImages={mobilePictures.images}
-  data={data}
-  mbshipID="mship-14"
-  donateLink="https://donation.comicrelief.com/"
-  clientID="donate"
-  cartID="default-comicrelief"
-  title="Donate Now"
-  subtitle="Please help us fund life-changing projects in the UK and around the world."
-  additionalSingleCopy="Some additional single giving copy - Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam eaque ipsa."
-  additionalMonthlyCopy="Some additional regular giving copy! - Quasi architecto beatae vitae dicta sunt, explicabo. Nemo enim ipsam voluptatem, quia voluptas sit, aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos."
-/>;
-```
-
-## Additional copy for monthly only
-
-```js
-import data from './dev-data/data';
-const mobilePictures = require('../../../styleguide/data/data').mobileImages;
-const desktopPictures = require('../../../styleguide/data/data').defaultData;
-
-<Donate
-  alt="Background image"
-  mobileBackgroundColor="deep_violet_dark"
-  desktopOverlayColor="red"
-  submitButtonColor="blue_donate"
-  formAlignRight={true}
-  imageLow={desktopPictures.imageLow}
-  images={desktopPictures.images}
-  mobileImageLow={mobilePictures.imageLow}
-  mobileImages={mobilePictures.images}
-  data={data}
-  mbshipID="mship-15"
-  donateLink="https://donation.comicrelief.com/"
-  clientID="donate"
-  cartID="default-comicrelief"
-  title="Donate Now"
-  subtitle="Please help us fund life-changing projects in the UK and around the world."
-  additionalMonthlyCopy="Some additional regular giving copy! - Quasi architecto beatae vitae dicta sunt, explicabo. Nemo enim ipsam voluptatem, quia voluptas sit, aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos."
-/>;
-```
-
-## Additional copy for single only
-
-```js
-import data from './dev-data/data';
-const mobilePictures = require('../../../styleguide/data/data').mobileImages;
-const desktopPictures = require('../../../styleguide/data/data').defaultData;
-
-<Donate
-  alt="Background image"
-  mobileBackgroundColor="deep_violet_dark"
-  desktopOverlayColor="red"
-  submitButtonColor="blue_donate"
-  formAlignRight={true}
-  imageLow={desktopPictures.imageLow}
-  images={desktopPictures.images}
-  mobileImageLow={mobilePictures.imageLow}
-  mobileImages={mobilePictures.images}
-  data={data}
-  mbshipID="mship-16"
-  donateLink="https://donation.comicrelief.com/"
-  clientID="donate"
-  cartID="default-comicrelief"
-  title="Donate Now"
-  subtitle="Please help us fund life-changing projects in the UK and around the world."
-  additionalSingleCopy="Some additional single giving copy - Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam eaque ipsa."
-/>;
-```
-
-## Default monthly giving type
-
-```js
-import data from './dev-data/data';
-const mobilePictures = require('../../../styleguide/data/data').mobileImages;
-const desktopPictures = require('../../../styleguide/data/data').defaultData;
-
-<Donate
-  alt="Background image"
-  mobileBackgroundColor="deep_violet_dark"
-  desktopOverlayColor="red"
-  submitButtonColor="blue_donate"
-  formAlignRight={true}
-  imageLow={desktopPictures.imageLow}
-  images={desktopPictures.images}
-  mobileImageLow={mobilePictures.imageLow}
-  mobileImages={mobilePictures.images}
-  data={data}
-  mbshipID="mship-17"
-  donateLink="https://donation.comicrelief.com/"
-  clientID="donate"
-  cartID="default-comicrelief"
-  title="Donate Now"
-  subtitle="Please help us fund life-changing projects in the UK and around the world."
-  defaultGivingType="monthly"
-/>;
-```
-
-## Monthly ONLY
-
-```js
-import data from './dev-data/data-monthly';
-const mobilePictures = require('../../../styleguide/data/data').mobileImages;
-const desktopPictures = require('../../../styleguide/data/data').defaultData;
-
-<Donate
-  alt="Background image"
-  mobileBackgroundColor="deep_violet_dark"
-  desktopOverlayColor="red"
-  submitButtonColor="blue_donate"
-  formAlignRight={true}
-  imageLow={desktopPictures.imageLow}
-  images={desktopPictures.images}
-  mobileImageLow={mobilePictures.imageLow}
-  mobileImages={mobilePictures.images}
-  data={data}
-  mbshipID="mship-18"
-  donateLink="https://donation.comicrelief.com/"
-  clientID="donate"
-  cartID="default-comicrelief"
-  title="Donate Now"
-  subtitle="Please help us fund life-changing projects in the UK and around the world."
-/>;
-```
-
-## Monthly ONLY, no moneybuys
-
-```js
-import data from './dev-data/data-monthly';
-const mobilePictures = require('../../../styleguide/data/data').mobileImages;
-const desktopPictures = require('../../../styleguide/data/data').defaultData;
-
-<Donate
-  alt="Background image"
-  mobileBackgroundColor="deep_violet_dark"
-  desktopOverlayColor="red"
-  submitButtonColor="blue_donate"
-  formAlignRight={true}
-  imageLow={desktopPictures.imageLow}
-  images={desktopPictures.images}
-  mobileImageLow={mobilePictures.imageLow}
-  mobileImages={mobilePictures.images}
-  data={data}
-  mbshipID="mship-19"
-  donateLink="https://donation.comicrelief.com/"
-  clientID="donate"
-  cartID="default-comicrelief"
-  title="Donate Now"
-  subtitle="Please help us fund life-changing projects in the UK and around the world."
-  noMoneyBuys
-/>;
-```
-
-## Monthly 'Choose Amount' and 'Other Amount' copy overrides
-
-```js
-import data from './dev-data/data';
-const mobilePictures = require('../../../styleguide/data/data').mobileImages;
-const desktopPictures = require('../../../styleguide/data/data').defaultData;
-
-<Donate
-  alt="Background image"
-  mobileBackgroundColor="deep_violet_dark"
-  desktopOverlayColor="red"
-  submitButtonColor="blue_donate"
-  formAlignRight={true}
-  imageLow={desktopPictures.imageLow}
-  images={desktopPictures.images}
-  mobileImageLow={mobilePictures.imageLow}
-  mobileImages={mobilePictures.images}
-  data={data}
-  mbshipID="mship-20"
-  donateLink="https://donation.comicrelief.com/"
-  clientID="donate"
-  cartID="default-comicrelief"
-  title="Standard title here"
-  subtitle="Standard subtitle here"
-  otherAmountText="Here's an otherAmountText override"
-  chooseAmountText="Here's an chooseAmountText override"
-  monthlyChooseAmountText="monthlyChooseAmountText here"
-  monthlyOtherAmountText="monthlyOtherAmountText here"
-/>;
-```
-
-## Monthly Title and Subtitle overrides
-
-```js
-import data from './dev-data/data';
-const mobilePictures = require('../../../styleguide/data/data').mobileImages;
-const desktopPictures = require('../../../styleguide/data/data').defaultData;
-
-<Donate
-  alt="Background image"
-  mobileBackgroundColor="deep_violet_dark"
-  desktopOverlayColor="red"
-  submitButtonColor="blue_donate"
-  formAlignRight={true}
-  imageLow={desktopPictures.imageLow}
-  images={desktopPictures.images}
-  mobileImageLow={mobilePictures.imageLow}
-  mobileImages={mobilePictures.images}
-  data={data}
-  mbshipID="mship-21"
-  donateLink="https://donation.comicrelief.com/"
-  clientID="donate"
-  cartID="default-comicrelief"
-  title="Standard title here"
-  subtitle="Standard subtitle here"
-  otherAmountText="Here's an otherAmountText override"
-  chooseAmountText="Here's an chooseAmountText override"
-  monthlyTitle="Monthly Title here"
-  monthlySubtitle="Monthly Subtitle here"
-/>;
-```
-
-## All monthly overrides
-
-```js
-import data from './dev-data/data';
-const mobilePictures = require('../../../styleguide/data/data').mobileImages;
-const desktopPictures = require('../../../styleguide/data/data').defaultData;
-
-<Donate
-  alt="Background image"
-  mobileBackgroundColor="deep_violet_dark"
-  desktopOverlayColor="red"
-  submitButtonColor="blue_donate"
-  formAlignRight={true}
-  imageLow={desktopPictures.imageLow}
-  images={desktopPictures.images}
-  mobileImageLow={mobilePictures.imageLow}
-  mobileImages={mobilePictures.images}
-  data={data}
-  mbshipID="mship-22"
-  donateLink="https://donation.comicrelief.com/"
-  clientID="donate"
-  cartID="default-comicrelief"
-  title="Standard title here"
-  subtitle="Standard subtitle here"
-  otherAmountText="Here's an otherAmountText override"
-  chooseAmountText="Here's an chooseAmountText override"
-  monthlyTitle="Monthly Title here"
-  monthlySubtitle="Monthly Subtitle here"
-  monthlyChooseAmountText="monthlyChooseAmountText here"
-  monthlyOtherAmountText="monthlyOtherAmountText here"
-/>;
-```
diff --git a/src/components/Organisms/Donate/Donate.style.js b/src/components/Organisms/Donate/Donate.style.js
index b869a6a39..d78f1ef18 100644
--- a/src/components/Organisms/Donate/Donate.style.js
+++ b/src/components/Organisms/Donate/Donate.style.js
@@ -231,9 +231,9 @@ const Button = styled.button`
   border: none;
   ${defaultBoxShadow()}
   appearance: none;
-  :active,
-  :focus,
-  :hover {
+  &:active,
+  &:focus,
+  &:hover {
     outline: none;
     background-color: ${({ theme }) => theme.color('coral_dark')};
   }
diff --git a/src/components/Organisms/Donate/Donate.test.js b/src/components/Organisms/Donate/Donate.test.js
index 40f13e496..e7948ca34 100644
--- a/src/components/Organisms/Donate/Donate.test.js
+++ b/src/components/Organisms/Donate/Donate.test.js
@@ -5,7 +5,7 @@ import Donate from './Donate';
 import data from './dev-data/data';
 import singleData from './dev-data/data-single';
 
-const defaultData = require('../../../styleguide/data/data').defaultData;
+const defaultData = require('../../../data/data').defaultData;
 
 it('Monthly donation renders correctly', () => {
   const tree = renderWithTheme(
diff --git a/src/components/Organisms/Donate/DonateExample.jsx b/src/components/Organisms/Donate/DonateExample.jsx
new file mode 100644
index 000000000..5fdeef5e0
--- /dev/null
+++ b/src/components/Organisms/Donate/DonateExample.jsx
@@ -0,0 +1,71 @@
+import React from 'react';
+import Donate from './Donate';
+import data from './dev-data/data';
+import dataHighValue from './dev-data/data-high-value';
+import dataSingle from './dev-data/data-single';
+
+const DONATE_LINK = 'https://donation-staging.spa.comicrelief.com';
+const CLIENT_ID = 'comicrelief_2019';
+
+export function DonateExample1() {
+  return (
+    <Donate
+      data={data}
+      donateLink={DONATE_LINK}
+      cartID={data.cartId}
+      clientID={CLIENT_ID}
+      mbshipID="mship-1"
+    />
+  );
+}
+
+export function DonateExample3() {
+  return (
+    <Donate
+      data={dataHighValue}
+      donateLink={DONATE_LINK}
+      cartID={dataHighValue.cartId}
+      clientID={CLIENT_ID}
+      mbshipID="mship-3"
+    />
+  );
+}
+
+export function DonateExample5() {
+  return (
+    <Donate
+      data={dataSingle}
+      donateLink={DONATE_LINK}
+      cartID={dataSingle.cartId}
+      clientID={CLIENT_ID}
+      mbshipID="mship-5"
+    />
+  );
+}
+
+export function DonateExample7() {
+  return (
+    <Donate
+      data={data}
+      donateLink={DONATE_LINK}
+      cartID={data.cartId}
+      clientID={CLIENT_ID}
+      mbshipID="mship-7"
+      noMoneyBuys
+    />
+  );
+}
+
+export function DonateExample9() {
+  return (
+    <Donate
+      data={data}
+      donateLink={DONATE_LINK}
+      cartID={data.cartId}
+      clientID={CLIENT_ID}
+      mbshipID="mship-9"
+      noMoneyBuys
+      otherAmountValue={567.89}
+    />
+  );
+}
diff --git a/src/components/Organisms/Donate/Form/PopUpComponent.js b/src/components/Organisms/Donate/Form/PopUpComponent.js
index 92718d73e..6e53727d3 100644
--- a/src/components/Organisms/Donate/Form/PopUpComponent.js
+++ b/src/components/Organisms/Donate/Form/PopUpComponent.js
@@ -65,9 +65,9 @@ const Button = styled.button`
   width: 30px;
   height: 30px;
   margin: 3px;
-  :active,
-  :focus,
-  :hover {
+  &:active,
+  &:focus,
+  &:hover {
     outline: none;
     border: 1px solid ${({ theme }) => theme.color('grey')};
   }
diff --git a/src/components/Organisms/Donate/__snapshots__/Donate.test.js.snap b/src/components/Organisms/Donate/__snapshots__/Donate.test.js.snap
index b95a11478..91b67030b 100644
--- a/src/components/Organisms/Donate/__snapshots__/Donate.test.js.snap
+++ b/src/components/Organisms/Donate/__snapshots__/Donate.test.js.snap
@@ -5,9 +5,6 @@ exports[`"Single Giving, No Money Buys, with overridden manual input value" rend
   font-family: 'Anton',Impact,sans-serif;
   font-weight: 400;
   text-transform: uppercase;
-  -webkit-letter-spacing: 0;
-  -moz-letter-spacing: 0;
-  -ms-letter-spacing: 0;
   letter-spacing: 0;
   font-size: 1.5rem;
   line-height: 1.5rem;
@@ -30,9 +27,6 @@ exports[`"Single Giving, No Money Buys, with overridden manual input value" rend
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: 400;
   text-transform: inherit;
-  -webkit-letter-spacing: 0;
-  -moz-letter-spacing: 0;
-  -ms-letter-spacing: 0;
   letter-spacing: 0;
   font-size: 1rem;
   line-height: 1.25rem;
@@ -53,9 +47,6 @@ exports[`"Single Giving, No Money Buys, with overridden manual input value" rend
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: 400;
   text-transform: inherit;
-  -webkit-letter-spacing: 0;
-  -moz-letter-spacing: 0;
-  -ms-letter-spacing: 0;
   letter-spacing: 0;
   font-size: 1rem;
   line-height: 1.25rem;
@@ -76,9 +67,6 @@ exports[`"Single Giving, No Money Buys, with overridden manual input value" rend
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: 400;
   text-transform: inherit;
-  -webkit-letter-spacing: 0;
-  -moz-letter-spacing: 0;
-  -ms-letter-spacing: 0;
   letter-spacing: 0;
   font-size: 1rem;
   line-height: 1.25rem;
@@ -92,12 +80,7 @@ exports[`"Single Giving, No Money Buys, with overridden manual input value" rend
 .c18 {
   width: 100%;
   position: relative;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
   flex-direction: column;
   color: #000000;
 }
@@ -107,9 +90,6 @@ exports[`"Single Giving, No Money Buys, with overridden manual input value" rend
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: 400;
   text-transform: inherit;
-  -webkit-letter-spacing: 0;
-  -moz-letter-spacing: 0;
-  -ms-letter-spacing: 0;
   letter-spacing: 0;
   font-size: 1rem;
   line-height: 1.25rem;
@@ -120,9 +100,6 @@ exports[`"Single Giving, No Money Buys, with overridden manual input value" rend
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: 400;
   text-transform: inherit;
-  -webkit-letter-spacing: 0;
-  -moz-letter-spacing: 0;
-  -ms-letter-spacing: 0;
   letter-spacing: 0;
   font-size: 1rem;
   line-height: 1.25rem;
@@ -131,17 +108,8 @@ exports[`"Single Giving, No Money Buys, with overridden manual input value" rend
 .c23 {
   position: relative;
   width: 100%;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-box-pack: end;
-  -webkit-justify-content: flex-end;
-  -ms-flex-pack: end;
   justify-content: flex-end;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
   align-items: center;
 }
 
@@ -155,8 +123,6 @@ exports[`"Single Giving, No Money Buys, with overridden manual input value" rend
   border: 1px solid;
   border-color: #969598;
   box-shadow: none;
-  -webkit-appearance: none;
-  -moz-appearance: none;
   appearance: none;
   color: #000000;
   border-radius: 0.5rem;
@@ -171,16 +137,8 @@ exports[`"Single Giving, No Money Buys, with overridden manual input value" rend
 
 .c0 {
   position: relative;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
   flex-direction: column;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
   justify-content: center;
   height: auto;
   background-color: #274084;
@@ -190,25 +148,15 @@ exports[`"Single Giving, No Money Buys, with overridden manual input value" rend
   position: relative;
   text-align: center;
   padding: 2rem 1rem;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
   flex-direction: row;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
   align-items: center;
   display: block;
   width: 100%;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
   flex-direction: row;
 }
 
 .c2 {
   width: 100%;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
 }
@@ -263,31 +211,15 @@ exports[`"Single Giving, No Money Buys, with overridden manual input value" rend
 }
 
 .c17 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
   align-items: center;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
   justify-content: center;
 }
 
 .c19 {
   position: relative;
-  -webkit-flex-basis: 50%;
-  -ms-flex-preferred-size: 50%;
   flex-basis: 50%;
-  -webkit-flex-shrink: 0;
-  -ms-flex-negative: 0;
   flex-shrink: 0;
-  -webkit-box-flex: 0;
-  -webkit-flex-grow: 0;
-  -ms-flex-positive: 0;
   flex-grow: 0;
   font-weight: 400;
   display: block;
@@ -297,8 +229,6 @@ exports[`"Single Giving, No Money Buys, with overridden manual input value" rend
   position: absolute;
   font-size: 20px;
   top: 50%;
-  -webkit-transform: translateY(-50%);
-  -ms-transform: translateY(-50%);
   transform: translateY(-50%);
   left: 0px;
   font-weight: 500;
@@ -333,13 +263,10 @@ exports[`"Single Giving, No Money Buys, with overridden manual input value" rend
   cursor: pointer;
   min-height: 48px;
   background: #E52630;
-  -webkit-text-decoration: none;
   text-decoration: none;
   border-radius: 2rem;
   border: none;
   box-shadow: rgba(0,0,0,0.15) 0px 0px 1rem;
-  -webkit-appearance: none;
-  -moz-appearance: none;
   appearance: none;
 }
 
@@ -357,7 +284,6 @@ exports[`"Single Giving, No Money Buys, with overridden manual input value" rend
   z-index: 1;
   display: block;
   position: absolute;
-  -webkit-transition: left 0.15s ease-out;
   transition: left 0.15s ease-out;
   background-color: #2042AD;
   left: 2px;
@@ -365,9 +291,6 @@ exports[`"Single Giving, No Money Buys, with overridden manual input value" rend
 }
 
 .c7 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
   margin: 1rem 0;
 }
@@ -376,27 +299,20 @@ exports[`"Single Giving, No Money Buys, with overridden manual input value" rend
   width: 100%;
   padding: 2px;
   position: relative;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
   flex-direction: row;
   margin: 1rem 0;
   border-radius: 2rem;
   background: #BECCF9;
 }
 
-.c8 .give-monthly:checked ~ .c11 {
+.c8 .give-monthly:checked~.c11 {
   left: calc(50% - 2px);
 }
 
 .c8 input {
   border: 0;
-  -webkit-clip: rect(0 0 0 0);
   clip: rect(0 0 0 0);
-  -webkit-clip-path: inset(50%);
   clip-path: inset(50%);
   height: 1px;
   margin: -1px;
@@ -407,7 +323,7 @@ exports[`"Single Giving, No Money Buys, with overridden manual input value" rend
   width: 1px;
 }
 
-.c8 input:focus:not(:checked) + label {
+.c8 input:focus:not(:checked)+label {
   box-shadow: inset 0 0 0 4px #2042AD;
 }
 
@@ -416,23 +332,11 @@ exports[`"Single Giving, No Money Buys, with overridden manual input value" rend
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: bold;
   min-height: 48px;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
   align-items: center;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
   justify-content: center;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-flex-basis: 50%;
-  -ms-flex-preferred-size: 50%;
   flex-basis: 50%;
   border: none;
-  -webkit-transition: color 0.15s ease-out;
   transition: color 0.15s ease-out;
   z-index: 2;
   cursor: pointer;
@@ -455,23 +359,11 @@ exports[`"Single Giving, No Money Buys, with overridden manual input value" rend
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: bold;
   min-height: 48px;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
   align-items: center;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
   justify-content: center;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-flex-basis: 50%;
-  -ms-flex-preferred-size: 50%;
   flex-basis: 50%;
   border: none;
-  -webkit-transition: color 0.15s ease-out;
   transition: color 0.15s ease-out;
   z-index: 2;
   cursor: default;
@@ -489,153 +381,127 @@ exports[`"Single Giving, No Money Buys, with overridden manual input value" rend
   box-shadow: inset 0 0 0 4px #2042AD;
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c4 {
     font-size: 1.875rem;
     line-height: 1.875rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c4 {
     font-size: 2rem;
     line-height: 2rem;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c5 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c5 {
     font-size: 1.125rem;
     line-height: 1.375rem;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c16 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c16 {
     font-size: 1.125rem;
     line-height: 1.375rem;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c20 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c20 {
     font-size: 1.125rem;
     line-height: 1.375rem;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c21 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c21 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c22 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c22 {
     font-size: 1.25rem;
     line-height: 1.25rem;
   }
 }
 
-@media (min-width:740px) {
-
-}
-
-@media (min-width:1024px) {
-
-}
-
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c0 {
-    -webkit-flex-direction: row;
-    -ms-flex-direction: row;
     flex-direction: row;
-    -webkit-align-items: center;
-    -webkit-box-align: center;
-    -ms-flex-align: center;
     align-items: center;
-    -webkit-box-pack: inherit;
-    -webkit-justify-content: inherit;
-    -ms-flex-pack: inherit;
     justify-content: inherit;
     background-color: #274084;
   }
 }
 
-@media (min-width:1024px) {
-
-}
-
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c1 {
     padding: 4rem 1rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c1 {
-    display: -webkit-box;
-    display: -webkit-flex;
-    display: -ms-flexbox;
     display: flex;
     padding: 4rem 0;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c2 {
     width: 50%;
     padding: 4rem;
-    -webkit-align-items: center;
-    -webkit-box-align: center;
-    -ms-flex-align: center;
     align-items: center;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c6 {
     width: 50%;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c13 {
     width: 450px;
     margin-right: auto;
@@ -643,27 +509,25 @@ exports[`"Single Giving, No Money Buys, with overridden manual input value" rend
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c14 {
     padding: 0 2rem 2rem;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c19 {
-    -webkit-flex-basis: 60%;
-    -ms-flex-preferred-size: 60%;
     flex-basis: 60%;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c26 {
     padding: 1rem 2rem;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c8 {
     width: 450px;
     margin: 0 auto;
@@ -672,14 +536,20 @@ exports[`"Single Giving, No Money Buys, with overridden manual input value" rend
 
 <div
   className="c0"
+  desktopOverlayColor="blue_dark"
   id="mship-4"
+  mobileBackgroundColor="blue_dark"
 >
   <div
     aria-live="polite"
     className="c1"
+    formAlignRight={false}
+    noTitlesAtAll={false}
+    paddingOption={null}
   >
     <div
       className="c2"
+      formAlignRight={false}
     >
       <div
         className="c3"
@@ -716,6 +586,7 @@ exports[`"Single Giving, No Money Buys, with overridden manual input value" rend
             value="Single"
           />
           <label
+            active={true}
             className="c9"
             htmlFor="give-once--mship-4"
           >
@@ -732,6 +603,7 @@ exports[`"Single Giving, No Money Buys, with overridden manual input value" rend
             value="Monthly"
           />
           <label
+            active={false}
             className="c10"
             htmlFor="give-monthly--mship-4"
           >
@@ -763,43 +635,47 @@ exports[`"Single Giving, No Money Buys, with overridden manual input value" rend
           >
             <label
               className="c18 c19"
+              errorMsg=""
               htmlFor="mship-4--MoneyBuy-userInput"
+              optional={null}
             >
               <span
                 className="c20 c21"
                 dangerouslySetInnerHTML={
-                  Object {
+                  {
                     "__html": "£",
                   }
                 }
               />
               <div
                 className="c22"
+                error={false}
               >
-                
                 <div
                   className="c23"
+                  error={false}
                 >
                   <input
                     aria-label="Input a different amount"
                     aria-required={false}
                     className="c24"
+                    error={false}
                     id="mship-4--MoneyBuy-userInput"
+                    inputBorderColor={false}
                     max="25000"
                     min="1"
                     name="membership_amount"
                     onChange={[Function]}
                     pattern="[^[0-9]+([,.][0-9]+)?$]"
                     placeholder="0.00"
+                    prefixLength={0}
                     required={false}
                     step="0.01"
                     type="string"
                     value={345.67}
                   />
-                  
                 </div>
               </div>
-              
             </label>
           </div>
           <p
@@ -829,9 +705,6 @@ exports[`Monthly donation renders correctly 1`] = `
   font-family: 'Anton',Impact,sans-serif;
   font-weight: 400;
   text-transform: uppercase;
-  -webkit-letter-spacing: 0;
-  -moz-letter-spacing: 0;
-  -ms-letter-spacing: 0;
   letter-spacing: 0;
   font-size: 1.5rem;
   line-height: 1.5rem;
@@ -854,9 +727,6 @@ exports[`Monthly donation renders correctly 1`] = `
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: 400;
   text-transform: inherit;
-  -webkit-letter-spacing: 0;
-  -moz-letter-spacing: 0;
-  -ms-letter-spacing: 0;
   letter-spacing: 0;
   font-size: 1rem;
   line-height: 1.25rem;
@@ -877,9 +747,6 @@ exports[`Monthly donation renders correctly 1`] = `
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: 400;
   text-transform: inherit;
-  -webkit-letter-spacing: 0;
-  -moz-letter-spacing: 0;
-  -ms-letter-spacing: 0;
   letter-spacing: 0;
   font-size: 1rem;
   line-height: 1.25rem;
@@ -900,9 +767,6 @@ exports[`Monthly donation renders correctly 1`] = `
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: 400;
   text-transform: inherit;
-  -webkit-letter-spacing: 0;
-  -moz-letter-spacing: 0;
-  -ms-letter-spacing: 0;
   letter-spacing: 0;
   font-size: 1rem;
   line-height: 1.25rem;
@@ -923,9 +787,6 @@ exports[`Monthly donation renders correctly 1`] = `
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: 400;
   text-transform: inherit;
-  -webkit-letter-spacing: 0;
-  -moz-letter-spacing: 0;
-  -ms-letter-spacing: 0;
   letter-spacing: 0;
   font-size: 1rem;
   line-height: 1.25rem;
@@ -939,12 +800,7 @@ exports[`Monthly donation renders correctly 1`] = `
 .c19 {
   width: 100%;
   position: relative;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
   flex-direction: column;
   color: #000000;
 }
@@ -954,9 +810,6 @@ exports[`Monthly donation renders correctly 1`] = `
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: 400;
   text-transform: inherit;
-  -webkit-letter-spacing: 0;
-  -moz-letter-spacing: 0;
-  -ms-letter-spacing: 0;
   letter-spacing: 0;
   font-size: 1rem;
   line-height: 1.25rem;
@@ -967,9 +820,6 @@ exports[`Monthly donation renders correctly 1`] = `
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: 400;
   text-transform: inherit;
-  -webkit-letter-spacing: 0;
-  -moz-letter-spacing: 0;
-  -ms-letter-spacing: 0;
   letter-spacing: 0;
   font-size: 1rem;
   line-height: 1.25rem;
@@ -978,17 +828,8 @@ exports[`Monthly donation renders correctly 1`] = `
 .c24 {
   position: relative;
   width: 100%;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-box-pack: end;
-  -webkit-justify-content: flex-end;
-  -ms-flex-pack: end;
   justify-content: flex-end;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
   align-items: center;
 }
 
@@ -1002,8 +843,6 @@ exports[`Monthly donation renders correctly 1`] = `
   border: 1px solid;
   border-color: #969598;
   box-shadow: none;
-  -webkit-appearance: none;
-  -moz-appearance: none;
   appearance: none;
   color: #000000;
   border-radius: 0.5rem;
@@ -1018,16 +857,8 @@ exports[`Monthly donation renders correctly 1`] = `
 
 .c0 {
   position: relative;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
   flex-direction: column;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
   justify-content: center;
   height: auto;
   background-color: #274084;
@@ -1037,25 +868,15 @@ exports[`Monthly donation renders correctly 1`] = `
   position: relative;
   text-align: center;
   padding: 2rem 1rem;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
   flex-direction: row;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
   align-items: center;
   display: block;
   width: 100%;
-  -webkit-flex-direction: row-reverse;
-  -ms-flex-direction: row-reverse;
   flex-direction: row-reverse;
 }
 
 .c2 {
   width: 100%;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
 }
@@ -1110,17 +931,8 @@ exports[`Monthly donation renders correctly 1`] = `
 }
 
 .c16 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
   align-items: center;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
   justify-content: center;
 }
 
@@ -1130,15 +942,8 @@ exports[`Monthly donation renders correctly 1`] = `
 
 .c20 {
   position: relative;
-  -webkit-flex-basis: 50%;
-  -ms-flex-preferred-size: 50%;
   flex-basis: 50%;
-  -webkit-flex-shrink: 0;
-  -ms-flex-negative: 0;
   flex-shrink: 0;
-  -webkit-box-flex: 0;
-  -webkit-flex-grow: 0;
-  -ms-flex-positive: 0;
   flex-grow: 0;
   font-weight: 400;
   display: block;
@@ -1148,8 +953,6 @@ exports[`Monthly donation renders correctly 1`] = `
   position: absolute;
   font-size: 20px;
   top: 50%;
-  -webkit-transform: translateY(-50%);
-  -ms-transform: translateY(-50%);
   transform: translateY(-50%);
   left: 0px;
   font-weight: 500;
@@ -1184,13 +987,10 @@ exports[`Monthly donation renders correctly 1`] = `
   cursor: pointer;
   min-height: 48px;
   background: #E52630;
-  -webkit-text-decoration: none;
   text-decoration: none;
   border-radius: 2rem;
   border: none;
   box-shadow: rgba(0,0,0,0.15) 0px 0px 1rem;
-  -webkit-appearance: none;
-  -moz-appearance: none;
   appearance: none;
 }
 
@@ -1208,7 +1008,6 @@ exports[`Monthly donation renders correctly 1`] = `
   z-index: 1;
   display: block;
   position: absolute;
-  -webkit-transition: left 0.15s ease-out;
   transition: left 0.15s ease-out;
   background-color: #2042AD;
   left: 2px;
@@ -1216,9 +1015,6 @@ exports[`Monthly donation renders correctly 1`] = `
 }
 
 .c7 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
   margin: 1rem 0;
 }
@@ -1227,27 +1023,20 @@ exports[`Monthly donation renders correctly 1`] = `
   width: 100%;
   padding: 2px;
   position: relative;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
   flex-direction: row;
   margin: 1rem 0;
   border-radius: 2rem;
   background: #BECCF9;
 }
 
-.c8 .give-monthly:checked ~ .c10 {
+.c8 .give-monthly:checked~.c10 {
   left: calc(50% - 2px);
 }
 
 .c8 input {
   border: 0;
-  -webkit-clip: rect(0 0 0 0);
   clip: rect(0 0 0 0);
-  -webkit-clip-path: inset(50%);
   clip-path: inset(50%);
   height: 1px;
   margin: -1px;
@@ -1258,7 +1047,7 @@ exports[`Monthly donation renders correctly 1`] = `
   width: 1px;
 }
 
-.c8 input:focus:not(:checked) + label {
+.c8 input:focus:not(:checked)+label {
   box-shadow: inset 0 0 0 4px #2042AD;
 }
 
@@ -1267,23 +1056,11 @@ exports[`Monthly donation renders correctly 1`] = `
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: bold;
   min-height: 48px;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
   align-items: center;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
   justify-content: center;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-flex-basis: 50%;
-  -ms-flex-preferred-size: 50%;
   flex-basis: 50%;
   border: none;
-  -webkit-transition: color 0.15s ease-out;
   transition: color 0.15s ease-out;
   z-index: 2;
   cursor: pointer;
@@ -1301,163 +1078,141 @@ exports[`Monthly donation renders correctly 1`] = `
   box-shadow: inset 0 0 0 4px #2042AD;
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c4 {
     font-size: 1.875rem;
     line-height: 1.875rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c4 {
     font-size: 2rem;
     line-height: 2rem;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c5 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c5 {
     font-size: 1.125rem;
     line-height: 1.375rem;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c15 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c15 {
     font-size: 1.125rem;
     line-height: 1.375rem;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c17 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c17 {
     font-size: 1.125rem;
     line-height: 1.375rem;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c21 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c21 {
     font-size: 1.125rem;
     line-height: 1.375rem;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c22 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c22 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c23 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c23 {
     font-size: 1.25rem;
     line-height: 1.25rem;
   }
 }
 
-@media (min-width:740px) {
-
-}
-
-@media (min-width:1024px) {
-
-}
-
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c0 {
-    -webkit-flex-direction: row;
-    -ms-flex-direction: row;
     flex-direction: row;
-    -webkit-align-items: center;
-    -webkit-box-align: center;
-    -ms-flex-align: center;
     align-items: center;
-    -webkit-box-pack: inherit;
-    -webkit-justify-content: inherit;
-    -ms-flex-pack: inherit;
     justify-content: inherit;
     background-color: transparent;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c1 {
     padding: 4rem 1rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c1 {
-    display: -webkit-box;
-    display: -webkit-flex;
-    display: -ms-flexbox;
     display: flex;
     padding: 4rem 0;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c2 {
     width: 50%;
     padding: 4rem;
-    -webkit-align-items: center;
-    -webkit-box-align: center;
-    -ms-flex-align: center;
     align-items: center;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c6 {
     width: 50%;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c12 {
     width: 450px;
     margin-right: auto;
@@ -1465,27 +1220,25 @@ exports[`Monthly donation renders correctly 1`] = `
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c13 {
     padding: 0 2rem 2rem;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c20 {
-    -webkit-flex-basis: 60%;
-    -ms-flex-preferred-size: 60%;
     flex-basis: 60%;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c27 {
     padding: 1rem 2rem;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c8 {
     width: 450px;
     margin: 0 auto;
@@ -1494,14 +1247,20 @@ exports[`Monthly donation renders correctly 1`] = `
 
 <div
   className="c0"
+  desktopOverlayColor="transparent"
   id="mship-1"
+  mobileBackgroundColor="blue_dark"
 >
   <div
     aria-live="polite"
     className="c1"
+    formAlignRight={true}
+    noTitlesAtAll={false}
+    paddingOption={null}
   >
     <div
       className="c2"
+      formAlignRight={true}
     >
       <div
         className="c3"
@@ -1538,6 +1297,7 @@ exports[`Monthly donation renders correctly 1`] = `
             value="Single"
           />
           <label
+            active={false}
             className="c9"
             htmlFor="give-once--mship-1"
           >
@@ -1554,6 +1314,7 @@ exports[`Monthly donation renders correctly 1`] = `
             value="Monthly"
           />
           <label
+            active={false}
             className="c9"
             htmlFor="give-monthly--mship-1"
           >
@@ -1590,43 +1351,47 @@ exports[`Monthly donation renders correctly 1`] = `
             </span>
             <label
               className="c19 c20"
+              errorMsg=""
               htmlFor="mship-1--MoneyBuy-userInput"
+              optional={null}
             >
               <span
                 className="c21 c22"
                 dangerouslySetInnerHTML={
-                  Object {
+                  {
                     "__html": "£",
                   }
                 }
               />
               <div
                 className="c23"
+                error={false}
               >
-                
                 <div
                   className="c24"
+                  error={false}
                 >
                   <input
                     aria-label="Input a different amount"
                     aria-required={false}
                     className="c25"
+                    error={false}
                     id="mship-1--MoneyBuy-userInput"
+                    inputBorderColor={false}
                     max="25000"
                     min="1"
                     name="membership_amount"
                     onChange={[Function]}
                     pattern="[^[0-9]+([,.][0-9]+)?$]"
                     placeholder="0.00"
+                    prefixLength={0}
                     required={false}
                     step="0.01"
                     type="string"
                     value={10}
                   />
-                  
                 </div>
               </div>
-              
             </label>
           </div>
           <p
@@ -1655,9 +1420,6 @@ exports[`Single donation renders correctly 1`] = `
   font-family: 'Anton',Impact,sans-serif;
   font-weight: 400;
   text-transform: uppercase;
-  -webkit-letter-spacing: 0;
-  -moz-letter-spacing: 0;
-  -ms-letter-spacing: 0;
   letter-spacing: 0;
   font-size: 1.5rem;
   line-height: 1.5rem;
@@ -1680,9 +1442,6 @@ exports[`Single donation renders correctly 1`] = `
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: 400;
   text-transform: inherit;
-  -webkit-letter-spacing: 0;
-  -moz-letter-spacing: 0;
-  -ms-letter-spacing: 0;
   letter-spacing: 0;
   font-size: 1rem;
   line-height: 1.25rem;
@@ -1703,9 +1462,6 @@ exports[`Single donation renders correctly 1`] = `
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: 400;
   text-transform: inherit;
-  -webkit-letter-spacing: 0;
-  -moz-letter-spacing: 0;
-  -ms-letter-spacing: 0;
   letter-spacing: 0;
   font-size: 1rem;
   line-height: 1.25rem;
@@ -1726,9 +1482,6 @@ exports[`Single donation renders correctly 1`] = `
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: 400;
   text-transform: inherit;
-  -webkit-letter-spacing: 0;
-  -moz-letter-spacing: 0;
-  -ms-letter-spacing: 0;
   letter-spacing: 0;
   font-size: 1rem;
   line-height: 1.25rem;
@@ -1749,9 +1502,6 @@ exports[`Single donation renders correctly 1`] = `
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: 400;
   text-transform: inherit;
-  -webkit-letter-spacing: 0;
-  -moz-letter-spacing: 0;
-  -ms-letter-spacing: 0;
   letter-spacing: 0;
   font-size: 1rem;
   line-height: 1.25rem;
@@ -1765,12 +1515,7 @@ exports[`Single donation renders correctly 1`] = `
 .c12 {
   width: 100%;
   position: relative;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
   flex-direction: column;
   color: #000000;
 }
@@ -1780,9 +1525,6 @@ exports[`Single donation renders correctly 1`] = `
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: 400;
   text-transform: inherit;
-  -webkit-letter-spacing: 0;
-  -moz-letter-spacing: 0;
-  -ms-letter-spacing: 0;
   letter-spacing: 0;
   font-size: 1rem;
   line-height: 1.25rem;
@@ -1793,9 +1535,6 @@ exports[`Single donation renders correctly 1`] = `
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: 400;
   text-transform: inherit;
-  -webkit-letter-spacing: 0;
-  -moz-letter-spacing: 0;
-  -ms-letter-spacing: 0;
   letter-spacing: 0;
   font-size: 1rem;
   line-height: 1.25rem;
@@ -1804,17 +1543,8 @@ exports[`Single donation renders correctly 1`] = `
 .c17 {
   position: relative;
   width: 100%;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-box-pack: end;
-  -webkit-justify-content: flex-end;
-  -ms-flex-pack: end;
   justify-content: flex-end;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
   align-items: center;
 }
 
@@ -1828,8 +1558,6 @@ exports[`Single donation renders correctly 1`] = `
   border: 1px solid;
   border-color: #969598;
   box-shadow: none;
-  -webkit-appearance: none;
-  -moz-appearance: none;
   appearance: none;
   color: #000000;
   border-radius: 0.5rem;
@@ -1903,16 +1631,8 @@ exports[`Single donation renders correctly 1`] = `
 
 .c0 {
   position: relative;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
   flex-direction: column;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
   justify-content: center;
   height: auto;
   background-color: #274084;
@@ -1922,25 +1642,15 @@ exports[`Single donation renders correctly 1`] = `
   position: relative;
   text-align: center;
   padding: 2rem 1rem;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
   flex-direction: row;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
   align-items: center;
   display: block;
   width: 100%;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
   flex-direction: row;
 }
 
 .c2 {
   width: 100%;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
 }
@@ -1995,23 +1705,13 @@ exports[`Single donation renders correctly 1`] = `
 }
 
 .c11 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-box-pack: justify;
-  -webkit-justify-content: space-between;
-  -ms-flex-pack: justify;
   justify-content: space-between;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
   flex-direction: column;
   margin-bottom: 2rem;
 }
 
 .c11 label {
-  -webkit-flex: 0 0 30%;
-  -ms-flex: 0 0 30%;
   flex: 0 0 30%;
   margin-bottom: 0.5rem;
 }
@@ -2022,17 +1722,8 @@ exports[`Single donation renders correctly 1`] = `
 }
 
 .c20 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
   align-items: center;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
   justify-content: center;
 }
 
@@ -2042,15 +1733,8 @@ exports[`Single donation renders correctly 1`] = `
 
 .c23 {
   position: relative;
-  -webkit-flex-basis: 50%;
-  -ms-flex-preferred-size: 50%;
   flex-basis: 50%;
-  -webkit-flex-shrink: 0;
-  -ms-flex-negative: 0;
   flex-shrink: 0;
-  -webkit-box-flex: 0;
-  -webkit-flex-grow: 0;
-  -ms-flex-positive: 0;
   flex-grow: 0;
   font-weight: 400;
   display: block;
@@ -2060,8 +1744,6 @@ exports[`Single donation renders correctly 1`] = `
   position: absolute;
   font-size: 20px;
   top: 50%;
-  -webkit-transform: translateY(-50%);
-  -ms-transform: translateY(-50%);
   transform: translateY(-50%);
   left: 0px;
   font-weight: 500;
@@ -2096,13 +1778,10 @@ exports[`Single donation renders correctly 1`] = `
   cursor: pointer;
   min-height: 48px;
   background: #E52630;
-  -webkit-text-decoration: none;
   text-decoration: none;
   border-radius: 2rem;
   border: none;
   box-shadow: rgba(0,0,0,0.15) 0px 0px 1rem;
-  -webkit-appearance: none;
-  -moz-appearance: none;
   appearance: none;
 }
 
@@ -2113,185 +1792,155 @@ exports[`Single donation renders correctly 1`] = `
   background-color: #961D35;
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c4 {
     font-size: 1.875rem;
     line-height: 1.875rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c4 {
     font-size: 2rem;
     line-height: 2rem;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c5 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c5 {
     font-size: 1.125rem;
     line-height: 1.375rem;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c10 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c10 {
     font-size: 1.125rem;
     line-height: 1.375rem;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c21 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c21 {
     font-size: 1.125rem;
     line-height: 1.375rem;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c14 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c14 {
     font-size: 1.125rem;
     line-height: 1.375rem;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c15 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c15 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c16 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c16 {
     font-size: 1.25rem;
     line-height: 1.25rem;
   }
 }
 
-@media (min-width:740px) {
-
-}
-
-@media (min-width:1024px) {
-
-}
-
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c13 input {
     font-size: 2rem;
     padding: 1.5rem;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c19 input {
     font-size: 2rem;
     padding: 1.5rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c0 {
-    -webkit-flex-direction: row;
-    -ms-flex-direction: row;
     flex-direction: row;
-    -webkit-align-items: center;
-    -webkit-box-align: center;
-    -ms-flex-align: center;
     align-items: center;
-    -webkit-box-pack: inherit;
-    -webkit-justify-content: inherit;
-    -ms-flex-pack: inherit;
     justify-content: inherit;
     background-color: transparent;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c1 {
     padding: 4rem 1rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c1 {
-    display: -webkit-box;
-    display: -webkit-flex;
-    display: -ms-flexbox;
     display: flex;
     padding: 4rem 0;
   }
 }
 
-@media (min-width:740px) {
-
-}
-
-@media (min-width:1024px) {
-
-}
-
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c2 {
     width: 50%;
     padding: 4rem;
-    -webkit-align-items: center;
-    -webkit-box-align: center;
-    -ms-flex-align: center;
     align-items: center;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c6 {
     width: 50%;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c7 {
     width: 450px;
     margin-right: auto;
@@ -2299,54 +1948,52 @@ exports[`Single donation renders correctly 1`] = `
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c8 {
     padding: 0 2rem 2rem;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c11 {
-    -webkit-flex-direction: row;
-    -ms-flex-direction: row;
     flex-direction: row;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c11 label {
     margin-bottom: 0;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c23 {
-    -webkit-flex-basis: 60%;
-    -ms-flex-preferred-size: 60%;
     flex-basis: 60%;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c25 {
     padding: 1rem 2rem;
   }
 }
 
-@media (min-width:740px) {
-
-}
-
 <div
   className="c0"
+  desktopOverlayColor="transparent"
   id="mship-1"
+  mobileBackgroundColor="blue_dark"
 >
   <div
     aria-live="polite"
     className="c1"
+    formAlignRight={false}
+    noTitlesAtAll={false}
+    paddingOption={null}
   >
     <div
       className="c2"
+      formAlignRight={false}
     >
       <div
         className="c3"
@@ -2387,111 +2034,123 @@ exports[`Single donation renders correctly 1`] = `
           >
             <label
               className="c12 c13"
+              errorMsg=""
               htmlFor="mship-1--moneyBuy-box1"
+              optional={null}
             >
               <span
                 className="c14 c15"
                 dangerouslySetInnerHTML={
-                  Object {
+                  {
                     "__html": "",
                   }
                 }
               />
               <div
                 className="c16"
+                error={false}
               >
-                
                 <div
                   className="c17"
+                  error={false}
                 >
                   <input
                     aria-label="£10"
                     aria-required={false}
                     className="c18"
+                    error={false}
                     id="mship-1--moneyBuy-box1"
+                    isSelected={false}
                     name="mship-1--moneyBuy1"
                     onClick={[Function]}
                     placeholder=""
+                    prefixLength={0}
                     required={false}
                     type="button"
                     value="£ 10"
                   />
-                  
                 </div>
               </div>
-              
             </label>
             <label
               className="c12 c19"
+              errorMsg=""
               htmlFor="mship-1--moneyBuy-box2"
+              optional={null}
             >
               <span
                 className="c14 c15"
                 dangerouslySetInnerHTML={
-                  Object {
+                  {
                     "__html": "",
                   }
                 }
               />
               <div
                 className="c16"
+                error={false}
               >
-                
                 <div
                   className="c17"
+                  error={false}
                 >
                   <input
                     aria-label="£20"
                     aria-required={false}
                     className="c18"
+                    error={false}
                     id="mship-1--moneyBuy-box2"
+                    isSelected={true}
                     name="mship-1--moneyBuy2"
                     onClick={[Function]}
                     placeholder=""
+                    prefixLength={0}
                     required={false}
                     type="button"
                     value="£ 20"
                   />
-                  
                 </div>
               </div>
-              
             </label>
             <label
               className="c12 c13"
+              errorMsg=""
               htmlFor="mship-1--moneyBuy-box3"
+              optional={null}
             >
               <span
                 className="c14 c15"
                 dangerouslySetInnerHTML={
-                  Object {
+                  {
                     "__html": "",
                   }
                 }
               />
               <div
                 className="c16"
+                error={false}
               >
-                
                 <div
                   className="c17"
+                  error={false}
                 >
                   <input
                     aria-label="£30"
                     aria-required={false}
                     className="c18"
+                    error={false}
                     id="mship-1--moneyBuy-box3"
+                    isSelected={false}
                     name="mship-1--moneyBuy3"
                     onClick={[Function]}
                     placeholder=""
+                    prefixLength={0}
                     required={false}
                     type="button"
                     value="£ 30"
                   />
-                  
                 </div>
               </div>
-              
             </label>
           </div>
           <div
@@ -2504,43 +2163,47 @@ exports[`Single donation renders correctly 1`] = `
             </span>
             <label
               className="c12 c23"
+              errorMsg=""
               htmlFor="mship-1--MoneyBuy-userInput"
+              optional={null}
             >
               <span
                 className="c14 c15"
                 dangerouslySetInnerHTML={
-                  Object {
+                  {
                     "__html": "£",
                   }
                 }
               />
               <div
                 className="c16"
+                error={false}
               >
-                
                 <div
                   className="c17"
+                  error={false}
                 >
                   <input
                     aria-label="Input a different amount"
                     aria-required={false}
                     className="c18"
+                    error={false}
                     id="mship-1--MoneyBuy-userInput"
+                    inputBorderColor={false}
                     max="25000"
                     min="1"
                     name="membership_amount"
                     onChange={[Function]}
                     pattern="[^[0-9]+([,.][0-9]+)?$]"
                     placeholder="0.00"
+                    prefixLength={0}
                     required={false}
                     step="0.01"
                     type="string"
                     value={20}
                   />
-                  
                 </div>
               </div>
-              
             </label>
           </div>
           <p
@@ -2570,9 +2233,6 @@ exports[`Single donation with no Money Buys renders correctly 1`] = `
   font-family: 'Anton',Impact,sans-serif;
   font-weight: 400;
   text-transform: uppercase;
-  -webkit-letter-spacing: 0;
-  -moz-letter-spacing: 0;
-  -ms-letter-spacing: 0;
   letter-spacing: 0;
   font-size: 1.5rem;
   line-height: 1.5rem;
@@ -2595,9 +2255,6 @@ exports[`Single donation with no Money Buys renders correctly 1`] = `
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: 400;
   text-transform: inherit;
-  -webkit-letter-spacing: 0;
-  -moz-letter-spacing: 0;
-  -ms-letter-spacing: 0;
   letter-spacing: 0;
   font-size: 1rem;
   line-height: 1.25rem;
@@ -2618,9 +2275,6 @@ exports[`Single donation with no Money Buys renders correctly 1`] = `
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: 400;
   text-transform: inherit;
-  -webkit-letter-spacing: 0;
-  -moz-letter-spacing: 0;
-  -ms-letter-spacing: 0;
   letter-spacing: 0;
   font-size: 1rem;
   line-height: 1.25rem;
@@ -2641,9 +2295,6 @@ exports[`Single donation with no Money Buys renders correctly 1`] = `
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: 400;
   text-transform: inherit;
-  -webkit-letter-spacing: 0;
-  -moz-letter-spacing: 0;
-  -ms-letter-spacing: 0;
   letter-spacing: 0;
   font-size: 1rem;
   line-height: 1.25rem;
@@ -2657,12 +2308,7 @@ exports[`Single donation with no Money Buys renders correctly 1`] = `
 .c12 {
   width: 100%;
   position: relative;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
   flex-direction: column;
   color: #000000;
 }
@@ -2672,9 +2318,6 @@ exports[`Single donation with no Money Buys renders correctly 1`] = `
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: 400;
   text-transform: inherit;
-  -webkit-letter-spacing: 0;
-  -moz-letter-spacing: 0;
-  -ms-letter-spacing: 0;
   letter-spacing: 0;
   font-size: 1rem;
   line-height: 1.25rem;
@@ -2685,9 +2328,6 @@ exports[`Single donation with no Money Buys renders correctly 1`] = `
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: 400;
   text-transform: inherit;
-  -webkit-letter-spacing: 0;
-  -moz-letter-spacing: 0;
-  -ms-letter-spacing: 0;
   letter-spacing: 0;
   font-size: 1rem;
   line-height: 1.25rem;
@@ -2696,17 +2336,8 @@ exports[`Single donation with no Money Buys renders correctly 1`] = `
 .c17 {
   position: relative;
   width: 100%;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-box-pack: end;
-  -webkit-justify-content: flex-end;
-  -ms-flex-pack: end;
   justify-content: flex-end;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
   align-items: center;
 }
 
@@ -2720,8 +2351,6 @@ exports[`Single donation with no Money Buys renders correctly 1`] = `
   border: 1px solid;
   border-color: #969598;
   box-shadow: none;
-  -webkit-appearance: none;
-  -moz-appearance: none;
   appearance: none;
   color: #000000;
   border-radius: 0.5rem;
@@ -2736,16 +2365,8 @@ exports[`Single donation with no Money Buys renders correctly 1`] = `
 
 .c0 {
   position: relative;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
   flex-direction: column;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
   justify-content: center;
   height: auto;
   background-color: #274084;
@@ -2755,25 +2376,15 @@ exports[`Single donation with no Money Buys renders correctly 1`] = `
   position: relative;
   text-align: center;
   padding: 2rem 1rem;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
   flex-direction: row;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
   align-items: center;
   display: block;
   width: 100%;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
   flex-direction: row;
 }
 
 .c2 {
   width: 100%;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
 }
@@ -2828,31 +2439,15 @@ exports[`Single donation with no Money Buys renders correctly 1`] = `
 }
 
 .c11 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
   align-items: center;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
   justify-content: center;
 }
 
 .c13 {
   position: relative;
-  -webkit-flex-basis: 50%;
-  -ms-flex-preferred-size: 50%;
   flex-basis: 50%;
-  -webkit-flex-shrink: 0;
-  -ms-flex-negative: 0;
   flex-shrink: 0;
-  -webkit-box-flex: 0;
-  -webkit-flex-grow: 0;
-  -ms-flex-positive: 0;
   flex-grow: 0;
   font-weight: 400;
   display: block;
@@ -2862,8 +2457,6 @@ exports[`Single donation with no Money Buys renders correctly 1`] = `
   position: absolute;
   font-size: 20px;
   top: 50%;
-  -webkit-transform: translateY(-50%);
-  -ms-transform: translateY(-50%);
   transform: translateY(-50%);
   left: 0px;
   font-weight: 500;
@@ -2898,13 +2491,10 @@ exports[`Single donation with no Money Buys renders correctly 1`] = `
   cursor: pointer;
   min-height: 48px;
   background: #E52630;
-  -webkit-text-decoration: none;
   text-decoration: none;
   border-radius: 2rem;
   border: none;
   box-shadow: rgba(0,0,0,0.15) 0px 0px 1rem;
-  -webkit-appearance: none;
-  -moz-appearance: none;
   appearance: none;
 }
 
@@ -2915,149 +2505,127 @@ exports[`Single donation with no Money Buys renders correctly 1`] = `
   background-color: #961D35;
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c4 {
     font-size: 1.875rem;
     line-height: 1.875rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c4 {
     font-size: 2rem;
     line-height: 2rem;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c5 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c5 {
     font-size: 1.125rem;
     line-height: 1.375rem;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c10 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c10 {
     font-size: 1.125rem;
     line-height: 1.375rem;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c14 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c14 {
     font-size: 1.125rem;
     line-height: 1.375rem;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c15 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c15 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c16 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c16 {
     font-size: 1.25rem;
     line-height: 1.25rem;
   }
 }
 
-@media (min-width:740px) {
-
-}
-
-@media (min-width:1024px) {
-
-}
-
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c0 {
-    -webkit-flex-direction: row;
-    -ms-flex-direction: row;
     flex-direction: row;
-    -webkit-align-items: center;
-    -webkit-box-align: center;
-    -ms-flex-align: center;
     align-items: center;
-    -webkit-box-pack: inherit;
-    -webkit-justify-content: inherit;
-    -ms-flex-pack: inherit;
     justify-content: inherit;
     background-color: transparent;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c1 {
     padding: 4rem 1rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c1 {
-    display: -webkit-box;
-    display: -webkit-flex;
-    display: -ms-flexbox;
     display: flex;
     padding: 4rem 0;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c2 {
     width: 50%;
     padding: 4rem;
-    -webkit-align-items: center;
-    -webkit-box-align: center;
-    -ms-flex-align: center;
     align-items: center;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c6 {
     width: 50%;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c7 {
     width: 450px;
     margin-right: auto;
@@ -3065,21 +2633,19 @@ exports[`Single donation with no Money Buys renders correctly 1`] = `
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c8 {
     padding: 0 2rem 2rem;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c13 {
-    -webkit-flex-basis: 60%;
-    -ms-flex-preferred-size: 60%;
     flex-basis: 60%;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c20 {
     padding: 1rem 2rem;
   }
@@ -3087,14 +2653,20 @@ exports[`Single donation with no Money Buys renders correctly 1`] = `
 
 <div
   className="c0"
+  desktopOverlayColor="transparent"
   id="mship-1"
+  mobileBackgroundColor="blue_dark"
 >
   <div
     aria-live="polite"
     className="c1"
+    formAlignRight={false}
+    noTitlesAtAll={false}
+    paddingOption={null}
   >
     <div
       className="c2"
+      formAlignRight={false}
     >
       <div
         className="c3"
@@ -3135,43 +2707,47 @@ exports[`Single donation with no Money Buys renders correctly 1`] = `
           >
             <label
               className="c12 c13"
+              errorMsg=""
               htmlFor="mship-1--MoneyBuy-userInput"
+              optional={null}
             >
               <span
                 className="c14 c15"
                 dangerouslySetInnerHTML={
-                  Object {
+                  {
                     "__html": "£",
                   }
                 }
               />
               <div
                 className="c16"
+                error={false}
               >
-                
                 <div
                   className="c17"
+                  error={false}
                 >
                   <input
                     aria-label="Input a different amount"
                     aria-required={false}
                     className="c18"
+                    error={false}
                     id="mship-1--MoneyBuy-userInput"
+                    inputBorderColor={false}
                     max="25000"
                     min="1"
                     name="membership_amount"
                     onChange={[Function]}
                     pattern="[^[0-9]+([,.][0-9]+)?$]"
                     placeholder="0.00"
+                    prefixLength={0}
                     required={false}
                     step="0.01"
                     type="string"
                     value={10}
                   />
-                  
                 </div>
               </div>
-              
             </label>
           </div>
           <p
diff --git a/src/components/Organisms/DonateBanner/DonateBanner.md b/src/components/Organisms/DonateBanner/DonateBanner.md
deleted file mode 100644
index 5ea038e4d..000000000
--- a/src/components/Organisms/DonateBanner/DonateBanner.md
+++ /dev/null
@@ -1,288 +0,0 @@
-# DonateBanner
-
-## Image banner (widget right), custom padding + background
-
-```js
-import data from './dev-data/data';
-const desktopPictures = require('../../../styleguide/data/data').defaultData;
-const mobilePictures = require('../../../styleguide/data/data').mobileImages;
-
-const imageL = {
-  images: desktopPictures.images,
-  imageLow: desktopPictures.imageLow,
-  alt: 'Background image'
-};
-
-const imageM = {
-  images: desktopPictures.images,
-  imageLow: desktopPictures.imageLow,
-  alt: 'Background image'
-};
-
-const imageS = {
-  images: mobilePictures.images,
-  imageLow: mobilePictures.imageLow,
-  alt: 'Background image'
-};
-
-<DonateBanner
-  pageBackgroundColour="grey_light"
-  paddingAbove="0rem"
-  paddingBelow="2rem"
-  donateOrientation="right"
-  imageL={imageL}
-  imageM={imageM}
-  imageS={imageS}
-  data={data}
-  mbshipID="mbship-1"
-  donateLink="https://donation.comicrelief.com/"
-  clientID="donate"
-  cartID="default-comicrelief"
-  title="Donate Now"
-  subtitle="Please help us fund life-changing projects in the UK and around the world."
-/>;
-```
-
-## Image banner (widget left), monthly title/subtitle + choose amount text overrides, hidden moneybuys
-
-```js
-import data from './dev-data/data';
-const desktopPictures = require('../../../styleguide/data/data').defaultData;
-const mobilePictures = require('../../../styleguide/data/data').mobileImages;
-
-const imageL = {
-  images: desktopPictures.images,
-  imageLow: desktopPictures.imageLow,
-  alt: 'Background image'
-};
-
-const imageM = {
-  images: desktopPictures.images,
-  imageLow: desktopPictures.imageLow,
-  alt: 'Background image'
-};
-
-const imageS = {
-  images: mobilePictures.images,
-  imageLow: mobilePictures.imageLow,
-  alt: 'Background image'
-};
-
-<DonateBanner
-  pageBackgroundColour="grey_light"
-  paddingAbove="2rem"
-  paddingBelow="2rem"
-  donateOrientation="left"
-  imageL={imageL}
-  imageM={imageM}
-  imageS={imageS}
-  data={data}
-  mbshipID="mbship-2"
-  donateLink="https://donation.comicrelief.com/"
-  clientID="donate"
-  cartID="default-comicrelief"
-  title="Donate today"
-  subtitle="Your support can help people facing the toughest times."
-  monthlyTitle="Give monthly"
-  monthlySubtitle="A regular gift helps fund long-term impact."
-  chooseAmountText="Choose a one-off amount"
-  monthlyChooseAmountText="Choose a monthly amount"
-  hideMoneyBuys
-/>;
-```
-
-## Text-only widget (no image), custom widget background + text colour, hidden moneybuys
-
-```js
-import data from './dev-data/data-single';
-
-<DonateBanner
-  donateWidgetIsTextOnly
-  pageBackgroundColour="rnd_25_glitzy_grape"
-  componentBackgroundColour="deep_violet_dark"
-  copyColor="white"
-  paddingAbove="2rem"
-  paddingBelow="2rem"
-  donateOrientation="right"
-  data={data}
-  mbshipID="mbship-3"
-  donateLink="https://donation.comicrelief.com/"
-  clientID="donate"
-  cartID="default-comicrelief"
-  title="Donate now"
-  subtitle="Make a difference today."
-  chooseAmountText="Enter an amount to give"
-  hideMoneyBuys
-/>;
-```
-
-## Text-only widget (no image), with the usual moneybuys, standard colours
-
-```js
-import data from './dev-data/data';
-
-<DonateBanner
-  donateWidgetIsTextOnly
-  pageBackgroundColour="grey_light"
-  componentBackgroundColour="white"
-  copyColor="black"
-  paddingAbove="2rem"
-  paddingBelow="2rem"
-  donateOrientation="right"
-  data={data}
-  mbshipID="mbship-3b"
-  donateLink="https://donation.comicrelief.com/"
-  clientID="donate"
-  cartID="default-comicrelief"
-  title="Donate now"
-  subtitle="Choose an amount or pick a moneybuy."
-/>;
-```
-
-## Text-only widget (no image), with giving selector (single vs monthly)
-
-```js
-import data from './dev-data/data';
-
-<DonateBanner
-  donateWidgetIsTextOnly
-  pageBackgroundColour="grey_light"
-  copyColor="black"
-  paddingAbove="2rem"
-  paddingBelow="2rem"
-  donateOrientation="right"
-  data={data}
-  mbshipID="mbship-3c"
-  donateLink="https://donation.comicrelief.com/"
-  clientID="donate"
-  cartID="default-comicrelief"
-  title="Donate now"
-  subtitle="Choose between a one-off or monthly gift."
-  monthlyTitle="Give monthly"
-  monthlySubtitle="A regular gift helps fund long-term impact."
-/>;
-```
-
-## Different "Other amount" copy for single vs monthly
-
-```js
-import data from './dev-data/data';
-const desktopPictures = require('../../../styleguide/data/data').defaultData;
-
-const imageL = {
-  images: desktopPictures.images,
-  imageLow: desktopPictures.imageLow,
-  alt: 'Background image'
-};
-
-<DonateBanner
-  pageBackgroundColour="grey_light"
-  paddingAbove="0rem"
-  paddingBelow="0rem"
-  donateOrientation="left"
-  imageL={imageL}
-  data={data}
-  mbshipID="mbship-4"
-  donateLink="https://donation.comicrelief.com/"
-  clientID="donate"
-  cartID="default-comicrelief"
-  title="Donate now"
-  subtitle="Help fund life-changing work."
-  otherAmountText="can help support people in crisis."
-  monthlyOtherAmountText="each month can help provide long-term support."
-/>;
-```
-
-## Image banner with Ambient Video (looping)
-
-When imageL/imageM/imageS have images & imageLow and videoDesktop & videoMobile are provided, DonateBanner uses AmbientVideo instead of Picture.
-
-```js
-import data from './dev-data/data';
-const desktopPictures = require('../../../styleguide/data/data').defaultData;
-const mobilePictures = require('../../../styleguide/data/data').mobileImages;
-
-const imageL = {
-  images: desktopPictures.images,
-  imageLow: desktopPictures.imageLow,
-  alt: 'Video poster'
-};
-
-const imageM = {
-  images: desktopPictures.images,
-  imageLow: desktopPictures.imageLow,
-  alt: 'Video poster'
-};
-
-const imageS = {
-  images: mobilePictures.images,
-  imageLow: mobilePictures.imageLow,
-  alt: 'Video poster'
-};
-
-<DonateBanner
-  pageBackgroundColour="grey_light"
-  paddingAbove="0rem"
-  paddingBelow="2rem"
-  donateOrientation="right"
-  imageL={imageL}
-  imageM={imageM}
-  imageS={imageS}
-  videoDesktop={require('../../Atoms/AmbientVideo/big-buck-bunny-1080p-30sec.mp4').default}
-  videoMobile={require('../../Atoms/AmbientVideo/thetestdatacom_480p_example.mp4').default}
-  videoLoop
-  data={data}
-  mbshipID="mbship-5"
-  donateLink="https://donation.comicrelief.com/"
-  clientID="donate"
-  cartID="default-comicrelief"
-  title="Donate Now"
-  subtitle="Please help us fund life-changing projects in the UK and around the world."
-/>;
-```
-
-## Image banner with Ambient Video (no loop)
-
-```js
-import data from './dev-data/data';
-const desktopPictures = require('../../../styleguide/data/data').defaultData;
-const mobilePictures = require('../../../styleguide/data/data').mobileImages;
-
-const imageL = {
-  images: desktopPictures.images,
-  imageLow: desktopPictures.imageLow,
-  alt: 'Video poster'
-};
-
-const imageM = {
-  images: desktopPictures.images,
-  imageLow: desktopPictures.imageLow,
-  alt: 'Video poster'
-};
-
-const imageS = {
-  images: mobilePictures.images,
-  imageLow: mobilePictures.imageLow,
-  alt: 'Video poster'
-};
-
-<DonateBanner
-  pageBackgroundColour="grey_light"
-  paddingAbove="0rem"
-  paddingBelow="2rem"
-  donateOrientation="left"
-  imageL={imageL}
-  imageM={imageM}
-  imageS={imageS}
-  videoDesktop={require('../../Atoms/AmbientVideo/big-buck-bunny-1080p-30sec.mp4').default}
-  videoMobile={require('../../Atoms/AmbientVideo/thetestdatacom_480p_example.mp4').default}
-  videoLoop={false}
-  data={data}
-  mbshipID="mbship-6"
-  donateLink="https://donation.comicrelief.com/"
-  clientID="donate"
-  cartID="default-comicrelief"
-  title="Donate today"
-  subtitle="Your support can help people facing the toughest times."
-/>;
-```
diff --git a/src/components/Organisms/DonateBanner/DonateBanner.test.js b/src/components/Organisms/DonateBanner/DonateBanner.test.js
index 1cfa688a5..7eb43db23 100644
--- a/src/components/Organisms/DonateBanner/DonateBanner.test.js
+++ b/src/components/Organisms/DonateBanner/DonateBanner.test.js
@@ -5,7 +5,7 @@ import DonateBanner from './DonateBanner';
 import data from './dev-data/data';
 import singleData from './dev-data/data-single';
 
-const defaultData = require('../../../styleguide/data/data').defaultData;
+const defaultData = require('../../../data/data').defaultData;
 
 it('Monthly donation renders correctly', () => {
   const imageL = {
@@ -117,7 +117,7 @@ it('Single donation with no Money Buys renders correctly', () => {
       clientID="donate"
       cartID="default-comicrelief"
       title="Donate Now"
-      hideMoneyBuys
+      noMoneyBuys
       subtitle="Please help us fund life-changing projects in the UK and around the world."
       chooseAmountText="Overridden choose amount text"
     />
@@ -141,7 +141,7 @@ it('Text-only donate widget renders correctly', () => {
       clientID="donate"
       cartID="default-comicrelief"
       title="Donate Now"
-      hideMoneyBuys
+      noMoneyBuys
       subtitle="Please help us fund life-changing projects in the UK and around the world."
       chooseAmountText="Enter an amount to give"
     />
diff --git a/src/components/Organisms/DonateBanner/DonateBannerExample.jsx b/src/components/Organisms/DonateBanner/DonateBannerExample.jsx
new file mode 100644
index 000000000..c7e4b6295
--- /dev/null
+++ b/src/components/Organisms/DonateBanner/DonateBannerExample.jsx
@@ -0,0 +1,179 @@
+import React from 'react';
+import DonateBanner from './DonateBanner';
+import data from './dev-data/data';
+import dataSingle from './dev-data/data-single';
+import { defaultData as desktopPictures, mobileImages as mobilePictures } from '../../../data/data';
+import videoDesktop from '../../Atoms/AmbientVideo/big-buck-bunny-1080p-30sec.mp4';
+import videoMobile from '../../Atoms/AmbientVideo/thetestdatacom_480p_example.mp4';
+
+const imageL = { images: desktopPictures.images, imageLow: desktopPictures.imageLow, alt: 'Background image' };
+const imageM = { images: desktopPictures.images, imageLow: desktopPictures.imageLow, alt: 'Background image' };
+const imageS = { images: mobilePictures.images, imageLow: mobilePictures.imageLow, alt: 'Background image' };
+
+const videoImageL = { images: desktopPictures.images, imageLow: desktopPictures.imageLow, alt: 'Video poster' };
+const videoImageM = { images: desktopPictures.images, imageLow: desktopPictures.imageLow, alt: 'Video poster' };
+const videoImageS = { images: mobilePictures.images, imageLow: mobilePictures.imageLow, alt: 'Video poster' };
+
+export default function DonateBannerExample() {
+  return (
+    <div>
+      <h3>Image banner (widget right), custom padding + background</h3>
+      <DonateBanner
+        pageBackgroundColour="grey_light"
+        paddingAbove="0rem"
+        paddingBelow="2rem"
+        donateOrientation="right"
+        imageL={imageL}
+        imageM={imageM}
+        imageS={imageS}
+        data={data}
+        mbshipID="mbship-1"
+        donateLink="https://donation.comicrelief.com/"
+        clientID="donate"
+        cartID="default-comicrelief"
+        title="Donate Now"
+        subtitle="Please help us fund life-changing projects in the UK and around the world."
+      />
+
+      <h3>Image banner (widget left), monthly title/subtitle + choose amount text overrides, hidden moneybuys</h3>
+      <DonateBanner
+        pageBackgroundColour="grey_light"
+        paddingAbove="2rem"
+        paddingBelow="2rem"
+        donateOrientation="left"
+        imageL={imageL}
+        imageM={imageM}
+        imageS={imageS}
+        data={data}
+        mbshipID="mbship-2"
+        donateLink="https://donation.comicrelief.com/"
+        clientID="donate"
+        cartID="default-comicrelief"
+        title="Donate today"
+        subtitle="Your support can help people facing the toughest times."
+        monthlyTitle="Give monthly"
+        monthlySubtitle="A regular gift helps fund long-term impact."
+        chooseAmountText="Choose a one-off amount"
+        monthlyChooseAmountText="Choose a monthly amount"
+        hideMoneyBuys
+      />
+
+      <h3>Text-only widget (no image), custom widget background + text colour, hidden moneybuys</h3>
+      <DonateBanner
+        donateWidgetIsTextOnly
+        pageBackgroundColour="rnd_25_glitzy_grape"
+        componentBackgroundColour="deep_violet_dark"
+        copyColor="white"
+        paddingAbove="2rem"
+        paddingBelow="2rem"
+        donateOrientation="right"
+        data={dataSingle}
+        mbshipID="mbship-3"
+        donateLink="https://donation.comicrelief.com/"
+        clientID="donate"
+        cartID="default-comicrelief"
+        title="Donate now"
+        subtitle="Make a difference today."
+        chooseAmountText="Enter an amount to give"
+        hideMoneyBuys
+      />
+
+      <h3>Text-only widget (no image), with the usual moneybuys, standard colours</h3>
+      <DonateBanner
+        donateWidgetIsTextOnly
+        pageBackgroundColour="grey_light"
+        componentBackgroundColour="white"
+        copyColor="black"
+        paddingAbove="2rem"
+        paddingBelow="2rem"
+        donateOrientation="right"
+        data={data}
+        mbshipID="mbship-3b"
+        donateLink="https://donation.comicrelief.com/"
+        clientID="donate"
+        cartID="default-comicrelief"
+        title="Donate now"
+        subtitle="Choose an amount or pick a moneybuy."
+      />
+
+      <h3>Text-only widget (no image), with giving selector (single vs monthly)</h3>
+      <DonateBanner
+        donateWidgetIsTextOnly
+        pageBackgroundColour="grey_light"
+        copyColor="black"
+        paddingAbove="2rem"
+        paddingBelow="2rem"
+        donateOrientation="right"
+        data={data}
+        mbshipID="mbship-3c"
+        donateLink="https://donation.comicrelief.com/"
+        clientID="donate"
+        cartID="default-comicrelief"
+        title="Donate now"
+        subtitle="Choose between a one-off or monthly gift."
+        monthlyTitle="Give monthly"
+        monthlySubtitle="A regular gift helps fund long-term impact."
+      />
+
+      <h3>Different "Other amount" copy for single vs monthly</h3>
+      <DonateBanner
+        pageBackgroundColour="grey_light"
+        paddingAbove="0rem"
+        paddingBelow="0rem"
+        donateOrientation="left"
+        imageL={imageL}
+        data={data}
+        mbshipID="mbship-4"
+        donateLink="https://donation.comicrelief.com/"
+        clientID="donate"
+        cartID="default-comicrelief"
+        title="Donate now"
+        subtitle="Help fund life-changing work."
+        otherAmountText="can help support people in crisis."
+        monthlyOtherAmountText="each month can help provide long-term support."
+      />
+
+      <h3>Image banner with Ambient Video (looping)</h3>
+      <DonateBanner
+        pageBackgroundColour="grey_light"
+        paddingAbove="0rem"
+        paddingBelow="2rem"
+        donateOrientation="right"
+        imageL={videoImageL}
+        imageM={videoImageM}
+        imageS={videoImageS}
+        videoDesktop={videoDesktop}
+        videoMobile={videoMobile}
+        videoLoop
+        data={data}
+        mbshipID="mbship-5"
+        donateLink="https://donation.comicrelief.com/"
+        clientID="donate"
+        cartID="default-comicrelief"
+        title="Donate Now"
+        subtitle="Please help us fund life-changing projects in the UK and around the world."
+      />
+
+      <h3>Image banner with Ambient Video (no loop)</h3>
+      <DonateBanner
+        pageBackgroundColour="grey_light"
+        paddingAbove="0rem"
+        paddingBelow="2rem"
+        donateOrientation="left"
+        imageL={videoImageL}
+        imageM={videoImageM}
+        imageS={videoImageS}
+        videoDesktop={videoDesktop}
+        videoMobile={videoMobile}
+        videoLoop={false}
+        data={data}
+        mbshipID="mbship-6"
+        donateLink="https://donation.comicrelief.com/"
+        clientID="donate"
+        cartID="default-comicrelief"
+        title="Donate today"
+        subtitle="Your support can help people facing the toughest times."
+      />
+    </div>
+  );
+}
diff --git a/src/components/Organisms/DonateBanner/Form/PopUpComponent.js b/src/components/Organisms/DonateBanner/Form/PopUpComponent.js
index 2bebcd717..56bcac63c 100644
--- a/src/components/Organisms/DonateBanner/Form/PopUpComponent.js
+++ b/src/components/Organisms/DonateBanner/Form/PopUpComponent.js
@@ -65,9 +65,9 @@ const Button = styled.button`
   width: 30px;
   height: 30px;
   margin: 3px;
-  :active,
-  :focus,
-  :hover {
+  &:active,
+  &:focus,
+  &:hover {
     outline: none;
     border: 1px solid ${({ theme }) => theme.color('grey')};
   }
diff --git a/src/components/Organisms/DonateBanner/__snapshots__/DonateBanner.test.js.snap b/src/components/Organisms/DonateBanner/__snapshots__/DonateBanner.test.js.snap
index 0af6dbee7..85efc33f6 100644
--- a/src/components/Organisms/DonateBanner/__snapshots__/DonateBanner.test.js.snap
+++ b/src/components/Organisms/DonateBanner/__snapshots__/DonateBanner.test.js.snap
@@ -5,9 +5,6 @@ exports[`Monthly donation renders correctly 1`] = `
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: 400;
   text-transform: inherit;
-  -webkit-letter-spacing: 0;
-  -moz-letter-spacing: 0;
-  -ms-letter-spacing: 0;
   letter-spacing: 0;
   font-size: 1rem;
   line-height: 1.25rem;
@@ -22,9 +19,6 @@ exports[`Monthly donation renders correctly 1`] = `
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: 400;
   text-transform: inherit;
-  -webkit-letter-spacing: 0;
-  -moz-letter-spacing: 0;
-  -ms-letter-spacing: 0;
   letter-spacing: 0;
   font-size: 1rem;
   line-height: 1.25rem;
@@ -45,21 +39,14 @@ exports[`Monthly donation renders correctly 1`] = `
 .c18 {
   width: 100%;
   position: relative;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
   flex-direction: column;
   color: #000000;
 }
 
 .c20 {
   border: 0;
-  -webkit-clip: rect(0 0 0 0);
   clip: rect(0 0 0 0);
-  -webkit-clip-path: inset(50%);
   clip-path: inset(50%);
   height: 1px;
   margin: -1px;
@@ -75,9 +62,6 @@ exports[`Monthly donation renders correctly 1`] = `
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: 400;
   text-transform: inherit;
-  -webkit-letter-spacing: 0;
-  -moz-letter-spacing: 0;
-  -ms-letter-spacing: 0;
   letter-spacing: 0;
   font-size: 1rem;
   line-height: 1.25rem;
@@ -86,17 +70,8 @@ exports[`Monthly donation renders correctly 1`] = `
 .c23 {
   position: relative;
   width: 100%;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-box-pack: end;
-  -webkit-justify-content: flex-end;
-  -ms-flex-pack: end;
   justify-content: flex-end;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
   align-items: center;
 }
 
@@ -111,8 +86,6 @@ exports[`Monthly donation renders correctly 1`] = `
   border: 1px solid;
   border-color: #969598;
   box-shadow: none;
-  -webkit-appearance: none;
-  -moz-appearance: none;
   appearance: none;
   color: #000000;
   border-radius: 0.5rem;
@@ -130,19 +103,10 @@ exports[`Monthly donation renders correctly 1`] = `
   left: 0;
   top: 0;
   z-index: 3;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
   height: 100%;
   width: calc(1.5rem + (1 * 0.5rem));
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
   justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
   align-items: center;
   color: #222222;
   font-weight: 700;
@@ -152,20 +116,9 @@ exports[`Monthly donation renders correctly 1`] = `
 
 .c0 {
   position: relative;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
   flex-direction: column;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
   justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
   align-items: center;
   height: auto;
   background-color: #F4F3F5;
@@ -187,16 +140,12 @@ exports[`Monthly donation renders correctly 1`] = `
 .c1:hover button[data-play-pause],
 .c1:focus-within button[data-play-pause] {
   opacity: 0.8;
-  -webkit-transition-delay: 0s;
   transition-delay: 0s;
 }
 
 .c2 {
   position: relative;
   text-align: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
   align-items: center;
   display: block;
   width: 100%;
@@ -211,20 +160,9 @@ exports[`Monthly donation renders correctly 1`] = `
 }
 
 .c15 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
   flex-direction: column;
-  -webkit-align-items: flex-start;
-  -webkit-box-align: flex-start;
-  -ms-flex-align: flex-start;
   align-items: flex-start;
-  -webkit-box-pack: start;
-  -webkit-justify-content: flex-start;
-  -ms-flex-pack: start;
   justify-content: flex-start;
 }
 
@@ -280,7 +218,7 @@ exports[`Monthly donation renders correctly 1`] = `
   text-align: left;
   font-size: 1rem;
   line-height: 1.25rem;
-  margin: 0.5rem 0 !important;
+  margin: 0.5rem 0!important;
 }
 
 .c17 {
@@ -289,15 +227,8 @@ exports[`Monthly donation renders correctly 1`] = `
 
 .c19 {
   position: relative;
-  -webkit-flex-basis: 50%;
-  -ms-flex-preferred-size: 50%;
   flex-basis: 50%;
-  -webkit-flex-shrink: 0;
-  -ms-flex-negative: 0;
   flex-shrink: 0;
-  -webkit-box-flex: 0;
-  -webkit-flex-grow: 0;
-  -ms-flex-positive: 0;
   flex-grow: 0;
   font-weight: 400;
   display: block;
@@ -307,8 +238,6 @@ exports[`Monthly donation renders correctly 1`] = `
   position: absolute;
   font-size: 20px;
   top: 50%;
-  -webkit-transform: translateY(-50%);
-  -ms-transform: translateY(-50%);
   transform: translateY(-50%);
   left: 0px;
   font-weight: 500;
@@ -345,18 +274,15 @@ exports[`Monthly donation renders correctly 1`] = `
   min-height: 44px;
   cursor: pointer;
   background: #E52630;
-  -webkit-text-decoration: none;
   text-decoration: none;
   border-radius: 0.5rem;
   border: none;
-  -webkit-appearance: none;
-  -moz-appearance: none;
   appearance: none;
 }
 
-.c26:active,
-.c26:focus,
-.c26:hover {
+.c26 :active,
+.c26 :focus,
+.c26 :hover {
   outline: none;
   background-color: #890B11;
 }
@@ -367,15 +293,11 @@ exports[`Monthly donation renders correctly 1`] = `
   z-index: 1;
   display: block;
   position: absolute;
-  -webkit-transition: left 0.15s ease-out;
   transition: left 0.15s ease-out;
   background-color: #E52630;
 }
 
 .c10 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
   margin-bottom: 1.5rem;
 }
@@ -383,27 +305,20 @@ exports[`Monthly donation renders correctly 1`] = `
 .c11 {
   width: 100%;
   position: relative;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
   flex-direction: row;
   overflow: hidden;
   border-radius: 0.5rem;
   background: #FFFFFF;
 }
 
-.c11 .give-monthly:checked ~ .c13 {
+.c11 .give-monthly:checked~.c13 {
   left: calc(50%);
 }
 
 .c11 input {
   border: 0;
-  -webkit-clip: rect(0 0 0 0);
   clip: rect(0 0 0 0);
-  -webkit-clip-path: inset(50%);
   clip-path: inset(50%);
   height: 1px;
   margin: -1px;
@@ -414,7 +329,7 @@ exports[`Monthly donation renders correctly 1`] = `
   width: 1px;
 }
 
-.c11 input:focus-visible + label {
+.c11 input:focus-visible+label {
   z-index: 3;
   box-shadow: inset 0 0 0 2px #2042AD;
 }
@@ -424,23 +339,11 @@ exports[`Monthly donation renders correctly 1`] = `
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: bold;
   min-height: 50px;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
   align-items: center;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
   justify-content: center;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-flex-basis: 50%;
-  -ms-flex-preferred-size: 50%;
   flex-basis: 50%;
   border: none;
-  -webkit-transition: color 0.15s ease-out;
   transition: color 0.15s ease-out;
   z-index: 2;
   cursor: pointer;
@@ -487,75 +390,59 @@ exports[`Monthly donation renders correctly 1`] = `
   box-shadow: inset 0 0 0 4px #E52630;
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c7 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c7 {
     font-size: 1.125rem;
     line-height: 1.375rem;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c16 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c16 {
     font-size: 1.125rem;
     line-height: 1.375rem;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c21 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c21 {
     font-size: 1.25rem;
     line-height: 1.25rem;
   }
 }
 
-@media (min-width:740px) {
-
-}
-
-@media (min-width:1024px) {
-
-}
-
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c0 {
     padding: 0rem 2rem 2rem 2rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c1 {
     min-height: 700px;
-    display: -webkit-box;
-    display: -webkit-flex;
-    display: -ms-flexbox;
     display: flex;
-    -webkit-flex-direction: column;
-    -ms-flex-direction: column;
     flex-direction: column;
-    -webkit-box-pack: center;
-    -webkit-justify-content: center;
-    -ms-flex-pack: center;
     justify-content: center;
     max-width: 1500px;
     margin-left: auto;
@@ -563,42 +450,27 @@ exports[`Monthly donation renders correctly 1`] = `
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c2 {
-    display: -webkit-box;
-    display: -webkit-flex;
-    display: -ms-flexbox;
     display: flex;
     padding: 2rem;
     gap: 2rem;
-    -webkit-flex-direction: row;
-    -ms-flex-direction: row;
     flex-direction: row;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c3 {
-    -webkit-flex: 1 1 0;
-    -ms-flex: 1 1 0;
     flex: 1 1 0;
     min-width: 0;
     width: auto;
-    display: -webkit-box;
-    display: -webkit-flex;
-    display: -ms-flexbox;
     display: flex;
-    -webkit-box-pack: end;
-    -webkit-justify-content: flex-end;
-    -ms-flex-pack: end;
     justify-content: flex-end;
-    -webkit-order: 2;
-    -ms-flex-order: 2;
     order: 2;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c4 {
     width: 100%;
     margin-right: auto;
@@ -606,7 +478,7 @@ exports[`Monthly donation renders correctly 1`] = `
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c4 {
     border-radius: 1rem;
     max-width: 461px;
@@ -616,58 +488,56 @@ exports[`Monthly donation renders correctly 1`] = `
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c5 {
     padding: 2rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c9 {
     font-size: 1.125rem;
     line-height: 1.375rem;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c19 {
-    -webkit-flex-basis: 60%;
-    -ms-flex-preferred-size: 60%;
     flex-basis: 60%;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c25 {
     margin-top: 1.5rem;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c14 {
     height: 52px;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c14 {
     height: 40px;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c11 {
     margin: 0 auto;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c12 {
     min-height: 52px;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c12 {
     min-height: 40px;
   }
@@ -676,20 +546,29 @@ exports[`Monthly donation renders correctly 1`] = `
 <div
   className="c0"
   id="mbship-1"
+  paddingAbove="0rem"
+  paddingBelow="2rem"
+  pageBackgroundColour="grey_light"
 >
   <div
     className="c1"
+    componentBackgroundColour="white"
   >
     <div
       aria-live="polite"
       className="c2"
+      hasTopImage={false}
+      noTitlesAtAll={false}
+      showTitleSection={false}
     >
       <div
         className="c3"
       >
         <form
           className="c4"
+          hasTopImage={false}
           onSubmit={[Function]}
+          shouldShowTitleSection={false}
         >
           <fieldset
             className="c5"
@@ -725,6 +604,7 @@ exports[`Monthly donation renders correctly 1`] = `
                   value="Single"
                 />
                 <label
+                  active={false}
                   className="c12"
                   htmlFor="give-once--mbship-1"
                 >
@@ -741,6 +621,7 @@ exports[`Monthly donation renders correctly 1`] = `
                   value="Monthly"
                 />
                 <label
+                  active={false}
                   className="c12"
                   htmlFor="give-monthly--mbship-1"
                 >
@@ -761,46 +642,54 @@ exports[`Monthly donation renders correctly 1`] = `
               </span>
               <label
                 className="c18 c19"
+                errorMsg=""
                 htmlFor="mbship-1--MoneyBuy-userInput"
+                optional={null}
               >
                 <span
                   className="c7 c20"
                   dangerouslySetInnerHTML={
-                    Object {
+                    {
                       "__html": "Other donation amount",
                     }
                   }
                 />
                 <div
                   className="c21"
+                  error={false}
                 >
                   <div
                     className="c22"
+                    length={1}
                   >
                     £
                   </div>
                   <div
                     className="c23"
+                    error={false}
                   >
                     <input
                       aria-required={false}
+                      chooseAmountText={null}
                       className="c24"
+                      error={false}
                       id="mbship-1--MoneyBuy-userInput"
+                      inputBorderColor={false}
                       max="25000"
                       min="1"
+                      monthlyChooseAmountText={null}
                       name="membership_amount"
                       onChange={[Function]}
                       pattern="^[0-9]+([,.][0-9]{0,2})?$"
                       placeholder="0.00"
+                      prefixLength={1}
                       required={false}
                       step="0.01"
                       type="string"
                       value={10}
                     />
-                    
                   </div>
                 </div>
-                
               </label>
             </div>
             <p
@@ -830,9 +719,6 @@ exports[`Single donation renders correctly 1`] = `
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: 400;
   text-transform: inherit;
-  -webkit-letter-spacing: 0;
-  -moz-letter-spacing: 0;
-  -ms-letter-spacing: 0;
   letter-spacing: 0;
   font-size: 1rem;
   line-height: 1.25rem;
@@ -847,9 +733,6 @@ exports[`Single donation renders correctly 1`] = `
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: 400;
   text-transform: inherit;
-  -webkit-letter-spacing: 0;
-  -moz-letter-spacing: 0;
-  -ms-letter-spacing: 0;
   letter-spacing: 0;
   font-size: 1rem;
   line-height: 1.25rem;
@@ -870,21 +753,14 @@ exports[`Single donation renders correctly 1`] = `
 .c11 {
   width: 100%;
   position: relative;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
   flex-direction: column;
   color: #000000;
 }
 
 .c13 {
   border: 0;
-  -webkit-clip: rect(0 0 0 0);
   clip: rect(0 0 0 0);
-  -webkit-clip-path: inset(50%);
   clip-path: inset(50%);
   height: 1px;
   margin: -1px;
@@ -900,9 +776,6 @@ exports[`Single donation renders correctly 1`] = `
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: 400;
   text-transform: inherit;
-  -webkit-letter-spacing: 0;
-  -moz-letter-spacing: 0;
-  -ms-letter-spacing: 0;
   letter-spacing: 0;
   font-size: 1rem;
   line-height: 1.25rem;
@@ -911,17 +784,8 @@ exports[`Single donation renders correctly 1`] = `
 .c15 {
   position: relative;
   width: 100%;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-box-pack: end;
-  -webkit-justify-content: flex-end;
-  -ms-flex-pack: end;
   justify-content: flex-end;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
   align-items: center;
 }
 
@@ -936,8 +800,6 @@ exports[`Single donation renders correctly 1`] = `
   border: 1px solid;
   border-color: #969598;
   box-shadow: none;
-  -webkit-appearance: none;
-  -moz-appearance: none;
   appearance: none;
   color: #000000;
   border-radius: 0.5rem;
@@ -960,8 +822,6 @@ exports[`Single donation renders correctly 1`] = `
   border: 1px solid;
   border-color: #969598;
   box-shadow: none;
-  -webkit-appearance: none;
-  -moz-appearance: none;
   appearance: none;
   color: #000000;
   border-radius: 0.5rem;
@@ -979,19 +839,10 @@ exports[`Single donation renders correctly 1`] = `
   left: 0;
   top: 0;
   z-index: 3;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
   height: 100%;
   width: calc(1.5rem + (1 * 0.5rem));
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
   justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
   align-items: center;
   color: #222222;
   font-weight: 700;
@@ -1053,20 +904,9 @@ exports[`Single donation renders correctly 1`] = `
 
 .c0 {
   position: relative;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
   flex-direction: column;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
   justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
   align-items: center;
   height: auto;
   background-color: #F4F3F5;
@@ -1088,16 +928,12 @@ exports[`Single donation renders correctly 1`] = `
 .c1:hover button[data-play-pause],
 .c1:focus-within button[data-play-pause] {
   opacity: 0.8;
-  -webkit-transition-delay: 0s;
   transition-delay: 0s;
 }
 
 .c2 {
   position: relative;
   text-align: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
   align-items: center;
   display: block;
   width: 100%;
@@ -1112,20 +948,9 @@ exports[`Single donation renders correctly 1`] = `
 }
 
 .c18 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
   flex-direction: column;
-  -webkit-align-items: flex-start;
-  -webkit-box-align: flex-start;
-  -ms-flex-align: flex-start;
   align-items: flex-start;
-  -webkit-box-pack: start;
-  -webkit-justify-content: flex-start;
-  -ms-flex-pack: start;
   justify-content: flex-start;
 }
 
@@ -1181,27 +1006,17 @@ exports[`Single donation renders correctly 1`] = `
   text-align: left;
   font-size: 1rem;
   line-height: 1.25rem;
-  margin: 0.5rem 0 !important;
+  margin: 0.5rem 0!important;
 }
 
 .c10 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-box-pack: justify;
-  -webkit-justify-content: space-between;
-  -ms-flex-pack: justify;
   justify-content: space-between;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
   flex-direction: column;
   margin-bottom: 1rem;
 }
 
 .c10 label {
-  -webkit-flex: 0 0 31%;
-  -ms-flex: 0 0 31%;
   flex: 0 0 31%;
   margin-bottom: 1rem;
 }
@@ -1217,15 +1032,8 @@ exports[`Single donation renders correctly 1`] = `
 
 .c21 {
   position: relative;
-  -webkit-flex-basis: 50%;
-  -ms-flex-preferred-size: 50%;
   flex-basis: 50%;
-  -webkit-flex-shrink: 0;
-  -ms-flex-negative: 0;
   flex-shrink: 0;
-  -webkit-box-flex: 0;
-  -webkit-flex-grow: 0;
-  -ms-flex-positive: 0;
   flex-grow: 0;
   font-weight: 400;
   display: block;
@@ -1235,8 +1043,6 @@ exports[`Single donation renders correctly 1`] = `
   position: absolute;
   font-size: 20px;
   top: 50%;
-  -webkit-transform: translateY(-50%);
-  -ms-transform: translateY(-50%);
   transform: translateY(-50%);
   left: 0px;
   font-weight: 500;
@@ -1273,119 +1079,96 @@ exports[`Single donation renders correctly 1`] = `
   min-height: 44px;
   cursor: pointer;
   background: #E52630;
-  -webkit-text-decoration: none;
   text-decoration: none;
   border-radius: 0.5rem;
   border: none;
-  -webkit-appearance: none;
-  -moz-appearance: none;
   appearance: none;
 }
 
-.c25:active,
-.c25:focus,
-.c25:hover {
+.c25 :active,
+.c25 :focus,
+.c25 :hover {
   outline: none;
   background-color: #890B11;
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c7 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c7 {
     font-size: 1.125rem;
     line-height: 1.375rem;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c19 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c19 {
     font-size: 1.125rem;
     line-height: 1.375rem;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c14 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c14 {
     font-size: 1.25rem;
     line-height: 1.25rem;
   }
 }
 
-@media (min-width:740px) {
-
-}
-
-@media (min-width:1024px) {
-
-}
-
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c12 input {
     height: 4.5rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c12 input {
     height: 3.4375rem;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c17 input {
     height: 4.5rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c17 input {
     height: 3.4375rem;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c0 {
     padding: 2rem 2rem 2rem 2rem;
   }
 }
 
-@media (min-width:740px) {
-
-}
-
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c1 {
     min-height: 700px;
-    display: -webkit-box;
-    display: -webkit-flex;
-    display: -ms-flexbox;
     display: flex;
-    -webkit-flex-direction: column;
-    -ms-flex-direction: column;
     flex-direction: column;
-    -webkit-box-pack: center;
-    -webkit-justify-content: center;
-    -ms-flex-pack: center;
     justify-content: center;
     max-width: 1500px;
     margin-left: auto;
@@ -1393,46 +1176,27 @@ exports[`Single donation renders correctly 1`] = `
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c2 {
-    display: -webkit-box;
-    display: -webkit-flex;
-    display: -ms-flexbox;
     display: flex;
     padding: 2rem;
     gap: 2rem;
-    -webkit-flex-direction: row;
-    -ms-flex-direction: row;
     flex-direction: row;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c3 {
-    -webkit-flex: 1 1 0;
-    -ms-flex: 1 1 0;
     flex: 1 1 0;
     min-width: 0;
     width: auto;
-    display: -webkit-box;
-    display: -webkit-flex;
-    display: -ms-flexbox;
     display: flex;
-    -webkit-box-pack: start;
-    -webkit-justify-content: flex-start;
-    -ms-flex-pack: start;
     justify-content: flex-start;
-    -webkit-order: 1;
-    -ms-flex-order: 1;
     order: 1;
   }
 }
 
-@media (min-width:1024px) {
-
-}
-
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c4 {
     width: 100%;
     margin-right: auto;
@@ -1440,7 +1204,7 @@ exports[`Single donation renders correctly 1`] = `
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c4 {
     border-radius: 1rem;
     max-width: 461px;
@@ -1450,92 +1214,69 @@ exports[`Single donation renders correctly 1`] = `
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c5 {
     padding: 2rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c9 {
     font-size: 1.125rem;
     line-height: 1.375rem;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c10 {
-    -webkit-flex-direction: row;
-    -ms-flex-direction: row;
     flex-direction: row;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c10 label {
     margin-bottom: 0;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c21 {
-    -webkit-flex-basis: 60%;
-    -ms-flex-preferred-size: 60%;
     flex-basis: 60%;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c24 {
     margin-top: 1.5rem;
   }
 }
 
-@media (min-width:740px) {
-
-}
-
-@media (min-width:1024px) {
-
-}
-
-@media (min-width:740px) {
-
-}
-
-@media (min-width:740px) {
-
-}
-
-@media (min-width:1024px) {
-
-}
-
-@media (min-width:740px) {
-
-}
-
-@media (min-width:1024px) {
-
-}
-
 <div
   className="c0"
   id="mbship-1"
+  paddingAbove="2rem"
+  paddingBelow="2rem"
+  pageBackgroundColour="grey_light"
 >
   <div
     className="c1"
+    componentBackgroundColour="white"
   >
     <div
       aria-live="polite"
       className="c2"
+      hasTopImage={false}
+      noTitlesAtAll={false}
+      showTitleSection={false}
     >
       <div
         className="c3"
       >
         <form
           className="c4"
+          hasTopImage={false}
           onSubmit={[Function]}
+          shouldShowTitleSection={false}
         >
           <fieldset
             className="c5"
@@ -1559,108 +1300,120 @@ exports[`Single donation renders correctly 1`] = `
             >
               <label
                 className="c11 c12"
+                errorMsg=""
                 htmlFor="mbship-1--moneyBuy-box1"
+                optional={null}
               >
                 <span
                   className="c7 c13"
                   dangerouslySetInnerHTML={
-                    Object {
+                    {
                       "__html": "£10",
                     }
                   }
                 />
                 <div
                   className="c14"
+                  error={false}
                 >
-                  
                   <div
                     className="c15"
+                    error={false}
                   >
                     <input
                       aria-required={false}
                       className="c16"
+                      error={false}
                       id="mbship-1--moneyBuy-box1"
+                      isSelected={false}
                       name="mbship-1--moneyBuy1"
                       onClick={[Function]}
                       placeholder=""
+                      prefixLength={0}
                       required={false}
                       type="button"
                       value="£ 10"
                     />
-                    
                   </div>
                 </div>
-                
               </label>
               <label
                 className="c11 c17"
+                errorMsg=""
                 htmlFor="mbship-1--moneyBuy-box2"
+                optional={null}
               >
                 <span
                   className="c7 c13"
                   dangerouslySetInnerHTML={
-                    Object {
+                    {
                       "__html": "£20",
                     }
                   }
                 />
                 <div
                   className="c14"
+                  error={false}
                 >
-                  
                   <div
                     className="c15"
+                    error={false}
                   >
                     <input
                       aria-required={false}
                       className="c16"
+                      error={false}
                       id="mbship-1--moneyBuy-box2"
+                      isSelected={true}
                       name="mbship-1--moneyBuy2"
                       onClick={[Function]}
                       placeholder=""
+                      prefixLength={0}
                       required={false}
                       type="button"
                       value="£ 20"
                     />
-                    
                   </div>
                 </div>
-                
               </label>
               <label
                 className="c11 c12"
+                errorMsg=""
                 htmlFor="mbship-1--moneyBuy-box3"
+                optional={null}
               >
                 <span
                   className="c7 c13"
                   dangerouslySetInnerHTML={
-                    Object {
+                    {
                       "__html": "£30",
                     }
                   }
                 />
                 <div
                   className="c14"
+                  error={false}
                 >
-                  
                   <div
                     className="c15"
+                    error={false}
                   >
                     <input
                       aria-required={false}
                       className="c16"
+                      error={false}
                       id="mbship-1--moneyBuy-box3"
+                      isSelected={false}
                       name="mbship-1--moneyBuy3"
                       onClick={[Function]}
                       placeholder=""
+                      prefixLength={0}
                       required={false}
                       type="button"
                       value="£ 30"
                     />
-                    
                   </div>
                 </div>
-                
               </label>
             </div>
             <div
@@ -1673,46 +1426,54 @@ exports[`Single donation renders correctly 1`] = `
               </span>
               <label
                 className="c11 c21"
+                errorMsg=""
                 htmlFor="mbship-1--MoneyBuy-userInput"
+                optional={null}
               >
                 <span
                   className="c7 c13"
                   dangerouslySetInnerHTML={
-                    Object {
+                    {
                       "__html": "Other donation amount",
                     }
                   }
                 />
                 <div
                   className="c14"
+                  error={false}
                 >
                   <div
                     className="c22"
+                    length={1}
                   >
                     £
                   </div>
                   <div
                     className="c15"
+                    error={false}
                   >
                     <input
                       aria-required={false}
+                      chooseAmountText={null}
                       className="c23"
+                      error={false}
                       id="mbship-1--MoneyBuy-userInput"
+                      inputBorderColor={false}
                       max="25000"
                       min="1"
+                      monthlyChooseAmountText={null}
                       name="membership_amount"
                       onChange={[Function]}
                       pattern="^[0-9]+([,.][0-9]{0,2})?$"
                       placeholder="0.00"
+                      prefixLength={1}
                       required={false}
                       step="0.01"
                       type="string"
                       value={20}
                     />
-                    
                   </div>
                 </div>
-                
               </label>
             </div>
             <p
@@ -1743,9 +1504,6 @@ exports[`Single donation with no Money Buys renders correctly 1`] = `
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: 400;
   text-transform: inherit;
-  -webkit-letter-spacing: 0;
-  -moz-letter-spacing: 0;
-  -ms-letter-spacing: 0;
   letter-spacing: 0;
   font-size: 1rem;
   line-height: 1.25rem;
@@ -1760,9 +1518,6 @@ exports[`Single donation with no Money Buys renders correctly 1`] = `
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: 400;
   text-transform: inherit;
-  -webkit-letter-spacing: 0;
-  -moz-letter-spacing: 0;
-  -ms-letter-spacing: 0;
   letter-spacing: 0;
   font-size: 1rem;
   line-height: 1.25rem;
@@ -1783,21 +1538,14 @@ exports[`Single donation with no Money Buys renders correctly 1`] = `
 .c13 {
   width: 100%;
   position: relative;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
   flex-direction: column;
   color: #000000;
 }
 
 .c15 {
   border: 0;
-  -webkit-clip: rect(0 0 0 0);
   clip: rect(0 0 0 0);
-  -webkit-clip-path: inset(50%);
   clip-path: inset(50%);
   height: 1px;
   margin: -1px;
@@ -1813,9 +1561,6 @@ exports[`Single donation with no Money Buys renders correctly 1`] = `
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: 400;
   text-transform: inherit;
-  -webkit-letter-spacing: 0;
-  -moz-letter-spacing: 0;
-  -ms-letter-spacing: 0;
   letter-spacing: 0;
   font-size: 1rem;
   line-height: 1.25rem;
@@ -1824,17 +1569,8 @@ exports[`Single donation with no Money Buys renders correctly 1`] = `
 .c18 {
   position: relative;
   width: 100%;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-box-pack: end;
-  -webkit-justify-content: flex-end;
-  -ms-flex-pack: end;
   justify-content: flex-end;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
   align-items: center;
 }
 
@@ -1849,8 +1585,6 @@ exports[`Single donation with no Money Buys renders correctly 1`] = `
   border: 1px solid;
   border-color: #969598;
   box-shadow: none;
-  -webkit-appearance: none;
-  -moz-appearance: none;
   appearance: none;
   color: #000000;
   border-radius: 0.5rem;
@@ -1868,19 +1602,10 @@ exports[`Single donation with no Money Buys renders correctly 1`] = `
   left: 0;
   top: 0;
   z-index: 3;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
   height: 100%;
   width: calc(1.5rem + (1 * 0.5rem));
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
   justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
   align-items: center;
   color: #222222;
   font-weight: 700;
@@ -1890,20 +1615,9 @@ exports[`Single donation with no Money Buys renders correctly 1`] = `
 
 .c0 {
   position: relative;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
   flex-direction: column;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
   justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
   align-items: center;
   height: auto;
   background-color: #F4F3F5;
@@ -1925,16 +1639,12 @@ exports[`Single donation with no Money Buys renders correctly 1`] = `
 .c1:hover button[data-play-pause],
 .c1:focus-within button[data-play-pause] {
   opacity: 0.8;
-  -webkit-transition-delay: 0s;
   transition-delay: 0s;
 }
 
 .c2 {
   position: relative;
   text-align: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
   align-items: center;
   display: block;
   width: 100%;
@@ -1949,20 +1659,9 @@ exports[`Single donation with no Money Buys renders correctly 1`] = `
 }
 
 .c10 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
   flex-direction: column;
-  -webkit-align-items: flex-start;
-  -webkit-box-align: flex-start;
-  -ms-flex-align: flex-start;
   align-items: flex-start;
-  -webkit-box-pack: start;
-  -webkit-justify-content: flex-start;
-  -ms-flex-pack: start;
   justify-content: flex-start;
 }
 
@@ -2018,7 +1717,7 @@ exports[`Single donation with no Money Buys renders correctly 1`] = `
   text-align: left;
   font-size: 1rem;
   line-height: 1.25rem;
-  margin: 0.5rem 0 !important;
+  margin: 0.5rem 0!important;
 }
 
 .c12 {
@@ -2027,27 +1726,17 @@ exports[`Single donation with no Money Buys renders correctly 1`] = `
 
 .c14 {
   position: relative;
-  -webkit-flex-basis: 50%;
-  -ms-flex-preferred-size: 50%;
   flex-basis: 50%;
-  -webkit-flex-shrink: 0;
-  -ms-flex-negative: 0;
   flex-shrink: 0;
-  -webkit-box-flex: 0;
-  -webkit-flex-grow: 0;
-  -ms-flex-positive: 0;
   flex-grow: 0;
   font-weight: 400;
   display: block;
-  margin-top: 0.5rem;
 }
 
 .c14 span {
   position: absolute;
   font-size: 20px;
   top: 50%;
-  -webkit-transform: translateY(-50%);
-  -ms-transform: translateY(-50%);
   transform: translateY(-50%);
   left: 0px;
   font-weight: 500;
@@ -2069,6 +1758,13 @@ exports[`Single donation with no Money Buys renders correctly 1`] = `
 }
 
 .c20 {
+  line-height: 1.25rem;
+  color: #000000;
+  margin-top: 1rem;
+  margin-bottom: 0;
+}
+
+.c21 {
   width: 100%;
   margin-top: 2rem;
   color: #FFFFFF;
@@ -2077,91 +1773,72 @@ exports[`Single donation with no Money Buys renders correctly 1`] = `
   min-height: 44px;
   cursor: pointer;
   background: #E52630;
-  -webkit-text-decoration: none;
   text-decoration: none;
   border-radius: 0.5rem;
   border: none;
-  -webkit-appearance: none;
-  -moz-appearance: none;
   appearance: none;
 }
 
-.c20:active,
-.c20:focus,
-.c20:hover {
+.c21 :active,
+.c21 :focus,
+.c21 :hover {
   outline: none;
   background-color: #890B11;
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c7 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c7 {
     font-size: 1.125rem;
     line-height: 1.375rem;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c11 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c11 {
     font-size: 1.125rem;
     line-height: 1.375rem;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c16 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c16 {
     font-size: 1.25rem;
     line-height: 1.25rem;
   }
 }
 
-@media (min-width:740px) {
-
-}
-
-@media (min-width:1024px) {
-
-}
-
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c0 {
     padding: 0rem 2rem 0rem 2rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c1 {
     min-height: 700px;
-    display: -webkit-box;
-    display: -webkit-flex;
-    display: -ms-flexbox;
     display: flex;
-    -webkit-flex-direction: column;
-    -ms-flex-direction: column;
     flex-direction: column;
-    -webkit-box-pack: center;
-    -webkit-justify-content: center;
-    -ms-flex-pack: center;
     justify-content: center;
     max-width: 1500px;
     margin-left: auto;
@@ -2169,42 +1846,27 @@ exports[`Single donation with no Money Buys renders correctly 1`] = `
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c2 {
-    display: -webkit-box;
-    display: -webkit-flex;
-    display: -ms-flexbox;
     display: flex;
     padding: 2rem;
     gap: 2rem;
-    -webkit-flex-direction: row;
-    -ms-flex-direction: row;
     flex-direction: row;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c3 {
-    -webkit-flex: 1 1 0;
-    -ms-flex: 1 1 0;
     flex: 1 1 0;
     min-width: 0;
     width: auto;
-    display: -webkit-box;
-    display: -webkit-flex;
-    display: -ms-flexbox;
     display: flex;
-    -webkit-box-pack: end;
-    -webkit-justify-content: flex-end;
-    -ms-flex-pack: end;
     justify-content: flex-end;
-    -webkit-order: 2;
-    -ms-flex-order: 2;
     order: 2;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c4 {
     width: 100%;
     margin-right: auto;
@@ -2212,7 +1874,7 @@ exports[`Single donation with no Money Buys renders correctly 1`] = `
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c4 {
     border-radius: 1rem;
     max-width: 461px;
@@ -2222,44 +1884,57 @@ exports[`Single donation with no Money Buys renders correctly 1`] = `
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c5 {
     padding: 2rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c9 {
     font-size: 1.125rem;
     line-height: 1.375rem;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c14 {
-    -webkit-flex-basis: 60%;
-    -ms-flex-preferred-size: 60%;
     flex-basis: 60%;
   }
 }
 
+@media (min-width: 740px) {
+  .c20 {
+    margin-top: 1.5rem;
+  }
+}
+
 <div
   className="c0"
   id="mbship-1"
+  paddingAbove="0rem"
+  paddingBelow="0rem"
+  pageBackgroundColour="grey_light"
 >
   <div
     className="c1"
+    componentBackgroundColour="white"
   >
     <div
       aria-live="polite"
       className="c2"
+      hasTopImage={false}
+      noTitlesAtAll={false}
+      showTitleSection={false}
     >
       <div
         className="c3"
       >
         <form
           className="c4"
+          hasTopImage={false}
           onSubmit={[Function]}
+          shouldShowTitleSection={false}
         >
           <fieldset
             className="c5"
@@ -2288,50 +1963,65 @@ exports[`Single donation with no Money Buys renders correctly 1`] = `
               </span>
               <label
                 className="c13 c14"
+                errorMsg=""
                 htmlFor="mbship-1--MoneyBuy-userInput"
+                optional={null}
               >
                 <span
                   className="c7 c15"
                   dangerouslySetInnerHTML={
-                    Object {
-                      "__html": "Donation amount",
+                    {
+                      "__html": "Other donation amount",
                     }
                   }
                 />
                 <div
                   className="c16"
+                  error={false}
                 >
                   <div
                     className="c17"
+                    length={1}
                   >
                     £
                   </div>
                   <div
                     className="c18"
+                    error={false}
                   >
                     <input
                       aria-required={false}
+                      chooseAmountText="Overridden choose amount text"
                       className="c19"
+                      error={false}
                       id="mbship-1--MoneyBuy-userInput"
+                      inputBorderColor={false}
                       max="25000"
                       min="1"
+                      monthlyChooseAmountText={null}
                       name="membership_amount"
                       onChange={[Function]}
                       pattern="^[0-9]+([,.][0-9]{0,2})?$"
                       placeholder="0.00"
+                      prefixLength={1}
                       required={false}
                       step="0.01"
                       type="string"
                       value={10}
                     />
-                    
                   </div>
                 </div>
-                
               </label>
             </div>
+            <p
+              className="c20"
+            >
+              <strong>
+                £10 
+              </strong>
+            </p>
             <button
-              className="c20 Button_DonateWidget"
+              className="c21 Button_DonateWidget"
               color="red"
               type="submit"
             >
@@ -2350,9 +2040,6 @@ exports[`Text-only donate widget renders correctly 1`] = `
   font-family: 'Anton',Impact,sans-serif;
   font-weight: 400;
   text-transform: uppercase;
-  -webkit-letter-spacing: 0;
-  -moz-letter-spacing: 0;
-  -ms-letter-spacing: 0;
   letter-spacing: 0;
   font-size: 2rem;
   line-height: 2rem;
@@ -2367,9 +2054,6 @@ exports[`Text-only donate widget renders correctly 1`] = `
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: 400;
   text-transform: inherit;
-  -webkit-letter-spacing: 0;
-  -moz-letter-spacing: 0;
-  -ms-letter-spacing: 0;
   letter-spacing: 0;
   font-size: 1rem;
   line-height: 1.25rem;
@@ -2380,48 +2064,38 @@ exports[`Text-only donate widget renders correctly 1`] = `
   line-height: inherit;
 }
 
-.c18 {
+.c26 {
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: 400;
   text-transform: inherit;
-  -webkit-letter-spacing: 0;
-  -moz-letter-spacing: 0;
-  -ms-letter-spacing: 0;
   letter-spacing: 0;
   font-size: 1rem;
   line-height: 1.25rem;
 }
 
-.c18 {
+.c26 {
   font-size: 1rem;
   line-height: normal;
   font-weight: 500;
   color: #000000;
 }
 
-.c18 span {
+.c26 span {
   font-size: inherit;
   line-height: inherit;
 }
 
-.c20 {
+.c18 {
   width: 100%;
   position: relative;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
   flex-direction: column;
   color: #000000;
 }
 
-.c22 {
+.c20 {
   border: 0;
-  -webkit-clip: rect(0 0 0 0);
   clip: rect(0 0 0 0);
-  -webkit-clip-path: inset(50%);
   clip-path: inset(50%);
   height: 1px;
   margin: -1px;
@@ -2432,37 +2106,25 @@ exports[`Text-only donate widget renders correctly 1`] = `
   width: 1px;
 }
 
-.c23 {
+.c21 {
   position: relative;
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: 400;
   text-transform: inherit;
-  -webkit-letter-spacing: 0;
-  -moz-letter-spacing: 0;
-  -ms-letter-spacing: 0;
   letter-spacing: 0;
   font-size: 1rem;
   line-height: 1.25rem;
 }
 
-.c25 {
+.c22 {
   position: relative;
   width: 100%;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-box-pack: end;
-  -webkit-justify-content: flex-end;
-  -ms-flex-pack: end;
   justify-content: flex-end;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
   align-items: center;
 }
 
-.c26 {
+.c30 {
   position: relative;
   box-sizing: border-box;
   width: 100%;
@@ -2473,8 +2135,6 @@ exports[`Text-only donate widget renders correctly 1`] = `
   border: 1px solid;
   border-color: #969598;
   box-shadow: none;
-  -webkit-appearance: none;
-  -moz-appearance: none;
   appearance: none;
   color: #000000;
   border-radius: 0.5rem;
@@ -2483,28 +2143,41 @@ exports[`Text-only donate widget renders correctly 1`] = `
   font-family: inherit;
 }
 
-.c26:focus {
+.c30:focus {
   border: 1px solid #666;
 }
 
-.c24 {
+.c23 {
+  position: relative;
+  box-sizing: border-box;
+  width: 100%;
+  height: 48px;
+  padding: 1rem;
+  background-color: #F4F3F5;
+  border: 1px solid;
+  border-color: #969598;
+  box-shadow: none;
+  appearance: none;
+  color: #000000;
+  border-radius: 0.5rem;
+  font-size: inherit;
+  z-index: 2;
+  font-family: inherit;
+}
+
+.c23:focus {
+  border: 1px solid #666;
+}
+
+.c29 {
   position: absolute;
   left: 0;
   top: 0;
   z-index: 3;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
   height: 100%;
   width: calc(1.5rem + (1 * 0.5rem));
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
   justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
   align-items: center;
   color: #222222;
   font-weight: 700;
@@ -2512,22 +2185,63 @@ exports[`Text-only donate widget renders correctly 1`] = `
   margin-left: 2px;
 }
 
+.c24 {
+  display: block;
+}
+
+.c24 input {
+  border: none;
+  background-color: #FFFFFF;
+  color: #000000;
+  font-size: 1.5rem;
+  font-family: 'Anton',Impact,sans-serif;
+  font-weight: normal;
+  border-radius: 0.5rem;
+  height: 3.75rem;
+  border: 1px solid #969598;
+  background-color: #E52630;
+  border: 1px solid #E52630;
+  color: #FFFFFF;
+}
+
+.c24 input:focus {
+  border: 1px solid #E52630;
+}
+
+.c24 input:hover {
+  background-color: #890B11;
+  border-color: #890B11;
+}
+
+.c19 {
+  display: block;
+}
+
+.c19 input {
+  border: none;
+  background-color: #FFFFFF;
+  color: #000000;
+  font-size: 1.5rem;
+  font-family: 'Anton',Impact,sans-serif;
+  font-weight: normal;
+  border-radius: 0.5rem;
+  height: 3.75rem;
+  border: 1px solid #969598;
+}
+
+.c19 input:focus {
+  border: 1px solid #E52630;
+}
+
+.c19 input:hover {
+  background-color: #E1E2E3;
+}
+
 .c0 {
   position: relative;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
   flex-direction: column;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
   justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
   align-items: center;
   height: auto;
   background-color: #F4F3F5;
@@ -2549,16 +2263,12 @@ exports[`Text-only donate widget renders correctly 1`] = `
 .c1:hover button[data-play-pause],
 .c1:focus-within button[data-play-pause] {
   opacity: 0.8;
-  -webkit-transition-delay: 0s;
   transition-delay: 0s;
 }
 
 .c2 {
   position: relative;
   text-align: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
   align-items: center;
   display: block;
   width: 100%;
@@ -2572,21 +2282,10 @@ exports[`Text-only donate widget renders correctly 1`] = `
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
 }
 
-.c17 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
+.c25 {
   display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
   flex-direction: column;
-  -webkit-align-items: flex-start;
-  -webkit-box-align: flex-start;
-  -ms-flex-align: flex-start;
   align-items: flex-start;
-  -webkit-box-pack: start;
-  -webkit-justify-content: flex-start;
-  -ms-flex-pack: start;
   justify-content: flex-start;
 }
 
@@ -2642,36 +2341,43 @@ exports[`Text-only donate widget renders correctly 1`] = `
   text-align: left;
   font-size: 1rem;
   line-height: 1.25rem;
-  margin: 0.5rem 0 !important;
+  margin: 0.5rem 0!important;
 }
 
-.c19 {
+.c17 {
+  display: flex;
+  justify-content: space-between;
+  flex-direction: column;
+  margin-bottom: 1rem;
+}
+
+.c17 label {
+  flex: 0 0 31%;
+  margin-bottom: 1rem;
+}
+
+.c17 label input {
+  cursor: pointer;
+  padding: 0.5rem 1.5rem;
+}
+
+.c27 {
   margin-bottom: 0.5rem;
 }
 
-.c21 {
+.c28 {
   position: relative;
-  -webkit-flex-basis: 50%;
-  -ms-flex-preferred-size: 50%;
   flex-basis: 50%;
-  -webkit-flex-shrink: 0;
-  -ms-flex-negative: 0;
   flex-shrink: 0;
-  -webkit-box-flex: 0;
-  -webkit-flex-grow: 0;
-  -ms-flex-positive: 0;
   flex-grow: 0;
   font-weight: 400;
   display: block;
-  margin-top: 0.5rem;
 }
 
-.c21 span {
+.c28 span {
   position: absolute;
   font-size: 20px;
   top: 50%;
-  -webkit-transform: translateY(-50%);
-  -ms-transform: translateY(-50%);
   transform: translateY(-50%);
   left: 0px;
   font-weight: 500;
@@ -2679,7 +2385,7 @@ exports[`Text-only donate widget renders correctly 1`] = `
   z-index: 3;
 }
 
-.c21 input {
+.c28 input {
   height: 48px;
   border: 1px solid #969598;
   background: #F4F3F5;
@@ -2687,12 +2393,19 @@ exports[`Text-only donate widget renders correctly 1`] = `
   padding: 0.5rem 1rem 0.5rem 2rem;
 }
 
-.c21 input:focus {
+.c28 input:focus {
   outline: none;
   border: 1px solid #969598;
 }
 
-.c27 {
+.c31 {
+  line-height: 1.25rem;
+  color: #000000;
+  margin-top: 1rem;
+  margin-bottom: 0;
+}
+
+.c32 {
   width: 100%;
   margin-top: 2rem;
   color: #FFFFFF;
@@ -2701,18 +2414,15 @@ exports[`Text-only donate widget renders correctly 1`] = `
   min-height: 44px;
   cursor: pointer;
   background: #E52630;
-  -webkit-text-decoration: none;
   text-decoration: none;
   border-radius: 0.5rem;
   border: none;
-  -webkit-appearance: none;
-  -moz-appearance: none;
   appearance: none;
 }
 
-.c27:active,
-.c27:focus,
-.c27:hover {
+.c32 :active,
+.c32 :focus,
+.c32 :hover {
   outline: none;
   background-color: #890B11;
 }
@@ -2723,15 +2433,11 @@ exports[`Text-only donate widget renders correctly 1`] = `
   z-index: 1;
   display: block;
   position: absolute;
-  -webkit-transition: left 0.15s ease-out;
   transition: left 0.15s ease-out;
   background-color: #E52630;
 }
 
 .c11 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
   margin-bottom: 1.5rem;
 }
@@ -2739,27 +2445,20 @@ exports[`Text-only donate widget renders correctly 1`] = `
 .c12 {
   width: 100%;
   position: relative;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
   flex-direction: row;
   overflow: hidden;
   border-radius: 0.5rem;
   background: #FFFFFF;
 }
 
-.c12 .give-monthly:checked ~ .c15 {
+.c12 .give-monthly:checked~.c15 {
   left: calc(50%);
 }
 
 .c12 input {
   border: 0;
-  -webkit-clip: rect(0 0 0 0);
   clip: rect(0 0 0 0);
-  -webkit-clip-path: inset(50%);
   clip-path: inset(50%);
   height: 1px;
   margin: -1px;
@@ -2770,7 +2469,7 @@ exports[`Text-only donate widget renders correctly 1`] = `
   width: 1px;
 }
 
-.c12 input:focus-visible + label {
+.c12 input:focus-visible+label {
   z-index: 3;
   box-shadow: inset 0 0 0 2px #2042AD;
 }
@@ -2780,23 +2479,11 @@ exports[`Text-only donate widget renders correctly 1`] = `
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: bold;
   min-height: 50px;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
   align-items: center;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
   justify-content: center;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-flex-basis: 50%;
-  -ms-flex-preferred-size: 50%;
   flex-basis: 50%;
   border: none;
-  -webkit-transition: color 0.15s ease-out;
   transition: color 0.15s ease-out;
   z-index: 2;
   cursor: pointer;
@@ -2848,23 +2535,11 @@ exports[`Text-only donate widget renders correctly 1`] = `
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: bold;
   min-height: 50px;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
   align-items: center;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
   justify-content: center;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-flex-basis: 50%;
-  -ms-flex-preferred-size: 50%;
   flex-basis: 50%;
   border: none;
-  -webkit-transition: color 0.15s ease-out;
   transition: color 0.15s ease-out;
   z-index: 2;
   cursor: default;
@@ -2911,93 +2586,97 @@ exports[`Text-only donate widget renders correctly 1`] = `
   box-shadow: inset 0 0 0 4px #E52630;
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c7 {
     font-size: 2.5rem;
     line-height: 2.5rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c7 {
     font-size: 3rem;
     line-height: 3rem;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c9 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c9 {
     font-size: 1.125rem;
     line-height: 1.375rem;
   }
 }
 
-@media (min-width:740px) {
-  .c18 {
+@media (min-width: 740px) {
+  .c26 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
-@media (min-width:1024px) {
-  .c18 {
+@media (min-width: 1024px) {
+  .c26 {
     font-size: 1.125rem;
     line-height: 1.375rem;
   }
 }
 
-@media (min-width:740px) {
-  .c23 {
+@media (min-width: 740px) {
+  .c21 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
-@media (min-width:1024px) {
-  .c23 {
+@media (min-width: 1024px) {
+  .c21 {
     font-size: 1.25rem;
     line-height: 1.25rem;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
+  .c24 input {
+    height: 4.5rem;
+  }
+}
 
+@media (min-width: 1024px) {
+  .c24 input {
+    height: 3.4375rem;
+  }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 740px) {
+  .c19 input {
+    height: 4.5rem;
+  }
+}
 
+@media (min-width: 1024px) {
+  .c19 input {
+    height: 3.4375rem;
+  }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c0 {
     padding: 2rem 2rem 2rem 2rem;
   }
 }
 
-@media (min-width:740px) {
-
-}
-
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c1 {
     min-height: 700px;
-    display: -webkit-box;
-    display: -webkit-flex;
-    display: -ms-flexbox;
     display: flex;
-    -webkit-flex-direction: column;
-    -ms-flex-direction: column;
     flex-direction: column;
-    -webkit-box-pack: center;
-    -webkit-justify-content: center;
-    -ms-flex-pack: center;
     justify-content: center;
     max-width: 1500px;
     margin-left: auto;
@@ -3005,46 +2684,27 @@ exports[`Text-only donate widget renders correctly 1`] = `
   }
 }
 
-@media (min-width:1024px) {
-
-}
-
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c2 {
-    display: -webkit-box;
-    display: -webkit-flex;
-    display: -ms-flexbox;
     display: flex;
     padding: 2rem;
     gap: 2rem;
-    -webkit-flex-direction: row;
-    -ms-flex-direction: row;
     flex-direction: row;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c3 {
-    -webkit-flex: 1 1 0;
-    -ms-flex: 1 1 0;
     flex: 1 1 0;
     min-width: 0;
     width: auto;
-    display: -webkit-box;
-    display: -webkit-flex;
-    display: -ms-flexbox;
     display: flex;
-    -webkit-box-pack: end;
-    -webkit-justify-content: flex-end;
-    -ms-flex-pack: end;
     justify-content: flex-end;
-    -webkit-order: 2;
-    -ms-flex-order: 2;
     order: 2;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c4 {
     width: 100%;
     margin-right: auto;
@@ -3052,7 +2712,7 @@ exports[`Text-only donate widget renders correctly 1`] = `
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c4 {
     border-radius: 1rem;
     max-width: 461px;
@@ -3062,64 +2722,80 @@ exports[`Text-only donate widget renders correctly 1`] = `
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c5 {
     padding: 2rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c10 {
     font-size: 1.125rem;
     line-height: 1.375rem;
   }
 }
 
-@media (min-width:740px) {
-  .c21 {
-    -webkit-flex-basis: 60%;
-    -ms-flex-preferred-size: 60%;
+@media (min-width: 740px) {
+  .c17 {
+    flex-direction: row;
+  }
+}
+
+@media (min-width: 740px) {
+  .c17 label {
+    margin-bottom: 0;
+  }
+}
+
+@media (min-width: 740px) {
+  .c28 {
     flex-basis: 60%;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
+  .c31 {
+    margin-top: 1.5rem;
+  }
+}
+
+@media (min-width: 740px) {
   .c16 {
     height: 52px;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c16 {
     height: 40px;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c12 {
     margin: 0 auto;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c14 {
     min-height: 52px;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c14 {
     min-height: 40px;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c13 {
     min-height: 52px;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c13 {
     min-height: 40px;
   }
@@ -3128,20 +2804,29 @@ exports[`Text-only donate widget renders correctly 1`] = `
 <div
   className="c0"
   id="mbship-4"
+  paddingAbove="2rem"
+  paddingBelow="2rem"
+  pageBackgroundColour="grey_light"
 >
   <div
     className="c1"
+    componentBackgroundColour="deep_violet_dark"
   >
     <div
       aria-live="polite"
       className="c2"
+      hasTopImage={false}
+      noTitlesAtAll={false}
+      showTitleSection={false}
     >
       <div
         className="c3"
       >
         <form
           className="c4"
+          hasTopImage={false}
           onSubmit={[Function]}
+          shouldShowTitleSection={false}
         >
           <fieldset
             className="c5"
@@ -3177,6 +2862,7 @@ exports[`Text-only donate widget renders correctly 1`] = `
                   value="Single"
                 />
                 <label
+                  active={true}
                   className="c13"
                   htmlFor="give-once--mbship-4"
                 >
@@ -3193,6 +2879,7 @@ exports[`Text-only donate widget renders correctly 1`] = `
                   value="Monthly"
                 />
                 <label
+                  active={false}
                   className="c14"
                   htmlFor="give-monthly--mbship-4"
                 >
@@ -3206,57 +2893,194 @@ exports[`Text-only donate widget renders correctly 1`] = `
             <div
               className="c17"
             >
-              <span
+              <label
                 className="c18 c19"
+                errorMsg=""
+                htmlFor="mbship-4--moneyBuy-box1"
+                optional={null}
+              >
+                <span
+                  className="c9 c20"
+                  dangerouslySetInnerHTML={
+                    {
+                      "__html": "£12.10",
+                    }
+                  }
+                />
+                <div
+                  className="c21"
+                  error={false}
+                >
+                  <div
+                    className="c22"
+                    error={false}
+                  >
+                    <input
+                      aria-required={false}
+                      className="c23"
+                      error={false}
+                      id="mbship-4--moneyBuy-box1"
+                      isSelected={false}
+                      name="mbship-4--moneyBuy1"
+                      onClick={[Function]}
+                      placeholder=""
+                      prefixLength={0}
+                      required={false}
+                      type="button"
+                      value="£ 12.10"
+                    />
+                  </div>
+                </div>
+              </label>
+              <label
+                className="c18 c24"
+                errorMsg=""
+                htmlFor="mbship-4--moneyBuy-box2"
+                optional={null}
+              >
+                <span
+                  className="c9 c20"
+                  dangerouslySetInnerHTML={
+                    {
+                      "__html": "£50.00",
+                    }
+                  }
+                />
+                <div
+                  className="c21"
+                  error={false}
+                >
+                  <div
+                    className="c22"
+                    error={false}
+                  >
+                    <input
+                      aria-required={false}
+                      className="c23"
+                      error={false}
+                      id="mbship-4--moneyBuy-box2"
+                      isSelected={true}
+                      name="mbship-4--moneyBuy2"
+                      onClick={[Function]}
+                      placeholder=""
+                      prefixLength={0}
+                      required={false}
+                      type="button"
+                      value="£ 50"
+                    />
+                  </div>
+                </div>
+              </label>
+              <label
+                className="c18 c19"
+                errorMsg=""
+                htmlFor="mbship-4--moneyBuy-box3"
+                optional={null}
+              >
+                <span
+                  className="c9 c20"
+                  dangerouslySetInnerHTML={
+                    {
+                      "__html": "£100.00",
+                    }
+                  }
+                />
+                <div
+                  className="c21"
+                  error={false}
+                >
+                  <div
+                    className="c22"
+                    error={false}
+                  >
+                    <input
+                      aria-required={false}
+                      className="c23"
+                      error={false}
+                      id="mbship-4--moneyBuy-box3"
+                      isSelected={false}
+                      name="mbship-4--moneyBuy3"
+                      onClick={[Function]}
+                      placeholder=""
+                      prefixLength={0}
+                      required={false}
+                      type="button"
+                      value="£ 100"
+                    />
+                  </div>
+                </div>
+              </label>
+            </div>
+            <div
+              className="c25"
+            >
+              <span
+                className="c26 c27"
               >
                 Enter another amount
               </span>
               <label
-                className="c20 c21"
+                className="c18 c28"
+                errorMsg=""
                 htmlFor="mbship-4--MoneyBuy-userInput"
+                optional={null}
               >
                 <span
-                  className="c9 c22"
+                  className="c9 c20"
                   dangerouslySetInnerHTML={
-                    Object {
-                      "__html": "Donation amount",
+                    {
+                      "__html": "Other donation amount",
                     }
                   }
                 />
                 <div
-                  className="c23"
+                  className="c21"
+                  error={false}
                 >
                   <div
-                    className="c24"
+                    className="c29"
+                    length={1}
                   >
                     £
                   </div>
                   <div
-                    className="c25"
+                    className="c22"
+                    error={false}
                   >
                     <input
                       aria-required={false}
-                      className="c26"
+                      chooseAmountText="Enter an amount to give"
+                      className="c30"
+                      error={false}
                       id="mbship-4--MoneyBuy-userInput"
+                      inputBorderColor={false}
                       max="25000"
                       min="1"
+                      monthlyChooseAmountText={null}
                       name="membership_amount"
                       onChange={[Function]}
                       pattern="^[0-9]+([,.][0-9]{0,2})?$"
                       placeholder="0.00"
+                      prefixLength={1}
                       required={false}
                       step="0.01"
                       type="string"
                       value="50"
                     />
-                    
                   </div>
                 </div>
-                
               </label>
             </div>
+            <p
+              className="c31"
+            >
+              <strong>
+                £50 
+              </strong>
+              could fund a specialist therapy session for a young person who has experienced or is at risk of homelessness
+            </p>
             <button
-              className="c27 Button_DonateWidget"
+              className="c32 Button_DonateWidget"
               color="red"
               type="submit"
             >
diff --git a/src/components/Organisms/DynamicGallery/DynamicGallery.md b/src/components/Organisms/DynamicGallery/DynamicGallery.md
deleted file mode 100644
index 25645e37e..000000000
--- a/src/components/Organisms/DynamicGallery/DynamicGallery.md
+++ /dev/null
@@ -1,30 +0,0 @@
-# Dynamic Gallery
-
-### Empty gallery
-
-```js
-<DynamicGallery />
-```
-
-### Basic gallery
-
-```js
-const defaultData = require('../../../styleguide/data/data').defaultData;       
-import createMockGalleryNodes from './_utils';
-<DynamicGallery nodes={createMockGalleryNodes(50)} />;
-```
-
-### Customised gallery with multiple options
-```js
-const defaultData = require('../../../styleguide/data/data').defaultData;
-import createMockGalleryNodes from './_utils';
-<DynamicGallery gridWidth={4} nodes={createMockGalleryNodes(30)} loadingBehaviour="all" imageRatio="4:3" pageBackgroundColour="blue" textColour="white" paddingTop="6rem" paddingBottom="6rem" useLightbox={false} />;
-```
-
-### Gallery with max 5 columns
-
-```js
-const defaultData = require('../../../styleguide/data/data').defaultData;
-import createMockGalleryNodes from './_utils';
-<DynamicGallery gridWidth={5} nodes={createMockGalleryNodes(5)} />;
-```
diff --git a/src/components/Organisms/DynamicGallery/DynamicGalleryExample.jsx b/src/components/Organisms/DynamicGallery/DynamicGalleryExample.jsx
new file mode 100644
index 000000000..1a192d31e
--- /dev/null
+++ b/src/components/Organisms/DynamicGallery/DynamicGalleryExample.jsx
@@ -0,0 +1,39 @@
+import React from 'react';
+import DynamicGallery from './DynamicGallery';
+import createMockGalleryNodes from './_utils';
+
+export default function DynamicGalleryExample() {
+  return (
+    <>
+      <div data-testid="gallery-empty">
+        <h3>Empty gallery</h3>
+        <DynamicGallery />
+      </div>
+
+      <div data-testid="gallery-basic">
+        <h3>Basic gallery (50 nodes)</h3>
+        <DynamicGallery nodes={createMockGalleryNodes(50)} />
+      </div>
+
+      <div data-testid="gallery-customised">
+        <h3>Customised (4 columns, load all, 4:3 ratio, blue bg)</h3>
+        <DynamicGallery
+          gridWidth={4}
+          nodes={createMockGalleryNodes(30)}
+          loadingBehaviour="all"
+          imageRatio="4:3"
+          pageBackgroundColour="blue"
+          textColour="white"
+          paddingTop="6rem"
+          paddingBottom="6rem"
+          useLightbox={false}
+        />
+      </div>
+
+      <div data-testid="gallery-max5">
+        <h3>Max 5 columns</h3>
+        <DynamicGallery gridWidth={5} nodes={createMockGalleryNodes(5)} />
+      </div>
+    </>
+  );
+}
diff --git a/src/components/Organisms/DynamicGallery/_Lightbox.style.js b/src/components/Organisms/DynamicGallery/_Lightbox.style.js
index 080cc72c7..15919b0a9 100644
--- a/src/components/Organisms/DynamicGallery/_Lightbox.style.js
+++ b/src/components/Organisms/DynamicGallery/_Lightbox.style.js
@@ -117,7 +117,7 @@ export const NavButton = styled.button`
     }
   }
 
-  :focus-visible {
+  &:focus-visible {
     outline: 2px solid ${({ theme }) => theme.color('red')};
   }
 `;
diff --git a/src/components/Organisms/DynamicGallery/__snapshots__/DynamicGallery.test.js.snap b/src/components/Organisms/DynamicGallery/__snapshots__/DynamicGallery.test.js.snap
index a077fd3ab..396e451df 100644
--- a/src/components/Organisms/DynamicGallery/__snapshots__/DynamicGallery.test.js.snap
+++ b/src/components/Organisms/DynamicGallery/__snapshots__/DynamicGallery.test.js.snap
@@ -16,16 +16,12 @@ exports[`handle a Dynamic Gallery with mocked gallery nodes 1`] = `
 }
 
 .c18 {
-  -webkit-transform: rotate(180deg);
-  -ms-transform: rotate(180deg);
-  transform: rotate(180deg);
+  transform: rotate(0);
   fill: #000000;
 }
 
 .c20 {
-  -webkit-transform: rotate(0);
-  -ms-transform: rotate(0);
-  transform: rotate(0);
+  transform: rotate(180deg);
   fill: #000000;
 }
 
@@ -39,17 +35,8 @@ exports[`handle a Dynamic Gallery with mocked gallery nodes 1`] = `
   left: 0;
   width: 100%;
   height: 100%;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
   justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
   align-items: center;
   z-index: 2000;
   visibility: hidden;
@@ -75,16 +62,8 @@ exports[`handle a Dynamic Gallery with mocked gallery nodes 1`] = `
 }
 
 .c12 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
   flex-direction: column;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
   align-items: center;
   gap: 1rem;
   position: relative;
@@ -95,43 +74,23 @@ exports[`handle a Dynamic Gallery with mocked gallery nodes 1`] = `
 
 .c13 {
   position: relative;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
   align-items: center;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
   justify-content: center;
   min-width: 128px;
   min-height: 32px;
   width: 100%;
 }
 
-.c13 > div {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
+.c13>div {
   display: flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
   align-items: center;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
   justify-content: center;
-  -webkit-transition: width 0.3s ease-in-out,height 0.3s ease-in-out;
   transition: width 0.3s ease-in-out,height 0.3s ease-in-out;
 }
 
 .c13 img {
   opacity: 0;
-  -webkit-transition: opacity 0.1s ease-out 0.3s;
   transition: opacity 0.1s ease-out 0.3s;
 }
 
@@ -139,22 +98,12 @@ exports[`handle a Dynamic Gallery with mocked gallery nodes 1`] = `
   position: absolute;
   top: 50%;
   left: 50%;
-  -webkit-transform: translate(-50%,-50%);
-  -ms-transform: translate(-50%,-50%);
   transform: translate(-50%,-50%);
 }
 
 .c21 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
   flex-direction: column;
-  -webkit-align-items: stretch;
-  -webkit-box-align: stretch;
-  -ms-flex-align: stretch;
   align-items: stretch;
   gap: 0.5rem;
   width: 100%;
@@ -164,17 +113,8 @@ exports[`handle a Dynamic Gallery with mocked gallery nodes 1`] = `
 
 .c15 {
   position: absolute;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
   align-items: center;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
   justify-content: center;
   width: 2.5rem;
   height: 2.5rem;
@@ -186,7 +126,6 @@ exports[`handle a Dynamic Gallery with mocked gallery nodes 1`] = `
 }
 
 .c15 svg {
-  -webkit-transition: fill 0.1s ease-out;
   transition: fill 0.1s ease-out;
 }
 
@@ -202,31 +141,19 @@ exports[`handle a Dynamic Gallery with mocked gallery nodes 1`] = `
 .c16 {
   top: 50%;
   left: 0;
-  -webkit-transform: translate(-1rem,-50%);
-  -ms-transform: translate(-1rem,-50%);
   transform: translate(-1rem,-50%);
 }
 
 .c19 {
   top: 50%;
   right: 0;
-  -webkit-transform: translate(1rem,-50%);
-  -ms-transform: translate(1rem,-50%);
   transform: translate(1rem,-50%);
 }
 
 .c0 {
   width: 100%;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
   flex-direction: column;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
   align-items: center;
   gap: 1rem;
   position: relative;
@@ -236,9 +163,6 @@ exports[`handle a Dynamic Gallery with mocked gallery nodes 1`] = `
 }
 
 .c1 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
   gap: 1rem;
   width: 100%;
@@ -246,15 +170,8 @@ exports[`handle a Dynamic Gallery with mocked gallery nodes 1`] = `
 }
 
 .c2 {
-  -webkit-flex: 1;
-  -ms-flex: 1;
   flex: 1;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
   flex-direction: column;
   gap: 1.1rem;
 }
@@ -264,12 +181,7 @@ exports[`handle a Dynamic Gallery with mocked gallery nodes 1`] = `
 }
 
 .c3 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
   flex-direction: column;
   gap: 0.9rem;
   padding: 0;
@@ -288,18 +200,14 @@ exports[`handle a Dynamic Gallery with mocked gallery nodes 1`] = `
 }
 
 .c3 div:first-child {
-  -webkit-transition: all 0.1s ease-out;
   transition: all 0.1s ease-out;
 }
 
-.c3 > div:first-child:hover {
+.c3>div:first-child:hover {
   box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.4);
 }
 
 .c4 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
   height: auto;
   width: 100%;
@@ -314,17 +222,11 @@ exports[`handle a Dynamic Gallery with mocked gallery nodes 1`] = `
 .c4 img {
   height: 100%;
   opacity: 0;
-  -webkit-transition: opacity 0.1s ease-out 0.3s;
   transition: opacity 0.1s ease-out 0.3s;
 }
 
 .c7 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
   flex-direction: column;
   gap: 0.5rem;
   padding: 0 1rem;
@@ -338,9 +240,7 @@ exports[`handle a Dynamic Gallery with mocked gallery nodes 1`] = `
   border: 0;
   padding: 0;
   white-space: nowrap;
-  -webkit-clip-path: inset(100%);
   clip-path: inset(100%);
-  -webkit-clip: rect(0 0 0 0);
   clip: rect(0 0 0 0);
   overflow: hidden;
 }
@@ -349,19 +249,19 @@ exports[`handle a Dynamic Gallery with mocked gallery nodes 1`] = `
   bottom: 0;
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c18 {
     fill: #000000;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c20 {
     fill: #000000;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c11 {
     margin-top: 84px;
   }
@@ -373,40 +273,36 @@ exports[`handle a Dynamic Gallery with mocked gallery nodes 1`] = `
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c16 {
     position: fixed;
-    -webkit-transform: translate(1rem,-50%);
-    -ms-transform: translate(1rem,-50%);
     transform: translate(1rem,-50%);
     top: 50%;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c19 {
     position: fixed;
-    -webkit-transform: translate(-1rem,-50%);
-    -ms-transform: translate(-1rem,-50%);
     transform: translate(-1rem,-50%);
     top: 50%;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c0 {
     gap: 1rem;
     padding: 0rem 2rem 2rem;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c1 {
     gap: 2rem;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c2 {
     gap: 2rem;
   }
@@ -414,9 +310,14 @@ exports[`handle a Dynamic Gallery with mocked gallery nodes 1`] = `
 
 <div
   className="c0 gallery-container"
+  paddingBottom="2rem"
+  paddingTop="0rem"
+  pageBackgroundColour="transparent"
+  textColour="black"
 >
   <div
     className="c1 gallery-grid"
+    maxWidth="1500px"
     onKeyDown={[Function]}
   >
     <div
@@ -424,18 +325,27 @@ exports[`handle a Dynamic Gallery with mocked gallery nodes 1`] = `
     >
       <button
         aria-label=""
+        caption=""
         className="c3 gallery-node"
         data-node-index={0}
+        focusOutlineColour="black"
         onPointerUp={[Function]}
         tabIndex={0}
         title=""
       >
         <div
           className="c4 gallery-node-image"
+          maxHeight="undefinedpx"
+          minHeight="undefinedpx"
         >
           <div
             className="c5"
             height="auto"
+            image="image1.jpg"
+            images={null}
+            isBackgroundImage={false}
+            nonObjFitImage="image1.jpg"
+            objFitState={true}
             width="100%"
           >
             <img
@@ -443,6 +353,8 @@ exports[`handle a Dynamic Gallery with mocked gallery nodes 1`] = `
               className="c6 lazyload"
               data-src="image1.jpg"
               height="auto"
+              objFitState={true}
+              objectFit="cover"
               onLoad={[Function]}
               width="100%"
             />
@@ -458,18 +370,27 @@ exports[`handle a Dynamic Gallery with mocked gallery nodes 1`] = `
     >
       <button
         aria-label=""
+        caption=""
         className="c3 gallery-node"
         data-node-index={1}
+        focusOutlineColour="black"
         onPointerUp={[Function]}
         tabIndex={0}
         title=""
       >
         <div
           className="c4 gallery-node-image"
+          maxHeight="undefinedpx"
+          minHeight="undefinedpx"
         >
           <div
             className="c5"
             height="auto"
+            image="image2.jpg"
+            images={null}
+            isBackgroundImage={false}
+            nonObjFitImage="image2.jpg"
+            objFitState={true}
             width="100%"
           >
             <img
@@ -477,6 +398,8 @@ exports[`handle a Dynamic Gallery with mocked gallery nodes 1`] = `
               className="c6 lazyload"
               data-src="image2.jpg"
               height="auto"
+              objFitState={true}
+              objectFit="cover"
               onLoad={[Function]}
               width="100%"
             />
@@ -492,18 +415,27 @@ exports[`handle a Dynamic Gallery with mocked gallery nodes 1`] = `
     >
       <button
         aria-label=""
+        caption=""
         className="c3 gallery-node"
         data-node-index={2}
+        focusOutlineColour="black"
         onPointerUp={[Function]}
         tabIndex={0}
         title=""
       >
         <div
           className="c4 gallery-node-image"
+          maxHeight="undefinedpx"
+          minHeight="undefinedpx"
         >
           <div
             className="c5"
             height="auto"
+            image="image3.jpg"
+            images={null}
+            isBackgroundImage={false}
+            nonObjFitImage="image3.jpg"
+            objFitState={true}
             width="100%"
           >
             <img
@@ -511,6 +443,8 @@ exports[`handle a Dynamic Gallery with mocked gallery nodes 1`] = `
               className="c6 lazyload"
               data-src="image3.jpg"
               height="auto"
+              objFitState={true}
+              objectFit="cover"
               onLoad={[Function]}
               width="100%"
             />
@@ -523,12 +457,14 @@ exports[`handle a Dynamic Gallery with mocked gallery nodes 1`] = `
     </div>
     <div
       className="c8"
+      isEmpty={false}
     >
       No images to display
     </div>
   </div>
   <div
     className="c9"
+    isOpen={false}
   >
     <div
       className="c10"
@@ -549,16 +485,55 @@ exports[`handle a Dynamic Gallery with mocked gallery nodes 1`] = `
             className="c14"
           >
             <span
-              className="css-1xdhyk6"
+              height={16}
+              style={
+                {
+                  "display": "inherit",
+                }
+              }
+              width={2}
             >
               <span
-                className="css-1fr62ah"
+                style={
+                  {
+                    "animation": "react-spinners-PulseLoader-pulse 0.75s 0.12s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08)",
+                    "animationFillMode": "both",
+                    "backgroundColor": "#E1E2E3",
+                    "borderRadius": "100%",
+                    "display": "inline-block",
+                    "height": "15px",
+                    "margin": "2px",
+                    "width": "15px",
+                  }
+                }
               />
               <span
-                className="css-1q1fqtl"
+                style={
+                  {
+                    "animation": "react-spinners-PulseLoader-pulse 0.75s 0.24s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08)",
+                    "animationFillMode": "both",
+                    "backgroundColor": "#E1E2E3",
+                    "borderRadius": "100%",
+                    "display": "inline-block",
+                    "height": "15px",
+                    "margin": "2px",
+                    "width": "15px",
+                  }
+                }
               />
               <span
-                className="css-1v7m6ew"
+                style={
+                  {
+                    "animation": "react-spinners-PulseLoader-pulse 0.75s 0.36s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08)",
+                    "animationFillMode": "both",
+                    "backgroundColor": "#E1E2E3",
+                    "borderRadius": "100%",
+                    "display": "inline-block",
+                    "height": "15px",
+                    "margin": "2px",
+                    "width": "15px",
+                  }
+                }
               />
             </span>
           </div>
@@ -574,14 +549,18 @@ exports[`handle a Dynamic Gallery with mocked gallery nodes 1`] = `
             </span>
             <svg
               className="c18"
+              colour="black"
               direction="left"
               height={16}
-              viewBox="0 0 15 15"
+              mobileColour={null}
+              viewBox="0 0 96 96"
               width={16}
               xmlns="http://www.w3.org/2000/svg"
             >
               <path
-                d="M9.58496 1.3501C9.1395 0.88346 8.40641 0.883488 7.96094 1.3501C7.52803 1.80361 7.5281 2.53033 7.96094 2.98389L11.1582 6.3335H1.13672C0.48748 6.3335 0 6.87834 0 7.50049C2.15408e-05 8.12262 0.487494 8.66748 1.13672 8.66748H11.1582L7.96094 12.0171C7.52806 12.4706 7.52899 13.1974 7.96191 13.6509C8.18163 13.8804 8.47556 14.0005 8.77344 14.0005C9.07114 14.0004 9.36533 13.8809 9.58496 13.6509L14.6758 8.31689L14.6748 8.31592L14.6875 8.30322L14.6865 8.30225C14.6954 8.29227 14.7044 8.28494 14.71 8.27783C14.7117 8.27557 14.7133 8.27298 14.7148 8.271C14.7485 8.23215 14.7824 8.18937 14.8135 8.14111L14.8154 8.13818C14.8354 8.1067 14.8493 8.07854 14.8564 8.06396L14.8652 8.04639L14.8662 8.04443L14.8672 8.04346C14.8672 8.04346 14.868 8.0407 14.8691 8.03857C14.8709 8.03524 14.8758 8.02683 14.8799 8.01904L14.8802 8.01851C14.8888 8.00212 14.9034 7.97435 14.917 7.93994V7.93799C14.9303 7.90387 14.9391 7.87297 14.9443 7.854C14.9469 7.8447 14.9498 7.83579 14.9512 7.83057C14.9527 7.82466 14.9535 7.82292 14.9541 7.8208C14.9541 7.8208 14.9542 7.81765 14.9551 7.81494L14.958 7.80615L14.9586 7.80434C14.9631 7.78973 14.9718 7.76131 14.9785 7.72705V7.7251C15.0066 7.57717 15.0066 7.42472 14.9785 7.27686V7.2749L14.958 7.1958L14.9551 7.18604L14.9531 7.18018L14.9512 7.17236C14.9497 7.16652 14.9481 7.15689 14.9453 7.14697C14.9398 7.12707 14.9307 7.09666 14.917 7.06201C14.9032 7.027 14.8885 6.99825 14.8799 6.98193C14.8758 6.97415 14.8709 6.96574 14.8691 6.9624L14.8564 6.93701C14.849 6.92189 14.8351 6.89384 14.8154 6.86279L14.8145 6.86084L14.7529 6.77393C14.7316 6.74671 14.7094 6.72141 14.6875 6.69775C14.6837 6.69353 14.6802 6.68867 14.6758 6.68408L9.58496 1.3501Z"
+                d="m90.871,50.776c-0.016,0.016 -0.026,0.036 -0.043,0.052l-32,32c-0.781,0.781 -1.804,1.172 -2.828,1.172s-2.047,-0.391 -2.829,-1.171a4,4 0 0 1 0,-5.657l25.172,-25.172l-70.343,0a4,4 0 0 1 0,-8l70.343,0l-25.172,-25.171a4,4 0 0 1 5.657,-5.657l32,32c0.016,0.016 0.027,0.036 0.043,0.052c0.167,0.172 0.321,0.357 0.455,0.557c0.069,0.104 0.118,0.216 0.176,0.325c0.065,0.121 0.138,0.236 0.191,0.364c0.057,0.137 0.09,0.279 0.13,0.42c0.032,0.109 0.074,0.214 0.097,0.327a4.017,4.017 0 0 1 0,1.568c-0.023,0.113 -0.065,0.217 -0.097,0.327c-0.041,0.141 -0.074,0.283 -0.13,0.42c-0.053,0.128 -0.126,0.243 -0.191,0.364c-0.059,0.109 -0.107,0.221 -0.176,0.325a4.035,4.035 0 0 1 -0.455,0.555z"
+                id="svg_1"
+                transform="rotate(-180 47.998626708984375,48.00019836425781) "
               />
             </svg>
           </button>
@@ -597,14 +576,18 @@ exports[`handle a Dynamic Gallery with mocked gallery nodes 1`] = `
             </span>
             <svg
               className="c20"
+              colour="black"
               direction="right"
               height={16}
-              viewBox="0 0 15 15"
+              mobileColour={null}
+              viewBox="0 0 96 96"
               width={16}
               xmlns="http://www.w3.org/2000/svg"
             >
               <path
-                d="M9.58496 1.3501C9.1395 0.88346 8.40641 0.883488 7.96094 1.3501C7.52803 1.80361 7.5281 2.53033 7.96094 2.98389L11.1582 6.3335H1.13672C0.48748 6.3335 0 6.87834 0 7.50049C2.15408e-05 8.12262 0.487494 8.66748 1.13672 8.66748H11.1582L7.96094 12.0171C7.52806 12.4706 7.52899 13.1974 7.96191 13.6509C8.18163 13.8804 8.47556 14.0005 8.77344 14.0005C9.07114 14.0004 9.36533 13.8809 9.58496 13.6509L14.6758 8.31689L14.6748 8.31592L14.6875 8.30322L14.6865 8.30225C14.6954 8.29227 14.7044 8.28494 14.71 8.27783C14.7117 8.27557 14.7133 8.27298 14.7148 8.271C14.7485 8.23215 14.7824 8.18937 14.8135 8.14111L14.8154 8.13818C14.8354 8.1067 14.8493 8.07854 14.8564 8.06396L14.8652 8.04639L14.8662 8.04443L14.8672 8.04346C14.8672 8.04346 14.868 8.0407 14.8691 8.03857C14.8709 8.03524 14.8758 8.02683 14.8799 8.01904L14.8802 8.01851C14.8888 8.00212 14.9034 7.97435 14.917 7.93994V7.93799C14.9303 7.90387 14.9391 7.87297 14.9443 7.854C14.9469 7.8447 14.9498 7.83579 14.9512 7.83057C14.9527 7.82466 14.9535 7.82292 14.9541 7.8208C14.9541 7.8208 14.9542 7.81765 14.9551 7.81494L14.958 7.80615L14.9586 7.80434C14.9631 7.78973 14.9718 7.76131 14.9785 7.72705V7.7251C15.0066 7.57717 15.0066 7.42472 14.9785 7.27686V7.2749L14.958 7.1958L14.9551 7.18604L14.9531 7.18018L14.9512 7.17236C14.9497 7.16652 14.9481 7.15689 14.9453 7.14697C14.9398 7.12707 14.9307 7.09666 14.917 7.06201C14.9032 7.027 14.8885 6.99825 14.8799 6.98193C14.8758 6.97415 14.8709 6.96574 14.8691 6.9624L14.8564 6.93701C14.849 6.92189 14.8351 6.89384 14.8154 6.86279L14.8145 6.86084L14.7529 6.77393C14.7316 6.74671 14.7094 6.72141 14.6875 6.69775C14.6837 6.69353 14.6802 6.68867 14.6758 6.68408L9.58496 1.3501Z"
+                d="m90.871,50.776c-0.016,0.016 -0.026,0.036 -0.043,0.052l-32,32c-0.781,0.781 -1.804,1.172 -2.828,1.172s-2.047,-0.391 -2.829,-1.171a4,4 0 0 1 0,-5.657l25.172,-25.172l-70.343,0a4,4 0 0 1 0,-8l70.343,0l-25.172,-25.171a4,4 0 0 1 5.657,-5.657l32,32c0.016,0.016 0.027,0.036 0.043,0.052c0.167,0.172 0.321,0.357 0.455,0.557c0.069,0.104 0.118,0.216 0.176,0.325c0.065,0.121 0.138,0.236 0.191,0.364c0.057,0.137 0.09,0.279 0.13,0.42c0.032,0.109 0.074,0.214 0.097,0.327a4.017,4.017 0 0 1 0,1.568c-0.023,0.113 -0.065,0.217 -0.097,0.327c-0.041,0.141 -0.074,0.283 -0.13,0.42c-0.053,0.128 -0.126,0.243 -0.191,0.364c-0.059,0.109 -0.107,0.221 -0.176,0.325a4.035,4.035 0 0 1 -0.455,0.555z"
+                id="svg_1"
+                transform="rotate(-180 47.998626708984375,48.00019836425781) "
               />
             </svg>
           </button>
@@ -627,7 +610,9 @@ exports[`handle a Dynamic Gallery with mocked gallery nodes 1`] = `
           </span>
           <svg
             className="c23"
+            colour="black"
             height={16}
+            mobileColour={null}
             viewBox="0 0 96 96"
             width={16}
             xmlns="http://www.w3.org/2000/svg"
@@ -653,16 +638,12 @@ exports[`handle a Dynamic Gallery with mocked gallery nodes 1`] = `
 
 exports[`renders an empty Dynamic Gallery with no options set 1`] = `
 .c12 {
-  -webkit-transform: rotate(180deg);
-  -ms-transform: rotate(180deg);
-  transform: rotate(180deg);
+  transform: rotate(0);
   fill: #000000;
 }
 
 .c14 {
-  -webkit-transform: rotate(0);
-  -ms-transform: rotate(0);
-  transform: rotate(0);
+  transform: rotate(180deg);
   fill: #000000;
 }
 
@@ -676,17 +657,8 @@ exports[`renders an empty Dynamic Gallery with no options set 1`] = `
   left: 0;
   width: 100%;
   height: 100%;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
   justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
   align-items: center;
   z-index: 2000;
   visibility: hidden;
@@ -712,16 +684,8 @@ exports[`renders an empty Dynamic Gallery with no options set 1`] = `
 }
 
 .c6 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
   flex-direction: column;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
   align-items: center;
   gap: 1rem;
   position: relative;
@@ -732,43 +696,23 @@ exports[`renders an empty Dynamic Gallery with no options set 1`] = `
 
 .c7 {
   position: relative;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
   align-items: center;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
   justify-content: center;
   min-width: 128px;
   min-height: 32px;
   width: 100%;
 }
 
-.c7 > div {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
+.c7>div {
   display: flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
   align-items: center;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
   justify-content: center;
-  -webkit-transition: width 0.3s ease-in-out,height 0.3s ease-in-out;
   transition: width 0.3s ease-in-out,height 0.3s ease-in-out;
 }
 
 .c7 img {
   opacity: 0;
-  -webkit-transition: opacity 0.1s ease-out 0.3s;
   transition: opacity 0.1s ease-out 0.3s;
 }
 
@@ -776,22 +720,12 @@ exports[`renders an empty Dynamic Gallery with no options set 1`] = `
   position: absolute;
   top: 50%;
   left: 50%;
-  -webkit-transform: translate(-50%,-50%);
-  -ms-transform: translate(-50%,-50%);
   transform: translate(-50%,-50%);
 }
 
 .c15 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
   flex-direction: column;
-  -webkit-align-items: stretch;
-  -webkit-box-align: stretch;
-  -ms-flex-align: stretch;
   align-items: stretch;
   gap: 0.5rem;
   width: 100%;
@@ -801,17 +735,8 @@ exports[`renders an empty Dynamic Gallery with no options set 1`] = `
 
 .c9 {
   position: absolute;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
   align-items: center;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
   justify-content: center;
   width: 2.5rem;
   height: 2.5rem;
@@ -823,7 +748,6 @@ exports[`renders an empty Dynamic Gallery with no options set 1`] = `
 }
 
 .c9 svg {
-  -webkit-transition: fill 0.1s ease-out;
   transition: fill 0.1s ease-out;
 }
 
@@ -839,31 +763,19 @@ exports[`renders an empty Dynamic Gallery with no options set 1`] = `
 .c10 {
   top: 50%;
   left: 0;
-  -webkit-transform: translate(-1rem,-50%);
-  -ms-transform: translate(-1rem,-50%);
   transform: translate(-1rem,-50%);
 }
 
 .c13 {
   top: 50%;
   right: 0;
-  -webkit-transform: translate(1rem,-50%);
-  -ms-transform: translate(1rem,-50%);
   transform: translate(1rem,-50%);
 }
 
 .c0 {
   width: 100%;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
   flex-direction: column;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
   align-items: center;
   gap: 1rem;
   position: relative;
@@ -873,9 +785,6 @@ exports[`renders an empty Dynamic Gallery with no options set 1`] = `
 }
 
 .c1 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
   gap: 1rem;
   width: 100%;
@@ -894,9 +803,7 @@ exports[`renders an empty Dynamic Gallery with no options set 1`] = `
   border: 0;
   padding: 0;
   white-space: nowrap;
-  -webkit-clip-path: inset(100%);
   clip-path: inset(100%);
-  -webkit-clip: rect(0 0 0 0);
   clip: rect(0 0 0 0);
   overflow: hidden;
 }
@@ -905,19 +812,19 @@ exports[`renders an empty Dynamic Gallery with no options set 1`] = `
   bottom: 0;
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c12 {
     fill: #000000;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c14 {
     fill: #000000;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c5 {
     margin-top: 84px;
   }
@@ -929,34 +836,30 @@ exports[`renders an empty Dynamic Gallery with no options set 1`] = `
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c10 {
     position: fixed;
-    -webkit-transform: translate(1rem,-50%);
-    -ms-transform: translate(1rem,-50%);
     transform: translate(1rem,-50%);
     top: 50%;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c13 {
     position: fixed;
-    -webkit-transform: translate(-1rem,-50%);
-    -ms-transform: translate(-1rem,-50%);
     transform: translate(-1rem,-50%);
     top: 50%;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c0 {
     gap: 1rem;
     padding: 0rem 2rem 2rem;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c1 {
     gap: 2rem;
   }
@@ -964,19 +867,26 @@ exports[`renders an empty Dynamic Gallery with no options set 1`] = `
 
 <div
   className="c0 gallery-container"
+  paddingBottom="2rem"
+  paddingTop="0rem"
+  pageBackgroundColour="transparent"
+  textColour="black"
 >
   <div
     className="c1 gallery-grid"
+    maxWidth="1500px"
     onKeyDown={[Function]}
   >
     <div
       className="c2"
+      isEmpty={true}
     >
       No images to display
     </div>
   </div>
   <div
     className="c3"
+    isOpen={false}
   >
     <div
       className="c4"
@@ -997,16 +907,55 @@ exports[`renders an empty Dynamic Gallery with no options set 1`] = `
             className="c8"
           >
             <span
-              className="css-1xdhyk6"
+              height={16}
+              style={
+                {
+                  "display": "inherit",
+                }
+              }
+              width={2}
             >
               <span
-                className="css-1fr62ah"
+                style={
+                  {
+                    "animation": "react-spinners-PulseLoader-pulse 0.75s 0.12s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08)",
+                    "animationFillMode": "both",
+                    "backgroundColor": "#E1E2E3",
+                    "borderRadius": "100%",
+                    "display": "inline-block",
+                    "height": "15px",
+                    "margin": "2px",
+                    "width": "15px",
+                  }
+                }
               />
               <span
-                className="css-1q1fqtl"
+                style={
+                  {
+                    "animation": "react-spinners-PulseLoader-pulse 0.75s 0.24s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08)",
+                    "animationFillMode": "both",
+                    "backgroundColor": "#E1E2E3",
+                    "borderRadius": "100%",
+                    "display": "inline-block",
+                    "height": "15px",
+                    "margin": "2px",
+                    "width": "15px",
+                  }
+                }
               />
               <span
-                className="css-1v7m6ew"
+                style={
+                  {
+                    "animation": "react-spinners-PulseLoader-pulse 0.75s 0.36s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08)",
+                    "animationFillMode": "both",
+                    "backgroundColor": "#E1E2E3",
+                    "borderRadius": "100%",
+                    "display": "inline-block",
+                    "height": "15px",
+                    "margin": "2px",
+                    "width": "15px",
+                  }
+                }
               />
             </span>
           </div>
@@ -1022,14 +971,18 @@ exports[`renders an empty Dynamic Gallery with no options set 1`] = `
             </span>
             <svg
               className="c12"
+              colour="black"
               direction="left"
               height={16}
-              viewBox="0 0 15 15"
+              mobileColour={null}
+              viewBox="0 0 96 96"
               width={16}
               xmlns="http://www.w3.org/2000/svg"
             >
               <path
-                d="M9.58496 1.3501C9.1395 0.88346 8.40641 0.883488 7.96094 1.3501C7.52803 1.80361 7.5281 2.53033 7.96094 2.98389L11.1582 6.3335H1.13672C0.48748 6.3335 0 6.87834 0 7.50049C2.15408e-05 8.12262 0.487494 8.66748 1.13672 8.66748H11.1582L7.96094 12.0171C7.52806 12.4706 7.52899 13.1974 7.96191 13.6509C8.18163 13.8804 8.47556 14.0005 8.77344 14.0005C9.07114 14.0004 9.36533 13.8809 9.58496 13.6509L14.6758 8.31689L14.6748 8.31592L14.6875 8.30322L14.6865 8.30225C14.6954 8.29227 14.7044 8.28494 14.71 8.27783C14.7117 8.27557 14.7133 8.27298 14.7148 8.271C14.7485 8.23215 14.7824 8.18937 14.8135 8.14111L14.8154 8.13818C14.8354 8.1067 14.8493 8.07854 14.8564 8.06396L14.8652 8.04639L14.8662 8.04443L14.8672 8.04346C14.8672 8.04346 14.868 8.0407 14.8691 8.03857C14.8709 8.03524 14.8758 8.02683 14.8799 8.01904L14.8802 8.01851C14.8888 8.00212 14.9034 7.97435 14.917 7.93994V7.93799C14.9303 7.90387 14.9391 7.87297 14.9443 7.854C14.9469 7.8447 14.9498 7.83579 14.9512 7.83057C14.9527 7.82466 14.9535 7.82292 14.9541 7.8208C14.9541 7.8208 14.9542 7.81765 14.9551 7.81494L14.958 7.80615L14.9586 7.80434C14.9631 7.78973 14.9718 7.76131 14.9785 7.72705V7.7251C15.0066 7.57717 15.0066 7.42472 14.9785 7.27686V7.2749L14.958 7.1958L14.9551 7.18604L14.9531 7.18018L14.9512 7.17236C14.9497 7.16652 14.9481 7.15689 14.9453 7.14697C14.9398 7.12707 14.9307 7.09666 14.917 7.06201C14.9032 7.027 14.8885 6.99825 14.8799 6.98193C14.8758 6.97415 14.8709 6.96574 14.8691 6.9624L14.8564 6.93701C14.849 6.92189 14.8351 6.89384 14.8154 6.86279L14.8145 6.86084L14.7529 6.77393C14.7316 6.74671 14.7094 6.72141 14.6875 6.69775C14.6837 6.69353 14.6802 6.68867 14.6758 6.68408L9.58496 1.3501Z"
+                d="m90.871,50.776c-0.016,0.016 -0.026,0.036 -0.043,0.052l-32,32c-0.781,0.781 -1.804,1.172 -2.828,1.172s-2.047,-0.391 -2.829,-1.171a4,4 0 0 1 0,-5.657l25.172,-25.172l-70.343,0a4,4 0 0 1 0,-8l70.343,0l-25.172,-25.171a4,4 0 0 1 5.657,-5.657l32,32c0.016,0.016 0.027,0.036 0.043,0.052c0.167,0.172 0.321,0.357 0.455,0.557c0.069,0.104 0.118,0.216 0.176,0.325c0.065,0.121 0.138,0.236 0.191,0.364c0.057,0.137 0.09,0.279 0.13,0.42c0.032,0.109 0.074,0.214 0.097,0.327a4.017,4.017 0 0 1 0,1.568c-0.023,0.113 -0.065,0.217 -0.097,0.327c-0.041,0.141 -0.074,0.283 -0.13,0.42c-0.053,0.128 -0.126,0.243 -0.191,0.364c-0.059,0.109 -0.107,0.221 -0.176,0.325a4.035,4.035 0 0 1 -0.455,0.555z"
+                id="svg_1"
+                transform="rotate(-180 47.998626708984375,48.00019836425781) "
               />
             </svg>
           </button>
@@ -1045,14 +998,18 @@ exports[`renders an empty Dynamic Gallery with no options set 1`] = `
             </span>
             <svg
               className="c14"
+              colour="black"
               direction="right"
               height={16}
-              viewBox="0 0 15 15"
+              mobileColour={null}
+              viewBox="0 0 96 96"
               width={16}
               xmlns="http://www.w3.org/2000/svg"
             >
               <path
-                d="M9.58496 1.3501C9.1395 0.88346 8.40641 0.883488 7.96094 1.3501C7.52803 1.80361 7.5281 2.53033 7.96094 2.98389L11.1582 6.3335H1.13672C0.48748 6.3335 0 6.87834 0 7.50049C2.15408e-05 8.12262 0.487494 8.66748 1.13672 8.66748H11.1582L7.96094 12.0171C7.52806 12.4706 7.52899 13.1974 7.96191 13.6509C8.18163 13.8804 8.47556 14.0005 8.77344 14.0005C9.07114 14.0004 9.36533 13.8809 9.58496 13.6509L14.6758 8.31689L14.6748 8.31592L14.6875 8.30322L14.6865 8.30225C14.6954 8.29227 14.7044 8.28494 14.71 8.27783C14.7117 8.27557 14.7133 8.27298 14.7148 8.271C14.7485 8.23215 14.7824 8.18937 14.8135 8.14111L14.8154 8.13818C14.8354 8.1067 14.8493 8.07854 14.8564 8.06396L14.8652 8.04639L14.8662 8.04443L14.8672 8.04346C14.8672 8.04346 14.868 8.0407 14.8691 8.03857C14.8709 8.03524 14.8758 8.02683 14.8799 8.01904L14.8802 8.01851C14.8888 8.00212 14.9034 7.97435 14.917 7.93994V7.93799C14.9303 7.90387 14.9391 7.87297 14.9443 7.854C14.9469 7.8447 14.9498 7.83579 14.9512 7.83057C14.9527 7.82466 14.9535 7.82292 14.9541 7.8208C14.9541 7.8208 14.9542 7.81765 14.9551 7.81494L14.958 7.80615L14.9586 7.80434C14.9631 7.78973 14.9718 7.76131 14.9785 7.72705V7.7251C15.0066 7.57717 15.0066 7.42472 14.9785 7.27686V7.2749L14.958 7.1958L14.9551 7.18604L14.9531 7.18018L14.9512 7.17236C14.9497 7.16652 14.9481 7.15689 14.9453 7.14697C14.9398 7.12707 14.9307 7.09666 14.917 7.06201C14.9032 7.027 14.8885 6.99825 14.8799 6.98193C14.8758 6.97415 14.8709 6.96574 14.8691 6.9624L14.8564 6.93701C14.849 6.92189 14.8351 6.89384 14.8154 6.86279L14.8145 6.86084L14.7529 6.77393C14.7316 6.74671 14.7094 6.72141 14.6875 6.69775C14.6837 6.69353 14.6802 6.68867 14.6758 6.68408L9.58496 1.3501Z"
+                d="m90.871,50.776c-0.016,0.016 -0.026,0.036 -0.043,0.052l-32,32c-0.781,0.781 -1.804,1.172 -2.828,1.172s-2.047,-0.391 -2.829,-1.171a4,4 0 0 1 0,-5.657l25.172,-25.172l-70.343,0a4,4 0 0 1 0,-8l70.343,0l-25.172,-25.171a4,4 0 0 1 5.657,-5.657l32,32c0.016,0.016 0.027,0.036 0.043,0.052c0.167,0.172 0.321,0.357 0.455,0.557c0.069,0.104 0.118,0.216 0.176,0.325c0.065,0.121 0.138,0.236 0.191,0.364c0.057,0.137 0.09,0.279 0.13,0.42c0.032,0.109 0.074,0.214 0.097,0.327a4.017,4.017 0 0 1 0,1.568c-0.023,0.113 -0.065,0.217 -0.097,0.327c-0.041,0.141 -0.074,0.283 -0.13,0.42c-0.053,0.128 -0.126,0.243 -0.191,0.364c-0.059,0.109 -0.107,0.221 -0.176,0.325a4.035,4.035 0 0 1 -0.455,0.555z"
+                id="svg_1"
+                transform="rotate(-180 47.998626708984375,48.00019836425781) "
               />
             </svg>
           </button>
@@ -1075,7 +1032,9 @@ exports[`renders an empty Dynamic Gallery with no options set 1`] = `
           </span>
           <svg
             className="c17"
+            colour="black"
             height={16}
+            mobileColour={null}
             viewBox="0 0 96 96"
             width={16}
             xmlns="http://www.w3.org/2000/svg"
diff --git a/src/components/Organisms/DynamicGallery/_utils.js b/src/components/Organisms/DynamicGallery/_utils.js
index 1390d8044..9db8586be 100644
--- a/src/components/Organisms/DynamicGallery/_utils.js
+++ b/src/components/Organisms/DynamicGallery/_utils.js
@@ -1,5 +1,7 @@
 import React, { isValidElement } from 'react';
-import { defaultData } from '../../../styleguide/data/data';
+import { defaultData } from '../../../data/data';
+import tall from '../../../assets/tall.jpg';
+import wide from '../../../assets/wide.jpg';
 
 /**
  * mocking function to create nodes for the dynamic gallery
@@ -12,8 +14,8 @@ export default function createMockGalleryNodes(nodeCount = 10) {
     defaultData.promoImage,
     defaultData.heroBannerImage,
     defaultData.image,
-    'tall.jpg',
-    'wide.jpg'
+    tall,
+    wide
   ];
 
   const nodes = [];
diff --git a/src/components/Organisms/EmailBanner/EmailBanner.md b/src/components/Organisms/EmailBanner/EmailBanner.md
deleted file mode 100644
index 4e9c6e1f0..000000000
--- a/src/components/Organisms/EmailBanner/EmailBanner.md
+++ /dev/null
@@ -1,264 +0,0 @@
-# EmailBanner
-
-## Image banner (widget right), custom padding + background
-
-```js
-import { useForm, FormProvider } from 'react-hook-form';
-import { yupResolver } from '@hookform/resolvers/yup';
-import RichText from '../../Atoms/RichText/RichText';
-import EmailBanner from './EmailBanner';
-import { buildEsuValidationSchema } from '../shared/emailSignup/emailSignupConfig';
-
-const desktopPictures = require('../../../styleguide/data/data').defaultData;
-const mobilePictures = require('../../../styleguide/data/data').mobileImages;
-
-const imageL = {
-  images: desktopPictures.images,
-  imageLow: desktopPictures.imageLow,
-  alt: 'Background image'
-};
-
-const imageM = {
-  images: desktopPictures.images,
-  imageLow: desktopPictures.imageLow,
-  alt: 'Background image'
-};
-
-const imageS = {
-  images: mobilePictures.images,
-  imageLow: mobilePictures.imageLow,
-  alt: 'Background image'
-};
-
-const validationSchema = buildEsuValidationSchema({});
-const formMethods = useForm({
-  mode: 'onBlur',
-  resolver: yupResolver(validationSchema)
-});
-
-const handleSubscribe = (data) => {
-  console.log(data);
-};
-
-<FormProvider {...formMethods}>
-  <EmailBanner
-    pageBackgroundColour="grey_light"
-    paddingAbove="0rem"
-    paddingBelow="2rem"
-    orientation="right"
-    imageL={imageL}
-    imageM={imageM}
-    imageS={imageS}
-    title="Stay in the know!"
-    bodyCopy={<RichText markup="<p>Sign up for exclusive news, stories and updates about everything Comic Relief.</p>" />}
-    privacyCopy={<RichText markup='<p>By agreeing to subscribe to our emails and clicking the button to sign up, you are consenting to the terms of our <a href="/privacy-notice">Privacy Policy</a>. You can unsubscribe at any time.</p>' />}
-    successCopy={<RichText markup="<p>Thanks! Your first email will be with you shortly.</p>" />}
-    ctaText="Sign up"
-    formContext={formMethods}
-    onSubmit={handleSubscribe}
-  />
-</FormProvider>
-```
-
-## Image banner (widget left)
-
-```js
-import { useForm, FormProvider } from 'react-hook-form';
-import { yupResolver } from '@hookform/resolvers/yup';
-import RichText from '../../Atoms/RichText/RichText';
-import EmailBanner from './EmailBanner';
-import { buildEsuValidationSchema } from '../shared/emailSignup/emailSignupConfig';
-
-const desktopPictures = require('../../../styleguide/data/data').defaultData;
-const mobilePictures = require('../../../styleguide/data/data').mobileImages;
-
-const imageL = {
-  images: desktopPictures.images,
-  imageLow: desktopPictures.imageLow,
-  alt: 'Background image'
-};
-
-const imageM = {
-  images: desktopPictures.images,
-  imageLow: desktopPictures.imageLow,
-  alt: 'Background image'
-};
-
-const imageS = {
-  images: mobilePictures.images,
-  imageLow: mobilePictures.imageLow,
-  alt: 'Background image'
-};
-
-const validationSchema = buildEsuValidationSchema({});
-const formMethods = useForm({
-  mode: 'onBlur',
-  resolver: yupResolver(validationSchema)
-});
-
-const handleSubscribe = (data) => {
-  console.log(data);
-};
-
-<FormProvider {...formMethods}>
-  <EmailBanner
-    pageBackgroundColour="grey_light"
-    paddingAbove="2rem"
-    paddingBelow="2rem"
-    orientation="left"
-    imageL={imageL}
-    imageM={imageM}
-    imageS={imageS}
-    title="Stay in the know!"
-    bodyCopy={<RichText markup="<p>Sign up for exclusive news, stories and updates about everything Comic Relief.</p>" />}
-    privacyCopy={<RichText markup='<p>By agreeing to subscribe to our emails and clicking the button to sign up, you are consenting to the terms of our <a href="/privacy-notice">Privacy Policy</a>. You can unsubscribe at any time.</p>' />}
-    successCopy={<RichText markup="<p>Thanks! Your first email will be with you shortly.</p>" />}
-    ctaText="Sign up"
-    formContext={formMethods}
-    onSubmit={handleSubscribe}
-  />
-</FormProvider>
-```
-
-## Image banner with Ambient Video (looping)
-
-When imageL/imageM/imageS have images & imageLow and videoDesktop & videoMobile are provided, EmailBanner uses AmbientVideo instead of Picture.
-
-```js
-import { useForm, FormProvider } from 'react-hook-form';
-import { yupResolver } from '@hookform/resolvers/yup';
-import RichText from '../../Atoms/RichText/RichText';
-import EmailBanner from './EmailBanner';
-import { buildEsuValidationSchema } from '../shared/emailSignup/emailSignupConfig';
-
-const desktopPictures = require('../../../styleguide/data/data').defaultData;
-const mobilePictures = require('../../../styleguide/data/data').mobileImages;
-
-const imageL = {
-  images: desktopPictures.images,
-  imageLow: desktopPictures.imageLow,
-  alt: 'Video poster'
-};
-
-const imageM = {
-  images: desktopPictures.images,
-  imageLow: desktopPictures.imageLow,
-  alt: 'Video poster'
-};
-
-const imageS = {
-  images: mobilePictures.images,
-  imageLow: mobilePictures.imageLow,
-  alt: 'Video poster'
-};
-
-const validationSchema = buildEsuValidationSchema({});
-const formMethods = useForm({
-  mode: 'onBlur',
-  resolver: yupResolver(validationSchema)
-});
-
-const handleSubscribe = (data) => {
-  console.log(data);
-};
-
-<FormProvider {...formMethods}>
-  <EmailBanner
-    pageBackgroundColour="grey_light"
-    paddingAbove="0rem"
-    paddingBelow="2rem"
-    orientation="right"
-    imageL={imageL}
-    imageM={imageM}
-    imageS={imageS}
-    videoDesktop={require('../../Atoms/AmbientVideo/big-buck-bunny-1080p-30sec.mp4')}
-    videoMobile={require('../../Atoms/AmbientVideo/thetestdatacom_480p_example.mp4')}
-    videoLoop
-    title="Stay in the know!"
-    bodyCopy={<RichText markup="<p>Sign up for exclusive news, stories and updates about everything Comic Relief.</p>" />}
-    privacyCopy={<RichText markup='<p>By agreeing to subscribe to our emails and clicking the button to sign up, you are consenting to the terms of our <a href="/privacy-notice">Privacy Policy</a>. You can unsubscribe at any time.</p>' />}
-    successCopy={<RichText markup="<p>Thanks! Your first email will be with you shortly.</p>" />}
-    ctaText="Sign up"
-    formContext={formMethods}
-    onSubmit={handleSubscribe}
-  />
-</FormProvider>
-```
-
-## Text-only widget (no image), custom widget background + text colour
-
-```js
-import { useForm, FormProvider } from 'react-hook-form';
-import { yupResolver } from '@hookform/resolvers/yup';
-import RichText from '../../Atoms/RichText/RichText';
-import EmailBanner from './EmailBanner';
-import { buildEsuValidationSchema } from '../shared/emailSignup/emailSignupConfig';
-
-const validationSchema = buildEsuValidationSchema({});
-const formMethods = useForm({
-  mode: 'onBlur',
-  resolver: yupResolver(validationSchema)
-});
-
-const handleSubscribe = (data) => {
-  console.log(data);
-};
-
-<FormProvider {...formMethods}>
-  <EmailBanner
-    emailWidgetIsTextOnly
-    pageBackgroundColour="rnd_25_glitzy_grape"
-    componentBackgroundColour="deep_violet_dark"
-    copyColor="white"
-    paddingAbove="2rem"
-    paddingBelow="2rem"
-    orientation="right"
-    title="Stay in the know!"
-    bodyCopy={<RichText markup="<p>Sign up for exclusive news, stories and updates about everything Comic Relief.</p>" />}
-    privacyCopy={<RichText markup='<p>By agreeing to subscribe to our emails and clicking the button to sign up, you are consenting to the terms of our <a href="/privacy-notice">Privacy Policy</a>. You can unsubscribe at any time.</p>' />}
-    successCopy={<RichText markup="<p>Thanks! Your first email will be with you shortly.</p>" />}
-    ctaText="Sign up"
-    formContext={formMethods}
-    onSubmit={handleSubscribe}
-  />
-</FormProvider>
-```
-
-## Text-only widget (no image), standard colours
-
-```js
-import { useForm, FormProvider } from 'react-hook-form';
-import { yupResolver } from '@hookform/resolvers/yup';
-import RichText from '../../Atoms/RichText/RichText';
-import EmailBanner from './EmailBanner';
-import { buildEsuValidationSchema } from '../shared/emailSignup/emailSignupConfig';
-
-const validationSchema = buildEsuValidationSchema({});
-const formMethods = useForm({
-  mode: 'onBlur',
-  resolver: yupResolver(validationSchema)
-});
-
-const handleSubscribe = (data) => {
-  console.log(data);
-};
-
-<FormProvider {...formMethods}>
-  <EmailBanner
-    emailWidgetIsTextOnly
-    pageBackgroundColour="grey_light"
-    componentBackgroundColour="white"
-    copyColor="black"
-    paddingAbove="2rem"
-    paddingBelow="2rem"
-    orientation="right"
-    title="Stay in the know!"
-    bodyCopy={<RichText markup="<p>Sign up for exclusive news, stories and updates about everything Comic Relief.</p>" />}
-    privacyCopy={<RichText markup='<p>By agreeing to subscribe to our emails and clicking the button to sign up, you are consenting to the terms of our <a href="/privacy-notice">Privacy Policy</a>. You can unsubscribe at any time.</p>' />}
-    successCopy={<RichText markup="<p>Thanks! Your first email will be with you shortly.</p>" />}
-    ctaText="Sign up"
-    formContext={formMethods}
-    onSubmit={handleSubscribe}
-  />
-</FormProvider>
-```
diff --git a/src/components/Organisms/EmailBanner/EmailBanner.test.js b/src/components/Organisms/EmailBanner/EmailBanner.test.js
index f50d42194..0a8b38e9e 100644
--- a/src/components/Organisms/EmailBanner/EmailBanner.test.js
+++ b/src/components/Organisms/EmailBanner/EmailBanner.test.js
@@ -7,7 +7,7 @@ import EmailBanner from './EmailBanner';
 import RichText from '../../Atoms/RichText/RichText';
 import { buildEsuValidationSchema } from '../shared/emailSignup/emailSignupConfig';
 
-const defaultData = require('../../../styleguide/data/data').defaultData;
+const defaultData = require('../../../data/data').defaultData;
 
 const EmailBannerWithFormContext = (props) => {
   const validationSchema = buildEsuValidationSchema({});
diff --git a/src/components/Organisms/EmailBanner/EmailBannerExample.jsx b/src/components/Organisms/EmailBanner/EmailBannerExample.jsx
new file mode 100644
index 000000000..68194de42
--- /dev/null
+++ b/src/components/Organisms/EmailBanner/EmailBannerExample.jsx
@@ -0,0 +1,156 @@
+import React from 'react';
+import { useForm, FormProvider } from 'react-hook-form';
+import { yupResolver } from '@hookform/resolvers/yup';
+import EmailBanner from './EmailBanner';
+import { buildEsuValidationSchema } from '../shared/emailSignup/emailSignupConfig';
+import RichText from '../../Atoms/RichText/RichText';
+import { defaultData as desktopPictures, mobileImages as mobilePictures } from '../../../data/data';
+import videoDesktop from '../../Atoms/AmbientVideo/big-buck-bunny-1080p-30sec.mp4';
+import videoMobile from '../../Atoms/AmbientVideo/thetestdatacom_480p_example.mp4';
+
+const imageL = { images: desktopPictures.images, imageLow: desktopPictures.imageLow, alt: 'Background image' };
+const imageM = { images: desktopPictures.images, imageLow: desktopPictures.imageLow, alt: 'Background image' };
+const imageS = { images: mobilePictures.images, imageLow: mobilePictures.imageLow, alt: 'Background image' };
+
+const videoImageL = { images: desktopPictures.images, imageLow: desktopPictures.imageLow, alt: 'Video poster' };
+const videoImageM = { images: desktopPictures.images, imageLow: desktopPictures.imageLow, alt: 'Video poster' };
+const videoImageS = { images: mobilePictures.images, imageLow: mobilePictures.imageLow, alt: 'Video poster' };
+
+const bodyCopy = <RichText markup="<p>Sign up for exclusive news, stories and updates about everything Comic Relief.</p>" />;
+const privacyCopy = <RichText markup='<p>By agreeing to subscribe to our emails and clicking the button to sign up, you are consenting to the terms of our <a href="/privacy-notice">Privacy Policy</a>. You can unsubscribe at any time.</p>' />;
+const successCopy = <RichText markup="<p>Thanks! Your first email will be with you shortly.</p>" />;
+
+const validationSchema = buildEsuValidationSchema({});
+
+function EmailBannerInstance({ children }) {
+  const formMethods = useForm({ mode: 'onBlur', resolver: yupResolver(validationSchema) });
+  return <FormProvider {...formMethods}>{children(formMethods)}</FormProvider>;
+}
+
+export function EmailBannerExample1() {
+  return (
+    <EmailBannerInstance>
+      {formMethods => (
+        <EmailBanner
+          pageBackgroundColour="grey_light"
+          paddingAbove="0rem"
+          paddingBelow="2rem"
+          orientation="right"
+          imageL={imageL}
+          imageM={imageM}
+          imageS={imageS}
+          title="Stay in the know!"
+          bodyCopy={bodyCopy}
+          privacyCopy={privacyCopy}
+          successCopy={successCopy}
+          ctaText="Sign up"
+          formContext={formMethods}
+          onSubmit={data => console.log(data)}
+        />
+      )}
+    </EmailBannerInstance>
+  );
+}
+
+export function EmailBannerExample2() {
+  return (
+    <EmailBannerInstance>
+      {formMethods => (
+        <EmailBanner
+          pageBackgroundColour="grey_light"
+          paddingAbove="2rem"
+          paddingBelow="2rem"
+          orientation="left"
+          imageL={imageL}
+          imageM={imageM}
+          imageS={imageS}
+          title="Stay in the know!"
+          bodyCopy={bodyCopy}
+          privacyCopy={privacyCopy}
+          successCopy={successCopy}
+          ctaText="Sign up"
+          formContext={formMethods}
+          onSubmit={data => console.log(data)}
+        />
+      )}
+    </EmailBannerInstance>
+  );
+}
+
+export function EmailBannerExample3() {
+  return (
+    <EmailBannerInstance>
+      {formMethods => (
+        <EmailBanner
+          pageBackgroundColour="grey_light"
+          paddingAbove="0rem"
+          paddingBelow="2rem"
+          orientation="right"
+          imageL={videoImageL}
+          imageM={videoImageM}
+          imageS={videoImageS}
+          videoDesktop={videoDesktop}
+          videoMobile={videoMobile}
+          videoLoop
+          title="Stay in the know!"
+          bodyCopy={bodyCopy}
+          privacyCopy={privacyCopy}
+          successCopy={successCopy}
+          ctaText="Sign up"
+          formContext={formMethods}
+          onSubmit={data => console.log(data)}
+        />
+      )}
+    </EmailBannerInstance>
+  );
+}
+
+export function EmailBannerExample4() {
+  return (
+    <EmailBannerInstance>
+      {formMethods => (
+        <EmailBanner
+          emailWidgetIsTextOnly
+          pageBackgroundColour="rnd_25_glitzy_grape"
+          componentBackgroundColour="deep_violet_dark"
+          copyColor="white"
+          paddingAbove="2rem"
+          paddingBelow="2rem"
+          orientation="right"
+          title="Stay in the know!"
+          bodyCopy={bodyCopy}
+          privacyCopy={privacyCopy}
+          successCopy={successCopy}
+          ctaText="Sign up"
+          formContext={formMethods}
+          onSubmit={data => console.log(data)}
+        />
+      )}
+    </EmailBannerInstance>
+  );
+}
+
+export function EmailBannerExample5() {
+  return (
+    <EmailBannerInstance>
+      {formMethods => (
+        <EmailBanner
+          emailWidgetIsTextOnly
+          pageBackgroundColour="grey_light"
+          componentBackgroundColour="white"
+          copyColor="black"
+          paddingAbove="2rem"
+          paddingBelow="2rem"
+          orientation="right"
+          title="Stay in the know!"
+          bodyCopy={bodyCopy}
+          privacyCopy={privacyCopy}
+          successCopy={successCopy}
+          ctaText="Sign up"
+          formContext={formMethods}
+          onSubmit={data => console.log(data)}
+        />
+      )}
+    </EmailBannerInstance>
+  );
+}
diff --git a/src/components/Organisms/EmailBanner/__snapshots__/EmailBanner.test.js.snap b/src/components/Organisms/EmailBanner/__snapshots__/EmailBanner.test.js.snap
index 4bdb63d1f..db07883d6 100644
--- a/src/components/Organisms/EmailBanner/__snapshots__/EmailBanner.test.js.snap
+++ b/src/components/Organisms/EmailBanner/__snapshots__/EmailBanner.test.js.snap
@@ -5,9 +5,6 @@ exports[`Image banner left orientation renders correctly 1`] = `
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: 400;
   text-transform: inherit;
-  -webkit-letter-spacing: 0;
-  -moz-letter-spacing: 0;
-  -ms-letter-spacing: 0;
   letter-spacing: 0;
   font-size: 1rem;
   line-height: 1.25rem;
@@ -26,9 +23,6 @@ exports[`Image banner left orientation renders correctly 1`] = `
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: 400;
   text-transform: inherit;
-  -webkit-letter-spacing: 0;
-  -moz-letter-spacing: 0;
-  -ms-letter-spacing: 0;
   letter-spacing: 0;
   font-size: 1rem;
   line-height: 1.25rem;
@@ -40,24 +34,13 @@ exports[`Image banner left orientation renders correctly 1`] = `
 }
 
 .c21 {
-  display: -webkit-inline-box;
-  display: -webkit-inline-flex;
-  display: -ms-inline-flexbox;
   display: inline-flex;
   position: relative;
-  -webkit-text-decoration: none;
   text-decoration: none;
-  -webkit-transition: all 0.2s;
   transition: all 0.2s;
   height: 2.5rem;
   width: 100%;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
   justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
   align-items: center;
   border: none;
   cursor: pointer;
@@ -68,16 +51,12 @@ exports[`Image banner left orientation renders correctly 1`] = `
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: 700;
   text-transform: inherit;
-  -webkit-letter-spacing: 0;
-  -moz-letter-spacing: 0;
-  -ms-letter-spacing: 0;
   letter-spacing: 0;
   font-size: 1rem;
   line-height: 1.25rem;
 }
 
-.c21 > a {
-  -webkit-text-decoration: none;
+.c21 >a {
   text-decoration: none;
 }
 
@@ -97,12 +76,7 @@ exports[`Image banner left orientation renders correctly 1`] = `
 .c13 {
   width: 100%;
   position: relative;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
   flex-direction: column;
   color: #000000;
 }
@@ -112,9 +86,6 @@ exports[`Image banner left orientation renders correctly 1`] = `
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: 400;
   text-transform: inherit;
-  -webkit-letter-spacing: 0;
-  -moz-letter-spacing: 0;
-  -ms-letter-spacing: 0;
   letter-spacing: 0;
   font-size: 1rem;
   line-height: 1.25rem;
@@ -125,9 +96,6 @@ exports[`Image banner left orientation renders correctly 1`] = `
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: 400;
   text-transform: inherit;
-  -webkit-letter-spacing: 0;
-  -moz-letter-spacing: 0;
-  -ms-letter-spacing: 0;
   letter-spacing: 0;
   font-size: 1rem;
   line-height: 1.25rem;
@@ -136,17 +104,8 @@ exports[`Image banner left orientation renders correctly 1`] = `
 .c17 {
   position: relative;
   width: 100%;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-box-pack: end;
-  -webkit-justify-content: flex-end;
-  -ms-flex-pack: end;
   justify-content: flex-end;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
   align-items: center;
 }
 
@@ -160,8 +119,6 @@ exports[`Image banner left orientation renders correctly 1`] = `
   border: 1px solid;
   border-color: #969598;
   box-shadow: none;
-  -webkit-appearance: none;
-  -moz-appearance: none;
   appearance: none;
   color: #000000;
   border-radius: 0.5rem;
@@ -185,20 +142,9 @@ exports[`Image banner left orientation renders correctly 1`] = `
 
 .c0 {
   position: relative;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
   flex-direction: column;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
   justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
   align-items: center;
   height: auto;
   background-color: #F4F3F5;
@@ -220,16 +166,12 @@ exports[`Image banner left orientation renders correctly 1`] = `
 .c1:hover button[data-play-pause],
 .c1:focus-within button[data-play-pause] {
   opacity: 0.8;
-  -webkit-transition-delay: 0s;
   transition-delay: 0s;
 }
 
 .c2 {
   position: relative;
   text-align: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
   align-items: center;
   display: block;
   width: 100%;
@@ -244,20 +186,9 @@ exports[`Image banner left orientation renders correctly 1`] = `
 }
 
 .c10 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
   flex-direction: column;
-  -webkit-align-items: flex-start;
-  -webkit-box-align: flex-start;
-  -ms-flex-align: flex-start;
   align-items: flex-start;
-  -webkit-box-pack: start;
-  -webkit-justify-content: flex-start;
-  -ms-flex-pack: start;
   justify-content: flex-start;
 }
 
@@ -291,9 +222,6 @@ exports[`Image banner left orientation renders correctly 1`] = `
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: 700;
   text-transform: inherit;
-  -webkit-letter-spacing: 0;
-  -moz-letter-spacing: 0;
-  -ms-letter-spacing: 0;
   letter-spacing: 0;
   font-size: 1rem;
   line-height: 1.25rem;
@@ -301,12 +229,7 @@ exports[`Image banner left orientation renders correctly 1`] = `
 }
 
 .c11 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
   flex-direction: column;
   gap: 0;
   width: 100%;
@@ -323,9 +246,6 @@ exports[`Image banner left orientation renders correctly 1`] = `
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: 400;
   text-transform: inherit;
-  -webkit-letter-spacing: 0;
-  -moz-letter-spacing: 0;
-  -ms-letter-spacing: 0;
   letter-spacing: 0;
   font-size: 1rem;
   line-height: 1.25rem;
@@ -354,115 +274,99 @@ exports[`Image banner left orientation renders correctly 1`] = `
   min-height: 48px;
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c6 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c6 {
     font-size: 1.125rem;
     line-height: 1.375rem;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c14 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c14 {
     font-size: 1.125rem;
     line-height: 1.375rem;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c21 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c21 {
     font-size: 1.125rem;
     line-height: 1.375rem;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c21 {
     width: auto;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c21 {
     width: auto;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c15 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c15 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c16 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c16 {
     font-size: 1.25rem;
     line-height: 1.25rem;
   }
 }
 
-@media (min-width:740px) {
-
-}
-
-@media (min-width:1024px) {
-
-}
-
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c0 {
     padding: 2rem 2rem 2rem 2rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c1 {
     min-height: 700px;
-    display: -webkit-box;
-    display: -webkit-flex;
-    display: -ms-flexbox;
     display: flex;
-    -webkit-flex-direction: column;
-    -ms-flex-direction: column;
     flex-direction: column;
-    -webkit-box-pack: center;
-    -webkit-justify-content: center;
-    -ms-flex-pack: center;
     justify-content: center;
     max-width: 1500px;
     margin-left: auto;
@@ -470,42 +374,27 @@ exports[`Image banner left orientation renders correctly 1`] = `
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c2 {
-    display: -webkit-box;
-    display: -webkit-flex;
-    display: -ms-flexbox;
     display: flex;
     padding: 2rem;
     gap: 2rem;
-    -webkit-flex-direction: row;
-    -ms-flex-direction: row;
     flex-direction: row;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c3 {
-    -webkit-flex: 1 1 0;
-    -ms-flex: 1 1 0;
     flex: 1 1 0;
     min-width: 0;
     width: auto;
-    display: -webkit-box;
-    display: -webkit-flex;
-    display: -ms-flexbox;
     display: flex;
-    -webkit-box-pack: start;
-    -webkit-justify-content: flex-start;
-    -ms-flex-pack: start;
     justify-content: flex-start;
-    -webkit-order: 1;
-    -ms-flex-order: 1;
     order: 1;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c4 {
     width: 100%;
     margin-right: auto;
@@ -513,7 +402,7 @@ exports[`Image banner left orientation renders correctly 1`] = `
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c4 {
     border-radius: 1rem;
     max-width: 461px;
@@ -523,41 +412,41 @@ exports[`Image banner left orientation renders correctly 1`] = `
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c5 {
     padding: 2rem;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c7 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c7 {
     font-size: 1.125rem;
     line-height: 1.375rem;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c8 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c8 {
     font-size: 1.125rem;
     line-height: 1.375rem;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c20 button {
     padding: 1rem 2rem;
   }
@@ -565,13 +454,20 @@ exports[`Image banner left orientation renders correctly 1`] = `
 
 <div
   className="c0"
+  paddingAbove="2rem"
+  paddingBelow="2rem"
+  pageBackgroundColour="grey_light"
 >
   <div
     className="c1"
+    componentBackgroundColour="white"
   >
     <div
       aria-live="polite"
       className="c2"
+      hasTopImage={false}
+      noTitlesAtAll={false}
+      showTitleSection={false}
     >
       <div
         className="c3"
@@ -579,8 +475,10 @@ exports[`Image banner left orientation renders correctly 1`] = `
         <form
           className="c4"
           data-test="email-banner"
+          hasTopImage={false}
           noValidate={true}
           onSubmit={[Function]}
+          showTitleSection={false}
         >
           <fieldset
             className="c5"
@@ -594,9 +492,10 @@ exports[`Image banner left orientation renders correctly 1`] = `
               className="c8"
             >
               <div
+                align="left"
                 className="c9"
                 dangerouslySetInnerHTML={
-                  Object {
+                  {
                     "__html": "<p>Sign up for exclusive news, stories and updates about everything Comic Relief.</p>",
                   }
                 }
@@ -613,38 +512,41 @@ exports[`Image banner left orientation renders correctly 1`] = `
                 >
                   <label
                     className="c13"
+                    errorMsg=""
                     htmlFor="first-name"
+                    optional={null}
                   >
                     <span
                       className="c14 c15"
                       dangerouslySetInnerHTML={
-                        Object {
+                        {
                           "__html": "First name",
                         }
                       }
                     />
                     <div
                       className="c16"
+                      error={false}
                     >
-                      
                       <div
                         className="c17"
+                        error={false}
                       >
                         <input
                           aria-required={true}
                           className="c18"
+                          error={false}
                           id="first-name"
                           name="firstName"
                           onBlur={[Function]}
                           onChange={[Function]}
                           placeholder="Enter your first name"
+                          prefixLength={0}
                           required={false}
                           type="text"
                         />
-                        
                       </div>
                     </div>
-                    
                   </label>
                 </div>
                 <div
@@ -652,38 +554,41 @@ exports[`Image banner left orientation renders correctly 1`] = `
                 >
                   <label
                     className="c13"
+                    errorMsg=""
                     htmlFor="last-name"
+                    optional={null}
                   >
                     <span
                       className="c14 c15"
                       dangerouslySetInnerHTML={
-                        Object {
+                        {
                           "__html": "Last name",
                         }
                       }
                     />
                     <div
                       className="c16"
+                      error={false}
                     >
-                      
                       <div
                         className="c17"
+                        error={false}
                       >
                         <input
                           aria-required={true}
                           className="c18"
+                          error={false}
                           id="last-name"
                           name="lastName"
                           onBlur={[Function]}
                           onChange={[Function]}
                           placeholder="Enter your last name"
+                          prefixLength={0}
                           required={false}
                           type="text"
                         />
-                        
                       </div>
                     </div>
-                    
                   </label>
                 </div>
               </div>
@@ -692,38 +597,41 @@ exports[`Image banner left orientation renders correctly 1`] = `
               >
                 <label
                   className="c13"
+                  errorMsg=""
                   htmlFor="email"
+                  optional={null}
                 >
                   <span
                     className="c14 c15"
                     dangerouslySetInnerHTML={
-                      Object {
+                      {
                         "__html": "Email address",
                       }
                     }
                   />
                   <div
                     className="c16"
+                    error={false}
                   >
-                    
                     <div
                       className="c17"
+                      error={false}
                     >
                       <input
                         aria-required={true}
                         className="c18"
+                        error={false}
                         id="email"
                         name="email"
                         onBlur={[Function]}
                         onChange={[Function]}
                         placeholder="example@youremail.com"
+                        prefixLength={0}
                         required={false}
                         type="email"
                       />
-                      
                     </div>
                   </div>
-                  
                 </label>
               </div>
             </div>
@@ -731,10 +639,11 @@ exports[`Image banner left orientation renders correctly 1`] = `
               className="c19"
             >
               <div
+                align="left"
                 className="c9"
                 dangerouslySetInnerHTML={
-                  Object {
-                    "__html": "<p>By agreeing to subscribe to our emails and clicking the button to sign up, you are consenting to the terms of our <a href=\\"/privacy-notice\\">Privacy Policy</a>. You can unsubscribe at any time.</p>",
+                  {
+                    "__html": "<p>By agreeing to subscribe to our emails and clicking the button to sign up, you are consenting to the terms of our <a href="/privacy-notice">Privacy Policy</a>. You can unsubscribe at any time.</p>",
                   }
                 }
               />
@@ -743,15 +652,18 @@ exports[`Image banner left orientation renders correctly 1`] = `
               className="c20"
             >
               <button
+                buttonType="primary"
                 className="c21 c22"
                 color="red"
                 data-test="subscribe-button"
                 disabled={false}
+                fullWidth={false}
                 type="submit"
               >
                 Sign up
                 <div
                   className=""
+                  withMargin={false}
                 />
               </button>
             </div>
@@ -768,9 +680,6 @@ exports[`Image banner renders correctly 1`] = `
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: 400;
   text-transform: inherit;
-  -webkit-letter-spacing: 0;
-  -moz-letter-spacing: 0;
-  -ms-letter-spacing: 0;
   letter-spacing: 0;
   font-size: 1rem;
   line-height: 1.25rem;
@@ -789,9 +698,6 @@ exports[`Image banner renders correctly 1`] = `
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: 400;
   text-transform: inherit;
-  -webkit-letter-spacing: 0;
-  -moz-letter-spacing: 0;
-  -ms-letter-spacing: 0;
   letter-spacing: 0;
   font-size: 1rem;
   line-height: 1.25rem;
@@ -803,24 +709,13 @@ exports[`Image banner renders correctly 1`] = `
 }
 
 .c21 {
-  display: -webkit-inline-box;
-  display: -webkit-inline-flex;
-  display: -ms-inline-flexbox;
   display: inline-flex;
   position: relative;
-  -webkit-text-decoration: none;
   text-decoration: none;
-  -webkit-transition: all 0.2s;
   transition: all 0.2s;
   height: 2.5rem;
   width: 100%;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
   justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
   align-items: center;
   border: none;
   cursor: pointer;
@@ -831,16 +726,12 @@ exports[`Image banner renders correctly 1`] = `
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: 700;
   text-transform: inherit;
-  -webkit-letter-spacing: 0;
-  -moz-letter-spacing: 0;
-  -ms-letter-spacing: 0;
   letter-spacing: 0;
   font-size: 1rem;
   line-height: 1.25rem;
 }
 
-.c21 > a {
-  -webkit-text-decoration: none;
+.c21 >a {
   text-decoration: none;
 }
 
@@ -860,12 +751,7 @@ exports[`Image banner renders correctly 1`] = `
 .c13 {
   width: 100%;
   position: relative;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
   flex-direction: column;
   color: #000000;
 }
@@ -875,9 +761,6 @@ exports[`Image banner renders correctly 1`] = `
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: 400;
   text-transform: inherit;
-  -webkit-letter-spacing: 0;
-  -moz-letter-spacing: 0;
-  -ms-letter-spacing: 0;
   letter-spacing: 0;
   font-size: 1rem;
   line-height: 1.25rem;
@@ -888,9 +771,6 @@ exports[`Image banner renders correctly 1`] = `
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: 400;
   text-transform: inherit;
-  -webkit-letter-spacing: 0;
-  -moz-letter-spacing: 0;
-  -ms-letter-spacing: 0;
   letter-spacing: 0;
   font-size: 1rem;
   line-height: 1.25rem;
@@ -899,17 +779,8 @@ exports[`Image banner renders correctly 1`] = `
 .c17 {
   position: relative;
   width: 100%;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-box-pack: end;
-  -webkit-justify-content: flex-end;
-  -ms-flex-pack: end;
   justify-content: flex-end;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
   align-items: center;
 }
 
@@ -923,8 +794,6 @@ exports[`Image banner renders correctly 1`] = `
   border: 1px solid;
   border-color: #969598;
   box-shadow: none;
-  -webkit-appearance: none;
-  -moz-appearance: none;
   appearance: none;
   color: #000000;
   border-radius: 0.5rem;
@@ -948,20 +817,9 @@ exports[`Image banner renders correctly 1`] = `
 
 .c0 {
   position: relative;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
   flex-direction: column;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
   justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
   align-items: center;
   height: auto;
   background-color: #F4F3F5;
@@ -983,16 +841,12 @@ exports[`Image banner renders correctly 1`] = `
 .c1:hover button[data-play-pause],
 .c1:focus-within button[data-play-pause] {
   opacity: 0.8;
-  -webkit-transition-delay: 0s;
   transition-delay: 0s;
 }
 
 .c2 {
   position: relative;
   text-align: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
   align-items: center;
   display: block;
   width: 100%;
@@ -1007,20 +861,9 @@ exports[`Image banner renders correctly 1`] = `
 }
 
 .c10 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
   flex-direction: column;
-  -webkit-align-items: flex-start;
-  -webkit-box-align: flex-start;
-  -ms-flex-align: flex-start;
   align-items: flex-start;
-  -webkit-box-pack: start;
-  -webkit-justify-content: flex-start;
-  -ms-flex-pack: start;
   justify-content: flex-start;
 }
 
@@ -1054,9 +897,6 @@ exports[`Image banner renders correctly 1`] = `
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: 700;
   text-transform: inherit;
-  -webkit-letter-spacing: 0;
-  -moz-letter-spacing: 0;
-  -ms-letter-spacing: 0;
   letter-spacing: 0;
   font-size: 1rem;
   line-height: 1.25rem;
@@ -1064,12 +904,7 @@ exports[`Image banner renders correctly 1`] = `
 }
 
 .c11 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
   flex-direction: column;
   gap: 0;
   width: 100%;
@@ -1086,9 +921,6 @@ exports[`Image banner renders correctly 1`] = `
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: 400;
   text-transform: inherit;
-  -webkit-letter-spacing: 0;
-  -moz-letter-spacing: 0;
-  -ms-letter-spacing: 0;
   letter-spacing: 0;
   font-size: 1rem;
   line-height: 1.25rem;
@@ -1117,115 +949,99 @@ exports[`Image banner renders correctly 1`] = `
   min-height: 48px;
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c6 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c6 {
     font-size: 1.125rem;
     line-height: 1.375rem;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c14 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c14 {
     font-size: 1.125rem;
     line-height: 1.375rem;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c21 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c21 {
     font-size: 1.125rem;
     line-height: 1.375rem;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c21 {
     width: auto;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c21 {
     width: auto;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c15 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c15 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c16 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c16 {
     font-size: 1.25rem;
     line-height: 1.25rem;
   }
 }
 
-@media (min-width:740px) {
-
-}
-
-@media (min-width:1024px) {
-
-}
-
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c0 {
     padding: 0rem 2rem 2rem 2rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c1 {
     min-height: 700px;
-    display: -webkit-box;
-    display: -webkit-flex;
-    display: -ms-flexbox;
     display: flex;
-    -webkit-flex-direction: column;
-    -ms-flex-direction: column;
     flex-direction: column;
-    -webkit-box-pack: center;
-    -webkit-justify-content: center;
-    -ms-flex-pack: center;
     justify-content: center;
     max-width: 1500px;
     margin-left: auto;
@@ -1233,42 +1049,27 @@ exports[`Image banner renders correctly 1`] = `
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c2 {
-    display: -webkit-box;
-    display: -webkit-flex;
-    display: -ms-flexbox;
     display: flex;
     padding: 2rem;
     gap: 2rem;
-    -webkit-flex-direction: row;
-    -ms-flex-direction: row;
     flex-direction: row;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c3 {
-    -webkit-flex: 1 1 0;
-    -ms-flex: 1 1 0;
     flex: 1 1 0;
     min-width: 0;
     width: auto;
-    display: -webkit-box;
-    display: -webkit-flex;
-    display: -ms-flexbox;
     display: flex;
-    -webkit-box-pack: end;
-    -webkit-justify-content: flex-end;
-    -ms-flex-pack: end;
     justify-content: flex-end;
-    -webkit-order: 2;
-    -ms-flex-order: 2;
     order: 2;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c4 {
     width: 100%;
     margin-right: auto;
@@ -1276,7 +1077,7 @@ exports[`Image banner renders correctly 1`] = `
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c4 {
     border-radius: 1rem;
     max-width: 461px;
@@ -1286,41 +1087,41 @@ exports[`Image banner renders correctly 1`] = `
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c5 {
     padding: 2rem;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c7 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c7 {
     font-size: 1.125rem;
     line-height: 1.375rem;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c8 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c8 {
     font-size: 1.125rem;
     line-height: 1.375rem;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c20 button {
     padding: 1rem 2rem;
   }
@@ -1328,13 +1129,20 @@ exports[`Image banner renders correctly 1`] = `
 
 <div
   className="c0"
+  paddingAbove="0rem"
+  paddingBelow="2rem"
+  pageBackgroundColour="grey_light"
 >
   <div
     className="c1"
+    componentBackgroundColour="white"
   >
     <div
       aria-live="polite"
       className="c2"
+      hasTopImage={false}
+      noTitlesAtAll={false}
+      showTitleSection={false}
     >
       <div
         className="c3"
@@ -1342,8 +1150,10 @@ exports[`Image banner renders correctly 1`] = `
         <form
           className="c4"
           data-test="email-banner"
+          hasTopImage={false}
           noValidate={true}
           onSubmit={[Function]}
+          showTitleSection={false}
         >
           <fieldset
             className="c5"
@@ -1357,9 +1167,10 @@ exports[`Image banner renders correctly 1`] = `
               className="c8"
             >
               <div
+                align="left"
                 className="c9"
                 dangerouslySetInnerHTML={
-                  Object {
+                  {
                     "__html": "<p>Sign up for exclusive news, stories and updates about everything Comic Relief.</p>",
                   }
                 }
@@ -1376,38 +1187,41 @@ exports[`Image banner renders correctly 1`] = `
                 >
                   <label
                     className="c13"
+                    errorMsg=""
                     htmlFor="first-name"
+                    optional={null}
                   >
                     <span
                       className="c14 c15"
                       dangerouslySetInnerHTML={
-                        Object {
+                        {
                           "__html": "First name",
                         }
                       }
                     />
                     <div
                       className="c16"
+                      error={false}
                     >
-                      
                       <div
                         className="c17"
+                        error={false}
                       >
                         <input
                           aria-required={true}
                           className="c18"
+                          error={false}
                           id="first-name"
                           name="firstName"
                           onBlur={[Function]}
                           onChange={[Function]}
                           placeholder="Enter your first name"
+                          prefixLength={0}
                           required={false}
                           type="text"
                         />
-                        
                       </div>
                     </div>
-                    
                   </label>
                 </div>
                 <div
@@ -1415,38 +1229,41 @@ exports[`Image banner renders correctly 1`] = `
                 >
                   <label
                     className="c13"
+                    errorMsg=""
                     htmlFor="last-name"
+                    optional={null}
                   >
                     <span
                       className="c14 c15"
                       dangerouslySetInnerHTML={
-                        Object {
+                        {
                           "__html": "Last name",
                         }
                       }
                     />
                     <div
                       className="c16"
+                      error={false}
                     >
-                      
                       <div
                         className="c17"
+                        error={false}
                       >
                         <input
                           aria-required={true}
                           className="c18"
+                          error={false}
                           id="last-name"
                           name="lastName"
                           onBlur={[Function]}
                           onChange={[Function]}
                           placeholder="Enter your last name"
+                          prefixLength={0}
                           required={false}
                           type="text"
                         />
-                        
                       </div>
                     </div>
-                    
                   </label>
                 </div>
               </div>
@@ -1455,38 +1272,41 @@ exports[`Image banner renders correctly 1`] = `
               >
                 <label
                   className="c13"
+                  errorMsg=""
                   htmlFor="email"
+                  optional={null}
                 >
                   <span
                     className="c14 c15"
                     dangerouslySetInnerHTML={
-                      Object {
+                      {
                         "__html": "Email address",
                       }
                     }
                   />
                   <div
                     className="c16"
+                    error={false}
                   >
-                    
                     <div
                       className="c17"
+                      error={false}
                     >
                       <input
                         aria-required={true}
                         className="c18"
+                        error={false}
                         id="email"
                         name="email"
                         onBlur={[Function]}
                         onChange={[Function]}
                         placeholder="example@youremail.com"
+                        prefixLength={0}
                         required={false}
                         type="email"
                       />
-                      
                     </div>
                   </div>
-                  
                 </label>
               </div>
             </div>
@@ -1494,10 +1314,11 @@ exports[`Image banner renders correctly 1`] = `
               className="c19"
             >
               <div
+                align="left"
                 className="c9"
                 dangerouslySetInnerHTML={
-                  Object {
-                    "__html": "<p>By agreeing to subscribe to our emails and clicking the button to sign up, you are consenting to the terms of our <a href=\\"/privacy-notice\\">Privacy Policy</a>. You can unsubscribe at any time.</p>",
+                  {
+                    "__html": "<p>By agreeing to subscribe to our emails and clicking the button to sign up, you are consenting to the terms of our <a href="/privacy-notice">Privacy Policy</a>. You can unsubscribe at any time.</p>",
                   }
                 }
               />
@@ -1506,15 +1327,18 @@ exports[`Image banner renders correctly 1`] = `
               className="c20"
             >
               <button
+                buttonType="primary"
                 className="c21 c22"
                 color="red"
                 data-test="subscribe-button"
                 disabled={false}
+                fullWidth={false}
                 type="submit"
               >
                 Sign up
                 <div
                   className=""
+                  withMargin={false}
                 />
               </button>
             </div>
@@ -1531,9 +1355,6 @@ exports[`Text-only email widget renders correctly 1`] = `
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: 400;
   text-transform: inherit;
-  -webkit-letter-spacing: 0;
-  -moz-letter-spacing: 0;
-  -ms-letter-spacing: 0;
   letter-spacing: 0;
   font-size: 1rem;
   line-height: 1.25rem;
@@ -1552,9 +1373,6 @@ exports[`Text-only email widget renders correctly 1`] = `
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: 400;
   text-transform: inherit;
-  -webkit-letter-spacing: 0;
-  -moz-letter-spacing: 0;
-  -ms-letter-spacing: 0;
   letter-spacing: 0;
   font-size: 1rem;
   line-height: 1.25rem;
@@ -1566,24 +1384,13 @@ exports[`Text-only email widget renders correctly 1`] = `
 }
 
 .c21 {
-  display: -webkit-inline-box;
-  display: -webkit-inline-flex;
-  display: -ms-inline-flexbox;
   display: inline-flex;
   position: relative;
-  -webkit-text-decoration: none;
   text-decoration: none;
-  -webkit-transition: all 0.2s;
   transition: all 0.2s;
   height: 2.5rem;
   width: 100%;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
   justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
   align-items: center;
   border: none;
   cursor: pointer;
@@ -1594,16 +1401,12 @@ exports[`Text-only email widget renders correctly 1`] = `
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: 700;
   text-transform: inherit;
-  -webkit-letter-spacing: 0;
-  -moz-letter-spacing: 0;
-  -ms-letter-spacing: 0;
   letter-spacing: 0;
   font-size: 1rem;
   line-height: 1.25rem;
 }
 
-.c21 > a {
-  -webkit-text-decoration: none;
+.c21 >a {
   text-decoration: none;
 }
 
@@ -1623,12 +1426,7 @@ exports[`Text-only email widget renders correctly 1`] = `
 .c13 {
   width: 100%;
   position: relative;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
   flex-direction: column;
   color: #000000;
 }
@@ -1638,9 +1436,6 @@ exports[`Text-only email widget renders correctly 1`] = `
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: 400;
   text-transform: inherit;
-  -webkit-letter-spacing: 0;
-  -moz-letter-spacing: 0;
-  -ms-letter-spacing: 0;
   letter-spacing: 0;
   font-size: 1rem;
   line-height: 1.25rem;
@@ -1651,9 +1446,6 @@ exports[`Text-only email widget renders correctly 1`] = `
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: 400;
   text-transform: inherit;
-  -webkit-letter-spacing: 0;
-  -moz-letter-spacing: 0;
-  -ms-letter-spacing: 0;
   letter-spacing: 0;
   font-size: 1rem;
   line-height: 1.25rem;
@@ -1662,17 +1454,8 @@ exports[`Text-only email widget renders correctly 1`] = `
 .c17 {
   position: relative;
   width: 100%;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-box-pack: end;
-  -webkit-justify-content: flex-end;
-  -ms-flex-pack: end;
   justify-content: flex-end;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
   align-items: center;
 }
 
@@ -1686,8 +1469,6 @@ exports[`Text-only email widget renders correctly 1`] = `
   border: 1px solid;
   border-color: #969598;
   box-shadow: none;
-  -webkit-appearance: none;
-  -moz-appearance: none;
   appearance: none;
   color: #000000;
   border-radius: 0.5rem;
@@ -1711,20 +1492,9 @@ exports[`Text-only email widget renders correctly 1`] = `
 
 .c0 {
   position: relative;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
   flex-direction: column;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
   justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
   align-items: center;
   height: auto;
   background-color: #F4F3F5;
@@ -1746,16 +1516,12 @@ exports[`Text-only email widget renders correctly 1`] = `
 .c1:hover button[data-play-pause],
 .c1:focus-within button[data-play-pause] {
   opacity: 0.8;
-  -webkit-transition-delay: 0s;
   transition-delay: 0s;
 }
 
 .c2 {
   position: relative;
   text-align: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
   align-items: center;
   display: block;
   width: 100%;
@@ -1770,20 +1536,9 @@ exports[`Text-only email widget renders correctly 1`] = `
 }
 
 .c10 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
   flex-direction: column;
-  -webkit-align-items: flex-start;
-  -webkit-box-align: flex-start;
-  -ms-flex-align: flex-start;
   align-items: flex-start;
-  -webkit-box-pack: start;
-  -webkit-justify-content: flex-start;
-  -ms-flex-pack: start;
   justify-content: flex-start;
 }
 
@@ -1817,9 +1572,6 @@ exports[`Text-only email widget renders correctly 1`] = `
   font-family: 'Anton',Impact,sans-serif;
   font-weight: 400;
   text-transform: uppercase;
-  -webkit-letter-spacing: 0;
-  -moz-letter-spacing: 0;
-  -ms-letter-spacing: 0;
   letter-spacing: 0;
   font-size: 2rem;
   line-height: 2rem;
@@ -1827,12 +1579,7 @@ exports[`Text-only email widget renders correctly 1`] = `
 }
 
 .c11 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
   flex-direction: column;
   gap: 0;
   width: 100%;
@@ -1849,9 +1596,6 @@ exports[`Text-only email widget renders correctly 1`] = `
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: 400;
   text-transform: inherit;
-  -webkit-letter-spacing: 0;
-  -moz-letter-spacing: 0;
-  -ms-letter-spacing: 0;
   letter-spacing: 0;
   font-size: 1rem;
   line-height: 1.25rem;
@@ -1880,115 +1624,99 @@ exports[`Text-only email widget renders correctly 1`] = `
   min-height: 48px;
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c6 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c6 {
     font-size: 1.125rem;
     line-height: 1.375rem;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c14 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c14 {
     font-size: 1.125rem;
     line-height: 1.375rem;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c21 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c21 {
     font-size: 1.125rem;
     line-height: 1.375rem;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c21 {
     width: auto;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c21 {
     width: auto;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c15 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c15 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c16 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c16 {
     font-size: 1.25rem;
     line-height: 1.25rem;
   }
 }
 
-@media (min-width:740px) {
-
-}
-
-@media (min-width:1024px) {
-
-}
-
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c0 {
     padding: 2rem 2rem 2rem 2rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c1 {
     min-height: 700px;
-    display: -webkit-box;
-    display: -webkit-flex;
-    display: -ms-flexbox;
     display: flex;
-    -webkit-flex-direction: column;
-    -ms-flex-direction: column;
     flex-direction: column;
-    -webkit-box-pack: center;
-    -webkit-justify-content: center;
-    -ms-flex-pack: center;
     justify-content: center;
     max-width: 1500px;
     margin-left: auto;
@@ -1996,42 +1724,27 @@ exports[`Text-only email widget renders correctly 1`] = `
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c2 {
-    display: -webkit-box;
-    display: -webkit-flex;
-    display: -ms-flexbox;
     display: flex;
     padding: 2rem;
     gap: 2rem;
-    -webkit-flex-direction: row;
-    -ms-flex-direction: row;
     flex-direction: row;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c3 {
-    -webkit-flex: 1 1 0;
-    -ms-flex: 1 1 0;
     flex: 1 1 0;
     min-width: 0;
     width: auto;
-    display: -webkit-box;
-    display: -webkit-flex;
-    display: -ms-flexbox;
     display: flex;
-    -webkit-box-pack: end;
-    -webkit-justify-content: flex-end;
-    -ms-flex-pack: end;
     justify-content: flex-end;
-    -webkit-order: 2;
-    -ms-flex-order: 2;
     order: 2;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c4 {
     width: 100%;
     margin-right: auto;
@@ -2039,7 +1752,7 @@ exports[`Text-only email widget renders correctly 1`] = `
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c4 {
     border-radius: 1rem;
     max-width: 461px;
@@ -2049,41 +1762,41 @@ exports[`Text-only email widget renders correctly 1`] = `
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c5 {
     padding: 2rem;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c7 {
     font-size: 2.5rem;
     line-height: 2.5rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c7 {
     font-size: 3rem;
     line-height: 3rem;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c8 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c8 {
     font-size: 1.125rem;
     line-height: 1.375rem;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c20 button {
     padding: 1rem 2rem;
   }
@@ -2091,13 +1804,20 @@ exports[`Text-only email widget renders correctly 1`] = `
 
 <div
   className="c0"
+  paddingAbove="2rem"
+  paddingBelow="2rem"
+  pageBackgroundColour="grey_light"
 >
   <div
     className="c1"
+    componentBackgroundColour="white"
   >
     <div
       aria-live="polite"
       className="c2"
+      hasTopImage={false}
+      noTitlesAtAll={false}
+      showTitleSection={false}
     >
       <div
         className="c3"
@@ -2105,8 +1825,10 @@ exports[`Text-only email widget renders correctly 1`] = `
         <form
           className="c4"
           data-test="email-banner"
+          hasTopImage={false}
           noValidate={true}
           onSubmit={[Function]}
+          showTitleSection={false}
         >
           <fieldset
             className="c5"
@@ -2120,9 +1842,10 @@ exports[`Text-only email widget renders correctly 1`] = `
               className="c8"
             >
               <div
+                align="left"
                 className="c9"
                 dangerouslySetInnerHTML={
-                  Object {
+                  {
                     "__html": "<p>Sign up for exclusive news, stories and updates about everything Comic Relief.</p>",
                   }
                 }
@@ -2139,38 +1862,41 @@ exports[`Text-only email widget renders correctly 1`] = `
                 >
                   <label
                     className="c13"
+                    errorMsg=""
                     htmlFor="first-name"
+                    optional={null}
                   >
                     <span
                       className="c14 c15"
                       dangerouslySetInnerHTML={
-                        Object {
+                        {
                           "__html": "First name",
                         }
                       }
                     />
                     <div
                       className="c16"
+                      error={false}
                     >
-                      
                       <div
                         className="c17"
+                        error={false}
                       >
                         <input
                           aria-required={true}
                           className="c18"
+                          error={false}
                           id="first-name"
                           name="firstName"
                           onBlur={[Function]}
                           onChange={[Function]}
                           placeholder="Enter your first name"
+                          prefixLength={0}
                           required={false}
                           type="text"
                         />
-                        
                       </div>
                     </div>
-                    
                   </label>
                 </div>
                 <div
@@ -2178,38 +1904,41 @@ exports[`Text-only email widget renders correctly 1`] = `
                 >
                   <label
                     className="c13"
+                    errorMsg=""
                     htmlFor="last-name"
+                    optional={null}
                   >
                     <span
                       className="c14 c15"
                       dangerouslySetInnerHTML={
-                        Object {
+                        {
                           "__html": "Last name",
                         }
                       }
                     />
                     <div
                       className="c16"
+                      error={false}
                     >
-                      
                       <div
                         className="c17"
+                        error={false}
                       >
                         <input
                           aria-required={true}
                           className="c18"
+                          error={false}
                           id="last-name"
                           name="lastName"
                           onBlur={[Function]}
                           onChange={[Function]}
                           placeholder="Enter your last name"
+                          prefixLength={0}
                           required={false}
                           type="text"
                         />
-                        
                       </div>
                     </div>
-                    
                   </label>
                 </div>
               </div>
@@ -2218,38 +1947,41 @@ exports[`Text-only email widget renders correctly 1`] = `
               >
                 <label
                   className="c13"
+                  errorMsg=""
                   htmlFor="email"
+                  optional={null}
                 >
                   <span
                     className="c14 c15"
                     dangerouslySetInnerHTML={
-                      Object {
+                      {
                         "__html": "Email address",
                       }
                     }
                   />
                   <div
                     className="c16"
+                    error={false}
                   >
-                    
                     <div
                       className="c17"
+                      error={false}
                     >
                       <input
                         aria-required={true}
                         className="c18"
+                        error={false}
                         id="email"
                         name="email"
                         onBlur={[Function]}
                         onChange={[Function]}
                         placeholder="example@youremail.com"
+                        prefixLength={0}
                         required={false}
                         type="email"
                       />
-                      
                     </div>
                   </div>
-                  
                 </label>
               </div>
             </div>
@@ -2257,10 +1989,11 @@ exports[`Text-only email widget renders correctly 1`] = `
               className="c19"
             >
               <div
+                align="left"
                 className="c9"
                 dangerouslySetInnerHTML={
-                  Object {
-                    "__html": "<p>By agreeing to subscribe to our emails and clicking the button to sign up, you are consenting to the terms of our <a href=\\"/privacy-notice\\">Privacy Policy</a>. You can unsubscribe at any time.</p>",
+                  {
+                    "__html": "<p>By agreeing to subscribe to our emails and clicking the button to sign up, you are consenting to the terms of our <a href="/privacy-notice">Privacy Policy</a>. You can unsubscribe at any time.</p>",
                   }
                 }
               />
@@ -2269,15 +2002,18 @@ exports[`Text-only email widget renders correctly 1`] = `
               className="c20"
             >
               <button
+                buttonType="primary"
                 className="c21 c22"
                 color="red"
                 data-test="subscribe-button"
                 disabled={false}
+                fullWidth={false}
                 type="submit"
               >
                 Sign up
                 <div
                   className=""
+                  withMargin={false}
                 />
               </button>
             </div>
@@ -2294,9 +2030,6 @@ exports[`Text-only email widget with copyColor renders correctly 1`] = `
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: 400;
   text-transform: inherit;
-  -webkit-letter-spacing: 0;
-  -moz-letter-spacing: 0;
-  -ms-letter-spacing: 0;
   letter-spacing: 0;
   font-size: 1rem;
   line-height: 1.25rem;
@@ -2315,9 +2048,6 @@ exports[`Text-only email widget with copyColor renders correctly 1`] = `
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: 400;
   text-transform: inherit;
-  -webkit-letter-spacing: 0;
-  -moz-letter-spacing: 0;
-  -ms-letter-spacing: 0;
   letter-spacing: 0;
   font-size: 1rem;
   line-height: 1.25rem;
@@ -2329,24 +2059,13 @@ exports[`Text-only email widget with copyColor renders correctly 1`] = `
 }
 
 .c21 {
-  display: -webkit-inline-box;
-  display: -webkit-inline-flex;
-  display: -ms-inline-flexbox;
   display: inline-flex;
   position: relative;
-  -webkit-text-decoration: none;
   text-decoration: none;
-  -webkit-transition: all 0.2s;
   transition: all 0.2s;
   height: 2.5rem;
   width: 100%;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
   justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
   align-items: center;
   border: none;
   cursor: pointer;
@@ -2357,16 +2076,12 @@ exports[`Text-only email widget with copyColor renders correctly 1`] = `
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: 700;
   text-transform: inherit;
-  -webkit-letter-spacing: 0;
-  -moz-letter-spacing: 0;
-  -ms-letter-spacing: 0;
   letter-spacing: 0;
   font-size: 1rem;
   line-height: 1.25rem;
 }
 
-.c21 > a {
-  -webkit-text-decoration: none;
+.c21 >a {
   text-decoration: none;
 }
 
@@ -2386,12 +2101,7 @@ exports[`Text-only email widget with copyColor renders correctly 1`] = `
 .c13 {
   width: 100%;
   position: relative;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
   flex-direction: column;
   color: #000000;
 }
@@ -2401,9 +2111,6 @@ exports[`Text-only email widget with copyColor renders correctly 1`] = `
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: 400;
   text-transform: inherit;
-  -webkit-letter-spacing: 0;
-  -moz-letter-spacing: 0;
-  -ms-letter-spacing: 0;
   letter-spacing: 0;
   font-size: 1rem;
   line-height: 1.25rem;
@@ -2414,9 +2121,6 @@ exports[`Text-only email widget with copyColor renders correctly 1`] = `
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: 400;
   text-transform: inherit;
-  -webkit-letter-spacing: 0;
-  -moz-letter-spacing: 0;
-  -ms-letter-spacing: 0;
   letter-spacing: 0;
   font-size: 1rem;
   line-height: 1.25rem;
@@ -2425,17 +2129,8 @@ exports[`Text-only email widget with copyColor renders correctly 1`] = `
 .c17 {
   position: relative;
   width: 100%;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-box-pack: end;
-  -webkit-justify-content: flex-end;
-  -ms-flex-pack: end;
   justify-content: flex-end;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
   align-items: center;
 }
 
@@ -2449,8 +2144,6 @@ exports[`Text-only email widget with copyColor renders correctly 1`] = `
   border: 1px solid;
   border-color: #969598;
   box-shadow: none;
-  -webkit-appearance: none;
-  -moz-appearance: none;
   appearance: none;
   color: #000000;
   border-radius: 0.5rem;
@@ -2474,20 +2167,9 @@ exports[`Text-only email widget with copyColor renders correctly 1`] = `
 
 .c0 {
   position: relative;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
   flex-direction: column;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
   justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
   align-items: center;
   height: auto;
   background-color: #A20C51;
@@ -2509,16 +2191,12 @@ exports[`Text-only email widget with copyColor renders correctly 1`] = `
 .c1:hover button[data-play-pause],
 .c1:focus-within button[data-play-pause] {
   opacity: 0.8;
-  -webkit-transition-delay: 0s;
   transition-delay: 0s;
 }
 
 .c2 {
   position: relative;
   text-align: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
   align-items: center;
   display: block;
   width: 100%;
@@ -2533,20 +2211,9 @@ exports[`Text-only email widget with copyColor renders correctly 1`] = `
 }
 
 .c10 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
   flex-direction: column;
-  -webkit-align-items: flex-start;
-  -webkit-box-align: flex-start;
-  -ms-flex-align: flex-start;
   align-items: flex-start;
-  -webkit-box-pack: start;
-  -webkit-justify-content: flex-start;
-  -ms-flex-pack: start;
   justify-content: flex-start;
 }
 
@@ -2580,9 +2247,6 @@ exports[`Text-only email widget with copyColor renders correctly 1`] = `
   font-family: 'Anton',Impact,sans-serif;
   font-weight: 400;
   text-transform: uppercase;
-  -webkit-letter-spacing: 0;
-  -moz-letter-spacing: 0;
-  -ms-letter-spacing: 0;
   letter-spacing: 0;
   font-size: 2rem;
   line-height: 2rem;
@@ -2590,12 +2254,7 @@ exports[`Text-only email widget with copyColor renders correctly 1`] = `
 }
 
 .c11 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
   flex-direction: column;
   gap: 0;
   width: 100%;
@@ -2612,9 +2271,6 @@ exports[`Text-only email widget with copyColor renders correctly 1`] = `
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: 400;
   text-transform: inherit;
-  -webkit-letter-spacing: 0;
-  -moz-letter-spacing: 0;
-  -ms-letter-spacing: 0;
   letter-spacing: 0;
   font-size: 1rem;
   line-height: 1.25rem;
@@ -2643,115 +2299,99 @@ exports[`Text-only email widget with copyColor renders correctly 1`] = `
   min-height: 48px;
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c6 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c6 {
     font-size: 1.125rem;
     line-height: 1.375rem;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c14 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c14 {
     font-size: 1.125rem;
     line-height: 1.375rem;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c21 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c21 {
     font-size: 1.125rem;
     line-height: 1.375rem;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c21 {
     width: auto;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c21 {
     width: auto;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c15 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c15 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c16 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c16 {
     font-size: 1.25rem;
     line-height: 1.25rem;
   }
 }
 
-@media (min-width:740px) {
-
-}
-
-@media (min-width:1024px) {
-
-}
-
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c0 {
     padding: 2rem 2rem 2rem 2rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c1 {
     min-height: 700px;
-    display: -webkit-box;
-    display: -webkit-flex;
-    display: -ms-flexbox;
     display: flex;
-    -webkit-flex-direction: column;
-    -ms-flex-direction: column;
     flex-direction: column;
-    -webkit-box-pack: center;
-    -webkit-justify-content: center;
-    -ms-flex-pack: center;
     justify-content: center;
     max-width: 1500px;
     margin-left: auto;
@@ -2759,42 +2399,27 @@ exports[`Text-only email widget with copyColor renders correctly 1`] = `
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c2 {
-    display: -webkit-box;
-    display: -webkit-flex;
-    display: -ms-flexbox;
     display: flex;
     padding: 2rem;
     gap: 2rem;
-    -webkit-flex-direction: row;
-    -ms-flex-direction: row;
     flex-direction: row;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c3 {
-    -webkit-flex: 1 1 0;
-    -ms-flex: 1 1 0;
     flex: 1 1 0;
     min-width: 0;
     width: auto;
-    display: -webkit-box;
-    display: -webkit-flex;
-    display: -ms-flexbox;
     display: flex;
-    -webkit-box-pack: end;
-    -webkit-justify-content: flex-end;
-    -ms-flex-pack: end;
     justify-content: flex-end;
-    -webkit-order: 2;
-    -ms-flex-order: 2;
     order: 2;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c4 {
     width: 100%;
     margin-right: auto;
@@ -2802,7 +2427,7 @@ exports[`Text-only email widget with copyColor renders correctly 1`] = `
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c4 {
     border-radius: 1rem;
     max-width: 461px;
@@ -2812,41 +2437,41 @@ exports[`Text-only email widget with copyColor renders correctly 1`] = `
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c5 {
     padding: 2rem;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c7 {
     font-size: 2.5rem;
     line-height: 2.5rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c7 {
     font-size: 3rem;
     line-height: 3rem;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c8 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c8 {
     font-size: 1.125rem;
     line-height: 1.375rem;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c20 button {
     padding: 1rem 2rem;
   }
@@ -2854,13 +2479,20 @@ exports[`Text-only email widget with copyColor renders correctly 1`] = `
 
 <div
   className="c0"
+  paddingAbove="2rem"
+  paddingBelow="2rem"
+  pageBackgroundColour="rnd_25_glitzy_grape"
 >
   <div
     className="c1"
+    componentBackgroundColour="deep_violet_dark"
   >
     <div
       aria-live="polite"
       className="c2"
+      hasTopImage={false}
+      noTitlesAtAll={false}
+      showTitleSection={false}
     >
       <div
         className="c3"
@@ -2868,8 +2500,10 @@ exports[`Text-only email widget with copyColor renders correctly 1`] = `
         <form
           className="c4"
           data-test="email-banner"
+          hasTopImage={false}
           noValidate={true}
           onSubmit={[Function]}
+          showTitleSection={false}
         >
           <fieldset
             className="c5"
@@ -2883,9 +2517,10 @@ exports[`Text-only email widget with copyColor renders correctly 1`] = `
               className="c8"
             >
               <div
+                align="left"
                 className="c9"
                 dangerouslySetInnerHTML={
-                  Object {
+                  {
                     "__html": "<p>Sign up for exclusive news, stories and updates about everything Comic Relief.</p>",
                   }
                 }
@@ -2902,38 +2537,41 @@ exports[`Text-only email widget with copyColor renders correctly 1`] = `
                 >
                   <label
                     className="c13"
+                    errorMsg=""
                     htmlFor="first-name"
+                    optional={null}
                   >
                     <span
                       className="c14 c15"
                       dangerouslySetInnerHTML={
-                        Object {
+                        {
                           "__html": "First name",
                         }
                       }
                     />
                     <div
                       className="c16"
+                      error={false}
                     >
-                      
                       <div
                         className="c17"
+                        error={false}
                       >
                         <input
                           aria-required={true}
                           className="c18"
+                          error={false}
                           id="first-name"
                           name="firstName"
                           onBlur={[Function]}
                           onChange={[Function]}
                           placeholder="Enter your first name"
+                          prefixLength={0}
                           required={false}
                           type="text"
                         />
-                        
                       </div>
                     </div>
-                    
                   </label>
                 </div>
                 <div
@@ -2941,38 +2579,41 @@ exports[`Text-only email widget with copyColor renders correctly 1`] = `
                 >
                   <label
                     className="c13"
+                    errorMsg=""
                     htmlFor="last-name"
+                    optional={null}
                   >
                     <span
                       className="c14 c15"
                       dangerouslySetInnerHTML={
-                        Object {
+                        {
                           "__html": "Last name",
                         }
                       }
                     />
                     <div
                       className="c16"
+                      error={false}
                     >
-                      
                       <div
                         className="c17"
+                        error={false}
                       >
                         <input
                           aria-required={true}
                           className="c18"
+                          error={false}
                           id="last-name"
                           name="lastName"
                           onBlur={[Function]}
                           onChange={[Function]}
                           placeholder="Enter your last name"
+                          prefixLength={0}
                           required={false}
                           type="text"
                         />
-                        
                       </div>
                     </div>
-                    
                   </label>
                 </div>
               </div>
@@ -2981,38 +2622,41 @@ exports[`Text-only email widget with copyColor renders correctly 1`] = `
               >
                 <label
                   className="c13"
+                  errorMsg=""
                   htmlFor="email"
+                  optional={null}
                 >
                   <span
                     className="c14 c15"
                     dangerouslySetInnerHTML={
-                      Object {
+                      {
                         "__html": "Email address",
                       }
                     }
                   />
                   <div
                     className="c16"
+                    error={false}
                   >
-                    
                     <div
                       className="c17"
+                      error={false}
                     >
                       <input
                         aria-required={true}
                         className="c18"
+                        error={false}
                         id="email"
                         name="email"
                         onBlur={[Function]}
                         onChange={[Function]}
                         placeholder="example@youremail.com"
+                        prefixLength={0}
                         required={false}
                         type="email"
                       />
-                      
                     </div>
                   </div>
-                  
                 </label>
               </div>
             </div>
@@ -3020,10 +2664,11 @@ exports[`Text-only email widget with copyColor renders correctly 1`] = `
               className="c19"
             >
               <div
+                align="left"
                 className="c9"
                 dangerouslySetInnerHTML={
-                  Object {
-                    "__html": "<p>By agreeing to subscribe to our emails and clicking the button to sign up, you are consenting to the terms of our <a href=\\"/privacy-notice\\">Privacy Policy</a>. You can unsubscribe at any time.</p>",
+                  {
+                    "__html": "<p>By agreeing to subscribe to our emails and clicking the button to sign up, you are consenting to the terms of our <a href="/privacy-notice">Privacy Policy</a>. You can unsubscribe at any time.</p>",
                   }
                 }
               />
@@ -3032,15 +2677,18 @@ exports[`Text-only email widget with copyColor renders correctly 1`] = `
               className="c20"
             >
               <button
+                buttonType="primary"
                 className="c21 c22"
                 color="red"
                 data-test="subscribe-button"
                 disabled={false}
+                fullWidth={false}
                 type="submit"
               >
                 Sign up
                 <div
                   className=""
+                  withMargin={false}
                 />
               </button>
             </div>
diff --git a/src/components/Organisms/EmailSignUp/EmailSignUp.md b/src/components/Organisms/EmailSignUp/EmailSignUp.md
deleted file mode 100644
index 4a86c6b6f..000000000
--- a/src/components/Organisms/EmailSignUp/EmailSignUp.md
+++ /dev/null
@@ -1,17 +0,0 @@
-# Email SignUp Form
-
-**DEPRECATED**: This component is deprecated and will be removed in a future version. Please use `EmailBanner` instead, which provides the same functionality with improved design.
-
-### EmailSignUpForm.js is just a wrapper for viewing in the CL
-### The email sign up component that is used/exported is _EmailSignUp.js
-
-```js
-import EmailSignUpForm from './EmailSignUpForm';
-import Text from '../../Atoms/Text/Text';
-
-<>
-    <Text tag="p">This EmailSignUpForm component exists purely to show the EmailSignUp component functioning within the Component Library; applications are to provide their own react-hook-form form and validation, based on these.</Text>
-
-    <EmailSignUpForm />
-</>
-```
diff --git a/src/components/Organisms/EmailSignUp/EmailSignUpExample.jsx b/src/components/Organisms/EmailSignUp/EmailSignUpExample.jsx
new file mode 100644
index 000000000..f5e4669d5
--- /dev/null
+++ b/src/components/Organisms/EmailSignUp/EmailSignUpExample.jsx
@@ -0,0 +1,12 @@
+import React from 'react';
+import EmailSignUpForm from './EmailSignUpForm';
+import Text from '../../Atoms/Text/Text';
+
+export default function EmailSignUpExample() {
+  return (
+    <>
+      <Text tag="p">This EmailSignUpForm component exists purely to show the EmailSignUp component functioning within the Component Library; applications are to provide their own react-hook-form form and validation, based on these.</Text>
+      <EmailSignUpForm />
+    </>
+  );
+}
diff --git a/src/components/Organisms/EmailSignUp/EmailSignUpForm.js b/src/components/Organisms/EmailSignUp/EmailSignUpForm.js
index e0189ea60..c92b0b2db 100644
--- a/src/components/Organisms/EmailSignUp/EmailSignUpForm.js
+++ b/src/components/Organisms/EmailSignUp/EmailSignUpForm.js
@@ -37,11 +37,12 @@ const EmailSignUpForm = () => {
   const title = 'Stay in the know!';
   const topCopy = (
     <RichText
-      markup={"<p>Get regular email updates and info on what we're up to!</p>"}
+      markup="<p>Get regular email updates and info on what we're up to!</p>"
     />
   );
   const privacyCopy = (
     <RichText
+      // eslint-disable-next-line react/jsx-curly-brace-presence
       markup={
         '<p>Our <a class="link link--white inline" href="/privacy-notice">Privacy Policy</a> describes how we handle and protect your information.<br><br>If you are under 18, please make sure you have your parents’ permission before providing us with any personal details.</p>'
       }
diff --git a/src/components/Organisms/EmailSignUp/__snapshots__/EmailSignUp.test.js.snap b/src/components/Organisms/EmailSignUp/__snapshots__/EmailSignUp.test.js.snap
index 5be96e321..24ac51cea 100644
--- a/src/components/Organisms/EmailSignUp/__snapshots__/EmailSignUp.test.js.snap
+++ b/src/components/Organisms/EmailSignUp/__snapshots__/EmailSignUp.test.js.snap
@@ -5,9 +5,6 @@ exports[`renders correctly 1`] = `
   font-family: 'Anton',Impact,sans-serif;
   font-weight: 400;
   text-transform: uppercase;
-  -webkit-letter-spacing: 0;
-  -moz-letter-spacing: 0;
-  -ms-letter-spacing: 0;
   letter-spacing: 0;
   font-size: 1.5rem;
   line-height: 1.5rem;
@@ -29,9 +26,6 @@ exports[`renders correctly 1`] = `
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: 400;
   text-transform: inherit;
-  -webkit-letter-spacing: 0;
-  -moz-letter-spacing: 0;
-  -ms-letter-spacing: 0;
   letter-spacing: 0;
   font-size: 1rem;
   line-height: 1.25rem;
@@ -43,24 +37,13 @@ exports[`renders correctly 1`] = `
 }
 
 .c15 {
-  display: -webkit-inline-box;
-  display: -webkit-inline-flex;
-  display: -ms-inline-flexbox;
   display: inline-flex;
   position: relative;
-  -webkit-text-decoration: none;
   text-decoration: none;
-  -webkit-transition: all 0.2s;
   transition: all 0.2s;
   height: 2.5rem;
   width: 100%;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
   justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
   align-items: center;
   border: none;
   cursor: pointer;
@@ -71,16 +54,12 @@ exports[`renders correctly 1`] = `
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: 700;
   text-transform: inherit;
-  -webkit-letter-spacing: 0;
-  -moz-letter-spacing: 0;
-  -ms-letter-spacing: 0;
   letter-spacing: 0;
   font-size: 1rem;
   line-height: 1.25rem;
 }
 
-.c15 > a {
-  -webkit-text-decoration: none;
+.c15 >a {
   text-decoration: none;
 }
 
@@ -100,12 +79,7 @@ exports[`renders correctly 1`] = `
 .c8 {
   width: 100%;
   position: relative;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
   flex-direction: column;
   color: #000000;
 }
@@ -115,9 +89,6 @@ exports[`renders correctly 1`] = `
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: 400;
   text-transform: inherit;
-  -webkit-letter-spacing: 0;
-  -moz-letter-spacing: 0;
-  -ms-letter-spacing: 0;
   letter-spacing: 0;
   font-size: 1rem;
   line-height: 1.25rem;
@@ -128,9 +99,6 @@ exports[`renders correctly 1`] = `
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: 400;
   text-transform: inherit;
-  -webkit-letter-spacing: 0;
-  -moz-letter-spacing: 0;
-  -ms-letter-spacing: 0;
   letter-spacing: 0;
   font-size: 1rem;
   line-height: 1.25rem;
@@ -139,17 +107,8 @@ exports[`renders correctly 1`] = `
 .c12 {
   position: relative;
   width: 100%;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-box-pack: end;
-  -webkit-justify-content: flex-end;
-  -ms-flex-pack: end;
   justify-content: flex-end;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
   align-items: center;
 }
 
@@ -163,8 +122,6 @@ exports[`renders correctly 1`] = `
   border: 1px solid;
   border-color: #969598;
   box-shadow: none;
-  -webkit-appearance: none;
-  -moz-appearance: none;
   appearance: none;
   color: #000000;
   border-radius: 0.5rem;
@@ -187,12 +144,7 @@ exports[`renders correctly 1`] = `
 }
 
 .c0 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
   flex-direction: column;
   font-size: 1rem;
   color: #FFFFFF;
@@ -201,9 +153,6 @@ exports[`renders correctly 1`] = `
 }
 
 .c3 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
   margin-bottom: 1rem;
 }
@@ -217,12 +166,7 @@ exports[`renders correctly 1`] = `
 }
 
 .c17 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
   flex-direction: column;
   margin-top: 1rem;
 }
@@ -238,23 +182,13 @@ exports[`renders correctly 1`] = `
 }
 
 .c6 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
   flex-direction: column;
   margin: 1rem 0;
 }
 
 .c7 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
   flex-direction: column;
   gap: 0;
 }
@@ -264,7 +198,7 @@ exports[`renders correctly 1`] = `
   margin-bottom: 1rem;
 }
 
-.c9 > span:first-child {
+.c9>span:first-child {
   color: #FFFFFF;
 }
 
@@ -272,110 +206,97 @@ exports[`renders correctly 1`] = `
   margin-bottom: 1.5rem;
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c1 {
     font-size: 1.875rem;
     line-height: 1.875rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c1 {
     font-size: 2rem;
     line-height: 2rem;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c4 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c4 {
     font-size: 1.125rem;
     line-height: 1.375rem;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c15 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c15 {
     font-size: 1.125rem;
     line-height: 1.375rem;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c15 {
     width: auto;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c15 {
     width: auto;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c10 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c10 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c11 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c11 {
     font-size: 1.25rem;
     line-height: 1.25rem;
   }
 }
 
-@media (min-width:740px) {
-
-}
-
-@media (min-width:1024px) {
-
-}
-
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c7 {
-    -webkit-box-pack: start;
-    -webkit-justify-content: start;
-    -ms-flex-pack: start;
     justify-content: start;
-    -webkit-flex-direction: row;
-    -ms-flex-direction: row;
     flex-direction: row;
     gap: 1rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c9 {
     max-width: 290px;
   }
@@ -386,7 +307,10 @@ exports[`renders correctly 1`] = `
   onSubmit={[Function]}
 >
   <div
+    backgroundColour="deep_violet_dark"
     className="c0"
+    containerPadding={true}
+    textColour="white"
   >
     <h2
       className="c1 c2"
@@ -400,9 +324,10 @@ exports[`renders correctly 1`] = `
         className="c4"
       >
         <div
+          align="left"
           className="c5"
           dangerouslySetInnerHTML={
-            Object {
+            {
               "__html": "<h1> Top Copy</h1> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>",
             }
           }
@@ -414,141 +339,160 @@ exports[`renders correctly 1`] = `
     >
       <div
         className="c7"
+        columnLayout={false}
       >
         <label
           className="c8 c9"
+          errorMsg=""
           htmlFor="first-name"
+          optional={null}
         >
           <span
             className="c4 c10"
             dangerouslySetInnerHTML={
-              Object {
+              {
                 "__html": "First Name",
               }
             }
           />
           <div
             className="c11"
+            error={false}
           >
-            
             <div
               className="c12"
+              error={false}
             >
               <input
                 aria-required={true}
                 className="c13"
+                error={false}
                 id="first-name"
                 name="firstName"
                 onBlur={[Function]}
                 onChange={[Function]}
                 placeholder="Enter your first name"
+                prefixLength={0}
                 required={false}
+                textColour="white"
                 type="text"
               />
-              
             </div>
           </div>
-          
         </label>
         <label
           className="c8 c9"
+          errorMsg=""
           htmlFor="last-name"
+          optional={null}
         >
           <span
             className="c4 c10"
             dangerouslySetInnerHTML={
-              Object {
+              {
                 "__html": "Last Name",
               }
             }
           />
           <div
             className="c11"
+            error={false}
           >
-            
             <div
               className="c12"
+              error={false}
             >
               <input
                 aria-required={true}
                 className="c13"
+                error={false}
                 id="last-name"
                 name="lastName"
                 onBlur={[Function]}
                 onChange={[Function]}
                 placeholder="Enter your last name"
+                prefixLength={0}
                 required={false}
+                textColour="white"
                 type="text"
               />
-              
             </div>
           </div>
-          
         </label>
       </div>
       <label
         className="c8 c9"
+        errorMsg=""
         htmlFor="email"
+        optional={null}
       >
         <span
           className="c4 c10"
           dangerouslySetInnerHTML={
-            Object {
+            {
               "__html": "Email Address",
             }
           }
         />
         <div
           className="c11"
+          error={false}
         >
-          
           <div
             className="c12"
+            error={false}
           >
             <input
               aria-required={true}
               className="c13"
+              error={false}
               id="email"
               name="email"
               onBlur={[Function]}
               onChange={[Function]}
               placeholder="example@youremail.com"
+              prefixLength={0}
               required={false}
+              textColour="white"
               type="email"
             />
-            
           </div>
         </div>
-        
       </label>
       <div
+        buttonColour="red"
         className="c14"
       >
         <button
+          buttonType="primary"
           className="c15 c16"
           color="red"
           data-test="subscribe-button"
           disabled={true}
+          fullWidth={false}
           type="submit"
         >
           Subscribe
           <div
             className=""
+            withMargin={false}
           />
         </button>
       </div>
     </div>
     <div
       className="c17"
+      textColour="white"
     >
       <span
         className="c4"
       >
         <div
+          align="left"
           className="c5"
           dangerouslySetInnerHTML={
-            Object {
-              "__html": "check <a href=\\"https://www.comicrelief.com/privacy-notice\\">Privacy policy</a>",
+            {
+              "__html": "check <a href="https://www.comicrelief.com/privacy-notice">Privacy policy</a>",
             }
           }
         />
diff --git a/src/components/Organisms/Footer/Footer.md b/src/components/Organisms/Footer/Footer.md
deleted file mode 100644
index 5f17b76f7..000000000
--- a/src/components/Organisms/Footer/Footer.md
+++ /dev/null
@@ -1,29 +0,0 @@
-# Footer
-
-```js
-import Footer from './Footer';
-import data from './data/data';
-import footerCopy from './data/footerCopy';
-
-<>
-    <p>Standard footer</p>
-    <Footer navItems={data} footerCopy={footerCopy.copy} campaign="Comic Relief"  />
-
-    <p>Overrides allowList functionality for external usage</p>
-    <Footer
-      navItems={data}
-      footerCopy={footerCopy.copy}
-      campaign="Comic Relief"
-      overrideallowList
-    />
-
-    <p>Adding an additionalLegalLine to the top of the footer, add FR logo</p>
-    <Footer
-      additionalLegalLine="CHICKEN RUN: DAWN OF THE NUGGET ™/ © Aardman. Netflix ™/© Netflix. Used with permission/Wallace & Gromit Ltd. All rights reserved/ Shaun the Sheep © & TM /Morph ©/TM Aardman Animations Ltd. All rights reserved."
-      navItems={data}
-      footerCopy={footerCopy.copy}
-      campaign="Comic Relief"
-      showFundraisingRegulatorLogo
-    />
-</>
-```
diff --git a/src/components/Organisms/Footer/Footer.style.js b/src/components/Organisms/Footer/Footer.style.js
index b9e809603..367b21ea3 100644
--- a/src/components/Organisms/Footer/Footer.style.js
+++ b/src/components/Organisms/Footer/Footer.style.js
@@ -77,7 +77,7 @@ const FooterCopyright = styled.div`
 const Brand = styled(Link)`
   color: transparent;
   border: 0;
-  :hover {
+  &:hover {
     border: 0;
   }
 `;
diff --git a/src/components/Organisms/Footer/FooterExample.jsx b/src/components/Organisms/Footer/FooterExample.jsx
new file mode 100644
index 000000000..65e30d013
--- /dev/null
+++ b/src/components/Organisms/Footer/FooterExample.jsx
@@ -0,0 +1,22 @@
+import React from 'react';
+import Footer from './Footer';
+import data from './data/data';
+import footerCopy from './data/footerCopy';
+
+export function FooterExample1() {
+  return <Footer navItems={data} footerCopy={footerCopy.copy} />;
+}
+
+export function FooterExample2() {
+  return <Footer navItems={data} footerCopy={footerCopy.copy} overrideallowList />;
+}
+
+export function FooterExample3() {
+  return (
+    <Footer
+      navItems={data}
+      footerCopy={footerCopy.copy}
+      additionalLegalLine="CHICKEN RUN: DAWN OF THE NUGGET ™/ © Aardman. Netflix ™/© Netflix. Used with permission/Wallace & Gromit Ltd. All rights reserved/ Shaun the Sheep © & TM /Morph ©/TM Aardman Animations Ltd. All rights reserved."
+    />
+  );
+}
diff --git a/src/components/Organisms/Footer/__snapshots__/Footer.test.js.snap b/src/components/Organisms/Footer/__snapshots__/Footer.test.js.snap
index a0a5b486e..5982ac587 100644
--- a/src/components/Organisms/Footer/__snapshots__/Footer.test.js.snap
+++ b/src/components/Organisms/Footer/__snapshots__/Footer.test.js.snap
@@ -5,9 +5,6 @@ exports[`renders correctly 1`] = `
   font-family: 'Anton',Impact,sans-serif;
   font-weight: 400;
   text-transform: uppercase;
-  -webkit-letter-spacing: 0;
-  -moz-letter-spacing: 0;
-  -ms-letter-spacing: 0;
   letter-spacing: 0;
   font-size: 1.5rem;
   line-height: 1.5rem;
@@ -27,9 +24,6 @@ exports[`renders correctly 1`] = `
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: 400;
   text-transform: inherit;
-  -webkit-letter-spacing: 0;
-  -moz-letter-spacing: 0;
-  -ms-letter-spacing: 0;
   letter-spacing: 0;
   font-size: 1rem;
   line-height: 1.25rem;
@@ -51,9 +45,6 @@ exports[`renders correctly 1`] = `
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: 400;
   text-transform: inherit;
-  -webkit-letter-spacing: 0;
-  -moz-letter-spacing: 0;
-  -ms-letter-spacing: 0;
   letter-spacing: 0;
   font-size: 1rem;
   line-height: 1.25rem;
@@ -74,9 +65,6 @@ exports[`renders correctly 1`] = `
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: 400;
   text-transform: inherit;
-  -webkit-letter-spacing: 0;
-  -moz-letter-spacing: 0;
-  -ms-letter-spacing: 0;
   letter-spacing: 0;
   font-size: 1rem;
   line-height: 1.25rem;
@@ -105,8 +93,6 @@ exports[`renders correctly 1`] = `
   display: inline-block;
   z-index: 3;
   width: 48px;
-  -webkit-transform: inherit;
-  -ms-transform: inherit;
   transform: inherit;
   vertical-align: bottom;
 }
@@ -116,20 +102,18 @@ exports[`renders correctly 1`] = `
   display: inline;
   color: #000000;
   font-weight: normal;
+  color: #E52630;
 }
 
 .c8:hover,
 .c8:focus {
   color: #000000;
-  -webkit-text-decoration: none;
   text-decoration: none;
 }
 
 .c24 {
   border: 0;
-  -webkit-clip: rect(0 0 0 0);
   clip: rect(0 0 0 0);
-  -webkit-clip-path: inset(50%);
   clip-path: inset(50%);
   height: 1px;
   margin: -1px;
@@ -141,12 +125,10 @@ exports[`renders correctly 1`] = `
 }
 
 .c5 {
-  -webkit-text-decoration: none;
   text-decoration: none;
   cursor: pointer;
   display: block;
   position: relative;
-  -webkit-transition: opacity 0.2s;
   transition: opacity 0.2s;
 }
 
@@ -160,32 +142,19 @@ exports[`renders correctly 1`] = `
 }
 
 .c3 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-flex-wrap: nowrap;
-  -ms-flex-wrap: nowrap;
   flex-wrap: nowrap;
   gap: 0;
   list-style-type: none;
-  -webkit-box-pack: start;
-  -webkit-justify-content: flex-start;
-  -ms-flex-pack: start;
   justify-content: flex-start;
   margin: 0 auto 0 0;
   padding: 0;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
   align-items: center;
 }
 
 .c4 {
   width: 48px;
   height: auto;
-  -webkit-flex: 0 0 48px;
-  -ms-flex: 0 0 48px;
   flex: 0 0 48px;
   margin-right: 1.5rem;
 }
@@ -199,7 +168,6 @@ exports[`renders correctly 1`] = `
   height: 46px;
   width: 100%;
   background-color: #2C0230;
-  -webkit-text-decoration: none;
   text-decoration: none;
 }
 
@@ -214,11 +182,9 @@ exports[`renders correctly 1`] = `
   text-align: left;
 }
 
-.c12 > h2 {
+.c12 >h2 {
   border: 0;
-  -webkit-clip: rect(0 0 0 0);
   clip: rect(0 0 0 0);
-  -webkit-clip-path: inset(50%);
   clip-path: inset(50%);
   height: 1px;
   margin: -1px;
@@ -230,58 +196,46 @@ exports[`renders correctly 1`] = `
 }
 
 .c17 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-transition: max-height 0.5s ease;
   transition: max-height 0.5s ease;
   max-height: 0px;
   overflow: hidden;
   padding: 0;
   position: relative;
   list-style: none outside;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
   flex-direction: column;
 }
 
-.c17 > li a {
+.c17 >li a {
   display: none;
   font-size: 15px;
   font-weight: 500;
   cursor: pointer;
 }
 
-.c17 > li a:after {
+.c17 >li a:after {
   content: none;
 }
 
 .c22 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-transition: max-height 0.5s ease;
   transition: max-height 0.5s ease;
   max-height: 0px;
   overflow: hidden;
   padding: 0;
   position: relative;
   list-style: none outside;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
   flex-direction: column;
 }
 
-.c22 > li a {
+.c22 >li a {
   display: none;
   font-size: 15px;
   font-weight: 500;
   cursor: pointer;
 }
 
-.c22 > li a:after {
+.c22 >li a:after {
   content: none;
 }
 
@@ -340,11 +294,7 @@ exports[`renders correctly 1`] = `
   font-size: 23px;
   color: #FFFFFF;
   font-weight: 100;
-  -webkit-transition: -webkit-transform 0.2s ease;
-  -webkit-transition: transform 0.2s ease;
   transition: transform 0.2s ease;
-  -webkit-transform: rotate(180deg);
-  -ms-transform: rotate(180deg);
   transform: rotate(180deg);
   top: 0;
   right: -25px;
@@ -369,18 +319,9 @@ exports[`renders correctly 1`] = `
 }
 
 .c2 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
   margin: 3rem 0 5rem;
-  -webkit-box-pack: justify;
-  -webkit-justify-content: space-between;
-  -ms-flex-pack: justify;
   justify-content: space-between;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
   align-items: center;
 }
 
@@ -407,115 +348,108 @@ exports[`renders correctly 1`] = `
   border: 0;
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c13 {
     font-size: 1.875rem;
     line-height: 1.875rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c13 {
     font-size: 2rem;
     line-height: 2rem;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c16 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c16 {
     font-size: 1.125rem;
     line-height: 1.375rem;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c21 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c21 {
     font-size: 1.125rem;
     line-height: 1.375rem;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c26 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c26 {
     font-size: 1.125rem;
     line-height: 1.375rem;
   }
 }
 
-@media (min-width:1150px) {
+@media (min-width: 1150px) {
   .c10 {
     width: 72px;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c3 {
-    -webkit-box-pack: start;
-    -webkit-justify-content: start;
-    -ms-flex-pack: start;
     justify-content: start;
     margin: 0 auto 0 0;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c4 {
     margin-right: 1.5rem;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c17 {
     max-height: none;
     height: auto;
   }
 
-  .c17 > li a {
+  .c17 >li a {
     display: inline;
     line-height: 24px;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c22 {
     max-height: none;
     height: auto;
-    -webkit-flex-direction: row;
-    -ms-flex-direction: row;
     flex-direction: row;
-    -webkit-flex-wrap: wrap;
-    -ms-flex-wrap: wrap;
     flex-wrap: wrap;
   }
 
-  .c22 > li a {
+  .c22 >li a {
     display: inline;
     line-height: 24px;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c18 {
     height: auto;
     margin-top: 12px;
@@ -528,7 +462,7 @@ exports[`renders correctly 1`] = `
   }
 
   .c18 a:after {
-    content: none !important;
+    content: none!important;
   }
 
   .c18 a:hover,
@@ -543,17 +477,11 @@ exports[`renders correctly 1`] = `
   }
 }
 
-@media (min-width:1024px) {
-
-}
-
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c23 {
     height: auto;
     margin-top: 12px;
     padding: 0;
-    -webkit-flex: 0 0 100%;
-    -ms-flex: 0 0 100%;
     flex: 0 0 100%;
   }
 
@@ -563,7 +491,7 @@ exports[`renders correctly 1`] = `
   }
 
   .c23 a:after {
-    content: none !important;
+    content: none!important;
   }
 
   .c23 a:hover,
@@ -578,61 +506,47 @@ exports[`renders correctly 1`] = `
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c23 {
-    -webkit-flex: 0 0 100%;
-    -ms-flex: 0 0 100%;
     flex: 0 0 100%;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c14 {
-    display: -webkit-box;
-    display: -webkit-flex;
-    display: -ms-flexbox;
     display: flex;
-    -webkit-flex-wrap: wrap;
-    -ms-flex-wrap: wrap;
     flex-wrap: wrap;
-    -webkit-box-pack: start;
-    -webkit-justify-content: start;
-    -ms-flex-pack: start;
     justify-content: start;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c15 {
-    -webkit-flex: 0 0 30%;
-    -ms-flex: 0 0 30%;
     flex: 0 0 30%;
     margin: 0;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c15 {
-    -webkit-flex: 0 0 calc(25% - 1rem);
-    -ms-flex: 0 0 calc(25% - 1rem);
     flex: 0 0 calc(25% - 1rem);
     margin-right: 1rem;
     margin-bottom: 1rem;
   }
 
-  .c15 > span {
+  .c15 >span {
     padding: 0;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c15 a {
     font-size: 20px;
     line-height: 40px;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c15 a {
     cursor: default;
     display: inline;
@@ -643,19 +557,19 @@ exports[`renders correctly 1`] = `
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c0 {
     padding: 2rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c1 {
     padding: 0 1rem 4rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c25 p {
     font-size: 16px;
     line-height: 27px;
@@ -665,12 +579,12 @@ exports[`renders correctly 1`] = `
 <div>
   <footer
     className="c0"
+    navItems={true}
     role="banner"
   >
     <div
       className="c1"
     >
-      
       <div
         className="c2"
       >
@@ -679,14 +593,18 @@ exports[`renders correctly 1`] = `
         >
           <ul
             className="c3"
+            newStyle={false}
           >
             <li
               className="c4"
+              newStyle={false}
             >
               <a
                 className="c5 c6"
                 data-test="icon-facebook"
                 href="https://www.facebook.com/comicrelief"
+                isHeader={false}
+                newStyle={false}
                 rel="noopener noreferrer"
                 target="_blank"
                 title="Check out our Facebook page"
@@ -694,17 +612,21 @@ exports[`renders correctly 1`] = `
                 <img
                   alt="facebook"
                   className="c7"
+                  invertColor={false}
                   src="mock.asset"
                 />
               </a>
             </li>
             <li
               className="c4"
+              newStyle={false}
             >
               <a
                 className="c5 c6"
                 data-test="icon-instagram"
                 href="https://www.instagram.com/comicrelief"
+                isHeader={false}
+                newStyle={false}
                 rel="noopener noreferrer"
                 target="_blank"
                 title="Check out our Instagram account"
@@ -712,17 +634,21 @@ exports[`renders correctly 1`] = `
                 <img
                   alt="instagram"
                   className="c7"
+                  invertColor={false}
                   src="mock.asset"
                 />
               </a>
             </li>
             <li
               className="c4"
+              newStyle={false}
             >
               <a
                 className="c5 c6"
                 data-test="icon-twitter"
                 href="https://twitter.com/comicrelief"
+                isHeader={false}
+                newStyle={false}
                 rel="noopener noreferrer"
                 target="_blank"
                 title="Check out our Twitter account"
@@ -730,17 +656,21 @@ exports[`renders correctly 1`] = `
                 <img
                   alt="twitter"
                   className="c7"
+                  invertColor={false}
                   src="mock.asset"
                 />
               </a>
             </li>
             <li
               className="c4"
+              newStyle={false}
             >
               <a
                 className="c5 c6"
                 data-test="icon-youtube"
                 href="https://www.youtube.com/channel/UCdF5u0ggeSETozc8fsprjcw"
+                isHeader={false}
+                newStyle={false}
                 rel="noopener noreferrer"
                 target="_blank"
                 title="Check out our YouTube channel"
@@ -748,6 +678,7 @@ exports[`renders correctly 1`] = `
                 <img
                   alt="youtube"
                   className="c7"
+                  invertColor={false}
                   src="mock.asset"
                 />
               </a>
@@ -755,15 +686,23 @@ exports[`renders correctly 1`] = `
           </ul>
         </div>
         <a
+          buttonType="primary"
           className="c8 c9"
+          fullWidth={false}
+          home={false}
           href="/"
+          iconFirst={false}
+          mobileColour={null}
           target="_self"
           title="Go to Comic Relief homepage"
           type="standard"
+          underline={true}
         >
           <div
             className="c10"
             rotate={0}
+            sizeMd="72px"
+            sizeSm="48px"
           >
             <img
               alt="Comic Relief logo"
@@ -776,6 +715,7 @@ exports[`renders correctly 1`] = `
       <nav
         aria-label="main-menu"
         className="c12"
+        isExpandable={false}
         role="navigation"
       >
         <h2
@@ -790,6 +730,8 @@ exports[`renders correctly 1`] = `
         >
           <li
             className="c15"
+            index={0}
+            isSubMenuOpen={false}
             role="none"
           >
             <span
@@ -800,17 +742,28 @@ exports[`renders correctly 1`] = `
             <ul
               aria-label="Hear from us"
               className="c17"
+              column={false}
+              isSubMenuOpen={false}
               role="list"
             >
               <li
                 className="c18"
+                column={false}
               >
                 <a
+                  buttonType="primary"
                   className="c8 c19 c20"
+                  fullWidth={false}
+                  home={false}
                   href="https://www.comicrelief.com/#"
+                  iconFirst={false}
+                  inline={true}
+                  mobileColour={null}
+                  overrideallowList={false}
                   role="menuitem"
                   target="_self"
                   type="standard"
+                  underline={true}
                 >
                   <span
                     className="c21"
@@ -821,13 +774,22 @@ exports[`renders correctly 1`] = `
               </li>
               <li
                 className="c18"
+                column={false}
               >
                 <a
+                  buttonType="primary"
                   className="c8 c19 c20"
+                  fullWidth={false}
+                  home={false}
                   href="https://www.comicrelief.com/update-your-preferences"
+                  iconFirst={false}
+                  inline={true}
+                  mobileColour={null}
+                  overrideallowList={false}
                   role="menuitem"
                   target="_self"
                   type="standard"
+                  underline={true}
                 >
                   <span
                     className="c21"
@@ -840,6 +802,8 @@ exports[`renders correctly 1`] = `
           </li>
           <li
             className="c15"
+            index={1}
+            isSubMenuOpen={false}
             role="none"
           >
             <span
@@ -850,17 +814,28 @@ exports[`renders correctly 1`] = `
             <ul
               aria-label="Get in touch"
               className="c22"
+              column={true}
+              isSubMenuOpen={false}
               role="list"
             >
               <li
                 className="c23"
+                column={true}
               >
                 <a
+                  buttonType="primary"
                   className="c8 c19 c20"
+                  fullWidth={false}
+                  home={false}
                   href="/contact-us"
+                  iconFirst={false}
+                  inline={true}
+                  mobileColour={null}
+                  overrideallowList={false}
                   role="menuitem"
                   target="_self"
                   type="standard"
+                  underline={true}
                 >
                   <span
                     className="c21"
@@ -871,13 +846,22 @@ exports[`renders correctly 1`] = `
               </li>
               <li
                 className="c23"
+                column={true}
               >
                 <a
+                  buttonType="primary"
                   className="c8 c19 c20"
+                  fullWidth={false}
+                  home={false}
                   href="https://giftaid.comicrelief.com/update"
+                  iconFirst={false}
+                  inline={true}
+                  mobileColour={null}
+                  overrideallowList={false}
                   role="menuitem"
                   target="_self"
                   type="standard"
+                  underline={true}
                 >
                   <span
                     className="c21"
@@ -888,13 +872,22 @@ exports[`renders correctly 1`] = `
               </li>
               <li
                 className="c23"
+                column={true}
               >
                 <a
+                  buttonType="primary"
                   className="c8 c19 c20"
+                  fullWidth={false}
+                  home={false}
                   href="https://www.comicrelief.com/frequently-asked-questions"
+                  iconFirst={false}
+                  inline={true}
+                  mobileColour={null}
+                  overrideallowList={false}
                   role="menuitem"
                   target="_self"
                   type="standard"
+                  underline={true}
                 >
                   <span
                     className="c21"
@@ -905,13 +898,22 @@ exports[`renders correctly 1`] = `
               </li>
               <li
                 className="c23"
+                column={true}
               >
                 <a
+                  buttonType="primary"
                   className="c8 c19 c20"
+                  fullWidth={false}
+                  home={false}
                   href="https://www.comicrelief.com/red-nose-days-frequently-asked-questions"
+                  iconFirst={false}
+                  inline={true}
+                  mobileColour={null}
+                  overrideallowList={false}
                   role="menuitem"
                   target="_self"
                   type="standard"
+                  underline={true}
                 >
                   <span
                     className="c21"
@@ -924,6 +926,8 @@ exports[`renders correctly 1`] = `
           </li>
           <li
             className="c15"
+            index={2}
+            isSubMenuOpen={false}
             role="none"
           >
             <span
@@ -934,17 +938,28 @@ exports[`renders correctly 1`] = `
             <ul
               aria-label="About us"
               className="c22"
+              column={true}
+              isSubMenuOpen={false}
               role="list"
             >
               <li
                 className="c23"
+                column={true}
               >
                 <a
+                  buttonType="primary"
                   className="c8 c19 c20"
+                  fullWidth={false}
+                  home={false}
                   href="https://www.comicrelief.com/about-comic-relief"
+                  iconFirst={false}
+                  inline={true}
+                  mobileColour={null}
+                  overrideallowList={false}
                   role="menuitem"
                   target="_self"
                   type="standard"
+                  underline={true}
                 >
                   <span
                     className="c21"
@@ -955,13 +970,22 @@ exports[`renders correctly 1`] = `
               </li>
               <li
                 className="c23"
+                column={true}
               >
                 <a
+                  buttonType="primary"
                   className="c8 c19 c20"
+                  fullWidth={false}
+                  home={false}
                   href="https://www.comicrelief.com/about-comic-relief/history"
+                  iconFirst={false}
+                  inline={true}
+                  mobileColour={null}
+                  overrideallowList={false}
                   role="menuitem"
                   target="_self"
                   type="standard"
+                  underline={true}
                 >
                   <span
                     className="c21"
@@ -972,13 +996,22 @@ exports[`renders correctly 1`] = `
               </li>
               <li
                 className="c23"
+                column={true}
               >
                 <a
+                  buttonType="primary"
                   className="c8 c19 c20"
+                  fullWidth={false}
+                  home={false}
                   href="https://www.comicrelief.com/about-comic-relief/finances"
+                  iconFirst={false}
+                  inline={true}
+                  mobileColour={null}
+                  overrideallowList={false}
                   role="menuitem"
                   target="_self"
                   type="standard"
+                  underline={true}
                 >
                   <span
                     className="c21"
@@ -989,13 +1022,22 @@ exports[`renders correctly 1`] = `
               </li>
               <li
                 className="c23"
+                column={true}
               >
                 <a
+                  buttonType="primary"
                   className="c8 c19 c20"
+                  fullWidth={false}
+                  home={false}
                   href="https://www.comicrelief.com/working-with-us"
+                  iconFirst={false}
+                  inline={true}
+                  mobileColour={null}
+                  overrideallowList={false}
                   role="menuitem"
                   target="_self"
                   type="standard"
+                  underline={true}
                 >
                   <span
                     className="c21"
@@ -1006,13 +1048,22 @@ exports[`renders correctly 1`] = `
               </li>
               <li
                 className="c23"
+                column={true}
               >
                 <a
+                  buttonType="primary"
                   className="c8 c19 c20"
+                  fullWidth={false}
+                  home={false}
                   href="https://www.comicrelief.com/about-comic-relief/meet-the-team"
+                  iconFirst={false}
+                  inline={true}
+                  mobileColour={null}
+                  overrideallowList={false}
                   role="menuitem"
                   target="_self"
                   type="standard"
+                  underline={true}
                 >
                   <span
                     className="c21"
@@ -1023,13 +1074,22 @@ exports[`renders correctly 1`] = `
               </li>
               <li
                 className="c23"
+                column={true}
               >
                 <a
+                  buttonType="primary"
                   className="c8 c19 c20"
+                  fullWidth={false}
+                  home={false}
                   href="https://www.sportrelief.com/"
+                  iconFirst={false}
+                  inline={true}
+                  mobileColour={null}
+                  overrideallowList={false}
                   role="menuitem"
                   target="_self"
                   type="standard"
+                  underline={true}
                 >
                   <span
                     className="c21"
@@ -1042,6 +1102,8 @@ exports[`renders correctly 1`] = `
           </li>
           <li
             className="c15"
+            index={3}
+            isSubMenuOpen={false}
             role="none"
           >
             <span
@@ -1052,17 +1114,28 @@ exports[`renders correctly 1`] = `
             <ul
               aria-label="Careers"
               className="c17"
+              column={false}
+              isSubMenuOpen={false}
               role="list"
             >
               <li
                 className="c18"
+                column={false}
               >
                 <a
+                  buttonType="primary"
                   className="c8 c19 c20"
+                  fullWidth={false}
+                  home={false}
                   href="https://www.comicrelief.com/careers"
+                  iconFirst={false}
+                  inline={true}
+                  mobileColour={null}
+                  overrideallowList={false}
                   role="menuitem"
                   target="_self"
                   type="standard"
+                  underline={true}
                 >
                   <span
                     className="c21"
@@ -1073,13 +1146,22 @@ exports[`renders correctly 1`] = `
               </li>
               <li
                 className="c18"
+                column={false}
               >
                 <a
+                  buttonType="primary"
                   className="c8 c19 c20"
+                  fullWidth={false}
+                  home={false}
                   href="https://app.beapplied.com/org/comic-relief"
+                  iconFirst={false}
+                  inline={true}
+                  mobileColour={null}
+                  overrideallowList={false}
                   role="menuitem"
                   target="_self"
                   type="standard"
+                  underline={true}
                 >
                   <span
                     className="c21"
@@ -1092,6 +1174,8 @@ exports[`renders correctly 1`] = `
           </li>
           <li
             className="c15"
+            index={4}
+            isSubMenuOpen={false}
             role="none"
           >
             <span
@@ -1102,17 +1186,28 @@ exports[`renders correctly 1`] = `
             <ul
               aria-label="News"
               className="c17"
+              column={false}
+              isSubMenuOpen={false}
               role="list"
             >
               <li
                 className="c18"
+                column={false}
               >
                 <a
+                  buttonType="primary"
                   className="c8 c19 c20"
+                  fullWidth={false}
+                  home={false}
                   href="https://www.comicrelief.com/news"
+                  iconFirst={false}
+                  inline={true}
+                  mobileColour={null}
+                  overrideallowList={false}
                   role="menuitem"
                   target="_self"
                   type="standard"
+                  underline={true}
                 >
                   <span
                     className="c21"
@@ -1123,13 +1218,22 @@ exports[`renders correctly 1`] = `
               </li>
               <li
                 className="c18"
+                column={false}
               >
                 <a
+                  buttonType="primary"
                   className="c8 c19 c20"
+                  fullWidth={false}
+                  home={false}
                   href="https://www.comicrelief.com/press-releases"
+                  iconFirst={false}
+                  inline={true}
+                  mobileColour={null}
+                  overrideallowList={false}
                   role="menuitem"
                   target="_self"
                   type="standard"
+                  underline={true}
                 >
                   <span
                     className="c21"
@@ -1142,6 +1246,8 @@ exports[`renders correctly 1`] = `
           </li>
           <li
             className="c15"
+            index={5}
+            isSubMenuOpen={false}
             role="none"
           >
             <span
@@ -1152,17 +1258,28 @@ exports[`renders correctly 1`] = `
             <ul
               aria-label="Legal"
               className="c17"
+              column={false}
+              isSubMenuOpen={false}
               role="list"
             >
               <li
                 className="c18"
+                column={false}
               >
                 <a
+                  buttonType="primary"
                   className="c8 c19 c20"
+                  fullWidth={false}
+                  home={false}
                   href="/homepage"
+                  iconFirst={false}
+                  inline={true}
+                  mobileColour={null}
+                  overrideallowList={false}
                   role="menuitem"
                   target="_self"
                   type="standard"
+                  underline={true}
                 >
                   <span
                     className="c21"
@@ -1173,13 +1290,22 @@ exports[`renders correctly 1`] = `
               </li>
               <li
                 className="c18"
+                column={false}
               >
                 <a
+                  buttonType="primary"
                   className="c8 c19 c20"
+                  fullWidth={false}
+                  home={false}
                   href="/this-is-a-test"
+                  iconFirst={false}
+                  inline={true}
+                  mobileColour={null}
+                  overrideallowList={false}
                   role="menuitem"
                   target="_self"
                   type="standard"
+                  underline={true}
                 >
                   <span
                     className="c21"
@@ -1190,13 +1316,22 @@ exports[`renders correctly 1`] = `
               </li>
               <li
                 className="c18"
+                column={false}
               >
                 <a
+                  buttonType="primary"
                   className="c8 c19 c20"
+                  fullWidth={false}
+                  home={false}
                   href="https://www.yahoo.com"
+                  iconFirst={false}
+                  inline={true}
+                  mobileColour={null}
+                  overrideallowList={false}
                   role="menuitem"
                   target="_blank"
                   type="standard"
+                  underline={true}
                 >
                   <span
                     className="c21"
@@ -1212,13 +1347,22 @@ exports[`renders correctly 1`] = `
               </li>
               <li
                 className="c18"
+                column={false}
               >
                 <a
+                  buttonType="primary"
                   className="c8 c19 c20"
+                  fullWidth={false}
+                  home={false}
                   href="https://www.sportrelief.com"
+                  iconFirst={false}
+                  inline={true}
+                  mobileColour={null}
+                  overrideallowList={false}
                   role="menuitem"
                   target="_self"
                   type="standard"
+                  underline={true}
                 >
                   <span
                     className="c21"
@@ -1229,13 +1373,22 @@ exports[`renders correctly 1`] = `
               </li>
               <li
                 className="c18"
+                column={false}
               >
                 <a
+                  buttonType="primary"
                   className="c8 c19 c20"
+                  fullWidth={false}
+                  home={false}
                   href="https://bing.com"
+                  iconFirst={false}
+                  inline={true}
+                  mobileColour={null}
+                  overrideallowList={false}
                   role="menuitem"
                   target="_blank"
                   type="standard"
+                  underline={true}
                 >
                   <span
                     className="c21"
diff --git a/src/components/Organisms/FooterNew/FooterNew.md b/src/components/Organisms/FooterNew/FooterNew.md
deleted file mode 100644
index 1efced3b2..000000000
--- a/src/components/Organisms/FooterNew/FooterNew.md
+++ /dev/null
@@ -1,48 +0,0 @@
-# FooterNew
-
-## FooterNew with email signup
-
-```js
-import FooterNew from './FooterNew';
-import footerCopy from '../Footer/data/footerCopy';
-import { primaryLinksList, secondaryLinksList } from './dev-data/data';
-
-<FooterNew
-  primaryLinksList={primaryLinksList}
-  secondaryLinksList={secondaryLinksList}
-  legalText={footerCopy.copy}
-  copyrightText="© 2026 Comic Relief"
-  campaign="Comic Relief"
-  showFundraisingRegulatorLogo
-  showFacebookSocialIcon
-  showInstagramSocialIcon
-  showXSocialIcon
-  showTikTokSocialIcon
-  showYouTubeSocialIcon
-  animateRotate
-  onNewsletterSubmit={(email) => console.log('Newsletter submitted. Normally at this point, the frontend would run its own function to send.', email)}
-/>
-```
-
-## FooterNew without email signup
-
-```js
-import FooterNew from './FooterNew';
-import footerCopy from '../Footer/data/footerCopy';
-import { primaryLinksList, secondaryLinksList } from './dev-data/data';
-
-<FooterNew
-  primaryLinksList={primaryLinksList}
-  secondaryLinksList={secondaryLinksList}
-  legalText={footerCopy.copy}
-  campaign="Comic Relief"
-  showEmailSignup={false}
-  showFundraisingRegulatorLogo
-  showFacebookSocialIcon
-  showInstagramSocialIcon
-  showXSocialIcon
-  showTikTokSocialIcon
-  showYouTubeSocialIcon
-  animateRotate
-/>
-```
diff --git a/src/components/Organisms/FooterNew/FooterNew.style.js b/src/components/Organisms/FooterNew/FooterNew.style.js
index 0d201aa22..86af08cc9 100644
--- a/src/components/Organisms/FooterNew/FooterNew.style.js
+++ b/src/components/Organisms/FooterNew/FooterNew.style.js
@@ -260,7 +260,7 @@ const LogosContainer = styled.div`
 const Brand = styled(Link)`
   color: transparent;
   border: 0;
-  :hover {
+  &:hover {
     border: 0;
   }
 
diff --git a/src/components/Organisms/FooterNew/FooterNewExample.jsx b/src/components/Organisms/FooterNew/FooterNewExample.jsx
new file mode 100644
index 000000000..6ea37f7d6
--- /dev/null
+++ b/src/components/Organisms/FooterNew/FooterNewExample.jsx
@@ -0,0 +1,43 @@
+import React from 'react';
+import FooterNew from './FooterNew';
+import footerCopy from '../Footer/data/footerCopy';
+import { primaryLinksList, secondaryLinksList } from './dev-data/data';
+
+export default function FooterNewExample() {
+  return (
+    <div>
+      <h3>FooterNew with email signup</h3>
+      <FooterNew
+        primaryLinksList={primaryLinksList}
+        secondaryLinksList={secondaryLinksList}
+        legalText={footerCopy.copy}
+        copyrightText="© 2026 Comic Relief"
+        campaign="Comic Relief"
+        showFundraisingRegulatorLogo
+        showFacebookSocialIcon
+        showInstagramSocialIcon
+        showXSocialIcon
+        showTikTokSocialIcon
+        showYouTubeSocialIcon
+        animateRotate
+        onNewsletterSubmit={email => console.log('Newsletter submitted. Normally at this point, the frontend would run its own function to send.', email)}
+      />
+
+      <h3>FooterNew without email signup</h3>
+      <FooterNew
+        primaryLinksList={primaryLinksList}
+        secondaryLinksList={secondaryLinksList}
+        legalText={footerCopy.copy}
+        campaign="Comic Relief"
+        showEmailSignup={false}
+        showFundraisingRegulatorLogo
+        showFacebookSocialIcon
+        showInstagramSocialIcon
+        showXSocialIcon
+        showTikTokSocialIcon
+        showYouTubeSocialIcon
+        animateRotate
+      />
+    </div>
+  );
+}
diff --git a/src/components/Organisms/FooterNew/__snapshots__/FooterNew.test.js.snap b/src/components/Organisms/FooterNew/__snapshots__/FooterNew.test.js.snap
index ddf2b7c36..d3ff54468 100644
--- a/src/components/Organisms/FooterNew/__snapshots__/FooterNew.test.js.snap
+++ b/src/components/Organisms/FooterNew/__snapshots__/FooterNew.test.js.snap
@@ -5,9 +5,6 @@ exports[`does not render copyright text when not supplied 1`] = `
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: 400;
   text-transform: inherit;
-  -webkit-letter-spacing: 0;
-  -moz-letter-spacing: 0;
-  -ms-letter-spacing: 0;
   letter-spacing: 0;
   font-size: 1rem;
   line-height: 1.25rem;
@@ -30,8 +27,6 @@ exports[`does not render copyright text when not supplied 1`] = `
   display: inline-block;
   z-index: 3;
   width: 59px;
-  -webkit-transform: inherit;
-  -ms-transform: inherit;
   transform: inherit;
   vertical-align: bottom;
 }
@@ -40,8 +35,6 @@ exports[`does not render copyright text when not supplied 1`] = `
   display: inline-block;
   z-index: 3;
   width: 59px;
-  -webkit-transform: inherit;
-  -ms-transform: inherit;
   transform: inherit;
   vertical-align: bottom;
 }
@@ -51,34 +44,23 @@ exports[`does not render copyright text when not supplied 1`] = `
   display: inline;
   color: #000000;
   font-weight: normal;
+  color: #E52630;
 }
 
 .c3:hover,
 .c3:focus {
   color: #000000;
-  -webkit-text-decoration: none;
   text-decoration: none;
 }
 
 .c23 {
-  display: -webkit-inline-box;
-  display: -webkit-inline-flex;
-  display: -ms-inline-flexbox;
   display: inline-flex;
   position: relative;
-  -webkit-text-decoration: none;
   text-decoration: none;
-  -webkit-transition: all 0.2s;
   transition: all 0.2s;
   height: 2.5rem;
   width: 100%;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
   justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
   align-items: center;
   border: none;
   cursor: pointer;
@@ -89,16 +71,12 @@ exports[`does not render copyright text when not supplied 1`] = `
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: 700;
   text-transform: inherit;
-  -webkit-letter-spacing: 0;
-  -moz-letter-spacing: 0;
-  -ms-letter-spacing: 0;
   letter-spacing: 0;
   font-size: 1rem;
   line-height: 1.25rem;
 }
 
-.c23 > a {
-  -webkit-text-decoration: none;
+.c23 >a {
   text-decoration: none;
 }
 
@@ -118,12 +96,7 @@ exports[`does not render copyright text when not supplied 1`] = `
 .c15 {
   width: 100%;
   position: relative;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
   flex-direction: column;
   color: #000000;
 }
@@ -139,9 +112,7 @@ exports[`does not render copyright text when not supplied 1`] = `
 
 .c18 {
   border: 0;
-  -webkit-clip: rect(0 0 0 0);
   clip: rect(0 0 0 0);
-  -webkit-clip-path: inset(50%);
   clip-path: inset(50%);
   height: 1px;
   margin: -1px;
@@ -157,9 +128,6 @@ exports[`does not render copyright text when not supplied 1`] = `
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: 400;
   text-transform: inherit;
-  -webkit-letter-spacing: 0;
-  -moz-letter-spacing: 0;
-  -ms-letter-spacing: 0;
   letter-spacing: 0;
   font-size: 1rem;
   line-height: 1.25rem;
@@ -168,17 +136,8 @@ exports[`does not render copyright text when not supplied 1`] = `
 .c20 {
   position: relative;
   width: 100%;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-box-pack: end;
-  -webkit-justify-content: flex-end;
-  -ms-flex-pack: end;
   justify-content: flex-end;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
   align-items: center;
 }
 
@@ -192,8 +151,6 @@ exports[`does not render copyright text when not supplied 1`] = `
   border: 1px solid;
   border-color: #969598;
   box-shadow: none;
-  -webkit-appearance: none;
-  -moz-appearance: none;
   appearance: none;
   color: #000000;
   border-radius: 0.5rem;
@@ -207,36 +164,21 @@ exports[`does not render copyright text when not supplied 1`] = `
 }
 
 .c29 {
-  -webkit-text-decoration: none;
   text-decoration: none;
   cursor: pointer;
   display: block;
   position: relative;
-  -webkit-transition: opacity 0.2s;
   transition: opacity 0.2s;
   background-color: #222222;
   border-radius: 0.5rem;
   padding: 0.5rem;
   box-sizing: border-box;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
   align-items: center;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
   justify-content: center;
   width: 100%;
   height: 100%;
-  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.68,-1.15,0.265,2.35);
-  -webkit-transition: transform 0.4s cubic-bezier(0.68,-1.15,0.265,2.35);
   transition: transform 0.4s cubic-bezier(0.68,-1.15,0.265,2.35);
-  -webkit-transform-origin: center;
-  -ms-transform-origin: center;
   transform-origin: center;
 }
 
@@ -247,8 +189,6 @@ exports[`does not render copyright text when not supplied 1`] = `
 
 .c29:hover,
 .c29:focus {
-  -webkit-transform: scale(1.15);
-  -ms-transform: scale(1.15);
   transform: scale(1.15);
 }
 
@@ -260,37 +200,23 @@ exports[`does not render copyright text when not supplied 1`] = `
 
 .c31 {
   width: 100%;
-  -webkit-filter: brightness(0) invert(1);
   filter: brightness(0) invert(1);
 }
 
 .c27 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-flex-wrap: wrap;
-  -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   gap: 2rem;
   list-style-type: none;
-  -webkit-box-pack: start;
-  -webkit-justify-content: flex-start;
-  -ms-flex-pack: start;
   justify-content: flex-start;
   margin: 3rem 0;
   padding: 0;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
   align-items: center;
 }
 
 .c28 {
   width: 54px;
   height: 54px;
-  -webkit-flex: 0 0 54px;
-  -ms-flex: 0 0 54px;
   flex: 0 0 54px;
   margin-right: 0;
 }
@@ -300,9 +226,7 @@ exports[`does not render copyright text when not supplied 1`] = `
 }
 
 .c25 {
-  -webkit-transform: rotate(0);
-  -ms-transform: rotate(0);
-  transform: rotate(0);
+  transform: rotate(180deg);
   fill: #FFFFFF;
 }
 
@@ -319,9 +243,6 @@ exports[`does not render copyright text when not supplied 1`] = `
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: 400;
   text-transform: inherit;
-  -webkit-letter-spacing: 0;
-  -moz-letter-spacing: 0;
-  -ms-letter-spacing: 0;
   letter-spacing: 0;
   font-size: 1rem;
   line-height: 1.25rem;
@@ -329,32 +250,16 @@ exports[`does not render copyright text when not supplied 1`] = `
 }
 
 .c13 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
   align-items: center;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
   flex-direction: column;
   gap: 1rem;
   overflow: visible;
 }
 
 .c14 {
-  -webkit-flex: 1;
-  -ms-flex: 1;
   flex: 1;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
   align-items: center;
   width: 100%;
   overflow: visible;
@@ -372,24 +277,11 @@ exports[`does not render copyright text when not supplied 1`] = `
   border-color: transparent;
   height: 44px;
   padding: 12px 2.4rem 12px 18px;
-  -webkit-transition: background-color 0.2s ease,text-indent 0.18s ease;
   transition: background-color 0.2s ease,text-indent 0.18s ease;
   border: 1px solid #FFFFFF;
   color: #FFFFFF;
 }
 
-.c16 input::-webkit-input-placeholder {
-  color: #E1E2E3;
-}
-
-.c16 input::-moz-placeholder {
-  color: #E1E2E3;
-}
-
-.c16 input:-ms-input-placeholder {
-  color: #E1E2E3;
-}
-
 .c16 input::placeholder {
   color: #E1E2E3;
 }
@@ -400,17 +292,8 @@ exports[`does not render copyright text when not supplied 1`] = `
 }
 
 .c22 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
   align-items: center;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
   justify-content: center;
   width: 100%;
 }
@@ -422,8 +305,6 @@ exports[`does not render copyright text when not supplied 1`] = `
   padding: 0 1rem;
   border-radius: 0.5rem;
   overflow: hidden;
-  min-width: -webkit-max-content;
-  min-width: -moz-max-content;
   min-width: max-content;
   width: 100%;
 }
@@ -432,15 +313,8 @@ exports[`does not render copyright text when not supplied 1`] = `
   display: inline-grid;
   grid-auto-flow: column;
   grid-template-columns: auto 18px;
-  -webkit-column-gap: 0.5rem;
   column-gap: 0.5rem;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
   align-items: center;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
   justify-content: center;
   line-height: 1;
   white-space: nowrap;
@@ -450,43 +324,26 @@ exports[`does not render copyright text when not supplied 1`] = `
   display: inline-block;
   font-size: 16px;
   line-height: 1;
-  -webkit-transform: translateX(13px);
-  -ms-transform: translateX(13px);
   transform: translateX(13px);
-  -webkit-transition: -webkit-transform 0.22s ease;
-  -webkit-transition: transform 0.22s ease;
   transition: transform 0.22s ease;
   will-change: transform;
   white-space: nowrap;
 }
 
 .c24 .emailSignUpButtonArrow {
-  display: -webkit-inline-box;
-  display: -webkit-inline-flex;
-  display: -ms-inline-flexbox;
   display: inline-flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
   align-items: center;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
   justify-content: center;
   width: 18px;
   height: 18px;
   opacity: 0;
-  -webkit-transform: translateX(-13px);
-  -ms-transform: translateX(-13px);
   transform: translateX(-13px);
-  -webkit-transition: opacity 0.22s ease,-webkit-transform 0.22s ease;
-  -webkit-transition: opacity 0.22s ease,transform 0.22s ease;
   transition: opacity 0.22s ease,transform 0.22s ease;
   will-change: transform,opacity;
 }
 
 .c24 .emailSignUpButtonArrow svg {
-  fill: currentColor !important;
+  fill: currentColor!important;
 }
 
 .c24:hover,
@@ -497,16 +354,12 @@ exports[`does not render copyright text when not supplied 1`] = `
 
 .c24:hover .emailSignUpButtonLabel,
 .c24:focus .emailSignUpButtonLabel {
-  -webkit-transform: translateX(0);
-  -ms-transform: translateX(0);
   transform: translateX(0);
 }
 
 .c24:hover .emailSignUpButtonArrow,
 .c24:focus .emailSignUpButtonArrow {
   opacity: 1;
-  -webkit-transform: translateX(0);
-  -ms-transform: translateX(0);
   transform: translateX(0);
 }
 
@@ -527,24 +380,14 @@ exports[`does not render copyright text when not supplied 1`] = `
 }
 
 .c7 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
   flex-direction: column;
   margin-bottom: 1rem;
   gap: 1rem;
 }
 
 .c8 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
   flex-direction: column;
   gap: 1rem;
 }
@@ -568,12 +411,7 @@ exports[`does not render copyright text when not supplied 1`] = `
 }
 
 .c35 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
   flex-direction: column;
   list-style: none;
   padding: 1rem 0;
@@ -587,7 +425,6 @@ exports[`does not render copyright text when not supplied 1`] = `
 
 .c37 {
   color: #FFFFFF;
-  -webkit-text-decoration: none;
   text-decoration: none;
   font-weight: bold;
   font-size: 16px;
@@ -595,9 +432,7 @@ exports[`does not render copyright text when not supplied 1`] = `
 
 .c37:hover,
 .c37:focus {
-  -webkit-text-decoration: underline;
   text-decoration: underline;
-  -webkit-text-decoration-color: #FFFFFF;
   text-decoration-color: #FFFFFF;
 }
 
@@ -608,35 +443,19 @@ exports[`does not render copyright text when not supplied 1`] = `
 }
 
 .c40 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
   flex-direction: row;
-  -webkit-flex-wrap: wrap;
-  -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   list-style: none;
   padding: 0;
   margin: 0 0 1rem 0;
   gap: 0.5rem;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
   align-items: center;
 }
 
 .c41 {
   margin: 0;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
   align-items: center;
 }
 
@@ -648,16 +467,13 @@ exports[`does not render copyright text when not supplied 1`] = `
 }
 
 .c42 {
-  -webkit-text-decoration: none;
   text-decoration: none;
 }
 
-.c42 > span {
+.c42 >span {
   color: #FFFFFF;
   opacity: 0.8;
-  -webkit-text-decoration: none;
   text-decoration: none;
-  -webkit-text-decoration-color: #FFFFFF;
   text-decoration-color: #FFFFFF;
   font-weight: normal;
   font-size: 0.875rem;
@@ -665,9 +481,7 @@ exports[`does not render copyright text when not supplied 1`] = `
 
 .c42:hover,
 .c42:focus {
-  -webkit-text-decoration: underline;
   text-decoration: underline;
-  -webkit-text-decoration-color: #FFFFFF;
   text-decoration-color: #FFFFFF;
 }
 
@@ -678,83 +492,39 @@ exports[`does not render copyright text when not supplied 1`] = `
 }
 
 .c2 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
   flex-direction: row;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
   align-items: center;
   gap: 2rem;
-  -webkit-box-pack: start;
-  -webkit-justify-content: flex-start;
-  -ms-flex-pack: start;
   justify-content: flex-start;
   padding-bottom: 2rem;
 }
 
 .c32 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
   flex-direction: row;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
   align-items: center;
   gap: 2rem;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
   justify-content: center;
   padding-bottom: 0;
   display: none;
 }
 
 .c34 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
   flex-direction: row;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
   align-items: center;
   gap: 2rem;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
   justify-content: center;
   padding-bottom: 0;
   display: none;
 }
 
 .c46 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
   flex-direction: row;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
   align-items: center;
   gap: 2rem;
-  -webkit-box-pack: start;
-  -webkit-justify-content: flex-start;
-  -ms-flex-pack: start;
   justify-content: flex-start;
   padding-bottom: 2rem;
 }
@@ -769,15 +539,11 @@ exports[`does not render copyright text when not supplied 1`] = `
 }
 
 .c4 img {
-  -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.41,1.64,0.41,0.8);
-  -webkit-transition: transform 0.6s cubic-bezier(0.41,1.64,0.41,0.8);
   transition: transform 0.6s cubic-bezier(0.41,1.64,0.41,0.8);
 }
 
 .c4:hover img,
 .c4:focus img {
-  -webkit-transform: rotate(-14deg);
-  -ms-transform: rotate(-14deg);
   transform: rotate(-14deg);
 }
 
@@ -796,146 +562,129 @@ exports[`does not render copyright text when not supplied 1`] = `
   margin-bottom: 0.5rem;
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c17 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c17 {
     font-size: 1.125rem;
     line-height: 1.375rem;
   }
 }
 
-@media (min-width:1150px) {
+@media (min-width: 1150px) {
   .c5 {
     width: 72px;
   }
 }
 
-@media (min-width:1150px) {
+@media (min-width: 1150px) {
   .c33 {
     width: 59px;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c23 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c23 {
     font-size: 1.125rem;
     line-height: 1.375rem;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c23 {
     width: auto;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c23 {
     width: auto;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c19 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c19 {
     font-size: 1.25rem;
     line-height: 1.25rem;
   }
 }
 
-@media (min-width:740px) {
-
-}
-
-@media (min-width:1024px) {
-
-}
-
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c27 {
-    -webkit-box-pack: start;
-    -webkit-justify-content: start;
-    -ms-flex-pack: start;
     justify-content: start;
     margin: 0.5rem 0;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c28 {
     margin-right: 0;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c25 {
     fill: #FFFFFF;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c10 {
     margin-bottom: 1.5rem;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c12 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c12 {
     font-size: 1.125rem;
     line-height: 1.375rem;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c13 {
-    -webkit-flex-direction: row;
-    -ms-flex-direction: row;
     flex-direction: row;
-    -webkit-align-items: center;
-    -webkit-box-align: center;
-    -ms-flex-align: center;
     align-items: center;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c14 {
     width: 100%;
     max-width: 364px;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c16 input,
   .c16 textarea {
     text-indent: 0;
-    -webkit-transition: text-indent 0.18s ease;
     transition: text-indent 0.18s ease;
   }
 
@@ -947,227 +696,146 @@ exports[`does not render copyright text when not supplied 1`] = `
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c22 {
     width: 100%;
     max-width: 123px;
-    -webkit-flex: 0 0 auto;
-    -ms-flex: 0 0 auto;
     flex: 0 0 auto;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c24 {
     margin: 0;
     max-width: 123px;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c0 {
     padding-bottom: 3rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c0 {
     padding-top: 5.5rem;
     padding-bottom: 5rem;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c1 {
     padding: 0 2rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c1 {
     padding: 0 4rem;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c7 {
-    -webkit-flex-direction: row;
-    -ms-flex-direction: row;
     flex-direction: row;
-    -webkit-box-pack: justify;
-    -webkit-justify-content: space-between;
-    -ms-flex-pack: justify;
     justify-content: space-between;
-    -webkit-column-gap: 3rem;
     column-gap: 3rem;
-    -webkit-align-items: flex-start;
-    -webkit-box-align: flex-start;
-    -ms-flex-align: flex-start;
     align-items: flex-start;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c8 {
-    -webkit-flex-direction: column;
-    -ms-flex-direction: column;
     flex-direction: column;
-    -webkit-flex: 1 1 auto;
-    -ms-flex: 1 1 auto;
     flex: 1 1 auto;
     min-width: 0;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c9 {
     max-width: 100%;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c26 {
     box-sizing: border-box;
-    display: -webkit-box;
-    display: -webkit-flex;
-    display: -ms-flexbox;
     display: flex;
     margin-bottom: 0;
-    -webkit-align-items: center;
-    -webkit-box-align: center;
-    -ms-flex-align: center;
     align-items: center;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c39 {
     box-sizing: border-box;
     display: none;
     margin-bottom: 1rem;
-    -webkit-align-items: center;
-    -webkit-box-align: center;
-    -ms-flex-align: center;
     align-items: center;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c35 {
-    -webkit-flex-direction: row;
-    -ms-flex-direction: row;
     flex-direction: row;
-    -webkit-flex-wrap: wrap;
-    -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     gap: 1.5rem;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c41 {
     display: inline;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c2 {
-    -webkit-flex: 0 0 auto;
-    -ms-flex: 0 0 auto;
     flex: 0 0 auto;
     margin-top: 0;
     margin-bottom: 0;
     padding-top: 0;
     display: none;
-    -webkit-box-pack: center;
-    -webkit-justify-content: center;
-    -ms-flex-pack: center;
     justify-content: center;
   }
 }
 
-@media (min-width:1024px) {
-  .c2 {
-    display: none;
-  }
-}
-
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c32 {
-    -webkit-flex: 0 0 auto;
-    -ms-flex: 0 0 auto;
     flex: 0 0 auto;
     margin-top: 0;
     margin-bottom: 0;
     padding-top: 2rem;
-    display: -webkit-box;
-    display: -webkit-flex;
-    display: -ms-flexbox;
     display: flex;
-    -webkit-box-pack: end;
-    -webkit-justify-content: flex-end;
-    -ms-flex-pack: end;
     justify-content: flex-end;
   }
 }
 
-@media (min-width:1024px) {
-  .c32 {
-    display: none;
-  }
-}
-
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c34 {
-    -webkit-flex: 0 0 auto;
-    -ms-flex: 0 0 auto;
     flex: 0 0 auto;
     margin-top: 0;
     margin-bottom: 0;
     padding-top: 2rem;
     display: none;
-    -webkit-box-pack: end;
-    -webkit-justify-content: flex-end;
-    -ms-flex-pack: end;
     justify-content: flex-end;
   }
 }
 
-@media (min-width:1024px) {
-  .c34 {
-    display: -webkit-box;
-    display: -webkit-flex;
-    display: -ms-flexbox;
-    display: flex;
-  }
-}
-
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c46 {
-    -webkit-flex: 0 0 auto;
-    -ms-flex: 0 0 auto;
     flex: 0 0 auto;
     margin-top: 0;
     margin-bottom: 0;
     padding-top: 0;
-    display: -webkit-box;
-    display: -webkit-flex;
-    display: -ms-flexbox;
     display: flex;
-    -webkit-box-pack: start;
-    -webkit-justify-content: flex-start;
-    -ms-flex-pack: start;
     justify-content: flex-start;
   }
 }
 
-@media (min-width:1024px) {
-  .c46 {
-    display: none;
-  }
-}
-
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c44 {
     margin-bottom: 0;
   }
@@ -1181,20 +849,28 @@ exports[`does not render copyright text when not supplied 1`] = `
     <div
       className="c1"
     >
-      
       <div
         className="c2"
       >
         <a
+          animateRotate={true}
+          buttonType="primary"
           className="c3 c4"
+          fullWidth={false}
+          home={false}
           href="/"
+          iconFirst={false}
+          mobileColour={null}
           target="_self"
           title="Go to Comic Relief homepage"
           type="standard"
+          underline={true}
         >
           <div
             className="c5"
             rotate={0}
+            sizeMd="72px"
+            sizeSm="59px"
           >
             <img
               alt="Comic Relief logo"
@@ -1231,52 +907,58 @@ exports[`does not render copyright text when not supplied 1`] = `
                 </div>
                 <div
                   className="c13"
+                  error={false}
                 >
                   <div
                     className="c14"
                   >
                     <label
                       className="c15 c16"
+                      errorMsg=""
                       htmlFor="email-signup"
+                      optional={true}
                     >
                       <span
                         className="c17 c18"
                         dangerouslySetInnerHTML={
-                          Object {
+                          {
                             "__html": "Email address",
                           }
                         }
                       />
                       <div
                         className="c19"
+                        error={false}
                       >
-                        
                         <div
                           className="c20"
+                          error={false}
                         >
                           <input
                             aria-required={false}
                             className="c21"
+                            error={false}
                             id="email-signup"
                             name="email"
                             onBlur={[Function]}
                             onChange={[Function]}
                             placeholder="Enter your email address"
+                            prefixLength={0}
                             required={false}
                             type="email"
                           />
-                          
                         </div>
                       </div>
-                      
                     </label>
                   </div>
                   <div
                     className="c22"
                   >
                     <button
+                      buttonType="primary"
                       className="c23 c24"
                       color="white"
+                      fullWidth={false}
                       type="submit"
                     >
                       <span
@@ -1293,14 +975,18 @@ exports[`does not render copyright text when not supplied 1`] = `
                         >
                           <svg
                             className="c25"
+                            colour="white"
                             direction="right"
                             height={18}
-                            viewBox="0 0 15 15"
+                            mobileColour={null}
+                            viewBox="0 0 96 96"
                             width={18}
                             xmlns="http://www.w3.org/2000/svg"
                           >
                             <path
-                              d="M9.58496 1.3501C9.1395 0.88346 8.40641 0.883488 7.96094 1.3501C7.52803 1.80361 7.5281 2.53033 7.96094 2.98389L11.1582 6.3335H1.13672C0.48748 6.3335 0 6.87834 0 7.50049C2.15408e-05 8.12262 0.487494 8.66748 1.13672 8.66748H11.1582L7.96094 12.0171C7.52806 12.4706 7.52899 13.1974 7.96191 13.6509C8.18163 13.8804 8.47556 14.0005 8.77344 14.0005C9.07114 14.0004 9.36533 13.8809 9.58496 13.6509L14.6758 8.31689L14.6748 8.31592L14.6875 8.30322L14.6865 8.30225C14.6954 8.29227 14.7044 8.28494 14.71 8.27783C14.7117 8.27557 14.7133 8.27298 14.7148 8.271C14.7485 8.23215 14.7824 8.18937 14.8135 8.14111L14.8154 8.13818C14.8354 8.1067 14.8493 8.07854 14.8564 8.06396L14.8652 8.04639L14.8662 8.04443L14.8672 8.04346C14.8672 8.04346 14.868 8.0407 14.8691 8.03857C14.8709 8.03524 14.8758 8.02683 14.8799 8.01904L14.8802 8.01851C14.8888 8.00212 14.9034 7.97435 14.917 7.93994V7.93799C14.9303 7.90387 14.9391 7.87297 14.9443 7.854C14.9469 7.8447 14.9498 7.83579 14.9512 7.83057C14.9527 7.82466 14.9535 7.82292 14.9541 7.8208C14.9541 7.8208 14.9542 7.81765 14.9551 7.81494L14.958 7.80615L14.9586 7.80434C14.9631 7.78973 14.9718 7.76131 14.9785 7.72705V7.7251C15.0066 7.57717 15.0066 7.42472 14.9785 7.27686V7.2749L14.958 7.1958L14.9551 7.18604L14.9531 7.18018L14.9512 7.17236C14.9497 7.16652 14.9481 7.15689 14.9453 7.14697C14.9398 7.12707 14.9307 7.09666 14.917 7.06201C14.9032 7.027 14.8885 6.99825 14.8799 6.98193C14.8758 6.97415 14.8709 6.96574 14.8691 6.9624L14.8564 6.93701C14.849 6.92189 14.8351 6.89384 14.8154 6.86279L14.8145 6.86084L14.7529 6.77393C14.7316 6.74671 14.7094 6.72141 14.6875 6.69775C14.6837 6.69353 14.6802 6.68867 14.6758 6.68408L9.58496 1.3501Z"
+                              d="m90.871,50.776c-0.016,0.016 -0.026,0.036 -0.043,0.052l-32,32c-0.781,0.781 -1.804,1.172 -2.828,1.172s-2.047,-0.391 -2.829,-1.171a4,4 0 0 1 0,-5.657l25.172,-25.172l-70.343,0a4,4 0 0 1 0,-8l70.343,0l-25.172,-25.171a4,4 0 0 1 5.657,-5.657l32,32c0.016,0.016 0.027,0.036 0.043,0.052c0.167,0.172 0.321,0.357 0.455,0.557c0.069,0.104 0.118,0.216 0.176,0.325c0.065,0.121 0.138,0.236 0.191,0.364c0.057,0.137 0.09,0.279 0.13,0.42c0.032,0.109 0.074,0.214 0.097,0.327a4.017,4.017 0 0 1 0,1.568c-0.023,0.113 -0.065,0.217 -0.097,0.327c-0.041,0.141 -0.074,0.283 -0.13,0.42c-0.053,0.128 -0.126,0.243 -0.191,0.364c-0.059,0.109 -0.107,0.221 -0.176,0.325a4.035,4.035 0 0 1 -0.455,0.555z"
+                              id="svg_1"
+                              transform="rotate(-180 47.998626708984375,48.00019836425781) "
                             />
                           </svg>
                         </span>
@@ -1316,14 +1002,18 @@ exports[`does not render copyright text when not supplied 1`] = `
           >
             <ul
               className="c27"
+              newStyle={true}
             >
               <li
                 className="c28"
+                newStyle={true}
               >
                 <a
                   className="c29 c30"
                   data-test="icon-facebook"
                   href="https://www.facebook.com/comicrelief"
+                  isHeader={false}
+                  newStyle={true}
                   rel="noopener noreferrer"
                   target="_blank"
                   title="Check out our Facebook page"
@@ -1331,17 +1021,21 @@ exports[`does not render copyright text when not supplied 1`] = `
                   <img
                     alt="facebook"
                     className="c31"
+                    invertColor={true}
                     src="mock.asset"
                   />
                 </a>
               </li>
               <li
                 className="c28"
+                newStyle={true}
               >
                 <a
                   className="c29 c30"
                   data-test="icon-instagram"
                   href="https://www.instagram.com/comicrelief"
+                  isHeader={false}
+                  newStyle={true}
                   rel="noopener noreferrer"
                   target="_blank"
                   title="Check out our Instagram account"
@@ -1349,17 +1043,21 @@ exports[`does not render copyright text when not supplied 1`] = `
                   <img
                     alt="instagram"
                     className="c31"
+                    invertColor={true}
                     src="mock.asset"
                   />
                 </a>
               </li>
               <li
                 className="c28"
+                newStyle={true}
               >
                 <a
                   className="c29 c30"
                   data-test="icon-x"
                   href="https://x.com/comicrelief"
+                  isHeader={false}
+                  newStyle={true}
                   rel="noopener noreferrer"
                   target="_blank"
                   title="Check out our X account"
@@ -1367,17 +1065,21 @@ exports[`does not render copyright text when not supplied 1`] = `
                   <img
                     alt="x"
                     className="c31"
+                    invertColor={true}
                     src="mock.asset"
                   />
                 </a>
               </li>
               <li
                 className="c28"
+                newStyle={true}
               >
                 <a
                   className="c29 c30"
                   data-test="icon-tiktok"
                   href="https://www.tiktok.com/@comicrelief"
+                  isHeader={false}
+                  newStyle={true}
                   rel="noopener noreferrer"
                   target="_blank"
                   title="Check out our TikTok account"
@@ -1385,17 +1087,21 @@ exports[`does not render copyright text when not supplied 1`] = `
                   <img
                     alt="tiktok"
                     className="c31"
+                    invertColor={true}
                     src="mock.asset"
                   />
                 </a>
               </li>
               <li
                 className="c28"
+                newStyle={true}
               >
                 <a
                   className="c29 c30"
                   data-test="icon-youtube"
                   href="https://www.youtube.com/channel/UCdF5u0ggeSETozc8fsprjcw"
+                  isHeader={false}
+                  newStyle={true}
                   rel="noopener noreferrer"
                   target="_blank"
                   title="Check out our YouTube channel"
@@ -1403,6 +1109,7 @@ exports[`does not render copyright text when not supplied 1`] = `
                   <img
                     alt="youtube"
                     className="c31"
+                    invertColor={true}
                     src="mock.asset"
                   />
                 </a>
@@ -1414,15 +1121,24 @@ exports[`does not render copyright text when not supplied 1`] = `
           className="c32"
         >
           <a
+            animateRotate={true}
+            buttonType="primary"
             className="c3 c4"
+            fullWidth={false}
+            home={false}
             href="/"
+            iconFirst={false}
+            mobileColour={null}
             target="_self"
             title="Go to Comic Relief homepage"
             type="standard"
+            underline={true}
           >
             <div
               className="c33"
               rotate={0}
+              sizeMd="59px"
+              sizeSm="59px"
             >
               <img
                 alt="Comic Relief logo"
@@ -1436,15 +1152,24 @@ exports[`does not render copyright text when not supplied 1`] = `
           className="c34"
         >
           <a
+            animateRotate={true}
+            buttonType="primary"
             className="c3 c4"
+            fullWidth={false}
+            home={false}
             href="/"
+            iconFirst={false}
+            mobileColour={null}
             target="_self"
             title="Go to Comic Relief homepage"
             type="standard"
+            underline={true}
           >
             <div
               className="c33"
               rotate={0}
+              sizeMd="59px"
+              sizeSm="59px"
             >
               <img
                 alt="Comic Relief logo"
@@ -1464,10 +1189,16 @@ exports[`does not render copyright text when not supplied 1`] = `
           className="c36"
         >
           <a
+            buttonType="primary"
             className="c3 c37"
+            fullWidth={false}
+            home={false}
             href="/contact-us"
+            iconFirst={false}
+            mobileColour={null}
             target="_self"
             type="standard"
+            underline={true}
           >
             <span
               className="c17 c38"
@@ -1480,10 +1211,16 @@ exports[`does not render copyright text when not supplied 1`] = `
           className="c36"
         >
           <a
+            buttonType="primary"
             className="c3 c37"
+            fullWidth={false}
+            home={false}
             href="https://www.comicrelief.com/frequently-asked-questions"
+            iconFirst={false}
+            mobileColour={null}
             target="_self"
             type="standard"
+            underline={true}
           >
             <span
               className="c17 c38"
@@ -1498,14 +1235,18 @@ exports[`does not render copyright text when not supplied 1`] = `
       >
         <ul
           className="c27"
+          newStyle={true}
         >
           <li
             className="c28"
+            newStyle={true}
           >
             <a
               className="c29 c30"
               data-test="icon-facebook"
               href="https://www.facebook.com/comicrelief"
+              isHeader={false}
+              newStyle={true}
               rel="noopener noreferrer"
               target="_blank"
               title="Check out our Facebook page"
@@ -1513,17 +1254,21 @@ exports[`does not render copyright text when not supplied 1`] = `
               <img
                 alt="facebook"
                 className="c31"
+                invertColor={true}
                 src="mock.asset"
               />
             </a>
           </li>
           <li
             className="c28"
+            newStyle={true}
           >
             <a
               className="c29 c30"
               data-test="icon-instagram"
               href="https://www.instagram.com/comicrelief"
+              isHeader={false}
+              newStyle={true}
               rel="noopener noreferrer"
               target="_blank"
               title="Check out our Instagram account"
@@ -1531,17 +1276,21 @@ exports[`does not render copyright text when not supplied 1`] = `
               <img
                 alt="instagram"
                 className="c31"
+                invertColor={true}
                 src="mock.asset"
               />
             </a>
           </li>
           <li
             className="c28"
+            newStyle={true}
           >
             <a
               className="c29 c30"
               data-test="icon-x"
               href="https://x.com/comicrelief"
+              isHeader={false}
+              newStyle={true}
               rel="noopener noreferrer"
               target="_blank"
               title="Check out our X account"
@@ -1549,17 +1298,21 @@ exports[`does not render copyright text when not supplied 1`] = `
               <img
                 alt="x"
                 className="c31"
+                invertColor={true}
                 src="mock.asset"
               />
             </a>
           </li>
           <li
             className="c28"
+            newStyle={true}
           >
             <a
               className="c29 c30"
               data-test="icon-tiktok"
               href="https://www.tiktok.com/@comicrelief"
+              isHeader={false}
+              newStyle={true}
               rel="noopener noreferrer"
               target="_blank"
               title="Check out our TikTok account"
@@ -1567,17 +1320,21 @@ exports[`does not render copyright text when not supplied 1`] = `
               <img
                 alt="tiktok"
                 className="c31"
+                invertColor={true}
                 src="mock.asset"
               />
             </a>
           </li>
           <li
             className="c28"
+            newStyle={true}
           >
             <a
               className="c29 c30"
               data-test="icon-youtube"
               href="https://www.youtube.com/channel/UCdF5u0ggeSETozc8fsprjcw"
+              isHeader={false}
+              newStyle={true}
               rel="noopener noreferrer"
               target="_blank"
               title="Check out our YouTube channel"
@@ -1585,6 +1342,7 @@ exports[`does not render copyright text when not supplied 1`] = `
               <img
                 alt="youtube"
                 className="c31"
+                invertColor={true}
                 src="mock.asset"
               />
             </a>
@@ -1600,10 +1358,16 @@ exports[`does not render copyright text when not supplied 1`] = `
           className="c41"
         >
           <a
+            buttonType="primary"
             className="c3 c42"
+            fullWidth={false}
+            home={false}
             href="https://www.comicrelief.com/terms-of-use"
+            iconFirst={false}
+            mobileColour={null}
             target="_self"
             type="standard"
+            underline={true}
           >
             <span
               className="c17 c43"
@@ -1616,10 +1380,16 @@ exports[`does not render copyright text when not supplied 1`] = `
           className="c41"
         >
           <a
+            buttonType="primary"
             className="c3 c42"
+            fullWidth={false}
+            home={false}
             href="https://www.comicrelief.com/privacy-notice"
+            iconFirst={false}
+            mobileColour={null}
             target="_self"
             type="standard"
+            underline={true}
           >
             <span
               className="c17 c43"
@@ -1651,9 +1421,6 @@ exports[`renders correctly 1`] = `
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: 400;
   text-transform: inherit;
-  -webkit-letter-spacing: 0;
-  -moz-letter-spacing: 0;
-  -ms-letter-spacing: 0;
   letter-spacing: 0;
   font-size: 1rem;
   line-height: 1.25rem;
@@ -1676,8 +1443,6 @@ exports[`renders correctly 1`] = `
   display: inline-block;
   z-index: 3;
   width: 59px;
-  -webkit-transform: inherit;
-  -ms-transform: inherit;
   transform: inherit;
   vertical-align: bottom;
 }
@@ -1686,8 +1451,6 @@ exports[`renders correctly 1`] = `
   display: inline-block;
   z-index: 3;
   width: 59px;
-  -webkit-transform: inherit;
-  -ms-transform: inherit;
   transform: inherit;
   vertical-align: bottom;
 }
@@ -1697,34 +1460,23 @@ exports[`renders correctly 1`] = `
   display: inline;
   color: #000000;
   font-weight: normal;
+  color: #E52630;
 }
 
 .c3:hover,
 .c3:focus {
   color: #000000;
-  -webkit-text-decoration: none;
   text-decoration: none;
 }
 
 .c23 {
-  display: -webkit-inline-box;
-  display: -webkit-inline-flex;
-  display: -ms-inline-flexbox;
   display: inline-flex;
   position: relative;
-  -webkit-text-decoration: none;
   text-decoration: none;
-  -webkit-transition: all 0.2s;
   transition: all 0.2s;
   height: 2.5rem;
   width: 100%;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
   justify-content: center;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
   align-items: center;
   border: none;
   cursor: pointer;
@@ -1735,16 +1487,12 @@ exports[`renders correctly 1`] = `
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: 700;
   text-transform: inherit;
-  -webkit-letter-spacing: 0;
-  -moz-letter-spacing: 0;
-  -ms-letter-spacing: 0;
   letter-spacing: 0;
   font-size: 1rem;
   line-height: 1.25rem;
 }
 
-.c23 > a {
-  -webkit-text-decoration: none;
+.c23 >a {
   text-decoration: none;
 }
 
@@ -1764,12 +1512,7 @@ exports[`renders correctly 1`] = `
 .c15 {
   width: 100%;
   position: relative;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
   flex-direction: column;
   color: #000000;
 }
@@ -1785,9 +1528,7 @@ exports[`renders correctly 1`] = `
 
 .c18 {
   border: 0;
-  -webkit-clip: rect(0 0 0 0);
   clip: rect(0 0 0 0);
-  -webkit-clip-path: inset(50%);
   clip-path: inset(50%);
   height: 1px;
   margin: -1px;
@@ -1803,9 +1544,6 @@ exports[`renders correctly 1`] = `
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: 400;
   text-transform: inherit;
-  -webkit-letter-spacing: 0;
-  -moz-letter-spacing: 0;
-  -ms-letter-spacing: 0;
   letter-spacing: 0;
   font-size: 1rem;
   line-height: 1.25rem;
@@ -1814,17 +1552,8 @@ exports[`renders correctly 1`] = `
 .c20 {
   position: relative;
   width: 100%;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-box-pack: end;
-  -webkit-justify-content: flex-end;
-  -ms-flex-pack: end;
   justify-content: flex-end;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
   align-items: center;
 }
 
@@ -1838,8 +1567,6 @@ exports[`renders correctly 1`] = `
   border: 1px solid;
   border-color: #969598;
   box-shadow: none;
-  -webkit-appearance: none;
-  -moz-appearance: none;
   appearance: none;
   color: #000000;
   border-radius: 0.5rem;
@@ -1853,36 +1580,21 @@ exports[`renders correctly 1`] = `
 }
 
 .c29 {
-  -webkit-text-decoration: none;
   text-decoration: none;
   cursor: pointer;
   display: block;
   position: relative;
-  -webkit-transition: opacity 0.2s;
   transition: opacity 0.2s;
   background-color: #222222;
   border-radius: 0.5rem;
   padding: 0.5rem;
   box-sizing: border-box;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
   align-items: center;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
   justify-content: center;
   width: 100%;
   height: 100%;
-  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.68,-1.15,0.265,2.35);
-  -webkit-transition: transform 0.4s cubic-bezier(0.68,-1.15,0.265,2.35);
   transition: transform 0.4s cubic-bezier(0.68,-1.15,0.265,2.35);
-  -webkit-transform-origin: center;
-  -ms-transform-origin: center;
   transform-origin: center;
 }
 
@@ -1893,8 +1605,6 @@ exports[`renders correctly 1`] = `
 
 .c29:hover,
 .c29:focus {
-  -webkit-transform: scale(1.15);
-  -ms-transform: scale(1.15);
   transform: scale(1.15);
 }
 
@@ -1906,37 +1616,23 @@ exports[`renders correctly 1`] = `
 
 .c31 {
   width: 100%;
-  -webkit-filter: brightness(0) invert(1);
   filter: brightness(0) invert(1);
 }
 
 .c27 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-flex-wrap: wrap;
-  -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   gap: 2rem;
   list-style-type: none;
-  -webkit-box-pack: start;
-  -webkit-justify-content: flex-start;
-  -ms-flex-pack: start;
   justify-content: flex-start;
   margin: 3rem 0;
   padding: 0;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
   align-items: center;
 }
 
 .c28 {
   width: 54px;
   height: 54px;
-  -webkit-flex: 0 0 54px;
-  -ms-flex: 0 0 54px;
   flex: 0 0 54px;
   margin-right: 0;
 }
@@ -1946,9 +1642,7 @@ exports[`renders correctly 1`] = `
 }
 
 .c25 {
-  -webkit-transform: rotate(0);
-  -ms-transform: rotate(0);
-  transform: rotate(0);
+  transform: rotate(180deg);
   fill: #FFFFFF;
 }
 
@@ -1965,9 +1659,6 @@ exports[`renders correctly 1`] = `
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: 400;
   text-transform: inherit;
-  -webkit-letter-spacing: 0;
-  -moz-letter-spacing: 0;
-  -ms-letter-spacing: 0;
   letter-spacing: 0;
   font-size: 1rem;
   line-height: 1.25rem;
@@ -1975,32 +1666,16 @@ exports[`renders correctly 1`] = `
 }
 
 .c13 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
   align-items: center;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
   flex-direction: column;
   gap: 1rem;
   overflow: visible;
 }
 
 .c14 {
-  -webkit-flex: 1;
-  -ms-flex: 1;
   flex: 1;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
   align-items: center;
   width: 100%;
   overflow: visible;
@@ -2018,24 +1693,11 @@ exports[`renders correctly 1`] = `
   border-color: transparent;
   height: 44px;
   padding: 12px 2.4rem 12px 18px;
-  -webkit-transition: background-color 0.2s ease,text-indent 0.18s ease;
   transition: background-color 0.2s ease,text-indent 0.18s ease;
   border: 1px solid #FFFFFF;
   color: #FFFFFF;
 }
 
-.c16 input::-webkit-input-placeholder {
-  color: #E1E2E3;
-}
-
-.c16 input::-moz-placeholder {
-  color: #E1E2E3;
-}
-
-.c16 input:-ms-input-placeholder {
-  color: #E1E2E3;
-}
-
 .c16 input::placeholder {
   color: #E1E2E3;
 }
@@ -2046,17 +1708,8 @@ exports[`renders correctly 1`] = `
 }
 
 .c22 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
   align-items: center;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
   justify-content: center;
   width: 100%;
 }
@@ -2068,8 +1721,6 @@ exports[`renders correctly 1`] = `
   padding: 0 1rem;
   border-radius: 0.5rem;
   overflow: hidden;
-  min-width: -webkit-max-content;
-  min-width: -moz-max-content;
   min-width: max-content;
   width: 100%;
 }
@@ -2078,15 +1729,8 @@ exports[`renders correctly 1`] = `
   display: inline-grid;
   grid-auto-flow: column;
   grid-template-columns: auto 18px;
-  -webkit-column-gap: 0.5rem;
   column-gap: 0.5rem;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
   align-items: center;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
   justify-content: center;
   line-height: 1;
   white-space: nowrap;
@@ -2096,43 +1740,26 @@ exports[`renders correctly 1`] = `
   display: inline-block;
   font-size: 16px;
   line-height: 1;
-  -webkit-transform: translateX(13px);
-  -ms-transform: translateX(13px);
   transform: translateX(13px);
-  -webkit-transition: -webkit-transform 0.22s ease;
-  -webkit-transition: transform 0.22s ease;
   transition: transform 0.22s ease;
   will-change: transform;
   white-space: nowrap;
 }
 
 .c24 .emailSignUpButtonArrow {
-  display: -webkit-inline-box;
-  display: -webkit-inline-flex;
-  display: -ms-inline-flexbox;
   display: inline-flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
   align-items: center;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
   justify-content: center;
   width: 18px;
   height: 18px;
   opacity: 0;
-  -webkit-transform: translateX(-13px);
-  -ms-transform: translateX(-13px);
   transform: translateX(-13px);
-  -webkit-transition: opacity 0.22s ease,-webkit-transform 0.22s ease;
-  -webkit-transition: opacity 0.22s ease,transform 0.22s ease;
   transition: opacity 0.22s ease,transform 0.22s ease;
   will-change: transform,opacity;
 }
 
 .c24 .emailSignUpButtonArrow svg {
-  fill: currentColor !important;
+  fill: currentColor!important;
 }
 
 .c24:hover,
@@ -2143,16 +1770,12 @@ exports[`renders correctly 1`] = `
 
 .c24:hover .emailSignUpButtonLabel,
 .c24:focus .emailSignUpButtonLabel {
-  -webkit-transform: translateX(0);
-  -ms-transform: translateX(0);
   transform: translateX(0);
 }
 
 .c24:hover .emailSignUpButtonArrow,
 .c24:focus .emailSignUpButtonArrow {
   opacity: 1;
-  -webkit-transform: translateX(0);
-  -ms-transform: translateX(0);
   transform: translateX(0);
 }
 
@@ -2173,24 +1796,14 @@ exports[`renders correctly 1`] = `
 }
 
 .c7 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
   flex-direction: column;
   margin-bottom: 1rem;
   gap: 1rem;
 }
 
 .c8 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
   flex-direction: column;
   gap: 1rem;
 }
@@ -2214,12 +1827,7 @@ exports[`renders correctly 1`] = `
 }
 
 .c35 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
   flex-direction: column;
   list-style: none;
   padding: 1rem 0;
@@ -2233,7 +1841,6 @@ exports[`renders correctly 1`] = `
 
 .c37 {
   color: #FFFFFF;
-  -webkit-text-decoration: none;
   text-decoration: none;
   font-weight: bold;
   font-size: 16px;
@@ -2241,9 +1848,7 @@ exports[`renders correctly 1`] = `
 
 .c37:hover,
 .c37:focus {
-  -webkit-text-decoration: underline;
   text-decoration: underline;
-  -webkit-text-decoration-color: #FFFFFF;
   text-decoration-color: #FFFFFF;
 }
 
@@ -2254,35 +1859,19 @@ exports[`renders correctly 1`] = `
 }
 
 .c40 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
   flex-direction: row;
-  -webkit-flex-wrap: wrap;
-  -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   list-style: none;
   padding: 0;
   margin: 0 0 1rem 0;
   gap: 0.5rem;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
   align-items: center;
 }
 
 .c41 {
   margin: 0;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
   align-items: center;
 }
 
@@ -2294,16 +1883,13 @@ exports[`renders correctly 1`] = `
 }
 
 .c42 {
-  -webkit-text-decoration: none;
   text-decoration: none;
 }
 
-.c42 > span {
+.c42 >span {
   color: #FFFFFF;
   opacity: 0.8;
-  -webkit-text-decoration: none;
   text-decoration: none;
-  -webkit-text-decoration-color: #FFFFFF;
   text-decoration-color: #FFFFFF;
   font-weight: normal;
   font-size: 0.875rem;
@@ -2311,9 +1897,7 @@ exports[`renders correctly 1`] = `
 
 .c42:hover,
 .c42:focus {
-  -webkit-text-decoration: underline;
   text-decoration: underline;
-  -webkit-text-decoration-color: #FFFFFF;
   text-decoration-color: #FFFFFF;
 }
 
@@ -2324,83 +1908,39 @@ exports[`renders correctly 1`] = `
 }
 
 .c2 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
   flex-direction: row;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
   align-items: center;
   gap: 2rem;
-  -webkit-box-pack: start;
-  -webkit-justify-content: flex-start;
-  -ms-flex-pack: start;
   justify-content: flex-start;
   padding-bottom: 2rem;
 }
 
 .c32 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
   flex-direction: row;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
   align-items: center;
   gap: 2rem;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
   justify-content: center;
   padding-bottom: 0;
   display: none;
 }
 
 .c34 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
   flex-direction: row;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
   align-items: center;
   gap: 2rem;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-  -ms-flex-pack: center;
   justify-content: center;
   padding-bottom: 0;
   display: none;
 }
 
 .c46 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
   flex-direction: row;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
   align-items: center;
   gap: 2rem;
-  -webkit-box-pack: start;
-  -webkit-justify-content: flex-start;
-  -ms-flex-pack: start;
   justify-content: flex-start;
   padding-bottom: 2rem;
 }
@@ -2415,15 +1955,11 @@ exports[`renders correctly 1`] = `
 }
 
 .c4 img {
-  -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.41,1.64,0.41,0.8);
-  -webkit-transition: transform 0.6s cubic-bezier(0.41,1.64,0.41,0.8);
   transition: transform 0.6s cubic-bezier(0.41,1.64,0.41,0.8);
 }
 
 .c4:hover img,
 .c4:focus img {
-  -webkit-transform: rotate(-14deg);
-  -ms-transform: rotate(-14deg);
   transform: rotate(-14deg);
 }
 
@@ -2442,146 +1978,129 @@ exports[`renders correctly 1`] = `
   margin-bottom: 0.5rem;
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c17 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c17 {
     font-size: 1.125rem;
     line-height: 1.375rem;
   }
 }
 
-@media (min-width:1150px) {
+@media (min-width: 1150px) {
   .c5 {
     width: 72px;
   }
 }
 
-@media (min-width:1150px) {
+@media (min-width: 1150px) {
   .c33 {
     width: 59px;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c23 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c23 {
     font-size: 1.125rem;
     line-height: 1.375rem;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c23 {
     width: auto;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c23 {
     width: auto;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c19 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c19 {
     font-size: 1.25rem;
     line-height: 1.25rem;
   }
 }
 
-@media (min-width:740px) {
-
-}
-
-@media (min-width:1024px) {
-
-}
-
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c27 {
-    -webkit-box-pack: start;
-    -webkit-justify-content: start;
-    -ms-flex-pack: start;
     justify-content: start;
     margin: 0.5rem 0;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c28 {
     margin-right: 0;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c25 {
     fill: #FFFFFF;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c10 {
     margin-bottom: 1.5rem;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c12 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c12 {
     font-size: 1.125rem;
     line-height: 1.375rem;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c13 {
-    -webkit-flex-direction: row;
-    -ms-flex-direction: row;
     flex-direction: row;
-    -webkit-align-items: center;
-    -webkit-box-align: center;
-    -ms-flex-align: center;
     align-items: center;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c14 {
     width: 100%;
     max-width: 364px;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c16 input,
   .c16 textarea {
     text-indent: 0;
-    -webkit-transition: text-indent 0.18s ease;
     transition: text-indent 0.18s ease;
   }
 
@@ -2593,227 +2112,146 @@ exports[`renders correctly 1`] = `
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c22 {
     width: 100%;
     max-width: 123px;
-    -webkit-flex: 0 0 auto;
-    -ms-flex: 0 0 auto;
     flex: 0 0 auto;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c24 {
     margin: 0;
     max-width: 123px;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c0 {
     padding-bottom: 3rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c0 {
     padding-top: 5.5rem;
     padding-bottom: 5rem;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c1 {
     padding: 0 2rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c1 {
     padding: 0 4rem;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c7 {
-    -webkit-flex-direction: row;
-    -ms-flex-direction: row;
     flex-direction: row;
-    -webkit-box-pack: justify;
-    -webkit-justify-content: space-between;
-    -ms-flex-pack: justify;
     justify-content: space-between;
-    -webkit-column-gap: 3rem;
     column-gap: 3rem;
-    -webkit-align-items: flex-start;
-    -webkit-box-align: flex-start;
-    -ms-flex-align: flex-start;
     align-items: flex-start;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c8 {
-    -webkit-flex-direction: column;
-    -ms-flex-direction: column;
     flex-direction: column;
-    -webkit-flex: 1 1 auto;
-    -ms-flex: 1 1 auto;
     flex: 1 1 auto;
     min-width: 0;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c9 {
     max-width: 100%;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c26 {
     box-sizing: border-box;
-    display: -webkit-box;
-    display: -webkit-flex;
-    display: -ms-flexbox;
     display: flex;
     margin-bottom: 0;
-    -webkit-align-items: center;
-    -webkit-box-align: center;
-    -ms-flex-align: center;
     align-items: center;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c39 {
     box-sizing: border-box;
     display: none;
     margin-bottom: 1rem;
-    -webkit-align-items: center;
-    -webkit-box-align: center;
-    -ms-flex-align: center;
     align-items: center;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c35 {
-    -webkit-flex-direction: row;
-    -ms-flex-direction: row;
     flex-direction: row;
-    -webkit-flex-wrap: wrap;
-    -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     gap: 1.5rem;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c41 {
     display: inline;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c2 {
-    -webkit-flex: 0 0 auto;
-    -ms-flex: 0 0 auto;
     flex: 0 0 auto;
     margin-top: 0;
     margin-bottom: 0;
     padding-top: 0;
     display: none;
-    -webkit-box-pack: center;
-    -webkit-justify-content: center;
-    -ms-flex-pack: center;
     justify-content: center;
   }
 }
 
-@media (min-width:1024px) {
-  .c2 {
-    display: none;
-  }
-}
-
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c32 {
-    -webkit-flex: 0 0 auto;
-    -ms-flex: 0 0 auto;
     flex: 0 0 auto;
     margin-top: 0;
     margin-bottom: 0;
     padding-top: 2rem;
-    display: -webkit-box;
-    display: -webkit-flex;
-    display: -ms-flexbox;
     display: flex;
-    -webkit-box-pack: end;
-    -webkit-justify-content: flex-end;
-    -ms-flex-pack: end;
     justify-content: flex-end;
   }
 }
 
-@media (min-width:1024px) {
-  .c32 {
-    display: none;
-  }
-}
-
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c34 {
-    -webkit-flex: 0 0 auto;
-    -ms-flex: 0 0 auto;
     flex: 0 0 auto;
     margin-top: 0;
     margin-bottom: 0;
     padding-top: 2rem;
     display: none;
-    -webkit-box-pack: end;
-    -webkit-justify-content: flex-end;
-    -ms-flex-pack: end;
     justify-content: flex-end;
   }
 }
 
-@media (min-width:1024px) {
-  .c34 {
-    display: -webkit-box;
-    display: -webkit-flex;
-    display: -ms-flexbox;
-    display: flex;
-  }
-}
-
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c46 {
-    -webkit-flex: 0 0 auto;
-    -ms-flex: 0 0 auto;
     flex: 0 0 auto;
     margin-top: 0;
     margin-bottom: 0;
     padding-top: 0;
-    display: -webkit-box;
-    display: -webkit-flex;
-    display: -ms-flexbox;
     display: flex;
-    -webkit-box-pack: start;
-    -webkit-justify-content: flex-start;
-    -ms-flex-pack: start;
     justify-content: flex-start;
   }
 }
 
-@media (min-width:1024px) {
-  .c46 {
-    display: none;
-  }
-}
-
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c44 {
     margin-bottom: 0;
   }
@@ -2827,20 +2265,28 @@ exports[`renders correctly 1`] = `
     <div
       className="c1"
     >
-      
       <div
         className="c2"
       >
         <a
+          animateRotate={true}
+          buttonType="primary"
           className="c3 c4"
+          fullWidth={false}
+          home={false}
           href="/"
+          iconFirst={false}
+          mobileColour={null}
           target="_self"
           title="Go to Comic Relief homepage"
           type="standard"
+          underline={true}
         >
           <div
             className="c5"
             rotate={0}
+            sizeMd="72px"
+            sizeSm="59px"
           >
             <img
               alt="Comic Relief logo"
@@ -2877,52 +2323,58 @@ exports[`renders correctly 1`] = `
                 </div>
                 <div
                   className="c13"
+                  error={false}
                 >
                   <div
                     className="c14"
                   >
                     <label
                       className="c15 c16"
+                      errorMsg=""
                       htmlFor="email-signup"
+                      optional={true}
                     >
                       <span
                         className="c17 c18"
                         dangerouslySetInnerHTML={
-                          Object {
+                          {
                             "__html": "Email address",
                           }
                         }
                       />
                       <div
                         className="c19"
+                        error={false}
                       >
-                        
                         <div
                           className="c20"
+                          error={false}
                         >
                           <input
                             aria-required={false}
                             className="c21"
+                            error={false}
                             id="email-signup"
                             name="email"
                             onBlur={[Function]}
                             onChange={[Function]}
                             placeholder="Enter your email address"
+                            prefixLength={0}
                             required={false}
                             type="email"
                           />
-                          
                         </div>
                       </div>
-                      
                     </label>
                   </div>
                   <div
                     className="c22"
                   >
                     <button
+                      buttonType="primary"
                       className="c23 c24"
                       color="white"
+                      fullWidth={false}
                       type="submit"
                     >
                       <span
@@ -2939,14 +2391,18 @@ exports[`renders correctly 1`] = `
                         >
                           <svg
                             className="c25"
+                            colour="white"
                             direction="right"
                             height={18}
-                            viewBox="0 0 15 15"
+                            mobileColour={null}
+                            viewBox="0 0 96 96"
                             width={18}
                             xmlns="http://www.w3.org/2000/svg"
                           >
                             <path
-                              d="M9.58496 1.3501C9.1395 0.88346 8.40641 0.883488 7.96094 1.3501C7.52803 1.80361 7.5281 2.53033 7.96094 2.98389L11.1582 6.3335H1.13672C0.48748 6.3335 0 6.87834 0 7.50049C2.15408e-05 8.12262 0.487494 8.66748 1.13672 8.66748H11.1582L7.96094 12.0171C7.52806 12.4706 7.52899 13.1974 7.96191 13.6509C8.18163 13.8804 8.47556 14.0005 8.77344 14.0005C9.07114 14.0004 9.36533 13.8809 9.58496 13.6509L14.6758 8.31689L14.6748 8.31592L14.6875 8.30322L14.6865 8.30225C14.6954 8.29227 14.7044 8.28494 14.71 8.27783C14.7117 8.27557 14.7133 8.27298 14.7148 8.271C14.7485 8.23215 14.7824 8.18937 14.8135 8.14111L14.8154 8.13818C14.8354 8.1067 14.8493 8.07854 14.8564 8.06396L14.8652 8.04639L14.8662 8.04443L14.8672 8.04346C14.8672 8.04346 14.868 8.0407 14.8691 8.03857C14.8709 8.03524 14.8758 8.02683 14.8799 8.01904L14.8802 8.01851C14.8888 8.00212 14.9034 7.97435 14.917 7.93994V7.93799C14.9303 7.90387 14.9391 7.87297 14.9443 7.854C14.9469 7.8447 14.9498 7.83579 14.9512 7.83057C14.9527 7.82466 14.9535 7.82292 14.9541 7.8208C14.9541 7.8208 14.9542 7.81765 14.9551 7.81494L14.958 7.80615L14.9586 7.80434C14.9631 7.78973 14.9718 7.76131 14.9785 7.72705V7.7251C15.0066 7.57717 15.0066 7.42472 14.9785 7.27686V7.2749L14.958 7.1958L14.9551 7.18604L14.9531 7.18018L14.9512 7.17236C14.9497 7.16652 14.9481 7.15689 14.9453 7.14697C14.9398 7.12707 14.9307 7.09666 14.917 7.06201C14.9032 7.027 14.8885 6.99825 14.8799 6.98193C14.8758 6.97415 14.8709 6.96574 14.8691 6.9624L14.8564 6.93701C14.849 6.92189 14.8351 6.89384 14.8154 6.86279L14.8145 6.86084L14.7529 6.77393C14.7316 6.74671 14.7094 6.72141 14.6875 6.69775C14.6837 6.69353 14.6802 6.68867 14.6758 6.68408L9.58496 1.3501Z"
+                              d="m90.871,50.776c-0.016,0.016 -0.026,0.036 -0.043,0.052l-32,32c-0.781,0.781 -1.804,1.172 -2.828,1.172s-2.047,-0.391 -2.829,-1.171a4,4 0 0 1 0,-5.657l25.172,-25.172l-70.343,0a4,4 0 0 1 0,-8l70.343,0l-25.172,-25.171a4,4 0 0 1 5.657,-5.657l32,32c0.016,0.016 0.027,0.036 0.043,0.052c0.167,0.172 0.321,0.357 0.455,0.557c0.069,0.104 0.118,0.216 0.176,0.325c0.065,0.121 0.138,0.236 0.191,0.364c0.057,0.137 0.09,0.279 0.13,0.42c0.032,0.109 0.074,0.214 0.097,0.327a4.017,4.017 0 0 1 0,1.568c-0.023,0.113 -0.065,0.217 -0.097,0.327c-0.041,0.141 -0.074,0.283 -0.13,0.42c-0.053,0.128 -0.126,0.243 -0.191,0.364c-0.059,0.109 -0.107,0.221 -0.176,0.325a4.035,4.035 0 0 1 -0.455,0.555z"
+                              id="svg_1"
+                              transform="rotate(-180 47.998626708984375,48.00019836425781) "
                             />
                           </svg>
                         </span>
@@ -2962,14 +2418,18 @@ exports[`renders correctly 1`] = `
           >
             <ul
               className="c27"
+              newStyle={true}
             >
               <li
                 className="c28"
+                newStyle={true}
               >
                 <a
                   className="c29 c30"
                   data-test="icon-facebook"
                   href="https://www.facebook.com/comicrelief"
+                  isHeader={false}
+                  newStyle={true}
                   rel="noopener noreferrer"
                   target="_blank"
                   title="Check out our Facebook page"
@@ -2977,17 +2437,21 @@ exports[`renders correctly 1`] = `
                   <img
                     alt="facebook"
                     className="c31"
+                    invertColor={true}
                     src="mock.asset"
                   />
                 </a>
               </li>
               <li
                 className="c28"
+                newStyle={true}
               >
                 <a
                   className="c29 c30"
                   data-test="icon-instagram"
                   href="https://www.instagram.com/comicrelief"
+                  isHeader={false}
+                  newStyle={true}
                   rel="noopener noreferrer"
                   target="_blank"
                   title="Check out our Instagram account"
@@ -2995,17 +2459,21 @@ exports[`renders correctly 1`] = `
                   <img
                     alt="instagram"
                     className="c31"
+                    invertColor={true}
                     src="mock.asset"
                   />
                 </a>
               </li>
               <li
                 className="c28"
+                newStyle={true}
               >
                 <a
                   className="c29 c30"
                   data-test="icon-x"
                   href="https://x.com/comicrelief"
+                  isHeader={false}
+                  newStyle={true}
                   rel="noopener noreferrer"
                   target="_blank"
                   title="Check out our X account"
@@ -3013,17 +2481,21 @@ exports[`renders correctly 1`] = `
                   <img
                     alt="x"
                     className="c31"
+                    invertColor={true}
                     src="mock.asset"
                   />
                 </a>
               </li>
               <li
                 className="c28"
+                newStyle={true}
               >
                 <a
                   className="c29 c30"
                   data-test="icon-tiktok"
                   href="https://www.tiktok.com/@comicrelief"
+                  isHeader={false}
+                  newStyle={true}
                   rel="noopener noreferrer"
                   target="_blank"
                   title="Check out our TikTok account"
@@ -3031,17 +2503,21 @@ exports[`renders correctly 1`] = `
                   <img
                     alt="tiktok"
                     className="c31"
+                    invertColor={true}
                     src="mock.asset"
                   />
                 </a>
               </li>
               <li
                 className="c28"
+                newStyle={true}
               >
                 <a
                   className="c29 c30"
                   data-test="icon-youtube"
                   href="https://www.youtube.com/channel/UCdF5u0ggeSETozc8fsprjcw"
+                  isHeader={false}
+                  newStyle={true}
                   rel="noopener noreferrer"
                   target="_blank"
                   title="Check out our YouTube channel"
@@ -3049,6 +2525,7 @@ exports[`renders correctly 1`] = `
                   <img
                     alt="youtube"
                     className="c31"
+                    invertColor={true}
                     src="mock.asset"
                   />
                 </a>
@@ -3060,15 +2537,24 @@ exports[`renders correctly 1`] = `
           className="c32"
         >
           <a
+            animateRotate={true}
+            buttonType="primary"
             className="c3 c4"
+            fullWidth={false}
+            home={false}
             href="/"
+            iconFirst={false}
+            mobileColour={null}
             target="_self"
             title="Go to Comic Relief homepage"
             type="standard"
+            underline={true}
           >
             <div
               className="c33"
               rotate={0}
+              sizeMd="59px"
+              sizeSm="59px"
             >
               <img
                 alt="Comic Relief logo"
@@ -3082,15 +2568,24 @@ exports[`renders correctly 1`] = `
           className="c34"
         >
           <a
+            animateRotate={true}
+            buttonType="primary"
             className="c3 c4"
+            fullWidth={false}
+            home={false}
             href="/"
+            iconFirst={false}
+            mobileColour={null}
             target="_self"
             title="Go to Comic Relief homepage"
             type="standard"
+            underline={true}
           >
             <div
               className="c33"
               rotate={0}
+              sizeMd="59px"
+              sizeSm="59px"
             >
               <img
                 alt="Comic Relief logo"
@@ -3110,10 +2605,16 @@ exports[`renders correctly 1`] = `
           className="c36"
         >
           <a
+            buttonType="primary"
             className="c3 c37"
+            fullWidth={false}
+            home={false}
             href="/contact-us"
+            iconFirst={false}
+            mobileColour={null}
             target="_self"
             type="standard"
+            underline={true}
           >
             <span
               className="c17 c38"
@@ -3126,10 +2627,16 @@ exports[`renders correctly 1`] = `
           className="c36"
         >
           <a
+            buttonType="primary"
             className="c3 c37"
+            fullWidth={false}
+            home={false}
             href="https://www.comicrelief.com/frequently-asked-questions"
+            iconFirst={false}
+            mobileColour={null}
             target="_self"
             type="standard"
+            underline={true}
           >
             <span
               className="c17 c38"
@@ -3144,14 +2651,18 @@ exports[`renders correctly 1`] = `
       >
         <ul
           className="c27"
+          newStyle={true}
         >
           <li
             className="c28"
+            newStyle={true}
           >
             <a
               className="c29 c30"
               data-test="icon-facebook"
               href="https://www.facebook.com/comicrelief"
+              isHeader={false}
+              newStyle={true}
               rel="noopener noreferrer"
               target="_blank"
               title="Check out our Facebook page"
@@ -3159,17 +2670,21 @@ exports[`renders correctly 1`] = `
               <img
                 alt="facebook"
                 className="c31"
+                invertColor={true}
                 src="mock.asset"
               />
             </a>
           </li>
           <li
             className="c28"
+            newStyle={true}
           >
             <a
               className="c29 c30"
               data-test="icon-instagram"
               href="https://www.instagram.com/comicrelief"
+              isHeader={false}
+              newStyle={true}
               rel="noopener noreferrer"
               target="_blank"
               title="Check out our Instagram account"
@@ -3177,17 +2692,21 @@ exports[`renders correctly 1`] = `
               <img
                 alt="instagram"
                 className="c31"
+                invertColor={true}
                 src="mock.asset"
               />
             </a>
           </li>
           <li
             className="c28"
+            newStyle={true}
           >
             <a
               className="c29 c30"
               data-test="icon-x"
               href="https://x.com/comicrelief"
+              isHeader={false}
+              newStyle={true}
               rel="noopener noreferrer"
               target="_blank"
               title="Check out our X account"
@@ -3195,17 +2714,21 @@ exports[`renders correctly 1`] = `
               <img
                 alt="x"
                 className="c31"
+                invertColor={true}
                 src="mock.asset"
               />
             </a>
           </li>
           <li
             className="c28"
+            newStyle={true}
           >
             <a
               className="c29 c30"
               data-test="icon-tiktok"
               href="https://www.tiktok.com/@comicrelief"
+              isHeader={false}
+              newStyle={true}
               rel="noopener noreferrer"
               target="_blank"
               title="Check out our TikTok account"
@@ -3213,17 +2736,21 @@ exports[`renders correctly 1`] = `
               <img
                 alt="tiktok"
                 className="c31"
+                invertColor={true}
                 src="mock.asset"
               />
             </a>
           </li>
           <li
             className="c28"
+            newStyle={true}
           >
             <a
               className="c29 c30"
               data-test="icon-youtube"
               href="https://www.youtube.com/channel/UCdF5u0ggeSETozc8fsprjcw"
+              isHeader={false}
+              newStyle={true}
               rel="noopener noreferrer"
               target="_blank"
               title="Check out our YouTube channel"
@@ -3231,6 +2758,7 @@ exports[`renders correctly 1`] = `
               <img
                 alt="youtube"
                 className="c31"
+                invertColor={true}
                 src="mock.asset"
               />
             </a>
@@ -3246,10 +2774,16 @@ exports[`renders correctly 1`] = `
           className="c41"
         >
           <a
+            buttonType="primary"
             className="c3 c42"
+            fullWidth={false}
+            home={false}
             href="https://www.comicrelief.com/terms-of-use"
+            iconFirst={false}
+            mobileColour={null}
             target="_self"
             type="standard"
+            underline={true}
           >
             <span
               className="c17 c43"
@@ -3262,10 +2796,16 @@ exports[`renders correctly 1`] = `
           className="c41"
         >
           <a
+            buttonType="primary"
             className="c3 c42"
+            fullWidth={false}
+            home={false}
             href="https://www.comicrelief.com/privacy-notice"
+            iconFirst={false}
+            mobileColour={null}
             target="_self"
             type="standard"
+            underline={true}
           >
             <span
               className="c17 c43"
diff --git a/src/components/Organisms/Header/Burger/BurgerMenu.style.js b/src/components/Organisms/Header/Burger/BurgerMenu.style.js
index 1b6de22e6..59b42f031 100644
--- a/src/components/Organisms/Header/Burger/BurgerMenu.style.js
+++ b/src/components/Organisms/Header/Burger/BurgerMenu.style.js
@@ -38,7 +38,7 @@ const BurgerWrapper = styled(Link)`
   cursor: pointer;
   transition: all 0.2s;
 
-  :hover {
+  &:hover {
     border: none;
     font-weight: inherit;
   }
@@ -75,7 +75,7 @@ const BurgerWrapper = styled(Link)`
     }
   }
 
-  :hover ${BurgerBar} {
+  &:hover ${BurgerBar} {
     &,
     ::before,
     ::after {
diff --git a/src/components/Organisms/Header/Header.md b/src/components/Organisms/Header/Header.md
deleted file mode 100644
index 5b385c322..000000000
--- a/src/components/Organisms/Header/Header.md
+++ /dev/null
@@ -1,194 +0,0 @@
-# Comic Relief header
-
-```js
-import data from './data/data';
-import Link from '../../Atoms/Link/Link';
-
-<Header
-  navItems={data}
-  rotate="true"
-  metaIcons={
-    <>
-      <Link color="green" type="button" href="/donation">
-        Donate
-      </Link>
-    </>
-  }
-/>;
-```
-
-# Sport Relief header
-
-```js
-import data from './data/data';
-import Link from '../../Atoms/Link/Link';
-
-<Header
-  navItems={data}
-  campaign="Sport Relief"
-  logoUrl="/sportrelief"
-  metaIcons={
-    <>
-      <Link color="green" type="button" href="/donation">
-        Donate
-      </Link>
-    </>
-  }
-/>;
-```
-
-# Pride header
-
-```js
-import data from './data/data';
-import Link from '../../Atoms/Link/Link';
-
-<Header
-  navItems={data}
-  campaign="Pride"
-  metaIcons={
-    <>
-      <Link color="green" type="button" href="/donation">
-        Donate
-      </Link>
-    </>
-  }
-/>;
-```
-
-# Comic Relief header with Search
-
-```js
-import data from './data/data';
-import Link from '../../Atoms/Link/Link';
-import searchIcon from './assets/icon--search--2023.svg';
-import Icon from '../../Atoms/SocialIcons/Icon/Icon';
-import RichText from '../../Atoms/RichText/RichText';
-
-const title = 'Stay in the know!';
-const topCopy = (
-  <RichText
-    markup={`<p>Get regular email updates and info on what we're up to!</p>`}
-  />
-);
-const privacyCopy = (
-  <RichText
-    markup={`<p>Our <a class="link link--white inline" href="/privacy-notice">Privacy Policy</a> describes how we handle and protect your information.<br><br>If you are under 18, please make sure you have your parents’ permission before providing us with any personal details.</p>`}
-  />
-);
-const successCopy = (
-  <RichText
-    markup={`<p>Thanks! Your first email will be with you shortly</p>`}
-  />
-);
-
-initialState = { isSuccess: false };
-const [success, setSuccess] = React.useState(false);
-
-<Header
-  navItems={data}
-  rotate="true"
-  metaIcons={
-    <>
-      <Link color="green" type="button" href="/donation">
-        Donate
-      </Link>
-
-      <div>
-        <Icon
-          icon={searchIcon}
-          title="Search"
-          target="self"
-          role="button"
-          href="/search"
-          brand="comicrelief"
-          tabIndex="0"
-          id="search"
-        />
-      </div>
-    </>
-  }
-/>;
-```
-
-# Comic Relief header with Search and Shop
-
-```js
-import data from './data/data';
-import Link from '../../Atoms/Link/Link';
-import searchIcon from './assets/icon--search--2023.svg';
-import shopIcon from './assets/icon--shop--2023.svg';
-import payinIcon from './assets/PayIn.svg';
-
-import Icon from '../../Atoms/SocialIcons/Icon/Icon';
-import RichText from '../../Atoms/RichText/RichText';
-
-const title = 'Stay in the know!';
-const topCopy = (
-  <RichText
-    markup={`<p>Get regular email updates and info on what we're up to!</p>`}
-  />
-);
-const privacyCopy = (
-  <RichText
-    markup={`<p>Our <a class="link link--white inline" href="/privacy-notice">Privacy Policy</a> describes how we handle and protect your information.<br><br>If you are under 18, please make sure you have your parents’ permission before providing us with any personal details.</p>`}
-  />
-);
-const successCopy = (
-  <RichText
-    markup={`<p>Thanks! Your first email will be with you shortly</p>`}
-  />
-);
-
-initialState = { isSuccess: false };
-const [success, setSuccess] = React.useState(false);
-
-<Header
-  navItems={data}
-  rotate="true"
-  metaIcons={
-    <>
-      <Link color="green" type="button" href="/donation">
-        Donate
-      </Link>
-
-      <div>
-        <Icon
-          icon={searchIcon}
-          title="Search"
-          target="self"
-          role="button"
-          href="/search"
-          brand="comicrelief"
-          tabIndex="0"
-          id="search"
-        />
-      </div>
-      <div>
-        <Icon
-          icon={shopIcon}
-          title="Shop"
-          target="_blank"
-          role="button"
-          href="https://shop.comicrelief.com"
-          brand="comicrelief"
-          tabIndex="0"
-          id="shop"
-        />
-      </div>
-      <div>
-        <Icon
-          icon={payinIcon}
-          title="Payin"
-          target="_blank"
-          role="button"
-          href="https://donation.comicrelief.com/?cartId=rnd23-fundraisingpayin"
-          brand="comicrelief"
-          tabIndex="0"
-          id="payin"
-        />
-      </div>
-    </>
-  }
-/>;
-```
diff --git a/src/components/Organisms/Header/Header.style.js b/src/components/Organisms/Header/Header.style.js
index eb818e65d..f378d3688 100644
--- a/src/components/Organisms/Header/Header.style.js
+++ b/src/components/Organisms/Header/Header.style.js
@@ -43,7 +43,7 @@ const Brand = styled.div`
       width: 100%;
       object-fit: contain;
     }
-    :hover {
+    &:hover {
       border: 0;
     }
   }
diff --git a/src/components/Organisms/Header/HeaderExample.jsx b/src/components/Organisms/Header/HeaderExample.jsx
new file mode 100644
index 000000000..47f60091b
--- /dev/null
+++ b/src/components/Organisms/Header/HeaderExample.jsx
@@ -0,0 +1,121 @@
+import React from 'react';
+import Header from './Header';
+import data from './data/data';
+import Link from '../../Atoms/Link/Link';
+import Icon from '../../Atoms/SocialIcons/Icon/Icon';
+import searchIcon from './assets/icon--search--2023.svg';
+import shopIcon from './assets/icon--shop--2023.svg';
+import payinIcon from './assets/PayIn.svg';
+
+const donateLink = (
+  <Link color="green" type="button" href="/donation">
+    Donate
+  </Link>
+);
+
+export function HeaderExample1() {
+  return (
+    <Header
+      navItems={data}
+      rotate="true"
+      metaIcons={donateLink}
+    />
+  );
+}
+
+export function HeaderExample2() {
+  return (
+    <Header
+      navItems={data}
+      campaign="Sport Relief"
+      logoUrl="/sportrelief"
+      metaIcons={donateLink}
+    />
+  );
+}
+
+export function HeaderExample3() {
+  return (
+    <Header
+      navItems={data}
+      campaign="Pride"
+      metaIcons={donateLink}
+    />
+  );
+}
+
+export function HeaderExample4() {
+  return (
+    <Header
+      navItems={data}
+      rotate="true"
+      metaIcons={
+        <>
+          {donateLink}
+          <div>
+            <Icon
+              icon={searchIcon}
+              title="Search"
+              target="self"
+              role="button"
+              href="/search"
+              brand="comicrelief"
+              tabIndex="0"
+              id="search"
+            />
+          </div>
+        </>
+      }
+    />
+  );
+}
+
+export function HeaderExample5() {
+  return (
+    <Header
+      navItems={data}
+      rotate="true"
+      metaIcons={
+        <>
+          {donateLink}
+          <div>
+            <Icon
+              icon={searchIcon}
+              title="Search"
+              target="self"
+              role="button"
+              href="/search"
+              brand="comicrelief"
+              tabIndex="0"
+              id="search"
+            />
+          </div>
+          <div>
+            <Icon
+              icon={shopIcon}
+              title="Shop"
+              target="_blank"
+              role="button"
+              href="https://shop.comicrelief.com"
+              brand="comicrelief"
+              tabIndex="0"
+              id="shop"
+            />
+          </div>
+          <div>
+            <Icon
+              icon={payinIcon}
+              title="Payin"
+              target="_blank"
+              role="button"
+              href="https://donation.comicrelief.com/?cartId=rnd23-fundraisingpayin"
+              brand="comicrelief"
+              tabIndex="0"
+              id="payin"
+            />
+          </div>
+        </>
+      }
+    />
+  );
+}
diff --git a/src/components/Organisms/Header/HeaderNav/HeaderNav.style.js b/src/components/Organisms/Header/HeaderNav/HeaderNav.style.js
index bb76f3574..e2d8b4730 100644
--- a/src/components/Organisms/Header/HeaderNav/HeaderNav.style.js
+++ b/src/components/Organisms/Header/HeaderNav/HeaderNav.style.js
@@ -18,9 +18,9 @@ const NavLinkClass = styled(Link)`
   color: ${({ theme }) => theme.color('black')};
   transition: color ${transitionDuration}s ease;
 
-  :hover,
-  :focus,
-  :focus-within {
+  &:hover,
+  &:focus,
+  &:focus-within {
     border: 0;
     color: ${({ theme }) => theme.color('red')};
     font-weight: inherit;
@@ -116,9 +116,9 @@ const SubNavItem = styled.li`
     font-weight: 100;
   }
 
-  :hover,
-  :focus,
-  :focus-within {
+  &:hover,
+  &:focus,
+  &:focus-within {
     background-color: ${({ theme }) => theme.color('grey_extra_light')};
     + span {
       border-bottom: 0;
@@ -168,9 +168,9 @@ const NavLink = styled(NavLinkClass)`
     padding: 10px 0;
     padding: 10px 15px 15px 0;
     height: auto;
-    :hover,
-    :focus-within,
-    :focus {
+    &:hover,
+    &:focus-within,
+    &:focus {
       + ${SubNavMenu} {
       display: flex;
       opacity: 1;
@@ -208,9 +208,9 @@ const NavItem = styled.li`
     transition: transform 0.35s cubic-bezier(0.41, 1.64, 0.41, 0.8);
   }
 
-  :hover,
-  :focus,
-  :focus-within {
+  &:hover,
+  &:focus,
+  &:focus-within {
     li {
       span {
         border-bottom: none;
diff --git a/src/components/Organisms/Header/Nav/Nav.style.js b/src/components/Organisms/Header/Nav/Nav.style.js
index 246b4aaeb..e9c96a354 100644
--- a/src/components/Organisms/Header/Nav/Nav.style.js
+++ b/src/components/Organisms/Header/Nav/Nav.style.js
@@ -14,7 +14,7 @@ const NavLinkClass = styled(Link)`
   width: 100%;
   color: ${({ theme }) => theme.color('deep_violet_dark')};
   text-decoration: none;
-  :hover {
+  &:hover {
     border: 0;
     color: ${({ theme }) => theme.color('deep_violet_dark')};
     font-weight: inherit;
@@ -85,7 +85,7 @@ const SubNavItem = styled.li`
   padding: 0;
   height: 100%;
   width: 100%;
-  :hover {
+  &:hover {
     background-color: ${({ theme }) => theme.color('deep_violet_light')};
     span {
       border-bottom: 0;
@@ -132,7 +132,7 @@ const SubNavLinkUnderline = styled(SubNavLink)`
       border-bottom-color: ${({ theme }) => theme.color('deep_violet_dark')};
       top: -22px;
     }
-    :hover::before {
+    &:hover::before {
       border-bottom-color: ${({ theme }) => theme.color('deep_violet_light')};
     }
   }
@@ -167,7 +167,7 @@ const NavLink = styled(NavLinkClass)`
   @media ${({ theme }) => theme.allBreakpoints('Nav')} {
     padding: 10px 0;
     height: auto;
-    :focus + ${SubNavMenu} {
+    &:focus + ${SubNavMenu} {
       display: flex;
     }
   }
@@ -180,7 +180,7 @@ const NavItem = styled.li`
   ${zIndex('medium')};
   position: relative;
   font-weight: 700;
-  :hover {
+  &:hover {
     li {
       span {
         border-bottom: none;
@@ -193,27 +193,27 @@ const NavItem = styled.li`
       border-bottom: none;
       padding-bottom: 0;
     }
-    :hover {
+    &:hover {
       span {
         border-bottom: none;
         padding-bottom: 0;
       }
     }
   }
-  :hover {
+  &:hover {
     background-color: ${({ theme }) => theme.color('teal_light')};
   }
   @media ${({ theme }) => theme.allBreakpoints('Nav')} {
     margin: 0 4px;
     padding: 25px 5px;
 
-    :hover > ${SubNavMenu}, :focus-within > ${SubNavMenu} {
+    &:hover > ${SubNavMenu}, &:focus-within > ${SubNavMenu} {
       visibility: visible;
       opacity: 1;
       display: flex;
     }
 
-    :hover {
+    &:hover {
       background-color: transparent;
       ${zIndex('high')};
       span {
diff --git a/src/components/Organisms/Header2025/Burger/BurgerMenu.style.js b/src/components/Organisms/Header2025/Burger/BurgerMenu.style.js
index aa8653ef5..bdcd95ff2 100644
--- a/src/components/Organisms/Header2025/Burger/BurgerMenu.style.js
+++ b/src/components/Organisms/Header2025/Burger/BurgerMenu.style.js
@@ -37,7 +37,7 @@ const BurgerWrapper = styled(Link)`
   cursor: pointer;
   transition: all 0.2s;
 
-  :hover {
+  &:hover {
     border: none;
     font-weight: inherit;
   }
@@ -75,7 +75,7 @@ const BurgerWrapper = styled(Link)`
     }
   }
 
-  :hover ${BurgerBar} {
+  &:hover ${BurgerBar} {
     &,
     ::before,
     ::after {
diff --git a/src/components/Organisms/Header2025/Header2025.md b/src/components/Organisms/Header2025/Header2025.md
deleted file mode 100644
index ddf900f9c..000000000
--- a/src/components/Organisms/Header2025/Header2025.md
+++ /dev/null
@@ -1,667 +0,0 @@
-# Comic Relief header
-
-```js
-import data from './data/data';
-import Link from '../../Atoms/Link/Link';
-
-<Header2025
-  navItems={data}
-  rotate="true"
-  donateButton={
-    <>
-      <Link color="red" type="button" href="/donation">
-        Donate
-      </Link>
-    </>
-  }
-/>;
-```
-
-# Sport Relief header
-
-```js
-import data from './data/data';
-import Link from '../../Atoms/Link/Link';
-
-<Header2025
-  navItems={data}
-  campaign="Sport Relief"
-  donateButton={
-    <>
-      <Link color="red" type="button" href="/donation">
-        Donate
-      </Link>
-    </>
-  }
-/>;
-```
-
-# Pride header
-
-```js
-import data from './data/data';
-import Link from '../../Atoms/Link/Link';
-
-<Header2025
-  navItems={data}
-  campaign="Pride"
-  donateButton={
-    <>
-      <Link color="red" type="button" href="/donation">
-        Donate
-      </Link>
-    </>
-  }
-/>;
-```
-
-# Comic Relief header with Search
-
-```js
-import data from './data/data';
-import Link from '../../Atoms/Link/Link';
-import searchIcon from './assets/icon--search--2023.svg';
-import Icon from '../../Atoms/SocialIcons/Icon/Icon';
-import RichText from '../../Atoms/RichText/RichText';
-
-const title = 'Stay in the know!';
-const topCopy = (
-  <RichText
-    markup={`<p>Get regular email updates and info on what we're up to!</p>`}
-  />
-);
-const privacyCopy = (
-  <RichText
-    markup={`<p>Our <a class="link link--white inline" href="/privacy-notice">Privacy Policy</a> describes how we handle and protect your information.<br><br>If you are under 18, please make sure you have your parents’ permission before providing us with any personal details.</p>`}
-  />
-);
-const successCopy = (
-  <RichText
-    markup={`<p>Thanks! Your first email will be with you shortly</p>`}
-  />
-);
-
-initialState = { isSuccess: false };
-const [success, setSuccess] = React.useState(false);
-
-<Header2025
-  navItems={data}
-  rotate="true"
-  donateButton={
-    <>
-      <Link color="red" type="button" href="/donation">
-        Donate
-      </Link>
-    </>
-  }
-  metaIcons={
-    <>
-      <div>
-        <Icon
-          icon={searchIcon}
-          title="Search"
-          target="self"
-          role="button"
-          href="/search"
-          brand="comicrelief"
-          tabIndex="0"
-          id="search"
-          isHeader
-        />
-      </div>
-    </>
-  }
-/>;
-```
-
-# Comic Relief full header #1
-
-```js
-import data from './data/data';
-import Link from '../../Atoms/Link/Link';
-import searchIcon from './assets/icon--search--2023.svg';
-import shopIcon from './assets/icon--shop--2023.svg';
-import payinIcon from './assets/PayIn.svg';
-import esuIcon from './assets/Post.svg';
-
-import Icon from '../../Atoms/SocialIcons/Icon/Icon';
-import RichText from '../../Atoms/RichText/RichText';
-
-const title = 'Stay in the know!';
-const topCopy = (
-  <RichText
-    markup={`<p>Get regular email updates and info on what we're up to!</p>`}
-  />
-);
-const privacyCopy = (
-  <RichText
-    markup={`<p>Our <a class="link link--white inline" href="/privacy-notice">Privacy Policy</a> describes how we handle and protect your information.<br><br>If you are under 18, please make sure you have your parents’ permission before providing us with any personal details.</p>`}
-  />
-);
-const successCopy = (
-  <RichText
-    markup={`<p>Thanks! Your first email will be with you shortly</p>`}
-  />
-);
-
-initialState = { isSuccess: false };
-const [success, setSuccess] = React.useState(false);
-
-<>
-<Header2025
-  navItems={data}
-  rotate="true"
-    donateButton={
-    <>
-      <Link color="red" type="button" href="/donation">
-        Donate
-      </Link>
-    </>
-  }
-  metaIcons={
-    <>
-      <div>
-        <Icon
-          icon={esuIcon}
-          title="Newsletter"
-          target="_blank"
-          role="button"
-          href="#"
-          brand="comicrelief"
-          tabIndex="0"
-          isHeader
-          id="esu"
-        />
-      </div>
-      <div>
-        <Icon
-          icon={payinIcon}
-          title="Pay in"
-          target="_blank"
-          role="button"
-          href="https://donation.comicrelief.com/?cartId=rnd23-fundraisingpayin"
-          brand="comicrelief"
-          tabIndex="0"
-          isHeader
-          id="payin"
-        />
-      </div>
-
-      <div>
-        <Icon
-          icon={shopIcon}
-          title="Shop"
-          target="_blank"
-          role="button"
-          href="https://shop.comicrelief.com"
-          brand="comicrelief"
-          tabIndex="0"
-          isHeader
-          id="shop"
-        />
-      </div>
-
-      <div>
-        <Icon
-          icon={searchIcon}
-          title="Search"
-          target="self"
-          role="button"
-          href="/search"
-          brand="comicrelief"
-          tabIndex="0"
-          isHeader
-          id="search"
-        />
-      </div>
-    </>
-  }
-/>
-<div style={{height: "1000px", backgroundColor: "turquoise", width:"100%"}}>
-  <img style={{width: "100%", maxWidth:"1440px", margin: "0 auto", display: "block"}} src="https://images.ctfassets.net/zsfivwzfgl3t/ecqrPx7BesE3JsYR2ns0E/a374276ba6d8024b9cd7c6d27c911303/Manchester_Marathon.jpeg"/>
-</div>
-</>;
-```
-
-# Comic Relief full header #2
-
-```js
-import data from './data/data-extended';
-import Link from '../../Atoms/Link/Link';
-import searchIcon from './assets/icon--search--2023.svg';
-import shopIcon from './assets/icon--shop--2023.svg';
-import payinIcon from './assets/PayIn.svg';
-import esuIcon from './assets/Post.svg';
-
-import Icon from '../../Atoms/SocialIcons/Icon/Icon';
-import RichText from '../../Atoms/RichText/RichText';
-
-const title = 'Stay in the know!';
-const topCopy = (
-  <RichText
-    markup={`<p>Get regular email updates and info on what we're up to!</p>`}
-  />
-);
-const privacyCopy = (
-  <RichText
-    markup={`<p>Our <a class="link link--white inline" href="/privacy-notice">Privacy Policy</a> describes how we handle and protect your information.<br><br>If you are under 18, please make sure you have your parents’ permission before providing us with any personal details.</p>`}
-  />
-);
-const successCopy = (
-  <RichText
-    markup={`<p>Thanks! Your first email will be with you shortly</p>`}
-  />
-);
-
-initialState = { isSuccess: false };
-const [success, setSuccess] = React.useState(false);
-
-<>
-<Header2025
-  navItems={data}
-  rotate="true"
-    donateButton={
-    <>
-      <Link color="red" type="button" href="/donation">
-        Donate
-      </Link>
-    </>
-  }
-  metaIcons={
-    <>
-      <div>
-        <Icon
-          icon={esuIcon}
-          title="Newsletter"
-          target="_blank"
-          role="button"
-          href="#"
-          brand="comicrelief"
-          tabIndex="0"
-          isHeader
-          id="esu"
-        />
-      </div>
-      <div>
-        <Icon
-          icon={payinIcon}
-          title="Pay in"
-          target="_blank"
-          role="button"
-          href="https://donation.comicrelief.com/?cartId=rnd23-fundraisingpayin"
-          brand="comicrelief"
-          tabIndex="0"
-          isHeader
-          id="payin"
-        />
-      </div>
-
-      <div>
-        <Icon
-          icon={shopIcon}
-          title="Shop"
-          target="_blank"
-          role="button"
-          href="https://shop.comicrelief.com"
-          brand="comicrelief"
-          tabIndex="0"
-          isHeader
-          id="shop"
-        />
-      </div>
-
-      <div>
-        <Icon
-          icon={searchIcon}
-          title="Search"
-          target="self"
-          role="button"
-          href="/search"
-          brand="comicrelief"
-          tabIndex="0"
-          isHeader
-          id="search"
-        />
-      </div>
-    </>
-  }
-/>
-<div style={{height: "1000px", backgroundColor: "turquoise", width:"100%"}}>
-  <img style={{width: "100%", maxWidth:"1440px", margin: "0 auto", display: "block"}} src="https://images.ctfassets.net/zsfivwzfgl3t/ecqrPx7BesE3JsYR2ns0E/a374276ba6d8024b9cd7c6d27c911303/Manchester_Marathon.jpeg"/>
-</div>
-</>;
-```
-
-# -
-# Comic Relief full header #3: nav items as per 19/11/24 (default 60 character limit)
-
-```js
-import data from './data/data-live';
-import Link from '../../Atoms/Link/Link';
-import searchIcon from './assets/icon--search--2023.svg';
-import shopIcon from './assets/icon--shop--2023.svg';
-import payinIcon from './assets/PayIn.svg';
-import esuIcon from './assets/Post.svg';
-
-import Icon from '../../Atoms/SocialIcons/Icon/Icon';
-import RichText from '../../Atoms/RichText/RichText';
-
-const title = 'Stay in the know!';
-const topCopy = (
-  <RichText
-    markup={`<p>Get regular email updates and info on what we're up to!</p>`}
-  />
-);
-const privacyCopy = (
-  <RichText
-    markup={`<p>Our <a class="link link--white inline" href="/privacy-notice">Privacy Policy</a> describes how we handle and protect your information.<br><br>If you are under 18, please make sure you have your parents’ permission before providing us with any personal details.</p>`}
-  />
-);
-const successCopy = (
-  <RichText
-    markup={`<p>Thanks! Your first email will be with you shortly</p>`}
-  />
-);
-
-initialState = { isSuccess: false };
-const [success, setSuccess] = React.useState(false);
-
-<>
-<Header2025
-  navItems={data}
-  rotate="true"
-    donateButton={
-    <>
-      <Link color="red" type="button" href="/donation">
-        Donate
-      </Link>
-    </>
-  }
-  metaIcons={
-    <>
-      <div>
-        <Icon
-          icon={esuIcon}
-          title="Newsletter"
-          target="_blank"
-          role="button"
-          href="#"
-          brand="comicrelief"
-          tabIndex="0"
-          isHeader
-          id="esu"
-        />
-      </div>
-      <div>
-        <Icon
-          icon={payinIcon}
-          title="Pay in"
-          target="_blank"
-          role="button"
-          href="https://donation.comicrelief.com/?cartId=rnd23-fundraisingpayin"
-          brand="comicrelief"
-          tabIndex="0"
-          isHeader
-          id="payin"
-        />
-      </div>
-
-      <div>
-        <Icon
-          icon={shopIcon}
-          title="Shop"
-          target="_blank"
-          role="button"
-          href="https://shop.comicrelief.com"
-          brand="comicrelief"
-          tabIndex="0"
-          isHeader
-          id="shop"
-        />
-      </div>
-
-      <div>
-        <Icon
-          icon={searchIcon}
-          title="Search"
-          target="self"
-          role="button"
-          href="/search"
-          brand="comicrelief"
-          tabIndex="0"
-          isHeader
-          id="search"
-        />
-      </div>
-    </>
-  }
-/>
-<div style={{height: "1000px", backgroundColor: "turquoise", width:"100%"}}>
-  <img style={{width: "100%", maxWidth:"1440px", margin: "0 auto", display: "block"}} src="https://images.ctfassets.net/zsfivwzfgl3t/ecqrPx7BesE3JsYR2ns0E/a374276ba6d8024b9cd7c6d27c911303/Manchester_Marathon.jpeg"/>
-</div>
-</>;
-```
-
-# -
-# Comic Relief full header #3: nav items as per 19/11/24 (overridden 50 character limit)
-
-```js
-import data from './data/data-live';
-import Link from '../../Atoms/Link/Link';
-import searchIcon from './assets/icon--search--2023.svg';
-import shopIcon from './assets/icon--shop--2023.svg';
-import payinIcon from './assets/PayIn.svg';
-import esuIcon from './assets/Post.svg';
-
-import Icon from '../../Atoms/SocialIcons/Icon/Icon';
-import RichText from '../../Atoms/RichText/RichText';
-
-const title = 'Stay in the know!';
-const topCopy = (
-  <RichText
-    markup={`<p>Get regular email updates and info on what we're up to!</p>`}
-  />
-);
-const privacyCopy = (
-  <RichText
-    markup={`<p>Our <a class="link link--white inline" href="/privacy-notice">Privacy Policy</a> describes how we handle and protect your information.<br><br>If you are under 18, please make sure you have your parents’ permission before providing us with any personal details.</p>`}
-  />
-);
-const successCopy = (
-  <RichText
-    markup={`<p>Thanks! Your first email will be with you shortly</p>`}
-  />
-);
-
-initialState = { isSuccess: false };
-const [success, setSuccess] = React.useState(false);
-
-<>
-<Header2025
-  showBoxShadow
-  characterLimit={50}
-  navItems={data}
-  rotate="true"
-    donateButton={
-    <>
-      <Link color="red" type="button" href="/donation">
-        Donate
-      </Link>
-    </>
-  }
-  metaIcons={
-    <>
-      <div>
-        <Icon
-          icon={esuIcon}
-          title="Newsletter"
-          target="_blank"
-          role="button"
-          href="#"
-          brand="comicrelief"
-          tabIndex="0"
-          isHeader
-          id="esu"
-        />
-      </div>
-      <div>
-        <Icon
-          icon={payinIcon}
-          title="Pay in"
-          target="_blank"
-          role="button"
-          href="https://donation.comicrelief.com/?cartId=rnd23-fundraisingpayin"
-          brand="comicrelief"
-          tabIndex="0"
-          isHeader
-          id="payin"
-        />
-      </div>
-
-      <div>
-        <Icon
-          icon={shopIcon}
-          title="Shop"
-          target="_blank"
-          role="button"
-          href="https://shop.comicrelief.com"
-          brand="comicrelief"
-          tabIndex="0"
-          isHeader
-          id="shop"
-        />
-      </div>
-
-      <div>
-        <Icon
-          icon={searchIcon}
-          title="Search"
-          target="self"
-          role="button"
-          href="/search"
-          brand="comicrelief"
-          tabIndex="0"
-          isHeader
-          id="search"
-        />
-      </div>
-    </>
-  }
-/>
-<div style={{height: "1000px", backgroundColor: "turquoise", width:"100%"}}>
-  <img style={{width: "100%", maxWidth:"1440px", margin: "0 auto", display: "block"}} src="https://images.ctfassets.net/zsfivwzfgl3t/ecqrPx7BesE3JsYR2ns0E/a374276ba6d8024b9cd7c6d27c911303/Manchester_Marathon.jpeg"/>
-</div>
-</>;
-```
-
-# -
-# Comic Relief minimal header
-
-```js
-import data from './data/data-live--minimal';
-import Link from '../../Atoms/Link/Link';
-import searchIcon from './assets/icon--search--2023.svg';
-import shopIcon from './assets/icon--shop--2023.svg';
-import payinIcon from './assets/PayIn.svg';
-import esuIcon from './assets/Post.svg';
-
-import Icon from '../../Atoms/SocialIcons/Icon/Icon';
-import RichText from '../../Atoms/RichText/RichText';
-
-const title = 'Stay in the know!';
-const topCopy = (
-  <RichText
-    markup={`<p>Get regular email updates and info on what we're up to!</p>`}
-  />
-);
-const privacyCopy = (
-  <RichText
-    markup={`<p>Our <a class="link link--white inline" href="/privacy-notice">Privacy Policy</a> describes how we handle and protect your information.<br><br>If you are under 18, please make sure you have your parents’ permission before providing us with any personal details.</p>`}
-  />
-);
-const successCopy = (
-  <RichText
-    markup={`<p>Thanks! Your first email will be with you shortly</p>`}
-  />
-);
-
-initialState = { isSuccess: false };
-const [success, setSuccess] = React.useState(false);
-
-<>
-<Header2025
-  showBoxShadow
-  characterLimit={50}
-  navItems={data}
-  rotate="true"
-    donateButton={
-    <>
-      <Link color="red" type="button" href="/donation">
-        Donate
-      </Link>
-    </>
-  }
-  metaIcons={
-    <>
-      <div>
-        <Icon
-          icon={esuIcon}
-          title="Newsletter"
-          target="_blank"
-          role="button"
-          href="#"
-          brand="comicrelief"
-          tabIndex="0"
-          isHeader
-          id="esu"
-        />
-      </div>
-      <div>
-        <Icon
-          icon={payinIcon}
-          title="Pay in"
-          target="_blank"
-          role="button"
-          href="https://donation.comicrelief.com/?cartId=rnd23-fundraisingpayin"
-          brand="comicrelief"
-          tabIndex="0"
-          isHeader
-          id="payin"
-        />
-      </div>
-
-      <div>
-        <Icon
-          icon={shopIcon}
-          title="Shop"
-          target="_blank"
-          role="button"
-          href="https://shop.comicrelief.com"
-          brand="comicrelief"
-          tabIndex="0"
-          isHeader
-          id="shop"
-        />
-      </div>
-
-      <div>
-        <Icon
-          icon={searchIcon}
-          title="Search"
-          target="self"
-          role="button"
-          href="/search"
-          brand="comicrelief"
-          tabIndex="0"
-          isHeader
-          id="search"
-        />
-      </div>
-    </>
-  }
-/>
-<div style={{height: "1000px", backgroundColor: "turquoise", width:"100%"}}>
-  <img style={{width: "100%", maxWidth:"1440px", margin: "0 auto", display: "block"}} src="https://images.ctfassets.net/zsfivwzfgl3t/ecqrPx7BesE3JsYR2ns0E/a374276ba6d8024b9cd7c6d27c911303/Manchester_Marathon.jpeg"/>
-</div>
-</>;
-```
diff --git a/src/components/Organisms/Header2025/Header2025.style.js b/src/components/Organisms/Header2025/Header2025.style.js
index 245d140af..ea23b0952 100644
--- a/src/components/Organisms/Header2025/Header2025.style.js
+++ b/src/components/Organisms/Header2025/Header2025.style.js
@@ -49,7 +49,7 @@ const Brand = styled.div`
       object-fit: contain;
     }
       
-    :hover {
+    &:hover {
       border: 0;
     }
   }
diff --git a/src/components/Organisms/Header2025/Header2025Example.jsx b/src/components/Organisms/Header2025/Header2025Example.jsx
new file mode 100644
index 000000000..8d3047d64
--- /dev/null
+++ b/src/components/Organisms/Header2025/Header2025Example.jsx
@@ -0,0 +1,192 @@
+import React from 'react';
+import styled from 'styled-components';
+import Header2025 from './Header2025';
+import data from './data/data';
+import dataExtended from './data/data-extended';
+import dataLive from './data/data-live';
+import dataLiveMinimal from './data/data-live--minimal';
+import Link from '../../Atoms/Link/Link';
+import Icon from '../../Atoms/SocialIcons/Icon/Icon';
+import searchIcon from './assets/icon--search--2023.svg';
+import shopIcon from './assets/icon--shop--2023.svg';
+import payinIcon from './assets/PayIn.svg';
+import esuIcon from './assets/Post.svg';
+
+const ExampleWrapper = styled.div`
+  margin: 0 0 35px;
+  border: 1px solid lightgrey;
+`;
+
+const donateButton = (
+  <Link color="red" type="button" href="/donation">
+    Donate
+  </Link>
+);
+
+const fullMetaIcons = (
+  <>
+    <div>
+      <Icon
+        icon={esuIcon}
+        title="Newsletter"
+        target="_blank"
+        role="button"
+        href="#"
+        brand="comicrelief"
+        tabIndex="0"
+        isHeader
+        id="esu"
+      />
+    </div>
+    <div>
+      <Icon
+        icon={payinIcon}
+        title="Pay in"
+        target="_blank"
+        role="button"
+        href="https://donation.comicrelief.com/?cartId=rnd23-fundraisingpayin"
+        brand="comicrelief"
+        tabIndex="0"
+        isHeader
+        id="payin"
+      />
+    </div>
+    <div>
+      <Icon
+        icon={shopIcon}
+        title="Shop"
+        target="_blank"
+        role="button"
+        href="https://shop.comicrelief.com"
+        brand="comicrelief"
+        tabIndex="0"
+        isHeader
+        id="shop"
+      />
+    </div>
+    <div>
+      <Icon
+        icon={searchIcon}
+        title="Search"
+        target="self"
+        role="button"
+        href="/search"
+        brand="comicrelief"
+        tabIndex="0"
+        isHeader
+        id="search"
+      />
+    </div>
+  </>
+);
+
+export default function Header2025Example() {
+  return (
+    <div>
+      <ExampleWrapper>
+        <h3>Comic Relief header</h3>
+        <Header2025
+          navItems={data}
+          rotate="true"
+          donateButton={donateButton}
+        />
+      </ExampleWrapper>
+
+      <ExampleWrapper>
+        <h3>Sport Relief header</h3>
+        <Header2025
+          navItems={data}
+          campaign="Sport Relief"
+          donateButton={donateButton}
+        />
+      </ExampleWrapper>
+
+      <ExampleWrapper>
+        <h3>Pride header</h3>
+        <Header2025
+          navItems={data}
+          campaign="Pride"
+          donateButton={donateButton}
+        />
+      </ExampleWrapper>
+
+      <ExampleWrapper>
+        <h3>Comic Relief header with Search</h3>
+        <Header2025
+          navItems={data}
+          rotate="true"
+          donateButton={donateButton}
+          metaIcons={
+            <div>
+              <Icon
+                icon={searchIcon}
+                title="Search"
+                target="self"
+                role="button"
+                href="/search"
+                brand="comicrelief"
+                tabIndex="0"
+                isHeader
+                id="search"
+              />
+            </div>
+          }
+        />
+      </ExampleWrapper>
+
+      <ExampleWrapper>
+        <h3>Full header (standard nav)</h3>
+        <Header2025
+          navItems={data}
+          rotate="true"
+          donateButton={donateButton}
+          metaIcons={fullMetaIcons}
+        />
+      </ExampleWrapper>
+
+      <ExampleWrapper>
+        <h3>Full header (extended nav)</h3>
+        <Header2025
+          navItems={dataExtended}
+          rotate="true"
+          donateButton={donateButton}
+          metaIcons={fullMetaIcons}
+        />
+      </ExampleWrapper>
+
+      <ExampleWrapper>
+        <h3>Full header (live nav, 60 character limit)</h3>
+        <Header2025
+          navItems={dataLive}
+          rotate="true"
+          donateButton={donateButton}
+          metaIcons={fullMetaIcons}
+        />
+      </ExampleWrapper>
+
+      <ExampleWrapper>
+        <h3>Full header (live nav, 50 character limit)</h3>
+        <Header2025
+          showBoxShadow
+          characterLimit={50}
+          navItems={dataLive}
+          rotate="true"
+          donateButton={donateButton}
+          metaIcons={fullMetaIcons}
+        />
+      </ExampleWrapper>
+
+      <ExampleWrapper>
+        <h3>Minimal header</h3>
+        <Header2025
+          showBoxShadow
+          characterLimit={50}
+          navItems={dataLiveMinimal}
+          rotate="true"
+          donateButton={donateButton}
+          metaIcons={fullMetaIcons}
+        />
+      </ExampleWrapper>
+    </div>
+  );
+}
diff --git a/src/components/Organisms/Header2025/HeaderNav2025/HeaderNav2025.style.js b/src/components/Organisms/Header2025/HeaderNav2025/HeaderNav2025.style.js
index dbb369cb1..2a38ba924 100644
--- a/src/components/Organisms/Header2025/HeaderNav2025/HeaderNav2025.style.js
+++ b/src/components/Organisms/Header2025/HeaderNav2025/HeaderNav2025.style.js
@@ -20,22 +20,22 @@ const NavLinkClass = styled(Link)`
   transition: color ${transitionDuration}s ease;
   text-decoration: none;
 
-  :hover,
-  :focus,
-  :focus-within {
+  &:hover,
+  &:focus,
+  &:focus-within {
     border: 0;
   }
 
   // No hover state for mobile, so targetting Medium+:
   @media ${({ theme }) => theme.allBreakpoints('M')} {
-    :hover,
-    :focus {
+    &:hover,
+    &:focus {
       color: ${({ theme }) => theme.color('red')};
       background-color: ${({ theme }) => theme.color('grey_extra_light')};
       font-weight: 700;
     }
 
-    :focus-within {
+    &:focus-within {
       // Reset the colour of a parent...
       background-color: ${({ theme }) => theme.color('white')};
 
@@ -210,9 +210,9 @@ const NavLink = styled(NavLinkClass)`
       padding: 10px 14px 10px 0;
     `)}
 
-    :hover,
-    :focus-within,
-    :focus {
+    &:hover,
+    &:focus-within,
+    &:focus {
       + ${SubNavMenu} {
       display: flex;
       opacity: 1;
@@ -250,9 +250,9 @@ const NavItem = styled.li`
       padding-bottom: 0;
     }
 
-    :hover,
-    :focus,
-    :focus-within {
+    &:hover,
+    &:focus,
+    &:focus-within {
       span {
         border-bottom: none;
         padding-bottom: 0;
@@ -265,9 +265,9 @@ const NavItem = styled.li`
     transition: transform 0.35s cubic-bezier(0.41, 1.64, 0.41, 0.8);
   }
 
-  :hover,
-  :focus,
-  :focus-within {
+  &:hover,
+  &:focus,
+  &:focus-within {
     li {
       span {
         border-bottom: none;
@@ -294,19 +294,19 @@ const NavItem = styled.li`
     padding: 25px 0px;
     border-bottom: none;
 
-    :hover,
-    :focus,
-    :focus-within {
-      > ${SubNavMenu}, :focus-within > ${SubNavMenu} {
+    &:hover,
+    &:focus,
+    &:focus-within {
+      > ${SubNavMenu}, &:focus-within > ${SubNavMenu} {
         visibility: visible;
         opacity: 1;
         display: flex;
       }
     }
 
-    :hover,
-    :focus,
-    :focus-within {
+    &:hover,
+    &:focus,
+    &:focus-within {
       background-color: transparent;
       ${zIndex('high')};
 
diff --git a/src/components/Organisms/Header2025/HeaderNav2025/MoreNav.style.js b/src/components/Organisms/Header2025/HeaderNav2025/MoreNav.style.js
index 8fda3e725..d935ce147 100644
--- a/src/components/Organisms/Header2025/HeaderNav2025/MoreNav.style.js
+++ b/src/components/Organisms/Header2025/HeaderNav2025/MoreNav.style.js
@@ -21,7 +21,7 @@ const MoreNavLabel = styled(Text)`
     display: flex;
 
     // Divider
-    :before {
+    &:before {
       content: '';
       position: absolute;
       width: 0;
@@ -39,7 +39,7 @@ const MoreNavLabel = styled(Text)`
     font-size: 1rem;
 
     // Divider
-    :before {
+    &:before {
       content: '';
       position: absolute;
       width: 0;
@@ -66,8 +66,8 @@ const MoreNavItem = styled(NavItem)`
       transition: transform 0.35s cubic-bezier(0.41, 1.64, 0.41, 0.8);
     }
 
-    :hover,
-    :focus {
+    &:hover,
+    &:focus {
       // Chevron icon:
       ${MoreNavLabel} {
         color: ${({ theme }) => theme.color('red')};
@@ -81,9 +81,9 @@ const MoreNavItem = styled(NavItem)`
       }
     }
 
-    :hover,
-    :focus,
-    :focus-within {
+    &:hover,
+    &:focus,
+    &:focus-within {
      > ${MoreNavLabel} {
       border-bottom: none;
       padding-bottom: 10px;
@@ -97,7 +97,7 @@ const MoreNavItem = styled(NavItem)`
       }
     }
 
-    :focus {
+    &:focus {
       > ${MoreSubNavMenu} {
         // Annoyingly having to strongarm styles here;
         visibility: hidden !important;
@@ -143,9 +143,9 @@ const MoreSubNavItem = styled(SubNavItem)`
     transition: transform 0.35s cubic-bezier(0.41, 1.64, 0.41, 0.8);
   }
 
-  :hover, 
-  :focus,
-  :focus-within {
+  &:hover,
+  &:focus,
+  &:focus-within {
     > a {
       color: ${({ theme }) => theme.color('red')};
     }
diff --git a/src/components/Organisms/ImpactSlider/ImpactSlider.md b/src/components/Organisms/ImpactSlider/ImpactSlider.md
deleted file mode 100644
index e9e0424bb..000000000
--- a/src/components/Organisms/ImpactSlider/ImpactSlider.md
+++ /dev/null
@@ -1,45 +0,0 @@
-# Impact Slider (w/opacity animation & default padding options)
-
-```js
-const { testImpactSliderItems} = require('../../../styleguide/data/data');
-import Text from '../../Atoms/Text/Text';
-
-<ImpactSlider
-  heading="Your donations will change lives"
-  donateLink="https://donation-staging.spa.comicrelief.com"
-  rowID="c7ba23a5-0594-5da4-a14b-8ea87f41db43"
-  cartID="to-also-come-from-the-cms"
-  items={testImpactSliderItems}
-  step={5}
-  max={100}
-  opacityAnimation={true}
-  >
-    <Text tag="p" color="black">
-      Use this slider to see how your donation can make a difference to lives in the UK and around the globe this winter.
-    </Text>
-  </ImpactSlider>
-```
-
-# Impact Slider (w/o opacity animation, w/default value & custom padding options)
-```js
-const { testImpactSliderItems} = require('../../../styleguide/data/data');
-import Text from '../../Atoms/Text/Text';
-
-<ImpactSlider
-  heading="Your donations will change lives"
-  donateLink="https://donation-staging.spa.comicrelief.com"
-  rowID="d7ba23a5-0594-5da4-a14b-8ea87f41db43"
-  cartID="to-also-come-from-the-cms"
-  items={testImpactSliderItems}
-  step={5}
-  max={100}
-  defaultSliderValue={45}
-  backgroundColour="white"
-  paddingTop="6rem"
-  paddingBottom="6rem"
-  >
-    <Text tag="p" color="black">
-      Use this slider to see how your donation can make a difference to lives in the UK and around the globe this winter.
-    </Text>
-  </ImpactSlider>
-```
\ No newline at end of file
diff --git a/src/components/Organisms/ImpactSlider/ImpactSliderExample.jsx b/src/components/Organisms/ImpactSlider/ImpactSliderExample.jsx
new file mode 100644
index 000000000..02362fea9
--- /dev/null
+++ b/src/components/Organisms/ImpactSlider/ImpactSliderExample.jsx
@@ -0,0 +1,43 @@
+import React from 'react';
+import ImpactSlider from './ImpactSlider';
+import Text from '../../Atoms/Text/Text';
+import { testImpactSliderItems } from '../../../data/data';
+
+export default function ImpactSliderExample() {
+  return (
+    <>
+      <h3>With opacity animation</h3>
+      <ImpactSlider
+        heading="Your donations will change lives"
+        donateLink="https://donation-staging.spa.comicrelief.com"
+        rowID="c7ba23a5-0594-5da4-a14b-8ea87f41db43"
+        cartID="to-also-come-from-the-cms"
+        items={testImpactSliderItems}
+        step={5}
+        max={100}
+        opacityAnimation={true}
+      >
+        <Text tag="p" color="black">
+          Use this slider to see how your donation can make a difference to lives in the UK and around the globe this winter.
+        </Text>
+      </ImpactSlider>
+
+      <h3>Without opacity animation, with default value</h3>
+      <ImpactSlider
+        heading="Your donations will change lives"
+        donateLink="https://donation-staging.spa.comicrelief.com"
+        rowID="d7ba23a5-0594-5da4-a14b-8ea87f41db43"
+        cartID="to-also-come-from-the-cms"
+        items={testImpactSliderItems}
+        step={5}
+        max={100}
+        defaultSliderValue={45}
+        backgroundColour="white"
+      >
+        <Text tag="p" color="black">
+          Use this slider to see how your donation can make a difference to lives in the UK and around the globe this winter.
+        </Text>
+      </ImpactSlider>
+    </>
+  );
+}
diff --git a/src/components/Organisms/ImpactSlider/ImpactSliderExample1.jsx b/src/components/Organisms/ImpactSlider/ImpactSliderExample1.jsx
new file mode 100644
index 000000000..99f847da1
--- /dev/null
+++ b/src/components/Organisms/ImpactSlider/ImpactSliderExample1.jsx
@@ -0,0 +1,23 @@
+import React from 'react';
+import ImpactSlider from './ImpactSlider';
+import Text from '../../Atoms/Text/Text';
+import { testImpactSliderItems } from '../../../data/data';
+
+export default function ImpactSliderExample1() {
+  return (
+    <ImpactSlider
+      heading="Your donations will change lives"
+      donateLink="https://donation-staging.spa.comicrelief.com"
+      rowID="c7ba23a5-0594-5da4-a14b-8ea87f41db43"
+      cartID="to-also-come-from-the-cms"
+      items={testImpactSliderItems}
+      step={5}
+      max={100}
+      opacityAnimation
+    >
+      <Text tag="p" color="black">
+        Use this slider to see how your donation can make a difference to lives in the UK and around the globe this winter.
+      </Text>
+    </ImpactSlider>
+  );
+}
diff --git a/src/components/Organisms/ImpactSlider/ImpactSliderExample2.jsx b/src/components/Organisms/ImpactSlider/ImpactSliderExample2.jsx
new file mode 100644
index 000000000..cc4d13ac7
--- /dev/null
+++ b/src/components/Organisms/ImpactSlider/ImpactSliderExample2.jsx
@@ -0,0 +1,24 @@
+import React from 'react';
+import ImpactSlider from './ImpactSlider';
+import Text from '../../Atoms/Text/Text';
+import { testImpactSliderItems } from '../../../data/data';
+
+export default function ImpactSliderExample2() {
+  return (
+    <ImpactSlider
+      heading="Your donations will change lives"
+      donateLink="https://donation-staging.spa.comicrelief.com"
+      rowID="d7ba23a5-0594-5da4-a14b-8ea87f41db43"
+      cartID="to-also-come-from-the-cms"
+      items={testImpactSliderItems}
+      step={5}
+      max={100}
+      defaultSliderValue={45}
+      backgroundColour="white"
+    >
+      <Text tag="p" color="black">
+        Use this slider to see how your donation can make a difference to lives in the UK and around the globe this winter.
+      </Text>
+    </ImpactSlider>
+  );
+}
diff --git a/src/components/Organisms/MarketingPreferencesDS/MarketingPreferencesDS.md b/src/components/Organisms/MarketingPreferencesDS/MarketingPreferencesDS.md
deleted file mode 100644
index e947a0fea..000000000
--- a/src/components/Organisms/MarketingPreferencesDS/MarketingPreferencesDS.md
+++ /dev/null
@@ -1,15 +0,0 @@
-Marketing Preferences DS
-
-```js
-import MarketingPreferencesDSForm from './MarketingPreferencesDSForm';
-import Text from '../../Atoms/Text/Text';
-
-<>
-    <Text tag="p">This MarketingPreferencesDSForm component exists purely to show the MarketingPreferencesDS component functioning within the Component Library; applications are to provide their own react-hook-form form and validation, based on these.</Text>
-
-    <Text tag="p">Below are a default instance (using default configuration) and a customised version, which removes one option entirely, and tweaks the 'required' status for one field.</Text>
-    
-    <MarketingPreferencesDSForm />
-</>
-
-```
diff --git a/src/components/Organisms/MarketingPreferencesDS/MarketingPreferencesDS.style.js b/src/components/Organisms/MarketingPreferencesDS/MarketingPreferencesDS.style.js
index 357fa6501..c9030a631 100644
--- a/src/components/Organisms/MarketingPreferencesDS/MarketingPreferencesDS.style.js
+++ b/src/components/Organisms/MarketingPreferencesDS/MarketingPreferencesDS.style.js
@@ -177,7 +177,7 @@ const CheckInput = styled.input`
     float: left;
     border-radius: 0.5rem;
   }
-  :checked + span {
+  &:checked + span {
     background: url(${checkBoxIcon}) no-repeat center ${({ theme }) => theme.color('white')};
     background-size: contain;
   }
diff --git a/src/components/Organisms/MarketingPreferencesDS/MarketingPreferencesDSExample.jsx b/src/components/Organisms/MarketingPreferencesDS/MarketingPreferencesDSExample.jsx
new file mode 100644
index 000000000..c02dba74f
--- /dev/null
+++ b/src/components/Organisms/MarketingPreferencesDS/MarketingPreferencesDSExample.jsx
@@ -0,0 +1,13 @@
+import React from 'react';
+import MarketingPreferencesDSForm from './MarketingPreferencesDSForm';
+import Text from '../../Atoms/Text/Text';
+
+export default function MarketingPreferencesDSExample() {
+  return (
+    <>
+      <Text tag="p">This MarketingPreferencesDSForm component exists purely to show the MarketingPreferencesDS component functioning within the Component Library; applications are to provide their own react-hook-form form and validation, based on these.</Text>
+      <Text tag="p">Below are a default instance (using default configuration) and a customised version, which removes one option entirely, and tweaks the &apos;required&apos; status for one field.</Text>
+      <MarketingPreferencesDSForm />
+    </>
+  );
+}
diff --git a/src/components/Organisms/Membership/Membership.md b/src/components/Organisms/Membership/Membership.md
deleted file mode 100644
index 1994a8ae6..000000000
--- a/src/components/Organisms/Membership/Membership.md
+++ /dev/null
@@ -1,44 +0,0 @@
-# Membership
-
-## Form align right
-
-```js
-import data from './dev-data/data';
-const defaultData = require('../../../styleguide/data/data').defaultData;
-
-<Membership
-  alt="Background image"
-  backgroundColor="orange_light"
-  formAligntRight={true}
-  imageLow={defaultData.imageLow}
-  images={defaultData.images}
-  data={data}
-  mbshipID="mship-1"
-  donateLink="https://donation.comicrelief.com/"
-  cartID="refugee1-365"
-  title="Help someone like Jordan see a better tomorrow"
-  subtitle="Jordan was close to suicide - which is now the biggest killer of men under 45 in the UK. Join now and help save lives."
-  otherDescription="Your donation will help us fund amazing projects in the UK and around the world."
-/>;
-```
-
-## Form align left
-
-```js
-import data from './dev-data/data';
-const defaultData = require('../../../styleguide/data/data').defaultData;
-
-<Membership
-  backgroundColor="orange_light"
-  formAligntRight={false}
-  imageLow={defaultData.imageLow}
-  images={defaultData.images}
-  data={data}
-  mbshipID="mship-1"
-  donateLink="https://donation.comicrelief.com/"
-  cartID="refugee1-365"
-  title="Help someone like Jordan see a better tomorrow"
-  subtitle="Jordan was close to suicide - which is now the biggest killer of men under 45 in the UK. Join now and help save lives."
-  otherDescription="Your donation will help us fund amazing projects in the UK and around the world."
-/>;
-```
diff --git a/src/components/Organisms/Membership/Membership.style.js b/src/components/Organisms/Membership/Membership.style.js
index 0fc3b8ff3..c2141f21c 100644
--- a/src/components/Organisms/Membership/Membership.style.js
+++ b/src/components/Organisms/Membership/Membership.style.js
@@ -28,7 +28,7 @@ const BgImage = styled(Picture)`
   right: 0;
   height: auto;
 
-  :before {
+  &:before {
     color: ${({ theme, backgroundColor }) => theme.color(backgroundColor)};
     content: '';
     position: absolute;
@@ -39,7 +39,7 @@ const BgImage = styled(Picture)`
   @media ${({ theme }) => theme.allBreakpoints('L')} {
     height: 100%;
 
-    :before {
+    &:before {
       content: none;
     }
   }
@@ -117,7 +117,7 @@ const MoneyBuys = styled.div`
       padding: ${spacing('md')};
     }
 
-    :hover input {
+    &:hover input {
       border-color: ${({ theme }) => theme.color('red')};
     }
   }
@@ -158,7 +158,7 @@ const AmountField = styled(Input)`
     padding: ${spacing('sm')} ${spacing('md')} ${spacing('sm')} ${spacing('l')};
     ${({ inputBorderColor, theme }) => inputBorderColor && `border: 2px solid ${theme.color('red')};`}
 
-    :focus {
+    &:focus {
       border: 2px solid ${({ theme }) => theme.color('red')};
     }
   }
@@ -178,9 +178,9 @@ const Button = styled.button`
   background: ${({ theme, color }) => (color ? theme.color(color) : theme.color('red'))};
   border: none;
   border-radius: 100px;
-  :active,
-  :focus,
-  :hover {
+  &:active,
+  &:focus,
+  &:hover {
     background-color: ${({ theme }) => theme.color('coral_dark')};
   }
 
diff --git a/src/components/Organisms/Membership/Membership.test.js b/src/components/Organisms/Membership/Membership.test.js
index be9bf153e..2b485c435 100644
--- a/src/components/Organisms/Membership/Membership.test.js
+++ b/src/components/Organisms/Membership/Membership.test.js
@@ -3,7 +3,7 @@ import 'jest-styled-components';
 
 import renderWithTheme from '../../../../tests/hoc/shallowWithTheme';
 import Membership from './Membership';
-import { defaultData } from '../../../styleguide/data/data';
+import { defaultData } from '../../../data/data';
 import data from './dev-data/data';
 
 it('renders correctly', () => {
@@ -25,803 +25,750 @@ it('renders correctly', () => {
   ).toJSON();
 
   expect(tree).toMatchInlineSnapshot(`
-    .c6 {
-      font-family: 'Anton',Impact,sans-serif;
-      font-weight: 400;
-      text-transform: uppercase;
-      -webkit-letter-spacing: 0;
-      -moz-letter-spacing: 0;
-      -ms-letter-spacing: 0;
-      letter-spacing: 0;
-      font-size: 1.5rem;
-      line-height: 1.5rem;
-    }
-
-    .c6 {
-      font-size: 1.5rem;
-      line-height: normal;
-      font-weight: 800;
-    }
-
-    .c6 span {
-      font-size: inherit;
-      line-height: inherit;
-    }
-
-    .c7 {
-      font-family: 'Montserrat',Helvetica,Arial,sans-serif;
-      font-weight: 400;
-      text-transform: inherit;
-      -webkit-letter-spacing: 0;
-      -moz-letter-spacing: 0;
-      -ms-letter-spacing: 0;
-      letter-spacing: 0;
-      font-size: 1rem;
-      line-height: 1.25rem;
-    }
-
-    .c7 {
-      font-size: 1rem;
-      line-height: normal;
-    }
-
-    .c7 span {
-      font-size: inherit;
-      line-height: inherit;
-    }
-
-    .c12 {
-      font-family: 'Montserrat',Helvetica,Arial,sans-serif;
-      font-weight: 700;
-      text-transform: inherit;
-      -webkit-letter-spacing: 0;
-      -moz-letter-spacing: 0;
-      -ms-letter-spacing: 0;
-      letter-spacing: 0;
-      font-size: 1.25rem;
-      line-height: 1.5rem;
-    }
-
-    .c12 {
-      font-size: 1rem;
-      line-height: normal;
-    }
-
-    .c12 span {
-      font-size: inherit;
-      line-height: inherit;
-    }
-
-    .c16 {
-      font-family: 'Montserrat',Helvetica,Arial,sans-serif;
-      font-weight: 400;
-      text-transform: inherit;
-      -webkit-letter-spacing: 0;
-      -moz-letter-spacing: 0;
-      -ms-letter-spacing: 0;
-      letter-spacing: 0;
-      font-size: 1rem;
-      line-height: 1.25rem;
-    }
-
-    .c16 span {
-      font-size: inherit;
-      line-height: inherit;
-    }
-
-    .c23 {
-      font-family: 'Montserrat',Helvetica,Arial,sans-serif;
-      font-weight: 400;
-      text-transform: inherit;
-      -webkit-letter-spacing: 0;
-      -moz-letter-spacing: 0;
-      -ms-letter-spacing: 0;
-      letter-spacing: 0;
-      font-size: 1rem;
-      line-height: 1.25rem;
-    }
-
-    .c23 {
-      font-size: 1rem;
-      line-height: normal;
-      font-weight: 500;
-    }
-
-    .c23 span {
-      font-size: inherit;
-      line-height: inherit;
-    }
-
-    .c1 {
-      display: block;
-      width: 100%;
-      height: 100%;
-      position: relative;
-    }
-
-    .c3 {
-      width: 100%;
-      height: 100%;
-      display: block;
-      object-fit: cover;
-    }
-
-    .c14 {
-      width: 100%;
-      position: relative;
-      display: -webkit-box;
-      display: -webkit-flex;
-      display: -ms-flexbox;
-      display: flex;
-      -webkit-flex-direction: column;
-      -ms-flex-direction: column;
-      flex-direction: column;
-      color: #000000;
-    }
-
-    .c17 {
-      margin-bottom: 0.5rem;
-      font-family: 'Montserrat',Helvetica,Arial,sans-serif;
-      font-weight: 400;
-      text-transform: inherit;
-      -webkit-letter-spacing: 0;
-      -moz-letter-spacing: 0;
-      -ms-letter-spacing: 0;
-      letter-spacing: 0;
-      font-size: 1rem;
-      line-height: 1.25rem;
-    }
-
-    .c18 {
-      position: relative;
-      font-family: 'Montserrat',Helvetica,Arial,sans-serif;
-      font-weight: 400;
-      text-transform: inherit;
-      -webkit-letter-spacing: 0;
-      -moz-letter-spacing: 0;
-      -ms-letter-spacing: 0;
-      letter-spacing: 0;
-      font-size: 1rem;
-      line-height: 1.25rem;
-    }
-
-    .c19 {
-      position: relative;
-      width: 100%;
-      display: -webkit-box;
-      display: -webkit-flex;
-      display: -ms-flexbox;
-      display: flex;
-      -webkit-box-pack: end;
-      -webkit-justify-content: flex-end;
-      -ms-flex-pack: end;
-      justify-content: flex-end;
-      -webkit-align-items: center;
-      -webkit-box-align: center;
-      -ms-flex-align: center;
-      align-items: center;
-    }
-
-    .c20 {
-      position: relative;
-      box-sizing: border-box;
-      width: 100%;
-      height: 48px;
-      padding: 1rem;
-      background-color: #F4F3F5;
-      border: 1px solid;
-      border-color: #969598;
-      box-shadow: none;
-      -webkit-appearance: none;
-      -moz-appearance: none;
-      appearance: none;
-      color: #000000;
-      border-radius: 0.5rem;
-      font-size: inherit;
-      z-index: 2;
-      font-family: inherit;
-    }
-
-    .c20:focus {
-      border: 1px solid #666;
-    }
-
-    .c15 {
-      display: block;
-    }
-
-    .c15 input {
-      border: 2px solid #E1E2E3;
-      font-size: 1.5rem;
-      font-weight: 700;
-      -webkit-letter-spacing: -2px;
-      -moz-letter-spacing: -2px;
-      -ms-letter-spacing: -2px;
-      letter-spacing: -2px;
-      height: auto;
-    }
-
-    .c21 {
-      display: block;
-    }
-
-    .c21 input {
-      border: 2px solid #E1E2E3;
-      font-size: 1.5rem;
-      font-weight: 700;
-      -webkit-letter-spacing: -2px;
-      -moz-letter-spacing: -2px;
-      -ms-letter-spacing: -2px;
-      letter-spacing: -2px;
-      height: auto;
-      border-color: #E52630;
-      background-color: #E52630;
-      color: #FFFFFF;
-    }
-
-    .c0 {
-      background-color: #FEE3CC;
-      position: relative;
-      display: -webkit-box;
-      display: -webkit-flex;
-      display: -ms-flexbox;
-      display: flex;
-      -webkit-box-pack: center;
-      -webkit-justify-content: center;
-      -ms-flex-pack: center;
-      justify-content: center;
-      min-height: 100vh;
-    }
-
-    .c2 {
-      position: absolute;
-      bottom: 0;
-      left: 0;
-      right: 0;
-      height: auto;
-    }
-
-    .c2:before {
-      color: #FEE3CC;
-      content: '';
-      position: absolute;
-      width: 100%;
-      height: 100%;
-      box-shadow: inset 0px 4rem 2rem -2rem;
-    }
-
-    .c4 {
-      position: relative;
-      max-width: 320px;
-      text-align: center;
-      margin-bottom: 50%;
-    }
-
-    .c5 {
-      padding: 2rem 1rem 0;
-      margin-bottom: 2rem;
-    }
-
-    .c8 {
-      background-color: #FFFFFF;
-      box-shadow: 0px 1rem 4rem rgba(0,0,0,0.3);
-      height: 450px;
-    }
-
-    .c9 {
-      padding: 1rem;
-    }
-
-    .c9 h3 {
-      margin-top: 1rem;
-    }
-
-    .c9 input {
-      max-width: 100%;
-      margin: 0;
-    }
-
-    .c10 {
-      padding: 0;
-      margin: 0;
-      border: none;
-    }
-
-    .c10 > :not(:last-child):not(legend) {
-      margin-bottom: 2rem;
-    }
-
-    .c11 {
-      margin: 0;
-      padding: 0;
-    }
-
-    .c13 {
-      display: -webkit-box;
-      display: -webkit-flex;
-      display: -ms-flexbox;
-      display: flex;
-      -webkit-box-pack: justify;
-      -webkit-justify-content: space-between;
-      -ms-flex-pack: justify;
-      justify-content: space-between;
-    }
-
-    .c13 label {
-      -webkit-flex: 0 0 30%;
-      -ms-flex: 0 0 30%;
-      flex: 0 0 30%;
-    }
-
-    .c13 label input {
-      cursor: pointer;
-      padding: 1rem;
-    }
-
-    .c13 label:hover input {
-      border-color: #E52630;
-    }
-
-    .c22 {
-      display: -webkit-box;
-      display: -webkit-flex;
-      display: -ms-flexbox;
-      display: flex;
-      -webkit-align-items: center;
-      -webkit-box-align: center;
-      -ms-flex-align: center;
-      align-items: center;
-    }
-
-    .c24 {
-      margin-right: auto;
-    }
-
-    .c25 {
-      position: relative;
-      -webkit-flex: 0 0 50%;
-      -ms-flex: 0 0 50%;
-      flex: 0 0 50%;
-      font-weight: 400;
-      display: block;
-    }
-
-    .c25 span {
-      position: absolute;
-      padding: 0px 15px;
-      font-size: 20px;
-      top: 50%;
-      -webkit-transform: translateY(-50%);
-      -ms-transform: translateY(-50%);
-      transform: translateY(-50%);
-      left: 0px;
-      font-weight: 500;
-    }
-
-    .c25 input {
-      border: 2px solid #E1E2E3;
-      background: transparent;
-      padding: 0.5rem 1rem 0.5rem 2rem;
-    }
-
-    .c25 input:focus {
-      border: 2px solid #E52630;
-    }
-
-    .c27 {
-      line-height: 1.5;
-    }
-
-    .c26 {
-      width: 100%;
-      color: #FFFFFF;
-      font-size: 1rem;
-      font-weight: bold;
-      cursor: pointer;
-      padding: 1rem 0.5rem;
-      background: #E52630;
-      border: none;
-      border-radius: 100px;
-    }
-
-    .c26:active,
-    .c26:focus,
-    .c26:hover {
-      background-color: #961D35;
-    }
-
-    @media (min-width:740px) {
-      .c6 {
-        font-size: 1.875rem;
-        line-height: 1.875rem;
-      }
-    }
-
-    @media (min-width:1024px) {
-      .c6 {
-        font-size: 2rem;
-        line-height: 2rem;
-      }
-    }
-
-    @media (min-width:740px) {
-      .c7 {
-        font-size: 1rem;
-        line-height: 1.25rem;
-      }
-    }
-
-    @media (min-width:1024px) {
-      .c7 {
-        font-size: 1.125rem;
-        line-height: 1.375rem;
-      }
-    }
-
-    @media (min-width:740px) {
-      .c12 {
-        font-size: 1.25rem;
-        line-height: 1.5rem;
-      }
-    }
-
-    @media (min-width:1024px) {
-      .c12 {
-        font-size: 1.375rem;
-        line-height: 1.625rem;
-      }
-    }
-
-    @media (min-width:740px) {
-      .c16 {
-        font-size: 1rem;
-        line-height: 1.25rem;
-      }
-    }
-
-    @media (min-width:1024px) {
-      .c16 {
-        font-size: 1.125rem;
-        line-height: 1.375rem;
-      }
-    }
-
-    @media (min-width:740px) {
-      .c23 {
-        font-size: 1rem;
-        line-height: 1.25rem;
-      }
-    }
-
-    @media (min-width:1024px) {
-      .c23 {
-        font-size: 1.125rem;
-        line-height: 1.375rem;
-      }
-    }
-
-    @media (min-width:740px) {
-      .c17 {
-        font-size: 1rem;
-        line-height: 1.25rem;
-      }
-    }
-
-    @media (min-width:1024px) {
-      .c17 {
-        font-size: 1rem;
-        line-height: 1.25rem;
-      }
-    }
-
-    @media (min-width:740px) {
-      .c18 {
-        font-size: 1rem;
-        line-height: 1.25rem;
-      }
-    }
-
-    @media (min-width:1024px) {
-      .c18 {
-        font-size: 1.25rem;
-        line-height: 1.25rem;
-      }
-    }
-
-    @media (min-width:740px) {
-
-    }
-
-    @media (min-width:1024px) {
-
-    }
-
-    @media (min-width:1024px) {
-      .c0 {
-        -webkit-align-items: center;
-        -webkit-box-align: center;
-        -ms-flex-align: center;
-        align-items: center;
-        -webkit-box-pack: inherit;
-        -webkit-justify-content: inherit;
-        -ms-flex-pack: inherit;
-        justify-content: inherit;
-        min-height: 750px;
-        height: 100vh;
-        max-height: 900px;
-        -webkit-flex-direction: row;
-        -ms-flex-direction: row;
-        flex-direction: row;
-      }
-    }
-
-    @media (min-width:1024px) {
-      .c2 {
-        height: 100%;
-      }
-
-      .c2:before {
-        content: none;
-      }
-    }
-
-    @media (min-width:1024px) {
-      .c4 {
-        margin: 0 8rem;
-        max-width: 420px;
-      }
-    }
-
-    @media (min-width:1024px) {
-      .c8 {
-        height: 430px;
-      }
-    }
-
-    @media (min-width:1024px) {
-      .c25 {
-        -webkit-flex: 0 0 60%;
-        -ms-flex: 0 0 60%;
-        flex: 0 0 60%;
-      }
-    }
-
-    @media (min-width:1024px) {
-      .c26 {
-        width: auto;
-        padding: 1rem 2rem;
-        margin: 0 auto 2rem;
-      }
-    }
-
+.c6 {
+  font-family: 'Anton',Impact,sans-serif;
+  font-weight: 400;
+  text-transform: uppercase;
+  letter-spacing: 0;
+  font-size: 1.5rem;
+  line-height: 1.5rem;
+}
+
+.c6 {
+  font-size: 1.5rem;
+  line-height: normal;
+  font-weight: 800;
+}
+
+.c6 span {
+  font-size: inherit;
+  line-height: inherit;
+}
+
+.c7 {
+  font-family: 'Montserrat',Helvetica,Arial,sans-serif;
+  font-weight: 400;
+  text-transform: inherit;
+  letter-spacing: 0;
+  font-size: 1rem;
+  line-height: 1.25rem;
+}
+
+.c7 {
+  font-size: 1rem;
+  line-height: normal;
+}
+
+.c7 span {
+  font-size: inherit;
+  line-height: inherit;
+}
+
+.c12 {
+  font-family: 'Montserrat',Helvetica,Arial,sans-serif;
+  font-weight: 700;
+  text-transform: inherit;
+  letter-spacing: 0;
+  font-size: 1.25rem;
+  line-height: 1.5rem;
+}
+
+.c12 {
+  font-size: 1rem;
+  line-height: normal;
+}
+
+.c12 span {
+  font-size: inherit;
+  line-height: inherit;
+}
+
+.c16 {
+  font-family: 'Montserrat',Helvetica,Arial,sans-serif;
+  font-weight: 400;
+  text-transform: inherit;
+  letter-spacing: 0;
+  font-size: 1rem;
+  line-height: 1.25rem;
+}
+
+.c16 span {
+  font-size: inherit;
+  line-height: inherit;
+}
+
+.c23 {
+  font-family: 'Montserrat',Helvetica,Arial,sans-serif;
+  font-weight: 400;
+  text-transform: inherit;
+  letter-spacing: 0;
+  font-size: 1rem;
+  line-height: 1.25rem;
+}
+
+.c23 {
+  font-size: 1rem;
+  line-height: normal;
+  font-weight: 500;
+}
+
+.c23 span {
+  font-size: inherit;
+  line-height: inherit;
+}
+
+.c1 {
+  display: block;
+  width: 100%;
+  height: 100%;
+  position: relative;
+}
+
+.c3 {
+  width: 100%;
+  height: 100%;
+  display: block;
+  object-fit: cover;
+}
+
+.c14 {
+  width: 100%;
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  color: #000000;
+}
+
+.c17 {
+  margin-bottom: 0.5rem;
+  font-family: 'Montserrat',Helvetica,Arial,sans-serif;
+  font-weight: 400;
+  text-transform: inherit;
+  letter-spacing: 0;
+  font-size: 1rem;
+  line-height: 1.25rem;
+}
+
+.c18 {
+  position: relative;
+  font-family: 'Montserrat',Helvetica,Arial,sans-serif;
+  font-weight: 400;
+  text-transform: inherit;
+  letter-spacing: 0;
+  font-size: 1rem;
+  line-height: 1.25rem;
+}
+
+.c19 {
+  position: relative;
+  width: 100%;
+  display: flex;
+  justify-content: flex-end;
+  align-items: center;
+}
+
+.c20 {
+  position: relative;
+  box-sizing: border-box;
+  width: 100%;
+  height: 48px;
+  padding: 1rem;
+  background-color: #F4F3F5;
+  border: 1px solid;
+  border-color: #969598;
+  box-shadow: none;
+  appearance: none;
+  color: #000000;
+  border-radius: 0.5rem;
+  font-size: inherit;
+  z-index: 2;
+  font-family: inherit;
+}
+
+.c20:focus {
+  border: 1px solid #666;
+}
+
+.c15 {
+  display: block;
+}
+
+.c15 input {
+  border: 2px solid #E1E2E3;
+  font-size: 1.5rem;
+  font-weight: 700;
+  letter-spacing: -2px;
+  height: auto;
+}
+
+.c21 {
+  display: block;
+}
+
+.c21 input {
+  border: 2px solid #E1E2E3;
+  font-size: 1.5rem;
+  font-weight: 700;
+  letter-spacing: -2px;
+  height: auto;
+  border-color: #E52630;
+  background-color: #E52630;
+  color: #FFFFFF;
+}
+
+.c0 {
+  background-color: #FEE3CC;
+  position: relative;
+  display: flex;
+  justify-content: center;
+  min-height: 100vh;
+}
+
+.c2 {
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  height: auto;
+}
+
+.c2:before {
+  color: #FEE3CC;
+  content: '';
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  box-shadow: inset 0px 4rem 2rem -2rem;
+}
+
+.c4 {
+  position: relative;
+  max-width: 320px;
+  text-align: center;
+  margin-bottom: 50%;
+}
+
+.c5 {
+  padding: 2rem 1rem 0;
+  margin-bottom: 2rem;
+}
+
+.c8 {
+  background-color: #FFFFFF;
+  box-shadow: 0px 1rem 4rem rgba(0,0,0,0.3);
+  height: 450px;
+}
+
+.c9 {
+  padding: 1rem;
+}
+
+.c9 h3 {
+  margin-top: 1rem;
+}
+
+.c9 input {
+  max-width: 100%;
+  margin: 0;
+}
+
+.c10 {
+  padding: 0;
+  margin: 0;
+  border: none;
+}
+
+.c10 >:not(:last-child):not(legend) {
+  margin-bottom: 2rem;
+}
+
+.c11 {
+  margin: 0;
+  padding: 0;
+}
+
+.c13 {
+  display: flex;
+  justify-content: space-between;
+}
+
+.c13 label {
+  flex: 0 0 30%;
+}
+
+.c13 label input {
+  cursor: pointer;
+  padding: 1rem;
+}
+
+.c13 label:hover input {
+  border-color: #E52630;
+}
+
+.c22 {
+  display: flex;
+  align-items: center;
+}
+
+.c24 {
+  margin-right: auto;
+}
+
+.c25 {
+  position: relative;
+  flex: 0 0 50%;
+  font-weight: 400;
+  display: block;
+}
+
+.c25 span {
+  position: absolute;
+  padding: 0px 15px;
+  font-size: 20px;
+  top: 50%;
+  transform: translateY(-50%);
+  left: 0px;
+  font-weight: 500;
+}
+
+.c25 input {
+  border: 2px solid #E1E2E3;
+  background: transparent;
+  padding: 0.5rem 1rem 0.5rem 2rem;
+}
+
+.c25 input:focus {
+  border: 2px solid #E52630;
+}
+
+.c27 {
+  line-height: 1.5;
+}
+
+.c26 {
+  width: 100%;
+  color: #FFFFFF;
+  font-size: 1rem;
+  font-weight: bold;
+  cursor: pointer;
+  padding: 1rem 0.5rem;
+  background: #E52630;
+  border: none;
+  border-radius: 100px;
+}
+
+.c26:active,
+.c26:focus,
+.c26:hover {
+  background-color: #961D35;
+}
+
+@media (min-width: 740px) {
+  .c6 {
+    font-size: 1.875rem;
+    line-height: 1.875rem;
+  }
+}
+
+@media (min-width: 1024px) {
+  .c6 {
+    font-size: 2rem;
+    line-height: 2rem;
+  }
+}
+
+@media (min-width: 740px) {
+  .c7 {
+    font-size: 1rem;
+    line-height: 1.25rem;
+  }
+}
+
+@media (min-width: 1024px) {
+  .c7 {
+    font-size: 1.125rem;
+    line-height: 1.375rem;
+  }
+}
+
+@media (min-width: 740px) {
+  .c12 {
+    font-size: 1.25rem;
+    line-height: 1.5rem;
+  }
+}
+
+@media (min-width: 1024px) {
+  .c12 {
+    font-size: 1.375rem;
+    line-height: 1.625rem;
+  }
+}
+
+@media (min-width: 740px) {
+  .c16 {
+    font-size: 1rem;
+    line-height: 1.25rem;
+  }
+}
+
+@media (min-width: 1024px) {
+  .c16 {
+    font-size: 1.125rem;
+    line-height: 1.375rem;
+  }
+}
+
+@media (min-width: 740px) {
+  .c23 {
+    font-size: 1rem;
+    line-height: 1.25rem;
+  }
+}
+
+@media (min-width: 1024px) {
+  .c23 {
+    font-size: 1.125rem;
+    line-height: 1.375rem;
+  }
+}
+
+@media (min-width: 740px) {
+  .c17 {
+    font-size: 1rem;
+    line-height: 1.25rem;
+  }
+}
+
+@media (min-width: 1024px) {
+  .c17 {
+    font-size: 1rem;
+    line-height: 1.25rem;
+  }
+}
+
+@media (min-width: 740px) {
+  .c18 {
+    font-size: 1rem;
+    line-height: 1.25rem;
+  }
+}
+
+@media (min-width: 1024px) {
+  .c18 {
+    font-size: 1.25rem;
+    line-height: 1.25rem;
+  }
+}
+
+@media (min-width: 1024px) {
+  .c0 {
+    align-items: center;
+    justify-content: inherit;
+    min-height: 750px;
+    height: 100vh;
+    max-height: 900px;
+    flex-direction: row;
+  }
+}
+
+@media (min-width: 1024px) {
+  .c2 {
+    height: 100%;
+  }
+
+  .c2:before {
+    content: none;
+  }
+}
+
+@media (min-width: 1024px) {
+  .c4 {
+    margin: 0 8rem;
+    max-width: 420px;
+  }
+}
+
+@media (min-width: 1024px) {
+  .c8 {
+    height: 430px;
+  }
+}
+
+@media (min-width: 1024px) {
+  .c25 {
+    flex: 0 0 60%;
+  }
+}
+
+@media (min-width: 1024px) {
+  .c26 {
+    width: auto;
+    padding: 1rem 2rem;
+    margin: 0 auto 2rem;
+  }
+}
+
+<div
+  backgroundColor="orange_light"
+  className="c0"
+  formAligntRight={false}
+  id="mship-1"
+>
+  <div
+    backgroundColor="orange_light"
+    className="c1 c2"
+    height="100%"
+    image={null}
+    images={null}
+    isBackgroundImage={false}
+    nonObjFitImage={null}
+    objFitState={true}
+    width="100%"
+  >
+    <img
+      alt="Background image"
+      className="c3 lazyload"
+      data-src={null}
+      height="100%"
+      objFitState={true}
+      objectFit="cover"
+      width="100%"
+    />
+  </div>
+  <div
+    className="c4"
+  >
     <div
-      className="c0"
-      id="mship-1"
+      className="c5"
     >
-      <div
-        className="c1 c2"
-        height="100%"
-        width="100%"
+      <h2
+        className="c6"
+      >
+        Help someone like Jordan see a better tomorrow
+      </h2>
+      <p
+        className="c7"
       >
-        <img
-          alt="Background image"
-          className="c3 lazyload"
-          data-src={null}
-          height="100%"
-          width="100%"
-        />
-      </div>
-      <div
-        className="c4"
+        Jordan was close to suicide - which is now the biggest killer of men under 45 in the UK. Join now and help save lives.
+      </p>
+    </div>
+    <div
+      className="c8"
+    >
+      <form
+        className="c9"
+        onSubmit={[Function]}
       >
-        <div
-          className="c5"
+        <fieldset
+          className="c10"
         >
-          <h2
-            className="c6"
-          >
-            Help someone like Jordan see a better tomorrow
-          </h2>
-          <p
-            className="c7"
+          <legend
+            className="c11"
           >
-            Jordan was close to suicide - which is now the biggest killer of men under 45 in the UK. Join now and help save lives.
-          </p>
-        </div>
-        <div
-          className="c8"
-        >
-          <form
-            className="c9"
-            onSubmit={[Function]}
+            <h3
+              className="c12"
+            >
+              Choose your monthly donation
+            </h3>
+          </legend>
+          <div
+            className="c13"
           >
-            <fieldset
-              className="c10"
+            <label
+              className="c14 c15"
+              errorMsg=""
+              htmlFor="mship-1--moneyBuy-box1"
+              optional={null}
             >
-              <legend
-                className="c11"
-              >
-                <h3
-                  className="c12"
-                >
-                  Choose your monthly donation
-                </h3>
-              </legend>
+              <span
+                className="c16 c17"
+                dangerouslySetInnerHTML={
+                  {
+                    "__html": "",
+                  }
+                }
+              />
               <div
-                className="c13"
+                className="c18"
+                error={false}
               >
-                <label
-                  className="c14 c15"
-                  htmlFor="mship-1--moneyBuy-box1"
+                <div
+                  className="c19"
+                  error={false}
                 >
-                  <span
-                    className="c16 c17"
-                    dangerouslySetInnerHTML={
-                      Object {
-                        "__html": "",
-                      }
-                    }
+                  <input
+                    aria-label="£5"
+                    aria-required={false}
+                    boxBorderColor=""
+                    className="c20"
+                    error={false}
+                    id="mship-1--moneyBuy-box1"
+                    isInputMatchBox="5"
+                    isSelected={false}
+                    name="mship-1--moneyBuy1"
+                    onClick={[Function]}
+                    placeholder=""
+                    prefixLength={0}
+                    required={false}
+                    type="button"
+                    value="£ 5"
                   />
-                  <div
-                    className="c18"
-                  >
-                    
-                    <div
-                      className="c19"
-                    >
-                      <input
-                        aria-label="£5"
-                        aria-required={false}
-                        className="c20"
-                        id="mship-1--moneyBuy-box1"
-                        name="mship-1--moneyBuy1"
-                        onClick={[Function]}
-                        placeholder=""
-                        required={false}
-                        type="button"
-                        value="£ 5"
-                      />
-                      
-                    </div>
-                  </div>
-                  
-                </label>
-                <label
-                  className="c14 c21"
-                  htmlFor="mship-1--moneyBuy-box2"
+                </div>
+              </div>
+            </label>
+            <label
+              className="c14 c21"
+              errorMsg=""
+              htmlFor="mship-1--moneyBuy-box2"
+              optional={null}
+            >
+              <span
+                className="c16 c17"
+                dangerouslySetInnerHTML={
+                  {
+                    "__html": "",
+                  }
+                }
+              />
+              <div
+                className="c18"
+                error={false}
+              >
+                <div
+                  className="c19"
+                  error={false}
                 >
-                  <span
-                    className="c16 c17"
-                    dangerouslySetInnerHTML={
-                      Object {
-                        "__html": "",
-                      }
-                    }
+                  <input
+                    aria-label="£10"
+                    aria-required={false}
+                    boxBorderColor=""
+                    className="c20"
+                    error={false}
+                    id="mship-1--moneyBuy-box2"
+                    isInputMatchBox="10"
+                    isSelected={true}
+                    name="mship-1--moneyBuy2"
+                    onClick={[Function]}
+                    placeholder=""
+                    prefixLength={0}
+                    required={false}
+                    type="button"
+                    value="£ 10"
                   />
-                  <div
-                    className="c18"
-                  >
-                    
-                    <div
-                      className="c19"
-                    >
-                      <input
-                        aria-label="£10"
-                        aria-required={false}
-                        className="c20"
-                        id="mship-1--moneyBuy-box2"
-                        name="mship-1--moneyBuy2"
-                        onClick={[Function]}
-                        placeholder=""
-                        required={false}
-                        type="button"
-                        value="£ 10"
-                      />
-                      
-                    </div>
-                  </div>
-                  
-                </label>
-                <label
-                  className="c14 c15"
-                  htmlFor="mship-1--moneyBuy-box3"
+                </div>
+              </div>
+            </label>
+            <label
+              className="c14 c15"
+              errorMsg=""
+              htmlFor="mship-1--moneyBuy-box3"
+              optional={null}
+            >
+              <span
+                className="c16 c17"
+                dangerouslySetInnerHTML={
+                  {
+                    "__html": "",
+                  }
+                }
+              />
+              <div
+                className="c18"
+                error={false}
+              >
+                <div
+                  className="c19"
+                  error={false}
                 >
-                  <span
-                    className="c16 c17"
-                    dangerouslySetInnerHTML={
-                      Object {
-                        "__html": "",
-                      }
-                    }
+                  <input
+                    aria-label="£20"
+                    aria-required={false}
+                    boxBorderColor=""
+                    className="c20"
+                    error={false}
+                    id="mship-1--moneyBuy-box3"
+                    isInputMatchBox="20"
+                    isSelected={false}
+                    name="mship-1--moneyBuy3"
+                    onClick={[Function]}
+                    placeholder=""
+                    prefixLength={0}
+                    required={false}
+                    type="button"
+                    value="£ 20"
                   />
-                  <div
-                    className="c18"
-                  >
-                    
-                    <div
-                      className="c19"
-                    >
-                      <input
-                        aria-label="£20"
-                        aria-required={false}
-                        className="c20"
-                        id="mship-1--moneyBuy-box3"
-                        name="mship-1--moneyBuy3"
-                        onClick={[Function]}
-                        placeholder=""
-                        required={false}
-                        type="button"
-                        value="£ 20"
-                      />
-                      
-                    </div>
-                  </div>
-                  
-                </label>
+                </div>
               </div>
+            </label>
+          </div>
+          <div
+            className="c22"
+          >
+            <span
+              className="c23 c24"
+            >
+              Other amount
+            </span>
+            <label
+              className="c14 c25"
+              errorMsg=""
+              htmlFor="mship-1--MoneyBuy-userInput"
+              optional={null}
+            >
+              <span
+                className="c16 c17"
+                dangerouslySetInnerHTML={
+                  {
+                    "__html": "£",
+                  }
+                }
+              />
               <div
-                className="c22"
+                className="c18"
+                error={false}
               >
-                <span
-                  className="c23 c24"
+                <div
+                  className="c19"
+                  error={false}
                 >
-                  Other amount
-                </span>
-                <label
-                  className="c14 c25"
-                  htmlFor="mship-1--MoneyBuy-userInput"
-                >
-                  <span
-                    className="c16 c17"
-                    dangerouslySetInnerHTML={
-                      Object {
-                        "__html": "£",
-                      }
-                    }
+                  <input
+                    aria-label="Input a different amount"
+                    aria-required={false}
+                    className="c20"
+                    error={false}
+                    id="mship-1--MoneyBuy-userInput"
+                    inputBorderColor={false}
+                    max="25000"
+                    min="1"
+                    name="membership_amount"
+                    onChange={[Function]}
+                    onClick={[Function]}
+                    onKeyPress={[Function]}
+                    pattern="[^[0-9]+([,.][0-9]+)?$]"
+                    placeholder="0.00"
+                    prefixLength={0}
+                    required={false}
+                    step="0.01"
+                    type="number"
+                    value=""
                   />
-                  <div
-                    className="c18"
-                  >
-                    
-                    <div
-                      className="c19"
-                    >
-                      <input
-                        aria-label="Input a different amount"
-                        aria-required={false}
-                        className="c20"
-                        id="mship-1--MoneyBuy-userInput"
-                        max="25000"
-                        min="1"
-                        name="membership_amount"
-                        onChange={[Function]}
-                        onClick={[Function]}
-                        onKeyPress={[Function]}
-                        pattern="[^[0-9]+([,.][0-9]+)?$]"
-                        placeholder="0.00"
-                        required={false}
-                        step="0.01"
-                        type="number"
-                        value=""
-                      />
-                      
-                    </div>
-                  </div>
-                  
-                </label>
+                </div>
               </div>
-              <input
-                className="c26"
-                type="submit"
-                value="Donate"
-              />
-              <p
-                className="c27"
-              />
-            </fieldset>
-          </form>
-        </div>
-      </div>
+            </label>
+          </div>
+          <input
+            className="c26"
+            type="submit"
+            value="Donate"
+          />
+          <p
+            className="c27"
+          />
+        </fieldset>
+      </form>
     </div>
-  `);
+  </div>
+</div>
+`);
 });
diff --git a/src/components/Organisms/Membership/MembershipExample.jsx b/src/components/Organisms/Membership/MembershipExample.jsx
new file mode 100644
index 000000000..23c62905b
--- /dev/null
+++ b/src/components/Organisms/Membership/MembershipExample.jsx
@@ -0,0 +1,41 @@
+import React from 'react';
+import Membership from './Membership';
+import data from './dev-data/data';
+import { defaultData } from '../../../data/data';
+
+export function MembershipExample1() {
+  return (
+    <Membership
+      alt="Background image"
+      backgroundColor="orange_light"
+      formAligntRight
+      imageLow={defaultData.imageLow}
+      images={defaultData.images}
+      data={data}
+      mbshipID="mship-1"
+      donateLink="https://donation.comicrelief.com/"
+      cartID="refugee1-365"
+      title="Help someone like Jordan see a better tomorrow"
+      subtitle="Jordan was close to suicide - which is now the biggest killer of men under 45 in the UK. Join now and help save lives."
+      otherDescription="Your donation will help us fund amazing projects in the UK and around the world."
+    />
+  );
+}
+
+export function MembershipExample2() {
+  return (
+    <Membership
+      backgroundColor="orange_light"
+      formAligntRight={false}
+      imageLow={defaultData.imageLow}
+      images={defaultData.images}
+      data={data}
+      mbshipID="mship-2"
+      donateLink="https://donation.comicrelief.com/"
+      cartID="refugee1-365"
+      title="Help someone like Jordan see a better tomorrow"
+      subtitle="Jordan was close to suicide - which is now the biggest killer of men under 45 in the UK. Join now and help save lives."
+      otherDescription="Your donation will help us fund amazing projects in the UK and around the world."
+    />
+  );
+}
diff --git a/src/components/Organisms/RichtextCarousel/RichtextCarousel.md b/src/components/Organisms/RichtextCarousel/RichtextCarousel.md
deleted file mode 100644
index 3cf94a843..000000000
--- a/src/components/Organisms/RichtextCarousel/RichtextCarousel.md
+++ /dev/null
@@ -1,27 +0,0 @@
-# Richtext Carousel
-
-```js
-const { RichtextCarouselItems } = require('../../../styleguide/data/data');
-
-    <div>
-        <h2 style={{textAlign: 'center'}}>
-            Richtext Carousel #1 (default padding)
-        </h2>
-        <RichtextCarousel
-            data={RichtextCarouselItems}/>
-    </div>
-    
-```
-
-```js
-const { RichtextCarouselItemsWithPadding } = require('../../../styleguide/data/data');
-
-    <div>
-        <h2 style={{textAlign: 'center'}}>
-            Richtext Carousel #2 (custom padding)
-        </h2>
-        <RichtextCarousel
-            data={RichtextCarouselItemsWithPadding}/>
-    </div>
-    
-```
\ No newline at end of file
diff --git a/src/components/Organisms/RichtextCarousel/RichtextCarousel.test.js b/src/components/Organisms/RichtextCarousel/RichtextCarousel.test.js
index 8e4afc4e9..112382689 100644
--- a/src/components/Organisms/RichtextCarousel/RichtextCarousel.test.js
+++ b/src/components/Organisms/RichtextCarousel/RichtextCarousel.test.js
@@ -6,7 +6,7 @@ import RichtextCarousel from './RichtextCarousel';
 const {
   RichtextCarouselItems,
   RichtextCarouselItemsWithPadding,
-} = require('../../../styleguide/data/data');
+} = require('../../../data/data');
 
 it('renders default padding version correctly', () => {
   const tree = renderWithTheme(
@@ -28,13 +28,13 @@ it('renders default padding version correctly', () => {
       box-shadow: rgba(0,0,0,0.15) 0px 0px 1rem;
     }
 
-    .c1 > div:first-child * {
+    .c1 >div:first-child * {
       margin-top: 0;
     }
 
-    .c1 > div:first-child h1,
-    .c1 > div:first-child h2,
-    .c1 > div:first-child h3 {
+    .c1 >div:first-child h1,
+    .c1 >div:first-child h2,
+    .c1 >div:first-child h3 {
       margin-bottom: 1.5rem;
     }
 
@@ -49,9 +49,9 @@ it('renders default padding version correctly', () => {
       position: absolute;
       left: 0;
       top: 0;
-      width: 33% !important;
+      width: 33%!important;
       height: 100%;
-      padding: 0 !important;
+      padding: 0!important;
       box-shadow: none;
       text-indent: -9999px;
       background-color: transparent;
@@ -66,7 +66,6 @@ it('renders default padding version correctly', () => {
       left: 0;
       width: 50%;
       height: 100%;
-      -webkit-transition: opacity 0.2s linear;
       transition: opacity 0.2s linear;
       background: linear-gradient(90deg,#FFFFFF,#FFFFFF7a,#FFFFFF00);
     }
@@ -82,8 +81,6 @@ it('renders default padding version correctly', () => {
     }
 
     .c1 .carousel button.carousel__next-button:before {
-      -webkit-transform: translate(0,-50%) rotate(-90deg);
-      -ms-transform: translate(0,-50%) rotate(-90deg);
       transform: translate(0,-50%) rotate(-90deg);
     }
 
@@ -94,12 +91,8 @@ it('renders default padding version correctly', () => {
     }
 
     .c1 .carousel .richtext-carousel {
-      -webkit-transition: -webkit-transform 0.75s;
-      -webkit-transition: -webkit-transform 0.75s;
       transition: -webkit-transform 0.75s;
       -o-transition: transform 0.75s;
-      -webkit-transition: -webkit-transform 0.75s;
-      -webkit-transition: transform 0.75s;
       transition: transform 0.75s;
       -webkit-transform: 0.75s;
       will-change: transform;
@@ -110,25 +103,14 @@ it('renders default padding version correctly', () => {
     }
 
     .c1 .carousel .richtext-carousel .carousel__slide {
-      padding-bottom: 300px !important;
+      padding-bottom: 300px!important;
     }
 
     .c1 .carousel .richtext-carousel .carousel__slide .carousel__inner-slide {
       text-align: center;
-      display: -webkit-inline-box;
-      display: -webkit-inline-flex;
-      display: -ms-inline-flexbox;
       display: inline-flex;
-      -webkit-align-items: center;
-      -webkit-box-align: center;
-      -ms-flex-align: center;
       align-items: center;
-      -webkit-box-pack: start;
-      -webkit-justify-content: flex-start;
-      -ms-flex-pack: start;
       justify-content: flex-start;
-      -webkit-flex-direction: column;
-      -ms-flex-direction: column;
       flex-direction: column;
     }
 
@@ -147,10 +129,10 @@ it('renders default padding version correctly', () => {
       padding: 2rem 0 2rem;
     }
 
-    @media (min-width:740px) {
+    @media (min-width: 740px) {
       .c1 .carousel button.carousel__back-button,
       .c1 .carousel button.carousel__next-button {
-        width: 33.3% !important;
+        width: 33.3%!important;
       }
 
       .c1 .carousel button.carousel__back-button:after,
@@ -159,77 +141,57 @@ it('renders default padding version correctly', () => {
       }
     }
 
-    @media (min-width:740px) {
+    @media (min-width: 740px) {
       .c1 .carousel .richtext-carousel .carousel__slide {
-        padding-bottom: 350px !important;
+        padding-bottom: 350px!important;
       }
 
-      .c1 .carousel .richtext-carousel .carousel__slide .carousel__inner-slide > div:first-child {
-        -webkit-transition: -webkit-transform 0.75s ease;
-        -webkit-transition: transform 0.75s ease;
+      .c1 .carousel .richtext-carousel .carousel__slide .carousel__inner-slide >div:first-child {
         transition: transform 0.75s ease;
-        -webkit-transform-origin: center;
-        -ms-transform-origin: center;
         transform-origin: center;
-        -webkit-transform: scale(0.8);
-        -ms-transform: scale(0.8);
         transform: scale(0.8);
       }
 
-      .c1 .carousel .richtext-carousel .carousel__slide .carousel__inner-slide > div:first-child:after {
-        -webkit-transition: -webkit-transform 0.75s ease,width 0.75s ease,right 0.75s ease;
-        -webkit-transition: transform 0.75s ease,width 0.75s ease,right 0.75s ease;
+      .c1 .carousel .richtext-carousel .carousel__slide .carousel__inner-slide >div:first-child:after {
         transition: transform 0.75s ease,width 0.75s ease,right 0.75s ease;
         width: 100%;
         right: calc(-100% - 6px);
-        -webkit-transform: scale(1);
-        -ms-transform: scale(1);
         transform: scale(1);
       }
 
-      .c1 .carousel .richtext-carousel .carousel__slide.carousel__slide--visible .carousel__inner-slide > div:first-child:after {
+      .c1 .carousel .richtext-carousel .carousel__slide.carousel__slide--visible .carousel__inner-slide >div:first-child:after {
         width: 33%;
         right: calc(-33% - 3px);
-        -webkit-transform: scale(1);
-        -ms-transform: scale(1);
         transform: scale(1);
       }
 
-      .c1 .carousel .richtext-carousel .carousel__slide.carousel__slide--visible + .carousel__slide--visible .carousel__inner-slide > div:first-child {
-        -webkit-transform: scale(1);
-        -ms-transform: scale(1);
+      .c1 .carousel .richtext-carousel .carousel__slide.carousel__slide--visible +.carousel__slide--visible .carousel__inner-slide >div:first-child {
         transform: scale(1);
       }
 
-      .c1 .carousel .richtext-carousel .carousel__slide.carousel__slide--visible + .carousel__slide--visible .carousel__inner-slide > div:first-child:after {
+      .c1 .carousel .richtext-carousel .carousel__slide.carousel__slide--visible +.carousel__slide--visible .carousel__inner-slide >div:first-child:after {
         width: 33%;
         right: calc(-33% + 3px);
-        -webkit-transform: scale(0.8);
-        -ms-transform: scale(0.8);
         transform: scale(0.8);
       }
 
-      .c1 .carousel .richtext-carousel .carousel__slide.carousel__slide--visible + .carousel__slide--visible + .carousel__slide--visible > div > div:first-child {
-        -webkit-transform: scale(0.8);
-        -ms-transform: scale(0.8);
+      .c1 .carousel .richtext-carousel .carousel__slide.carousel__slide--visible +.carousel__slide--visible +.carousel__slide--visible >div>div:first-child {
         transform: scale(0.8);
       }
 
-      .c1 .carousel .richtext-carousel .carousel__slide.carousel__slide--visible + .carousel__slide--visible + .carousel__slide--visible > div > div:first-child:after {
+      .c1 .carousel .richtext-carousel .carousel__slide.carousel__slide--visible +.carousel__slide--visible +.carousel__slide--visible >div>div:first-child:after {
         width: 50%;
         right: calc(-50% - 6px);
-        -webkit-transform: scale(1);
-        -ms-transform: scale(1);
         transform: scale(1);
       }
     }
 
-    @media (min-width:1024px) {
+    @media (min-width: 1024px) {
       .c1 .carousel .richtext-carousel .carousel__slide {
-        padding-bottom: 350px !important;
+        padding-bottom: 350px!important;
       }
 
-      .c1 .carousel .richtext-carousel .carousel__slide.carousel__slide--visible + .carousel__slide--visible + .carousel__slide--visible .carousel__inner-slide > div:first-child:after {
+      .c1 .carousel .richtext-carousel .carousel__slide.carousel__slide--visible +.carousel__slide--visible +.carousel__slide--visible .carousel__inner-slide >div:first-child:after {
         right: calc(-125% - 5px);
         width: 125%;
       }
@@ -237,10 +199,17 @@ it('renders default padding version correctly', () => {
 
     <div
       className="c0"
+      paddingBottom="2rem"
+      paddingTop="2rem"
+      rowBackgroundColour="grey_light"
     >
       <div
+        carouselBackgroundColour="white"
         className="c1 CarouselWrapper"
+        desktopHeight={350}
         id="nqIEHjiYE8Yd2A2a5cI3O"
+        mobileHeight={300}
+        tabletHeight={350}
       >
         <div
           className="c2"
@@ -262,16 +231,8 @@ it('renders custom padding + background colour version correctly', () => {
       background: #FFFFFF;
       height: 300px;
       width: 75%;
-      display: -webkit-box;
-      display: -webkit-flex;
-      display: -ms-flexbox;
       display: flex;
-      -webkit-flex-direction: column;
-      -ms-flex-direction: column;
       flex-direction: column;
-      -webkit-box-pack: center;
-      -webkit-justify-content: center;
-      -ms-flex-pack: center;
       justify-content: center;
       padding: 25px;
       border: 1px dashed #969598;
@@ -305,13 +266,13 @@ it('renders custom padding + background colour version correctly', () => {
       box-shadow: rgba(0,0,0,0.15) 0px 0px 1rem;
     }
 
-    .c1 > div:first-child * {
+    .c1 >div:first-child * {
       margin-top: 0;
     }
 
-    .c1 > div:first-child h1,
-    .c1 > div:first-child h2,
-    .c1 > div:first-child h3 {
+    .c1 >div:first-child h1,
+    .c1 >div:first-child h2,
+    .c1 >div:first-child h3 {
       margin-bottom: 1.5rem;
     }
 
@@ -326,9 +287,9 @@ it('renders custom padding + background colour version correctly', () => {
       position: absolute;
       left: 0;
       top: 0;
-      width: 33% !important;
+      width: 33%!important;
       height: 100%;
-      padding: 0 !important;
+      padding: 0!important;
       box-shadow: none;
       text-indent: -9999px;
       background-color: transparent;
@@ -343,7 +304,6 @@ it('renders custom padding + background colour version correctly', () => {
       left: 0;
       width: 50%;
       height: 100%;
-      -webkit-transition: opacity 0.2s linear;
       transition: opacity 0.2s linear;
       background: linear-gradient(90deg,#FFFFFF,#FFFFFF7a,#FFFFFF00);
     }
@@ -359,8 +319,6 @@ it('renders custom padding + background colour version correctly', () => {
     }
 
     .c1 .carousel button.carousel__next-button:before {
-      -webkit-transform: translate(0,-50%) rotate(-90deg);
-      -ms-transform: translate(0,-50%) rotate(-90deg);
       transform: translate(0,-50%) rotate(-90deg);
     }
 
@@ -371,12 +329,8 @@ it('renders custom padding + background colour version correctly', () => {
     }
 
     .c1 .carousel .richtext-carousel {
-      -webkit-transition: -webkit-transform 0.75s;
-      -webkit-transition: -webkit-transform 0.75s;
       transition: -webkit-transform 0.75s;
       -o-transition: transform 0.75s;
-      -webkit-transition: -webkit-transform 0.75s;
-      -webkit-transition: transform 0.75s;
       transition: transform 0.75s;
       -webkit-transform: 0.75s;
       will-change: transform;
@@ -387,25 +341,14 @@ it('renders custom padding + background colour version correctly', () => {
     }
 
     .c1 .carousel .richtext-carousel .carousel__slide {
-      padding-bottom: 300px !important;
+      padding-bottom: 300px!important;
     }
 
     .c1 .carousel .richtext-carousel .carousel__slide .carousel__inner-slide {
       text-align: center;
-      display: -webkit-inline-box;
-      display: -webkit-inline-flex;
-      display: -ms-inline-flexbox;
       display: inline-flex;
-      -webkit-align-items: center;
-      -webkit-box-align: center;
-      -ms-flex-align: center;
       align-items: center;
-      -webkit-box-pack: start;
-      -webkit-justify-content: flex-start;
-      -ms-flex-pack: start;
       justify-content: flex-start;
-      -webkit-flex-direction: column;
-      -ms-flex-direction: column;
       flex-direction: column;
     }
 
@@ -424,23 +367,23 @@ it('renders custom padding + background colour version correctly', () => {
       padding: 4rem 0 4rem;
     }
 
-    @media (min-width:740px) {
+    @media (min-width: 740px) {
       .c3 {
         height: 350px;
         width: 85%;
       }
     }
 
-    @media (min-width:1024px) {
+    @media (min-width: 1024px) {
       .c3 {
         height: 350px;
       }
     }
 
-    @media (min-width:740px) {
+    @media (min-width: 740px) {
       .c1 .carousel button.carousel__back-button,
       .c1 .carousel button.carousel__next-button {
-        width: 33.3% !important;
+        width: 33.3%!important;
       }
 
       .c1 .carousel button.carousel__back-button:after,
@@ -449,77 +392,57 @@ it('renders custom padding + background colour version correctly', () => {
       }
     }
 
-    @media (min-width:740px) {
+    @media (min-width: 740px) {
       .c1 .carousel .richtext-carousel .carousel__slide {
-        padding-bottom: 350px !important;
+        padding-bottom: 350px!important;
       }
 
-      .c1 .carousel .richtext-carousel .carousel__slide .carousel__inner-slide > div:first-child {
-        -webkit-transition: -webkit-transform 0.75s ease;
-        -webkit-transition: transform 0.75s ease;
+      .c1 .carousel .richtext-carousel .carousel__slide .carousel__inner-slide >div:first-child {
         transition: transform 0.75s ease;
-        -webkit-transform-origin: center;
-        -ms-transform-origin: center;
         transform-origin: center;
-        -webkit-transform: scale(0.8);
-        -ms-transform: scale(0.8);
         transform: scale(0.8);
       }
 
-      .c1 .carousel .richtext-carousel .carousel__slide .carousel__inner-slide > div:first-child:after {
-        -webkit-transition: -webkit-transform 0.75s ease,width 0.75s ease,right 0.75s ease;
-        -webkit-transition: transform 0.75s ease,width 0.75s ease,right 0.75s ease;
+      .c1 .carousel .richtext-carousel .carousel__slide .carousel__inner-slide >div:first-child:after {
         transition: transform 0.75s ease,width 0.75s ease,right 0.75s ease;
         width: 100%;
         right: calc(-100% - 6px);
-        -webkit-transform: scale(1);
-        -ms-transform: scale(1);
         transform: scale(1);
       }
 
-      .c1 .carousel .richtext-carousel .carousel__slide.carousel__slide--visible .carousel__inner-slide > div:first-child:after {
+      .c1 .carousel .richtext-carousel .carousel__slide.carousel__slide--visible .carousel__inner-slide >div:first-child:after {
         width: 33%;
         right: calc(-33% - 3px);
-        -webkit-transform: scale(1);
-        -ms-transform: scale(1);
         transform: scale(1);
       }
 
-      .c1 .carousel .richtext-carousel .carousel__slide.carousel__slide--visible + .carousel__slide--visible .carousel__inner-slide > div:first-child {
-        -webkit-transform: scale(1);
-        -ms-transform: scale(1);
+      .c1 .carousel .richtext-carousel .carousel__slide.carousel__slide--visible +.carousel__slide--visible .carousel__inner-slide >div:first-child {
         transform: scale(1);
       }
 
-      .c1 .carousel .richtext-carousel .carousel__slide.carousel__slide--visible + .carousel__slide--visible .carousel__inner-slide > div:first-child:after {
+      .c1 .carousel .richtext-carousel .carousel__slide.carousel__slide--visible +.carousel__slide--visible .carousel__inner-slide >div:first-child:after {
         width: 33%;
         right: calc(-33% + 3px);
-        -webkit-transform: scale(0.8);
-        -ms-transform: scale(0.8);
         transform: scale(0.8);
       }
 
-      .c1 .carousel .richtext-carousel .carousel__slide.carousel__slide--visible + .carousel__slide--visible + .carousel__slide--visible > div > div:first-child {
-        -webkit-transform: scale(0.8);
-        -ms-transform: scale(0.8);
+      .c1 .carousel .richtext-carousel .carousel__slide.carousel__slide--visible +.carousel__slide--visible +.carousel__slide--visible >div>div:first-child {
         transform: scale(0.8);
       }
 
-      .c1 .carousel .richtext-carousel .carousel__slide.carousel__slide--visible + .carousel__slide--visible + .carousel__slide--visible > div > div:first-child:after {
+      .c1 .carousel .richtext-carousel .carousel__slide.carousel__slide--visible +.carousel__slide--visible +.carousel__slide--visible >div>div:first-child:after {
         width: 50%;
         right: calc(-50% - 6px);
-        -webkit-transform: scale(1);
-        -ms-transform: scale(1);
         transform: scale(1);
       }
     }
 
-    @media (min-width:1024px) {
+    @media (min-width: 1024px) {
       .c1 .carousel .richtext-carousel .carousel__slide {
-        padding-bottom: 350px !important;
+        padding-bottom: 350px!important;
       }
 
-      .c1 .carousel .richtext-carousel .carousel__slide.carousel__slide--visible + .carousel__slide--visible + .carousel__slide--visible .carousel__inner-slide > div:first-child:after {
+      .c1 .carousel .richtext-carousel .carousel__slide.carousel__slide--visible +.carousel__slide--visible +.carousel__slide--visible .carousel__inner-slide >div:first-child:after {
         right: calc(-125% - 5px);
         width: 125%;
       }
@@ -527,10 +450,17 @@ it('renders custom padding + background colour version correctly', () => {
 
     <div
       className="c0"
+      paddingBottom="4rem"
+      paddingTop="4rem"
+      rowBackgroundColour="teal_light"
     >
       <div
+        carouselBackgroundColour="white"
         className="c1 CarouselWrapper"
+        desktopHeight={350}
         id="nqIEHjiYE8Yd2A2a5cI31"
+        mobileHeight={300}
+        tabletHeight={350}
       >
         <div
           className="c2"
@@ -546,12 +476,11 @@ it('renders custom padding + background colour version correctly', () => {
             className="horizontalSlider___281Ls carousel__slider carousel__slider--horizontal"
             onKeyDown={[Function]}
             role="listbox"
-            style={Object {}}
-            tabIndex={0}
+            style={{}}
           >
             <div
               className="carousel__slider-tray-wrapper carousel__slider-tray-wrap--horizontal"
-              style={Object {}}
+              style={{}}
             >
               <div
                 className="sliderTray___-vHFQ richtext-carousel carousel__slider-tray carousel__slider-tray--horizontal"
@@ -562,7 +491,7 @@ it('renders custom padding + background colour version correctly', () => {
                 onTouchMove={[Function]}
                 onTouchStart={[Function]}
                 style={
-                  Object {
+                  {
                     "flexDirection": "row",
                     "transform": "translateX(0%) translateX(0px)",
                     "width": "200%",
@@ -577,16 +506,15 @@ it('renders custom padding + background colour version correctly', () => {
                   onFocus={[Function]}
                   role="option"
                   style={
-                    Object {
+                    {
                       "paddingBottom": "66.66666666666667%",
                       "width": "16.666666666666668%",
                     }
                   }
-                  tabIndex={0}
                 >
                   <div
                     className="slideInner___2mfX9 carousel__inner-slide"
-                    style={Object {}}
+                    style={{}}
                   />
                 </div>
                 <div
@@ -597,19 +525,23 @@ it('renders custom padding + background colour version correctly', () => {
                   onFocus={[Function]}
                   role="option"
                   style={
-                    Object {
+                    {
                       "paddingBottom": "66.66666666666667%",
                       "width": "16.666666666666668%",
                     }
                   }
-                  tabIndex={0}
                 >
                   <div
                     className="slideInner___2mfX9 carousel__inner-slide"
-                    style={Object {}}
+                    style={{}}
                   >
                     <div
                       className="c3 slide-copy-wrapper"
+                      desktopHeight={350}
+                      mobileHeight={300}
+                      nodeBackgroundColour="white"
+                      nodeOutlineColour="grey"
+                      tabletHeight={350}
                     >
                       Some other longside but not really all that long copy, who knows, it could be this long or LESS.
                     </div>
@@ -623,19 +555,23 @@ it('renders custom padding + background colour version correctly', () => {
                   onFocus={[Function]}
                   role="option"
                   style={
-                    Object {
+                    {
                       "paddingBottom": "66.66666666666667%",
                       "width": "16.666666666666668%",
                     }
                   }
-                  tabIndex={0}
                 >
                   <div
                     className="slideInner___2mfX9 carousel__inner-slide"
-                    style={Object {}}
+                    style={{}}
                   >
                     <div
                       className="c3 slide-copy-wrapper"
+                      desktopHeight={350}
+                      mobileHeight={300}
+                      nodeBackgroundColour="white"
+                      nodeOutlineColour="grey"
+                      tabletHeight={350}
                     >
                       140 character count limit imposed in messages to fix the design height of each container and restrict anomalies. This is based on Twitters character limit for tweets.
                     </div>
@@ -649,19 +585,23 @@ it('renders custom padding + background colour version correctly', () => {
                   onFocus={[Function]}
                   role="option"
                   style={
-                    Object {
+                    {
                       "paddingBottom": "66.66666666666667%",
                       "width": "16.666666666666668%",
                     }
                   }
-                  tabIndex={-1}
                 >
                   <div
                     className="slideInner___2mfX9 carousel__inner-slide"
-                    style={Object {}}
+                    style={{}}
                   >
                     <div
                       className="c3 slide-copy-wrapper"
+                      desktopHeight={350}
+                      mobileHeight={300}
+                      nodeBackgroundColour="white"
+                      nodeOutlineColour="grey"
+                      tabletHeight={350}
                     >
                       Some other longside but not really all that long copy, who knows, it could be this long or LESS
                     </div>
@@ -675,19 +615,23 @@ it('renders custom padding + background colour version correctly', () => {
                   onFocus={[Function]}
                   role="option"
                   style={
-                    Object {
+                    {
                       "paddingBottom": "66.66666666666667%",
                       "width": "16.666666666666668%",
                     }
                   }
-                  tabIndex={-1}
                 >
                   <div
                     className="slideInner___2mfX9 carousel__inner-slide"
-                    style={Object {}}
+                    style={{}}
                   >
                     <div
                       className="c3 slide-copy-wrapper"
+                      desktopHeight={350}
+                      mobileHeight={300}
+                      nodeBackgroundColour="white"
+                      nodeOutlineColour="grey"
+                      tabletHeight={350}
                     >
                       140 character count limit imposed in messages to fix the design height of each container and restrict anomalies. This is based on Twitters character limit for tweets. ABIGLONGLINETOFORCEONTOANEWONE
                     </div>
@@ -701,16 +645,15 @@ it('renders custom padding + background colour version correctly', () => {
                   onFocus={[Function]}
                   role="option"
                   style={
-                    Object {
+                    {
                       "paddingBottom": "66.66666666666667%",
                       "width": "16.666666666666668%",
                     }
                   }
-                  tabIndex={-1}
                 >
                   <div
                     className="slideInner___2mfX9 carousel__inner-slide"
-                    style={Object {}}
+                    style={{}}
                   />
                 </div>
               </div>
diff --git a/src/components/Organisms/RichtextCarousel/RichtextCarouselExample.jsx b/src/components/Organisms/RichtextCarousel/RichtextCarouselExample.jsx
new file mode 100644
index 000000000..5e5c0164c
--- /dev/null
+++ b/src/components/Organisms/RichtextCarousel/RichtextCarouselExample.jsx
@@ -0,0 +1,19 @@
+import React from 'react';
+import RichtextCarousel from './RichtextCarousel';
+import { RichtextCarouselItems, RichtextCarouselItemsWithPadding } from '../../../data/data';
+
+export default function RichtextCarouselExample() {
+  return (
+    <>
+      <div>
+        <h2 style={{ textAlign: 'center' }}>Richtext Carousel #1 (default padding)</h2>
+        <RichtextCarousel data={RichtextCarouselItems} />
+      </div>
+
+      <div>
+        <h2 style={{ textAlign: 'center' }}>Richtext Carousel #2 (custom padding)</h2>
+        <RichtextCarousel data={RichtextCarouselItemsWithPadding} />
+      </div>
+    </>
+  );
+}
diff --git a/src/components/Organisms/WYMDCarousel/WYMDCarousel.md b/src/components/Organisms/WYMDCarousel/WYMDCarousel.md
deleted file mode 100644
index 217e1a811..000000000
--- a/src/components/Organisms/WYMDCarousel/WYMDCarousel.md
+++ /dev/null
@@ -1,49 +0,0 @@
-# 'What Your Money Does' Carousel
-
-```js
-const { carouselItemsComplete } = require('../../../styleguide/data/data');
-import Text from '../../Atoms/Text/Text';
-
-    <div>
-        <h2 style={{textAlign: 'center'}}>
-            All fields supplied, autoplay on, default padding:
-        </h2>
-        <WYMDCarousel data={carouselItemsComplete}/>
-    </div>
-```
-
-```js
-const { carouselItemsCompleteWithPadding } = require('../../../styleguide/data/data');
-import Text from '../../Atoms/Text/Text';
-
-    <div>
-        <h2 style={{textAlign: 'center'}}>
-            All fields supplied, autoplay on, custom padding:
-        </h2>
-        <WYMDCarousel data={carouselItemsCompleteWithPadding}/>
-    </div>
-```
-
-```js
-const { carouselItemsIncomplete } = require('../../../styleguide/data/data');
-import Text from '../../Atoms/Text/Text';
-
-    <div>
-        <h2 style={{textAlign: 'center'}}>
-            All REQUIRED fields supplied (nodes 1-4), various incomplete nodes, node 11 complete, autoplay off:
-        </h2>
-        <WYMDCarousel data={carouselItemsIncomplete}/>
-    </div>
-```
-
-```js
-const { carouselItemsMinimal } = require('../../../styleguide/data/data');
-import Text from '../../Atoms/Text/Text';
-
-    <div>
-        <h2 style={{textAlign: 'center'}}>
-            All REQUIRED fields supplied (nodes 1-4), autoplay off:
-        </h2>
-        <WYMDCarousel data={carouselItemsMinimal}/>
-    </div>
-```
\ No newline at end of file
diff --git a/src/components/Organisms/WYMDCarousel/WYMDCarousel.test.js b/src/components/Organisms/WYMDCarousel/WYMDCarousel.test.js
index 977b27927..b8339d74a 100644
--- a/src/components/Organisms/WYMDCarousel/WYMDCarousel.test.js
+++ b/src/components/Organisms/WYMDCarousel/WYMDCarousel.test.js
@@ -3,7 +3,7 @@ import "jest-styled-components";
 
 import renderWithTheme from "../../../../tests/hoc/shallowWithTheme";
 import WYMDCarousel from "./WYMDCarousel";
-const { carouselItemsComplete, carouselItemsCompleteWithPadding } = require("../../../styleguide/data/data");
+const { carouselItemsComplete, carouselItemsCompleteWithPadding } = require("../../../data/data");
 
 it("renders the default padding version correctly", () => {
   const tree = renderWithTheme(
diff --git a/src/components/Organisms/WYMDCarousel/WYMDCarouselExample.jsx b/src/components/Organisms/WYMDCarousel/WYMDCarouselExample.jsx
new file mode 100644
index 000000000..cbcac19e6
--- /dev/null
+++ b/src/components/Organisms/WYMDCarousel/WYMDCarouselExample.jsx
@@ -0,0 +1,29 @@
+import React from 'react';
+import WYMDCarousel from './WYMDCarousel';
+import { carouselItemsComplete, carouselItemsCompleteWithPadding, carouselItemsIncomplete, carouselItemsMinimal } from '../../../data/data';
+
+export default function WYMDCarouselExample() {
+  return (
+    <>
+      <div>
+        <h2 style={{ textAlign: 'center' }}>All fields supplied, autoplay on, default padding:</h2>
+        <WYMDCarousel data={carouselItemsComplete} />
+      </div>
+
+      <div>
+        <h2 style={{ textAlign: 'center' }}>All fields supplied, autoplay on, custom padding:</h2>
+        <WYMDCarousel data={carouselItemsCompleteWithPadding} />
+      </div>
+
+      <div>
+        <h2 style={{ textAlign: 'center' }}>All REQUIRED fields supplied (nodes 1-4), various incomplete nodes, autoplay off:</h2>
+        <WYMDCarousel data={carouselItemsIncomplete} />
+      </div>
+
+      <div>
+        <h2 style={{ textAlign: 'center' }}>All REQUIRED fields supplied (nodes 1-4), autoplay off:</h2>
+        <WYMDCarousel data={carouselItemsMinimal} />
+      </div>
+    </>
+  );
+}
diff --git a/src/components/Organisms/WYMDCarousel/__snapshots__/WYMDCarousel.test.js.snap b/src/components/Organisms/WYMDCarousel/__snapshots__/WYMDCarousel.test.js.snap
index 2c6f1380d..3724f3ae0 100644
--- a/src/components/Organisms/WYMDCarousel/__snapshots__/WYMDCarousel.test.js.snap
+++ b/src/components/Organisms/WYMDCarousel/__snapshots__/WYMDCarousel.test.js.snap
@@ -345,9 +345,6 @@ exports[`renders the customised padding version correctly:
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: 400;
   text-transform: inherit;
-  -webkit-letter-spacing: 0;
-  -moz-letter-spacing: 0;
-  -ms-letter-spacing: 0;
   letter-spacing: 0;
   font-size: 1rem;
   line-height: 1.25rem;
@@ -366,9 +363,6 @@ exports[`renders the customised padding version correctly:
   font-family: 'Anton',Impact,sans-serif;
   font-weight: 400;
   text-transform: uppercase;
-  -webkit-letter-spacing: 0;
-  -moz-letter-spacing: 0;
-  -ms-letter-spacing: 0;
   letter-spacing: 0;
   font-size: 2rem;
   line-height: 2rem;
@@ -389,9 +383,6 @@ exports[`renders the customised padding version correctly:
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: 400;
   text-transform: inherit;
-  -webkit-letter-spacing: 0;
-  -moz-letter-spacing: 0;
-  -ms-letter-spacing: 0;
   letter-spacing: 0;
   font-size: 1rem;
   line-height: 1.25rem;
@@ -406,9 +397,6 @@ exports[`renders the customised padding version correctly:
   font-family: 'Anton',Impact,sans-serif;
   font-weight: 400;
   text-transform: uppercase;
-  -webkit-letter-spacing: 0;
-  -moz-letter-spacing: 0;
-  -ms-letter-spacing: 0;
   letter-spacing: 0;
   font-size: 2rem;
   line-height: 2rem;
@@ -516,9 +504,9 @@ exports[`renders the customised padding version correctly:
   position: absolute;
   left: 0;
   top: 0;
-  width: 33% !important;
+  width: 33%!important;
   height: 100%;
-  padding: 0 !important;
+  padding: 0!important;
   box-shadow: none;
   text-indent: -9999px;
   background-color: transparent;
@@ -533,7 +521,6 @@ exports[`renders the customised padding version correctly:
   left: 0;
   width: 50%;
   height: 100%;
-  -webkit-transition: opacity 0.2s linear;
   transition: opacity 0.2s linear;
   background: linear-gradient(90deg,rgba(255,255,255,1),rgba(255,255,255,0.5),rgba(255,255,255,0));
 }
@@ -549,8 +536,6 @@ exports[`renders the customised padding version correctly:
 }
 
 .c1 .carousel button.carousel__next-button:before {
-  -webkit-transform: translate(0,-50%) rotate(-90deg);
-  -ms-transform: translate(0,-50%) rotate(-90deg);
   transform: translate(0,-50%) rotate(-90deg);
 }
 
@@ -561,12 +546,8 @@ exports[`renders the customised padding version correctly:
 }
 
 .c1 .carousel .wymd-carousel {
-  -webkit-transition: -webkit-transform 0.75s;
-  -webkit-transition: -webkit-transform 0.75s;
   transition: -webkit-transform 0.75s;
   -o-transition: transform 0.75s;
-  -webkit-transition: -webkit-transform 0.75s;
-  -webkit-transition: transform 0.75s;
   transition: transform 0.75s;
   -webkit-transform: 0.75s;
   will-change: transform;
@@ -577,25 +558,14 @@ exports[`renders the customised padding version correctly:
 }
 
 .c1 .carousel .wymd-carousel .carousel__slide {
-  padding-bottom: 425px !important;
+  padding-bottom: 425px!important;
 }
 
 .c1 .carousel .wymd-carousel .carousel__slide .carousel__inner-slide {
   text-align: center;
-  display: -webkit-inline-box;
-  display: -webkit-inline-flex;
-  display: -ms-inline-flexbox;
   display: inline-flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
   align-items: center;
-  -webkit-box-pack: start;
-  -webkit-justify-content: flex-start;
-  -ms-flex-pack: start;
   justify-content: flex-start;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
   flex-direction: column;
 }
 
@@ -604,63 +574,63 @@ exports[`renders the customised padding version correctly:
   padding: 4rem 0 4rem;
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c2 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c2 {
     font-size: 1.125rem;
     line-height: 1.375rem;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c4 {
     font-size: 2.5rem;
     line-height: 2.5rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c4 {
     font-size: 3rem;
     line-height: 3rem;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c6 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c6 {
     font-size: 1.125rem;
     line-height: 1.375rem;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c10 {
     font-size: 2.5rem;
     line-height: 2.5rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c10 {
     font-size: 3rem;
     line-height: 3rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c8 {
     width: 50%;
     padding: 9%;
@@ -672,51 +642,51 @@ exports[`renders the customised padding version correctly:
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c9 h1 {
     font-size: 40px;
     line-height: 40px;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c3:first-child {
     font-size: 20px;
     line-height: 24.38px;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c5 {
     font-size: 60px;
     line-height: 60px;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c5 {
     font-size: 64px;
     line-height: 68px;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c7 {
     font-size: 17px;
     line-height: 19px;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c1 .carousel {
     padding-top: 2rem;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c1 .carousel button.carousel__back-button,
   .c1 .carousel button.carousel__next-button {
-    width: 33.3% !important;
+    width: 33.3%!important;
   }
 
   .c1 .carousel button.carousel__back-button:after,
@@ -725,124 +695,102 @@ exports[`renders the customised padding version correctly:
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c1 .carousel .wymd-carousel .carousel__slide {
-    padding-bottom: 450px !important;
+    padding-bottom: 450px!important;
   }
 
-  .c1 .carousel .wymd-carousel .carousel__slide .carousel__inner-slide > div:first-child {
-    -webkit-transition: -webkit-transform 0.75s ease;
-    -webkit-transition: transform 0.75s ease;
+  .c1 .carousel .wymd-carousel .carousel__slide .carousel__inner-slide >div:first-child {
     transition: transform 0.75s ease;
-    -webkit-transform: scale(0.5);
-    -ms-transform: scale(0.5);
     transform: scale(0.5);
   }
 
-  .c1 .carousel .wymd-carousel .carousel__slide .carousel__inner-slide > div:first-child:after {
-    -webkit-transition: -webkit-transform 0.75s ease,width 0.75s ease,right 0.75s ease;
-    -webkit-transition: transform 0.75s ease,width 0.75s ease,right 0.75s ease;
+  .c1 .carousel .wymd-carousel .carousel__slide .carousel__inner-slide >div:first-child:after {
     transition: transform 0.75s ease,width 0.75s ease,right 0.75s ease;
     right: calc(-300% - 6px);
-    -webkit-transform: scale(1);
-    -ms-transform: scale(1);
     transform: scale(1);
     width: 300%;
   }
 
   .c1 .carousel .wymd-carousel .carousel__slide .carousel__inner-slide .all-text-wrapper {
-    -webkit-transition: -webkit-transform 0.75s ease;
-    -webkit-transition: transform 0.75s ease;
     transition: transform 0.75s ease;
-    -webkit-transform-origin: top;
-    -ms-transform-origin: top;
     transform-origin: top;
-    -webkit-transform: translateY(calc(-45px + 5%)) scale(0.5);
-    -ms-transform: translateY(calc(-45px + 5%)) scale(0.5);
     transform: translateY(calc(-45px + 5%)) scale(0.5);
   }
 
-  .c1 .carousel .wymd-carousel .carousel__slide.carousel__slide--visible .carousel__inner-slide > div:first-child:after {
+  .c1 .carousel .wymd-carousel .carousel__slide.carousel__slide--visible .carousel__inner-slide >div:first-child:after {
     right: calc(-300% - 6px);
-    -webkit-transform: scale(1);
-    -ms-transform: scale(1);
     transform: scale(1);
     width: 300%;
   }
 
-  .c1 .carousel .wymd-carousel .carousel__slide.carousel__slide--visible + .carousel__slide--visible .carousel__inner-slide > div:first-child {
-    -webkit-transform: scale(1);
-    -ms-transform: scale(1);
+  .c1 .carousel .wymd-carousel .carousel__slide.carousel__slide--visible +.carousel__slide--visible .carousel__inner-slide >div:first-child {
     transform: scale(1);
   }
 
-  .c1 .carousel .wymd-carousel .carousel__slide.carousel__slide--visible + .carousel__slide--visible .carousel__inner-slide > div:first-child:after {
+  .c1 .carousel .wymd-carousel .carousel__slide.carousel__slide--visible +.carousel__slide--visible .carousel__inner-slide >div:first-child:after {
     right: calc(-222% - 6px);
-    -webkit-transform: scale(0.5);
-    -ms-transform: scale(0.5);
     transform: scale(0.5);
     width: 300%;
   }
 
-  .c1 .carousel .wymd-carousel .carousel__slide.carousel__slide--visible + .carousel__slide--visible .all-text-wrapper {
-    -webkit-transform: translateY(0) scale(1);
-    -ms-transform: translateY(0) scale(1);
+  .c1 .carousel .wymd-carousel .carousel__slide.carousel__slide--visible +.carousel__slide--visible .all-text-wrapper {
     transform: translateY(0) scale(1);
   }
 
-  .c1 .carousel .wymd-carousel .carousel__slide.carousel__slide--visible + .carousel__slide--visible + .carousel__slide--visible > div > div:first-child {
-    -webkit-transform: scale(0.5);
-    -ms-transform: scale(0.5);
+  .c1 .carousel .wymd-carousel .carousel__slide.carousel__slide--visible +.carousel__slide--visible +.carousel__slide--visible >div>div:first-child {
     transform: scale(0.5);
   }
 
-  .c1 .carousel .wymd-carousel .carousel__slide.carousel__slide--visible + .carousel__slide--visible + .carousel__slide--visible > div > div:first-child:after {
+  .c1 .carousel .wymd-carousel .carousel__slide.carousel__slide--visible +.carousel__slide--visible +.carousel__slide--visible >div>div:first-child:after {
     right: calc(-300% - 6px);
-    -webkit-transform: scale(1);
-    -ms-transform: scale(1);
     transform: scale(1);
     width: 300%;
   }
 
-  .c1 .carousel .wymd-carousel .carousel__slide.carousel__slide--visible + .carousel__slide--visible + .carousel__slide--visible .all-text-wrapper {
-    -webkit-transform: translateY(calc(-45px + 5%)) scale(0.5);
-    -ms-transform: translateY(calc(-45px + 5%)) scale(0.5);
+  .c1 .carousel .wymd-carousel .carousel__slide.carousel__slide--visible +.carousel__slide--visible +.carousel__slide--visible .all-text-wrapper {
     transform: translateY(calc(-45px + 5%)) scale(0.5);
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c1 .carousel .wymd-carousel .carousel__slide {
-    padding-bottom: 475px !important;
+    padding-bottom: 475px!important;
   }
 
-  .c1 .carousel .wymd-carousel .carousel__slide.carousel__slide--visible .carousel__inner-slide > div:first-child:after {
+  .c1 .carousel .wymd-carousel .carousel__slide.carousel__slide--visible .carousel__inner-slide >div:first-child:after {
     right: calc(-250% - 6px);
     width: 250%;
   }
 
-  .c1 .carousel .wymd-carousel .carousel__slide.carousel__slide--visible + .carousel__slide--visible .carousel__inner-slide > div:first-child:after {
+  .c1 .carousel .wymd-carousel .carousel__slide.carousel__slide--visible +.carousel__slide--visible .carousel__inner-slide >div:first-child:after {
     right: calc(-187% - 6px);
     width: 250%;
   }
 
-  .c1 .carousel .wymd-carousel .carousel__slide.carousel__slide--visible + .carousel__slide--visible + .carousel__slide--visible .carousel__inner-slide > div:first-child:after {
+  .c1 .carousel .wymd-carousel .carousel__slide.carousel__slide--visible +.carousel__slide--visible +.carousel__slide--visible .carousel__inner-slide >div:first-child:after {
     right: calc(-250% - 6px);
     width: 250%;
   }
 }
 
 <div
+  backgroundColour="teal_light"
   className="c0"
+  paddingBottom="4rem"
+  paddingTop="4rem"
 >
   <div
     className="c1 CarouselWrapper"
+    desktopHeight={475}
     id="7zdR84QkZwrTh9NWx2H926"
+    mobileHeight={425}
+    tabletHeight={450}
   >
     <p
       className="c2 c3"
     >
-      Over the past two years, we’ve supported
+      Over the past two years, we've supported
     </p>
     <h1
       className="c4 c5"
@@ -863,12 +811,11 @@ exports[`renders the customised padding version correctly:
         className="horizontalSlider___281Ls carousel__slider carousel__slider--horizontal"
         onKeyDown={[Function]}
         role="listbox"
-        style={Object {}}
-        tabIndex={0}
+        style={{}}
       >
         <div
           className="carousel__slider-tray-wrapper carousel__slider-tray-wrap--horizontal"
-          style={Object {}}
+          style={{}}
         >
           <div
             className="sliderTray___-vHFQ wymd-carousel carousel__slider-tray carousel__slider-tray--horizontal"
@@ -879,7 +826,7 @@ exports[`renders the customised padding version correctly:
             onTouchMove={[Function]}
             onTouchStart={[Function]}
             style={
-              Object {
+              {
                 "flexDirection": "row",
                 "transform": "translateX(0%) translateX(0px)",
                 "width": "366.6666666666667%",
@@ -894,16 +841,15 @@ exports[`renders the customised padding version correctly:
               onFocus={[Function]}
               role="option"
               style={
-                Object {
+                {
                   "paddingBottom": "36.36363636363637%",
                   "width": "9.090909090909092%",
                 }
               }
-              tabIndex={0}
             >
               <div
                 className="slideInner___2mfX9 carousel__inner-slide"
-                style={Object {}}
+                style={{}}
               />
             </div>
             <div
@@ -914,16 +860,15 @@ exports[`renders the customised padding version correctly:
               onFocus={[Function]}
               role="option"
               style={
-                Object {
+                {
                   "paddingBottom": "36.36363636363637%",
                   "width": "9.090909090909092%",
                 }
               }
-              tabIndex={0}
             >
               <div
                 className="slideInner___2mfX9 carousel__inner-slide"
-                style={Object {}}
+                style={{}}
               >
                 <div
                   className="c8 image-wrapper"
@@ -965,16 +910,15 @@ exports[`renders the customised padding version correctly:
               onFocus={[Function]}
               role="option"
               style={
-                Object {
+                {
                   "paddingBottom": "36.36363636363637%",
                   "width": "9.090909090909092%",
                 }
               }
-              tabIndex={0}
             >
               <div
                 className="slideInner___2mfX9 carousel__inner-slide"
-                style={Object {}}
+                style={{}}
               >
                 <div
                   className="c8 image-wrapper"
@@ -1016,16 +960,15 @@ exports[`renders the customised padding version correctly:
               onFocus={[Function]}
               role="option"
               style={
-                Object {
+                {
                   "paddingBottom": "36.36363636363637%",
                   "width": "9.090909090909092%",
                 }
               }
-              tabIndex={-1}
             >
               <div
                 className="slideInner___2mfX9 carousel__inner-slide"
-                style={Object {}}
+                style={{}}
               >
                 <div
                   className="c8 image-wrapper"
@@ -1067,16 +1010,15 @@ exports[`renders the customised padding version correctly:
               onFocus={[Function]}
               role="option"
               style={
-                Object {
+                {
                   "paddingBottom": "36.36363636363637%",
                   "width": "9.090909090909092%",
                 }
               }
-              tabIndex={-1}
             >
               <div
                 className="slideInner___2mfX9 carousel__inner-slide"
-                style={Object {}}
+                style={{}}
               >
                 <div
                   className="c8 image-wrapper"
@@ -1118,16 +1060,15 @@ exports[`renders the customised padding version correctly:
               onFocus={[Function]}
               role="option"
               style={
-                Object {
+                {
                   "paddingBottom": "36.36363636363637%",
                   "width": "9.090909090909092%",
                 }
               }
-              tabIndex={-1}
             >
               <div
                 className="slideInner___2mfX9 carousel__inner-slide"
-                style={Object {}}
+                style={{}}
               >
                 <div
                   className="c8 image-wrapper"
@@ -1169,16 +1110,15 @@ exports[`renders the customised padding version correctly:
               onFocus={[Function]}
               role="option"
               style={
-                Object {
+                {
                   "paddingBottom": "36.36363636363637%",
                   "width": "9.090909090909092%",
                 }
               }
-              tabIndex={-1}
             >
               <div
                 className="slideInner___2mfX9 carousel__inner-slide"
-                style={Object {}}
+                style={{}}
               >
                 <div
                   className="c8 image-wrapper"
@@ -1220,16 +1160,15 @@ exports[`renders the customised padding version correctly:
               onFocus={[Function]}
               role="option"
               style={
-                Object {
+                {
                   "paddingBottom": "36.36363636363637%",
                   "width": "9.090909090909092%",
                 }
               }
-              tabIndex={-1}
             >
               <div
                 className="slideInner___2mfX9 carousel__inner-slide"
-                style={Object {}}
+                style={{}}
               >
                 <div
                   className="c8 image-wrapper"
@@ -1271,16 +1210,15 @@ exports[`renders the customised padding version correctly:
               onFocus={[Function]}
               role="option"
               style={
-                Object {
+                {
                   "paddingBottom": "36.36363636363637%",
                   "width": "9.090909090909092%",
                 }
               }
-              tabIndex={-1}
             >
               <div
                 className="slideInner___2mfX9 carousel__inner-slide"
-                style={Object {}}
+                style={{}}
               >
                 <div
                   className="c8 image-wrapper"
@@ -1322,16 +1260,15 @@ exports[`renders the customised padding version correctly:
               onFocus={[Function]}
               role="option"
               style={
-                Object {
+                {
                   "paddingBottom": "36.36363636363637%",
                   "width": "9.090909090909092%",
                 }
               }
-              tabIndex={-1}
             >
               <div
                 className="slideInner___2mfX9 carousel__inner-slide"
-                style={Object {}}
+                style={{}}
               >
                 <div
                   className="c8 image-wrapper"
@@ -1373,16 +1310,15 @@ exports[`renders the customised padding version correctly:
               onFocus={[Function]}
               role="option"
               style={
-                Object {
+                {
                   "paddingBottom": "36.36363636363637%",
                   "width": "9.090909090909092%",
                 }
               }
-              tabIndex={-1}
             >
               <div
                 className="slideInner___2mfX9 carousel__inner-slide"
-                style={Object {}}
+                style={{}}
               />
             </div>
           </div>
@@ -1756,9 +1692,6 @@ exports[`renders the default padding version correctly:
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: 400;
   text-transform: inherit;
-  -webkit-letter-spacing: 0;
-  -moz-letter-spacing: 0;
-  -ms-letter-spacing: 0;
   letter-spacing: 0;
   font-size: 1rem;
   line-height: 1.25rem;
@@ -1777,9 +1710,6 @@ exports[`renders the default padding version correctly:
   font-family: 'Anton',Impact,sans-serif;
   font-weight: 400;
   text-transform: uppercase;
-  -webkit-letter-spacing: 0;
-  -moz-letter-spacing: 0;
-  -ms-letter-spacing: 0;
   letter-spacing: 0;
   font-size: 2rem;
   line-height: 2rem;
@@ -1800,9 +1730,6 @@ exports[`renders the default padding version correctly:
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
   font-weight: 400;
   text-transform: inherit;
-  -webkit-letter-spacing: 0;
-  -moz-letter-spacing: 0;
-  -ms-letter-spacing: 0;
   letter-spacing: 0;
   font-size: 1rem;
   line-height: 1.25rem;
@@ -1860,9 +1787,9 @@ exports[`renders the default padding version correctly:
   position: absolute;
   left: 0;
   top: 0;
-  width: 33% !important;
+  width: 33%!important;
   height: 100%;
-  padding: 0 !important;
+  padding: 0!important;
   box-shadow: none;
   text-indent: -9999px;
   background-color: transparent;
@@ -1877,7 +1804,6 @@ exports[`renders the default padding version correctly:
   left: 0;
   width: 50%;
   height: 100%;
-  -webkit-transition: opacity 0.2s linear;
   transition: opacity 0.2s linear;
   background: linear-gradient(90deg,rgba(255,255,255,1),rgba(255,255,255,0.5),rgba(255,255,255,0));
 }
@@ -1893,8 +1819,6 @@ exports[`renders the default padding version correctly:
 }
 
 .c1 .carousel button.carousel__next-button:before {
-  -webkit-transform: translate(0,-50%) rotate(-90deg);
-  -ms-transform: translate(0,-50%) rotate(-90deg);
   transform: translate(0,-50%) rotate(-90deg);
 }
 
@@ -1905,12 +1829,8 @@ exports[`renders the default padding version correctly:
 }
 
 .c1 .carousel .wymd-carousel {
-  -webkit-transition: -webkit-transform 0.75s;
-  -webkit-transition: -webkit-transform 0.75s;
   transition: -webkit-transform 0.75s;
   -o-transition: transform 0.75s;
-  -webkit-transition: -webkit-transform 0.75s;
-  -webkit-transition: transform 0.75s;
   transition: transform 0.75s;
   -webkit-transform: 0.75s;
   will-change: transform;
@@ -1921,25 +1841,14 @@ exports[`renders the default padding version correctly:
 }
 
 .c1 .carousel .wymd-carousel .carousel__slide {
-  padding-bottom: 425px !important;
+  padding-bottom: 425px!important;
 }
 
 .c1 .carousel .wymd-carousel .carousel__slide .carousel__inner-slide {
   text-align: center;
-  display: -webkit-inline-box;
-  display: -webkit-inline-flex;
-  display: -ms-inline-flexbox;
   display: inline-flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
   align-items: center;
-  -webkit-box-pack: start;
-  -webkit-justify-content: flex-start;
-  -ms-flex-pack: start;
   justify-content: flex-start;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
   flex-direction: column;
 }
 
@@ -1948,86 +1857,86 @@ exports[`renders the default padding version correctly:
   padding: 2rem 0 2rem;
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c2 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c2 {
     font-size: 1.125rem;
     line-height: 1.375rem;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c4 {
     font-size: 2.5rem;
     line-height: 2.5rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c4 {
     font-size: 3rem;
     line-height: 3rem;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c6 {
     font-size: 1rem;
     line-height: 1.25rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c6 {
     font-size: 1.125rem;
     line-height: 1.375rem;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c3:first-child {
     font-size: 20px;
     line-height: 24.38px;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c5 {
     font-size: 60px;
     line-height: 60px;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c5 {
     font-size: 64px;
     line-height: 68px;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c7 {
     font-size: 17px;
     line-height: 19px;
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c1 .carousel {
     padding-top: 2rem;
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c1 .carousel button.carousel__back-button,
   .c1 .carousel button.carousel__next-button {
-    width: 33.3% !important;
+    width: 33.3%!important;
   }
 
   .c1 .carousel button.carousel__back-button:after,
@@ -2036,124 +1945,102 @@ exports[`renders the default padding version correctly:
   }
 }
 
-@media (min-width:740px) {
+@media (min-width: 740px) {
   .c1 .carousel .wymd-carousel .carousel__slide {
-    padding-bottom: 450px !important;
+    padding-bottom: 450px!important;
   }
 
-  .c1 .carousel .wymd-carousel .carousel__slide .carousel__inner-slide > div:first-child {
-    -webkit-transition: -webkit-transform 0.75s ease;
-    -webkit-transition: transform 0.75s ease;
+  .c1 .carousel .wymd-carousel .carousel__slide .carousel__inner-slide >div:first-child {
     transition: transform 0.75s ease;
-    -webkit-transform: scale(0.5);
-    -ms-transform: scale(0.5);
     transform: scale(0.5);
   }
 
-  .c1 .carousel .wymd-carousel .carousel__slide .carousel__inner-slide > div:first-child:after {
-    -webkit-transition: -webkit-transform 0.75s ease,width 0.75s ease,right 0.75s ease;
-    -webkit-transition: transform 0.75s ease,width 0.75s ease,right 0.75s ease;
+  .c1 .carousel .wymd-carousel .carousel__slide .carousel__inner-slide >div:first-child:after {
     transition: transform 0.75s ease,width 0.75s ease,right 0.75s ease;
     right: calc(-300% - 6px);
-    -webkit-transform: scale(1);
-    -ms-transform: scale(1);
     transform: scale(1);
     width: 300%;
   }
 
   .c1 .carousel .wymd-carousel .carousel__slide .carousel__inner-slide .all-text-wrapper {
-    -webkit-transition: -webkit-transform 0.75s ease;
-    -webkit-transition: transform 0.75s ease;
     transition: transform 0.75s ease;
-    -webkit-transform-origin: top;
-    -ms-transform-origin: top;
     transform-origin: top;
-    -webkit-transform: translateY(calc(-45px + 5%)) scale(0.5);
-    -ms-transform: translateY(calc(-45px + 5%)) scale(0.5);
     transform: translateY(calc(-45px + 5%)) scale(0.5);
   }
 
-  .c1 .carousel .wymd-carousel .carousel__slide.carousel__slide--visible .carousel__inner-slide > div:first-child:after {
+  .c1 .carousel .wymd-carousel .carousel__slide.carousel__slide--visible .carousel__inner-slide >div:first-child:after {
     right: calc(-300% - 6px);
-    -webkit-transform: scale(1);
-    -ms-transform: scale(1);
     transform: scale(1);
     width: 300%;
   }
 
-  .c1 .carousel .wymd-carousel .carousel__slide.carousel__slide--visible + .carousel__slide--visible .carousel__inner-slide > div:first-child {
-    -webkit-transform: scale(1);
-    -ms-transform: scale(1);
+  .c1 .carousel .wymd-carousel .carousel__slide.carousel__slide--visible +.carousel__slide--visible .carousel__inner-slide >div:first-child {
     transform: scale(1);
   }
 
-  .c1 .carousel .wymd-carousel .carousel__slide.carousel__slide--visible + .carousel__slide--visible .carousel__inner-slide > div:first-child:after {
+  .c1 .carousel .wymd-carousel .carousel__slide.carousel__slide--visible +.carousel__slide--visible .carousel__inner-slide >div:first-child:after {
     right: calc(-222% - 6px);
-    -webkit-transform: scale(0.5);
-    -ms-transform: scale(0.5);
     transform: scale(0.5);
     width: 300%;
   }
 
-  .c1 .carousel .wymd-carousel .carousel__slide.carousel__slide--visible + .carousel__slide--visible .all-text-wrapper {
-    -webkit-transform: translateY(0) scale(1);
-    -ms-transform: translateY(0) scale(1);
+  .c1 .carousel .wymd-carousel .carousel__slide.carousel__slide--visible +.carousel__slide--visible .all-text-wrapper {
     transform: translateY(0) scale(1);
   }
 
-  .c1 .carousel .wymd-carousel .carousel__slide.carousel__slide--visible + .carousel__slide--visible + .carousel__slide--visible > div > div:first-child {
-    -webkit-transform: scale(0.5);
-    -ms-transform: scale(0.5);
+  .c1 .carousel .wymd-carousel .carousel__slide.carousel__slide--visible +.carousel__slide--visible +.carousel__slide--visible >div>div:first-child {
     transform: scale(0.5);
   }
 
-  .c1 .carousel .wymd-carousel .carousel__slide.carousel__slide--visible + .carousel__slide--visible + .carousel__slide--visible > div > div:first-child:after {
+  .c1 .carousel .wymd-carousel .carousel__slide.carousel__slide--visible +.carousel__slide--visible +.carousel__slide--visible >div>div:first-child:after {
     right: calc(-300% - 6px);
-    -webkit-transform: scale(1);
-    -ms-transform: scale(1);
     transform: scale(1);
     width: 300%;
   }
 
-  .c1 .carousel .wymd-carousel .carousel__slide.carousel__slide--visible + .carousel__slide--visible + .carousel__slide--visible .all-text-wrapper {
-    -webkit-transform: translateY(calc(-45px + 5%)) scale(0.5);
-    -ms-transform: translateY(calc(-45px + 5%)) scale(0.5);
+  .c1 .carousel .wymd-carousel .carousel__slide.carousel__slide--visible +.carousel__slide--visible +.carousel__slide--visible .all-text-wrapper {
     transform: translateY(calc(-45px + 5%)) scale(0.5);
   }
 }
 
-@media (min-width:1024px) {
+@media (min-width: 1024px) {
   .c1 .carousel .wymd-carousel .carousel__slide {
-    padding-bottom: 475px !important;
+    padding-bottom: 475px!important;
   }
 
-  .c1 .carousel .wymd-carousel .carousel__slide.carousel__slide--visible .carousel__inner-slide > div:first-child:after {
+  .c1 .carousel .wymd-carousel .carousel__slide.carousel__slide--visible .carousel__inner-slide >div:first-child:after {
     right: calc(-250% - 6px);
     width: 250%;
   }
 
-  .c1 .carousel .wymd-carousel .carousel__slide.carousel__slide--visible + .carousel__slide--visible .carousel__inner-slide > div:first-child:after {
+  .c1 .carousel .wymd-carousel .carousel__slide.carousel__slide--visible +.carousel__slide--visible .carousel__inner-slide >div:first-child:after {
     right: calc(-187% - 6px);
     width: 250%;
   }
 
-  .c1 .carousel .wymd-carousel .carousel__slide.carousel__slide--visible + .carousel__slide--visible + .carousel__slide--visible .carousel__inner-slide > div:first-child:after {
+  .c1 .carousel .wymd-carousel .carousel__slide.carousel__slide--visible +.carousel__slide--visible +.carousel__slide--visible .carousel__inner-slide >div:first-child:after {
     right: calc(-250% - 6px);
     width: 250%;
   }
 }
 
 <div
+  backgroundColour="grey_light"
   className="c0"
+  paddingBottom="2rem"
+  paddingTop="2rem"
 >
   <div
     className="c1 CarouselWrapper"
+    desktopHeight={475}
     id="7zdR84QkZwrTh9NWx2H926"
+    mobileHeight={425}
+    tabletHeight={450}
   >
     <p
       className="c2 c3"
     >
-      Over the past two years, we’ve supported
+      Over the past two years, we've supported
     </p>
     <h1
       className="c4 c5"
diff --git a/src/styleguide/data/data.js b/src/data/data.js
similarity index 93%
rename from src/styleguide/data/data.js
rename to src/data/data.js
index 48aefa122..013210fb6 100644
--- a/src/styleguide/data/data.js
+++ b/src/data/data.js
@@ -1,19 +1,27 @@
+import picture1 from '../assets/picture-1.jpg';
+import picture2 from '../assets/picture-2.jpg';
+import picture3 from '../assets/picture-3.jpg';
+import promoImg from '../assets/promo.jpg';
+import heroBannerImg from '../assets/PromoLW.jpg';
+import heroBannerLogoSquare from '../assets/HeroBannerLogo-Square.png';
+import heroBannerLogoWide from '../assets/HeroBannerLogo-Wide.png';
+import heroBannerLogoTall from '../assets/HeroBannerLogo-Tall.png';
+
 const defaultData = {
   title: 'What your money does',
   text:
-    'When you donate to Comic Relief or Sport Relief, you’re supporting vulnerable people and communities in the UK and internationally.',
+    "When you donate to Comic Relief or Sport Relief, you're supporting vulnerable people and communities in the UK and internationally.",
   pictures: {
-    small: 'picture-1.jpg',
-    medium: 'picture-2.jpg',
-    large: 'picture-3.jpg'
+    small: picture1,
+    medium: picture2,
+    large: picture3
   },
   ctaText: 'Find out how',
-  promoImage: '../promo.jpg',
-  heroBannerImage: '../PromoLW.jpg',
-  heroBannerLogoImageSquare: '../HeroBannerLogo-Square.png',
-  heroBannerLogoImageWide: '../HeroBannerLogo-Wide.png',
-  heroBannerLogoImageTall: '../HeroBannerLogo-Tall.png',
-  newsImage: '../newsPhoto.jpg',
+  promoImage: promoImg,
+  heroBannerImage: heroBannerImg,
+  heroBannerLogoImageSquare: heroBannerLogoSquare,
+  heroBannerLogoImageWide: heroBannerLogoWide,
+  heroBannerLogoImageTall: heroBannerLogoTall,
   imageLow:
     'http://images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=100&h=50&q=100',
   image:
@@ -60,7 +68,7 @@ const carouselItemsComplete = {
   mobileHeight: 425,
   tabletHeight: 450,
   desktopHeight: 475,
-  headerCopy: 'Over the past two years, we’ve supported',
+  headerCopy: "Over the past two years, we've supported",
   peopleHelpedText: '11.7 million people',
   autoPlay: false,
   node1Copy: 'children and young people in the UK and around the world, including with safe homes, good nutrition and access to quality healthcare and education.',
@@ -134,7 +142,7 @@ const carouselItemsCompleteWithPadding = {
   mobileHeight: 425,
   tabletHeight: 450,
   desktopHeight: 475,
-  headerCopy: 'Over the past two years, we’ve supported',
+  headerCopy: "Over the past two years, we've supported",
   peopleHelpedText: '11.7 million people',
   autoPlay: false,
   paddingBottom: '4rem',
@@ -211,7 +219,7 @@ const carouselItemsIncomplete = {
   mobileHeight: 450,
   tabletHeight: 500,
   desktopHeight: 475,
-  headerCopy: 'Over the past two years, we’ve supported',
+  headerCopy: "Over the past two years, we've supported",
   peopleHelpedText: '11.7 million people',
   autoPlay: false,
   node1Copy: 'children and young people in the UK and around the world, including with safe homes, good nutrition and access to quality healthcare and education.',
@@ -272,7 +280,7 @@ const carouselItemsMinimal = {
   mobileHeight: 450,
   tabletHeight: 500,
   desktopHeight: 475,
-  headerCopy: 'Over the past two years, we’ve supported',
+  headerCopy: "Over the past two years, we've supported",
   peopleHelpedText: '11.7 million people',
   autoPlay: false,
   node1Copy: 'children and young people in the UK and around the world, including with safe homes, good nutrition and access to quality healthcare and education.',
diff --git a/src/demos/ExampleDisplay.jsx b/src/demos/ExampleDisplay.jsx
new file mode 100644
index 000000000..d7d4eadfc
--- /dev/null
+++ b/src/demos/ExampleDisplay.jsx
@@ -0,0 +1,47 @@
+import React from 'react';
+
+const wrapperStyle = {
+  display: 'flex',
+  flexDirection: 'column',
+};
+
+const sourceWrapperStyle = {
+  marginTop: '1.5rem',
+  borderRadius: '4px',
+  overflow: 'hidden',
+  border: '1px solid #333',
+};
+
+const sourceLabelStyle = {
+  background: '#2d2d2d',
+  color: '#888',
+  padding: '0.35rem 0.75rem',
+  fontSize: '0.7rem',
+  fontFamily: 'monospace',
+  letterSpacing: '0.05em',
+  textTransform: 'uppercase',
+};
+
+const preStyle = {
+  background: '#1e1e1e',
+  color: '#d4d4d4',
+  padding: '1rem',
+  overflowX: 'auto',
+  fontSize: '0.75rem',
+  lineHeight: '1.6',
+  fontFamily: "'Fira Code', 'Consolas', 'Monaco', monospace",
+  margin: 0,
+  whiteSpace: 'pre',
+};
+
+export default function ExampleDisplay({ component, src }) {
+  return (
+    <div style={wrapperStyle}>
+      <div>{component}</div>
+      <div style={sourceWrapperStyle}>
+        <div style={sourceLabelStyle}>source</div>
+        <pre style={preStyle}>{src}</pre>
+      </div>
+    </div>
+  );
+}
diff --git a/src/demos/ThemeExample.jsx b/src/demos/ThemeExample.jsx
new file mode 100644
index 000000000..567d25a35
--- /dev/null
+++ b/src/demos/ThemeExample.jsx
@@ -0,0 +1,95 @@
+import React from 'react';
+import styled from 'styled-components';
+import Card from '../components/Molecules/Card/Card';
+import Text from '../components/Atoms/Text/Text';
+
+const Grid = styled.div`
+  display: flex;
+  flex-wrap: wrap;
+`;
+
+const Label = styled.div`
+  width: calc(25% - 2rem);
+  align-items: center;
+  justify-content: center;
+  text-align: left;
+  margin: 1rem;
+`;
+
+const Item = styled.div`
+  width: calc(25% - 2rem);
+  align-items: center;
+  justify-content: flex-end;
+  margin: 1rem;
+  div {
+    width: 160px;
+    height: 160px;
+    border-radius: 0.5rem;
+    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
+    justify-content: flex-end;
+  }
+`;
+
+export default function ThemeExample() {
+  return (
+    <div style={{ padding: '1rem' }}>
+      <Text tag="h3" family="Anton" uppercase color="black" size="l">Primary (CR Theme)</Text>
+      <Grid>
+        <Item><Card backgroundColor="white" height="auto"><Text tag="h3" color="black" size="s">DEFAULT / WHITE</Text><Text tag="p">#FFFFFF</Text></Card></Item>
+        <Item><Card backgroundColor="black" height="auto"><Text tag="h3" color="white" size="s">DEFAULT / BLACK</Text><Text tag="p" color="white">#000000</Text></Card></Item>
+      </Grid>
+
+      <Grid>
+        <Label><Card backgroundColor="white" height="auto"><Text tag="h3" color="black" size="xs">LIGHT</Text><Text tag="p" size="xxs">Used for light background</Text></Card></Label>
+        <Label><Card backgroundColor="white" height="auto"><Text tag="h3" color="black" size="xs">MEDIUM</Text><Text tag="p" size="xxs">Used as background and highlighted content</Text></Card></Label>
+        <Label><Card backgroundColor="white" height="auto"><Text tag="h3" color="black" size="xs">DEFAULT</Text><Text tag="p" size="xxs">Used on CTA default state and special features</Text></Card></Label>
+        <Label><Card backgroundColor="white" height="auto"><Text tag="h3" color="black" size="xs">DARK</Text><Text tag="p" size="xxs">Special CTA states (secondary and hovers)</Text></Card></Label>
+      </Grid>
+
+      <Grid>
+        <Item><Card backgroundColor="grey_light" height="auto"><Text tag="h3" color="black" size="xs">grey_light</Text><Text tag="p">#F4F2F4</Text></Card></Item>
+        <Item><Card backgroundColor="grey_medium" height="auto"><Text tag="h3" color="black" size="xs">grey_medium</Text><Text tag="p">#E1E2E3</Text></Card></Item>
+        <Item><Card backgroundColor="grey" height="auto"><Text tag="h3" color="white" size="xs">grey</Text><Text color="white" tag="p">#969598</Text></Card></Item>
+        <Item><Card backgroundColor="grey_4" height="auto"><Text tag="h3" color="white" size="xs">grey_4</Text><Text color="white" tag="p">#6E6E6E</Text></Card></Item>
+        <Item><Card backgroundColor="grey_dark" height="auto"><Text tag="h3" color="white" size="xs">grey_dark</Text><Text color="white" tag="p">#222222</Text></Card></Item>
+      </Grid>
+
+      <Grid>
+        <Item><Card backgroundColor="coral_light" height="auto"><Text tag="h3" color="black" size="xs">coral_light</Text><Text color="black" tag="p">#FFCECE</Text></Card></Item>
+        <Item><Card backgroundColor="coral" height="auto"><Text tag="h3" color="black" size="xs">coral</Text><Text color="black" tag="p">#F9686D</Text></Card></Item>
+        <Item><Card backgroundColor="red" height="auto"><Text tag="h3" color="white" size="xs">red</Text><Text color="white" tag="p">#E52630</Text></Card></Item>
+        <Item><Card backgroundColor="red_dark" height="auto"><Text tag="h3" color="white" size="xs">red_dark</Text><Text color="white" tag="p">#890B11</Text></Card></Item>
+      </Grid>
+
+      <Grid>
+        <Item><Card backgroundColor="blue_light" height="auto"><Text tag="h3" color="black" size="xs">blue_light</Text><Text color="black" tag="p">#BECCF9</Text></Card></Item>
+        <Item><Card backgroundColor="blue_royal" height="auto"><Text tag="h3" color="white" size="xs">blue_royal</Text><Text color="white" tag="p">#6489FC</Text></Card></Item>
+        <Item><Card backgroundColor="blue" height="auto"><Text tag="h3" color="white" size="xs">blue</Text><Text color="white" tag="p">#0565D1</Text></Card></Item>
+        <Item><Card backgroundColor="blue_dark" height="auto"><Text tag="h3" color="white" size="xs">blue_dark</Text><Text color="white" tag="p">#274084</Text></Card></Item>
+      </Grid>
+
+      <Grid>
+        <Item><Card backgroundColor="purple_light" height="auto"><Text tag="h3" color="black" size="xs">purple_light</Text><Text color="black" tag="p">#DFC6F6</Text></Card></Item>
+        <Item><Card backgroundColor="lavender" height="auto"><Text tag="h3" color="black" size="xs">lavender</Text><Text color="black" tag="p">#C180F9</Text></Card></Item>
+        <Item><Card backgroundColor="purple" height="auto"><Text tag="h3" color="white" size="xs">purple</Text><Text color="white" tag="p">#6F3AAB</Text></Card></Item>
+        <Item><Card backgroundColor="purple_dark" height="auto"><Text tag="h3" color="white" size="xs">purple_dark</Text><Text color="white" tag="p">#48276E</Text></Card></Item>
+      </Grid>
+
+      <Text tag="h3" family="Anton" uppercase color="black" size="l">Accent Colours (CR Theme)</Text>
+      <Text tag="h3" color="black" size="xs">Used for highlighted actions and content</Text>
+      <Grid>
+        <Item><Card backgroundColor="yellow" height="auto"><Text tag="h3" color="black" size="xs">yellow</Text><Text tag="p">#FFE400</Text></Card></Item>
+        <Item><Card backgroundColor="orange" height="auto"><Text tag="h3" color="black" size="xs">orange</Text><Text tag="p">#FF9635</Text></Card></Item>
+        <Item><Card backgroundColor="green" height="auto"><Text tag="h3" color="black" size="xs">green</Text><Text tag="p">#49D267</Text></Card></Item>
+        <Item><Card backgroundColor="teal" height="auto"><Text tag="h3" color="black" size="xs">teal</Text><Text tag="p">#4ECDBE</Text></Card></Item>
+      </Grid>
+
+      <Text tag="h3" family="Anton" uppercase color="black" size="l">Additional Colours (CR Theme)</Text>
+      <Text tag="h3" color="black" size="xs">Currently, just one new colour used exclusively in the Donate widget on CRcom and the 2024 Donate build</Text>
+      <Grid>
+        <Item><Card backgroundColor="blue_donate" height="auto"><Text tag="h3" color="white" size="xs">blue_donate</Text><Text tag="p" color="white">#2042AD</Text></Card></Item>
+        <Item><Card backgroundColor="blue_donate_interact" height="auto"><Text tag="h3" color="white" size="xs">blue_donate_interact</Text><Text tag="p" color="white">#001A85</Text></Card></Item>
+      </Grid>
+    </div>
+  );
+}
diff --git a/src/demos/index.jsx b/src/demos/index.jsx
new file mode 100644
index 000000000..e0a67483b
--- /dev/null
+++ b/src/demos/index.jsx
@@ -0,0 +1,228 @@
+import React from 'react';
+import ReactMarkdown from 'react-markdown';
+import ExampleDisplay from './ExampleDisplay.jsx';
+import ThemeExample from './ThemeExample.jsx';
+
+// Documentation
+import introductionMd from '../../docs/introduction.md?raw';
+import installationMd from '../../docs/installation.md?raw';
+import utilsMd from '../../docs/utils.md?raw';
+
+const DocPage = ({ content }) => (
+  <div style={{ padding: '1rem', maxWidth: '800px', lineHeight: '1.6' }}>
+    <ReactMarkdown>{content}</ReactMarkdown>
+  </div>
+);
+
+// Atom examples
+import ButtonExample from '../components/Atoms/Button/ButtonExample.jsx';
+import buttonExampleSrc from '../components/Atoms/Button/ButtonExample.jsx?raw';
+import TextExample from '../components/Atoms/Text/TextExample.jsx';
+import textExampleSrc from '../components/Atoms/Text/TextExample.jsx?raw';
+import InputExample from '../components/Atoms/Input/InputExample.jsx';
+import inputExampleSrc from '../components/Atoms/Input/InputExample.jsx?raw';
+import SelectExample from '../components/Atoms/Select/SelectExample.jsx';
+import selectExampleSrc from '../components/Atoms/Select/SelectExample.jsx?raw';
+import TextAreaExample from '../components/Atoms/TextArea/TextAreaExample.jsx';
+import textAreaExampleSrc from '../components/Atoms/TextArea/TextAreaExample.jsx?raw';
+import LabelExample from '../components/Atoms/Label/LabelExample.jsx';
+import labelExampleSrc from '../components/Atoms/Label/LabelExample.jsx?raw';
+import ErrorTextExample from '../components/Atoms/ErrorText/ErrorTextExample.jsx';
+import errorTextExampleSrc from '../components/Atoms/ErrorText/ErrorTextExample.jsx?raw';
+import CheckboxExample from '../components/Atoms/Checkbox/CheckboxExample.jsx';
+import checkboxExampleSrc from '../components/Atoms/Checkbox/CheckboxExample.jsx?raw';
+import RadioButtonExample from '../components/Atoms/RadioButton/RadioButtonExample.jsx';
+import radioButtonExampleSrc from '../components/Atoms/RadioButton/RadioButtonExample.jsx?raw';
+import LinkExample from '../components/Atoms/Link/LinkExample.jsx';
+import linkExampleSrc from '../components/Atoms/Link/LinkExample.jsx?raw';
+import RichTextExample from '../components/Atoms/RichText/RichTextExample.jsx';
+import richTextExampleSrc from '../components/Atoms/RichText/RichTextExample.jsx?raw';
+import PaginationExample from '../components/Atoms/Pagination/PaginationExample.jsx';
+import paginationExampleSrc from '../components/Atoms/Pagination/PaginationExample.jsx?raw';
+import LogoExample from '../components/Atoms/Logo/LogoExample.jsx';
+import logoExampleSrc from '../components/Atoms/Logo/LogoExample.jsx?raw';
+import PictureExample from '../components/Atoms/Picture/PictureExample.jsx';
+import pictureExampleSrc from '../components/Atoms/Picture/PictureExample.jsx?raw';
+import SocialIconsExample from '../components/Atoms/SocialIcons/SocialIconsExample.jsx';
+import socialIconsExampleSrc from '../components/Atoms/SocialIcons/SocialIconsExample.jsx?raw';
+import AmbientVideoExample from '../components/Atoms/AmbientVideo/AmbientVideoExample.jsx';
+import ambientVideoExampleSrc from '../components/Atoms/AmbientVideo/AmbientVideoExample.jsx?raw';
+import ConfettiExample from '../components/Atoms/Confetti/ConfettiExample.jsx';
+import confettiExampleSrc from '../components/Atoms/Confetti/ConfettiExample.jsx?raw';
+import TextInputWithDropdownExample from '../components/Atoms/TextInputWithDropdown/TextInputWithDropdownExample.jsx';
+import textInputWithDropdownExampleSrc from '../components/Atoms/TextInputWithDropdown/TextInputWithDropdownExample.jsx?raw';
+import ButtonWithStatesExample from '../components/Atoms/ButtonWithStates/ButtonWithStatesExample.jsx';
+import buttonWithStatesExampleSrc from '../components/Atoms/ButtonWithStates/ButtonWithStatesExample.jsx?raw';
+import InfoMessageExample from '../components/Atoms/InfoMessage/InfoMessageExample.jsx';
+import infoMessageExampleSrc from '../components/Atoms/InfoMessage/InfoMessageExample.jsx?raw';
+
+// Molecule examples
+import InfoBannerExample from '../components/Molecules/InfoBanner/InfoBannerExample.jsx';
+import infoBannerExampleSrc from '../components/Molecules/InfoBanner/InfoBannerExample.jsx?raw';
+import SingleMessageExample from '../components/Molecules/SingleMessage/SingleMessageExample.jsx';
+import singleMessageExampleSrc from '../components/Molecules/SingleMessage/SingleMessageExample.jsx?raw';
+import SingleMessageDsExample from '../components/Molecules/SingleMessageDS/SingleMessageDsExample.jsx';
+import singleMessageDsExampleSrc from '../components/Molecules/SingleMessageDS/SingleMessageDsExample.jsx?raw';
+import CardExample from '../components/Molecules/Card/CardExample.jsx';
+import cardExampleSrc from '../components/Molecules/Card/CardExample.jsx?raw';
+import CardDsExample from '../components/Molecules/CardDs/CardDsExample.jsx';
+import cardDsExampleSrc from '../components/Molecules/CardDs/CardDsExample.jsx?raw';
+import CTAMultiCardExample from '../components/Molecules/CTA/CTAMultiCard/CTAMultiCardExample.jsx';
+import ctaMultiCardExampleSrc from '../components/Molecules/CTA/CTAMultiCard/CTAMultiCardExample.jsx?raw';
+import CTASingleCardExample from '../components/Molecules/CTA/CTASingleCard/CTASingleCardExample.jsx';
+import ctaSingleCardExampleSrc from '../components/Molecules/CTA/CTASingleCard/CTASingleCardExample.jsx?raw';
+import BoxExample from '../components/Molecules/Box/BoxExample.jsx';
+import boxExampleSrc from '../components/Molecules/Box/BoxExample.jsx?raw';
+import ArticleTeaserExample from '../components/Molecules/ArticleTeaser/ArticleTeaserExample.jsx';
+import articleTeaserExampleSrc from '../components/Molecules/ArticleTeaser/ArticleTeaserExample.jsx?raw';
+import DoubleCopyExample from '../components/Molecules/DoubleCopy/DoubleCopyExample.jsx';
+import doubleCopyExampleSrc from '../components/Molecules/DoubleCopy/DoubleCopyExample.jsx?raw';
+import PartnerLinkExample from '../components/Molecules/PartnerLink/PartnerLinkExample.jsx';
+import partnerLinkExampleSrc from '../components/Molecules/PartnerLink/PartnerLinkExample.jsx?raw';
+import SearchResultExample from '../components/Molecules/SearchResult/SearchResultExample.jsx';
+import searchResultExampleSrc from '../components/Molecules/SearchResult/SearchResultExample.jsx?raw';
+import SearchInputExample from '../components/Molecules/SearchInput/SearchInputExample.jsx';
+import searchInputExampleSrc from '../components/Molecules/SearchInput/SearchInputExample.jsx?raw';
+import ShareButtonExample from '../components/Molecules/ShareButton/ShareButtonExample.jsx';
+import shareButtonExampleSrc from '../components/Molecules/ShareButton/ShareButtonExample.jsx?raw';
+import VideoBannerExample from '../components/Molecules/VideoBanner/VideoBannerExample.jsx';
+import videoBannerExampleSrc from '../components/Molecules/VideoBanner/VideoBannerExample.jsx?raw';
+import TypeaheadExample from '../components/Molecules/Typeahead/TypeaheadExample.jsx';
+import typeaheadExampleSrc from '../components/Molecules/Typeahead/TypeaheadExample.jsx?raw';
+import SchoolLookupExample from '../components/Molecules/SchoolLookup/SchoolLookupExample.jsx';
+import schoolLookupExampleSrc from '../components/Molecules/SchoolLookup/SchoolLookupExample.jsx?raw';
+import PromoExample from '../components/Molecules/Promo/PromoExample.jsx';
+import promoExampleSrc from '../components/Molecules/Promo/PromoExample.jsx?raw';
+import AccordionExample from '../components/Molecules/Accordion/AccordionExample.jsx';
+import accordionExampleSrc from '../components/Molecules/Accordion/AccordionExample.jsx?raw';
+import CountdownExample from '../components/Molecules/Countdown/CountdownExample.jsx';
+import countdownExampleSrc from '../components/Molecules/Countdown/CountdownExample.jsx?raw';
+import BannerExample from '../components/Molecules/Banner/BannerExample.jsx';
+import bannerExampleSrc from '../components/Molecules/Banner/BannerExample.jsx?raw';
+import ChipExample from '../components/Molecules/Chip/ChipExample.jsx';
+import chipExampleSrc from '../components/Molecules/Chip/ChipExample.jsx?raw';
+import DescriptorExample from '../components/Molecules/Descriptor/DescriptorExample.jsx';
+import descriptorExampleSrc from '../components/Molecules/Descriptor/DescriptorExample.jsx?raw';
+import SimpleSchoolLookupExample from '../components/Molecules/SimpleSchoolLookup/SimpleSchoolLookupExample.jsx';
+import simpleSchoolLookupExampleSrc from '../components/Molecules/SimpleSchoolLookup/SimpleSchoolLookupExample.jsx?raw';
+import HeroBannerExample from '../components/Molecules/HeroBanner/HeroBannerExample.jsx';
+import heroBannerExampleSrc from '../components/Molecules/HeroBanner/HeroBannerExample.jsx?raw';
+import QuoteSliceExample from '../components/Molecules/QuoteSlice/QuoteSliceExample.jsx';
+import quoteSliceExampleSrc from '../components/Molecules/QuoteSlice/QuoteSliceExample.jsx?raw';
+
+// Organism examples
+import { FooterExample1, FooterExample2, FooterExample3 } from '../components/Organisms/Footer/FooterExample.jsx';
+import EmailSignUpExample from '../components/Organisms/EmailSignUp/EmailSignUpExample.jsx';
+import emailSignUpExampleSrc from '../components/Organisms/EmailSignUp/EmailSignUpExample.jsx?raw';
+import MarketingPreferencesDSExample from '../components/Organisms/MarketingPreferencesDS/MarketingPreferencesDSExample.jsx';
+import marketingPreferencesDSExampleSrc from '../components/Organisms/MarketingPreferencesDS/MarketingPreferencesDSExample.jsx?raw';
+import { MembershipExample1, MembershipExample2 } from '../components/Organisms/Membership/MembershipExample.jsx';
+import DonateBannerExample from '../components/Organisms/DonateBanner/DonateBannerExample.jsx';
+import donateBannerExampleSrc from '../components/Organisms/DonateBanner/DonateBannerExample.jsx?raw';
+import { EmailBannerExample1, EmailBannerExample2, EmailBannerExample3, EmailBannerExample4, EmailBannerExample5 } from '../components/Organisms/EmailBanner/EmailBannerExample.jsx';
+import FooterNewExample from '../components/Organisms/FooterNew/FooterNewExample.jsx';
+import footerNewExampleSrc from '../components/Organisms/FooterNew/FooterNewExample.jsx?raw';
+import { HeaderExample1, HeaderExample2, HeaderExample3, HeaderExample4, HeaderExample5 } from '../components/Organisms/Header/HeaderExample.jsx';
+import Header2025Example from '../components/Organisms/Header2025/Header2025Example.jsx';
+import header2025ExampleSrc from '../components/Organisms/Header2025/Header2025Example.jsx?raw';
+import { DonateExample1, DonateExample3, DonateExample5, DonateExample7, DonateExample9 } from '../components/Organisms/Donate/DonateExample.jsx';
+import CookieBannerExample from '../components/Organisms/CookieBanner/CookieBannerExample.jsx';
+import cookieBannerExampleSrc from '../components/Organisms/CookieBanner/CookieBannerExample.jsx?raw';
+import ImpactSliderExample1 from '../components/Organisms/ImpactSlider/ImpactSliderExample1.jsx';
+import impactSliderExample1Src from '../components/Organisms/ImpactSlider/ImpactSliderExample1.jsx?raw';
+import ImpactSliderExample2 from '../components/Organisms/ImpactSlider/ImpactSliderExample2.jsx';
+import impactSliderExample2Src from '../components/Organisms/ImpactSlider/ImpactSliderExample2.jsx?raw';
+import WYMDCarouselExample from '../components/Organisms/WYMDCarousel/WYMDCarouselExample.jsx';
+import wymdCarouselExampleSrc from '../components/Organisms/WYMDCarousel/WYMDCarouselExample.jsx?raw';
+import RichtextCarouselExample from '../components/Organisms/RichtextCarousel/RichtextCarouselExample.jsx';
+import richtextCarouselExampleSrc from '../components/Organisms/RichtextCarousel/RichtextCarouselExample.jsx?raw';
+import DynamicGalleryExample from '../components/Organisms/DynamicGallery/DynamicGalleryExample.jsx';
+import dynamicGalleryExampleSrc from '../components/Organisms/DynamicGallery/DynamicGalleryExample.jsx?raw';
+
+const Placeholder = ({ name }) => (
+  <div style={{ padding: '1rem', background: '#f5f5f5', borderRadius: '4px', color: '#666' }}>
+    <em>{name} — no example in place.</em>
+  </div>
+);
+
+const demo = (Component, src) => (
+  <ExampleDisplay component={<Component />} src={src} />
+);
+
+export const atoms = [
+  { name: 'AmbientVideo', demo: demo(AmbientVideoExample, ambientVideoExampleSrc) },
+  { name: 'Button', demo: demo(ButtonExample, buttonExampleSrc) },
+  { name: 'ButtonWithStates', demo: demo(ButtonWithStatesExample, buttonWithStatesExampleSrc) },
+  { name: 'Checkbox', demo: demo(CheckboxExample, checkboxExampleSrc) },
+  { name: 'Confetti', demo: demo(ConfettiExample, confettiExampleSrc) },
+  { name: 'ErrorText', demo: demo(ErrorTextExample, errorTextExampleSrc) },
+  { name: 'InfoMessage', demo: demo(InfoMessageExample, infoMessageExampleSrc) },
+  { name: 'Input', demo: demo(InputExample, inputExampleSrc) },
+  { name: 'Label', demo: demo(LabelExample, labelExampleSrc) },
+  { name: 'Link', demo: demo(LinkExample, linkExampleSrc) },
+  { name: 'Logo', demo: demo(LogoExample, logoExampleSrc) },
+  { name: 'Pagination', demo: demo(PaginationExample, paginationExampleSrc) },
+  { name: 'Picture', demo: demo(PictureExample, pictureExampleSrc) },
+  { name: 'RadioButton', demo: demo(RadioButtonExample, radioButtonExampleSrc) },
+  { name: 'RichText', demo: demo(RichTextExample, richTextExampleSrc) },
+  { name: 'Select', demo: demo(SelectExample, selectExampleSrc) },
+  { name: 'SocialIcons', demo: demo(SocialIconsExample, socialIconsExampleSrc) },
+  { name: 'Text', demo: demo(TextExample, textExampleSrc) },
+  { name: 'TextArea', demo: demo(TextAreaExample, textAreaExampleSrc) },
+  { name: 'TextInputWithDropdown', demo: demo(TextInputWithDropdownExample, textInputWithDropdownExampleSrc) },
+];
+
+export const molecules = [
+  { name: 'Accordion', demo: demo(AccordionExample, accordionExampleSrc) },
+  { name: 'ArticleTeaser', demo: demo(ArticleTeaserExample, articleTeaserExampleSrc) },
+  { name: 'Banner', demo: demo(BannerExample, bannerExampleSrc) },
+  { name: 'Box', demo: demo(BoxExample, boxExampleSrc) },
+  { name: 'Card', demo: demo(CardExample, cardExampleSrc) },
+  { name: 'CardDs', demo: demo(CardDsExample, cardDsExampleSrc) },
+  { name: 'Chip', demo: demo(ChipExample, chipExampleSrc) },
+  { name: 'Countdown', demo: demo(CountdownExample, countdownExampleSrc) },
+  { name: 'CTAMultiCard', demo: demo(CTAMultiCardExample, ctaMultiCardExampleSrc) },
+  { name: 'CTASingleCard', demo: demo(CTASingleCardExample, ctaSingleCardExampleSrc) },
+  { name: 'Descriptor', demo: demo(DescriptorExample, descriptorExampleSrc) },
+  { name: 'DoubleCopy', demo: demo(DoubleCopyExample, doubleCopyExampleSrc) },
+  { name: 'HeroBanner', demo: demo(HeroBannerExample, heroBannerExampleSrc) },
+  { name: 'InfoBanner', demo: demo(InfoBannerExample, infoBannerExampleSrc) },
+  { name: 'Lookup', demo: <Placeholder name="Lookup" /> },
+  { name: 'PartnerLink', demo: demo(PartnerLinkExample, partnerLinkExampleSrc) },
+  { name: 'Promo', demo: demo(PromoExample, promoExampleSrc) },
+  { name: 'QuoteSlice', demo: demo(QuoteSliceExample, quoteSliceExampleSrc) },
+  { name: 'SchoolLookup', demo: demo(SchoolLookupExample, schoolLookupExampleSrc) },
+  { name: 'SearchInput', demo: demo(SearchInputExample, searchInputExampleSrc) },
+  { name: 'SearchResult', demo: demo(SearchResultExample, searchResultExampleSrc) },
+  { name: 'ShareButton', demo: demo(ShareButtonExample, shareButtonExampleSrc) },
+  { name: 'SimpleSchoolLookup', demo: demo(SimpleSchoolLookupExample, simpleSchoolLookupExampleSrc) },
+  { name: 'SingleMessage', demo: demo(SingleMessageExample, singleMessageExampleSrc) },
+  { name: 'SingleMessageDs', demo: demo(SingleMessageDsExample, singleMessageDsExampleSrc) },
+  { name: 'Typeahead', demo: demo(TypeaheadExample, typeaheadExampleSrc) },
+  { name: 'VideoBanner', demo: demo(VideoBannerExample, videoBannerExampleSrc) },
+];
+
+export const organisms = [
+  { name: 'CookieBanner', demo: demo(CookieBannerExample, cookieBannerExampleSrc) },
+  { name: 'Donate', examples: [<DonateExample1 />, <DonateExample3 />, <DonateExample5 />, <DonateExample7 />, <DonateExample9 />] },
+  { name: 'DonateBanner', demo: demo(DonateBannerExample, donateBannerExampleSrc) },
+  { name: 'DynamicGallery', demo: demo(DynamicGalleryExample, dynamicGalleryExampleSrc) },
+  { name: 'EmailBanner', examples: [<EmailBannerExample1 />, <EmailBannerExample2 />, <EmailBannerExample3 />, <EmailBannerExample4 />, <EmailBannerExample5 />] },
+  { name: 'EmailSignUpForm', demo: demo(EmailSignUpExample, emailSignUpExampleSrc) },
+  { name: 'Footer', examples: [<FooterExample1 />, <FooterExample2 />, <FooterExample3 />] },
+  { name: 'FooterNew', demo: demo(FooterNewExample, footerNewExampleSrc) },
+  { name: 'Header', examples: [<HeaderExample1 />, <HeaderExample2 />, <HeaderExample3 />, <HeaderExample4 />, <HeaderExample5 />] },
+  { name: 'Header2025', demo: demo(Header2025Example, header2025ExampleSrc) },
+  { name: 'ImpactSlider', examples: [demo(ImpactSliderExample1, impactSliderExample1Src), demo(ImpactSliderExample2, impactSliderExample2Src)] },
+  { name: 'MarketingPreferencesDSForm', demo: demo(MarketingPreferencesDSExample, marketingPreferencesDSExampleSrc) },
+  { name: 'Membership', examples: [<MembershipExample1 />, <MembershipExample2 />] },
+  { name: 'RichtextCarousel', demo: demo(RichtextCarouselExample, richtextCarouselExampleSrc) },
+  { name: 'WYMDCarousel', demo: demo(WYMDCarouselExample, wymdCarouselExampleSrc) },
+];
+
+export const docs = [
+  { name: 'Introduction', demo: <DocPage content={introductionMd} /> },
+  { name: 'Installation', demo: <DocPage content={installationMd} /> },
+  { name: 'Utils', demo: <DocPage content={utilsMd} /> },
+  { name: 'Theme', demo: <ThemeExample /> },
+];
diff --git a/src/index.js b/src/index.js
index 38411fe2b..6bf65348c 100644
--- a/src/index.js
+++ b/src/index.js
@@ -27,7 +27,6 @@ export { default as Pagination } from './components/Atoms/Pagination/Pagination'
 export { default as SocialIcons } from './components/Atoms/SocialIcons/SocialIcons';
 export { default as TextInputWithDropdown } from './components/Atoms/TextInputWithDropdown/TextInputWithDropdown';
 export { default as ErrorText } from './components/Atoms/ErrorText/ErrorText';
-export { default as InfoMessage } from './components/Atoms/InfoMessage/InfoMessage';
 export { default as Label } from './components/Atoms/Label/Label';
 export { default as ButtonWithStates } from './components/Atoms/ButtonWithStates/ButtonWithStates';
 export { default as Confetti } from './components/Atoms/Confetti/Confetti';
@@ -70,9 +69,7 @@ export { default as Lookup } from './components/Molecules/Lookup/Lookup';
 export { default as SimpleSchoolLookup } from './components/Molecules/SimpleSchoolLookup/SimpleSchoolLookup';
 export { default as LogoLinked } from './components/Molecules/LogoLinked/LogoLinked';
 export { default as HeroBanner } from './components/Molecules/HeroBanner/HeroBanner';
-export { default as PictureOrVideo } from './components/Molecules/PictureOrVideo/PictureOrVideo';
 export { default as QuoteSlice } from './components/Molecules/QuoteSlice/QuoteSlice';
-export { default as StatsSlice } from './components/Molecules/StatsSlice/StatsSlice';
 
 /* Organisms */
 export {
@@ -81,7 +78,6 @@ export {
   ESU_FIELDS
 } from './components/Organisms/EmailSignUp/_EmailSignUp';
 export { default as CookieBanner } from './components/Organisms/CookieBanner/CookieBanner';
-export { default as EmailBanner } from './components/Organisms/EmailBanner/EmailBanner';
 export { default as Membership } from './components/Organisms/Membership/Membership';
 export {
   MarketingPreferencesDS,
diff --git a/src/main.jsx b/src/main.jsx
new file mode 100644
index 000000000..7cb94b1de
--- /dev/null
+++ b/src/main.jsx
@@ -0,0 +1,13 @@
+import React from 'react';
+import ReactDOM from 'react-dom/client';
+import ThemeProvider from './theme/ThemeProvider';
+import crTheme from './theme/crTheme/theme';
+import App from './App';
+
+ReactDOM.createRoot(document.getElementById('root')).render(
+  <React.StrictMode>
+    <ThemeProvider theme={crTheme}>
+      <App />
+    </ThemeProvider>
+  </React.StrictMode>
+);
diff --git a/src/styleguide/CRLogo.js b/src/styleguide/CRLogo.js
deleted file mode 100644
index 12efd3bdb..000000000
--- a/src/styleguide/CRLogo.js
+++ /dev/null
@@ -1,18 +0,0 @@
-import React from 'react';
-import styled from 'styled-components';
-import Logo from './assets/pattern_logo.png';
-
-const Image = styled.img`
-  height: 50px;
-  width: 150px;
-  text-indent: -9999px;
-`;
-export function LogoRenderer() {
-  return (
-    <a href="/" title="Go to homepage">
-      <Image src={Logo} alt="Comic Relief Pattern Library Logo" />
-    </a>
-  );
-}
-
-export default LogoRenderer;
diff --git a/src/styleguide/StyleGuideRenderer.js b/src/styleguide/StyleGuideRenderer.js
deleted file mode 100644
index 331746155..000000000
--- a/src/styleguide/StyleGuideRenderer.js
+++ /dev/null
@@ -1,24 +0,0 @@
-/* eslint-disable react/prop-types */
-import React from 'react';
-
-const StyleGuideRenderer = ({
-  title,
-  version,
-  components,
-  toc,
-  hasSidebar
-}) => (
-  <div className="root">
-    <h1>{title}</h1>
-    {version && <h2>{version}</h2>}
-    <main className="wrapper">
-      <div className="content">
-        {components}
-        <footer className="footer">Copyright @ Comic Relief 2019</footer>
-      </div>
-      {hasSidebar && <div className="sidebar">{toc}</div>}
-    </main>
-  </div>
-);
-
-export default StyleGuideRenderer;
diff --git a/src/styleguide/ThemeWrapper.js b/src/styleguide/ThemeWrapper.js
deleted file mode 100644
index 90ab2d6a5..000000000
--- a/src/styleguide/ThemeWrapper.js
+++ /dev/null
@@ -1,10 +0,0 @@
-import React from 'react';
-import { ThemeProvider } from 'styled-components';
-import { crTheme } from '../index';
-
-// eslint-disable-next-line react/prop-types
-const ThemeWrapper = ({ children }) => (
-  <ThemeProvider theme={crTheme}>{children}</ThemeProvider>
-);
-
-export default ThemeWrapper;
diff --git a/src/styleguide/assets/newsPhoto.jpg b/src/styleguide/assets/newsPhoto.jpg
deleted file mode 100644
index 80f114370..000000000
Binary files a/src/styleguide/assets/newsPhoto.jpg and /dev/null differ
diff --git a/src/styleguide/assets/pattern_logo.png b/src/styleguide/assets/pattern_logo.png
deleted file mode 100644
index fc5fa0afc..000000000
Binary files a/src/styleguide/assets/pattern_logo.png and /dev/null differ
diff --git a/src/styleguide/assets/resizeimage.jpg b/src/styleguide/assets/resizeimage.jpg
deleted file mode 100644
index 70ae0bf3c..000000000
Binary files a/src/styleguide/assets/resizeimage.jpg and /dev/null differ
diff --git a/src/theme/crTheme/linkStyles.js b/src/theme/crTheme/linkStyles.js
index e35dcfd21..dbc53ba70 100644
--- a/src/theme/crTheme/linkStyles.js
+++ b/src/theme/crTheme/linkStyles.js
@@ -18,7 +18,7 @@ export default styleName => {
   let style = css`
     color: ${color('black')};
     font-weight: normal;
-    :hover {
+    &:hover {
       color: inherit;
       font-weight: 700;
     }
@@ -28,8 +28,8 @@ export default styleName => {
     style = css`
       color: ${linkStyles[styleName].color};
       font-weight: ${linkStyles[styleName].weight};
-      :hover,
-      :focus {
+      &:hover,
+      &:focus {
         color: ${linkStyles[styleName].hoverColor};
         font-weight: ${linkStyles[styleName].hoverWeight};
         text-decoration: none;
diff --git a/src/theme/shared/assets/alt_cta_underline.svg b/src/theme/shared/assets/alt_cta_underline.svg
index f60f4722f..efe70e426 100644
--- a/src/theme/shared/assets/alt_cta_underline.svg
+++ b/src/theme/shared/assets/alt_cta_underline.svg
@@ -1,4 +1,4 @@
-<svg width="198" height="4" fill="none" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none">
+<svg width="198" height="4" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M16.8487 0.0995634C18.4146 -0.0553036 21.4342 0.00794268 23.0951 0.0426774C23.1256 0.0432472 23.156 0.0438168 23.1865 0.0443864C23.5807 0.0526142 23.9536 0.0547516 24.3905 0.0570819C25.4322 0.0626388 26.8397 0.0701852 29.7773 0.1689C30.632 0.165263 31.4869 0.163285 32.3416 0.163285C41.572 0.163287 50.8024 0.29205 60.0328 0.446249C60.1494 0.445454 60.268 0.444635 60.3878 0.443808C62.7029 0.427827 65.5737 0.408052 67.3774 0.46456C69.6707 0.536405 71.2283 0.603072 72.5075 0.660609C79.839 0.784683 87.1706 0.895552 94.5021 0.941376C96.7999 0.955737 99.098 0.963592 101.396 0.963593C103.512 0.963593 105.628 0.958676 107.744 0.949433C108.977 0.915729 110.148 0.875687 111.235 0.838591C112.761 0.786463 114.12 0.74017 115.243 0.725063C117.948 0.68867 121.016 0.74611 123.295 0.788785C123.667 0.795759 124.019 0.802363 124.344 0.808073C126.153 0.786935 127.963 0.764306 129.773 0.741177C129.894 0.754045 130.015 0.767463 130.139 0.781217C131.684 0.952869 133.582 0.950669 136.571 0.947479C137.872 0.946091 139.38 0.944586 141.156 0.957001C142.3 0.965001 142.888 1.03306 143.368 1.0886C143.51 1.10493 143.642 1.1202 143.776 1.13254C144.236 1.17481 144.721 1.12913 145.293 1.07517C146.036 1.00516 146.926 0.92108 148.103 0.997041C151.854 1.23908 153.506 1.07487 154.756 0.950654C155.123 0.914216 155.455 0.881293 155.796 0.863005C156.899 0.803725 158.471 0.86246 159.659 0.943085C160.601 1.00702 162.486 0.943636 163.915 0.863005C164.456 0.832517 165.186 0.831751 166.047 0.831022C166.938 0.830269 167.969 0.829583 169.072 0.795377C171.858 0.708937 173.339 0.66704 174.529 0.633509C174.869 0.623949 175.185 0.615244 175.501 0.606165C176.499 0.577475 177.737 0.553839 178.991 0.529991C180.492 0.501453 182.015 0.472475 183.173 0.433798C186.177 0.47473 189.18 0.525369 192.183 0.575891C193.726 0.60212 195.206 0.749846 196.297 0.993379C197.387 1.23711 198 1.55491 198 1.88426C198 2.21363 197.387 2.53141 196.297 2.77515C195.206 3.01868 193.726 3.16665 192.183 3.19288C189.076 3.24516 185.968 3.29747 182.86 3.33913C179.074 3.38986 175.288 3.42482 171.502 3.42482C168.854 3.42482 166.205 3.41697 163.557 3.40285C163.284 3.40139 163.012 3.39979 162.739 3.39821C160.514 3.47931 158.294 3.55307 156.729 3.57936C155.437 3.60107 154.496 3.55779 153.689 3.52077C153.134 3.49529 152.643 3.47275 152.146 3.47634C151.879 3.47826 151.514 3.48327 151.075 3.48928C149.28 3.51382 146.231 3.55547 143.45 3.47634C142.216 3.44122 140.782 3.37201 139.414 3.30592C137.457 3.21143 135.632 3.12335 134.71 3.1504C133.092 3.19794 131.237 3.1577 129.598 3.12208C128.034 3.0881 126.666 3.05843 125.888 3.11329C124.959 3.17888 124.166 3.15214 122.988 3.11256C122.171 3.0851 121.168 3.05159 119.804 3.03809C118.23 3.02252 117.117 2.97657 116.17 2.93751C114.838 2.88252 113.836 2.84119 112.343 2.91724C110.683 3.00174 108.949 3.05551 107.583 3.02882C106.961 3.01666 106.25 3.01961 105.509 3.02271C104.529 3.02682 103.498 3.03106 102.557 3.00074C101.781 2.97575 101.14 2.91181 100.573 2.85523C100.396 2.83758 100.226 2.82073 100.061 2.80591C99.4434 2.80673 98.8255 2.80793 98.2077 2.80982C98.1076 2.82011 98.0025 2.83151 97.8927 2.84327C97.3419 2.90229 96.6646 2.97468 95.8262 3.01075C94.4992 3.06783 93.3347 3.03209 92.1063 2.99415C91.1499 2.96461 90.1548 2.93378 89.014 2.94483C88.2362 2.95237 87.3504 2.97851 86.4724 3.0044C85.1684 3.04286 83.8806 3.0807 82.9859 3.05665C82.6507 3.04763 82.3625 3.00748 82.0773 2.96754C82.076 2.96729 82.0748 2.96705 82.0735 2.9668C82.0541 2.96409 82.0347 2.96145 82.0153 2.95875C79.8363 2.98934 77.6571 3.02307 75.4781 3.0586C75.2893 3.06892 75.0985 3.0791 74.9094 3.08912C73.9854 3.13809 73.0876 3.18565 72.5022 3.25319C71.8678 3.32639 70.2728 3.36896 68.592 3.41383C67.4913 3.44322 66.3532 3.47357 65.4242 3.51418C64.8811 3.53791 64.3659 3.49654 63.8358 3.45387C63.3412 3.41407 62.8334 3.37322 62.2783 3.38332C62.0003 3.38838 61.7 3.40552 61.3795 3.42384C61.0974 3.43998 60.7991 3.45707 60.4867 3.46755C60.1965 3.47725 59.5503 3.45471 58.7216 3.42604C58.2095 3.40832 57.6276 3.38831 57.0168 3.37184C55.4026 3.39762 53.788 3.42235 52.1738 3.44533C51.837 3.4816 51.5448 3.52869 51.3135 3.58913C51.1475 3.6325 51.0062 3.68433 50.8611 3.73733C50.6636 3.80944 50.4592 3.88396 50.1775 3.94339C49.9574 3.98982 49.6977 4.00832 49.5234 3.98904C49.4422 3.98005 49.3799 3.9631 49.3233 3.94778C49.2584 3.93023 49.2006 3.91462 49.1299 3.91506C49.079 3.91542 49.0259 3.92785 48.9607 3.9429C48.8566 3.96693 48.7211 3.99795 48.5151 3.99905C47.7482 4.00315 46.8765 3.99323 46.0226 3.98343C45.073 3.97253 44.1448 3.96196 43.4054 3.97122C42.577 3.9816 41.3966 3.93545 40.2142 3.88943C39.3894 3.85733 38.5633 3.82539 37.8546 3.81228C37.1602 3.79944 36.437 3.82497 35.7367 3.84988C34.8962 3.87978 34.0877 3.90866 33.4006 3.86819C33.2616 3.85997 33.0891 3.80993 32.8726 3.74734C32.7192 3.70297 32.5426 3.65225 32.3416 3.60549C31.467 3.60549 30.5923 3.60343 29.7177 3.59963C29.6869 3.60642 29.6551 3.61333 29.6233 3.62038C29.6228 3.62054 29.6223 3.62071 29.6217 3.62087C28.9034 3.78008 27.9204 3.99786 26.5393 3.86794C26.1883 3.83492 25.9673 3.77392 25.7682 3.71902C25.5726 3.6651 25.3978 3.61685 25.142 3.60671C24.8514 3.59522 24.5084 3.62833 24.1344 3.66433C23.6093 3.71488 23.0228 3.77136 22.4342 3.71877C22.394 3.71518 22.3508 3.71124 22.3058 3.7073C21.8792 3.66989 21.2477 3.61455 20.6192 3.50319C18.7547 3.47346 16.8899 3.43865 15.0254 3.40065C11.9174 3.3373 8.80877 3.26507 5.70108 3.19288C4.18915 3.15735 2.73913 3.0057 1.66999 2.76294C0.600791 2.51984 0 2.20742 0 1.88426C8.923e-05 1.56114 0.600871 1.24891 1.66999 1.00583C2.73913 0.763056 4.18909 0.611426 5.70108 0.575891C8.16655 0.518618 10.6328 0.461263 13.0986 0.408407C13.2278 0.401696 13.3576 0.395205 13.4868 0.389119C14.448 0.343838 15.3399 0.252889 16.2324 0.16182C16.4374 0.140902 16.6428 0.119938 16.8487 0.0995634Z" fill="#E52630"/>
 </svg>
 
diff --git a/src/utils/remove-extra-styles-in-preview.css b/src/utils/remove-extra-styles-in-preview.css
deleted file mode 100644
index beaa21be5..000000000
--- a/src/utils/remove-extra-styles-in-preview.css
+++ /dev/null
@@ -1,14 +0,0 @@
-/* Overiding the extra Styleguidest / preview styles */
-.rsg--preview-35 {
-    padding: 0 !important;
-    border: none !important;
-}
-
-.rsg--content-3 {
-    padding: 0 !important;
-}
-
-.rsg--header-11,
-.rsg--tabs-12 {
-    display: none !important;;
-}
diff --git a/styleguide.config.js b/styleguide.config.js
deleted file mode 100644
index 0f8244349..000000000
--- a/styleguide.config.js
+++ /dev/null
@@ -1,89 +0,0 @@
-const path = require('path');
-
-module.exports = {
-  getComponentPathLine(componentPath) {
-    const name = path.basename(componentPath, '.js');
-    return `import { ${name} } from '@comicrelief/component-library';`;
-  },
-  assetsDir: 'src/styleguide/assets/',
-  styleguideComponents: {
-    LogoRenderer: path.resolve(__dirname, './src/styleguide/CRLogo'),
-    Wrapper: path.join(__dirname, 'src/styleguide/ThemeWrapper')
-  },
-  skipComponentsWithoutExample: true,
-  ignore: [
-    '**/assets/**',
-    '**/data/**',
-    '**/__tests__/**',
-    '**/*.test.{js,jsx,ts,tsx}',
-    '**/*.spec.{js,jsx,ts,tsx}',
-    '**/*.d.ts',
-    '**/*.style.{js,jsx,ts,tsx}',
-    '**/_*.{js,jsx,ts,tsx}' // don't add any underscore-prefixed (partial) components to the styleguide itself
-  ],
-  // styleguideComponents: {
-  //     StyleGuideRenderer: path.join(
-  //       __dirname,
-  //       'src/styleguide/StyleGuideRenderer'
-  //     )
-  // },
-  theme: {
-    color: {
-      sidebarBackground: '#29022c',
-      link: 'white',
-      linkHover: 'grey'
-    },
-    fontSize: {
-      base: 15,
-      text: 16,
-      small: 13,
-      h1: 24,
-      h2: 18,
-      h3: 16,
-      h4: 16,
-      h5: 16,
-      h6: 16
-    },
-    fontFamily: {
-      base: ['Montserrat']
-    },
-    maxWidth: '100%'
-  },
-  sections: [
-    {
-      name: 'Introduction',
-      content: './docs/introduction.md'
-    },
-    {
-      name: 'Installation',
-      content: './docs/installation.md'
-    },
-    {
-      name: 'Utils',
-      content: './docs/utils.md'
-    },
-    {
-      name: 'Theme',
-      content: './src/theme/crTheme/Colors.md'
-    },
-    {
-      name: 'Atoms',
-      components: 'src/components/Atoms/**/*.js',
-      sectionDepth: 2
-    },
-    {
-      name: 'Molecules',
-      components: 'src/components/Molecules/**/*.js',
-      sectionDepth: 2
-    },
-    {
-      name: 'Organisms',
-      components: 'src/components/Organisms/**/*.js',
-      sectionDepth: 2
-    }
-    // {
-    //   name: 'Utilities',
-    //   components: 'src/components/Utilities/**/*.js'
-    // }
-  ]
-};
diff --git a/vite.config.mjs b/vite.config.mjs
new file mode 100644
index 000000000..63efd6e49
--- /dev/null
+++ b/vite.config.mjs
@@ -0,0 +1,44 @@
+import { defineConfig, transformWithEsbuild } from 'vite';
+import react from '@vitejs/plugin-react';
+import { resolve } from 'path';
+
+export default defineConfig({
+  plugins: [
+    {
+      name: 'treat-js-as-jsx',
+      async transform(code, id) {
+        if (!id.match(/src\/.*\.js$/)) return null;
+        return transformWithEsbuild(code, id, {
+          loader: 'jsx',
+          jsx: 'automatic',
+        });
+      },
+    },
+    react({ include: /\.(jsx|js)$/ }),
+  ],
+  build: {
+    lib: {
+      entry: resolve(__dirname, 'src/index.js'),
+      name: 'ComponentLibrary2026',
+      formats: ['es', 'cjs'],
+      fileName: (format) => `index.${format}.js`,
+    },
+    rollupOptions: {
+      external: ['react', 'react-dom', 'styled-components'],
+      output: {
+        globals: {
+          react: 'React',
+          'react-dom': 'ReactDOM',
+          'styled-components': 'styled',
+        },
+      },
+    },
+  },
+  optimizeDeps: {
+    esbuildOptions: {
+      loader: {
+        '.js': 'jsx',
+      },
+    },
+  },
+});
diff --git a/vite.preview.config.mjs b/vite.preview.config.mjs
new file mode 100644
index 000000000..93bc16a0f
--- /dev/null
+++ b/vite.preview.config.mjs
@@ -0,0 +1,29 @@
+import { transformWithEsbuild } from 'vite';
+import react from '@vitejs/plugin-react';
+
+// App build config (for Netlify preview) — no library mode, produces HTML output
+export default {
+  build: {
+    outDir: 'dist',
+  },
+  plugins: [
+    {
+      name: 'treat-js-as-jsx',
+      async transform(code, id) {
+        if (!id.match(/src\/.*\.js$/)) return null;
+        return transformWithEsbuild(code, id, {
+          loader: 'jsx',
+          jsx: 'automatic',
+        });
+      },
+    },
+    react({ include: /\.(jsx|js)$/ }),
+  ],
+  optimizeDeps: {
+    esbuildOptions: {
+      loader: {
+        '.js': 'jsx',
+      },
+    },
+  },
+};
diff --git a/yarn.lock b/yarn.lock
index 546fefc0f..58d4e00b2 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -7,10 +7,10 @@
   resolved "https://registry.yarnpkg.com/@aashutoshrathi/word-wrap/-/word-wrap-1.2.6.tgz#bd9154aec9983f77b3a034ecaa015c2e4201f6cf"
   integrity sha512-1Yjs2SvM8TflER/OD3cOjhWWOZb58A2t7wpE2S9XfBYTiIl+XFhQG2bjy4Pu1I+EAlCNUzRDYDdFwFYUKvXcIA==
 
-"@adobe/css-tools@^4.0.1":
-  version "4.3.1"
-  resolved "https://registry.yarnpkg.com/@adobe/css-tools/-/css-tools-4.3.1.tgz#abfccb8ca78075a2b6187345c26243c1a0842f28"
-  integrity sha512-/62yikz7NLScCGAAST5SHdnjaDJQBDq0M2muyRTpf2VQhw6StBg2ALiu73zSJQ4fMVLA+0uBhBHAle7Wg+2kSg==
+"@adobe/css-tools@^4.4.0":
+  version "4.4.4"
+  resolved "https://registry.yarnpkg.com/@adobe/css-tools/-/css-tools-4.4.4.tgz#2856c55443d3d461693f32d2b96fb6ea92e1ffa9"
+  integrity sha512-Elp+iwUx5rN5+Y8xLt5/GRoG20WGoDCQ/1Fb+1LiGtvwbDavuSk0jhD/eZdckHAuzcDzccnkv+rEjyWfRx18gg==
 
 "@ampproject/remapping@^2.2.0":
   version "2.2.1"
@@ -20,29 +20,6 @@
     "@jridgewell/gen-mapping" "^0.3.0"
     "@jridgewell/trace-mapping" "^0.3.9"
 
-"@babel/cli@^7.21.5":
-  version "7.23.0"
-  resolved "https://registry.yarnpkg.com/@babel/cli/-/cli-7.23.0.tgz#1d7f37c44d4117c67df46749e0c86e11a58cc64b"
-  integrity sha512-17E1oSkGk2IwNILM4jtfAvgjt+ohmpfBky8aLerUfYZhiPNg7ca+CRCxZn8QDxwNhV/upsc2VHBCqGFIR+iBfA==
-  dependencies:
-    "@jridgewell/trace-mapping" "^0.3.17"
-    commander "^4.0.1"
-    convert-source-map "^2.0.0"
-    fs-readdir-recursive "^1.1.0"
-    glob "^7.2.0"
-    make-dir "^2.1.0"
-    slash "^2.0.0"
-  optionalDependencies:
-    "@nicolo-ribaudo/chokidar-2" "2.1.8-no-fsevents.3"
-    chokidar "^3.4.0"
-
-"@babel/code-frame@7.10.4":
-  version "7.10.4"
-  resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.10.4.tgz#168da1a36e90da68ae8d49c0f1b48c7c6249213a"
-  integrity sha512-vG6SvB6oYEhvgisZNFRmRCUkLz11c7rp+tbNTynGqc6mS1d5ATd/sGyV6W0KZZnXRKMTzZDRgQT3Ou9jhpAfUg==
-  dependencies:
-    "@babel/highlight" "^7.10.4"
-
 "@babel/code-frame@7.12.11":
   version "7.12.11"
   resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.12.11.tgz#f4ad435aa263db935b8f10f2c552d23fb716a63f"
@@ -50,7 +27,7 @@
   dependencies:
     "@babel/highlight" "^7.10.4"
 
-"@babel/code-frame@^7.0.0", "@babel/code-frame@^7.10.4", "@babel/code-frame@^7.16.0", "@babel/code-frame@^7.22.13", "@babel/code-frame@^7.5.5", "@babel/code-frame@^7.8.3":
+"@babel/code-frame@^7.0.0", "@babel/code-frame@^7.22.13":
   version "7.22.13"
   resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.22.13.tgz#e3c1c099402598483b7a8c46a721d1038803755e"
   integrity sha512-XktuhWlJ5g+3TJXc5upd9Ks1HutSArik6jf2eAjYFyIOf4ej3RN+184cZbzDvbPnuTJIUhPKKJE3cIsYTiAT3w==
@@ -58,34 +35,47 @@
     "@babel/highlight" "^7.22.13"
     chalk "^2.4.2"
 
-"@babel/compat-data@^7.22.6", "@babel/compat-data@^7.22.9", "@babel/compat-data@^7.23.2":
+"@babel/code-frame@^7.12.13", "@babel/code-frame@^7.28.6", "@babel/code-frame@^7.29.0":
+  version "7.29.0"
+  resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.29.0.tgz#7cd7a59f15b3cc0dcd803038f7792712a7d0b15c"
+  integrity sha512-9NhCeYjq9+3uxgdtp20LSiJXJvN0FeCtNGpJxuMFZ1Kv3cWUNb6DOhJwUvcVCzKGR66cw4njwM6hrJLqgOwbcw==
+  dependencies:
+    "@babel/helper-validator-identifier" "^7.28.5"
+    js-tokens "^4.0.0"
+    picocolors "^1.1.1"
+
+"@babel/compat-data@^7.22.9":
   version "7.23.2"
   resolved "https://registry.yarnpkg.com/@babel/compat-data/-/compat-data-7.23.2.tgz#6a12ced93455827037bfb5ed8492820d60fc32cc"
   integrity sha512-0S9TQMmDHlqAZ2ITT95irXKfxN9bncq8ZCoJhun3nHL/lLUxd2NKBJYoNGWH7S0hz6fRQwWlAWn/ILM0C70KZQ==
 
-"@babel/core@7.12.3":
-  version "7.12.3"
-  resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.12.3.tgz#1b436884e1e3bff6fb1328dc02b208759de92ad8"
-  integrity sha512-0qXcZYKZp3/6N2jKYVxZv0aNCsxTSVCiK72DTiTYZAu7sjg73W0/aynWjMbiGd87EQL4WyA8reiJVh92AVla9g==
-  dependencies:
-    "@babel/code-frame" "^7.10.4"
-    "@babel/generator" "^7.12.1"
-    "@babel/helper-module-transforms" "^7.12.1"
-    "@babel/helpers" "^7.12.1"
-    "@babel/parser" "^7.12.3"
-    "@babel/template" "^7.10.4"
-    "@babel/traverse" "^7.12.1"
-    "@babel/types" "^7.12.1"
-    convert-source-map "^1.7.0"
+"@babel/compat-data@^7.28.6", "@babel/compat-data@^7.29.0":
+  version "7.29.0"
+  resolved "https://registry.yarnpkg.com/@babel/compat-data/-/compat-data-7.29.0.tgz#00d03e8c0ac24dd9be942c5370990cbe1f17d88d"
+  integrity sha512-T1NCJqT/j9+cn8fvkt7jtwbLBfLC/1y1c7NtCeXFRgzGTsafi68MRv8yzkYSapBnFA6L3U2VSc02ciDzoAJhJg==
+
+"@babel/core@^7.11.6", "@babel/core@^7.23.9", "@babel/core@^7.24.0", "@babel/core@^7.28.0":
+  version "7.29.0"
+  resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.29.0.tgz#5286ad785df7f79d656e88ce86e650d16ca5f322"
+  integrity sha512-CGOfOJqWjg2qW/Mb6zNsDm+u5vFQ8DxXfbM09z69p5Z6+mE1ikP2jUXw+j42Pf1XTYED2Rni5f95npYeuwMDQA==
+  dependencies:
+    "@babel/code-frame" "^7.29.0"
+    "@babel/generator" "^7.29.0"
+    "@babel/helper-compilation-targets" "^7.28.6"
+    "@babel/helper-module-transforms" "^7.28.6"
+    "@babel/helpers" "^7.28.6"
+    "@babel/parser" "^7.29.0"
+    "@babel/template" "^7.28.6"
+    "@babel/traverse" "^7.29.0"
+    "@babel/types" "^7.29.0"
+    "@jridgewell/remapping" "^2.3.5"
+    convert-source-map "^2.0.0"
     debug "^4.1.0"
-    gensync "^1.0.0-beta.1"
-    json5 "^2.1.2"
-    lodash "^4.17.19"
-    resolve "^1.3.2"
-    semver "^5.4.1"
-    source-map "^0.5.0"
-
-"@babel/core@^7.1.0", "@babel/core@^7.12.3", "@babel/core@^7.16.0", "@babel/core@^7.7.5", "@babel/core@^7.8.4":
+    gensync "^1.0.0-beta.2"
+    json5 "^2.2.3"
+    semver "^6.3.1"
+
+"@babel/core@^7.12.3":
   version "7.23.2"
   resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.23.2.tgz#ed10df0d580fff67c5f3ee70fd22e2e4c90a9f94"
   integrity sha512-n7s51eWdaWZ3vGT2tD4T7J6eJs3QoBXydv7vkUM06Bf1cbVD2Kc2UrkzhiQwobfV7NwOnQXYL7UBJ5VPU+RGoQ==
@@ -106,7 +96,7 @@
     json5 "^2.2.3"
     semver "^6.3.1"
 
-"@babel/generator@^7.12.1", "@babel/generator@^7.12.11", "@babel/generator@^7.23.0":
+"@babel/generator@^7.23.0":
   version "7.23.0"
   resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.23.0.tgz#df5c386e2218be505b34837acbcb874d7a983420"
   integrity sha512-lN85QRR+5IbYrMWM6Y4pE/noaQtg4pNiqeNGX60eqOfo6gtEj6uw/JagelB8vVztSd7R6M5n1+PQkDbHbBRU4g==
@@ -116,21 +106,32 @@
     "@jridgewell/trace-mapping" "^0.3.17"
     jsesc "^2.5.1"
 
-"@babel/helper-annotate-as-pure@^7.18.6", "@babel/helper-annotate-as-pure@^7.22.5":
+"@babel/generator@^7.29.0", "@babel/generator@^7.7.2":
+  version "7.29.1"
+  resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.29.1.tgz#d09876290111abbb00ef962a7b83a5307fba0d50"
+  integrity sha512-qsaF+9Qcm2Qv8SRIMMscAvG4O3lJ0F1GuMo5HR/Bp02LopNgnZBC/EkbevHFeGs4ls/oPz9v+Bsmzbkbe+0dUw==
+  dependencies:
+    "@babel/parser" "^7.29.0"
+    "@babel/types" "^7.29.0"
+    "@jridgewell/gen-mapping" "^0.3.12"
+    "@jridgewell/trace-mapping" "^0.3.28"
+    jsesc "^3.0.2"
+
+"@babel/helper-annotate-as-pure@^7.22.5":
   version "7.22.5"
   resolved "https://registry.yarnpkg.com/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.22.5.tgz#e7f06737b197d580a01edf75d97e2c8be99d3882"
   integrity sha512-LvBTxu8bQSQkcyKOU+a1btnNFQ1dMAd0R6PyW3arXes06F6QLWLIrd681bxRPIXlrMGR3XYnW9JyML7dP3qgxg==
   dependencies:
     "@babel/types" "^7.22.5"
 
-"@babel/helper-builder-binary-assignment-operator-visitor@^7.22.5":
-  version "7.22.15"
-  resolved "https://registry.yarnpkg.com/@babel/helper-builder-binary-assignment-operator-visitor/-/helper-builder-binary-assignment-operator-visitor-7.22.15.tgz#5426b109cf3ad47b91120f8328d8ab1be8b0b956"
-  integrity sha512-QkBXwGgaoC2GtGZRoma6kv7Szfv06khvhFav67ZExau2RaXzy8MpHSMO2PNoP2XtmQphJQRHFfg77Bq731Yizw==
+"@babel/helper-annotate-as-pure@^7.27.1", "@babel/helper-annotate-as-pure@^7.27.3":
+  version "7.27.3"
+  resolved "https://registry.yarnpkg.com/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.27.3.tgz#f31fd86b915fc4daf1f3ac6976c59be7084ed9c5"
+  integrity sha512-fXSwMQqitTGeHLBC08Eq5yXz2m37E4pJX1qAU1+2cNedz/ifv/bVXft90VeSav5nFO61EcNgwr0aJxbyPaWBPg==
   dependencies:
-    "@babel/types" "^7.22.15"
+    "@babel/types" "^7.27.3"
 
-"@babel/helper-compilation-targets@^7.22.15", "@babel/helper-compilation-targets@^7.22.5", "@babel/helper-compilation-targets@^7.22.6":
+"@babel/helper-compilation-targets@^7.22.15":
   version "7.22.15"
   resolved "https://registry.yarnpkg.com/@babel/helper-compilation-targets/-/helper-compilation-targets-7.22.15.tgz#0698fc44551a26cf29f18d4662d5bf545a6cfc52"
   integrity sha512-y6EEzULok0Qvz8yyLkCvVX+02ic+By2UdOhylwUOvOn9dvYc9mKICJuuU1n1XBI02YWsNsnrY1kc6DVbjcXbtw==
@@ -141,22 +142,31 @@
     lru-cache "^5.1.1"
     semver "^6.3.1"
 
-"@babel/helper-create-class-features-plugin@^7.18.6", "@babel/helper-create-class-features-plugin@^7.21.0", "@babel/helper-create-class-features-plugin@^7.22.11", "@babel/helper-create-class-features-plugin@^7.22.15", "@babel/helper-create-class-features-plugin@^7.22.5":
-  version "7.22.15"
-  resolved "https://registry.yarnpkg.com/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.22.15.tgz#97a61b385e57fe458496fad19f8e63b63c867de4"
-  integrity sha512-jKkwA59IXcvSaiK2UN45kKwSC9o+KuoXsBDvHvU/7BecYIp8GQ2UwrVvFgJASUT+hBnwJx6MhvMCuMzwZZ7jlg==
+"@babel/helper-compilation-targets@^7.27.1", "@babel/helper-compilation-targets@^7.28.6":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/helper-compilation-targets/-/helper-compilation-targets-7.28.6.tgz#32c4a3f41f12ed1532179b108a4d746e105c2b25"
+  integrity sha512-JYtls3hqi15fcx5GaSNL7SCTJ2MNmjrkHXg4FSpOA/grxK8KwyZ5bubHsCq8FXCkua6xhuaaBit+3b7+VZRfcA==
   dependencies:
-    "@babel/helper-annotate-as-pure" "^7.22.5"
-    "@babel/helper-environment-visitor" "^7.22.5"
-    "@babel/helper-function-name" "^7.22.5"
-    "@babel/helper-member-expression-to-functions" "^7.22.15"
-    "@babel/helper-optimise-call-expression" "^7.22.5"
-    "@babel/helper-replace-supers" "^7.22.9"
-    "@babel/helper-skip-transparent-expression-wrappers" "^7.22.5"
-    "@babel/helper-split-export-declaration" "^7.22.6"
+    "@babel/compat-data" "^7.28.6"
+    "@babel/helper-validator-option" "^7.27.1"
+    browserslist "^4.24.0"
+    lru-cache "^5.1.1"
     semver "^6.3.1"
 
-"@babel/helper-create-regexp-features-plugin@^7.18.6", "@babel/helper-create-regexp-features-plugin@^7.22.5":
+"@babel/helper-create-class-features-plugin@^7.28.6":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.28.6.tgz#611ff5482da9ef0db6291bcd24303400bca170fb"
+  integrity sha512-dTOdvsjnG3xNT9Y0AUg1wAl38y+4Rl4sf9caSQZOXdNqVn+H+HbbJ4IyyHaIqNR6SW9oJpA/RuRjsjCw2IdIow==
+  dependencies:
+    "@babel/helper-annotate-as-pure" "^7.27.3"
+    "@babel/helper-member-expression-to-functions" "^7.28.5"
+    "@babel/helper-optimise-call-expression" "^7.27.1"
+    "@babel/helper-replace-supers" "^7.28.6"
+    "@babel/helper-skip-transparent-expression-wrappers" "^7.27.1"
+    "@babel/traverse" "^7.28.6"
+    semver "^6.3.1"
+
+"@babel/helper-create-regexp-features-plugin@^7.18.6":
   version "7.22.15"
   resolved "https://registry.yarnpkg.com/@babel/helper-create-regexp-features-plugin/-/helper-create-regexp-features-plugin-7.22.15.tgz#5ee90093914ea09639b01c711db0d6775e558be1"
   integrity sha512-29FkPLFjn4TPEa3RE7GpW+qbE8tlsu3jntNYNfcGsc49LphF1PQIiD+vMZ1z1xVOKt+93khA9tc2JBs3kBjA7w==
@@ -165,23 +175,32 @@
     regexpu-core "^5.3.1"
     semver "^6.3.1"
 
-"@babel/helper-define-polyfill-provider@^0.4.3":
-  version "0.4.3"
-  resolved "https://registry.yarnpkg.com/@babel/helper-define-polyfill-provider/-/helper-define-polyfill-provider-0.4.3.tgz#a71c10f7146d809f4a256c373f462d9bba8cf6ba"
-  integrity sha512-WBrLmuPP47n7PNwsZ57pqam6G/RGo1vw/87b0Blc53tZNGZ4x7YvZ6HgQe2vo1W/FR20OgjeZuGXzudPiXHFug==
+"@babel/helper-create-regexp-features-plugin@^7.27.1", "@babel/helper-create-regexp-features-plugin@^7.28.5":
+  version "7.28.5"
+  resolved "https://registry.yarnpkg.com/@babel/helper-create-regexp-features-plugin/-/helper-create-regexp-features-plugin-7.28.5.tgz#7c1ddd64b2065c7f78034b25b43346a7e19ed997"
+  integrity sha512-N1EhvLtHzOvj7QQOUCCS3NrPJP8c5W6ZXCHDn7Yialuy1iu4r5EmIYkXlKNqT99Ciw+W0mDqWoR6HWMZlFP3hw==
   dependencies:
-    "@babel/helper-compilation-targets" "^7.22.6"
-    "@babel/helper-plugin-utils" "^7.22.5"
-    debug "^4.1.1"
+    "@babel/helper-annotate-as-pure" "^7.27.3"
+    regexpu-core "^6.3.1"
+    semver "^6.3.1"
+
+"@babel/helper-define-polyfill-provider@^0.6.8":
+  version "0.6.8"
+  resolved "https://registry.yarnpkg.com/@babel/helper-define-polyfill-provider/-/helper-define-polyfill-provider-0.6.8.tgz#cf1e4462b613f2b54c41e6ff758d5dfcaa2c85d1"
+  integrity sha512-47UwBLPpQi1NoWzLuHNjRoHlYXMwIJoBf7MFou6viC/sIHWYygpvr0B6IAyh5sBdA2nr2LPIRww8lfaUVQINBA==
+  dependencies:
+    "@babel/helper-compilation-targets" "^7.28.6"
+    "@babel/helper-plugin-utils" "^7.28.6"
+    debug "^4.4.3"
     lodash.debounce "^4.0.8"
-    resolve "^1.14.2"
+    resolve "^1.22.11"
 
-"@babel/helper-environment-visitor@^7.22.20", "@babel/helper-environment-visitor@^7.22.5":
+"@babel/helper-environment-visitor@^7.22.20":
   version "7.22.20"
   resolved "https://registry.yarnpkg.com/@babel/helper-environment-visitor/-/helper-environment-visitor-7.22.20.tgz#96159db61d34a29dba454c959f5ae4a649ba9167"
   integrity sha512-zfedSIzFhat/gFhWfHtgWvlec0nqB9YEIVrpuwjruLlXfUSnA8cJB0miHKwqDnQ7d32aKo2xt88/xZptwxbfhA==
 
-"@babel/helper-function-name@^7.22.5", "@babel/helper-function-name@^7.23.0":
+"@babel/helper-function-name@^7.23.0":
   version "7.23.0"
   resolved "https://registry.yarnpkg.com/@babel/helper-function-name/-/helper-function-name-7.23.0.tgz#1f9a3cdbd5b2698a670c30d2735f9af95ed52759"
   integrity sha512-OErEqsrxjZTJciZ4Oo+eoZqeW9UIiOcuYKRJA4ZAgV9myA+pOXhhmpfNCKjEH/auVfEYVFJ6y1Tc4r0eIApqiw==
@@ -189,6 +208,11 @@
     "@babel/template" "^7.22.15"
     "@babel/types" "^7.23.0"
 
+"@babel/helper-globals@^7.28.0":
+  version "7.28.0"
+  resolved "https://registry.yarnpkg.com/@babel/helper-globals/-/helper-globals-7.28.0.tgz#b9430df2aa4e17bc28665eadeae8aa1d985e6674"
+  integrity sha512-+W6cISkXFa1jXsDEdYA8HeevQT/FULhxzR99pxphltZcVaugps53THCeiWA8SguxxpSp3gKPiuYfSWopkLQ4hw==
+
 "@babel/helper-hoist-variables@^7.22.5":
   version "7.22.5"
   resolved "https://registry.yarnpkg.com/@babel/helper-hoist-variables/-/helper-hoist-variables-7.22.5.tgz#c01a007dac05c085914e8fb652b339db50d823bb"
@@ -196,21 +220,30 @@
   dependencies:
     "@babel/types" "^7.22.5"
 
-"@babel/helper-member-expression-to-functions@^7.22.15":
-  version "7.23.0"
-  resolved "https://registry.yarnpkg.com/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.23.0.tgz#9263e88cc5e41d39ec18c9a3e0eced59a3e7d366"
-  integrity sha512-6gfrPwh7OuT6gZyJZvd6WbTfrqAo7vm4xCzAXOusKqq/vWdKXphTpj5klHKNmRUU6/QRGlBsyU9mAIPaWHlqJA==
+"@babel/helper-member-expression-to-functions@^7.28.5":
+  version "7.28.5"
+  resolved "https://registry.yarnpkg.com/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.28.5.tgz#f3e07a10be37ed7a63461c63e6929575945a6150"
+  integrity sha512-cwM7SBRZcPCLgl8a7cY0soT1SptSzAlMH39vwiRpOQkJlh53r5hdHwLSCZpQdVLT39sZt+CRpNwYG4Y2v77atg==
   dependencies:
-    "@babel/types" "^7.23.0"
+    "@babel/traverse" "^7.28.5"
+    "@babel/types" "^7.28.5"
 
-"@babel/helper-module-imports@^7.0.0", "@babel/helper-module-imports@^7.16.7", "@babel/helper-module-imports@^7.22.15", "@babel/helper-module-imports@^7.22.5":
+"@babel/helper-module-imports@^7.22.15", "@babel/helper-module-imports@^7.22.5":
   version "7.22.15"
   resolved "https://registry.yarnpkg.com/@babel/helper-module-imports/-/helper-module-imports-7.22.15.tgz#16146307acdc40cc00c3b2c647713076464bdbf0"
   integrity sha512-0pYVBnDKZO2fnSPCrgM/6WMc7eS20Fbok+0r88fp+YtWVLZrp4CkafFGIp+W0VKw4a22sgebPT99y+FDNMdP4w==
   dependencies:
     "@babel/types" "^7.22.15"
 
-"@babel/helper-module-transforms@^7.12.1", "@babel/helper-module-transforms@^7.22.5", "@babel/helper-module-transforms@^7.23.0":
+"@babel/helper-module-imports@^7.28.6":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/helper-module-imports/-/helper-module-imports-7.28.6.tgz#60632cbd6ffb70b22823187201116762a03e2d5c"
+  integrity sha512-l5XkZK7r7wa9LucGw9LwZyyCUscb4x37JWTPz7swwFE/0FMQAGpiWUZn8u9DzkSBWEcK25jmvubfpw2dnAMdbw==
+  dependencies:
+    "@babel/traverse" "^7.28.6"
+    "@babel/types" "^7.28.6"
+
+"@babel/helper-module-transforms@^7.23.0":
   version "7.23.0"
   resolved "https://registry.yarnpkg.com/@babel/helper-module-transforms/-/helper-module-transforms-7.23.0.tgz#3ec246457f6c842c0aee62a01f60739906f7047e"
   integrity sha512-WhDWw1tdrlT0gMgUJSlX0IQvoO1eN279zrAUbVB+KpV2c3Tylz8+GnKOLllCS6Z/iZQEyVYxhZVUdPTqs2YYPw==
@@ -221,35 +254,49 @@
     "@babel/helper-split-export-declaration" "^7.22.6"
     "@babel/helper-validator-identifier" "^7.22.20"
 
-"@babel/helper-optimise-call-expression@^7.22.5":
-  version "7.22.5"
-  resolved "https://registry.yarnpkg.com/@babel/helper-optimise-call-expression/-/helper-optimise-call-expression-7.22.5.tgz#f21531a9ccbff644fdd156b4077c16ff0c3f609e"
-  integrity sha512-HBwaojN0xFRx4yIvpwGqxiV2tUfl7401jlok564NgB9EHS1y6QT17FmKWm4ztqjeVdXLuC4fSvHc5ePpQjoTbw==
+"@babel/helper-module-transforms@^7.27.1", "@babel/helper-module-transforms@^7.28.6":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/helper-module-transforms/-/helper-module-transforms-7.28.6.tgz#9312d9d9e56edc35aeb6e95c25d4106b50b9eb1e"
+  integrity sha512-67oXFAYr2cDLDVGLXTEABjdBJZ6drElUSI7WKp70NrpyISso3plG9SAGEF6y7zbha/wOzUByWWTJvEDVNIUGcA==
   dependencies:
-    "@babel/types" "^7.22.5"
+    "@babel/helper-module-imports" "^7.28.6"
+    "@babel/helper-validator-identifier" "^7.28.5"
+    "@babel/traverse" "^7.28.6"
+
+"@babel/helper-optimise-call-expression@^7.27.1":
+  version "7.27.1"
+  resolved "https://registry.yarnpkg.com/@babel/helper-optimise-call-expression/-/helper-optimise-call-expression-7.27.1.tgz#c65221b61a643f3e62705e5dd2b5f115e35f9200"
+  integrity sha512-URMGH08NzYFhubNSGJrpUEphGKQwMQYBySzat5cAByY1/YgIRkULnIy3tAMeszlL/so2HbeilYloUmSpd7GdVw==
+  dependencies:
+    "@babel/types" "^7.27.1"
 
-"@babel/helper-plugin-utils@^7.0.0", "@babel/helper-plugin-utils@^7.10.4", "@babel/helper-plugin-utils@^7.12.13", "@babel/helper-plugin-utils@^7.14.5", "@babel/helper-plugin-utils@^7.18.6", "@babel/helper-plugin-utils@^7.20.2", "@babel/helper-plugin-utils@^7.22.5", "@babel/helper-plugin-utils@^7.8.0", "@babel/helper-plugin-utils@^7.8.3":
+"@babel/helper-plugin-utils@^7.0.0", "@babel/helper-plugin-utils@^7.10.4", "@babel/helper-plugin-utils@^7.12.13", "@babel/helper-plugin-utils@^7.14.5", "@babel/helper-plugin-utils@^7.18.6", "@babel/helper-plugin-utils@^7.22.5", "@babel/helper-plugin-utils@^7.8.0":
   version "7.22.5"
   resolved "https://registry.yarnpkg.com/@babel/helper-plugin-utils/-/helper-plugin-utils-7.22.5.tgz#dd7ee3735e8a313b9f7b05a773d892e88e6d7295"
   integrity sha512-uLls06UVKgFG9QD4OeFYLEGteMIAa5kpTPcFL28yuCIIzsf6ZyKZMllKVOCZFhiZ5ptnwX4mtKdWCBE/uT4amg==
 
-"@babel/helper-remap-async-to-generator@^7.22.20", "@babel/helper-remap-async-to-generator@^7.22.5":
-  version "7.22.20"
-  resolved "https://registry.yarnpkg.com/@babel/helper-remap-async-to-generator/-/helper-remap-async-to-generator-7.22.20.tgz#7b68e1cb4fa964d2996fd063723fb48eca8498e0"
-  integrity sha512-pBGyV4uBqOns+0UvhsTO8qgl8hO89PmiDYv+/COyp1aeMcmfrfruz+/nCMFiYyFF/Knn0yfrC85ZzNFjembFTw==
+"@babel/helper-plugin-utils@^7.27.1", "@babel/helper-plugin-utils@^7.28.6":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/helper-plugin-utils/-/helper-plugin-utils-7.28.6.tgz#6f13ea251b68c8532e985fd532f28741a8af9ac8"
+  integrity sha512-S9gzZ/bz83GRysI7gAD4wPT/AI3uCnY+9xn+Mx/KPs2JwHJIz1W8PZkg2cqyt3RNOBM8ejcXhV6y8Og7ly/Dug==
+
+"@babel/helper-remap-async-to-generator@^7.27.1":
+  version "7.27.1"
+  resolved "https://registry.yarnpkg.com/@babel/helper-remap-async-to-generator/-/helper-remap-async-to-generator-7.27.1.tgz#4601d5c7ce2eb2aea58328d43725523fcd362ce6"
+  integrity sha512-7fiA521aVw8lSPeI4ZOD3vRFkoqkJcS+z4hFo82bFSH/2tNd6eJ5qCVMS5OzDmZh/kaHQeBaeyxK6wljcPtveA==
   dependencies:
-    "@babel/helper-annotate-as-pure" "^7.22.5"
-    "@babel/helper-environment-visitor" "^7.22.20"
-    "@babel/helper-wrap-function" "^7.22.20"
+    "@babel/helper-annotate-as-pure" "^7.27.1"
+    "@babel/helper-wrap-function" "^7.27.1"
+    "@babel/traverse" "^7.27.1"
 
-"@babel/helper-replace-supers@^7.22.20", "@babel/helper-replace-supers@^7.22.5", "@babel/helper-replace-supers@^7.22.9":
-  version "7.22.20"
-  resolved "https://registry.yarnpkg.com/@babel/helper-replace-supers/-/helper-replace-supers-7.22.20.tgz#e37d367123ca98fe455a9887734ed2e16eb7a793"
-  integrity sha512-qsW0In3dbwQUbK8kejJ4R7IHVGwHJlV6lpG6UA7a9hSa2YEiAib+N1T2kr6PEeUT+Fl7najmSOS6SmAwCHK6Tw==
+"@babel/helper-replace-supers@^7.27.1", "@babel/helper-replace-supers@^7.28.6":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/helper-replace-supers/-/helper-replace-supers-7.28.6.tgz#94aa9a1d7423a00aead3f204f78834ce7d53fe44"
+  integrity sha512-mq8e+laIk94/yFec3DxSjCRD2Z0TAjhVbEJY3UQrlwVo15Lmt7C2wAUbK4bjnTs4APkwsYLTahXRraQXhb1WCg==
   dependencies:
-    "@babel/helper-environment-visitor" "^7.22.20"
-    "@babel/helper-member-expression-to-functions" "^7.22.15"
-    "@babel/helper-optimise-call-expression" "^7.22.5"
+    "@babel/helper-member-expression-to-functions" "^7.28.5"
+    "@babel/helper-optimise-call-expression" "^7.27.1"
+    "@babel/traverse" "^7.28.6"
 
 "@babel/helper-simple-access@^7.22.5":
   version "7.22.5"
@@ -258,12 +305,13 @@
   dependencies:
     "@babel/types" "^7.22.5"
 
-"@babel/helper-skip-transparent-expression-wrappers@^7.20.0", "@babel/helper-skip-transparent-expression-wrappers@^7.22.5":
-  version "7.22.5"
-  resolved "https://registry.yarnpkg.com/@babel/helper-skip-transparent-expression-wrappers/-/helper-skip-transparent-expression-wrappers-7.22.5.tgz#007f15240b5751c537c40e77abb4e89eeaaa8847"
-  integrity sha512-tK14r66JZKiC43p8Ki33yLBVJKlQDFoA8GYN67lWCDCqoL6EMMSuM9b+Iff2jHaM/RRFYl7K+iiru7hbRqNx8Q==
+"@babel/helper-skip-transparent-expression-wrappers@^7.27.1":
+  version "7.27.1"
+  resolved "https://registry.yarnpkg.com/@babel/helper-skip-transparent-expression-wrappers/-/helper-skip-transparent-expression-wrappers-7.27.1.tgz#62bb91b3abba8c7f1fec0252d9dbea11b3ee7a56"
+  integrity sha512-Tub4ZKEXqbPjXgWLl2+3JpQAYBJ8+ikpQ2Ocj/q/r0LwE3UhENh7EUabyHjz2kCEsrRY83ew2DQdHluuiDQFzg==
   dependencies:
-    "@babel/types" "^7.22.5"
+    "@babel/traverse" "^7.27.1"
+    "@babel/types" "^7.27.1"
 
 "@babel/helper-split-export-declaration@^7.22.6":
   version "7.22.6"
@@ -277,26 +325,41 @@
   resolved "https://registry.yarnpkg.com/@babel/helper-string-parser/-/helper-string-parser-7.22.5.tgz#533f36457a25814cf1df6488523ad547d784a99f"
   integrity sha512-mM4COjgZox8U+JcXQwPijIZLElkgEpO5rsERVDJTc2qfCDfERyob6k5WegS14SX18IIjv+XD+GrqNumY5JRCDw==
 
+"@babel/helper-string-parser@^7.27.1":
+  version "7.27.1"
+  resolved "https://registry.yarnpkg.com/@babel/helper-string-parser/-/helper-string-parser-7.27.1.tgz#54da796097ab19ce67ed9f88b47bb2ec49367687"
+  integrity sha512-qMlSxKbpRlAridDExk92nSobyDdpPijUq2DW6oDnUqd0iOGxmQjyqhMIihI9+zv4LPyZdRje2cavWPbCbWm3eA==
+
 "@babel/helper-validator-identifier@^7.22.20":
   version "7.22.20"
   resolved "https://registry.yarnpkg.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.22.20.tgz#c4ae002c61d2879e724581d96665583dbc1dc0e0"
   integrity sha512-Y4OZ+ytlatR8AI+8KZfKuL5urKp7qey08ha31L8b3BwewJAoJamTzyvxPR/5D+KkdJCGPq/+8TukHBlY10FX9A==
 
+"@babel/helper-validator-identifier@^7.28.5":
+  version "7.28.5"
+  resolved "https://registry.yarnpkg.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.28.5.tgz#010b6938fab7cb7df74aa2bbc06aa503b8fe5fb4"
+  integrity sha512-qSs4ifwzKJSV39ucNjsvc6WVHs6b7S03sOh2OcHF9UHfVPqWWALUsNUVzhSBiItjRZoLHx7nIarVjqKVusUZ1Q==
+
 "@babel/helper-validator-option@^7.22.15":
   version "7.22.15"
   resolved "https://registry.yarnpkg.com/@babel/helper-validator-option/-/helper-validator-option-7.22.15.tgz#694c30dfa1d09a6534cdfcafbe56789d36aba040"
   integrity sha512-bMn7RmyFjY/mdECUbgn9eoSY4vqvacUnS9i9vGAGttgFWesO6B4CYWA7XlpbWgBt71iv/hfbPlynohStqnu5hA==
 
-"@babel/helper-wrap-function@^7.22.20":
-  version "7.22.20"
-  resolved "https://registry.yarnpkg.com/@babel/helper-wrap-function/-/helper-wrap-function-7.22.20.tgz#15352b0b9bfb10fc9c76f79f6342c00e3411a569"
-  integrity sha512-pms/UwkOpnQe/PDAEdV/d7dVCoBbB+R4FvYoHGZz+4VPcg7RtYy2KP7S2lbuWM6FCSgob5wshfGESbC/hzNXZw==
+"@babel/helper-validator-option@^7.27.1":
+  version "7.27.1"
+  resolved "https://registry.yarnpkg.com/@babel/helper-validator-option/-/helper-validator-option-7.27.1.tgz#fa52f5b1e7db1ab049445b421c4471303897702f"
+  integrity sha512-YvjJow9FxbhFFKDSuFnVCe2WxXk1zWc22fFePVNEaWJEu8IrZVlda6N0uHwzZrUM1il7NC9Mlp4MaJYbYd9JSg==
+
+"@babel/helper-wrap-function@^7.27.1":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/helper-wrap-function/-/helper-wrap-function-7.28.6.tgz#4e349ff9222dab69a93a019cc296cdd8442e279a"
+  integrity sha512-z+PwLziMNBeSQJonizz2AGnndLsP2DeGHIxDAn+wdHOGuo4Fo1x1HBPPXeE9TAOPHNNWQKCSlA2VZyYyyibDnQ==
   dependencies:
-    "@babel/helper-function-name" "^7.22.5"
-    "@babel/template" "^7.22.15"
-    "@babel/types" "^7.22.19"
+    "@babel/template" "^7.28.6"
+    "@babel/traverse" "^7.28.6"
+    "@babel/types" "^7.28.6"
 
-"@babel/helpers@^7.12.1", "@babel/helpers@^7.23.2":
+"@babel/helpers@^7.23.2":
   version "7.23.2"
   resolved "https://registry.yarnpkg.com/@babel/helpers/-/helpers-7.23.2.tgz#2832549a6e37d484286e15ba36a5330483cac767"
   integrity sha512-lzchcp8SjTSVe/fPmLwtWVBFC7+Tbn8LGHDVfDp9JGxpAY5opSaEFgt8UQvrnECWOTdji2mOWMz1rOhkHscmGQ==
@@ -305,6 +368,14 @@
     "@babel/traverse" "^7.23.2"
     "@babel/types" "^7.23.0"
 
+"@babel/helpers@^7.28.6":
+  version "7.29.2"
+  resolved "https://registry.yarnpkg.com/@babel/helpers/-/helpers-7.29.2.tgz#9cfbccb02b8e229892c0b07038052cc1a8709c49"
+  integrity sha512-HoGuUs4sCZNezVEKdVcwqmZN8GoHirLUcLaYVNBK2J0DadGtdcqgr3BCbvH8+XUo4NGjNl3VOtSjEKNzqfFgKw==
+  dependencies:
+    "@babel/template" "^7.28.6"
+    "@babel/types" "^7.29.0"
+
 "@babel/highlight@^7.10.4", "@babel/highlight@^7.22.13":
   version "7.22.20"
   resolved "https://registry.yarnpkg.com/@babel/highlight/-/highlight-7.22.20.tgz#4ca92b71d80554b01427815e06f2df965b9c1f54"
@@ -314,94 +385,62 @@
     chalk "^2.4.2"
     js-tokens "^4.0.0"
 
-"@babel/parser@^7.1.0", "@babel/parser@^7.12.3", "@babel/parser@^7.14.7", "@babel/parser@^7.20.7", "@babel/parser@^7.22.15", "@babel/parser@^7.23.0", "@babel/parser@^7.7.0":
+"@babel/parser@^7.1.0", "@babel/parser@^7.14.7", "@babel/parser@^7.20.7", "@babel/parser@^7.22.15", "@babel/parser@^7.23.0":
   version "7.23.0"
   resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.23.0.tgz#da950e622420bf96ca0d0f2909cdddac3acd8719"
   integrity sha512-vvPKKdMemU85V9WE/l5wZEmImpCtLqbnTvqDS2U1fJ96KrxoW7KrXhNsNCblQlg8Ck4b85yxdTyelsMUgFUXiw==
 
-"@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression@^7.22.15":
-  version "7.22.15"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression/-/plugin-bugfix-safari-id-destructuring-collision-in-function-expression-7.22.15.tgz#02dc8a03f613ed5fdc29fb2f728397c78146c962"
-  integrity sha512-FB9iYlz7rURmRJyXRKEnalYPPdn87H5no108cyuQQyMwlpJ2SJtpIUBI27kdTin956pz+LPypkPVPUTlxOmrsg==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.22.5"
-
-"@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining@^7.22.15":
-  version "7.22.15"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining/-/plugin-bugfix-v8-spread-parameters-in-optional-chaining-7.22.15.tgz#2aeb91d337d4e1a1e7ce85b76a37f5301781200f"
-  integrity sha512-Hyph9LseGvAeeXzikV88bczhsrLrIZqDPxO+sSmAunMPaGrBGhfMWzCPYTtiW9t+HzSE2wtV8e5cc5P6r1xMDQ==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.22.5"
-    "@babel/helper-skip-transparent-expression-wrappers" "^7.22.5"
-    "@babel/plugin-transform-optional-chaining" "^7.22.15"
-
-"@babel/plugin-proposal-class-properties@^7.16.0":
-  version "7.18.6"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-class-properties/-/plugin-proposal-class-properties-7.18.6.tgz#b110f59741895f7ec21a6fff696ec46265c446a3"
-  integrity sha512-cumfXOF0+nzZrrN8Rf0t7M+tF6sZc7vhQwYQck9q1/5w2OExlD+b4v4RpMJFaV1Z7WcDRgO6FqvxqxGlwo+RHQ==
+"@babel/parser@^7.23.9", "@babel/parser@^7.28.6", "@babel/parser@^7.29.0", "@babel/parser@^7.29.2":
+  version "7.29.2"
+  resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.29.2.tgz#58bd50b9a7951d134988a1ae177a35ef9a703ba1"
+  integrity sha512-4GgRzy/+fsBa72/RZVJmGKPmZu9Byn8o4MoLpmNe1m8ZfYnz5emHLQz3U4gLud6Zwl0RZIcgiLD7Uq7ySFuDLA==
   dependencies:
-    "@babel/helper-create-class-features-plugin" "^7.18.6"
-    "@babel/helper-plugin-utils" "^7.18.6"
+    "@babel/types" "^7.29.0"
 
-"@babel/plugin-proposal-decorators@^7.16.4":
-  version "7.23.2"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-decorators/-/plugin-proposal-decorators-7.23.2.tgz#0b345a5754f48309fa50b7cd99075ef0295b12c8"
-  integrity sha512-eR0gJQc830fJVGz37oKLvt9W9uUIQSAovUl0e9sJ3YeO09dlcoBVYD3CLrjCj4qHdXmfiyTyFt8yeQYSN5fxLg==
+"@babel/plugin-bugfix-firefox-class-in-computed-class-key@^7.28.5":
+  version "7.28.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-bugfix-firefox-class-in-computed-class-key/-/plugin-bugfix-firefox-class-in-computed-class-key-7.28.5.tgz#fbde57974707bbfa0376d34d425ff4fa6c732421"
+  integrity sha512-87GDMS3tsmMSi/3bWOte1UblL+YUTFMV8SZPZ2eSEL17s74Cw/l63rR6NmGVKMYW2GYi85nE+/d6Hw5N0bEk2Q==
   dependencies:
-    "@babel/helper-create-class-features-plugin" "^7.22.15"
-    "@babel/helper-plugin-utils" "^7.22.5"
-    "@babel/helper-replace-supers" "^7.22.20"
-    "@babel/helper-split-export-declaration" "^7.22.6"
-    "@babel/plugin-syntax-decorators" "^7.22.10"
+    "@babel/helper-plugin-utils" "^7.27.1"
+    "@babel/traverse" "^7.28.5"
 
-"@babel/plugin-proposal-nullish-coalescing-operator@^7.16.0":
-  version "7.18.6"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-nullish-coalescing-operator/-/plugin-proposal-nullish-coalescing-operator-7.18.6.tgz#fdd940a99a740e577d6c753ab6fbb43fdb9467e1"
-  integrity sha512-wQxQzxYeJqHcfppzBDnm1yAY0jSRkUXR2z8RePZYrKwMKgMlE8+Z6LUno+bd6LvbGh8Gltvy74+9pIYkr+XkKA==
+"@babel/plugin-bugfix-safari-class-field-initializer-scope@^7.27.1":
+  version "7.27.1"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-bugfix-safari-class-field-initializer-scope/-/plugin-bugfix-safari-class-field-initializer-scope-7.27.1.tgz#43f70a6d7efd52370eefbdf55ae03d91b293856d"
+  integrity sha512-qNeq3bCKnGgLkEXUuFry6dPlGfCdQNZbn7yUAPCInwAJHMU7THJfrBSozkcWq5sNM6RcF3S8XyQL2A52KNR9IA==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.18.6"
-    "@babel/plugin-syntax-nullish-coalescing-operator" "^7.8.3"
+    "@babel/helper-plugin-utils" "^7.27.1"
 
-"@babel/plugin-proposal-numeric-separator@^7.16.0":
-  version "7.18.6"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-numeric-separator/-/plugin-proposal-numeric-separator-7.18.6.tgz#899b14fbafe87f053d2c5ff05b36029c62e13c75"
-  integrity sha512-ozlZFogPqoLm8WBr5Z8UckIoE4YQ5KESVcNudyXOR8uqIkliTEgJ3RoketfG6pmzLdeZF0H/wjE9/cCEitBl7Q==
+"@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression@^7.27.1":
+  version "7.27.1"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression/-/plugin-bugfix-safari-id-destructuring-collision-in-function-expression-7.27.1.tgz#beb623bd573b8b6f3047bd04c32506adc3e58a72"
+  integrity sha512-g4L7OYun04N1WyqMNjldFwlfPCLVkgB54A/YCXICZYBsvJJE3kByKv9c9+R/nAfmIfjl2rKYLNyMHboYbZaWaA==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.18.6"
-    "@babel/plugin-syntax-numeric-separator" "^7.10.4"
+    "@babel/helper-plugin-utils" "^7.27.1"
 
-"@babel/plugin-proposal-optional-chaining@^7.16.0":
-  version "7.21.0"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-optional-chaining/-/plugin-proposal-optional-chaining-7.21.0.tgz#886f5c8978deb7d30f678b2e24346b287234d3ea"
-  integrity sha512-p4zeefM72gpmEe2fkUr/OnOXpWEf8nAgk7ZYVqqfFiyIG7oFfVZcCrU64hWn5xp4tQ9LkV4bTIa5rD0KANpKNA==
+"@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining@^7.27.1":
+  version "7.27.1"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining/-/plugin-bugfix-v8-spread-parameters-in-optional-chaining-7.27.1.tgz#e134a5479eb2ba9c02714e8c1ebf1ec9076124fd"
+  integrity sha512-oO02gcONcD5O1iTLi/6frMJBIwWEHceWGSGqrpCmEL8nogiS6J9PBlE48CaK20/Jx1LuRml9aDftLgdjXT8+Cw==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.20.2"
-    "@babel/helper-skip-transparent-expression-wrappers" "^7.20.0"
-    "@babel/plugin-syntax-optional-chaining" "^7.8.3"
+    "@babel/helper-plugin-utils" "^7.27.1"
+    "@babel/helper-skip-transparent-expression-wrappers" "^7.27.1"
+    "@babel/plugin-transform-optional-chaining" "^7.27.1"
 
-"@babel/plugin-proposal-private-methods@^7.16.0":
-  version "7.18.6"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-private-methods/-/plugin-proposal-private-methods-7.18.6.tgz#5209de7d213457548a98436fa2882f52f4be6bea"
-  integrity sha512-nutsvktDItsNn4rpGItSNV2sz1XwS+nfU0Rg8aCx3W3NOKVzdMjJRu0O5OkgDp3ZGICSTbgRpxZoWsxoKRvbeA==
+"@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly@^7.28.6":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly/-/plugin-bugfix-v8-static-class-fields-redefine-readonly-7.28.6.tgz#0e8289cec28baaf05d54fd08d81ae3676065f69f"
+  integrity sha512-a0aBScVTlNaiUe35UtfxAN7A/tehvvG4/ByO6+46VPKTRSlfnAFsgKy0FUh+qAkQrDTmhDkT+IBOKlOoMUxQ0g==
   dependencies:
-    "@babel/helper-create-class-features-plugin" "^7.18.6"
-    "@babel/helper-plugin-utils" "^7.18.6"
+    "@babel/helper-plugin-utils" "^7.28.6"
+    "@babel/traverse" "^7.28.6"
 
 "@babel/plugin-proposal-private-property-in-object@7.21.0-placeholder-for-preset-env.2":
   version "7.21.0-placeholder-for-preset-env.2"
   resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-private-property-in-object/-/plugin-proposal-private-property-in-object-7.21.0-placeholder-for-preset-env.2.tgz#7844f9289546efa9febac2de4cfe358a050bd703"
   integrity sha512-SOSkfJDddaM7mak6cPEpswyTRnuRltl429hMraQEglW+OkovnCzsiszTmsrlY//qLFjCpQDFRvjdm2wA5pPm9w==
 
-"@babel/plugin-proposal-private-property-in-object@^7.21.11":
-  version "7.21.11"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-private-property-in-object/-/plugin-proposal-private-property-in-object-7.21.11.tgz#69d597086b6760c4126525cfa154f34631ff272c"
-  integrity sha512-0QZ8qP/3RLDVBwBFoWAwCtgcDZJVwA5LUJRZU8x2YFfKNuFq161wK3cuGrALu5yiPu+vzwTAg/sMWVNeWeNyaw==
-  dependencies:
-    "@babel/helper-annotate-as-pure" "^7.18.6"
-    "@babel/helper-create-class-features-plugin" "^7.21.0"
-    "@babel/helper-plugin-utils" "^7.20.2"
-    "@babel/plugin-syntax-private-property-in-object" "^7.14.5"
-
 "@babel/plugin-syntax-async-generators@^7.8.4":
   version "7.8.4"
   resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-async-generators/-/plugin-syntax-async-generators-7.8.4.tgz#a983fb1aeb2ec3f6ed042a210f640e90e786fe0d"
@@ -416,63 +455,28 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.8.0"
 
-"@babel/plugin-syntax-class-properties@^7.12.13", "@babel/plugin-syntax-class-properties@^7.8.3":
+"@babel/plugin-syntax-class-properties@^7.8.3":
   version "7.12.13"
   resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-class-properties/-/plugin-syntax-class-properties-7.12.13.tgz#b5c987274c4a3a82b89714796931a6b53544ae10"
   integrity sha512-fm4idjKla0YahUNgFNLCB0qySdsoPiZP3iQE3rky0mBUtMZ23yDJ9SJdg6dXTSDnulOVqiF3Hgr9nbXvXTQZYA==
   dependencies:
     "@babel/helper-plugin-utils" "^7.12.13"
 
-"@babel/plugin-syntax-class-static-block@^7.14.5":
-  version "7.14.5"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-class-static-block/-/plugin-syntax-class-static-block-7.14.5.tgz#195df89b146b4b78b3bf897fd7a257c84659d406"
-  integrity sha512-b+YyPmr6ldyNnM6sqYeMWE+bgJcJpO6yS4QD7ymxgH34GBPNDM/THBh8iunyvKIZztiwLH4CJZ0RxTk9emgpjw==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.14.5"
-
-"@babel/plugin-syntax-decorators@^7.22.10":
-  version "7.22.10"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-decorators/-/plugin-syntax-decorators-7.22.10.tgz#7d83ea04d893c442b78ebf4c3cbac59a7211deff"
-  integrity sha512-z1KTVemBjnz+kSEilAsI4lbkPOl5TvJH7YDSY1CTIzvLWJ+KHXp+mRe8VPmfnyvqOPqar1V2gid2PleKzRUstQ==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.22.5"
-
-"@babel/plugin-syntax-dynamic-import@^7.8.3":
-  version "7.8.3"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-dynamic-import/-/plugin-syntax-dynamic-import-7.8.3.tgz#62bf98b2da3cd21d626154fc96ee5b3cb68eacb3"
-  integrity sha512-5gdGbFon+PszYzqs83S3E5mpi7/y/8M9eC90MRTZfduQOYW76ig6SOSPNe41IG5LoP3FGBn2N0RjVDSQiS94kQ==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.8.0"
-
-"@babel/plugin-syntax-export-namespace-from@^7.8.3":
-  version "7.8.3"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-export-namespace-from/-/plugin-syntax-export-namespace-from-7.8.3.tgz#028964a9ba80dbc094c915c487ad7c4e7a66465a"
-  integrity sha512-MXf5laXo6c1IbEbegDmzGPwGNTsHZmEy6QGznu5Sh2UCWvueywb2ee+CCE4zQiZstxU9BMoQO9i6zUFSY0Kj0Q==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.8.3"
-
-"@babel/plugin-syntax-flow@^7.22.5":
-  version "7.22.5"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-flow/-/plugin-syntax-flow-7.22.5.tgz#163b820b9e7696ce134df3ee716d9c0c98035859"
-  integrity sha512-9RdCl0i+q0QExayk2nOS7853w08yLucnnPML6EN9S8fgMPVtdLDCdx/cOQ/i44Lb9UeQX9A35yaqBBOMMZxPxQ==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.22.5"
-
-"@babel/plugin-syntax-import-assertions@^7.22.5":
-  version "7.22.5"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-import-assertions/-/plugin-syntax-import-assertions-7.22.5.tgz#07d252e2aa0bc6125567f742cd58619cb14dce98"
-  integrity sha512-rdV97N7KqsRzeNGoWUOK6yUsWarLjE5Su/Snk9IYPU9CwkWHs4t+rTGOvffTR8XGkJMTAdLfO0xVnXm8wugIJg==
+"@babel/plugin-syntax-import-assertions@^7.28.6":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-import-assertions/-/plugin-syntax-import-assertions-7.28.6.tgz#ae9bc1923a6ba527b70104dd2191b0cd872c8507"
+  integrity sha512-pSJUpFHdx9z5nqTSirOCMtYVP2wFgoWhP0p3g8ONK/4IHhLIBd0B9NYqAvIUAhq+OkhO4VM1tENCt0cjlsNShw==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/helper-plugin-utils" "^7.28.6"
 
-"@babel/plugin-syntax-import-attributes@^7.22.5":
-  version "7.22.5"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-import-attributes/-/plugin-syntax-import-attributes-7.22.5.tgz#ab840248d834410b829f569f5262b9e517555ecb"
-  integrity sha512-KwvoWDeNKPETmozyFE0P2rOLqh39EoQHNjqizrI5B8Vt0ZNS7M56s7dAiAqbYfiAYOuIzIh96z3iR2ktgu3tEg==
+"@babel/plugin-syntax-import-attributes@^7.28.6":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-import-attributes/-/plugin-syntax-import-attributes-7.28.6.tgz#b71d5914665f60124e133696f17cd7669062c503"
+  integrity sha512-jiLC0ma9XkQT3TKJ9uYvlakm66Pamywo+qwL+oL8HJOvc6TWdZXVfhqJr8CCzbSGUAbDOzlGHJC1U+vRfLQDvw==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/helper-plugin-utils" "^7.28.6"
 
-"@babel/plugin-syntax-import-meta@^7.10.4", "@babel/plugin-syntax-import-meta@^7.8.3":
+"@babel/plugin-syntax-import-meta@^7.8.3":
   version "7.10.4"
   resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-import-meta/-/plugin-syntax-import-meta-7.10.4.tgz#ee601348c370fa334d2207be158777496521fd51"
   integrity sha512-Yqfm+XDx0+Prh3VSeEQCPU81yC+JWZ2pDPFSS4ZdpfZhp4MkFMaDC1UqseovEKwSUpnIL7+vK+Clp7bfh0iD7g==
@@ -493,7 +497,14 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.22.5"
 
-"@babel/plugin-syntax-logical-assignment-operators@^7.10.4", "@babel/plugin-syntax-logical-assignment-operators@^7.8.3":
+"@babel/plugin-syntax-jsx@^7.28.6", "@babel/plugin-syntax-jsx@^7.7.2":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-jsx/-/plugin-syntax-jsx-7.28.6.tgz#f8ca28bbd84883b5fea0e447c635b81ba73997ee"
+  integrity sha512-wgEmr06G6sIpqr8YDwA2dSRTE3bJ+V0IfpzfSY3Lfgd7YWOaAdlykvJi13ZKBt8cZHfgH1IXN+CL656W3uUa4w==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.28.6"
+
+"@babel/plugin-syntax-logical-assignment-operators@^7.8.3":
   version "7.10.4"
   resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-logical-assignment-operators/-/plugin-syntax-logical-assignment-operators-7.10.4.tgz#ca91ef46303530448b906652bac2e9fe9941f699"
   integrity sha512-d8waShlpFDinQ5MtvGU9xDAOzKH47+FFoney2baFIoMr952hKOLp1HR7VszoZvOsV/4+RRszNY7D17ba0te0ig==
@@ -507,7 +518,7 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.8.0"
 
-"@babel/plugin-syntax-numeric-separator@^7.10.4", "@babel/plugin-syntax-numeric-separator@^7.8.3":
+"@babel/plugin-syntax-numeric-separator@^7.8.3":
   version "7.10.4"
   resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-numeric-separator/-/plugin-syntax-numeric-separator-7.10.4.tgz#b9b070b3e33570cd9fd07ba7fa91c0dd37b9af97"
   integrity sha512-9H6YdfkcK/uOnY/K7/aA2xpzaAgkQn37yzWUMRK7OaPOqOpGS1+n0H5hxT9AUw9EsSjPW8SVyMJwYRtWs3X3ug==
@@ -535,26 +546,19 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.8.0"
 
-"@babel/plugin-syntax-private-property-in-object@^7.14.5":
-  version "7.14.5"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-private-property-in-object/-/plugin-syntax-private-property-in-object-7.14.5.tgz#0dc6671ec0ea22b6e94a1114f857970cd39de1ad"
-  integrity sha512-0wVnp9dxJ72ZUJDV27ZfbSj6iHLoytYZmh3rFcxNnvsJF3ktkzLDZPy/mA17HGsaQT3/DQsWYX1f1QGWkCoVUg==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.14.5"
-
-"@babel/plugin-syntax-top-level-await@^7.14.5", "@babel/plugin-syntax-top-level-await@^7.8.3":
+"@babel/plugin-syntax-top-level-await@^7.8.3":
   version "7.14.5"
   resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-top-level-await/-/plugin-syntax-top-level-await-7.14.5.tgz#c1cfdadc35a646240001f06138247b741c34d94c"
   integrity sha512-hx++upLv5U1rgYfwe1xBQUhRmU41NEvpUvrp8jkrSCdvGSnM5/qdRMtylJ6PG5OFkBaHkbTAKTnd3/YyESRHFw==
   dependencies:
     "@babel/helper-plugin-utils" "^7.14.5"
 
-"@babel/plugin-syntax-typescript@^7.22.5":
-  version "7.22.5"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-typescript/-/plugin-syntax-typescript-7.22.5.tgz#aac8d383b062c5072c647a31ef990c1d0af90272"
-  integrity sha512-1mS2o03i7t1c6VzH6fdQ3OA8tcEIxwG18zIPRp+UY1Ihv6W+XZzBCVxExF9upussPXJ0xE9XRHwMoNs1ep/nRQ==
+"@babel/plugin-syntax-typescript@^7.7.2":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-typescript/-/plugin-syntax-typescript-7.28.6.tgz#c7b2ddf1d0a811145b1de800d1abd146af92e3a2"
+  integrity sha512-+nDNmQye7nlnuuHDboPbGm00Vqg3oO8niRRL27/4LYHUsHYh0zJ1xWOz0uRwNFmM1Avzk8wZbc6rdiYhomzv/A==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/helper-plugin-utils" "^7.28.6"
 
 "@babel/plugin-syntax-unicode-sets-regex@^7.18.6":
   version "7.18.6"
@@ -564,548 +568,524 @@
     "@babel/helper-create-regexp-features-plugin" "^7.18.6"
     "@babel/helper-plugin-utils" "^7.18.6"
 
-"@babel/plugin-transform-arrow-functions@^7.22.5":
-  version "7.22.5"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-arrow-functions/-/plugin-transform-arrow-functions-7.22.5.tgz#e5ba566d0c58a5b2ba2a8b795450641950b71958"
-  integrity sha512-26lTNXoVRdAnsaDXPpvCNUq+OVWEVC6bx7Vvz9rC53F2bagUWW4u4ii2+h8Fejfh7RYqPxn+libeFBBck9muEw==
+"@babel/plugin-transform-arrow-functions@^7.27.1":
+  version "7.27.1"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-arrow-functions/-/plugin-transform-arrow-functions-7.27.1.tgz#6e2061067ba3ab0266d834a9f94811196f2aba9a"
+  integrity sha512-8Z4TGic6xW70FKThA5HYEKKyBpOOsucTOD1DjU3fZxDg+K3zBJcXMFnt/4yQiZnf5+MiOMSXQ9PaEK/Ilh1DeA==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/helper-plugin-utils" "^7.27.1"
 
-"@babel/plugin-transform-async-generator-functions@^7.23.2":
-  version "7.23.2"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-async-generator-functions/-/plugin-transform-async-generator-functions-7.23.2.tgz#054afe290d64c6f576f371ccc321772c8ea87ebb"
-  integrity sha512-BBYVGxbDVHfoeXbOwcagAkOQAm9NxoTdMGfTqghu1GrvadSaw6iW3Je6IcL5PNOw8VwjxqBECXy50/iCQSY/lQ==
+"@babel/plugin-transform-async-generator-functions@^7.29.0":
+  version "7.29.0"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-async-generator-functions/-/plugin-transform-async-generator-functions-7.29.0.tgz#63ed829820298f0bf143d5a4a68fb8c06ffd742f"
+  integrity sha512-va0VdWro4zlBr2JsXC+ofCPB2iG12wPtVGTWFx2WLDOM3nYQZZIGP82qku2eW/JR83sD+k2k+CsNtyEbUqhU6w==
   dependencies:
-    "@babel/helper-environment-visitor" "^7.22.20"
-    "@babel/helper-plugin-utils" "^7.22.5"
-    "@babel/helper-remap-async-to-generator" "^7.22.20"
-    "@babel/plugin-syntax-async-generators" "^7.8.4"
+    "@babel/helper-plugin-utils" "^7.28.6"
+    "@babel/helper-remap-async-to-generator" "^7.27.1"
+    "@babel/traverse" "^7.29.0"
 
-"@babel/plugin-transform-async-to-generator@^7.22.5":
-  version "7.22.5"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-async-to-generator/-/plugin-transform-async-to-generator-7.22.5.tgz#c7a85f44e46f8952f6d27fe57c2ed3cc084c3775"
-  integrity sha512-b1A8D8ZzE/VhNDoV1MSJTnpKkCG5bJo+19R4o4oy03zM7ws8yEMK755j61Dc3EyvdysbqH5BOOTquJ7ZX9C6vQ==
+"@babel/plugin-transform-async-to-generator@^7.28.6":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-async-to-generator/-/plugin-transform-async-to-generator-7.28.6.tgz#bd97b42237b2d1bc90d74bcb486c39be5b4d7e77"
+  integrity sha512-ilTRcmbuXjsMmcZ3HASTe4caH5Tpo93PkTxF9oG2VZsSWsahydmcEHhix9Ik122RcTnZnUzPbmux4wh1swfv7g==
   dependencies:
-    "@babel/helper-module-imports" "^7.22.5"
-    "@babel/helper-plugin-utils" "^7.22.5"
-    "@babel/helper-remap-async-to-generator" "^7.22.5"
+    "@babel/helper-module-imports" "^7.28.6"
+    "@babel/helper-plugin-utils" "^7.28.6"
+    "@babel/helper-remap-async-to-generator" "^7.27.1"
 
-"@babel/plugin-transform-block-scoped-functions@^7.22.5":
-  version "7.22.5"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-block-scoped-functions/-/plugin-transform-block-scoped-functions-7.22.5.tgz#27978075bfaeb9fa586d3cb63a3d30c1de580024"
-  integrity sha512-tdXZ2UdknEKQWKJP1KMNmuF5Lx3MymtMN/pvA+p/VEkhK8jVcQ1fzSy8KM9qRYhAf2/lV33hoMPKI/xaI9sADA==
+"@babel/plugin-transform-block-scoped-functions@^7.27.1":
+  version "7.27.1"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-block-scoped-functions/-/plugin-transform-block-scoped-functions-7.27.1.tgz#558a9d6e24cf72802dd3b62a4b51e0d62c0f57f9"
+  integrity sha512-cnqkuOtZLapWYZUYM5rVIdv1nXYuFVIltZ6ZJ7nIj585QsjKM5dhL2Fu/lICXZ1OyIAFc7Qy+bvDAtTXqGrlhg==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/helper-plugin-utils" "^7.27.1"
 
-"@babel/plugin-transform-block-scoping@^7.23.0":
-  version "7.23.0"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-block-scoping/-/plugin-transform-block-scoping-7.23.0.tgz#8744d02c6c264d82e1a4bc5d2d501fd8aff6f022"
-  integrity sha512-cOsrbmIOXmf+5YbL99/S49Y3j46k/T16b9ml8bm9lP6N9US5iQ2yBK7gpui1pg0V/WMcXdkfKbTb7HXq9u+v4g==
+"@babel/plugin-transform-block-scoping@^7.28.6":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-block-scoping/-/plugin-transform-block-scoping-7.28.6.tgz#e1ef5633448c24e76346125c2534eeb359699a99"
+  integrity sha512-tt/7wOtBmwHPNMPu7ax4pdPz6shjFrmHDghvNC+FG9Qvj7D6mJcoRQIF5dy4njmxR941l6rgtvfSB2zX3VlUIw==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/helper-plugin-utils" "^7.28.6"
 
-"@babel/plugin-transform-class-properties@^7.22.5":
-  version "7.22.5"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-class-properties/-/plugin-transform-class-properties-7.22.5.tgz#97a56e31ad8c9dc06a0b3710ce7803d5a48cca77"
-  integrity sha512-nDkQ0NfkOhPTq8YCLiWNxp1+f9fCobEjCb0n8WdbNUBc4IB5V7P1QnX9IjpSoquKrXF5SKojHleVNs2vGeHCHQ==
+"@babel/plugin-transform-class-properties@^7.28.6":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-class-properties/-/plugin-transform-class-properties-7.28.6.tgz#d274a4478b6e782d9ea987fda09bdb6d28d66b72"
+  integrity sha512-dY2wS3I2G7D697VHndN91TJr8/AAfXQNt5ynCTI/MpxMsSzHp+52uNivYT5wCPax3whc47DR8Ba7cmlQMg24bw==
   dependencies:
-    "@babel/helper-create-class-features-plugin" "^7.22.5"
-    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/helper-create-class-features-plugin" "^7.28.6"
+    "@babel/helper-plugin-utils" "^7.28.6"
 
-"@babel/plugin-transform-class-static-block@^7.22.11":
-  version "7.22.11"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-class-static-block/-/plugin-transform-class-static-block-7.22.11.tgz#dc8cc6e498f55692ac6b4b89e56d87cec766c974"
-  integrity sha512-GMM8gGmqI7guS/llMFk1bJDkKfn3v3C4KHK9Yg1ey5qcHcOlKb0QvcMrgzvxo+T03/4szNh5lghY+fEC98Kq9g==
+"@babel/plugin-transform-class-static-block@^7.28.6":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-class-static-block/-/plugin-transform-class-static-block-7.28.6.tgz#1257491e8259c6d125ac4d9a6f39f9d2bf3dba70"
+  integrity sha512-rfQ++ghVwTWTqQ7w8qyDxL1XGihjBss4CmTgGRCTAC9RIbhVpyp4fOeZtta0Lbf+dTNIVJer6ych2ibHwkZqsQ==
   dependencies:
-    "@babel/helper-create-class-features-plugin" "^7.22.11"
-    "@babel/helper-plugin-utils" "^7.22.5"
-    "@babel/plugin-syntax-class-static-block" "^7.14.5"
+    "@babel/helper-create-class-features-plugin" "^7.28.6"
+    "@babel/helper-plugin-utils" "^7.28.6"
 
-"@babel/plugin-transform-classes@^7.22.15":
-  version "7.22.15"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-classes/-/plugin-transform-classes-7.22.15.tgz#aaf4753aee262a232bbc95451b4bdf9599c65a0b"
-  integrity sha512-VbbC3PGjBdE0wAWDdHM9G8Gm977pnYI0XpqMd6LrKISj8/DJXEsWqgRuTYaNE9Bv0JGhTZUzHDlMk18IpOuoqw==
+"@babel/plugin-transform-classes@^7.28.6":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-classes/-/plugin-transform-classes-7.28.6.tgz#8f6fb79ba3703978e701ce2a97e373aae7dda4b7"
+  integrity sha512-EF5KONAqC5zAqT783iMGuM2ZtmEBy+mJMOKl2BCvPZ2lVrwvXnB6o+OBWCS+CoeCCpVRF2sA2RBKUxvT8tQT5Q==
   dependencies:
-    "@babel/helper-annotate-as-pure" "^7.22.5"
-    "@babel/helper-compilation-targets" "^7.22.15"
-    "@babel/helper-environment-visitor" "^7.22.5"
-    "@babel/helper-function-name" "^7.22.5"
-    "@babel/helper-optimise-call-expression" "^7.22.5"
-    "@babel/helper-plugin-utils" "^7.22.5"
-    "@babel/helper-replace-supers" "^7.22.9"
-    "@babel/helper-split-export-declaration" "^7.22.6"
-    globals "^11.1.0"
+    "@babel/helper-annotate-as-pure" "^7.27.3"
+    "@babel/helper-compilation-targets" "^7.28.6"
+    "@babel/helper-globals" "^7.28.0"
+    "@babel/helper-plugin-utils" "^7.28.6"
+    "@babel/helper-replace-supers" "^7.28.6"
+    "@babel/traverse" "^7.28.6"
 
-"@babel/plugin-transform-computed-properties@^7.22.5":
-  version "7.22.5"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-computed-properties/-/plugin-transform-computed-properties-7.22.5.tgz#cd1e994bf9f316bd1c2dafcd02063ec261bb3869"
-  integrity sha512-4GHWBgRf0krxPX+AaPtgBAlTgTeZmqDynokHOX7aqqAB4tHs3U2Y02zH6ETFdLZGcg9UQSD1WCmkVrE9ErHeOg==
+"@babel/plugin-transform-computed-properties@^7.28.6":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-computed-properties/-/plugin-transform-computed-properties-7.28.6.tgz#936824fc71c26cb5c433485776d79c8e7b0202d2"
+  integrity sha512-bcc3k0ijhHbc2lEfpFHgx7eYw9KNXqOerKWfzbxEHUGKnS3sz9C4CNL9OiFN1297bDNfUiSO7DaLzbvHQQQ1BQ==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.22.5"
-    "@babel/template" "^7.22.5"
+    "@babel/helper-plugin-utils" "^7.28.6"
+    "@babel/template" "^7.28.6"
 
-"@babel/plugin-transform-destructuring@^7.23.0":
-  version "7.23.0"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-destructuring/-/plugin-transform-destructuring-7.23.0.tgz#6447aa686be48b32eaf65a73e0e2c0bd010a266c"
-  integrity sha512-vaMdgNXFkYrB+8lbgniSYWHsgqK5gjaMNcc84bMIOMRLH0L9AqYq3hwMdvnyqj1OPqea8UtjPEuS/DCenah1wg==
+"@babel/plugin-transform-destructuring@^7.28.5":
+  version "7.28.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-destructuring/-/plugin-transform-destructuring-7.28.5.tgz#b8402764df96179a2070bb7b501a1586cf8ad7a7"
+  integrity sha512-Kl9Bc6D0zTUcFUvkNuQh4eGXPKKNDOJQXVyyM4ZAQPMveniJdxi8XMJwLo+xSoW3MIq81bD33lcUe9kZpl0MCw==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/helper-plugin-utils" "^7.27.1"
+    "@babel/traverse" "^7.28.5"
 
-"@babel/plugin-transform-dotall-regex@^7.22.5":
-  version "7.22.5"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-dotall-regex/-/plugin-transform-dotall-regex-7.22.5.tgz#dbb4f0e45766eb544e193fb00e65a1dd3b2a4165"
-  integrity sha512-5/Yk9QxCQCl+sOIB1WelKnVRxTJDSAIxtJLL2/pqL14ZVlbH0fUQUZa/T5/UnQtBNgghR7mfB8ERBKyKPCi7Vw==
+"@babel/plugin-transform-dotall-regex@^7.28.6":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-dotall-regex/-/plugin-transform-dotall-regex-7.28.6.tgz#def31ed84e0fb6e25c71e53c124e7b76a4ab8e61"
+  integrity sha512-SljjowuNKB7q5Oayv4FoPzeB74g3QgLt8IVJw9ADvWy3QnUb/01aw8I4AVv8wYnPvQz2GDDZ/g3GhcNyDBI4Bg==
   dependencies:
-    "@babel/helper-create-regexp-features-plugin" "^7.22.5"
-    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/helper-create-regexp-features-plugin" "^7.28.5"
+    "@babel/helper-plugin-utils" "^7.28.6"
 
-"@babel/plugin-transform-duplicate-keys@^7.22.5":
-  version "7.22.5"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-duplicate-keys/-/plugin-transform-duplicate-keys-7.22.5.tgz#b6e6428d9416f5f0bba19c70d1e6e7e0b88ab285"
-  integrity sha512-dEnYD+9BBgld5VBXHnF/DbYGp3fqGMsyxKbtD1mDyIA7AkTSpKXFhCVuj/oQVOoALfBs77DudA0BE4d5mcpmqw==
+"@babel/plugin-transform-duplicate-keys@^7.27.1":
+  version "7.27.1"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-duplicate-keys/-/plugin-transform-duplicate-keys-7.27.1.tgz#f1fbf628ece18e12e7b32b175940e68358f546d1"
+  integrity sha512-MTyJk98sHvSs+cvZ4nOauwTTG1JeonDjSGvGGUNHreGQns+Mpt6WX/dVzWBHgg+dYZhkC4X+zTDfkTU+Vy9y7Q==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/helper-plugin-utils" "^7.27.1"
 
-"@babel/plugin-transform-dynamic-import@^7.22.11":
-  version "7.22.11"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-dynamic-import/-/plugin-transform-dynamic-import-7.22.11.tgz#2c7722d2a5c01839eaf31518c6ff96d408e447aa"
-  integrity sha512-g/21plo58sfteWjaO0ZNVb+uEOkJNjAaHhbejrnBmu011l/eNDScmkbjCC3l4FKb10ViaGU4aOkFznSu2zRHgA==
+"@babel/plugin-transform-duplicate-named-capturing-groups-regex@^7.29.0":
+  version "7.29.0"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-duplicate-named-capturing-groups-regex/-/plugin-transform-duplicate-named-capturing-groups-regex-7.29.0.tgz#8014b8a6cfd0e7b92762724443bf0d2400f26df1"
+  integrity sha512-zBPcW2lFGxdiD8PUnPwJjag2J9otbcLQzvbiOzDxpYXyCuYX9agOwMPGn1prVH0a4qzhCKu24rlH4c1f7yA8rw==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.22.5"
-    "@babel/plugin-syntax-dynamic-import" "^7.8.3"
+    "@babel/helper-create-regexp-features-plugin" "^7.28.5"
+    "@babel/helper-plugin-utils" "^7.28.6"
 
-"@babel/plugin-transform-exponentiation-operator@^7.22.5":
-  version "7.22.5"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-exponentiation-operator/-/plugin-transform-exponentiation-operator-7.22.5.tgz#402432ad544a1f9a480da865fda26be653e48f6a"
-  integrity sha512-vIpJFNM/FjZ4rh1myqIya9jXwrwwgFRHPjT3DkUA9ZLHuzox8jiXkOLvwm1H+PQIP3CqfC++WPKeuDi0Sjdj1g==
+"@babel/plugin-transform-dynamic-import@^7.27.1":
+  version "7.27.1"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-dynamic-import/-/plugin-transform-dynamic-import-7.27.1.tgz#4c78f35552ac0e06aa1f6e3c573d67695e8af5a4"
+  integrity sha512-MHzkWQcEmjzzVW9j2q8LGjwGWpG2mjwaaB0BNQwst3FIjqsg8Ct/mIZlvSPJvfi9y2AC8mi/ktxbFVL9pZ1I4A==
   dependencies:
-    "@babel/helper-builder-binary-assignment-operator-visitor" "^7.22.5"
-    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/helper-plugin-utils" "^7.27.1"
 
-"@babel/plugin-transform-export-namespace-from@^7.22.11":
-  version "7.22.11"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-export-namespace-from/-/plugin-transform-export-namespace-from-7.22.11.tgz#b3c84c8f19880b6c7440108f8929caf6056db26c"
-  integrity sha512-xa7aad7q7OiT8oNZ1mU7NrISjlSkVdMbNxn9IuLZyL9AJEhs1Apba3I+u5riX1dIkdptP5EKDG5XDPByWxtehw==
+"@babel/plugin-transform-explicit-resource-management@^7.28.6":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-explicit-resource-management/-/plugin-transform-explicit-resource-management-7.28.6.tgz#dd6788f982c8b77e86779d1d029591e39d9d8be7"
+  integrity sha512-Iao5Konzx2b6g7EPqTy40UZbcdXE126tTxVFr/nAIj+WItNxjKSYTEw3RC+A2/ZetmdJsgueL1KhaMCQHkLPIg==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.22.5"
-    "@babel/plugin-syntax-export-namespace-from" "^7.8.3"
+    "@babel/helper-plugin-utils" "^7.28.6"
+    "@babel/plugin-transform-destructuring" "^7.28.5"
 
-"@babel/plugin-transform-flow-strip-types@^7.16.0":
-  version "7.22.5"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-flow-strip-types/-/plugin-transform-flow-strip-types-7.22.5.tgz#0bb17110c7bf5b35a60754b2f00c58302381dee2"
-  integrity sha512-tujNbZdxdG0/54g/oua8ISToaXTFBf8EnSb5PgQSciIXWOWKX3S4+JR7ZE9ol8FZwf9kxitzkGQ+QWeov/mCiA==
+"@babel/plugin-transform-exponentiation-operator@^7.28.6":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-exponentiation-operator/-/plugin-transform-exponentiation-operator-7.28.6.tgz#5e477eb7eafaf2ab5537a04aaafcf37e2d7f1091"
+  integrity sha512-WitabqiGjV/vJ0aPOLSFfNY1u9U3R7W36B03r5I2KoNix+a3sOhJ3pKFB3R5It9/UiK78NiO0KE9P21cMhlPkw==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.22.5"
-    "@babel/plugin-syntax-flow" "^7.22.5"
+    "@babel/helper-plugin-utils" "^7.28.6"
 
-"@babel/plugin-transform-for-of@^7.22.15":
-  version "7.22.15"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-for-of/-/plugin-transform-for-of-7.22.15.tgz#f64b4ccc3a4f131a996388fae7680b472b306b29"
-  integrity sha512-me6VGeHsx30+xh9fbDLLPi0J1HzmeIIyenoOQHuw2D4m2SAU3NrspX5XxJLBpqn5yrLzrlw2Iy3RA//Bx27iOA==
+"@babel/plugin-transform-export-namespace-from@^7.27.1":
+  version "7.27.1"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-export-namespace-from/-/plugin-transform-export-namespace-from-7.27.1.tgz#71ca69d3471edd6daa711cf4dfc3400415df9c23"
+  integrity sha512-tQvHWSZ3/jH2xuq/vZDy0jNn+ZdXJeM8gHvX4lnJmsc3+50yPlWdZXIc5ay+umX+2/tJIqHqiEqcJvxlmIvRvQ==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/helper-plugin-utils" "^7.27.1"
 
-"@babel/plugin-transform-function-name@^7.22.5":
-  version "7.22.5"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-function-name/-/plugin-transform-function-name-7.22.5.tgz#935189af68b01898e0d6d99658db6b164205c143"
-  integrity sha512-UIzQNMS0p0HHiQm3oelztj+ECwFnj+ZRV4KnguvlsD2of1whUeM6o7wGNj6oLwcDoAXQ8gEqfgC24D+VdIcevg==
+"@babel/plugin-transform-for-of@^7.27.1":
+  version "7.27.1"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-for-of/-/plugin-transform-for-of-7.27.1.tgz#bc24f7080e9ff721b63a70ac7b2564ca15b6c40a"
+  integrity sha512-BfbWFFEJFQzLCQ5N8VocnCtA8J1CLkNTe2Ms2wocj75dd6VpiqS5Z5quTYcUoo4Yq+DN0rtikODccuv7RU81sw==
   dependencies:
-    "@babel/helper-compilation-targets" "^7.22.5"
-    "@babel/helper-function-name" "^7.22.5"
-    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/helper-plugin-utils" "^7.27.1"
+    "@babel/helper-skip-transparent-expression-wrappers" "^7.27.1"
 
-"@babel/plugin-transform-json-strings@^7.22.11":
-  version "7.22.11"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-json-strings/-/plugin-transform-json-strings-7.22.11.tgz#689a34e1eed1928a40954e37f74509f48af67835"
-  integrity sha512-CxT5tCqpA9/jXFlme9xIBCc5RPtdDq3JpkkhgHQqtDdiTnTI0jtZ0QzXhr5DILeYifDPp2wvY2ad+7+hLMW5Pw==
+"@babel/plugin-transform-function-name@^7.27.1":
+  version "7.27.1"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-function-name/-/plugin-transform-function-name-7.27.1.tgz#4d0bf307720e4dce6d7c30fcb1fd6ca77bdeb3a7"
+  integrity sha512-1bQeydJF9Nr1eBCMMbC+hdwmRlsv5XYOMu03YSWFwNs0HsAmtSxxF1fyuYPqemVldVyFmlCU7w8UE14LupUSZQ==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.22.5"
-    "@babel/plugin-syntax-json-strings" "^7.8.3"
+    "@babel/helper-compilation-targets" "^7.27.1"
+    "@babel/helper-plugin-utils" "^7.27.1"
+    "@babel/traverse" "^7.27.1"
 
-"@babel/plugin-transform-literals@^7.22.5":
-  version "7.22.5"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-literals/-/plugin-transform-literals-7.22.5.tgz#e9341f4b5a167952576e23db8d435849b1dd7920"
-  integrity sha512-fTLj4D79M+mepcw3dgFBTIDYpbcB9Sm0bpm4ppXPaO+U+PKFFyV9MGRvS0gvGw62sd10kT5lRMKXAADb9pWy8g==
+"@babel/plugin-transform-json-strings@^7.28.6":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-json-strings/-/plugin-transform-json-strings-7.28.6.tgz#4c8c15b2dc49e285d110a4cf3dac52fd2dfc3038"
+  integrity sha512-Nr+hEN+0geQkzhbdgQVPoqr47lZbm+5fCUmO70722xJZd0Mvb59+33QLImGj6F+DkK3xgDi1YVysP8whD6FQAw==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/helper-plugin-utils" "^7.28.6"
 
-"@babel/plugin-transform-logical-assignment-operators@^7.22.11":
-  version "7.22.11"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-logical-assignment-operators/-/plugin-transform-logical-assignment-operators-7.22.11.tgz#24c522a61688bde045b7d9bc3c2597a4d948fc9c"
-  integrity sha512-qQwRTP4+6xFCDV5k7gZBF3C31K34ut0tbEcTKxlX/0KXxm9GLcO14p570aWxFvVzx6QAfPgq7gaeIHXJC8LswQ==
+"@babel/plugin-transform-literals@^7.27.1":
+  version "7.27.1"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-literals/-/plugin-transform-literals-7.27.1.tgz#baaefa4d10a1d4206f9dcdda50d7d5827bb70b24"
+  integrity sha512-0HCFSepIpLTkLcsi86GG3mTUzxV5jpmbv97hTETW3yzrAij8aqlD36toB1D0daVFJM8NK6GvKO0gslVQmm+zZA==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.22.5"
-    "@babel/plugin-syntax-logical-assignment-operators" "^7.10.4"
+    "@babel/helper-plugin-utils" "^7.27.1"
 
-"@babel/plugin-transform-member-expression-literals@^7.22.5":
-  version "7.22.5"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-member-expression-literals/-/plugin-transform-member-expression-literals-7.22.5.tgz#4fcc9050eded981a468347dd374539ed3e058def"
-  integrity sha512-RZEdkNtzzYCFl9SE9ATaUMTj2hqMb4StarOJLrZRbqqU4HSBE7UlBw9WBWQiDzrJZJdUWiMTVDI6Gv/8DPvfew==
+"@babel/plugin-transform-logical-assignment-operators@^7.28.6":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-logical-assignment-operators/-/plugin-transform-logical-assignment-operators-7.28.6.tgz#53028a3d77e33c50ef30a8fce5ca17065936e605"
+  integrity sha512-+anKKair6gpi8VsM/95kmomGNMD0eLz1NQ8+Pfw5sAwWH9fGYXT50E55ZpV0pHUHWf6IUTWPM+f/7AAff+wr9A==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/helper-plugin-utils" "^7.28.6"
 
-"@babel/plugin-transform-modules-amd@^7.23.0":
-  version "7.23.0"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-amd/-/plugin-transform-modules-amd-7.23.0.tgz#05b2bc43373faa6d30ca89214731f76f966f3b88"
-  integrity sha512-xWT5gefv2HGSm4QHtgc1sYPbseOyf+FFDo2JbpE25GWl5BqTGO9IMwTYJRoIdjsF85GE+VegHxSCUt5EvoYTAw==
+"@babel/plugin-transform-member-expression-literals@^7.27.1":
+  version "7.27.1"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-member-expression-literals/-/plugin-transform-member-expression-literals-7.27.1.tgz#37b88ba594d852418e99536f5612f795f23aeaf9"
+  integrity sha512-hqoBX4dcZ1I33jCSWcXrP+1Ku7kdqXf1oeah7ooKOIiAdKQ+uqftgCFNOSzA5AMS2XIHEYeGFg4cKRCdpxzVOQ==
   dependencies:
-    "@babel/helper-module-transforms" "^7.23.0"
-    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/helper-plugin-utils" "^7.27.1"
 
-"@babel/plugin-transform-modules-commonjs@^7.23.0":
-  version "7.23.0"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.23.0.tgz#b3dba4757133b2762c00f4f94590cf6d52602481"
-  integrity sha512-32Xzss14/UVc7k9g775yMIvkVK8xwKE0DPdP5JTapr3+Z9w4tzeOuLNY6BXDQR6BdnzIlXnCGAzsk/ICHBLVWQ==
+"@babel/plugin-transform-modules-amd@^7.27.1":
+  version "7.27.1"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-amd/-/plugin-transform-modules-amd-7.27.1.tgz#a4145f9d87c2291fe2d05f994b65dba4e3e7196f"
+  integrity sha512-iCsytMg/N9/oFq6n+gFTvUYDZQOMK5kEdeYxmxt91fcJGycfxVP9CnrxoliM0oumFERba2i8ZtwRUCMhvP1LnA==
   dependencies:
-    "@babel/helper-module-transforms" "^7.23.0"
-    "@babel/helper-plugin-utils" "^7.22.5"
-    "@babel/helper-simple-access" "^7.22.5"
+    "@babel/helper-module-transforms" "^7.27.1"
+    "@babel/helper-plugin-utils" "^7.27.1"
 
-"@babel/plugin-transform-modules-systemjs@^7.23.0":
-  version "7.23.0"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-systemjs/-/plugin-transform-modules-systemjs-7.23.0.tgz#77591e126f3ff4132a40595a6cccd00a6b60d160"
-  integrity sha512-qBej6ctXZD2f+DhlOC9yO47yEYgUh5CZNz/aBoH4j/3NOlRfJXJbY7xDQCqQVf9KbrqGzIWER1f23doHGrIHFg==
+"@babel/plugin-transform-modules-commonjs@^7.28.6":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.28.6.tgz#c0232e0dfe66a734cc4ad0d5e75fc3321b6fdef1"
+  integrity sha512-jppVbf8IV9iWWwWTQIxJMAJCWBuuKx71475wHwYytrRGQ2CWiDvYlADQno3tcYpS/T2UUWFQp3nVtYfK/YBQrA==
   dependencies:
-    "@babel/helper-hoist-variables" "^7.22.5"
-    "@babel/helper-module-transforms" "^7.23.0"
-    "@babel/helper-plugin-utils" "^7.22.5"
-    "@babel/helper-validator-identifier" "^7.22.20"
+    "@babel/helper-module-transforms" "^7.28.6"
+    "@babel/helper-plugin-utils" "^7.28.6"
 
-"@babel/plugin-transform-modules-umd@^7.22.5":
-  version "7.22.5"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-umd/-/plugin-transform-modules-umd-7.22.5.tgz#4694ae40a87b1745e3775b6a7fe96400315d4f98"
-  integrity sha512-+S6kzefN/E1vkSsKx8kmQuqeQsvCKCd1fraCM7zXm4SFoggI099Tr4G8U81+5gtMdUeMQ4ipdQffbKLX0/7dBQ==
+"@babel/plugin-transform-modules-systemjs@^7.29.0":
+  version "7.29.0"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-systemjs/-/plugin-transform-modules-systemjs-7.29.0.tgz#e458a95a17807c415924106a3ff188a3b8dee964"
+  integrity sha512-PrujnVFbOdUpw4UHiVwKvKRLMMic8+eC0CuNlxjsyZUiBjhFdPsewdXCkveh2KqBA9/waD0W1b4hXSOBQJezpQ==
   dependencies:
-    "@babel/helper-module-transforms" "^7.22.5"
-    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/helper-module-transforms" "^7.28.6"
+    "@babel/helper-plugin-utils" "^7.28.6"
+    "@babel/helper-validator-identifier" "^7.28.5"
+    "@babel/traverse" "^7.29.0"
 
-"@babel/plugin-transform-named-capturing-groups-regex@^7.22.5":
-  version "7.22.5"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-named-capturing-groups-regex/-/plugin-transform-named-capturing-groups-regex-7.22.5.tgz#67fe18ee8ce02d57c855185e27e3dc959b2e991f"
-  integrity sha512-YgLLKmS3aUBhHaxp5hi1WJTgOUb/NCuDHzGT9z9WTt3YG+CPRhJs6nprbStx6DnWM4dh6gt7SU3sZodbZ08adQ==
+"@babel/plugin-transform-modules-umd@^7.27.1":
+  version "7.27.1"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-umd/-/plugin-transform-modules-umd-7.27.1.tgz#63f2cf4f6dc15debc12f694e44714863d34cd334"
+  integrity sha512-iQBE/xC5BV1OxJbp6WG7jq9IWiD+xxlZhLrdwpPkTX3ydmXdvoCpyfJN7acaIBZaOqTfr76pgzqBJflNbeRK+w==
   dependencies:
-    "@babel/helper-create-regexp-features-plugin" "^7.22.5"
-    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/helper-module-transforms" "^7.27.1"
+    "@babel/helper-plugin-utils" "^7.27.1"
 
-"@babel/plugin-transform-new-target@^7.22.5":
-  version "7.22.5"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-new-target/-/plugin-transform-new-target-7.22.5.tgz#1b248acea54ce44ea06dfd37247ba089fcf9758d"
-  integrity sha512-AsF7K0Fx/cNKVyk3a+DW0JLo+Ua598/NxMRvxDnkpCIGFh43+h/v2xyhRUYf6oD8gE4QtL83C7zZVghMjHd+iw==
+"@babel/plugin-transform-named-capturing-groups-regex@^7.29.0":
+  version "7.29.0"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-named-capturing-groups-regex/-/plugin-transform-named-capturing-groups-regex-7.29.0.tgz#a26cd51e09c4718588fc4cce1c5d1c0152102d6a"
+  integrity sha512-1CZQA5KNAD6ZYQLPw7oi5ewtDNxH/2vuCh+6SmvgDfhumForvs8a1o9n0UrEoBD8HU4djO2yWngTQlXl1NDVEQ==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/helper-create-regexp-features-plugin" "^7.28.5"
+    "@babel/helper-plugin-utils" "^7.28.6"
 
-"@babel/plugin-transform-nullish-coalescing-operator@^7.22.11":
-  version "7.22.11"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-nullish-coalescing-operator/-/plugin-transform-nullish-coalescing-operator-7.22.11.tgz#debef6c8ba795f5ac67cd861a81b744c5d38d9fc"
-  integrity sha512-YZWOw4HxXrotb5xsjMJUDlLgcDXSfO9eCmdl1bgW4+/lAGdkjaEvOnQ4p5WKKdUgSzO39dgPl0pTnfxm0OAXcg==
+"@babel/plugin-transform-new-target@^7.27.1":
+  version "7.27.1"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-new-target/-/plugin-transform-new-target-7.27.1.tgz#259c43939728cad1706ac17351b7e6a7bea1abeb"
+  integrity sha512-f6PiYeqXQ05lYq3TIfIDu/MtliKUbNwkGApPUvyo6+tc7uaR4cPjPe7DFPr15Uyycg2lZU6btZ575CuQoYh7MQ==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.22.5"
-    "@babel/plugin-syntax-nullish-coalescing-operator" "^7.8.3"
+    "@babel/helper-plugin-utils" "^7.27.1"
 
-"@babel/plugin-transform-numeric-separator@^7.22.11":
-  version "7.22.11"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-numeric-separator/-/plugin-transform-numeric-separator-7.22.11.tgz#498d77dc45a6c6db74bb829c02a01c1d719cbfbd"
-  integrity sha512-3dzU4QGPsILdJbASKhF/V2TVP+gJya1PsueQCxIPCEcerqF21oEcrob4mzjsp2Py/1nLfF5m+xYNMDpmA8vffg==
+"@babel/plugin-transform-nullish-coalescing-operator@^7.28.6":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-nullish-coalescing-operator/-/plugin-transform-nullish-coalescing-operator-7.28.6.tgz#9bc62096e90ab7a887f3ca9c469f6adec5679757"
+  integrity sha512-3wKbRgmzYbw24mDJXT7N+ADXw8BC/imU9yo9c9X9NKaLF1fW+e5H1U5QjMUBe4Qo4Ox/o++IyUkl1sVCLgevKg==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.22.5"
-    "@babel/plugin-syntax-numeric-separator" "^7.10.4"
+    "@babel/helper-plugin-utils" "^7.28.6"
 
-"@babel/plugin-transform-object-rest-spread@^7.22.15":
-  version "7.22.15"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-object-rest-spread/-/plugin-transform-object-rest-spread-7.22.15.tgz#21a95db166be59b91cde48775310c0df6e1da56f"
-  integrity sha512-fEB+I1+gAmfAyxZcX1+ZUwLeAuuf8VIg67CTznZE0MqVFumWkh8xWtn58I4dxdVf080wn7gzWoF8vndOViJe9Q==
+"@babel/plugin-transform-numeric-separator@^7.28.6":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-numeric-separator/-/plugin-transform-numeric-separator-7.28.6.tgz#1310b0292762e7a4a335df5f580c3320ee7d9e9f"
+  integrity sha512-SJR8hPynj8outz+SlStQSwvziMN4+Bq99it4tMIf5/Caq+3iOc0JtKyse8puvyXkk3eFRIA5ID/XfunGgO5i6w==
   dependencies:
-    "@babel/compat-data" "^7.22.9"
-    "@babel/helper-compilation-targets" "^7.22.15"
-    "@babel/helper-plugin-utils" "^7.22.5"
-    "@babel/plugin-syntax-object-rest-spread" "^7.8.3"
-    "@babel/plugin-transform-parameters" "^7.22.15"
+    "@babel/helper-plugin-utils" "^7.28.6"
 
-"@babel/plugin-transform-object-super@^7.22.5":
-  version "7.22.5"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-object-super/-/plugin-transform-object-super-7.22.5.tgz#794a8d2fcb5d0835af722173c1a9d704f44e218c"
-  integrity sha512-klXqyaT9trSjIUrcsYIfETAzmOEZL3cBYqOYLJxBHfMFFggmXOv+NYSX/Jbs9mzMVESw/WycLFPRx8ba/b2Ipw==
+"@babel/plugin-transform-object-rest-spread@^7.28.6":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-object-rest-spread/-/plugin-transform-object-rest-spread-7.28.6.tgz#fdd4bc2d72480db6ca42aed5c051f148d7b067f7"
+  integrity sha512-5rh+JR4JBC4pGkXLAcYdLHZjXudVxWMXbB6u6+E9lRL5TrGVbHt1TjxGbZ8CkmYw9zjkB7jutzOROArsqtncEA==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.22.5"
-    "@babel/helper-replace-supers" "^7.22.5"
+    "@babel/helper-compilation-targets" "^7.28.6"
+    "@babel/helper-plugin-utils" "^7.28.6"
+    "@babel/plugin-transform-destructuring" "^7.28.5"
+    "@babel/plugin-transform-parameters" "^7.27.7"
+    "@babel/traverse" "^7.28.6"
 
-"@babel/plugin-transform-optional-catch-binding@^7.22.11":
-  version "7.22.11"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-optional-catch-binding/-/plugin-transform-optional-catch-binding-7.22.11.tgz#461cc4f578a127bb055527b3e77404cad38c08e0"
-  integrity sha512-rli0WxesXUeCJnMYhzAglEjLWVDF6ahb45HuprcmQuLidBJFWjNnOzssk2kuc6e33FlLaiZhG/kUIzUMWdBKaQ==
+"@babel/plugin-transform-object-super@^7.27.1":
+  version "7.27.1"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-object-super/-/plugin-transform-object-super-7.27.1.tgz#1c932cd27bf3874c43a5cac4f43ebf970c9871b5"
+  integrity sha512-SFy8S9plRPbIcxlJ8A6mT/CxFdJx/c04JEctz4jf8YZaVS2px34j7NXRrlGlHkN/M2gnpL37ZpGRGVFLd3l8Ng==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.22.5"
-    "@babel/plugin-syntax-optional-catch-binding" "^7.8.3"
+    "@babel/helper-plugin-utils" "^7.27.1"
+    "@babel/helper-replace-supers" "^7.27.1"
 
-"@babel/plugin-transform-optional-chaining@^7.22.15", "@babel/plugin-transform-optional-chaining@^7.23.0":
-  version "7.23.0"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-optional-chaining/-/plugin-transform-optional-chaining-7.23.0.tgz#73ff5fc1cf98f542f09f29c0631647d8ad0be158"
-  integrity sha512-sBBGXbLJjxTzLBF5rFWaikMnOGOk/BmK6vVByIdEggZ7Vn6CvWXZyRkkLFK6WE0IF8jSliyOkUN6SScFgzCM0g==
+"@babel/plugin-transform-optional-catch-binding@^7.28.6":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-optional-catch-binding/-/plugin-transform-optional-catch-binding-7.28.6.tgz#75107be14c78385978201a49c86414a150a20b4c"
+  integrity sha512-R8ja/Pyrv0OGAvAXQhSTmWyPJPml+0TMqXlO5w+AsMEiwb2fg3WkOvob7UxFSL3OIttFSGSRFKQsOhJ/X6HQdQ==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.22.5"
-    "@babel/helper-skip-transparent-expression-wrappers" "^7.22.5"
-    "@babel/plugin-syntax-optional-chaining" "^7.8.3"
+    "@babel/helper-plugin-utils" "^7.28.6"
 
-"@babel/plugin-transform-parameters@^7.22.15":
-  version "7.22.15"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-parameters/-/plugin-transform-parameters-7.22.15.tgz#719ca82a01d177af358df64a514d64c2e3edb114"
-  integrity sha512-hjk7qKIqhyzhhUvRT683TYQOFa/4cQKwQy7ALvTpODswN40MljzNDa0YldevS6tGbxwaEKVn502JmY0dP7qEtQ==
+"@babel/plugin-transform-optional-chaining@^7.27.1", "@babel/plugin-transform-optional-chaining@^7.28.6":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-optional-chaining/-/plugin-transform-optional-chaining-7.28.6.tgz#926cf150bd421fc8362753e911b4a1b1ce4356cd"
+  integrity sha512-A4zobikRGJTsX9uqVFdafzGkqD30t26ck2LmOzAuLL8b2x6k3TIqRiT2xVvA9fNmFeTX484VpsdgmKNA0bS23w==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/helper-plugin-utils" "^7.28.6"
+    "@babel/helper-skip-transparent-expression-wrappers" "^7.27.1"
 
-"@babel/plugin-transform-private-methods@^7.22.5":
-  version "7.22.5"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-private-methods/-/plugin-transform-private-methods-7.22.5.tgz#21c8af791f76674420a147ae62e9935d790f8722"
-  integrity sha512-PPjh4gyrQnGe97JTalgRGMuU4icsZFnWkzicB/fUtzlKUqvsWBKEpPPfr5a2JiyirZkHxnAqkQMO5Z5B2kK3fA==
+"@babel/plugin-transform-parameters@^7.27.7":
+  version "7.27.7"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-parameters/-/plugin-transform-parameters-7.27.7.tgz#1fd2febb7c74e7d21cf3b05f7aebc907940af53a"
+  integrity sha512-qBkYTYCb76RRxUM6CcZA5KRu8K4SM8ajzVeUgVdMVO9NN9uI/GaVmBg/WKJJGnNokV9SY8FxNOVWGXzqzUidBg==
   dependencies:
-    "@babel/helper-create-class-features-plugin" "^7.22.5"
-    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/helper-plugin-utils" "^7.27.1"
 
-"@babel/plugin-transform-private-property-in-object@^7.22.11":
-  version "7.22.11"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-private-property-in-object/-/plugin-transform-private-property-in-object-7.22.11.tgz#ad45c4fc440e9cb84c718ed0906d96cf40f9a4e1"
-  integrity sha512-sSCbqZDBKHetvjSwpyWzhuHkmW5RummxJBVbYLkGkaiTOWGxml7SXt0iWa03bzxFIx7wOj3g/ILRd0RcJKBeSQ==
+"@babel/plugin-transform-private-methods@^7.28.6":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-private-methods/-/plugin-transform-private-methods-7.28.6.tgz#c76fbfef3b86c775db7f7c106fff544610bdb411"
+  integrity sha512-piiuapX9CRv7+0st8lmuUlRSmX6mBcVeNQ1b4AYzJxfCMuBfB0vBXDiGSmm03pKJw1v6cZ8KSeM+oUnM6yAExg==
   dependencies:
-    "@babel/helper-annotate-as-pure" "^7.22.5"
-    "@babel/helper-create-class-features-plugin" "^7.22.11"
-    "@babel/helper-plugin-utils" "^7.22.5"
-    "@babel/plugin-syntax-private-property-in-object" "^7.14.5"
+    "@babel/helper-create-class-features-plugin" "^7.28.6"
+    "@babel/helper-plugin-utils" "^7.28.6"
 
-"@babel/plugin-transform-property-literals@^7.22.5":
-  version "7.22.5"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-property-literals/-/plugin-transform-property-literals-7.22.5.tgz#b5ddabd73a4f7f26cd0e20f5db48290b88732766"
-  integrity sha512-TiOArgddK3mK/x1Qwf5hay2pxI6wCZnvQqrFSqbtg1GLl2JcNMitVH/YnqjP+M31pLUeTfzY1HAXFDnUBV30rQ==
+"@babel/plugin-transform-private-property-in-object@^7.28.6":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-private-property-in-object/-/plugin-transform-private-property-in-object-7.28.6.tgz#4fafef1e13129d79f1d75ac180c52aafefdb2811"
+  integrity sha512-b97jvNSOb5+ehyQmBpmhOCiUC5oVK4PMnpRvO7+ymFBoqYjeDHIU9jnrNUuwHOiL9RpGDoKBpSViarV+BU+eVA==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/helper-annotate-as-pure" "^7.27.3"
+    "@babel/helper-create-class-features-plugin" "^7.28.6"
+    "@babel/helper-plugin-utils" "^7.28.6"
 
-"@babel/plugin-transform-react-constant-elements@^7.12.1":
-  version "7.22.5"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-react-constant-elements/-/plugin-transform-react-constant-elements-7.22.5.tgz#6dfa7c1c37f7d7279e417ceddf5a04abb8bb9c29"
-  integrity sha512-BF5SXoO+nX3h5OhlN78XbbDrBOffv+AxPP2ENaJOVqjWCgBDeOY3WcaUcddutGSfoap+5NEQ/q/4I3WZIvgkXA==
+"@babel/plugin-transform-property-literals@^7.27.1":
+  version "7.27.1"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-property-literals/-/plugin-transform-property-literals-7.27.1.tgz#07eafd618800591e88073a0af1b940d9a42c6424"
+  integrity sha512-oThy3BCuCha8kDZ8ZkgOg2exvPYUlprMukKQXI1r1pJ47NCvxfkEy8vK+r/hT9nF0Aa4H1WUPZZjHTFtAhGfmQ==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/helper-plugin-utils" "^7.27.1"
 
-"@babel/plugin-transform-react-display-name@^7.16.0", "@babel/plugin-transform-react-display-name@^7.22.5":
-  version "7.22.5"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-react-display-name/-/plugin-transform-react-display-name-7.22.5.tgz#3c4326f9fce31c7968d6cb9debcaf32d9e279a2b"
-  integrity sha512-PVk3WPYudRF5z4GKMEYUrLjPl38fJSKNaEOkFuoprioowGuWN6w2RKznuFNSlJx7pzzXXStPUnNSOEO0jL5EVw==
+"@babel/plugin-transform-react-display-name@^7.28.0":
+  version "7.28.0"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-react-display-name/-/plugin-transform-react-display-name-7.28.0.tgz#6f20a7295fea7df42eb42fed8f896813f5b934de"
+  integrity sha512-D6Eujc2zMxKjfa4Zxl4GHMsmhKKZ9VpcqIchJLvwTxad9zWIYulwYItBovpDOoNLISpcZSXoDJ5gaGbQUDqViA==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/helper-plugin-utils" "^7.27.1"
 
-"@babel/plugin-transform-react-jsx-development@^7.22.5":
-  version "7.22.5"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-react-jsx-development/-/plugin-transform-react-jsx-development-7.22.5.tgz#e716b6edbef972a92165cd69d92f1255f7e73e87"
-  integrity sha512-bDhuzwWMuInwCYeDeMzyi7TaBgRQei6DqxhbyniL7/VG4RSS7HtSL2QbY4eESy1KJqlWt8g3xeEBGPuo+XqC8A==
+"@babel/plugin-transform-react-jsx-development@^7.27.1":
+  version "7.27.1"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-react-jsx-development/-/plugin-transform-react-jsx-development-7.27.1.tgz#47ff95940e20a3a70e68ad3d4fcb657b647f6c98"
+  integrity sha512-ykDdF5yI4f1WrAolLqeF3hmYU12j9ntLQl/AOG1HAS21jxyg1Q0/J/tpREuYLfatGdGmXp/3yS0ZA76kOlVq9Q==
   dependencies:
-    "@babel/plugin-transform-react-jsx" "^7.22.5"
+    "@babel/plugin-transform-react-jsx" "^7.27.1"
 
-"@babel/plugin-transform-react-jsx@^7.22.15", "@babel/plugin-transform-react-jsx@^7.22.5":
-  version "7.22.15"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-react-jsx/-/plugin-transform-react-jsx-7.22.15.tgz#7e6266d88705d7c49f11c98db8b9464531289cd6"
-  integrity sha512-oKckg2eZFa8771O/5vi7XeTvmM6+O9cxZu+kanTU7tD4sin5nO/G8jGJhq8Hvt2Z0kUoEDRayuZLaUlYl8QuGA==
+"@babel/plugin-transform-react-jsx-self@^7.27.1":
+  version "7.27.1"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-react-jsx-self/-/plugin-transform-react-jsx-self-7.27.1.tgz#af678d8506acf52c577cac73ff7fe6615c85fc92"
+  integrity sha512-6UzkCs+ejGdZ5mFFC/OCUrv028ab2fp1znZmCZjAOBKiBK2jXD1O+BPSfX8X2qjJ75fZBMSnQn3Rq2mrBJK2mw==
   dependencies:
-    "@babel/helper-annotate-as-pure" "^7.22.5"
-    "@babel/helper-module-imports" "^7.22.15"
-    "@babel/helper-plugin-utils" "^7.22.5"
-    "@babel/plugin-syntax-jsx" "^7.22.5"
-    "@babel/types" "^7.22.15"
+    "@babel/helper-plugin-utils" "^7.27.1"
 
-"@babel/plugin-transform-react-pure-annotations@^7.22.5":
-  version "7.22.5"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-react-pure-annotations/-/plugin-transform-react-pure-annotations-7.22.5.tgz#1f58363eef6626d6fa517b95ac66fe94685e32c0"
-  integrity sha512-gP4k85wx09q+brArVinTXhWiyzLl9UpmGva0+mWyKxk6JZequ05x3eUcIUE+FyttPKJFRRVtAvQaJ6YF9h1ZpA==
+"@babel/plugin-transform-react-jsx-source@^7.27.1":
+  version "7.27.1"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-react-jsx-source/-/plugin-transform-react-jsx-source-7.27.1.tgz#dcfe2c24094bb757bf73960374e7c55e434f19f0"
+  integrity sha512-zbwoTsBruTeKB9hSq73ha66iFeJHuaFkUbwvqElnygoNbj/jHRsSeokowZFN3CZ64IvEqcmmkVe89OPXc7ldAw==
   dependencies:
-    "@babel/helper-annotate-as-pure" "^7.22.5"
-    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/helper-plugin-utils" "^7.27.1"
 
-"@babel/plugin-transform-regenerator@^7.22.10":
-  version "7.22.10"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-regenerator/-/plugin-transform-regenerator-7.22.10.tgz#8ceef3bd7375c4db7652878b0241b2be5d0c3cca"
-  integrity sha512-F28b1mDt8KcT5bUyJc/U9nwzw6cV+UmTeRlXYIl2TNqMMJif0Jeey9/RQ3C4NOd2zp0/TRsDns9ttj2L523rsw==
+"@babel/plugin-transform-react-jsx@^7.27.1":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-react-jsx/-/plugin-transform-react-jsx-7.28.6.tgz#f51cb70a90b9529fbb71ee1f75ea27b7078eed62"
+  integrity sha512-61bxqhiRfAACulXSLd/GxqmAedUSrRZIu/cbaT18T1CetkTmtDN15it7i80ru4DVqRK1WMxQhXs+Lf9kajm5Ow==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.22.5"
-    regenerator-transform "^0.15.2"
+    "@babel/helper-annotate-as-pure" "^7.27.3"
+    "@babel/helper-module-imports" "^7.28.6"
+    "@babel/helper-plugin-utils" "^7.28.6"
+    "@babel/plugin-syntax-jsx" "^7.28.6"
+    "@babel/types" "^7.28.6"
 
-"@babel/plugin-transform-reserved-words@^7.22.5":
-  version "7.22.5"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-reserved-words/-/plugin-transform-reserved-words-7.22.5.tgz#832cd35b81c287c4bcd09ce03e22199641f964fb"
-  integrity sha512-DTtGKFRQUDm8svigJzZHzb/2xatPc6TzNvAIJ5GqOKDsGFYgAskjRulbR/vGsPKq3OPqtexnz327qYpP57RFyA==
+"@babel/plugin-transform-react-pure-annotations@^7.27.1":
+  version "7.27.1"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-react-pure-annotations/-/plugin-transform-react-pure-annotations-7.27.1.tgz#339f1ce355eae242e0649f232b1c68907c02e879"
+  integrity sha512-JfuinvDOsD9FVMTHpzA/pBLisxpv1aSf+OIV8lgH3MuWrks19R27e6a6DipIg4aX1Zm9Wpb04p8wljfKrVSnPA==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/helper-annotate-as-pure" "^7.27.1"
+    "@babel/helper-plugin-utils" "^7.27.1"
 
-"@babel/plugin-transform-runtime@^7.16.4":
-  version "7.23.2"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-runtime/-/plugin-transform-runtime-7.23.2.tgz#c956a3f8d1aa50816ff6c30c6288d66635c12990"
-  integrity sha512-XOntj6icgzMS58jPVtQpiuF6ZFWxQiJavISGx5KGjRj+3gqZr8+N6Kx+N9BApWzgS+DOjIZfXXj0ZesenOWDyA==
+"@babel/plugin-transform-regenerator@^7.29.0":
+  version "7.29.0"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-regenerator/-/plugin-transform-regenerator-7.29.0.tgz#dec237cec1b93330876d6da9992c4abd42c9d18b"
+  integrity sha512-FijqlqMA7DmRdg/aINBSs04y8XNTYw/lr1gJ2WsmBnnaNw1iS43EPkJW+zK7z65auG3AWRFXWj+NcTQwYptUog==
   dependencies:
-    "@babel/helper-module-imports" "^7.22.15"
-    "@babel/helper-plugin-utils" "^7.22.5"
-    babel-plugin-polyfill-corejs2 "^0.4.6"
-    babel-plugin-polyfill-corejs3 "^0.8.5"
-    babel-plugin-polyfill-regenerator "^0.5.3"
-    semver "^6.3.1"
+    "@babel/helper-plugin-utils" "^7.28.6"
 
-"@babel/plugin-transform-shorthand-properties@^7.22.5":
-  version "7.22.5"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-shorthand-properties/-/plugin-transform-shorthand-properties-7.22.5.tgz#6e277654be82b5559fc4b9f58088507c24f0c624"
-  integrity sha512-vM4fq9IXHscXVKzDv5itkO1X52SmdFBFcMIBZ2FRn2nqVYqw6dBexUgMvAjHW+KXpPPViD/Yo3GrDEBaRC0QYA==
+"@babel/plugin-transform-regexp-modifiers@^7.28.6":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-regexp-modifiers/-/plugin-transform-regexp-modifiers-7.28.6.tgz#7ef0163bd8b4a610481b2509c58cf217f065290b"
+  integrity sha512-QGWAepm9qxpaIs7UM9FvUSnCGlb8Ua1RhyM4/veAxLwt3gMat/LSGrZixyuj4I6+Kn9iwvqCyPTtbdxanYoWYg==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/helper-create-regexp-features-plugin" "^7.28.5"
+    "@babel/helper-plugin-utils" "^7.28.6"
 
-"@babel/plugin-transform-spread@^7.22.5":
-  version "7.22.5"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-spread/-/plugin-transform-spread-7.22.5.tgz#6487fd29f229c95e284ba6c98d65eafb893fea6b"
-  integrity sha512-5ZzDQIGyvN4w8+dMmpohL6MBo+l2G7tfC/O2Dg7/hjpgeWvUx8FzfeOKxGog9IimPa4YekaQ9PlDqTLOljkcxg==
+"@babel/plugin-transform-reserved-words@^7.27.1":
+  version "7.27.1"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-reserved-words/-/plugin-transform-reserved-words-7.27.1.tgz#40fba4878ccbd1c56605a4479a3a891ac0274bb4"
+  integrity sha512-V2ABPHIJX4kC7HegLkYoDpfg9PVmuWy/i6vUM5eGK22bx4YVFD3M5F0QQnWQoDs6AGsUWTVOopBiMFQgHaSkVw==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.22.5"
-    "@babel/helper-skip-transparent-expression-wrappers" "^7.22.5"
+    "@babel/helper-plugin-utils" "^7.27.1"
 
-"@babel/plugin-transform-sticky-regex@^7.22.5":
-  version "7.22.5"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-sticky-regex/-/plugin-transform-sticky-regex-7.22.5.tgz#295aba1595bfc8197abd02eae5fc288c0deb26aa"
-  integrity sha512-zf7LuNpHG0iEeiyCNwX4j3gDg1jgt1k3ZdXBKbZSoA3BbGQGvMiSvfbZRR3Dr3aeJe3ooWFZxOOG3IRStYp2Bw==
+"@babel/plugin-transform-shorthand-properties@^7.27.1":
+  version "7.27.1"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-shorthand-properties/-/plugin-transform-shorthand-properties-7.27.1.tgz#532abdacdec87bfee1e0ef8e2fcdee543fe32b90"
+  integrity sha512-N/wH1vcn4oYawbJ13Y/FxcQrWk63jhfNa7jef0ih7PHSIHX2LB7GWE1rkPrOnka9kwMxb6hMl19p7lidA+EHmQ==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/helper-plugin-utils" "^7.27.1"
 
-"@babel/plugin-transform-template-literals@^7.22.5":
-  version "7.22.5"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-template-literals/-/plugin-transform-template-literals-7.22.5.tgz#8f38cf291e5f7a8e60e9f733193f0bcc10909bff"
-  integrity sha512-5ciOehRNf+EyUeewo8NkbQiUs4d6ZxiHo6BcBcnFlgiJfu16q0bQUw9Jvo0b0gBKFG1SMhDSjeKXSYuJLeFSMA==
+"@babel/plugin-transform-spread@^7.28.6":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-spread/-/plugin-transform-spread-7.28.6.tgz#40a2b423f6db7b70f043ad027a58bcb44a9757b6"
+  integrity sha512-9U4QObUC0FtJl05AsUcodau/RWDytrU6uKgkxu09mLR9HLDAtUMoPuuskm5huQsoktmsYpI+bGmq+iapDcriKA==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/helper-plugin-utils" "^7.28.6"
+    "@babel/helper-skip-transparent-expression-wrappers" "^7.27.1"
 
-"@babel/plugin-transform-typeof-symbol@^7.22.5":
-  version "7.22.5"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-typeof-symbol/-/plugin-transform-typeof-symbol-7.22.5.tgz#5e2ba478da4b603af8673ff7c54f75a97b716b34"
-  integrity sha512-bYkI5lMzL4kPii4HHEEChkD0rkc+nvnlR6+o/qdqR6zrm0Sv/nodmyLhlq2DO0YKLUNd2VePmPRjJXSBh9OIdA==
+"@babel/plugin-transform-sticky-regex@^7.27.1":
+  version "7.27.1"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-sticky-regex/-/plugin-transform-sticky-regex-7.27.1.tgz#18984935d9d2296843a491d78a014939f7dcd280"
+  integrity sha512-lhInBO5bi/Kowe2/aLdBAawijx+q1pQzicSgnkB6dUPc1+RC8QmJHKf2OjvU+NZWitguJHEaEmbV6VWEouT58g==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/helper-plugin-utils" "^7.27.1"
 
-"@babel/plugin-transform-typescript@^7.22.15":
-  version "7.22.15"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-typescript/-/plugin-transform-typescript-7.22.15.tgz#15adef906451d86349eb4b8764865c960eb54127"
-  integrity sha512-1uirS0TnijxvQLnlv5wQBwOX3E1wCFX7ITv+9pBV2wKEk4K+M5tqDaoNXnTH8tjEIYHLO98MwiTWO04Ggz4XuA==
+"@babel/plugin-transform-template-literals@^7.27.1":
+  version "7.27.1"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-template-literals/-/plugin-transform-template-literals-7.27.1.tgz#1a0eb35d8bb3e6efc06c9fd40eb0bcef548328b8"
+  integrity sha512-fBJKiV7F2DxZUkg5EtHKXQdbsbURW3DZKQUWphDum0uRP6eHGGa/He9mc0mypL680pb+e/lDIthRohlv8NCHkg==
   dependencies:
-    "@babel/helper-annotate-as-pure" "^7.22.5"
-    "@babel/helper-create-class-features-plugin" "^7.22.15"
-    "@babel/helper-plugin-utils" "^7.22.5"
-    "@babel/plugin-syntax-typescript" "^7.22.5"
+    "@babel/helper-plugin-utils" "^7.27.1"
 
-"@babel/plugin-transform-unicode-escapes@^7.22.10":
-  version "7.22.10"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-unicode-escapes/-/plugin-transform-unicode-escapes-7.22.10.tgz#c723f380f40a2b2f57a62df24c9005834c8616d9"
-  integrity sha512-lRfaRKGZCBqDlRU3UIFovdp9c9mEvlylmpod0/OatICsSfuQ9YFthRo1tpTkGsklEefZdqlEFdY4A2dwTb6ohg==
+"@babel/plugin-transform-typeof-symbol@^7.27.1":
+  version "7.27.1"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-typeof-symbol/-/plugin-transform-typeof-symbol-7.27.1.tgz#70e966bb492e03509cf37eafa6dcc3051f844369"
+  integrity sha512-RiSILC+nRJM7FY5srIyc4/fGIwUhyDuuBSdWn4y6yT6gm652DpCHZjIipgn6B7MQ1ITOUnAKWixEUjQRIBIcLw==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/helper-plugin-utils" "^7.27.1"
 
-"@babel/plugin-transform-unicode-property-regex@^7.22.5":
-  version "7.22.5"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-unicode-property-regex/-/plugin-transform-unicode-property-regex-7.22.5.tgz#098898f74d5c1e86660dc112057b2d11227f1c81"
-  integrity sha512-HCCIb+CbJIAE6sXn5CjFQXMwkCClcOfPCzTlilJ8cUatfzwHlWQkbtV0zD338u9dZskwvuOYTuuaMaA8J5EI5A==
+"@babel/plugin-transform-unicode-escapes@^7.27.1":
+  version "7.27.1"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-unicode-escapes/-/plugin-transform-unicode-escapes-7.27.1.tgz#3e3143f8438aef842de28816ece58780190cf806"
+  integrity sha512-Ysg4v6AmF26k9vpfFuTZg8HRfVWzsh1kVfowA23y9j/Gu6dOuahdUVhkLqpObp3JIv27MLSii6noRnuKN8H0Mg==
   dependencies:
-    "@babel/helper-create-regexp-features-plugin" "^7.22.5"
-    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/helper-plugin-utils" "^7.27.1"
 
-"@babel/plugin-transform-unicode-regex@^7.22.5":
-  version "7.22.5"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-unicode-regex/-/plugin-transform-unicode-regex-7.22.5.tgz#ce7e7bb3ef208c4ff67e02a22816656256d7a183"
-  integrity sha512-028laaOKptN5vHJf9/Arr/HiJekMd41hOEZYvNsrsXqJ7YPYuX2bQxh31fkZzGmq3YqHRJzYFFAVYvKfMPKqyg==
+"@babel/plugin-transform-unicode-property-regex@^7.28.6":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-unicode-property-regex/-/plugin-transform-unicode-property-regex-7.28.6.tgz#63a7a6c21a0e75dae9b1861454111ea5caa22821"
+  integrity sha512-4Wlbdl/sIZjzi/8St0evF0gEZrgOswVO6aOzqxh1kDZOl9WmLrHq2HtGhnOJZmHZYKP8WZ1MDLCt5DAWwRo57A==
   dependencies:
-    "@babel/helper-create-regexp-features-plugin" "^7.22.5"
-    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/helper-create-regexp-features-plugin" "^7.28.5"
+    "@babel/helper-plugin-utils" "^7.28.6"
 
-"@babel/plugin-transform-unicode-sets-regex@^7.22.5":
-  version "7.22.5"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-unicode-sets-regex/-/plugin-transform-unicode-sets-regex-7.22.5.tgz#77788060e511b708ffc7d42fdfbc5b37c3004e91"
-  integrity sha512-lhMfi4FC15j13eKrh3DnYHjpGj6UKQHtNKTbtc1igvAhRy4+kLhV07OpLcsN0VgDEw/MjAvJO4BdMJsHwMhzCg==
+"@babel/plugin-transform-unicode-regex@^7.27.1":
+  version "7.27.1"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-unicode-regex/-/plugin-transform-unicode-regex-7.27.1.tgz#25948f5c395db15f609028e370667ed8bae9af97"
+  integrity sha512-xvINq24TRojDuyt6JGtHmkVkrfVV3FPT16uytxImLeBZqW3/H52yN+kM1MGuyPkIQxrzKwPHs5U/MP3qKyzkGw==
   dependencies:
-    "@babel/helper-create-regexp-features-plugin" "^7.22.5"
-    "@babel/helper-plugin-utils" "^7.22.5"
+    "@babel/helper-create-regexp-features-plugin" "^7.27.1"
+    "@babel/helper-plugin-utils" "^7.27.1"
 
-"@babel/preset-env@^7.12.1", "@babel/preset-env@^7.16.4", "@babel/preset-env@^7.8.4":
-  version "7.23.2"
-  resolved "https://registry.yarnpkg.com/@babel/preset-env/-/preset-env-7.23.2.tgz#1f22be0ff0e121113260337dbc3e58fafce8d059"
-  integrity sha512-BW3gsuDD+rvHL2VO2SjAUNTBe5YrjsTiDyqamPDWY723na3/yPQ65X5oQkFVJZ0o50/2d+svm1rkPoJeR1KxVQ==
+"@babel/plugin-transform-unicode-sets-regex@^7.28.6":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-unicode-sets-regex/-/plugin-transform-unicode-sets-regex-7.28.6.tgz#924912914e5df9fe615ec472f88ff4788ce04d4e"
+  integrity sha512-/wHc/paTUmsDYN7SZkpWxogTOBNnlx7nBQYfy6JJlCT7G3mVhltk3e++N7zV0XfgGsrqBxd4rJQt9H16I21Y1Q==
   dependencies:
-    "@babel/compat-data" "^7.23.2"
-    "@babel/helper-compilation-targets" "^7.22.15"
-    "@babel/helper-plugin-utils" "^7.22.5"
-    "@babel/helper-validator-option" "^7.22.15"
-    "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression" "^7.22.15"
-    "@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining" "^7.22.15"
-    "@babel/plugin-proposal-private-property-in-object" "7.21.0-placeholder-for-preset-env.2"
-    "@babel/plugin-syntax-async-generators" "^7.8.4"
-    "@babel/plugin-syntax-class-properties" "^7.12.13"
-    "@babel/plugin-syntax-class-static-block" "^7.14.5"
-    "@babel/plugin-syntax-dynamic-import" "^7.8.3"
-    "@babel/plugin-syntax-export-namespace-from" "^7.8.3"
-    "@babel/plugin-syntax-import-assertions" "^7.22.5"
-    "@babel/plugin-syntax-import-attributes" "^7.22.5"
-    "@babel/plugin-syntax-import-meta" "^7.10.4"
-    "@babel/plugin-syntax-json-strings" "^7.8.3"
-    "@babel/plugin-syntax-logical-assignment-operators" "^7.10.4"
-    "@babel/plugin-syntax-nullish-coalescing-operator" "^7.8.3"
-    "@babel/plugin-syntax-numeric-separator" "^7.10.4"
-    "@babel/plugin-syntax-object-rest-spread" "^7.8.3"
-    "@babel/plugin-syntax-optional-catch-binding" "^7.8.3"
-    "@babel/plugin-syntax-optional-chaining" "^7.8.3"
-    "@babel/plugin-syntax-private-property-in-object" "^7.14.5"
-    "@babel/plugin-syntax-top-level-await" "^7.14.5"
+    "@babel/helper-create-regexp-features-plugin" "^7.28.5"
+    "@babel/helper-plugin-utils" "^7.28.6"
+
+"@babel/preset-env@^7.24.0":
+  version "7.29.2"
+  resolved "https://registry.yarnpkg.com/@babel/preset-env/-/preset-env-7.29.2.tgz#5a173f22c7d8df362af1c9fe31facd320de4a86c"
+  integrity sha512-DYD23veRYGvBFhcTY1iUvJnDNpuqNd/BzBwCvzOTKUnJjKg5kpUBh3/u9585Agdkgj+QuygG7jLfOPWMa2KVNw==
+  dependencies:
+    "@babel/compat-data" "^7.29.0"
+    "@babel/helper-compilation-targets" "^7.28.6"
+    "@babel/helper-plugin-utils" "^7.28.6"
+    "@babel/helper-validator-option" "^7.27.1"
+    "@babel/plugin-bugfix-firefox-class-in-computed-class-key" "^7.28.5"
+    "@babel/plugin-bugfix-safari-class-field-initializer-scope" "^7.27.1"
+    "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression" "^7.27.1"
+    "@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining" "^7.27.1"
+    "@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly" "^7.28.6"
+    "@babel/plugin-proposal-private-property-in-object" "7.21.0-placeholder-for-preset-env.2"
+    "@babel/plugin-syntax-import-assertions" "^7.28.6"
+    "@babel/plugin-syntax-import-attributes" "^7.28.6"
     "@babel/plugin-syntax-unicode-sets-regex" "^7.18.6"
-    "@babel/plugin-transform-arrow-functions" "^7.22.5"
-    "@babel/plugin-transform-async-generator-functions" "^7.23.2"
-    "@babel/plugin-transform-async-to-generator" "^7.22.5"
-    "@babel/plugin-transform-block-scoped-functions" "^7.22.5"
-    "@babel/plugin-transform-block-scoping" "^7.23.0"
-    "@babel/plugin-transform-class-properties" "^7.22.5"
-    "@babel/plugin-transform-class-static-block" "^7.22.11"
-    "@babel/plugin-transform-classes" "^7.22.15"
-    "@babel/plugin-transform-computed-properties" "^7.22.5"
-    "@babel/plugin-transform-destructuring" "^7.23.0"
-    "@babel/plugin-transform-dotall-regex" "^7.22.5"
-    "@babel/plugin-transform-duplicate-keys" "^7.22.5"
-    "@babel/plugin-transform-dynamic-import" "^7.22.11"
-    "@babel/plugin-transform-exponentiation-operator" "^7.22.5"
-    "@babel/plugin-transform-export-namespace-from" "^7.22.11"
-    "@babel/plugin-transform-for-of" "^7.22.15"
-    "@babel/plugin-transform-function-name" "^7.22.5"
-    "@babel/plugin-transform-json-strings" "^7.22.11"
-    "@babel/plugin-transform-literals" "^7.22.5"
-    "@babel/plugin-transform-logical-assignment-operators" "^7.22.11"
-    "@babel/plugin-transform-member-expression-literals" "^7.22.5"
-    "@babel/plugin-transform-modules-amd" "^7.23.0"
-    "@babel/plugin-transform-modules-commonjs" "^7.23.0"
-    "@babel/plugin-transform-modules-systemjs" "^7.23.0"
-    "@babel/plugin-transform-modules-umd" "^7.22.5"
-    "@babel/plugin-transform-named-capturing-groups-regex" "^7.22.5"
-    "@babel/plugin-transform-new-target" "^7.22.5"
-    "@babel/plugin-transform-nullish-coalescing-operator" "^7.22.11"
-    "@babel/plugin-transform-numeric-separator" "^7.22.11"
-    "@babel/plugin-transform-object-rest-spread" "^7.22.15"
-    "@babel/plugin-transform-object-super" "^7.22.5"
-    "@babel/plugin-transform-optional-catch-binding" "^7.22.11"
-    "@babel/plugin-transform-optional-chaining" "^7.23.0"
-    "@babel/plugin-transform-parameters" "^7.22.15"
-    "@babel/plugin-transform-private-methods" "^7.22.5"
-    "@babel/plugin-transform-private-property-in-object" "^7.22.11"
-    "@babel/plugin-transform-property-literals" "^7.22.5"
-    "@babel/plugin-transform-regenerator" "^7.22.10"
-    "@babel/plugin-transform-reserved-words" "^7.22.5"
-    "@babel/plugin-transform-shorthand-properties" "^7.22.5"
-    "@babel/plugin-transform-spread" "^7.22.5"
-    "@babel/plugin-transform-sticky-regex" "^7.22.5"
-    "@babel/plugin-transform-template-literals" "^7.22.5"
-    "@babel/plugin-transform-typeof-symbol" "^7.22.5"
-    "@babel/plugin-transform-unicode-escapes" "^7.22.10"
-    "@babel/plugin-transform-unicode-property-regex" "^7.22.5"
-    "@babel/plugin-transform-unicode-regex" "^7.22.5"
-    "@babel/plugin-transform-unicode-sets-regex" "^7.22.5"
+    "@babel/plugin-transform-arrow-functions" "^7.27.1"
+    "@babel/plugin-transform-async-generator-functions" "^7.29.0"
+    "@babel/plugin-transform-async-to-generator" "^7.28.6"
+    "@babel/plugin-transform-block-scoped-functions" "^7.27.1"
+    "@babel/plugin-transform-block-scoping" "^7.28.6"
+    "@babel/plugin-transform-class-properties" "^7.28.6"
+    "@babel/plugin-transform-class-static-block" "^7.28.6"
+    "@babel/plugin-transform-classes" "^7.28.6"
+    "@babel/plugin-transform-computed-properties" "^7.28.6"
+    "@babel/plugin-transform-destructuring" "^7.28.5"
+    "@babel/plugin-transform-dotall-regex" "^7.28.6"
+    "@babel/plugin-transform-duplicate-keys" "^7.27.1"
+    "@babel/plugin-transform-duplicate-named-capturing-groups-regex" "^7.29.0"
+    "@babel/plugin-transform-dynamic-import" "^7.27.1"
+    "@babel/plugin-transform-explicit-resource-management" "^7.28.6"
+    "@babel/plugin-transform-exponentiation-operator" "^7.28.6"
+    "@babel/plugin-transform-export-namespace-from" "^7.27.1"
+    "@babel/plugin-transform-for-of" "^7.27.1"
+    "@babel/plugin-transform-function-name" "^7.27.1"
+    "@babel/plugin-transform-json-strings" "^7.28.6"
+    "@babel/plugin-transform-literals" "^7.27.1"
+    "@babel/plugin-transform-logical-assignment-operators" "^7.28.6"
+    "@babel/plugin-transform-member-expression-literals" "^7.27.1"
+    "@babel/plugin-transform-modules-amd" "^7.27.1"
+    "@babel/plugin-transform-modules-commonjs" "^7.28.6"
+    "@babel/plugin-transform-modules-systemjs" "^7.29.0"
+    "@babel/plugin-transform-modules-umd" "^7.27.1"
+    "@babel/plugin-transform-named-capturing-groups-regex" "^7.29.0"
+    "@babel/plugin-transform-new-target" "^7.27.1"
+    "@babel/plugin-transform-nullish-coalescing-operator" "^7.28.6"
+    "@babel/plugin-transform-numeric-separator" "^7.28.6"
+    "@babel/plugin-transform-object-rest-spread" "^7.28.6"
+    "@babel/plugin-transform-object-super" "^7.27.1"
+    "@babel/plugin-transform-optional-catch-binding" "^7.28.6"
+    "@babel/plugin-transform-optional-chaining" "^7.28.6"
+    "@babel/plugin-transform-parameters" "^7.27.7"
+    "@babel/plugin-transform-private-methods" "^7.28.6"
+    "@babel/plugin-transform-private-property-in-object" "^7.28.6"
+    "@babel/plugin-transform-property-literals" "^7.27.1"
+    "@babel/plugin-transform-regenerator" "^7.29.0"
+    "@babel/plugin-transform-regexp-modifiers" "^7.28.6"
+    "@babel/plugin-transform-reserved-words" "^7.27.1"
+    "@babel/plugin-transform-shorthand-properties" "^7.27.1"
+    "@babel/plugin-transform-spread" "^7.28.6"
+    "@babel/plugin-transform-sticky-regex" "^7.27.1"
+    "@babel/plugin-transform-template-literals" "^7.27.1"
+    "@babel/plugin-transform-typeof-symbol" "^7.27.1"
+    "@babel/plugin-transform-unicode-escapes" "^7.27.1"
+    "@babel/plugin-transform-unicode-property-regex" "^7.28.6"
+    "@babel/plugin-transform-unicode-regex" "^7.27.1"
+    "@babel/plugin-transform-unicode-sets-regex" "^7.28.6"
     "@babel/preset-modules" "0.1.6-no-external-plugins"
-    "@babel/types" "^7.23.0"
-    babel-plugin-polyfill-corejs2 "^0.4.6"
-    babel-plugin-polyfill-corejs3 "^0.8.5"
-    babel-plugin-polyfill-regenerator "^0.5.3"
-    core-js-compat "^3.31.0"
+    babel-plugin-polyfill-corejs2 "^0.4.15"
+    babel-plugin-polyfill-corejs3 "^0.14.0"
+    babel-plugin-polyfill-regenerator "^0.6.6"
+    core-js-compat "^3.48.0"
     semver "^6.3.1"
 
 "@babel/preset-modules@0.1.6-no-external-plugins":
@@ -1117,42 +1097,31 @@
     "@babel/types" "^7.4.4"
     esutils "^2.0.2"
 
-"@babel/preset-react@^7.12.5", "@babel/preset-react@^7.16.0":
-  version "7.22.15"
-  resolved "https://registry.yarnpkg.com/@babel/preset-react/-/preset-react-7.22.15.tgz#9a776892b648e13cc8ca2edf5ed1264eea6b6afc"
-  integrity sha512-Csy1IJ2uEh/PecCBXXoZGAZBeCATTuePzCSB7dLYWS0vOEj6CNpjxIhW4duWwZodBNueH7QO14WbGn8YyeuN9w==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.22.5"
-    "@babel/helper-validator-option" "^7.22.15"
-    "@babel/plugin-transform-react-display-name" "^7.22.5"
-    "@babel/plugin-transform-react-jsx" "^7.22.15"
-    "@babel/plugin-transform-react-jsx-development" "^7.22.5"
-    "@babel/plugin-transform-react-pure-annotations" "^7.22.5"
-
-"@babel/preset-typescript@^7.16.0":
-  version "7.23.2"
-  resolved "https://registry.yarnpkg.com/@babel/preset-typescript/-/preset-typescript-7.23.2.tgz#c8de488130b7081f7e1482936ad3de5b018beef4"
-  integrity sha512-u4UJc1XsS1GhIGteM8rnGiIvf9rJpiVgMEeCnwlLA7WJPC+jcXWJAGxYmeqs5hOZD8BbAfnV5ezBOxQbb4OUxA==
+"@babel/preset-react@^7.24.0":
+  version "7.28.5"
+  resolved "https://registry.yarnpkg.com/@babel/preset-react/-/preset-react-7.28.5.tgz#6fcc0400fa79698433d653092c3919bb4b0878d9"
+  integrity sha512-Z3J8vhRq7CeLjdC58jLv4lnZ5RKFUJWqH5emvxmv9Hv3BD1T9R/Im713R4MTKwvFaV74ejZ3sM01LyEKk4ugNQ==
   dependencies:
-    "@babel/helper-plugin-utils" "^7.22.5"
-    "@babel/helper-validator-option" "^7.22.15"
-    "@babel/plugin-syntax-jsx" "^7.22.5"
-    "@babel/plugin-transform-modules-commonjs" "^7.23.0"
-    "@babel/plugin-transform-typescript" "^7.22.15"
+    "@babel/helper-plugin-utils" "^7.27.1"
+    "@babel/helper-validator-option" "^7.27.1"
+    "@babel/plugin-transform-react-display-name" "^7.28.0"
+    "@babel/plugin-transform-react-jsx" "^7.27.1"
+    "@babel/plugin-transform-react-jsx-development" "^7.27.1"
+    "@babel/plugin-transform-react-pure-annotations" "^7.27.1"
 
 "@babel/regjsgen@^0.8.0":
   version "0.8.0"
   resolved "https://registry.yarnpkg.com/@babel/regjsgen/-/regjsgen-0.8.0.tgz#f0ba69b075e1f05fb2825b7fad991e7adbb18310"
   integrity sha512-x/rqGMdzj+fWZvCOYForTghzbtqPDZ5gPwaoNGHdgDfF2QA/XZbCBp4Moo5scrkAMPhB7z26XM/AaHuIJdgauA==
 
-"@babel/runtime@^7.12.5", "@babel/runtime@^7.16.3", "@babel/runtime@^7.18.3", "@babel/runtime@^7.23.2", "@babel/runtime@^7.3.1", "@babel/runtime@^7.5.5", "@babel/runtime@^7.7.6", "@babel/runtime@^7.8.4":
+"@babel/runtime@^7.23.2", "@babel/runtime@^7.5.5":
   version "7.23.2"
   resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.23.2.tgz#062b0ac103261d68a966c4c7baf2ae3e62ec3885"
   integrity sha512-mM8eg4yl5D6i3lu2QKPuPH4FArvJ8KhTofbE7jwMUv9KX5mBvwPAqnV3MlyBNqdp9RyRKP6Yck8TrfYrPvX3bg==
   dependencies:
     regenerator-runtime "^0.14.0"
 
-"@babel/template@^7.10.4", "@babel/template@^7.22.15", "@babel/template@^7.22.5", "@babel/template@^7.3.3":
+"@babel/template@^7.22.15", "@babel/template@^7.3.3":
   version "7.22.15"
   resolved "https://registry.yarnpkg.com/@babel/template/-/template-7.22.15.tgz#09576efc3830f0430f4548ef971dde1350ef2f38"
   integrity sha512-QPErUVm4uyJa60rkI73qneDacvdvzxshT3kksGqlGWYdOTIUOwJ7RDUL8sGqslY1uXWSL6xMFKEXDS3ox2uF0w==
@@ -1161,7 +1130,16 @@
     "@babel/parser" "^7.22.15"
     "@babel/types" "^7.22.15"
 
-"@babel/traverse@^7.1.0", "@babel/traverse@^7.1.6", "@babel/traverse@^7.12.1", "@babel/traverse@^7.23.2", "@babel/traverse@^7.4.5", "@babel/traverse@^7.7.0":
+"@babel/template@^7.28.6":
+  version "7.28.6"
+  resolved "https://registry.yarnpkg.com/@babel/template/-/template-7.28.6.tgz#0e7e56ecedb78aeef66ce7972b082fce76a23e57"
+  integrity sha512-YA6Ma2KsCdGb+WC6UpBVFJGXL58MDA6oyONbjyF/+5sBgxY/dwkhLogbMT2GXXyU84/IhRw/2D1Os1B/giz+BQ==
+  dependencies:
+    "@babel/code-frame" "^7.28.6"
+    "@babel/parser" "^7.28.6"
+    "@babel/types" "^7.28.6"
+
+"@babel/traverse@^7.23.2":
   version "7.23.2"
   resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.23.2.tgz#329c7a06735e144a506bdb2cad0268b7f46f4ad8"
   integrity sha512-azpe59SQ48qG6nu2CzcMLbxUudtN+dOM9kDbUqGq3HXUJRlo7i8fvPoxQUzYgLZ4cMVmuZgm8vvBpNeRhd6XSw==
@@ -1177,7 +1155,20 @@
     debug "^4.1.0"
     globals "^11.1.0"
 
-"@babel/types@^7.0.0", "@babel/types@^7.12.1", "@babel/types@^7.12.6", "@babel/types@^7.2.0", "@babel/types@^7.20.7", "@babel/types@^7.22.15", "@babel/types@^7.22.19", "@babel/types@^7.22.5", "@babel/types@^7.23.0", "@babel/types@^7.3.3", "@babel/types@^7.4.4", "@babel/types@^7.7.0":
+"@babel/traverse@^7.27.1", "@babel/traverse@^7.28.5", "@babel/traverse@^7.28.6", "@babel/traverse@^7.29.0":
+  version "7.29.0"
+  resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.29.0.tgz#f323d05001440253eead3c9c858adbe00b90310a"
+  integrity sha512-4HPiQr0X7+waHfyXPZpWPfWL/J7dcN1mx9gL6WdQVMbPnF3+ZhSMs8tCxN7oHddJE9fhNE7+lxdnlyemKfJRuA==
+  dependencies:
+    "@babel/code-frame" "^7.29.0"
+    "@babel/generator" "^7.29.0"
+    "@babel/helper-globals" "^7.28.0"
+    "@babel/parser" "^7.29.0"
+    "@babel/template" "^7.28.6"
+    "@babel/types" "^7.29.0"
+    debug "^4.3.1"
+
+"@babel/types@^7.0.0", "@babel/types@^7.20.7", "@babel/types@^7.22.15", "@babel/types@^7.22.5", "@babel/types@^7.23.0", "@babel/types@^7.3.3", "@babel/types@^7.4.4":
   version "7.23.0"
   resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.23.0.tgz#8c1f020c9df0e737e4e247c0619f58c68458aaeb"
   integrity sha512-0oIyUfKoI3mSqMvsxBdclDwxXKXAUA8v/apZbc+iSyARYou1o8ZGDxbUYyLFoW2arqS2jDGqJuZvv1d/io1axg==
@@ -1186,138 +1177,155 @@
     "@babel/helper-validator-identifier" "^7.22.20"
     to-fast-properties "^2.0.0"
 
+"@babel/types@^7.27.1", "@babel/types@^7.27.3", "@babel/types@^7.28.5", "@babel/types@^7.28.6", "@babel/types@^7.29.0":
+  version "7.29.0"
+  resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.29.0.tgz#9f5b1e838c446e72cf3cd4b918152b8c605e37c7"
+  integrity sha512-LwdZHpScM4Qz8Xw2iKSzS+cfglZzJGvofQICy7W7v4caru4EaAmyUuO6BGrbyQ2mYV11W0U8j5mBhd14dd3B0A==
+  dependencies:
+    "@babel/helper-string-parser" "^7.27.1"
+    "@babel/helper-validator-identifier" "^7.28.5"
+
 "@bcoe/v8-coverage@^0.2.3":
   version "0.2.3"
   resolved "https://registry.yarnpkg.com/@bcoe/v8-coverage/-/v8-coverage-0.2.3.tgz#75a2e8b51cb758a7553d6804a5932d7aace75c39"
   integrity sha512-0hYQ8SB4Db5zvZB4axdMHGwEaQjkZzFjQiN9LVYvIFB2nSUHW9tYpxWriPrWDASIxiaXax83REcLxuSdnGPZtw==
 
-"@cnakazawa/watch@^1.0.3":
-  version "1.0.4"
-  resolved "https://registry.yarnpkg.com/@cnakazawa/watch/-/watch-1.0.4.tgz#f864ae85004d0fcab6f50be9141c4da368d1656a"
-  integrity sha512-v9kIhKwjeZThiWrLmj0y17CWoyddASLj9O2yvbZkbvw/N3rWOYy9zkV66ursAoVr0mV15bL8g0c4QZUE6cdDoQ==
-  dependencies:
-    exec-sh "^0.3.2"
-    minimist "^1.2.0"
-
 "@colors/colors@1.5.0":
   version "1.5.0"
   resolved "https://registry.yarnpkg.com/@colors/colors/-/colors-1.5.0.tgz#bb504579c1cae923e6576a4f5da43d25f97bdbd9"
   integrity sha512-ooWCrlZP11i8GImSjTHYHLkvFDP48nS4+204nGb1RiX/WXYHmJA2III9/e2DWVabCESdW7hBAEzHRqUn9OUVvQ==
 
-"@csstools/convert-colors@^1.4.0":
+"@emotion/is-prop-valid@1.4.0":
   version "1.4.0"
-  resolved "https://registry.yarnpkg.com/@csstools/convert-colors/-/convert-colors-1.4.0.tgz#ad495dc41b12e75d588c6db8b9834f08fa131eb7"
-  integrity sha512-5a6wqoJV/xEdbRNKVo6I4hO3VjyDq//8q2f9I6PBAvMesJHFauXDorcNCsr9RzvsZnaWi5NYCcfyqP1QeFHFbw==
-
-"@csstools/normalize.css@^10.1.0":
-  version "10.1.0"
-  resolved "https://registry.yarnpkg.com/@csstools/normalize.css/-/normalize.css-10.1.0.tgz#f0950bba18819512d42f7197e56c518aa491cf18"
-  integrity sha512-ij4wRiunFfaJxjB0BdrYHIH8FxBJpOwNPhhAcunlmPdXudL1WQV1qoP9un6JsEBAgQH+7UXyyjh0g7jTxXK6tg==
-
-"@emotion/babel-plugin@^11.11.0":
-  version "11.11.0"
-  resolved "https://registry.yarnpkg.com/@emotion/babel-plugin/-/babel-plugin-11.11.0.tgz#c2d872b6a7767a9d176d007f5b31f7d504bb5d6c"
-  integrity sha512-m4HEDZleaaCH+XgDDsPF15Ht6wTLsgDTeR3WYj9Q/k76JtWhrJjcP4+/XlG8LGT/Rol9qUfOIztXeA84ATpqPQ==
-  dependencies:
-    "@babel/helper-module-imports" "^7.16.7"
-    "@babel/runtime" "^7.18.3"
-    "@emotion/hash" "^0.9.1"
-    "@emotion/memoize" "^0.8.1"
-    "@emotion/serialize" "^1.1.2"
-    babel-plugin-macros "^3.1.0"
-    convert-source-map "^1.5.0"
-    escape-string-regexp "^4.0.0"
-    find-root "^1.1.0"
-    source-map "^0.5.7"
-    stylis "4.2.0"
-
-"@emotion/cache@^11.11.0":
-  version "11.11.0"
-  resolved "https://registry.yarnpkg.com/@emotion/cache/-/cache-11.11.0.tgz#809b33ee6b1cb1a625fef7a45bc568ccd9b8f3ff"
-  integrity sha512-P34z9ssTCBi3e9EI1ZsWpNHcfY1r09ZO0rZbRO2ob3ZQMnFI35jB536qoXbkdesr5EUhYi22anuEJuyxifaqAQ==
-  dependencies:
-    "@emotion/memoize" "^0.8.1"
-    "@emotion/sheet" "^1.2.2"
-    "@emotion/utils" "^1.2.1"
-    "@emotion/weak-memoize" "^0.3.1"
-    stylis "4.2.0"
-
-"@emotion/hash@^0.9.1":
-  version "0.9.1"
-  resolved "https://registry.yarnpkg.com/@emotion/hash/-/hash-0.9.1.tgz#4ffb0055f7ef676ebc3a5a91fb621393294e2f43"
-  integrity sha512-gJB6HLm5rYwSLI6PQa+X1t5CFGrv1J1TWG+sOyMCeKz2ojaj6Fnl/rZEspogG+cvqbt4AE/2eIyD2QfLKTBNlQ==
-
-"@emotion/is-prop-valid@^1.1.0":
-  version "1.2.1"
-  resolved "https://registry.yarnpkg.com/@emotion/is-prop-valid/-/is-prop-valid-1.2.1.tgz#23116cf1ed18bfeac910ec6436561ecb1a3885cc"
-  integrity sha512-61Mf7Ufx4aDxx1xlDeOm8aFFigGHE4z+0sKCa+IHCeZKiyP9RLD0Mmx7m8b9/Cf37f7NAvQOOJAbQQGVr5uERw==
-  dependencies:
-    "@emotion/memoize" "^0.8.1"
-
-"@emotion/memoize@^0.8.1":
-  version "0.8.1"
-  resolved "https://registry.yarnpkg.com/@emotion/memoize/-/memoize-0.8.1.tgz#c1ddb040429c6d21d38cc945fe75c818cfb68e17"
-  integrity sha512-W2P2c/VRW1/1tLox0mVUalvnWXxavmv/Oum2aPsRcoDJuob75FC3Y8FbpfLwUegRcxINtGUMPq0tFCvYNTBXNA==
-
-"@emotion/react@^11.1.4":
-  version "11.11.1"
-  resolved "https://registry.yarnpkg.com/@emotion/react/-/react-11.11.1.tgz#b2c36afac95b184f73b08da8c214fdf861fa4157"
-  integrity sha512-5mlW1DquU5HaxjLkfkGN1GA/fvVGdyHURRiX/0FHl2cfIfRxSOfmxEH5YS43edp0OldZrZ+dkBKbngxcNCdZvA==
-  dependencies:
-    "@babel/runtime" "^7.18.3"
-    "@emotion/babel-plugin" "^11.11.0"
-    "@emotion/cache" "^11.11.0"
-    "@emotion/serialize" "^1.1.2"
-    "@emotion/use-insertion-effect-with-fallbacks" "^1.0.1"
-    "@emotion/utils" "^1.2.1"
-    "@emotion/weak-memoize" "^0.3.1"
-    hoist-non-react-statics "^3.3.1"
-
-"@emotion/serialize@^1.1.2":
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/@emotion/serialize/-/serialize-1.1.2.tgz#017a6e4c9b8a803bd576ff3d52a0ea6fa5a62b51"
-  integrity sha512-zR6a/fkFP4EAcCMQtLOhIgpprZOwNmCldtpaISpvz348+DP4Mz8ZoKaGGCQpbzepNIUWbq4w6hNZkwDyKoS+HA==
+  resolved "https://registry.yarnpkg.com/@emotion/is-prop-valid/-/is-prop-valid-1.4.0.tgz#e9ad47adff0b5c94c72db3669ce46de33edf28c0"
+  integrity sha512-QgD4fyscGcbbKwJmqNvUMSE02OsHUa+lAWKdEUIJKgqe5IwRSKd7+KhibEWdaKwgjLj0DRSHA9biAIqGBk05lw==
   dependencies:
-    "@emotion/hash" "^0.9.1"
-    "@emotion/memoize" "^0.8.1"
-    "@emotion/unitless" "^0.8.1"
-    "@emotion/utils" "^1.2.1"
-    csstype "^3.0.2"
-
-"@emotion/sheet@^1.2.2":
-  version "1.2.2"
-  resolved "https://registry.yarnpkg.com/@emotion/sheet/-/sheet-1.2.2.tgz#d58e788ee27267a14342303e1abb3d508b6d0fec"
-  integrity sha512-0QBtGvaqtWi+nx6doRwDdBIzhNdZrXUppvTM4dtZZWEGTXL/XE/yJxLMGlDT1Gt+UHH5IX1n+jkXyytE/av7OA==
-
-"@emotion/stylis@^0.8.4":
-  version "0.8.5"
-  resolved "https://registry.yarnpkg.com/@emotion/stylis/-/stylis-0.8.5.tgz#deacb389bd6ee77d1e7fcaccce9e16c5c7e78e04"
-  integrity sha512-h6KtPihKFn3T9fuIrwvXXUOwlx3rfUvfZIcP5a6rh8Y7zjE3O06hT5Ss4S/YI1AYhuZ1kjaE/5EaOOI2NqSylQ==
-
-"@emotion/unitless@^0.7.4":
-  version "0.7.5"
-  resolved "https://registry.yarnpkg.com/@emotion/unitless/-/unitless-0.7.5.tgz#77211291c1900a700b8a78cfafda3160d76949ed"
-  integrity sha512-OWORNpfjMsSSUBVrRBVGECkhWcULOAJz9ZW8uK9qgxD+87M7jHRcvh/A96XXNhXTLmKcoYSQtBEX7lHMO7YRwg==
-
-"@emotion/unitless@^0.8.1":
-  version "0.8.1"
-  resolved "https://registry.yarnpkg.com/@emotion/unitless/-/unitless-0.8.1.tgz#182b5a4704ef8ad91bde93f7a860a88fd92c79a3"
-  integrity sha512-KOEGMu6dmJZtpadb476IsZBclKvILjopjUii3V+7MnXIQCYh8W3NgNcgwo21n9LXZX6EDIKvqfjYxXebDwxKmQ==
-
-"@emotion/use-insertion-effect-with-fallbacks@^1.0.1":
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/@emotion/use-insertion-effect-with-fallbacks/-/use-insertion-effect-with-fallbacks-1.0.1.tgz#08de79f54eb3406f9daaf77c76e35313da963963"
-  integrity sha512-jT/qyKZ9rzLErtrjGgdkMBn2OP8wl0G3sQlBb3YPryvKHsjvINUhVaPFfP+fpBcOkmrVOVEEHQFJ7nbj2TH2gw==
+    "@emotion/memoize" "^0.9.0"
 
-"@emotion/utils@^1.2.1":
-  version "1.2.1"
-  resolved "https://registry.yarnpkg.com/@emotion/utils/-/utils-1.2.1.tgz#bbab58465738d31ae4cb3dbb6fc00a5991f755e4"
-  integrity sha512-Y2tGf3I+XVnajdItskUCn6LX+VUDmP6lTL4fcqsXAv43dnlbZiuW4MWQW38rW/BVWSE7Q/7+XQocmpnRYILUmg==
+"@emotion/memoize@^0.9.0":
+  version "0.9.0"
+  resolved "https://registry.yarnpkg.com/@emotion/memoize/-/memoize-0.9.0.tgz#745969d649977776b43fc7648c556aaa462b4102"
+  integrity sha512-30FAj7/EoJ5mwVPOWhAyCX+FPfMDrVecJAM+Iw9NRoSl4BBAQeqj4cApHHUXOVvIPgLVDsCFoz/hGD+5QQD1GQ==
 
-"@emotion/weak-memoize@^0.3.1":
-  version "0.3.1"
-  resolved "https://registry.yarnpkg.com/@emotion/weak-memoize/-/weak-memoize-0.3.1.tgz#d0fce5d07b0620caa282b5131c297bb60f9d87e6"
-  integrity sha512-EsBwpc7hBUJWAsNPBmJy4hxWx12v6bshQsldrVmjxJoc3isbxhOrF2IcCpaXxfvq03NwkI7sbsOLXbYuqF/8Ww==
+"@emotion/unitless@0.10.0":
+  version "0.10.0"
+  resolved "https://registry.yarnpkg.com/@emotion/unitless/-/unitless-0.10.0.tgz#2af2f7c7e5150f497bdabd848ce7b218a27cf745"
+  integrity sha512-dFoMUuQA20zvtVTuxZww6OHoJYgrzfKM1t52mVySDJnMSEa08ruEvdYQbhvyu6soU+NeLVd3yKfTfT0NeV6qGg==
+
+"@esbuild/aix-ppc64@0.21.5":
+  version "0.21.5"
+  resolved "https://registry.yarnpkg.com/@esbuild/aix-ppc64/-/aix-ppc64-0.21.5.tgz#c7184a326533fcdf1b8ee0733e21c713b975575f"
+  integrity sha512-1SDgH6ZSPTlggy1yI6+Dbkiz8xzpHJEVAlF/AM1tHPLsf5STom9rwtjE4hKAF20FfXXNTFqEYXyJNWh1GiZedQ==
+
+"@esbuild/android-arm64@0.21.5":
+  version "0.21.5"
+  resolved "https://registry.yarnpkg.com/@esbuild/android-arm64/-/android-arm64-0.21.5.tgz#09d9b4357780da9ea3a7dfb833a1f1ff439b4052"
+  integrity sha512-c0uX9VAUBQ7dTDCjq+wdyGLowMdtR/GoC2U5IYk/7D1H1JYC0qseD7+11iMP2mRLN9RcCMRcjC4YMclCzGwS/A==
+
+"@esbuild/android-arm@0.21.5":
+  version "0.21.5"
+  resolved "https://registry.yarnpkg.com/@esbuild/android-arm/-/android-arm-0.21.5.tgz#9b04384fb771926dfa6d7ad04324ecb2ab9b2e28"
+  integrity sha512-vCPvzSjpPHEi1siZdlvAlsPxXl7WbOVUBBAowWug4rJHb68Ox8KualB+1ocNvT5fjv6wpkX6o/iEpbDrf68zcg==
+
+"@esbuild/android-x64@0.21.5":
+  version "0.21.5"
+  resolved "https://registry.yarnpkg.com/@esbuild/android-x64/-/android-x64-0.21.5.tgz#29918ec2db754cedcb6c1b04de8cd6547af6461e"
+  integrity sha512-D7aPRUUNHRBwHxzxRvp856rjUHRFW1SdQATKXH2hqA0kAZb1hKmi02OpYRacl0TxIGz/ZmXWlbZgjwWYaCakTA==
+
+"@esbuild/darwin-arm64@0.21.5":
+  version "0.21.5"
+  resolved "https://registry.yarnpkg.com/@esbuild/darwin-arm64/-/darwin-arm64-0.21.5.tgz#e495b539660e51690f3928af50a76fb0a6ccff2a"
+  integrity sha512-DwqXqZyuk5AiWWf3UfLiRDJ5EDd49zg6O9wclZ7kUMv2WRFr4HKjXp/5t8JZ11QbQfUS6/cRCKGwYhtNAY88kQ==
+
+"@esbuild/darwin-x64@0.21.5":
+  version "0.21.5"
+  resolved "https://registry.yarnpkg.com/@esbuild/darwin-x64/-/darwin-x64-0.21.5.tgz#c13838fa57372839abdddc91d71542ceea2e1e22"
+  integrity sha512-se/JjF8NlmKVG4kNIuyWMV/22ZaerB+qaSi5MdrXtd6R08kvs2qCN4C09miupktDitvh8jRFflwGFBQcxZRjbw==
+
+"@esbuild/freebsd-arm64@0.21.5":
+  version "0.21.5"
+  resolved "https://registry.yarnpkg.com/@esbuild/freebsd-arm64/-/freebsd-arm64-0.21.5.tgz#646b989aa20bf89fd071dd5dbfad69a3542e550e"
+  integrity sha512-5JcRxxRDUJLX8JXp/wcBCy3pENnCgBR9bN6JsY4OmhfUtIHe3ZW0mawA7+RDAcMLrMIZaf03NlQiX9DGyB8h4g==
+
+"@esbuild/freebsd-x64@0.21.5":
+  version "0.21.5"
+  resolved "https://registry.yarnpkg.com/@esbuild/freebsd-x64/-/freebsd-x64-0.21.5.tgz#aa615cfc80af954d3458906e38ca22c18cf5c261"
+  integrity sha512-J95kNBj1zkbMXtHVH29bBriQygMXqoVQOQYA+ISs0/2l3T9/kj42ow2mpqerRBxDJnmkUDCaQT/dfNXWX/ZZCQ==
+
+"@esbuild/linux-arm64@0.21.5":
+  version "0.21.5"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-arm64/-/linux-arm64-0.21.5.tgz#70ac6fa14f5cb7e1f7f887bcffb680ad09922b5b"
+  integrity sha512-ibKvmyYzKsBeX8d8I7MH/TMfWDXBF3db4qM6sy+7re0YXya+K1cem3on9XgdT2EQGMu4hQyZhan7TeQ8XkGp4Q==
+
+"@esbuild/linux-arm@0.21.5":
+  version "0.21.5"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-arm/-/linux-arm-0.21.5.tgz#fc6fd11a8aca56c1f6f3894f2bea0479f8f626b9"
+  integrity sha512-bPb5AHZtbeNGjCKVZ9UGqGwo8EUu4cLq68E95A53KlxAPRmUyYv2D6F0uUI65XisGOL1hBP5mTronbgo+0bFcA==
+
+"@esbuild/linux-ia32@0.21.5":
+  version "0.21.5"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-ia32/-/linux-ia32-0.21.5.tgz#3271f53b3f93e3d093d518d1649d6d68d346ede2"
+  integrity sha512-YvjXDqLRqPDl2dvRODYmmhz4rPeVKYvppfGYKSNGdyZkA01046pLWyRKKI3ax8fbJoK5QbxblURkwK/MWY18Tg==
+
+"@esbuild/linux-loong64@0.21.5":
+  version "0.21.5"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-loong64/-/linux-loong64-0.21.5.tgz#ed62e04238c57026aea831c5a130b73c0f9f26df"
+  integrity sha512-uHf1BmMG8qEvzdrzAqg2SIG/02+4/DHB6a9Kbya0XDvwDEKCoC8ZRWI5JJvNdUjtciBGFQ5PuBlpEOXQj+JQSg==
+
+"@esbuild/linux-mips64el@0.21.5":
+  version "0.21.5"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-mips64el/-/linux-mips64el-0.21.5.tgz#e79b8eb48bf3b106fadec1ac8240fb97b4e64cbe"
+  integrity sha512-IajOmO+KJK23bj52dFSNCMsz1QP1DqM6cwLUv3W1QwyxkyIWecfafnI555fvSGqEKwjMXVLokcV5ygHW5b3Jbg==
+
+"@esbuild/linux-ppc64@0.21.5":
+  version "0.21.5"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-ppc64/-/linux-ppc64-0.21.5.tgz#5f2203860a143b9919d383ef7573521fb154c3e4"
+  integrity sha512-1hHV/Z4OEfMwpLO8rp7CvlhBDnjsC3CttJXIhBi+5Aj5r+MBvy4egg7wCbe//hSsT+RvDAG7s81tAvpL2XAE4w==
+
+"@esbuild/linux-riscv64@0.21.5":
+  version "0.21.5"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-riscv64/-/linux-riscv64-0.21.5.tgz#07bcafd99322d5af62f618cb9e6a9b7f4bb825dc"
+  integrity sha512-2HdXDMd9GMgTGrPWnJzP2ALSokE/0O5HhTUvWIbD3YdjME8JwvSCnNGBnTThKGEB91OZhzrJ4qIIxk/SBmyDDA==
+
+"@esbuild/linux-s390x@0.21.5":
+  version "0.21.5"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-s390x/-/linux-s390x-0.21.5.tgz#b7ccf686751d6a3e44b8627ababc8be3ef62d8de"
+  integrity sha512-zus5sxzqBJD3eXxwvjN1yQkRepANgxE9lgOW2qLnmr8ikMTphkjgXu1HR01K4FJg8h1kEEDAqDcZQtbrRnB41A==
+
+"@esbuild/linux-x64@0.21.5":
+  version "0.21.5"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-x64/-/linux-x64-0.21.5.tgz#6d8f0c768e070e64309af8004bb94e68ab2bb3b0"
+  integrity sha512-1rYdTpyv03iycF1+BhzrzQJCdOuAOtaqHTWJZCWvijKD2N5Xu0TtVC8/+1faWqcP9iBCWOmjmhoH94dH82BxPQ==
+
+"@esbuild/netbsd-x64@0.21.5":
+  version "0.21.5"
+  resolved "https://registry.yarnpkg.com/@esbuild/netbsd-x64/-/netbsd-x64-0.21.5.tgz#bbe430f60d378ecb88decb219c602667387a6047"
+  integrity sha512-Woi2MXzXjMULccIwMnLciyZH4nCIMpWQAs049KEeMvOcNADVxo0UBIQPfSmxB3CWKedngg7sWZdLvLczpe0tLg==
+
+"@esbuild/openbsd-x64@0.21.5":
+  version "0.21.5"
+  resolved "https://registry.yarnpkg.com/@esbuild/openbsd-x64/-/openbsd-x64-0.21.5.tgz#99d1cf2937279560d2104821f5ccce220cb2af70"
+  integrity sha512-HLNNw99xsvx12lFBUwoT8EVCsSvRNDVxNpjZ7bPn947b8gJPzeHWyNVhFsaerc0n3TsbOINvRP2byTZ5LKezow==
+
+"@esbuild/sunos-x64@0.21.5":
+  version "0.21.5"
+  resolved "https://registry.yarnpkg.com/@esbuild/sunos-x64/-/sunos-x64-0.21.5.tgz#08741512c10d529566baba837b4fe052c8f3487b"
+  integrity sha512-6+gjmFpfy0BHU5Tpptkuh8+uw3mnrvgs+dSPQXQOv3ekbordwnzTVEb4qnIvQcYXq6gzkyTnoZ9dZG+D4garKg==
+
+"@esbuild/win32-arm64@0.21.5":
+  version "0.21.5"
+  resolved "https://registry.yarnpkg.com/@esbuild/win32-arm64/-/win32-arm64-0.21.5.tgz#675b7385398411240735016144ab2e99a60fc75d"
+  integrity sha512-Z0gOTd75VvXqyq7nsl93zwahcTROgqvuAcYDUr+vOv8uHhNSKROyU961kgtCD1e95IqPKSQKH7tBTslnS3tA8A==
+
+"@esbuild/win32-ia32@0.21.5":
+  version "0.21.5"
+  resolved "https://registry.yarnpkg.com/@esbuild/win32-ia32/-/win32-ia32-0.21.5.tgz#1bfc3ce98aa6ca9a0969e4d2af72144c59c1193b"
+  integrity sha512-SWXFF1CL2RVNMaVs+BBClwtfZSvDgtL//G/smwAc5oVK/UPu2Gu9tIaRgFmYFFKrmg3SyAjSrElf0TiJ1v8fYA==
+
+"@esbuild/win32-x64@0.21.5":
+  version "0.21.5"
+  resolved "https://registry.yarnpkg.com/@esbuild/win32-x64/-/win32-x64-0.21.5.tgz#acad351d582d157bb145535db2a6ff53dd514b5c"
+  integrity sha512-tQd/1efJuzPC6rCFwEvLtci/xNFcTZknmXs98FYDfGE4wP9ClFV98nyKrzJKVPMhdDnjzLhdUyMX4PsQAPjwIw==
 
 "@eslint/eslintrc@^0.4.3":
   version "0.4.3"
@@ -1339,50 +1347,6 @@
   resolved "https://registry.yarnpkg.com/@gar/promisify/-/promisify-1.1.3.tgz#555193ab2e3bb3b6adc3d551c9c030d9e860daf6"
   integrity sha512-k2Ty1JcVojjJFwrg/ThKi2ujJ7XNLYaFGNB/bWT9wGR+oSMJHMa5w+CUq6p/pVrKeNNgA7pCqEcjSnHVoqJQFw==
 
-"@hapi/address@2.x.x":
-  version "2.1.4"
-  resolved "https://registry.yarnpkg.com/@hapi/address/-/address-2.1.4.tgz#5d67ed43f3fd41a69d4b9ff7b56e7c0d1d0a81e5"
-  integrity sha512-QD1PhQk+s31P1ixsX0H0Suoupp3VMXzIVMSwobR3F3MSUO2YCV0B7xqLcUw/Bh8yuvd3LhpyqLQWTNcRmp6IdQ==
-
-"@hapi/bourne@1.x.x":
-  version "1.3.2"
-  resolved "https://registry.yarnpkg.com/@hapi/bourne/-/bourne-1.3.2.tgz#0a7095adea067243ce3283e1b56b8a8f453b242a"
-  integrity sha512-1dVNHT76Uu5N3eJNTYcvxee+jzX4Z9lfciqRRHCU27ihbUcYi+iSc2iml5Ke1LXe1SyJCLA0+14Jh4tXJgOppA==
-
-"@hapi/hoek@8.x.x", "@hapi/hoek@^8.3.0":
-  version "8.5.1"
-  resolved "https://registry.yarnpkg.com/@hapi/hoek/-/hoek-8.5.1.tgz#fde96064ca446dec8c55a8c2f130957b070c6e06"
-  integrity sha512-yN7kbciD87WzLGc5539Tn0sApjyiGHAJgKvG9W8C7O+6c7qmoQMfVs0W4bX17eqz6C78QJqqFrtgdK5EWf6Qow==
-
-"@hapi/hoek@^9.0.0":
-  version "9.3.0"
-  resolved "https://registry.yarnpkg.com/@hapi/hoek/-/hoek-9.3.0.tgz#8368869dcb735be2e7f5cb7647de78e167a251fb"
-  integrity sha512-/c6rf4UJlmHlC9b5BaNvzAcFv7HZ2QHaV0D4/HNlBdvFnvQq8RI4kYdhyPCl7Xj+oWvTWQ8ujhqS53LIgAe6KQ==
-
-"@hapi/joi@^15.1.0":
-  version "15.1.1"
-  resolved "https://registry.yarnpkg.com/@hapi/joi/-/joi-15.1.1.tgz#c675b8a71296f02833f8d6d243b34c57b8ce19d7"
-  integrity sha512-entf8ZMOK8sc+8YfeOlM8pCfg3b5+WZIKBfUaaJT8UsjAAPjartzxIYm3TIbjvA4u+u++KbcXD38k682nVHDAQ==
-  dependencies:
-    "@hapi/address" "2.x.x"
-    "@hapi/bourne" "1.x.x"
-    "@hapi/hoek" "8.x.x"
-    "@hapi/topo" "3.x.x"
-
-"@hapi/topo@3.x.x":
-  version "3.1.6"
-  resolved "https://registry.yarnpkg.com/@hapi/topo/-/topo-3.1.6.tgz#68d935fa3eae7fdd5ab0d7f953f3205d8b2bfc29"
-  integrity sha512-tAag0jEcjwH+P2quUfipd7liWCNX2F8NvYjQp2wtInsZxnMlypdw0FtAOLxtvvkO+GSRRbmNi8m/5y42PQJYCQ==
-  dependencies:
-    "@hapi/hoek" "^8.3.0"
-
-"@hapi/topo@^5.0.0":
-  version "5.1.0"
-  resolved "https://registry.yarnpkg.com/@hapi/topo/-/topo-5.1.0.tgz#dc448e332c6c6e37a4dc02fd84ba8d44b9afb012"
-  integrity sha512-foQZKJig7Ob0BMAYBfcJk8d77QtOe7Wo4ox7ff1lQYoNNAb6jwcY1ncdoy2e9wQZzvNy7ODZCYJkK8kzmcAnAg==
-  dependencies:
-    "@hapi/hoek" "^9.0.0"
-
 "@hookform/resolvers@^3.9.0":
   version "3.9.0"
   resolved "https://registry.yarnpkg.com/@hookform/resolvers/-/resolvers-3.9.0.tgz#cf540ac21c6c0cd24a40cf53d8e6d64391fb753d"
@@ -1423,175 +1387,196 @@
   resolved "https://registry.yarnpkg.com/@istanbuljs/schema/-/schema-0.1.3.tgz#e45e384e4b8ec16bce2fd903af78450f6bf7ec98"
   integrity sha512-ZXRY4jNvVgSVQ8DL3LTcakaAtXwTVUxE81hslsyD2AtoXW/wVob10HkOJ1X/pAlcI7D+2YoZKg5do8G/w6RYgA==
 
-"@jest/console@^26.6.2":
-  version "26.6.2"
-  resolved "https://registry.yarnpkg.com/@jest/console/-/console-26.6.2.tgz#4e04bc464014358b03ab4937805ee36a0aeb98f2"
-  integrity sha512-IY1R2i2aLsLr7Id3S6p2BA82GNWryt4oSvEXLAKc+L2zdi89dSkE8xC1C+0kpATG4JhBJREnQOH7/zmccM2B0g==
+"@jest/console@^29.7.0":
+  version "29.7.0"
+  resolved "https://registry.yarnpkg.com/@jest/console/-/console-29.7.0.tgz#cd4822dbdb84529265c5a2bdb529a3c9cc950ffc"
+  integrity sha512-5Ni4CU7XHQi32IJ398EEP4RrB8eV09sXP2ROqD4bksHrnTree52PsxvX8tpL8LvTZ3pFzXyPbNQReSN41CAhOg==
   dependencies:
-    "@jest/types" "^26.6.2"
+    "@jest/types" "^29.6.3"
     "@types/node" "*"
     chalk "^4.0.0"
-    jest-message-util "^26.6.2"
-    jest-util "^26.6.2"
+    jest-message-util "^29.7.0"
+    jest-util "^29.7.0"
     slash "^3.0.0"
 
-"@jest/core@^26.6.0", "@jest/core@^26.6.3":
-  version "26.6.3"
-  resolved "https://registry.yarnpkg.com/@jest/core/-/core-26.6.3.tgz#7639fcb3833d748a4656ada54bde193051e45fad"
-  integrity sha512-xvV1kKbhfUqFVuZ8Cyo+JPpipAHHAV3kcDBftiduK8EICXmTFddryy3P7NfZt8Pv37rA9nEJBKCCkglCPt/Xjw==
+"@jest/core@^29.7.0":
+  version "29.7.0"
+  resolved "https://registry.yarnpkg.com/@jest/core/-/core-29.7.0.tgz#b6cccc239f30ff36609658c5a5e2291757ce448f"
+  integrity sha512-n7aeXWKMnGtDA48y8TLWJPJmLmmZ642Ceo78cYWEpiD7FzDgmNDV/GCVRorPABdXLJZ/9wzzgZAlHjXjxDHGsg==
   dependencies:
-    "@jest/console" "^26.6.2"
-    "@jest/reporters" "^26.6.2"
-    "@jest/test-result" "^26.6.2"
-    "@jest/transform" "^26.6.2"
-    "@jest/types" "^26.6.2"
+    "@jest/console" "^29.7.0"
+    "@jest/reporters" "^29.7.0"
+    "@jest/test-result" "^29.7.0"
+    "@jest/transform" "^29.7.0"
+    "@jest/types" "^29.6.3"
     "@types/node" "*"
     ansi-escapes "^4.2.1"
     chalk "^4.0.0"
+    ci-info "^3.2.0"
     exit "^0.1.2"
-    graceful-fs "^4.2.4"
-    jest-changed-files "^26.6.2"
-    jest-config "^26.6.3"
-    jest-haste-map "^26.6.2"
-    jest-message-util "^26.6.2"
-    jest-regex-util "^26.0.0"
-    jest-resolve "^26.6.2"
-    jest-resolve-dependencies "^26.6.3"
-    jest-runner "^26.6.3"
-    jest-runtime "^26.6.3"
-    jest-snapshot "^26.6.2"
-    jest-util "^26.6.2"
-    jest-validate "^26.6.2"
-    jest-watcher "^26.6.2"
-    micromatch "^4.0.2"
-    p-each-series "^2.1.0"
-    rimraf "^3.0.0"
+    graceful-fs "^4.2.9"
+    jest-changed-files "^29.7.0"
+    jest-config "^29.7.0"
+    jest-haste-map "^29.7.0"
+    jest-message-util "^29.7.0"
+    jest-regex-util "^29.6.3"
+    jest-resolve "^29.7.0"
+    jest-resolve-dependencies "^29.7.0"
+    jest-runner "^29.7.0"
+    jest-runtime "^29.7.0"
+    jest-snapshot "^29.7.0"
+    jest-util "^29.7.0"
+    jest-validate "^29.7.0"
+    jest-watcher "^29.7.0"
+    micromatch "^4.0.4"
+    pretty-format "^29.7.0"
     slash "^3.0.0"
     strip-ansi "^6.0.0"
 
-"@jest/environment@^26.6.0", "@jest/environment@^26.6.2":
-  version "26.6.2"
-  resolved "https://registry.yarnpkg.com/@jest/environment/-/environment-26.6.2.tgz#ba364cc72e221e79cc8f0a99555bf5d7577cf92c"
-  integrity sha512-nFy+fHl28zUrRsCeMB61VDThV1pVTtlEokBRgqPrcT1JNq4yRNIyTHfyht6PqtUvY9IsuLGTrbG8kPXjSZIZwA==
+"@jest/environment@^29.7.0":
+  version "29.7.0"
+  resolved "https://registry.yarnpkg.com/@jest/environment/-/environment-29.7.0.tgz#24d61f54ff1f786f3cd4073b4b94416383baf2a7"
+  integrity sha512-aQIfHDq33ExsN4jP1NWGXhxgQ/wixs60gDiKO+XVMd8Mn0NWPWgc34ZQDTb2jKaUWQ7MuwoitXAsN2XVXNMpAw==
   dependencies:
-    "@jest/fake-timers" "^26.6.2"
-    "@jest/types" "^26.6.2"
+    "@jest/fake-timers" "^29.7.0"
+    "@jest/types" "^29.6.3"
     "@types/node" "*"
-    jest-mock "^26.6.2"
+    jest-mock "^29.7.0"
+
+"@jest/expect-utils@^29.7.0":
+  version "29.7.0"
+  resolved "https://registry.yarnpkg.com/@jest/expect-utils/-/expect-utils-29.7.0.tgz#023efe5d26a8a70f21677d0a1afc0f0a44e3a1c6"
+  integrity sha512-GlsNBWiFQFCVi9QVSx7f5AgMeLxe9YCCs5PuP2O2LdjDAA8Jh9eX7lA1Jq/xdXw3Wb3hyvlFNfZIfcRetSzYcA==
+  dependencies:
+    jest-get-type "^29.6.3"
+
+"@jest/expect@^29.7.0":
+  version "29.7.0"
+  resolved "https://registry.yarnpkg.com/@jest/expect/-/expect-29.7.0.tgz#76a3edb0cb753b70dfbfe23283510d3d45432bf2"
+  integrity sha512-8uMeAMycttpva3P1lBHB8VciS9V0XAr3GymPpipdyQXbBcuhkLQOSe8E/p92RyAdToS6ZD1tFkX+CkhoECE0dQ==
+  dependencies:
+    expect "^29.7.0"
+    jest-snapshot "^29.7.0"
 
-"@jest/fake-timers@^26.6.2":
-  version "26.6.2"
-  resolved "https://registry.yarnpkg.com/@jest/fake-timers/-/fake-timers-26.6.2.tgz#459c329bcf70cee4af4d7e3f3e67848123535aad"
-  integrity sha512-14Uleatt7jdzefLPYM3KLcnUl1ZNikaKq34enpb5XG9i81JpppDb5muZvonvKyrl7ftEHkKS5L5/eB/kxJ+bvA==
+"@jest/fake-timers@^29.7.0":
+  version "29.7.0"
+  resolved "https://registry.yarnpkg.com/@jest/fake-timers/-/fake-timers-29.7.0.tgz#fd91bf1fffb16d7d0d24a426ab1a47a49881a565"
+  integrity sha512-q4DH1Ha4TTFPdxLsqDXK1d3+ioSL7yL5oCMJZgDYm6i+6CygW5E5xVr/D1HdsGxjt1ZWSfUAs9OxSB/BNelWrQ==
   dependencies:
-    "@jest/types" "^26.6.2"
-    "@sinonjs/fake-timers" "^6.0.1"
+    "@jest/types" "^29.6.3"
+    "@sinonjs/fake-timers" "^10.0.2"
     "@types/node" "*"
-    jest-message-util "^26.6.2"
-    jest-mock "^26.6.2"
-    jest-util "^26.6.2"
+    jest-message-util "^29.7.0"
+    jest-mock "^29.7.0"
+    jest-util "^29.7.0"
 
-"@jest/globals@^26.6.2":
-  version "26.6.2"
-  resolved "https://registry.yarnpkg.com/@jest/globals/-/globals-26.6.2.tgz#5b613b78a1aa2655ae908eba638cc96a20df720a"
-  integrity sha512-85Ltnm7HlB/KesBUuALwQ68YTU72w9H2xW9FjZ1eL1U3lhtefjjl5c2MiUbpXt/i6LaPRvoOFJ22yCBSfQ0JIA==
+"@jest/globals@^29.7.0":
+  version "29.7.0"
+  resolved "https://registry.yarnpkg.com/@jest/globals/-/globals-29.7.0.tgz#8d9290f9ec47ff772607fa864ca1d5a2efae1d4d"
+  integrity sha512-mpiz3dutLbkW2MNFubUGUEVLkTGiqW6yLVTA+JbP6fI6J5iL9Y0Nlg8k95pcF8ctKwCS7WVxteBs29hhfAotzQ==
   dependencies:
-    "@jest/environment" "^26.6.2"
-    "@jest/types" "^26.6.2"
-    expect "^26.6.2"
+    "@jest/environment" "^29.7.0"
+    "@jest/expect" "^29.7.0"
+    "@jest/types" "^29.6.3"
+    jest-mock "^29.7.0"
 
-"@jest/reporters@^26.6.2":
-  version "26.6.2"
-  resolved "https://registry.yarnpkg.com/@jest/reporters/-/reporters-26.6.2.tgz#1f518b99637a5f18307bd3ecf9275f6882a667f6"
-  integrity sha512-h2bW53APG4HvkOnVMo8q3QXa6pcaNt1HkwVsOPMBV6LD/q9oSpxNSYZQYkAnjdMjrJ86UuYeLo+aEZClV6opnw==
+"@jest/reporters@^29.7.0":
+  version "29.7.0"
+  resolved "https://registry.yarnpkg.com/@jest/reporters/-/reporters-29.7.0.tgz#04b262ecb3b8faa83b0b3d321623972393e8f4c7"
+  integrity sha512-DApq0KJbJOEzAFYjHADNNxAE3KbhxQB1y5Kplb5Waqw6zVbuWatSnMjE5gs8FUgEPmNsnZA3NCWl9NG0ia04Pg==
   dependencies:
     "@bcoe/v8-coverage" "^0.2.3"
-    "@jest/console" "^26.6.2"
-    "@jest/test-result" "^26.6.2"
-    "@jest/transform" "^26.6.2"
-    "@jest/types" "^26.6.2"
+    "@jest/console" "^29.7.0"
+    "@jest/test-result" "^29.7.0"
+    "@jest/transform" "^29.7.0"
+    "@jest/types" "^29.6.3"
+    "@jridgewell/trace-mapping" "^0.3.18"
+    "@types/node" "*"
     chalk "^4.0.0"
     collect-v8-coverage "^1.0.0"
     exit "^0.1.2"
-    glob "^7.1.2"
-    graceful-fs "^4.2.4"
+    glob "^7.1.3"
+    graceful-fs "^4.2.9"
     istanbul-lib-coverage "^3.0.0"
-    istanbul-lib-instrument "^4.0.3"
+    istanbul-lib-instrument "^6.0.0"
     istanbul-lib-report "^3.0.0"
     istanbul-lib-source-maps "^4.0.0"
-    istanbul-reports "^3.0.2"
-    jest-haste-map "^26.6.2"
-    jest-resolve "^26.6.2"
-    jest-util "^26.6.2"
-    jest-worker "^26.6.2"
+    istanbul-reports "^3.1.3"
+    jest-message-util "^29.7.0"
+    jest-util "^29.7.0"
+    jest-worker "^29.7.0"
     slash "^3.0.0"
-    source-map "^0.6.0"
     string-length "^4.0.1"
-    terminal-link "^2.0.0"
-    v8-to-istanbul "^7.0.0"
-  optionalDependencies:
-    node-notifier "^8.0.0"
+    strip-ansi "^6.0.0"
+    v8-to-istanbul "^9.0.1"
+
+"@jest/schemas@^29.6.3":
+  version "29.6.3"
+  resolved "https://registry.yarnpkg.com/@jest/schemas/-/schemas-29.6.3.tgz#430b5ce8a4e0044a7e3819663305a7b3091c8e03"
+  integrity sha512-mo5j5X+jIZmJQveBKeS/clAueipV7KgiX1vMgCxam1RNYiqE1w62n0/tJJnHtjW8ZHcQco5gY85jA3mi0L+nSA==
+  dependencies:
+    "@sinclair/typebox" "^0.27.8"
 
-"@jest/source-map@^26.6.2":
-  version "26.6.2"
-  resolved "https://registry.yarnpkg.com/@jest/source-map/-/source-map-26.6.2.tgz#29af5e1e2e324cafccc936f218309f54ab69d535"
-  integrity sha512-YwYcCwAnNmOVsZ8mr3GfnzdXDAl4LaenZP5z+G0c8bzC9/dugL8zRmxZzdoTl4IaS3CryS1uWnROLPFmb6lVvA==
+"@jest/source-map@^29.6.3":
+  version "29.6.3"
+  resolved "https://registry.yarnpkg.com/@jest/source-map/-/source-map-29.6.3.tgz#d90ba772095cf37a34a5eb9413f1b562a08554c4"
+  integrity sha512-MHjT95QuipcPrpLM+8JMSzFx6eHp5Bm+4XeFDJlwsvVBjmKNiIAvasGK2fxz2WbGRlnvqehFbh07MMa7n3YJnw==
   dependencies:
+    "@jridgewell/trace-mapping" "^0.3.18"
     callsites "^3.0.0"
-    graceful-fs "^4.2.4"
-    source-map "^0.6.0"
+    graceful-fs "^4.2.9"
 
-"@jest/test-result@^26.6.0", "@jest/test-result@^26.6.2":
-  version "26.6.2"
-  resolved "https://registry.yarnpkg.com/@jest/test-result/-/test-result-26.6.2.tgz#55da58b62df134576cc95476efa5f7949e3f5f18"
-  integrity sha512-5O7H5c/7YlojphYNrK02LlDIV2GNPYisKwHm2QTKjNZeEzezCbwYs9swJySv2UfPMyZ0VdsmMv7jIlD/IKYQpQ==
+"@jest/test-result@^29.7.0":
+  version "29.7.0"
+  resolved "https://registry.yarnpkg.com/@jest/test-result/-/test-result-29.7.0.tgz#8db9a80aa1a097bb2262572686734baed9b1657c"
+  integrity sha512-Fdx+tv6x1zlkJPcWXmMDAG2HBnaR9XPSd5aDWQVsfrZmLVT3lU1cwyxLgRmXR9yrq4NBoEm9BMsfgFzTQAbJYA==
   dependencies:
-    "@jest/console" "^26.6.2"
-    "@jest/types" "^26.6.2"
+    "@jest/console" "^29.7.0"
+    "@jest/types" "^29.6.3"
     "@types/istanbul-lib-coverage" "^2.0.0"
     collect-v8-coverage "^1.0.0"
 
-"@jest/test-sequencer@^26.6.3":
-  version "26.6.3"
-  resolved "https://registry.yarnpkg.com/@jest/test-sequencer/-/test-sequencer-26.6.3.tgz#98e8a45100863886d074205e8ffdc5a7eb582b17"
-  integrity sha512-YHlVIjP5nfEyjlrSr8t/YdNfU/1XEt7c5b4OxcXCjyRhjzLYu/rO69/WHPuYcbCWkz8kAeZVZp2N2+IOLLEPGw==
+"@jest/test-sequencer@^29.7.0":
+  version "29.7.0"
+  resolved "https://registry.yarnpkg.com/@jest/test-sequencer/-/test-sequencer-29.7.0.tgz#6cef977ce1d39834a3aea887a1726628a6f072ce"
+  integrity sha512-GQwJ5WZVrKnOJuiYiAF52UNUJXgTZx1NHjFSEB0qEMmSZKAkdMoIzw/Cj6x6NF4AvV23AUqDpFzQkN/eYCYTxw==
   dependencies:
-    "@jest/test-result" "^26.6.2"
-    graceful-fs "^4.2.4"
-    jest-haste-map "^26.6.2"
-    jest-runner "^26.6.3"
-    jest-runtime "^26.6.3"
-
-"@jest/transform@^26.6.2":
-  version "26.6.2"
-  resolved "https://registry.yarnpkg.com/@jest/transform/-/transform-26.6.2.tgz#5ac57c5fa1ad17b2aae83e73e45813894dcf2e4b"
-  integrity sha512-E9JjhUgNzvuQ+vVAL21vlyfy12gP0GhazGgJC4h6qUt1jSdUXGWJ1wfu/X7Sd8etSgxV4ovT1pb9v5D6QW4XgA==
-  dependencies:
-    "@babel/core" "^7.1.0"
-    "@jest/types" "^26.6.2"
-    babel-plugin-istanbul "^6.0.0"
+    "@jest/test-result" "^29.7.0"
+    graceful-fs "^4.2.9"
+    jest-haste-map "^29.7.0"
+    slash "^3.0.0"
+
+"@jest/transform@^29.7.0":
+  version "29.7.0"
+  resolved "https://registry.yarnpkg.com/@jest/transform/-/transform-29.7.0.tgz#df2dd9c346c7d7768b8a06639994640c642e284c"
+  integrity sha512-ok/BTPFzFKVMwO5eOHRrvnBVHdRy9IrsrW1GpMaQ9MCnilNLXQKmAX8s1YXDFaai9xJpac2ySzV0YeRRECr2Vw==
+  dependencies:
+    "@babel/core" "^7.11.6"
+    "@jest/types" "^29.6.3"
+    "@jridgewell/trace-mapping" "^0.3.18"
+    babel-plugin-istanbul "^6.1.1"
     chalk "^4.0.0"
-    convert-source-map "^1.4.0"
-    fast-json-stable-stringify "^2.0.0"
-    graceful-fs "^4.2.4"
-    jest-haste-map "^26.6.2"
-    jest-regex-util "^26.0.0"
-    jest-util "^26.6.2"
-    micromatch "^4.0.2"
-    pirates "^4.0.1"
+    convert-source-map "^2.0.0"
+    fast-json-stable-stringify "^2.1.0"
+    graceful-fs "^4.2.9"
+    jest-haste-map "^29.7.0"
+    jest-regex-util "^29.6.3"
+    jest-util "^29.7.0"
+    micromatch "^4.0.4"
+    pirates "^4.0.4"
     slash "^3.0.0"
-    source-map "^0.6.1"
-    write-file-atomic "^3.0.0"
+    write-file-atomic "^4.0.2"
 
-"@jest/types@^26.6.0", "@jest/types@^26.6.2":
-  version "26.6.2"
-  resolved "https://registry.yarnpkg.com/@jest/types/-/types-26.6.2.tgz#bef5a532030e1d88a2f5a6d933f84e97226ed48e"
-  integrity sha512-fC6QCp7Sc5sX6g8Tvbmj4XUTbyrik0akgRy03yjXbQaBWWNWGE7SGtJk98m0N8nzegD/7SggrUlivxo5ax4KWQ==
+"@jest/types@^29.6.3":
+  version "29.6.3"
+  resolved "https://registry.yarnpkg.com/@jest/types/-/types-29.6.3.tgz#1131f8cf634e7e84c5e77bab12f052af585fba59"
+  integrity sha512-u3UPsIilWKOM3F9CXtrG8LEJmNxwoCQC/XVj4IKYXvvpx7QIi/Kg1LI5uDmDpKlac62NUtX7eLjRh+jVZcLOzw==
   dependencies:
+    "@jest/schemas" "^29.6.3"
     "@types/istanbul-lib-coverage" "^2.0.0"
     "@types/istanbul-reports" "^3.0.0"
     "@types/node" "*"
-    "@types/yargs" "^15.0.0"
+    "@types/yargs" "^17.0.8"
     chalk "^4.0.0"
 
 "@jridgewell/gen-mapping@^0.3.0", "@jridgewell/gen-mapping@^0.3.2":
@@ -1603,6 +1588,22 @@
     "@jridgewell/sourcemap-codec" "^1.4.10"
     "@jridgewell/trace-mapping" "^0.3.9"
 
+"@jridgewell/gen-mapping@^0.3.12", "@jridgewell/gen-mapping@^0.3.5":
+  version "0.3.13"
+  resolved "https://registry.yarnpkg.com/@jridgewell/gen-mapping/-/gen-mapping-0.3.13.tgz#6342a19f44347518c93e43b1ac69deb3c4656a1f"
+  integrity sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA==
+  dependencies:
+    "@jridgewell/sourcemap-codec" "^1.5.0"
+    "@jridgewell/trace-mapping" "^0.3.24"
+
+"@jridgewell/remapping@^2.3.5":
+  version "2.3.5"
+  resolved "https://registry.yarnpkg.com/@jridgewell/remapping/-/remapping-2.3.5.tgz#375c476d1972947851ba1e15ae8f123047445aa1"
+  integrity sha512-LI9u/+laYG4Ds1TDKSJW2YPrIlcVYOwi2fUC6xB43lueCjgxV4lffOCZCtYFiH6TNOX+tQKXx97T4IKHbhyHEQ==
+  dependencies:
+    "@jridgewell/gen-mapping" "^0.3.5"
+    "@jridgewell/trace-mapping" "^0.3.24"
+
 "@jridgewell/resolve-uri@^3.1.0":
   version "3.1.1"
   resolved "https://registry.yarnpkg.com/@jridgewell/resolve-uri/-/resolve-uri-3.1.1.tgz#c08679063f279615a3326583ba3a90d1d82cc721"
@@ -1613,19 +1614,16 @@
   resolved "https://registry.yarnpkg.com/@jridgewell/set-array/-/set-array-1.1.2.tgz#7c6cf998d6d20b914c0a55a91ae928ff25965e72"
   integrity sha512-xnkseuNADM0gt2bs+BvhO0p78Mk762YnZdsuzFV018NoG1Sj1SCQvpSqa7XUaTam5vAGasABV9qXASMKnFMwMw==
 
-"@jridgewell/source-map@^0.3.3":
-  version "0.3.5"
-  resolved "https://registry.yarnpkg.com/@jridgewell/source-map/-/source-map-0.3.5.tgz#a3bb4d5c6825aab0d281268f47f6ad5853431e91"
-  integrity sha512-UTYAUj/wviwdsMfzoSJspJxbkH5o1snzwX0//0ENX1u/55kkZZkcTZP6u9bwKGkv+dkk9at4m1Cpt0uY80kcpQ==
-  dependencies:
-    "@jridgewell/gen-mapping" "^0.3.0"
-    "@jridgewell/trace-mapping" "^0.3.9"
-
 "@jridgewell/sourcemap-codec@^1.4.10", "@jridgewell/sourcemap-codec@^1.4.14":
   version "1.4.15"
   resolved "https://registry.yarnpkg.com/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.15.tgz#d7c6e6755c78567a951e04ab52ef0fd26de59f32"
   integrity sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg==
 
+"@jridgewell/sourcemap-codec@^1.5.0", "@jridgewell/sourcemap-codec@^1.5.5":
+  version "1.5.5"
+  resolved "https://registry.yarnpkg.com/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.5.tgz#6912b00d2c631c0d15ce1a7ab57cd657f2a8f8ba"
+  integrity sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==
+
 "@jridgewell/trace-mapping@^0.3.12", "@jridgewell/trace-mapping@^0.3.17", "@jridgewell/trace-mapping@^0.3.9":
   version "0.3.20"
   resolved "https://registry.yarnpkg.com/@jridgewell/trace-mapping/-/trace-mapping-0.3.20.tgz#72e45707cf240fa6b081d0366f8265b0cd10197f"
@@ -1634,10 +1632,57 @@
     "@jridgewell/resolve-uri" "^3.1.0"
     "@jridgewell/sourcemap-codec" "^1.4.14"
 
-"@nicolo-ribaudo/chokidar-2@2.1.8-no-fsevents.3":
-  version "2.1.8-no-fsevents.3"
-  resolved "https://registry.yarnpkg.com/@nicolo-ribaudo/chokidar-2/-/chokidar-2-2.1.8-no-fsevents.3.tgz#323d72dd25103d0c4fbdce89dadf574a787b1f9b"
-  integrity sha512-s88O1aVtXftvp5bCPB7WnmXc5IwOZZ7YPuwNPt+GtOOXpPvad1LfbmjYv+qII7zP6RU2QGnqve27dnLycEnyEQ==
+"@jridgewell/trace-mapping@^0.3.18", "@jridgewell/trace-mapping@^0.3.24", "@jridgewell/trace-mapping@^0.3.28":
+  version "0.3.31"
+  resolved "https://registry.yarnpkg.com/@jridgewell/trace-mapping/-/trace-mapping-0.3.31.tgz#db15d6781c931f3a251a3dac39501c98a6082fd0"
+  integrity sha512-zzNR+SdQSDJzc8joaeP8QQoCQr8NuYx2dIIytl1QeBEZHJ9uW6hebsrYgbz8hJwUQao3TWCMtmfV8Nu1twOLAw==
+  dependencies:
+    "@jridgewell/resolve-uri" "^3.1.0"
+    "@jridgewell/sourcemap-codec" "^1.4.14"
+
+"@microsoft/api-extractor-model@7.33.5":
+  version "7.33.5"
+  resolved "https://registry.yarnpkg.com/@microsoft/api-extractor-model/-/api-extractor-model-7.33.5.tgz#d13c315503077ceb05849e34b68aae8d1600327d"
+  integrity sha512-Xh4dXuusndVQqVz4nEN9xOp0DyzsKxeD2FFJkSPg4arAjDSKPcy6cAc7CaeBPA7kF2wV1fuDlo2p/bNMpVr8yg==
+  dependencies:
+    "@microsoft/tsdoc" "~0.16.0"
+    "@microsoft/tsdoc-config" "~0.18.1"
+    "@rushstack/node-core-library" "5.21.0"
+
+"@microsoft/api-extractor@^7.50.1":
+  version "7.58.1"
+  resolved "https://registry.yarnpkg.com/@microsoft/api-extractor/-/api-extractor-7.58.1.tgz#e86ebd25b0dde66ba2ff8a496b2ef3f05f00df68"
+  integrity sha512-kF3GFME4lN22O5zbnXk2RP4y/4PDQdps0xKiYTipMYprkwCmmpsWLZt/N2Fkbil540cSLfJX0BW7LkHzgMVUYg==
+  dependencies:
+    "@microsoft/api-extractor-model" "7.33.5"
+    "@microsoft/tsdoc" "~0.16.0"
+    "@microsoft/tsdoc-config" "~0.18.1"
+    "@rushstack/node-core-library" "5.21.0"
+    "@rushstack/rig-package" "0.7.2"
+    "@rushstack/terminal" "0.22.4"
+    "@rushstack/ts-command-line" "5.3.4"
+    diff "~8.0.2"
+    lodash "~4.18.1"
+    minimatch "10.2.3"
+    resolve "~1.22.1"
+    semver "~7.5.4"
+    source-map "~0.6.1"
+    typescript "5.9.3"
+
+"@microsoft/tsdoc-config@~0.18.1":
+  version "0.18.1"
+  resolved "https://registry.yarnpkg.com/@microsoft/tsdoc-config/-/tsdoc-config-0.18.1.tgz#7c560bce62abb5f9681e4d231b9ac35553b7e86b"
+  integrity sha512-9brPoVdfN9k9g0dcWkFeA7IH9bbcttzDJlXvkf8b2OBzd5MueR1V2wkKBL0abn0otvmkHJC6aapBOTJDDeMCZg==
+  dependencies:
+    "@microsoft/tsdoc" "0.16.0"
+    ajv "~8.18.0"
+    jju "~1.4.0"
+    resolve "~1.22.2"
+
+"@microsoft/tsdoc@0.16.0", "@microsoft/tsdoc@~0.16.0":
+  version "0.16.0"
+  resolved "https://registry.yarnpkg.com/@microsoft/tsdoc/-/tsdoc-0.16.0.tgz#2249090633e04063176863a050c8f0808d2b6d2b"
+  integrity sha512-xgAyonlVVS+q7Vc7qLW0UrJU7rSFcETRWsqdXZtjzRU8dF+6CkozTK4V4y1LwOX7j8r/vHphjDeMeGI4tNGeGA==
 
 "@nodelib/fs.scandir@2.1.5":
   version "2.1.5"
@@ -1920,50 +1965,190 @@
   dependencies:
     playwright "1.39.0"
 
-"@pmmmwh/react-refresh-webpack-plugin@0.4.3":
-  version "0.4.3"
-  resolved "https://registry.yarnpkg.com/@pmmmwh/react-refresh-webpack-plugin/-/react-refresh-webpack-plugin-0.4.3.tgz#1eec460596d200c0236bf195b078a5d1df89b766"
-  integrity sha512-br5Qwvh8D2OQqSXpd1g/xqXKnK0r+Jz6qVKBbWmpUcrbGOxUrf39V5oZ1876084CGn18uMdR5uvPqBv9UqtBjQ==
-  dependencies:
-    ansi-html "^0.0.7"
-    error-stack-parser "^2.0.6"
-    html-entities "^1.2.1"
-    native-url "^0.2.6"
-    schema-utils "^2.6.5"
-    source-map "^0.7.3"
-
-"@popperjs/core@^2.9.0":
-  version "2.11.8"
-  resolved "https://registry.yarnpkg.com/@popperjs/core/-/core-2.11.8.tgz#6b79032e760a0899cd4204710beede972a3a185f"
-  integrity sha512-P1st0aksCrn9sGZhp8GMYwBnQsbvAWsZAX44oXNNvLHGqAOcoVxmjZiohstwQ7SqKnbR47akdNi+uleWD8+g6A==
-
-"@rollup/plugin-node-resolve@^7.1.1":
-  version "7.1.3"
-  resolved "https://registry.yarnpkg.com/@rollup/plugin-node-resolve/-/plugin-node-resolve-7.1.3.tgz#80de384edfbd7bfc9101164910f86078151a3eca"
-  integrity sha512-RxtSL3XmdTAE2byxekYLnx+98kEUOrPHF/KRVjLH+DEIHy6kjIw7YINQzn+NXiH/NTrQLAwYs0GWB+csWygA9Q==
+"@rolldown/pluginutils@1.0.0-beta.27":
+  version "1.0.0-beta.27"
+  resolved "https://registry.yarnpkg.com/@rolldown/pluginutils/-/pluginutils-1.0.0-beta.27.tgz#47d2bf4cef6d470b22f5831b420f8964e0bf755f"
+  integrity sha512-+d0F4MKMCbeVUJwG96uQ4SgAznZNSq93I3V+9NHA4OpvqG8mRCpGdKmK8l/dl02h2CCDHwW2FqilnTyDcAnqjA==
+
+"@rollup/pluginutils@^5.1.4":
+  version "5.3.0"
+  resolved "https://registry.yarnpkg.com/@rollup/pluginutils/-/pluginutils-5.3.0.tgz#57ba1b0cbda8e7a3c597a4853c807b156e21a7b4"
+  integrity sha512-5EdhGZtnu3V88ces7s53hhfK5KSASnJZv8Lulpc04cWO3REESroJXg73DFsOmgbU2BhwV0E20bu2IDZb3VKW4Q==
+  dependencies:
+    "@types/estree" "^1.0.0"
+    estree-walker "^2.0.2"
+    picomatch "^4.0.2"
+
+"@rollup/rollup-android-arm-eabi@4.60.1":
+  version "4.60.1"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.60.1.tgz#043f145716234529052ef9e1ce1d847ffbe9e674"
+  integrity sha512-d6FinEBLdIiK+1uACUttJKfgZREXrF0Qc2SmLII7W2AD8FfiZ9Wjd+rD/iRuf5s5dWrr1GgwXCvPqOuDquOowA==
+
+"@rollup/rollup-android-arm64@4.60.1":
+  version "4.60.1"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.60.1.tgz#023e1bd146e7519087dfd9e8b29e4cf9f8ecd35c"
+  integrity sha512-YjG/EwIDvvYI1YvYbHvDz/BYHtkY4ygUIXHnTdLhG+hKIQFBiosfWiACWortsKPKU/+dUwQQCKQM3qrDe8c9BA==
+
+"@rollup/rollup-darwin-arm64@4.60.1":
+  version "4.60.1"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.60.1.tgz#55ccb5487c02419954c57a7a80602885d616e1ee"
+  integrity sha512-mjCpF7GmkRtSJwon+Rq1N8+pI+8l7w5g9Z3vWj4T7abguC4Czwi3Yu/pFaLvA3TTeMVjnu3ctigusqWUfjZzvw==
+
+"@rollup/rollup-darwin-x64@4.60.1":
+  version "4.60.1"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.60.1.tgz#254b65404b14488c83225e88b8819376ad71a784"
+  integrity sha512-haZ7hJ1JT4e9hqkoT9R/19XW2QKqjfJVv+i5AGg57S+nLk9lQnJ1F/eZloRO3o9Scy9CM3wQ9l+dkXtcBgN5Ew==
+
+"@rollup/rollup-freebsd-arm64@4.60.1":
+  version "4.60.1"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-freebsd-arm64/-/rollup-freebsd-arm64-4.60.1.tgz#6377ff38c052c76fcaffb7b2728d3172fe676fe6"
+  integrity sha512-czw90wpQq3ZsAVBlinZjAYTKduOjTywlG7fEeWKUA7oCmpA8xdTkxZZlwNJKWqILlq0wehoZcJYfBvOyhPTQ6w==
+
+"@rollup/rollup-freebsd-x64@4.60.1":
+  version "4.60.1"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-freebsd-x64/-/rollup-freebsd-x64-4.60.1.tgz#ba3902309d088eaf7139b916f09b7140b28b406d"
+  integrity sha512-KVB2rqsxTHuBtfOeySEyzEOB7ltlB/ux38iu2rBQzkjbwRVlkhAGIEDiiYnO2kFOkJp+Z7pUXKyrRRFuFUKt+g==
+
+"@rollup/rollup-linux-arm-gnueabihf@4.60.1":
+  version "4.60.1"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.60.1.tgz#e011b9a14638267e53b446286e838dbdaf53f167"
+  integrity sha512-L+34Qqil+v5uC0zEubW7uByo78WOCIrBvci69E7sFASRl0X7b/MB6Cqd1lky/CtcSVTydWa2WZwFuWexjS5o6g==
+
+"@rollup/rollup-linux-arm-musleabihf@4.60.1":
+  version "4.60.1"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.60.1.tgz#0bce9ce9a009490abd28fd922dd97ed521311afe"
+  integrity sha512-n83O8rt4v34hgFzlkb1ycniJh7IR5RCIqt6mz1VRJD6pmhRi0CXdmfnLu9dIUS6buzh60IvACM842Ffb3xd6Gg==
+
+"@rollup/rollup-linux-arm64-gnu@4.60.1":
+  version "4.60.1"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.60.1.tgz#6f6cfbbf324fbb4ceff213abdf7f322fd45d25ff"
+  integrity sha512-Nql7sTeAzhTAja3QXeAI48+/+GjBJ+QmAH13snn0AJSNL50JsDqotyudHyMbO2RbJkskbMbFJfIJKWA6R1LCJQ==
+
+"@rollup/rollup-linux-arm64-musl@4.60.1":
+  version "4.60.1"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.60.1.tgz#f7cb3eecaea9c151ef77342af05f38ae924bf795"
+  integrity sha512-+pUymDhd0ys9GcKZPPWlFiZ67sTWV5UU6zOJat02M1+PiuSGDziyRuI/pPue3hoUwm2uGfxdL+trT6Z9rxnlMA==
+
+"@rollup/rollup-linux-loong64-gnu@4.60.1":
+  version "4.60.1"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-loong64-gnu/-/rollup-linux-loong64-gnu-4.60.1.tgz#499bfac6bb669fd88bb664357bf6be996a28b92f"
+  integrity sha512-VSvgvQeIcsEvY4bKDHEDWcpW4Yw7BtlKG1GUT4FzBUlEKQK0rWHYBqQt6Fm2taXS+1bXvJT6kICu5ZwqKCnvlQ==
+
+"@rollup/rollup-linux-loong64-musl@4.60.1":
+  version "4.60.1"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-loong64-musl/-/rollup-linux-loong64-musl-4.60.1.tgz#127dfac08764764396bbe04453c545d38a3ab518"
+  integrity sha512-4LqhUomJqwe641gsPp6xLfhqWMbQV04KtPp7/dIp0nzPxAkNY1AbwL5W0MQpcalLYk07vaW9Kp1PBhdpZYYcEw==
+
+"@rollup/rollup-linux-ppc64-gnu@4.60.1":
+  version "4.60.1"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-ppc64-gnu/-/rollup-linux-ppc64-gnu-4.60.1.tgz#6a72f4d95852aac18326c5bf708393e8f3a41b70"
+  integrity sha512-tLQQ9aPvkBxOc/EUT6j3pyeMD6Hb8QF2BTBnCQWP/uu1lhc9AIrIjKnLYMEroIz/JvtGYgI9dF3AxHZNaEH0rw==
+
+"@rollup/rollup-linux-ppc64-musl@4.60.1":
+  version "4.60.1"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-ppc64-musl/-/rollup-linux-ppc64-musl-4.60.1.tgz#ba8674666b00d6f9066cb9a5771a8430c34d2de6"
+  integrity sha512-RMxFhJwc9fSXP6PqmAz4cbv3kAyvD1etJFjTx4ONqFP9DkTkXsAMU4v3Vyc5BgzC+anz7nS/9tp4obsKfqkDHg==
+
+"@rollup/rollup-linux-riscv64-gnu@4.60.1":
+  version "4.60.1"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.60.1.tgz#17cc38b2a71e302547cad29bcf78d0db2618c922"
+  integrity sha512-QKgFl+Yc1eEk6MmOBfRHYF6lTxiiiV3/z/BRrbSiW2I7AFTXoBFvdMEyglohPj//2mZS4hDOqeB0H1ACh3sBbg==
+
+"@rollup/rollup-linux-riscv64-musl@4.60.1":
+  version "4.60.1"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-riscv64-musl/-/rollup-linux-riscv64-musl-4.60.1.tgz#e36a41e2d8bd247331bd5cfc13b8c951d33454a2"
+  integrity sha512-RAjXjP/8c6ZtzatZcA1RaQr6O1TRhzC+adn8YZDnChliZHviqIjmvFwHcxi4JKPSDAt6Uhf/7vqcBzQJy0PDJg==
+
+"@rollup/rollup-linux-s390x-gnu@4.60.1":
+  version "4.60.1"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.60.1.tgz#1687265f1f4bdea0726c761a58c2db9933609d68"
+  integrity sha512-wcuocpaOlaL1COBYiA89O6yfjlp3RwKDeTIA0hM7OpmhR1Bjo9j31G1uQVpDlTvwxGn2nQs65fBFL5UFd76FcQ==
+
+"@rollup/rollup-linux-x64-gnu@4.60.1":
+  version "4.60.1"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.60.1.tgz#56a6a0d9076f2a05a976031493b24a20ddcc0e77"
+  integrity sha512-77PpsFQUCOiZR9+LQEFg9GClyfkNXj1MP6wRnzYs0EeWbPcHs02AXu4xuUbM1zhwn3wqaizle3AEYg5aeoohhg==
+
+"@rollup/rollup-linux-x64-musl@4.60.1":
+  version "4.60.1"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.60.1.tgz#bc240ebb5b9fd8d41ca8a80cb458452e8c187e0f"
+  integrity sha512-5cIATbk5vynAjqqmyBjlciMJl1+R/CwX9oLk/EyiFXDWd95KpHdrOJT//rnUl4cUcskrd0jCCw3wpZnhIHdD9w==
+
+"@rollup/rollup-openbsd-x64@4.60.1":
+  version "4.60.1"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-openbsd-x64/-/rollup-openbsd-x64-4.60.1.tgz#6f80d48a006c4b2ffa7724e95a3e33f6975872af"
+  integrity sha512-cl0w09WsCi17mcmWqqglez9Gk8isgeWvoUZ3WiJFYSR3zjBQc2J5/ihSjpl+VLjPqjQ/1hJRcqBfLjssREQILw==
+
+"@rollup/rollup-openharmony-arm64@4.60.1":
+  version "4.60.1"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-openharmony-arm64/-/rollup-openharmony-arm64-4.60.1.tgz#8f6db6f70d0a48abd833b263cd6dd3e7199c4c0e"
+  integrity sha512-4Cv23ZrONRbNtbZa37mLSueXUCtN7MXccChtKpUnQNgF010rjrjfHx3QxkS2PI7LqGT5xXyYs1a7LbzAwT0iCA==
+
+"@rollup/rollup-win32-arm64-msvc@4.60.1":
+  version "4.60.1"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.60.1.tgz#b68989bfa815d0b3d4e302ecd90bda744438b177"
+  integrity sha512-i1okWYkA4FJICtr7KpYzFpRTHgy5jdDbZiWfvny21iIKky5YExiDXP+zbXzm3dUcFpkEeYNHgQ5fuG236JPq0g==
+
+"@rollup/rollup-win32-ia32-msvc@4.60.1":
+  version "4.60.1"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.60.1.tgz#c098e45338c50f22f1b288476354f025b746285b"
+  integrity sha512-u09m3CuwLzShA0EYKMNiFgcjjzwqtUMLmuCJLeZWjjOYA3IT2Di09KaxGBTP9xVztWyIWjVdsB2E9goMjZvTQg==
+
+"@rollup/rollup-win32-x64-gnu@4.60.1":
+  version "4.60.1"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-win32-x64-gnu/-/rollup-win32-x64-gnu-4.60.1.tgz#2c9e15be155b79d05999953b1737b2903842e903"
+  integrity sha512-k+600V9Zl1CM7eZxJgMyTUzmrmhB/0XZnF4pRypKAlAgxmedUA+1v9R+XOFv56W4SlHEzfeMtzujLJD22Uz5zg==
+
+"@rollup/rollup-win32-x64-msvc@4.60.1":
+  version "4.60.1"
+  resolved "https://registry.yarnpkg.com/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.60.1.tgz#23b860113e9f87eea015d1fa3a4240a52b42fcd4"
+  integrity sha512-lWMnixq/QzxyhTV6NjQJ4SFo1J6PvOX8vUx5Wb4bBPsEb+8xZ89Bz6kOXpfXj9ak9AHTQVQzlgzBEc1SyM27xQ==
+
+"@rushstack/node-core-library@5.21.0":
+  version "5.21.0"
+  resolved "https://registry.yarnpkg.com/@rushstack/node-core-library/-/node-core-library-5.21.0.tgz#4111d096239788c788e8d7b44295c637da95b0ec"
+  integrity sha512-LFzN+1lyWROit/P8Md6yxAth7lLYKn37oCKJHirEE2TQB25NDUM7bALf0ar+JAtwFfRCH+D+DGOA7DAzIi2r+g==
+  dependencies:
+    ajv "~8.18.0"
+    ajv-draft-04 "~1.0.0"
+    ajv-formats "~3.0.1"
+    fs-extra "~11.3.0"
+    import-lazy "~4.0.0"
+    jju "~1.4.0"
+    resolve "~1.22.1"
+    semver "~7.5.4"
+
+"@rushstack/problem-matcher@0.2.1":
+  version "0.2.1"
+  resolved "https://registry.yarnpkg.com/@rushstack/problem-matcher/-/problem-matcher-0.2.1.tgz#e9f6cac2dd6a882d60e76a8d4462b7d24b4f17e5"
+  integrity sha512-gulfhBs6n+I5b7DvjKRfhMGyUejtSgOHTclF/eONr8hcgF1APEDjhxIsfdUYYMzC3rvLwGluqLjbwCFZ8nxrog==
+
+"@rushstack/rig-package@0.7.2":
+  version "0.7.2"
+  resolved "https://registry.yarnpkg.com/@rushstack/rig-package/-/rig-package-0.7.2.tgz#1ab5b3b5f59a753385b78dd89c077b9b8776987b"
+  integrity sha512-9XbFWuqMYcHUso4mnETfhGVUSaADBRj6HUAAEYk50nMPn8WRICmBuCphycQGNB3duIR6EEZX3Xj3SYc2XiP+9A==
   dependencies:
-    "@rollup/pluginutils" "^3.0.8"
-    "@types/resolve" "0.0.8"
-    builtin-modules "^3.1.0"
-    is-module "^1.0.0"
-    resolve "^1.14.2"
+    resolve "~1.22.1"
+    strip-json-comments "~3.1.1"
 
-"@rollup/plugin-replace@^2.3.1":
-  version "2.4.2"
-  resolved "https://registry.yarnpkg.com/@rollup/plugin-replace/-/plugin-replace-2.4.2.tgz#a2d539314fbc77c244858faa523012825068510a"
-  integrity sha512-IGcu+cydlUMZ5En85jxHH4qj2hta/11BHq95iHEyb2sbgiN0eCdzvUcHw5gt9pBL5lTi4JDYJ1acCoMGpTvEZg==
+"@rushstack/terminal@0.22.4":
+  version "0.22.4"
+  resolved "https://registry.yarnpkg.com/@rushstack/terminal/-/terminal-0.22.4.tgz#c297b1b2faa2a23251f42f5e18eb558011bbec59"
+  integrity sha512-fhtLjnXCc/4WleVbVl6aoc7jcWnU6yqjS1S8WoaNREG3ycu/viZ9R/9QM7Y/b4CDvcXoiDyMNIay7JMwBptM3g==
   dependencies:
-    "@rollup/pluginutils" "^3.1.0"
-    magic-string "^0.25.7"
+    "@rushstack/node-core-library" "5.21.0"
+    "@rushstack/problem-matcher" "0.2.1"
+    supports-color "~8.1.1"
 
-"@rollup/pluginutils@^3.0.8", "@rollup/pluginutils@^3.1.0":
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/@rollup/pluginutils/-/pluginutils-3.1.0.tgz#706b4524ee6dc8b103b3c995533e5ad680c02b9b"
-  integrity sha512-GksZ6pr6TpIjHm8h9lSQ8pi8BE9VeubNT0OMJ3B5uZJ8pz73NPiqOtCog/x2/QzM1ENChPKxMDhiQuRHsqc+lg==
+"@rushstack/ts-command-line@5.3.4":
+  version "5.3.4"
+  resolved "https://registry.yarnpkg.com/@rushstack/ts-command-line/-/ts-command-line-5.3.4.tgz#1fb28abaeab258a21127ef7889be384346e4077d"
+  integrity sha512-MLkVKVEN6/2clKTrjN2B2KqKCuPxRwnNsWY7a+FCAq2EMdkj10cM8YgiBSMeGFfzM0mDMzargpHNnNzaBi9Whg==
   dependencies:
-    "@types/estree" "0.0.39"
-    estree-walker "^1.0.1"
-    picomatch "^2.2.2"
+    "@rushstack/terminal" "0.22.4"
+    "@types/argparse" "1.0.38"
+    argparse "~1.0.9"
+    string-argv "~0.3.1"
 
 "@semantic-release/commit-analyzer@^8.0.0":
   version "8.0.1"
@@ -2040,36 +2225,24 @@
     lodash "^4.17.4"
     read-pkg-up "^7.0.0"
 
-"@sideway/address@^4.1.3":
-  version "4.1.4"
-  resolved "https://registry.yarnpkg.com/@sideway/address/-/address-4.1.4.tgz#03dccebc6ea47fdc226f7d3d1ad512955d4783f0"
-  integrity sha512-7vwq+rOHVWjyXxVlR76Agnvhy8I9rpzjosTESvmhNeXOXdZZB15Fl+TI9x1SiHZH5Jv2wTGduSxFDIaq0m3DUw==
-  dependencies:
-    "@hapi/hoek" "^9.0.0"
+"@sinclair/typebox@^0.27.8":
+  version "0.27.10"
+  resolved "https://registry.yarnpkg.com/@sinclair/typebox/-/typebox-0.27.10.tgz#beefe675f1853f73676aecc915b2bd2ac98c4fc6"
+  integrity sha512-MTBk/3jGLNB2tVxv6uLlFh1iu64iYOQ2PbdOSK3NW8JZsmlaOh2q6sdtKowBhfw8QFLmYNzTW4/oK4uATIi6ZA==
 
-"@sideway/formula@^3.0.1":
+"@sinonjs/commons@^3.0.0":
   version "3.0.1"
-  resolved "https://registry.yarnpkg.com/@sideway/formula/-/formula-3.0.1.tgz#80fcbcbaf7ce031e0ef2dd29b1bfc7c3f583611f"
-  integrity sha512-/poHZJJVjx3L+zVD6g9KgHfYnb443oi7wLu/XKojDviHy6HOEOA6z1Trk5aR1dGcmPenJEgb2sK2I80LeS3MIg==
-
-"@sideway/pinpoint@^2.0.0":
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/@sideway/pinpoint/-/pinpoint-2.0.0.tgz#cff8ffadc372ad29fd3f78277aeb29e632cc70df"
-  integrity sha512-RNiOoTPkptFtSVzQevY/yWtZwf/RxyVnPy/OcA9HBM3MlGDnBEYL5B41H0MTn0Uec8Hi+2qUtTfG2WWZBmMejQ==
-
-"@sinonjs/commons@^1.7.0":
-  version "1.8.6"
-  resolved "https://registry.yarnpkg.com/@sinonjs/commons/-/commons-1.8.6.tgz#80c516a4dc264c2a69115e7578d62581ff455ed9"
-  integrity sha512-Ky+XkAkqPZSm3NLBeUng77EBQl3cmeJhITaGHdYH8kjVB+aun3S4XBRti2zt17mtt0mIUDiNxYeoJm6drVvBJQ==
+  resolved "https://registry.yarnpkg.com/@sinonjs/commons/-/commons-3.0.1.tgz#1029357e44ca901a615585f6d27738dbc89084cd"
+  integrity sha512-K3mCHKQ9sVh8o1C9cxkwxaOmXoAMlDxC1mYyHrjqOWEcBjYr76t96zL2zlj5dUGZ3HSw240X1qgH3Mjf1yJWpQ==
   dependencies:
     type-detect "4.0.8"
 
-"@sinonjs/fake-timers@^6.0.1":
-  version "6.0.1"
-  resolved "https://registry.yarnpkg.com/@sinonjs/fake-timers/-/fake-timers-6.0.1.tgz#293674fccb3262ac782c7aadfdeca86b10c75c40"
-  integrity sha512-MZPUxrmFubI36XS1DI3qmI0YdN1gks62JtFZvxR67ljjSNCeK6U08Zx4msEWOXuofgqUt6zPHSi1H9fbjR/NRA==
+"@sinonjs/fake-timers@^10.0.2":
+  version "10.3.0"
+  resolved "https://registry.yarnpkg.com/@sinonjs/fake-timers/-/fake-timers-10.3.0.tgz#55fdff1ecab9f354019129daf4df0dd4d923ea66"
+  integrity sha512-V4BG07kuYSUkTCSBHG8G8TNhM+F19jXFWnQtzj+we8DrkpSBCee9Z3Ms8yiGer/dlmhe35/Xdgyo3/0rQKg7YA==
   dependencies:
-    "@sinonjs/commons" "^1.7.0"
+    "@sinonjs/commons" "^3.0.0"
 
 "@splidejs/react-splide@^0.7.12":
   version "0.7.12"
@@ -2083,133 +2256,25 @@
   resolved "https://registry.npmjs.org/@splidejs/splide/-/splide-4.1.4.tgz#02d029360569e7d75d28357a9727fc48322015a3"
   integrity sha512-5I30evTJcAJQXt6vJ26g2xEkG+l1nXcpEw4xpKh0/FWQ8ozmAeTbtniVtVmz2sH1Es3vgfC4SS8B2X4o5JMptA==
 
-"@surma/rollup-plugin-off-main-thread@^1.1.1":
-  version "1.4.2"
-  resolved "https://registry.yarnpkg.com/@surma/rollup-plugin-off-main-thread/-/rollup-plugin-off-main-thread-1.4.2.tgz#e6786b6af5799f82f7ab3a82e53f6182d2b91a58"
-  integrity sha512-yBMPqmd1yEJo/280PAMkychuaALyQ9Lkb5q1ck3mjJrFuEobIfhnQ4J3mbvBoISmR3SWMWV+cGB/I0lCQee79A==
-  dependencies:
-    ejs "^2.6.1"
-    magic-string "^0.25.0"
-
-"@svgr/babel-plugin-add-jsx-attribute@^5.4.0":
-  version "5.4.0"
-  resolved "https://registry.yarnpkg.com/@svgr/babel-plugin-add-jsx-attribute/-/babel-plugin-add-jsx-attribute-5.4.0.tgz#81ef61947bb268eb9d50523446f9c638fb355906"
-  integrity sha512-ZFf2gs/8/6B8PnSofI0inYXr2SDNTDScPXhN7k5EqD4aZ3gi6u+rbmZHVB8IM3wDyx8ntKACZbtXSm7oZGRqVg==
-
-"@svgr/babel-plugin-remove-jsx-attribute@^5.4.0":
-  version "5.4.0"
-  resolved "https://registry.yarnpkg.com/@svgr/babel-plugin-remove-jsx-attribute/-/babel-plugin-remove-jsx-attribute-5.4.0.tgz#6b2c770c95c874654fd5e1d5ef475b78a0a962ef"
-  integrity sha512-yaS4o2PgUtwLFGTKbsiAy6D0o3ugcUhWK0Z45umJ66EPWunAz9fuFw2gJuje6wqQvQWOTJvIahUwndOXb7QCPg==
-
-"@svgr/babel-plugin-remove-jsx-empty-expression@^5.0.1":
-  version "5.0.1"
-  resolved "https://registry.yarnpkg.com/@svgr/babel-plugin-remove-jsx-empty-expression/-/babel-plugin-remove-jsx-empty-expression-5.0.1.tgz#25621a8915ed7ad70da6cea3d0a6dbc2ea933efd"
-  integrity sha512-LA72+88A11ND/yFIMzyuLRSMJ+tRKeYKeQ+mR3DcAZ5I4h5CPWN9AHyUzJbWSYp/u2u0xhmgOe0+E41+GjEueA==
-
-"@svgr/babel-plugin-replace-jsx-attribute-value@^5.0.1":
-  version "5.0.1"
-  resolved "https://registry.yarnpkg.com/@svgr/babel-plugin-replace-jsx-attribute-value/-/babel-plugin-replace-jsx-attribute-value-5.0.1.tgz#0b221fc57f9fcd10e91fe219e2cd0dd03145a897"
-  integrity sha512-PoiE6ZD2Eiy5mK+fjHqwGOS+IXX0wq/YDtNyIgOrc6ejFnxN4b13pRpiIPbtPwHEc+NT2KCjteAcq33/F1Y9KQ==
-
-"@svgr/babel-plugin-svg-dynamic-title@^5.4.0":
-  version "5.4.0"
-  resolved "https://registry.yarnpkg.com/@svgr/babel-plugin-svg-dynamic-title/-/babel-plugin-svg-dynamic-title-5.4.0.tgz#139b546dd0c3186b6e5db4fefc26cb0baea729d7"
-  integrity sha512-zSOZH8PdZOpuG1ZVx/cLVePB2ibo3WPpqo7gFIjLV9a0QsuQAzJiwwqmuEdTaW2pegyBE17Uu15mOgOcgabQZg==
-
-"@svgr/babel-plugin-svg-em-dimensions@^5.4.0":
-  version "5.4.0"
-  resolved "https://registry.yarnpkg.com/@svgr/babel-plugin-svg-em-dimensions/-/babel-plugin-svg-em-dimensions-5.4.0.tgz#6543f69526632a133ce5cabab965deeaea2234a0"
-  integrity sha512-cPzDbDA5oT/sPXDCUYoVXEmm3VIoAWAPT6mSPTJNbQaBNUuEKVKyGH93oDY4e42PYHRW67N5alJx/eEol20abw==
-
-"@svgr/babel-plugin-transform-react-native-svg@^5.4.0":
-  version "5.4.0"
-  resolved "https://registry.yarnpkg.com/@svgr/babel-plugin-transform-react-native-svg/-/babel-plugin-transform-react-native-svg-5.4.0.tgz#00bf9a7a73f1cad3948cdab1f8dfb774750f8c80"
-  integrity sha512-3eYP/SaopZ41GHwXma7Rmxcv9uRslRDTY1estspeB1w1ueZWd/tPlMfEOoccYpEMZU3jD4OU7YitnXcF5hLW2Q==
-
-"@svgr/babel-plugin-transform-svg-component@^5.5.0":
-  version "5.5.0"
-  resolved "https://registry.yarnpkg.com/@svgr/babel-plugin-transform-svg-component/-/babel-plugin-transform-svg-component-5.5.0.tgz#583a5e2a193e214da2f3afeb0b9e8d3250126b4a"
-  integrity sha512-q4jSH1UUvbrsOtlo/tKcgSeiCHRSBdXoIoqX1pgcKK/aU3JD27wmMKwGtpB8qRYUYoyXvfGxUVKchLuR5pB3rQ==
-
-"@svgr/babel-preset@^5.5.0":
-  version "5.5.0"
-  resolved "https://registry.yarnpkg.com/@svgr/babel-preset/-/babel-preset-5.5.0.tgz#8af54f3e0a8add7b1e2b0fcd5a882c55393df327"
-  integrity sha512-4FiXBjvQ+z2j7yASeGPEi8VD/5rrGQk4Xrq3EdJmoZgz/tpqChpo5hgXDvmEauwtvOc52q8ghhZK4Oy7qph4ig==
-  dependencies:
-    "@svgr/babel-plugin-add-jsx-attribute" "^5.4.0"
-    "@svgr/babel-plugin-remove-jsx-attribute" "^5.4.0"
-    "@svgr/babel-plugin-remove-jsx-empty-expression" "^5.0.1"
-    "@svgr/babel-plugin-replace-jsx-attribute-value" "^5.0.1"
-    "@svgr/babel-plugin-svg-dynamic-title" "^5.4.0"
-    "@svgr/babel-plugin-svg-em-dimensions" "^5.4.0"
-    "@svgr/babel-plugin-transform-react-native-svg" "^5.4.0"
-    "@svgr/babel-plugin-transform-svg-component" "^5.5.0"
-
-"@svgr/core@^5.5.0":
-  version "5.5.0"
-  resolved "https://registry.yarnpkg.com/@svgr/core/-/core-5.5.0.tgz#82e826b8715d71083120fe8f2492ec7d7874a579"
-  integrity sha512-q52VOcsJPvV3jO1wkPtzTuKlvX7Y3xIcWRpCMtBF3MrteZJtBfQw/+u0B1BHy5ColpQc1/YVTrPEtSYIMNZlrQ==
-  dependencies:
-    "@svgr/plugin-jsx" "^5.5.0"
-    camelcase "^6.2.0"
-    cosmiconfig "^7.0.0"
-
-"@svgr/hast-util-to-babel-ast@^5.5.0":
-  version "5.5.0"
-  resolved "https://registry.yarnpkg.com/@svgr/hast-util-to-babel-ast/-/hast-util-to-babel-ast-5.5.0.tgz#5ee52a9c2533f73e63f8f22b779f93cd432a5461"
-  integrity sha512-cAaR/CAiZRB8GP32N+1jocovUtvlj0+e65TB50/6Lcime+EA49m/8l+P2ko+XPJ4dw3xaPS3jOL4F2X4KWxoeQ==
-  dependencies:
-    "@babel/types" "^7.12.6"
-
-"@svgr/plugin-jsx@^5.5.0":
-  version "5.5.0"
-  resolved "https://registry.yarnpkg.com/@svgr/plugin-jsx/-/plugin-jsx-5.5.0.tgz#1aa8cd798a1db7173ac043466d7b52236b369000"
-  integrity sha512-V/wVh33j12hGh05IDg8GpIUXbjAPnTdPTKuP4VNLggnwaHMPNQNae2pRnyTAILWCQdz5GyMqtO488g7CKM8CBA==
-  dependencies:
-    "@babel/core" "^7.12.3"
-    "@svgr/babel-preset" "^5.5.0"
-    "@svgr/hast-util-to-babel-ast" "^5.5.0"
-    svg-parser "^2.0.2"
-
-"@svgr/plugin-svgo@^5.5.0":
-  version "5.5.0"
-  resolved "https://registry.yarnpkg.com/@svgr/plugin-svgo/-/plugin-svgo-5.5.0.tgz#02da55d85320549324e201c7b2e53bf431fcc246"
-  integrity sha512-r5swKk46GuQl4RrVejVwpeeJaydoxkdwkM1mBKOgJLBUJPGaLci6ylg/IjhrRsREKDkr4kbMWdgOtbXEh0fyLQ==
-  dependencies:
-    cosmiconfig "^7.0.0"
-    deepmerge "^4.2.2"
-    svgo "^1.2.2"
-
-"@svgr/webpack@5.5.0":
-  version "5.5.0"
-  resolved "https://registry.yarnpkg.com/@svgr/webpack/-/webpack-5.5.0.tgz#aae858ee579f5fa8ce6c3166ef56c6a1b381b640"
-  integrity sha512-DOBOK255wfQxguUta2INKkzPj6AIS6iafZYiYmHn6W3pHlycSRRlvWKCfLDG10fXfLWqE3DJHgRUOyJYmARa7g==
-  dependencies:
-    "@babel/core" "^7.12.3"
-    "@babel/plugin-transform-react-constant-elements" "^7.12.1"
-    "@babel/preset-env" "^7.12.1"
-    "@babel/preset-react" "^7.12.5"
-    "@svgr/core" "^5.5.0"
-    "@svgr/plugin-jsx" "^5.5.0"
-    "@svgr/plugin-svgo" "^5.5.0"
-    loader-utils "^2.0.0"
-
-"@tippyjs/react@4.1.0":
-  version "4.1.0"
-  resolved "https://registry.yarnpkg.com/@tippyjs/react/-/react-4.1.0.tgz#be4e826ac198d2394a5ffed3508ca9c098c527f1"
-  integrity sha512-g6Dpm46edr9T9z+BYxd/eJZa6QMFc4T4z5xrztxVlkti7AhNYf7OaE6b3Nh+boUZZ9wn8xkNq9VrQM5K4huwnQ==
-  dependencies:
-    tippy.js "^6.2.0"
-
 "@tootallnate/once@1":
   version "1.1.2"
   resolved "https://registry.yarnpkg.com/@tootallnate/once/-/once-1.1.2.tgz#ccb91445360179a04e7fe6aff78c00ffc1eeaf82"
   integrity sha512-RbzJvlNzmRq5c3O09UipeuXno4tA1FE6ikOjxZK0tuxVv3412l64l5t1W5pj4+rJq9vpkm/kwiR07aZXnsKPxw==
 
-"@types/babel__core@^7.0.0", "@types/babel__core@^7.1.7":
-  version "7.20.4"
-  resolved "https://registry.yarnpkg.com/@types/babel__core/-/babel__core-7.20.4.tgz#26a87347e6c6f753b3668398e34496d6d9ac6ac0"
-  integrity sha512-mLnSC22IC4vcWiuObSRjrLd9XcBTGf59vUSoq2jkQDJ/QQ8PMI9rSuzE+aEV8karUMbskw07bKYoUJCKTUaygg==
+"@tootallnate/once@2":
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/@tootallnate/once/-/once-2.0.0.tgz#f544a148d3ab35801c1f633a7441fd87c2e484bf"
+  integrity sha512-XCuKFP5PS55gnMVu3dty8KPatLqUoy/ZYzDzAGCQ8JNFCkLXzmI7vNHCR+XpbZaMWQK/vQubr7PkYq8g470J/A==
+
+"@types/argparse@1.0.38":
+  version "1.0.38"
+  resolved "https://registry.yarnpkg.com/@types/argparse/-/argparse-1.0.38.tgz#a81fd8606d481f873a3800c6ebae4f1d768a56a9"
+  integrity sha512-ebDJ9b0e702Yr7pWgB0jzm+CX4Srzz8RcXtLJDJB+BSccqMa36uyH/zUsSYao5+BD1ytv3k3rPYCq4mAE1hsXA==
+
+"@types/babel__core@^7.1.14", "@types/babel__core@^7.20.5":
+  version "7.20.5"
+  resolved "https://registry.yarnpkg.com/@types/babel__core/-/babel__core-7.20.5.tgz#3df15f27ba85319caa07ba08d0721889bb39c017"
+  integrity sha512-qoQprZvz5wQFJwMDqeseRXWv3rqMvhgpbXFfVyWhbx9X47POIA6i/+dXefEmZKoAgOaTdaIgNSMqMIU61yRyzA==
   dependencies:
     "@babel/parser" "^7.20.7"
     "@babel/types" "^7.20.7"
@@ -2232,55 +2297,55 @@
     "@babel/parser" "^7.1.0"
     "@babel/types" "^7.0.0"
 
-"@types/babel__traverse@*", "@types/babel__traverse@^7.0.4", "@types/babel__traverse@^7.0.6":
+"@types/babel__traverse@*", "@types/babel__traverse@^7.0.6":
   version "7.20.4"
   resolved "https://registry.yarnpkg.com/@types/babel__traverse/-/babel__traverse-7.20.4.tgz#ec2c06fed6549df8bc0eb4615b683749a4a92e1b"
   integrity sha512-mSM/iKUk5fDDrEV/e83qY+Cr3I1+Q3qqTuEn++HAWYjEa1+NxZr6CNrcJGf2ZTnq4HoFGC3zaTPZTobCzCFukA==
   dependencies:
     "@babel/types" "^7.20.7"
 
-"@types/canvas-confetti@1.6.0":
-  version "1.6.0"
-  resolved "https://registry.yarnpkg.com/@types/canvas-confetti/-/canvas-confetti-1.6.0.tgz#c525f22f1042e73dec6a7e86c1f5bb0191c09fea"
-  integrity sha512-Yq6rIccwcco0TLD5SMUrIM7Fk7Fe/C0jmNRxJJCLtAF6gebDkPuUjK5EHedxecm69Pi/aA+It39Ux4OHmFhjRw==
+"@types/canvas-confetti@^1.6.4":
+  version "1.9.0"
+  resolved "https://registry.yarnpkg.com/@types/canvas-confetti/-/canvas-confetti-1.9.0.tgz#d1077752e046413c9881fbb2ba34a70ebe3c1773"
+  integrity sha512-aBGj/dULrimR1XDZLtG9JwxX1b4HPRF6CX9Yfwh3NvstZEm1ZL7RBnel4keCPSqs1ANRu1u2Aoz9R+VmtjYuTg==
 
-"@types/eslint@^7.29.0":
-  version "7.29.0"
-  resolved "https://registry.yarnpkg.com/@types/eslint/-/eslint-7.29.0.tgz#e56ddc8e542815272720bb0b4ccc2aff9c3e1c78"
-  integrity sha512-VNcvioYDH8/FxaeTKkM4/TiTwt6pBV9E3OfGmvaw8tPl0rrHCJ4Ll15HRT+pMiFAf/MLQvAzC+6RzUMEL9Ceng==
+"@types/debug@^4.0.0":
+  version "4.1.13"
+  resolved "https://registry.yarnpkg.com/@types/debug/-/debug-4.1.13.tgz#22d1cc9d542d3593caea764f974306ab36286ee7"
+  integrity sha512-KSVgmQmzMwPlmtljOomayoR89W4FynCAi3E8PPs7vmDVPe84hT+vGPKkJfThkmXs0x0jAaa9U8uW8bbfyS2fWw==
   dependencies:
-    "@types/estree" "*"
-    "@types/json-schema" "*"
+    "@types/ms" "*"
 
-"@types/estree@*":
+"@types/estree-jsx@^1.0.0":
   version "1.0.5"
-  resolved "https://registry.yarnpkg.com/@types/estree/-/estree-1.0.5.tgz#a6ce3e556e00fd9895dd872dd172ad0d4bd687f4"
-  integrity sha512-/kYRxGDLWzHOB7q+wtSUQlFrtcdUccpfy+X+9iMBpHK8QLLhx2wIPYuS5DYtR9Wa/YlZAbIovy7qVdB1Aq6Lyw==
+  resolved "https://registry.yarnpkg.com/@types/estree-jsx/-/estree-jsx-1.0.5.tgz#858a88ea20f34fe65111f005a689fa1ebf70dc18"
+  integrity sha512-52CcUVNFyfb1A2ALocQw/Dd1BQFNmSdkuC3BkZ6iqhdMfQz7JWOFRuJFloOzjk+6WijU56m9oKXFAXc7o3Towg==
+  dependencies:
+    "@types/estree" "*"
 
-"@types/estree@0.0.39":
-  version "0.0.39"
-  resolved "https://registry.yarnpkg.com/@types/estree/-/estree-0.0.39.tgz#e177e699ee1b8c22d23174caaa7422644389509f"
-  integrity sha512-EYNwp3bU+98cpU4lAWYYL7Zz+2gryWH1qbdDTidVd6hkiR6weksdbMadyXKXNPEkQFhXM+hVO9ZygomHXp+AIw==
+"@types/estree@*":
+  version "1.0.9"
+  resolved "https://registry.yarnpkg.com/@types/estree/-/estree-1.0.9.tgz#cf3f0e876d7bee15a93ab925b82bf570a3904a24"
+  integrity sha512-GhdPgy1el4/ImP05X05Uw4cw2/M93BCUmnEvWZNStlCzEKME4Fkk+YpoA5OiHNQmoS7Cafb8Xa3Pya8m1Qrzeg==
 
-"@types/glob@^7.1.1":
-  version "7.2.0"
-  resolved "https://registry.yarnpkg.com/@types/glob/-/glob-7.2.0.tgz#bc1b5bf3aa92f25bd5dd39f35c57361bdce5b2eb"
-  integrity sha512-ZUxbzKl0IfJILTS6t7ip5fQQM/J3TJYubDm3nMbgubNNYS62eXeUpoLUC8/7fJNiFYHTrGPQn7hspDUzIHX3UA==
-  dependencies:
-    "@types/minimatch" "*"
-    "@types/node" "*"
+"@types/estree@1.0.8", "@types/estree@^1.0.0":
+  version "1.0.8"
+  resolved "https://registry.yarnpkg.com/@types/estree/-/estree-1.0.8.tgz#958b91c991b1867ced318bedea0e215ee050726e"
+  integrity sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w==
 
-"@types/graceful-fs@^4.1.2":
+"@types/graceful-fs@^4.1.3":
   version "4.1.9"
   resolved "https://registry.yarnpkg.com/@types/graceful-fs/-/graceful-fs-4.1.9.tgz#2a06bc0f68a20ab37b3e36aa238be6abdf49e8b4"
   integrity sha512-olP3sd1qOEe5dXTSaFvQG+02VdRXcdytWLAZsAq1PecU8uqQAhkrnbli7DagjtXKW/Bl7YJbUsa8MPcuc8LHEQ==
   dependencies:
     "@types/node" "*"
 
-"@types/html-minifier-terser@^5.0.0":
-  version "5.1.2"
-  resolved "https://registry.yarnpkg.com/@types/html-minifier-terser/-/html-minifier-terser-5.1.2.tgz#693b316ad323ea97eed6b38ed1a3cc02b1672b57"
-  integrity sha512-h4lTMgMJctJybDp8CQrxTUiiYmedihHWkjnF/8Pxseu2S6Nlfcy8kwboQ8yejh456rP2yWoEVm1sS/FVsfM48w==
+"@types/hast@^3.0.0":
+  version "3.0.4"
+  resolved "https://registry.yarnpkg.com/@types/hast/-/hast-3.0.4.tgz#1d6b39993b82cea6ad783945b0508c25903e15aa"
+  integrity sha512-WPs+bbQw5aCj+x6laNGWLH3wviHtoCv/P3+otBhbOhJgG8qtpdAMlTCxLtsTWA7LH1Oh/bFCHsBn0TPS5m30EQ==
+  dependencies:
+    "@types/unist" "*"
 
 "@types/istanbul-lib-coverage@*", "@types/istanbul-lib-coverage@^2.0.0", "@types/istanbul-lib-coverage@^2.0.1":
   version "2.0.6"
@@ -2301,33 +2366,37 @@
   dependencies:
     "@types/istanbul-lib-report" "*"
 
-"@types/json-schema@*", "@types/json-schema@^7.0.3", "@types/json-schema@^7.0.4", "@types/json-schema@^7.0.5", "@types/json-schema@^7.0.7", "@types/json-schema@^7.0.8":
-  version "7.0.15"
-  resolved "https://registry.yarnpkg.com/@types/json-schema/-/json-schema-7.0.15.tgz#596a1747233694d50f6ad8a7869fcb6f56cf5841"
-  integrity sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==
+"@types/jsdom@^20.0.0":
+  version "20.0.1"
+  resolved "https://registry.yarnpkg.com/@types/jsdom/-/jsdom-20.0.1.tgz#07c14bc19bd2f918c1929541cdaacae894744808"
+  integrity sha512-d0r18sZPmMQr1eG35u12FZfhIXNrnsPU/g5wvRKCUf/tOGilKKwYMYGqh33BNR6ba+2gkHw1EUiHoN3mn7E5IQ==
+  dependencies:
+    "@types/node" "*"
+    "@types/tough-cookie" "*"
+    parse5 "^7.0.0"
 
 "@types/json5@^0.0.29":
   version "0.0.29"
   resolved "https://registry.yarnpkg.com/@types/json5/-/json5-0.0.29.tgz#ee28707ae94e11d2b827bcbe5270bcea7f3e71ee"
   integrity sha512-dRLjCWHYg4oaA77cxO64oO+7JwCwnIzkZPdrrC71jQmQtlhM556pwKo5bUzqvZndkVbeFLIIi+9TC40JNF5hNQ==
 
-"@types/mdast@^3.0.0":
-  version "3.0.15"
-  resolved "https://registry.yarnpkg.com/@types/mdast/-/mdast-3.0.15.tgz#49c524a263f30ffa28b71ae282f813ed000ab9f5"
-  integrity sha512-LnwD+mUEfxWMa1QpDraczIn6k0Ee3SMicuYSSzS6ZYl2gKS09EClnJYGd8Du6rfc5r/GZEk5o1mRb8TaTj03sQ==
+"@types/mdast@^4.0.0":
+  version "4.0.4"
+  resolved "https://registry.yarnpkg.com/@types/mdast/-/mdast-4.0.4.tgz#7ccf72edd2f1aa7dd3437e180c64373585804dd6"
+  integrity sha512-kGaNbPh1k7AFzgpud/gMdvIm5xuECykRR+JnWKQno9TAXVa6WIVCGTPvYGekIDL4uwCZQSYbUxNBSb1aUo79oA==
   dependencies:
-    "@types/unist" "^2"
-
-"@types/minimatch@*":
-  version "5.1.2"
-  resolved "https://registry.yarnpkg.com/@types/minimatch/-/minimatch-5.1.2.tgz#07508b45797cb81ec3f273011b054cd0755eddca"
-  integrity sha512-K0VQKziLUWkVKiRVrx4a40iPaxTUefQmjtkQofBkYRcoaaL/8rhwDWww9qWbrgicNOgnpIsMxyNIUM4+n6dUIA==
+    "@types/unist" "*"
 
 "@types/minimist@^1.2.0":
   version "1.2.5"
   resolved "https://registry.yarnpkg.com/@types/minimist/-/minimist-1.2.5.tgz#ec10755e871497bcd83efe927e43ec46e8c0747e"
   integrity sha512-hov8bUuiLiyFPGyFPE1lwWhmzYbirOXQNNo40+y3zow8aFVTeyn3VWL0VFFfdNddA8S4Vf0Tc062rzyNr7Paag==
 
+"@types/ms@*":
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/@types/ms/-/ms-2.1.0.tgz#052aa67a48eccc4309d7f0191b7e41434b90bb78"
+  integrity sha512-GsCCIZDE/p3i96vtEqx+7dBUGXrc7zeSK3wwPHIaRThS+9OhWIXRqzs4d6k1SVU8g91DrNRWxWUGhp5KXQb2VA==
+
 "@types/node@*":
   version "20.9.0"
   resolved "https://registry.yarnpkg.com/@types/node/-/node-20.9.0.tgz#bfcdc230583aeb891cf51e73cfdaacdd8deae298"
@@ -2345,450 +2414,179 @@
   resolved "https://registry.yarnpkg.com/@types/parse-json/-/parse-json-4.0.2.tgz#5950e50960793055845e956c427fc2b0d70c5239"
   integrity sha512-dISoDXWWQwUquiKsyZ4Ng+HX2KsPL7LyHKHQwgGFEA3IaKac4Obd+h2a/a6waisAoepJlBcx9paWqjA8/HVjCw==
 
-"@types/prettier@^2.0.0":
-  version "2.7.3"
-  resolved "https://registry.yarnpkg.com/@types/prettier/-/prettier-2.7.3.tgz#3e51a17e291d01d17d3fc61422015a933af7a08f"
-  integrity sha512-+68kP9yzs4LMp7VNh8gdzMSPZFL44MLGqiHWvttYJe+6qnuVr4Ek9wSBQoveqY/r+LwjCcU29kNVkidwim+kYA==
-
-"@types/q@^1.5.1":
-  version "1.5.8"
-  resolved "https://registry.yarnpkg.com/@types/q/-/q-1.5.8.tgz#95f6c6a08f2ad868ba230ead1d2d7f7be3db3837"
-  integrity sha512-hroOstUScF6zhIi+5+x0dzqrHA1EJi+Irri6b1fxolMTqqHIV/Cg77EtnQcZqZCu8hR3mX2BzIxN4/GzI68Kfw==
-
-"@types/resolve@0.0.8":
-  version "0.0.8"
-  resolved "https://registry.yarnpkg.com/@types/resolve/-/resolve-0.0.8.tgz#f26074d238e02659e323ce1a13d041eee280e194"
-  integrity sha512-auApPaJf3NPfe18hSoJkp8EbZzer2ISk7o8mCC3M9he/a04+gbMF97NkpD2S8riMGvm4BMRI59/SZQSaLTKpsQ==
-  dependencies:
-    "@types/node" "*"
-
 "@types/retry@0.12.0":
   version "0.12.0"
   resolved "https://registry.yarnpkg.com/@types/retry/-/retry-0.12.0.tgz#2b35eccfcee7d38cd72ad99232fbd58bffb3c84d"
   integrity sha512-wWKOClTTiizcZhXnPY4wikVAwmdYHp8q6DmC+EJUzAMsycb7HB32Kh9RN4+0gExjmPmZSAQjgURXIGATPegAvA==
 
-"@types/source-list-map@*":
-  version "0.1.5"
-  resolved "https://registry.yarnpkg.com/@types/source-list-map/-/source-list-map-0.1.5.tgz#1ec07192b889558a410833b237e595a906e5e349"
-  integrity sha512-cHBTLeIGIREJx839cDfMLKWao+FaJOlaPz4mnFHXUzShS8sXhzw6irhvIpYvp28TbTmTeAt3v+QgHMANsGbQtA==
-
 "@types/stack-utils@^2.0.0":
   version "2.0.3"
   resolved "https://registry.yarnpkg.com/@types/stack-utils/-/stack-utils-2.0.3.tgz#6209321eb2c1712a7e7466422b8cb1fc0d9dd5d8"
   integrity sha512-9aEbYZ3TbYMznPdcdr3SmIrLXwC/AKZXQeCf9Pgao5CKb8CyHuEX5jzWPTkvregvhRJHcpRO6BFoGW9ycaOkYw==
 
-"@types/tapable@^1", "@types/tapable@^1.0.5":
-  version "1.0.11"
-  resolved "https://registry.yarnpkg.com/@types/tapable/-/tapable-1.0.11.tgz#934bb63dc2b1c869c4800970a64be236fb4f2947"
-  integrity sha512-R3ltemSqZ/TKOBeyy+GBfZCLX3AYpxqarIbUMNe7+lxdazJp4iWLFpmjgBeZoRiKrWNImer1oWOlG2sDR6vGaw==
-
-"@types/uglify-js@*":
-  version "3.17.4"
-  resolved "https://registry.yarnpkg.com/@types/uglify-js/-/uglify-js-3.17.4.tgz#3c70021f08023e5a760ce133d22966f200e1d31c"
-  integrity sha512-Hm/T0kV3ywpJyMGNbsItdivRhYNCQQf1IIsYsXnoVPES4t+FMLyDe0/K+Ea7ahWtMtSNb22ZdY7MIyoD9rqARg==
-  dependencies:
-    source-map "^0.6.1"
-
-"@types/unist@^2", "@types/unist@^2.0.0", "@types/unist@^2.0.2":
-  version "2.0.10"
-  resolved "https://registry.yarnpkg.com/@types/unist/-/unist-2.0.10.tgz#04ffa7f406ab628f7f7e97ca23e290cd8ab15efc"
-  integrity sha512-IfYcSBWE3hLpBg8+X2SEa8LVkJdJEkT2Ese2aaLs3ptGdVtABxndrMaxuFlQ1qdFf9Q5rDvDpxI3WwgvKFAsQA==
+"@types/stylis@4.2.7":
+  version "4.2.7"
+  resolved "https://registry.yarnpkg.com/@types/stylis/-/stylis-4.2.7.tgz#1813190525da9d2a2b6976583bdd4af5301d9fd4"
+  integrity sha512-VgDNokpBoKF+wrdvhAAfS55OMQpL6QRglwTwNC3kIgBrzZxA4WsFj+2eLfEA/uMUDzBcEhYmjSbwQakn/i3ajA==
 
-"@types/webpack-sources@*":
-  version "3.2.3"
-  resolved "https://registry.yarnpkg.com/@types/webpack-sources/-/webpack-sources-3.2.3.tgz#b667bd13e9fa15a9c26603dce502c7985418c3d8"
-  integrity sha512-4nZOdMwSPHZ4pTEZzSp0AsTM4K7Qmu40UKW4tJDiOVs20UzYF9l+qUe4s0ftfN0pin06n+5cWWDJXH+sbhAiDw==
-  dependencies:
-    "@types/node" "*"
-    "@types/source-list-map" "*"
-    source-map "^0.7.3"
+"@types/tough-cookie@*":
+  version "4.0.5"
+  resolved "https://registry.yarnpkg.com/@types/tough-cookie/-/tough-cookie-4.0.5.tgz#cb6e2a691b70cb177c6e3ae9c1d2e8b2ea8cd304"
+  integrity sha512-/Ad8+nIOV7Rl++6f1BdKxFSMgmoqEoYbHRpPcx3JEfv8VRsQe9Z4mCXeJBzxs7mbHY/XOZZuXlRNfhpVPbs6ZA==
 
-"@types/webpack@^4.4.31":
-  version "4.41.40"
-  resolved "https://registry.yarnpkg.com/@types/webpack/-/webpack-4.41.40.tgz#41ea11cfafe08de24c3ef410c58976350667e2d1"
-  integrity sha512-u6kMFSBM9HcoTpUXnL6mt2HSzftqb3JgYV6oxIgL2dl6sX6aCa5k6SOkzv5DuZjBTPUE/dJltKtwwuqrkZHpfw==
-  dependencies:
-    "@types/node" "*"
-    "@types/tapable" "^1"
-    "@types/uglify-js" "*"
-    "@types/webpack-sources" "*"
-    anymatch "^3.0.0"
-    source-map "^0.6.0"
+"@types/unist@*", "@types/unist@^3.0.0":
+  version "3.0.3"
+  resolved "https://registry.yarnpkg.com/@types/unist/-/unist-3.0.3.tgz#acaab0f919ce69cce629c2d4ed2eb4adc1b6c20c"
+  integrity sha512-ko/gIFJRv177XgZsZcBwnqJN5x/Gien8qNOn0D5bQU/zAzVf9Zt3BlcUiLqhV9y4ARk0GbT3tnUiPNgnTXzc/Q==
 
-"@types/webpack@^4.41.8":
-  version "4.41.36"
-  resolved "https://registry.yarnpkg.com/@types/webpack/-/webpack-4.41.36.tgz#30d039ca41d155d8aeba6cd2bcbe32e78bb5bef2"
-  integrity sha512-pF+DVW1pMLmgsPXqJr5QimdxIzOhe8oGKB98gdqAm0egKBy1lOLD5mRxbYboMQRkpYcG7BYcpqYblpKyvE7vhQ==
-  dependencies:
-    "@types/node" "*"
-    "@types/tapable" "^1"
-    "@types/uglify-js" "*"
-    "@types/webpack-sources" "*"
-    anymatch "^3.0.0"
-    source-map "^0.6.0"
+"@types/unist@^2.0.0":
+  version "2.0.11"
+  resolved "https://registry.yarnpkg.com/@types/unist/-/unist-2.0.11.tgz#11af57b127e32487774841f7a4e54eab166d03c4"
+  integrity sha512-CmBKiL6NNo/OqgmMn95Fk9Whlp2mtvIv+KNpQKN2F4SjvrEesubTRWGYSg+BnWZOnlCaSTU1sMpsBOzgbYhnsA==
 
 "@types/yargs-parser@*":
   version "21.0.3"
   resolved "https://registry.yarnpkg.com/@types/yargs-parser/-/yargs-parser-21.0.3.tgz#815e30b786d2e8f0dcd85fd5bcf5e1a04d008f15"
   integrity sha512-I4q9QU9MQv4oEOz4tAHJtNz1cwuLxn2F3xcc2iV5WdqLPpUnj30aUuxt1mAxYTG+oe8CZMV/+6rU4S4gRDzqtQ==
 
-"@types/yargs@^15.0.0":
-  version "15.0.18"
-  resolved "https://registry.yarnpkg.com/@types/yargs/-/yargs-15.0.18.tgz#b7dda4339f4dde367ffe99650e18967108cea321"
-  integrity sha512-DDi2KmvAnNsT/EvU8jp1UR7pOJojBtJ3GLZ/uw1MUq4VbbESppPWoHUY4h0OB4BbEbGJiyEsmUcuZDZtoR+ZwQ==
+"@types/yargs@^17.0.8":
+  version "17.0.35"
+  resolved "https://registry.yarnpkg.com/@types/yargs/-/yargs-17.0.35.tgz#07013e46aa4d7d7d50a49e15604c1c5340d4eb24"
+  integrity sha512-qUHkeCyQFxMXg79wQfTtfndEC+N9ZZg76HJftDJp+qH2tV7Gj4OJi7l+PiWwJ+pWtW8GwSmqsDj/oymhrTWXjg==
   dependencies:
     "@types/yargs-parser" "*"
 
-"@typescript-eslint/eslint-plugin@^4.5.0":
-  version "4.33.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/eslint-plugin/-/eslint-plugin-4.33.0.tgz#c24dc7c8069c7706bc40d99f6fa87edcb2005276"
-  integrity sha512-aINiAxGVdOl1eJyVjaWn/YcVAq4Gi/Yo35qHGCnqbWVz61g39D0h23veY/MA0rFFGfxK7TySg2uwDeNv+JgVpg==
-  dependencies:
-    "@typescript-eslint/experimental-utils" "4.33.0"
-    "@typescript-eslint/scope-manager" "4.33.0"
-    debug "^4.3.1"
-    functional-red-black-tree "^1.0.1"
-    ignore "^5.1.8"
-    regexpp "^3.1.0"
-    semver "^7.3.5"
-    tsutils "^3.21.0"
+"@ungap/structured-clone@^1.0.0":
+  version "1.3.1"
+  resolved "https://registry.yarnpkg.com/@ungap/structured-clone/-/structured-clone-1.3.1.tgz#0e8f34854df7966b09304a18e808b23997bb9fc1"
+  integrity sha512-mUFwbeTqrVgDQxFveS+df2yfap6iuP20NAKAsBt5jDEoOTDew+zwLAOilHCeQJOVSvmgCX4ogqIrA0mnyr08yQ==
 
-"@typescript-eslint/experimental-utils@4.33.0", "@typescript-eslint/experimental-utils@^4.0.1":
-  version "4.33.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/experimental-utils/-/experimental-utils-4.33.0.tgz#6f2a786a4209fa2222989e9380b5331b2810f7fd"
-  integrity sha512-zeQjOoES5JFjTnAhI5QY7ZviczMzDptls15GFsI6jyUOq0kOf9+WonkhtlIhh0RgHRnqj5gdNxW5j1EvAyYg6Q==
-  dependencies:
-    "@types/json-schema" "^7.0.7"
-    "@typescript-eslint/scope-manager" "4.33.0"
-    "@typescript-eslint/types" "4.33.0"
-    "@typescript-eslint/typescript-estree" "4.33.0"
-    eslint-scope "^5.1.1"
-    eslint-utils "^3.0.0"
-
-"@typescript-eslint/experimental-utils@^3.10.1":
-  version "3.10.1"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/experimental-utils/-/experimental-utils-3.10.1.tgz#e179ffc81a80ebcae2ea04e0332f8b251345a686"
-  integrity sha512-DewqIgscDzmAfd5nOGe4zm6Bl7PKtMG2Ad0KG8CUZAHlXfAKTF9Ol5PXhiMh39yRL2ChRH1cuuUGOcVyyrhQIw==
-  dependencies:
-    "@types/json-schema" "^7.0.3"
-    "@typescript-eslint/types" "3.10.1"
-    "@typescript-eslint/typescript-estree" "3.10.1"
-    eslint-scope "^5.0.0"
-    eslint-utils "^2.0.0"
-
-"@typescript-eslint/parser@^4.5.0":
-  version "4.33.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/parser/-/parser-4.33.0.tgz#dfe797570d9694e560528d18eecad86c8c744899"
-  integrity sha512-ZohdsbXadjGBSK0/r+d87X0SBmKzOq4/S5nzK6SBgJspFo9/CUDJ7hjayuze+JK7CZQLDMroqytp7pOcFKTxZA==
-  dependencies:
-    "@typescript-eslint/scope-manager" "4.33.0"
-    "@typescript-eslint/types" "4.33.0"
-    "@typescript-eslint/typescript-estree" "4.33.0"
-    debug "^4.3.1"
+"@vitejs/plugin-react@^4.3.1":
+  version "4.7.0"
+  resolved "https://registry.yarnpkg.com/@vitejs/plugin-react/-/plugin-react-4.7.0.tgz#647af4e7bb75ad3add578e762ad984b90f4a24b9"
+  integrity sha512-gUu9hwfWvvEDBBmgtAowQCojwZmJ5mcLn3aufeCsitijs3+f2NsrPtlAWIR6OPiqljl96GVCUbLe0HyqIpVaoA==
+  dependencies:
+    "@babel/core" "^7.28.0"
+    "@babel/plugin-transform-react-jsx-self" "^7.27.1"
+    "@babel/plugin-transform-react-jsx-source" "^7.27.1"
+    "@rolldown/pluginutils" "1.0.0-beta.27"
+    "@types/babel__core" "^7.20.5"
+    react-refresh "^0.17.0"
+
+"@volar/language-core@2.4.28", "@volar/language-core@~2.4.11":
+  version "2.4.28"
+  resolved "https://registry.yarnpkg.com/@volar/language-core/-/language-core-2.4.28.tgz#c21f365a91c1dffe8bd7264fd491770c8d74fef3"
+  integrity sha512-w4qhIJ8ZSitgLAkVay6AbcnC7gP3glYM3fYwKV3srj8m494E3xtrCv6E+bWviiK/8hs6e6t1ij1s2Endql7vzQ==
+  dependencies:
+    "@volar/source-map" "2.4.28"
+
+"@volar/source-map@2.4.28":
+  version "2.4.28"
+  resolved "https://registry.yarnpkg.com/@volar/source-map/-/source-map-2.4.28.tgz#b40254e8c96199e5f1e0796777c593c617ad270e"
+  integrity sha512-yX2BDBqJkRXfKw8my8VarTyjv48QwxdJtvRgUpNE5erCsgEUdI2DsLbpa+rOQVAJYshY99szEcRDmyHbF10ggQ==
+
+"@volar/typescript@^2.4.11":
+  version "2.4.28"
+  resolved "https://registry.yarnpkg.com/@volar/typescript/-/typescript-2.4.28.tgz#83f86356e84eb101b8081a44c104f2f2ced8411f"
+  integrity sha512-Ja6yvWrbis2QtN4ClAKreeUZPVYMARDYZl9LMEv1iQ1QdepB6wn0jTRxA9MftYmYa4DQ4k/DaSZpFPUfxl8giw==
+  dependencies:
+    "@volar/language-core" "2.4.28"
+    path-browserify "^1.0.1"
+    vscode-uri "^3.0.8"
+
+"@vue/compiler-core@3.5.32":
+  version "3.5.32"
+  resolved "https://registry.yarnpkg.com/@vue/compiler-core/-/compiler-core-3.5.32.tgz#5115ca099b04fedd8f623f93b522d914c376cbeb"
+  integrity sha512-4x74Tbtqnda8s/NSD6e1Dr5p1c8HdMU5RWSjMSUzb8RTcUQqevDCxVAitcLBKT+ie3o0Dl9crc/S/opJM7qBGQ==
+  dependencies:
+    "@babel/parser" "^7.29.2"
+    "@vue/shared" "3.5.32"
+    entities "^7.0.1"
+    estree-walker "^2.0.2"
+    source-map-js "^1.2.1"
+
+"@vue/compiler-dom@^3.5.0":
+  version "3.5.32"
+  resolved "https://registry.yarnpkg.com/@vue/compiler-dom/-/compiler-dom-3.5.32.tgz#6069eae2f0d1a38263e9445f3c1da1a06e5f6534"
+  integrity sha512-ybHAu70NtiEI1fvAUz3oXZqkUYEe5J98GjMDpTGl5iHb0T15wQYLR4wE3h9xfuTNA+Cm2f4czfe8B4s+CCH57Q==
+  dependencies:
+    "@vue/compiler-core" "3.5.32"
+    "@vue/shared" "3.5.32"
+
+"@vue/compiler-vue2@^2.7.16":
+  version "2.7.16"
+  resolved "https://registry.yarnpkg.com/@vue/compiler-vue2/-/compiler-vue2-2.7.16.tgz#2ba837cbd3f1b33c2bc865fbe1a3b53fb611e249"
+  integrity sha512-qYC3Psj9S/mfu9uVi5WvNZIzq+xnXMhOwbTFKKDD7b1lhpnn71jXSFdTQ+WsIEk0ONCd7VV2IMm7ONl6tbQ86A==
+  dependencies:
+    de-indent "^1.0.2"
+    he "^1.2.0"
+
+"@vue/language-core@2.2.0":
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/@vue/language-core/-/language-core-2.2.0.tgz#e48c54584f889f78b120ce10a050dfb316c7fcdf"
+  integrity sha512-O1ZZFaaBGkKbsRfnVH1ifOK1/1BUkyK+3SQsfnh6PmMmD4qJcTU8godCeA96jjDRTL6zgnK7YzCHfaUlH2r0Mw==
+  dependencies:
+    "@volar/language-core" "~2.4.11"
+    "@vue/compiler-dom" "^3.5.0"
+    "@vue/compiler-vue2" "^2.7.16"
+    "@vue/shared" "^3.5.0"
+    alien-signals "^0.4.9"
+    minimatch "^9.0.3"
+    muggle-string "^0.4.1"
+    path-browserify "^1.0.1"
+
+"@vue/shared@3.5.32", "@vue/shared@^3.5.0":
+  version "3.5.32"
+  resolved "https://registry.yarnpkg.com/@vue/shared/-/shared-3.5.32.tgz#dd8ba0d709bf3f758c324a81c8897bad5e1540cf"
+  integrity sha512-ksNyrmRQzWJJ8n3cRDuSF7zNNontuJg1YHnmWRJd2AMu8Ij2bqwiiri2lH5rHtYPZjj4STkNcgcmiQqlOjiYGg==
 
-"@typescript-eslint/scope-manager@4.33.0":
-  version "4.33.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/scope-manager/-/scope-manager-4.33.0.tgz#d38e49280d983e8772e29121cf8c6e9221f280a3"
-  integrity sha512-5IfJHpgTsTZuONKbODctL4kKuQje/bzBRkwHE8UOZ4f89Zeddg+EGZs8PD8NcN4LdM3ygHWYB3ukPAYjvl/qbQ==
+JSONStream@^1.0.4:
+  version "1.3.5"
+  resolved "https://registry.yarnpkg.com/JSONStream/-/JSONStream-1.3.5.tgz#3208c1f08d3a4d99261ab64f92302bc15e111ca0"
+  integrity sha512-E+iruNOY8VV9s4JEbe1aNEm6MiszPRr/UfcHMz0TQh1BXSxHK+ASV1R6W4HpjBhSeS+54PIsAMCBmwD06LLsqQ==
   dependencies:
-    "@typescript-eslint/types" "4.33.0"
-    "@typescript-eslint/visitor-keys" "4.33.0"
+    jsonparse "^1.2.0"
+    through ">=2.2.7 <3"
 
-"@typescript-eslint/types@3.10.1":
-  version "3.10.1"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/types/-/types-3.10.1.tgz#1d7463fa7c32d8a23ab508a803ca2fe26e758727"
-  integrity sha512-+3+FCUJIahE9q0lDi1WleYzjCwJs5hIsbugIgnbB+dSCYUxl8L6PwmsyOPFZde2hc1DlTo/xnkOgiTLSyAbHiQ==
+abab@^2.0.6:
+  version "2.0.6"
+  resolved "https://registry.yarnpkg.com/abab/-/abab-2.0.6.tgz#41b80f2c871d19686216b82309231cfd3cb3d291"
+  integrity sha512-j2afSsaIENvHZN2B8GOpF566vZ5WVk5opAiMTvWgaQT8DkbOqsTfvNAvHoRGU2zzP8cPoqys+xHTRDWW8L+/BA==
 
-"@typescript-eslint/types@4.33.0":
-  version "4.33.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/types/-/types-4.33.0.tgz#a1e59036a3b53ae8430ceebf2a919dc7f9af6d72"
-  integrity sha512-zKp7CjQzLQImXEpLt2BUw1tvOMPfNoTAfb8l51evhYbOEEzdWyQNmHWWGPR6hwKJDAi+1VXSBmnhL9kyVTTOuQ==
+abbrev@1, abbrev@~1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/abbrev/-/abbrev-1.1.1.tgz#f8f2c887ad10bf67f634f005b6987fed3179aac8"
+  integrity sha512-nne9/IiQ/hzIhY6pdDnbBtz7DjPTKrY00P/zvPSm5pOFkl6xuGrGnXn/VtTNNfNtAfZ9/1RtehkszU9qcTii0Q==
 
-"@typescript-eslint/typescript-estree@3.10.1":
-  version "3.10.1"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/typescript-estree/-/typescript-estree-3.10.1.tgz#fd0061cc38add4fad45136d654408569f365b853"
-  integrity sha512-QbcXOuq6WYvnB3XPsZpIwztBoquEYLXh2MtwVU+kO8jgYCiv4G5xrSP/1wg4tkvrEE+esZVquIPX/dxPlePk1w==
+acorn-globals@^7.0.0:
+  version "7.0.1"
+  resolved "https://registry.yarnpkg.com/acorn-globals/-/acorn-globals-7.0.1.tgz#0dbf05c44fa7c94332914c02066d5beff62c40c3"
+  integrity sha512-umOSDSDrfHbTNPuNpC2NSnnA3LUrqpevPb4T9jRx4MagXNS0rs+gwiTcAvqCRmsD6utzsrzNt+ebm00SNWiC3Q==
   dependencies:
-    "@typescript-eslint/types" "3.10.1"
-    "@typescript-eslint/visitor-keys" "3.10.1"
-    debug "^4.1.1"
-    glob "^7.1.6"
-    is-glob "^4.0.1"
-    lodash "^4.17.15"
-    semver "^7.3.2"
-    tsutils "^3.17.1"
+    acorn "^8.1.0"
+    acorn-walk "^8.0.2"
+
+acorn-jsx@^5.3.1:
+  version "5.3.2"
+  resolved "https://registry.yarnpkg.com/acorn-jsx/-/acorn-jsx-5.3.2.tgz#7ed5bb55908b3b2f1bc55c6af1653bada7f07937"
+  integrity sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==
 
-"@typescript-eslint/typescript-estree@4.33.0":
-  version "4.33.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/typescript-estree/-/typescript-estree-4.33.0.tgz#0dfb51c2908f68c5c08d82aefeaf166a17c24609"
-  integrity sha512-rkWRY1MPFzjwnEVHsxGemDzqqddw2QbTJlICPD9p9I9LfsO8fdmfQPOX3uKfUaGRDFJbfrtm/sXhVXN4E+bzCA==
+acorn-walk@^8.0.2:
+  version "8.3.5"
+  resolved "https://registry.yarnpkg.com/acorn-walk/-/acorn-walk-8.3.5.tgz#8a6b8ca8fc5b34685af15dabb44118663c296496"
+  integrity sha512-HEHNfbars9v4pgpW6SO1KSPkfoS0xVOM/9UzkJltjlsHZmJasxg8aXkuZa7SMf8vKGIBhpUsPluQSqhJFCqebw==
   dependencies:
-    "@typescript-eslint/types" "4.33.0"
-    "@typescript-eslint/visitor-keys" "4.33.0"
-    debug "^4.3.1"
-    globby "^11.0.3"
-    is-glob "^4.0.1"
-    semver "^7.3.5"
-    tsutils "^3.21.0"
-
-"@typescript-eslint/visitor-keys@3.10.1":
-  version "3.10.1"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/visitor-keys/-/visitor-keys-3.10.1.tgz#cd4274773e3eb63b2e870ac602274487ecd1e931"
-  integrity sha512-9JgC82AaQeglebjZMgYR5wgmfUdUc+EitGUUMW8u2nDckaeimzW+VsoLV6FoimPv2id3VQzfjwBxEMVz08ameQ==
-  dependencies:
-    eslint-visitor-keys "^1.1.0"
-
-"@typescript-eslint/visitor-keys@4.33.0":
-  version "4.33.0"
-  resolved "https://registry.yarnpkg.com/@typescript-eslint/visitor-keys/-/visitor-keys-4.33.0.tgz#2a22f77a41604289b7a186586e9ec48ca92ef1dd"
-  integrity sha512-uqi/2aSz9g2ftcHWf8uLPJA70rUv6yuMW5Bohw+bwcuzaxQIHaKFZCKGoGXIrc9vkTJ3+0txM73K0Hq3d5wgIg==
-  dependencies:
-    "@typescript-eslint/types" "4.33.0"
-    eslint-visitor-keys "^2.0.0"
-
-"@vxna/mini-html-webpack-template@^2.0.0":
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/@vxna/mini-html-webpack-template/-/mini-html-webpack-template-2.0.0.tgz#79b012b3385a6f01ae54ef50a3c99dda64d2a29a"
-  integrity sha512-oVrauLwSeWxq1yC4hR9gL2+k8nzrUsy5fJgt+QqartutOmUQAatJWn28BBvrhVMYZvYb+EsmZJt9nZtGTuUTOw==
-  dependencies:
-    common-tags "^1.8.0"
-
-"@webassemblyjs/ast@1.9.0":
-  version "1.9.0"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/ast/-/ast-1.9.0.tgz#bd850604b4042459a5a41cd7d338cbed695ed964"
-  integrity sha512-C6wW5L+b7ogSDVqymbkkvuW9kruN//YisMED04xzeBBqjHa2FYnmvOlS6Xj68xWQRgWvI9cIglsjFowH/RJyEA==
-  dependencies:
-    "@webassemblyjs/helper-module-context" "1.9.0"
-    "@webassemblyjs/helper-wasm-bytecode" "1.9.0"
-    "@webassemblyjs/wast-parser" "1.9.0"
-
-"@webassemblyjs/floating-point-hex-parser@1.9.0":
-  version "1.9.0"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/floating-point-hex-parser/-/floating-point-hex-parser-1.9.0.tgz#3c3d3b271bddfc84deb00f71344438311d52ffb4"
-  integrity sha512-TG5qcFsS8QB4g4MhrxK5TqfdNe7Ey/7YL/xN+36rRjl/BlGE/NcBvJcqsRgCP6Z92mRE+7N50pRIi8SmKUbcQA==
-
-"@webassemblyjs/helper-api-error@1.9.0":
-  version "1.9.0"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-api-error/-/helper-api-error-1.9.0.tgz#203f676e333b96c9da2eeab3ccef33c45928b6a2"
-  integrity sha512-NcMLjoFMXpsASZFxJ5h2HZRcEhDkvnNFOAKneP5RbKRzaWJN36NC4jqQHKwStIhGXu5mUWlUUk7ygdtrO8lbmw==
-
-"@webassemblyjs/helper-buffer@1.9.0":
-  version "1.9.0"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-buffer/-/helper-buffer-1.9.0.tgz#a1442d269c5feb23fcbc9ef759dac3547f29de00"
-  integrity sha512-qZol43oqhq6yBPx7YM3m9Bv7WMV9Eevj6kMi6InKOuZxhw+q9hOkvq5e/PpKSiLfyetpaBnogSbNCfBwyB00CA==
-
-"@webassemblyjs/helper-code-frame@1.9.0":
-  version "1.9.0"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-code-frame/-/helper-code-frame-1.9.0.tgz#647f8892cd2043a82ac0c8c5e75c36f1d9159f27"
-  integrity sha512-ERCYdJBkD9Vu4vtjUYe8LZruWuNIToYq/ME22igL+2vj2dQ2OOujIZr3MEFvfEaqKoVqpsFKAGsRdBSBjrIvZA==
-  dependencies:
-    "@webassemblyjs/wast-printer" "1.9.0"
-
-"@webassemblyjs/helper-fsm@1.9.0":
-  version "1.9.0"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-fsm/-/helper-fsm-1.9.0.tgz#c05256b71244214671f4b08ec108ad63b70eddb8"
-  integrity sha512-OPRowhGbshCb5PxJ8LocpdX9Kl0uB4XsAjl6jH/dWKlk/mzsANvhwbiULsaiqT5GZGT9qinTICdj6PLuM5gslw==
-
-"@webassemblyjs/helper-module-context@1.9.0":
-  version "1.9.0"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-module-context/-/helper-module-context-1.9.0.tgz#25d8884b76839871a08a6c6f806c3979ef712f07"
-  integrity sha512-MJCW8iGC08tMk2enck1aPW+BE5Cw8/7ph/VGZxwyvGbJwjktKkDK7vy7gAmMDx88D7mhDTCNKAW5tED+gZ0W8g==
-  dependencies:
-    "@webassemblyjs/ast" "1.9.0"
-
-"@webassemblyjs/helper-wasm-bytecode@1.9.0":
-  version "1.9.0"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-wasm-bytecode/-/helper-wasm-bytecode-1.9.0.tgz#4fed8beac9b8c14f8c58b70d124d549dd1fe5790"
-  integrity sha512-R7FStIzyNcd7xKxCZH5lE0Bqy+hGTwS3LJjuv1ZVxd9O7eHCedSdrId/hMOd20I+v8wDXEn+bjfKDLzTepoaUw==
-
-"@webassemblyjs/helper-wasm-section@1.9.0":
-  version "1.9.0"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-wasm-section/-/helper-wasm-section-1.9.0.tgz#5a4138d5a6292ba18b04c5ae49717e4167965346"
-  integrity sha512-XnMB8l3ek4tvrKUUku+IVaXNHz2YsJyOOmz+MMkZvh8h1uSJpSen6vYnw3IoQ7WwEuAhL8Efjms1ZWjqh2agvw==
-  dependencies:
-    "@webassemblyjs/ast" "1.9.0"
-    "@webassemblyjs/helper-buffer" "1.9.0"
-    "@webassemblyjs/helper-wasm-bytecode" "1.9.0"
-    "@webassemblyjs/wasm-gen" "1.9.0"
-
-"@webassemblyjs/ieee754@1.9.0":
-  version "1.9.0"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/ieee754/-/ieee754-1.9.0.tgz#15c7a0fbaae83fb26143bbacf6d6df1702ad39e4"
-  integrity sha512-dcX8JuYU/gvymzIHc9DgxTzUUTLexWwt8uCTWP3otys596io0L5aW02Gb1RjYpx2+0Jus1h4ZFqjla7umFniTg==
-  dependencies:
-    "@xtuc/ieee754" "^1.2.0"
-
-"@webassemblyjs/leb128@1.9.0":
-  version "1.9.0"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/leb128/-/leb128-1.9.0.tgz#f19ca0b76a6dc55623a09cffa769e838fa1e1c95"
-  integrity sha512-ENVzM5VwV1ojs9jam6vPys97B/S65YQtv/aanqnU7D8aSoHFX8GyhGg0CMfyKNIHBuAVjy3tlzd5QMMINa7wpw==
-  dependencies:
-    "@xtuc/long" "4.2.2"
-
-"@webassemblyjs/utf8@1.9.0":
-  version "1.9.0"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/utf8/-/utf8-1.9.0.tgz#04d33b636f78e6a6813227e82402f7637b6229ab"
-  integrity sha512-GZbQlWtopBTP0u7cHrEx+73yZKrQoBMpwkGEIqlacljhXCkVM1kMQge/Mf+csMJAjEdSwhOyLAS0AoR3AG5P8w==
-
-"@webassemblyjs/wasm-edit@1.9.0":
-  version "1.9.0"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/wasm-edit/-/wasm-edit-1.9.0.tgz#3fe6d79d3f0f922183aa86002c42dd256cfee9cf"
-  integrity sha512-FgHzBm80uwz5M8WKnMTn6j/sVbqilPdQXTWraSjBwFXSYGirpkSWE2R9Qvz9tNiTKQvoKILpCuTjBKzOIm0nxw==
-  dependencies:
-    "@webassemblyjs/ast" "1.9.0"
-    "@webassemblyjs/helper-buffer" "1.9.0"
-    "@webassemblyjs/helper-wasm-bytecode" "1.9.0"
-    "@webassemblyjs/helper-wasm-section" "1.9.0"
-    "@webassemblyjs/wasm-gen" "1.9.0"
-    "@webassemblyjs/wasm-opt" "1.9.0"
-    "@webassemblyjs/wasm-parser" "1.9.0"
-    "@webassemblyjs/wast-printer" "1.9.0"
-
-"@webassemblyjs/wasm-gen@1.9.0":
-  version "1.9.0"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/wasm-gen/-/wasm-gen-1.9.0.tgz#50bc70ec68ded8e2763b01a1418bf43491a7a49c"
-  integrity sha512-cPE3o44YzOOHvlsb4+E9qSqjc9Qf9Na1OO/BHFy4OI91XDE14MjFN4lTMezzaIWdPqHnsTodGGNP+iRSYfGkjA==
-  dependencies:
-    "@webassemblyjs/ast" "1.9.0"
-    "@webassemblyjs/helper-wasm-bytecode" "1.9.0"
-    "@webassemblyjs/ieee754" "1.9.0"
-    "@webassemblyjs/leb128" "1.9.0"
-    "@webassemblyjs/utf8" "1.9.0"
-
-"@webassemblyjs/wasm-opt@1.9.0":
-  version "1.9.0"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/wasm-opt/-/wasm-opt-1.9.0.tgz#2211181e5b31326443cc8112eb9f0b9028721a61"
-  integrity sha512-Qkjgm6Anhm+OMbIL0iokO7meajkzQD71ioelnfPEj6r4eOFuqm4YC3VBPqXjFyyNwowzbMD+hizmprP/Fwkl2A==
-  dependencies:
-    "@webassemblyjs/ast" "1.9.0"
-    "@webassemblyjs/helper-buffer" "1.9.0"
-    "@webassemblyjs/wasm-gen" "1.9.0"
-    "@webassemblyjs/wasm-parser" "1.9.0"
-
-"@webassemblyjs/wasm-parser@1.9.0":
-  version "1.9.0"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/wasm-parser/-/wasm-parser-1.9.0.tgz#9d48e44826df4a6598294aa6c87469d642fff65e"
-  integrity sha512-9+wkMowR2AmdSWQzsPEjFU7njh8HTO5MqO8vjwEHuM+AMHioNqSBONRdr0NQQ3dVQrzp0s8lTcYqzUdb7YgELA==
-  dependencies:
-    "@webassemblyjs/ast" "1.9.0"
-    "@webassemblyjs/helper-api-error" "1.9.0"
-    "@webassemblyjs/helper-wasm-bytecode" "1.9.0"
-    "@webassemblyjs/ieee754" "1.9.0"
-    "@webassemblyjs/leb128" "1.9.0"
-    "@webassemblyjs/utf8" "1.9.0"
-
-"@webassemblyjs/wast-parser@1.9.0":
-  version "1.9.0"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/wast-parser/-/wast-parser-1.9.0.tgz#3031115d79ac5bd261556cecc3fa90a3ef451914"
-  integrity sha512-qsqSAP3QQ3LyZjNC/0jBJ/ToSxfYJ8kYyuiGvtn/8MK89VrNEfwj7BPQzJVHi0jGTRK2dGdJ5PRqhtjzoww+bw==
-  dependencies:
-    "@webassemblyjs/ast" "1.9.0"
-    "@webassemblyjs/floating-point-hex-parser" "1.9.0"
-    "@webassemblyjs/helper-api-error" "1.9.0"
-    "@webassemblyjs/helper-code-frame" "1.9.0"
-    "@webassemblyjs/helper-fsm" "1.9.0"
-    "@xtuc/long" "4.2.2"
-
-"@webassemblyjs/wast-printer@1.9.0":
-  version "1.9.0"
-  resolved "https://registry.yarnpkg.com/@webassemblyjs/wast-printer/-/wast-printer-1.9.0.tgz#4935d54c85fef637b00ce9f52377451d00d47899"
-  integrity sha512-2J0nE95rHXHyQ24cWjMKJ1tqB/ds8z/cyeOZxJhcb+rW+SQASVjuznUSmdz5GpVJTzU8JkhYut0D3siFDD6wsA==
-  dependencies:
-    "@webassemblyjs/ast" "1.9.0"
-    "@webassemblyjs/wast-parser" "1.9.0"
-    "@xtuc/long" "4.2.2"
-
-"@xtuc/ieee754@^1.2.0":
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/@xtuc/ieee754/-/ieee754-1.2.0.tgz#eef014a3145ae477a1cbc00cd1e552336dceb790"
-  integrity sha512-DX8nKgqcGwsc0eJSqYt5lwP4DH5FlHnmuWWBRy7X0NcaGR0ZtuyeESgMwTYVEtxmsNGY+qit4QYT/MIYTOTPeA==
-
-"@xtuc/long@4.2.2":
-  version "4.2.2"
-  resolved "https://registry.yarnpkg.com/@xtuc/long/-/long-4.2.2.tgz#d291c6a4e97989b5c61d9acf396ae4fe133a718d"
-  integrity sha512-NuHqBY1PB/D8xU6s/thBgOAiAP7HOYDQ32+BFZILJ8ivkUkAHQnWfn6WhL79Owj1qmUnoN/YPhktdIoucipkAQ==
-
-JSONStream@^1.0.4:
-  version "1.3.5"
-  resolved "https://registry.yarnpkg.com/JSONStream/-/JSONStream-1.3.5.tgz#3208c1f08d3a4d99261ab64f92302bc15e111ca0"
-  integrity sha512-E+iruNOY8VV9s4JEbe1aNEm6MiszPRr/UfcHMz0TQh1BXSxHK+ASV1R6W4HpjBhSeS+54PIsAMCBmwD06LLsqQ==
-  dependencies:
-    jsonparse "^1.2.0"
-    through ">=2.2.7 <3"
-
-abab@^2.0.3, abab@^2.0.5:
-  version "2.0.6"
-  resolved "https://registry.yarnpkg.com/abab/-/abab-2.0.6.tgz#41b80f2c871d19686216b82309231cfd3cb3d291"
-  integrity sha512-j2afSsaIENvHZN2B8GOpF566vZ5WVk5opAiMTvWgaQT8DkbOqsTfvNAvHoRGU2zzP8cPoqys+xHTRDWW8L+/BA==
-
-abbrev@1, abbrev@~1.1.1:
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/abbrev/-/abbrev-1.1.1.tgz#f8f2c887ad10bf67f634f005b6987fed3179aac8"
-  integrity sha512-nne9/IiQ/hzIhY6pdDnbBtz7DjPTKrY00P/zvPSm5pOFkl6xuGrGnXn/VtTNNfNtAfZ9/1RtehkszU9qcTii0Q==
-
-accepts@~1.3.4, accepts@~1.3.5, accepts@~1.3.8:
-  version "1.3.8"
-  resolved "https://registry.yarnpkg.com/accepts/-/accepts-1.3.8.tgz#0bf0be125b67014adcb0b0921e62db7bffe16b2e"
-  integrity sha512-PYAthTa2m2VKxuvSD3DPC/Gy+U+sOA1LAuT8mkmRuvw+NACSaeXEQ+NHcVF7rONl6qcaxV3Uuemwawk+7+SJLw==
-  dependencies:
-    mime-types "~2.1.34"
-    negotiator "0.6.3"
-
-acorn-dynamic-import@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/acorn-dynamic-import/-/acorn-dynamic-import-4.0.0.tgz#482210140582a36b83c3e342e1cfebcaa9240948"
-  integrity sha512-d3OEjQV4ROpoflsnUA8HozoIR504TFxNivYEUi6uwz0IYhBkTDXGuWlNdMtybRt3nqVx/L6XqMt0FxkXuWKZhw==
-
-acorn-globals@^6.0.0:
-  version "6.0.0"
-  resolved "https://registry.yarnpkg.com/acorn-globals/-/acorn-globals-6.0.0.tgz#46cdd39f0f8ff08a876619b55f5ac8a6dc770b45"
-  integrity sha512-ZQl7LOWaF5ePqqcX4hLuv/bLXYQNfNWw2c0/yX/TsPRKamzHcTGQnlCjHT3TsmkOUVEPS3crCxiPfdzE/Trlhg==
-  dependencies:
-    acorn "^7.1.1"
-    acorn-walk "^7.1.1"
-
-acorn-jsx@^5.1.0, acorn-jsx@^5.2.0, acorn-jsx@^5.3.1:
-  version "5.3.2"
-  resolved "https://registry.yarnpkg.com/acorn-jsx/-/acorn-jsx-5.3.2.tgz#7ed5bb55908b3b2f1bc55c6af1653bada7f07937"
-  integrity sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==
-
-acorn-walk@^7.1.1:
-  version "7.2.0"
-  resolved "https://registry.yarnpkg.com/acorn-walk/-/acorn-walk-7.2.0.tgz#0de889a601203909b0fbe07b8938dc21d2e967bc"
-  integrity sha512-OPdCF6GsMIP+Az+aWfAAOEt2/+iVDKE7oy6lJ098aoe59oAmK76qV6Gw60SbZ8jHuG2wH058GF4pLFbYamYrVA==
+    acorn "^8.11.0"
 
-acorn@^6.4.1:
-  version "6.4.2"
-  resolved "https://registry.yarnpkg.com/acorn/-/acorn-6.4.2.tgz#35866fd710528e92de10cf06016498e47e39e1e6"
-  integrity sha512-XtGIhXwF8YM8bJhGxG5kXgjkEuNGLTkoYqVE+KMR+aspr4KGYmKYg7yUe3KghyQ9yheNwLnjmzh/7+gfDBmHCQ==
-
-acorn@^7.1.0, acorn@^7.1.1, acorn@^7.4.0:
+acorn@^7.4.0:
   version "7.4.1"
   resolved "https://registry.yarnpkg.com/acorn/-/acorn-7.4.1.tgz#feaed255973d2e77555b83dbc08851a6c63520fa"
   integrity sha512-nQyp0o1/mNdbTO1PO6kHkwSrmgZ0MT/jCCpNiwbUjGoRN4dlBhqJtoQuCnEOKzgTVwg0ZWiCoQy6SxMebQVh8A==
 
-acorn@^8.2.4, acorn@^8.8.2:
-  version "8.11.2"
-  resolved "https://registry.yarnpkg.com/acorn/-/acorn-8.11.2.tgz#ca0d78b51895be5390a5903c5b3bdcdaf78ae40b"
-  integrity sha512-nc0Axzp/0FILLEVsm4fNwLCwMttvhEI263QtVPQcbpfZZ3ts0hLsZGOpE6czNlid7CJ9MlyH8reXkpsf3YUY4w==
-
-address@1.1.2:
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/address/-/address-1.1.2.tgz#bf1116c9c758c51b7a933d296b72c221ed9428b6"
-  integrity sha512-aT6camzM4xEA54YVJYSqxz1kv4IHnQZRtThJJHhUMRExaU5spC7jX5ugSwTaTgJliIgs4VhZOk7htClvQ/LmRA==
-
-address@^1.0.1, address@^1.1.2:
-  version "1.2.2"
-  resolved "https://registry.yarnpkg.com/address/-/address-1.2.2.tgz#2b5248dac5485a6390532c6a517fda2e3faac89e"
-  integrity sha512-4B/qKCfeE/ODUaAUpSwfzazo5x29WD4r3vXiWsB7I2mSDAihwEqKO+g8GELZUQSSAo5e1XTYh3ZVfLyxBc12nA==
-
-adjust-sourcemap-loader@3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/adjust-sourcemap-loader/-/adjust-sourcemap-loader-3.0.0.tgz#5ae12fb5b7b1c585e80bbb5a63ec163a1a45e61e"
-  integrity sha512-YBrGyT2/uVQ/c6Rr+t6ZJXniY03YtHGMJQYal368burRGYKqhx9qGTWqcBU5s1CwYY9E/ri63RYyG1IacMZtqw==
-  dependencies:
-    loader-utils "^2.0.0"
-    regex-parser "^2.2.11"
+acorn@^8.1.0, acorn@^8.11.0, acorn@^8.16.0, acorn@^8.8.1:
+  version "8.16.0"
+  resolved "https://registry.yarnpkg.com/acorn/-/acorn-8.16.0.tgz#4ce79c89be40afe7afe8f3adb902a1f1ce9ac08a"
+  integrity sha512-UVJyE9MttOsBQIDKw1skb9nAwQuR5wuGD3+82K6JgJlm/Y+KI92oNsMNGZCYdDsVtRHSak0pcV5Dno5+4jh9sw==
 
 agent-base@6, agent-base@^6.0.2:
   version "6.0.2"
@@ -2812,17 +2610,19 @@ aggregate-error@^3.0.0:
     clean-stack "^2.0.0"
     indent-string "^4.0.0"
 
-ajv-errors@^1.0.0:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/ajv-errors/-/ajv-errors-1.0.1.tgz#f35986aceb91afadec4102fbd85014950cefa64d"
-  integrity sha512-DCRfO/4nQ+89p/RK43i8Ezd41EqdGIU4ld7nGF8OQ14oc/we5rEntLCUa7+jrn3nn83BosfwZA0wb4pon2o8iQ==
+ajv-draft-04@~1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/ajv-draft-04/-/ajv-draft-04-1.0.0.tgz#3b64761b268ba0b9e668f0b41ba53fce0ad77fc8"
+  integrity sha512-mv00Te6nmYbRp5DCwclxtt7yV/joXJPGS7nM+97GdxvuttCOfgI3K4U25zboyeX0O+myI8ERluxQe5wljMmVIw==
 
-ajv-keywords@^3.1.0, ajv-keywords@^3.4.1, ajv-keywords@^3.5.2:
-  version "3.5.2"
-  resolved "https://registry.yarnpkg.com/ajv-keywords/-/ajv-keywords-3.5.2.tgz#31f29da5ab6e00d1c2d329acf7b5929614d5014d"
-  integrity sha512-5p6WTN0DdTGVQk6VjcEju19IgaHudalcfabD7yhDGeA6bcQnmL+CpveLJq/3hvfwd1aof6L386Ougkx6RfyMIQ==
+ajv-formats@~3.0.1:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/ajv-formats/-/ajv-formats-3.0.1.tgz#3d5dc762bca17679c3c2ea7e90ad6b7532309578"
+  integrity sha512-8iUql50EUR+uUcdRQ3HDqa6EVyo3docL8g5WJ3FNcWmu62IbkGUue/pEyLBW8VGKKucTPgqeks4fIU1DA4yowQ==
+  dependencies:
+    ajv "^8.0.0"
 
-ajv@^6.1.0, ajv@^6.10.0, ajv@^6.10.2, ajv@^6.12.2, ajv@^6.12.3, ajv@^6.12.4, ajv@^6.12.5:
+ajv@^6.10.0, ajv@^6.12.3, ajv@^6.12.4:
   version "6.12.6"
   resolved "https://registry.yarnpkg.com/ajv/-/ajv-6.12.6.tgz#baf5a62e802b07d977034586f8c3baf5adf26df4"
   integrity sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==
@@ -2832,6 +2632,16 @@ ajv@^6.1.0, ajv@^6.10.0, ajv@^6.10.2, ajv@^6.12.2, ajv@^6.12.3, ajv@^6.12.4, ajv
     json-schema-traverse "^0.4.1"
     uri-js "^4.2.2"
 
+ajv@^8.0.0, ajv@~8.18.0:
+  version "8.18.0"
+  resolved "https://registry.yarnpkg.com/ajv/-/ajv-8.18.0.tgz#8864186b6738d003eb3a933172bb3833e10cefbc"
+  integrity sha512-PlXPeEWMXMZ7sPYOHqmDyCJzcfNrUr3fGNKtezX14ykXOEIvyK81d+qydx89KY5O71FKMPaQ2vBfBFI5NHR63A==
+  dependencies:
+    fast-deep-equal "^3.1.3"
+    fast-uri "^3.0.1"
+    json-schema-traverse "^1.0.0"
+    require-from-string "^2.0.2"
+
 ajv@^8.0.1:
   version "8.12.0"
   resolved "https://registry.yarnpkg.com/ajv/-/ajv-8.12.0.tgz#d1a0527323e22f53562c567c00991577dfbe19d1"
@@ -2842,15 +2652,10 @@ ajv@^8.0.1:
     require-from-string "^2.0.2"
     uri-js "^4.2.2"
 
-alphanum-sort@^1.0.0:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/alphanum-sort/-/alphanum-sort-1.0.2.tgz#97a1119649b211ad33691d9f9f486a8ec9fbe0a3"
-  integrity sha512-0FcBfdcmaumGPQ0qPn7Q5qTgz/ooXgIyp1rf8ik5bGX8mpE2YHjC0P/eyQvxu1GURYQgq9ozf2mteQ5ZD9YiyQ==
-
-ansi-colors@^3.0.0:
-  version "3.2.4"
-  resolved "https://registry.yarnpkg.com/ansi-colors/-/ansi-colors-3.2.4.tgz#e3a3da4bfbae6c86a9c285625de124a234026fbf"
-  integrity sha512-hHUXGagefjN2iRrID63xckIvotOXOojhQKWIPUZ4mNUZ9nLZW+7FMNoE1lOkEhNWYsx/7ysGIuJYCiMAA9FnrA==
+alien-signals@^0.4.9:
+  version "0.4.14"
+  resolved "https://registry.yarnpkg.com/alien-signals/-/alien-signals-0.4.14.tgz#9ff8f72a272300a51692f54bd9bbbada78fbf539"
+  integrity sha512-itUAVzhczTmP2U5yX67xVpsbbOiquusbWVyA9N+sy6+r6YVbFkahXvNCeEPWEOMhwDYwbVbGHFkVL03N9I5g+Q==
 
 ansi-colors@^4.1.1:
   version "4.1.3"
@@ -2864,16 +2669,6 @@ ansi-escapes@^4.2.1, ansi-escapes@^4.3.1:
   dependencies:
     type-fest "^0.21.3"
 
-ansi-html-community@0.0.8:
-  version "0.0.8"
-  resolved "https://registry.yarnpkg.com/ansi-html-community/-/ansi-html-community-0.0.8.tgz#69fbc4d6ccbe383f9736934ae34c3f8290f1bf41"
-  integrity sha512-1APHAyr3+PCamwNw3bXCPp4HFLONZt/yIH0sZp0/469KWNTEy+qN5jQ3GVX6DMZ1UXAi34yVwtTeaG/HpBuuzw==
-
-ansi-html@0.0.7, ansi-html@0.0.9, ansi-html@^0.0.7:
-  version "0.0.9"
-  resolved "https://registry.yarnpkg.com/ansi-html/-/ansi-html-0.0.9.tgz#6512d02342ae2cc68131952644a129cb734cd3f0"
-  integrity sha512-ozbS3LuenHVxNRh/wdnN16QapUHzauqSomAl1jwwJRRsGwFwtj644lIhxfWu0Fy0acCij2+AEgHvjscq3dlVXg==
-
 ansi-regex@^2.0.0:
   version "2.1.1"
   resolved "https://registry.yarnpkg.com/ansi-regex/-/ansi-regex-2.1.1.tgz#c3b33ab5ee360d86e0e628f0468ae7ef27d654df"
@@ -2884,17 +2679,12 @@ ansi-regex@^3.0.0:
   resolved "https://registry.yarnpkg.com/ansi-regex/-/ansi-regex-3.0.1.tgz#123d6479e92ad45ad897d4054e3c7ca7db4944e1"
   integrity sha512-+O9Jct8wf++lXxxFc4hc8LsjaSq0HFzzL7cVsw8pRDIPdjKD2mT4ytDZlLuSBZ4cLKZFXIrMGO7DbQCtMJJMKw==
 
-ansi-regex@^4.1.0:
-  version "4.1.1"
-  resolved "https://registry.yarnpkg.com/ansi-regex/-/ansi-regex-4.1.1.tgz#164daac87ab2d6f6db3a29875e2d1766582dabed"
-  integrity sha512-ILlv4k/3f6vfQ4OoP2AGvirOktlQ98ZEL1k9FaQjxa3L1abBgbuTDAdPOpvbGncC0BTVQrl+OM8xZGK6tWXt7g==
-
-ansi-regex@^5.0.0, ansi-regex@^5.0.1:
+ansi-regex@^5.0.1:
   version "5.0.1"
   resolved "https://registry.yarnpkg.com/ansi-regex/-/ansi-regex-5.0.1.tgz#082cb2c89c9fe8659a311a53bd6a4dc5301db304"
   integrity sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==
 
-ansi-styles@^3.2.0, ansi-styles@^3.2.1:
+ansi-styles@^3.2.1:
   version "3.2.1"
   resolved "https://registry.yarnpkg.com/ansi-styles/-/ansi-styles-3.2.1.tgz#41fbb20243e50b12be0f04b8dedbf07520ce841d"
   integrity sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==
@@ -2908,6 +2698,11 @@ ansi-styles@^4.0.0, ansi-styles@^4.1.0, ansi-styles@^4.3.0:
   dependencies:
     color-convert "^2.0.1"
 
+ansi-styles@^5.0.0:
+  version "5.2.0"
+  resolved "https://registry.yarnpkg.com/ansi-styles/-/ansi-styles-5.2.0.tgz#07449690ad45777d1924ac2abb2fc8895dba836b"
+  integrity sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==
+
 ansicolors@~0.3.2:
   version "0.3.2"
   resolved "https://registry.yarnpkg.com/ansicolors/-/ansicolors-0.3.2.tgz#665597de86a9ffe3aa9bfbe6cae5c6ea426b4979"
@@ -2918,15 +2713,7 @@ ansistyles@~0.1.3:
   resolved "https://registry.yarnpkg.com/ansistyles/-/ansistyles-0.1.3.tgz#5de60415bda071bb37127854c864f41b23254539"
   integrity sha512-6QWEyvMgIXX0eO972y7YPBLSBsq7UWKFAoNNTLGaOJ9bstcEL9sCbcjf96dVfNDdUsRoGOK82vWFJlKApXds7g==
 
-anymatch@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/anymatch/-/anymatch-2.0.0.tgz#bcb24b4f37934d9aa7ac17b4adaf89e7c76ef2eb"
-  integrity sha512-5teOsQWABXHHBFP9y3skS5P3d/WfWXpv3FUpy+LorMrNYaT9pI4oLMQX7jzQ2KklNpGpWHzdCXTDT2Y3XGlZBw==
-  dependencies:
-    micromatch "^3.1.4"
-    normalize-path "^2.1.1"
-
-anymatch@^3.0.0, anymatch@^3.0.3, anymatch@~3.1.2:
+anymatch@^3.0.3:
   version "3.1.3"
   resolved "https://registry.yarnpkg.com/anymatch/-/anymatch-3.1.3.tgz#790c58b19ba1720a84205b57c618d5ad8524973e"
   integrity sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==
@@ -2934,7 +2721,7 @@ anymatch@^3.0.0, anymatch@^3.0.3, anymatch@~3.1.2:
     normalize-path "^3.0.0"
     picomatch "^2.0.4"
 
-aproba@^1.0.3, aproba@^1.1.1:
+aproba@^1.0.3:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/aproba/-/aproba-1.2.0.tgz#6802e6264efd18c790a1b0d517f0f2627bf2c94a"
   integrity sha512-Y9J6ZjXtoYh8RnXVCMOU/ttDmk1aBjunq9vO0ta5x85WDQiQfUF9sIPBITdbiiIVcBo03Hi3jMxigBtsddlXRw==
@@ -2965,12 +2752,7 @@ are-we-there-yet@~1.1.2:
     delegates "^1.0.0"
     readable-stream "^2.0.6"
 
-arg@^5.0.2:
-  version "5.0.2"
-  resolved "https://registry.yarnpkg.com/arg/-/arg-5.0.2.tgz#c81433cc427c92c4dcf4865142dbca6f15acd59c"
-  integrity sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg==
-
-argparse@^1.0.7:
+argparse@^1.0.7, argparse@~1.0.9:
   version "1.0.10"
   resolved "https://registry.yarnpkg.com/argparse/-/argparse-1.0.10.tgz#bcd6791ea5ae09725e17e5ad988134cd40b3d911"
   integrity sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg==
@@ -2989,21 +2771,6 @@ aria-query@^5.3.0:
   dependencies:
     dequal "^2.0.3"
 
-arity-n@^1.0.4:
-  version "1.0.4"
-  resolved "https://registry.yarnpkg.com/arity-n/-/arity-n-1.0.4.tgz#d9e76b11733e08569c0847ae7b39b2860b30b745"
-  integrity sha512-fExL2kFDC1Q2DUOx3whE/9KoN66IzkY4b4zUHUBFM1ojEYjZZYDcUW3bek/ufGionX9giIKDC5redH2IlGqcQQ==
-
-arr-diff@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/arr-diff/-/arr-diff-4.0.0.tgz#d6461074febfec71e7e15235761a329a5dc7c520"
-  integrity sha512-YVIQ82gZPGBebQV/a8dar4AitzCQs0jjXwMPZllpXMaGjXPYVUawSxQrRsjhjupyVxEvbHgUmIhKVlND+j02kA==
-
-arr-union@^3.1.0:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/arr-union/-/arr-union-3.1.0.tgz#e39b09aea9def866a8f206e288af63919bae39c4"
-  integrity sha512-sKpyeERZ02v1FeCZT8lrfJq5u6goHCtpTAzPwJYe7c8SPFOboNjNg1vz2L4VTn9T4PQxEx13TbXLmYUcS6Ug7Q==
-
 array-buffer-byte-length@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/array-buffer-byte-length/-/array-buffer-byte-length-1.0.0.tgz#fabe8bc193fea865f317fe7807085ee0dee5aead"
@@ -3012,16 +2779,6 @@ array-buffer-byte-length@^1.0.0:
     call-bind "^1.0.2"
     is-array-buffer "^3.0.1"
 
-array-flatten@1.1.1:
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/array-flatten/-/array-flatten-1.1.1.tgz#9a5f699051b1e7073328f2a008968b64ea2955d2"
-  integrity sha512-PCVAQswWemu6UdxsDFFX/+gVeYqKAod3D3UVm91jHwynguOwAvYPhx8nNlM++NqRcK6CxxpUafjmhIdKiHibqg==
-
-array-flatten@^2.1.0:
-  version "2.1.2"
-  resolved "https://registry.yarnpkg.com/array-flatten/-/array-flatten-2.1.2.tgz#24ef80a28c1a893617e2149b0c6d0d788293b099"
-  integrity sha512-hNfzcOV8W4NdualtqBFPyVO+54DSJuZGY9qT4pRroB6S9e3iiido2ISIC5h9R2sPJ8H3FHCIiEnsv1lPXO3KtQ==
-
 array-ify@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/array-ify/-/array-ify-1.0.0.tgz#9e528762b4a9066ad163a6962a364418e9626ece"
@@ -3038,28 +2795,11 @@ array-includes@^3.1.6, array-includes@^3.1.7:
     get-intrinsic "^1.2.1"
     is-string "^1.0.7"
 
-array-union@^1.0.1:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/array-union/-/array-union-1.0.2.tgz#9a34410e4f4e3da23dea375be5be70f24778ec39"
-  integrity sha512-Dxr6QJj/RdU/hCaBjOfxW+q6lyuVE6JFWIrAUpuOOhoJJoQ99cUn3igRaHVB5P9WrgFVN0FfArM3x0cueOU8ng==
-  dependencies:
-    array-uniq "^1.0.1"
-
 array-union@^2.1.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/array-union/-/array-union-2.1.0.tgz#b798420adbeb1de828d84acd8a2e23d3efe85e8d"
   integrity sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==
 
-array-uniq@^1.0.1:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/array-uniq/-/array-uniq-1.0.3.tgz#af6ac877a25cc7f74e058894753858dfdb24fdb6"
-  integrity sha512-MNha4BWQ6JbwhFhj03YK552f7cb3AzoE8SzeljgChvL1dl3IcvggXVz1DilzySZkCja+CXuZbdW7yATchWn8/Q==
-
-array-unique@^0.3.2:
-  version "0.3.2"
-  resolved "https://registry.yarnpkg.com/array-unique/-/array-unique-0.3.2.tgz#a894b75d4bc4f6cd679ef3244a9fd8f46ae2d428"
-  integrity sha512-SleRWjh9JUud2wH1hPs9rZBZ33H6T9HOiL0uwGnGx9FpE6wKGyfWugmbkEOIs6qWrZhg0LWeLziLrEwQJhs5mQ==
-
 array.prototype.findlastindex@^1.2.3:
   version "1.2.3"
   resolved "https://registry.yarnpkg.com/array.prototype.findlastindex/-/array.prototype.findlastindex-1.2.3.tgz#b37598438f97b579166940814e2c0493a4f50207"
@@ -3091,17 +2831,6 @@ array.prototype.flatmap@^1.3.1, array.prototype.flatmap@^1.3.2:
     es-abstract "^1.22.1"
     es-shim-unscopables "^1.0.0"
 
-array.prototype.reduce@^1.0.6:
-  version "1.0.6"
-  resolved "https://registry.yarnpkg.com/array.prototype.reduce/-/array.prototype.reduce-1.0.6.tgz#63149931808c5fc1e1354814923d92d45f7d96d5"
-  integrity sha512-UW+Mz8LG/sPSU8jRDCjVr6J/ZKAGpHfwrZ6kWTG5qCxIEiXdVshqGnu5vEZA8S1y6X4aCSbQZ0/EEsfvEvBiSg==
-  dependencies:
-    call-bind "^1.0.2"
-    define-properties "^1.2.0"
-    es-abstract "^1.22.1"
-    es-array-method-boxes-properly "^1.0.0"
-    is-string "^1.0.7"
-
 array.prototype.tosorted@^1.1.1:
   version "1.1.2"
   resolved "https://registry.yarnpkg.com/array.prototype.tosorted/-/array.prototype.tosorted-1.1.2.tgz#620eff7442503d66c799d95503f82b475745cefd"
@@ -3131,26 +2860,11 @@ arrify@^1.0.1:
   resolved "https://registry.yarnpkg.com/arrify/-/arrify-1.0.1.tgz#898508da2226f380df904728456849c1501a4b0d"
   integrity sha512-3CYzex9M9FGQjCGMGyi6/31c8GJbgb0qGyrx5HWxPd0aCwh4cB2YjMb2Xf9UuoogrMrlO9cTqnB5rI5GHZTcUA==
 
-arrify@^2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/arrify/-/arrify-2.0.1.tgz#c9655e9331e0abcd588d2a7cad7e9956f66701fa"
-  integrity sha512-3duEwti880xqi4eAMN8AyR4a0ByT90zoYdLlevfrvU43vb0YZwZVfxOgxWrLXXXpyugL0hNZc9G6BiB5B3nUug==
-
-asap@^2.0.0, asap@~2.0.6:
+asap@^2.0.0:
   version "2.0.6"
   resolved "https://registry.yarnpkg.com/asap/-/asap-2.0.6.tgz#e50347611d7e690943208bbdafebcbc2fb866d46"
   integrity sha512-BSHWgDSAiKs50o2Re8ppvp3seVHXSRM44cdSsT9FfNEUUZLOGWVCsiWaRPWM1Znn+mqZ1OfVZ3z3DWEzSp7hRA==
 
-asn1.js@^5.2.0:
-  version "5.4.1"
-  resolved "https://registry.yarnpkg.com/asn1.js/-/asn1.js-5.4.1.tgz#11a980b84ebb91781ce35b0fdc2ee294e3783f07"
-  integrity sha512-+I//4cYPccV8LdmBLiX8CYvf9Sp3vQsrqu2QNXRcrbiWvcx/UdlFiqUJJzxRQxgsZmvhXhn4cSKeSmoFjVdupA==
-  dependencies:
-    bn.js "^4.0.0"
-    inherits "^2.0.1"
-    minimalistic-assert "^1.0.0"
-    safer-buffer "^2.1.0"
-
 asn1@~0.2.3:
   version "0.2.6"
   resolved "https://registry.yarnpkg.com/asn1/-/asn1-0.2.6.tgz#0d3a7bb6e64e02a90c0303b31f292868ea09a08d"
@@ -3163,76 +2877,16 @@ assert-plus@1.0.0, assert-plus@^1.0.0:
   resolved "https://registry.yarnpkg.com/assert-plus/-/assert-plus-1.0.0.tgz#f12e0f3c5d77b0b1cdd9146942e4e96c1e4dd525"
   integrity sha512-NfJ4UzBCcQGLDlQq7nHxH+tv3kyZ0hHQqF5BO6J7tNJeP5do1llPr8dZ8zHonfhAu0PHAdMkSo+8o0wxg9lZWw==
 
-assert@1.5.0:
-  version "1.5.0"
-  resolved "https://registry.yarnpkg.com/assert/-/assert-1.5.0.tgz#55c109aaf6e0aefdb3dc4b71240c70bf574b18eb"
-  integrity sha512-EDsgawzwoun2CZkCgtxJbv392v4nbk9XDD06zI+kQYoBM/3RBWLlEyJARDOmhAAosBjWACEkKL6S+lIZtcAubA==
-  dependencies:
-    object-assign "^4.1.1"
-    util "0.10.3"
-
-assert@^1.1.1:
-  version "1.5.1"
-  resolved "https://registry.yarnpkg.com/assert/-/assert-1.5.1.tgz#038ab248e4ff078e7bc2485ba6e6388466c78f76"
-  integrity sha512-zzw1uCAgLbsKwBfFc8CX78DDg+xZeBksSO3vwVIDDN5i94eOrPsSSyiVhmsSABFDM/OcpE2aagCat9dnWQLG1A==
-  dependencies:
-    object.assign "^4.1.4"
-    util "^0.10.4"
-
-assign-symbols@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/assign-symbols/-/assign-symbols-1.0.0.tgz#59667f41fadd4f20ccbc2bb96b8d4f7f78ec0367"
-  integrity sha512-Q+JC7Whu8HhmTdBph/Tq59IoRtoy6KAm5zzPv00WdujX82lbAL8K7WVjne7vdCsAmbF4AYaDOPyO3k0kl8qIrw==
-
 ast-types-flow@^0.0.8:
   version "0.0.8"
   resolved "https://registry.yarnpkg.com/ast-types-flow/-/ast-types-flow-0.0.8.tgz#0a85e1c92695769ac13a428bb653e7538bea27d6"
   integrity sha512-OH/2E5Fg20h2aPrbe+QL8JZQFko0YZaF+j4mnQ7BGhfavO7OpSLa8a0y9sBwomHdSbkhTS8TQNayBfnW5DwbvQ==
 
-ast-types@0.13.3:
-  version "0.13.3"
-  resolved "https://registry.yarnpkg.com/ast-types/-/ast-types-0.13.3.tgz#50da3f28d17bdbc7969a3a2d83a0e4a72ae755a7"
-  integrity sha512-XTZ7xGML849LkQP86sWdQzfhwbt3YwIO6MqbX9mUNYY98VKaaVZP7YNNm70IpwecbkkxmfC5IYAzOQ/2p29zRA==
-
-ast-types@0.14.2, ast-types@^0.14.2, ast-types@~0.14.2:
-  version "0.14.2"
-  resolved "https://registry.yarnpkg.com/ast-types/-/ast-types-0.14.2.tgz#600b882df8583e3cd4f2df5fa20fa83759d4bdfd"
-  integrity sha512-O0yuUDnZeQDL+ncNGlJ78BiO4jnYI3bvMsD5prT0/nsgijG/LpNBIr63gTjVTNsiGkgQhiyCShTgxt8oXOrklA==
-  dependencies:
-    tslib "^2.0.1"
-
-ast-types@^0.7.2:
-  version "0.7.8"
-  resolved "https://registry.yarnpkg.com/ast-types/-/ast-types-0.7.8.tgz#902d2e0d60d071bdcd46dc115e1809ed11c138a9"
-  integrity sha512-RIOpVnVlltB6PcBJ5BMLx+H+6JJ/zjDGU0t7f0L6c2M1dqcK92VQopLBlPQ9R80AVXelfqYgjcPLtHtDbNFg0Q==
-
 astral-regex@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/astral-regex/-/astral-regex-2.0.0.tgz#483143c567aeed4785759c0865786dc77d7d2e31"
   integrity sha512-Z7tMw1ytTXt5jqMcOP+OQteU1VuNK9Y02uuJtKQ1Sv69jXQKKg5cibLwGJow8yzZP+eAc18EmLGPal0bp36rvQ==
 
-async-each@^1.0.1:
-  version "1.0.6"
-  resolved "https://registry.yarnpkg.com/async-each/-/async-each-1.0.6.tgz#52f1d9403818c179b7561e11a5d1b77eb2160e77"
-  integrity sha512-c646jH1avxr+aVpndVMeAfYw7wAa6idufrlN3LPA4PmKS0QEGp6PIC9nwz0WQkkvBGAMEki3pFdtxaF39J9vvg==
-
-async-limiter@~1.0.0:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/async-limiter/-/async-limiter-1.0.1.tgz#dd379e94f0db8310b08291f9d64c3209766617fd"
-  integrity sha512-csOlWGAcRFJaI6m+F2WKdnMKr4HhdhFVBk0H/QbJFMCr+uO2kwohwXQPxw/9OCxp05r5ghVBFSyioixx3gfkNQ==
-
-async@^2.6.4:
-  version "2.6.4"
-  resolved "https://registry.yarnpkg.com/async/-/async-2.6.4.tgz#706b7ff6084664cd7eae713f6f965433b5504221"
-  integrity sha512-mzo5dfJYwAn29PeiJ0zvwTo04zj8HDJj0Mn8TD7sno7q12prdbnasKJHhkm2c1LgrhlJ0teaea8860oxi51mGA==
-  dependencies:
-    lodash "^4.17.14"
-
-async@^3.2.3:
-  version "3.2.5"
-  resolved "https://registry.yarnpkg.com/async/-/async-3.2.5.tgz#ebd52a8fdaf7a2289a24df399f8d8485c8a46b66"
-  integrity sha512-baNZyqaaLhyLVKm/DlvdW051MSgO6b8eVfIezl9E5PqWxFgzLm/wQntEW4zOytVburDEr0JlALEpdOFwvErLsg==
-
 asynciterator.prototype@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/asynciterator.prototype/-/asynciterator.prototype-1.0.0.tgz#8c5df0514936cdd133604dfcc9d3fb93f09b2b62"
@@ -3245,41 +2899,11 @@ asynckit@^0.4.0:
   resolved "https://registry.yarnpkg.com/asynckit/-/asynckit-0.4.0.tgz#c79ed97f7f34cb8f2ba1bc9790bcc366474b4b79"
   integrity sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==
 
-at-least-node@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/at-least-node/-/at-least-node-1.0.0.tgz#602cd4b46e844ad4effc92a8011a3c46e0238dc2"
-  integrity sha512-+q/t7Ekv1EDY2l6Gda6LLiX14rU9TV20Wa3ofeQmwPFZbOMo9DXrLbOjFaaclkXKWidIaopwAObQDqwWtGUjqg==
-
-atob@^2.1.2:
-  version "2.1.2"
-  resolved "https://registry.yarnpkg.com/atob/-/atob-2.1.2.tgz#6d9517eb9e030d2436666651e86bd9f6f13533c9"
-  integrity sha512-Wm6ukoaOGJi/73p/cl2GvLjTI5JM1k/O14isD73YML8StrH/7/lRFgmg8nICZgD3bZZvjwCGxtMOD3wWNAu8cg==
-
-autoprefixer@^9.6.1:
-  version "9.8.8"
-  resolved "https://registry.yarnpkg.com/autoprefixer/-/autoprefixer-9.8.8.tgz#fd4bd4595385fa6f06599de749a4d5f7a474957a"
-  integrity sha512-eM9d/swFopRt5gdJ7jrpCwgvEMIayITpojhkkSMRsFHYuH5bkSQ4p/9qTEHtmNudUZh22Tehu7I6CxAW0IXTKA==
-  dependencies:
-    browserslist "^4.12.0"
-    caniuse-lite "^1.0.30001109"
-    normalize-range "^0.1.2"
-    num2fraction "^1.2.2"
-    picocolors "^0.2.1"
-    postcss "^7.0.32"
-    postcss-value-parser "^4.1.0"
-
 available-typed-arrays@^1.0.5:
   version "1.0.5"
   resolved "https://registry.yarnpkg.com/available-typed-arrays/-/available-typed-arrays-1.0.5.tgz#92f95616501069d07d10edb2fc37d3e1c65123b7"
   integrity sha512-DMD0KiN46eipeziST1LPP/STfDU0sufISXmjSgvVsoU2tqxctQeASejWcfNtxYKqETM1UxQ8sp2OrSBWpHY6sw==
 
-available-typed-arrays@^1.0.7:
-  version "1.0.7"
-  resolved "https://registry.yarnpkg.com/available-typed-arrays/-/available-typed-arrays-1.0.7.tgz#a5cc375d6a03c2efc87a553f3e0b1522def14846"
-  integrity sha512-wvUjBtSGN7+7SjNpq/9M2Tg350UZD3q62IFZLbRAR1bSMlCo1ZaeW+BJ+D090e4hIIZLBcTDWe4Mh4jvUDajzQ==
-  dependencies:
-    possible-typed-array-names "^1.0.0"
-
 aws-sign2@~0.7.0:
   version "0.7.0"
   resolved "https://registry.yarnpkg.com/aws-sign2/-/aws-sign2-0.7.0.tgz#b46e890934a9591f2d2f6f86d7e6a9f1b3fe76a8"
@@ -3295,14 +2919,14 @@ axe-core@=4.7.0:
   resolved "https://registry.yarnpkg.com/axe-core/-/axe-core-4.7.0.tgz#34ba5a48a8b564f67e103f0aa5768d76e15bbbbf"
   integrity sha512-M0JtH+hlOL5pLQwHOLNYZaXuhqmvS8oExsqB1SBYgA4Dk7u/xx+YdGHXaK5pyUfed5mYXdlYiphWq3G8cRi5JQ==
 
-axios@^1.6.1, axios@^1.7.2:
-  version "1.7.2"
-  resolved "https://registry.yarnpkg.com/axios/-/axios-1.7.2.tgz#b625db8a7051fbea61c35a3cbb3a1daa7b9c7621"
-  integrity sha512-2A8QhOMrbomlDuiLeK9XibIBzuHeRcqqNOHp0Cyp5EoJ1IFDh+XZH3A6BkXtv0K4gFGCI0Y4BM7B1wOEi0Rmgw==
+axios@^1.7.7:
+  version "1.14.0"
+  resolved "https://registry.yarnpkg.com/axios/-/axios-1.14.0.tgz#7c29f4cf2ea91ef05018d5aa5399bf23ed3120eb"
+  integrity sha512-3Y8yrqLSwjuzpXuZ0oIYZ/XGgLwUIBU3uLvbcpb0pidD9ctpShJd43KSlEEkVQg6DS0G9NKyzOvBfUtDKEyHvQ==
   dependencies:
-    follow-redirects "^1.15.6"
-    form-data "^4.0.0"
-    proxy-from-env "^1.1.0"
+    follow-redirects "^1.15.11"
+    form-data "^4.0.5"
+    proxy-from-env "^2.1.0"
 
 axobject-query@^3.2.1:
   version "3.2.1"
@@ -3311,58 +2935,20 @@ axobject-query@^3.2.1:
   dependencies:
     dequal "^2.0.3"
 
-babel-eslint@^10.1.0:
-  version "10.1.0"
-  resolved "https://registry.yarnpkg.com/babel-eslint/-/babel-eslint-10.1.0.tgz#6968e568a910b78fb3779cdd8b6ac2f479943232"
-  integrity sha512-ifWaTHQ0ce+448CYop8AdrQiBsGrnC+bMgfyKFdi6EsPLTAWG+QfyDeM6OH+FmWnKvEq5NnBMLvlBUPKQZoDSg==
-  dependencies:
-    "@babel/code-frame" "^7.0.0"
-    "@babel/parser" "^7.7.0"
-    "@babel/traverse" "^7.7.0"
-    "@babel/types" "^7.7.0"
-    eslint-visitor-keys "^1.0.0"
-    resolve "^1.12.0"
-
-babel-extract-comments@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/babel-extract-comments/-/babel-extract-comments-1.0.0.tgz#0a2aedf81417ed391b85e18b4614e693a0351a21"
-  integrity sha512-qWWzi4TlddohA91bFwgt6zO/J0X+io7Qp184Fw0m2JYRSTZnJbFR8+07KmzudHCZgOiKRCrjhylwv9Xd8gfhVQ==
-  dependencies:
-    babylon "^6.18.0"
-
-babel-jest@^26.6.0, babel-jest@^26.6.3:
-  version "26.6.3"
-  resolved "https://registry.yarnpkg.com/babel-jest/-/babel-jest-26.6.3.tgz#d87d25cb0037577a0c89f82e5755c5d293c01056"
-  integrity sha512-pl4Q+GAVOHwvjrck6jKjvmGhnO3jHX/xuB9d27f+EJZ/6k+6nMuPjorrYp7s++bKKdANwzElBWnLWaObvTnaZA==
+babel-jest@^29.7.0:
+  version "29.7.0"
+  resolved "https://registry.yarnpkg.com/babel-jest/-/babel-jest-29.7.0.tgz#f4369919225b684c56085998ac63dbd05be020d5"
+  integrity sha512-BrvGY3xZSwEcCzKvKsCi2GgHqDqsYkOP4/by5xCgIwGXQxIEh+8ew3gmrE1y7XRR6LHZIj6yLYnUi/mm2KXKBg==
   dependencies:
-    "@jest/transform" "^26.6.2"
-    "@jest/types" "^26.6.2"
-    "@types/babel__core" "^7.1.7"
-    babel-plugin-istanbul "^6.0.0"
-    babel-preset-jest "^26.6.2"
+    "@jest/transform" "^29.7.0"
+    "@types/babel__core" "^7.1.14"
+    babel-plugin-istanbul "^6.1.1"
+    babel-preset-jest "^29.6.3"
     chalk "^4.0.0"
-    graceful-fs "^4.2.4"
+    graceful-fs "^4.2.9"
     slash "^3.0.0"
 
-babel-loader@8.1.0:
-  version "8.1.0"
-  resolved "https://registry.yarnpkg.com/babel-loader/-/babel-loader-8.1.0.tgz#c611d5112bd5209abe8b9fa84c3e4da25275f1c3"
-  integrity sha512-7q7nC1tYOrqvUrN3LQK4GwSk/TQorZSOlO9C+RZDZpODgyN4ZlCqE5q9cDsyWOliN+aU9B4JX01xK9eJXowJLw==
-  dependencies:
-    find-cache-dir "^2.1.0"
-    loader-utils "^1.4.0"
-    mkdirp "^0.5.3"
-    pify "^4.0.1"
-    schema-utils "^2.6.5"
-
-babel-plugin-import@^1.13.8:
-  version "1.13.8"
-  resolved "https://registry.yarnpkg.com/babel-plugin-import/-/babel-plugin-import-1.13.8.tgz#782c517f6bbf2de3b1f75aaafd6d20a491c4878c"
-  integrity sha512-36babpjra5m3gca44V6tSTomeBlPA7cHUynrE2WiQIm3rEGD9xy28MKsx5IdO45EbnpJY7Jrgd00C6Dwt/l/2Q==
-  dependencies:
-    "@babel/helper-module-imports" "^7.0.0"
-
-babel-plugin-istanbul@^6.0.0:
+babel-plugin-istanbul@^6.1.1:
   version "6.1.1"
   resolved "https://registry.yarnpkg.com/babel-plugin-istanbul/-/babel-plugin-istanbul-6.1.1.tgz#fa88ec59232fd9b4e36dbbc540a8ec9a9b47da73"
   integrity sha512-Y1IQok9821cC9onCx5otgFfRm7Lm+I+wwxOx738M/WLPZ9Q42m4IG5W0FNX8WLL2gYMZo3JkuXIH2DOpWM+qwA==
@@ -3373,55 +2959,41 @@ babel-plugin-istanbul@^6.0.0:
     istanbul-lib-instrument "^5.0.4"
     test-exclude "^6.0.0"
 
-babel-plugin-jest-hoist@^26.6.2:
-  version "26.6.2"
-  resolved "https://registry.yarnpkg.com/babel-plugin-jest-hoist/-/babel-plugin-jest-hoist-26.6.2.tgz#8185bd030348d254c6d7dd974355e6a28b21e62d"
-  integrity sha512-PO9t0697lNTmcEHH69mdtYiOIkkOlj9fySqfO3K1eCcdISevLAE0xY59VLLUj0SoiPiTX/JU2CYFpILydUa5Lw==
+babel-plugin-jest-hoist@^29.6.3:
+  version "29.6.3"
+  resolved "https://registry.yarnpkg.com/babel-plugin-jest-hoist/-/babel-plugin-jest-hoist-29.6.3.tgz#aadbe943464182a8922c3c927c3067ff40d24626"
+  integrity sha512-ESAc/RJvGTFEzRwOTT4+lNDk/GNHMkKbNzsvT0qKRfDyyYTskxB5rnU2njIDYVxXCBHHEI1c0YwHob3WaYujOg==
   dependencies:
     "@babel/template" "^7.3.3"
     "@babel/types" "^7.3.3"
-    "@types/babel__core" "^7.0.0"
+    "@types/babel__core" "^7.1.14"
     "@types/babel__traverse" "^7.0.6"
 
-babel-plugin-macros@^3.1.0:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/babel-plugin-macros/-/babel-plugin-macros-3.1.0.tgz#9ef6dc74deb934b4db344dc973ee851d148c50c1"
-  integrity sha512-Cg7TFGpIr01vOQNODXOOaGz2NpCU5gl8x1qJFbb6hbZxR7XrcE2vtbAsTAbJ7/xwJtUuJEw8K8Zr/AE0LHlesg==
-  dependencies:
-    "@babel/runtime" "^7.12.5"
-    cosmiconfig "^7.0.0"
-    resolve "^1.19.0"
-
-babel-plugin-named-asset-import@^0.3.7:
-  version "0.3.8"
-  resolved "https://registry.yarnpkg.com/babel-plugin-named-asset-import/-/babel-plugin-named-asset-import-0.3.8.tgz#6b7fa43c59229685368683c28bc9734f24524cc2"
-  integrity sha512-WXiAc++qo7XcJ1ZnTYGtLxmBCVbddAml3CEXgWaBzNzLNoxtQ8AiGEFDMOhot9XjTCQbvP5E77Fj9Gk924f00Q==
-
-babel-plugin-polyfill-corejs2@^0.4.6:
-  version "0.4.6"
-  resolved "https://registry.yarnpkg.com/babel-plugin-polyfill-corejs2/-/babel-plugin-polyfill-corejs2-0.4.6.tgz#b2df0251d8e99f229a8e60fc4efa9a68b41c8313"
-  integrity sha512-jhHiWVZIlnPbEUKSSNb9YoWcQGdlTLq7z1GHL4AjFxaoOUMuuEVJ+Y4pAaQUGOGk93YsVCKPbqbfw3m0SM6H8Q==
+babel-plugin-polyfill-corejs2@^0.4.15:
+  version "0.4.17"
+  resolved "https://registry.yarnpkg.com/babel-plugin-polyfill-corejs2/-/babel-plugin-polyfill-corejs2-0.4.17.tgz#198f970f1c99a856b466d1187e88ce30bd199d91"
+  integrity sha512-aTyf30K/rqAsNwN76zYrdtx8obu0E4KoUME29B1xj+B3WxgvWkp943vYQ+z8Mv3lw9xHXMHpvSPOBxzAkIa94w==
   dependencies:
-    "@babel/compat-data" "^7.22.6"
-    "@babel/helper-define-polyfill-provider" "^0.4.3"
+    "@babel/compat-data" "^7.28.6"
+    "@babel/helper-define-polyfill-provider" "^0.6.8"
     semver "^6.3.1"
 
-babel-plugin-polyfill-corejs3@^0.8.5:
-  version "0.8.6"
-  resolved "https://registry.yarnpkg.com/babel-plugin-polyfill-corejs3/-/babel-plugin-polyfill-corejs3-0.8.6.tgz#25c2d20002da91fe328ff89095c85a391d6856cf"
-  integrity sha512-leDIc4l4tUgU7str5BWLS2h8q2N4Nf6lGZP6UrNDxdtfF2g69eJ5L0H7S8A5Ln/arfFAfHor5InAdZuIOwZdgQ==
+babel-plugin-polyfill-corejs3@^0.14.0:
+  version "0.14.2"
+  resolved "https://registry.yarnpkg.com/babel-plugin-polyfill-corejs3/-/babel-plugin-polyfill-corejs3-0.14.2.tgz#6ac08d2f312affb70c4c69c0fbba4cb417ee5587"
+  integrity sha512-coWpDLJ410R781Npmn/SIBZEsAetR4xVi0SxLMXPaMO4lSf1MwnkGYMtkFxew0Dn8B3/CpbpYxN0JCgg8mn67g==
   dependencies:
-    "@babel/helper-define-polyfill-provider" "^0.4.3"
-    core-js-compat "^3.33.1"
+    "@babel/helper-define-polyfill-provider" "^0.6.8"
+    core-js-compat "^3.48.0"
 
-babel-plugin-polyfill-regenerator@^0.5.3:
-  version "0.5.3"
-  resolved "https://registry.yarnpkg.com/babel-plugin-polyfill-regenerator/-/babel-plugin-polyfill-regenerator-0.5.3.tgz#d4c49e4b44614607c13fb769bcd85c72bb26a4a5"
-  integrity sha512-8sHeDOmXC8csczMrYEOf0UTNa4yE2SxV5JGeT/LP1n0OYVDUUFPxG9vdk2AlDlIit4t+Kf0xCtpgXPBwnn/9pw==
+babel-plugin-polyfill-regenerator@^0.6.6:
+  version "0.6.8"
+  resolved "https://registry.yarnpkg.com/babel-plugin-polyfill-regenerator/-/babel-plugin-polyfill-regenerator-0.6.8.tgz#8a6bfd5dd54239362b3d06ce47ac52b2d95d7721"
+  integrity sha512-M762rNHfSF1EV3SLtnCJXFoQbbIIz0OyRwnCmV0KPC7qosSfCO0QLTSuJX3ayAebubhE6oYBAYPrBA5ljowaZg==
   dependencies:
-    "@babel/helper-define-polyfill-provider" "^0.4.3"
+    "@babel/helper-define-polyfill-provider" "^0.6.8"
 
-"babel-plugin-styled-components@>= 1.12.0":
+babel-plugin-styled-components@^2.1.4:
   version "2.1.4"
   resolved "https://registry.yarnpkg.com/babel-plugin-styled-components/-/babel-plugin-styled-components-2.1.4.tgz#9a1f37c7f32ef927b4b008b529feb4a2c82b1092"
   integrity sha512-Xgp9g+A/cG47sUyRwwYxGM4bR/jDRg5N6it/8+HxCnbT5XNKSKDT9xm4oag/osgqjC2It/vH0yXsomOG6k558g==
@@ -3432,24 +3004,6 @@ babel-plugin-polyfill-regenerator@^0.5.3:
     lodash "^4.17.21"
     picomatch "^2.3.1"
 
-babel-plugin-syntax-object-rest-spread@^6.8.0:
-  version "6.13.0"
-  resolved "https://registry.yarnpkg.com/babel-plugin-syntax-object-rest-spread/-/babel-plugin-syntax-object-rest-spread-6.13.0.tgz#fd6536f2bce13836ffa3a5458c4903a597bb3bf5"
-  integrity sha512-C4Aq+GaAj83pRQ0EFgTvw5YO6T3Qz2KGrNRwIj9mSoNHVvdZY4KO2uA6HNtNXCw993iSZnckY1aLW8nOi8i4+w==
-
-babel-plugin-transform-object-rest-spread@^6.26.0:
-  version "6.26.0"
-  resolved "https://registry.yarnpkg.com/babel-plugin-transform-object-rest-spread/-/babel-plugin-transform-object-rest-spread-6.26.0.tgz#0f36692d50fef6b7e2d4b3ac1478137a963b7b06"
-  integrity sha512-ocgA9VJvyxwt+qJB0ncxV8kb/CjfTcECUY4tQ5VT7nP6Aohzobm8CDFaQ5FHdvZQzLmf0sgDxB8iRXZXxwZcyA==
-  dependencies:
-    babel-plugin-syntax-object-rest-spread "^6.8.0"
-    babel-runtime "^6.26.0"
-
-babel-plugin-transform-react-remove-prop-types@^0.4.24:
-  version "0.4.24"
-  resolved "https://registry.yarnpkg.com/babel-plugin-transform-react-remove-prop-types/-/babel-plugin-transform-react-remove-prop-types-0.4.24.tgz#f2edaf9b4c6a5fbe5c1d678bfb531078c1555f3a"
-  integrity sha512-eqj0hVcJUR57/Ug2zE1Yswsw4LhuqqHhD+8v120T1cl3kjg76QwtyBrdIk4WVwK+lAhBJVYCd/v+4nc4y+8JsA==
-
 babel-preset-current-node-syntax@^1.0.0:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/babel-preset-current-node-syntax/-/babel-preset-current-node-syntax-1.0.1.tgz#b4399239b89b2a011f9ddbe3e4f401fc40cff73b"
@@ -3468,81 +3022,33 @@ babel-preset-current-node-syntax@^1.0.0:
     "@babel/plugin-syntax-optional-chaining" "^7.8.3"
     "@babel/plugin-syntax-top-level-await" "^7.8.3"
 
-babel-preset-jest@^26.6.2:
-  version "26.6.2"
-  resolved "https://registry.yarnpkg.com/babel-preset-jest/-/babel-preset-jest-26.6.2.tgz#747872b1171df032252426586881d62d31798fee"
-  integrity sha512-YvdtlVm9t3k777c5NPQIv6cxFFFapys25HiUmuSgHwIZhfifweR5c5Sf5nwE3MAbfu327CYSvps8Yx6ANLyleQ==
+babel-preset-jest@^29.6.3:
+  version "29.6.3"
+  resolved "https://registry.yarnpkg.com/babel-preset-jest/-/babel-preset-jest-29.6.3.tgz#fa05fa510e7d493896d7b0dd2033601c840f171c"
+  integrity sha512-0B3bhxR6snWXJZtR/RliHTDPRgn1sNHOR0yVtq/IiQFyuOVjFS+wuio/R4gSNkyYmKmJB4wGZv2NZanmKmTnNA==
   dependencies:
-    babel-plugin-jest-hoist "^26.6.2"
+    babel-plugin-jest-hoist "^29.6.3"
     babel-preset-current-node-syntax "^1.0.0"
 
-babel-preset-react-app@^10.0.0:
-  version "10.0.1"
-  resolved "https://registry.yarnpkg.com/babel-preset-react-app/-/babel-preset-react-app-10.0.1.tgz#ed6005a20a24f2c88521809fa9aea99903751584"
-  integrity sha512-b0D9IZ1WhhCWkrTXyFuIIgqGzSkRIH5D5AmB0bXbzYAB1OBAwHcUeyWW2LorutLWF5btNo/N7r/cIdmvvKJlYg==
-  dependencies:
-    "@babel/core" "^7.16.0"
-    "@babel/plugin-proposal-class-properties" "^7.16.0"
-    "@babel/plugin-proposal-decorators" "^7.16.4"
-    "@babel/plugin-proposal-nullish-coalescing-operator" "^7.16.0"
-    "@babel/plugin-proposal-numeric-separator" "^7.16.0"
-    "@babel/plugin-proposal-optional-chaining" "^7.16.0"
-    "@babel/plugin-proposal-private-methods" "^7.16.0"
-    "@babel/plugin-transform-flow-strip-types" "^7.16.0"
-    "@babel/plugin-transform-react-display-name" "^7.16.0"
-    "@babel/plugin-transform-runtime" "^7.16.4"
-    "@babel/preset-env" "^7.16.4"
-    "@babel/preset-react" "^7.16.0"
-    "@babel/preset-typescript" "^7.16.0"
-    "@babel/runtime" "^7.16.3"
-    babel-plugin-macros "^3.1.0"
-    babel-plugin-transform-react-remove-prop-types "^0.4.24"
-
-babel-runtime@^6.26.0:
-  version "6.26.0"
-  resolved "https://registry.yarnpkg.com/babel-runtime/-/babel-runtime-6.26.0.tgz#965c7058668e82b55d7bfe04ff2337bc8b5647fe"
-  integrity sha512-ITKNuq2wKlW1fJg9sSW52eepoYgZBggvOAHC0u/CYu/qxQ9EVzThCgR69BnSXLHjy2f7SY5zaQ4yt7H9ZVxY2g==
-  dependencies:
-    core-js "^2.4.0"
-    regenerator-runtime "^0.11.0"
-
-babylon@^6.18.0:
-  version "6.18.0"
-  resolved "https://registry.yarnpkg.com/babylon/-/babylon-6.18.0.tgz#af2f3b88fa6f5c1e4c634d1a0f8eac4f55b395e3"
-  integrity sha512-q/UEjfGJ2Cm3oKV71DJz9d25TPnq5rhBVL2Q4fA5wcC3jcrdn7+SssEybFIxwAvvP+YCsCYNKughoF33GxgycQ==
-
-bail@^1.0.0:
-  version "1.0.5"
-  resolved "https://registry.yarnpkg.com/bail/-/bail-1.0.5.tgz#b6fa133404a392cbc1f8c4bf63f5953351e7a776"
-  integrity sha512-xFbRxM1tahm08yHBP16MMjVUAvDaBMD38zsM9EMAUN61omwLmKlOpB/Zku5QkjZ8TZ4vn53pj+t518cH0S03RQ==
+bail@^2.0.0:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/bail/-/bail-2.0.2.tgz#d26f5cd8fe5d6f832a31517b9f7c356040ba6d5d"
+  integrity sha512-0xO6mYd7JB2YesxDKplafRpsiOzPt9V02ddPCLbY1xYGPOX24NTyN50qnUxgCPcSoYMhKpAuBTjQoRZCAkUDRw==
 
 balanced-match@^1.0.0:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/balanced-match/-/balanced-match-1.0.2.tgz#e83e3a7e3f300b34cb9d87f615fa0cbf357690ee"
   integrity sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==
 
-base64-js@^1.0.2:
-  version "1.5.1"
-  resolved "https://registry.yarnpkg.com/base64-js/-/base64-js-1.5.1.tgz#1b1b440160a5bf7ad40b650f095963481903930a"
-  integrity sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==
-
-base@^0.11.1:
-  version "0.11.2"
-  resolved "https://registry.yarnpkg.com/base/-/base-0.11.2.tgz#7bde5ced145b6d551a90db87f83c558b4eb48a8f"
-  integrity sha512-5T6P4xPgpp0YDFvSWwEZ4NoE3aM4QBQXDzmVbraCkFj8zHM+mba8SyqB5DbZWyR7mYHo6Y7BdQo3MoA4m0TeQg==
-  dependencies:
-    cache-base "^1.0.1"
-    class-utils "^0.3.5"
-    component-emitter "^1.2.1"
-    define-property "^1.0.0"
-    isobject "^3.0.1"
-    mixin-deep "^1.2.0"
-    pascalcase "^0.1.1"
-
-batch@0.6.1:
-  version "0.6.1"
-  resolved "https://registry.yarnpkg.com/batch/-/batch-0.6.1.tgz#dc34314f4e679318093fc760272525f94bf25c16"
-  integrity sha512-x+VAiMRL6UPkx+kudNvxTl6hB2XNNCG2r+7wixVfIYwu/2HKRXimwQyaumLjMveWvT2Hkd/cAJw+QBMfJ/EKVw==
+balanced-match@^4.0.2:
+  version "4.0.4"
+  resolved "https://registry.yarnpkg.com/balanced-match/-/balanced-match-4.0.4.tgz#bfb10662feed8196a2c62e7c68e17720c274179a"
+  integrity sha512-BLrgEcRTwX2o6gGxGOCNyMvGSp35YofuYzw9h1IMTRmKqttAZZVU67bdb9Pr2vUHA8+j3i2tJfjO6C6+4myGTA==
+
+baseline-browser-mapping@^2.10.12:
+  version "2.10.16"
+  resolved "https://registry.yarnpkg.com/baseline-browser-mapping/-/baseline-browser-mapping-2.10.16.tgz#ef80cf218a53f165689a6e32ffffdca1f35d979c"
+  integrity sha512-Lyf3aK28zpsD1yQMiiHD4RvVb6UdMoo8xzG2XzFIfR9luPzOpcBlAsT/qfB1XWS1bxWT+UtE4WmQgsp297FYOA==
 
 bcrypt-pbkdf@^1.0.0:
   version "1.0.2"
@@ -3556,22 +3062,6 @@ before-after-hook@^2.2.0:
   resolved "https://registry.yarnpkg.com/before-after-hook/-/before-after-hook-2.2.3.tgz#c51e809c81a4e354084422b9b26bad88249c517c"
   integrity sha512-NzUnlZexiaH/46WDhANlyR2bXRopNg4F/zuSA3OpZnllCUgRaOF2znDioDWrmbNVsuZk6l9pMquQB38cfBZwkQ==
 
-bfj@^7.0.2:
-  version "7.1.0"
-  resolved "https://registry.yarnpkg.com/bfj/-/bfj-7.1.0.tgz#c5177d522103f9040e1b12980fe8c38cf41d3f8b"
-  integrity sha512-I6MMLkn+anzNdCUp9hMRyui1HaNEUCco50lxbvNS4+EyXg8lN3nJ48PjPWtbH8UVS9CuMoaKE9U2V3l29DaRQw==
-  dependencies:
-    bluebird "^3.7.2"
-    check-types "^11.2.3"
-    hoopy "^0.1.4"
-    jsonpath "^1.1.1"
-    tryer "^1.0.1"
-
-big.js@^5.2.2:
-  version "5.2.2"
-  resolved "https://registry.yarnpkg.com/big.js/-/big.js-5.2.2.tgz#65f0af382f578bcdc742bd9c281e9cb2d7768328"
-  integrity sha512-vyL2OymJxmarO8gxMr0mhChsO9QGwhynfuu4+MHTAW6czfq9humCB7rKpUjDd9YUiDPU4mzpyupFSvOClAwbmQ==
-
 bin-links@^2.2.1:
   version "2.3.0"
   resolved "https://registry.yarnpkg.com/bin-links/-/bin-links-2.3.0.tgz#1ff241c86d2c29b24ae52f49544db5d78a4eb967"
@@ -3584,73 +3074,11 @@ bin-links@^2.2.1:
     rimraf "^3.0.0"
     write-file-atomic "^3.0.3"
 
-binary-extensions@^1.0.0:
-  version "1.13.1"
-  resolved "https://registry.yarnpkg.com/binary-extensions/-/binary-extensions-1.13.1.tgz#598afe54755b2868a5330d2aff9d4ebb53209b65"
-  integrity sha512-Un7MIEDdUC5gNpcGDV97op1Ywk748MpHcFTHoYs6qnj1Z3j7I53VG3nwZhKzoBZmbdRNnb6WRdFlwl7tSDuZGw==
-
-binary-extensions@^2.0.0, binary-extensions@^2.2.0:
+binary-extensions@^2.2.0:
   version "2.2.0"
   resolved "https://registry.yarnpkg.com/binary-extensions/-/binary-extensions-2.2.0.tgz#75f502eeaf9ffde42fc98829645be4ea76bd9e2d"
   integrity sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==
 
-bindings@^1.5.0:
-  version "1.5.0"
-  resolved "https://registry.yarnpkg.com/bindings/-/bindings-1.5.0.tgz#10353c9e945334bc0511a6d90b38fbc7c9c504df"
-  integrity sha512-p2q/t/mhvuOj/UeLlV6566GD/guowlr0hHxClI0W9m7MWYkL1F0hLo+0Aexs9HSPCtR1SXQ0TD3MMKrXZajbiQ==
-  dependencies:
-    file-uri-to-path "1.0.0"
-
-bluebird@3.7.2, bluebird@^3.5.5, bluebird@^3.7.2:
-  version "3.7.2"
-  resolved "https://registry.yarnpkg.com/bluebird/-/bluebird-3.7.2.tgz#9f229c15be272454ffa973ace0dbee79a1b0c36f"
-  integrity sha512-XpNj6GDQzdfW+r2Wnn7xiSAd7TM3jzkxGXBGTtWKuSXv1xUV+azxAm8jdWZN06QTQk+2N2XB9jRDkvbmQmcRtg==
-
-bn.js@^4.0.0, bn.js@^4.1.0, bn.js@^4.11.9:
-  version "4.12.0"
-  resolved "https://registry.yarnpkg.com/bn.js/-/bn.js-4.12.0.tgz#775b3f278efbb9718eec7361f483fb36fbbfea88"
-  integrity sha512-c98Bf3tPniI+scsdk237ku1Dc3ujXQTSgyiPUDEOe7tRkhrqridvh8klBv0HCEso1OLOYcHuCv/cS6DNxKH+ZA==
-
-bn.js@^5.0.0, bn.js@^5.2.1:
-  version "5.2.1"
-  resolved "https://registry.yarnpkg.com/bn.js/-/bn.js-5.2.1.tgz#0bc527a6a0d18d0aa8d5b0538ce4a77dccfa7b70"
-  integrity sha512-eXRvHzWyYPBuB4NBy0cmYQjGitUrtqwbvlzP3G6VFnNRbsZQIxQ10PbKKHt8gZ/HW/D/747aDl+QkDqg3KQLMQ==
-
-body-parser@1.20.1:
-  version "1.20.1"
-  resolved "https://registry.yarnpkg.com/body-parser/-/body-parser-1.20.1.tgz#b1812a8912c195cd371a3ee5e66faa2338a5c668"
-  integrity sha512-jWi7abTbYwajOytWCQc37VulmWiRae5RyTpaCyDcS5/lMdtwSz5lOpDE67srw/HYe35f1z3fDQw+3txg7gNtWw==
-  dependencies:
-    bytes "3.1.2"
-    content-type "~1.0.4"
-    debug "2.6.9"
-    depd "2.0.0"
-    destroy "1.2.0"
-    http-errors "2.0.0"
-    iconv-lite "0.4.24"
-    on-finished "2.4.1"
-    qs "6.11.0"
-    raw-body "2.5.1"
-    type-is "~1.6.18"
-    unpipe "1.0.0"
-
-bonjour@^3.5.0:
-  version "3.5.0"
-  resolved "https://registry.yarnpkg.com/bonjour/-/bonjour-3.5.0.tgz#8e890a183d8ee9a2393b3844c691a42bcf7bc9f5"
-  integrity sha512-RaVTblr+OnEli0r/ud8InrU7D+G0y6aJhlxaLa6Pwty4+xoxboF1BsUI45tujvRpbj9dQVoglChqonGAsjEBYg==
-  dependencies:
-    array-flatten "^2.1.0"
-    deep-equal "^1.0.1"
-    dns-equal "^1.0.0"
-    dns-txt "^2.0.2"
-    multicast-dns "^6.0.1"
-    multicast-dns-service-types "^1.1.0"
-
-boolbase@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/boolbase/-/boolbase-1.0.0.tgz#68dff5fbe60c51eb37725ea9e3ed310dcc1e776e"
-  integrity sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww==
-
 bottleneck@^2.18.1:
   version "2.19.5"
   resolved "https://registry.yarnpkg.com/bottleneck/-/bottleneck-2.19.5.tgz#5df0b90f59fd47656ebe63c78a98419205cadd91"
@@ -3664,219 +3092,65 @@ brace-expansion@^1.1.7:
     balanced-match "^1.0.0"
     concat-map "0.0.1"
 
-brace-expansion@^2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/brace-expansion/-/brace-expansion-2.0.1.tgz#1edc459e0f0c548486ecf9fc99f2221364b9a0ae"
-  integrity sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==
+brace-expansion@^2.0.2:
+  version "2.0.3"
+  resolved "https://registry.yarnpkg.com/brace-expansion/-/brace-expansion-2.0.3.tgz#0493338bdd58e319b1039c67cf7ee439892c01d9"
+  integrity sha512-MCV/fYJEbqx68aE58kv2cA/kiky1G8vux3OR6/jbS+jIMe/6fJWa0DTzJU7dqijOWYwHi1t29FlfYI9uytqlpA==
   dependencies:
     balanced-match "^1.0.0"
 
-braces@3.0.3, braces@^2.3.1, braces@^2.3.2, braces@^3.0.2, braces@^3.0.3, braces@~3.0.2:
+brace-expansion@^5.0.2:
+  version "5.0.5"
+  resolved "https://registry.yarnpkg.com/brace-expansion/-/brace-expansion-5.0.5.tgz#dcc3a37116b79f3e1b46db994ced5d570e930fdb"
+  integrity sha512-VZznLgtwhn+Mact9tfiwx64fA9erHH/MCXEUfB/0bX/6Fz6ny5EGTXYltMocqg4xFAQZtnO3DHWWXi8RiuN7cQ==
+  dependencies:
+    balanced-match "^4.0.2"
+
+braces@^3.0.2:
   version "3.0.3"
   resolved "https://registry.yarnpkg.com/braces/-/braces-3.0.3.tgz#490332f40919452272d55a8480adc0c441358789"
   integrity sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==
   dependencies:
     fill-range "^7.1.1"
 
-brorand@^1.0.1, brorand@^1.1.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/brorand/-/brorand-1.1.0.tgz#12c25efe40a45e3c323eb8675a0a0ce57b22371f"
-  integrity sha512-cKV8tMCEpQs4hK/ik71d6LrPOnpkpGBR0wzxqr68g2m/LB2GxVYQroAjMJZRVM1Y4BCjCKc3vAamxSzOY2RP+w==
-
-browser-process-hrtime@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/browser-process-hrtime/-/browser-process-hrtime-1.0.0.tgz#3c9b4b7d782c8121e56f10106d84c0d0ffc94626"
-  integrity sha512-9o5UecI3GhkpM6DrXr69PblIuWxPKk9Y0jHBRhdocZ2y7YECBFCsHm79Pr3OyR2AvjhDkabFJaDJMYRazHgsow==
-
-browserify-aes@^1.0.0, browserify-aes@^1.0.4:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/browserify-aes/-/browserify-aes-1.2.0.tgz#326734642f403dabc3003209853bb70ad428ef48"
-  integrity sha512-+7CHXqGuspUn/Sl5aO7Ea0xWGAtETPXNSAjHo48JfLdPWcMng33Xe4znFvQweqc/uzk5zSOI3H52CYnjCfb5hA==
+browserslist@^4.21.9:
+  version "4.22.1"
+  resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-4.22.1.tgz#ba91958d1a59b87dab6fed8dfbcb3da5e2e9c619"
+  integrity sha512-FEVc202+2iuClEhZhrWy6ZiAcRLvNMyYcxZ8raemul1DYVOVdFsbqckWLdsixQZCpJlwe77Z3UTalE7jsjnKfQ==
   dependencies:
-    buffer-xor "^1.0.3"
-    cipher-base "^1.0.0"
-    create-hash "^1.1.0"
-    evp_bytestokey "^1.0.3"
-    inherits "^2.0.1"
-    safe-buffer "^5.0.1"
+    caniuse-lite "^1.0.30001541"
+    electron-to-chromium "^1.4.535"
+    node-releases "^2.0.13"
+    update-browserslist-db "^1.0.13"
 
-browserify-cipher@^1.0.0:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/browserify-cipher/-/browserify-cipher-1.0.1.tgz#8d6474c1b870bfdabcd3bcfcc1934a10e94f15f0"
-  integrity sha512-sPhkz0ARKbf4rRQt2hTpAHqn47X3llLkUGn+xEJzLjwY8LRs2p0v7ljvI5EyoRO/mexrNunNECisZs+gw2zz1w==
+browserslist@^4.24.0, browserslist@^4.28.1:
+  version "4.28.2"
+  resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-4.28.2.tgz#f50b65362ef48974ca9f50b3680566d786b811d2"
+  integrity sha512-48xSriZYYg+8qXna9kwqjIVzuQxi+KYWp2+5nCYnYKPTr0LvD89Jqk2Or5ogxz0NUMfIjhh2lIUX/LyX9B4oIg==
   dependencies:
-    browserify-aes "^1.0.4"
-    browserify-des "^1.0.0"
-    evp_bytestokey "^1.0.0"
+    baseline-browser-mapping "^2.10.12"
+    caniuse-lite "^1.0.30001782"
+    electron-to-chromium "^1.5.328"
+    node-releases "^2.0.36"
+    update-browserslist-db "^1.2.3"
 
-browserify-des@^1.0.0:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/browserify-des/-/browserify-des-1.0.2.tgz#3af4f1f59839403572f1c66204375f7a7f703e9c"
-  integrity sha512-BioO1xf3hFwz4kc6iBhI3ieDFompMhrMlnDFC4/0/vd5MokpuAc3R+LYbwTA9A5Yc9pq9UYPqffKpW2ObuwX5A==
+bser@2.1.1:
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/bser/-/bser-2.1.1.tgz#e6787da20ece9d07998533cfd9de6f5c38f4bc05"
+  integrity sha512-gQxTNE/GAfIIrmHLUE3oJyp5FO6HRBfhjnw4/wMmA63ZGDJnWBmgY/lyQBpnDUkGmAhbSe39tx2d/iTOAfglwQ==
   dependencies:
-    cipher-base "^1.0.1"
-    des.js "^1.0.0"
-    inherits "^2.0.1"
-    safe-buffer "^5.1.2"
-
-browserify-rsa@^4.0.0, browserify-rsa@^4.1.0:
-  version "4.1.0"
-  resolved "https://registry.yarnpkg.com/browserify-rsa/-/browserify-rsa-4.1.0.tgz#b2fd06b5b75ae297f7ce2dc651f918f5be158c8d"
-  integrity sha512-AdEER0Hkspgno2aR97SAf6vi0y0k8NuOpGnVH3O99rcA5Q6sh8QxcngtHuJ6uXwnfAXNM4Gn1Gb7/MV1+Ymbog==
-  dependencies:
-    bn.js "^5.0.0"
-    randombytes "^2.0.1"
-
-browserify-sign@^4.0.0:
-  version "4.2.2"
-  resolved "https://registry.yarnpkg.com/browserify-sign/-/browserify-sign-4.2.2.tgz#e78d4b69816d6e3dd1c747e64e9947f9ad79bc7e"
-  integrity sha512-1rudGyeYY42Dk6texmv7c4VcQ0EsvVbLwZkA+AQB7SxvXxmcD93jcHie8bzecJ+ChDlmAm2Qyu0+Ccg5uhZXCg==
-  dependencies:
-    bn.js "^5.2.1"
-    browserify-rsa "^4.1.0"
-    create-hash "^1.2.0"
-    create-hmac "^1.1.7"
-    elliptic "^6.5.4"
-    inherits "^2.0.4"
-    parse-asn1 "^5.1.6"
-    readable-stream "^3.6.2"
-    safe-buffer "^5.2.1"
-
-browserify-zlib@^0.2.0:
-  version "0.2.0"
-  resolved "https://registry.yarnpkg.com/browserify-zlib/-/browserify-zlib-0.2.0.tgz#2869459d9aa3be245fe8fe2ca1f46e2e7f54d73f"
-  integrity sha512-Z942RysHXmJrhqk88FmKBVq/v5tqmSkDz7p54G/MGyjMnCFFnC79XWNbg+Vta8W6Wb2qtSZTSxIGkJrRpCFEiA==
-  dependencies:
-    pako "~1.0.5"
-
-browserslist@4.14.2:
-  version "4.14.2"
-  resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-4.14.2.tgz#1b3cec458a1ba87588cc5e9be62f19b6d48813ce"
-  integrity sha512-HI4lPveGKUR0x2StIz+2FXfDk9SfVMrxn6PLh1JeGUwcuoDkdKZebWiyLRJ68iIPDpMI4JLVDf7S7XzslgWOhw==
-  dependencies:
-    caniuse-lite "^1.0.30001125"
-    electron-to-chromium "^1.3.564"
-    escalade "^3.0.2"
-    node-releases "^1.1.61"
-
-browserslist@^4.0.0, browserslist@^4.12.0, browserslist@^4.18.1, browserslist@^4.21.9, browserslist@^4.22.1, browserslist@^4.6.2, browserslist@^4.6.4:
-  version "4.22.1"
-  resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-4.22.1.tgz#ba91958d1a59b87dab6fed8dfbcb3da5e2e9c619"
-  integrity sha512-FEVc202+2iuClEhZhrWy6ZiAcRLvNMyYcxZ8raemul1DYVOVdFsbqckWLdsixQZCpJlwe77Z3UTalE7jsjnKfQ==
-  dependencies:
-    caniuse-lite "^1.0.30001541"
-    electron-to-chromium "^1.4.535"
-    node-releases "^2.0.13"
-    update-browserslist-db "^1.0.13"
-
-bser@2.1.1:
-  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/bser/-/bser-2.1.1.tgz#e6787da20ece9d07998533cfd9de6f5c38f4bc05"
-  integrity sha512-gQxTNE/GAfIIrmHLUE3oJyp5FO6HRBfhjnw4/wMmA63ZGDJnWBmgY/lyQBpnDUkGmAhbSe39tx2d/iTOAfglwQ==
-  dependencies:
-    node-int64 "^0.4.0"
-
-buble@0.20.0:
-  version "0.20.0"
-  resolved "https://registry.yarnpkg.com/buble/-/buble-0.20.0.tgz#a143979a8d968b7f76b57f38f2e7ce7cfe938d1f"
-  integrity sha512-/1gnaMQE8xvd5qsNBl+iTuyjJ9XxeaVxAMF86dQ4EyxFJOZtsgOS8Ra+7WHgZTam5IFDtt4BguN0sH0tVTKrOw==
-  dependencies:
-    acorn "^6.4.1"
-    acorn-dynamic-import "^4.0.0"
-    acorn-jsx "^5.2.0"
-    chalk "^2.4.2"
-    magic-string "^0.25.7"
-    minimist "^1.2.5"
-    regexpu-core "4.5.4"
+    node-int64 "^0.4.0"
 
 buffer-from@^1.0.0:
   version "1.1.2"
   resolved "https://registry.yarnpkg.com/buffer-from/-/buffer-from-1.1.2.tgz#2b146a6fd72e80b4f55d255f35ed59a3a9a41bd5"
   integrity sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==
 
-buffer-indexof@^1.0.0:
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/buffer-indexof/-/buffer-indexof-1.1.1.tgz#52fabcc6a606d1a00302802648ef68f639da268c"
-  integrity sha512-4/rOEg86jivtPTeOUUT61jJO1Ya1TrR/OkqCSZDyq84WJh3LuuiphBYJN+fm5xufIk4XAFcEwte/8WzC8If/1g==
-
-buffer-xor@^1.0.3:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/buffer-xor/-/buffer-xor-1.0.3.tgz#26e61ed1422fb70dd42e6e36729ed51d855fe8d9"
-  integrity sha512-571s0T7nZWK6vB67HI5dyUF7wXiNcfaPPPTl6zYCNApANjIvYJTg7hlud/+cJpdAhS7dVzqMLmfhfHR3rAcOjQ==
-
-buffer@^4.3.0:
-  version "4.9.2"
-  resolved "https://registry.yarnpkg.com/buffer/-/buffer-4.9.2.tgz#230ead344002988644841ab0244af8c44bbe3ef8"
-  integrity sha512-xq+q3SRMOxGivLhBNaUdC64hDTQwejJ+H0T/NB1XMtTVEwNTrfFF3gAxiyW0Bu/xWEGhjVKgUcMhCrUy2+uCWg==
-  dependencies:
-    base64-js "^1.0.2"
-    ieee754 "^1.1.4"
-    isarray "^1.0.0"
-
-builtin-modules@^3.1.0:
-  version "3.3.0"
-  resolved "https://registry.yarnpkg.com/builtin-modules/-/builtin-modules-3.3.0.tgz#cae62812b89801e9656336e46223e030386be7b6"
-  integrity sha512-zhaCDicdLuWN5UbN5IMnFqNMhNfo919sH85y2/ea+5Yg9TsTkeZxpL+JLbp6cgYFS4sRLp3YV4S6yDuqVWHYOw==
-
-builtin-status-codes@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/builtin-status-codes/-/builtin-status-codes-3.0.0.tgz#85982878e21b98e1c66425e03d0174788f569ee8"
-  integrity sha512-HpGFw18DgFWlncDfjTa2rcQ4W88O1mC8e8yZ2AvQY5KDaktSTwo+KRf6nHK6FRI5FyRyb/5T6+TSxfP7QyGsmQ==
-
 builtins@^1.0.3:
   version "1.0.3"
   resolved "https://registry.yarnpkg.com/builtins/-/builtins-1.0.3.tgz#cb94faeb61c8696451db36534e1422f94f0aee88"
   integrity sha512-uYBjakWipfaO/bXI7E8rq6kpwHRZK5cNYrUv2OzZSI/FvmdMyXJ2tG9dKcjEC5YHmHpUAwsargWIZNWdxb/bnQ==
 
-bytes@3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/bytes/-/bytes-3.0.0.tgz#d32815404d689699f85a4ea4fa8755dd13a96048"
-  integrity sha512-pMhOfFDPiv9t5jjIXkHosWmkSyQbvsgEVNkz0ERHbuLh2T/7j4Mqqpz523Fe8MVY89KC6Sh/QfS2sM+SjgFDcw==
-
-bytes@3.1.2:
-  version "3.1.2"
-  resolved "https://registry.yarnpkg.com/bytes/-/bytes-3.1.2.tgz#8b0beeb98605adf1b128fa4386403c009e0221a5"
-  integrity sha512-/Nf7TyzTx6S3yRJObOAV7956r8cr2+Oj8AC5dt8wSP3BQAoeX58NoHyCU8P8zGkNXStjTSi6fzO6F0pBdcYbEg==
-
-c8@^7.6.0:
-  version "7.14.0"
-  resolved "https://registry.yarnpkg.com/c8/-/c8-7.14.0.tgz#f368184c73b125a80565e9ab2396ff0be4d732f3"
-  integrity sha512-i04rtkkcNcCf7zsQcSv/T9EbUn4RXQ6mropeMcjFOsQXQ0iGLAr/xT6TImQg4+U9hmNpN9XdvPkjUL1IzbgxJw==
-  dependencies:
-    "@bcoe/v8-coverage" "^0.2.3"
-    "@istanbuljs/schema" "^0.1.3"
-    find-up "^5.0.0"
-    foreground-child "^2.0.0"
-    istanbul-lib-coverage "^3.2.0"
-    istanbul-lib-report "^3.0.0"
-    istanbul-reports "^3.1.4"
-    rimraf "^3.0.2"
-    test-exclude "^6.0.0"
-    v8-to-istanbul "^9.0.0"
-    yargs "^16.2.0"
-    yargs-parser "^20.2.9"
-
-cacache@^12.0.2:
-  version "12.0.4"
-  resolved "https://registry.yarnpkg.com/cacache/-/cacache-12.0.4.tgz#668bcbd105aeb5f1d92fe25570ec9525c8faa40c"
-  integrity sha512-a0tMB40oefvuInr4Cwb3GerbL9xTj1D5yg0T5xrjGCGyfvbxseIXX7BAO/u/hIXdafzOI5JC3wDwHyf24buOAQ==
-  dependencies:
-    bluebird "^3.5.5"
-    chownr "^1.1.1"
-    figgy-pudding "^3.5.1"
-    glob "^7.1.4"
-    graceful-fs "^4.1.15"
-    infer-owner "^1.0.3"
-    lru-cache "^5.1.1"
-    mississippi "^3.0.0"
-    mkdirp "^0.5.1"
-    move-concurrently "^1.0.1"
-    promise-inflight "^1.0.1"
-    rimraf "^2.6.3"
-    ssri "^6.0.1"
-    unique-filename "^1.1.1"
-    y18n "^4.0.0"
-
 cacache@^15.0.3, cacache@^15.0.5, cacache@^15.2.0, cacache@^15.3.0:
   version "15.3.0"
   resolved "https://registry.yarnpkg.com/cacache/-/cacache-15.3.0.tgz#dc85380fb2f556fe3dda4c719bfa0ec875a7f1eb"
@@ -3901,22 +3175,7 @@ cacache@^15.0.3, cacache@^15.0.5, cacache@^15.2.0, cacache@^15.3.0:
     tar "^6.0.2"
     unique-filename "^1.1.1"
 
-cache-base@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/cache-base/-/cache-base-1.0.1.tgz#0a7f46416831c8b662ee36fe4e7c59d76f666ab2"
-  integrity sha512-AKcdTnFSWATd5/GCPRxr2ChwIJ85CeyrEyjRHlKxQ56d4XJMGym0uAiKn0xbLOGOl3+yRpOTi484dVCEc5AUzQ==
-  dependencies:
-    collection-visit "^1.0.0"
-    component-emitter "^1.2.1"
-    get-value "^2.0.6"
-    has-value "^1.0.0"
-    isobject "^3.0.1"
-    set-value "^2.0.0"
-    to-object-path "^0.3.0"
-    union-value "^1.0.0"
-    unset-value "^1.0.0"
-
-call-bind-apply-helpers@^1.0.0, call-bind-apply-helpers@^1.0.1, call-bind-apply-helpers@^1.0.2:
+call-bind-apply-helpers@^1.0.1, call-bind-apply-helpers@^1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/call-bind-apply-helpers/-/call-bind-apply-helpers-1.0.2.tgz#4b5428c222be985d79c3d82657479dbe0b59b2d6"
   integrity sha512-Sp1ablJ0ivDkSzjcaJdxEunN5/XvksFJ2sMBFfq6x0ryhQV/2b/KwFe21cMpmHtPOSij8K99/wSfoEuTObmuMQ==
@@ -3933,56 +3192,11 @@ call-bind@^1.0.0, call-bind@^1.0.2, call-bind@^1.0.4, call-bind@^1.0.5:
     get-intrinsic "^1.2.1"
     set-function-length "^1.1.1"
 
-call-bind@^1.0.8:
-  version "1.0.8"
-  resolved "https://registry.yarnpkg.com/call-bind/-/call-bind-1.0.8.tgz#0736a9660f537e3388826f440d5ec45f744eaa4c"
-  integrity sha512-oKlSFMcMwpUg2ednkhQ454wfWiU/ul3CkJe/PEHcTKuiX6RpbehUiFMXu13HalGZxfUwCQzZG747YXBn1im9ww==
-  dependencies:
-    call-bind-apply-helpers "^1.0.0"
-    es-define-property "^1.0.0"
-    get-intrinsic "^1.2.4"
-    set-function-length "^1.2.2"
-
-call-bound@^1.0.3, call-bound@^1.0.4:
-  version "1.0.4"
-  resolved "https://registry.yarnpkg.com/call-bound/-/call-bound-1.0.4.tgz#238de935d2a2a692928c538c7ccfa91067fd062a"
-  integrity sha512-+ys997U96po4Kx/ABpBCqhA9EuxJaQWDQg7295H4hBphv3IZg0boBKuwYpt4YXp6MZ5AmZQnU/tyMTlRpaSejg==
-  dependencies:
-    call-bind-apply-helpers "^1.0.2"
-    get-intrinsic "^1.3.0"
-
-caller-callsite@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/caller-callsite/-/caller-callsite-2.0.0.tgz#847e0fce0a223750a9a027c54b33731ad3154134"
-  integrity sha512-JuG3qI4QOftFsZyOn1qq87fq5grLIyk1JYd5lJmdA+fG7aQ9pA/i3JIJGcO3q0MrRcHlOt1U+ZeHW8Dq9axALQ==
-  dependencies:
-    callsites "^2.0.0"
-
-caller-path@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/caller-path/-/caller-path-2.0.0.tgz#468f83044e369ab2010fac5f06ceee15bb2cb1f4"
-  integrity sha512-MCL3sf6nCSXOwCTzvPKhN18TU7AHTvdtam8DAogxcrJ8Rjfbbg7Lgng64H9Iy+vUV6VGFClN/TyxBkAebLRR4A==
-  dependencies:
-    caller-callsite "^2.0.0"
-
-callsites@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/callsites/-/callsites-2.0.0.tgz#06eb84f00eea413da86affefacbffb36093b3c50"
-  integrity sha512-ksWePWBloaWPxJYQ8TL0JHvtci6G5QTKwQ95RcWAa/lzoAKuAOflGdAK92hpHXjkwb8zLxoLNUoNYZgVsaJzvQ==
-
 callsites@^3.0.0:
   version "3.1.0"
   resolved "https://registry.yarnpkg.com/callsites/-/callsites-3.1.0.tgz#b3630abd8943432f54b3f0519238e33cd7df2f73"
   integrity sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==
 
-camel-case@^4.1.1:
-  version "4.1.2"
-  resolved "https://registry.yarnpkg.com/camel-case/-/camel-case-4.1.2.tgz#9728072a954f805228225a6deea6b38461e1bd5a"
-  integrity sha512-gxGWBrTT1JuMx6R+o5PTXMmUnhnVzLQ9SNutD4YqKtI6ap897t3tKECYla6gCWEkplXnlNybEkZg9GEGxKFCgw==
-  dependencies:
-    pascal-case "^3.1.2"
-    tslib "^2.0.3"
-
 camelcase-keys@^6.2.2:
   version "6.2.2"
   resolved "https://registry.yarnpkg.com/camelcase-keys/-/camelcase-keys-6.2.2.tgz#5e755d6ba51aa223ec7d3d52f25778210f9dc3c0"
@@ -3992,12 +3206,12 @@ camelcase-keys@^6.2.2:
     map-obj "^4.0.0"
     quick-lru "^4.0.1"
 
-camelcase@5.3.1, camelcase@^5.0.0, camelcase@^5.3.1:
+camelcase@^5.3.1:
   version "5.3.1"
   resolved "https://registry.yarnpkg.com/camelcase/-/camelcase-5.3.1.tgz#e3c9b31569e106811df242f715725a1f4c494320"
   integrity sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==
 
-camelcase@^6.0.0, camelcase@^6.1.0, camelcase@^6.2.0:
+camelcase@^6.2.0:
   version "6.3.0"
   resolved "https://registry.yarnpkg.com/camelcase/-/camelcase-6.3.0.tgz#5685b95eb209ac9c0c177467778c9c84df58ba9a"
   integrity sha512-Gmy6FhYlCY7uOElZUSbxo2UCDH8owEk996gkbrpsgGtrJLM3J7jGxl9Ic7Qwwj4ivOE5AWZWRMecDdF7hqGjFA==
@@ -4007,32 +3221,20 @@ camelize@^1.0.0:
   resolved "https://registry.yarnpkg.com/camelize/-/camelize-1.0.1.tgz#89b7e16884056331a35d6b5ad064332c91daa6c3"
   integrity sha512-dU+Tx2fsypxTgtLoE36npi3UqcjSSMNYfkqgmoEhtZrraP5VWq0K7FkWVTYa8eMPtnU/G2txVsfdCJTn9uzpuQ==
 
-caniuse-api@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/caniuse-api/-/caniuse-api-3.0.0.tgz#5e4d90e2274961d46291997df599e3ed008ee4c0"
-  integrity sha512-bsTwuIg/BZZK/vreVTYYbSWoe2F+71P7K5QGEX+pT250DZbfU1MQ5prOKpPR+LL6uWKK3KMwMCAS74QB3Um1uw==
-  dependencies:
-    browserslist "^4.0.0"
-    caniuse-lite "^1.0.0"
-    lodash.memoize "^4.1.2"
-    lodash.uniq "^4.5.0"
-
-caniuse-lite@^1.0.0, caniuse-lite@^1.0.30000981, caniuse-lite@^1.0.30001109, caniuse-lite@^1.0.30001125, caniuse-lite@^1.0.30001541:
+caniuse-lite@^1.0.30001541:
   version "1.0.30001727"
   resolved "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001727.tgz"
   integrity sha512-pB68nIHmbN6L/4C6MH1DokyR3bYqFwjaSs/sWDHGj4CTcFtQUQMuJftVwWkXq7mNWOybD3KhUv3oWHoGxgP14Q==
 
-canvas-confetti@1.6.0:
-  version "1.6.0"
-  resolved "https://registry.yarnpkg.com/canvas-confetti/-/canvas-confetti-1.6.0.tgz#193f71aa8f38fc850a5ba94f59091a7afdb43ead"
-  integrity sha512-ej+w/m8Jzpv9Z7W7uJZer14Ke8P2ogsjg4ZMGIuq4iqUOqY2Jq8BNW42iGmNfRwREaaEfFIczLuZZiEVSYNHAA==
+caniuse-lite@^1.0.30001782:
+  version "1.0.30001787"
+  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001787.tgz#fd25c5e42e2d35df5c75eddda00d15d9c0c68f81"
+  integrity sha512-mNcrMN9KeI68u7muanUpEejSLghOKlVhRqS/Za2IeyGllJ9I9otGpR9g3nsw7n4W378TE/LyIteA0+/FOZm4Kg==
 
-capture-exit@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/capture-exit/-/capture-exit-2.0.0.tgz#fb953bfaebeb781f62898239dabb426d08a509a4"
-  integrity sha512-PiT/hQmTonHhl/HFGN+Lx3JJUznrVYJ3+AQsnthneZbvW7x+f08Tk7yLJTLEOUvBTbduLeeBkxEaYXUOUrRq6g==
-  dependencies:
-    rsvp "^4.8.4"
+canvas-confetti@^1.9.2:
+  version "1.9.4"
+  resolved "https://registry.yarnpkg.com/canvas-confetti/-/canvas-confetti-1.9.4.tgz#4412a5daa96afd0b4d70ecd66b65ce8db3022b2b"
+  integrity sha512-yxQbJkAVrFXWNbTUjPqjF7G+g6pDotOUHGbkZq2NELZUMDpiJ85rIEazVb8GTaAptNW2miJAXbs1BtioA251Pw==
 
 cardinal@^2.1.1:
   version "2.1.1"
@@ -4042,17 +3244,17 @@ cardinal@^2.1.1:
     ansicolors "~0.3.2"
     redeyed "~2.1.0"
 
-case-sensitive-paths-webpack-plugin@2.3.0:
-  version "2.3.0"
-  resolved "https://registry.yarnpkg.com/case-sensitive-paths-webpack-plugin/-/case-sensitive-paths-webpack-plugin-2.3.0.tgz#23ac613cc9a856e4f88ff8bb73bbb5e989825cf7"
-  integrity sha512-/4YgnZS8y1UXXmC02xD5rRrBEu6T5ub+mQHLNRj0fzTRbgdBYhsNo2V5EqwgqrExjxsjtF/OpAKAMkKsxbD5XQ==
-
 caseless@~0.12.0:
   version "0.12.0"
   resolved "https://registry.yarnpkg.com/caseless/-/caseless-0.12.0.tgz#1b681c21ff84033c826543090689420d187151dc"
   integrity sha512-4tYFyifaFfGacoiObjJegolkwSU4xQNGbVgUiNYVUxbQ2x2lUsFvY4hVgVzGiIe6WLOPqycWXA40l+PWsxthUw==
 
-chalk@2.4.2, chalk@^2.3.2, chalk@^2.4.1, chalk@^2.4.2:
+ccount@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/ccount/-/ccount-2.0.1.tgz#17a3bf82302e0870d6da43a01311a8bc02a3ecf5"
+  integrity sha512-eyrF0jiFpY+3drT6383f1qhkbGsLSifNAjA61IUjZjmLCWjItY6LB9ft9YhoDgwfmclB2zhu51Lc7+95b8NRAg==
+
+chalk@^2.3.2, chalk@^2.4.2:
   version "2.4.2"
   resolved "https://registry.yarnpkg.com/chalk/-/chalk-2.4.2.tgz#cd42541677a54333cf541a49108c1432b44c9424"
   integrity sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==
@@ -4061,15 +3263,7 @@ chalk@2.4.2, chalk@^2.3.2, chalk@^2.4.1, chalk@^2.4.2:
     escape-string-regexp "^1.0.5"
     supports-color "^5.3.0"
 
-chalk@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/chalk/-/chalk-3.0.0.tgz#3f73c2bf526591f574cc492c51e2456349f844e4"
-  integrity sha512-4D3B6Wf41KOYRFdszmDqMCGq5VV/uMAB273JILmO+3jAlh8X4qDtdtgCR3fxtbLEMzSx22QdhnDcJvu2u1fVwg==
-  dependencies:
-    ansi-styles "^4.1.0"
-    supports-color "^7.1.0"
-
-chalk@^4.0.0, chalk@^4.0.2, chalk@^4.1.0, chalk@^4.1.2:
+chalk@^4.0.0, chalk@^4.1.0, chalk@^4.1.2:
   version "4.1.2"
   resolved "https://registry.yarnpkg.com/chalk/-/chalk-4.1.2.tgz#aac4e2b7734a740867aeb16bf02aad556a1e7a01"
   integrity sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==
@@ -4082,84 +3276,35 @@ char-regex@^1.0.2:
   resolved "https://registry.yarnpkg.com/char-regex/-/char-regex-1.0.2.tgz#d744358226217f981ed58f479b1d6bcc29545dcf"
   integrity sha512-kWWXztvZ5SBQV+eRgKFeh8q5sLuZY2+8WUIzlxWVTg+oGwY14qylx1KbKzHd8P6ZYkAg0xyIDU9JMHhyJMZ1jw==
 
-character-entities-legacy@^1.0.0:
-  version "1.1.4"
-  resolved "https://registry.yarnpkg.com/character-entities-legacy/-/character-entities-legacy-1.1.4.tgz#94bc1845dce70a5bb9d2ecc748725661293d8fc1"
-  integrity sha512-3Xnr+7ZFS1uxeiUDvV02wQ+QDbc55o97tIV5zHScSPJpcLm/r0DFPcoY3tYRp+VZukxuMeKgXYmsXQHO05zQeA==
+character-entities-html4@^2.0.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/character-entities-html4/-/character-entities-html4-2.1.0.tgz#1f1adb940c971a4b22ba39ddca6b618dc6e56b2b"
+  integrity sha512-1v7fgQRj6hnSwFpq1Eu0ynr/CDEw0rXo2B61qXrLNdHZmPKgb7fqS1a2JwF0rISo9q77jDI8VMEHoApn8qDoZA==
 
-character-entities@^1.0.0:
-  version "1.2.4"
-  resolved "https://registry.yarnpkg.com/character-entities/-/character-entities-1.2.4.tgz#e12c3939b7eaf4e5b15e7ad4c5e28e1d48c5b16b"
-  integrity sha512-iBMyeEHxfVnIakwOuDXpVkc54HijNgCyQB2w0VfGQThle6NXn50zU6V/u+LDhxHcDUPojn6Kpga3PTAD8W1bQw==
+character-entities-legacy@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/character-entities-legacy/-/character-entities-legacy-3.0.0.tgz#76bc83a90738901d7bc223a9e93759fdd560125b"
+  integrity sha512-RpPp0asT/6ufRm//AJVwpViZbGM/MkjQFxJccQRHmISF/22NBtsHqAWmL+/pmkPWoIUJdWyeVleTl1wydHATVQ==
 
-character-reference-invalid@^1.0.0:
-  version "1.1.4"
-  resolved "https://registry.yarnpkg.com/character-reference-invalid/-/character-reference-invalid-1.1.4.tgz#083329cda0eae272ab3dbbf37e9a382c13af1560"
-  integrity sha512-mKKUkUbhPpQlCOfIuZkvSEgktjPFIsZKRRbC6KWVEMvlzblj3i3asQv5ODsrwt0N3pHAEvjP8KTQPHkp0+6jOg==
-
-check-more-types@2.24.0:
-  version "2.24.0"
-  resolved "https://registry.yarnpkg.com/check-more-types/-/check-more-types-2.24.0.tgz#1420ffb10fd444dcfc79b43891bbfffd32a84600"
-  integrity sha512-Pj779qHxV2tuapviy1bSZNEL1maXr13bPYpsvSDB68HlYcYuhlDrmGd63i0JHMCLKzc7rUSNIrpdJlhVlNwrxA==
-
-check-types@^11.2.3:
-  version "11.2.3"
-  resolved "https://registry.yarnpkg.com/check-types/-/check-types-11.2.3.tgz#1ffdf68faae4e941fce252840b1787b8edc93b71"
-  integrity sha512-+67P1GkJRaxQD6PKK0Et9DhwQB+vGg3PM5+aavopCpZT1lj9jeqfvpgTLAWErNj8qApkkmXlu/Ug74kmhagkXg==
-
-chokidar@^2.1.8:
-  version "2.1.8"
-  resolved "https://registry.yarnpkg.com/chokidar/-/chokidar-2.1.8.tgz#804b3a7b6a99358c3c5c61e71d8728f041cff917"
-  integrity sha512-ZmZUazfOzf0Nve7duiCKD23PFSCs4JPoYyccjUFF3aQkQadqBhfzhjkwBH2mNOG9cTBwhamM37EIsIkZw3nRgg==
-  dependencies:
-    anymatch "^2.0.0"
-    async-each "^1.0.1"
-    braces "^2.3.2"
-    glob-parent "^3.1.0"
-    inherits "^2.0.3"
-    is-binary-path "^1.0.0"
-    is-glob "^4.0.0"
-    normalize-path "^3.0.0"
-    path-is-absolute "^1.0.0"
-    readdirp "^2.2.1"
-    upath "^1.1.1"
-  optionalDependencies:
-    fsevents "^1.2.7"
-
-chokidar@^3.4.0, chokidar@^3.4.1, chokidar@^3.4.2:
-  version "3.5.3"
-  resolved "https://registry.yarnpkg.com/chokidar/-/chokidar-3.5.3.tgz#1cf37c8707b932bd1af1ae22c0432e2acd1903bd"
-  integrity sha512-Dr3sfKRP6oTcjf2JmUmFJfeVMvXBdegxB0iVQ5eb2V10uFJUCAS8OByZdVAyVb8xXNz3GjjTgj9kLWsZTqE6kw==
-  dependencies:
-    anymatch "~3.1.2"
-    braces "~3.0.2"
-    glob-parent "~5.1.2"
-    is-binary-path "~2.1.0"
-    is-glob "~4.0.1"
-    normalize-path "~3.0.0"
-    readdirp "~3.6.0"
-  optionalDependencies:
-    fsevents "~2.3.2"
+character-entities@^2.0.0:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/character-entities/-/character-entities-2.0.2.tgz#2d09c2e72cd9523076ccb21157dff66ad43fcc22"
+  integrity sha512-shx7oQ0Awen/BRIdkjkvz54PnEEI/EjwXDSIZp86/KKdbafHh1Df/RYGBhn4hbe2+uKC9FnT5UCEdyPz3ai9hQ==
 
-chownr@^1.1.1:
-  version "1.1.4"
-  resolved "https://registry.yarnpkg.com/chownr/-/chownr-1.1.4.tgz#6fc9d7b42d32a583596337666e7d08084da2cc6b"
-  integrity sha512-jJ0bqzaylmJtVnNgzTeSOs8DPavpbYgEr/b0YL8/2GO3xJEhInFmhKMUnEJQjZumK7KXGFhUy89PrsJWlakBVg==
+character-reference-invalid@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/character-reference-invalid/-/character-reference-invalid-2.0.1.tgz#85c66b041e43b47210faf401278abf808ac45cb9"
+  integrity sha512-iBZ4F4wRbyORVsu0jPV7gXkOsGYjGHPmAyv+HiHG8gi5PtC9KI2j1+v8/tlibRvjoWX027ypmG/n0HtO5t7unw==
 
 chownr@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/chownr/-/chownr-2.0.0.tgz#15bfbe53d2eab4cf70f18a8cd68ebe5b3cb1dece"
   integrity sha512-bIomtDF5KGpdogkLd9VspvFzk9KfpyyGlS8YFVZl7TGPBHL5snIOnxeshwVgPteQ9b4Eydl+pVbIyE1DcvCWgQ==
 
-chrome-trace-event@^1.0.2:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/chrome-trace-event/-/chrome-trace-event-1.0.3.tgz#1015eced4741e15d06664a957dbbf50d041e26ac"
-  integrity sha512-p3KULyQg4S7NIHixdwbGX+nFHkoBiA4YQmyWtjb8XngSKV124nJmRysgAeujbUVb15vh+RvFUfCPqU7rXk+hZg==
-
-ci-info@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/ci-info/-/ci-info-2.0.0.tgz#67a9e964be31a51e15e5010d58e6f12834002f46"
-  integrity sha512-5tK7EtrZ0N+OLFMthtqOj4fI2Jeb88C4CAZPu25LDVUgXJ0A3Js4PMGqrn0JU1W0Mh1/Z8wZzYPxqUrXeBboCQ==
+ci-info@^3.2.0:
+  version "3.9.0"
+  resolved "https://registry.yarnpkg.com/ci-info/-/ci-info-3.9.0.tgz#4279a62028a7b1f262f3473fc9605f5e218c59b4"
+  integrity sha512-NIxF55hv4nSqQswkAeiOi1r83xy8JldOFDTWiug55KBu9Jnblncd2U6ViHmYgHf01TPZS77NJBhBMKdWj9HQMQ==
 
 cidr-regex@^3.1.1:
   version "3.1.1"
@@ -4168,50 +3313,16 @@ cidr-regex@^3.1.1:
   dependencies:
     ip-regex "^4.1.0"
 
-cipher-base@^1.0.0, cipher-base@^1.0.1, cipher-base@^1.0.3:
-  version "1.0.7"
-  resolved "https://registry.yarnpkg.com/cipher-base/-/cipher-base-1.0.7.tgz#bd094bfef42634ccfd9e13b9fc73274997111e39"
-  integrity sha512-Mz9QMT5fJe7bKI7MH31UilT5cEK5EHHRCccw/YRFsRY47AuNgaV6HY3rscp0/I4Q+tTW/5zoqpSeRRI54TkDWA==
-  dependencies:
-    inherits "^2.0.4"
-    safe-buffer "^5.2.1"
-    to-buffer "^1.2.2"
-
-cjs-module-lexer@^0.6.0:
-  version "0.6.0"
-  resolved "https://registry.yarnpkg.com/cjs-module-lexer/-/cjs-module-lexer-0.6.0.tgz#4186fcca0eae175970aee870b9fe2d6cf8d5655f"
-  integrity sha512-uc2Vix1frTfnuzxxu1Hp4ktSvM3QaI4oXl4ZUqL1wjTu/BGki9TrCWoqLTg/drR1KwAEarXuRFCG2Svr1GxPFw==
-
-class-utils@^0.3.5:
-  version "0.3.6"
-  resolved "https://registry.yarnpkg.com/class-utils/-/class-utils-0.3.6.tgz#f93369ae8b9a7ce02fd41faad0ca83033190c463"
-  integrity sha512-qOhPa/Fj7s6TY8H8esGu5QNpMMQxz79h+urzrNYN6mn+9BnxlDGf5QZ+XeCDsxSjPqsSR56XOZOJmpeurnLMeg==
-  dependencies:
-    arr-union "^3.1.0"
-    define-property "^0.2.5"
-    isobject "^3.0.0"
-    static-extend "^0.1.1"
-
-clean-css@^4.2.3:
-  version "4.2.4"
-  resolved "https://registry.yarnpkg.com/clean-css/-/clean-css-4.2.4.tgz#733bf46eba4e607c6891ea57c24a989356831178"
-  integrity sha512-EJUDT7nDVFDvaQgAo2G/PJvxmp1o/c6iXLbswsBbUFXi1Nr+AjA2cKmfbKDMjMvzEe75g3P6JkaDDAKk96A85A==
-  dependencies:
-    source-map "~0.6.0"
+cjs-module-lexer@^1.0.0:
+  version "1.4.3"
+  resolved "https://registry.yarnpkg.com/cjs-module-lexer/-/cjs-module-lexer-1.4.3.tgz#0f79731eb8cfe1ec72acd4066efac9d61991b00d"
+  integrity sha512-9z8TZaGM1pfswYeXrUpzPrkx8UnWYdhJclsiYMm6x/w5+nN+8Tf/LnAgfLGQCm59qAOxU8WwHEq2vNwF6i4j+Q==
 
 clean-stack@^2.0.0:
   version "2.2.0"
   resolved "https://registry.yarnpkg.com/clean-stack/-/clean-stack-2.2.0.tgz#ee8472dbb129e727b31e8a10a427dee9dfe4008b"
   integrity sha512-4diC9HaTE+KRAMWhDhrGOECgWZxoevMc5TlkObMqNSsVU62PYzXZ/SMTjzyGAFF1YusgxGcSWTEXBhp0CPwQ1A==
 
-clean-webpack-plugin@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/clean-webpack-plugin/-/clean-webpack-plugin-3.0.0.tgz#a99d8ec34c1c628a4541567aa7b457446460c62b"
-  integrity sha512-MciirUH5r+cYLGCOL5JX/ZLzOZbVr1ot3Fw+KcvbhUb6PM+yycqd9ZhIlcigQ5gl+XhppNmw3bEFuaaMNyLj3A==
-  dependencies:
-    "@types/webpack" "^4.4.31"
-    del "^4.1.1"
-
 cli-columns@^3.1.2:
   version "3.1.2"
   resolved "https://registry.yarnpkg.com/cli-columns/-/cli-columns-3.1.2.tgz#6732d972979efc2ae444a1f08e08fa139c96a18e"
@@ -4220,18 +3331,6 @@ cli-columns@^3.1.2:
     string-width "^2.0.0"
     strip-ansi "^3.0.1"
 
-cli-cursor@^3.1.0:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/cli-cursor/-/cli-cursor-3.1.0.tgz#264305a7ae490d1d03bf0c9ba7c925d1753af307"
-  integrity sha512-I/zHAwsKf9FqGoXM4WWRACob9+SNukZTd94DWF57E4toouRulbCxcUh6RKUEOQlYTHJnzkPMySvPNaaSLNfLZw==
-  dependencies:
-    restore-cursor "^3.1.0"
-
-cli-spinners@^2.2.0:
-  version "2.9.1"
-  resolved "https://registry.yarnpkg.com/cli-spinners/-/cli-spinners-2.9.1.tgz#9c0b9dad69a6d47cbb4333c14319b060ed395a35"
-  integrity sha512-jHgecW0pxkonBJdrKsqxgRX9AcG+u/5k0Q7WPDfi8AogLAdwxEkyYYNWwZ5GvVFoFx2uiY1eNcSK00fh+1+FyQ==
-
 cli-table3@^0.6.0:
   version "0.6.3"
   resolved "https://registry.yarnpkg.com/cli-table3/-/cli-table3-0.6.3.tgz#61ab765aac156b52f222954ffc607a6f01dbeeb2"
@@ -4241,29 +3340,6 @@ cli-table3@^0.6.0:
   optionalDependencies:
     "@colors/colors" "1.5.0"
 
-clipboard-copy@^3.1.0:
-  version "3.2.0"
-  resolved "https://registry.yarnpkg.com/clipboard-copy/-/clipboard-copy-3.2.0.tgz#3c5b8651d3512dcfad295d77a9eb09e7fac8d5fb"
-  integrity sha512-vooFaGFL6ulEP1liiaWFBmmfuPm3cY3y7T9eB83ZTnYc/oFeAKsq3NcDrOkBC8XaauEE8zHQwI7k0+JSYiVQSQ==
-
-cliui@^5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/cliui/-/cliui-5.0.0.tgz#deefcfdb2e800784aa34f46fa08e06851c7bbbc5"
-  integrity sha512-PYeGSEmmHM6zvoef2w8TPzlrnNpXIjTipYK780YswmIP9vjxmd6Y2a3CB2Ks6/AU8NHjZugXvo8w3oWM2qnwXA==
-  dependencies:
-    string-width "^3.1.0"
-    strip-ansi "^5.2.0"
-    wrap-ansi "^5.1.0"
-
-cliui@^6.0.0:
-  version "6.0.0"
-  resolved "https://registry.yarnpkg.com/cliui/-/cliui-6.0.0.tgz#511d702c0c4e41ca156d7d0e96021f23e13225b1"
-  integrity sha512-t6wbgtoCXvAzst7QgXxJYqPt0usEfbgQdftEPbLL/cvv6HPE5VgvqCuAIDR0NgU52ds6rFwqrgakNLrHEjCbrQ==
-  dependencies:
-    string-width "^4.2.0"
-    strip-ansi "^6.0.0"
-    wrap-ansi "^6.2.0"
-
 cliui@^7.0.2:
   version "7.0.4"
   resolved "https://registry.yarnpkg.com/cliui/-/cliui-7.0.4.tgz#a0265ee655476fc807aea9df3df8df7783808b4f"
@@ -4273,12 +3349,21 @@ cliui@^7.0.2:
     strip-ansi "^6.0.0"
     wrap-ansi "^7.0.0"
 
+cliui@^8.0.1:
+  version "8.0.1"
+  resolved "https://registry.yarnpkg.com/cliui/-/cliui-8.0.1.tgz#0c04b075db02cbfe60dc8e6cf2f5486b1a3608aa"
+  integrity sha512-BSeNnyus75C4//NQ9gQt1/csTXyo/8Sb+afLAkzAptFuMsod9HFokGNudZpi/oQV73hnVK+sR+5PVRMd+Dr7YQ==
+  dependencies:
+    string-width "^4.2.0"
+    strip-ansi "^6.0.1"
+    wrap-ansi "^7.0.0"
+
 clone@^1.0.2:
   version "1.0.4"
   resolved "https://registry.yarnpkg.com/clone/-/clone-1.0.4.tgz#da309cc263df15994c688ca902179ca3c7cd7c7e"
   integrity sha512-JQHZ2QMW6l3aH/j6xCqQThY/9OH4D/9ls34cgkUBiEeocRTU04tHfKPBsUK1PqZCUQM7GiA0IIXJSuXHI64Kbg==
 
-clsx@^1.0.4, clsx@^1.1.1:
+clsx@^1.1.1:
   version "1.2.1"
   resolved "https://registry.yarnpkg.com/clsx/-/clsx-1.2.1.tgz#0ddc4a20a549b59c93a4116bb26f5294ca17dc12"
   integrity sha512-EcR6r5a8bj6pu3ycsa/E/cKVGuTgZJZdsyUYHOksG/UHIiKfjxzRxYJpyVBwYaQeOvghal9fcc4PidlgzugAQg==
@@ -4295,15 +3380,6 @@ co@^4.6.0:
   resolved "https://registry.yarnpkg.com/co/-/co-4.6.0.tgz#6ea6bdf3d853ae54ccb8e47bfa0bf3f9031fb184"
   integrity sha512-QVb0dM5HvG+uaxitm8wONl7jltx8dqhfU33DcqtOZcLSVIKSDDLDi7+0LbAKiyI8hD9u42m2YxXSkMGWThaecQ==
 
-coa@^2.0.2:
-  version "2.0.2"
-  resolved "https://registry.yarnpkg.com/coa/-/coa-2.0.2.tgz#43f6c21151b4ef2bf57187db0d73de229e3e7ec3"
-  integrity sha512-q5/jG+YQnSy4nRTV4F7lPepBJZ8qBNJJDBuJdoejDyLXgmL7IEo+Le2JDZudFTFt7mrCqIRaSjws4ygRCTCAXA==
-  dependencies:
-    "@types/q" "^1.5.1"
-    chalk "^2.4.1"
-    q "^1.1.2"
-
 code-point-at@^1.0.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/code-point-at/-/code-point-at-1.1.0.tgz#0d070b4d043a5bea33a2f1a40e2edb3d9a4ccf77"
@@ -4314,15 +3390,7 @@ collect-v8-coverage@^1.0.0:
   resolved "https://registry.yarnpkg.com/collect-v8-coverage/-/collect-v8-coverage-1.0.2.tgz#c0b29bcd33bcd0779a1344c2136051e6afd3d9e9"
   integrity sha512-lHl4d5/ONEbLlJvaJNtsF/Lz+WvB07u2ycqTYbdrq7UypDXailES4valYb2eWiJFxZlVmpGekfqoxQhzyFdT4Q==
 
-collection-visit@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/collection-visit/-/collection-visit-1.0.0.tgz#4bc0373c164bc3291b4d368c829cf1a80a59dca0"
-  integrity sha512-lNkKvzEeMBBjUGHZ+q6z9pSJla0KWAQPvtzhEV9+iGyQYG+pBpl7xKDhxoNSOZH2hhv0v5k0y2yAM4o4SjoSkw==
-  dependencies:
-    map-visit "^1.0.0"
-    object-visit "^1.0.0"
-
-color-convert@^1.9.0, color-convert@^1.9.3:
+color-convert@^1.9.0:
   version "1.9.3"
   resolved "https://registry.yarnpkg.com/color-convert/-/color-convert-1.9.3.tgz#bb71850690e1f136567de629d2d5471deda4c1e8"
   integrity sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==
@@ -4341,37 +3409,16 @@ color-name@1.1.3:
   resolved "https://registry.yarnpkg.com/color-name/-/color-name-1.1.3.tgz#a7d0558bd89c42f795dd42328f740831ca53bc25"
   integrity sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==
 
-color-name@^1.0.0, color-name@~1.1.4:
+color-name@~1.1.4:
   version "1.1.4"
   resolved "https://registry.yarnpkg.com/color-name/-/color-name-1.1.4.tgz#c2a09a87acbde69543de6f63fa3995c826c536a2"
   integrity sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==
 
-color-string@^1.6.0:
-  version "1.9.1"
-  resolved "https://registry.yarnpkg.com/color-string/-/color-string-1.9.1.tgz#4467f9146f036f855b764dfb5bf8582bf342c7a4"
-  integrity sha512-shrVawQFojnZv6xM40anx4CkoDP+fZsw/ZerEMsW/pyzsRbElpsL/DBVW7q3ExxwusdNXI3lXpuhEZkzs8p5Eg==
-  dependencies:
-    color-name "^1.0.0"
-    simple-swizzle "^0.2.2"
-
 color-support@^1.1.2:
   version "1.1.3"
   resolved "https://registry.yarnpkg.com/color-support/-/color-support-1.1.3.tgz#93834379a1cc9a0c61f82f52f0d04322251bd5a2"
   integrity sha512-qiBjkpbMLO/HL68y+lh4q0/O1MZFj2RX6X/KmMa3+gJD3z+WwI1ZzDHysvqHGS3mP6mznPckpXmw1nI9cJjyRg==
 
-color@^3.0.0:
-  version "3.2.1"
-  resolved "https://registry.yarnpkg.com/color/-/color-3.2.1.tgz#3544dc198caf4490c3ecc9a790b54fe9ff45e164"
-  integrity sha512-aBl7dZI9ENN6fUGC7mWpMTPNHmWUSNan9tuWN6ahh5ZLNk9baLJOnSMlrQkHcrfFgz2/RigjUVAjdx36VcemKA==
-  dependencies:
-    color-convert "^1.9.3"
-    color-string "^1.6.0"
-
-colors@~0.6.0-1:
-  version "0.6.2"
-  resolved "https://registry.yarnpkg.com/colors/-/colors-0.6.2.tgz#2423fe6678ac0c5dae8852e5d0e5be08c997abcc"
-  integrity sha512-OsSVtHK8Ir8r3+Fxw/b4jS1ZLPXkV6ZxDRJQzeD7qo0SqMXWrHDM71DgYzPMHY8SFJ0Ao+nNU2p1MmwdzKqPrw==
-
 columnify@~1.5.4:
   version "1.5.4"
   resolved "https://registry.yarnpkg.com/columnify/-/columnify-1.5.4.tgz#4737ddf1c7b69a8a7c340570782e947eec8e78bb"
@@ -4387,48 +3434,16 @@ combined-stream@^1.0.6, combined-stream@^1.0.8, combined-stream@~1.0.6:
   dependencies:
     delayed-stream "~1.0.0"
 
-commander@^2.19.0, commander@^2.20.0:
-  version "2.20.3"
-  resolved "https://registry.yarnpkg.com/commander/-/commander-2.20.3.tgz#fd485e84c03eb4881c20722ba48035e8531aeb33"
-  integrity sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==
-
-commander@^4.0.1, commander@^4.1.1:
-  version "4.1.1"
-  resolved "https://registry.yarnpkg.com/commander/-/commander-4.1.1.tgz#9fd602bd936294e9e9ef46a3f4d6964044b18068"
-  integrity sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==
-
-commander@~2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/commander/-/commander-2.1.0.tgz#d121bbae860d9992a3d517ba96f56588e47c6781"
-  integrity sha512-J2wnb6TKniXNOtoHS8TSrG9IOQluPrsmyAJ8oCUJOBmv+uLBCyPYAZkD2jFvw2DCzIXNnISIM01NIvr35TkBMQ==
+comma-separated-tokens@^2.0.0:
+  version "2.0.3"
+  resolved "https://registry.yarnpkg.com/comma-separated-tokens/-/comma-separated-tokens-2.0.3.tgz#4e89c9458acb61bc8fef19f4529973b2392839ee"
+  integrity sha512-Fu4hJdvzeylCfQPp9SGWidpzrMs7tTrlu6Vb8XGaRGck8QSNZJJp538Wrb60Lax4fPwR64ViY468OIUTbRlGZg==
 
 common-ancestor-path@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/common-ancestor-path/-/common-ancestor-path-1.0.1.tgz#4f7d2d1394d91b7abdf51871c62f71eadb0182a7"
   integrity sha512-L3sHRo1pXXEqX8VU28kfgUY+YGsk09hPqZiZmLacNib6XNTCM8ubYeT7ryXQw8asB1sKgcU5lkB7ONug08aB8w==
 
-common-dir@^3.0.0:
-  version "3.0.1"
-  resolved "https://registry.yarnpkg.com/common-dir/-/common-dir-3.0.1.tgz#c328570baebd5a6afb929ba762e816d74742d979"
-  integrity sha512-yEhqFGiuBGkV2vsaEtGAv/CkP3Ff1FF8X69nm5P35Sv+carPQG5Nw9KteaHcMrHsxxF5tED5URg958U3lPF5Eg==
-  dependencies:
-    common-sequence "^2.0.0"
-
-common-sequence@^2.0.0:
-  version "2.0.2"
-  resolved "https://registry.yarnpkg.com/common-sequence/-/common-sequence-2.0.2.tgz#accc76bdc5876a1fcd92b73484d4285fff99d838"
-  integrity sha512-jAg09gkdkrDO9EWTdXfv80WWH3yeZl5oT69fGfedBNS9pXUKYInVJ1bJ+/ht2+Moeei48TmSbQDYMc8EOx9G0g==
-
-common-tags@^1.8.0:
-  version "1.8.2"
-  resolved "https://registry.yarnpkg.com/common-tags/-/common-tags-1.8.2.tgz#94ebb3c076d26032745fd54face7f688ef5ac9c6"
-  integrity sha512-gk/Z852D2Wtb//0I+kRFNKKE9dIIVirjoqPoA1wJU+XePVXZfGeBpk45+A1rKO4Q43prqWBNY/MiIeRLbPWUaA==
-
-commondir@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/commondir/-/commondir-1.0.1.tgz#ddd800da0c66127393cca5950ea968a3aaf1253b"
-  integrity sha512-W9pAhw0ja1Edb5GVdIF1mjZw/ASI0AlShXM83UUGe2DVr5TdAPEA1OA8m/g8zWp9x6On7gqufY+FatDbC3MDQg==
-
 compare-func@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/compare-func/-/compare-func-2.0.0.tgz#fb65e75edbddfd2e568554e8b5b05fff7a51fcb3"
@@ -4437,90 +3452,36 @@ compare-func@^2.0.0:
     array-ify "^1.0.0"
     dot-prop "^5.1.0"
 
-component-emitter@^1.2.1:
-  version "1.3.0"
-  resolved "https://registry.yarnpkg.com/component-emitter/-/component-emitter-1.3.0.tgz#16e4070fba8ae29b679f2215853ee181ab2eabc0"
-  integrity sha512-Rd3se6QB+sO1TwqZjscQrurpEPIfO0/yYnSin6Q/rD3mOutHvUrCAhJub3r90uNb+SESBuE0QYoB90YdfatsRg==
-
-compose-function@3.0.3:
-  version "3.0.3"
-  resolved "https://registry.yarnpkg.com/compose-function/-/compose-function-3.0.3.tgz#9ed675f13cc54501d30950a486ff6a7ba3ab185f"
-  integrity sha512-xzhzTJ5eC+gmIzvZq+C3kCJHsp9os6tJkrigDRZclyGtOKINbZtE8n1Tzmeh32jW+BUDPbvZpibwvJHBLGMVwg==
-  dependencies:
-    arity-n "^1.0.4"
-
-compressible@~2.0.16:
-  version "2.0.18"
-  resolved "https://registry.yarnpkg.com/compressible/-/compressible-2.0.18.tgz#af53cca6b070d4c3c0750fbd77286a6d7cc46fba"
-  integrity sha512-AF3r7P5dWxL8MxyITRMlORQNaOA2IkAFaTr4k7BUumjPtRpGDTZpl0Pb1XCO6JeDCBdp126Cgs9sMxqSjgYyRg==
-  dependencies:
-    mime-db ">= 1.43.0 < 2"
-
-compression@^1.7.4:
-  version "1.7.4"
-  resolved "https://registry.yarnpkg.com/compression/-/compression-1.7.4.tgz#95523eff170ca57c29a0ca41e6fe131f41e5bb8f"
-  integrity sha512-jaSIDzP9pZVS4ZfQ+TzvtiWhdpFhE2RDHz8QJkpX9SIpLq88VueF5jJw6t+6CUQcAoA6t+x89MLrWAqpfDE8iQ==
-  dependencies:
-    accepts "~1.3.5"
-    bytes "3.0.0"
-    compressible "~2.0.16"
-    debug "2.6.9"
-    on-headers "~1.0.2"
-    safe-buffer "5.1.2"
-    vary "~1.1.2"
+compare-versions@^6.1.1:
+  version "6.1.1"
+  resolved "https://registry.yarnpkg.com/compare-versions/-/compare-versions-6.1.1.tgz#7af3cc1099ba37d244b3145a9af5201b629148a9"
+  integrity sha512-4hm4VPpIecmlg59CHXnRDnqGplJFrbLG4aFEl5vl6cK1u76ws3LLvX7ikFnTDl5vo39sjWD6AaDPYodJp/NNHg==
 
 concat-map@0.0.1:
   version "0.0.1"
   resolved "https://registry.yarnpkg.com/concat-map/-/concat-map-0.0.1.tgz#d8a96bd77fd68df7793a73036a3ba0d5405d477b"
   integrity sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==
 
-concat-stream@^1.5.0:
-  version "1.6.2"
-  resolved "https://registry.yarnpkg.com/concat-stream/-/concat-stream-1.6.2.tgz#904bdf194cd3122fc675c77fc4ac3d4ff0fd1a34"
-  integrity sha512-27HBghJxjiZtIk3Ycvn/4kbJk/1uZuJFfuPEns6LaEvpvG1f0hTea8lilrouyo9mVc2GWdcEZ8OLoGmSADlrCw==
-  dependencies:
-    buffer-from "^1.0.0"
-    inherits "^2.0.3"
-    readable-stream "^2.2.2"
-    typedarray "^0.0.6"
+confbox@^0.1.8:
+  version "0.1.8"
+  resolved "https://registry.yarnpkg.com/confbox/-/confbox-0.1.8.tgz#820d73d3b3c82d9bd910652c5d4d599ef8ff8b06"
+  integrity sha512-RMtmw0iFkeR4YV+fUOSucriAQNb9g8zFR52MWCtl+cCZOFRNL6zeB395vPzFhEjjn4fMxXudmELnl/KF/WrK6w==
+
+confbox@^0.2.2:
+  version "0.2.4"
+  resolved "https://registry.yarnpkg.com/confbox/-/confbox-0.2.4.tgz#592e7be71f882a4a874e3c88f0ac1ef6f7da1ce5"
+  integrity sha512-ysOGlgTFbN2/Y6Cg3Iye8YKulHw+R2fNXHrgSmXISQdMnomY6eNDprVdW9R5xBguEqI954+S6709UyiO7B+6OQ==
 
 confusing-browser-globals@^1.0.10:
   version "1.0.11"
   resolved "https://registry.yarnpkg.com/confusing-browser-globals/-/confusing-browser-globals-1.0.11.tgz#ae40e9b57cdd3915408a2805ebd3a5585608dc81"
   integrity sha512-JsPKdmh8ZkmnHxDk55FZ1TqVLvEQTvoByJZRN9jzI0UjxK/QgAmsphz7PGtqgPieQZ/CQcHWXCR7ATDNhGe+YA==
 
-connect-history-api-fallback@^1.6.0:
-  version "1.6.0"
-  resolved "https://registry.yarnpkg.com/connect-history-api-fallback/-/connect-history-api-fallback-1.6.0.tgz#8b32089359308d111115d81cad3fceab888f97bc"
-  integrity sha512-e54B99q/OUoH64zYYRf3HBP5z24G38h5D3qXu23JGRoigpX5Ss4r9ZnDk3g0Z8uQC2x2lPaJ+UlWBc1ZWBWdLg==
-
-console-browserify@^1.1.0:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/console-browserify/-/console-browserify-1.2.0.tgz#67063cef57ceb6cf4993a2ab3a55840ae8c49336"
-  integrity sha512-ZMkYO/LkF17QvCPqM0gxw8yUzigAOZOSWSHg91FH6orS7vcEj5dVZTidN2fQ14yBSdg97RqhSNwLUXInd52OTA==
-
 console-control-strings@^1.0.0, console-control-strings@^1.1.0, console-control-strings@~1.1.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/console-control-strings/-/console-control-strings-1.1.0.tgz#3d7cf4464db6446ea644bf4b39507f9851008e8e"
   integrity sha512-ty/fTekppD2fIwRvnZAVdeOiGd1c7YXEixbgJTNzqcxJWKQnjJ/V1bNEEE6hygpM3WjwHFUVK6HTjWSzV4a8sQ==
 
-constants-browserify@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/constants-browserify/-/constants-browserify-1.0.0.tgz#c20b96d8c617748aaf1c16021760cd27fcb8cb75"
-  integrity sha512-xFxOwqIzR/e1k1gLiWEophSCMqXcwVHIH7akf7b/vxcUeGunlj3hvZaaqxwHsTgn+IndtkQJgSztIDWeumWJDQ==
-
-content-disposition@0.5.4:
-  version "0.5.4"
-  resolved "https://registry.yarnpkg.com/content-disposition/-/content-disposition-0.5.4.tgz#8b82b4efac82512a02bb0b1dcec9d2c5e8eb5bfe"
-  integrity sha512-FveZTNuGw04cxlAiWbzi6zTAL/lhehaWbTtgluJh4/E95DqMwTmha3KZN1aAWA8cFIhHzMZUvLevkw5Rqk+tSQ==
-  dependencies:
-    safe-buffer "5.2.1"
-
-content-type@~1.0.4:
-  version "1.0.5"
-  resolved "https://registry.yarnpkg.com/content-type/-/content-type-1.0.5.tgz#8b773162656d1d1086784c8f23a54ce6d73d7918"
-  integrity sha512-nTjqfcBFEipKdXCv4YDQWCfmcLZKm81ldF0pAopTvyrFGVbcR6P/VAAd5G7N+0tTr8QqiU0tFadD6FK4NtJwOA==
-
 conventional-changelog-angular@^5.0.0:
   version "5.0.13"
   resolved "https://registry.yarnpkg.com/conventional-changelog-angular/-/conventional-changelog-angular-5.0.13.tgz#896885d63b914a70d4934b59d2fe7bde1832b28c"
@@ -4565,85 +3526,19 @@ conventional-commits-parser@^3.0.0, conventional-commits-parser@^3.0.7:
     split2 "^3.0.0"
     through2 "^4.0.0"
 
-convert-source-map@1.7.0:
-  version "1.7.0"
-  resolved "https://registry.yarnpkg.com/convert-source-map/-/convert-source-map-1.7.0.tgz#17a2cb882d7f77d3490585e2ce6c524424a3a442"
-  integrity sha512-4FJkXzKXEDB1snCFZlLP4gpC3JILicCpGbzG9f9G7tGqGCzETQ2hWPrcinA9oU4wtf2biUaEH5065UnMeR33oA==
-  dependencies:
-    safe-buffer "~5.1.1"
-
-convert-source-map@^0.3.3:
-  version "0.3.5"
-  resolved "https://registry.yarnpkg.com/convert-source-map/-/convert-source-map-0.3.5.tgz#f1d802950af7dd2631a1febe0596550c86ab3190"
-  integrity sha512-+4nRk0k3oEpwUB7/CalD7xE2z4VmtEnnq0GO2IPTkrooTrAhEsWvuLF5iWP1dXrwluki/azwXV1ve7gtYuPldg==
-
-convert-source-map@^1.4.0, convert-source-map@^1.5.0, convert-source-map@^1.6.0, convert-source-map@^1.7.0:
-  version "1.9.0"
-  resolved "https://registry.yarnpkg.com/convert-source-map/-/convert-source-map-1.9.0.tgz#7faae62353fb4213366d0ca98358d22e8368b05f"
-  integrity sha512-ASFBup0Mz1uyiIjANan1jzLQami9z1PoYSZCiiYW2FczPbenXc45FZdBZLzOT+r6+iciuEModtmCti+hjaAk0A==
-
 convert-source-map@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/convert-source-map/-/convert-source-map-2.0.0.tgz#4b560f649fc4e918dd0ab75cf4961e8bc882d82a"
   integrity sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==
 
-cookie-signature@1.0.6:
-  version "1.0.6"
-  resolved "https://registry.yarnpkg.com/cookie-signature/-/cookie-signature-1.0.6.tgz#e303a882b342cc3ee8ca513a79999734dab3ae2c"
-  integrity sha512-QADzlaHc8icV8I7vbaJXJwod9HWYp8uCqf1xa4OfNu1T7JVxQIrUgOWtHdNDtPiywmFbiS12VjotIXLrKM3orQ==
-
-cookie@0.5.0:
-  version "0.5.0"
-  resolved "https://registry.yarnpkg.com/cookie/-/cookie-0.5.0.tgz#d1f5d71adec6558c58f389987c366aa47e994f8b"
-  integrity sha512-YZ3GUyn/o8gfKJlnlX7g7xq4gyO6OSuhGPKaaGssGB2qgDUS0gPgtTvoyZLTt9Ab6dC4hfc9dV5arkvc/OCmrw==
-
-copy-concurrently@^1.0.0:
-  version "1.0.5"
-  resolved "https://registry.yarnpkg.com/copy-concurrently/-/copy-concurrently-1.0.5.tgz#92297398cae34937fcafd6ec8139c18051f0b5e0"
-  integrity sha512-f2domd9fsVDFtaFcbaRZuYXwtdmnzqbADSwhSWYxYB/Q8zsdUUFMXVRwXGDMWmbEzAn1kdRrtI1T/KTFOL4X2A==
-  dependencies:
-    aproba "^1.1.1"
-    fs-write-stream-atomic "^1.0.8"
-    iferr "^0.1.5"
-    mkdirp "^0.5.1"
-    rimraf "^2.5.4"
-    run-queue "^1.0.0"
-
-copy-descriptor@^0.1.0:
-  version "0.1.1"
-  resolved "https://registry.yarnpkg.com/copy-descriptor/-/copy-descriptor-0.1.1.tgz#676f6eb3c39997c2ee1ac3a924fd6124748f578d"
-  integrity sha512-XgZ0pFcakEUlbwQEVNg3+QAis1FyTL3Qel9FYy8pSkQqoG3PNoT0bOCQtOXcOkur21r2Eq2kI+IE+gsmAEVlYw==
-
-copy-webpack-plugin@^6.1.0:
-  version "6.4.1"
-  resolved "https://registry.yarnpkg.com/copy-webpack-plugin/-/copy-webpack-plugin-6.4.1.tgz#138cd9b436dbca0a6d071720d5414848992ec47e"
-  integrity sha512-MXyPCjdPVx5iiWyl40Va3JGh27bKzOTNY3NjUTrosD2q7dR/cLD0013uqJ3BpFbUjyONINjb6qI7nDIJujrMbA==
-  dependencies:
-    cacache "^15.0.5"
-    fast-glob "^3.2.4"
-    find-cache-dir "^3.3.1"
-    glob-parent "^5.1.1"
-    globby "^11.0.1"
-    loader-utils "^2.0.0"
-    normalize-path "^3.0.0"
-    p-limit "^3.0.2"
-    schema-utils "^3.0.0"
-    serialize-javascript "^5.0.1"
-    webpack-sources "^1.4.3"
-
-core-js-compat@^3.31.0, core-js-compat@^3.33.1:
-  version "3.33.2"
-  resolved "https://registry.yarnpkg.com/core-js-compat/-/core-js-compat-3.33.2.tgz#3ea4563bfd015ad4e4b52442865b02c62aba5085"
-  integrity sha512-axfo+wxFVxnqf8RvxTzoAlzW4gRoacrHeoFlc9n0x50+7BEyZL/Rt3hicaED1/CEd7I6tPCPVUYcJwCMO5XUYw==
+core-js-compat@^3.48.0:
+  version "3.49.0"
+  resolved "https://registry.yarnpkg.com/core-js-compat/-/core-js-compat-3.49.0.tgz#06145447d92f4aaf258a0c44f24b47afaeaffef6"
+  integrity sha512-VQXt1jr9cBz03b331DFDCCP90b3fanciLkgiOoy8SBHy06gNf+vQ1A3WFLqG7I8TipYIKeYK9wxd0tUrvHcOZA==
   dependencies:
-    browserslist "^4.22.1"
-
-core-js@^2.4.0:
-  version "2.6.12"
-  resolved "https://registry.yarnpkg.com/core-js/-/core-js-2.6.12.tgz#d9333dfa7b065e347cc5682219d6f690859cc2ec"
-  integrity sha512-Kb2wC0fvsWfQrgk8HU5lW6U/Lcs8+9aaYcy4ZFc6DDlo4nZ7n70dEgE5rtR0oG6ufKDUnrwfWL1mXR5ljDatrQ==
+    browserslist "^4.28.1"
 
-core-js@^3.22.4, core-js@^3.6.4, core-js@^3.6.5:
+core-js@^3.22.4:
   version "3.33.2"
   resolved "https://registry.yarnpkg.com/core-js/-/core-js-3.33.2.tgz#312bbf6996a3a517c04c99b9909cdd27138d1ceb"
   integrity sha512-XeBzWI6QL3nJQiHmdzbAOiMYqjrb7hwU7A39Qhvd/POSa/t9E1AeZyEZx3fNvp/vtM8zXwhoL0FsiS0hD0pruQ==
@@ -4658,27 +3553,6 @@ core-util-is@~1.0.0:
   resolved "https://registry.yarnpkg.com/core-util-is/-/core-util-is-1.0.3.tgz#a6042d3634c2b27e9328f837b965fac83808db85"
   integrity sha512-ZQBvi1DcpJ4GDqanjucZ2Hj3wEO5pZDS89BWbkcrvdxksJorwUDDZamX9ldFkp9aw2lmBDLgkObEA4DWNJ9FYQ==
 
-cosmiconfig@^5.0.0:
-  version "5.2.1"
-  resolved "https://registry.yarnpkg.com/cosmiconfig/-/cosmiconfig-5.2.1.tgz#040f726809c591e77a17c0a3626ca45b4f168b1a"
-  integrity sha512-H65gsXo1SKjf8zmrJ67eJk8aIRKV5ff2D4uKZIBZShbhGSpEmsQOPW/SKMKYhSTrqR7ufy6RP69rPogdaPh/kA==
-  dependencies:
-    import-fresh "^2.0.0"
-    is-directory "^0.3.1"
-    js-yaml "^3.13.1"
-    parse-json "^4.0.0"
-
-cosmiconfig@^6.0.0:
-  version "6.0.0"
-  resolved "https://registry.yarnpkg.com/cosmiconfig/-/cosmiconfig-6.0.0.tgz#da4fee853c52f6b1e6935f41c1a2fc50bd4a9982"
-  integrity sha512-xb3ZL6+L8b9JLLCx3ZdoZy4+2ECphCMo2PwqgP1tlfVq6M6YReyzBJtvWWtbDSpNr9hn96pkCiZqUcFEc+54Qg==
-  dependencies:
-    "@types/parse-json" "^4.0.0"
-    import-fresh "^3.1.0"
-    parse-json "^5.0.0"
-    path-type "^4.0.0"
-    yaml "^1.7.2"
-
 cosmiconfig@^7.0.0:
   version "7.1.0"
   resolved "https://registry.yarnpkg.com/cosmiconfig/-/cosmiconfig-7.1.0.tgz#1443b9afa596b670082ea46cbd8f6a62b84635f6"
@@ -4690,45 +3564,20 @@ cosmiconfig@^7.0.0:
     path-type "^4.0.0"
     yaml "^1.10.0"
 
-create-ecdh@^4.0.0:
-  version "4.0.4"
-  resolved "https://registry.yarnpkg.com/create-ecdh/-/create-ecdh-4.0.4.tgz#d6e7f4bffa66736085a0762fd3a632684dabcc4e"
-  integrity sha512-mf+TCx8wWc9VpuxfP2ht0iSISLZnt0JgWlrOKZiNqyUZWnjIaCIVNQArMHnCZKfEYRg6IM7A+NeJoN8gf/Ws0A==
-  dependencies:
-    bn.js "^4.1.0"
-    elliptic "^6.5.3"
-
-create-hash@^1.1.0, create-hash@^1.1.2, create-hash@^1.2.0:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/create-hash/-/create-hash-1.2.0.tgz#889078af11a63756bcfb59bd221996be3a9ef196"
-  integrity sha512-z00bCGNHDG8mHAkP7CtT1qVu+bFQUPjYq/4Iv3C3kWjTFV10zIjfSoeqXo9Asws8gwSHDGj/hl2u4OGIjapeCg==
-  dependencies:
-    cipher-base "^1.0.1"
-    inherits "^2.0.1"
-    md5.js "^1.3.4"
-    ripemd160 "^2.0.1"
-    sha.js "^2.4.0"
-
-create-hmac@^1.1.0, create-hmac@^1.1.4, create-hmac@^1.1.7:
-  version "1.1.7"
-  resolved "https://registry.yarnpkg.com/create-hmac/-/create-hmac-1.1.7.tgz#69170c78b3ab957147b2b8b04572e47ead2243ff"
-  integrity sha512-MJG9liiZ+ogc4TzUwuvbER1JRdgvUFSB5+VR/g5h82fGaIRWMWddtKBHi7/sVhfjQZ6SehlyhvQYrcYkaUIpLg==
-  dependencies:
-    cipher-base "^1.0.3"
-    create-hash "^1.1.0"
-    inherits "^2.0.1"
-    ripemd160 "^2.0.0"
-    safe-buffer "^5.0.1"
-    sha.js "^2.4.8"
-
-cross-env@^7.0.3:
-  version "7.0.3"
-  resolved "https://registry.yarnpkg.com/cross-env/-/cross-env-7.0.3.tgz#865264b29677dc015ba8418918965dd232fc54cf"
-  integrity sha512-+/HKd6EgcQCJGh2PSjZuUitQBQynKor4wrFbRg4DtAgS1aWO+gU52xpH7M9ScGgXSYmAVS9bIJ8EzuaGw0oNAw==
+create-jest@^29.7.0:
+  version "29.7.0"
+  resolved "https://registry.yarnpkg.com/create-jest/-/create-jest-29.7.0.tgz#a355c5b3cb1e1af02ba177fe7afd7feee49a5320"
+  integrity sha512-Adz2bdH0Vq3F53KEMJOoftQFutWCukm6J24wbPWRO4k1kMY7gS7ds/uoJkNuV8wDCtWWnuwGcJwpWcih+zEW1Q==
   dependencies:
-    cross-spawn "^7.0.1"
+    "@jest/types" "^29.6.3"
+    chalk "^4.0.0"
+    exit "^0.1.2"
+    graceful-fs "^4.2.9"
+    jest-config "^29.7.0"
+    jest-util "^29.7.0"
+    prompts "^2.0.1"
 
-cross-spawn@7.0.3, cross-spawn@^7.0.0, cross-spawn@^7.0.1, cross-spawn@^7.0.2, cross-spawn@^7.0.3:
+cross-spawn@^7.0.2, cross-spawn@^7.0.3:
   version "7.0.3"
   resolved "https://registry.yarnpkg.com/cross-spawn/-/cross-spawn-7.0.3.tgz#f73a85b9d5d41d045551c177e2882d4ac85728a6"
   integrity sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==
@@ -4737,277 +3586,34 @@ cross-spawn@7.0.3, cross-spawn@^7.0.0, cross-spawn@^7.0.1, cross-spawn@^7.0.2, c
     shebang-command "^2.0.0"
     which "^2.0.1"
 
-cross-spawn@^6.0.0, cross-spawn@^6.0.5:
-  version "6.0.5"
-  resolved "https://registry.yarnpkg.com/cross-spawn/-/cross-spawn-6.0.5.tgz#4a5ec7c64dfae22c3a14124dbacdee846d80cbc4"
-  integrity sha512-eTVLrBSt7fjbDygz805pMnstIs2VTBNkRm0qxZd+M7A5XDdxVRWO5MxGBXZhjY4cqLYLdtrGqRf8mBPmzwSpWQ==
-  dependencies:
-    nice-try "^1.0.4"
-    path-key "^2.0.1"
-    semver "^5.5.0"
-    shebang-command "^1.2.0"
-    which "^1.2.9"
-
-crypto-browserify@^3.11.0:
-  version "3.12.0"
-  resolved "https://registry.yarnpkg.com/crypto-browserify/-/crypto-browserify-3.12.0.tgz#396cf9f3137f03e4b8e532c58f698254e00f80ec"
-  integrity sha512-fz4spIh+znjO2VjL+IdhEpRJ3YN6sMzITSBijk6FK2UvTqruSQW+/cCZTSNsMiZNvUeq0CqurF+dAbyiGOY6Wg==
-  dependencies:
-    browserify-cipher "^1.0.0"
-    browserify-sign "^4.0.0"
-    create-ecdh "^4.0.0"
-    create-hash "^1.1.0"
-    create-hmac "^1.1.0"
-    diffie-hellman "^5.0.0"
-    inherits "^2.0.1"
-    pbkdf2 "^3.0.3"
-    public-encrypt "^4.0.0"
-    randombytes "^2.0.0"
-    randomfill "^1.0.3"
-
-crypto-random-string@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/crypto-random-string/-/crypto-random-string-1.0.0.tgz#a230f64f568310e1498009940790ec99545bca7e"
-  integrity sha512-GsVpkFPlycH7/fRR7Dhcmnoii54gV1nz7y4CWyeFS14N+JVBBhY+r8amRHE4BwSYal7BPTDp8isvAlCxyFt3Hg==
-
 crypto-random-string@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/crypto-random-string/-/crypto-random-string-2.0.0.tgz#ef2a7a966ec11083388369baa02ebead229b30d5"
   integrity sha512-v1plID3y9r/lPhviJ1wrXpLeyUIGAZ2SHNYTEapm7/8A9nLPoyvVp3RK/EPFqn5kEznyWgYZNsRtYYIWbuG8KA==
 
-css-blank-pseudo@^0.1.4:
-  version "0.1.4"
-  resolved "https://registry.yarnpkg.com/css-blank-pseudo/-/css-blank-pseudo-0.1.4.tgz#dfdefd3254bf8a82027993674ccf35483bfcb3c5"
-  integrity sha512-LHz35Hr83dnFeipc7oqFDmsjHdljj3TQtxGGiNWSOsTLIAubSm4TEz8qCaKFpk7idaQ1GfWscF4E6mgpBysA1w==
-  dependencies:
-    postcss "^7.0.5"
-
 css-color-keywords@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/css-color-keywords/-/css-color-keywords-1.0.0.tgz#fea2616dc676b2962686b3af8dbdbe180b244e05"
   integrity sha512-FyyrDHZKEjXDpNJYvVsV960FiqQyXc/LlYmsxl2BcdMb2WPx0OGRVgTg55rPSyLSNMqP52R9r8geSp7apN3Ofg==
 
-css-color-names@0.0.4, css-color-names@^0.0.4:
-  version "0.0.4"
-  resolved "https://registry.yarnpkg.com/css-color-names/-/css-color-names-0.0.4.tgz#808adc2e79cf84738069b646cb20ec27beb629e0"
-  integrity sha512-zj5D7X1U2h2zsXOAM8EyUREBnnts6H+Jm+d1M2DbiQQcUtnqgQsMrdo8JW9R80YFUmIdBZeMu5wvYM7hcgWP/Q==
+css-mediaquery@^0.1.2:
+  version "0.1.2"
+  resolved "https://registry.yarnpkg.com/css-mediaquery/-/css-mediaquery-0.1.2.tgz#6a2c37344928618631c54bd33cedd301da18bea0"
+  integrity sha512-COtn4EROW5dBGlE/4PiKnh6rZpAPxDeFLaEEwt4i10jpDMFt2EhQGS79QmmrO+iKCHv0PU/HrOWEhijFd1x99Q==
 
-css-declaration-sorter@^4.0.1:
-  version "4.0.1"
-  resolved "https://registry.yarnpkg.com/css-declaration-sorter/-/css-declaration-sorter-4.0.1.tgz#c198940f63a76d7e36c1e71018b001721054cb22"
-  integrity sha512-BcxQSKTSEEQUftYpBVnsH4SF05NTuBokb19/sBt6asXGKZ/6VP7PLG1CBCkFDYOnhXhPh0jMhO6xZ71oYHXHBA==
-  dependencies:
-    postcss "^7.0.1"
-    timsort "^0.3.0"
-
-css-has-pseudo@^0.10.0:
-  version "0.10.0"
-  resolved "https://registry.yarnpkg.com/css-has-pseudo/-/css-has-pseudo-0.10.0.tgz#3c642ab34ca242c59c41a125df9105841f6966ee"
-  integrity sha512-Z8hnfsZu4o/kt+AuFzeGpLVhFOGO9mluyHBaA2bA8aCGTwah5sT3WV/fTHH8UNZUytOIImuGPrl/prlb4oX4qQ==
-  dependencies:
-    postcss "^7.0.6"
-    postcss-selector-parser "^5.0.0-rc.4"
-
-css-initials@^0.3.1:
-  version "0.3.1"
-  resolved "https://registry.yarnpkg.com/css-initials/-/css-initials-0.3.1.tgz#0406d78e586fd12b9984a3f7d8a87fcbb2073208"
-  integrity sha512-fkshKv9vV8AmcxkAWVQ9DmEAKiqe09GHdnFaXecp0NIfsGnXIHVJAHfsxdRy9KXV0/KiWdjBqrCYto2fYIO4xQ==
-
-css-loader@4.3.0:
-  version "4.3.0"
-  resolved "https://registry.yarnpkg.com/css-loader/-/css-loader-4.3.0.tgz#c888af64b2a5b2e85462c72c0f4a85c7e2e0821e"
-  integrity sha512-rdezjCjScIrsL8BSYszgT4s476IcNKt6yX69t0pHjJVnPUTDpn4WfIpDQTN3wCJvUvfsz/mFjuGOekf3PY3NUg==
-  dependencies:
-    camelcase "^6.0.0"
-    cssesc "^3.0.0"
-    icss-utils "^4.1.1"
-    loader-utils "^2.0.0"
-    postcss "^7.0.32"
-    postcss-modules-extract-imports "^2.0.0"
-    postcss-modules-local-by-default "^3.0.3"
-    postcss-modules-scope "^2.2.0"
-    postcss-modules-values "^3.0.0"
-    postcss-value-parser "^4.1.0"
-    schema-utils "^2.7.1"
-    semver "^7.3.2"
-
-css-mediaquery@^0.1.2:
-  version "0.1.2"
-  resolved "https://registry.yarnpkg.com/css-mediaquery/-/css-mediaquery-0.1.2.tgz#6a2c37344928618631c54bd33cedd301da18bea0"
-  integrity sha512-COtn4EROW5dBGlE/4PiKnh6rZpAPxDeFLaEEwt4i10jpDMFt2EhQGS79QmmrO+iKCHv0PU/HrOWEhijFd1x99Q==
-
-css-prefers-color-scheme@^3.1.1:
-  version "3.1.1"
-  resolved "https://registry.yarnpkg.com/css-prefers-color-scheme/-/css-prefers-color-scheme-3.1.1.tgz#6f830a2714199d4f0d0d0bb8a27916ed65cff1f4"
-  integrity sha512-MTu6+tMs9S3EUqzmqLXEcgNRbNkkD/TGFvowpeoWJn5Vfq7FMgsmRQs9X5NXAURiOBmOxm/lLjsDNXDE6k9bhg==
-  dependencies:
-    postcss "^7.0.5"
-
-css-select-base-adapter@^0.1.1:
-  version "0.1.1"
-  resolved "https://registry.yarnpkg.com/css-select-base-adapter/-/css-select-base-adapter-0.1.1.tgz#3b2ff4972cc362ab88561507a95408a1432135d7"
-  integrity sha512-jQVeeRG70QI08vSTwf1jHxp74JoZsr2XSgETae8/xC8ovSnL2WF87GTLO86Sbwdt2lK4Umg4HnnwMO4YF3Ce7w==
-
-css-select@^2.0.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/css-select/-/css-select-2.1.0.tgz#6a34653356635934a81baca68d0255432105dbef"
-  integrity sha512-Dqk7LQKpwLoH3VovzZnkzegqNSuAziQyNZUcrdDM401iY+R5NkGBXGmtO05/yaXQziALuPogeG0b7UAgjnTJTQ==
-  dependencies:
-    boolbase "^1.0.0"
-    css-what "^3.2.1"
-    domutils "^1.7.0"
-    nth-check "^1.0.2"
-
-css-select@^4.1.3:
-  version "4.3.0"
-  resolved "https://registry.yarnpkg.com/css-select/-/css-select-4.3.0.tgz#db7129b2846662fd8628cfc496abb2b59e41529b"
-  integrity sha512-wPpOYtnsVontu2mODhA19JrqWxNsfdatRKd64kmpRbQgh1KtItko5sTnEpPdpSaJszTOhEMlF/RPz28qj4HqhQ==
-  dependencies:
-    boolbase "^1.0.0"
-    css-what "^6.0.1"
-    domhandler "^4.3.1"
-    domutils "^2.8.0"
-    nth-check "^2.0.1"
-
-css-to-react-native@^3.0.0:
-  version "3.2.0"
-  resolved "https://registry.yarnpkg.com/css-to-react-native/-/css-to-react-native-3.2.0.tgz#cdd8099f71024e149e4f6fe17a7d46ecd55f1e32"
-  integrity sha512-e8RKaLXMOFii+02mOlqwjbD00KSEKqblnpO9e++1aXS1fPQOpS1YoqdVHBqPjHNoxeF2mimzVqawm2KCbEdtHQ==
+css-to-react-native@3.2.0:
+  version "3.2.0"
+  resolved "https://registry.yarnpkg.com/css-to-react-native/-/css-to-react-native-3.2.0.tgz#cdd8099f71024e149e4f6fe17a7d46ecd55f1e32"
+  integrity sha512-e8RKaLXMOFii+02mOlqwjbD00KSEKqblnpO9e++1aXS1fPQOpS1YoqdVHBqPjHNoxeF2mimzVqawm2KCbEdtHQ==
   dependencies:
     camelize "^1.0.0"
     css-color-keywords "^1.0.0"
     postcss-value-parser "^4.0.2"
 
-css-tree@1.0.0-alpha.37:
-  version "1.0.0-alpha.37"
-  resolved "https://registry.yarnpkg.com/css-tree/-/css-tree-1.0.0-alpha.37.tgz#98bebd62c4c1d9f960ec340cf9f7522e30709a22"
-  integrity sha512-DMxWJg0rnz7UgxKT0Q1HU/L9BeJI0M6ksor0OgqOnF+aRCDWg/N2641HmVyU9KVIu0OVVWOb2IpC9A+BJRnejg==
-  dependencies:
-    mdn-data "2.0.4"
-    source-map "^0.6.1"
-
-css-tree@^1.1.2:
-  version "1.1.3"
-  resolved "https://registry.yarnpkg.com/css-tree/-/css-tree-1.1.3.tgz#eb4870fb6fd7707327ec95c2ff2ab09b5e8db91d"
-  integrity sha512-tRpdppF7TRazZrjJ6v3stzv93qxRcSsFmW6cX0Zm2NVKpxE1WV1HblnghVv9TreireHkqI/VDEsfolRF1p6y7Q==
-  dependencies:
-    mdn-data "2.0.14"
-    source-map "^0.6.1"
-
-css-what@^3.2.1:
-  version "3.4.2"
-  resolved "https://registry.yarnpkg.com/css-what/-/css-what-3.4.2.tgz#ea7026fcb01777edbde52124e21f327e7ae950e4"
-  integrity sha512-ACUm3L0/jiZTqfzRM3Hi9Q8eZqd6IK37mMWPLz9PJxkLWllYeRf+EHUSHYEtFop2Eqytaq1FizFVh7XfBnXCDQ==
-
-css-what@^6.0.1:
-  version "6.1.0"
-  resolved "https://registry.yarnpkg.com/css-what/-/css-what-6.1.0.tgz#fb5effcf76f1ddea2c81bdfaa4de44e79bac70f4"
-  integrity sha512-HTUrgRJ7r4dsZKU6GjmpfRK1O76h97Z8MfS1G0FozR+oF2kG6Vfe8JE6zwrkbxigziPHinCJ+gCPjA9EaBDtRw==
-
-css@^2.0.0:
-  version "2.2.4"
-  resolved "https://registry.yarnpkg.com/css/-/css-2.2.4.tgz#c646755c73971f2bba6a601e2cf2fd71b1298929"
-  integrity sha512-oUnjmWpy0niI3x/mPL8dVEI1l7MnG3+HHyRPHf+YFSbK+svOhXpmSOcDURUh2aOCgl2grzrOPt1nHLuCVFULLw==
-  dependencies:
-    inherits "^2.0.3"
-    source-map "^0.6.1"
-    source-map-resolve "^0.5.2"
-    urix "^0.1.0"
-
-cssdb@^4.4.0:
-  version "4.4.0"
-  resolved "https://registry.yarnpkg.com/cssdb/-/cssdb-4.4.0.tgz#3bf2f2a68c10f5c6a08abd92378331ee803cddb0"
-  integrity sha512-LsTAR1JPEM9TpGhl/0p3nQecC2LJ0kD8X5YARu1hk/9I1gril5vDtMZyNxcEpxxDj34YNck/ucjuoUd66K03oQ==
-
-cssesc@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/cssesc/-/cssesc-2.0.0.tgz#3b13bd1bb1cb36e1bcb5a4dcd27f54c5dcb35703"
-  integrity sha512-MsCAG1z9lPdoO/IUMLSBWBSVxVtJ1395VGIQ+Fc2gNdkQ1hNDnQdw3YhA71WJCBW1vdwA0cAnk/DnW6bqoEUYg==
-
-cssesc@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/cssesc/-/cssesc-3.0.0.tgz#37741919903b868565e1c09ea747445cd18983ee"
-  integrity sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==
-
-cssnano-preset-default@^4.0.8:
-  version "4.0.8"
-  resolved "https://registry.yarnpkg.com/cssnano-preset-default/-/cssnano-preset-default-4.0.8.tgz#920622b1fc1e95a34e8838203f1397a504f2d3ff"
-  integrity sha512-LdAyHuq+VRyeVREFmuxUZR1TXjQm8QQU/ktoo/x7bz+SdOge1YKc5eMN6pRW7YWBmyq59CqYba1dJ5cUukEjLQ==
-  dependencies:
-    css-declaration-sorter "^4.0.1"
-    cssnano-util-raw-cache "^4.0.1"
-    postcss "^7.0.0"
-    postcss-calc "^7.0.1"
-    postcss-colormin "^4.0.3"
-    postcss-convert-values "^4.0.1"
-    postcss-discard-comments "^4.0.2"
-    postcss-discard-duplicates "^4.0.2"
-    postcss-discard-empty "^4.0.1"
-    postcss-discard-overridden "^4.0.1"
-    postcss-merge-longhand "^4.0.11"
-    postcss-merge-rules "^4.0.3"
-    postcss-minify-font-values "^4.0.2"
-    postcss-minify-gradients "^4.0.2"
-    postcss-minify-params "^4.0.2"
-    postcss-minify-selectors "^4.0.2"
-    postcss-normalize-charset "^4.0.1"
-    postcss-normalize-display-values "^4.0.2"
-    postcss-normalize-positions "^4.0.2"
-    postcss-normalize-repeat-style "^4.0.2"
-    postcss-normalize-string "^4.0.2"
-    postcss-normalize-timing-functions "^4.0.2"
-    postcss-normalize-unicode "^4.0.1"
-    postcss-normalize-url "^4.0.1"
-    postcss-normalize-whitespace "^4.0.2"
-    postcss-ordered-values "^4.1.2"
-    postcss-reduce-initial "^4.0.3"
-    postcss-reduce-transforms "^4.0.2"
-    postcss-svgo "^4.0.3"
-    postcss-unique-selectors "^4.0.1"
-
-cssnano-util-get-arguments@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/cssnano-util-get-arguments/-/cssnano-util-get-arguments-4.0.0.tgz#ed3a08299f21d75741b20f3b81f194ed49cc150f"
-  integrity sha512-6RIcwmV3/cBMG8Aj5gucQRsJb4vv4I4rn6YjPbVWd5+Pn/fuG+YseGvXGk00XLkoZkaj31QOD7vMUpNPC4FIuw==
-
-cssnano-util-get-match@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/cssnano-util-get-match/-/cssnano-util-get-match-4.0.0.tgz#c0e4ca07f5386bb17ec5e52250b4f5961365156d"
-  integrity sha512-JPMZ1TSMRUPVIqEalIBNoBtAYbi8okvcFns4O0YIhcdGebeYZK7dMyHJiQ6GqNBA9kE0Hym4Aqym5rPdsV/4Cw==
-
-cssnano-util-raw-cache@^4.0.1:
-  version "4.0.1"
-  resolved "https://registry.yarnpkg.com/cssnano-util-raw-cache/-/cssnano-util-raw-cache-4.0.1.tgz#b26d5fd5f72a11dfe7a7846fb4c67260f96bf282"
-  integrity sha512-qLuYtWK2b2Dy55I8ZX3ky1Z16WYsx544Q0UWViebptpwn/xDBmog2TLg4f+DBMg1rJ6JDWtn96WHbOKDWt1WQA==
-  dependencies:
-    postcss "^7.0.0"
-
-cssnano-util-same-parent@^4.0.0:
-  version "4.0.1"
-  resolved "https://registry.yarnpkg.com/cssnano-util-same-parent/-/cssnano-util-same-parent-4.0.1.tgz#574082fb2859d2db433855835d9a8456ea18bbf3"
-  integrity sha512-WcKx5OY+KoSIAxBW6UBBRay1U6vkYheCdjyVNDm85zt5K9mHoGOfsOsqIszfAqrQQFIIKgjh2+FDgIj/zsl21Q==
-
-cssnano@^4.1.10:
-  version "4.1.11"
-  resolved "https://registry.yarnpkg.com/cssnano/-/cssnano-4.1.11.tgz#c7b5f5b81da269cb1fd982cb960c1200910c9a99"
-  integrity sha512-6gZm2htn7xIPJOHY824ERgj8cNPgPxyCSnkXc4v7YvNW+TdVfzgngHcEhy/8D11kUWRUMbke+tC+AUcUsnMz2g==
-  dependencies:
-    cosmiconfig "^5.0.0"
-    cssnano-preset-default "^4.0.8"
-    is-resolvable "^1.0.0"
-    postcss "^7.0.0"
-
-csso@^4.0.2:
-  version "4.2.0"
-  resolved "https://registry.yarnpkg.com/csso/-/csso-4.2.0.tgz#ea3a561346e8dc9f546d6febedd50187cf389529"
-  integrity sha512-wvlcdIbf6pwKEk7vHj8/Bkc0B4ylXZruLvOgs9doS5eOsOpuodOV2zJChSpkp+pRpYQLQMeF04nr3Z68Sta9jA==
-  dependencies:
-    css-tree "^1.1.2"
-
-cssom@^0.4.4:
-  version "0.4.4"
-  resolved "https://registry.yarnpkg.com/cssom/-/cssom-0.4.4.tgz#5a66cf93d2d0b661d80bf6a44fb65f5c2e4e0a10"
-  integrity sha512-p3pvU7r1MyyqbTk+WbNJIgJjG2VmTIaB10rI93LzVPrmDJKkzKYMtxxyAvQXR/NS6otuzveI7+7BBq3SjBS2mw==
+cssom@^0.5.0:
+  version "0.5.0"
+  resolved "https://registry.yarnpkg.com/cssom/-/cssom-0.5.0.tgz#d254fa92cd8b6fbd83811b9fbaed34663cc17c36"
+  integrity sha512-iKuQcq+NdHqlAcwUY0o/HL69XQrUaQdMjmStJ8JFmUaiiQErlhrmuigkg/CU4E2J0IyUKUrMAgl36TvN67MqTw==
 
 cssom@~0.3.6:
   version "0.3.8"
@@ -5021,23 +3627,10 @@ cssstyle@^2.3.0:
   dependencies:
     cssom "~0.3.6"
 
-csstype@^3.0.2:
-  version "3.1.2"
-  resolved "https://registry.yarnpkg.com/csstype/-/csstype-3.1.2.tgz#1d4bf9d572f11c14031f0436e1c10bc1f571f50b"
-  integrity sha512-I7K1Uu0MBPzaFKg4nI5Q7Vs2t+3gWWW648spaF+Rg7pI9ds18Ugn+lvg4SHczUdKlHI5LWBXyqfS8+DufyBsgQ==
-
-cyclist@^1.0.1:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/cyclist/-/cyclist-1.0.2.tgz#673b5f233bf34d8e602b949429f8171d9121bea3"
-  integrity sha512-0sVXIohTfLqVIW3kb/0n6IiWF3Ifj5nm2XaSrLq2DI6fKIGa2fYAZdk917rUneaeLVpYfFcyXE2ft0fe3remsA==
-
-d@1, d@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/d/-/d-1.0.1.tgz#8698095372d58dbee346ffd0c7093f99f8f9eb5a"
-  integrity sha512-m62ShEObQ39CfralilEQRjH6oAMtNCV1xJyEx5LpRYUVN+EviphDgUc/F3hnYbADmkiNs67Y+3ylmlG7Lnu+FA==
-  dependencies:
-    es5-ext "^0.10.50"
-    type "^1.0.1"
+csstype@3.2.3:
+  version "3.2.3"
+  resolved "https://registry.yarnpkg.com/csstype/-/csstype-3.2.3.tgz#ec48c0f3e993e50648c86da559e2610995cf989a"
+  integrity sha512-z1HGKcYy2xA8AGQfwrn0PAy+PB7X/GSj3UVJW9qKyn43xWa+gl5nXmU4qqLMRzWVLFC8KusUX8T/0kCiOYpAIQ==
 
 damerau-levenshtein@^1.0.8:
   version "1.0.8"
@@ -5051,26 +3644,24 @@ dashdash@^1.12.0:
   dependencies:
     assert-plus "^1.0.0"
 
-data-urls@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/data-urls/-/data-urls-2.0.0.tgz#156485a72963a970f5d5821aaf642bef2bf2db9b"
-  integrity sha512-X5eWTSXO/BJmpdIKCRuKUgSCgAN0OwliVK3yPKbwIWU1Tdw5BRajxlzMidvh+gwko9AfQ9zIj52pzF91Q3YAvQ==
+data-urls@^3.0.2:
+  version "3.0.2"
+  resolved "https://registry.yarnpkg.com/data-urls/-/data-urls-3.0.2.tgz#9cf24a477ae22bcef5cd5f6f0bfbc1d2d3be9143"
+  integrity sha512-Jy/tj3ldjZJo63sVAvg6LHt2mHvl4V6AgRAmNDtLdm7faqtsx+aJG42rsyCo9JCoRVKwPFzKlIPx3DIibwSIaQ==
   dependencies:
-    abab "^2.0.3"
-    whatwg-mimetype "^2.3.0"
-    whatwg-url "^8.0.0"
+    abab "^2.0.6"
+    whatwg-mimetype "^3.0.0"
+    whatwg-url "^11.0.0"
 
 dateformat@^3.0.0:
   version "3.0.3"
   resolved "https://registry.yarnpkg.com/dateformat/-/dateformat-3.0.3.tgz#a6e37499a4d9a9cf85ef5872044d62901c9889ae"
   integrity sha512-jyCETtSl3VMZMWeRo7iY1FL19ges1t55hMo5yaam4Jrsm5EPL89UQkoQRyiI+Yf4k8r2ZpdngkV8hr1lIdjb3Q==
 
-debug@2.6.9, debug@^2.2.0, debug@^2.3.3, debug@^2.6.0:
-  version "2.6.9"
-  resolved "https://registry.yarnpkg.com/debug/-/debug-2.6.9.tgz#5d128515df134ff327e90a4c93f4e077a536341f"
-  integrity sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==
-  dependencies:
-    ms "2.0.0"
+de-indent@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/de-indent/-/de-indent-1.0.2.tgz#b2038e846dc33baa5796128d0804b455b8c1e21d"
+  integrity sha512-e/1zu3xH5MQryN2zdVaF0OrdNLUbvWxzMbi+iNA6Bky7l1RoP8a2fIbRocyHclXt/arDrrR6lL3TqFD9pMQTsg==
 
 debug@4, debug@^4.0.0, debug@^4.0.1, debug@^4.1.0, debug@^4.1.1, debug@^4.3.1, debug@^4.3.3, debug@^4.3.4:
   version "4.3.4"
@@ -5079,13 +3670,6 @@ debug@4, debug@^4.0.0, debug@^4.0.1, debug@^4.1.0, debug@^4.1.1, debug@^4.3.1, d
   dependencies:
     ms "2.1.2"
 
-debug@4.3.5:
-  version "4.3.5"
-  resolved "https://registry.yarnpkg.com/debug/-/debug-4.3.5.tgz#e83444eceb9fedd4a1da56d671ae2446a01a6e1e"
-  integrity sha512-pt0bNEmneDIvdL1Xsd9oDQ/wrQRkXDT4AUWlNZNPKvW5x/jyO9VFXkJUP07vQ2upmw5PlaITaPKc31jK13V+jg==
-  dependencies:
-    ms "2.1.2"
-
 debug@^3.2.7:
   version "3.2.7"
   resolved "https://registry.yarnpkg.com/debug/-/debug-3.2.7.tgz#72580b7e9145fb39b6676f9c5e5fb100b934179a"
@@ -5093,6 +3677,13 @@ debug@^3.2.7:
   dependencies:
     ms "^2.1.1"
 
+debug@^4.4.0, debug@^4.4.3:
+  version "4.4.3"
+  resolved "https://registry.yarnpkg.com/debug/-/debug-4.4.3.tgz#c6ae432d9bd9662582fce08709b038c58e9e3d6a"
+  integrity sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==
+  dependencies:
+    ms "^2.1.3"
+
 debuglog@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/debuglog/-/debuglog-1.0.1.tgz#aa24ffb9ac3df9a2351837cfb2d279360cd78492"
@@ -5106,37 +3697,27 @@ decamelize-keys@^1.1.0:
     decamelize "^1.1.0"
     map-obj "^1.0.0"
 
-decamelize@^1.1.0, decamelize@^1.2.0:
+decamelize@^1.1.0:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/decamelize/-/decamelize-1.2.0.tgz#f6534d15148269b20352e7bee26f501f9a191290"
   integrity sha512-z2S+W9X73hAUUki+N+9Za2lBlun89zigOyGrsax+KUQ6wKW4ZoWpEYBkGhQjwAjjDCkWxhY0VKEhk8wzY7F5cA==
 
-decimal.js@^10.2.1:
-  version "10.4.3"
-  resolved "https://registry.yarnpkg.com/decimal.js/-/decimal.js-10.4.3.tgz#1044092884d245d1b7f65725fa4ad4c6f781cc23"
-  integrity sha512-VBBaLc1MgL5XpzgIP7ny5Z6Nx3UrRkIViUkPUdtl9aya5amy3De1gsUUSB1g3+3sExYNjCAsAznmukyxCb1GRA==
-
-decode-uri-component@^0.2.0:
-  version "0.2.2"
-  resolved "https://registry.yarnpkg.com/decode-uri-component/-/decode-uri-component-0.2.2.tgz#e69dbe25d37941171dd540e024c444cd5188e1e9"
-  integrity sha512-FqUYQ+8o158GyGTrMFJms9qh3CqTKvAqgqsTnkLI8sKu0028orqBhxNMFkFen0zGyg6epACD32pjVk58ngIErQ==
-
-dedent@^0.7.0:
-  version "0.7.0"
-  resolved "https://registry.yarnpkg.com/dedent/-/dedent-0.7.0.tgz#2495ddbaf6eb874abb0e1be9df22d2e5a544326c"
-  integrity sha512-Q6fKUPqnAHAyhiUgFU7BUzLiv0kd8saH9al7tnu5Q/okj6dnupxyTgFIBjVzJATdfIAm9NAsvXNzjaKa+bxVyA==
+decimal.js@^10.4.2:
+  version "10.6.0"
+  resolved "https://registry.yarnpkg.com/decimal.js/-/decimal.js-10.6.0.tgz#e649a43e3ab953a72192ff5983865e509f37ed9a"
+  integrity sha512-YpgQiITW3JXGntzdUmyUR1V812Hn8T1YVXhCu+wO3OpS4eU9l4YdD3qjyiKdV6mvV29zapkMeD390UVEf2lkUg==
 
-deep-equal@^1.0.1:
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/deep-equal/-/deep-equal-1.1.1.tgz#b5c98c942ceffaf7cb051e24e1434a25a2e6076a"
-  integrity sha512-yd9c5AdiqVcR+JjcwUQb9DkhJc8ngNr0MahEBGvDiJw8puWab2yZlh+nkasOnZP+EGTAP6rRp2JzJhJZzvNF8g==
+decode-named-character-reference@^1.0.0:
+  version "1.3.0"
+  resolved "https://registry.yarnpkg.com/decode-named-character-reference/-/decode-named-character-reference-1.3.0.tgz#3e40603760874c2e5867691b599d73a7da25b53f"
+  integrity sha512-GtpQYB283KrPp6nRw50q3U9/VfOutZOe103qlN7BPP6Ad27xYnOIWv4lPzo8HCAL+mMZofJ9KEy30fq6MfaK6Q==
   dependencies:
-    is-arguments "^1.0.4"
-    is-date-object "^1.0.1"
-    is-regex "^1.0.4"
-    object-is "^1.0.1"
-    object-keys "^1.1.1"
-    regexp.prototype.flags "^1.2.0"
+    character-entities "^2.0.0"
+
+dedent@^1.0.0:
+  version "1.7.2"
+  resolved "https://registry.yarnpkg.com/dedent/-/dedent-1.7.2.tgz#34e2264ab538301e27cf7b07bf2369c19baa8dd9"
+  integrity sha512-WzMx3mW98SN+zn3hgemf4OzdmyNhhhKz5Ay0pUfQiMQ3e1g+xmTJWp/pKdwKVXhdSkAEGIIzqeuWrL3mV/AXbA==
 
 deep-extend@^0.6.0:
   version "0.6.0"
@@ -5148,7 +3729,7 @@ deep-freeze@0.0.1:
   resolved "https://registry.yarnpkg.com/deep-freeze/-/deep-freeze-0.0.1.tgz#3a0b0005de18672819dfd38cd31f91179c893e84"
   integrity sha512-Z+z8HiAvsGwmjqlphnHW5oz6yWlOwu6EQfFTjmeTWlDeda3FS2yv3jhq35TX/ewmsnqB+RX2IdsIOyjJCQN5tg==
 
-deep-is@^0.1.3, deep-is@~0.1.3:
+deep-is@^0.1.3:
   version "0.1.4"
   resolved "https://registry.yarnpkg.com/deep-is/-/deep-is-0.1.4.tgz#a6f2dce612fadd2ef1f519b73551f17e85199831"
   integrity sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==
@@ -5163,14 +3744,6 @@ deepmerge@^4.2.2:
   resolved "https://registry.yarnpkg.com/deepmerge/-/deepmerge-4.3.1.tgz#44b5f2147cd3b00d4b56137685966f26fd25dd4a"
   integrity sha512-3sUqbMEc77XqpdNO7FRyRog+eW3ph+GYCbj+rK+uYyRMuwsVy0rMiVtPn+QJlKFvWP/1PYpapqYn0Me2knFn+A==
 
-default-gateway@^4.2.0:
-  version "4.2.0"
-  resolved "https://registry.yarnpkg.com/default-gateway/-/default-gateway-4.2.0.tgz#167104c7500c2115f6dd69b0a536bb8ed720552b"
-  integrity sha512-h6sMrVB1VMWVrW13mSc6ia/DwYYw5MN6+exNu1OaJeFac5aSAvwM7lZ0NVfTABuSkQelr4h5oebg3KB1XPdjgA==
-  dependencies:
-    execa "^1.0.0"
-    ip-regex "^2.1.0"
-
 defaults@^1.0.3:
   version "1.0.4"
   resolved "https://registry.yarnpkg.com/defaults/-/defaults-1.0.4.tgz#b0b02062c1e2aa62ff5d9528f0f98baa90978d7a"
@@ -5187,21 +3760,7 @@ define-data-property@^1.0.1, define-data-property@^1.1.1:
     gopd "^1.0.1"
     has-property-descriptors "^1.0.0"
 
-define-data-property@^1.1.4:
-  version "1.1.4"
-  resolved "https://registry.yarnpkg.com/define-data-property/-/define-data-property-1.1.4.tgz#894dc141bb7d3060ae4366f6a0107e68fbe48c5e"
-  integrity sha512-rBMvIzlpA8v6E+SJZoo++HAYqsLrkg7MSfIinMPFhmkorw7X+dOXVJQs+QT69zGkzMyfDnIMN2Wid1+NbL3T+A==
-  dependencies:
-    es-define-property "^1.0.0"
-    es-errors "^1.3.0"
-    gopd "^1.0.1"
-
-define-lazy-prop@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/define-lazy-prop/-/define-lazy-prop-2.0.0.tgz#3f7ae421129bcaaac9bc74905c98a0009ec9ee7f"
-  integrity sha512-Ds09qNh8yw3khSjiJjiUInaGX9xlqZDY7JVryGxdxV7NPeuqQfplOpQ66yJFZut3jLa5zOwkXw1g9EI2uKh4Og==
-
-define-properties@^1.1.2, define-properties@^1.1.3, define-properties@^1.1.4, define-properties@^1.2.0, define-properties@^1.2.1:
+define-properties@^1.1.3, define-properties@^1.1.4, define-properties@^1.2.0, define-properties@^1.2.1:
   version "1.2.1"
   resolved "https://registry.yarnpkg.com/define-properties/-/define-properties-1.2.1.tgz#10781cc616eb951a80a034bafcaa7377f6af2b6c"
   integrity sha512-8QmQKqEASLd5nx0U1B1okLElbUuuttJ/AnYmRXbbbGDWh6uS208EjD4Xqq/I9wK7u0v6O08XhTWnt5XtEbR6Dg==
@@ -5210,41 +3769,6 @@ define-properties@^1.1.2, define-properties@^1.1.3, define-properties@^1.1.4, de
     has-property-descriptors "^1.0.0"
     object-keys "^1.1.1"
 
-define-property@^0.2.5:
-  version "0.2.5"
-  resolved "https://registry.yarnpkg.com/define-property/-/define-property-0.2.5.tgz#c35b1ef918ec3c990f9a5bc57be04aacec5c8116"
-  integrity sha512-Rr7ADjQZenceVOAKop6ALkkRAmH1A4Gx9hV/7ZujPUN2rkATqFO0JZLZInbAjpZYoJ1gUx8MRMQVkYemcbMSTA==
-  dependencies:
-    is-descriptor "^0.1.0"
-
-define-property@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/define-property/-/define-property-1.0.0.tgz#769ebaaf3f4a63aad3af9e8d304c9bbe79bfb0e6"
-  integrity sha512-cZTYKFWspt9jZsMscWo8sc/5lbPC9Q0N5nBLgb+Yd915iL3udB1uFgS3B8YCx66UVHq018DAVFoee7x+gxggeA==
-  dependencies:
-    is-descriptor "^1.0.0"
-
-define-property@^2.0.2:
-  version "2.0.2"
-  resolved "https://registry.yarnpkg.com/define-property/-/define-property-2.0.2.tgz#d459689e8d654ba77e02a817f8710d702cb16e9d"
-  integrity sha512-jwK2UV4cnPpbcG7+VRARKTZPUWowwXA8bzH5NP6ud0oeAxyYPuGZUAC7hMugpCdz4BeSZl2Dl9k66CHJ/46ZYQ==
-  dependencies:
-    is-descriptor "^1.0.2"
-    isobject "^3.0.1"
-
-del@^4.1.1:
-  version "4.1.1"
-  resolved "https://registry.yarnpkg.com/del/-/del-4.1.1.tgz#9e8f117222ea44a31ff3a156c049b99052a9f0b4"
-  integrity sha512-QwGuEUouP2kVwQenAsOof5Fv8K9t3D8Ca8NxcXKrIpEHjTXK5J2nXLdP+ALI1cgv8wj7KuwBhTwBkOZSJKM5XQ==
-  dependencies:
-    "@types/glob" "^7.1.1"
-    globby "^6.1.0"
-    is-path-cwd "^2.0.0"
-    is-path-in-cwd "^2.0.0"
-    p-map "^2.0.0"
-    pify "^4.0.1"
-    rimraf "^2.6.3"
-
 del@^6.0.0:
   version "6.1.1"
   resolved "https://registry.yarnpkg.com/del/-/del-6.1.1.tgz#3b70314f1ec0aa325c6b14eb36b95786671edb7a"
@@ -5269,56 +3793,27 @@ delegates@^1.0.0:
   resolved "https://registry.yarnpkg.com/delegates/-/delegates-1.0.0.tgz#84c6e159b81904fdca59a0ef44cd870d31250f9a"
   integrity sha512-bd2L678uiWATM6m5Z1VzNCErI3jiGzt6HGY8OVICs40JQq/HALfbyNJmp0UDakEY4pMMaN0Ly5om/B1VI/+xfQ==
 
-depd@2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/depd/-/depd-2.0.0.tgz#b696163cc757560d09cf22cc8fad1571b79e76df"
-  integrity sha512-g7nH6P6dyDioJogAAGprGpCtVImJhpPk/roCzdb3fIh61/s/nPsfR6onyMwkCAR/OlC3yBC0lESvUoQEAssIrw==
-
-depd@~1.1.2:
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/depd/-/depd-1.1.2.tgz#9bcd52e14c097763e749b274c4346ed2e560b5a9"
-  integrity sha512-7emPTl6Dpo6JRXOXjLRxck+FlLRX5847cLKEn00PLAgc3g2hTZZgr+e4c2v6QpSmLeFP3n5yUo7ft6avBK/5jQ==
-
 deprecation@^2.0.0, deprecation@^2.3.1:
   version "2.3.1"
   resolved "https://registry.yarnpkg.com/deprecation/-/deprecation-2.3.1.tgz#6368cbdb40abf3373b525ac87e4a260c3a700919"
   integrity sha512-xmHIy4F3scKVwMsQ4WnVaS8bHOx0DmVwRywosKhaILI0ywMDWPtBSku2HNxRvF7jtwDRsoEwYQSfbxj8b7RlJQ==
 
-dequal@^2.0.3:
+dequal@^2.0.0, dequal@^2.0.3:
   version "2.0.3"
   resolved "https://registry.yarnpkg.com/dequal/-/dequal-2.0.3.tgz#2644214f1997d39ed0ee0ece72335490a7ac67be"
   integrity sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA==
 
-des.js@^1.0.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/des.js/-/des.js-1.1.0.tgz#1d37f5766f3bbff4ee9638e871a8768c173b81da"
-  integrity sha512-r17GxjhUCjSRy8aiJpr8/UadFIzMzJGexI3Nmz4ADi9LYSFx4gTBp80+NaX/YsXWWLhpZ7v/v/ubEc/bCNfKwg==
-  dependencies:
-    inherits "^2.0.1"
-    minimalistic-assert "^1.0.0"
-
-destroy@1.2.0:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/destroy/-/destroy-1.2.0.tgz#4803735509ad8be552934c67df614f94e66fa015"
-  integrity sha512-2sJGJTaXIIaR1w4iJSNoN0hnMY7Gpc/n8D4qSCJw8QqFWXf7cuAgnEHxBpweaVcPevC2l3KpjYCx3NypQQgaJg==
-
 detect-newline@^3.0.0:
   version "3.1.0"
   resolved "https://registry.yarnpkg.com/detect-newline/-/detect-newline-3.1.0.tgz#576f5dfc63ae1a192ff192d8ad3af6308991b651"
   integrity sha512-TLz+x/vEXm/Y7P7wn1EJFNLxYpUD4TgMosxY6fAVJUnJMbupHBOncxyWUG9OpTaH9EBD7uFI5LfEgmMOc54DsA==
 
-detect-node@^2.0.4:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/detect-node/-/detect-node-2.1.0.tgz#c9c70775a49c3d03bc2c06d9a73be550f978f8b1"
-  integrity sha512-T0NIuQpnTvFDATNuHN5roPwSBG83rFsuO+MXXH9/3N1eFbn4wcPjttvjMLEPWJ0RGUYgQE7cGgS3tNxbqCGM7g==
-
-detect-port-alt@1.1.6, detect-port-alt@^1.1.6:
-  version "1.1.6"
-  resolved "https://registry.yarnpkg.com/detect-port-alt/-/detect-port-alt-1.1.6.tgz#24707deabe932d4a3cf621302027c2b266568275"
-  integrity sha512-5tQykt+LqfJFBEYaDITx7S7cR7mJ/zQmLXZ2qt5w04ainYZw6tBf9dBunMjVeVOdYVRUzUOE4HkY5J7+uttb5Q==
+devlop@^1.0.0, devlop@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/devlop/-/devlop-1.1.0.tgz#4db7c2ca4dc6e0e834c30be70c94bbc976dc7018"
+  integrity sha512-RWmIqhcFf1lRYBvNmr7qTNuyCt/7/ns2jbpp1+PalgE/rDQcBT0fioSMUpJ93irlUhC5hrg4cYqe6U+0ImW0rA==
   dependencies:
-    address "^1.0.1"
-    debug "^2.6.0"
+    dequal "^2.0.0"
 
 dezalgo@^1.0.0:
   version "1.0.4"
@@ -5328,24 +3823,20 @@ dezalgo@^1.0.0:
     asap "^2.0.0"
     wrappy "1"
 
-diff-sequences@^26.6.2:
-  version "26.6.2"
-  resolved "https://registry.yarnpkg.com/diff-sequences/-/diff-sequences-26.6.2.tgz#48ba99157de1923412eed41db6b6d4aa9ca7c0b1"
-  integrity sha512-Mv/TDa3nZ9sbc5soK+OoA74BsS3mL37yixCvUAQkiuA4Wz6YtwP/K47n2rv2ovzHZvoiQeA5FTQOschKkEwB0Q==
+diff-sequences@^29.6.3:
+  version "29.6.3"
+  resolved "https://registry.yarnpkg.com/diff-sequences/-/diff-sequences-29.6.3.tgz#4deaf894d11407c51efc8418012f9e70b84ea921"
+  integrity sha512-EjePK1srD3P08o2j4f0ExnylqRs5B9tJjcp9t1krH2qRi8CCdsYfwe9JgSLurFBWwq4uOlipzfk5fHNvwFKr8Q==
 
 diff@^5.0.0:
   version "5.1.0"
   resolved "https://registry.yarnpkg.com/diff/-/diff-5.1.0.tgz#bc52d298c5ea8df9194800224445ed43ffc87e40"
   integrity sha512-D+mk+qE8VC/PAUrlAU34N+VfXev0ghe5ywmpqrawphmVZc1bEfn56uo9qpyGp1p4xpzOHkSW4ztBd6L7Xx4ACw==
 
-diffie-hellman@^5.0.0:
-  version "5.0.3"
-  resolved "https://registry.yarnpkg.com/diffie-hellman/-/diffie-hellman-5.0.3.tgz#40e8ee98f55a2149607146921c63e1ae5f3d2875"
-  integrity sha512-kqag/Nl+f3GwyK25fhUMYj81BUOrZ9IuJsjIcDE5icNM9FJHAVm3VcUDxdLPoQtTuUylWm6ZIknYJwwaPxsUzg==
-  dependencies:
-    bn.js "^4.1.0"
-    miller-rabin "^4.0.0"
-    randombytes "^2.0.0"
+diff@~8.0.2:
+  version "8.0.4"
+  resolved "https://registry.yarnpkg.com/diff/-/diff-8.0.4.tgz#4f5baf3188b9b2431117b962eb20ba330fadf696"
+  integrity sha512-DPi0FmjiSU5EvQV0++GFDOJ9ASQUVFh5kD+OzOnYdi7n3Wpm9hWWGfB/O2blfHcMVTL5WkQXSnRiK9makhrcnw==
 
 dir-glob@^3.0.0, dir-glob@^3.0.1:
   version "3.0.1"
@@ -5354,26 +3845,6 @@ dir-glob@^3.0.0, dir-glob@^3.0.1:
   dependencies:
     path-type "^4.0.0"
 
-dns-equal@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/dns-equal/-/dns-equal-1.0.0.tgz#b39e7f1da6eb0a75ba9c17324b34753c47e0654d"
-  integrity sha512-z+paD6YUQsk+AbGCEM4PrOXSss5gd66QfcVBFTKR/HpFL9jCqikS94HYwKww6fQyO7IxrIIyUu+g0Ka9tUS2Cg==
-
-dns-packet@^1.3.1:
-  version "1.3.4"
-  resolved "https://registry.yarnpkg.com/dns-packet/-/dns-packet-1.3.4.tgz#e3455065824a2507ba886c55a89963bb107dec6f"
-  integrity sha512-BQ6F4vycLXBvdrJZ6S3gZewt6rcrks9KBgM9vrhW+knGRqc8uEdT7fuCwloc7nny5xNoMJ17HGH0R/6fpo8ECA==
-  dependencies:
-    ip "^1.1.0"
-    safe-buffer "^5.0.1"
-
-dns-txt@^2.0.2:
-  version "2.0.2"
-  resolved "https://registry.yarnpkg.com/dns-txt/-/dns-txt-2.0.2.tgz#b91d806f5d27188e4ab3e7d107d881a1cc4642b6"
-  integrity sha512-Ix5PrWjphuSoUXV/Zv5gaFHjnaJtb02F2+Si3Ht9dyJ87+Z/lMmy+dpNHtTGraNK958ndXq2i+GLkWsWHcKaBQ==
-  dependencies:
-    buffer-indexof "^1.0.0"
-
 doctrine@^2.1.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/doctrine/-/doctrine-2.1.0.tgz#5cd01fc101621b42c4cd7f5d1a66243716d3f39d"
@@ -5388,100 +3859,24 @@ doctrine@^3.0.0:
   dependencies:
     esutils "^2.0.2"
 
-dom-converter@^0.2.0:
-  version "0.2.0"
-  resolved "https://registry.yarnpkg.com/dom-converter/-/dom-converter-0.2.0.tgz#6721a9daee2e293682955b6afe416771627bb768"
-  integrity sha512-gd3ypIPfOMr9h5jIKq8E3sHOTCjeirnl0WK5ZdS1AW0Odt0b1PaWaHdJ4Qk4klv+YB9aJBS7mESXjFoDQPu6DA==
-  dependencies:
-    utila "~0.4"
-
-dom-serializer@0:
-  version "0.2.2"
-  resolved "https://registry.yarnpkg.com/dom-serializer/-/dom-serializer-0.2.2.tgz#1afb81f533717175d478655debc5e332d9f9bb51"
-  integrity sha512-2/xPb3ORsQ42nHYiSunXkDjPLBaEj/xTwUO4B7XCZQTRk7EBtTOPaygh10YAAh2OI1Qrp6NWfpAhzswj0ydt9g==
-  dependencies:
-    domelementtype "^2.0.1"
-    entities "^2.0.0"
-
-dom-serializer@^1.0.1:
-  version "1.4.1"
-  resolved "https://registry.yarnpkg.com/dom-serializer/-/dom-serializer-1.4.1.tgz#de5d41b1aea290215dc45a6dae8adcf1d32e2d30"
-  integrity sha512-VHwB3KfrcOOkelEG2ZOfxqLZdfkil8PtJi4P8N2MMXucZq2yLp75ClViUlOVwyoHEDjYU433Aq+5zWP61+RGag==
-  dependencies:
-    domelementtype "^2.0.1"
-    domhandler "^4.2.0"
-    entities "^2.0.0"
-
-domain-browser@^1.1.1:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/domain-browser/-/domain-browser-1.2.0.tgz#3d31f50191a6749dd1375a7f522e823d42e54eda"
-  integrity sha512-jnjyiM6eRyZl2H+W8Q/zLMA481hzi0eszAaBUzIVnmYVDBbnLxVNnfu1HgEBvCbL+71FrxMl3E6lpKH7Ge3OXA==
-
-domelementtype@1:
-  version "1.3.1"
-  resolved "https://registry.yarnpkg.com/domelementtype/-/domelementtype-1.3.1.tgz#d048c44b37b0d10a7f2a3d5fee3f4333d790481f"
-  integrity sha512-BSKB+TSpMpFI/HOxCNr1O8aMOTZ8hT3pM3GQ0w/mWRmkhEDSFJkkyzz4XQsBV44BChwGkrDfMyjVD0eA2aFV3w==
-
-domelementtype@^2.0.1, domelementtype@^2.2.0:
-  version "2.3.0"
-  resolved "https://registry.yarnpkg.com/domelementtype/-/domelementtype-2.3.0.tgz#5c45e8e869952626331d7aab326d01daf65d589d"
-  integrity sha512-OLETBj6w0OsagBwdXnPdN0cnMfF9opN69co+7ZrbfPGrdpPVNBUj02spi6B1N7wChLQiPn4CSH/zJvXw56gmHw==
-
-domexception@^2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/domexception/-/domexception-2.0.1.tgz#fb44aefba793e1574b0af6aed2801d057529f304"
-  integrity sha512-yxJ2mFy/sibVQlu5qHjOkf9J3K6zgmCxgJ94u2EdvDOV09H+32LtRswEcUsmUWN72pVLOEnTSRaIVVzVQgS0dg==
-  dependencies:
-    webidl-conversions "^5.0.0"
-
-domhandler@^4.0.0, domhandler@^4.2.0, domhandler@^4.3.1:
-  version "4.3.1"
-  resolved "https://registry.yarnpkg.com/domhandler/-/domhandler-4.3.1.tgz#8d792033416f59d68bc03a5aa7b018c1ca89279c"
-  integrity sha512-GrwoxYN+uWlzO8uhUXRl0P+kHE4GtVPfYzVLcUxPL7KNdHKj66vvlhiweIHqYYXWlw+T8iLMp42Lm67ghw4WMQ==
-  dependencies:
-    domelementtype "^2.2.0"
-
-domutils@^1.7.0:
-  version "1.7.0"
-  resolved "https://registry.yarnpkg.com/domutils/-/domutils-1.7.0.tgz#56ea341e834e06e6748af7a1cb25da67ea9f8c2a"
-  integrity sha512-Lgd2XcJ/NjEw+7tFvfKxOzCYKZsdct5lczQ2ZaQY8Djz7pfAD3Gbp8ySJWtreII/vDlMVmxwa6pHmdxIYgttDg==
-  dependencies:
-    dom-serializer "0"
-    domelementtype "1"
-
-domutils@^2.5.2, domutils@^2.8.0:
-  version "2.8.0"
-  resolved "https://registry.yarnpkg.com/domutils/-/domutils-2.8.0.tgz#4437def5db6e2d1f5d6ee859bd95ca7d02048135"
-  integrity sha512-w96Cjofp72M5IIhpjgobBimYEfoPjx1Vx0BSX9P30WBdZW2WIKU0T1Bd0kz2eNZ9ikjKgHbEyKx8BB6H1L3h3A==
-  dependencies:
-    dom-serializer "^1.0.1"
-    domelementtype "^2.2.0"
-    domhandler "^4.2.0"
-
-dot-case@^3.0.4:
-  version "3.0.4"
-  resolved "https://registry.yarnpkg.com/dot-case/-/dot-case-3.0.4.tgz#9b2b670d00a431667a8a75ba29cd1b98809ce751"
-  integrity sha512-Kv5nKlh6yRrdrGvxeJ2e5y2eRUpkUosIW4A2AS38zwSz27zu7ufDwQPi5Jhs3XAlGNetl3bmnGhQsMtkKJnj3w==
+domexception@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/domexception/-/domexception-4.0.0.tgz#4ad1be56ccadc86fc76d033353999a8037d03673"
+  integrity sha512-A2is4PLG+eeSfoTMA95/s4pvAoSo2mKtiM5jlHkAVewmiO8ISFTFKZjH7UAM1Atli/OT/7JHOrJRJiMKUZKYBw==
   dependencies:
-    no-case "^3.0.4"
-    tslib "^2.0.3"
+    webidl-conversions "^7.0.0"
 
-dot-prop@^5.1.0, dot-prop@^5.2.0:
+dot-prop@^5.1.0:
   version "5.3.0"
   resolved "https://registry.yarnpkg.com/dot-prop/-/dot-prop-5.3.0.tgz#90ccce708cd9cd82cc4dc8c3ddd9abdd55b20e88"
   integrity sha512-QM8q3zDe58hqUqjraQOmzZ1LIH9SWQJTlEKCH4kJ2oQvLZk7RbQXvtDM2XEq3fwkV9CCvvH4LA0AV+ogFsBM2Q==
   dependencies:
     is-obj "^2.0.0"
 
-dotenv-expand@5.1.0:
-  version "5.1.0"
-  resolved "https://registry.yarnpkg.com/dotenv-expand/-/dotenv-expand-5.1.0.tgz#3fbaf020bfd794884072ea26b1e9791d45a629f0"
-  integrity sha512-YXQl1DSa4/PQyRfgrv6aoNjhasp/p4qs9FjJ4q4cQk+8m4r6k4ZSiEyytKG8f8W9gi8WsQtIObNmKd+tMzNTmA==
-
-dotenv@8.2.0:
-  version "8.2.0"
-  resolved "https://registry.yarnpkg.com/dotenv/-/dotenv-8.2.0.tgz#97e619259ada750eea3e4ea3e26bceea5424b16a"
-  integrity sha512-8sJ78ElpbDJBHNeBzUbUVLsqKdccaa/BXF1uPTw3GrvQTBgrQrtObr2mUrE38vzYd8cEv+m/JBfDLioYcfXoaw==
+dotenv@^17.4.2:
+  version "17.4.2"
+  resolved "https://registry.yarnpkg.com/dotenv/-/dotenv-17.4.2.tgz#c07e54a746e11eba021dd9e1047ced5afdc1c034"
+  integrity sha512-nI4U3TottKAcAD9LLud4Cb7b2QztQMUEfHbvhTH09bqXTxnSie8WnjPALV/WMCrJZ6UV/qHJ6L03OqO3LcdYZw==
 
 dunder-proto@^1.0.1:
   version "1.0.1"
@@ -5499,21 +3894,6 @@ duplexer2@~0.1.0:
   dependencies:
     readable-stream "^2.0.2"
 
-duplexer@^0.1.1, duplexer@^0.1.2, duplexer@~0.1.1:
-  version "0.1.2"
-  resolved "https://registry.yarnpkg.com/duplexer/-/duplexer-0.1.2.tgz#3abe43aef3835f8ae077d136ddce0f276b0400e6"
-  integrity sha512-jtD6YG370ZCIi/9GTaJKQxWTZD045+4R4hTk/x1UyoqadyJ9x9CgSi1RlVDQF8U2sxLLSnFkCaMihqljHIWgMg==
-
-duplexify@^3.4.2, duplexify@^3.6.0:
-  version "3.7.1"
-  resolved "https://registry.yarnpkg.com/duplexify/-/duplexify-3.7.1.tgz#2a4df5317f6ccfd91f86d6fd25d8d8a103b88309"
-  integrity sha512-07z8uv2wMyS51kKhD1KsdXJg5WQ6t93RneqRxUHnskXVtlYYkLqM0gqStQZ3pj073g687jPCHrqNfCzawLYh5g==
-  dependencies:
-    end-of-stream "^1.0.0"
-    inherits "^2.0.1"
-    readable-stream "^2.0.0"
-    stream-shift "^1.0.0"
-
 ecc-jsbn@~0.1.1:
   version "0.1.2"
   resolved "https://registry.yarnpkg.com/ecc-jsbn/-/ecc-jsbn-0.1.2.tgz#3a83a904e54353287874c564b7549386849a98c9"
@@ -5522,45 +3902,20 @@ ecc-jsbn@~0.1.1:
     jsbn "~0.1.0"
     safer-buffer "^2.1.0"
 
-ee-first@1.1.1:
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/ee-first/-/ee-first-1.1.1.tgz#590c61156b0ae2f4f0255732a158b266bc56b21d"
-  integrity sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow==
-
-ejs@3.1.10, ejs@^2.6.1, ejs@^3.1.10:
-  version "3.1.10"
-  resolved "https://registry.yarnpkg.com/ejs/-/ejs-3.1.10.tgz#69ab8358b14e896f80cc39e62087b88500c3ac3b"
-  integrity sha512-UeJmFfOrAQS8OJWPZ4qtgHyWExa088/MtK5UEyoJGFH67cDEXkZSviOiKRCZ4Xij0zxI3JECgYs3oKx+AizQBA==
-  dependencies:
-    jake "^10.8.5"
-
-electron-to-chromium@^1.3.564, electron-to-chromium@^1.4.535:
+electron-to-chromium@^1.4.535:
   version "1.4.578"
   resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.4.578.tgz#7a3510f333bcd55e87882799ebeb7518d6ab4d95"
   integrity sha512-V0ZhSu1BQZKfG0yNEL6Dadzik8E1vAzfpVOapdSiT9F6yapEJ3Bk+4tZ4SMPdWiUchCgnM/ByYtBzp5ntzDMIA==
 
-elliptic@^6.5.3, elliptic@^6.5.4:
-  version "6.5.4"
-  resolved "https://registry.yarnpkg.com/elliptic/-/elliptic-6.5.4.tgz#da37cebd31e79a1367e941b592ed1fbebd58abbb"
-  integrity sha512-iLhC6ULemrljPZb+QutR5TQGB+pdW6KGD5RSegS+8sorOZT+rdQFbsQFJgvN3eRqNALqJer4oQ16YvJHlU8hzQ==
-  dependencies:
-    bn.js "^4.11.9"
-    brorand "^1.1.0"
-    hash.js "^1.0.0"
-    hmac-drbg "^1.0.1"
-    inherits "^2.0.4"
-    minimalistic-assert "^1.0.1"
-    minimalistic-crypto-utils "^1.0.1"
-
-emittery@^0.7.1:
-  version "0.7.2"
-  resolved "https://registry.yarnpkg.com/emittery/-/emittery-0.7.2.tgz#25595908e13af0f5674ab419396e2fb394cdfa82"
-  integrity sha512-A8OG5SR/ij3SsJdWDJdkkSYUjQdCUx6APQXem0SaEePBSRg4eymGYwBkKo1Y6DU+af/Jn2dBQqDBvjnr9Vi8nQ==
+electron-to-chromium@^1.5.328:
+  version "1.5.334"
+  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.5.334.tgz#1e3fdd8d014852104eb8e632e760fb364db7dd0e"
+  integrity sha512-mgjZAz7Jyx1SRCwEpy9wefDS7GvNPazLthHg8eQMJ76wBdGQQDW33TCrUTvQ4wzpmOrv2zrFoD3oNufMdyMpog==
 
-emoji-regex@^7.0.1:
-  version "7.0.3"
-  resolved "https://registry.yarnpkg.com/emoji-regex/-/emoji-regex-7.0.3.tgz#933a04052860c85e83c122479c4748a8e4c72156"
-  integrity sha512-CwBLREIQ7LvYFB0WyRvwhq5N5qPhc6PMjD6bYggFlI5YyDgl+0vxq5VHbMOFqLg7hfWzmu8T5Z1QofhmTIhItA==
+emittery@^0.13.1:
+  version "0.13.1"
+  resolved "https://registry.yarnpkg.com/emittery/-/emittery-0.13.1.tgz#c04b8c3457490e0847ae51fced3af52d338e3dad"
+  integrity sha512-DeWwawk6r5yR9jFgnDKYt4sLS0LmHJJi3ZOnb5/JdbYwj3nW+FxQnHIjhBKz8YLC7oRNPVM9NQ47I3CVx34eqQ==
 
 emoji-regex@^8.0.0:
   version "8.0.0"
@@ -5572,16 +3927,6 @@ emoji-regex@^9.2.2:
   resolved "https://registry.yarnpkg.com/emoji-regex/-/emoji-regex-9.2.2.tgz#840c8803b0d8047f4ff0cf963176b32d4ef3ed72"
   integrity sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==
 
-emojis-list@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/emojis-list/-/emojis-list-3.0.0.tgz#5570662046ad29e2e916e71aae260abdff4f6a78"
-  integrity sha512-/kyM18EfinwXZbno9FyUGeFh87KC8HRQBQGildHZbEuRyWFOmv1U10o9BBp8XVZDVNNuQKyIGIu5ZYAAXJ0V2Q==
-
-encodeurl@~1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/encodeurl/-/encodeurl-1.0.2.tgz#ad3ff4c86ec2d029322f5a02c3a9a606c95b3f59"
-  integrity sha512-TPJXq8JqFaVYm2CWmPvnP2Iyo4ZSM7/QKcSmuMLDObfpH5fi7RUGmd/rTDf+rut/saiDiQEeVTNgAmJEdAOx0w==
-
 encoding@^0.1.12:
   version "0.1.13"
   resolved "https://registry.yarnpkg.com/encoding/-/encoding-0.1.13.tgz#56574afdd791f54a8e9b2785c0582a2d26210fa9"
@@ -5589,22 +3934,6 @@ encoding@^0.1.12:
   dependencies:
     iconv-lite "^0.6.2"
 
-end-of-stream@^1.0.0, end-of-stream@^1.1.0:
-  version "1.4.4"
-  resolved "https://registry.yarnpkg.com/end-of-stream/-/end-of-stream-1.4.4.tgz#5ae64a5f45057baf3626ec14da0ca5e4b2431eb0"
-  integrity sha512-+uw1inIHVPQoaVuHzRyXd21icM+cnt4CzD5rW+NC1wjOUSTOs+Te7FOv7AhN7vS9x/oIyhLP5PR1H+phQAHu5Q==
-  dependencies:
-    once "^1.4.0"
-
-enhanced-resolve@^4.3.0:
-  version "4.5.0"
-  resolved "https://registry.yarnpkg.com/enhanced-resolve/-/enhanced-resolve-4.5.0.tgz#2f3cfd84dbe3b487f18f2db2ef1e064a571ca5ec"
-  integrity sha512-Nv9m36S/vxpsI+Hc4/ZGRs0n9mXqSWGGq49zxb/cJfPAQMbUtttJAlNPS4AQzaBdw/pKskw5bMbekT/Y7W/Wlg==
-  dependencies:
-    graceful-fs "^4.1.2"
-    memory-fs "^0.5.0"
-    tapable "^1.0.0"
-
 enquirer@^2.3.5:
   version "2.4.1"
   resolved "https://registry.yarnpkg.com/enquirer/-/enquirer-2.4.1.tgz#93334b3fbd74fc7097b224ab4a8fb7e40bf4ae56"
@@ -5613,10 +3942,15 @@ enquirer@^2.3.5:
     ansi-colors "^4.1.1"
     strip-ansi "^6.0.1"
 
-entities@^2.0.0:
-  version "2.2.0"
-  resolved "https://registry.yarnpkg.com/entities/-/entities-2.2.0.tgz#098dc90ebb83d8dffa089d55256b351d34c4da55"
-  integrity sha512-p92if5Nz619I0w+akJrLZH0MX0Pb5DX39XOwQTtXSdQQOaYH03S1uIQp4mhOZtAXrxq4ViO67YTiLBo2638o9A==
+entities@^6.0.0:
+  version "6.0.1"
+  resolved "https://registry.yarnpkg.com/entities/-/entities-6.0.1.tgz#c28c34a43379ca7f61d074130b2f5f7020a30694"
+  integrity sha512-aN97NXWF6AWBTahfVOIrB/NShkzi5H7F9r1s9mD3cDj4Ko5f2qhhVoYMibXF7GlLveb/D2ioWay8lxI97Ven3g==
+
+entities@^7.0.1:
+  version "7.0.1"
+  resolved "https://registry.yarnpkg.com/entities/-/entities-7.0.1.tgz#26e8a88889db63417dcb9a1e79a3f1bc92b5976b"
+  integrity sha512-TWrgLOFUQTH994YUyl1yT4uyavY5nNB5muff+RtWaqNVCAK408b5ZnnbNAUEWLTCpum9w6arT70i1XdQ4UeOPA==
 
 env-ci@^5.0.0:
   version "5.5.0"
@@ -5644,13 +3978,6 @@ err-code@^2.0.2:
   resolved "https://registry.yarnpkg.com/err-code/-/err-code-2.0.3.tgz#23c2f3b756ffdfc608d30e27c9a941024807e7f9"
   integrity sha512-2bmlRpNKBxT/CRmPOlyISQpNj+qSeYvcym/uT0Jx2bMOlKLtSy1ZmLuVxSEKKyor/N5yhvp/ZiG1oE3DEYMSFA==
 
-errno@^0.1.3, errno@~0.1.7:
-  version "0.1.8"
-  resolved "https://registry.yarnpkg.com/errno/-/errno-0.1.8.tgz#8bb3e9c7d463be4976ff888f76b4809ebc2e811f"
-  integrity sha512-dJ6oBr5SQ1VSd9qkk7ByRgb/1SH4JZjCHSW/mr63/QcXO9zLVxvJ6Oy13nio03rxpSnVDDjFor75SjVeZWPW/A==
-  dependencies:
-    prr "~1.0.1"
-
 error-ex@^1.3.1:
   version "1.3.2"
   resolved "https://registry.yarnpkg.com/error-ex/-/error-ex-1.3.2.tgz#b4ac40648107fdcdcfae242f428bea8a14d4f1bf"
@@ -5658,14 +3985,7 @@ error-ex@^1.3.1:
   dependencies:
     is-arrayish "^0.2.1"
 
-error-stack-parser@^2.0.6:
-  version "2.1.4"
-  resolved "https://registry.yarnpkg.com/error-stack-parser/-/error-stack-parser-2.1.4.tgz#229cb01cdbfa84440bfa91876285b94680188286"
-  integrity sha512-Sk5V6wVazPhq5MhpO+AUxJn5x7XSXGl1R93Vn7i+zS15KDVxQijejNCrz8340/2bgLBjR9GtEG8ZVKONDjcqGQ==
-  dependencies:
-    stackframe "^1.3.4"
-
-es-abstract@^1.17.2, es-abstract@^1.22.1:
+es-abstract@^1.22.1:
   version "1.22.3"
   resolved "https://registry.yarnpkg.com/es-abstract/-/es-abstract-1.22.3.tgz#48e79f5573198de6dee3589195727f4f74bc4f32"
   integrity sha512-eiiY8HQeYfYH2Con2berK+To6GrK2RxbPawDkGq4UiCQQfZHb6wX9qQqkbpPqaxQFcl8d9QzZqo0tGE0VcrdwA==
@@ -5710,12 +4030,7 @@ es-abstract@^1.17.2, es-abstract@^1.22.1:
     unbox-primitive "^1.0.2"
     which-typed-array "^1.1.13"
 
-es-array-method-boxes-properly@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/es-array-method-boxes-properly/-/es-array-method-boxes-properly-1.0.0.tgz#873f3e84418de4ee19c5be752990b2e44718d09e"
-  integrity sha512-wd6JXUmyHmt8T5a2xreUwKcGPq6f1f+WwIJkijUqiGcJz1qqnZgP6XIK+QyIWU5lT7imeNxUll48bziG+TSYcA==
-
-es-define-property@^1.0.0, es-define-property@^1.0.1:
+es-define-property@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/es-define-property/-/es-define-property-1.0.1.tgz#983eb2f9a6724e9303f61addf011c72e09e0b0fa"
   integrity sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g==
@@ -5761,6 +4076,16 @@ es-set-tostringtag@^2.0.1:
     has-tostringtag "^1.0.0"
     hasown "^2.0.0"
 
+es-set-tostringtag@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/es-set-tostringtag/-/es-set-tostringtag-2.1.0.tgz#f31dbbe0c183b00a6d26eb6325c810c0fd18bd4d"
+  integrity sha512-j6vWzfrGVfyXxge+O0x5sh6cvxAog0a/4Rdd2K36zCMV5eJ+/+tOAngRO8cODMNWbVRdVlmGZQL2YS3yR8bIUA==
+  dependencies:
+    es-errors "^1.3.0"
+    get-intrinsic "^1.2.6"
+    has-tostringtag "^1.0.2"
+    hasown "^2.0.2"
+
 es-shim-unscopables@^1.0.0:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/es-shim-unscopables/-/es-shim-unscopables-1.0.2.tgz#1f6942e71ecc7835ed1c8a83006d8771a63a3763"
@@ -5777,79 +4102,60 @@ es-to-primitive@^1.2.1:
     is-date-object "^1.0.1"
     is-symbol "^1.0.2"
 
-es5-ext@^0.10.35, es5-ext@^0.10.50:
-  version "0.10.62"
-  resolved "https://registry.yarnpkg.com/es5-ext/-/es5-ext-0.10.62.tgz#5e6adc19a6da524bf3d1e02bbc8960e5eb49a9a5"
-  integrity sha512-BHLqn0klhEpnOKSrzn/Xsz2UIW8j+cGmo9JLzr8BiUapV8hPL9+FliFqjwr9ngW7jWdnxv6eO+/LqyhJVqgrjA==
-  dependencies:
-    es6-iterator "^2.0.3"
-    es6-symbol "^3.1.3"
-    next-tick "^1.1.0"
-
-es6-iterator@2.0.3, es6-iterator@^2.0.3:
-  version "2.0.3"
-  resolved "https://registry.yarnpkg.com/es6-iterator/-/es6-iterator-2.0.3.tgz#a7de889141a05a94b0854403b2d0a0fbfa98f3b7"
-  integrity sha512-zw4SRzoUkd+cl+ZoE15A9o1oQd920Bb0iOJMQkQhl3jNc03YqVjAhG7scf9C5KWRU/R13Orf588uCC6525o02g==
-  dependencies:
-    d "1"
-    es5-ext "^0.10.35"
-    es6-symbol "^3.1.1"
-
-es6-object-assign@~1.1.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/es6-object-assign/-/es6-object-assign-1.1.0.tgz#c2c3582656247c39ea107cb1e6652b6f9f24523c"
-  integrity sha512-MEl9uirslVwqQU369iHNWZXsI8yaZYGg/D65aOgZkeyFJwHYSxilf7rQzXKI7DdDuBPrBXbfk3sl9hJhmd5AUw==
-
-es6-promise@^4.2.8:
-  version "4.2.8"
-  resolved "https://registry.yarnpkg.com/es6-promise/-/es6-promise-4.2.8.tgz#4eb21594c972bc40553d276e510539143db53e0a"
-  integrity sha512-HJDGx5daxeIvxdBxvG2cb9g4tEvwIk3i8+nhX0yGrYmZUzbkdg8QbDevheDB8gd0//uPj4c1EQua8Q+MViT0/w==
-
-es6-symbol@^3.1.1, es6-symbol@^3.1.3:
-  version "3.1.3"
-  resolved "https://registry.yarnpkg.com/es6-symbol/-/es6-symbol-3.1.3.tgz#bad5d3c1bcdac28269f4cb331e431c78ac705d18"
-  integrity sha512-NJ6Yn3FuDinBaBRWl/q5X/s4koRHBrgKAu+yGI6JCBeiu3qrcbJhwT2GeR/EXVfylRk8dpQVJoLEFhK+Mu31NA==
-  dependencies:
-    d "^1.0.1"
-    ext "^1.1.2"
-
-escalade@^3.0.2, escalade@^3.1.1:
+esbuild@^0.21.3:
+  version "0.21.5"
+  resolved "https://registry.yarnpkg.com/esbuild/-/esbuild-0.21.5.tgz#9ca301b120922959b766360d8ac830da0d02997d"
+  integrity sha512-mg3OPMV4hXywwpoDxu3Qda5xCKQi+vCTZq8S9J/EpkhB2HzKXq4SNFZE3+NK93JYxc8VMSep+lOUSC/RVKaBqw==
+  optionalDependencies:
+    "@esbuild/aix-ppc64" "0.21.5"
+    "@esbuild/android-arm" "0.21.5"
+    "@esbuild/android-arm64" "0.21.5"
+    "@esbuild/android-x64" "0.21.5"
+    "@esbuild/darwin-arm64" "0.21.5"
+    "@esbuild/darwin-x64" "0.21.5"
+    "@esbuild/freebsd-arm64" "0.21.5"
+    "@esbuild/freebsd-x64" "0.21.5"
+    "@esbuild/linux-arm" "0.21.5"
+    "@esbuild/linux-arm64" "0.21.5"
+    "@esbuild/linux-ia32" "0.21.5"
+    "@esbuild/linux-loong64" "0.21.5"
+    "@esbuild/linux-mips64el" "0.21.5"
+    "@esbuild/linux-ppc64" "0.21.5"
+    "@esbuild/linux-riscv64" "0.21.5"
+    "@esbuild/linux-s390x" "0.21.5"
+    "@esbuild/linux-x64" "0.21.5"
+    "@esbuild/netbsd-x64" "0.21.5"
+    "@esbuild/openbsd-x64" "0.21.5"
+    "@esbuild/sunos-x64" "0.21.5"
+    "@esbuild/win32-arm64" "0.21.5"
+    "@esbuild/win32-ia32" "0.21.5"
+    "@esbuild/win32-x64" "0.21.5"
+
+escalade@^3.1.1:
   version "3.1.1"
   resolved "https://registry.yarnpkg.com/escalade/-/escalade-3.1.1.tgz#d8cfdc7000965c5a0174b4a82eaa5c0552742e40"
   integrity sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==
 
-escape-html@~1.0.3:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/escape-html/-/escape-html-1.0.3.tgz#0258eae4d3d0c0974de1c169188ef0051d1d1988"
-  integrity sha512-NiSupZ4OeuGwr68lGIeym/ksIZMJodUGOSCZ/FSnTxcrekbvqrgdUxlJOMpijaKZVjAJrWrGs/6Jy8OMuyj9ow==
-
-escape-string-regexp@2.0.0, escape-string-regexp@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/escape-string-regexp/-/escape-string-regexp-2.0.0.tgz#a30304e99daa32e23b2fd20f51babd07cffca344"
-  integrity sha512-UpzcLCXolUWcNu5HtVMHYdXJjArjsF9C0aNnquZYY4uW/Vu0miy5YoWvbV345HauVvcAUnpRuhMMcqTcGOY2+w==
+escalade@^3.2.0:
+  version "3.2.0"
+  resolved "https://registry.yarnpkg.com/escalade/-/escalade-3.2.0.tgz#011a3f69856ba189dffa7dc8fcce99d2a87903e5"
+  integrity sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==
 
 escape-string-regexp@^1.0.5:
   version "1.0.5"
   resolved "https://registry.yarnpkg.com/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz#1b61c0562190a8dff6ae3bb2cf0200ca130b86d4"
   integrity sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==
 
+escape-string-regexp@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/escape-string-regexp/-/escape-string-regexp-2.0.0.tgz#a30304e99daa32e23b2fd20f51babd07cffca344"
+  integrity sha512-UpzcLCXolUWcNu5HtVMHYdXJjArjsF9C0aNnquZYY4uW/Vu0miy5YoWvbV345HauVvcAUnpRuhMMcqTcGOY2+w==
+
 escape-string-regexp@^4.0.0:
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz#14ba83a5d373e3d311e5afca29cf5bfad965bf34"
   integrity sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==
 
-escodegen@^1.12.0, escodegen@^1.8.1:
-  version "1.14.3"
-  resolved "https://registry.yarnpkg.com/escodegen/-/escodegen-1.14.3.tgz#4e7b81fba61581dc97582ed78cab7f0e8d63f503"
-  integrity sha512-qFcX0XJkdg+PB3xjZZG/wKSuT1PnQWx57+TVSjIMmILd2yC/6ByYElPwJnslDsuWuSAp4AwJGumarAAmJch5Kw==
-  dependencies:
-    esprima "^4.0.1"
-    estraverse "^4.2.0"
-    esutils "^2.0.2"
-    optionator "^0.8.1"
-  optionalDependencies:
-    source-map "~0.6.1"
-
 escodegen@^2.0.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/escodegen/-/escodegen-2.1.0.tgz#ba93bbb7a43986d29d6041f99f5262da773e2e17"
@@ -5879,13 +4185,6 @@ eslint-config-airbnb@^18.2.0:
     object.assign "^4.1.2"
     object.entries "^1.1.2"
 
-eslint-config-react-app@^6.0.0:
-  version "6.0.0"
-  resolved "https://registry.yarnpkg.com/eslint-config-react-app/-/eslint-config-react-app-6.0.0.tgz#ccff9fc8e36b322902844cbd79197982be355a0e"
-  integrity sha512-bpoAAC+YRfzq0dsTk+6v9aHm/uqnDwayNAXleMypGl6CpxI9oXXscVHo4fk3eJPIn+rsbtNetB4r/ZIidFIE8A==
-  dependencies:
-    confusing-browser-globals "^1.0.10"
-
 eslint-import-resolver-node@^0.3.9:
   version "0.3.9"
   resolved "https://registry.yarnpkg.com/eslint-import-resolver-node/-/eslint-import-resolver-node-0.3.9.tgz#d4eaac52b8a2e7c3cd1903eb00f7e053356118ac"
@@ -5902,15 +4201,7 @@ eslint-module-utils@^2.8.0:
   dependencies:
     debug "^3.2.7"
 
-eslint-plugin-flowtype@^5.2.0:
-  version "5.10.0"
-  resolved "https://registry.yarnpkg.com/eslint-plugin-flowtype/-/eslint-plugin-flowtype-5.10.0.tgz#7764cc63940f215bf3f0bd2d9a1293b2b9b2b4bb"
-  integrity sha512-vcz32f+7TP+kvTUyMXZmCnNujBQZDNmcqPImw8b9PZ+16w1Qdm6ryRuYZYVaG9xRqqmAPr2Cs9FAX5gN+x/bjw==
-  dependencies:
-    lodash "^4.17.15"
-    string-natural-compare "^3.0.1"
-
-eslint-plugin-import@^2.22.1, eslint-plugin-import@^2.27.5:
+eslint-plugin-import@^2.27.5:
   version "2.29.0"
   resolved "https://registry.yarnpkg.com/eslint-plugin-import/-/eslint-plugin-import-2.29.0.tgz#8133232e4329ee344f2f612885ac3073b0b7e155"
   integrity sha512-QPOO5NO6Odv5lpoTkddtutccQjysJuFxoPS7fAHO+9m9udNHvTCPSAMW9zGAYj8lAIdr40I8yPCdUYrncXtrwg==
@@ -5933,14 +4224,7 @@ eslint-plugin-import@^2.22.1, eslint-plugin-import@^2.27.5:
     semver "^6.3.1"
     tsconfig-paths "^3.14.2"
 
-eslint-plugin-jest@^24.1.0:
-  version "24.7.0"
-  resolved "https://registry.yarnpkg.com/eslint-plugin-jest/-/eslint-plugin-jest-24.7.0.tgz#206ac0833841e59e375170b15f8d0955219c4889"
-  integrity sha512-wUxdF2bAZiYSKBclsUMrYHH6WxiBreNjyDxbRv345TIvPeoCEgPNEn3Sa+ZrSqsf1Dl9SqqSREXMHExlMMu1DA==
-  dependencies:
-    "@typescript-eslint/experimental-utils" "^4.0.1"
-
-eslint-plugin-jsx-a11y@^6.3.1, eslint-plugin-jsx-a11y@^6.7.1:
+eslint-plugin-jsx-a11y@^6.7.1:
   version "6.8.0"
   resolved "https://registry.yarnpkg.com/eslint-plugin-jsx-a11y/-/eslint-plugin-jsx-a11y-6.8.0.tgz#2fa9c701d44fcd722b7c771ec322432857fcbad2"
   integrity sha512-Hdh937BS3KdwwbBaKd5+PLCOmYY6U4f2h9Z2ktwtNKvIdIEu137rjYbcb9ApSbVJfWxANNuiKTD/9tOKjK9qOA==
@@ -5962,12 +4246,12 @@ eslint-plugin-jsx-a11y@^6.3.1, eslint-plugin-jsx-a11y@^6.7.1:
     object.entries "^1.1.7"
     object.fromentries "^2.0.7"
 
-eslint-plugin-react-hooks@^4.2.0, eslint-plugin-react-hooks@^4.6.0:
+eslint-plugin-react-hooks@^4.6.0:
   version "4.6.0"
   resolved "https://registry.yarnpkg.com/eslint-plugin-react-hooks/-/eslint-plugin-react-hooks-4.6.0.tgz#4c3e697ad95b77e93f8646aaa1630c1ba607edd3"
   integrity sha512-oFc7Itz9Qxh2x4gNHStv3BqJq54ExXmfC+a1NjAta66IAN87Wu0R/QArgIS9qKzX3dXKPI9H5crl9QchNMY9+g==
 
-eslint-plugin-react@^7.21.5, eslint-plugin-react@^7.32.2:
+eslint-plugin-react@^7.32.2:
   version "7.33.2"
   resolved "https://registry.yarnpkg.com/eslint-plugin-react/-/eslint-plugin-react-7.33.2.tgz#69ee09443ffc583927eafe86ffebb470ee737608"
   integrity sha512-73QQMKALArI8/7xGLNI/3LylrEYrlKZSb5C9+q3OtOewTnMQi5cT+aE9E41sLCmli3I9PGGmD1yiZydyo4FEPw==
@@ -5989,22 +4273,7 @@ eslint-plugin-react@^7.21.5, eslint-plugin-react@^7.32.2:
     semver "^6.3.1"
     string.prototype.matchall "^4.0.8"
 
-eslint-plugin-testing-library@^3.9.2:
-  version "3.10.2"
-  resolved "https://registry.yarnpkg.com/eslint-plugin-testing-library/-/eslint-plugin-testing-library-3.10.2.tgz#609ec2b0369da7cf2e6d9edff5da153cc31d87bd"
-  integrity sha512-WAmOCt7EbF1XM8XfbCKAEzAPnShkNSwcIsAD2jHdsMUT9mZJPjLCG7pMzbcC8kK366NOuGip8HKLDC+Xk4yIdA==
-  dependencies:
-    "@typescript-eslint/experimental-utils" "^3.10.1"
-
-eslint-scope@^4.0.3:
-  version "4.0.3"
-  resolved "https://registry.yarnpkg.com/eslint-scope/-/eslint-scope-4.0.3.tgz#ca03833310f6889a3264781aa82e63eb9cfe7848"
-  integrity sha512-p7VutNr1O/QrxysMo3E45FjYDTeXBy0iTltPFNSqKAIfjDSXC+4dj+qfyuD8bfAXrW/y6lW3O76VaYNPKfpKrg==
-  dependencies:
-    esrecurse "^4.1.0"
-    estraverse "^4.1.1"
-
-eslint-scope@^5.0.0, eslint-scope@^5.1.1:
+eslint-scope@^5.1.1:
   version "5.1.1"
   resolved "https://registry.yarnpkg.com/eslint-scope/-/eslint-scope-5.1.1.tgz#e786e59a66cb92b3f6c1fb0d508aab174848f48c"
   integrity sha512-2NxwbF/hZ0KpepYN0cNbo+FN6XoK7GaHlQhgx/hIZl6Va0bF45RQOOwhLIy8lQDbuCiadSLCBnH2CFYquit5bw==
@@ -6012,21 +4281,14 @@ eslint-scope@^5.0.0, eslint-scope@^5.1.1:
     esrecurse "^4.3.0"
     estraverse "^4.1.1"
 
-eslint-utils@^2.0.0, eslint-utils@^2.1.0:
+eslint-utils@^2.1.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/eslint-utils/-/eslint-utils-2.1.0.tgz#d2de5e03424e707dc10c74068ddedae708741b27"
   integrity sha512-w94dQYoauyvlDc43XnGB8lU3Zt713vNChgt4EWwhXAP2XkBvndfxF0AgIqKOOasjPIPzj9JqgwkwbCYD0/V3Zg==
   dependencies:
     eslint-visitor-keys "^1.1.0"
 
-eslint-utils@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/eslint-utils/-/eslint-utils-3.0.0.tgz#8aebaface7345bb33559db0a1f13a1d2d48c3672"
-  integrity sha512-uuQC43IGctw68pJA1RgbQS8/NP7rch6Cwd4j3ZBtgo4/8Flj4eGE7ZYSZRN3iq5pVUv6GPdW5Z1RFleo84uLDA==
-  dependencies:
-    eslint-visitor-keys "^2.0.0"
-
-eslint-visitor-keys@^1.0.0, eslint-visitor-keys@^1.1.0, eslint-visitor-keys@^1.3.0:
+eslint-visitor-keys@^1.1.0, eslint-visitor-keys@^1.3.0:
   version "1.3.0"
   resolved "https://registry.yarnpkg.com/eslint-visitor-keys/-/eslint-visitor-keys-1.3.0.tgz#30ebd1ef7c2fdff01c3a4f151044af25fab0523e"
   integrity sha512-6J72N8UNa462wa/KFODt/PJ3IU60SDpC3QXC1Hjc1BXXpfL2C9R5+AU7jhe0F6GREqVMh4Juu+NY7xn+6dipUQ==
@@ -6036,19 +4298,7 @@ eslint-visitor-keys@^2.0.0:
   resolved "https://registry.yarnpkg.com/eslint-visitor-keys/-/eslint-visitor-keys-2.1.0.tgz#f65328259305927392c938ed44eb0a5c9b2bd303"
   integrity sha512-0rSmRBzXgDzIsD6mGdJgevzgezI534Cer5L/vyMX0kHzT/jiB43jRhd9YUlMGYLQy2zprNmoT8qasCGtY+QaKw==
 
-eslint-webpack-plugin@^2.5.2:
-  version "2.7.0"
-  resolved "https://registry.yarnpkg.com/eslint-webpack-plugin/-/eslint-webpack-plugin-2.7.0.tgz#0525793a4f8c652c1c6d863995ce1e0f2dcbd143"
-  integrity sha512-bNaVVUvU4srexGhVcayn/F4pJAz19CWBkKoMx7aSQ4wtTbZQCnG5O9LHCE42mM+JSKOUp7n6vd5CIwzj7lOVGA==
-  dependencies:
-    "@types/eslint" "^7.29.0"
-    arrify "^2.0.1"
-    jest-worker "^27.5.1"
-    micromatch "^4.0.5"
-    normalize-path "^3.0.0"
-    schema-utils "^3.1.1"
-
-eslint@^7.11.0, eslint@^7.32.0:
+eslint@^7.32.0:
   version "7.32.0"
   resolved "https://registry.yarnpkg.com/eslint/-/eslint-7.32.0.tgz#c6d328a14be3fb08c8d1d21e12c02fdb7a2a812d"
   integrity sha512-VHZ8gX+EDfz+97jGcgyGCyRia/dPOd6Xh9yPv8Bl1+SoaIwD+a/vlrOmGRUyOYu7MwUhc7CxqeaDZU13S4+EpA==
@@ -6103,16 +4353,6 @@ espree@^7.3.0, espree@^7.3.1:
     acorn-jsx "^5.3.1"
     eslint-visitor-keys "^1.3.0"
 
-esprima@1.2.2:
-  version "1.2.2"
-  resolved "https://registry.yarnpkg.com/esprima/-/esprima-1.2.2.tgz#76a0fd66fcfe154fd292667dc264019750b1657b"
-  integrity sha512-+JpPZam9w5DuJ3Q67SqsMGtiHKENSMRVoxvArfJZK01/BfLEObtZ6orJa/MtoGNR/rfMgp5837T41PAmTwAv/A==
-
-esprima@^2.1.0:
-  version "2.7.3"
-  resolved "https://registry.yarnpkg.com/esprima/-/esprima-2.7.3.tgz#96e3b70d5779f6ad49cd032673d1c312767ba581"
-  integrity sha512-OarPfz0lFCiW4/AV2Oy1Rp9qu0iusTKqykwTspGCZtPxmF81JR4MmIebvF1F9+UOKth2ZubLQ4XGGaU+hSn99A==
-
 esprima@^4.0.0, esprima@^4.0.1, esprima@~4.0.0:
   version "4.0.1"
   resolved "https://registry.yarnpkg.com/esprima/-/esprima-4.0.1.tgz#13b04cdb3e6c5d19df91ab6987a8695619b0aa71"
@@ -6125,14 +4365,14 @@ esquery@^1.4.0:
   dependencies:
     estraverse "^5.1.0"
 
-esrecurse@^4.1.0, esrecurse@^4.3.0:
+esrecurse@^4.3.0:
   version "4.3.0"
   resolved "https://registry.yarnpkg.com/esrecurse/-/esrecurse-4.3.0.tgz#7ad7964d679abb28bee72cec63758b1c5d2c9921"
   integrity sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==
   dependencies:
     estraverse "^5.2.0"
 
-estraverse@^4.1.1, estraverse@^4.2.0:
+estraverse@^4.1.1:
   version "4.3.0"
   resolved "https://registry.yarnpkg.com/estraverse/-/estraverse-4.3.0.tgz#398ad3f3c5a24948be7725e83d11a7de28cdbd1d"
   integrity sha512-39nnKffWz8xN1BU/2c79n9nB9HDzo0niYUqx6xyqUnyoAnQyyWpOTdZEeiCch8BBu515t4wp9ZmgVfVhn9EBpw==
@@ -6142,82 +4382,22 @@ estraverse@^5.1.0, estraverse@^5.2.0, estraverse@^5.3.0:
   resolved "https://registry.yarnpkg.com/estraverse/-/estraverse-5.3.0.tgz#2eea5290702f26ab8fe5370370ff86c965d21123"
   integrity sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==
 
-estree-to-babel@^3.1.0:
-  version "3.2.1"
-  resolved "https://registry.yarnpkg.com/estree-to-babel/-/estree-to-babel-3.2.1.tgz#82e78315275c3ca74475fdc8ac1a5103c8a75bf5"
-  integrity sha512-YNF+mZ/Wu2FU/gvmzuWtYc8rloubL7wfXCTgouFrnjGVXPA/EeYYA7pupXWrb3Iv1cTBeSSxxJIbK23l4MRNqg==
-  dependencies:
-    "@babel/traverse" "^7.1.6"
-    "@babel/types" "^7.2.0"
-    c8 "^7.6.0"
-
-estree-walker@^0.6.1:
-  version "0.6.1"
-  resolved "https://registry.yarnpkg.com/estree-walker/-/estree-walker-0.6.1.tgz#53049143f40c6eb918b23671d1fe3219f3a1b362"
-  integrity sha512-SqmZANLWS0mnatqbSfRP5g8OXZC12Fgg1IwNtLsyHDzJizORW4khDfjPqJZsemPWBB2uqykUah5YpQ6epsqC/w==
-
-estree-walker@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/estree-walker/-/estree-walker-1.0.1.tgz#31bc5d612c96b704106b477e6dd5d8aa138cb700"
-  integrity sha512-1fMXF3YP4pZZVozF8j/ZLfvnR8NSIljt56UhbZ5PeeDmmGHpgpdwQt7ITlGvYaQukCvuBRMLEiKiYC+oeIg4cg==
+estree-util-is-identifier-name@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/estree-util-is-identifier-name/-/estree-util-is-identifier-name-3.0.0.tgz#0b5ef4c4ff13508b34dcd01ecfa945f61fce5dbd"
+  integrity sha512-hFtqIDZTIUZ9BXLb8y4pYGyk6+wekIivNVTcmvk8NoOh+VeRn5y6cEHzbURrWbfp1fIqdVipilzj+lfaadNZmg==
 
-estree-walker@~0.9.0:
-  version "0.9.0"
-  resolved "https://registry.yarnpkg.com/estree-walker/-/estree-walker-0.9.0.tgz#9116372f09c02fd88fcafb0c04343631012a0aa6"
-  integrity sha512-12U47o7XHUX329+x3FzNVjCx3SHEzMF0nkDv7r/HnBzX/xNTKxajBk6gyygaxrAFtLj39219oMfbtxv4KpaOiA==
+estree-walker@^2.0.2:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/estree-walker/-/estree-walker-2.0.2.tgz#52f010178c2a4c117a7757cfe942adb7d2da4cac"
+  integrity sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==
 
 esutils@^2.0.2:
   version "2.0.3"
   resolved "https://registry.yarnpkg.com/esutils/-/esutils-2.0.3.tgz#74d2eb4de0b8da1293711910d50775b9b710ef64"
   integrity sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==
 
-etag@~1.8.1:
-  version "1.8.1"
-  resolved "https://registry.yarnpkg.com/etag/-/etag-1.8.1.tgz#41ae2eeb65efa62268aebfea83ac7d79299b0887"
-  integrity sha512-aIL5Fx7mawVa300al2BnEE4iNvo1qETxLrPI/o05L7z6go7fCw1J6EQmbK4FmJ2AS7kgVF/KEZWufBfdClMcPg==
-
-event-stream@=3.3.4:
-  version "3.3.4"
-  resolved "https://registry.yarnpkg.com/event-stream/-/event-stream-3.3.4.tgz#4ab4c9a0f5a54db9338b4c34d86bfce8f4b35571"
-  integrity sha512-QHpkERcGsR0T7Qm3HNJSyXKEEj8AHNxkY3PK8TS2KJvQ7NiSHe3DDpwVKKtoYprL/AreyzFBeIkBIWChAqn60g==
-  dependencies:
-    duplexer "~0.1.1"
-    from "~0"
-    map-stream "~0.1.0"
-    pause-stream "0.0.11"
-    split "0.3"
-    stream-combiner "~0.0.4"
-    through "~2.3.1"
-
-eventemitter3@^4.0.0:
-  version "4.0.7"
-  resolved "https://registry.yarnpkg.com/eventemitter3/-/eventemitter3-4.0.7.tgz#2de9b68f6528d5644ef5c59526a1b4a07306169f"
-  integrity sha512-8guHBZCwKnFhYdHr2ysuRWErTwhoN2X8XELRlrRwpmfeY2jjuUN4taQMsULKUVo1K4DvZl+0pgfyoysHxvmvEw==
-
-events@^3.0.0:
-  version "3.3.0"
-  resolved "https://registry.yarnpkg.com/events/-/events-3.3.0.tgz#31a95ad0a924e2d2c419a813aeb2c4e878ea7400"
-  integrity sha512-mQw+2fkQbALzQ7V0MY0IqdnXNOeTtP4r0lN9z7AAawCXgqea7bDii20AYrIBrFd/Hx0M2Ocz6S111CaFkUcb0Q==
-
-eventsource@^2.0.2:
-  version "2.0.2"
-  resolved "https://registry.yarnpkg.com/eventsource/-/eventsource-2.0.2.tgz#76dfcc02930fb2ff339520b6d290da573a9e8508"
-  integrity sha512-IzUmBGPR3+oUG9dUeXynyNmf91/3zUSJg1lCktzKw47OXuhco54U3r9B7O4XX+Rb1Itm9OZ2b0RkTs10bICOxA==
-
-evp_bytestokey@^1.0.0, evp_bytestokey@^1.0.3:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/evp_bytestokey/-/evp_bytestokey-1.0.3.tgz#7fcbdb198dc71959432efe13842684e0525acb02"
-  integrity sha512-/f2Go4TognH/KvCISP7OUsHn85hT9nUkxxA9BEWxFn+Oj9o8ZNLm/40hdlgSLyuOimsrTKLUMEorQexp/aPQeA==
-  dependencies:
-    md5.js "^1.3.4"
-    safe-buffer "^5.1.1"
-
-exec-sh@^0.3.2:
-  version "0.3.6"
-  resolved "https://registry.yarnpkg.com/exec-sh/-/exec-sh-0.3.6.tgz#ff264f9e325519a60cb5e273692943483cca63bc"
-  integrity sha512-nQn+hI3yp+oD0huYhKwvYI32+JFeq+XkNcD1GAo3Y/MjxsfVGmrrzrnzjWiNY6f+pUCP440fThsFh5gZrRAU/w==
-
-execa@5.1.1, execa@^5.0.0:
+execa@^5.0.0:
   version "5.1.1"
   resolved "https://registry.yarnpkg.com/execa/-/execa-5.1.1.tgz#f80ad9cbf4298f7bd1d4c9555c21e93741c411dd"
   integrity sha512-8uSpZZocAZRBAPIEINJj3Lo9HyGitllczc27Eh5YYojjMFMn8yHMDMaUHE2Jqfq05D/wucwI4JGURyXt1vchyg==
@@ -6232,34 +4412,6 @@ execa@5.1.1, execa@^5.0.0:
     signal-exit "^3.0.3"
     strip-final-newline "^2.0.0"
 
-execa@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/execa/-/execa-1.0.0.tgz#c6236a5bb4df6d6f15e88e7f017798216749ddd8"
-  integrity sha512-adbxcyWV46qiHyvSp50TKt05tB4tK3HcmF7/nxfAdhnox83seTDbwnaqKO4sXRy7roHAIFqJP/Rw/AuEbX61LA==
-  dependencies:
-    cross-spawn "^6.0.0"
-    get-stream "^4.0.0"
-    is-stream "^1.1.0"
-    npm-run-path "^2.0.0"
-    p-finally "^1.0.0"
-    signal-exit "^3.0.0"
-    strip-eof "^1.0.0"
-
-execa@^4.0.0:
-  version "4.1.0"
-  resolved "https://registry.yarnpkg.com/execa/-/execa-4.1.0.tgz#4e5491ad1572f2f17a77d388c6c857135b22847a"
-  integrity sha512-j5W0//W7f8UxAn8hXVnwG8tLwdiUy4FJLcSupCg6maBYZDpyBvTApK7KyuI4bKj8KOh1r2YH+6ucuYtJv1bTZA==
-  dependencies:
-    cross-spawn "^7.0.0"
-    get-stream "^5.0.0"
-    human-signals "^1.1.1"
-    is-stream "^2.0.0"
-    merge-stream "^2.0.0"
-    npm-run-path "^4.0.0"
-    onetime "^5.1.0"
-    signal-exit "^3.0.2"
-    strip-final-newline "^2.0.0"
-
 exenv@^1.2.0:
   version "1.2.2"
   resolved "https://registry.yarnpkg.com/exenv/-/exenv-1.2.2.tgz#2ae78e85d9894158670b03d47bec1f03bd91bb9d"
@@ -6270,109 +4422,27 @@ exit@^0.1.2:
   resolved "https://registry.yarnpkg.com/exit/-/exit-0.1.2.tgz#0632638f8d877cc82107d30a0fff1a17cba1cd0c"
   integrity sha512-Zk/eNKV2zbjpKzrsQ+n1G6poVbErQxJ0LBOJXaKZ1EViLzH+hrLu9cdXI4zw9dBQJslwBEpbQ2P1oS7nDxs6jQ==
 
-expand-brackets@^2.1.4:
-  version "2.1.4"
-  resolved "https://registry.yarnpkg.com/expand-brackets/-/expand-brackets-2.1.4.tgz#b77735e315ce30f6b6eff0f83b04151a22449622"
-  integrity sha512-w/ozOKR9Obk3qoWeY/WDi6MFta9AoMR+zud60mdnbniMcBxRuFJyDt2LdX/14A1UABeqk+Uk+LDfUpvoGKppZA==
-  dependencies:
-    debug "^2.3.3"
-    define-property "^0.2.5"
-    extend-shallow "^2.0.1"
-    posix-character-classes "^0.1.0"
-    regex-not "^1.0.0"
-    snapdragon "^0.8.1"
-    to-regex "^3.0.1"
-
-expect@^26.6.0, expect@^26.6.2:
-  version "26.6.2"
-  resolved "https://registry.yarnpkg.com/expect/-/expect-26.6.2.tgz#c6b996bf26bf3fe18b67b2d0f51fc981ba934417"
-  integrity sha512-9/hlOBkQl2l/PLHJx6JjoDF6xPKcJEsUlWKb23rKE7KzeDqUZKXKNMW27KIue5JMdBV9HgmoJPcc8HtO85t9IA==
-  dependencies:
-    "@jest/types" "^26.6.2"
-    ansi-styles "^4.0.0"
-    jest-get-type "^26.3.0"
-    jest-matcher-utils "^26.6.2"
-    jest-message-util "^26.6.2"
-    jest-regex-util "^26.0.0"
-
-express@^4.17.1:
-  version "4.18.2"
-  resolved "https://registry.yarnpkg.com/express/-/express-4.18.2.tgz#3fabe08296e930c796c19e3c516979386ba9fd59"
-  integrity sha512-5/PsL6iGPdfQ/lKM1UuielYgv3BUoJfz1aUwU9vHZ+J7gyvwdQXFEBIEIaxeGf0GIcreATNyBExtalisDbuMqQ==
-  dependencies:
-    accepts "~1.3.8"
-    array-flatten "1.1.1"
-    body-parser "1.20.1"
-    content-disposition "0.5.4"
-    content-type "~1.0.4"
-    cookie "0.5.0"
-    cookie-signature "1.0.6"
-    debug "2.6.9"
-    depd "2.0.0"
-    encodeurl "~1.0.2"
-    escape-html "~1.0.3"
-    etag "~1.8.1"
-    finalhandler "1.2.0"
-    fresh "0.5.2"
-    http-errors "2.0.0"
-    merge-descriptors "1.0.1"
-    methods "~1.1.2"
-    on-finished "2.4.1"
-    parseurl "~1.3.3"
-    path-to-regexp "0.1.7"
-    proxy-addr "~2.0.7"
-    qs "6.11.0"
-    range-parser "~1.2.1"
-    safe-buffer "5.2.1"
-    send "0.18.0"
-    serve-static "1.15.0"
-    setprototypeof "1.2.0"
-    statuses "2.0.1"
-    type-is "~1.6.18"
-    utils-merge "1.0.1"
-    vary "~1.1.2"
-
-ext@^1.1.2:
-  version "1.7.0"
-  resolved "https://registry.yarnpkg.com/ext/-/ext-1.7.0.tgz#0ea4383c0103d60e70be99e9a7f11027a33c4f5f"
-  integrity sha512-6hxeJYaL110a9b5TEJSj0gojyHQAmA2ch5Os+ySCiA1QGdS697XWY1pzsrSjqA9LDEEgdB/KypIlR59RcLuHYw==
-  dependencies:
-    type "^2.7.2"
-
-extend-shallow@^2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/extend-shallow/-/extend-shallow-2.0.1.tgz#51af7d614ad9a9f610ea1bafbb989d6b1c56890f"
-  integrity sha512-zCnTtlxNoAiDc3gqY2aYAWFx7XWWiasuF2K8Me5WbN8otHKTUKBwjPtNpRs/rbUZm7KxWAaNj7P1a/p52GbVug==
+expect@^29.7.0:
+  version "29.7.0"
+  resolved "https://registry.yarnpkg.com/expect/-/expect-29.7.0.tgz#578874590dcb3214514084c08115d8aee61e11bc"
+  integrity sha512-2Zks0hf1VLFYI1kbh0I5jP3KHHyCHpkfyHBzsSXRFgl/Bg9mWYfMW8oD+PdMPlEwy5HNsR9JutYy6pMeOh61nw==
   dependencies:
-    is-extendable "^0.1.0"
+    "@jest/expect-utils" "^29.7.0"
+    jest-get-type "^29.6.3"
+    jest-matcher-utils "^29.7.0"
+    jest-message-util "^29.7.0"
+    jest-util "^29.7.0"
 
-extend-shallow@^3.0.0, extend-shallow@^3.0.2:
-  version "3.0.2"
-  resolved "https://registry.yarnpkg.com/extend-shallow/-/extend-shallow-3.0.2.tgz#26a71aaf073b39fb2127172746131c2704028db8"
-  integrity sha512-BwY5b5Ql4+qZoefgMj2NUmx+tehVTH/Kf4k1ZEtOHNFcm2wSxMRo992l6X3TIgni2eZVTZ85xMOjF31fwZAj6Q==
-  dependencies:
-    assign-symbols "^1.0.0"
-    is-extendable "^1.0.1"
+exsolve@^1.0.7:
+  version "1.0.8"
+  resolved "https://registry.yarnpkg.com/exsolve/-/exsolve-1.0.8.tgz#7f5e34da61cd1116deda5136e62292c096f50613"
+  integrity sha512-LmDxfWXwcTArk8fUEnOfSZpHOJ6zOMUJKOtFLFqJLoKJetuQG874Uc7/Kki7zFLzYybmZhp1M7+98pfMqeX8yA==
 
 extend@^3.0.0, extend@~3.0.2:
   version "3.0.2"
   resolved "https://registry.yarnpkg.com/extend/-/extend-3.0.2.tgz#f8b1136b4071fbd8eb140aff858b1019ec2915fa"
   integrity sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g==
 
-extglob@^2.0.4:
-  version "2.0.4"
-  resolved "https://registry.yarnpkg.com/extglob/-/extglob-2.0.4.tgz#ad00fe4dc612a9232e8718711dc5cb5ab0285543"
-  integrity sha512-Nmb6QXkELsuBr24CJSkilo6UHHgbekK5UiZgfE6UHD3Eb27YC6oD+bhcT+tJ6cl8dmsgdQxnWlcry8ksBIBLpw==
-  dependencies:
-    array-unique "^0.3.2"
-    define-property "^1.0.0"
-    expand-brackets "^2.1.4"
-    extend-shallow "^2.0.1"
-    fragment-cache "^0.2.1"
-    regex-not "^1.0.0"
-    snapdragon "^0.8.1"
-    to-regex "^3.0.1"
-
 extsprintf@1.3.0:
   version "1.3.0"
   resolved "https://registry.yarnpkg.com/extsprintf/-/extsprintf-1.3.0.tgz#96918440e3041a7a414f8c52e3c574eb3c3e1e05"
@@ -6388,7 +4458,7 @@ fast-deep-equal@^3.1.1, fast-deep-equal@^3.1.3:
   resolved "https://registry.yarnpkg.com/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz#3a7d56b559d6cbc3eb512325244e619a65c6c525"
   integrity sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==
 
-fast-glob@^3.1.1, fast-glob@^3.2.9:
+fast-glob@^3.2.9:
   version "3.3.2"
   resolved "https://registry.yarnpkg.com/fast-glob/-/fast-glob-3.3.2.tgz#a904501e57cfdd2ffcded45e99a54fef55e46129"
   integrity sha512-oX2ruAFQwf/Orj8m737Y5adxDQO0LAB7/S5MnxCdTNDd4p6BsyIVsv9JQsATbTSq8KHRpLwIHbVlUNatxd+1Ow==
@@ -6399,28 +4469,22 @@ fast-glob@^3.1.1, fast-glob@^3.2.9:
     merge2 "^1.3.0"
     micromatch "^4.0.4"
 
-fast-glob@^3.2.4:
-  version "3.3.3"
-  resolved "https://registry.yarnpkg.com/fast-glob/-/fast-glob-3.3.3.tgz#d06d585ce8dba90a16b0505c543c3ccfb3aeb818"
-  integrity sha512-7MptL8U0cqcFdzIzwOTHoilX9x5BrNqye7Z/LuC7kCMRio1EMSyqRK3BEAUD7sXRq4iT4AzTVuZdhgQ2TCvYLg==
-  dependencies:
-    "@nodelib/fs.stat" "^2.0.2"
-    "@nodelib/fs.walk" "^1.2.3"
-    glob-parent "^5.1.2"
-    merge2 "^1.3.0"
-    micromatch "^4.0.8"
-
 fast-json-stable-stringify@^2.0.0, fast-json-stable-stringify@^2.1.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz#874bf69c6f404c2b5d99c481341399fd55892633"
   integrity sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==
 
-fast-levenshtein@^2.0.6, fast-levenshtein@~2.0.6:
+fast-levenshtein@^2.0.6:
   version "2.0.6"
   resolved "https://registry.yarnpkg.com/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz#3d8a5c66883a16a30ca8643e851f19baa7797917"
   integrity sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==
 
-fastest-levenshtein@^1.0.12, fastest-levenshtein@^1.0.9:
+fast-uri@^3.0.1:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/fast-uri/-/fast-uri-3.1.0.tgz#66eecff6c764c0df9b762e62ca7edcfb53b4edfa"
+  integrity sha512-iPeeDKJSWf4IEOasVVrknXpaBV0IApz/gp7S2bb7Z4Lljbl2MGJRqInZiUrQwV16cpzw/D3S5j5Julj/gT52AA==
+
+fastest-levenshtein@^1.0.12:
   version "1.0.16"
   resolved "https://registry.yarnpkg.com/fastest-levenshtein/-/fastest-levenshtein-1.0.16.tgz#210e61b6ff181de91ea9b3d1b84fdedd47e034e5"
   integrity sha512-eRnCtTTtGZFpQCwhJiUOuxPQWRXVKYDn0b2PeHfXL6/Zi53SLAzAHfVhVWK2AryC/WH05kGfxhFIPvTF0SXQzg==
@@ -6432,13 +4496,6 @@ fastq@^1.6.0:
   dependencies:
     reusify "^1.0.4"
 
-faye-websocket@^0.11.3, faye-websocket@^0.11.4:
-  version "0.11.4"
-  resolved "https://registry.yarnpkg.com/faye-websocket/-/faye-websocket-0.11.4.tgz#7f0d9275cfdd86a1c963dc8b65fcc451edcbb1da"
-  integrity sha512-CzbClwlXAuiRQAlUyfqPgvPoNKTckTPGfwZV4ZdAhVcP2lh9KUxJg2b5GkE7XbjKQ3YJnQ9z6D9ntLAlB+tP8g==
-  dependencies:
-    websocket-driver ">=0.5.1"
-
 fb-watchman@^2.0.0:
   version "2.0.2"
   resolved "https://registry.yarnpkg.com/fb-watchman/-/fb-watchman-2.0.2.tgz#e9524ee6b5c77e9e5001af0f85f3adbb8623255c"
@@ -6446,11 +4503,6 @@ fb-watchman@^2.0.0:
   dependencies:
     bser "2.1.1"
 
-figgy-pudding@^3.5.1:
-  version "3.5.2"
-  resolved "https://registry.yarnpkg.com/figgy-pudding/-/figgy-pudding-3.5.2.tgz#b4eee8148abb01dcf1d1ac34367d59e12fa61d6e"
-  integrity sha512-0btnI/H8f2pavGMN8w40mlSKOfTK2SVJmBfBeVIj3kNw0swwgzyRq0d5TJVOwodFmtvpPeWPN/MCcfuWF0Ezbw==
-
 figures@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/figures/-/figures-2.0.0.tgz#3ab1a2d2a62c8bfb431a0c94cb797a2fce27c962"
@@ -6472,36 +4524,6 @@ file-entry-cache@^6.0.1:
   dependencies:
     flat-cache "^3.0.4"
 
-file-loader@6.1.1:
-  version "6.1.1"
-  resolved "https://registry.yarnpkg.com/file-loader/-/file-loader-6.1.1.tgz#a6f29dfb3f5933a1c350b2dbaa20ac5be0539baa"
-  integrity sha512-Klt8C4BjWSXYQAfhpYYkG4qHNTna4toMHEbWrI5IuVoxbU6uiDKeKAP99R8mmbJi3lvewn/jQBOgU4+NS3tDQw==
-  dependencies:
-    loader-utils "^2.0.0"
-    schema-utils "^3.0.0"
-
-file-uri-to-path@1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/file-uri-to-path/-/file-uri-to-path-1.0.0.tgz#553a7b8446ff6f684359c445f1e37a05dacc33dd"
-  integrity sha512-0Zt+s3L7Vf1biwWZ29aARiVYLx7iMGnEUl9x33fbB/j3jR81u/O2LbqK+Bm1CDSNDKVtJ/YjwY7TUd5SkeLQLw==
-
-filelist@^1.0.4:
-  version "1.0.4"
-  resolved "https://registry.yarnpkg.com/filelist/-/filelist-1.0.4.tgz#f78978a1e944775ff9e62e744424f215e58352b5"
-  integrity sha512-w1cEuf3S+DrLCQL7ET6kz+gmlJdbq9J7yXCSjK/OZCPA+qEN1WyF4ZAf0YYJa4/shHJra2t/d/r8SV4Ji+x+8Q==
-  dependencies:
-    minimatch "^5.0.1"
-
-filesize@6.1.0:
-  version "6.1.0"
-  resolved "https://registry.yarnpkg.com/filesize/-/filesize-6.1.0.tgz#e81bdaa780e2451d714d71c0d7a4f3238d37ad00"
-  integrity sha512-LpCHtPQ3sFx67z+uh2HnSyWSLLu5Jxo21795uRDuar/EOuYWXib5EmPaGIBuSnRqH2IODiKA2k5re/K9OnN/Yg==
-
-filesize@^8.0.6:
-  version "8.0.7"
-  resolved "https://registry.yarnpkg.com/filesize/-/filesize-8.0.7.tgz#695e70d80f4e47012c132d57a059e80c6b580bd8"
-  integrity sha512-pjmC+bkIF8XI7fWaH8KxHcZL3DPybs1roSKP4rKDvy20tAWwIObE4+JIseG2byfGKhud5ZnM4YSGKBz7Sh0ndQ==
-
 fill-range@^7.1.1:
   version "7.1.1"
   resolved "https://registry.yarnpkg.com/fill-range/-/fill-range-7.1.1.tgz#44265d3cac07e3ea7dc247516380643754a05292"
@@ -6509,50 +4531,6 @@ fill-range@^7.1.1:
   dependencies:
     to-regex-range "^5.0.1"
 
-finalhandler@1.2.0:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/finalhandler/-/finalhandler-1.2.0.tgz#7d23fe5731b207b4640e4fcd00aec1f9207a7b32"
-  integrity sha512-5uXcUVftlQMFnWC9qu/svkWv3GTd2PfUhK/3PLkYNAe7FbqJMt3515HaxE6eRL74GdsriiwujiawdaB1BpEISg==
-  dependencies:
-    debug "2.6.9"
-    encodeurl "~1.0.2"
-    escape-html "~1.0.3"
-    on-finished "2.4.1"
-    parseurl "~1.3.3"
-    statuses "2.0.1"
-    unpipe "~1.0.0"
-
-find-cache-dir@^2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/find-cache-dir/-/find-cache-dir-2.1.0.tgz#8d0f94cd13fe43c6c7c261a0d86115ca918c05f7"
-  integrity sha512-Tq6PixE0w/VMFfCgbONnkiQIVol/JJL7nRMi20fqzA4NRs9AfeqMGeRdPi3wIhYkxjeBaWh2rxwapn5Tu3IqOQ==
-  dependencies:
-    commondir "^1.0.1"
-    make-dir "^2.0.0"
-    pkg-dir "^3.0.0"
-
-find-cache-dir@^3.3.1:
-  version "3.3.2"
-  resolved "https://registry.yarnpkg.com/find-cache-dir/-/find-cache-dir-3.3.2.tgz#b30c5b6eff0730731aea9bbd9dbecbd80256d64b"
-  integrity sha512-wXZV5emFEjrridIgED11OoUKLxiYjAcqot/NJdAkOhlJ+vGzwhOAfcG5OX1jP+S0PcjEn8bdMJv+g2jwQ3Onig==
-  dependencies:
-    commondir "^1.0.1"
-    make-dir "^3.0.2"
-    pkg-dir "^4.1.0"
-
-find-root@^1.1.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/find-root/-/find-root-1.1.0.tgz#abcfc8ba76f708c42a97b3d685b7e9450bfb9ce4"
-  integrity sha512-NKfW6bec6GfKc0SGx1e07QZY9PE99u0Bft/0rzSD5k3sO/vwkVUpDUKVm5Gpp5Ue3YfShPFTX2070tDs5kB9Ng==
-
-find-up@4.1.0, find-up@^4.0.0, find-up@^4.1.0:
-  version "4.1.0"
-  resolved "https://registry.yarnpkg.com/find-up/-/find-up-4.1.0.tgz#97afe7d6cdc0bc5928584b7c8d7b16e8a9aa5d19"
-  integrity sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==
-  dependencies:
-    locate-path "^5.0.0"
-    path-exists "^4.0.0"
-
 find-up@^2.0.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/find-up/-/find-up-2.1.0.tgz#45d1b7e506c717ddd482775a2b77920a3c0c57a7"
@@ -6560,19 +4538,12 @@ find-up@^2.0.0:
   dependencies:
     locate-path "^2.0.0"
 
-find-up@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/find-up/-/find-up-3.0.0.tgz#49169f1d7993430646da61ecc5ae355c21c97b73"
-  integrity sha512-1yD6RmLI1XBfxugvORwlck6f75tYL+iR0jqwsOrOxMZyGYqUuDhJ0l4AXdO1iX/FTs9cBAMEk1gWSEx1kSbylg==
-  dependencies:
-    locate-path "^3.0.0"
-
-find-up@^5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/find-up/-/find-up-5.0.0.tgz#4c92819ecb7083561e4f4a240a86be5198f536fc"
-  integrity sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==
+find-up@^4.0.0, find-up@^4.1.0:
+  version "4.1.0"
+  resolved "https://registry.yarnpkg.com/find-up/-/find-up-4.1.0.tgz#97afe7d6cdc0bc5928584b7c8d7b16e8a9aa5d19"
+  integrity sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==
   dependencies:
-    locate-path "^6.0.0"
+    locate-path "^5.0.0"
     path-exists "^4.0.0"
 
 find-versions@^4.0.0:
@@ -6582,14 +4553,6 @@ find-versions@^4.0.0:
   dependencies:
     semver-regex "^3.1.2"
 
-findup@^0.1.5:
-  version "0.1.5"
-  resolved "https://registry.yarnpkg.com/findup/-/findup-0.1.5.tgz#8ad929a3393bac627957a7e5de4623b06b0e2ceb"
-  integrity sha512-Udxo3C9A6alt2GZ2MNsgnIvX7De0V3VGxeP/x98NSVgSlizcDHdmJza61LI7zJy4OEtSiJyE72s0/+tBl5/ZxA==
-  dependencies:
-    colors "~0.6.0-1"
-    commander "~2.1.0"
-
 flat-cache@^3.0.4:
   version "3.1.1"
   resolved "https://registry.yarnpkg.com/flat-cache/-/flat-cache-3.1.1.tgz#a02a15fdec25a8f844ff7cc658f03dd99eb4609b"
@@ -6604,28 +4567,10 @@ flatted@^3.2.9:
   resolved "https://registry.yarnpkg.com/flatted/-/flatted-3.2.9.tgz#7eb4c67ca1ba34232ca9d2d93e9886e611ad7daf"
   integrity sha512-36yxDn5H7OFZQla0/jFJmbIKTdZAQHngCedGxiMmpNfEZM0sdEeT+WczLQrjK6D7o2aiyLYDnkw0R3JK0Qv1RQ==
 
-flatten@^1.0.2:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/flatten/-/flatten-1.0.3.tgz#c1283ac9f27b368abc1e36d1ff7b04501a30356b"
-  integrity sha512-dVsPA/UwQ8+2uoFe5GHtiBMu48dWLTdsuEd7CKGlZlD78r1TTWBvDuFaFGKCo/ZfEr95Uk56vZoX86OsHkUeIg==
-
-flush-write-stream@^1.0.0:
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/flush-write-stream/-/flush-write-stream-1.1.1.tgz#8dd7d873a1babc207d94ead0c2e0e44276ebf2e8"
-  integrity sha512-3Z4XhFZ3992uIq0XOqb9AreonueSYphE6oYbpt5+3u06JWklbsPkNv3ZKkP9Bz/r+1MWCaMoSQ28P85+1Yc77w==
-  dependencies:
-    inherits "^2.0.3"
-    readable-stream "^2.3.6"
-
-follow-redirects@^1.0.0:
-  version "1.15.3"
-  resolved "https://registry.yarnpkg.com/follow-redirects/-/follow-redirects-1.15.3.tgz#fe2f3ef2690afce7e82ed0b44db08165b207123a"
-  integrity sha512-1VzOtuEM8pC9SFU1E+8KfTjZyMztRsgEfwQl44z8A25uy13jSzTj6dyK2Df52iV0vgHCfBwLhDWevLn95w5v6Q==
-
-follow-redirects@^1.15.6:
-  version "1.15.6"
-  resolved "https://registry.yarnpkg.com/follow-redirects/-/follow-redirects-1.15.6.tgz#7f815c0cda4249c74ff09e95ef97c23b5fd0399b"
-  integrity sha512-wWN62YITEaOpSK584EZXJafH1AGpO8RVgElfkuXbTOrPX4fIfOyEpW/CsiNd8JdYrAoOvafRTOEnvsO++qCqFA==
+follow-redirects@^1.15.11:
+  version "1.15.11"
+  resolved "https://registry.yarnpkg.com/follow-redirects/-/follow-redirects-1.15.11.tgz#777d73d72a92f8ec4d2e410eb47352a56b8e8340"
+  integrity sha512-deG2P0JfjrTxl50XGCDyfI97ZGVCxIpfKYmfyrQ54n5FO/0gfIES8C/Psl6kWVDolizcaaxZJnTS0QSMxvnsBQ==
 
 for-each@^0.3.3:
   version "0.3.3"
@@ -6634,79 +4579,29 @@ for-each@^0.3.3:
   dependencies:
     is-callable "^1.1.3"
 
-for-each@^0.3.5:
-  version "0.3.5"
-  resolved "https://registry.yarnpkg.com/for-each/-/for-each-0.3.5.tgz#d650688027826920feeb0af747ee7b9421a41d47"
-  integrity sha512-dKx12eRCVIzqCxFGplyFKJMPvLEWgmNtUrpTiJIR5u97zEhRG8ySrtboPHZXx7daLxQVrl643cTzbab2tkQjxg==
-  dependencies:
-    is-callable "^1.2.7"
-
-for-in@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/for-in/-/for-in-1.0.2.tgz#81068d295a8142ec0ac726c6e2200c30fb6d5e80"
-  integrity sha512-7EwmXrOjyL+ChxMhmG5lnW9MPt1aIeZEwKhQzoBUdTV0N3zuwWDZYVJatDvZ2OyzPUvdIAZDsCetk3coyMfcnQ==
-
-foreground-child@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/foreground-child/-/foreground-child-2.0.0.tgz#71b32800c9f15aa8f2f83f4a6bd9bff35d861a53"
-  integrity sha512-dCIq9FpEcyQyXKCkyzmlPTFNgrCzPudOe+mhvJU5zAtlBnGVy2yKxtfsxK2tQBThwq225jcvBjpw1Gr40uzZCA==
-  dependencies:
-    cross-spawn "^7.0.0"
-    signal-exit "^3.0.2"
-
 forever-agent@~0.6.1:
   version "0.6.1"
   resolved "https://registry.yarnpkg.com/forever-agent/-/forever-agent-0.6.1.tgz#fbc71f0c41adeb37f96c577ad1ed42d8fdacca91"
   integrity sha512-j0KLYPhm6zeac4lz3oJ3o65qvgQCcPubiyotZrXqEaG4hNagNYO8qdlUrX5vwqv9ohqeT/Z3j6+yW067yWWdUw==
 
-fork-ts-checker-webpack-plugin@4.1.6:
-  version "4.1.6"
-  resolved "https://registry.yarnpkg.com/fork-ts-checker-webpack-plugin/-/fork-ts-checker-webpack-plugin-4.1.6.tgz#5055c703febcf37fa06405d400c122b905167fc5"
-  integrity sha512-DUxuQaKoqfNne8iikd14SAkh5uw4+8vNifp6gmA73yYNS6ywLIWSLD/n/mBzHQRpW3J7rbATEakmiA8JvkTyZw==
-  dependencies:
-    "@babel/code-frame" "^7.5.5"
-    chalk "^2.4.1"
-    micromatch "^3.1.10"
-    minimatch "^3.0.4"
-    semver "^5.6.0"
-    tapable "^1.0.0"
-    worker-rpc "^0.1.0"
-
-fork-ts-checker-webpack-plugin@^6.5.0:
-  version "6.5.3"
-  resolved "https://registry.yarnpkg.com/fork-ts-checker-webpack-plugin/-/fork-ts-checker-webpack-plugin-6.5.3.tgz#eda2eff6e22476a2688d10661688c47f611b37f3"
-  integrity sha512-SbH/l9ikmMWycd5puHJKTkZJKddF4iRLyW3DeZ08HTI7NGyLS38MXd/KGgeWumQO7YNQbW2u/NtPT2YowbPaGQ==
-  dependencies:
-    "@babel/code-frame" "^7.8.3"
-    "@types/json-schema" "^7.0.5"
-    chalk "^4.1.0"
-    chokidar "^3.4.2"
-    cosmiconfig "^6.0.0"
-    deepmerge "^4.2.2"
-    fs-extra "^9.0.0"
-    glob "^7.1.6"
-    memfs "^3.1.2"
-    minimatch "^3.0.4"
-    schema-utils "2.7.0"
-    semver "^7.3.2"
-    tapable "^1.0.0"
-
-form-data@^3.0.0:
-  version "3.0.1"
-  resolved "https://registry.yarnpkg.com/form-data/-/form-data-3.0.1.tgz#ebd53791b78356a99af9a300d4282c4d5eb9755f"
-  integrity sha512-RHkBKtLWUVwd7SqRIvCZMEvAMoGUp0XU+seQiZejj0COz3RI3hWP4sCv3gZWWLjJTd7rGwcsF5eKZGii0r/hbg==
+form-data@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/form-data/-/form-data-4.0.0.tgz#93919daeaf361ee529584b9b31664dc12c9fa452"
+  integrity sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==
   dependencies:
     asynckit "^0.4.0"
     combined-stream "^1.0.8"
     mime-types "^2.1.12"
 
-form-data@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/form-data/-/form-data-4.0.0.tgz#93919daeaf361ee529584b9b31664dc12c9fa452"
-  integrity sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==
+form-data@^4.0.5:
+  version "4.0.5"
+  resolved "https://registry.yarnpkg.com/form-data/-/form-data-4.0.5.tgz#b49e48858045ff4cbf6b03e1805cebcad3679053"
+  integrity sha512-8RipRLol37bNs2bhoV67fiTEvdTrbMUYcFTiy3+wuuOnUog2QBHCZWXDRijWQfAkhBj2Uf5UnVaiWwA5vdd82w==
   dependencies:
     asynckit "^0.4.0"
     combined-stream "^1.0.8"
+    es-set-tostringtag "^2.1.0"
+    hasown "^2.0.2"
     mime-types "^2.1.12"
 
 form-data@~2.3.2:
@@ -6718,24 +4613,7 @@ form-data@~2.3.2:
     combined-stream "^1.0.6"
     mime-types "^2.1.12"
 
-forwarded@0.2.0:
-  version "0.2.0"
-  resolved "https://registry.yarnpkg.com/forwarded/-/forwarded-0.2.0.tgz#2269936428aad4c15c7ebe9779a84bf0b2a81811"
-  integrity sha512-buRG0fpBtRHSTCOASe6hD258tEubFoRLb4ZNA6NxMVHNw2gOcwHo9wyablzMzOA5z9xA9L1KNjk/Nt6MT9aYow==
-
-fragment-cache@^0.2.1:
-  version "0.2.1"
-  resolved "https://registry.yarnpkg.com/fragment-cache/-/fragment-cache-0.2.1.tgz#4290fad27f13e89be7f33799c6bc5a0abfff0d19"
-  integrity sha512-GMBAbW9antB8iZRHLoGw0b3HANt57diZYFO/HL1JGIC1MjKrdmhxvrJbupnVvpys0zsz7yBApXdQyfepKly2kA==
-  dependencies:
-    map-cache "^0.2.2"
-
-fresh@0.5.2:
-  version "0.5.2"
-  resolved "https://registry.yarnpkg.com/fresh/-/fresh-0.5.2.tgz#3d8cadd90d976569fa835ab1f8e4b23a105605a7"
-  integrity sha512-zJ2mQYM18rEFOudeV4GShTGIQ7RbzA7ozbU9I/XBpm7kqgMywgmylMwXHxZJmkVoYkna9d2pVXVXPdYTP9ej8Q==
-
-from2@^2.1.0, from2@^2.3.0:
+from2@^2.3.0:
   version "2.3.0"
   resolved "https://registry.yarnpkg.com/from2/-/from2-2.3.0.tgz#8bfb5502bde4a4d36cfdeea007fcca21d7e382af"
   integrity sha512-OMcX/4IC/uqEPVgGeyfN22LJk6AZrMkRZHxcHBMBvHScDGgwTm2GT2Wkgtocyd3JfZffjj2kYUDXXII0Fk9W0g==
@@ -6743,11 +4621,6 @@ from2@^2.1.0, from2@^2.3.0:
     inherits "^2.0.1"
     readable-stream "^2.0.0"
 
-from@~0:
-  version "0.1.7"
-  resolved "https://registry.yarnpkg.com/from/-/from-0.1.7.tgz#83c60afc58b9c56997007ed1a768b3ab303a44fe"
-  integrity sha512-twe20eF1OxVxp/ML/kq2p1uc6KvFK/+vs8WjEbeKmV2He22MKm7YF2ANIt+EOqhJ5L3K/SuuPhk0hWQDjOM23g==
-
 fromentries@^1.3.2:
   version "1.3.2"
   resolved "https://registry.yarnpkg.com/fromentries/-/fromentries-1.3.2.tgz#e4bca6808816bf8f93b52750f1127f5a6fd86e3a"
@@ -6762,30 +4635,11 @@ fs-extra@^10.0.0:
     jsonfile "^6.0.1"
     universalify "^2.0.0"
 
-fs-extra@^7.0.0:
-  version "7.0.1"
-  resolved "https://registry.yarnpkg.com/fs-extra/-/fs-extra-7.0.1.tgz#4f189c44aa123b895f722804f55ea23eadc348e9"
-  integrity sha512-YJDaCJZEnBmcbw13fvdAM9AwNOJwOzrE4pqMqBq5nFiEqXUqHwlK4B+3pUw6JNvfSPtX05xFHtYy/1ni01eGCw==
-  dependencies:
-    graceful-fs "^4.1.2"
-    jsonfile "^4.0.0"
-    universalify "^0.1.0"
-
-fs-extra@^8.1.0:
-  version "8.1.0"
-  resolved "https://registry.yarnpkg.com/fs-extra/-/fs-extra-8.1.0.tgz#49d43c45a88cd9677668cb7be1b46efdb8d2e1c0"
-  integrity sha512-yhlQgA6mnOJUKOsRUFsgJdQCvkKhcz8tlZG5HBQfReYZy46OwLcY+Zia0mtdHsOo9y/hP+CxMN0TU9QxoOtG4g==
-  dependencies:
-    graceful-fs "^4.2.0"
-    jsonfile "^4.0.0"
-    universalify "^0.1.0"
-
-fs-extra@^9.0.0, fs-extra@^9.0.1:
-  version "9.1.0"
-  resolved "https://registry.yarnpkg.com/fs-extra/-/fs-extra-9.1.0.tgz#5954460c764a8da2094ba3554bf839e6b9a7c86d"
-  integrity sha512-hcg3ZmepS30/7BSFqRvoo3DOMQu7IjqxO5nCDt+zM9XWjb33Wg7ziNT+Qvqbuc3+gWpzO02JubVyk2G4Zvo1OQ==
+fs-extra@~11.3.0:
+  version "11.3.4"
+  resolved "https://registry.yarnpkg.com/fs-extra/-/fs-extra-11.3.4.tgz#ab6934eca8bcf6f7f6b82742e33591f86301d6fc"
+  integrity sha512-CTXd6rk/M3/ULNQj8FBqBWHYBVYybQ3VPBw0xGKFe3tuH7ytT6ACnvzpIQ3UZtB8yvUKC2cXn1a+x+5EVQLovA==
   dependencies:
-    at-least-node "^1.0.0"
     graceful-fs "^4.2.0"
     jsonfile "^6.0.1"
     universalify "^2.0.0"
@@ -6797,26 +4651,6 @@ fs-minipass@^2.0.0, fs-minipass@^2.1.0:
   dependencies:
     minipass "^3.0.0"
 
-fs-monkey@^1.0.4:
-  version "1.0.5"
-  resolved "https://registry.yarnpkg.com/fs-monkey/-/fs-monkey-1.0.5.tgz#fe450175f0db0d7ea758102e1d84096acb925788"
-  integrity sha512-8uMbBjrhzW76TYgEV27Y5E//W2f/lTFmx78P2w19FZSxarhI/798APGQyuGCwmkNxgwGRhrLfvWyLBvNtuOmew==
-
-fs-readdir-recursive@^1.1.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/fs-readdir-recursive/-/fs-readdir-recursive-1.1.0.tgz#e32fc030a2ccee44a6b5371308da54be0b397d27"
-  integrity sha512-GNanXlVr2pf02+sPN40XN8HG+ePaNcvM0q5mZBd668Obwb0yD5GiUbZOFgwn8kGMY6I3mdyDJzieUy3PTYyTRA==
-
-fs-write-stream-atomic@^1.0.8:
-  version "1.0.10"
-  resolved "https://registry.yarnpkg.com/fs-write-stream-atomic/-/fs-write-stream-atomic-1.0.10.tgz#b47df53493ef911df75731e70a9ded0189db40c9"
-  integrity sha512-gehEzmPn2nAwr39eay+x3X34Ra+M2QlVUTLhkXPjWdeO8RF9kszk116avgBJM3ZyNHgHXBNx+VmPaFC36k0PzA==
-  dependencies:
-    graceful-fs "^4.1.2"
-    iferr "^0.1.5"
-    imurmurhash "^0.1.4"
-    readable-stream "1 || 2"
-
 fs.realpath@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/fs.realpath/-/fs.realpath-1.0.0.tgz#1504ad2523158caa40db4a2787cb01411994ea4f"
@@ -6827,15 +4661,7 @@ fsevents@2.3.2:
   resolved "https://registry.yarnpkg.com/fsevents/-/fsevents-2.3.2.tgz#8a526f78b8fdf4623b709e0b975c52c24c02fd1a"
   integrity sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==
 
-fsevents@^1.2.7:
-  version "1.2.13"
-  resolved "https://registry.yarnpkg.com/fsevents/-/fsevents-1.2.13.tgz#f325cb0455592428bcf11b383370ef70e3bfcc38"
-  integrity sha512-oWb1Z6mkHIskLzEJ/XWX0srkpkTQ7vaopMQkyaEIoq0fmtFVxOthb8cCxeT+p3ynTdkk/RZwbgG4brR5BeWECw==
-  dependencies:
-    bindings "^1.5.0"
-    nan "^2.12.1"
-
-fsevents@^2.1.2, fsevents@^2.1.3, fsevents@~2.3.2:
+fsevents@^2.3.2, fsevents@~2.3.2, fsevents@~2.3.3:
   version "2.3.3"
   resolved "https://registry.yarnpkg.com/fsevents/-/fsevents-2.3.3.tgz#cac6407785d03675a2a5e1a5305c697b347d90d6"
   integrity sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==
@@ -6845,11 +4671,6 @@ function-bind@^1.1.1, function-bind@^1.1.2:
   resolved "https://registry.yarnpkg.com/function-bind/-/function-bind-1.1.2.tgz#2c02d864d97f3ea6c8830c464cbd11ab6eab7a1c"
   integrity sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==
 
-function.name-polyfill@^1.0.6:
-  version "1.0.6"
-  resolved "https://registry.yarnpkg.com/function.name-polyfill/-/function.name-polyfill-1.0.6.tgz#c54e37cae0a77dfcb49d47982815b0826b5c60d9"
-  integrity sha512-ejQivNFbBPTY5O/waFta6D5AzV8GJiM/fMDaT6LrsYax1cb4eipxuQqKNlugF2jlcXIjifsqvju3wsgV35TELg==
-
 function.prototype.name@^1.1.5, function.prototype.name@^1.1.6:
   version "1.1.6"
   resolved "https://registry.yarnpkg.com/function.prototype.name/-/function.prototype.name-1.1.6.tgz#cdf315b7d90ee77a4c6ee216c3c3362da07533fd"
@@ -6899,12 +4720,12 @@ gauge@~2.7.3:
     strip-ansi "^3.0.1"
     wide-align "^1.1.0"
 
-gensync@^1.0.0-beta.1, gensync@^1.0.0-beta.2:
+gensync@^1.0.0-beta.2:
   version "1.0.0-beta.2"
   resolved "https://registry.yarnpkg.com/gensync/-/gensync-1.0.0-beta.2.tgz#32a6ee76c3d7f52d46b2b1ae5d93fea8580a25e0"
   integrity sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==
 
-get-caller-file@^2.0.1, get-caller-file@^2.0.5:
+get-caller-file@^2.0.5:
   version "2.0.5"
   resolved "https://registry.yarnpkg.com/get-caller-file/-/get-caller-file-2.0.5.tgz#4f94412a82db32f36e3b0b9741f8a97feb031f7e"
   integrity sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==
@@ -6919,7 +4740,7 @@ get-intrinsic@^1.0.2, get-intrinsic@^1.1.1, get-intrinsic@^1.1.3, get-intrinsic@
     has-symbols "^1.0.3"
     hasown "^2.0.0"
 
-get-intrinsic@^1.2.4, get-intrinsic@^1.3.0:
+get-intrinsic@^1.2.6:
   version "1.3.0"
   resolved "https://registry.yarnpkg.com/get-intrinsic/-/get-intrinsic-1.3.0.tgz#743f0e3b6964a93a5491ed1bffaae054d7f98d01"
   integrity sha512-9fSjSaos/fRIVIp+xSJlE6lfwhES7LNtKaCBIamHsjr2na1BiABJPo0mOjjz8GJDURarmCPGqaiVg5mfjb98CQ==
@@ -6935,11 +4756,6 @@ get-intrinsic@^1.2.4, get-intrinsic@^1.3.0:
     hasown "^2.0.2"
     math-intrinsics "^1.1.0"
 
-get-own-enumerable-property-symbols@^3.0.0:
-  version "3.0.2"
-  resolved "https://registry.yarnpkg.com/get-own-enumerable-property-symbols/-/get-own-enumerable-property-symbols-3.0.2.tgz#b5fde77f22cbe35f390b4e089922c50bce6ef664"
-  integrity sha512-I0UBV/XOz1XkIJHEUDMZAbzCThU/H8DxmSfmdGcKPnVhu2VfFqr34jr9777IyaTYvxjedWhqVIilEDsCdP5G6g==
-
 get-package-type@^0.1.0:
   version "0.1.0"
   resolved "https://registry.yarnpkg.com/get-package-type/-/get-package-type-0.1.0.tgz#8de2d803cff44df3bc6c456e6668b36c3926e11a"
@@ -6953,20 +4769,6 @@ get-proto@^1.0.1:
     dunder-proto "^1.0.1"
     es-object-atoms "^1.0.0"
 
-get-stream@^4.0.0:
-  version "4.1.0"
-  resolved "https://registry.yarnpkg.com/get-stream/-/get-stream-4.1.0.tgz#c1b255575f3dc21d59bfc79cd3d2b46b1c3a54b5"
-  integrity sha512-GMat4EJ5161kIy2HevLlr4luNjBgvmj413KaQA7jt4V8B4RDsfpHk7WQ9GVqfYyyx8OS/L66Kox+rJRNklLK7w==
-  dependencies:
-    pump "^3.0.0"
-
-get-stream@^5.0.0:
-  version "5.2.0"
-  resolved "https://registry.yarnpkg.com/get-stream/-/get-stream-5.2.0.tgz#4966a1795ee5ace65e706c4b7beb71257d6e22d3"
-  integrity sha512-nBF+F1rAZVCu/p7rjzgA+Yb4lfYXrpl7a6VmJrU8wF9I1CKvP/QwPNZHnOlwbTkY6dvtFIzFMSyQXbLoTQPRpA==
-  dependencies:
-    pump "^3.0.0"
-
 get-stream@^6.0.0:
   version "6.0.1"
   resolved "https://registry.yarnpkg.com/get-stream/-/get-stream-6.0.1.tgz#a262d8eef67aced57c2852ad6167526a43cbf7b7"
@@ -6980,18 +4782,6 @@ get-symbol-description@^1.0.0:
     call-bind "^1.0.2"
     get-intrinsic "^1.1.1"
 
-get-value@^2.0.6:
-  version "2.0.6"
-  resolved "https://registry.yarnpkg.com/get-value/-/get-value-2.0.6.tgz#dc15ca1c672387ca76bd37ac0a395ba2042a2c28"
-  integrity sha512-Ln0UQDlxH1BapMu3GPtf7CuYNwRZf2gwCuPqbyG6pB8WfmFpzqcy4xtAaAMUhnNqjMKTiCPZG2oMT3YSx8U2NA==
-
-get-value@^3.0.0:
-  version "3.0.1"
-  resolved "https://registry.yarnpkg.com/get-value/-/get-value-3.0.1.tgz#5efd2a157f1d6a516d7524e124ac52d0a39ef5a8"
-  integrity sha512-mKZj9JLQrwMBtj5wxi6MH8Z5eSKaERpAwjg43dPtlGI1ZVEgH/qC7T8/6R2OBSUA+zzHBZgICsVJaEIV2tKTDA==
-  dependencies:
-    isobject "^3.0.1"
-
 getpass@^0.1.1:
   version "0.1.7"
   resolved "https://registry.yarnpkg.com/getpass/-/getpass-0.1.7.tgz#5eff8e3e684d569ae4cb2b1282604e8ba62149fa"
@@ -7011,27 +4801,14 @@ git-log-parser@^1.2.0:
     through2 "~2.0.0"
     traverse "~0.6.6"
 
-github-slugger@^1.2.1:
-  version "1.5.0"
-  resolved "https://registry.yarnpkg.com/github-slugger/-/github-slugger-1.5.0.tgz#17891bbc73232051474d68bd867a34625c955f7d"
-  integrity sha512-wIh+gKBI9Nshz2o46B0B3f5k/W+WI9ZAv6y5Dn5WJ5SK1t0TnDimB4WE5rmTD05ZAIn8HALCZVmCsvj0w0v0lw==
-
-glob-parent@^3.1.0:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/glob-parent/-/glob-parent-3.1.0.tgz#9e6af6299d8d3bd2bd40430832bd113df906c5ae"
-  integrity sha512-E8Ak/2+dZY6fnzlR7+ueWvhsH1SjHr4jjss4YS/h4py44jY9MhK/VFdaZJAWDz6BbL21KeteKxFSFpq8OS5gVA==
-  dependencies:
-    is-glob "^3.1.0"
-    path-dirname "^1.0.0"
-
-glob-parent@^5.1.1, glob-parent@^5.1.2, glob-parent@~5.1.2:
+glob-parent@^5.1.2:
   version "5.1.2"
   resolved "https://registry.yarnpkg.com/glob-parent/-/glob-parent-5.1.2.tgz#869832c58034fe68a4093c17dc15e8340d8401c4"
   integrity sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==
   dependencies:
     is-glob "^4.0.1"
 
-glob@^7.0.3, glob@^7.1.1, glob@^7.1.2, glob@^7.1.3, glob@^7.1.4, glob@^7.1.5, glob@^7.1.6, glob@^7.2.0:
+glob@^7.1.1, glob@^7.1.3, glob@^7.1.4, glob@^7.1.6, glob@^7.2.0:
   version "7.2.3"
   resolved "https://registry.yarnpkg.com/glob/-/glob-7.2.3.tgz#b8df0fb802bbfa8e89bd1d938b4e16578ed44f2b"
   integrity sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==
@@ -7043,22 +4820,6 @@ glob@^7.0.3, glob@^7.1.1, glob@^7.1.2, glob@^7.1.3, glob@^7.1.4, glob@^7.1.5, gl
     once "^1.3.0"
     path-is-absolute "^1.0.0"
 
-global-modules@2.0.0, global-modules@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/global-modules/-/global-modules-2.0.0.tgz#997605ad2345f27f51539bea26574421215c7780"
-  integrity sha512-NGbfmJBp9x8IxyJSd1P+otYK8vonoJactOogrVfFRIAEY1ukil8RSKDz2Yo7wh1oihl51l/r6W4epkeKJHqL8A==
-  dependencies:
-    global-prefix "^3.0.0"
-
-global-prefix@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/global-prefix/-/global-prefix-3.0.0.tgz#fc85f73064df69f50421f47f883fe5b913ba9b97"
-  integrity sha512-awConJSVCHVGND6x3tmMaKcQvwXLhjdkmomy2W+Goaui8YPgYgXJZewhg3fWC+DlfqqQuWg8AwqjGTD2nAPVWg==
-  dependencies:
-    ini "^1.3.5"
-    kind-of "^6.0.2"
-    which "^1.3.1"
-
 globals@^11.1.0:
   version "11.12.0"
   resolved "https://registry.yarnpkg.com/globals/-/globals-11.12.0.tgz#ab8795338868a0babd8525758018c2a7eb95c42e"
@@ -7078,19 +4839,7 @@ globalthis@^1.0.3:
   dependencies:
     define-properties "^1.1.3"
 
-globby@11.0.1:
-  version "11.0.1"
-  resolved "https://registry.yarnpkg.com/globby/-/globby-11.0.1.tgz#9a2bf107a068f3ffeabc49ad702c79ede8cfd357"
-  integrity sha512-iH9RmgwCmUJHi2z5o2l3eTtGBtXek1OYlHrbcxOYugyHLmAsZrPj43OtHThd62Buh/Vv6VyCBD2bdyWcGNQqoQ==
-  dependencies:
-    array-union "^2.1.0"
-    dir-glob "^3.0.1"
-    fast-glob "^3.1.1"
-    ignore "^5.1.4"
-    merge2 "^1.3.0"
-    slash "^3.0.0"
-
-globby@^11.0.0, globby@^11.0.1, globby@^11.0.3, globby@^11.0.4:
+globby@^11.0.0, globby@^11.0.1:
   version "11.1.0"
   resolved "https://registry.yarnpkg.com/globby/-/globby-11.1.0.tgz#bd4be98bb042f83d796f7e3811991fbe82a0d34b"
   integrity sha512-jhIXaOzy1sb8IyocaruWSn1TjmnBVs8Ayhcy83rmxNJ8q2uWKCAj3CnJY+KpGSXCueAPc0i05kVvVKtP1t9S3g==
@@ -7102,24 +4851,6 @@ globby@^11.0.0, globby@^11.0.1, globby@^11.0.3, globby@^11.0.4:
     merge2 "^1.4.1"
     slash "^3.0.0"
 
-globby@^6.1.0:
-  version "6.1.0"
-  resolved "https://registry.yarnpkg.com/globby/-/globby-6.1.0.tgz#f5a6d70e8395e21c858fb0489d64df02424d506c"
-  integrity sha512-KVbFv2TQtbzCoxAnfD6JcHZTYCzyliEaaeM/gH8qQdkKr5s0OP9scEgvdcngyk7AVdY6YVW/TJHd+lQ/Df3Daw==
-  dependencies:
-    array-union "^1.0.1"
-    glob "^7.0.3"
-    object-assign "^4.0.1"
-    pify "^2.0.0"
-    pinkie-promise "^2.0.0"
-
-glogg@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/glogg/-/glogg-1.0.2.tgz#2d7dd702beda22eb3bffadf880696da6d846313f"
-  integrity sha512-5mwUoSuBk44Y4EshyiqcH95ZntbDdTQqA3QYSrxmzj28Ai0vXBGMH1ApSANH14j2sIRtqCEyg6PfsuP7ElOEDA==
-  dependencies:
-    sparkles "^1.0.0"
-
 gopd@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/gopd/-/gopd-1.0.1.tgz#29ff76de69dac7489b7c0918a5788e56477c332c"
@@ -7132,36 +4863,11 @@ gopd@^1.2.0:
   resolved "https://registry.yarnpkg.com/gopd/-/gopd-1.2.0.tgz#89f56b8217bdbc8802bd299df6d7f1081d7e51a1"
   integrity sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==
 
-graceful-fs@^4.1.11, graceful-fs@^4.1.15, graceful-fs@^4.1.2, graceful-fs@^4.1.6, graceful-fs@^4.2.0, graceful-fs@^4.2.3, graceful-fs@^4.2.4, graceful-fs@^4.2.8:
+graceful-fs@^4.1.2, graceful-fs@^4.1.6, graceful-fs@^4.2.0, graceful-fs@^4.2.3, graceful-fs@^4.2.4, graceful-fs@^4.2.8, graceful-fs@^4.2.9:
   version "4.2.11"
   resolved "https://registry.yarnpkg.com/graceful-fs/-/graceful-fs-4.2.11.tgz#4183e4e8bf08bb6e05bbb2f7d2e0c8f712ca40e3"
   integrity sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==
 
-growly@^1.3.0:
-  version "1.3.0"
-  resolved "https://registry.yarnpkg.com/growly/-/growly-1.3.0.tgz#f10748cbe76af964b7c96c93c6bcc28af120c081"
-  integrity sha512-+xGQY0YyAWCnqy7Cd++hc2JqMYzlm0dG30Jd0beaA64sROr8C4nt8Yc9V5Ro3avlSUDTN0ulqP/VBKi1/lLygw==
-
-gzip-size@5.1.1:
-  version "5.1.1"
-  resolved "https://registry.yarnpkg.com/gzip-size/-/gzip-size-5.1.1.tgz#cb9bee692f87c0612b232840a873904e4c135274"
-  integrity sha512-FNHi6mmoHvs1mxZAds4PpdCS6QG8B4C1krxJsMutgxl5t3+GlRTzzI3NEkifXx2pVsOvJdOGSmIgDhQ55FwdPA==
-  dependencies:
-    duplexer "^0.1.1"
-    pify "^4.0.1"
-
-gzip-size@^6.0.0:
-  version "6.0.0"
-  resolved "https://registry.yarnpkg.com/gzip-size/-/gzip-size-6.0.0.tgz#065367fd50c239c0671cbcbad5be3e2eeb10e462"
-  integrity sha512-ax7ZYomf6jqPTQ4+XCpUGyXKHk5WweS+e05MBO4/y3WJ5RkmPXNKvX+bx1behVILVwr6JSQvZAku021CHPXG3Q==
-  dependencies:
-    duplexer "^0.1.2"
-
-handle-thing@^2.0.0:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/handle-thing/-/handle-thing-2.0.1.tgz#857f79ce359580c340d43081cc648970d0bb234e"
-  integrity sha512-9Qn4yBxelxoh2Ow62nP+Ka/kMnOXRi8BXnRaUwezLNhqelnN49xKz4F/dPP8OYLxLxq6JDtZb2i9XznUQbNPTg==
-
 handlebars@^4.7.6:
   version "4.7.8"
   resolved "https://registry.yarnpkg.com/handlebars/-/handlebars-4.7.8.tgz#41c42c18b1be2365439188c77c6afae71c0cd9e9"
@@ -7192,11 +4898,6 @@ hard-rejection@^2.1.0:
   resolved "https://registry.yarnpkg.com/hard-rejection/-/hard-rejection-2.1.0.tgz#1c6eda5c1685c63942766d79bb40ae773cecd883"
   integrity sha512-VIZB+ibDhx7ObhAe7OVtoEbuP4h/MuOTHJ+J8h/eBXotJYl0fBgR72xDFCKgIh22OJZIOVNxBMWuhAr10r8HdA==
 
-harmony-reflect@^1.4.6:
-  version "1.6.2"
-  resolved "https://registry.yarnpkg.com/harmony-reflect/-/harmony-reflect-1.6.2.tgz#31ecbd32e648a34d030d86adb67d4d47547fe710"
-  integrity sha512-HIp/n38R9kQjDEziXyDTuW3vvoxxyxjxFzXLrBr18uB47GnSt+G9D29fqrpM5ZkspMcPICud3XsBJQ4Y2URg8g==
-
 has-bigints@^1.0.1, has-bigints@^1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/has-bigints/-/has-bigints-1.0.2.tgz#0871bd3e3d51626f6ca0966668ba35d5602d6eaa"
@@ -7219,19 +4920,12 @@ has-property-descriptors@^1.0.0:
   dependencies:
     get-intrinsic "^1.2.2"
 
-has-property-descriptors@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/has-property-descriptors/-/has-property-descriptors-1.0.2.tgz#963ed7d071dc7bf5f084c5bfbe0d1b6222586854"
-  integrity sha512-55JNKuIW+vq4Ke1BjOTjM2YctQIvCT7GFzHwmfZPGo5wnrgkid0YQtnAleFSqumZm4az3n2BS+erby5ipJdgrg==
-  dependencies:
-    es-define-property "^1.0.0"
-
 has-proto@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/has-proto/-/has-proto-1.0.1.tgz#1885c1305538958aff469fef37937c22795408e0"
   integrity sha512-7qE+iP+O+bgF9clE5+UoBFzE65mlBiVj3tKCrlNQ0Ogwm0BjpT/gK4SlLYDMybDh5I3TCTKnPPa0oMG7JDYrhg==
 
-has-symbols@^1.0.1, has-symbols@^1.0.2, has-symbols@^1.0.3:
+has-symbols@^1.0.2, has-symbols@^1.0.3:
   version "1.0.3"
   resolved "https://registry.yarnpkg.com/has-symbols/-/has-symbols-1.0.3.tgz#bb7b2c4349251dce87b125f7bdf874aa7c8b39f8"
   integrity sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A==
@@ -7260,65 +4954,6 @@ has-unicode@^2.0.0, has-unicode@^2.0.1:
   resolved "https://registry.yarnpkg.com/has-unicode/-/has-unicode-2.0.1.tgz#e0e6fe6a28cf51138855e086d1691e771de2a8b9"
   integrity sha512-8Rf9Y83NBReMnx0gFzA8JImQACstCYWUplepDa9xprwwtmgEZUF0h/i5xSA625zB/I37EtrswSST6OXxwaaIJQ==
 
-has-value@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/has-value/-/has-value-1.0.0.tgz#18b281da585b1c5c51def24c930ed29a0be6b177"
-  integrity sha512-IBXk4GTsLYdQ7Rvt+GRBrFSVEkmuOUy4re0Xjd9kJSUQpnTrWR4/y9RpfexN9vkAPMFuQoeWKwqzPozRTlasGw==
-  dependencies:
-    get-value "^2.0.6"
-    has-values "^1.0.0"
-    isobject "^3.0.0"
-
-has-value@^2.0.2:
-  version "2.0.2"
-  resolved "https://registry.yarnpkg.com/has-value/-/has-value-2.0.2.tgz#d0f12e8780ba8e90e66ad1a21c707fdb67c25658"
-  integrity sha512-ybKOlcRsK2MqrM3Hmz/lQxXHZ6ejzSPzpNabKB45jb5qDgJvKPa3SdapTsTLwEb9WltgWpOmNax7i+DzNOk4TA==
-  dependencies:
-    get-value "^3.0.0"
-    has-values "^2.0.1"
-
-has-values@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/has-values/-/has-values-1.0.0.tgz#95b0b63fec2146619a6fe57fe75628d5a39efe4f"
-  integrity sha512-ODYZC64uqzmtfGMEAX/FvZiRyWLpAC3vYnNunURUnkGVTS+mI0smVsWaPydRBsE3g+ok7h960jChO8mFcWlHaQ==
-  dependencies:
-    is-number "^3.0.0"
-    kind-of "^4.0.0"
-
-has-values@^2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/has-values/-/has-values-2.0.1.tgz#3876200ff86d8a8546a9264a952c17d5fc17579d"
-  integrity sha512-+QdH3jOmq9P8GfdjFg0eJudqx1FqU62NQJ4P16rOEHeRdl7ckgwn6uqQjzYE0ZoHVV/e5E2esuJ5Gl5+HUW19w==
-  dependencies:
-    kind-of "^6.0.2"
-
-has@^1.0.0:
-  version "1.0.4"
-  resolved "https://registry.yarnpkg.com/has/-/has-1.0.4.tgz#2eb2860e000011dae4f1406a86fe80e530fb2ec6"
-  integrity sha512-qdSAmqLF6209RFj4VVItywPMbm3vWylknmB3nvNiUIs72xAimcM8nVYxYr7ncvZq5qzk9MKIZR8ijqD/1QuYjQ==
-
-hash-base@^3.0.0:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/hash-base/-/hash-base-3.1.0.tgz#55c381d9e06e1d2997a883b4a3fddfe7f0d3af33"
-  integrity sha512-1nmYp/rhMDiE7AYkDw+lLwlAzz0AntGIe51F3RfFfEqyQ3feY2eI/NcwC6umIQVOASPMsWJLJScWKSSvzL9IVA==
-  dependencies:
-    inherits "^2.0.4"
-    readable-stream "^3.6.0"
-    safe-buffer "^5.2.0"
-
-hash-sum@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/hash-sum/-/hash-sum-2.0.0.tgz#81d01bb5de8ea4a214ad5d6ead1b523460b0b45a"
-  integrity sha512-WdZTbAByD+pHfl/g9QSsBIIwy8IT+EsPiKDs0KNX+zSHhdDLFKdZu0BQHljvO+0QI/BasbMSUa8wYNCZTvhslg==
-
-hash.js@^1.0.0, hash.js@^1.0.3:
-  version "1.1.7"
-  resolved "https://registry.yarnpkg.com/hash.js/-/hash.js-1.1.7.tgz#0babca538e8d4ee4a0f8988d68866537a003cf42"
-  integrity sha512-taOaskGt4z4SOANNseOviYDvjEJinIkRgmp7LbKP2YTTmVxWBl87s/uzK9r+44BclBSp2X7K1hqeNfz9JbBeXA==
-  dependencies:
-    inherits "^2.0.3"
-    minimalistic-assert "^1.0.1"
-
 hasown@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/hasown/-/hasown-2.0.0.tgz#f4c513d454a57b7c7e1650778de226b11700546c"
@@ -7333,42 +4968,44 @@ hasown@^2.0.2:
   dependencies:
     function-bind "^1.1.2"
 
+hast-util-to-jsx-runtime@^2.0.0:
+  version "2.3.6"
+  resolved "https://registry.yarnpkg.com/hast-util-to-jsx-runtime/-/hast-util-to-jsx-runtime-2.3.6.tgz#ff31897aae59f62232e21594eac7ef6b63333e98"
+  integrity sha512-zl6s8LwNyo1P9uw+XJGvZtdFF1GdAkOg8ujOw+4Pyb76874fLps4ueHXDhXWdk6YHQ6OgUtinliG7RsYvCbbBg==
+  dependencies:
+    "@types/estree" "^1.0.0"
+    "@types/hast" "^3.0.0"
+    "@types/unist" "^3.0.0"
+    comma-separated-tokens "^2.0.0"
+    devlop "^1.0.0"
+    estree-util-is-identifier-name "^3.0.0"
+    hast-util-whitespace "^3.0.0"
+    mdast-util-mdx-expression "^2.0.0"
+    mdast-util-mdx-jsx "^3.0.0"
+    mdast-util-mdxjs-esm "^2.0.0"
+    property-information "^7.0.0"
+    space-separated-tokens "^2.0.0"
+    style-to-js "^1.0.0"
+    unist-util-position "^5.0.0"
+    vfile-message "^4.0.0"
+
+hast-util-whitespace@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/hast-util-whitespace/-/hast-util-whitespace-3.0.0.tgz#7778ed9d3c92dd9e8c5c8f648a49c21fc51cb621"
+  integrity sha512-88JUN06ipLwsnv+dVn+OIYOvAuvBMy/Qoi6O7mQHxdPXpjy+Cd6xRkWwux7DKO+4sYILtLBRIKgsdpS2gQc7qw==
+  dependencies:
+    "@types/hast" "^3.0.0"
+
 he@^1.2.0:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/he/-/he-1.2.0.tgz#84ae65fa7eafb165fddb61566ae14baf05664f0f"
   integrity sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==
 
-hex-color-regex@^1.1.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/hex-color-regex/-/hex-color-regex-1.1.0.tgz#4c06fccb4602fe2602b3c93df82d7e7dbf1a8a8e"
-  integrity sha512-l9sfDFsuqtOqKDsQdqrMRk0U85RZc0RtOR9yPI7mRVOa4FsR/BVnZ0shmQRM96Ji99kYZP/7hn1cedc1+ApsTQ==
-
-hmac-drbg@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/hmac-drbg/-/hmac-drbg-1.0.1.tgz#d2745701025a6c775a6c545793ed502fc0c649a1"
-  integrity sha512-Tti3gMqLdZfhOQY1Mzf/AanLiqh1WTiJgEj26ZuYQ9fbkLomzGchCws4FyrSd4VkpBfiNhaE1On+lOz894jvXg==
-  dependencies:
-    hash.js "^1.0.3"
-    minimalistic-assert "^1.0.0"
-    minimalistic-crypto-utils "^1.0.1"
-
-hoist-non-react-statics@^3.0.0, hoist-non-react-statics@^3.3.1:
-  version "3.3.2"
-  resolved "https://registry.yarnpkg.com/hoist-non-react-statics/-/hoist-non-react-statics-3.3.2.tgz#ece0acaf71d62c2969c2ec59feff42a4b1a85b45"
-  integrity sha512-/gGivxi8JPKWNm/W0jSmzcMPpfpPLc3dY/6GxhX2hQ9iGj3aDfklV4ET7NjKpSinLpJ5vafa9iiGIEZg10SfBw==
-  dependencies:
-    react-is "^16.7.0"
-
 hook-std@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/hook-std/-/hook-std-2.0.0.tgz#ff9aafdebb6a989a354f729bb6445cf4a3a7077c"
   integrity sha512-zZ6T5WcuBMIUVh49iPQS9t977t7C0l7OtHrpeMb5uk48JdflRX0NSFvCekfYNmGQETnLq9W/isMyHl69kxGi8g==
 
-hoopy@^0.1.4:
-  version "0.1.4"
-  resolved "https://registry.yarnpkg.com/hoopy/-/hoopy-0.1.4.tgz#609207d661100033a9a9402ad3dea677381c1b1d"
-  integrity sha512-HRcs+2mr52W0K+x8RzcLzuPPmVIKMSv97RGHy0Ea9y/mpcaK+xTrjICA04KAHi4GRzxliNqNJEFYWHghy3rSfQ==
-
 hosted-git-info@^2.1.4:
   version "2.8.9"
   resolved "https://registry.yarnpkg.com/hosted-git-info/-/hosted-git-info-2.8.9.tgz#dffc0bf9a21c02209090f2aa69429e1414daf3f9"
@@ -7381,117 +5018,28 @@ hosted-git-info@^4.0.0, hosted-git-info@^4.0.1, hosted-git-info@^4.0.2:
   dependencies:
     lru-cache "^6.0.0"
 
-hpack.js@^2.1.6:
-  version "2.1.6"
-  resolved "https://registry.yarnpkg.com/hpack.js/-/hpack.js-2.1.6.tgz#87774c0949e513f42e84575b3c45681fade2a0b2"
-  integrity sha512-zJxVehUdMGIKsRaNt7apO2Gqp0BdqW5yaiGHXXmbpvxgBYVZnAql+BJb4RO5ad2MgpbZKn5G6nMnegrH1FcNYQ==
-  dependencies:
-    inherits "^2.0.1"
-    obuf "^1.0.0"
-    readable-stream "^2.0.1"
-    wbuf "^1.1.0"
-
-hsl-regex@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/hsl-regex/-/hsl-regex-1.0.0.tgz#d49330c789ed819e276a4c0d272dffa30b18fe6e"
-  integrity sha512-M5ezZw4LzXbBKMruP+BNANf0k+19hDQMgpzBIYnya//Al+fjNct9Wf3b1WedLqdEs2hKBvxq/jh+DsHJLj0F9A==
-
-hsla-regex@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/hsla-regex/-/hsla-regex-1.0.0.tgz#c1ce7a3168c8c6614033a4b5f7877f3b225f9c38"
-  integrity sha512-7Wn5GMLuHBjZCb2bTmnDOycho0p/7UVaAeqXZGbHrBCl6Yd/xDhQJAXe6Ga9AXJH2I5zY1dEdYw2u1UptnSBJA==
-
-html-encoding-sniffer@^2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/html-encoding-sniffer/-/html-encoding-sniffer-2.0.1.tgz#42a6dc4fd33f00281176e8b23759ca4e4fa185f3"
-  integrity sha512-D5JbOMBIR/TVZkubHT+OyT2705QvogUW4IBn6nHd756OwieSF9aDYFj4dv6HHEVGYbHaLETa3WggZYWWMyy3ZQ==
+html-encoding-sniffer@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/html-encoding-sniffer/-/html-encoding-sniffer-3.0.0.tgz#2cb1a8cf0db52414776e5b2a7a04d5dd98158de9"
+  integrity sha512-oWv4T4yJ52iKrufjnyZPkrN0CH3QnrUqdB6In1g5Fe1mia8GmF36gnfNySxoZtxD5+NmYw1EElVXiBk93UeskA==
   dependencies:
-    whatwg-encoding "^1.0.5"
-
-html-entities@^1.2.1, html-entities@^1.3.1:
-  version "1.4.0"
-  resolved "https://registry.yarnpkg.com/html-entities/-/html-entities-1.4.0.tgz#cfbd1b01d2afaf9adca1b10ae7dffab98c71d2dc"
-  integrity sha512-8nxjcBcd8wovbeKx7h3wTji4e6+rhaVuPNpMqwWgnHh+N9ToqsCs6XztWRBPQ+UtzsoMAdKZtUENoVzU/EMtZA==
+    whatwg-encoding "^2.0.0"
 
 html-escaper@^2.0.0:
   version "2.0.2"
   resolved "https://registry.yarnpkg.com/html-escaper/-/html-escaper-2.0.2.tgz#dfd60027da36a36dfcbe236262c00a5822681453"
   integrity sha512-H2iMtd0I4Mt5eYiapRdIDjp+XzelXQ0tFE4JS7YFwFevXXMmOp9myNrUvCg0D6ws8iqkRPBfKHgbwig1SmlLfg==
 
-html-minifier-terser@^5.0.1:
-  version "5.1.1"
-  resolved "https://registry.yarnpkg.com/html-minifier-terser/-/html-minifier-terser-5.1.1.tgz#922e96f1f3bb60832c2634b79884096389b1f054"
-  integrity sha512-ZPr5MNObqnV/T9akshPKbVgyOqLmy+Bxo7juKCfTfnjNniTAMdy4hz21YQqoofMBJD2kdREaqPPdThoR78Tgxg==
-  dependencies:
-    camel-case "^4.1.1"
-    clean-css "^4.2.3"
-    commander "^4.1.1"
-    he "^1.2.0"
-    param-case "^3.0.3"
-    relateurl "^0.2.7"
-    terser "^4.6.3"
-
-html-webpack-plugin@4.5.0:
-  version "4.5.0"
-  resolved "https://registry.yarnpkg.com/html-webpack-plugin/-/html-webpack-plugin-4.5.0.tgz#625097650886b97ea5dae331c320e3238f6c121c"
-  integrity sha512-MouoXEYSjTzCrjIxWwg8gxL5fE2X2WZJLmBYXlaJhQUH5K/b5OrqmV7T4dB7iu0xkmJ6JlUuV6fFVtnqbPopZw==
-  dependencies:
-    "@types/html-minifier-terser" "^5.0.0"
-    "@types/tapable" "^1.0.5"
-    "@types/webpack" "^4.41.8"
-    html-minifier-terser "^5.0.1"
-    loader-utils "^1.2.3"
-    lodash "^4.17.15"
-    pretty-error "^2.1.1"
-    tapable "^1.1.3"
-    util.promisify "1.0.0"
-
-htmlparser2@^6.1.0:
-  version "6.1.0"
-  resolved "https://registry.yarnpkg.com/htmlparser2/-/htmlparser2-6.1.0.tgz#c4d762b6c3371a05dbe65e94ae43a9f845fb8fb7"
-  integrity sha512-gyyPk6rgonLFEDGoeRgQNaEUvdJ4ktTmmUh/h2t7s+M8oPpIPxgNACWa+6ESR57kXstwqPiCut0V8NRpcwgU7A==
-  dependencies:
-    domelementtype "^2.0.1"
-    domhandler "^4.0.0"
-    domutils "^2.5.2"
-    entities "^2.0.0"
+html-url-attributes@^3.0.0:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/html-url-attributes/-/html-url-attributes-3.0.1.tgz#83b052cd5e437071b756cd74ae70f708870c2d87"
+  integrity sha512-ol6UPyBWqsrO6EJySPz2O7ZSr856WDrEzM5zMqp+FJJLGMW35cLYmmZnl0vztAZxRUoNZJFTCohfjuIJ8I4QBQ==
 
 http-cache-semantics@^4.1.0:
   version "4.1.1"
   resolved "https://registry.yarnpkg.com/http-cache-semantics/-/http-cache-semantics-4.1.1.tgz#abe02fcb2985460bf0323be664436ec3476a6d5a"
   integrity sha512-er295DKPVsV82j5kw1Gjt+ADA/XYHsajl82cGNQG2eyoPkvgUhX+nDIyelzhIWbbsXP39EHcI6l5tYs2FYqYXQ==
 
-http-deceiver@^1.2.7:
-  version "1.2.7"
-  resolved "https://registry.yarnpkg.com/http-deceiver/-/http-deceiver-1.2.7.tgz#fa7168944ab9a519d337cb0bec7284dc3e723d87"
-  integrity sha512-LmpOGxTfbpgtGVxJrj5k7asXHCgNZp5nLfp+hWc8QQRqtb7fUy6kRY3BO1h9ddF6yIPYUARgxGOwB42DnxIaNw==
-
-http-errors@2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/http-errors/-/http-errors-2.0.0.tgz#b7774a1486ef73cf7667ac9ae0858c012c57b9d3"
-  integrity sha512-FtwrG/euBzaEjYeRqOgly7G0qviiXoJWnvEH2Z1plBdXgbyjv34pHTSb9zoeHMyDy33+DWy5Wt9Wo+TURtOYSQ==
-  dependencies:
-    depd "2.0.0"
-    inherits "2.0.4"
-    setprototypeof "1.2.0"
-    statuses "2.0.1"
-    toidentifier "1.0.1"
-
-http-errors@~1.6.2:
-  version "1.6.3"
-  resolved "https://registry.yarnpkg.com/http-errors/-/http-errors-1.6.3.tgz#8b55680bb4be283a0b5bf4ea2e38580be1d9320d"
-  integrity sha512-lks+lVC8dgGyh97jxvxeYTWQFvh4uw4yC12gVl63Cg30sjPX4wuGcdkICVXDAESr6OJGjqGA8Iz5mkeN6zlD7A==
-  dependencies:
-    depd "~1.1.2"
-    inherits "2.0.3"
-    setprototypeof "1.1.0"
-    statuses ">= 1.4.0 < 2"
-
-http-parser-js@>=0.5.1:
-  version "0.5.8"
-  resolved "https://registry.yarnpkg.com/http-parser-js/-/http-parser-js-0.5.8.tgz#af23090d9ac4e24573de6f6aecc9d84a48bf20e3"
-  integrity sha512-SGeBX54F94Wgu5RH3X5jsDtf4eHyRogWX1XGT3b4HuW3tQPM4AaBzoUji/4AAJNXCEOWZ5O0DgZmJw1947gD5Q==
-
 http-proxy-agent@^4.0.0, http-proxy-agent@^4.0.1:
   version "4.0.1"
   resolved "https://registry.yarnpkg.com/http-proxy-agent/-/http-proxy-agent-4.0.1.tgz#8a8c8ef7f5932ccf953c296ca8291b95aa74aa3a"
@@ -7501,24 +5049,14 @@ http-proxy-agent@^4.0.0, http-proxy-agent@^4.0.1:
     agent-base "6"
     debug "4"
 
-http-proxy-middleware@0.19.1:
-  version "0.19.1"
-  resolved "https://registry.yarnpkg.com/http-proxy-middleware/-/http-proxy-middleware-0.19.1.tgz#183c7dc4aa1479150306498c210cdaf96080a43a"
-  integrity sha512-yHYTgWMQO8VvwNS22eLLloAkvungsKdKTLO8AJlftYIKNfJr3GK3zK0ZCfzDDGUBttdGc8xFy1mCitvNKQtC3Q==
-  dependencies:
-    http-proxy "^1.17.0"
-    is-glob "^4.0.0"
-    lodash "^4.17.11"
-    micromatch "^3.1.10"
-
-http-proxy@^1.17.0:
-  version "1.18.1"
-  resolved "https://registry.yarnpkg.com/http-proxy/-/http-proxy-1.18.1.tgz#401541f0534884bbf95260334e72f88ee3976549"
-  integrity sha512-7mz/721AbnJwIVbnaSv1Cz3Am0ZLT/UBwkC92VlxhXv/k/BBQfM2fXElQNC27BVGr0uwUpplYPQM9LnaBMR5NQ==
+http-proxy-agent@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/http-proxy-agent/-/http-proxy-agent-5.0.0.tgz#5129800203520d434f142bc78ff3c170800f2b43"
+  integrity sha512-n2hY8YdoRE1i7r6M0w9DIw5GgZN0G25P8zLCRQ8rjXtTU3vsNFBI/vWK/UIeE6g5MUUz6avwAPXmL6Fy9D/90w==
   dependencies:
-    eventemitter3 "^4.0.0"
-    follow-redirects "^1.0.0"
-    requires-port "^1.0.0"
+    "@tootallnate/once" "2"
+    agent-base "6"
+    debug "4"
 
 http-signature@~1.2.0:
   version "1.2.0"
@@ -7529,12 +5067,7 @@ http-signature@~1.2.0:
     jsprim "^1.2.2"
     sshpk "^1.7.0"
 
-https-browserify@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/https-browserify/-/https-browserify-1.0.0.tgz#ec06c10e0a34c0f2faf199f7fd7fc78fffd03c73"
-  integrity sha512-J+FkSdyD+0mA0N+81tMotaRMfSL9SGi+xpD3T6YApKsc3bGSXJlfXri3VyFOeYkfLRQisDk1W+jIFFKBeUBbBg==
-
-https-proxy-agent@^5.0.0:
+https-proxy-agent@^5.0.0, https-proxy-agent@^5.0.1:
   version "5.0.1"
   resolved "https://registry.yarnpkg.com/https-proxy-agent/-/https-proxy-agent-5.0.1.tgz#c59ef224a04fe8b754f3db0063a25ea30d0005d6"
   integrity sha512-dFcAjpTQFgoLMzC2VwU+C/CbS7uRL0lWmxDITmqm7C+7F0Odmj6s9l6alZc6AELXhrnggM2CeWSXHGOdX2YtwA==
@@ -7542,11 +5075,6 @@ https-proxy-agent@^5.0.0:
     agent-base "6"
     debug "4"
 
-human-signals@^1.1.1:
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/human-signals/-/human-signals-1.1.1.tgz#c5b1cd14f50aeae09ab6c59fe63ba3395fe4dfa3"
-  integrity sha512-SEQu7vl8KjNL2eoGBLF3+wAjpsNfA9XMlXAYj/3EdaNfAlxKthD1xjEQfGOUhllCGGJVNY34bRr6lPINhNjyZw==
-
 human-signals@^2.1.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/human-signals/-/human-signals-2.1.0.tgz#dc91fcba42e4d06e4abaed33b3e7a3c02f514ea0"
@@ -7559,49 +5087,18 @@ humanize-ms@^1.2.1:
   dependencies:
     ms "^2.0.0"
 
-hyphenate-style-name@^1.0.0, hyphenate-style-name@^1.0.3:
+hyphenate-style-name@^1.0.0:
   version "1.0.4"
   resolved "https://registry.yarnpkg.com/hyphenate-style-name/-/hyphenate-style-name-1.0.4.tgz#691879af8e220aea5750e8827db4ef62a54e361d"
   integrity sha512-ygGZLjmXfPHj+ZWh6LwbC37l43MhfztxetbFCoYTM2VjkIUpeHgSNn7QIyVFj7YQ1Wl9Cbw5sholVJPzWvC2MQ==
 
-iconv-lite@0.4.24:
-  version "0.4.24"
-  resolved "https://registry.yarnpkg.com/iconv-lite/-/iconv-lite-0.4.24.tgz#2022b4b25fbddc21d2f524974a474aafe733908b"
-  integrity sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==
-  dependencies:
-    safer-buffer ">= 2.1.2 < 3"
-
-iconv-lite@^0.6.2:
+iconv-lite@0.6.3, iconv-lite@^0.6.2:
   version "0.6.3"
   resolved "https://registry.yarnpkg.com/iconv-lite/-/iconv-lite-0.6.3.tgz#a52f80bf38da1952eb5c681790719871a1a72501"
   integrity sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==
   dependencies:
     safer-buffer ">= 2.1.2 < 3.0.0"
 
-icss-utils@^4.0.0, icss-utils@^4.1.1:
-  version "4.1.1"
-  resolved "https://registry.yarnpkg.com/icss-utils/-/icss-utils-4.1.1.tgz#21170b53789ee27447c2f47dd683081403f9a467"
-  integrity sha512-4aFq7wvWyMHKgxsH8QQtGpvbASCf+eM3wPRLI6R+MgAnTCZ6STYsRvttLvRWK0Nfif5piF394St3HeJDaljGPA==
-  dependencies:
-    postcss "^7.0.14"
-
-identity-obj-proxy@3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/identity-obj-proxy/-/identity-obj-proxy-3.0.0.tgz#94d2bda96084453ef36fbc5aaec37e0f79f1fc14"
-  integrity sha512-00n6YnVHKrinT9t0d9+5yZC6UBNJANpYEQvL2LlX6Ab9lnmxzIRcEmTPuyGScvl1+jKuCICX1Z0Ab1pPKKdikA==
-  dependencies:
-    harmony-reflect "^1.4.6"
-
-ieee754@^1.1.4:
-  version "1.2.1"
-  resolved "https://registry.yarnpkg.com/ieee754/-/ieee754-1.2.1.tgz#8eb7a10a63fff25d15a57b001586d177d1b0d352"
-  integrity sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA==
-
-iferr@^0.1.5:
-  version "0.1.5"
-  resolved "https://registry.yarnpkg.com/iferr/-/iferr-0.1.5.tgz#c60eed69e6d8fdb6b3104a1fcbca1c192dc5b501"
-  integrity sha512-DUNFN5j7Tln0D+TxzloUjKB+CtVu6myn0JEFak6dG18mNt9YkQ6lzGCdafwofISZ1lLF3xRHJ98VKy9ynkcFaA==
-
 ignore-walk@^3.0.3:
   version "3.0.4"
   resolved "https://registry.yarnpkg.com/ignore-walk/-/ignore-walk-3.0.4.tgz#c9a09f69b7c7b479a5d74ac1a3c0d4236d2a6335"
@@ -7614,37 +5111,12 @@ ignore@^4.0.6:
   resolved "https://registry.yarnpkg.com/ignore/-/ignore-4.0.6.tgz#750e3db5862087b4737ebac8207ffd1ef27b25fc"
   integrity sha512-cyFDKrqc/YdcWFniJhzI42+AzS+gNwmUzOSFcRCQYwySuBBBy/KjuxWLZ/FHEH6Moq1NizMOBWyTcv8O4OZIMg==
 
-ignore@^5.1.4, ignore@^5.1.8, ignore@^5.2.0:
+ignore@^5.2.0:
   version "5.2.4"
   resolved "https://registry.yarnpkg.com/ignore/-/ignore-5.2.4.tgz#a291c0c6178ff1b960befe47fcdec301674a6324"
   integrity sha512-MAb38BcSbH0eHNBxn7ql2NH/kX33OkB3lZ1BNdh7ENeRChHTYsTvWrMubiIAMNS2llXEEgZ1MUOBtXChP3kaFQ==
 
-immer@8.0.1:
-  version "8.0.1"
-  resolved "https://registry.yarnpkg.com/immer/-/immer-8.0.1.tgz#9c73db683e2b3975c424fb0572af5889877ae656"
-  integrity sha512-aqXhGP7//Gui2+UrEtvxZxSquQVXTpZ7KDxfCcKAF3Vysvw0CViVaW9RZ1j1xlIYqaaaipBoqdqeibkc18PNvA==
-
-immer@^9.0.7:
-  version "9.0.21"
-  resolved "https://registry.yarnpkg.com/immer/-/immer-9.0.21.tgz#1e025ea31a40f24fb064f1fef23e931496330176"
-  integrity sha512-bc4NBHqOqSfRW7POMkHd51LvClaeMXpm8dx0e8oE2GORbq5aRK7Bxl4FyzVLdGtLmvLKL7BTDBG5ACQm4HWjTA==
-
-import-cwd@^2.0.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/import-cwd/-/import-cwd-2.1.0.tgz#aa6cf36e722761285cb371ec6519f53e2435b0a9"
-  integrity sha512-Ew5AZzJQFqrOV5BTW3EIoHAnoie1LojZLXKcCQ/yTRyVZosBhK1x1ViYjHGf5pAFOq8ZyChZp6m/fSN7pJyZtg==
-  dependencies:
-    import-from "^2.1.0"
-
-import-fresh@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/import-fresh/-/import-fresh-2.0.0.tgz#d81355c15612d386c61f9ddd3922d4304822a546"
-  integrity sha512-eZ5H8rcgYazHbKC3PG4ClHNykCSxtAhxSSEM+2mb+7evD2CKF5V7c0dNum7AdpDh0ZdICwZY9sRSn8f+KH96sg==
-  dependencies:
-    caller-path "^2.0.0"
-    resolve-from "^3.0.0"
-
-import-fresh@^3.0.0, import-fresh@^3.1.0, import-fresh@^3.2.1:
+import-fresh@^3.0.0, import-fresh@^3.2.1:
   version "3.3.0"
   resolved "https://registry.yarnpkg.com/import-fresh/-/import-fresh-3.3.0.tgz#37162c25fcb9ebaa2e6e53d5b4d88ce17d9e0c2b"
   integrity sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==
@@ -7652,13 +5124,6 @@ import-fresh@^3.0.0, import-fresh@^3.1.0, import-fresh@^3.2.1:
     parent-module "^1.0.0"
     resolve-from "^4.0.0"
 
-import-from@^2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/import-from/-/import-from-2.1.0.tgz#335db7f2a7affd53aaa471d4b8021dee36b7f3b1"
-  integrity sha512-0vdnLL2wSGnhlRmzHJAg5JHjt1l2vYhzJ7tNLGbeVg0fse56tpGaH0uzH+r9Slej+BSXXEHvBKDEnVSLLE9/+w==
-  dependencies:
-    resolve-from "^3.0.0"
-
 import-from@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/import-from/-/import-from-3.0.0.tgz#055cfec38cd5a27d8057ca51376d7d3bf0891966"
@@ -7666,13 +5131,10 @@ import-from@^3.0.0:
   dependencies:
     resolve-from "^5.0.0"
 
-import-local@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/import-local/-/import-local-2.0.0.tgz#55070be38a5993cf18ef6db7e961f5bee5c5a09d"
-  integrity sha512-b6s04m3O+s3CGSbqDIyP4R6aAwAeYlVq9+WUWep6iHa8ETRf9yei1U48C5MmfJmV9AiLYYBKPMq/W+/WRpQmCQ==
-  dependencies:
-    pkg-dir "^3.0.0"
-    resolve-cwd "^2.0.0"
+import-lazy@~4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/import-lazy/-/import-lazy-4.0.0.tgz#e8eb627483a0a43da3c03f3e35548be5cb0cc153"
+  integrity sha512-rKtvo6a868b5Hu3heneU+L4yEQ4jYKLtjpnPeUdK7h0yzXGmyBTypknlkCvHFBqfX9YlorEiMM6Dnq/5atfHkw==
 
 import-local@^3.0.2:
   version "3.1.0"
@@ -7692,12 +5154,7 @@ indent-string@^4.0.0:
   resolved "https://registry.yarnpkg.com/indent-string/-/indent-string-4.0.0.tgz#624f8f4497d619b2d9768531d58f4122854d7251"
   integrity sha512-EdDDZu4A2OyIK7Lr/2zG+w5jmbuk1DVBnEwREQvBzspBJkCEbRa8GxU1lghYcaGJCnRWibjDXlq779X1/y5xwg==
 
-indexes-of@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/indexes-of/-/indexes-of-1.0.1.tgz#f30f716c8e2bd346c7b67d3df3915566a7c05607"
-  integrity sha512-bup+4tap3Hympa+JBJUG7XuOsdNQ6fxt0MHyXMKuLBKn0OqsTfvUxkUrroEX1+B2VsSHvCjiIcZVxRtYa4nllA==
-
-infer-owner@^1.0.3, infer-owner@^1.0.4:
+infer-owner@^1.0.4:
   version "1.0.4"
   resolved "https://registry.yarnpkg.com/infer-owner/-/infer-owner-1.0.4.tgz#c4cefcaa8e51051c2a40ba2ce8a3d27295af9467"
   integrity sha512-IClj+Xz94+d7irH5qRyfJonOdfTzuDaifE6ZPWfx0N0+/ATZCbuTPq2prFl526urkQd90WyUKIh1DfBQ2hMz9A==
@@ -7710,31 +5167,21 @@ inflight@^1.0.4:
     once "^1.3.0"
     wrappy "1"
 
-inherits@2, inherits@2.0.4, inherits@^2.0.1, inherits@^2.0.3, inherits@^2.0.4, inherits@~2.0.1, inherits@~2.0.3:
+inherits@2, inherits@^2.0.1, inherits@^2.0.3, inherits@~2.0.3:
   version "2.0.4"
   resolved "https://registry.yarnpkg.com/inherits/-/inherits-2.0.4.tgz#0fa2c64f932917c3433a0ded55363aae37416b7c"
   integrity sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==
 
-inherits@2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/inherits/-/inherits-2.0.1.tgz#b17d08d326b4423e568eff719f91b0b1cbdf69f1"
-  integrity sha512-8nWq2nLTAwd02jTqJExUYFSD/fKq6VH9Y/oG2accc/kdI0V98Bag8d5a4gi3XHz73rDWa2PvTtvcWYquKqSENA==
-
-inherits@2.0.3:
-  version "2.0.3"
-  resolved "https://registry.yarnpkg.com/inherits/-/inherits-2.0.3.tgz#633c2c83e3da42a502f52466022480f4208261de"
-  integrity sha512-x00IRNXNy63jwGkJmzPigoySHbaqpNuzKbBOmzK+g2OdZpQ9w+sxCN+VSB3ja7IAge2OP2qpfxTjeNcyjmW1uw==
-
-ini@^1.3.5, ini@~1.3.0:
-  version "1.3.8"
-  resolved "https://registry.yarnpkg.com/ini/-/ini-1.3.8.tgz#a29da425b48806f34767a4efce397269af28432c"
-  integrity sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew==
-
 ini@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/ini/-/ini-2.0.0.tgz#e5fd556ecdd5726be978fa1001862eacb0a94bc5"
   integrity sha512-7PnF4oN3CvZF23ADhA5wRaYEQpJ8qygSkbtTXWBeXWXmEVRXK+1ITciHWwHhsjv1TmW0MgacIv6hEi5pX5NQdA==
 
+ini@~1.3.0:
+  version "1.3.8"
+  resolved "https://registry.yarnpkg.com/ini/-/ini-1.3.8.tgz#a29da425b48806f34767a4efce397269af28432c"
+  integrity sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew==
+
 init-package-json@^2.0.5:
   version "2.0.5"
   resolved "https://registry.yarnpkg.com/init-package-json/-/init-package-json-2.0.5.tgz#78b85f3c36014db42d8f32117252504f68022646"
@@ -7748,13 +5195,10 @@ init-package-json@^2.0.5:
     validate-npm-package-license "^3.0.4"
     validate-npm-package-name "^3.0.0"
 
-internal-ip@^4.3.0:
-  version "4.3.0"
-  resolved "https://registry.yarnpkg.com/internal-ip/-/internal-ip-4.3.0.tgz#845452baad9d2ca3b69c635a137acb9a0dad0907"
-  integrity sha512-S1zBo1D6zcsyuC6PMmY5+55YMILQ9av8lotMx447Bq6SAgo/sDK6y6uUKmuYhW7eacnIhFfsPmCNYdDzsnnDCg==
-  dependencies:
-    default-gateway "^4.2.0"
-    ipaddr.js "^1.9.0"
+inline-style-parser@0.2.7:
+  version "0.2.7"
+  resolved "https://registry.yarnpkg.com/inline-style-parser/-/inline-style-parser-0.2.7.tgz#b1fc68bfc0313b8685745e4464e37f9376b9c909"
+  integrity sha512-Nb2ctOyNR8DqQoR0OwRG95uNWIC0C1lCgf5Naz5H6Ji72KZ8OcFZLz2P5sNgwlyoJ8Yif11oMuYs5pBQa86csA==
 
 internal-slot@^1.0.5:
   version "1.0.6"
@@ -7773,68 +5217,28 @@ into-stream@^6.0.0:
     from2 "^2.3.0"
     p-is-promise "^3.0.0"
 
-ip-regex@^2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/ip-regex/-/ip-regex-2.1.0.tgz#fa78bf5d2e6913c911ce9f819ee5146bb6d844e9"
-  integrity sha512-58yWmlHpp7VYfcdTwMTvwMmqx/Elfxjd9RXTDyMsbL7lLWmhMylLEqiYVLKuLzOZqVgiWXD9MfR62Vv89VRxkw==
-
 ip-regex@^4.1.0:
   version "4.3.0"
   resolved "https://registry.yarnpkg.com/ip-regex/-/ip-regex-4.3.0.tgz#687275ab0f57fa76978ff8f4dddc8a23d5990db5"
   integrity sha512-B9ZWJxHHOHUhUjCPrMpLD4xEq35bUTClHM1S6CBU5ixQnkZmwipwgc96vAd7AAGM9TGHvJR+Uss+/Ak6UphK+Q==
 
-ip@^1.1.0, ip@^1.1.5:
-  version "1.1.8"
-  resolved "https://registry.yarnpkg.com/ip/-/ip-1.1.8.tgz#ae05948f6b075435ed3307acce04629da8cdbf48"
-  integrity sha512-PuExPYUiu6qMBQb4l06ecm6T6ujzhmh+MeJcW9wa89PoAz5pvd4zPgN5WJV104mb6S2T1AwNIAaB70JNrLQWhg==
-
 ip@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/ip/-/ip-2.0.0.tgz#4cf4ab182fee2314c75ede1276f8c80b479936da"
   integrity sha512-WKa+XuLG1A1R0UWhl2+1XQSi+fZWMsYKffMZTTYsiZaUD8k2yDAj5atimTUD2TZkyCkNEeYE5NhFZmupOGtjYQ==
 
-ipaddr.js@1.9.1, ipaddr.js@^1.9.0:
-  version "1.9.1"
-  resolved "https://registry.yarnpkg.com/ipaddr.js/-/ipaddr.js-1.9.1.tgz#bff38543eeb8984825079ff3a2a8e6cbd46781b3"
-  integrity sha512-0KI/607xoxSToH7GjN1FfSbLoU0+btTicjsQSWQlh/hZykN8KpmMf7uYwPW3R+akZ6R/w18ZlXSHBYXiYUPO3g==
-
-is-absolute-url@^2.0.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/is-absolute-url/-/is-absolute-url-2.1.0.tgz#50530dfb84fcc9aa7dbe7852e83a37b93b9f2aa6"
-  integrity sha512-vOx7VprsKyllwjSkLV79NIhpyLfr3jAp7VaTCMXOJHu4m0Ew1CZ2fcjASwmV1jI3BWuWHB013M48eyeldk9gYg==
-
-is-absolute-url@^3.0.3:
-  version "3.0.3"
-  resolved "https://registry.yarnpkg.com/is-absolute-url/-/is-absolute-url-3.0.3.tgz#96c6a22b6a23929b11ea0afb1836c36ad4a5d698"
-  integrity sha512-opmNIX7uFnS96NtPmhWQgQx6/NYFgsUXYMllcfzwWKUMwfo8kku1TvE6hkNcH+Q1ts5cMVrsY7j0bxXQDciu9Q==
-
-is-accessor-descriptor@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/is-accessor-descriptor/-/is-accessor-descriptor-1.0.1.tgz#3223b10628354644b86260db29b3e693f5ceedd4"
-  integrity sha512-YBUanLI8Yoihw923YeFUS5fs0fF2f5TSFTNiYAAzhhDscDa3lEqYuz1pDOEP5KvX94I9ey3vsqjJcLVFVU+3QA==
-  dependencies:
-    hasown "^2.0.0"
-
-is-alphabetical@^1.0.0:
-  version "1.0.4"
-  resolved "https://registry.yarnpkg.com/is-alphabetical/-/is-alphabetical-1.0.4.tgz#9e7d6b94916be22153745d184c298cbf986a686d"
-  integrity sha512-DwzsA04LQ10FHTZuL0/grVDk4rFoVH1pjAToYwBrHSxcrBIGQuXrQMtD5U1b0U2XVgKZCTLLP8u2Qxqhy3l2Vg==
-
-is-alphanumerical@^1.0.0:
-  version "1.0.4"
-  resolved "https://registry.yarnpkg.com/is-alphanumerical/-/is-alphanumerical-1.0.4.tgz#7eb9a2431f855f6b1ef1a78e326df515696c4dbf"
-  integrity sha512-UzoZUr+XfVz3t3v4KyGEniVL9BDRoQtY7tOyrRybkVNjDFWyo1yhXNGrrBTQxp3ib9BLAWs7k2YKBQsFRkZG9A==
-  dependencies:
-    is-alphabetical "^1.0.0"
-    is-decimal "^1.0.0"
+is-alphabetical@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/is-alphabetical/-/is-alphabetical-2.0.1.tgz#01072053ea7c1036df3c7d19a6daaec7f19e789b"
+  integrity sha512-FWyyY60MeTNyeSRpkM2Iry0G9hpr7/9kD40mD/cGQEuilcZYS4okz8SN2Q6rLCJ8gbCt6fN+rC+6tMGS99LaxQ==
 
-is-arguments@^1.0.4:
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/is-arguments/-/is-arguments-1.1.1.tgz#15b3f88fda01f2a97fec84ca761a560f123efa9b"
-  integrity sha512-8Q7EARjzEnKpt/PCD7e1cgUS0a6X8u5tdSiMqXhojOdoV9TsMsiO+9VLC5vAmO8N7/GmXn7yjR8qnA6bVAEzfA==
+is-alphanumerical@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/is-alphanumerical/-/is-alphanumerical-2.0.1.tgz#7c03fbe96e3e931113e57f964b0a368cc2dfd875"
+  integrity sha512-hmbYhX/9MUMF5uh7tOXyK/n0ZvWpad5caBA17GsC6vyuCqaWliRG5K1qS9inmUhEMaOBIW7/whAnSwveW/LtZw==
   dependencies:
-    call-bind "^1.0.2"
-    has-tostringtag "^1.0.0"
+    is-alphabetical "^2.0.0"
+    is-decimal "^2.0.0"
 
 is-array-buffer@^3.0.1, is-array-buffer@^3.0.2:
   version "3.0.2"
@@ -7850,11 +5254,6 @@ is-arrayish@^0.2.1:
   resolved "https://registry.yarnpkg.com/is-arrayish/-/is-arrayish-0.2.1.tgz#77c99840527aa8ecb1a8ba697b80645a7a926a9d"
   integrity sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg==
 
-is-arrayish@^0.3.1:
-  version "0.3.2"
-  resolved "https://registry.yarnpkg.com/is-arrayish/-/is-arrayish-0.3.2.tgz#4574a2ae56f7ab206896fb431eaeed066fdf8f03"
-  integrity sha512-eVRqCvVlZbuw3GrM63ovNSNAeA1K16kaR/LRY/92w0zxQ5/1YzwblUX652i4Xs9RwAGjW9d9y6X88t8OaAJfWQ==
-
 is-async-function@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/is-async-function/-/is-async-function-2.0.0.tgz#8e4418efd3e5d3a6ebb0164c05ef5afb69aa9646"
@@ -7869,20 +5268,6 @@ is-bigint@^1.0.1:
   dependencies:
     has-bigints "^1.0.1"
 
-is-binary-path@^1.0.0:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/is-binary-path/-/is-binary-path-1.0.1.tgz#75f16642b480f187a711c814161fd3a4a7655898"
-  integrity sha512-9fRVlXc0uCxEDj1nQzaWONSpbTfx0FmJfzHF7pwlI8DkWGoHBBea4Pg5Ky0ojwwxQmnSifgbKkI06Qv0Ljgj+Q==
-  dependencies:
-    binary-extensions "^1.0.0"
-
-is-binary-path@~2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/is-binary-path/-/is-binary-path-2.1.0.tgz#ea1f7f3b80f064236e83470f86c09c254fb45b09"
-  integrity sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==
-  dependencies:
-    binary-extensions "^2.0.0"
-
 is-boolean-object@^1.1.0:
   version "1.1.2"
   resolved "https://registry.yarnpkg.com/is-boolean-object/-/is-boolean-object-1.1.2.tgz#5c6dc200246dd9321ae4b885a114bb1f75f63719"
@@ -7891,28 +5276,11 @@ is-boolean-object@^1.1.0:
     call-bind "^1.0.2"
     has-tostringtag "^1.0.0"
 
-is-buffer@^1.1.5:
-  version "1.1.6"
-  resolved "https://registry.yarnpkg.com/is-buffer/-/is-buffer-1.1.6.tgz#efaa2ea9daa0d7ab2ea13a97b2b8ad51fefbe8be"
-  integrity sha512-NcdALwpXkTm5Zvvbk7owOUSvVvBKDgKP5/ewfXEznmQFfs4ZRmanOeKBTjRVjka3QFoN6XJ+9F3USqfHqTaU5w==
-
-is-buffer@^2.0.0:
-  version "2.0.5"
-  resolved "https://registry.yarnpkg.com/is-buffer/-/is-buffer-2.0.5.tgz#ebc252e400d22ff8d77fa09888821a24a658c191"
-  integrity sha512-i2R6zNFDwgEHJyQUtJEk0XFi1i0dPFn/oqjK3/vPCcDeJvW5NQ83V8QbicfF1SupOaB0h8ntgBC2YiE7dfyctQ==
-
 is-callable@^1.1.3, is-callable@^1.1.4, is-callable@^1.2.7:
   version "1.2.7"
   resolved "https://registry.yarnpkg.com/is-callable/-/is-callable-1.2.7.tgz#3bc2a85ea742d9e36205dcacdd72ca1fdc51b055"
   integrity sha512-1BC0BVFhS/p0qtw6enp8e+8OD0UrK0oFLztSjNzhcKA3WDuJxxAPXzPuPtKkjEY9UUoEWlX/8fgKeu2S8i9JTA==
 
-is-ci@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/is-ci/-/is-ci-2.0.0.tgz#6bc6334181810e04b5c22b3d589fdca55026404c"
-  integrity sha512-YfJT7rkpQB0updsdHLGWrvhBJfcfzNNawYDNIyQXJz0IViGf75O8EBPKSdvw2rF+LGCsX4FZ8tcr3b19LcZq4w==
-  dependencies:
-    ci-info "^2.0.0"
-
 is-cidr@^4.0.2:
   version "4.0.2"
   resolved "https://registry.yarnpkg.com/is-cidr/-/is-cidr-4.0.2.tgz#94c7585e4c6c77ceabf920f8cde51b8c0fda8814"
@@ -7920,31 +5288,19 @@ is-cidr@^4.0.2:
   dependencies:
     cidr-regex "^3.1.1"
 
-is-color-stop@^1.0.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/is-color-stop/-/is-color-stop-1.1.0.tgz#cfff471aee4dd5c9e158598fbe12967b5cdad345"
-  integrity sha512-H1U8Vz0cfXNujrJzEcvvwMDW9Ra+biSYA3ThdQvAnMLJkEHQXn6bWzLkxHtVYJ+Sdbx0b6finn3jZiaVe7MAHA==
-  dependencies:
-    css-color-names "^0.0.4"
-    hex-color-regex "^1.1.0"
-    hsl-regex "^1.0.0"
-    hsla-regex "^1.0.0"
-    rgb-regex "^1.0.1"
-    rgba-regex "^1.0.0"
-
-is-core-module@^2.0.0, is-core-module@^2.13.0, is-core-module@^2.13.1, is-core-module@^2.5.0:
+is-core-module@^2.13.0, is-core-module@^2.13.1, is-core-module@^2.5.0:
   version "2.13.1"
   resolved "https://registry.yarnpkg.com/is-core-module/-/is-core-module-2.13.1.tgz#ad0d7532c6fea9da1ebdc82742d74525c6273384"
   integrity sha512-hHrIjvZsftOsvKSn2TRYl63zvxsgE0K+0mYMoH6gD4omR5IWB2KynivBQczo3+wF1cCkjzvptnI9Q0sPU66ilw==
   dependencies:
     hasown "^2.0.0"
 
-is-data-descriptor@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/is-data-descriptor/-/is-data-descriptor-1.0.1.tgz#2109164426166d32ea38c405c1e0945d9e6a4eeb"
-  integrity sha512-bc4NlCDiCr28U4aEsQ3Qs2491gVq4V8G7MQyws968ImqjKuYtTJXrl7Vq7jsN7Ly/C3xj5KWFrY7sHNeDkAzXw==
+is-core-module@^2.16.1:
+  version "2.16.1"
+  resolved "https://registry.yarnpkg.com/is-core-module/-/is-core-module-2.16.1.tgz#2a98801a849f43e2add644fbb6bc6229b19a4ef4"
+  integrity sha512-UfoeMA6fIJ8wTYFEUjelnaGI67v6+N7qXJEvQuIGa99l4xsCruSYOVSQ0uPANn4dAzm8lkYPaKLrrijLq7x23w==
   dependencies:
-    hasown "^2.0.0"
+    hasown "^2.0.2"
 
 is-date-object@^1.0.1, is-date-object@^1.0.5:
   version "1.0.5"
@@ -7953,50 +5309,12 @@ is-date-object@^1.0.1, is-date-object@^1.0.5:
   dependencies:
     has-tostringtag "^1.0.0"
 
-is-decimal@^1.0.0:
-  version "1.0.4"
-  resolved "https://registry.yarnpkg.com/is-decimal/-/is-decimal-1.0.4.tgz#65a3a5958a1c5b63a706e1b333d7cd9f630d3fa5"
-  integrity sha512-RGdriMmQQvZ2aqaQq3awNA6dCGtKpiDFcOzrTWrDAT2MiWrKQVPmxLGHl7Y2nNu6led0kEyoX0enY0qXYsv9zw==
-
-is-descriptor@^0.1.0:
-  version "0.1.7"
-  resolved "https://registry.yarnpkg.com/is-descriptor/-/is-descriptor-0.1.7.tgz#2727eb61fd789dcd5bdf0ed4569f551d2fe3be33"
-  integrity sha512-C3grZTvObeN1xud4cRWl366OMXZTj0+HGyk4hvfpx4ZHt1Pb60ANSXqCK7pdOTeUQpRzECBSTphqvD7U+l22Eg==
-  dependencies:
-    is-accessor-descriptor "^1.0.1"
-    is-data-descriptor "^1.0.1"
-
-is-descriptor@^1.0.0, is-descriptor@^1.0.2:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/is-descriptor/-/is-descriptor-1.0.3.tgz#92d27cb3cd311c4977a4db47df457234a13cb306"
-  integrity sha512-JCNNGbwWZEVaSPtS45mdtrneRWJFp07LLmykxeFV5F6oBvNF8vHSfJuJgoT472pSfk+Mf8VnlrspaFBHWM8JAw==
-  dependencies:
-    is-accessor-descriptor "^1.0.1"
-    is-data-descriptor "^1.0.1"
-
-is-directory@^0.3.1:
-  version "0.3.1"
-  resolved "https://registry.yarnpkg.com/is-directory/-/is-directory-0.3.1.tgz#61339b6f2475fc772fd9c9d83f5c8575dc154ae1"
-  integrity sha512-yVChGzahRFvbkscn2MlwGismPO12i9+znNruC5gVEntG3qu0xQMzsGg/JFbrsqDOHtHFPci+V5aP5T9I+yeKqw==
-
-is-docker@^2.0.0, is-docker@^2.1.1:
-  version "2.2.1"
-  resolved "https://registry.yarnpkg.com/is-docker/-/is-docker-2.2.1.tgz#33eeabe23cfe86f14bde4408a02c0cfb853acdaa"
-  integrity sha512-F+i2BKsFrH66iaUFc0woD8sLy8getkwTwtOBjvs56Cx4CgJDeKQeqfz8wAYiSb8JOprWhHH5p77PbmYCvvUuXQ==
-
-is-extendable@^0.1.0, is-extendable@^0.1.1:
-  version "0.1.1"
-  resolved "https://registry.yarnpkg.com/is-extendable/-/is-extendable-0.1.1.tgz#62b110e289a471418e3ec36a617d472e301dfc89"
-  integrity sha512-5BMULNob1vgFX6EjQw5izWDxrecWK9AM72rugNr0TFldMOi0fj6Jk+zeKIt0xGj4cEfQIJth4w3OKWOJ4f+AFw==
-
-is-extendable@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/is-extendable/-/is-extendable-1.0.1.tgz#a7470f9e426733d81bd81e1155264e3a3507cab4"
-  integrity sha512-arnXMxT1hhoKo9k1LZdmlNyJdDDfy2v0fXjFlmok4+i8ul/6WlbVge9bhM74OpNPQPMGUToDtz+KXa1PneJxOA==
-  dependencies:
-    is-plain-object "^2.0.4"
+is-decimal@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/is-decimal/-/is-decimal-2.0.1.tgz#9469d2dc190d0214fd87d78b78caecc0cc14eef7"
+  integrity sha512-AAB9hiomQs5DXWcRB1rqsxGUstbRroFOPPVAomNk/3XHR5JyEZChOyTWe2oayKnsSsr/kcGqF+z6yuH6HHpN0A==
 
-is-extglob@^2.1.0, is-extglob@^2.1.1:
+is-extglob@^2.1.1:
   version "2.1.1"
   resolved "https://registry.yarnpkg.com/is-extglob/-/is-extglob-2.1.1.tgz#a88c02535791f02ed37c76a1b9ea9773c833f8c2"
   integrity sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==
@@ -8037,34 +5355,17 @@ is-generator-function@^1.0.10:
   dependencies:
     has-tostringtag "^1.0.0"
 
-is-glob@^3.1.0:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/is-glob/-/is-glob-3.1.0.tgz#7ba5ae24217804ac70707b96922567486cc3e84a"
-  integrity sha512-UFpDDrPgM6qpnFNI+rh/p3bUaq9hKLZN8bMUWzxmcnZVS3omf4IPK+BrewlnWjO1WmUsMYuSjKh4UJuV4+Lqmw==
-  dependencies:
-    is-extglob "^2.1.0"
-
-is-glob@^4.0.0, is-glob@^4.0.1, is-glob@^4.0.3, is-glob@~4.0.1:
+is-glob@^4.0.0, is-glob@^4.0.1, is-glob@^4.0.3:
   version "4.0.3"
   resolved "https://registry.yarnpkg.com/is-glob/-/is-glob-4.0.3.tgz#64f61e42cbbb2eec2071a9dac0b28ba1e65d5084"
   integrity sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==
   dependencies:
     is-extglob "^2.1.1"
 
-is-hexadecimal@^1.0.0:
-  version "1.0.4"
-  resolved "https://registry.yarnpkg.com/is-hexadecimal/-/is-hexadecimal-1.0.4.tgz#cc35c97588da4bd49a8eedd6bc4082d44dcb23a7"
-  integrity sha512-gyPJuv83bHMpocVYoqof5VDiZveEoGoFL8m3BXNb2VW8Xs+rz9kqO8LOQ5DH6EsuvilT1ApazU0pyl+ytbPtlw==
-
-is-in-browser@^1.1.3:
-  version "1.1.3"
-  resolved "https://registry.yarnpkg.com/is-in-browser/-/is-in-browser-1.1.3.tgz#56ff4db683a078c6082eb95dad7dc62e1d04f835"
-  integrity sha512-FeXIBgG/CPGd/WUxuEyvgGTEfwiG9Z4EKGxjNMRqviiIIfsmgrpnHLffEDdwUHqNva1VEW91o3xBT/m8Elgl9g==
-
-is-interactive@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/is-interactive/-/is-interactive-1.0.0.tgz#cea6e6ae5c870a7b0a0004070b7b587e0252912e"
-  integrity sha512-2HvIEKRoqS62guEC+qBjpvRubdX910WCMuJTZ+I9yvqKU2/12eSL549HMwtabb4oupdj2sMP50k+XJfB/8JE6w==
+is-hexadecimal@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/is-hexadecimal/-/is-hexadecimal-2.0.1.tgz#86b5bf668fca307498d319dfc03289d781a90027"
+  integrity sha512-DgZQp241c8oO6cA1SbTEWiXeoxV42vlcJxgH+B3hi1AiqqKruZR3ZGF8In3fj4+/y/7rHvlOZLZtgJ/4ttYGZg==
 
 is-lambda@^1.0.1:
   version "1.0.1"
@@ -8076,11 +5377,6 @@ is-map@^2.0.1:
   resolved "https://registry.yarnpkg.com/is-map/-/is-map-2.0.2.tgz#00922db8c9bf73e81b7a335827bc2a43f2b91127"
   integrity sha512-cOZFQQozTha1f4MxLFzlgKYPTyj26picdZTx82hbc/Xf4K/tZOOXSCkMvU4pKioRXGDLJRn0GM7Upe7kR721yg==
 
-is-module@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/is-module/-/is-module-1.0.0.tgz#3258fb69f78c14d5b815d664336b4cffb6441591"
-  integrity sha512-51ypPSPCoTEIN9dy5Oy+h4pShgJmPCygKfyRCISBI+JoWT/2oJvK8QPxmwv7b/p239jXrm9M1mlQbyKJ5A152g==
-
 is-negative-zero@^2.0.2:
   version "2.0.2"
   resolved "https://registry.yarnpkg.com/is-negative-zero/-/is-negative-zero-2.0.2.tgz#7bf6f03a28003b8b3965de3ac26f664d765f3150"
@@ -8093,68 +5389,35 @@ is-number-object@^1.0.4:
   dependencies:
     has-tostringtag "^1.0.0"
 
-is-number@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/is-number/-/is-number-3.0.0.tgz#24fd6201a4782cf50561c810276afc7d12d71195"
-  integrity sha512-4cboCqIpliH+mAvFNegjZQ4kgKc3ZUhQVr3HvWbSh5q3WH2v82ct+T2Y1hdU5Gdtorx/cLifQjqCbL7bpznLTg==
-  dependencies:
-    kind-of "^3.0.2"
-
 is-number@^7.0.0:
   version "7.0.0"
   resolved "https://registry.yarnpkg.com/is-number/-/is-number-7.0.0.tgz#7535345b896734d5f80c4d06c50955527a14f12b"
   integrity sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==
 
-is-obj@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/is-obj/-/is-obj-1.0.1.tgz#3e4729ac1f5fde025cd7d83a896dab9f4f67db0f"
-  integrity sha512-l4RyHgRqGN4Y3+9JHVrNqO+tN0rV5My76uW5/nuO4K1b6vw5G8d/cmFjP9tRfEsdhZNt0IFdZuK/c2Vr4Nb+Qg==
-
 is-obj@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/is-obj/-/is-obj-2.0.0.tgz#473fb05d973705e3fd9620545018ca8e22ef4982"
   integrity sha512-drqDG3cbczxxEJRoOXcOjtdp1J/lyp1mNn0xaznRs8+muBhgQcrnbspox5X5fOw0HnMnbfDzvnEMEtqDEJEo8w==
 
-is-path-cwd@^2.0.0, is-path-cwd@^2.2.0:
+is-path-cwd@^2.2.0:
   version "2.2.0"
   resolved "https://registry.yarnpkg.com/is-path-cwd/-/is-path-cwd-2.2.0.tgz#67d43b82664a7b5191fd9119127eb300048a9fdb"
   integrity sha512-w942bTcih8fdJPJmQHFzkS76NEP8Kzzvmw92cXsazb8intwLqPibPPdXf4ANdKV3rYMuuQYGIWtvz9JilB3NFQ==
 
-is-path-in-cwd@^2.0.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/is-path-in-cwd/-/is-path-in-cwd-2.1.0.tgz#bfe2dca26c69f397265a4009963602935a053acb"
-  integrity sha512-rNocXHgipO+rvnP6dk3zI20RpOtrAM/kzbB258Uw5BWr3TpXi861yzjo16Dn4hUox07iw5AyeMLHWsujkjzvRQ==
-  dependencies:
-    is-path-inside "^2.1.0"
-
-is-path-inside@^2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/is-path-inside/-/is-path-inside-2.1.0.tgz#7c9810587d659a40d27bcdb4d5616eab059494b2"
-  integrity sha512-wiyhTzfDWsvwAW53OBWF5zuvaOGlZ6PwYxAbPVDhpm+gM09xKQGjBq/8uYN12aDvMxnAnq3dxTyoSoRNmg5YFg==
-  dependencies:
-    path-is-inside "^1.0.2"
-
 is-path-inside@^3.0.2:
   version "3.0.3"
   resolved "https://registry.yarnpkg.com/is-path-inside/-/is-path-inside-3.0.3.tgz#d231362e53a07ff2b0e0ea7fed049161ffd16283"
   integrity sha512-Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ==
 
-is-plain-obj@^1.0.0, is-plain-obj@^1.1.0:
+is-plain-obj@^1.1.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/is-plain-obj/-/is-plain-obj-1.1.0.tgz#71a50c8429dfca773c92a390a4a03b39fcd51d3e"
   integrity sha512-yvkRyxmFKEOQ4pNXCmJG5AEQNlXJS5LaONXo5/cLdTZdWvsZ1ioJEonLGAosKlMWE8lwUy/bJzMjcw8az73+Fg==
 
-is-plain-obj@^2.0.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/is-plain-obj/-/is-plain-obj-2.1.0.tgz#45e42e37fccf1f40da8e5f76ee21515840c09287"
-  integrity sha512-YWnfyRwxL/+SsrWYfOpUtz5b3YD+nyfkHvjbcanzk8zgyO4ASD67uVMRt8k5bM4lLMDnXfriRhOpemw+NfT1eA==
-
-is-plain-object@^2.0.3, is-plain-object@^2.0.4:
-  version "2.0.4"
-  resolved "https://registry.yarnpkg.com/is-plain-object/-/is-plain-object-2.0.4.tgz#2c163b3fafb1b606d9d17928f05c2a1c38e07677"
-  integrity sha512-h5PpgXkWitc38BBMYawTYMWJHFZJVnBquFE57xFpjB8pJFiF6gZ+bU+WyI/yqXiFR5mdLsgYNaPe8uao6Uv9Og==
-  dependencies:
-    isobject "^3.0.1"
+is-plain-obj@^4.0.0:
+  version "4.1.0"
+  resolved "https://registry.yarnpkg.com/is-plain-obj/-/is-plain-obj-4.1.0.tgz#d65025edec3657ce032fd7db63c97883eaed71f0"
+  integrity sha512-+Pgi+vMuUNkJyExiMBt5IlFoMyKnr5zhJ4Uspz58WOhBF5QoIZkFyNHIbBAtHwzVAgk5RtndVNsDRN61/mmDqg==
 
 is-plain-object@^5.0.0:
   version "5.0.0"
@@ -8166,7 +5429,7 @@ is-potential-custom-element-name@^1.0.1:
   resolved "https://registry.yarnpkg.com/is-potential-custom-element-name/-/is-potential-custom-element-name-1.0.1.tgz#171ed6f19e3ac554394edf78caa05784a45bebb5"
   integrity sha512-bCYeRA2rVibKZd+s2625gGnGF/t7DSqDs4dP7CrLA1m7jKWz6pps0LpYLJN8Q64HtmPKJ1hrN3nzPNKFEKOUiQ==
 
-is-regex@^1.0.4, is-regex@^1.1.4:
+is-regex@^1.1.4:
   version "1.1.4"
   resolved "https://registry.yarnpkg.com/is-regex/-/is-regex-1.1.4.tgz#eef5663cd59fa4c0ae339505323df6854bb15958"
   integrity sha512-kvRdxDsxZjhzUX07ZnLydzS1TU/TJlTUHHY4YLL87e37oUA49DfkLqgy+VjFocowy29cKvcSiu+kIv728jTTVg==
@@ -8174,21 +5437,6 @@ is-regex@^1.0.4, is-regex@^1.1.4:
     call-bind "^1.0.2"
     has-tostringtag "^1.0.0"
 
-is-regexp@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/is-regexp/-/is-regexp-1.0.0.tgz#fd2d883545c46bac5a633e7b9a09e87fa2cb5069"
-  integrity sha512-7zjFAPO4/gwyQAAgRRmqeEeyIICSdmCqa3tsVHMdBzaXXRiqopZL4Cyghg/XulGWrtABTpbnYYzzIRffLkP4oA==
-
-is-resolvable@^1.0.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/is-resolvable/-/is-resolvable-1.1.0.tgz#fb18f87ce1feb925169c9a407c19318a3206ed88"
-  integrity sha512-qgDYXFSR5WvEfuS5dMj6oTMEbrrSaM0CrFk2Yiq/gXnBvD9pMa2jGXxyhGLfvhZpuMZe18CJpFxAt3CRs42NMg==
-
-is-root@2.1.0, is-root@^2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/is-root/-/is-root-2.1.0.tgz#809e18129cf1129644302a4f8544035d51984a9c"
-  integrity sha512-AGOriNp96vNBd3HtU+RzFEc75FfR5ymiYv8E553I71SCeXBiMsVDUtdio1OEFvrPyLIQ9tVR5RxXIFe5PUFjMg==
-
 is-set@^2.0.1:
   version "2.0.2"
   resolved "https://registry.yarnpkg.com/is-set/-/is-set-2.0.2.tgz#90755fa4c2562dc1c5d4024760d6119b94ca18ec"
@@ -8201,11 +5449,6 @@ is-shared-array-buffer@^1.0.2:
   dependencies:
     call-bind "^1.0.2"
 
-is-stream@^1.1.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/is-stream/-/is-stream-1.1.0.tgz#12d4a3dd4e68e0b79ceb8dbc84173ae80d91ca44"
-  integrity sha512-uQPm8kcs47jx38atAcWTVxyltQYoPT68y9aWYdV6yWXSyW8mzSat0TL6CiWdZeCdF3KrAvpVtnHbTv4RN+rqdQ==
-
 is-stream@^2.0.0:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/is-stream/-/is-stream-2.0.1.tgz#fac1e3d53b97ad5a9d0ae9cef2389f5810a5c077"
@@ -8239,13 +5482,6 @@ is-typed-array@^1.1.10, is-typed-array@^1.1.12, is-typed-array@^1.1.9:
   dependencies:
     which-typed-array "^1.1.11"
 
-is-typed-array@^1.1.14:
-  version "1.1.15"
-  resolved "https://registry.yarnpkg.com/is-typed-array/-/is-typed-array-1.1.15.tgz#4bfb4a45b61cee83a5a46fba778e4e8d59c0ce0b"
-  integrity sha512-p3EcsicXjit7SaskXHs1hA91QxgTw46Fv6EFKKGS5DRFLD8yKnohjF3hxoju94b/OcMZoQukzpPpBE9uLVKzgQ==
-  dependencies:
-    which-typed-array "^1.1.16"
-
 is-typedarray@^1.0.0, is-typedarray@~1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/is-typedarray/-/is-typedarray-1.0.0.tgz#e479c80858df0c1b11ddda6940f96011fcda4a9a"
@@ -8271,48 +5507,21 @@ is-weakset@^2.0.1:
     call-bind "^1.0.2"
     get-intrinsic "^1.1.1"
 
-is-windows@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/is-windows/-/is-windows-1.0.2.tgz#d1850eb9791ecd18e6182ce12a30f396634bb19d"
-  integrity sha512-eXK1UInq2bPmjyX6e3VHIzMLobc4J94i4AWn+Hpq3OU5KkrRC96OAcR3PRJ/pGu6m8TRnBHP9dkXQVsT/COVIA==
-
-is-wsl@^1.1.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/is-wsl/-/is-wsl-1.1.0.tgz#1f16e4aa22b04d1336b66188a66af3c600c3a66d"
-  integrity sha512-gfygJYZ2gLTDlmbWMI0CE2MwnFzSN/2SZfkMlItC4K/JBlsWVDB0bO6XhqcY13YXE7iMcAJnzTCJjPiTeJJ0Mw==
-
-is-wsl@^2.1.1, is-wsl@^2.2.0:
-  version "2.2.0"
-  resolved "https://registry.yarnpkg.com/is-wsl/-/is-wsl-2.2.0.tgz#74a4c76e77ca9fd3f932f290c17ea326cd157271"
-  integrity sha512-fKzAra0rGJUUBwGBgNkHZuToZcn+TtXHpeCgmkMJMMYx1sQDYaCSyjJBSCa2nH1DGm7s3n1oBnohoVTBaN7Lww==
-  dependencies:
-    is-docker "^2.0.0"
-
-isarray@^1.0.0, isarray@~1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/isarray/-/isarray-1.0.0.tgz#bb935d48582cba168c06834957a54a3e07124f11"
-  integrity sha512-VLghIWNM6ELQzo7zwmcg0NmTVyWKYjvIeM83yjp0wRDTmUnrM678fQbcKBo6n2CJEF0szoG//ytg+TKla89ALQ==
-
 isarray@^2.0.5:
   version "2.0.5"
   resolved "https://registry.yarnpkg.com/isarray/-/isarray-2.0.5.tgz#8af1e4c1221244cc62459faf38940d4e644a5723"
   integrity sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw==
 
+isarray@~1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/isarray/-/isarray-1.0.0.tgz#bb935d48582cba168c06834957a54a3e07124f11"
+  integrity sha512-VLghIWNM6ELQzo7zwmcg0NmTVyWKYjvIeM83yjp0wRDTmUnrM678fQbcKBo6n2CJEF0szoG//ytg+TKla89ALQ==
+
 isexe@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/isexe/-/isexe-2.0.0.tgz#e8fbf374dc556ff8947a10dcb0572d633f2cfa10"
   integrity sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==
 
-isobject@^3.0.0, isobject@^3.0.1:
-  version "3.0.1"
-  resolved "https://registry.yarnpkg.com/isobject/-/isobject-3.0.1.tgz#4e431e92b11a9731636aa1f9c8d1ccbcfdab78df"
-  integrity sha512-WhB9zCku7EGTj/HQQRz5aUQEUeoQZH2bWcltRErOpymJ4boYE6wL9Tbr23krRPSZ+C5zqNSrSw+Cc7sZZ4b7vg==
-
-isobject@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/isobject/-/isobject-4.0.0.tgz#3f1c9155e73b192022a80819bacd0343711697b0"
-  integrity sha512-S/2fF5wH8SJA/kmwr6HYhK/RI/OkhD84k8ntalo0iJjZikgq1XFvR5M8NPT1x5F7fBwCG3qHfnzeP/Vh/ZxCUA==
-
 isstream@~0.1.2:
   version "0.1.2"
   resolved "https://registry.yarnpkg.com/isstream/-/isstream-0.1.2.tgz#47e63f7af55afa6f92e1500e690eb8b8529c099a"
@@ -8334,16 +5543,6 @@ istanbul-lib-coverage@^3.0.0, istanbul-lib-coverage@^3.2.0:
   resolved "https://registry.yarnpkg.com/istanbul-lib-coverage/-/istanbul-lib-coverage-3.2.2.tgz#2d166c4b0644d43a39f04bf6c2edd1e585f31756"
   integrity sha512-O8dpsF+r0WV/8MNRKfnmrtCWhuKjxrq2w+jpzBL5UZKTi2LeVWnWOmWRxFlesJONmc+wLAGvKQZEOanko0LFTg==
 
-istanbul-lib-instrument@^4.0.3:
-  version "4.0.3"
-  resolved "https://registry.yarnpkg.com/istanbul-lib-instrument/-/istanbul-lib-instrument-4.0.3.tgz#873c6fff897450118222774696a3f28902d77c1d"
-  integrity sha512-BXgQl9kf4WTCPCCpmFGoJkz/+uhvm7h7PFKUYxh7qarQd3ER33vHG//qaE8eN25l07YqZPpHXU9I09l/RD5aGQ==
-  dependencies:
-    "@babel/core" "^7.7.5"
-    "@istanbuljs/schema" "^0.1.2"
-    istanbul-lib-coverage "^3.0.0"
-    semver "^6.3.0"
-
 istanbul-lib-instrument@^5.0.4:
   version "5.2.1"
   resolved "https://registry.yarnpkg.com/istanbul-lib-instrument/-/istanbul-lib-instrument-5.2.1.tgz#d10c8885c2125574e1c231cacadf955675e1ce3d"
@@ -8355,6 +5554,17 @@ istanbul-lib-instrument@^5.0.4:
     istanbul-lib-coverage "^3.2.0"
     semver "^6.3.0"
 
+istanbul-lib-instrument@^6.0.0:
+  version "6.0.3"
+  resolved "https://registry.yarnpkg.com/istanbul-lib-instrument/-/istanbul-lib-instrument-6.0.3.tgz#fa15401df6c15874bcb2105f773325d78c666765"
+  integrity sha512-Vtgk7L/R2JHyyGW07spoFlB8/lpjiOLTjMdms6AFMraYt3BaJauod/NGrfnVG/y4Ix1JEuMRPDPEj2ua+zz1/Q==
+  dependencies:
+    "@babel/core" "^7.23.9"
+    "@babel/parser" "^7.23.9"
+    "@istanbuljs/schema" "^0.1.3"
+    istanbul-lib-coverage "^3.2.0"
+    semver "^7.5.4"
+
 istanbul-lib-report@^3.0.0:
   version "3.0.1"
   resolved "https://registry.yarnpkg.com/istanbul-lib-report/-/istanbul-lib-report-3.0.1.tgz#908305bac9a5bd175ac6a74489eafd0fc2445a7d"
@@ -8373,10 +5583,10 @@ istanbul-lib-source-maps@^4.0.0:
     istanbul-lib-coverage "^3.0.0"
     source-map "^0.6.1"
 
-istanbul-reports@^3.0.2, istanbul-reports@^3.1.4:
-  version "3.1.6"
-  resolved "https://registry.yarnpkg.com/istanbul-reports/-/istanbul-reports-3.1.6.tgz#2544bcab4768154281a2f0870471902704ccaa1a"
-  integrity sha512-TLgnMkKg3iTDsQ9PbPTdpfAK2DzjF9mqUG7RMgcQl8oFjad8ob4laGxv5XV5U9MAfx8D6tSJiUyuAwzLicaxlg==
+istanbul-reports@^3.1.3:
+  version "3.2.0"
+  resolved "https://registry.yarnpkg.com/istanbul-reports/-/istanbul-reports-3.2.0.tgz#cb4535162b5784aa623cee21a7252cf2c807ac93"
+  integrity sha512-HGYWWS/ehqTV3xN10i23tkPkpH46MLCIMFNCaaKNavAXTF1RkqxawEPtnjnGZ6XKSInBKkiOA5BKS+aZiY3AvA==
   dependencies:
     html-escaper "^2.0.0"
     istanbul-lib-report "^3.0.0"
@@ -8392,502 +5602,400 @@ iterator.prototype@^1.1.2:
     reflect.getprototypeof "^1.0.4"
     set-function-name "^2.0.1"
 
-jake@^10.8.5:
-  version "10.8.7"
-  resolved "https://registry.yarnpkg.com/jake/-/jake-10.8.7.tgz#63a32821177940c33f356e0ba44ff9d34e1c7d8f"
-  integrity sha512-ZDi3aP+fG/LchyBzUM804VjddnwfSfsdeYkwt8NcbKRvo4rFkjhs456iLFn3k2ZUWvNe4i48WACDbza8fhq2+w==
-  dependencies:
-    async "^3.2.3"
-    chalk "^4.0.2"
-    filelist "^1.0.4"
-    minimatch "^3.1.2"
-
 java-properties@^1.0.0:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/java-properties/-/java-properties-1.0.2.tgz#ccd1fa73907438a5b5c38982269d0e771fe78211"
   integrity sha512-qjdpeo2yKlYTH7nFdK0vbZWuTCesk4o63v5iVOlhMQPfuIZQfW/HI35SjfhA+4qpg36rnFSvUK5b1m+ckIblQQ==
 
-javascript-stringify@^2.0.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/javascript-stringify/-/javascript-stringify-2.1.0.tgz#27c76539be14d8bd128219a2d731b09337904e79"
-  integrity sha512-JVAfqNPTvNq3sB/VHQJAFxN/sPgKnsKrCwyRt15zwNCdrMMJDdcEOdubuy+DuJYYdm0ox1J4uzEuYKkN+9yhVg==
-
-jest-changed-files@^26.6.2:
-  version "26.6.2"
-  resolved "https://registry.yarnpkg.com/jest-changed-files/-/jest-changed-files-26.6.2.tgz#f6198479e1cc66f22f9ae1e22acaa0b429c042d0"
-  integrity sha512-fDS7szLcY9sCtIip8Fjry9oGf3I2ht/QT21bAHm5Dmf0mD4X3ReNUf17y+bO6fR8WgbIZTlbyG1ak/53cbRzKQ==
-  dependencies:
-    "@jest/types" "^26.6.2"
-    execa "^4.0.0"
-    throat "^5.0.0"
-
-jest-circus@26.6.0:
-  version "26.6.0"
-  resolved "https://registry.yarnpkg.com/jest-circus/-/jest-circus-26.6.0.tgz#7d9647b2e7f921181869faae1f90a2629fd70705"
-  integrity sha512-L2/Y9szN6FJPWFK8kzWXwfp+FOR7xq0cUL4lIsdbIdwz3Vh6P1nrpcqOleSzr28zOtSHQNV9Z7Tl+KkuK7t5Ng==
-  dependencies:
-    "@babel/traverse" "^7.1.0"
-    "@jest/environment" "^26.6.0"
-    "@jest/test-result" "^26.6.0"
-    "@jest/types" "^26.6.0"
-    "@types/babel__traverse" "^7.0.4"
+jest-changed-files@^29.7.0:
+  version "29.7.0"
+  resolved "https://registry.yarnpkg.com/jest-changed-files/-/jest-changed-files-29.7.0.tgz#1c06d07e77c78e1585d020424dedc10d6e17ac3a"
+  integrity sha512-fEArFiwf1BpQ+4bXSprcDc3/x4HSzL4al2tozwVpDFpsxALjLYdyiIK4e5Vz66GQJIbXJ82+35PtysofptNX2w==
+  dependencies:
+    execa "^5.0.0"
+    jest-util "^29.7.0"
+    p-limit "^3.1.0"
+
+jest-circus@^29.7.0:
+  version "29.7.0"
+  resolved "https://registry.yarnpkg.com/jest-circus/-/jest-circus-29.7.0.tgz#b6817a45fcc835d8b16d5962d0c026473ee3668a"
+  integrity sha512-3E1nCMgipcTkCocFwM90XXQab9bS+GMsjdpmPrlelaxwD93Ad8iVEjX/vvHPdLPnFf+L40u+5+iutRdA1N9myw==
+  dependencies:
+    "@jest/environment" "^29.7.0"
+    "@jest/expect" "^29.7.0"
+    "@jest/test-result" "^29.7.0"
+    "@jest/types" "^29.6.3"
     "@types/node" "*"
     chalk "^4.0.0"
     co "^4.6.0"
-    dedent "^0.7.0"
-    expect "^26.6.0"
+    dedent "^1.0.0"
     is-generator-fn "^2.0.0"
-    jest-each "^26.6.0"
-    jest-matcher-utils "^26.6.0"
-    jest-message-util "^26.6.0"
-    jest-runner "^26.6.0"
-    jest-runtime "^26.6.0"
-    jest-snapshot "^26.6.0"
-    jest-util "^26.6.0"
-    pretty-format "^26.6.0"
-    stack-utils "^2.0.2"
-    throat "^5.0.0"
-
-jest-cli@^26.6.0, jest-cli@^26.6.3:
-  version "26.6.3"
-  resolved "https://registry.yarnpkg.com/jest-cli/-/jest-cli-26.6.3.tgz#43117cfef24bc4cd691a174a8796a532e135e92a"
-  integrity sha512-GF9noBSa9t08pSyl3CY4frMrqp+aQXFGFkf5hEPbh/pIUFYWMK6ZLTfbmadxJVcJrdRoChlWQsA2VkJcDFK8hg==
-  dependencies:
-    "@jest/core" "^26.6.3"
-    "@jest/test-result" "^26.6.2"
-    "@jest/types" "^26.6.2"
+    jest-each "^29.7.0"
+    jest-matcher-utils "^29.7.0"
+    jest-message-util "^29.7.0"
+    jest-runtime "^29.7.0"
+    jest-snapshot "^29.7.0"
+    jest-util "^29.7.0"
+    p-limit "^3.1.0"
+    pretty-format "^29.7.0"
+    pure-rand "^6.0.0"
+    slash "^3.0.0"
+    stack-utils "^2.0.3"
+
+jest-cli@^29.7.0:
+  version "29.7.0"
+  resolved "https://registry.yarnpkg.com/jest-cli/-/jest-cli-29.7.0.tgz#5592c940798e0cae677eec169264f2d839a37995"
+  integrity sha512-OVVobw2IubN/GSYsxETi+gOe7Ka59EFMR/twOU3Jb2GnKKeMGJB5SGUUrEz3SFVmJASUdZUzy83sLNNQ2gZslg==
+  dependencies:
+    "@jest/core" "^29.7.0"
+    "@jest/test-result" "^29.7.0"
+    "@jest/types" "^29.6.3"
     chalk "^4.0.0"
+    create-jest "^29.7.0"
     exit "^0.1.2"
-    graceful-fs "^4.2.4"
     import-local "^3.0.2"
-    is-ci "^2.0.0"
-    jest-config "^26.6.3"
-    jest-util "^26.6.2"
-    jest-validate "^26.6.2"
-    prompts "^2.0.1"
-    yargs "^15.4.1"
-
-jest-config@^26.6.3:
-  version "26.6.3"
-  resolved "https://registry.yarnpkg.com/jest-config/-/jest-config-26.6.3.tgz#64f41444eef9eb03dc51d5c53b75c8c71f645349"
-  integrity sha512-t5qdIj/bCj2j7NFVHb2nFB4aUdfucDn3JRKgrZnplb8nieAirAzRSHP8uDEd+qV6ygzg9Pz4YG7UTJf94LPSyg==
-  dependencies:
-    "@babel/core" "^7.1.0"
-    "@jest/test-sequencer" "^26.6.3"
-    "@jest/types" "^26.6.2"
-    babel-jest "^26.6.3"
+    jest-config "^29.7.0"
+    jest-util "^29.7.0"
+    jest-validate "^29.7.0"
+    yargs "^17.3.1"
+
+jest-config@^29.7.0:
+  version "29.7.0"
+  resolved "https://registry.yarnpkg.com/jest-config/-/jest-config-29.7.0.tgz#bcbda8806dbcc01b1e316a46bb74085a84b0245f"
+  integrity sha512-uXbpfeQ7R6TZBqI3/TxCU4q4ttk3u0PJeC+E0zbfSoSjq6bJ7buBPxzQPL0ifrkY4DNu4JUdk0ImlBUYi840eQ==
+  dependencies:
+    "@babel/core" "^7.11.6"
+    "@jest/test-sequencer" "^29.7.0"
+    "@jest/types" "^29.6.3"
+    babel-jest "^29.7.0"
     chalk "^4.0.0"
+    ci-info "^3.2.0"
     deepmerge "^4.2.2"
-    glob "^7.1.1"
-    graceful-fs "^4.2.4"
-    jest-environment-jsdom "^26.6.2"
-    jest-environment-node "^26.6.2"
-    jest-get-type "^26.3.0"
-    jest-jasmine2 "^26.6.3"
-    jest-regex-util "^26.0.0"
-    jest-resolve "^26.6.2"
-    jest-util "^26.6.2"
-    jest-validate "^26.6.2"
-    micromatch "^4.0.2"
-    pretty-format "^26.6.2"
+    glob "^7.1.3"
+    graceful-fs "^4.2.9"
+    jest-circus "^29.7.0"
+    jest-environment-node "^29.7.0"
+    jest-get-type "^29.6.3"
+    jest-regex-util "^29.6.3"
+    jest-resolve "^29.7.0"
+    jest-runner "^29.7.0"
+    jest-util "^29.7.0"
+    jest-validate "^29.7.0"
+    micromatch "^4.0.4"
+    parse-json "^5.2.0"
+    pretty-format "^29.7.0"
+    slash "^3.0.0"
+    strip-json-comments "^3.1.1"
 
-jest-diff@^26.6.2:
-  version "26.6.2"
-  resolved "https://registry.yarnpkg.com/jest-diff/-/jest-diff-26.6.2.tgz#1aa7468b52c3a68d7d5c5fdcdfcd5e49bd164394"
-  integrity sha512-6m+9Z3Gv9wN0WFVasqjCL/06+EFCMTqDEUl/b87HYK2rAPTyfz4ZIuSlPhY51PIQRWx5TaxeF1qmXKe9gfN3sA==
+jest-diff@^29.7.0:
+  version "29.7.0"
+  resolved "https://registry.yarnpkg.com/jest-diff/-/jest-diff-29.7.0.tgz#017934a66ebb7ecf6f205e84699be10afd70458a"
+  integrity sha512-LMIgiIrhigmPrs03JHpxUh2yISK3vLFPkAodPeo0+BuF7wA2FoQbkEg1u8gBYBThncu7e1oEDUfIXVuTqLRUjw==
   dependencies:
     chalk "^4.0.0"
-    diff-sequences "^26.6.2"
-    jest-get-type "^26.3.0"
-    pretty-format "^26.6.2"
+    diff-sequences "^29.6.3"
+    jest-get-type "^29.6.3"
+    pretty-format "^29.7.0"
 
-jest-docblock@^26.0.0:
-  version "26.0.0"
-  resolved "https://registry.yarnpkg.com/jest-docblock/-/jest-docblock-26.0.0.tgz#3e2fa20899fc928cb13bd0ff68bd3711a36889b5"
-  integrity sha512-RDZ4Iz3QbtRWycd8bUEPxQsTlYazfYn/h5R65Fc6gOfwozFhoImx+affzky/FFBuqISPTqjXomoIGJVKBWoo0w==
+jest-docblock@^29.7.0:
+  version "29.7.0"
+  resolved "https://registry.yarnpkg.com/jest-docblock/-/jest-docblock-29.7.0.tgz#8fddb6adc3cdc955c93e2a87f61cfd350d5d119a"
+  integrity sha512-q617Auw3A612guyaFgsbFeYpNP5t2aoUNLwBUbc/0kD1R4t9ixDbyFTHd1nok4epoVFpr7PmeWHrhvuV3XaJ4g==
   dependencies:
     detect-newline "^3.0.0"
 
-jest-each@^26.6.0, jest-each@^26.6.2:
-  version "26.6.2"
-  resolved "https://registry.yarnpkg.com/jest-each/-/jest-each-26.6.2.tgz#02526438a77a67401c8a6382dfe5999952c167cb"
-  integrity sha512-Mer/f0KaATbjl8MCJ+0GEpNdqmnVmDYqCTJYTvoo7rqmRiDllmp2AYN+06F93nXcY3ur9ShIjS+CO/uD+BbH4A==
+jest-each@^29.7.0:
+  version "29.7.0"
+  resolved "https://registry.yarnpkg.com/jest-each/-/jest-each-29.7.0.tgz#162a9b3f2328bdd991beaabffbb74745e56577d1"
+  integrity sha512-gns+Er14+ZrEoC5fhOfYCY1LOHHr0TI+rQUHZS8Ttw2l7gl+80eHc/gFf2Ktkw0+SIACDTeWvpFcv3B04VembQ==
   dependencies:
-    "@jest/types" "^26.6.2"
+    "@jest/types" "^29.6.3"
     chalk "^4.0.0"
-    jest-get-type "^26.3.0"
-    jest-util "^26.6.2"
-    pretty-format "^26.6.2"
-
-jest-environment-jsdom@^26.6.2:
-  version "26.6.2"
-  resolved "https://registry.yarnpkg.com/jest-environment-jsdom/-/jest-environment-jsdom-26.6.2.tgz#78d09fe9cf019a357009b9b7e1f101d23bd1da3e"
-  integrity sha512-jgPqCruTlt3Kwqg5/WVFyHIOJHsiAvhcp2qiR2QQstuG9yWox5+iHpU3ZrcBxW14T4fe5Z68jAfLRh7joCSP2Q==
-  dependencies:
-    "@jest/environment" "^26.6.2"
-    "@jest/fake-timers" "^26.6.2"
-    "@jest/types" "^26.6.2"
+    jest-get-type "^29.6.3"
+    jest-util "^29.7.0"
+    pretty-format "^29.7.0"
+
+jest-environment-jsdom@^29.7.0:
+  version "29.7.0"
+  resolved "https://registry.yarnpkg.com/jest-environment-jsdom/-/jest-environment-jsdom-29.7.0.tgz#d206fa3551933c3fd519e5dfdb58a0f5139a837f"
+  integrity sha512-k9iQbsf9OyOfdzWH8HDmrRT0gSIcX+FLNW7IQq94tFX0gynPwqDTW0Ho6iMVNjGz/nb+l/vW3dWM2bbLLpkbXA==
+  dependencies:
+    "@jest/environment" "^29.7.0"
+    "@jest/fake-timers" "^29.7.0"
+    "@jest/types" "^29.6.3"
+    "@types/jsdom" "^20.0.0"
     "@types/node" "*"
-    jest-mock "^26.6.2"
-    jest-util "^26.6.2"
-    jsdom "^16.4.0"
-
-jest-environment-node@^26.6.2:
-  version "26.6.2"
-  resolved "https://registry.yarnpkg.com/jest-environment-node/-/jest-environment-node-26.6.2.tgz#824e4c7fb4944646356f11ac75b229b0035f2b0c"
-  integrity sha512-zhtMio3Exty18dy8ee8eJ9kjnRyZC1N4C1Nt/VShN1apyXc8rWGtJ9lI7vqiWcyyXS4BVSEn9lxAM2D+07/Tag==
-  dependencies:
-    "@jest/environment" "^26.6.2"
-    "@jest/fake-timers" "^26.6.2"
-    "@jest/types" "^26.6.2"
+    jest-mock "^29.7.0"
+    jest-util "^29.7.0"
+    jsdom "^20.0.0"
+
+jest-environment-node@^29.7.0:
+  version "29.7.0"
+  resolved "https://registry.yarnpkg.com/jest-environment-node/-/jest-environment-node-29.7.0.tgz#0b93e111dda8ec120bc8300e6d1fb9576e164376"
+  integrity sha512-DOSwCRqXirTOyheM+4d5YZOrWcdu0LNZ87ewUoywbcb2XR4wKgqiG8vNeYwhjFMbEkfju7wx2GYH0P2gevGvFw==
+  dependencies:
+    "@jest/environment" "^29.7.0"
+    "@jest/fake-timers" "^29.7.0"
+    "@jest/types" "^29.6.3"
     "@types/node" "*"
-    jest-mock "^26.6.2"
-    jest-util "^26.6.2"
+    jest-mock "^29.7.0"
+    jest-util "^29.7.0"
 
-jest-get-type@^26.3.0:
-  version "26.3.0"
-  resolved "https://registry.yarnpkg.com/jest-get-type/-/jest-get-type-26.3.0.tgz#e97dc3c3f53c2b406ca7afaed4493b1d099199e0"
-  integrity sha512-TpfaviN1R2pQWkIihlfEanwOXK0zcxrKEE4MlU6Tn7keoXdN6/3gK/xl0yEh8DOunn5pOVGKf8hB4R9gVh04ig==
+jest-get-type@^29.6.3:
+  version "29.6.3"
+  resolved "https://registry.yarnpkg.com/jest-get-type/-/jest-get-type-29.6.3.tgz#36f499fdcea197c1045a127319c0481723908fd1"
+  integrity sha512-zrteXnqYxfQh7l5FHyL38jL39di8H8rHoecLH3JNxH3BwOrBsNeabdap5e0I23lD4HHI8W5VFBZqG4Eaq5LNcw==
 
-jest-haste-map@^26.6.2:
-  version "26.6.2"
-  resolved "https://registry.yarnpkg.com/jest-haste-map/-/jest-haste-map-26.6.2.tgz#dd7e60fe7dc0e9f911a23d79c5ff7fb5c2cafeaa"
-  integrity sha512-easWIJXIw71B2RdR8kgqpjQrbMRWQBgiBwXYEhtGUTaX+doCjBheluShdDMeR8IMfJiTqH4+zfhtg29apJf/8w==
+jest-haste-map@^29.7.0:
+  version "29.7.0"
+  resolved "https://registry.yarnpkg.com/jest-haste-map/-/jest-haste-map-29.7.0.tgz#3c2396524482f5a0506376e6c858c3bbcc17b104"
+  integrity sha512-fP8u2pyfqx0K1rGn1R9pyE0/KTn+G7PxktWidOBTqFPLYX0b9ksaMFkhK5vrS3DVun09pckLdlx90QthlW7AmA==
   dependencies:
-    "@jest/types" "^26.6.2"
-    "@types/graceful-fs" "^4.1.2"
+    "@jest/types" "^29.6.3"
+    "@types/graceful-fs" "^4.1.3"
     "@types/node" "*"
     anymatch "^3.0.3"
     fb-watchman "^2.0.0"
-    graceful-fs "^4.2.4"
-    jest-regex-util "^26.0.0"
-    jest-serializer "^26.6.2"
-    jest-util "^26.6.2"
-    jest-worker "^26.6.2"
-    micromatch "^4.0.2"
-    sane "^4.0.3"
-    walker "^1.0.7"
+    graceful-fs "^4.2.9"
+    jest-regex-util "^29.6.3"
+    jest-util "^29.7.0"
+    jest-worker "^29.7.0"
+    micromatch "^4.0.4"
+    walker "^1.0.8"
   optionalDependencies:
-    fsevents "^2.1.2"
-
-jest-jasmine2@^26.6.3:
-  version "26.6.3"
-  resolved "https://registry.yarnpkg.com/jest-jasmine2/-/jest-jasmine2-26.6.3.tgz#adc3cf915deacb5212c93b9f3547cd12958f2edd"
-  integrity sha512-kPKUrQtc8aYwBV7CqBg5pu+tmYXlvFlSFYn18ev4gPFtrRzB15N2gW/Roew3187q2w2eHuu0MU9TJz6w0/nPEg==
-  dependencies:
-    "@babel/traverse" "^7.1.0"
-    "@jest/environment" "^26.6.2"
-    "@jest/source-map" "^26.6.2"
-    "@jest/test-result" "^26.6.2"
-    "@jest/types" "^26.6.2"
-    "@types/node" "*"
-    chalk "^4.0.0"
-    co "^4.6.0"
-    expect "^26.6.2"
-    is-generator-fn "^2.0.0"
-    jest-each "^26.6.2"
-    jest-matcher-utils "^26.6.2"
-    jest-message-util "^26.6.2"
-    jest-runtime "^26.6.3"
-    jest-snapshot "^26.6.2"
-    jest-util "^26.6.2"
-    pretty-format "^26.6.2"
-    throat "^5.0.0"
-
-jest-leak-detector@^26.6.2:
-  version "26.6.2"
-  resolved "https://registry.yarnpkg.com/jest-leak-detector/-/jest-leak-detector-26.6.2.tgz#7717cf118b92238f2eba65054c8a0c9c653a91af"
-  integrity sha512-i4xlXpsVSMeKvg2cEKdfhh0H39qlJlP5Ex1yQxwF9ubahboQYMgTtz5oML35AVA3B4Eu+YsmwaiKVev9KCvLxg==
-  dependencies:
-    jest-get-type "^26.3.0"
-    pretty-format "^26.6.2"
-
-jest-matcher-utils@^26.6.0, jest-matcher-utils@^26.6.2:
-  version "26.6.2"
-  resolved "https://registry.yarnpkg.com/jest-matcher-utils/-/jest-matcher-utils-26.6.2.tgz#8e6fd6e863c8b2d31ac6472eeb237bc595e53e7a"
-  integrity sha512-llnc8vQgYcNqDrqRDXWwMr9i7rS5XFiCwvh6DTP7Jqa2mqpcCBBlpCbn+trkG0KNhPu/h8rzyBkriOtBstvWhw==
+    fsevents "^2.3.2"
+
+jest-leak-detector@^29.7.0:
+  version "29.7.0"
+  resolved "https://registry.yarnpkg.com/jest-leak-detector/-/jest-leak-detector-29.7.0.tgz#5b7ec0dadfdfec0ca383dc9aa016d36b5ea4c728"
+  integrity sha512-kYA8IJcSYtST2BY9I+SMC32nDpBT3J2NvWJx8+JCuCdl/CR1I4EKUJROiP8XtCcxqgTTBGJNdbB1A8XRKbTetw==
+  dependencies:
+    jest-get-type "^29.6.3"
+    pretty-format "^29.7.0"
+
+jest-matcher-utils@^29.7.0:
+  version "29.7.0"
+  resolved "https://registry.yarnpkg.com/jest-matcher-utils/-/jest-matcher-utils-29.7.0.tgz#ae8fec79ff249fd592ce80e3ee474e83a6c44f12"
+  integrity sha512-sBkD+Xi9DtcChsI3L3u0+N0opgPYnCRPtGcQYrgXmR+hmt/fYfWAL0xRXYU8eWOdfuLgBe0YCW3AFtnRLagq/g==
   dependencies:
     chalk "^4.0.0"
-    jest-diff "^26.6.2"
-    jest-get-type "^26.3.0"
-    pretty-format "^26.6.2"
+    jest-diff "^29.7.0"
+    jest-get-type "^29.6.3"
+    pretty-format "^29.7.0"
 
-jest-message-util@^26.6.0, jest-message-util@^26.6.2:
-  version "26.6.2"
-  resolved "https://registry.yarnpkg.com/jest-message-util/-/jest-message-util-26.6.2.tgz#58173744ad6fc0506b5d21150b9be56ef001ca07"
-  integrity sha512-rGiLePzQ3AzwUshu2+Rn+UMFk0pHN58sOG+IaJbk5Jxuqo3NYO1U2/MIR4S1sKgsoYSXSzdtSa0TgrmtUwEbmA==
+jest-message-util@^29.7.0:
+  version "29.7.0"
+  resolved "https://registry.yarnpkg.com/jest-message-util/-/jest-message-util-29.7.0.tgz#8bc392e204e95dfe7564abbe72a404e28e51f7f3"
+  integrity sha512-GBEV4GRADeP+qtB2+6u61stea8mGcOT4mCtrYISZwfu9/ISHFJ/5zOMXYbpBE9RsS5+Gb63DW4FgmnKJ79Kf6w==
   dependencies:
-    "@babel/code-frame" "^7.0.0"
-    "@jest/types" "^26.6.2"
+    "@babel/code-frame" "^7.12.13"
+    "@jest/types" "^29.6.3"
     "@types/stack-utils" "^2.0.0"
     chalk "^4.0.0"
-    graceful-fs "^4.2.4"
-    micromatch "^4.0.2"
-    pretty-format "^26.6.2"
+    graceful-fs "^4.2.9"
+    micromatch "^4.0.4"
+    pretty-format "^29.7.0"
     slash "^3.0.0"
-    stack-utils "^2.0.2"
+    stack-utils "^2.0.3"
 
-jest-mock@^26.6.2:
-  version "26.6.2"
-  resolved "https://registry.yarnpkg.com/jest-mock/-/jest-mock-26.6.2.tgz#d6cb712b041ed47fe0d9b6fc3474bc6543feb302"
-  integrity sha512-YyFjePHHp1LzpzYcmgqkJ0nm0gg/lJx2aZFzFy1S6eUqNjXsOqTK10zNRff2dNfssgokjkG65OlWNcIlgd3zew==
+jest-mock@^29.7.0:
+  version "29.7.0"
+  resolved "https://registry.yarnpkg.com/jest-mock/-/jest-mock-29.7.0.tgz#4e836cf60e99c6fcfabe9f99d017f3fdd50a6347"
+  integrity sha512-ITOMZn+UkYS4ZFh83xYAOzWStloNzJFO2s8DWrE4lhtGD+AorgnbkiKERe4wQVBydIGPx059g6riW5Btp6Llnw==
   dependencies:
-    "@jest/types" "^26.6.2"
+    "@jest/types" "^29.6.3"
     "@types/node" "*"
+    jest-util "^29.7.0"
 
 jest-pnp-resolver@^1.2.2:
   version "1.2.3"
   resolved "https://registry.yarnpkg.com/jest-pnp-resolver/-/jest-pnp-resolver-1.2.3.tgz#930b1546164d4ad5937d5540e711d4d38d4cad2e"
   integrity sha512-+3NpwQEnRoIBtx4fyhblQDPgJI0H1IEIkX7ShLUjPGA7TtUTvI1oiKi3SR4oBR0hQhQR80l4WAe5RrXBwWMA8w==
 
-jest-regex-util@^26.0.0:
-  version "26.0.0"
-  resolved "https://registry.yarnpkg.com/jest-regex-util/-/jest-regex-util-26.0.0.tgz#d25e7184b36e39fd466c3bc41be0971e821fee28"
-  integrity sha512-Gv3ZIs/nA48/Zvjrl34bf+oD76JHiGDUxNOVgUjh3j890sblXryjY4rss71fPtD/njchl6PSE2hIhvyWa1eT0A==
-
-jest-resolve-dependencies@^26.6.3:
-  version "26.6.3"
-  resolved "https://registry.yarnpkg.com/jest-resolve-dependencies/-/jest-resolve-dependencies-26.6.3.tgz#6680859ee5d22ee5dcd961fe4871f59f4c784fb6"
-  integrity sha512-pVwUjJkxbhe4RY8QEWzN3vns2kqyuldKpxlxJlzEYfKSvY6/bMvxoFrYYzUO1Gx28yKWN37qyV7rIoIp2h8fTg==
-  dependencies:
-    "@jest/types" "^26.6.2"
-    jest-regex-util "^26.0.0"
-    jest-snapshot "^26.6.2"
+jest-regex-util@^29.6.3:
+  version "29.6.3"
+  resolved "https://registry.yarnpkg.com/jest-regex-util/-/jest-regex-util-29.6.3.tgz#4a556d9c776af68e1c5f48194f4d0327d24e8a52"
+  integrity sha512-KJJBsRCyyLNWCNBOvZyRDnAIfUiRJ8v+hOBQYGn8gDyF3UegwiP4gwRR3/SDa42g1YbVycTidUF3rKjyLFDWbg==
 
-jest-resolve@26.6.0:
-  version "26.6.0"
-  resolved "https://registry.yarnpkg.com/jest-resolve/-/jest-resolve-26.6.0.tgz#070fe7159af87b03e50f52ea5e17ee95bbee40e1"
-  integrity sha512-tRAz2bwraHufNp+CCmAD8ciyCpXCs1NQxB5EJAmtCFy6BN81loFEGWKzYu26Y62lAJJe4X4jg36Kf+NsQyiStQ==
+jest-resolve-dependencies@^29.7.0:
+  version "29.7.0"
+  resolved "https://registry.yarnpkg.com/jest-resolve-dependencies/-/jest-resolve-dependencies-29.7.0.tgz#1b04f2c095f37fc776ff40803dc92921b1e88428"
+  integrity sha512-un0zD/6qxJ+S0et7WxeI3H5XSe9lTBBR7bOHCHXkKR6luG5mwDDlIzVQ0V5cZCuoTgEdcdwzTghYkTWfubi+nA==
   dependencies:
-    "@jest/types" "^26.6.0"
-    chalk "^4.0.0"
-    graceful-fs "^4.2.4"
-    jest-pnp-resolver "^1.2.2"
-    jest-util "^26.6.0"
-    read-pkg-up "^7.0.1"
-    resolve "^1.17.0"
-    slash "^3.0.0"
+    jest-regex-util "^29.6.3"
+    jest-snapshot "^29.7.0"
 
-jest-resolve@^26.6.2:
-  version "26.6.2"
-  resolved "https://registry.yarnpkg.com/jest-resolve/-/jest-resolve-26.6.2.tgz#a3ab1517217f469b504f1b56603c5bb541fbb507"
-  integrity sha512-sOxsZOq25mT1wRsfHcbtkInS+Ek7Q8jCHUB0ZUTP0tc/c41QHriU/NunqMfCUWsL4H3MHpvQD4QR9kSYhS7UvQ==
+jest-resolve@^29.7.0:
+  version "29.7.0"
+  resolved "https://registry.yarnpkg.com/jest-resolve/-/jest-resolve-29.7.0.tgz#64d6a8992dd26f635ab0c01e5eef4399c6bcbc30"
+  integrity sha512-IOVhZSrg+UvVAshDSDtHyFCCBUl/Q3AAJv8iZ6ZjnZ74xzvwuzLXid9IIIPgTnY62SJjfuupMKZsZQRsCvxEgA==
   dependencies:
-    "@jest/types" "^26.6.2"
     chalk "^4.0.0"
-    graceful-fs "^4.2.4"
+    graceful-fs "^4.2.9"
+    jest-haste-map "^29.7.0"
     jest-pnp-resolver "^1.2.2"
-    jest-util "^26.6.2"
-    read-pkg-up "^7.0.1"
-    resolve "^1.18.1"
+    jest-util "^29.7.0"
+    jest-validate "^29.7.0"
+    resolve "^1.20.0"
+    resolve.exports "^2.0.0"
     slash "^3.0.0"
 
-jest-runner@^26.6.0, jest-runner@^26.6.3:
-  version "26.6.3"
-  resolved "https://registry.yarnpkg.com/jest-runner/-/jest-runner-26.6.3.tgz#2d1fed3d46e10f233fd1dbd3bfaa3fe8924be159"
-  integrity sha512-atgKpRHnaA2OvByG/HpGA4g6CSPS/1LK0jK3gATJAoptC1ojltpmVlYC3TYgdmGp+GLuhzpH30Gvs36szSL2JQ==
+jest-runner@^29.7.0:
+  version "29.7.0"
+  resolved "https://registry.yarnpkg.com/jest-runner/-/jest-runner-29.7.0.tgz#809af072d408a53dcfd2e849a4c976d3132f718e"
+  integrity sha512-fsc4N6cPCAahybGBfTRcq5wFR6fpLznMg47sY5aDpsoejOcVYFb07AHuSnR0liMcPTgBsA3ZJL6kFOjPdoNipQ==
   dependencies:
-    "@jest/console" "^26.6.2"
-    "@jest/environment" "^26.6.2"
-    "@jest/test-result" "^26.6.2"
-    "@jest/types" "^26.6.2"
+    "@jest/console" "^29.7.0"
+    "@jest/environment" "^29.7.0"
+    "@jest/test-result" "^29.7.0"
+    "@jest/transform" "^29.7.0"
+    "@jest/types" "^29.6.3"
     "@types/node" "*"
     chalk "^4.0.0"
-    emittery "^0.7.1"
-    exit "^0.1.2"
-    graceful-fs "^4.2.4"
-    jest-config "^26.6.3"
-    jest-docblock "^26.0.0"
-    jest-haste-map "^26.6.2"
-    jest-leak-detector "^26.6.2"
-    jest-message-util "^26.6.2"
-    jest-resolve "^26.6.2"
-    jest-runtime "^26.6.3"
-    jest-util "^26.6.2"
-    jest-worker "^26.6.2"
-    source-map-support "^0.5.6"
-    throat "^5.0.0"
-
-jest-runtime@^26.6.0, jest-runtime@^26.6.3:
-  version "26.6.3"
-  resolved "https://registry.yarnpkg.com/jest-runtime/-/jest-runtime-26.6.3.tgz#4f64efbcfac398331b74b4b3c82d27d401b8fa2b"
-  integrity sha512-lrzyR3N8sacTAMeonbqpnSka1dHNux2uk0qqDXVkMv2c/A3wYnvQ4EXuI013Y6+gSKSCxdaczvf4HF0mVXHRdw==
-  dependencies:
-    "@jest/console" "^26.6.2"
-    "@jest/environment" "^26.6.2"
-    "@jest/fake-timers" "^26.6.2"
-    "@jest/globals" "^26.6.2"
-    "@jest/source-map" "^26.6.2"
-    "@jest/test-result" "^26.6.2"
-    "@jest/transform" "^26.6.2"
-    "@jest/types" "^26.6.2"
-    "@types/yargs" "^15.0.0"
+    emittery "^0.13.1"
+    graceful-fs "^4.2.9"
+    jest-docblock "^29.7.0"
+    jest-environment-node "^29.7.0"
+    jest-haste-map "^29.7.0"
+    jest-leak-detector "^29.7.0"
+    jest-message-util "^29.7.0"
+    jest-resolve "^29.7.0"
+    jest-runtime "^29.7.0"
+    jest-util "^29.7.0"
+    jest-watcher "^29.7.0"
+    jest-worker "^29.7.0"
+    p-limit "^3.1.0"
+    source-map-support "0.5.13"
+
+jest-runtime@^29.7.0:
+  version "29.7.0"
+  resolved "https://registry.yarnpkg.com/jest-runtime/-/jest-runtime-29.7.0.tgz#efecb3141cf7d3767a3a0cc8f7c9990587d3d817"
+  integrity sha512-gUnLjgwdGqW7B4LvOIkbKs9WGbn+QLqRQQ9juC6HndeDiezIwhDP+mhMwHWCEcfQ5RUXa6OPnFF8BJh5xegwwQ==
+  dependencies:
+    "@jest/environment" "^29.7.0"
+    "@jest/fake-timers" "^29.7.0"
+    "@jest/globals" "^29.7.0"
+    "@jest/source-map" "^29.6.3"
+    "@jest/test-result" "^29.7.0"
+    "@jest/transform" "^29.7.0"
+    "@jest/types" "^29.6.3"
+    "@types/node" "*"
     chalk "^4.0.0"
-    cjs-module-lexer "^0.6.0"
+    cjs-module-lexer "^1.0.0"
     collect-v8-coverage "^1.0.0"
-    exit "^0.1.2"
     glob "^7.1.3"
-    graceful-fs "^4.2.4"
-    jest-config "^26.6.3"
-    jest-haste-map "^26.6.2"
-    jest-message-util "^26.6.2"
-    jest-mock "^26.6.2"
-    jest-regex-util "^26.0.0"
-    jest-resolve "^26.6.2"
-    jest-snapshot "^26.6.2"
-    jest-util "^26.6.2"
-    jest-validate "^26.6.2"
+    graceful-fs "^4.2.9"
+    jest-haste-map "^29.7.0"
+    jest-message-util "^29.7.0"
+    jest-mock "^29.7.0"
+    jest-regex-util "^29.6.3"
+    jest-resolve "^29.7.0"
+    jest-snapshot "^29.7.0"
+    jest-util "^29.7.0"
     slash "^3.0.0"
     strip-bom "^4.0.0"
-    yargs "^15.4.1"
-
-jest-serializer@^26.6.2:
-  version "26.6.2"
-  resolved "https://registry.yarnpkg.com/jest-serializer/-/jest-serializer-26.6.2.tgz#d139aafd46957d3a448f3a6cdabe2919ba0742d1"
-  integrity sha512-S5wqyz0DXnNJPd/xfIzZ5Xnp1HrJWBczg8mMfMpN78OJ5eDxXyf+Ygld9wX1DnUWbIbhM1YDY95NjR4CBXkb2g==
-  dependencies:
-    "@types/node" "*"
-    graceful-fs "^4.2.4"
 
-jest-snapshot@^26.6.0, jest-snapshot@^26.6.2:
-  version "26.6.2"
-  resolved "https://registry.yarnpkg.com/jest-snapshot/-/jest-snapshot-26.6.2.tgz#f3b0af1acb223316850bd14e1beea9837fb39c84"
-  integrity sha512-OLhxz05EzUtsAmOMzuupt1lHYXCNib0ECyuZ/PZOx9TrZcC8vL0x+DUG3TL+GLX3yHG45e6YGjIm0XwDc3q3og==
+jest-snapshot@^29.7.0:
+  version "29.7.0"
+  resolved "https://registry.yarnpkg.com/jest-snapshot/-/jest-snapshot-29.7.0.tgz#c2c574c3f51865da1bb329036778a69bf88a6be5"
+  integrity sha512-Rm0BMWtxBcioHr1/OX5YCP8Uov4riHvKPknOGs804Zg9JGZgmIBkbtlxJC/7Z4msKYVbIJtfU+tKb8xlYNfdkw==
   dependencies:
-    "@babel/types" "^7.0.0"
-    "@jest/types" "^26.6.2"
-    "@types/babel__traverse" "^7.0.4"
-    "@types/prettier" "^2.0.0"
+    "@babel/core" "^7.11.6"
+    "@babel/generator" "^7.7.2"
+    "@babel/plugin-syntax-jsx" "^7.7.2"
+    "@babel/plugin-syntax-typescript" "^7.7.2"
+    "@babel/types" "^7.3.3"
+    "@jest/expect-utils" "^29.7.0"
+    "@jest/transform" "^29.7.0"
+    "@jest/types" "^29.6.3"
+    babel-preset-current-node-syntax "^1.0.0"
     chalk "^4.0.0"
-    expect "^26.6.2"
-    graceful-fs "^4.2.4"
-    jest-diff "^26.6.2"
-    jest-get-type "^26.3.0"
-    jest-haste-map "^26.6.2"
-    jest-matcher-utils "^26.6.2"
-    jest-message-util "^26.6.2"
-    jest-resolve "^26.6.2"
+    expect "^29.7.0"
+    graceful-fs "^4.2.9"
+    jest-diff "^29.7.0"
+    jest-get-type "^29.6.3"
+    jest-matcher-utils "^29.7.0"
+    jest-message-util "^29.7.0"
+    jest-util "^29.7.0"
     natural-compare "^1.4.0"
-    pretty-format "^26.6.2"
-    semver "^7.3.2"
+    pretty-format "^29.7.0"
+    semver "^7.5.3"
 
-jest-styled-components@^7.1.1:
-  version "7.2.0"
-  resolved "https://registry.yarnpkg.com/jest-styled-components/-/jest-styled-components-7.2.0.tgz#67e768b98d3d58513341a62baca76f3e253a4deb"
-  integrity sha512-gwyyveNjvuRA0pyhbQoydXZllLZESs2VuL5fXCabzh0buHPAOUfANtW7n5YMPmdC0sH3VB7h2eUGZ23+tjvaBA==
+jest-styled-components@^7.4.0:
+  version "7.4.0"
+  resolved "https://registry.yarnpkg.com/jest-styled-components/-/jest-styled-components-7.4.0.tgz#d9f7c67ca30a077005c398329c01f6964340bda5"
+  integrity sha512-VUkStCEG3ewwBTADMT9VyrZ5Pi5oPAzufcafyK6zREFeMv0fcU2LdYFpM5RZm78IrU+Fi6DhD+NVeiurVe3LKQ==
   dependencies:
-    "@adobe/css-tools" "^4.0.1"
+    "@adobe/css-tools" "^4.4.0"
 
-jest-util@^26.6.0, jest-util@^26.6.2:
-  version "26.6.2"
-  resolved "https://registry.yarnpkg.com/jest-util/-/jest-util-26.6.2.tgz#907535dbe4d5a6cb4c47ac9b926f6af29576cbc1"
-  integrity sha512-MDW0fKfsn0OI7MS7Euz6h8HNDXVQ0gaM9uW6RjfDmd1DAFcaxX9OqIakHIqhbnmF08Cf2DLDG+ulq8YQQ0Lp0Q==
+jest-util@^29.7.0:
+  version "29.7.0"
+  resolved "https://registry.yarnpkg.com/jest-util/-/jest-util-29.7.0.tgz#23c2b62bfb22be82b44de98055802ff3710fc0bc"
+  integrity sha512-z6EbKajIpqGKU56y5KBUgy1dt1ihhQJgWzUlZHArA/+X2ad7Cb5iF+AK1EWVL/Bo7Rz9uurpqw6SiBCefUbCGA==
   dependencies:
-    "@jest/types" "^26.6.2"
+    "@jest/types" "^29.6.3"
     "@types/node" "*"
     chalk "^4.0.0"
-    graceful-fs "^4.2.4"
-    is-ci "^2.0.0"
-    micromatch "^4.0.2"
+    ci-info "^3.2.0"
+    graceful-fs "^4.2.9"
+    picomatch "^2.2.3"
 
-jest-validate@^26.6.2:
-  version "26.6.2"
-  resolved "https://registry.yarnpkg.com/jest-validate/-/jest-validate-26.6.2.tgz#23d380971587150467342911c3d7b4ac57ab20ec"
-  integrity sha512-NEYZ9Aeyj0i5rQqbq+tpIOom0YS1u2MVu6+euBsvpgIme+FOfRmoC4R5p0JiAUpaFvFy24xgrpMknarR/93XjQ==
+jest-validate@^29.7.0:
+  version "29.7.0"
+  resolved "https://registry.yarnpkg.com/jest-validate/-/jest-validate-29.7.0.tgz#7bf705511c64da591d46b15fce41400d52147d9c"
+  integrity sha512-ZB7wHqaRGVw/9hST/OuFUReG7M8vKeq0/J2egIGLdvjHCmYqGARhzXmtgi+gVeZ5uXFF219aOc3Ls2yLg27tkw==
   dependencies:
-    "@jest/types" "^26.6.2"
-    camelcase "^6.0.0"
+    "@jest/types" "^29.6.3"
+    camelcase "^6.2.0"
     chalk "^4.0.0"
-    jest-get-type "^26.3.0"
+    jest-get-type "^29.6.3"
     leven "^3.1.0"
-    pretty-format "^26.6.2"
-
-jest-watch-typeahead@0.6.1:
-  version "0.6.1"
-  resolved "https://registry.yarnpkg.com/jest-watch-typeahead/-/jest-watch-typeahead-0.6.1.tgz#45221b86bb6710b7e97baaa1640ae24a07785e63"
-  integrity sha512-ITVnHhj3Jd/QkqQcTqZfRgjfyRhDFM/auzgVo2RKvSwi18YMvh0WvXDJFoFED6c7jd/5jxtu4kSOb9PTu2cPVg==
-  dependencies:
-    ansi-escapes "^4.3.1"
-    chalk "^4.0.0"
-    jest-regex-util "^26.0.0"
-    jest-watcher "^26.3.0"
-    slash "^3.0.0"
-    string-length "^4.0.1"
-    strip-ansi "^6.0.0"
+    pretty-format "^29.7.0"
 
-jest-watcher@^26.3.0, jest-watcher@^26.6.2:
-  version "26.6.2"
-  resolved "https://registry.yarnpkg.com/jest-watcher/-/jest-watcher-26.6.2.tgz#a5b683b8f9d68dbcb1d7dae32172d2cca0592975"
-  integrity sha512-WKJob0P/Em2csiVthsI68p6aGKTIcsfjH9Gsx1f0A3Italz43e3ho0geSAVsmj09RWOELP1AZ/DXyJgOgDKxXQ==
+jest-watcher@^29.7.0:
+  version "29.7.0"
+  resolved "https://registry.yarnpkg.com/jest-watcher/-/jest-watcher-29.7.0.tgz#7810d30d619c3a62093223ce6bb359ca1b28a2f2"
+  integrity sha512-49Fg7WXkU3Vl2h6LbLtMQ/HyB6rXSIX7SqvBLQmssRBGN9I0PNvPmAmCWSOY6SOvrjhI/F7/bGAv9RtnsPA03g==
   dependencies:
-    "@jest/test-result" "^26.6.2"
-    "@jest/types" "^26.6.2"
+    "@jest/test-result" "^29.7.0"
+    "@jest/types" "^29.6.3"
     "@types/node" "*"
     ansi-escapes "^4.2.1"
     chalk "^4.0.0"
-    jest-util "^26.6.2"
+    emittery "^0.13.1"
+    jest-util "^29.7.0"
     string-length "^4.0.1"
 
-jest-worker@^24.9.0:
-  version "24.9.0"
-  resolved "https://registry.yarnpkg.com/jest-worker/-/jest-worker-24.9.0.tgz#5dbfdb5b2d322e98567898238a9697bcce67b3e5"
-  integrity sha512-51PE4haMSXcHohnSMdM42anbvZANYTqMrr52tVKPqqsPJMzoP6FYYDVqahX/HrAoKEKz3uUPzSvKs9A3qR4iVw==
-  dependencies:
-    merge-stream "^2.0.0"
-    supports-color "^6.1.0"
-
-jest-worker@^26.5.0, jest-worker@^26.6.2:
-  version "26.6.2"
-  resolved "https://registry.yarnpkg.com/jest-worker/-/jest-worker-26.6.2.tgz#7f72cbc4d643c365e27b9fd775f9d0eaa9c7a8ed"
-  integrity sha512-KWYVV1c4i+jbMpaBC+U++4Va0cp8OisU185o73T1vo99hqi7w8tSJfUXYswwqqrjzwxa6KpRK54WhPvwf5w6PQ==
-  dependencies:
-    "@types/node" "*"
-    merge-stream "^2.0.0"
-    supports-color "^7.0.0"
-
-jest-worker@^27.5.1:
-  version "27.5.1"
-  resolved "https://registry.yarnpkg.com/jest-worker/-/jest-worker-27.5.1.tgz#8d146f0900e8973b106b6f73cc1e9a8cb86f8db0"
-  integrity sha512-7vuh85V5cdDofPyxn58nrPjBktZo0u9x1g8WtjQol+jZDaE+fhN+cIvTj11GndBnMnyfrUOG1sZQxCdjKh+DKg==
+jest-worker@^29.7.0:
+  version "29.7.0"
+  resolved "https://registry.yarnpkg.com/jest-worker/-/jest-worker-29.7.0.tgz#acad073acbbaeb7262bd5389e1bcf43e10058d4a"
+  integrity sha512-eIz2msL/EzL9UFTFFx7jBTkeZfku0yUAyZZZmJ93H2TYEiroIx2PQjEXcwYtYl8zXCxb+PAmA2hLIt/6ZEkPHw==
   dependencies:
     "@types/node" "*"
+    jest-util "^29.7.0"
     merge-stream "^2.0.0"
     supports-color "^8.0.0"
 
-jest@26.6.0:
-  version "26.6.0"
-  resolved "https://registry.yarnpkg.com/jest/-/jest-26.6.0.tgz#546b25a1d8c888569dbbe93cae131748086a4a25"
-  integrity sha512-jxTmrvuecVISvKFFhOkjsWRZV7sFqdSUAd1ajOKY+/QE/aLBVstsJ/dX8GczLzwiT6ZEwwmZqtCUHLHHQVzcfA==
+jest@^29.7.0:
+  version "29.7.0"
+  resolved "https://registry.yarnpkg.com/jest/-/jest-29.7.0.tgz#994676fc24177f088f1c5e3737f5697204ff2613"
+  integrity sha512-NIy3oAFp9shda19hy4HK0HRTWKtPJmGdnvywu01nOqNC2vZg+Z+fvJDxpMQA88eb2I9EcafcdjYgsDthnYTvGw==
   dependencies:
-    "@jest/core" "^26.6.0"
+    "@jest/core" "^29.7.0"
+    "@jest/types" "^29.6.3"
     import-local "^3.0.2"
-    jest-cli "^26.6.0"
+    jest-cli "^29.7.0"
 
-jest@^26.1.0:
-  version "26.6.3"
-  resolved "https://registry.yarnpkg.com/jest/-/jest-26.6.3.tgz#40e8fdbe48f00dfa1f0ce8121ca74b88ac9148ef"
-  integrity sha512-lGS5PXGAzR4RF7V5+XObhqz2KZIDUA1yD0DG6pBVmy10eh0ZIXQImRuzocsI/N2XZ1GrLFwTS27In2i2jlpq1Q==
-  dependencies:
-    "@jest/core" "^26.6.3"
-    import-local "^3.0.2"
-    jest-cli "^26.6.3"
+jju@~1.4.0:
+  version "1.4.0"
+  resolved "https://registry.yarnpkg.com/jju/-/jju-1.4.0.tgz#a3abe2718af241a2b2904f84a625970f389ae32a"
+  integrity sha512-8wb9Yw966OSxApiCt0K3yNJL8pnNeIv+OEq2YMidz4FKP6nonSRoOXc80iXY4JaN2FC11B9qsNmDsm+ZOfMROA==
 
 jkroso-type@1:
   version "1.1.1"
   resolved "https://registry.yarnpkg.com/jkroso-type/-/jkroso-type-1.1.1.tgz#bc4ced6d6c45fe0745282bafc86a9f8c4fc9ce61"
   integrity sha512-zZgay+fPG6PgMUrpyFADmQmvLo39+AZa7Gc5pZhev2RhDxwANEq2etwD8d0e6rTg5NkwOIlQmaEmns3draC6Ng==
 
-joi@^17.11.0:
-  version "17.11.0"
-  resolved "https://registry.yarnpkg.com/joi/-/joi-17.11.0.tgz#aa9da753578ec7720e6f0ca2c7046996ed04fc1a"
-  integrity sha512-NgB+lZLNoqISVy1rZocE9PZI36bL/77ie924Ri43yEvi9GUUMPeyVIr8KdFTMUlby1p0PBYMk9spIxEUQYqrJQ==
-  dependencies:
-    "@hapi/hoek" "^9.0.0"
-    "@hapi/topo" "^5.0.0"
-    "@sideway/address" "^4.1.3"
-    "@sideway/formula" "^3.0.1"
-    "@sideway/pinpoint" "^2.0.0"
-
 "js-tokens@^3.0.0 || ^4.0.0", js-tokens@^4.0.0:
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/js-tokens/-/js-tokens-4.0.0.tgz#19203fb59991df98e3a287050d4647cdeaf32499"
@@ -8906,44 +6014,48 @@ jsbn@~0.1.0:
   resolved "https://registry.yarnpkg.com/jsbn/-/jsbn-0.1.1.tgz#a5e654c2e5a2deb5f201d96cefbca80c0ef2f513"
   integrity sha512-UVU9dibq2JcFWxQPA6KCqj5O42VOmAY3zQUfEKxU0KpTGXwNoCjkX1e13eHNvw/xPynt6pU0rZ1htjWTNTSXsg==
 
-jsdom@^16.4.0:
-  version "16.7.0"
-  resolved "https://registry.yarnpkg.com/jsdom/-/jsdom-16.7.0.tgz#918ae71965424b197c819f8183a754e18977b710"
-  integrity sha512-u9Smc2G1USStM+s/x1ru5Sxrl6mPYCbByG1U/hUmqaVsm4tbNyS7CicOSRyuGQYZhTu0h84qkZZQ/I+dzizSVw==
+jsdom@^20.0.0:
+  version "20.0.3"
+  resolved "https://registry.yarnpkg.com/jsdom/-/jsdom-20.0.3.tgz#886a41ba1d4726f67a8858028c99489fed6ad4db"
+  integrity sha512-SYhBvTh89tTfCD/CRdSOm13mOBa42iTaTyfyEWBdKcGdPxPtLFBXuHR8XHb33YNYaP+lLbmSvBTsnoesCNJEsQ==
   dependencies:
-    abab "^2.0.5"
-    acorn "^8.2.4"
-    acorn-globals "^6.0.0"
-    cssom "^0.4.4"
+    abab "^2.0.6"
+    acorn "^8.8.1"
+    acorn-globals "^7.0.0"
+    cssom "^0.5.0"
     cssstyle "^2.3.0"
-    data-urls "^2.0.0"
-    decimal.js "^10.2.1"
-    domexception "^2.0.1"
+    data-urls "^3.0.2"
+    decimal.js "^10.4.2"
+    domexception "^4.0.0"
     escodegen "^2.0.0"
-    form-data "^3.0.0"
-    html-encoding-sniffer "^2.0.1"
-    http-proxy-agent "^4.0.1"
-    https-proxy-agent "^5.0.0"
+    form-data "^4.0.0"
+    html-encoding-sniffer "^3.0.0"
+    http-proxy-agent "^5.0.0"
+    https-proxy-agent "^5.0.1"
     is-potential-custom-element-name "^1.0.1"
-    nwsapi "^2.2.0"
-    parse5 "6.0.1"
-    saxes "^5.0.1"
+    nwsapi "^2.2.2"
+    parse5 "^7.1.1"
+    saxes "^6.0.0"
     symbol-tree "^3.2.4"
-    tough-cookie "^4.0.0"
-    w3c-hr-time "^1.0.2"
-    w3c-xmlserializer "^2.0.0"
-    webidl-conversions "^6.1.0"
-    whatwg-encoding "^1.0.5"
-    whatwg-mimetype "^2.3.0"
-    whatwg-url "^8.5.0"
-    ws "^7.4.6"
-    xml-name-validator "^3.0.0"
+    tough-cookie "^4.1.2"
+    w3c-xmlserializer "^4.0.0"
+    webidl-conversions "^7.0.0"
+    whatwg-encoding "^2.0.0"
+    whatwg-mimetype "^3.0.0"
+    whatwg-url "^11.0.0"
+    ws "^8.11.0"
+    xml-name-validator "^4.0.0"
 
 jsesc@^2.5.1:
   version "2.5.2"
   resolved "https://registry.yarnpkg.com/jsesc/-/jsesc-2.5.2.tgz#80564d2e483dacf6e8ef209650a67df3f0c283a4"
   integrity sha512-OYu7XEzjkCQ3C5Ps3QIZsQfNpqoJyZZA99wd9aWd05NCtC5pWOkShK2mkL6HXQR6/Cy2lbNdPlZBpuQHXE63gA==
 
+jsesc@^3.0.2, jsesc@~3.1.0:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/jsesc/-/jsesc-3.1.0.tgz#74d335a234f67ed19907fdadfac7ccf9d409825d"
+  integrity sha512-/sM3dO2FOzXjKQhJuo0Q173wf2KOo8t4I8vHy6lF9poUp7bKT0/NHE8fPX23PwfhnykfqnC2xRxOnVw5XuGIaA==
+
 jsesc@~0.5.0:
   version "0.5.0"
   resolved "https://registry.yarnpkg.com/jsesc/-/jsesc-0.5.0.tgz#e7dee66e35d6fc16f710fe91d5cf69f70f08911d"
@@ -8954,7 +6066,7 @@ json-buffer@3.0.1:
   resolved "https://registry.yarnpkg.com/json-buffer/-/json-buffer-3.0.1.tgz#9338802a30d3b6605fbe0613e094008ca8c05a13"
   integrity sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==
 
-json-parse-better-errors@^1.0.1, json-parse-better-errors@^1.0.2:
+json-parse-better-errors@^1.0.1:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/json-parse-better-errors/-/json-parse-better-errors-1.0.2.tgz#bb867cfb3450e69107c131d1c514bab3dc8bcaa9"
   integrity sha512-mrqyZKfX5EhL7hvqcV6WG1yYjnjeuYDzDhhcAAUrq8Po85NBQBJP+ZDUT75qZQ98IkUoBqdkExkukOU7Ts2wrw==
@@ -9001,18 +6113,11 @@ json5@^1.0.2:
   dependencies:
     minimist "^1.2.0"
 
-json5@^2.1.2, json5@^2.2.3:
+json5@^2.2.3:
   version "2.2.3"
   resolved "https://registry.yarnpkg.com/json5/-/json5-2.2.3.tgz#78cd6f1a19bdc12b73db5ad0c61efd66c1e29283"
   integrity sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==
 
-jsonfile@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/jsonfile/-/jsonfile-4.0.0.tgz#8771aae0799b64076b76640fca058f9c10e33ecb"
-  integrity sha512-m6F1R3z8jjlf2imQHS2Qez5sjKWQzbuuhuJ/FKYFRZvPE3PuHcSMVZzfsLhGVOkfd20obL5SWEBew5ShlquNxg==
-  optionalDependencies:
-    graceful-fs "^4.1.6"
-
 jsonfile@^6.0.1:
   version "6.1.0"
   resolved "https://registry.yarnpkg.com/jsonfile/-/jsonfile-6.1.0.tgz#bc55b2634793c679ec6403094eb13698a6ec0aae"
@@ -9027,15 +6132,6 @@ jsonparse@^1.2.0, jsonparse@^1.3.1:
   resolved "https://registry.yarnpkg.com/jsonparse/-/jsonparse-1.3.1.tgz#3f4dae4a91fac315f71062f8521cc239f1366280"
   integrity sha512-POQXvpdL69+CluYsillJ7SUhKvytYjW9vG/GKpnf+xP8UWgYEM/RaMzHHofbALDiKbbP1W8UEYmgGl39WkPZsg==
 
-jsonpath@^1.1.1:
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/jsonpath/-/jsonpath-1.1.1.tgz#0ca1ed8fb65bb3309248cc9d5466d12d5b0b9901"
-  integrity sha512-l6Cg7jRpixfbgoWgkrl77dgEj8RPvND0wMH6TwQmi9Qs4TFfS9u5cUFnbeKTwj5ga5Y3BTGGNI28k117LJ009w==
-  dependencies:
-    esprima "1.2.2"
-    static-eval "2.0.2"
-    underscore "1.12.1"
-
 jsprim@^1.2.2:
   version "1.4.2"
   resolved "https://registry.yarnpkg.com/jsprim/-/jsprim-1.4.2.tgz#712c65533a15c878ba59e9ed5f0e26d5b77c5feb"
@@ -9046,68 +6142,6 @@ jsprim@^1.2.2:
     json-schema "0.4.0"
     verror "1.10.0"
 
-jss-plugin-camel-case@^10.0.0:
-  version "10.10.0"
-  resolved "https://registry.yarnpkg.com/jss-plugin-camel-case/-/jss-plugin-camel-case-10.10.0.tgz#27ea159bab67eb4837fa0260204eb7925d4daa1c"
-  integrity sha512-z+HETfj5IYgFxh1wJnUAU8jByI48ED+v0fuTuhKrPR+pRBYS2EDwbusU8aFOpCdYhtRc9zhN+PJ7iNE8pAWyPw==
-  dependencies:
-    "@babel/runtime" "^7.3.1"
-    hyphenate-style-name "^1.0.3"
-    jss "10.10.0"
-
-jss-plugin-compose@^10.0.0:
-  version "10.10.0"
-  resolved "https://registry.yarnpkg.com/jss-plugin-compose/-/jss-plugin-compose-10.10.0.tgz#00d7a79adf7fcfe4927a792febdf0deceb0a7cd2"
-  integrity sha512-F5kgtWpI2XfZ3Z8eP78tZEYFdgTIbpA/TMuX3a8vwrNolYtN1N4qJR/Ob0LAsqIwCMLojtxN7c7Oo/+Vz6THow==
-  dependencies:
-    "@babel/runtime" "^7.3.1"
-    jss "10.10.0"
-    tiny-warning "^1.0.2"
-
-jss-plugin-default-unit@^10.0.0:
-  version "10.10.0"
-  resolved "https://registry.yarnpkg.com/jss-plugin-default-unit/-/jss-plugin-default-unit-10.10.0.tgz#db3925cf6a07f8e1dd459549d9c8aadff9804293"
-  integrity sha512-SvpajxIECi4JDUbGLefvNckmI+c2VWmP43qnEy/0eiwzRUsafg5DVSIWSzZe4d2vFX1u9nRDP46WCFV/PXVBGQ==
-  dependencies:
-    "@babel/runtime" "^7.3.1"
-    jss "10.10.0"
-
-jss-plugin-global@^10.0.0:
-  version "10.10.0"
-  resolved "https://registry.yarnpkg.com/jss-plugin-global/-/jss-plugin-global-10.10.0.tgz#1c55d3c35821fab67a538a38918292fc9c567efd"
-  integrity sha512-icXEYbMufiNuWfuazLeN+BNJO16Ge88OcXU5ZDC2vLqElmMybA31Wi7lZ3lf+vgufRocvPj8443irhYRgWxP+A==
-  dependencies:
-    "@babel/runtime" "^7.3.1"
-    jss "10.10.0"
-
-jss-plugin-isolate@^10.0.0:
-  version "10.10.0"
-  resolved "https://registry.yarnpkg.com/jss-plugin-isolate/-/jss-plugin-isolate-10.10.0.tgz#9afaf7995035e2c38e161c13246c537a6efc9c4a"
-  integrity sha512-ZDbx1k/lmO10cFy+iLBDX2jwsz2kR09Vw0iLJOg9q5dMBe3kK7xKdLlousUtivY6oi617kvwcsqzENF8nv5p3w==
-  dependencies:
-    "@babel/runtime" "^7.3.1"
-    css-initials "^0.3.1"
-    jss "10.10.0"
-
-jss-plugin-nested@^10.0.0:
-  version "10.10.0"
-  resolved "https://registry.yarnpkg.com/jss-plugin-nested/-/jss-plugin-nested-10.10.0.tgz#db872ed8925688806e77f1fc87f6e62264513219"
-  integrity sha512-9R4JHxxGgiZhurDo3q7LdIiDEgtA1bTGzAbhSPyIOWb7ZubrjQe8acwhEQ6OEKydzpl8XHMtTnEwHXCARLYqYA==
-  dependencies:
-    "@babel/runtime" "^7.3.1"
-    jss "10.10.0"
-    tiny-warning "^1.0.2"
-
-jss@10.10.0, jss@^10.0.0:
-  version "10.10.0"
-  resolved "https://registry.yarnpkg.com/jss/-/jss-10.10.0.tgz#a75cc85b0108c7ac8c7b7d296c520a3e4fbc6ccc"
-  integrity sha512-cqsOTS7jqPsPMjtKYDUpdFC0AbhYFLTcuGRqymgmdJIeQ8cH7+AgX7YSgQy79wXloZq2VvATYxUOUQEvS1V/Zw==
-  dependencies:
-    "@babel/runtime" "^7.3.1"
-    csstype "^3.0.2"
-    is-in-browser "^1.1.3"
-    tiny-warning "^1.0.2"
-
 "jsx-ast-utils@^2.4.1 || ^3.0.0", jsx-ast-utils@^3.3.5:
   version "3.3.5"
   resolved "https://registry.yarnpkg.com/jsx-ast-utils/-/jsx-ast-utils-3.3.5.tgz#4766bd05a8e2a11af222becd19e15575e52a853a"
@@ -9135,26 +6169,7 @@ keyv@^4.5.3:
   dependencies:
     json-buffer "3.0.1"
 
-killable@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/killable/-/killable-1.0.1.tgz#4c8ce441187a061c7474fb87ca08e2a638194892"
-  integrity sha512-LzqtLKlUwirEUyl/nicirVmNiPvYs7l5n8wOPP7fyJVpUPkvCnW/vuiXGpylGUlnPDnB7311rARzAt3Mhswpjg==
-
-kind-of@^3.0.2, kind-of@^3.0.3:
-  version "3.2.2"
-  resolved "https://registry.yarnpkg.com/kind-of/-/kind-of-3.2.2.tgz#31ea21a734bab9bbb0f32466d893aea51e4a3c64"
-  integrity sha512-NOW9QQXMoZGg/oqnVNoNTTIFEIid1627WCffUBJEdMxYApq7mNE7CpzucIPc+ZQg25Phej7IJSmX3hO+oblOtQ==
-  dependencies:
-    is-buffer "^1.1.5"
-
-kind-of@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/kind-of/-/kind-of-4.0.0.tgz#20813df3d712928b207378691a45066fae72dd57"
-  integrity sha512-24XsCxmEbRwEDbz/qz3stgin8TTzZ1ESR56OMCN0ujYg+vRutNSiOj9bHH9u85DKgXguraugV5sFuvbD4FW/hw==
-  dependencies:
-    is-buffer "^1.1.5"
-
-kind-of@^6.0.2, kind-of@^6.0.3:
+kind-of@^6.0.3:
   version "6.0.3"
   resolved "https://registry.yarnpkg.com/kind-of/-/kind-of-6.0.3.tgz#07c05034a6c349fa06e24fa35aa76db4580ce4dd"
   integrity sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==
@@ -9164,10 +6179,10 @@ kleur@^3.0.3:
   resolved "https://registry.yarnpkg.com/kleur/-/kleur-3.0.3.tgz#a79c9ecc86ee1ce3fa6206d1216c501f147fc07e"
   integrity sha512-eTIzlVOSUR+JxdDFepEYcBMtZ9Qqdef+rnzWdRZuMbOywu5tO2w2N7rqjoANZ5k9vywhL6Br1VRjUIgTQx4E8w==
 
-klona@^2.0.4:
-  version "2.0.6"
-  resolved "https://registry.yarnpkg.com/klona/-/klona-2.0.6.tgz#85bffbf819c03b2f53270412420a4555ef882e22"
-  integrity sha512-dhG34DXATL5hSxJbIexCft8FChFXtmskoZYnoPWjXQuebWYCNkVeV3KkGegCK9CP1oswI/vQibS2GY7Em/sJJA==
+kolorist@^1.8.0:
+  version "1.8.0"
+  resolved "https://registry.yarnpkg.com/kolorist/-/kolorist-1.8.0.tgz#edddbbbc7894bc13302cdf740af6374d4a04743c"
+  integrity sha512-Y+60/zizpJ3HRH8DCss+q95yr6145JXZo46OTpFvDZWLfRCE4qChOyk1b26nMaNpfHHgxagk9dXT5OP0Tfe+dQ==
 
 language-subtag-registry@^0.3.20:
   version "0.3.22"
@@ -9181,19 +6196,6 @@ language-tags@^1.0.9:
   dependencies:
     language-subtag-registry "^0.3.20"
 
-last-call-webpack-plugin@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/last-call-webpack-plugin/-/last-call-webpack-plugin-3.0.0.tgz#9742df0e10e3cf46e5c0381c2de90d3a7a2d7555"
-  integrity sha512-7KI2l2GIZa9p2spzPIVZBYyNKkN+e/SQPpnjlTiPhdbDW3F86tdKKELxKpzJ5sgU19wQWsACULZmpTPYHeWO5w==
-  dependencies:
-    lodash "^4.17.5"
-    webpack-sources "^1.1.0"
-
-lazy-ass@1.6.0:
-  version "1.6.0"
-  resolved "https://registry.yarnpkg.com/lazy-ass/-/lazy-ass-1.6.0.tgz#7999655e8646c17f089fdd187d150d3324d54513"
-  integrity sha512-cc8oEVoctTvsFZ/Oje/kGnHbpWHYBe8IAJe4C0QNc3t8uM/0Y8+erSz/7Y1ALuXTEZTMvxXwO6YbX1ey3ujiZw==
-
 lazysizes@^5.3.2:
   version "5.3.2"
   resolved "https://registry.yarnpkg.com/lazysizes/-/lazysizes-5.3.2.tgz#27f974c26f5fcc33e7db765c0f4930488c8a2984"
@@ -9212,14 +6214,6 @@ levn@^0.4.1:
     prelude-ls "^1.2.1"
     type-check "~0.4.0"
 
-levn@~0.3.0:
-  version "0.3.0"
-  resolved "https://registry.yarnpkg.com/levn/-/levn-0.3.0.tgz#3b09924edf9f083c0490fdd4c0bc4421e04764ee"
-  integrity sha512-0OO4y2iOHix2W6ujICbKIaEQXvFQHue65vUG3pb5EUomzPI90z9hsA1VsO/dbIIpC53J8gxM9Q4Oho0jrCM/yA==
-  dependencies:
-    prelude-ls "~1.1.2"
-    type-check "~0.3.2"
-
 libnpmaccess@^4.0.2:
   version "4.0.3"
   resolved "https://registry.yarnpkg.com/libnpmaccess/-/libnpmaccess-4.0.3.tgz#dfb0e5b0a53c315a2610d300e46b4ddeb66e7eec"
@@ -9335,11 +6329,6 @@ lines-and-columns@^1.1.6:
   resolved "https://registry.yarnpkg.com/lines-and-columns/-/lines-and-columns-1.2.4.tgz#eca284f75d2965079309dc0ad9255abb2ebc1632"
   integrity sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==
 
-listify@^1.0.0:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/listify/-/listify-1.0.3.tgz#a9335ac351c3d1aea515494ed746976eeb92248b"
-  integrity sha512-083swF7iH7bx8666zdzBColpgEuy46HjN3r1isD4zV6Ix7FuHfb/2/WVnl4CH8hjuoWeFF7P5KkKNXUnJCFEJg==
-
 load-json-file@^4.0.0:
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/load-json-file/-/load-json-file-4.0.0.tgz#2f5f45ab91e33216234fd53adab668eb4ec0993b"
@@ -9355,19 +6344,14 @@ load-script@^1.0.0:
   resolved "https://registry.yarnpkg.com/load-script/-/load-script-1.0.0.tgz#0491939e0bee5643ee494a7e3da3d2bac70c6ca4"
   integrity sha512-kPEjMFtZvwL9TaZo0uZ2ml+Ye9HUMmPwbYRJ324qF9tqMejwykJ5ggTyvzmrbBeapCAbk98BSbTeovHEEP1uCA==
 
-loader-runner@^2.4.0:
-  version "2.4.0"
-  resolved "https://registry.yarnpkg.com/loader-runner/-/loader-runner-2.4.0.tgz#ed47066bfe534d7e84c4c7b9998c2a75607d9357"
-  integrity sha512-Jsmr89RcXGIwivFY21FcRrisYZfvLMTWx5kOLc+JTxtpBOG6xML0vzbc6SEQG2FO9/4Fc3wW4LVcB5DmGflaRw==
-
-loader-utils@2.0.0, loader-utils@2.0.3, loader-utils@^1.1.0, loader-utils@^1.2.3, loader-utils@^1.4.0, loader-utils@^2.0.0, loader-utils@^3.2.0:
-  version "2.0.3"
-  resolved "https://registry.yarnpkg.com/loader-utils/-/loader-utils-2.0.3.tgz#d4b15b8504c63d1fc3f2ade52d41bc8459d6ede1"
-  integrity sha512-THWqIsn8QRnvLl0shHYVBN9syumU8pYWEHPTmkiVGd+7K5eFNVSY6AJhRvgGF70gg1Dz+l/k8WicvFCxdEs60A==
+local-pkg@^1.0.0:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/local-pkg/-/local-pkg-1.1.2.tgz#c03d208787126445303f8161619dc701afa4abb5"
+  integrity sha512-arhlxbFRmoQHl33a0Zkle/YWlmNwoyt6QNZEIJcqNbdrsix5Lvc4HyyI3EnwxTYlZYc32EbYrQ8SzEZ7dqgg9A==
   dependencies:
-    big.js "^5.2.2"
-    emojis-list "^3.0.0"
-    json5 "^2.1.2"
+    mlly "^1.7.4"
+    pkg-types "^2.3.0"
+    quansync "^0.2.11"
 
 locate-path@^2.0.0:
   version "2.0.0"
@@ -9377,14 +6361,6 @@ locate-path@^2.0.0:
     p-locate "^2.0.0"
     path-exists "^3.0.0"
 
-locate-path@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/locate-path/-/locate-path-3.0.0.tgz#dbec3b3ab759758071b58fe59fc41871af21400e"
-  integrity sha512-7AO748wWnIhNqAuaty2ZWHkQHRSNfPVIsPIfwEOWO22AmaoVrWavlOcMR5nzTLNYvp36X220/maaRsrec1G65A==
-  dependencies:
-    p-locate "^3.0.0"
-    path-exists "^3.0.0"
-
 locate-path@^5.0.0:
   version "5.0.0"
   resolved "https://registry.yarnpkg.com/locate-path/-/locate-path-5.0.0.tgz#1afba396afd676a6d42504d0a67a3a7eb9f62aa0"
@@ -9392,18 +6368,6 @@ locate-path@^5.0.0:
   dependencies:
     p-locate "^4.1.0"
 
-locate-path@^6.0.0:
-  version "6.0.0"
-  resolved "https://registry.yarnpkg.com/locate-path/-/locate-path-6.0.0.tgz#55321eb309febbc59c4801d931a72452a681d286"
-  integrity sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==
-  dependencies:
-    p-locate "^5.0.0"
-
-lodash._reinterpolate@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/lodash._reinterpolate/-/lodash._reinterpolate-3.0.0.tgz#0ccf2d89166af03b3663c796538b75ac6e114d9d"
-  integrity sha512-xYHt68QRoYGjeeM/XOE1uJtvXQAgvszfBhjV4yvsQH0u2i9I6cI6c6/eG4Hh3UAOVn0y/xAXwmTzEay49Q//HA==
-
 lodash.capitalize@^4.2.1:
   version "4.2.1"
   resolved "https://registry.yarnpkg.com/lodash.capitalize/-/lodash.capitalize-4.2.1.tgz#f826c9b4e2a8511d84e3aca29db05e1a4f3b72a9"
@@ -9434,67 +6398,35 @@ lodash.isstring@^4.0.1:
   resolved "https://registry.yarnpkg.com/lodash.isstring/-/lodash.isstring-4.0.1.tgz#d527dfb5456eca7cc9bb95d5daeaf88ba54a5451"
   integrity sha512-0wJxfxH1wgO3GrbuP+dTTk7op+6L41QCXbGINEmD+ny/G/eCqGzxyCsh7159S+mgDDcoarnBw6PC1PS5+wUGgw==
 
-lodash.memoize@^4.1.2:
-  version "4.1.2"
-  resolved "https://registry.yarnpkg.com/lodash.memoize/-/lodash.memoize-4.1.2.tgz#bcc6c49a42a2840ed997f323eada5ecd182e0bfe"
-  integrity sha512-t7j+NzmgnQzTAYXcsHYLgimltOV1MXHtlOWf6GjL9Kj8GK5FInw5JotxvbOs+IvV1/Dzo04/fCGfLVs7aXb4Ag==
-
 lodash.merge@^4.6.2:
   version "4.6.2"
   resolved "https://registry.yarnpkg.com/lodash.merge/-/lodash.merge-4.6.2.tgz#558aa53b43b661e1925a0afdfa36a9a1085fe57a"
   integrity sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==
 
-lodash.template@^4.5.0:
-  version "4.5.0"
-  resolved "https://registry.yarnpkg.com/lodash.template/-/lodash.template-4.5.0.tgz#f976195cf3f347d0d5f52483569fe8031ccce8ab"
-  integrity sha512-84vYFxIkmidUiFxidA/KjjH9pAycqW+h980j7Fuz5qxRtO9pgB7MDFTdys1N7A5mcucRiDyEq4fusljItR1T/A==
-  dependencies:
-    lodash._reinterpolate "^3.0.0"
-    lodash.templatesettings "^4.0.0"
-
-lodash.templatesettings@^4.0.0:
-  version "4.2.0"
-  resolved "https://registry.yarnpkg.com/lodash.templatesettings/-/lodash.templatesettings-4.2.0.tgz#e481310f049d3cf6d47e912ad09313b154f0fb33"
-  integrity sha512-stgLz+i3Aa9mZgnjr/O+v9ruKZsPsndy7qPZOchbqk2cnTU1ZaldKK+v7m54WoKIyxiuMZTKT2H81F8BeAc3ZQ==
-  dependencies:
-    lodash._reinterpolate "^3.0.0"
-
 lodash.truncate@^4.4.2:
   version "4.4.2"
   resolved "https://registry.yarnpkg.com/lodash.truncate/-/lodash.truncate-4.4.2.tgz#5a350da0b1113b837ecfffd5812cbe58d6eae193"
   integrity sha512-jttmRe7bRse52OsWIMDLaXxWqRAmtIUccAQ3garviCqJjafXOfNMO0yMfNpdD6zbGaTU0P5Nz7e7gAT6cKmJRw==
 
-lodash.uniq@^4.5.0:
-  version "4.5.0"
-  resolved "https://registry.yarnpkg.com/lodash.uniq/-/lodash.uniq-4.5.0.tgz#d0225373aeb652adc1bc82e4945339a842754773"
-  integrity sha512-xfBaXQd9ryd9dlSDvnvI0lvxfLJlYAZzXomUYzLKtUeOQvOP5piqAWuGtrhWeqaXK9hhoM/iyJc5AV+XfsX3HQ==
-
 lodash.uniqby@^4.7.0:
   version "4.7.0"
   resolved "https://registry.yarnpkg.com/lodash.uniqby/-/lodash.uniqby-4.7.0.tgz#d99c07a669e9e6d24e1362dfe266c67616af1302"
   integrity sha512-e/zcLx6CSbmaEgFHCA7BnoQKyCtKMxnuWrJygbwPs/AIn+IMKl66L8/s+wBUn5LRw2pZx3bUHibiV1b6aTWIww==
 
-"lodash@>=3.5 <5", lodash@^4.17.11, lodash@^4.17.14, lodash@^4.17.15, lodash@^4.17.19, lodash@^4.17.20, lodash@^4.17.21, lodash@^4.17.4, lodash@^4.17.5, lodash@^4.7.0:
+lodash@^4.17.15, lodash@^4.17.21, lodash@^4.17.4:
   version "4.17.21"
   resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.21.tgz#679591c564c3bffaae8454cf0b3df370c3d6911c"
   integrity sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==
 
-log-symbols@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/log-symbols/-/log-symbols-3.0.0.tgz#f3a08516a5dea893336a7dee14d18a1cfdab77c4"
-  integrity sha512-dSkNGuI7iG3mfvDzUuYZyvk5dD9ocYCYzNU6CYDE6+Xqd+gwme6Z00NS3dUh8mq/73HaEtT7m6W+yUPtU6BZnQ==
-  dependencies:
-    chalk "^2.4.2"
-
-loglevel@^1.6.8:
-  version "1.8.1"
-  resolved "https://registry.yarnpkg.com/loglevel/-/loglevel-1.8.1.tgz#5c621f83d5b48c54ae93b6156353f555963377b4"
-  integrity sha512-tCRIJM51SHjAayKwC+QAg8hT8vg6z7GSgLJKGvzuPb1Wc+hLzqtuVLxp6/HzSPOozuK+8ErAhy7U/sVzw8Dgfg==
+lodash@~4.18.1:
+  version "4.18.1"
+  resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.18.1.tgz#ff2b66c1f6326d59513de2407bf881439812771c"
+  integrity sha512-dMInicTPVE8d1e5otfwmmjlxkZoUpiVLwyeTdUsi/Caj/gfzzblBcCE5sRHV/AsjuCmxWrte2TNGSYuCeCq+0Q==
 
-longest-streak@^2.0.0:
-  version "2.0.4"
-  resolved "https://registry.yarnpkg.com/longest-streak/-/longest-streak-2.0.4.tgz#b8599957da5b5dab64dee3fe316fa774597d90e4"
-  integrity sha512-vM6rUVCVUJJt33bnmHiZEvr7wPT78ztX7rojL+LW51bHtLh6HTjx84LA5W4+oa6aKEJA7jJu5LR6vQRBpA5DVg==
+longest-streak@^3.0.0:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/longest-streak/-/longest-streak-3.1.0.tgz#62fa67cd958742a1574af9f39866364102d90cd4"
+  integrity sha512-9Ri+o0JYgehTaVBBDoMqIl8GXtbWg711O3srftcHhZ0dqnETqLaoIK0x17fUw9rFSlK/0NlsKe0Ahhyl5pXE2g==
 
 loose-envify@^1.0.0, loose-envify@^1.1.0, loose-envify@^1.4.0:
   version "1.4.0"
@@ -9503,18 +6435,6 @@ loose-envify@^1.0.0, loose-envify@^1.1.0, loose-envify@^1.4.0:
   dependencies:
     js-tokens "^3.0.0 || ^4.0.0"
 
-lower-case@^2.0.2:
-  version "2.0.2"
-  resolved "https://registry.yarnpkg.com/lower-case/-/lower-case-2.0.2.tgz#6fa237c63dbdc4a82ca0fd882e4722dc5e634e28"
-  integrity sha512-7fm3l3NAF9WfN6W3JOmf5drwpVqX78JtoGJ3A6W0a6ZnldM41w2fV5D490psKFTpMds8TJse/eHLFFsNHHjHgg==
-  dependencies:
-    tslib "^2.0.3"
-
-lowercase-keys@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/lowercase-keys/-/lowercase-keys-2.0.0.tgz#2603e78b7b4b0006cbca2fbcc8a3202558ac9479"
-  integrity sha512-tqNXrS78oMOE73NMxK4EMLQsQowWf8jKooH9g7xPavRT706R6bkQJ6DY2Te7QukaZsulxa30wQ7bk0pm4XiHmA==
-
 lru-cache@^5.1.1:
   version "5.1.1"
   resolved "https://registry.yarnpkg.com/lru-cache/-/lru-cache-5.1.1.tgz#1da27e6710271947695daf6848e847f01d84b920"
@@ -9529,27 +6449,12 @@ lru-cache@^6.0.0:
   dependencies:
     yallist "^4.0.0"
 
-magic-string@^0.25.0, magic-string@^0.25.7:
-  version "0.25.9"
-  resolved "https://registry.yarnpkg.com/magic-string/-/magic-string-0.25.9.tgz#de7f9faf91ef8a1c91d02c2e5314c8277dbcdd1c"
-  integrity sha512-RmF0AsMzgt25qzqqLc1+MbHmhdx0ojF2Fvs4XnOqz2ZOBXzzkEwc/dJQZCYHAn7v1jbVOjAZfK8msRn4BxO4VQ==
-  dependencies:
-    sourcemap-codec "^1.4.8"
-
-make-dir@^2.0.0, make-dir@^2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/make-dir/-/make-dir-2.1.0.tgz#5f0310e18b8be898cc07009295a30ae41e91e6f5"
-  integrity sha512-LS9X+dc8KLxXCb8dni79fLIIUA5VyZoyjSMCwTluaXA0o27cCK0bhXkpgw+sTXVpPy/lSO57ilRixqk0vDmtRA==
-  dependencies:
-    pify "^4.0.1"
-    semver "^5.6.0"
-
-make-dir@^3.0.2:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/make-dir/-/make-dir-3.1.0.tgz#415e967046b3a7f1d185277d84aa58203726a13f"
-  integrity sha512-g3FeP20LNwhALb/6Cz6Dd4F2ngze0jz7tbzrD2wAV+o9FeNHe4rL+yK2md0J/fiSf1sa1ADhXqi5+oVwOM/eGw==
+magic-string@^0.30.17:
+  version "0.30.21"
+  resolved "https://registry.yarnpkg.com/magic-string/-/magic-string-0.30.21.tgz#56763ec09a0fa8091df27879fd94d19078c00d91"
+  integrity sha512-vd2F4YUyEXKGcLHoq+TEyCjxueSeHnFxyyjNp80yg0XV4vUhnDer/lvvlqM/arB5bXQN5K2/3oinyCRyx8T2CQ==
   dependencies:
-    semver "^6.0.0"
+    "@jridgewell/sourcemap-codec" "^1.5.5"
 
 make-dir@^4.0.0:
   version "4.0.0"
@@ -9587,11 +6492,6 @@ makeerror@1.0.12:
   dependencies:
     tmpl "1.0.5"
 
-map-cache@^0.2.2:
-  version "0.2.2"
-  resolved "https://registry.yarnpkg.com/map-cache/-/map-cache-0.2.2.tgz#c32abd0bd6525d9b051645bb4f26ac5dc98a0dbf"
-  integrity sha512-8y/eV9QQZCiyn1SprXSrCmqJN0yNRATe+PO8ztwqrvrbdRLA3eYJF0yaR0YayLWkMbsQSKWS9N2gPcGEc4UsZg==
-
 map-obj@^1.0.0:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/map-obj/-/map-obj-1.0.1.tgz#d933ceb9205d82bdcf4886f6742bdc2b4dea146d"
@@ -9602,26 +6502,6 @@ map-obj@^4.0.0:
   resolved "https://registry.yarnpkg.com/map-obj/-/map-obj-4.3.0.tgz#9304f906e93faae70880da102a9f1df0ea8bb05a"
   integrity sha512-hdN1wVrZbb29eBGiGjJbeP8JbKjq1urkHJ/LIP/NY48MZ1QVXUsQBV1G1zvYFHn1XE06cwjBsOI2K3Ulnj1YXQ==
 
-map-stream@~0.1.0:
-  version "0.1.0"
-  resolved "https://registry.yarnpkg.com/map-stream/-/map-stream-0.1.0.tgz#e56aa94c4c8055a16404a0674b78f215f7c8e194"
-  integrity sha512-CkYQrPYZfWnu/DAmVCpTSX/xHpKZ80eKh2lAkyA6AJTef6bW+6JpbQZN5rofum7da+SyN1bi5ctTm+lTfcCW3g==
-
-map-visit@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/map-visit/-/map-visit-1.0.0.tgz#ecdca8f13144e660f1b5bd41f12f3479d98dfb8f"
-  integrity sha512-4y7uGv8bd2WdM9vpQsiQNo41Ln1NvhvDRuVt0k2JZQ+ezN2uaQes7lZeZ+QQUHOLQAtDaBJ+7wCbi+ab/KFs+w==
-  dependencies:
-    object-visit "^1.0.0"
-
-markdown-to-jsx@^6.11.4:
-  version "6.11.4"
-  resolved "https://registry.yarnpkg.com/markdown-to-jsx/-/markdown-to-jsx-6.11.4.tgz#b4528b1ab668aef7fe61c1535c27e837819392c5"
-  integrity sha512-3lRCD5Sh+tfA52iGgfs/XZiw33f7fFX9Bn55aNnVNUd2GzLDkOWyKYYD8Yju2B1Vn+feiEdgJs8T6Tg0xNokPw==
-  dependencies:
-    prop-types "^15.6.2"
-    unquote "^1.1.0"
-
 marked-terminal@^4.1.1:
   version "4.2.0"
   resolved "https://registry.yarnpkg.com/marked-terminal/-/marked-terminal-4.2.0.tgz#593734a53cf9a4bb01ea961aa579bd21889ce502"
@@ -9639,10 +6519,10 @@ marked@^2.0.0:
   resolved "https://registry.yarnpkg.com/marked/-/marked-2.1.3.tgz#bd017cef6431724fd4b27e0657f5ceb14bff3753"
   integrity sha512-/Q+7MGzaETqifOMWYEA7HVMaZb4XbcRfaOzcSsHZEith83KGlvaSG33u0SKu89Mj5h+T8V2hM+8O45Qc5XTgwA==
 
-matchmediaquery@^0.3.0:
-  version "0.3.1"
-  resolved "https://registry.yarnpkg.com/matchmediaquery/-/matchmediaquery-0.3.1.tgz#8247edc47e499ebb7c58f62a9ff9ccf5b815c6d7"
-  integrity sha512-Hlk20WQHRIm9EE9luN1kjRjYXAQToHOIAHPJn9buxBwuhfTHoKUcX+lXBbxc85DVQfXYbEQ4HcwQdd128E3qHQ==
+matchmediaquery@^0.4.2:
+  version "0.4.2"
+  resolved "https://registry.yarnpkg.com/matchmediaquery/-/matchmediaquery-0.4.2.tgz#22582bd4ae63ad9f54c53001bba80cbed0f7eafa"
+  integrity sha512-wrZpoT50ehYOudhDjt/YvUJc6eUzcdFPdmbizfgvswCKNHD1/OBOHYJpHie+HXpu6bSkEGieFMYk6VuutaiRfA==
   dependencies:
     css-mediaquery "^0.1.2"
 
@@ -9651,85 +6531,110 @@ math-intrinsics@^1.1.0:
   resolved "https://registry.yarnpkg.com/math-intrinsics/-/math-intrinsics-1.1.0.tgz#a0dd74be81e2aa5c2f27e65ce283605ee4e2b7f9"
   integrity sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==
 
-md5.js@^1.3.4:
-  version "1.3.5"
-  resolved "https://registry.yarnpkg.com/md5.js/-/md5.js-1.3.5.tgz#b5d07b8e3216e3e27cd728d72f70d1e6a342005f"
-  integrity sha512-xitP+WxNPcTTOgnTJcrhM0xvdPepipPSf3I8EIpGKeFLjt3PlJLIDG3u8EX53ZIubkb+5U2+3rELYpEhHhzdkg==
-  dependencies:
-    hash-base "^3.0.0"
-    inherits "^2.0.1"
-    safe-buffer "^5.1.2"
-
-mdast-util-from-markdown@^0.8.0:
-  version "0.8.5"
-  resolved "https://registry.yarnpkg.com/mdast-util-from-markdown/-/mdast-util-from-markdown-0.8.5.tgz#d1ef2ca42bc377ecb0463a987910dae89bd9a28c"
-  integrity sha512-2hkTXtYYnr+NubD/g6KGBS/0mFmBcifAsI0yIWRiRo0PjVs6SSOSOdtzbp6kSGnShDN6G5aWZpKQ2lWRy27mWQ==
-  dependencies:
-    "@types/mdast" "^3.0.0"
-    mdast-util-to-string "^2.0.0"
-    micromark "~2.11.0"
-    parse-entities "^2.0.0"
-    unist-util-stringify-position "^2.0.0"
-
-mdast-util-to-markdown@^0.6.0:
-  version "0.6.5"
-  resolved "https://registry.yarnpkg.com/mdast-util-to-markdown/-/mdast-util-to-markdown-0.6.5.tgz#b33f67ca820d69e6cc527a93d4039249b504bebe"
-  integrity sha512-XeV9sDE7ZlOQvs45C9UKMtfTcctcaj/pGwH8YLbMHoMOXNNCn2LsqVQOqrF1+/NU8lKDAqozme9SCXWyo9oAcQ==
-  dependencies:
-    "@types/unist" "^2.0.0"
-    longest-streak "^2.0.0"
-    mdast-util-to-string "^2.0.0"
-    parse-entities "^2.0.0"
-    repeat-string "^1.0.0"
-    zwitch "^1.0.0"
-
-mdast-util-to-string@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/mdast-util-to-string/-/mdast-util-to-string-2.0.0.tgz#b8cfe6a713e1091cb5b728fc48885a4767f8b97b"
-  integrity sha512-AW4DRS3QbBayY/jJmD8437V1Gombjf8RSOUCMFBuo5iHi58AGEgVCKQ+ezHkZZDpAQS75hcBMpLqjpJTjtUL7w==
-
-mdn-data@2.0.14:
-  version "2.0.14"
-  resolved "https://registry.yarnpkg.com/mdn-data/-/mdn-data-2.0.14.tgz#7113fc4281917d63ce29b43446f701e68c25ba50"
-  integrity sha512-dn6wd0uw5GsdswPFfsgMp5NSB0/aDe6fK94YJV/AJDYXL6HVLWBsxeq7js7Ad+mU2K9LAlwpk6kN2D5mwCPVow==
-
-mdn-data@2.0.4:
-  version "2.0.4"
-  resolved "https://registry.yarnpkg.com/mdn-data/-/mdn-data-2.0.4.tgz#699b3c38ac6f1d728091a64650b65d388502fd5b"
-  integrity sha512-iV3XNKw06j5Q7mi6h+9vbx23Tv7JkjEVgKHW4pimwyDGWm0OIQntJJ+u1C6mg6mK1EaTv42XQ7w76yuzH7M2cA==
-
-media-typer@0.3.0:
-  version "0.3.0"
-  resolved "https://registry.yarnpkg.com/media-typer/-/media-typer-0.3.0.tgz#8710d7af0aa626f8fffa1ce00168545263255748"
-  integrity sha512-dq+qelQ9akHpcOl/gUVRTxVIOkAJ1wR3QAvb4RsVjS8oVoFjDGTc679wJYmUmknUF5HwMLOgb5O+a3KxfWapPQ==
-
-memfs@^3.1.2:
-  version "3.6.0"
-  resolved "https://registry.yarnpkg.com/memfs/-/memfs-3.6.0.tgz#d7a2110f86f79dd950a8b6df6d57bc984aa185f6"
-  integrity sha512-EGowvkkgbMcIChjMTMkESFDbZeSh8xZ7kNSF0hAiAN4Jh6jgHCRS0Ga/+C8y6Au+oqpezRHCfPsmJ2+DwAgiwQ==
+mdast-util-from-markdown@^2.0.0:
+  version "2.0.3"
+  resolved "https://registry.yarnpkg.com/mdast-util-from-markdown/-/mdast-util-from-markdown-2.0.3.tgz#c95822b91aab75f18a4cbe8b2f51b873ed2cf0c7"
+  integrity sha512-W4mAWTvSlKvf8L6J+VN9yLSqQ9AOAAvHuoDAmPkz4dHf553m5gVj2ejadHJhoJmcmxEnOv6Pa8XJhpxE93kb8Q==
+  dependencies:
+    "@types/mdast" "^4.0.0"
+    "@types/unist" "^3.0.0"
+    decode-named-character-reference "^1.0.0"
+    devlop "^1.0.0"
+    mdast-util-to-string "^4.0.0"
+    micromark "^4.0.0"
+    micromark-util-decode-numeric-character-reference "^2.0.0"
+    micromark-util-decode-string "^2.0.0"
+    micromark-util-normalize-identifier "^2.0.0"
+    micromark-util-symbol "^2.0.0"
+    micromark-util-types "^2.0.0"
+    unist-util-stringify-position "^4.0.0"
+
+mdast-util-mdx-expression@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/mdast-util-mdx-expression/-/mdast-util-mdx-expression-2.0.1.tgz#43f0abac9adc756e2086f63822a38c8d3c3a5096"
+  integrity sha512-J6f+9hUp+ldTZqKRSg7Vw5V6MqjATc+3E4gf3CFNcuZNWD8XdyI6zQ8GqH7f8169MM6P7hMBRDVGnn7oHB9kXQ==
   dependencies:
-    fs-monkey "^1.0.4"
+    "@types/estree-jsx" "^1.0.0"
+    "@types/hast" "^3.0.0"
+    "@types/mdast" "^4.0.0"
+    devlop "^1.0.0"
+    mdast-util-from-markdown "^2.0.0"
+    mdast-util-to-markdown "^2.0.0"
 
-memory-fs@^0.4.1:
-  version "0.4.1"
-  resolved "https://registry.yarnpkg.com/memory-fs/-/memory-fs-0.4.1.tgz#3a9a20b8462523e447cfbc7e8bb80ed667bfc552"
-  integrity sha512-cda4JKCxReDXFXRqOHPQscuIYg1PvxbE2S2GP45rnwfEK+vZaXC8C1OFvdHIbgw0DLzowXGVoxLaAmlgRy14GQ==
+mdast-util-mdx-jsx@^3.0.0:
+  version "3.2.0"
+  resolved "https://registry.yarnpkg.com/mdast-util-mdx-jsx/-/mdast-util-mdx-jsx-3.2.0.tgz#fd04c67a2a7499efb905a8a5c578dddc9fdada0d"
+  integrity sha512-lj/z8v0r6ZtsN/cGNNtemmmfoLAFZnjMbNyLzBafjzikOM+glrjNHPlf6lQDOTccj9n5b0PPihEBbhneMyGs1Q==
+  dependencies:
+    "@types/estree-jsx" "^1.0.0"
+    "@types/hast" "^3.0.0"
+    "@types/mdast" "^4.0.0"
+    "@types/unist" "^3.0.0"
+    ccount "^2.0.0"
+    devlop "^1.1.0"
+    mdast-util-from-markdown "^2.0.0"
+    mdast-util-to-markdown "^2.0.0"
+    parse-entities "^4.0.0"
+    stringify-entities "^4.0.0"
+    unist-util-stringify-position "^4.0.0"
+    vfile-message "^4.0.0"
+
+mdast-util-mdxjs-esm@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/mdast-util-mdxjs-esm/-/mdast-util-mdxjs-esm-2.0.1.tgz#019cfbe757ad62dd557db35a695e7314bcc9fa97"
+  integrity sha512-EcmOpxsZ96CvlP03NghtH1EsLtr0n9Tm4lPUJUBccV9RwUOneqSycg19n5HGzCf+10LozMRSObtVr3ee1WoHtg==
   dependencies:
-    errno "^0.1.3"
-    readable-stream "^2.0.1"
+    "@types/estree-jsx" "^1.0.0"
+    "@types/hast" "^3.0.0"
+    "@types/mdast" "^4.0.0"
+    devlop "^1.0.0"
+    mdast-util-from-markdown "^2.0.0"
+    mdast-util-to-markdown "^2.0.0"
 
-memory-fs@^0.5.0:
-  version "0.5.0"
-  resolved "https://registry.yarnpkg.com/memory-fs/-/memory-fs-0.5.0.tgz#324c01288b88652966d161db77838720845a8e3c"
-  integrity sha512-jA0rdU5KoQMC0e6ppoNRtpp6vjFq6+NY7r8hywnC7V+1Xj/MtHwGIbB1QaK/dunyjWteJzmkpd7ooeWg10T7GA==
+mdast-util-phrasing@^4.0.0:
+  version "4.1.0"
+  resolved "https://registry.yarnpkg.com/mdast-util-phrasing/-/mdast-util-phrasing-4.1.0.tgz#7cc0a8dec30eaf04b7b1a9661a92adb3382aa6e3"
+  integrity sha512-TqICwyvJJpBwvGAMZjj4J2n0X8QWp21b9l0o7eXyVJ25YNWYbJDVIyD1bZXE6WtV6RmKJVYmQAKWa0zWOABz2w==
+  dependencies:
+    "@types/mdast" "^4.0.0"
+    unist-util-is "^6.0.0"
+
+mdast-util-to-hast@^13.0.0:
+  version "13.2.1"
+  resolved "https://registry.yarnpkg.com/mdast-util-to-hast/-/mdast-util-to-hast-13.2.1.tgz#d7ff84ca499a57e2c060ae67548ad950e689a053"
+  integrity sha512-cctsq2wp5vTsLIcaymblUriiTcZd0CwWtCbLvrOzYCDZoWyMNV8sZ7krj09FSnsiJi3WVsHLM4k6Dq/yaPyCXA==
+  dependencies:
+    "@types/hast" "^3.0.0"
+    "@types/mdast" "^4.0.0"
+    "@ungap/structured-clone" "^1.0.0"
+    devlop "^1.0.0"
+    micromark-util-sanitize-uri "^2.0.0"
+    trim-lines "^3.0.0"
+    unist-util-position "^5.0.0"
+    unist-util-visit "^5.0.0"
+    vfile "^6.0.0"
+
+mdast-util-to-markdown@^2.0.0:
+  version "2.1.2"
+  resolved "https://registry.yarnpkg.com/mdast-util-to-markdown/-/mdast-util-to-markdown-2.1.2.tgz#f910ffe60897f04bb4b7e7ee434486f76288361b"
+  integrity sha512-xj68wMTvGXVOKonmog6LwyJKrYXZPvlwabaryTjLh9LuvovB/KAH+kvi8Gjj+7rJjsFi23nkUxRQv1KqSroMqA==
+  dependencies:
+    "@types/mdast" "^4.0.0"
+    "@types/unist" "^3.0.0"
+    longest-streak "^3.0.0"
+    mdast-util-phrasing "^4.0.0"
+    mdast-util-to-string "^4.0.0"
+    micromark-util-classify-character "^2.0.0"
+    micromark-util-decode-string "^2.0.0"
+    unist-util-visit "^5.0.0"
+    zwitch "^2.0.0"
+
+mdast-util-to-string@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/mdast-util-to-string/-/mdast-util-to-string-4.0.0.tgz#7a5121475556a04e7eddeb67b264aae79d312814"
+  integrity sha512-0H44vDimn51F0YwvxSJSm0eCDOJTRlmN0R1yBh4HLj9wiV1Dn0QoXGbvFAWj2hSItVTlCmBF1hqKlIyUBVFLPg==
   dependencies:
-    errno "^0.1.3"
-    readable-stream "^2.0.1"
-
-memorystream@^0.3.1:
-  version "0.3.1"
-  resolved "https://registry.yarnpkg.com/memorystream/-/memorystream-0.3.1.tgz#86d7090b30ce455d63fbae12dda51a47ddcaf9b2"
-  integrity sha512-S3UwM3yj5mtUSEfP41UZmt/0SCoVYUcU1rkXv+BQ5Ig8ndL4sPoJNBUJERafdPb5jjHJGuMgytgKvKIf58XNBw==
+    "@types/mdast" "^4.0.0"
 
 meow@^8.0.0:
   version "8.1.2"
@@ -9748,11 +6653,6 @@ meow@^8.0.0:
     type-fest "^0.18.0"
     yargs-parser "^20.2.3"
 
-merge-descriptors@1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/merge-descriptors/-/merge-descriptors-1.0.1.tgz#b00aaa556dd8b44568150ec9d1b953f3f90cbb61"
-  integrity sha512-cCi6g3/Zr1iqQi6ySbseM1Xvooa98N0w31jzUYrXPX2xqObmFGHJ0tQ5u74H3mVh7wLouTseZyYIq39g8cNp1w==
-
 merge-stream@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/merge-stream/-/merge-stream-2.0.0.tgz#52823629a14dd00c9770fb6ad47dc6310f2c1f60"
@@ -9763,44 +6663,201 @@ merge2@^1.3.0, merge2@^1.4.1:
   resolved "https://registry.yarnpkg.com/merge2/-/merge2-1.4.1.tgz#4368892f885e907455a6fd7dc55c0c9d404990ae"
   integrity sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==
 
-methods@~1.1.2:
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/methods/-/methods-1.1.2.tgz#5529a4d67654134edcc5266656835b0f851afcee"
-  integrity sha512-iclAHeNqNm68zFtnZ0e+1L2yUIdvzNoauKU4WBA3VvH/vPFieF7qfRlwUZU+DA9P9bPXIS90ulxoUoCH23sV2w==
+micromark-core-commonmark@^2.0.0:
+  version "2.0.3"
+  resolved "https://registry.yarnpkg.com/micromark-core-commonmark/-/micromark-core-commonmark-2.0.3.tgz#c691630e485021a68cf28dbc2b2ca27ebf678cd4"
+  integrity sha512-RDBrHEMSxVFLg6xvnXmb1Ayr2WzLAWjeSATAoxwKYJV94TeNavgoIdA0a9ytzDSVzBy2YKFK+emCPOEibLeCrg==
+  dependencies:
+    decode-named-character-reference "^1.0.0"
+    devlop "^1.0.0"
+    micromark-factory-destination "^2.0.0"
+    micromark-factory-label "^2.0.0"
+    micromark-factory-space "^2.0.0"
+    micromark-factory-title "^2.0.0"
+    micromark-factory-whitespace "^2.0.0"
+    micromark-util-character "^2.0.0"
+    micromark-util-chunked "^2.0.0"
+    micromark-util-classify-character "^2.0.0"
+    micromark-util-html-tag-name "^2.0.0"
+    micromark-util-normalize-identifier "^2.0.0"
+    micromark-util-resolve-all "^2.0.0"
+    micromark-util-subtokenize "^2.0.0"
+    micromark-util-symbol "^2.0.0"
+    micromark-util-types "^2.0.0"
+
+micromark-factory-destination@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/micromark-factory-destination/-/micromark-factory-destination-2.0.1.tgz#8fef8e0f7081f0474fbdd92deb50c990a0264639"
+  integrity sha512-Xe6rDdJlkmbFRExpTOmRj9N3MaWmbAgdpSrBQvCFqhezUn4AHqJHbaEnfbVYYiexVSs//tqOdY/DxhjdCiJnIA==
+  dependencies:
+    micromark-util-character "^2.0.0"
+    micromark-util-symbol "^2.0.0"
+    micromark-util-types "^2.0.0"
 
-microevent.ts@~0.1.1:
-  version "0.1.1"
-  resolved "https://registry.yarnpkg.com/microevent.ts/-/microevent.ts-0.1.1.tgz#70b09b83f43df5172d0205a63025bce0f7357fa0"
-  integrity sha512-jo1OfR4TaEwd5HOrt5+tAZ9mqT4jmpNAusXtyfNzqVm9uiSYFZlKM1wYL4oU7azZW/PxQW53wM0S6OR1JHNa2g==
+micromark-factory-label@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/micromark-factory-label/-/micromark-factory-label-2.0.1.tgz#5267efa97f1e5254efc7f20b459a38cb21058ba1"
+  integrity sha512-VFMekyQExqIW7xIChcXn4ok29YE3rnuyveW3wZQWWqF4Nv9Wk5rgJ99KzPvHjkmPXF93FXIbBp6YdW3t71/7Vg==
+  dependencies:
+    devlop "^1.0.0"
+    micromark-util-character "^2.0.0"
+    micromark-util-symbol "^2.0.0"
+    micromark-util-types "^2.0.0"
+
+micromark-factory-space@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/micromark-factory-space/-/micromark-factory-space-2.0.1.tgz#36d0212e962b2b3121f8525fc7a3c7c029f334fc"
+  integrity sha512-zRkxjtBxxLd2Sc0d+fbnEunsTj46SWXgXciZmHq0kDYGnck/ZSGj9/wULTV95uoeYiK5hRXP2mJ98Uo4cq/LQg==
+  dependencies:
+    micromark-util-character "^2.0.0"
+    micromark-util-types "^2.0.0"
+
+micromark-factory-title@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/micromark-factory-title/-/micromark-factory-title-2.0.1.tgz#237e4aa5d58a95863f01032d9ee9b090f1de6e94"
+  integrity sha512-5bZ+3CjhAd9eChYTHsjy6TGxpOFSKgKKJPJxr293jTbfry2KDoWkhBb6TcPVB4NmzaPhMs1Frm9AZH7OD4Cjzw==
+  dependencies:
+    micromark-factory-space "^2.0.0"
+    micromark-util-character "^2.0.0"
+    micromark-util-symbol "^2.0.0"
+    micromark-util-types "^2.0.0"
+
+micromark-factory-whitespace@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/micromark-factory-whitespace/-/micromark-factory-whitespace-2.0.1.tgz#06b26b2983c4d27bfcc657b33e25134d4868b0b1"
+  integrity sha512-Ob0nuZ3PKt/n0hORHyvoD9uZhr+Za8sFoP+OnMcnWK5lngSzALgQYKMr9RJVOWLqQYuyn6ulqGWSXdwf6F80lQ==
+  dependencies:
+    micromark-factory-space "^2.0.0"
+    micromark-util-character "^2.0.0"
+    micromark-util-symbol "^2.0.0"
+    micromark-util-types "^2.0.0"
+
+micromark-util-character@^2.0.0:
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/micromark-util-character/-/micromark-util-character-2.1.1.tgz#2f987831a40d4c510ac261e89852c4e9703ccda6"
+  integrity sha512-wv8tdUTJ3thSFFFJKtpYKOYiGP2+v96Hvk4Tu8KpCAsTMs6yi+nVmGh1syvSCsaxz45J6Jbw+9DD6g97+NV67Q==
+  dependencies:
+    micromark-util-symbol "^2.0.0"
+    micromark-util-types "^2.0.0"
+
+micromark-util-chunked@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/micromark-util-chunked/-/micromark-util-chunked-2.0.1.tgz#47fbcd93471a3fccab86cff03847fc3552db1051"
+  integrity sha512-QUNFEOPELfmvv+4xiNg2sRYeS/P84pTW0TCgP5zc9FpXetHY0ab7SxKyAQCNCc1eK0459uoLI1y5oO5Vc1dbhA==
+  dependencies:
+    micromark-util-symbol "^2.0.0"
+
+micromark-util-classify-character@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/micromark-util-classify-character/-/micromark-util-classify-character-2.0.1.tgz#d399faf9c45ca14c8b4be98b1ea481bced87b629"
+  integrity sha512-K0kHzM6afW/MbeWYWLjoHQv1sgg2Q9EccHEDzSkxiP/EaagNzCm7T/WMKZ3rjMbvIpvBiZgwR3dKMygtA4mG1Q==
+  dependencies:
+    micromark-util-character "^2.0.0"
+    micromark-util-symbol "^2.0.0"
+    micromark-util-types "^2.0.0"
+
+micromark-util-combine-extensions@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/micromark-util-combine-extensions/-/micromark-util-combine-extensions-2.0.1.tgz#2a0f490ab08bff5cc2fd5eec6dd0ca04f89b30a9"
+  integrity sha512-OnAnH8Ujmy59JcyZw8JSbK9cGpdVY44NKgSM7E9Eh7DiLS2E9RNQf0dONaGDzEG9yjEl5hcqeIsj4hfRkLH/Bg==
+  dependencies:
+    micromark-util-chunked "^2.0.0"
+    micromark-util-types "^2.0.0"
+
+micromark-util-decode-numeric-character-reference@^2.0.0:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/micromark-util-decode-numeric-character-reference/-/micromark-util-decode-numeric-character-reference-2.0.2.tgz#fcf15b660979388e6f118cdb6bf7d79d73d26fe5"
+  integrity sha512-ccUbYk6CwVdkmCQMyr64dXz42EfHGkPQlBj5p7YVGzq8I7CtjXZJrubAYezf7Rp+bjPseiROqe7G6foFd+lEuw==
+  dependencies:
+    micromark-util-symbol "^2.0.0"
+
+micromark-util-decode-string@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/micromark-util-decode-string/-/micromark-util-decode-string-2.0.1.tgz#6cb99582e5d271e84efca8e61a807994d7161eb2"
+  integrity sha512-nDV/77Fj6eH1ynwscYTOsbK7rR//Uj0bZXBwJZRfaLEJ1iGBR6kIfNmlNqaqJf649EP0F3NWNdeJi03elllNUQ==
+  dependencies:
+    decode-named-character-reference "^1.0.0"
+    micromark-util-character "^2.0.0"
+    micromark-util-decode-numeric-character-reference "^2.0.0"
+    micromark-util-symbol "^2.0.0"
+
+micromark-util-encode@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/micromark-util-encode/-/micromark-util-encode-2.0.1.tgz#0d51d1c095551cfaac368326963cf55f15f540b8"
+  integrity sha512-c3cVx2y4KqUnwopcO9b/SCdo2O67LwJJ/UyqGfbigahfegL9myoEFoDYZgkT7f36T0bLrM9hZTAaAyH+PCAXjw==
+
+micromark-util-html-tag-name@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/micromark-util-html-tag-name/-/micromark-util-html-tag-name-2.0.1.tgz#e40403096481986b41c106627f98f72d4d10b825"
+  integrity sha512-2cNEiYDhCWKI+Gs9T0Tiysk136SnR13hhO8yW6BGNyhOC4qYFnwF1nKfD3HFAIXA5c45RrIG1ub11GiXeYd1xA==
+
+micromark-util-normalize-identifier@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/micromark-util-normalize-identifier/-/micromark-util-normalize-identifier-2.0.1.tgz#c30d77b2e832acf6526f8bf1aa47bc9c9438c16d"
+  integrity sha512-sxPqmo70LyARJs0w2UclACPUUEqltCkJ6PhKdMIDuJ3gSf/Q+/GIe3WKl0Ijb/GyH9lOpUkRAO2wp0GVkLvS9Q==
+  dependencies:
+    micromark-util-symbol "^2.0.0"
+
+micromark-util-resolve-all@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/micromark-util-resolve-all/-/micromark-util-resolve-all-2.0.1.tgz#e1a2d62cdd237230a2ae11839027b19381e31e8b"
+  integrity sha512-VdQyxFWFT2/FGJgwQnJYbe1jjQoNTS4RjglmSjTUlpUMa95Htx9NHeYW4rGDJzbjvCsl9eLjMQwGeElsqmzcHg==
+  dependencies:
+    micromark-util-types "^2.0.0"
+
+micromark-util-sanitize-uri@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/micromark-util-sanitize-uri/-/micromark-util-sanitize-uri-2.0.1.tgz#ab89789b818a58752b73d6b55238621b7faa8fd7"
+  integrity sha512-9N9IomZ/YuGGZZmQec1MbgxtlgougxTodVwDzzEouPKo3qFWvymFHWcnDi2vzV1ff6kas9ucW+o3yzJK9YB1AQ==
+  dependencies:
+    micromark-util-character "^2.0.0"
+    micromark-util-encode "^2.0.0"
+    micromark-util-symbol "^2.0.0"
+
+micromark-util-subtokenize@^2.0.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/micromark-util-subtokenize/-/micromark-util-subtokenize-2.1.0.tgz#d8ade5ba0f3197a1cf6a2999fbbfe6357a1a19ee"
+  integrity sha512-XQLu552iSctvnEcgXw6+Sx75GflAPNED1qx7eBJ+wydBb2KCbRZe+NwvIEEMM83uml1+2WSXpBAcp9IUCgCYWA==
+  dependencies:
+    devlop "^1.0.0"
+    micromark-util-chunked "^2.0.0"
+    micromark-util-symbol "^2.0.0"
+    micromark-util-types "^2.0.0"
+
+micromark-util-symbol@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/micromark-util-symbol/-/micromark-util-symbol-2.0.1.tgz#e5da494e8eb2b071a0d08fb34f6cefec6c0a19b8"
+  integrity sha512-vs5t8Apaud9N28kgCrRUdEed4UJ+wWNvicHLPxCa9ENlYuAY31M0ETy5y1vA33YoNPDFTghEbnh6efaE8h4x0Q==
+
+micromark-util-types@^2.0.0:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/micromark-util-types/-/micromark-util-types-2.0.2.tgz#f00225f5f5a0ebc3254f96c36b6605c4b393908e"
+  integrity sha512-Yw0ECSpJoViF1qTU4DC6NwtC4aWGt1EkzaQB8KPPyCRR8z9TWeV0HbEFGTO+ZY1wB22zmxnJqhPyTpOVCpeHTA==
 
-micromark@~2.11.0:
-  version "2.11.4"
-  resolved "https://registry.yarnpkg.com/micromark/-/micromark-2.11.4.tgz#d13436138eea826383e822449c9a5c50ee44665a"
-  integrity sha512-+WoovN/ppKolQOFIAajxi7Lu9kInbPxFuTBVEavFcL8eAfVstoc5MocPmqBeAdBOJV00uaVjegzH4+MA0DN/uA==
+micromark@^4.0.0:
+  version "4.0.2"
+  resolved "https://registry.yarnpkg.com/micromark/-/micromark-4.0.2.tgz#91395a3e1884a198e62116e33c9c568e39936fdb"
+  integrity sha512-zpe98Q6kvavpCr1NPVSCMebCKfD7CA2NqZ+rykeNhONIJBpc1tFKt9hucLGwha3jNTNI8lHpctWJWoimVF4PfA==
   dependencies:
+    "@types/debug" "^4.0.0"
     debug "^4.0.0"
-    parse-entities "^2.0.0"
-
-micromatch@^3.1.10, micromatch@^3.1.4:
-  version "3.1.10"
-  resolved "https://registry.yarnpkg.com/micromatch/-/micromatch-3.1.10.tgz#70859bc95c9840952f359a068a3fc49f9ecfac23"
-  integrity sha512-MWikgl9n9M3w+bpsY3He8L+w9eF9338xRl8IAO5viDizwSzziFEyUzo2xrrloB64ADbTf8uA8vRqqttDTOmccg==
-  dependencies:
-    arr-diff "^4.0.0"
-    array-unique "^0.3.2"
-    braces "^2.3.1"
-    define-property "^2.0.2"
-    extend-shallow "^3.0.2"
-    extglob "^2.0.4"
-    fragment-cache "^0.2.1"
-    kind-of "^6.0.2"
-    nanomatch "^1.2.9"
-    object.pick "^1.3.0"
-    regex-not "^1.0.0"
-    snapdragon "^0.8.1"
-    to-regex "^3.0.2"
-
-micromatch@^4.0.2, micromatch@^4.0.4, micromatch@^4.0.5:
+    decode-named-character-reference "^1.0.0"
+    devlop "^1.0.0"
+    micromark-core-commonmark "^2.0.0"
+    micromark-factory-space "^2.0.0"
+    micromark-util-character "^2.0.0"
+    micromark-util-chunked "^2.0.0"
+    micromark-util-combine-extensions "^2.0.0"
+    micromark-util-decode-numeric-character-reference "^2.0.0"
+    micromark-util-encode "^2.0.0"
+    micromark-util-normalize-identifier "^2.0.0"
+    micromark-util-resolve-all "^2.0.0"
+    micromark-util-sanitize-uri "^2.0.0"
+    micromark-util-subtokenize "^2.0.0"
+    micromark-util-symbol "^2.0.0"
+    micromark-util-types "^2.0.0"
+
+micromatch@^4.0.2, micromatch@^4.0.4:
   version "4.0.5"
   resolved "https://registry.yarnpkg.com/micromatch/-/micromatch-4.0.5.tgz#bc8999a7cbbf77cdc89f132f6e467051b49090c6"
   integrity sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA==
@@ -9808,40 +6865,19 @@ micromatch@^4.0.2, micromatch@^4.0.4, micromatch@^4.0.5:
     braces "^3.0.2"
     picomatch "^2.3.1"
 
-micromatch@^4.0.8:
-  version "4.0.8"
-  resolved "https://registry.yarnpkg.com/micromatch/-/micromatch-4.0.8.tgz#d66fa18f3a47076789320b9b1af32bd86d9fa202"
-  integrity sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==
-  dependencies:
-    braces "^3.0.3"
-    picomatch "^2.3.1"
-
-miller-rabin@^4.0.0:
-  version "4.0.1"
-  resolved "https://registry.yarnpkg.com/miller-rabin/-/miller-rabin-4.0.1.tgz#f080351c865b0dc562a8462966daa53543c78a4d"
-  integrity sha512-115fLhvZVqWwHPbClyntxEVfVDfl9DLLTuJvq3g2O/Oxi8AiNouAHvDSzHS0viUJc+V5vm3eq91Xwqn9dp4jRA==
-  dependencies:
-    bn.js "^4.0.0"
-    brorand "^1.0.1"
-
-mime-db@1.52.0, "mime-db@>= 1.43.0 < 2":
+mime-db@1.52.0:
   version "1.52.0"
   resolved "https://registry.yarnpkg.com/mime-db/-/mime-db-1.52.0.tgz#bbabcdc02859f4987301c856e3387ce5ec43bf70"
   integrity sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==
 
-mime-types@^2.1.12, mime-types@^2.1.27, mime-types@~2.1.17, mime-types@~2.1.19, mime-types@~2.1.24, mime-types@~2.1.34:
+mime-types@^2.1.12, mime-types@~2.1.19:
   version "2.1.35"
   resolved "https://registry.yarnpkg.com/mime-types/-/mime-types-2.1.35.tgz#381a871b62a734450660ae3deee44813f70d959a"
   integrity sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==
   dependencies:
     mime-db "1.52.0"
 
-mime@1.6.0:
-  version "1.6.0"
-  resolved "https://registry.yarnpkg.com/mime/-/mime-1.6.0.tgz#32cd9e5c64553bd58d19a568af452acff04981b1"
-  integrity sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==
-
-mime@^2.4.3, mime@^2.4.4:
+mime@^2.4.3:
   version "2.6.0"
   resolved "https://registry.yarnpkg.com/mime/-/mime-2.6.0.tgz#a2a682a95cd4d0cb1d6257e28f83da7e35800367"
   integrity sha512-USPkMeET31rOMiarsBNIHZKLGgvKc/LrjofAnBlOttf5ajRvqiRA8QsenbcooctK6d6Ts6aqZXBA+XbkKthiQg==
@@ -9856,53 +6892,26 @@ min-indent@^1.0.0:
   resolved "https://registry.yarnpkg.com/min-indent/-/min-indent-1.0.1.tgz#a63f681673b30571fbe8bc25686ae746eefa9869"
   integrity sha512-I9jwMn07Sy/IwOj3zVkVik2JTvgpaykDZEigL6Rx6N9LbMywwUSMtxET+7lVoDLLd3O3IXwJwvuuns8UB/HeAg==
 
-mini-css-extract-plugin@0.11.3:
-  version "0.11.3"
-  resolved "https://registry.yarnpkg.com/mini-css-extract-plugin/-/mini-css-extract-plugin-0.11.3.tgz#15b0910a7f32e62ffde4a7430cfefbd700724ea6"
-  integrity sha512-n9BA8LonkOkW1/zn+IbLPQmovsL0wMb9yx75fMJQZf2X1Zoec9yTZtyMePcyu19wPkmFbzZZA6fLTotpFhQsOA==
-  dependencies:
-    loader-utils "^1.1.0"
-    normalize-url "1.9.1"
-    schema-utils "^1.0.0"
-    webpack-sources "^1.1.0"
-
-mini-html-webpack-plugin@^3.1.3:
-  version "3.1.3"
-  resolved "https://registry.yarnpkg.com/mini-html-webpack-plugin/-/mini-html-webpack-plugin-3.1.3.tgz#25ad501dd16ba47ef67aaa9637ce6b1e4b7a1344"
-  integrity sha512-WhnO8ZvOILCCkk4yNTBdoiZNwyY4ktrQ+wOOGdMAtyeK/qi4Viaidwjlf0itG5AjN7sWsOI6ww8f/8V5JfDQkA==
-  dependencies:
-    webpack-sources "^2.0.1"
-
-minimalistic-assert@^1.0.0, minimalistic-assert@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/minimalistic-assert/-/minimalistic-assert-1.0.1.tgz#2e194de044626d4a10e7f7fbc00ce73e83e4d5c7"
-  integrity sha512-UtJcAD4yEaGtjPezWuO9wC4nwUnVH/8/Im3yEHQP4b67cXlD/Qr9hdITCU1xDbSEXg2XKNaP8jsReV7vQd00/A==
-
-minimalistic-crypto-utils@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/minimalistic-crypto-utils/-/minimalistic-crypto-utils-1.0.1.tgz#f6c00c1c0b082246e5c4d99dfb8c7c083b2b582a"
-  integrity sha512-JIYlbt6g8i5jKfJ3xz7rF0LXmv2TkDxBLUkiBeZ7bAx4GnnNMr8xFpGnOxn6GhTEHx3SjRrZEoU+j04prX1ktg==
-
-minimatch@3.0.4:
-  version "3.0.4"
-  resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-3.0.4.tgz#5166e286457f03306064be5497e8dbb0c3d32083"
-  integrity sha512-yJHVQEhyqPLUTgt9B83PXu6W3rx4MvvHvSUvToogpwoGDOUQ+yDrR0HRot+yOCdCO7u4hX3pWft6kWBBcqh0UA==
+minimatch@10.2.3:
+  version "10.2.3"
+  resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-10.2.3.tgz#c0ef582f21071b0123a5bbf275252ebda921fbf6"
+  integrity sha512-Rwi3pnapEqirPSbWbrZaa6N3nmqq4Xer/2XooiOKyV3q12ML06f7MOuc5DVH8ONZIFhwIYQ3yzPH4nt7iWHaTg==
   dependencies:
-    brace-expansion "^1.1.7"
+    brace-expansion "^5.0.2"
 
-minimatch@^3.0.2, minimatch@^3.0.4, minimatch@^3.0.5, minimatch@^3.1.1, minimatch@^3.1.2:
+minimatch@^3.0.4, minimatch@^3.1.1, minimatch@^3.1.2:
   version "3.1.2"
   resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-3.1.2.tgz#19cd194bfd3e428f049a70817c038d89ab4be35b"
   integrity sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==
   dependencies:
     brace-expansion "^1.1.7"
 
-minimatch@^5.0.1:
-  version "5.1.6"
-  resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-5.1.6.tgz#1cfcb8cf5522ea69952cd2af95ae09477f122a96"
-  integrity sha512-lKwV/1brpG6mBUFHtb7NUmtABCb2WZZmm2wNiOA5hAb8VdCS4B3dtMWyvcoViccwAW/COERjXLt0zP1zXUN26g==
+minimatch@^9.0.3:
+  version "9.0.9"
+  resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-9.0.9.tgz#9b0cb9fcb78087f6fd7eababe2511c4d3d60574e"
+  integrity sha512-OBwBN9AL4dqmETlpS2zasx+vTeWclWzkblfZk7KTA5j3jeOONz/tRCnZomUyvNg83wL5Zv9Ss6HMJXAgL8R2Yg==
   dependencies:
-    brace-expansion "^2.0.1"
+    brace-expansion "^2.0.2"
 
 minimist-options@4.1.0:
   version "4.1.0"
@@ -9913,7 +6922,7 @@ minimist-options@4.1.0:
     is-plain-obj "^1.1.0"
     kind-of "^6.0.3"
 
-minimist@^1.1.1, minimist@^1.2.0, minimist@^1.2.5, minimist@^1.2.6, minimist@^1.2.8:
+minimist@^1.2.0, minimist@^1.2.5, minimist@^1.2.6:
   version "1.2.8"
   resolved "https://registry.yarnpkg.com/minimist/-/minimist-1.2.8.tgz#c1a464e7693302e082a075cee0c057741ac4772c"
   integrity sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==
@@ -9985,30 +6994,6 @@ minizlib@^2.0.0, minizlib@^2.1.1:
     minipass "^3.0.0"
     yallist "^4.0.0"
 
-mississippi@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/mississippi/-/mississippi-3.0.0.tgz#ea0a3291f97e0b5e8776b363d5f0a12d94c67022"
-  integrity sha512-x471SsVjUtBRtcvd4BzKE9kFC+/2TeWgKCgw0bZcw1b9l2X3QX5vCWgF+KaZaYm87Ss//rHnWryupDrgLvmSkA==
-  dependencies:
-    concat-stream "^1.5.0"
-    duplexify "^3.4.2"
-    end-of-stream "^1.1.0"
-    flush-write-stream "^1.0.0"
-    from2 "^2.1.0"
-    parallel-transform "^1.1.0"
-    pump "^3.0.0"
-    pumpify "^1.3.3"
-    stream-each "^1.1.0"
-    through2 "^2.0.0"
-
-mixin-deep@^1.2.0:
-  version "1.3.2"
-  resolved "https://registry.yarnpkg.com/mixin-deep/-/mixin-deep-1.3.2.tgz#1120b43dc359a785dce65b55b82e257ccf479566"
-  integrity sha512-WRoDn//mXBiJ1H40rqa3vH0toePwSsGb45iInWlTySa+Uu4k3tYUSxa2v1KqAiLtvlrSzaExqS1gtk96A9zvEA==
-  dependencies:
-    for-in "^1.0.2"
-    is-extendable "^1.0.1"
-
 mkdirp-infer-owner@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/mkdirp-infer-owner/-/mkdirp-infer-owner-2.0.0.tgz#55d3b368e7d89065c38f32fd38e638f0ab61d316"
@@ -10018,123 +7003,67 @@ mkdirp-infer-owner@^2.0.0:
     infer-owner "^1.0.4"
     mkdirp "^1.0.3"
 
-mkdirp@^0.5.1, mkdirp@^0.5.3, mkdirp@^0.5.6, mkdirp@~0.5.1:
-  version "0.5.6"
-  resolved "https://registry.yarnpkg.com/mkdirp/-/mkdirp-0.5.6.tgz#7def03d2432dcae4ba1d611445c48396062255f6"
-  integrity sha512-FP+p8RB8OWpF3YZBCrP5gtADmtXApB5AMLn+vdyA+PyxCjrCs00mjyUozssO33cwDeT3wNGdLxJ5M//YqtHAJw==
-  dependencies:
-    minimist "^1.2.6"
-
 mkdirp@^1.0.3, mkdirp@^1.0.4:
   version "1.0.4"
   resolved "https://registry.yarnpkg.com/mkdirp/-/mkdirp-1.0.4.tgz#3eb5ed62622756d79a5f0e2a221dfebad75c2f7e"
   integrity sha512-vVqVZQyf3WLx2Shd0qJ9xuvqgAyKPLAiqITEtqW0oIUjzo3PePDd6fW9iFz30ef7Ysp/oiWqbhszeGWW2T6Gzw==
 
+mlly@^1.7.4:
+  version "1.8.2"
+  resolved "https://registry.yarnpkg.com/mlly/-/mlly-1.8.2.tgz#e7f7919a82d13b174405613117249a3f449d78bb"
+  integrity sha512-d+ObxMQFmbt10sretNDytwt85VrbkhhUA/JBGm1MPaWJ65Cl4wOgLaB1NYvJSZ0Ef03MMEU/0xpPMXUIQ29UfA==
+  dependencies:
+    acorn "^8.16.0"
+    pathe "^2.0.3"
+    pkg-types "^1.3.1"
+    ufo "^1.6.3"
+
 modify-values@^1.0.0:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/modify-values/-/modify-values-1.0.1.tgz#b3939fa605546474e3e3e3c63d64bd43b4ee6022"
   integrity sha512-xV2bxeN6F7oYjZWTe/YPAy6MN2M+sL4u/Rlm2AHCIVGfo2p1yGmBHQ6vHehl4bRTZBdHu3TSkWdYgkwpYzAGSw==
 
-moment@^2.29.4:
-  version "2.29.4"
-  resolved "https://registry.yarnpkg.com/moment/-/moment-2.29.4.tgz#3dbe052889fe7c1b2ed966fcb3a77328964ef108"
-  integrity sha512-5LC9SOxjSc2HF6vO2CyuTDNivEdoz2IvyJJGj6X8DJ0eFyfszE0QiEd+iXmBvUP3WHxSjFH/vIsA0EN00cgr8w==
-
-move-concurrently@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/move-concurrently/-/move-concurrently-1.0.1.tgz#be2c005fda32e0b29af1f05d7c4b33214c701f92"
-  integrity sha512-hdrFxZOycD/g6A6SoI2bB5NA/5NEqD0569+S47WZhPvm46sD50ZHdYaFmnua5lndde9rCHGjmfK7Z8BuCt/PcQ==
-  dependencies:
-    aproba "^1.1.1"
-    copy-concurrently "^1.0.0"
-    fs-write-stream-atomic "^1.0.8"
-    mkdirp "^0.5.1"
-    rimraf "^2.5.4"
-    run-queue "^1.0.3"
-
-mri@^1.1.4:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/mri/-/mri-1.2.0.tgz#6721480fec2a11a4889861115a48b6cbe7cc8f0b"
-  integrity sha512-tzzskb3bG8LvYGFF/mDTpq3jpI6Q9wc3LEmBaghu+DdCssd1FakN7Bc0hVNmEyGq1bq3RgfkCb3cmQLpNPOroA==
-
-ms@2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/ms/-/ms-2.0.0.tgz#5608aeadfc00be6c2901df5f9861788de0d597c8"
-  integrity sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==
+moment@^2.30.1:
+  version "2.30.1"
+  resolved "https://registry.yarnpkg.com/moment/-/moment-2.30.1.tgz#f8c91c07b7a786e30c59926df530b4eac96974ae"
+  integrity sha512-uEmtNhbDOrWPFS+hdjFCBfy9f2YoyzRpwcl+DqpC6taX21FzsTLQVbMV/W7PzNSX6x/bhC1zA3c2UQ5NzH6how==
 
 ms@2.1.2:
   version "2.1.2"
   resolved "https://registry.yarnpkg.com/ms/-/ms-2.1.2.tgz#d09d1f357b443f493382a8eb3ccd183872ae6009"
   integrity sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==
 
-ms@2.1.3, ms@^2.0.0, ms@^2.1.1, ms@^2.1.2:
+ms@^2.0.0, ms@^2.1.1, ms@^2.1.2, ms@^2.1.3:
   version "2.1.3"
   resolved "https://registry.yarnpkg.com/ms/-/ms-2.1.3.tgz#574c8138ce1d2b5861f0b44579dbadd60c6615b2"
   integrity sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==
 
-multicast-dns-service-types@^1.1.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/multicast-dns-service-types/-/multicast-dns-service-types-1.1.0.tgz#899f11d9686e5e05cb91b35d5f0e63b773cfc901"
-  integrity sha512-cnAsSVxIDsYt0v7HmC0hWZFwwXSh+E6PgCrREDuN/EsjgLwA5XRmlMHhSiDPrt6HxY1gTivEa/Zh7GtODoLevQ==
-
-multicast-dns@^6.0.1:
-  version "6.2.3"
-  resolved "https://registry.yarnpkg.com/multicast-dns/-/multicast-dns-6.2.3.tgz#a0ec7bd9055c4282f790c3c82f4e28db3b31b229"
-  integrity sha512-ji6J5enbMyGRHIAkAOu3WdV8nggqviKCEKtXcOqfphZZtQrmHKycfynJ2V7eVPUA4NhJ6V7Wf4TmGbTwKE9B6g==
-  dependencies:
-    dns-packet "^1.3.1"
-    thunky "^1.0.2"
+muggle-string@^0.4.1:
+  version "0.4.1"
+  resolved "https://registry.yarnpkg.com/muggle-string/-/muggle-string-0.4.1.tgz#3b366bd43b32f809dc20659534dd30e7c8a0d328"
+  integrity sha512-VNTrAak/KhO2i8dqqnqnAHOa3cYBwXEZe9h+D5h/1ZqFSTEFHdM65lR7RoIqq3tBBYavsOXV84NoHXZ0AkPyqQ==
 
-mute-stream@0.0.8, mute-stream@~0.0.4:
+mute-stream@~0.0.4:
   version "0.0.8"
   resolved "https://registry.yarnpkg.com/mute-stream/-/mute-stream-0.0.8.tgz#1630c42b2251ff81e2a283de96a5497ea92e5e0d"
   integrity sha512-nnbWWOkoWyUsTjKrhgD0dcz22mdkSnpYqbEjIm2nhwhuxlSkpywJmBo8h0ZqJdkp73mb90SssHkN4rsRaBAfAA==
 
-nan@^2.12.1:
-  version "2.18.0"
-  resolved "https://registry.yarnpkg.com/nan/-/nan-2.18.0.tgz#26a6faae7ffbeb293a39660e88a76b82e30b7554"
-  integrity sha512-W7tfG7vMOGtD30sHoZSSc/JVYiyDPEyQVso/Zz+/uQd0B0L46gtC+pHha5FFMRpil6fm/AoEcRWyOVi4+E/f8w==
-
-nanoid@^3.3.6:
-  version "3.3.7"
-  resolved "https://registry.yarnpkg.com/nanoid/-/nanoid-3.3.7.tgz#d0c301a691bc8d54efa0a2226ccf3fe2fd656bd8"
-  integrity sha512-eSRppjcPIatRIMC1U6UngP8XFcz8MQWGQdt1MTBQ7NaAmvXDfvNxbvWV3x2y6CdEUciCSsDHDQZbhYaB8QEo2g==
-
-nanomatch@^1.2.9:
-  version "1.2.13"
-  resolved "https://registry.yarnpkg.com/nanomatch/-/nanomatch-1.2.13.tgz#b87a8aa4fc0de8fe6be88895b38983ff265bd119"
-  integrity sha512-fpoe2T0RbHwBTBUOftAfBPaDEi06ufaUai0mE6Yn1kacc3SnTErfb/h+X94VXzI64rKFHYImXSvdwGGCmwOqCA==
-  dependencies:
-    arr-diff "^4.0.0"
-    array-unique "^0.3.2"
-    define-property "^2.0.2"
-    extend-shallow "^3.0.2"
-    fragment-cache "^0.2.1"
-    is-windows "^1.0.2"
-    kind-of "^6.0.2"
-    object.pick "^1.3.0"
-    regex-not "^1.0.0"
-    snapdragon "^0.8.1"
-    to-regex "^3.0.1"
-
-native-url@^0.2.6:
-  version "0.2.6"
-  resolved "https://registry.yarnpkg.com/native-url/-/native-url-0.2.6.tgz#ca1258f5ace169c716ff44eccbddb674e10399ae"
-  integrity sha512-k4bDC87WtgrdD362gZz6zoiXQrl40kYlBmpfmSjwRO1VU0V5ccwJTlxuE72F6m3V0vc1xOf6n3UCP9QyerRqmA==
-  dependencies:
-    querystring "^0.2.0"
+nanoid@^3.3.11, nanoid@^3.3.7:
+  version "3.3.11"
+  resolved "https://registry.yarnpkg.com/nanoid/-/nanoid-3.3.11.tgz#4f4f112cefbe303202f2199838128936266d185b"
+  integrity sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w==
 
 natural-compare@^1.4.0:
   version "1.4.0"
   resolved "https://registry.yarnpkg.com/natural-compare/-/natural-compare-1.4.0.tgz#4abebfeed7541f2c27acfb29bdbbd15c8d5ba4f7"
   integrity sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==
 
-negotiator@0.6.3, negotiator@^0.6.2:
+negotiator@^0.6.2:
   version "0.6.3"
   resolved "https://registry.yarnpkg.com/negotiator/-/negotiator-0.6.3.tgz#58e323a72fedc0d6f9cd4d31fe49f51479590ccd"
   integrity sha512-+EUsqGPLsM+j/zdChZjsnX51g4XrHFOIXwfnCVPGlQk/k5giakcKsuxCObBRu6DSm9opw/O6slWbJdghQM4bBg==
 
-neo-async@^2.5.0, neo-async@^2.6.1, neo-async@^2.6.2:
+neo-async@^2.6.2:
   version "2.6.2"
   resolved "https://registry.yarnpkg.com/neo-async/-/neo-async-2.6.2.tgz#b4aafb93e3aeb2d8174ca53cf163ab7d7308305f"
   integrity sha512-Yd3UES5mWCSqR+qNT93S3UoYUkqAZ9lLg8a7g9rimsWmYGK8cVToA4/sF3RrshdyV3sAGMXVUmpMYOw+dLpOuw==
@@ -10144,31 +7073,6 @@ nerf-dart@^1.0.0:
   resolved "https://registry.yarnpkg.com/nerf-dart/-/nerf-dart-1.0.0.tgz#e6dab7febf5ad816ea81cf5c629c5a0ebde72c1a"
   integrity sha512-EZSPZB70jiVsivaBLYDCyntd5eH8NTSMOn3rB+HxwdmKThGELLdYv8qVIMWvZEFy9w8ZZpW9h9OB32l1rGtj7g==
 
-next-tick@^1.1.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/next-tick/-/next-tick-1.1.0.tgz#1836ee30ad56d67ef281b22bd199f709449b35eb"
-  integrity sha512-CXdUiJembsNjuToQvxayPZF9Vqht7hewsvy2sOWafLvi2awflj9mOC6bHIg50orX8IJvWKY9wYQ/zB2kogPslQ==
-
-nice-try@^1.0.4:
-  version "1.0.5"
-  resolved "https://registry.yarnpkg.com/nice-try/-/nice-try-1.0.5.tgz#a3378a7696ce7d223e88fc9b764bd7ef1089e366"
-  integrity sha512-1nh45deeb5olNY7eX82BkPO7SSxR5SSYJiPTrTdFUVYwAl8CKMA5N9PjTYkHiRjisVcxcQ1HXdLhx2qxxJzLNQ==
-
-no-case@^3.0.4:
-  version "3.0.4"
-  resolved "https://registry.yarnpkg.com/no-case/-/no-case-3.0.4.tgz#d361fd5c9800f558551a8369fc0dcd4662b6124d"
-  integrity sha512-fgAN3jGAh+RoxUGZHTSOLJIqUc2wmoBwGR4tbpNAKmmovFoWq0OdRkb0VkldReO2a2iBT/OEulG9XSUc10r3zg==
-  dependencies:
-    lower-case "^2.0.2"
-    tslib "^2.0.3"
-
-node-dir@^0.1.10:
-  version "0.1.17"
-  resolved "https://registry.yarnpkg.com/node-dir/-/node-dir-0.1.17.tgz#5f5665d93351335caabef8f1c554516cf5f1e4e5"
-  integrity sha512-tmPX422rYgofd4epzrNoOXiE8XFZYOcCq1vD7MAXCDO+O+zndlA2ztdKKMa+EeuBG5tHETpr4ml4RGgpqDCCAg==
-  dependencies:
-    minimatch "^3.0.2"
-
 node-emoji@^1.10.0:
   version "1.11.0"
   resolved "https://registry.yarnpkg.com/node-emoji/-/node-emoji-1.11.0.tgz#69a0150e6946e2f115e9d7ea4df7971e2628301c"
@@ -10183,11 +7087,6 @@ node-fetch@^2.6.7:
   dependencies:
     whatwg-url "^5.0.0"
 
-node-forge@1.3.2, node-forge@^0.10.0:
-  version "1.3.2"
-  resolved "https://registry.yarnpkg.com/node-forge/-/node-forge-1.3.2.tgz#d0d2659a26eef778bf84d73e7f55c08144ee7750"
-  integrity sha512-6xKiQ+cph9KImrRh0VsjH2d8/GXA4FIMlgU4B757iI1ApvcyA9VlouP0yZJha01V+huImO+kKMU7ih+2+E14fw==
-
 node-gyp@^7.1.0, node-gyp@^7.1.2:
   version "7.1.2"
   resolved "https://registry.yarnpkg.com/node-gyp/-/node-gyp-7.1.2.tgz#21a810aebb187120251c3bcec979af1587b188ae"
@@ -10209,57 +7108,16 @@ node-int64@^0.4.0:
   resolved "https://registry.yarnpkg.com/node-int64/-/node-int64-0.4.0.tgz#87a9065cdb355d3182d8f94ce11188b825c68a3b"
   integrity sha512-O5lz91xSOeoXP6DulyHfllpq+Eg00MWitZIbtPfoSEvqIHdl5gfcY6hYzDWnj0qD5tz52PI08u9qUvSVeUBeHw==
 
-node-libs-browser@^2.2.1:
-  version "2.2.1"
-  resolved "https://registry.yarnpkg.com/node-libs-browser/-/node-libs-browser-2.2.1.tgz#b64f513d18338625f90346d27b0d235e631f6425"
-  integrity sha512-h/zcD8H9kaDZ9ALUWwlBUDo6TKF8a7qBSCSEGfjTVIYeqsioSKaAX+BN7NgiMGp6iSIXZ3PxgCu8KS3b71YK5Q==
-  dependencies:
-    assert "^1.1.1"
-    browserify-zlib "^0.2.0"
-    buffer "^4.3.0"
-    console-browserify "^1.1.0"
-    constants-browserify "^1.0.0"
-    crypto-browserify "^3.11.0"
-    domain-browser "^1.1.1"
-    events "^3.0.0"
-    https-browserify "^1.0.0"
-    os-browserify "^0.3.0"
-    path-browserify "0.0.1"
-    process "^0.11.10"
-    punycode "^1.2.4"
-    querystring-es3 "^0.2.0"
-    readable-stream "^2.3.3"
-    stream-browserify "^2.0.1"
-    stream-http "^2.7.2"
-    string_decoder "^1.0.0"
-    timers-browserify "^2.0.4"
-    tty-browserify "0.0.0"
-    url "^0.11.0"
-    util "^0.11.0"
-    vm-browserify "^1.0.1"
-
-node-notifier@^8.0.0:
-  version "8.0.2"
-  resolved "https://registry.yarnpkg.com/node-notifier/-/node-notifier-8.0.2.tgz#f3167a38ef0d2c8a866a83e318c1ba0efeb702c5"
-  integrity sha512-oJP/9NAdd9+x2Q+rfphB2RJCHjod70RcRLjosiPMMu5gjIfwVnOUGq2nbTjTUbmy0DJ/tFIVT30+Qe3nzl4TJg==
-  dependencies:
-    growly "^1.3.0"
-    is-wsl "^2.2.0"
-    semver "^7.3.2"
-    shellwords "^0.1.1"
-    uuid "^8.3.0"
-    which "^2.0.2"
-
-node-releases@^1.1.61:
-  version "1.1.77"
-  resolved "https://registry.yarnpkg.com/node-releases/-/node-releases-1.1.77.tgz#50b0cfede855dd374e7585bf228ff34e57c1c32e"
-  integrity sha512-rB1DUFUNAN4Gn9keO2K1efO35IDK7yKHCdCaIMvFO7yUYmmZYeDjnGKle26G4rwj+LKRQpjyUUvMkPglwGCYNQ==
-
 node-releases@^2.0.13:
   version "2.0.13"
   resolved "https://registry.yarnpkg.com/node-releases/-/node-releases-2.0.13.tgz#d5ed1627c23e3461e819b02e57b75e4899b1c81d"
   integrity sha512-uYr7J37ae/ORWdZeQ1xxMJe3NtdmqMC/JZK+geofDrkLUApKRHPd18/TxtBOJ4A0/+uUIliorNrfYV6s1b02eQ==
 
+node-releases@^2.0.36:
+  version "2.0.37"
+  resolved "https://registry.yarnpkg.com/node-releases/-/node-releases-2.0.37.tgz#9bd4f10b77ba39c2b9402d4e8399c482a797f671"
+  integrity sha512-1h5gKZCF+pO/o3Iqt5Jp7wc9rH3eJJ0+nh/CIoiRwjRxde/hAHyLPXYN4V3CqKAbiZPSeJFSWHmJsbkicta0Eg==
+
 nopt@^5.0.0:
   version "5.0.0"
   resolved "https://registry.yarnpkg.com/nopt/-/nopt-5.0.0.tgz#530942bb58a512fccafe53fe210f13a25355dc88"
@@ -10267,7 +7125,7 @@ nopt@^5.0.0:
   dependencies:
     abbrev "1"
 
-normalize-package-data@^2.3.2, normalize-package-data@^2.5.0:
+normalize-package-data@^2.5.0:
   version "2.5.0"
   resolved "https://registry.yarnpkg.com/normalize-package-data/-/normalize-package-data-2.5.0.tgz#e66db1838b200c1dfc233225d12cb36520e234a8"
   integrity sha512-/5CMN3T0R4XTj4DcGaexo+roZSdSFW/0AOOTROrjxzCG1wrWXEsGbRKevjlIL+ZDE4sZlJr5ED4YW0yqmkK+eA==
@@ -10287,38 +7145,11 @@ normalize-package-data@^3.0.0, normalize-package-data@^3.0.2:
     semver "^7.3.4"
     validate-npm-package-license "^3.0.1"
 
-normalize-path@^2.1.1:
-  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/normalize-path/-/normalize-path-2.1.1.tgz#1ab28b556e198363a8c1a6f7e6fa20137fe6aed9"
-  integrity sha512-3pKJwH184Xo/lnH6oyP1q2pMd7HcypqqmRs91/6/i2CGtWwIKGCkOOMTm/zXbgTEWHw1uNpNi/igc3ePOYHb6w==
-  dependencies:
-    remove-trailing-separator "^1.0.1"
-
-normalize-path@^3.0.0, normalize-path@~3.0.0:
+normalize-path@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/normalize-path/-/normalize-path-3.0.0.tgz#0dcd69ff23a1c9b11fd0978316644a0388216a65"
   integrity sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==
 
-normalize-range@^0.1.2:
-  version "0.1.2"
-  resolved "https://registry.yarnpkg.com/normalize-range/-/normalize-range-0.1.2.tgz#2d10c06bdfd312ea9777695a4d28439456b75942"
-  integrity sha512-bdok/XvKII3nUpklnV6P2hxtMNrCboOjAcyBuQnWEhO665FwrSNRxU+AqpsyvO6LgGYPspN+lu5CLtw4jPRKNA==
-
-normalize-url@1.9.1:
-  version "1.9.1"
-  resolved "https://registry.yarnpkg.com/normalize-url/-/normalize-url-1.9.1.tgz#2cc0d66b31ea23036458436e3620d85954c66c3c"
-  integrity sha512-A48My/mtCklowHBlI8Fq2jFWK4tX4lJ5E6ytFsSOq1fzpvT0SQSgKhSg7lN5c2uYFOrUAOQp6zhhJnpp1eMloQ==
-  dependencies:
-    object-assign "^4.0.1"
-    prepend-http "^1.0.0"
-    query-string "^4.1.0"
-    sort-keys "^1.0.0"
-
-normalize-url@^3.0.0:
-  version "3.3.0"
-  resolved "https://registry.yarnpkg.com/normalize-url/-/normalize-url-3.3.0.tgz#b2e1c4dc4f7c6d57743df733a4f5978d18650559"
-  integrity sha512-U+JJi7duF1o+u2pynbp2zXDW2/PADgC30f0GsHZtRh+HOcXHnw137TrNlyxxRvWW5fjKd3bcLHPxofWuCjaeZg==
-
 normalize-url@^6.0.0:
   version "6.1.0"
   resolved "https://registry.yarnpkg.com/normalize-url/-/normalize-url-6.1.0.tgz#40d0885b535deffe3f3147bec877d05fe4c5668a"
@@ -10398,29 +7229,7 @@ npm-registry-fetch@^11.0.0:
     minizlib "^2.0.0"
     npm-package-arg "^8.0.0"
 
-npm-run-all@^4.1.5:
-  version "4.1.5"
-  resolved "https://registry.yarnpkg.com/npm-run-all/-/npm-run-all-4.1.5.tgz#04476202a15ee0e2e214080861bff12a51d98fba"
-  integrity sha512-Oo82gJDAVcaMdi3nuoKFavkIHBRVqQ1qvMb+9LHk/cF4P6B2m8aP04hGf7oL6wZ9BuGwX1onlLhpuoofSyoQDQ==
-  dependencies:
-    ansi-styles "^3.2.1"
-    chalk "^2.4.1"
-    cross-spawn "^6.0.5"
-    memorystream "^0.3.1"
-    minimatch "^3.0.4"
-    pidtree "^0.3.0"
-    read-pkg "^3.0.0"
-    shell-quote "^1.6.1"
-    string.prototype.padend "^3.0.0"
-
-npm-run-path@^2.0.0:
-  version "2.0.2"
-  resolved "https://registry.yarnpkg.com/npm-run-path/-/npm-run-path-2.0.2.tgz#35a9232dfa35d7067b4cb2ddf2357b1871536c5f"
-  integrity sha512-lJxZYlT4DW/bRUtFh1MQIWqmLwQfAxnqWG4HhEdjMlkrJYnJn0Jrr2u3mgxqaWsdiBc76TYkTG/mhrnYTuzfHw==
-  dependencies:
-    path-key "^2.0.0"
-
-npm-run-path@^4.0.0, npm-run-path@^4.0.1:
+npm-run-path@^4.0.1:
   version "4.0.1"
   resolved "https://registry.yarnpkg.com/npm-run-path/-/npm-run-path-4.0.1.tgz#b7ecd1e5ed53da8e37a55e1c2269e0b97ed748ea"
   integrity sha512-S48WzZW777zhNIrn7gxOlISNAqi9ZC/uQFnRdbeIHhZhCA6UqpkOT8T1G7BvfdgP4Er8gF4sUbaS0i7QvIfCWw==
@@ -10528,72 +7337,36 @@ npmlog@^5.0.1:
     gauge "^3.0.0"
     set-blocking "^2.0.0"
 
-nth-check@2.0.1, nth-check@^1.0.2, nth-check@^2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/nth-check/-/nth-check-2.0.1.tgz#2efe162f5c3da06a28959fbd3db75dbeea9f0fc2"
-  integrity sha512-it1vE95zF6dTT9lBsYbxvqh0Soy4SPowchj0UBGj/V6cTPnXXtQOPUbhZ6CmGzAD/rW22LQK6E96pcdJXk4A4w==
-  dependencies:
-    boolbase "^1.0.0"
-
-num2fraction@^1.2.2:
-  version "1.2.2"
-  resolved "https://registry.yarnpkg.com/num2fraction/-/num2fraction-1.2.2.tgz#6f682b6a027a4e9ddfa4564cd2589d1d4e669ede"
-  integrity sha512-Y1wZESM7VUThYY+4W+X4ySH2maqcA+p7UR+w8VWNWVAd6lwuXXWz/w/Cz43J/dI2I+PS6wD5N+bJUF+gjWvIqg==
-
 number-is-nan@^1.0.0:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/number-is-nan/-/number-is-nan-1.0.1.tgz#097b602b53422a522c1afb8790318336941a011d"
   integrity sha512-4jbtZXNAsfZbAHiiqjLPBiCl16dES1zI4Hpzzxw61Tk+loF+sBDBKx1ICKKKwIqQ7M0mFn1TmkN7euSncWgHiQ==
 
-nwsapi@^2.2.0:
-  version "2.2.7"
-  resolved "https://registry.yarnpkg.com/nwsapi/-/nwsapi-2.2.7.tgz#738e0707d3128cb750dddcfe90e4610482df0f30"
-  integrity sha512-ub5E4+FBPKwAZx0UwIQOjYWGHTEq5sPqHQNRN8Z9e4A7u3Tj1weLJsL59yH9vmvqEtBHaOmT6cYQKIZOxp35FQ==
+nwsapi@^2.2.2:
+  version "2.2.23"
+  resolved "https://registry.yarnpkg.com/nwsapi/-/nwsapi-2.2.23.tgz#59712c3a88e6de2bb0b6ccc1070397267019cf6c"
+  integrity sha512-7wfH4sLbt4M0gCDzGE6vzQBo0bfTKjU7Sfpqy/7gs1qBfYz2vEJH6vXcBKpO3+6Yu1telwd0t9HpyOoLEQQbIQ==
 
 oauth-sign@~0.9.0:
   version "0.9.0"
   resolved "https://registry.yarnpkg.com/oauth-sign/-/oauth-sign-0.9.0.tgz#47a7b016baa68b5fa0ecf3dee08a85c679ac6455"
   integrity sha512-fexhUFFPTGV8ybAtSIGbV6gOkSv8UtRbDBnAyLQw4QPKkgNlsH2ByPGtMUqdWkos6YCRmAqViwgZrJc/mRDzZQ==
 
-object-assign@^4.0.1, object-assign@^4.1.0, object-assign@^4.1.1:
+object-assign@^4.1.0, object-assign@^4.1.1:
   version "4.1.1"
   resolved "https://registry.yarnpkg.com/object-assign/-/object-assign-4.1.1.tgz#2109adc7965887cfc05cbbd442cac8bfbb360863"
   integrity sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==
 
-object-copy@^0.1.0:
-  version "0.1.0"
-  resolved "https://registry.yarnpkg.com/object-copy/-/object-copy-0.1.0.tgz#7e7d858b781bd7c991a41ba975ed3812754e998c"
-  integrity sha512-79LYn6VAb63zgtmAteVOWo9Vdj71ZVBy3Pbse+VqxDpEP83XuujMrGqHIwAXJ5I/aM0zU7dIyIAhifVTPrNItQ==
-  dependencies:
-    copy-descriptor "^0.1.0"
-    define-property "^0.2.5"
-    kind-of "^3.0.3"
-
 object-inspect@^1.13.1, object-inspect@^1.9.0:
   version "1.13.1"
   resolved "https://registry.yarnpkg.com/object-inspect/-/object-inspect-1.13.1.tgz#b96c6109324ccfef6b12216a956ca4dc2ff94bc2"
   integrity sha512-5qoj1RUiKOMsCCNLV1CBiPYE10sziTsnmNxkAI/rZhiD63CF7IqdFGC/XzjWjpSgLf0LxXX3bDFIh0E18f6UhQ==
 
-object-is@^1.0.1:
-  version "1.1.5"
-  resolved "https://registry.yarnpkg.com/object-is/-/object-is-1.1.5.tgz#b9deeaa5fc7f1846a0faecdceec138e5778f53ac"
-  integrity sha512-3cyDsyHgtmi7I7DfSSI2LDp6SK2lwvtbg0p0R1e0RvTqF5ceGx+K2dfSjm1bKDMVCFEDAQvy+o8c6a7VujOddw==
-  dependencies:
-    call-bind "^1.0.2"
-    define-properties "^1.1.3"
-
 object-keys@^1.1.1:
   version "1.1.1"
   resolved "https://registry.yarnpkg.com/object-keys/-/object-keys-1.1.1.tgz#1c47f272df277f3b1daf061677d9c82e2322c60e"
   integrity sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==
 
-object-visit@^1.0.0:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/object-visit/-/object-visit-1.0.1.tgz#f79c4493af0c5377b59fe39d395e41042dd045bb"
-  integrity sha512-GBaMwwAVK9qbQN3Scdo0OyvgPW7l3lnaVMj84uTOZlswkX0KpF6fyDBJhtTthf7pymztoN36/KEr1DyhF96zEA==
-  dependencies:
-    isobject "^3.0.0"
-
 object.assign@^4.1.2, object.assign@^4.1.4:
   version "4.1.4"
   resolved "https://registry.yarnpkg.com/object.assign/-/object.assign-4.1.4.tgz#9673c7c7c351ab8c4d0b516f4343ebf4dfb7799f"
@@ -10604,7 +7377,7 @@ object.assign@^4.1.2, object.assign@^4.1.4:
     has-symbols "^1.0.3"
     object-keys "^1.1.1"
 
-object.entries@^1.1.0, object.entries@^1.1.2, object.entries@^1.1.6, object.entries@^1.1.7:
+object.entries@^1.1.2, object.entries@^1.1.6, object.entries@^1.1.7:
   version "1.1.7"
   resolved "https://registry.yarnpkg.com/object.entries/-/object.entries-1.1.7.tgz#2b47760e2a2e3a752f39dd874655c61a7f03c131"
   integrity sha512-jCBs/0plmPsOnrKAfFQXRG2NFjlhZgjjcBLSmTnEhU8U6vVTsVe8ANeQJCHTl3gSsI4J+0emOoCgoKlmQPMgmA==
@@ -10622,17 +7395,6 @@ object.fromentries@^2.0.6, object.fromentries@^2.0.7:
     define-properties "^1.2.0"
     es-abstract "^1.22.1"
 
-object.getownpropertydescriptors@^2.0.3, object.getownpropertydescriptors@^2.1.0:
-  version "2.1.7"
-  resolved "https://registry.yarnpkg.com/object.getownpropertydescriptors/-/object.getownpropertydescriptors-2.1.7.tgz#7a466a356cd7da4ba8b9e94ff6d35c3eeab5d56a"
-  integrity sha512-PrJz0C2xJ58FNn11XV2lr4Jt5Gzl94qpy9Lu0JlfEj14z88sqbSBJCBEzdlNUCzY2gburhbrwOZ5BHCmuNUy0g==
-  dependencies:
-    array.prototype.reduce "^1.0.6"
-    call-bind "^1.0.2"
-    define-properties "^1.2.0"
-    es-abstract "^1.22.1"
-    safe-array-concat "^1.0.0"
-
 object.groupby@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/object.groupby/-/object.groupby-1.0.1.tgz#d41d9f3c8d6c778d9cbac86b4ee9f5af103152ee"
@@ -10651,14 +7413,7 @@ object.hasown@^1.1.2:
     define-properties "^1.2.0"
     es-abstract "^1.22.1"
 
-object.pick@^1.3.0:
-  version "1.3.0"
-  resolved "https://registry.yarnpkg.com/object.pick/-/object.pick-1.3.0.tgz#87a10ac4c1694bd2e1cbf53591a66141fb5dd747"
-  integrity sha512-tqa/UMy/CCoYmj+H5qc07qvSL9dqcs/WZENZ1JbtWBlATP+iVOe778gE6MSijnyCnORzDuX6hU+LA4SZ09YjFQ==
-  dependencies:
-    isobject "^3.0.1"
-
-object.values@^1.1.0, object.values@^1.1.6, object.values@^1.1.7:
+object.values@^1.1.6, object.values@^1.1.7:
   version "1.1.7"
   resolved "https://registry.yarnpkg.com/object.values/-/object.values-1.1.7.tgz#617ed13272e7e1071b43973aa1655d9291b8442a"
   integrity sha512-aU6xnDFYT3x17e/f0IiiwlGPTy2jzMySGfUB4fq6z7CV8l85CWHDk5ErhyhpfDHhrOMwGFhSQkhMGHaIotA6Ng==
@@ -10667,86 +7422,25 @@ object.values@^1.1.0, object.values@^1.1.6, object.values@^1.1.7:
     define-properties "^1.2.0"
     es-abstract "^1.22.1"
 
-obuf@^1.0.0, obuf@^1.1.2:
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/obuf/-/obuf-1.1.2.tgz#09bea3343d41859ebd446292d11c9d4db619084e"
-  integrity sha512-PX1wu0AmAdPqOL1mWhqmlOd8kOIZQwGZw6rh7uby9fTc5lhaOWFLX3I6R1hrF9k3zUY40e6igsLGkDXK92LJNg==
-
-on-finished@2.4.1:
-  version "2.4.1"
-  resolved "https://registry.yarnpkg.com/on-finished/-/on-finished-2.4.1.tgz#58c8c44116e54845ad57f14ab10b03533184ac3f"
-  integrity sha512-oVlzkg3ENAhCk2zdv7IJwd/QUD4z2RxRwpkcGY8psCVcCYZNq4wYnVWALHM+brtuJjePWiYF/ClmuDr8Ch5+kg==
-  dependencies:
-    ee-first "1.1.1"
-
-on-headers@~1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/on-headers/-/on-headers-1.0.2.tgz#772b0ae6aaa525c399e489adfad90c403eb3c28f"
-  integrity sha512-pZAE+FJLoyITytdqK0U5s+FIpjN0JP3OzFi/u8Rx+EV5/W+JTWGXG8xFzevE7AjBfDqHv/8vL8qQsIhHnqRkrA==
-
-once@^1.3.0, once@^1.3.1, once@^1.4.0:
+once@^1.3.0, once@^1.4.0:
   version "1.4.0"
   resolved "https://registry.yarnpkg.com/once/-/once-1.4.0.tgz#583b1aa775961d4b113ac17d9c50baef9dd76bd1"
   integrity sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==
   dependencies:
     wrappy "1"
 
-onetime@^5.1.0, onetime@^5.1.2:
+onetime@^5.1.2:
   version "5.1.2"
   resolved "https://registry.yarnpkg.com/onetime/-/onetime-5.1.2.tgz#d0e96ebb56b07476df1dd9c4806e5237985ca45e"
   integrity sha512-kbpaSSGJTWdAY5KPVeMOKXSrPtr8C8C7wodJbcsd51jRnmD+GZu8Y0VoU6Dm5Z4vWr0Ig/1NKuWRKf7j5aaYSg==
   dependencies:
     mimic-fn "^2.1.0"
 
-open@^7.0.2:
-  version "7.4.2"
-  resolved "https://registry.yarnpkg.com/open/-/open-7.4.2.tgz#b8147e26dcf3e426316c730089fd71edd29c2321"
-  integrity sha512-MVHddDVweXZF3awtlAS+6pgKLlm/JgxZ90+/NBurBoQctVOOB/zDdVjcyPzQ+0laDGbsWgrRkflI65sQeOgT9Q==
-  dependencies:
-    is-docker "^2.0.0"
-    is-wsl "^2.1.1"
-
-open@^8.4.0:
-  version "8.4.2"
-  resolved "https://registry.yarnpkg.com/open/-/open-8.4.2.tgz#5b5ffe2a8f793dcd2aad73e550cb87b59cb084f9"
-  integrity sha512-7x81NCL719oNbsq/3mh+hVrAWmFuEYUqrq/Iw3kUzH8ReypT9QQ0BLoJS7/G9k6N81XjW4qHWtjWwe/9eLy1EQ==
-  dependencies:
-    define-lazy-prop "^2.0.0"
-    is-docker "^2.1.1"
-    is-wsl "^2.2.0"
-
 opener@^1.5.2:
   version "1.5.2"
   resolved "https://registry.yarnpkg.com/opener/-/opener-1.5.2.tgz#5d37e1f35077b9dcac4301372271afdeb2a13598"
   integrity sha512-ur5UIdyw5Y7yEj9wLzhqXiy6GZ3Mwx0yGI+5sMn2r0N0v3cKJvUmFH5yPP+WXh9e0xfyzyJX95D8l088DNFj7A==
 
-opn@^5.5.0:
-  version "5.5.0"
-  resolved "https://registry.yarnpkg.com/opn/-/opn-5.5.0.tgz#fc7164fab56d235904c51c3b27da6758ca3b9bfc"
-  integrity sha512-PqHpggC9bLV0VeWcdKhkpxY+3JTzetLSqTCWL/z/tFIbI6G8JCjondXklT1JinczLz2Xib62sSp0T/gKT4KksA==
-  dependencies:
-    is-wsl "^1.1.0"
-
-optimize-css-assets-webpack-plugin@5.0.4:
-  version "5.0.4"
-  resolved "https://registry.yarnpkg.com/optimize-css-assets-webpack-plugin/-/optimize-css-assets-webpack-plugin-5.0.4.tgz#85883c6528aaa02e30bbad9908c92926bb52dc90"
-  integrity sha512-wqd6FdI2a5/FdoiCNNkEvLeA//lHHfG24Ln2Xm2qqdIk4aOlsR18jwpyOihqQ8849W3qu2DX8fOYxpvTMj+93A==
-  dependencies:
-    cssnano "^4.1.10"
-    last-call-webpack-plugin "^3.0.0"
-
-optionator@^0.8.1:
-  version "0.8.3"
-  resolved "https://registry.yarnpkg.com/optionator/-/optionator-0.8.3.tgz#84fa1d036fe9d3c7e21d99884b601167ec8fb495"
-  integrity sha512-+IW9pACdk3XWmmTXG8m3upGUJst5XRGzxMRjXzAuJ1XnIFNvfhjjIuYkDvysnPQ7qzqVzLt78BCruntqRhWQbA==
-  dependencies:
-    deep-is "~0.1.3"
-    fast-levenshtein "~2.0.6"
-    levn "~0.3.0"
-    prelude-ls "~1.1.2"
-    type-check "~0.3.2"
-    word-wrap "~1.2.3"
-
 optionator@^0.9.1:
   version "0.9.3"
   resolved "https://registry.yarnpkg.com/optionator/-/optionator-0.9.3.tgz#007397d44ed1872fdc6ed31360190f81814e2c64"
@@ -10759,25 +7453,6 @@ optionator@^0.9.1:
     prelude-ls "^1.2.1"
     type-check "^0.4.0"
 
-ora@^4.0.2:
-  version "4.1.1"
-  resolved "https://registry.yarnpkg.com/ora/-/ora-4.1.1.tgz#566cc0348a15c36f5f0e979612842e02ba9dddbc"
-  integrity sha512-sjYP8QyVWBpBZWD6Vr1M/KwknSw6kJOz41tvGMlwWeClHBtYKTbHMki1PsLZnxKpXMPbTKv9b3pjQu3REib96A==
-  dependencies:
-    chalk "^3.0.0"
-    cli-cursor "^3.1.0"
-    cli-spinners "^2.2.0"
-    is-interactive "^1.0.0"
-    log-symbols "^3.0.0"
-    mute-stream "0.0.8"
-    strip-ansi "^6.0.0"
-    wcwidth "^1.0.1"
-
-os-browserify@^0.3.0:
-  version "0.3.0"
-  resolved "https://registry.yarnpkg.com/os-browserify/-/os-browserify-0.3.0.tgz#854373c7f5c2315914fc9bfc6bd8238fdda1ec27"
-  integrity sha512-gjcpUc3clBf9+210TRaDWbf+rZZZEshZ+DlXMRCeAjp0xhTrnQsKHypIy1J3d5hKdUzj69t708EHtU8P6bUn0A==
-
 p-each-series@^2.1.0:
   version "2.2.0"
   resolved "https://registry.yarnpkg.com/p-each-series/-/p-each-series-2.2.0.tgz#105ab0357ce72b202a8a8b94933672657b5e2a9a"
@@ -10790,11 +7465,6 @@ p-filter@^2.0.0:
   dependencies:
     p-map "^2.0.0"
 
-p-finally@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/p-finally/-/p-finally-1.0.0.tgz#3fbcfb15b899a44123b34b6dcc18b724336a2cae"
-  integrity sha512-LICb2p9CB7FS+0eR1oqWnHhp0FljGLZCWBE9aix0Uye9W8LTQPwMTYVGWQWIw9RdQiDg4+epXQODwIYJtSJaow==
-
 p-is-promise@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/p-is-promise/-/p-is-promise-3.0.0.tgz#58e78c7dfe2e163cf2a04ff869e7c1dba64a5971"
@@ -10807,14 +7477,14 @@ p-limit@^1.1.0:
   dependencies:
     p-try "^1.0.0"
 
-p-limit@^2.0.0, p-limit@^2.2.0:
+p-limit@^2.2.0:
   version "2.3.0"
   resolved "https://registry.yarnpkg.com/p-limit/-/p-limit-2.3.0.tgz#3dd33c647a214fdfffd835933eb086da0dc21db1"
   integrity sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==
   dependencies:
     p-try "^2.0.0"
 
-p-limit@^3.0.2:
+p-limit@^3.1.0:
   version "3.1.0"
   resolved "https://registry.yarnpkg.com/p-limit/-/p-limit-3.1.0.tgz#e1daccbe78d0d1388ca18c64fea38e3e57e3706b"
   integrity sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==
@@ -10828,13 +7498,6 @@ p-locate@^2.0.0:
   dependencies:
     p-limit "^1.1.0"
 
-p-locate@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/p-locate/-/p-locate-3.0.0.tgz#322d69a05c0264b25997d9f40cd8a891ab0064a4"
-  integrity sha512-x+12w/To+4GFfgJhBEpiDcLozRJGegY+Ei7/z0tSLkMmxGZNybVMSfWj9aJn8Z5Fc7dBUNJOOVgPv2H7IwulSQ==
-  dependencies:
-    p-limit "^2.0.0"
-
 p-locate@^4.1.0:
   version "4.1.0"
   resolved "https://registry.yarnpkg.com/p-locate/-/p-locate-4.1.0.tgz#a3428bb7088b3a60292f66919278b7c297ad4f07"
@@ -10842,13 +7505,6 @@ p-locate@^4.1.0:
   dependencies:
     p-limit "^2.2.0"
 
-p-locate@^5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/p-locate/-/p-locate-5.0.0.tgz#83c8315c6785005e3bd021839411c9e110e6d834"
-  integrity sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==
-  dependencies:
-    p-limit "^3.0.2"
-
 p-map@^2.0.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/p-map/-/p-map-2.1.0.tgz#310928feef9c9ecc65b68b17693018a665cea175"
@@ -10866,13 +7522,6 @@ p-reduce@^2.0.0:
   resolved "https://registry.yarnpkg.com/p-reduce/-/p-reduce-2.1.0.tgz#09408da49507c6c274faa31f28df334bc712b64a"
   integrity sha512-2USApvnsutq8uoxZBGbbWM0JIYLiEMJ9RlaN7fAzVNb9OZN0SHjjTTfIcb667XynS5Y1VhwDJVDa72TnPzAYWw==
 
-p-retry@^3.0.1:
-  version "3.0.1"
-  resolved "https://registry.yarnpkg.com/p-retry/-/p-retry-3.0.1.tgz#316b4c8893e2c8dc1cfa891f406c4b422bebf328"
-  integrity sha512-XE6G4+YTTkT2a0UWb2kjZe8xNwf8bIbnqpc/IS/idOBVhyves0mK5OJgeocjx7q5pvX/6m23xuzVPYT1uGM73w==
-  dependencies:
-    retry "^0.12.0"
-
 p-retry@^4.0.0:
   version "4.6.2"
   resolved "https://registry.yarnpkg.com/p-retry/-/p-retry-4.6.2.tgz#9baae7184057edd4e17231cee04264106e092a16"
@@ -10916,28 +7565,6 @@ pacote@^11.1.11, pacote@^11.2.6, pacote@^11.3.0, pacote@^11.3.1, pacote@^11.3.5:
     ssri "^8.0.1"
     tar "^6.1.0"
 
-pako@~1.0.5:
-  version "1.0.11"
-  resolved "https://registry.yarnpkg.com/pako/-/pako-1.0.11.tgz#6c9599d340d54dfd3946380252a35705a6b992bf"
-  integrity sha512-4hLB8Py4zZce5s4yd9XzopqwVv/yGNhV1Bl8NTmCq1763HeK2+EwVTv+leGeL13Dnh2wfbqowVPXCIO0z4taYw==
-
-parallel-transform@^1.1.0:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/parallel-transform/-/parallel-transform-1.2.0.tgz#9049ca37d6cb2182c3b1d2c720be94d14a5814fc"
-  integrity sha512-P2vSmIu38uIlvdcU7fDkyrxj33gTUy/ABO5ZUbGowxNCopBq/OoD42bP4UmMrJoPyk4Uqf0mu3mtWBhHCZD8yg==
-  dependencies:
-    cyclist "^1.0.1"
-    inherits "^2.0.3"
-    readable-stream "^2.1.5"
-
-param-case@^3.0.3:
-  version "3.0.4"
-  resolved "https://registry.yarnpkg.com/param-case/-/param-case-3.0.4.tgz#7d17fe4aa12bde34d4a77d91acfb6219caad01c5"
-  integrity sha512-RXlj7zCYokReqWpOPH9oYivUzLYZ5vAPIfEmCTNViosC78F8F0H9y7T7gG2M39ymgutxF5gcFEsyZQSph9Bp3A==
-  dependencies:
-    dot-case "^3.0.4"
-    tslib "^2.0.3"
-
 parent-module@^1.0.0:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/parent-module/-/parent-module-1.0.1.tgz#691d2709e78c79fae3a156622452d00762caaaa2"
@@ -10945,17 +7572,6 @@ parent-module@^1.0.0:
   dependencies:
     callsites "^3.0.0"
 
-parse-asn1@^5.0.0, parse-asn1@^5.1.6:
-  version "5.1.6"
-  resolved "https://registry.yarnpkg.com/parse-asn1/-/parse-asn1-5.1.6.tgz#385080a3ec13cb62a62d39409cb3e88844cdaed4"
-  integrity sha512-RnZRo1EPU6JBnra2vGHj0yhp6ebyjBZpmUCLHWiFhxlzvBCCpAuZ7elsBp1PVAbQN0/04VD/19rfzlBSwLstMw==
-  dependencies:
-    asn1.js "^5.2.0"
-    browserify-aes "^1.0.0"
-    evp_bytestokey "^1.0.0"
-    pbkdf2 "^3.0.3"
-    safe-buffer "^5.1.1"
-
 parse-conflict-json@^1.1.1:
   version "1.1.1"
   resolved "https://registry.yarnpkg.com/parse-conflict-json/-/parse-conflict-json-1.1.1.tgz#54ec175bde0f2d70abf6be79e0e042290b86701b"
@@ -10965,17 +7581,18 @@ parse-conflict-json@^1.1.1:
     just-diff "^3.0.1"
     just-diff-apply "^3.0.0"
 
-parse-entities@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/parse-entities/-/parse-entities-2.0.0.tgz#53c6eb5b9314a1f4ec99fa0fdf7ce01ecda0cbe8"
-  integrity sha512-kkywGpCcRYhqQIchaWqZ875wzpS/bMKhz5HnN3p7wveJTkTtyAB/AlnS0f8DFSqYW1T82t6yEAkEcB+A1I3MbQ==
+parse-entities@^4.0.0:
+  version "4.0.2"
+  resolved "https://registry.yarnpkg.com/parse-entities/-/parse-entities-4.0.2.tgz#61d46f5ed28e4ee62e9ddc43d6b010188443f159"
+  integrity sha512-GG2AQYWoLgL877gQIKeRPGO1xF9+eG1ujIb5soS5gPvLQ1y2o8FL90w2QWNdf9I361Mpp7726c+lj3U0qK1uGw==
   dependencies:
-    character-entities "^1.0.0"
-    character-entities-legacy "^1.0.0"
-    character-reference-invalid "^1.0.0"
-    is-alphanumerical "^1.0.0"
-    is-decimal "^1.0.0"
-    is-hexadecimal "^1.0.0"
+    "@types/unist" "^2.0.0"
+    character-entities-legacy "^3.0.0"
+    character-reference-invalid "^2.0.0"
+    decode-named-character-reference "^1.0.0"
+    is-alphanumerical "^2.0.0"
+    is-decimal "^2.0.0"
+    is-hexadecimal "^2.0.0"
 
 parse-json@^4.0.0:
   version "4.0.0"
@@ -10985,7 +7602,7 @@ parse-json@^4.0.0:
     error-ex "^1.3.1"
     json-parse-better-errors "^1.0.1"
 
-parse-json@^5.0.0:
+parse-json@^5.0.0, parse-json@^5.2.0:
   version "5.2.0"
   resolved "https://registry.yarnpkg.com/parse-json/-/parse-json-5.2.0.tgz#c76fc66dee54231c962b22bcc8a72cf2f99753cd"
   integrity sha512-ayCKvm/phCGxOkYRSCM82iDwct8/EonSEgCSxWxD7ve6jHggsFl4fZVQBPRNgQoKiuV/odhFrGzQXZwbifC8Rg==
@@ -10995,38 +7612,17 @@ parse-json@^5.0.0:
     json-parse-even-better-errors "^2.3.0"
     lines-and-columns "^1.1.6"
 
-parse5@6.0.1:
-  version "6.0.1"
-  resolved "https://registry.yarnpkg.com/parse5/-/parse5-6.0.1.tgz#e1a1c085c569b3dc08321184f19a39cc27f7c30b"
-  integrity sha512-Ofn/CTFzRGTTxwpNEs9PP93gXShHcTq255nzRYSKe8AkVpZY7e1fpmTfOyoIvjP5HG7Z2ZM7VS9PPhQGW2pOpw==
-
-parseurl@~1.3.2, parseurl@~1.3.3:
-  version "1.3.3"
-  resolved "https://registry.yarnpkg.com/parseurl/-/parseurl-1.3.3.tgz#9da19e7bee8d12dff0513ed5b76957793bc2e8d4"
-  integrity sha512-CiyeOxFT/JZyN5m0z9PfXw4SCBJ6Sygz1Dpl0wqjlhDEGGBP1GnsUVEL0p63hoG1fcj3fHynXi9NYO4nWOL+qQ==
-
-pascal-case@^3.1.2:
-  version "3.1.2"
-  resolved "https://registry.yarnpkg.com/pascal-case/-/pascal-case-3.1.2.tgz#b48e0ef2b98e205e7c1dae747d0b1508237660eb"
-  integrity sha512-uWlGT3YSnK9x3BQJaOdcZwrnV6hPpd8jFH1/ucpiLRPh/2zCVJKS19E4GvYHvaCcACn3foXZ0cLB9Wrx1KGe5g==
+parse5@^7.0.0, parse5@^7.1.1:
+  version "7.3.0"
+  resolved "https://registry.yarnpkg.com/parse5/-/parse5-7.3.0.tgz#d7e224fa72399c7a175099f45fc2ad024b05ec05"
+  integrity sha512-IInvU7fabl34qmi9gY8XOVxhYyMyuH2xUNpb2q8/Y+7552KlejkRvqvD19nMoUW/uQGGbqNpA6Tufu5FL5BZgw==
   dependencies:
-    no-case "^3.0.4"
-    tslib "^2.0.3"
+    entities "^6.0.0"
 
-pascalcase@^0.1.1:
-  version "0.1.1"
-  resolved "https://registry.yarnpkg.com/pascalcase/-/pascalcase-0.1.1.tgz#b363e55e8006ca6fe21784d2db22bd15d7917f14"
-  integrity sha512-XHXfu/yOQRy9vYOtUDVMN60OEJjW013GoObG1o+xwQTpB9eYJX/BjXMsdW13ZDPruFhYYn0AG22w0xgQMwl3Nw==
-
-path-browserify@0.0.1:
-  version "0.0.1"
-  resolved "https://registry.yarnpkg.com/path-browserify/-/path-browserify-0.0.1.tgz#e6c4ddd7ed3aa27c68a20cc4e50e1a4ee83bbc4a"
-  integrity sha512-BapA40NHICOS+USX9SN4tyhq+A2RrN/Ws5F0Z5aMHDp98Fl86lX8Oti8B7uN93L4Ifv4fHOEA+pQw87gmMO/lQ==
-
-path-dirname@^1.0.0:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/path-dirname/-/path-dirname-1.0.2.tgz#cc33d24d525e099a5388c0336c6e32b9160609e0"
-  integrity sha512-ALzNPpyNq9AqXMBjeymIjFDAkAFH06mHJH/cSBHAgU0s4vfpBn6b2nf8tiRLvagKD8RbTpq2FKTBg7cl9l3c7Q==
+path-browserify@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/path-browserify/-/path-browserify-1.0.1.tgz#d98454a9c3753d5790860f16f68867b9e46be1fd"
+  integrity sha512-b7uo2UCUOYZcnF/3ID0lulOJi/bafxa1xPe7ZPsammBSpjSWQkjNxlt635YGS2MiR9GjvuXCtz2emr3jbsz98g==
 
 path-exists@^3.0.0:
   version "3.0.0"
@@ -11043,117 +7639,65 @@ path-is-absolute@^1.0.0:
   resolved "https://registry.yarnpkg.com/path-is-absolute/-/path-is-absolute-1.0.1.tgz#174b9268735534ffbc7ace6bf53a5a9e1b5c5f5f"
   integrity sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==
 
-path-is-inside@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/path-is-inside/-/path-is-inside-1.0.2.tgz#365417dede44430d1c11af61027facf074bdfc53"
-  integrity sha512-DUWJr3+ULp4zXmol/SZkFf3JGsS9/SIv+Y3Rt93/UjPpDpklB5f1er4O3POIbUuUJ3FXgqte2Q7SrU6zAqwk8w==
-
-path-key@^2.0.0, path-key@^2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/path-key/-/path-key-2.0.1.tgz#411cadb574c5a140d3a4b1910d40d80cc9f40b40"
-  integrity sha512-fEHGKCSmUSDPv4uoj8AlD+joPlq3peND+HRYyxFz4KPw4z926S/b8rIuFs2FYJg3BwsxJf6A9/3eIdLaYC+9Dw==
-
 path-key@^3.0.0, path-key@^3.1.0:
   version "3.1.1"
   resolved "https://registry.yarnpkg.com/path-key/-/path-key-3.1.1.tgz#581f6ade658cbba65a0d3380de7753295054f375"
   integrity sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==
 
-path-parse@^1.0.6, path-parse@^1.0.7:
+path-parse@^1.0.7:
   version "1.0.7"
   resolved "https://registry.yarnpkg.com/path-parse/-/path-parse-1.0.7.tgz#fbc114b60ca42b30d9daf5858e4bd68bbedb6735"
   integrity sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==
 
-path-to-regexp@0.1.7:
-  version "0.1.7"
-  resolved "https://registry.yarnpkg.com/path-to-regexp/-/path-to-regexp-0.1.7.tgz#df604178005f522f15eb4490e7247a1bfaa67f8c"
-  integrity sha512-5DFkuoqlv1uYQKxy8omFBeJPQcdoE07Kv2sferDCrAq1ohOU+MSDswDIbnx3YAM60qIOnYa53wBhXW0EbMonrQ==
-
-path-type@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/path-type/-/path-type-3.0.0.tgz#cef31dc8e0a1a3bb0d105c0cd97cf3bf47f4e36f"
-  integrity sha512-T2ZUsdZFHgA3u4e5PfPbjd7HDDpxPnQb5jN0SrDsjNSuVXHJqtwTnWqG0B1jZrgmJ/7lj1EmVIByWt1gxGkWvg==
-  dependencies:
-    pify "^3.0.0"
-
 path-type@^4.0.0:
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/path-type/-/path-type-4.0.0.tgz#84ed01c0a7ba380afe09d90a8c180dcd9d03043b"
   integrity sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==
 
-pause-stream@0.0.11:
-  version "0.0.11"
-  resolved "https://registry.yarnpkg.com/pause-stream/-/pause-stream-0.0.11.tgz#fe5a34b0cbce12b5aa6a2b403ee2e73b602f1445"
-  integrity sha512-e3FBlXLmN/D1S+zHzanP4E/4Z60oFAa3O051qt1pxa7DEJWKAyil6upYVXCWadEnuoqa4Pkc9oUx9zsxYeRv8A==
-  dependencies:
-    through "~2.3"
-
-pbkdf2@^3.0.3:
-  version "3.1.2"
-  resolved "https://registry.yarnpkg.com/pbkdf2/-/pbkdf2-3.1.2.tgz#dd822aa0887580e52f1a039dc3eda108efae3075"
-  integrity sha512-iuh7L6jA7JEGu2WxDwtQP1ddOpaJNC4KlDEFfdQajSGgGPNi4OyDc2R7QnbY2bR9QjBVGwgvTdNJZoE7RaxUMA==
-  dependencies:
-    create-hash "^1.1.2"
-    create-hmac "^1.1.4"
-    ripemd160 "^2.0.1"
-    safe-buffer "^5.0.1"
-    sha.js "^2.4.8"
+pathe@^2.0.1, pathe@^2.0.3:
+  version "2.0.3"
+  resolved "https://registry.yarnpkg.com/pathe/-/pathe-2.0.3.tgz#3ecbec55421685b70a9da872b2cff3e1cbed1716"
+  integrity sha512-WUjGcAqP1gQacoQe+OBJsFA7Ld4DyXuUIjZ5cc75cLHvJ7dtNsTugphxIADwspS+AraAUePCKrSVtPLFj/F88w==
 
 performance-now@^2.1.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/performance-now/-/performance-now-2.1.0.tgz#6309f4e0e5fa913ec1c69307ae364b4b377c9e7b"
   integrity sha512-7EAHlyLHI56VEIdK57uwHdHKIaAGbnXPiw0yWbarQZOKaKpvUIgW0jWRVLiatnM+XXlSwsanIBH/hzGMJulMow==
 
-picocolors@^0.2.1:
-  version "0.2.1"
-  resolved "https://registry.yarnpkg.com/picocolors/-/picocolors-0.2.1.tgz#570670f793646851d1ba135996962abad587859f"
-  integrity sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA==
-
 picocolors@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/picocolors/-/picocolors-1.0.0.tgz#cb5bdc74ff3f51892236eaf79d68bc44564ab81c"
   integrity sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==
 
-picomatch@^2.0.4, picomatch@^2.2.1, picomatch@^2.2.2, picomatch@^2.3.1:
+picocolors@^1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/picocolors/-/picocolors-1.1.1.tgz#3d321af3eab939b083c8f929a1d12cda81c26b6b"
+  integrity sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==
+
+picomatch@^2.0.4, picomatch@^2.3.1:
   version "2.3.1"
   resolved "https://registry.yarnpkg.com/picomatch/-/picomatch-2.3.1.tgz#3ba3833733646d9d3e4995946c1365a67fb07a42"
   integrity sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==
 
-pidtree@^0.3.0:
-  version "0.3.1"
-  resolved "https://registry.yarnpkg.com/pidtree/-/pidtree-0.3.1.tgz#ef09ac2cc0533df1f3250ccf2c4d366b0d12114a"
-  integrity sha512-qQbW94hLHEqCg7nhby4yRC7G2+jYHY4Rguc2bjw7Uug4GIJuu1tvf2uHaZv5Q8zdt+WKJ6qK1FOI6amaWUo5FA==
+picomatch@^2.2.3:
+  version "2.3.2"
+  resolved "https://registry.yarnpkg.com/picomatch/-/picomatch-2.3.2.tgz#5a942915e26b372dc0f0e6753149a16e6b1c5601"
+  integrity sha512-V7+vQEJ06Z+c5tSye8S+nHUfI51xoXIXjHQ99cQtKUkQqqO1kO/KCJUfZXuB47h/YBlDhah2H3hdUGXn8ie0oA==
 
-pify@^2.0.0:
-  version "2.3.0"
-  resolved "https://registry.yarnpkg.com/pify/-/pify-2.3.0.tgz#ed141a6ac043a849ea588498e7dca8b15330e90c"
-  integrity sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==
+picomatch@^4.0.2:
+  version "4.0.4"
+  resolved "https://registry.yarnpkg.com/picomatch/-/picomatch-4.0.4.tgz#fd6f5e00a143086e074dffe4c924b8fb293b0589"
+  integrity sha512-QP88BAKvMam/3NxH6vj2o21R6MjxZUAd6nlwAS/pnGvN9IVLocLHxGYIzFhg6fUQ+5th6P4dv4eW9jX3DSIj7A==
 
 pify@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/pify/-/pify-3.0.0.tgz#e5a4acd2c101fdf3d9a4d07f0dbc4db49dd28176"
   integrity sha512-C3FsVNH1udSEX48gGX1xfvwTWfsYWj5U+8/uK15BGzIGrKoUpghX8hWZwa/OFnakBiiVNmBvemTJR5mcy7iPcg==
 
-pify@^4.0.1:
-  version "4.0.1"
-  resolved "https://registry.yarnpkg.com/pify/-/pify-4.0.1.tgz#4b2cd25c50d598735c50292224fd8c6df41e3231"
-  integrity sha512-uB80kBFb/tfd68bVleG9T5GGsGPjJrLAUpR5PZIrhBnIaRTQRjqdJSsIKkOP6OAIFbj7GOrcudc5pNjZ+geV2g==
-
-pinkie-promise@^2.0.0:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/pinkie-promise/-/pinkie-promise-2.0.1.tgz#2135d6dfa7a358c069ac9b178776288228450ffa"
-  integrity sha512-0Gni6D4UcLTbv9c57DfxDGdr41XfgUjqWZu492f0cIGr16zDU06BWP/RAEvOuo7CQ0CNjHaLlM59YJJFm3NWlw==
-  dependencies:
-    pinkie "^2.0.0"
-
-pinkie@^2.0.0:
-  version "2.0.4"
-  resolved "https://registry.yarnpkg.com/pinkie/-/pinkie-2.0.4.tgz#72556b80cfa0d48a974e80e77248e80ed4f7f870"
-  integrity sha512-MnUuEycAemtSaeFSjXKW/aroV7akBbY+Sv+RkyqFjgAe73F+MR0TBWKBRDkmfWq/HiFmdavfZ1G7h4SPZXaCSg==
-
-pirates@^4.0.1:
-  version "4.0.6"
-  resolved "https://registry.yarnpkg.com/pirates/-/pirates-4.0.6.tgz#3018ae32ecfcff6c29ba2267cbf21166ac1f36b9"
-  integrity sha512-saLsH7WeYYPiD25LDuLRRY/i+6HaPYr6G1OUlN39otzkSTxKnubR9RTxS3/Kk50s1g2JTgFwWQDQyplC5/SHZg==
+pirates@^4.0.4:
+  version "4.0.7"
+  resolved "https://registry.yarnpkg.com/pirates/-/pirates-4.0.7.tgz#643b4a18c4257c8a65104b73f3049ce9a0a15e22"
+  integrity sha512-TfySrs/5nm8fQJDcBDuUng3VOUKsd7S+zqvbOTiGXHfxX4wK31ard+hoNuvkicM/2YFzlpDgABOevKSsB4G/FA==
 
 pkg-conf@^2.1.0:
   version "2.1.0"
@@ -11163,26 +7707,30 @@ pkg-conf@^2.1.0:
     find-up "^2.0.0"
     load-json-file "^4.0.0"
 
-pkg-dir@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/pkg-dir/-/pkg-dir-3.0.0.tgz#2749020f239ed990881b1f71210d51eb6523bea3"
-  integrity sha512-/E57AYkoeQ25qkxMj5PBOVgF8Kiu/h7cYS30Z5+R7WaiCCBfLq58ZI/dSeaEKb9WVJV5n/03QwrN3IeWIFllvw==
-  dependencies:
-    find-up "^3.0.0"
-
-pkg-dir@^4.1.0, pkg-dir@^4.2.0:
+pkg-dir@^4.2.0:
   version "4.2.0"
   resolved "https://registry.yarnpkg.com/pkg-dir/-/pkg-dir-4.2.0.tgz#f099133df7ede422e81d1d8448270eeb3e4261f3"
   integrity sha512-HRDzbaKjC+AOWVXxAU/x54COGeIv9eb+6CkDSQoNTt4XyWoIJvuPsXizxu/Fr23EiekbtZwmh1IcIG/l/a10GQ==
   dependencies:
     find-up "^4.0.0"
 
-pkg-up@3.1.0, pkg-up@^3.1.0:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/pkg-up/-/pkg-up-3.1.0.tgz#100ec235cc150e4fd42519412596a28512a0def5"
-  integrity sha512-nDywThFk1i4BQK4twPQ6TA4RT8bDY96yeuCVBWL3ePARCiEKDRSrNGbFIgUJpLp+XeIR65v8ra7WuJOFUBtkMA==
+pkg-types@^1.3.1:
+  version "1.3.1"
+  resolved "https://registry.yarnpkg.com/pkg-types/-/pkg-types-1.3.1.tgz#bd7cc70881192777eef5326c19deb46e890917df"
+  integrity sha512-/Jm5M4RvtBFVkKWRu2BLUTNP8/M2a+UwuAX+ae4770q1qVGtfjG+WTCupoZixokjmHiry8uI+dlY8KXYV5HVVQ==
   dependencies:
-    find-up "^3.0.0"
+    confbox "^0.1.8"
+    mlly "^1.7.4"
+    pathe "^2.0.1"
+
+pkg-types@^2.3.0:
+  version "2.3.0"
+  resolved "https://registry.yarnpkg.com/pkg-types/-/pkg-types-2.3.0.tgz#037f2c19bd5402966ff6810e32706558cb5b5726"
+  integrity sha512-SIqCzDRg0s9npO5XQ3tNZioRY1uK06lA41ynBC1YmFTmnY6FjUjVt6s4LoADmwoig1qqD0oK8h1p/8mlMx8Oig==
+  dependencies:
+    confbox "^0.2.2"
+    exsolve "^1.0.7"
+    pathe "^2.0.3"
 
 playwright-core@1.39.0:
   version "1.39.0"
@@ -11196,752 +7744,44 @@ playwright@1.39.0:
   dependencies:
     playwright-core "1.39.0"
   optionalDependencies:
-    fsevents "2.3.2"
-
-pnp-webpack-plugin@1.6.4:
-  version "1.6.4"
-  resolved "https://registry.yarnpkg.com/pnp-webpack-plugin/-/pnp-webpack-plugin-1.6.4.tgz#c9711ac4dc48a685dabafc86f8b6dd9f8df84149"
-  integrity sha512-7Wjy+9E3WwLOEL30D+m8TSTF7qJJUJLONBnwQp0518siuMxUQUbgZwssaFX+QKlZkjHZcw/IpZCt/H0srrntSg==
-  dependencies:
-    ts-pnp "^1.1.6"
-
-portfinder@^1.0.26:
-  version "1.0.32"
-  resolved "https://registry.yarnpkg.com/portfinder/-/portfinder-1.0.32.tgz#2fe1b9e58389712429dc2bea5beb2146146c7f81"
-  integrity sha512-on2ZJVVDXRADWE6jnQaX0ioEylzgBpQk8r55NE4wjXW1ZxO+BgDlY6DXwj20i0V8eB4SenDQ00WEaxfiIQPcxg==
-  dependencies:
-    async "^2.6.4"
-    debug "^3.2.7"
-    mkdirp "^0.5.6"
-
-posix-character-classes@^0.1.0:
-  version "0.1.1"
-  resolved "https://registry.yarnpkg.com/posix-character-classes/-/posix-character-classes-0.1.1.tgz#01eac0fe3b5af71a2a6c02feabb8c1fef7e00eab"
-  integrity sha512-xTgYBc3fuo7Yt7JbiuFxSYGToMoz8fLoE6TC9Wx1P/u+LfeThMOAqmuyECnlBaaJb+u1m9hHiXUEtwW4OzfUJg==
-
-possible-typed-array-names@^1.0.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/possible-typed-array-names/-/possible-typed-array-names-1.1.0.tgz#93e3582bc0e5426586d9d07b79ee40fc841de4ae"
-  integrity sha512-/+5VFTchJDoVj3bhoqi6UeymcD00DAwb1nJwamzPvHEszJ4FpF6SNNbUbOS8yI56qHzdV8eK0qEfOSiodkTdxg==
-
-postcss-attribute-case-insensitive@^4.0.1:
-  version "4.0.2"
-  resolved "https://registry.yarnpkg.com/postcss-attribute-case-insensitive/-/postcss-attribute-case-insensitive-4.0.2.tgz#d93e46b504589e94ac7277b0463226c68041a880"
-  integrity sha512-clkFxk/9pcdb4Vkn0hAHq3YnxBQ2p0CGD1dy24jN+reBck+EWxMbxSUqN4Yj7t0w8csl87K6p0gxBe1utkJsYA==
-  dependencies:
-    postcss "^7.0.2"
-    postcss-selector-parser "^6.0.2"
-
-postcss-browser-comments@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/postcss-browser-comments/-/postcss-browser-comments-3.0.0.tgz#1248d2d935fb72053c8e1f61a84a57292d9f65e9"
-  integrity sha512-qfVjLfq7HFd2e0HW4s1dvU8X080OZdG46fFbIBFjW7US7YPDcWfRvdElvwMJr2LI6hMmD+7LnH2HcmXTs+uOig==
-  dependencies:
-    postcss "^7"
-
-postcss-calc@^7.0.1:
-  version "7.0.5"
-  resolved "https://registry.yarnpkg.com/postcss-calc/-/postcss-calc-7.0.5.tgz#f8a6e99f12e619c2ebc23cf6c486fdc15860933e"
-  integrity sha512-1tKHutbGtLtEZF6PT4JSihCHfIVldU72mZ8SdZHIYriIZ9fh9k9aWSppaT8rHsyI3dX+KSR+W+Ix9BMY3AODrg==
-  dependencies:
-    postcss "^7.0.27"
-    postcss-selector-parser "^6.0.2"
-    postcss-value-parser "^4.0.2"
-
-postcss-color-functional-notation@^2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/postcss-color-functional-notation/-/postcss-color-functional-notation-2.0.1.tgz#5efd37a88fbabeb00a2966d1e53d98ced93f74e0"
-  integrity sha512-ZBARCypjEDofW4P6IdPVTLhDNXPRn8T2s1zHbZidW6rPaaZvcnCS2soYFIQJrMZSxiePJ2XIYTlcb2ztr/eT2g==
-  dependencies:
-    postcss "^7.0.2"
-    postcss-values-parser "^2.0.0"
-
-postcss-color-gray@^5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/postcss-color-gray/-/postcss-color-gray-5.0.0.tgz#532a31eb909f8da898ceffe296fdc1f864be8547"
-  integrity sha512-q6BuRnAGKM/ZRpfDascZlIZPjvwsRye7UDNalqVz3s7GDxMtqPY6+Q871liNxsonUw8oC61OG+PSaysYpl1bnw==
-  dependencies:
-    "@csstools/convert-colors" "^1.4.0"
-    postcss "^7.0.5"
-    postcss-values-parser "^2.0.0"
-
-postcss-color-hex-alpha@^5.0.3:
-  version "5.0.3"
-  resolved "https://registry.yarnpkg.com/postcss-color-hex-alpha/-/postcss-color-hex-alpha-5.0.3.tgz#a8d9ca4c39d497c9661e374b9c51899ef0f87388"
-  integrity sha512-PF4GDel8q3kkreVXKLAGNpHKilXsZ6xuu+mOQMHWHLPNyjiUBOr75sp5ZKJfmv1MCus5/DWUGcK9hm6qHEnXYw==
-  dependencies:
-    postcss "^7.0.14"
-    postcss-values-parser "^2.0.1"
-
-postcss-color-mod-function@^3.0.3:
-  version "3.0.3"
-  resolved "https://registry.yarnpkg.com/postcss-color-mod-function/-/postcss-color-mod-function-3.0.3.tgz#816ba145ac11cc3cb6baa905a75a49f903e4d31d"
-  integrity sha512-YP4VG+xufxaVtzV6ZmhEtc+/aTXH3d0JLpnYfxqTvwZPbJhWqp8bSY3nfNzNRFLgB4XSaBA82OE4VjOOKpCdVQ==
-  dependencies:
-    "@csstools/convert-colors" "^1.4.0"
-    postcss "^7.0.2"
-    postcss-values-parser "^2.0.0"
-
-postcss-color-rebeccapurple@^4.0.1:
-  version "4.0.1"
-  resolved "https://registry.yarnpkg.com/postcss-color-rebeccapurple/-/postcss-color-rebeccapurple-4.0.1.tgz#c7a89be872bb74e45b1e3022bfe5748823e6de77"
-  integrity sha512-aAe3OhkS6qJXBbqzvZth2Au4V3KieR5sRQ4ptb2b2O8wgvB3SJBsdG+jsn2BZbbwekDG8nTfcCNKcSfe/lEy8g==
-  dependencies:
-    postcss "^7.0.2"
-    postcss-values-parser "^2.0.0"
-
-postcss-colormin@^4.0.3:
-  version "4.0.3"
-  resolved "https://registry.yarnpkg.com/postcss-colormin/-/postcss-colormin-4.0.3.tgz#ae060bce93ed794ac71264f08132d550956bd381"
-  integrity sha512-WyQFAdDZpExQh32j0U0feWisZ0dmOtPl44qYmJKkq9xFWY3p+4qnRzCHeNrkeRhwPHz9bQ3mo0/yVkaply0MNw==
-  dependencies:
-    browserslist "^4.0.0"
-    color "^3.0.0"
-    has "^1.0.0"
-    postcss "^7.0.0"
-    postcss-value-parser "^3.0.0"
-
-postcss-convert-values@^4.0.1:
-  version "4.0.1"
-  resolved "https://registry.yarnpkg.com/postcss-convert-values/-/postcss-convert-values-4.0.1.tgz#ca3813ed4da0f812f9d43703584e449ebe189a7f"
-  integrity sha512-Kisdo1y77KUC0Jmn0OXU/COOJbzM8cImvw1ZFsBgBgMgb1iL23Zs/LXRe3r+EZqM3vGYKdQ2YJVQ5VkJI+zEJQ==
-  dependencies:
-    postcss "^7.0.0"
-    postcss-value-parser "^3.0.0"
-
-postcss-custom-media@^7.0.8:
-  version "7.0.8"
-  resolved "https://registry.yarnpkg.com/postcss-custom-media/-/postcss-custom-media-7.0.8.tgz#fffd13ffeffad73621be5f387076a28b00294e0c"
-  integrity sha512-c9s5iX0Ge15o00HKbuRuTqNndsJUbaXdiNsksnVH8H4gdc+zbLzr/UasOwNG6CTDpLFekVY4672eWdiiWu2GUg==
-  dependencies:
-    postcss "^7.0.14"
-
-postcss-custom-properties@^8.0.11:
-  version "8.0.11"
-  resolved "https://registry.yarnpkg.com/postcss-custom-properties/-/postcss-custom-properties-8.0.11.tgz#2d61772d6e92f22f5e0d52602df8fae46fa30d97"
-  integrity sha512-nm+o0eLdYqdnJ5abAJeXp4CEU1c1k+eB2yMCvhgzsds/e0umabFrN6HoTy/8Q4K5ilxERdl/JD1LO5ANoYBeMA==
-  dependencies:
-    postcss "^7.0.17"
-    postcss-values-parser "^2.0.1"
-
-postcss-custom-selectors@^5.1.2:
-  version "5.1.2"
-  resolved "https://registry.yarnpkg.com/postcss-custom-selectors/-/postcss-custom-selectors-5.1.2.tgz#64858c6eb2ecff2fb41d0b28c9dd7b3db4de7fba"
-  integrity sha512-DSGDhqinCqXqlS4R7KGxL1OSycd1lydugJ1ky4iRXPHdBRiozyMHrdu0H3o7qNOCiZwySZTUI5MV0T8QhCLu+w==
-  dependencies:
-    postcss "^7.0.2"
-    postcss-selector-parser "^5.0.0-rc.3"
-
-postcss-dir-pseudo-class@^5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/postcss-dir-pseudo-class/-/postcss-dir-pseudo-class-5.0.0.tgz#6e3a4177d0edb3abcc85fdb6fbb1c26dabaeaba2"
-  integrity sha512-3pm4oq8HYWMZePJY+5ANriPs3P07q+LW6FAdTlkFH2XqDdP4HeeJYMOzn0HYLhRSjBO3fhiqSwwU9xEULSrPgw==
-  dependencies:
-    postcss "^7.0.2"
-    postcss-selector-parser "^5.0.0-rc.3"
-
-postcss-discard-comments@^4.0.2:
-  version "4.0.2"
-  resolved "https://registry.yarnpkg.com/postcss-discard-comments/-/postcss-discard-comments-4.0.2.tgz#1fbabd2c246bff6aaad7997b2b0918f4d7af4033"
-  integrity sha512-RJutN259iuRf3IW7GZyLM5Sw4GLTOH8FmsXBnv8Ab/Tc2k4SR4qbV4DNbyyY4+Sjo362SyDmW2DQ7lBSChrpkg==
-  dependencies:
-    postcss "^7.0.0"
-
-postcss-discard-duplicates@^4.0.2:
-  version "4.0.2"
-  resolved "https://registry.yarnpkg.com/postcss-discard-duplicates/-/postcss-discard-duplicates-4.0.2.tgz#3fe133cd3c82282e550fc9b239176a9207b784eb"
-  integrity sha512-ZNQfR1gPNAiXZhgENFfEglF93pciw0WxMkJeVmw8eF+JZBbMD7jp6C67GqJAXVZP2BWbOztKfbsdmMp/k8c6oQ==
-  dependencies:
-    postcss "^7.0.0"
-
-postcss-discard-empty@^4.0.1:
-  version "4.0.1"
-  resolved "https://registry.yarnpkg.com/postcss-discard-empty/-/postcss-discard-empty-4.0.1.tgz#c8c951e9f73ed9428019458444a02ad90bb9f765"
-  integrity sha512-B9miTzbznhDjTfjvipfHoqbWKwd0Mj+/fL5s1QOz06wufguil+Xheo4XpOnc4NqKYBCNqqEzgPv2aPBIJLox0w==
-  dependencies:
-    postcss "^7.0.0"
-
-postcss-discard-overridden@^4.0.1:
-  version "4.0.1"
-  resolved "https://registry.yarnpkg.com/postcss-discard-overridden/-/postcss-discard-overridden-4.0.1.tgz#652aef8a96726f029f5e3e00146ee7a4e755ff57"
-  integrity sha512-IYY2bEDD7g1XM1IDEsUT4//iEYCxAmP5oDSFMVU/JVvT7gh+l4fmjciLqGgwjdWpQIdb0Che2VX00QObS5+cTg==
-  dependencies:
-    postcss "^7.0.0"
-
-postcss-double-position-gradients@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/postcss-double-position-gradients/-/postcss-double-position-gradients-1.0.0.tgz#fc927d52fddc896cb3a2812ebc5df147e110522e"
-  integrity sha512-G+nV8EnQq25fOI8CH/B6krEohGWnF5+3A6H/+JEpOncu5dCnkS1QQ6+ct3Jkaepw1NGVqqOZH6lqrm244mCftA==
-  dependencies:
-    postcss "^7.0.5"
-    postcss-values-parser "^2.0.0"
-
-postcss-env-function@^2.0.2:
-  version "2.0.2"
-  resolved "https://registry.yarnpkg.com/postcss-env-function/-/postcss-env-function-2.0.2.tgz#0f3e3d3c57f094a92c2baf4b6241f0b0da5365d7"
-  integrity sha512-rwac4BuZlITeUbiBq60h/xbLzXY43qOsIErngWa4l7Mt+RaSkT7QBjXVGTcBHupykkblHMDrBFh30zchYPaOUw==
-  dependencies:
-    postcss "^7.0.2"
-    postcss-values-parser "^2.0.0"
-
-postcss-flexbugs-fixes@4.2.1:
-  version "4.2.1"
-  resolved "https://registry.yarnpkg.com/postcss-flexbugs-fixes/-/postcss-flexbugs-fixes-4.2.1.tgz#9218a65249f30897deab1033aced8578562a6690"
-  integrity sha512-9SiofaZ9CWpQWxOwRh1b/r85KD5y7GgvsNt1056k6OYLvWUun0czCvogfJgylC22uJTwW1KzY3Gz65NZRlvoiQ==
-  dependencies:
-    postcss "^7.0.26"
-
-postcss-focus-visible@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/postcss-focus-visible/-/postcss-focus-visible-4.0.0.tgz#477d107113ade6024b14128317ade2bd1e17046e"
-  integrity sha512-Z5CkWBw0+idJHSV6+Bgf2peDOFf/x4o+vX/pwcNYrWpXFrSfTkQ3JQ1ojrq9yS+upnAlNRHeg8uEwFTgorjI8g==
-  dependencies:
-    postcss "^7.0.2"
-
-postcss-focus-within@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/postcss-focus-within/-/postcss-focus-within-3.0.0.tgz#763b8788596cee9b874c999201cdde80659ef680"
-  integrity sha512-W0APui8jQeBKbCGZudW37EeMCjDeVxKgiYfIIEo8Bdh5SpB9sxds/Iq8SEuzS0Q4YFOlG7EPFulbbxujpkrV2w==
-  dependencies:
-    postcss "^7.0.2"
-
-postcss-font-variant@^4.0.0:
-  version "4.0.1"
-  resolved "https://registry.yarnpkg.com/postcss-font-variant/-/postcss-font-variant-4.0.1.tgz#42d4c0ab30894f60f98b17561eb5c0321f502641"
-  integrity sha512-I3ADQSTNtLTTd8uxZhtSOrTCQ9G4qUVKPjHiDk0bV75QSxXjVWiJVJ2VLdspGUi9fbW9BcjKJoRvxAH1pckqmA==
-  dependencies:
-    postcss "^7.0.2"
-
-postcss-gap-properties@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/postcss-gap-properties/-/postcss-gap-properties-2.0.0.tgz#431c192ab3ed96a3c3d09f2ff615960f902c1715"
-  integrity sha512-QZSqDaMgXCHuHTEzMsS2KfVDOq7ZFiknSpkrPJY6jmxbugUPTuSzs/vuE5I3zv0WAS+3vhrlqhijiprnuQfzmg==
-  dependencies:
-    postcss "^7.0.2"
-
-postcss-image-set-function@^3.0.1:
-  version "3.0.1"
-  resolved "https://registry.yarnpkg.com/postcss-image-set-function/-/postcss-image-set-function-3.0.1.tgz#28920a2f29945bed4c3198d7df6496d410d3f288"
-  integrity sha512-oPTcFFip5LZy8Y/whto91L9xdRHCWEMs3e1MdJxhgt4jy2WYXfhkng59fH5qLXSCPN8k4n94p1Czrfe5IOkKUw==
-  dependencies:
-    postcss "^7.0.2"
-    postcss-values-parser "^2.0.0"
-
-postcss-initial@^3.0.0:
-  version "3.0.4"
-  resolved "https://registry.yarnpkg.com/postcss-initial/-/postcss-initial-3.0.4.tgz#9d32069a10531fe2ecafa0b6ac750ee0bc7efc53"
-  integrity sha512-3RLn6DIpMsK1l5UUy9jxQvoDeUN4gP939tDcKUHD/kM8SGSKbFAnvkpFpj3Bhtz3HGk1jWY5ZNWX6mPta5M9fg==
-  dependencies:
-    postcss "^7.0.2"
-
-postcss-lab-function@^2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/postcss-lab-function/-/postcss-lab-function-2.0.1.tgz#bb51a6856cd12289ab4ae20db1e3821ef13d7d2e"
-  integrity sha512-whLy1IeZKY+3fYdqQFuDBf8Auw+qFuVnChWjmxm/UhHWqNHZx+B99EwxTvGYmUBqe3Fjxs4L1BoZTJmPu6usVg==
-  dependencies:
-    "@csstools/convert-colors" "^1.4.0"
-    postcss "^7.0.2"
-    postcss-values-parser "^2.0.0"
-
-postcss-load-config@^2.0.0:
-  version "2.1.2"
-  resolved "https://registry.yarnpkg.com/postcss-load-config/-/postcss-load-config-2.1.2.tgz#c5ea504f2c4aef33c7359a34de3573772ad7502a"
-  integrity sha512-/rDeGV6vMUo3mwJZmeHfEDvwnTKKqQ0S7OHUi/kJvvtx3aWtyWG2/0ZWnzCt2keEclwN6Tf0DST2v9kITdOKYw==
-  dependencies:
-    cosmiconfig "^5.0.0"
-    import-cwd "^2.0.0"
-
-postcss-loader@3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/postcss-loader/-/postcss-loader-3.0.0.tgz#6b97943e47c72d845fa9e03f273773d4e8dd6c2d"
-  integrity sha512-cLWoDEY5OwHcAjDnkyRQzAXfs2jrKjXpO/HQFcc5b5u/r7aa471wdmChmwfnv7x2u840iat/wi0lQ5nbRgSkUA==
-  dependencies:
-    loader-utils "^1.1.0"
-    postcss "^7.0.0"
-    postcss-load-config "^2.0.0"
-    schema-utils "^1.0.0"
-
-postcss-logical@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/postcss-logical/-/postcss-logical-3.0.0.tgz#2495d0f8b82e9f262725f75f9401b34e7b45d5b5"
-  integrity sha512-1SUKdJc2vuMOmeItqGuNaC+N8MzBWFWEkAnRnLpFYj1tGGa7NqyVBujfRtgNa2gXR+6RkGUiB2O5Vmh7E2RmiA==
-  dependencies:
-    postcss "^7.0.2"
-
-postcss-media-minmax@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/postcss-media-minmax/-/postcss-media-minmax-4.0.0.tgz#b75bb6cbc217c8ac49433e12f22048814a4f5ed5"
-  integrity sha512-fo9moya6qyxsjbFAYl97qKO9gyre3qvbMnkOZeZwlsW6XYFsvs2DMGDlchVLfAd8LHPZDxivu/+qW2SMQeTHBw==
-  dependencies:
-    postcss "^7.0.2"
-
-postcss-merge-longhand@^4.0.11:
-  version "4.0.11"
-  resolved "https://registry.yarnpkg.com/postcss-merge-longhand/-/postcss-merge-longhand-4.0.11.tgz#62f49a13e4a0ee04e7b98f42bb16062ca2549e24"
-  integrity sha512-alx/zmoeXvJjp7L4mxEMjh8lxVlDFX1gqWHzaaQewwMZiVhLo42TEClKaeHbRf6J7j82ZOdTJ808RtN0ZOZwvw==
-  dependencies:
-    css-color-names "0.0.4"
-    postcss "^7.0.0"
-    postcss-value-parser "^3.0.0"
-    stylehacks "^4.0.0"
-
-postcss-merge-rules@^4.0.3:
-  version "4.0.3"
-  resolved "https://registry.yarnpkg.com/postcss-merge-rules/-/postcss-merge-rules-4.0.3.tgz#362bea4ff5a1f98e4075a713c6cb25aefef9a650"
-  integrity sha512-U7e3r1SbvYzO0Jr3UT/zKBVgYYyhAz0aitvGIYOYK5CPmkNih+WDSsS5tvPrJ8YMQYlEMvsZIiqmn7HdFUaeEQ==
-  dependencies:
-    browserslist "^4.0.0"
-    caniuse-api "^3.0.0"
-    cssnano-util-same-parent "^4.0.0"
-    postcss "^7.0.0"
-    postcss-selector-parser "^3.0.0"
-    vendors "^1.0.0"
-
-postcss-minify-font-values@^4.0.2:
-  version "4.0.2"
-  resolved "https://registry.yarnpkg.com/postcss-minify-font-values/-/postcss-minify-font-values-4.0.2.tgz#cd4c344cce474343fac5d82206ab2cbcb8afd5a6"
-  integrity sha512-j85oO6OnRU9zPf04+PZv1LYIYOprWm6IA6zkXkrJXyRveDEuQggG6tvoy8ir8ZwjLxLuGfNkCZEQG7zan+Hbtg==
-  dependencies:
-    postcss "^7.0.0"
-    postcss-value-parser "^3.0.0"
-
-postcss-minify-gradients@^4.0.2:
-  version "4.0.2"
-  resolved "https://registry.yarnpkg.com/postcss-minify-gradients/-/postcss-minify-gradients-4.0.2.tgz#93b29c2ff5099c535eecda56c4aa6e665a663471"
-  integrity sha512-qKPfwlONdcf/AndP1U8SJ/uzIJtowHlMaSioKzebAXSG4iJthlWC9iSWznQcX4f66gIWX44RSA841HTHj3wK+Q==
-  dependencies:
-    cssnano-util-get-arguments "^4.0.0"
-    is-color-stop "^1.0.0"
-    postcss "^7.0.0"
-    postcss-value-parser "^3.0.0"
-
-postcss-minify-params@^4.0.2:
-  version "4.0.2"
-  resolved "https://registry.yarnpkg.com/postcss-minify-params/-/postcss-minify-params-4.0.2.tgz#6b9cef030c11e35261f95f618c90036d680db874"
-  integrity sha512-G7eWyzEx0xL4/wiBBJxJOz48zAKV2WG3iZOqVhPet/9geefm/Px5uo1fzlHu+DOjT+m0Mmiz3jkQzVHe6wxAWg==
-  dependencies:
-    alphanum-sort "^1.0.0"
-    browserslist "^4.0.0"
-    cssnano-util-get-arguments "^4.0.0"
-    postcss "^7.0.0"
-    postcss-value-parser "^3.0.0"
-    uniqs "^2.0.0"
-
-postcss-minify-selectors@^4.0.2:
-  version "4.0.2"
-  resolved "https://registry.yarnpkg.com/postcss-minify-selectors/-/postcss-minify-selectors-4.0.2.tgz#e2e5eb40bfee500d0cd9243500f5f8ea4262fbd8"
-  integrity sha512-D5S1iViljXBj9kflQo4YutWnJmwm8VvIsU1GeXJGiG9j8CIg9zs4voPMdQDUmIxetUOh60VilsNzCiAFTOqu3g==
-  dependencies:
-    alphanum-sort "^1.0.0"
-    has "^1.0.0"
-    postcss "^7.0.0"
-    postcss-selector-parser "^3.0.0"
-
-postcss-modules-extract-imports@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/postcss-modules-extract-imports/-/postcss-modules-extract-imports-2.0.0.tgz#818719a1ae1da325f9832446b01136eeb493cd7e"
-  integrity sha512-LaYLDNS4SG8Q5WAWqIJgdHPJrDDr/Lv775rMBFUbgjTz6j34lUznACHcdRWroPvXANP2Vj7yNK57vp9eFqzLWQ==
-  dependencies:
-    postcss "^7.0.5"
-
-postcss-modules-local-by-default@^3.0.3:
-  version "3.0.3"
-  resolved "https://registry.yarnpkg.com/postcss-modules-local-by-default/-/postcss-modules-local-by-default-3.0.3.tgz#bb14e0cc78279d504dbdcbfd7e0ca28993ffbbb0"
-  integrity sha512-e3xDq+LotiGesympRlKNgaJ0PCzoUIdpH0dj47iWAui/kyTgh3CiAr1qP54uodmJhl6p9rN6BoNcdEDVJx9RDw==
-  dependencies:
-    icss-utils "^4.1.1"
-    postcss "^7.0.32"
-    postcss-selector-parser "^6.0.2"
-    postcss-value-parser "^4.1.0"
-
-postcss-modules-scope@^2.2.0:
-  version "2.2.0"
-  resolved "https://registry.yarnpkg.com/postcss-modules-scope/-/postcss-modules-scope-2.2.0.tgz#385cae013cc7743f5a7d7602d1073a89eaae62ee"
-  integrity sha512-YyEgsTMRpNd+HmyC7H/mh3y+MeFWevy7V1evVhJWewmMbjDHIbZbOXICC2y+m1xI1UVfIT1HMW/O04Hxyu9oXQ==
-  dependencies:
-    postcss "^7.0.6"
-    postcss-selector-parser "^6.0.0"
-
-postcss-modules-values@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/postcss-modules-values/-/postcss-modules-values-3.0.0.tgz#5b5000d6ebae29b4255301b4a3a54574423e7f10"
-  integrity sha512-1//E5jCBrZ9DmRX+zCtmQtRSV6PV42Ix7Bzj9GbwJceduuf7IqP8MgeTXuRDHOWj2m0VzZD5+roFWDuU8RQjcg==
-  dependencies:
-    icss-utils "^4.0.0"
-    postcss "^7.0.6"
-
-postcss-nesting@^7.0.0:
-  version "7.0.1"
-  resolved "https://registry.yarnpkg.com/postcss-nesting/-/postcss-nesting-7.0.1.tgz#b50ad7b7f0173e5b5e3880c3501344703e04c052"
-  integrity sha512-FrorPb0H3nuVq0Sff7W2rnc3SmIcruVC6YwpcS+k687VxyxO33iE1amna7wHuRVzM8vfiYofXSBHNAZ3QhLvYg==
-  dependencies:
-    postcss "^7.0.2"
-
-postcss-normalize-charset@^4.0.1:
-  version "4.0.1"
-  resolved "https://registry.yarnpkg.com/postcss-normalize-charset/-/postcss-normalize-charset-4.0.1.tgz#8b35add3aee83a136b0471e0d59be58a50285dd4"
-  integrity sha512-gMXCrrlWh6G27U0hF3vNvR3w8I1s2wOBILvA87iNXaPvSNo5uZAMYsZG7XjCUf1eVxuPfyL4TJ7++SGZLc9A3g==
-  dependencies:
-    postcss "^7.0.0"
-
-postcss-normalize-display-values@^4.0.2:
-  version "4.0.2"
-  resolved "https://registry.yarnpkg.com/postcss-normalize-display-values/-/postcss-normalize-display-values-4.0.2.tgz#0dbe04a4ce9063d4667ed2be476bb830c825935a"
-  integrity sha512-3F2jcsaMW7+VtRMAqf/3m4cPFhPD3EFRgNs18u+k3lTJJlVe7d0YPO+bnwqo2xg8YiRpDXJI2u8A0wqJxMsQuQ==
-  dependencies:
-    cssnano-util-get-match "^4.0.0"
-    postcss "^7.0.0"
-    postcss-value-parser "^3.0.0"
-
-postcss-normalize-positions@^4.0.2:
-  version "4.0.2"
-  resolved "https://registry.yarnpkg.com/postcss-normalize-positions/-/postcss-normalize-positions-4.0.2.tgz#05f757f84f260437378368a91f8932d4b102917f"
-  integrity sha512-Dlf3/9AxpxE+NF1fJxYDeggi5WwV35MXGFnnoccP/9qDtFrTArZ0D0R+iKcg5WsUd8nUYMIl8yXDCtcrT8JrdA==
-  dependencies:
-    cssnano-util-get-arguments "^4.0.0"
-    has "^1.0.0"
-    postcss "^7.0.0"
-    postcss-value-parser "^3.0.0"
-
-postcss-normalize-repeat-style@^4.0.2:
-  version "4.0.2"
-  resolved "https://registry.yarnpkg.com/postcss-normalize-repeat-style/-/postcss-normalize-repeat-style-4.0.2.tgz#c4ebbc289f3991a028d44751cbdd11918b17910c"
-  integrity sha512-qvigdYYMpSuoFs3Is/f5nHdRLJN/ITA7huIoCyqqENJe9PvPmLhNLMu7QTjPdtnVf6OcYYO5SHonx4+fbJE1+Q==
-  dependencies:
-    cssnano-util-get-arguments "^4.0.0"
-    cssnano-util-get-match "^4.0.0"
-    postcss "^7.0.0"
-    postcss-value-parser "^3.0.0"
-
-postcss-normalize-string@^4.0.2:
-  version "4.0.2"
-  resolved "https://registry.yarnpkg.com/postcss-normalize-string/-/postcss-normalize-string-4.0.2.tgz#cd44c40ab07a0c7a36dc5e99aace1eca4ec2690c"
-  integrity sha512-RrERod97Dnwqq49WNz8qo66ps0swYZDSb6rM57kN2J+aoyEAJfZ6bMx0sx/F9TIEX0xthPGCmeyiam/jXif0eA==
-  dependencies:
-    has "^1.0.0"
-    postcss "^7.0.0"
-    postcss-value-parser "^3.0.0"
-
-postcss-normalize-timing-functions@^4.0.2:
-  version "4.0.2"
-  resolved "https://registry.yarnpkg.com/postcss-normalize-timing-functions/-/postcss-normalize-timing-functions-4.0.2.tgz#8e009ca2a3949cdaf8ad23e6b6ab99cb5e7d28d9"
-  integrity sha512-acwJY95edP762e++00Ehq9L4sZCEcOPyaHwoaFOhIwWCDfik6YvqsYNxckee65JHLKzuNSSmAdxwD2Cud1Z54A==
-  dependencies:
-    cssnano-util-get-match "^4.0.0"
-    postcss "^7.0.0"
-    postcss-value-parser "^3.0.0"
-
-postcss-normalize-unicode@^4.0.1:
-  version "4.0.1"
-  resolved "https://registry.yarnpkg.com/postcss-normalize-unicode/-/postcss-normalize-unicode-4.0.1.tgz#841bd48fdcf3019ad4baa7493a3d363b52ae1cfb"
-  integrity sha512-od18Uq2wCYn+vZ/qCOeutvHjB5jm57ToxRaMeNuf0nWVHaP9Hua56QyMF6fs/4FSUnVIw0CBPsU0K4LnBPwYwg==
-  dependencies:
-    browserslist "^4.0.0"
-    postcss "^7.0.0"
-    postcss-value-parser "^3.0.0"
-
-postcss-normalize-url@^4.0.1:
-  version "4.0.1"
-  resolved "https://registry.yarnpkg.com/postcss-normalize-url/-/postcss-normalize-url-4.0.1.tgz#10e437f86bc7c7e58f7b9652ed878daaa95faae1"
-  integrity sha512-p5oVaF4+IHwu7VpMan/SSpmpYxcJMtkGppYf0VbdH5B6hN8YNmVyJLuY9FmLQTzY3fag5ESUUHDqM+heid0UVA==
-  dependencies:
-    is-absolute-url "^2.0.0"
-    normalize-url "^3.0.0"
-    postcss "^7.0.0"
-    postcss-value-parser "^3.0.0"
-
-postcss-normalize-whitespace@^4.0.2:
-  version "4.0.2"
-  resolved "https://registry.yarnpkg.com/postcss-normalize-whitespace/-/postcss-normalize-whitespace-4.0.2.tgz#bf1d4070fe4fcea87d1348e825d8cc0c5faa7d82"
-  integrity sha512-tO8QIgrsI3p95r8fyqKV+ufKlSHh9hMJqACqbv2XknufqEDhDvbguXGBBqxw9nsQoXWf0qOqppziKJKHMD4GtA==
-  dependencies:
-    postcss "^7.0.0"
-    postcss-value-parser "^3.0.0"
-
-postcss-normalize@8.0.1:
-  version "8.0.1"
-  resolved "https://registry.yarnpkg.com/postcss-normalize/-/postcss-normalize-8.0.1.tgz#90e80a7763d7fdf2da6f2f0f82be832ce4f66776"
-  integrity sha512-rt9JMS/m9FHIRroDDBGSMsyW1c0fkvOJPy62ggxSHUldJO7B195TqFMqIf+lY5ezpDcYOV4j86aUp3/XbxzCCQ==
-  dependencies:
-    "@csstools/normalize.css" "^10.1.0"
-    browserslist "^4.6.2"
-    postcss "^7.0.17"
-    postcss-browser-comments "^3.0.0"
-    sanitize.css "^10.0.0"
-
-postcss-ordered-values@^4.1.2:
-  version "4.1.2"
-  resolved "https://registry.yarnpkg.com/postcss-ordered-values/-/postcss-ordered-values-4.1.2.tgz#0cf75c820ec7d5c4d280189559e0b571ebac0eee"
-  integrity sha512-2fCObh5UanxvSxeXrtLtlwVThBvHn6MQcu4ksNT2tsaV2Fg76R2CV98W7wNSlX+5/pFwEyaDwKLLoEV7uRybAw==
-  dependencies:
-    cssnano-util-get-arguments "^4.0.0"
-    postcss "^7.0.0"
-    postcss-value-parser "^3.0.0"
-
-postcss-overflow-shorthand@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/postcss-overflow-shorthand/-/postcss-overflow-shorthand-2.0.0.tgz#31ecf350e9c6f6ddc250a78f0c3e111f32dd4c30"
-  integrity sha512-aK0fHc9CBNx8jbzMYhshZcEv8LtYnBIRYQD5i7w/K/wS9c2+0NSR6B3OVMu5y0hBHYLcMGjfU+dmWYNKH0I85g==
-  dependencies:
-    postcss "^7.0.2"
-
-postcss-page-break@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/postcss-page-break/-/postcss-page-break-2.0.0.tgz#add52d0e0a528cabe6afee8b46e2abb277df46bf"
-  integrity sha512-tkpTSrLpfLfD9HvgOlJuigLuk39wVTbbd8RKcy8/ugV2bNBUW3xU+AIqyxhDrQr1VUj1RmyJrBn1YWrqUm9zAQ==
-  dependencies:
-    postcss "^7.0.2"
-
-postcss-place@^4.0.1:
-  version "4.0.1"
-  resolved "https://registry.yarnpkg.com/postcss-place/-/postcss-place-4.0.1.tgz#e9f39d33d2dc584e46ee1db45adb77ca9d1dcc62"
-  integrity sha512-Zb6byCSLkgRKLODj/5mQugyuj9bvAAw9LqJJjgwz5cYryGeXfFZfSXoP1UfveccFmeq0b/2xxwcTEVScnqGxBg==
-  dependencies:
-    postcss "^7.0.2"
-    postcss-values-parser "^2.0.0"
-
-postcss-preset-env@6.7.0:
-  version "6.7.0"
-  resolved "https://registry.yarnpkg.com/postcss-preset-env/-/postcss-preset-env-6.7.0.tgz#c34ddacf8f902383b35ad1e030f178f4cdf118a5"
-  integrity sha512-eU4/K5xzSFwUFJ8hTdTQzo2RBLbDVt83QZrAvI07TULOkmyQlnYlpwep+2yIK+K+0KlZO4BvFcleOCCcUtwchg==
-  dependencies:
-    autoprefixer "^9.6.1"
-    browserslist "^4.6.4"
-    caniuse-lite "^1.0.30000981"
-    css-blank-pseudo "^0.1.4"
-    css-has-pseudo "^0.10.0"
-    css-prefers-color-scheme "^3.1.1"
-    cssdb "^4.4.0"
-    postcss "^7.0.17"
-    postcss-attribute-case-insensitive "^4.0.1"
-    postcss-color-functional-notation "^2.0.1"
-    postcss-color-gray "^5.0.0"
-    postcss-color-hex-alpha "^5.0.3"
-    postcss-color-mod-function "^3.0.3"
-    postcss-color-rebeccapurple "^4.0.1"
-    postcss-custom-media "^7.0.8"
-    postcss-custom-properties "^8.0.11"
-    postcss-custom-selectors "^5.1.2"
-    postcss-dir-pseudo-class "^5.0.0"
-    postcss-double-position-gradients "^1.0.0"
-    postcss-env-function "^2.0.2"
-    postcss-focus-visible "^4.0.0"
-    postcss-focus-within "^3.0.0"
-    postcss-font-variant "^4.0.0"
-    postcss-gap-properties "^2.0.0"
-    postcss-image-set-function "^3.0.1"
-    postcss-initial "^3.0.0"
-    postcss-lab-function "^2.0.1"
-    postcss-logical "^3.0.0"
-    postcss-media-minmax "^4.0.0"
-    postcss-nesting "^7.0.0"
-    postcss-overflow-shorthand "^2.0.0"
-    postcss-page-break "^2.0.0"
-    postcss-place "^4.0.1"
-    postcss-pseudo-class-any-link "^6.0.0"
-    postcss-replace-overflow-wrap "^3.0.0"
-    postcss-selector-matches "^4.0.0"
-    postcss-selector-not "^4.0.0"
-
-postcss-pseudo-class-any-link@^6.0.0:
-  version "6.0.0"
-  resolved "https://registry.yarnpkg.com/postcss-pseudo-class-any-link/-/postcss-pseudo-class-any-link-6.0.0.tgz#2ed3eed393b3702879dec4a87032b210daeb04d1"
-  integrity sha512-lgXW9sYJdLqtmw23otOzrtbDXofUdfYzNm4PIpNE322/swES3VU9XlXHeJS46zT2onFO7V1QFdD4Q9LiZj8mew==
-  dependencies:
-    postcss "^7.0.2"
-    postcss-selector-parser "^5.0.0-rc.3"
-
-postcss-reduce-initial@^4.0.3:
-  version "4.0.3"
-  resolved "https://registry.yarnpkg.com/postcss-reduce-initial/-/postcss-reduce-initial-4.0.3.tgz#7fd42ebea5e9c814609639e2c2e84ae270ba48df"
-  integrity sha512-gKWmR5aUulSjbzOfD9AlJiHCGH6AEVLaM0AV+aSioxUDd16qXP1PCh8d1/BGVvpdWn8k/HiK7n6TjeoXN1F7DA==
-  dependencies:
-    browserslist "^4.0.0"
-    caniuse-api "^3.0.0"
-    has "^1.0.0"
-    postcss "^7.0.0"
-
-postcss-reduce-transforms@^4.0.2:
-  version "4.0.2"
-  resolved "https://registry.yarnpkg.com/postcss-reduce-transforms/-/postcss-reduce-transforms-4.0.2.tgz#17efa405eacc6e07be3414a5ca2d1074681d4e29"
-  integrity sha512-EEVig1Q2QJ4ELpJXMZR8Vt5DQx8/mo+dGWSR7vWXqcob2gQLyQGsionYcGKATXvQzMPn6DSN1vTN7yFximdIAg==
-  dependencies:
-    cssnano-util-get-match "^4.0.0"
-    has "^1.0.0"
-    postcss "^7.0.0"
-    postcss-value-parser "^3.0.0"
-
-postcss-replace-overflow-wrap@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/postcss-replace-overflow-wrap/-/postcss-replace-overflow-wrap-3.0.0.tgz#61b360ffdaedca84c7c918d2b0f0d0ea559ab01c"
-  integrity sha512-2T5hcEHArDT6X9+9dVSPQdo7QHzG4XKclFT8rU5TzJPDN7RIRTbO9c4drUISOVemLj03aezStHCR2AIcr8XLpw==
-  dependencies:
-    postcss "^7.0.2"
-
-postcss-safe-parser@5.0.2:
-  version "5.0.2"
-  resolved "https://registry.yarnpkg.com/postcss-safe-parser/-/postcss-safe-parser-5.0.2.tgz#459dd27df6bc2ba64608824ba39e45dacf5e852d"
-  integrity sha512-jDUfCPJbKOABhwpUKcqCVbbXiloe/QXMcbJ6Iipf3sDIihEzTqRCeMBfRaOHxhBuTYqtASrI1KJWxzztZU4qUQ==
-  dependencies:
-    postcss "^8.1.0"
-
-postcss-selector-matches@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/postcss-selector-matches/-/postcss-selector-matches-4.0.0.tgz#71c8248f917ba2cc93037c9637ee09c64436fcff"
-  integrity sha512-LgsHwQR/EsRYSqlwdGzeaPKVT0Ml7LAT6E75T8W8xLJY62CE4S/l03BWIt3jT8Taq22kXP08s2SfTSzaraoPww==
-  dependencies:
-    balanced-match "^1.0.0"
-    postcss "^7.0.2"
-
-postcss-selector-not@^4.0.0:
-  version "4.0.1"
-  resolved "https://registry.yarnpkg.com/postcss-selector-not/-/postcss-selector-not-4.0.1.tgz#263016eef1cf219e0ade9a913780fc1f48204cbf"
-  integrity sha512-YolvBgInEK5/79C+bdFMyzqTg6pkYqDbzZIST/PDMqa/o3qtXenD05apBG2jLgT0/BQ77d4U2UK12jWpilqMAQ==
-  dependencies:
-    balanced-match "^1.0.0"
-    postcss "^7.0.2"
-
-postcss-selector-parser@^3.0.0:
-  version "3.1.2"
-  resolved "https://registry.yarnpkg.com/postcss-selector-parser/-/postcss-selector-parser-3.1.2.tgz#b310f5c4c0fdaf76f94902bbaa30db6aa84f5270"
-  integrity sha512-h7fJ/5uWuRVyOtkO45pnt1Ih40CEleeyCHzipqAZO2e5H20g25Y48uYnFUiShvY4rZWNJ/Bib/KVPmanaCtOhA==
-  dependencies:
-    dot-prop "^5.2.0"
-    indexes-of "^1.0.1"
-    uniq "^1.0.1"
-
-postcss-selector-parser@^5.0.0-rc.3, postcss-selector-parser@^5.0.0-rc.4:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/postcss-selector-parser/-/postcss-selector-parser-5.0.0.tgz#249044356697b33b64f1a8f7c80922dddee7195c"
-  integrity sha512-w+zLE5Jhg6Liz8+rQOWEAwtwkyqpfnmsinXjXg6cY7YIONZZtgvE0v2O0uhQBs0peNomOJwWRKt6JBfTdTd3OQ==
-  dependencies:
-    cssesc "^2.0.0"
-    indexes-of "^1.0.1"
-    uniq "^1.0.1"
-
-postcss-selector-parser@^6.0.0, postcss-selector-parser@^6.0.2:
-  version "6.0.13"
-  resolved "https://registry.yarnpkg.com/postcss-selector-parser/-/postcss-selector-parser-6.0.13.tgz#d05d8d76b1e8e173257ef9d60b706a8e5e99bf1b"
-  integrity sha512-EaV1Gl4mUEV4ddhDnv/xtj7sxwrwxdetHdWUGnT4VJQf+4d05v6lHYZr8N573k5Z0BViss7BDhfWtKS3+sfAqQ==
-  dependencies:
-    cssesc "^3.0.0"
-    util-deprecate "^1.0.2"
-
-postcss-svgo@^4.0.3:
-  version "4.0.3"
-  resolved "https://registry.yarnpkg.com/postcss-svgo/-/postcss-svgo-4.0.3.tgz#343a2cdbac9505d416243d496f724f38894c941e"
-  integrity sha512-NoRbrcMWTtUghzuKSoIm6XV+sJdvZ7GZSc3wdBN0W19FTtp2ko8NqLsgoh/m9CzNhU3KLPvQmjIwtaNFkaFTvw==
-  dependencies:
-    postcss "^7.0.0"
-    postcss-value-parser "^3.0.0"
-    svgo "^1.0.0"
-
-postcss-unique-selectors@^4.0.1:
-  version "4.0.1"
-  resolved "https://registry.yarnpkg.com/postcss-unique-selectors/-/postcss-unique-selectors-4.0.1.tgz#9446911f3289bfd64c6d680f073c03b1f9ee4bac"
-  integrity sha512-+JanVaryLo9QwZjKrmJgkI4Fn8SBgRO6WXQBJi7KiAVPlmxikB5Jzc4EvXMT2H0/m0RjrVVm9rGNhZddm/8Spg==
-  dependencies:
-    alphanum-sort "^1.0.0"
-    postcss "^7.0.0"
-    uniqs "^2.0.0"
-
-postcss-value-parser@^3.0.0:
-  version "3.3.1"
-  resolved "https://registry.yarnpkg.com/postcss-value-parser/-/postcss-value-parser-3.3.1.tgz#9ff822547e2893213cf1c30efa51ac5fd1ba8281"
-  integrity sha512-pISE66AbVkp4fDQ7VHBwRNXzAAKJjw4Vw7nWI/+Q3vuly7SNfgYXvm6i5IgFylHGK5sP/xHAbB7N49OS4gWNyQ==
+    fsevents "2.3.2"
 
-postcss-value-parser@^4.0.2, postcss-value-parser@^4.1.0:
+postcss-value-parser@^4.0.2:
   version "4.2.0"
   resolved "https://registry.yarnpkg.com/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz#723c09920836ba6d3e5af019f92bc0971c02e514"
   integrity sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==
 
-postcss-values-parser@^2.0.0, postcss-values-parser@^2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/postcss-values-parser/-/postcss-values-parser-2.0.1.tgz#da8b472d901da1e205b47bdc98637b9e9e550e5f"
-  integrity sha512-2tLuBsA6P4rYTNKCXYG/71C7j1pU6pK503suYOmn4xYrQIzW+opD+7FAFNuGSdZC/3Qfy334QbeMu7MEb8gOxg==
-  dependencies:
-    flatten "^1.0.2"
-    indexes-of "^1.0.1"
-    uniq "^1.0.1"
-
-postcss@7.0.36:
-  version "7.0.36"
-  resolved "https://registry.yarnpkg.com/postcss/-/postcss-7.0.36.tgz#056f8cffa939662a8f5905950c07d5285644dfcb"
-  integrity sha512-BebJSIUMwJHRH0HAQoxN4u1CN86glsrwsW0q7T+/m44eXOUAxSNdHRkNZPYz5vVUbg17hFgOQDE7fZk7li3pZw==
-  dependencies:
-    chalk "^2.4.2"
-    source-map "^0.6.1"
-    supports-color "^6.1.0"
-
-postcss@^7, postcss@^7.0.0, postcss@^7.0.1, postcss@^7.0.14, postcss@^7.0.17, postcss@^7.0.2, postcss@^7.0.26, postcss@^7.0.27, postcss@^7.0.32, postcss@^7.0.5, postcss@^7.0.6:
-  version "7.0.39"
-  resolved "https://registry.yarnpkg.com/postcss/-/postcss-7.0.39.tgz#9624375d965630e2e1f2c02a935c82a59cb48309"
-  integrity sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==
+postcss@8.4.49:
+  version "8.4.49"
+  resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.4.49.tgz#4ea479048ab059ab3ae61d082190fabfd994fe19"
+  integrity sha512-OCVPnIObs4N29kxTjzLfUryOkvZEq+pf8jTF0lg8E7uETuWHA+v7j3c/xJmiqpX450191LlmZfUKkXxkTry7nA==
   dependencies:
-    picocolors "^0.2.1"
-    source-map "^0.6.1"
+    nanoid "^3.3.7"
+    picocolors "^1.1.1"
+    source-map-js "^1.2.1"
 
-postcss@^8.1.0:
-  version "8.4.31"
-  resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.4.31.tgz#92b451050a9f914da6755af352bdc0192508656d"
-  integrity sha512-PS08Iboia9mts/2ygV3eLpY5ghnUcfLV/EXTOW1E2qYxJKGGBUtNjN76FYHnMs36RmARn41bC0AZmn+rR0OVpQ==
+postcss@^8.4.43:
+  version "8.5.9"
+  resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.5.9.tgz#f6ee9e0b94f0f19c97d2f172bfbd7fc71fe1cca4"
+  integrity sha512-7a70Nsot+EMX9fFU3064K/kdHWZqGVY+BADLyXc8Dfv+mTLLVl6JzJpPaCZ2kQL9gIJvKXSLMHhqdRRjwQeFtw==
   dependencies:
-    nanoid "^3.3.6"
-    picocolors "^1.0.0"
-    source-map-js "^1.0.2"
+    nanoid "^3.3.11"
+    picocolors "^1.1.1"
+    source-map-js "^1.2.1"
 
 prelude-ls@^1.2.1:
   version "1.2.1"
   resolved "https://registry.yarnpkg.com/prelude-ls/-/prelude-ls-1.2.1.tgz#debc6489d7a6e6b0e7611888cec880337d316396"
   integrity sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==
 
-prelude-ls@~1.1.2:
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/prelude-ls/-/prelude-ls-1.1.2.tgz#21932a549f5e52ffd9a827f570e04be62a97da54"
-  integrity sha512-ESF23V4SKG6lVSGZgYNpbsiaAkdab6ZgOxe52p7+Kid3W3u3bxR4Vfd/o21dmN7jSt0IwgZ4v5MUd26FEtXE9w==
-
-prepend-http@^1.0.0:
-  version "1.0.4"
-  resolved "https://registry.yarnpkg.com/prepend-http/-/prepend-http-1.0.4.tgz#d4f4562b0ce3696e41ac52d0e002e57a635dc6dc"
-  integrity sha512-PhmXi5XmoyKw1Un4E+opM2KcsJInDvKyuOumcjjw3waw86ZNjHwVUOOWLc4bCzLdcKNaWBH9e99sbWzDQsVaYg==
-
-prettier@^2.8.8:
-  version "2.8.8"
-  resolved "https://registry.yarnpkg.com/prettier/-/prettier-2.8.8.tgz#e8c5d7e98a4305ffe3de2e1fc4aca1a71c28b1da"
-  integrity sha512-tdN8qQGvNjw4CHbY+XXk0JgCXn9QiF21a55rBe5LJAU+kDyC4WQn4+awm2Xfk2lQMk5fKup9XgzTZtGkjBdP9Q==
-
-pretty-bytes@^5.3.0:
-  version "5.6.0"
-  resolved "https://registry.yarnpkg.com/pretty-bytes/-/pretty-bytes-5.6.0.tgz#356256f643804773c82f64723fe78c92c62beaeb"
-  integrity sha512-FFw039TmrBqFK8ma/7OL3sDz/VytdtJr044/QUJtH0wK9lb9jLq9tJyIxUwtQJHwar2BqtiA4iCWSwo9JLkzFg==
-
-pretty-error@^2.1.1:
-  version "2.1.2"
-  resolved "https://registry.yarnpkg.com/pretty-error/-/pretty-error-2.1.2.tgz#be89f82d81b1c86ec8fdfbc385045882727f93b6"
-  integrity sha512-EY5oDzmsX5wvuynAByrmY0P0hcp+QpnAKbJng2A2MPjVKXCxrDSUkzghVJ4ZGPIv+JC4gX8fPUWscC0RtjsWGw==
-  dependencies:
-    lodash "^4.17.20"
-    renderkid "^2.0.4"
-
-pretty-format@^26.6.0, pretty-format@^26.6.2:
-  version "26.6.2"
-  resolved "https://registry.yarnpkg.com/pretty-format/-/pretty-format-26.6.2.tgz#e35c2705f14cb7fe2fe94fa078345b444120fc93"
-  integrity sha512-7AeGuCYNGmycyQbCqd/3PWH4eOoX/OiCa0uphp57NVTeAGdJGaAliecxwBDHYQCIvrW7aDBZCYeNTP/WX69mkg==
+pretty-format@^29.7.0:
+  version "29.7.0"
+  resolved "https://registry.yarnpkg.com/pretty-format/-/pretty-format-29.7.0.tgz#ca42c758310f365bfa71a0bda0a807160b776812"
+  integrity sha512-Pdlw/oPxN+aXdmM9R00JVC9WVFoCLTKJvDVLgmJ+qAffBMxsV85l/Lu7sNx4zSzPyoL2euImuEwHhOXdEgNFZQ==
   dependencies:
-    "@jest/types" "^26.6.2"
-    ansi-regex "^5.0.0"
-    ansi-styles "^4.0.0"
-    react-is "^17.0.1"
-
-prismjs@^1.17.1:
-  version "1.29.0"
-  resolved "https://registry.yarnpkg.com/prismjs/-/prismjs-1.29.0.tgz#f113555a8fa9b57c35e637bba27509dcf802dd12"
-  integrity sha512-Kx/1w86q/epKcmte75LNrEoT+lX8pBpavuAbvJWRXar7Hz8jrtF+e3vY751p0R8H9HdArwaCTNDDzHg/ScJK1Q==
-
-private@^0.1.8:
-  version "0.1.8"
-  resolved "https://registry.yarnpkg.com/private/-/private-0.1.8.tgz#2381edb3689f7a53d653190060fcf822d2f368ff"
-  integrity sha512-VvivMrbvd2nKkiG38qjULzlc+4Vx4wm/whI9pQD35YrARNnhxeiRktSOhSukRLFNlzg6Br/cJPet5J/u19r/mg==
+    "@jest/schemas" "^29.6.3"
+    ansi-styles "^5.0.0"
+    react-is "^18.0.0"
 
 proc-log@^1.0.0:
   version "1.0.0"
@@ -11953,11 +7793,6 @@ process-nextick-args@~2.0.0:
   resolved "https://registry.yarnpkg.com/process-nextick-args/-/process-nextick-args-2.0.1.tgz#7820d9b16120cc55ca9ae7792680ae7dba6d7fe2"
   integrity sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag==
 
-process@^0.11.10:
-  version "0.11.10"
-  resolved "https://registry.yarnpkg.com/process/-/process-0.11.10.tgz#7332300e840161bda3e69a1d1d91a7d4bc16f182"
-  integrity sha512-cdGef/drWFoydD1JsMzuFf8100nZl+GT+yacc2bEced5f9Rjk4z+WtFUTBu9PhOi9j/jfmBPu0mMEY4wIdAF8A==
-
 progress@^2.0.0:
   version "2.0.3"
   resolved "https://registry.yarnpkg.com/progress/-/progress-2.0.3.tgz#7e8cf8d8f5b8f239c1bc68beb4eb78567d572ef8"
@@ -11986,22 +7821,7 @@ promise-retry@^2.0.1:
     err-code "^2.0.2"
     retry "^0.12.0"
 
-promise@^8.1.0:
-  version "8.3.0"
-  resolved "https://registry.yarnpkg.com/promise/-/promise-8.3.0.tgz#8cb333d1edeb61ef23869fbb8a4ea0279ab60e0a"
-  integrity sha512-rZPNPKTOYVNEEKFaq1HqTgOwZD+4/YHS5ukLzQCypkj+OkYx7iv0mA91lJlpPPZ8vMau3IIGj5Qlwrx+8iiSmg==
-  dependencies:
-    asap "~2.0.6"
-
-prompts@2.4.0:
-  version "2.4.0"
-  resolved "https://registry.yarnpkg.com/prompts/-/prompts-2.4.0.tgz#4aa5de0723a231d1ee9121c40fdf663df73f61d7"
-  integrity sha512-awZAKrk3vN6CroQukBL+R9051a4R3zCZBlJm/HBfrSZ8iTpYix3VX1vU4mveiLpiwmOJT4wokTF9m6HUk4KqWQ==
-  dependencies:
-    kleur "^3.0.3"
-    sisteransi "^1.0.5"
-
-prompts@^2.0.1, prompts@^2.4.2:
+prompts@^2.0.1:
   version "2.4.2"
   resolved "https://registry.yarnpkg.com/prompts/-/prompts-2.4.2.tgz#7b57e73b3a48029ad10ebd44f74b01722a4cb069"
   integrity sha512-NxNv/kLguCA7p3jE8oL2aEBsrJWgAakBpgmgK6lpPWV+WuOmY6r2/zbAVnP+T8bQlA0nzHXSJSJW0Hq7ylaD2Q==
@@ -12030,87 +7850,35 @@ property-expr@^2.0.5:
   resolved "https://registry.yarnpkg.com/property-expr/-/property-expr-2.0.6.tgz#f77bc00d5928a6c748414ad12882e83f24aec1e8"
   integrity sha512-SVtmxhRE/CGkn3eZY1T6pC8Nln6Fr/lu1mKSgRud0eC73whjGfoAogbn78LkD8aFL0zz3bAFerKSnOl7NlErBA==
 
-proxy-addr@~2.0.7:
-  version "2.0.7"
-  resolved "https://registry.yarnpkg.com/proxy-addr/-/proxy-addr-2.0.7.tgz#f19fe69ceab311eeb94b42e70e8c2070f9ba1025"
-  integrity sha512-llQsMLSUDUPT44jdrU/O37qlnifitDP+ZwrmmZcoSKyLKvtZxpyV0n2/bD/N4tBAAZ/gJEdZU7KMraoK1+XYAg==
-  dependencies:
-    forwarded "0.2.0"
-    ipaddr.js "1.9.1"
-
-proxy-from-env@^1.1.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/proxy-from-env/-/proxy-from-env-1.1.0.tgz#e102f16ca355424865755d2c9e8ea4f24d58c3e2"
-  integrity sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg==
-
-prr@~1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/prr/-/prr-1.0.1.tgz#d3fc114ba06995a45ec6893f484ceb1d78f5f476"
-  integrity sha512-yPw4Sng1gWghHQWj0B3ZggWUm4qVbPwPFcRG8KyxiU7J2OHFSoEHKS+EZ3fv5l1t9CyCiop6l/ZYeWbrgoQejw==
+property-information@^7.0.0:
+  version "7.1.0"
+  resolved "https://registry.yarnpkg.com/property-information/-/property-information-7.1.0.tgz#b622e8646e02b580205415586b40804d3e8bfd5d"
+  integrity sha512-TwEZ+X+yCJmYfL7TPUOcvBZ4QfoT5YenQiJuX//0th53DE6w0xxLEtfK3iyryQFddXuvkIk51EEgrJQ0WJkOmQ==
 
-ps-tree@1.2.0:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/ps-tree/-/ps-tree-1.2.0.tgz#5e7425b89508736cdd4f2224d028f7bb3f722ebd"
-  integrity sha512-0VnamPPYHl4uaU/nSFeZZpR21QAWRz+sRv4iW9+v/GS/J5U5iZB5BNN6J0RMoOvdx2gWM2+ZFMIm58q24e4UYA==
-  dependencies:
-    event-stream "=3.3.4"
+proxy-from-env@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/proxy-from-env/-/proxy-from-env-2.1.0.tgz#a7487568adad577cfaaa7e88c49cab3ab3081aba"
+  integrity sha512-cJ+oHTW1VAEa8cJslgmUZrc+sjRKgAKl3Zyse6+PV38hZe/V6Z14TbCuXcan9F9ghlz4QrFr2c92TNF82UkYHA==
 
 psl@^1.1.28, psl@^1.1.33:
   version "1.9.0"
   resolved "https://registry.yarnpkg.com/psl/-/psl-1.9.0.tgz#d0df2a137f00794565fcaf3b2c00cd09f8d5a5a7"
   integrity sha512-E/ZsdU4HLs/68gYzgGTkMicWTLPdAftJLfJFlLUAAKZGkStNU72sZjT66SnMDVOfOWY/YAoiD7Jxa9iHvngcag==
 
-public-encrypt@^4.0.0:
-  version "4.0.3"
-  resolved "https://registry.yarnpkg.com/public-encrypt/-/public-encrypt-4.0.3.tgz#4fcc9d77a07e48ba7527e7cbe0de33d0701331e0"
-  integrity sha512-zVpa8oKZSz5bTMTFClc1fQOnyyEzpl5ozpi1B5YcvBrdohMjH2rfsBtyXcuNuwjsDIXmBYlF2N5FlJYhR29t8Q==
-  dependencies:
-    bn.js "^4.1.0"
-    browserify-rsa "^4.0.0"
-    create-hash "^1.1.0"
-    parse-asn1 "^5.0.0"
-    randombytes "^2.0.1"
-    safe-buffer "^5.1.2"
-
-pump@^2.0.0:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/pump/-/pump-2.0.1.tgz#12399add6e4cf7526d973cbc8b5ce2e2908b3909"
-  integrity sha512-ruPMNRkN3MHP1cWJc9OWr+T/xDP0jhXYCLfJcBuX54hhfIBnaQmAUMfDcG4DM5UMWByBbJY69QSphm3jtDKIkA==
-  dependencies:
-    end-of-stream "^1.1.0"
-    once "^1.3.1"
-
-pump@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/pump/-/pump-3.0.0.tgz#b4a2116815bde2f4e1ea602354e8c75565107a64"
-  integrity sha512-LwZy+p3SFs1Pytd/jYct4wpv49HiYCqd9Rlc5ZVdk0V+8Yzv6jR5Blk3TRmPL1ft69TxP0IMZGJ+WPFU2BFhww==
-  dependencies:
-    end-of-stream "^1.1.0"
-    once "^1.3.1"
-
-pumpify@^1.3.3:
-  version "1.5.1"
-  resolved "https://registry.yarnpkg.com/pumpify/-/pumpify-1.5.1.tgz#36513be246ab27570b1a374a5ce278bfd74370ce"
-  integrity sha512-oClZI37HvuUJJxSKKrC17bZ9Cu0ZYhEAGPsPUy9KlMUmv9dKX2o77RUmq7f3XjIxbwyGwYzbzQ1L2Ks8sIradQ==
-  dependencies:
-    duplexify "^3.6.0"
-    inherits "^2.0.3"
-    pump "^2.0.0"
-
-punycode@^1.2.4, punycode@^1.4.1:
-  version "1.4.1"
-  resolved "https://registry.yarnpkg.com/punycode/-/punycode-1.4.1.tgz#c0d5a63b2718800ad8e1eb0fa5269c84dd41845e"
-  integrity sha512-jmYNElW7yvO7TV33CjSmvSiE2yco3bV2czu/OzDKdMNVZQWfxCblURLhf+47syQRBntjfLdd/H0egrzIG+oaFQ==
-
 punycode@^2.1.0, punycode@^2.1.1:
   version "2.3.1"
   resolved "https://registry.yarnpkg.com/punycode/-/punycode-2.3.1.tgz#027422e2faec0b25e1549c3e1bd8309b9133b6e5"
   integrity sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==
 
-pure-react-carousel@1.30.1:
-  version "1.30.1"
-  resolved "https://registry.yarnpkg.com/pure-react-carousel/-/pure-react-carousel-1.30.1.tgz#006a333869b51339dafcdee2afa0561eb46d1743"
-  integrity sha512-B1qi62hZk0OFqRR4cTjtgIeOn/Ls5wo+HsLtrXT4jVf5et8ldBHSt+6LsYRJN86Or8dm+XbnJNEHy6WDJ0/DQw==
+pure-rand@^6.0.0:
+  version "6.1.0"
+  resolved "https://registry.yarnpkg.com/pure-rand/-/pure-rand-6.1.0.tgz#d173cf23258231976ccbdb05247c9787957604f2"
+  integrity sha512-bVWawvoZoBYpp6yIoQtQXHZjmz35RSVHnUOTefl8Vcjr8snTPY1wnpSPMWekcFwbxI6gtmT7rSYPFvz71ldiOA==
+
+pure-react-carousel@^1.30.1:
+  version "1.35.0"
+  resolved "https://registry.yarnpkg.com/pure-react-carousel/-/pure-react-carousel-1.35.0.tgz#b57dc716645afc7aa4105c4f0c84671a6f9ba0eb"
+  integrity sha512-3RGmc+/Q0v24xPqQ1HDGj8eoutsaFJfjNbl1ihxC6+iBAJ7x2lu9T6ZgtorCW7JDvQb+hyVnBVR5Dn/XH2HByw==
   dependencies:
     "@babel/runtime" "^7.5.5"
     deep-freeze "0.0.1"
@@ -12118,16 +7886,7 @@ pure-react-carousel@1.30.1:
     equals "^1.0.5"
     prop-types "^15.6.2"
 
-q-i@^2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/q-i/-/q-i-2.0.1.tgz#fec7e3f0e713f3467358bb5ac80bcc4c115187d6"
-  integrity sha512-tr7CzPNxkBDBuPzqi/HDUS4uBOppb91akNTeh56TYio8TiIeXp2Yp8ea9NmDu2DmGH35ZjJDq6C3E4SepVZ4bQ==
-  dependencies:
-    ansi-styles "^3.2.0"
-    is-plain-object "^2.0.4"
-    stringify-object "^3.2.0"
-
-q@^1.1.2, q@^1.5.1:
+q@^1.5.1:
   version "1.5.1"
   resolved "https://registry.yarnpkg.com/q/-/q-1.5.1.tgz#7e32f75b41381291d04611f1bf14109ac00651d7"
   integrity sha512-kV/CThkXo6xyFEZUugw/+pIOywXcDbFYgSct5cT3gqlbkBE1SJdwy6UQoZvodiWF/ckQLZyDE/Bu1M6gVu5lVw==
@@ -12137,47 +7896,15 @@ qrcode-terminal@^0.12.0:
   resolved "https://registry.yarnpkg.com/qrcode-terminal/-/qrcode-terminal-0.12.0.tgz#bb5b699ef7f9f0505092a3748be4464fe71b5819"
   integrity sha512-EXtzRZmC+YGmGlDFbXKxQiMZNwCLEO6BANKXG4iCtSIM0yqc/pappSx3RIKr4r0uh5JsBckOXeKrB3Iz7mdQpQ==
 
-qs@6.11.0:
-  version "6.11.0"
-  resolved "https://registry.yarnpkg.com/qs/-/qs-6.11.0.tgz#fd0d963446f7a65e1367e01abd85429453f0c37a"
-  integrity sha512-MvjoMCJwEarSbUYk5O+nmoSzSutSsTwF85zcHPQ9OrlFoZOYIjaqBAJIqIXjptyD5vThxGq52Xu/MaJzRkIk4Q==
-  dependencies:
-    side-channel "^1.0.4"
-
-qs@^6.11.2:
-  version "6.11.2"
-  resolved "https://registry.yarnpkg.com/qs/-/qs-6.11.2.tgz#64bea51f12c1f5da1bc01496f48ffcff7c69d7d9"
-  integrity sha512-tDNIz22aBzCDxLtVH++VnTfzxlfeK5CbqohpSqpJgj1Wg/cQbStNAz3NuqCs5vV+pjBsK4x4pN9HlVh7rcYRiA==
-  dependencies:
-    side-channel "^1.0.4"
-
 qs@~6.5.2:
   version "6.5.3"
   resolved "https://registry.yarnpkg.com/qs/-/qs-6.5.3.tgz#3aeeffc91967ef6e35c0e488ef46fb296ab76aad"
   integrity sha512-qxXIEh4pCGfHICj1mAJQ2/2XVZkjCDTcEgfoSQxc/fYivUZxTkk7L3bDBJSoNrEzXI17oUO5Dp07ktqE5KzczA==
 
-qss@^2.0.3:
-  version "2.0.3"
-  resolved "https://registry.yarnpkg.com/qss/-/qss-2.0.3.tgz#630b38b120931b52d04704f3abfb0f861604a9ec"
-  integrity sha512-j48ZBT5IZbSqJiSU8EX4XrN8nXiflHvmMvv2XpFc31gh7n6EpSs75bNr6+oj3FOLWyT8m09pTmqLNl34L7/uPQ==
-
-query-string@^4.1.0:
-  version "4.3.4"
-  resolved "https://registry.yarnpkg.com/query-string/-/query-string-4.3.4.tgz#bbb693b9ca915c232515b228b1a02b609043dbeb"
-  integrity sha512-O2XLNDBIg1DnTOa+2XrIwSiXEV8h2KImXUnjhhn2+UsvZ+Es2uyd5CCRTNQlDGbzUQOW3aYCBx9rVA6dzsiY7Q==
-  dependencies:
-    object-assign "^4.1.0"
-    strict-uri-encode "^1.0.0"
-
-querystring-es3@^0.2.0:
-  version "0.2.1"
-  resolved "https://registry.yarnpkg.com/querystring-es3/-/querystring-es3-0.2.1.tgz#9ec61f79049875707d69414596fd907a4d711e73"
-  integrity sha512-773xhDQnZBMFobEiztv8LIl70ch5MSF/jUQVlhwFyBILqq96anmoctVIYz+ZRp0qbCKATTn6ev02M3r7Ga5vqA==
-
-querystring@^0.2.0:
-  version "0.2.1"
-  resolved "https://registry.yarnpkg.com/querystring/-/querystring-0.2.1.tgz#40d77615bb09d16902a85c3e38aa8b5ed761c2dd"
-  integrity sha512-wkvS7mL/JMugcup3/rMitHmd9ecIGd2lhFhK9N3UUQ450h66d1r3Y9nvXzQAW1Lq+wyx61k/1pfKS5KuKiyEbg==
+quansync@^0.2.11:
+  version "0.2.11"
+  resolved "https://registry.yarnpkg.com/quansync/-/quansync-0.2.11.tgz#f9c3adda2e1272e4f8cf3f1457b04cbdb4ee692a"
+  integrity sha512-AifT7QEbW9Nri4tAwR5M/uzpBuqfZf+zwaEM/QkzEjj7NBuFD2rBuy0K3dE+8wltbezDV7JMA0WfnCPYRSYbXA==
 
 querystringify@^2.1.1:
   version "2.2.0"
@@ -12194,43 +7921,6 @@ quick-lru@^4.0.1:
   resolved "https://registry.yarnpkg.com/quick-lru/-/quick-lru-4.0.1.tgz#5b8878f113a58217848c6482026c73e1ba57727f"
   integrity sha512-ARhCpm70fzdcvNQfPoy49IaanKkTlRWF2JMzqhcJbhSFRZv7nPTvZJdcY7301IPmvW+/p0RgIWnQDLJxifsQ7g==
 
-raf@^3.4.1:
-  version "3.4.1"
-  resolved "https://registry.yarnpkg.com/raf/-/raf-3.4.1.tgz#0742e99a4a6552f445d73e3ee0328af0ff1ede39"
-  integrity sha512-Sq4CW4QhwOHE8ucn6J34MqtZCeWFP2aQSmrlroYgqAV1PjStIhJXxYuTgUIfkEk7zTLjmIjLmU5q+fbD1NnOJA==
-  dependencies:
-    performance-now "^2.1.0"
-
-randombytes@^2.0.0, randombytes@^2.0.1, randombytes@^2.0.5, randombytes@^2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/randombytes/-/randombytes-2.1.0.tgz#df6f84372f0270dc65cdf6291349ab7a473d4f2a"
-  integrity sha512-vYl3iOX+4CKUWuxGi9Ukhie6fsqXqS9FE2Zaic4tNFD2N2QQaXOMFbuKK4QmDHC0JO6B1Zp41J0LpT0oR68amQ==
-  dependencies:
-    safe-buffer "^5.1.0"
-
-randomfill@^1.0.3:
-  version "1.0.4"
-  resolved "https://registry.yarnpkg.com/randomfill/-/randomfill-1.0.4.tgz#c92196fc86ab42be983f1bf31778224931d61458"
-  integrity sha512-87lcbR8+MhcWcUiQ+9e+Rwx8MyR2P7qnt15ynUlbm3TU/fjbgz4GsvfSUDTemtCCtVCqb4ZcEFlyPNTh9bBTLw==
-  dependencies:
-    randombytes "^2.0.5"
-    safe-buffer "^5.1.0"
-
-range-parser@^1.2.1, range-parser@~1.2.1:
-  version "1.2.1"
-  resolved "https://registry.yarnpkg.com/range-parser/-/range-parser-1.2.1.tgz#3cf37023d199e1c24d1a55b84800c2f3e6468031"
-  integrity sha512-Hrgsx+orqoygnmhFbKaHE6c296J+HTAQXoxEF6gNupROmmGJRoyzfG3ccAveqCBrwr/2yxQ5BVd/GTl5agOwSg==
-
-raw-body@2.5.1:
-  version "2.5.1"
-  resolved "https://registry.yarnpkg.com/raw-body/-/raw-body-2.5.1.tgz#fe1b1628b181b700215e5fd42389f98b71392857"
-  integrity sha512-qqJBtEyVgS0ZmPGdCFPWJ3FreoqvG4MVQln/kCgF7Olq95IbOp0/BWyMwbdtn4VTvkM8Y7khCQ2Xgk/tcrCXig==
-  dependencies:
-    bytes "3.1.2"
-    http-errors "2.0.0"
-    iconv-lite "0.4.24"
-    unpipe "1.0.0"
-
 rc@1.2.8, rc@^1.2.8:
   version "1.2.8"
   resolved "https://registry.yarnpkg.com/rc/-/rc-1.2.8.tgz#cd924bf5200a075b83c188cd6b9e211b7fc0d3ed"
@@ -12241,25 +7931,13 @@ rc@1.2.8, rc@^1.2.8:
     minimist "^1.2.0"
     strip-json-comments "~2.0.1"
 
-react-app-polyfill@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/react-app-polyfill/-/react-app-polyfill-2.0.0.tgz#a0bea50f078b8a082970a9d853dc34b6dcc6a3cf"
-  integrity sha512-0sF4ny9v/B7s6aoehwze9vJNWcmCemAUYBVasscVr92+UYiEqDXOxfKjXN685mDaMRNF3WdhHQs76oTODMocFA==
-  dependencies:
-    core-js "^3.6.5"
-    object-assign "^4.1.1"
-    promise "^8.1.0"
-    raf "^3.4.1"
-    regenerator-runtime "^0.13.7"
-    whatwg-fetch "^3.4.1"
-
-react-canvas-confetti@^1.4.0:
-  version "1.4.0"
-  resolved "https://registry.yarnpkg.com/react-canvas-confetti/-/react-canvas-confetti-1.4.0.tgz#69a759e09024ff2cc8896739b8377182dee3c38d"
-  integrity sha512-ByBdSsNGUxlcJuOqSgbZw1VWNNO3b7njTmnuM1Y36mvwdCkCRs8rLkRAjn6MQK96LgWcfDVhr6ZT5olm2w8Zwg==
+react-canvas-confetti@^2.0.7:
+  version "2.0.7"
+  resolved "https://registry.yarnpkg.com/react-canvas-confetti/-/react-canvas-confetti-2.0.7.tgz#0499e7815b50f6a7731fd01729e07c30faa300f3"
+  integrity sha512-DIj44O35TPAwJkUSIZqWdVsgAMHtVf8h7YNmnr3jF3bn5mG+d7Rh9gEcRmdJfYgRzh6K+MAGujwUoIqQyLnMJw==
   dependencies:
-    "@types/canvas-confetti" "1.6.0"
-    canvas-confetti "1.6.0"
+    "@types/canvas-confetti" "^1.6.4"
+    canvas-confetti "^1.9.2"
 
 react-currency-format@^1.1.0:
   version "1.1.0"
@@ -12268,147 +7946,56 @@ react-currency-format@^1.1.0:
   dependencies:
     prop-types "^15.6.0"
 
-react-dev-utils@^11.0.3:
-  version "11.0.4"
-  resolved "https://registry.yarnpkg.com/react-dev-utils/-/react-dev-utils-11.0.4.tgz#a7ccb60257a1ca2e0efe7a83e38e6700d17aa37a"
-  integrity sha512-dx0LvIGHcOPtKbeiSUM4jqpBl3TcY7CDjZdfOIcKeznE7BWr9dg0iPG90G5yfVQ+p/rGNMXdbfStvzQZEVEi4A==
-  dependencies:
-    "@babel/code-frame" "7.10.4"
-    address "1.1.2"
-    browserslist "4.14.2"
-    chalk "2.4.2"
-    cross-spawn "7.0.3"
-    detect-port-alt "1.1.6"
-    escape-string-regexp "2.0.0"
-    filesize "6.1.0"
-    find-up "4.1.0"
-    fork-ts-checker-webpack-plugin "4.1.6"
-    global-modules "2.0.0"
-    globby "11.0.1"
-    gzip-size "5.1.1"
-    immer "8.0.1"
-    is-root "2.1.0"
-    loader-utils "2.0.0"
-    open "^7.0.2"
-    pkg-up "3.1.0"
-    prompts "2.4.0"
-    react-error-overlay "^6.0.9"
-    recursive-readdir "2.2.2"
-    shell-quote "1.7.2"
-    strip-ansi "6.0.0"
-    text-table "0.2.0"
-
-react-dev-utils@^12.0.0:
-  version "12.0.1"
-  resolved "https://registry.yarnpkg.com/react-dev-utils/-/react-dev-utils-12.0.1.tgz#ba92edb4a1f379bd46ccd6bcd4e7bc398df33e73"
-  integrity sha512-84Ivxmr17KjUupyqzFode6xKhjwuEJDROWKJy/BthkL7Wn6NJ8h4WE6k/exAv6ImS+0oZLRRW5j/aINMHyeGeQ==
-  dependencies:
-    "@babel/code-frame" "^7.16.0"
-    address "^1.1.2"
-    browserslist "^4.18.1"
-    chalk "^4.1.2"
-    cross-spawn "^7.0.3"
-    detect-port-alt "^1.1.6"
-    escape-string-regexp "^4.0.0"
-    filesize "^8.0.6"
-    find-up "^5.0.0"
-    fork-ts-checker-webpack-plugin "^6.5.0"
-    global-modules "^2.0.0"
-    globby "^11.0.4"
-    gzip-size "^6.0.0"
-    immer "^9.0.7"
-    is-root "^2.1.0"
-    loader-utils "^3.2.0"
-    open "^8.4.0"
-    pkg-up "^3.1.0"
-    prompts "^2.4.2"
-    react-error-overlay "^6.0.11"
-    recursive-readdir "^2.2.2"
-    shell-quote "^1.7.3"
-    strip-ansi "^6.0.1"
-    text-table "^0.2.0"
-
-react-docgen-annotation-resolver@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/react-docgen-annotation-resolver/-/react-docgen-annotation-resolver-2.0.0.tgz#c2c9ac2d6dd5c43396ebadad3b22323820dda78e"
-  integrity sha512-0rNR0SZAjd4eHTYP3Iq/pi0zTznHtXSLAKOXbK6tGjwd9bTaXUaKQK7hihRvGvqxNjUy0WGTcFgX+lT64vIXBg==
-
-react-docgen-displayname-handler@^3.0.0:
-  version "3.0.2"
-  resolved "https://registry.yarnpkg.com/react-docgen-displayname-handler/-/react-docgen-displayname-handler-3.0.2.tgz#4d79ded9c3c7b504a67ba734ebbff8aa12fda8b4"
-  integrity sha512-6SDJ2h6WuW0Kq6Vw34C3WmRfh1eYNDkaes9hxsmQ4fmX5tiI2lpR28J2cxlu4RpYrqBLrrtke6kWBef7pIL24w==
-  dependencies:
-    ast-types "0.14.2"
-
-react-docgen@^5.0.0:
-  version "5.4.3"
-  resolved "https://registry.yarnpkg.com/react-docgen/-/react-docgen-5.4.3.tgz#7d297f73b977d0c7611402e5fc2a168acf332b26"
-  integrity sha512-xlLJyOlnfr8lLEEeaDZ+X2J/KJoe6Nr9AzxnkdQWush5hz2ZSu66w6iLMOScMmxoSHWpWMn+k3v5ZiyCfcWsOA==
-  dependencies:
-    "@babel/core" "^7.7.5"
-    "@babel/generator" "^7.12.11"
-    "@babel/runtime" "^7.7.6"
-    ast-types "^0.14.2"
-    commander "^2.19.0"
-    doctrine "^3.0.0"
-    estree-to-babel "^3.1.0"
-    neo-async "^2.6.1"
-    node-dir "^0.1.10"
-    strip-indent "^3.0.0"
-
-react-dom@^17.0.2:
-  version "17.0.2"
-  resolved "https://registry.yarnpkg.com/react-dom/-/react-dom-17.0.2.tgz#ecffb6845e3ad8dbfcdc498f0d0a939736502c23"
-  integrity sha512-s4h96KtLDUQlsENhMn1ar8t2bEa+q/YAtj8pPPdIjPDGBDIVNsrD9aXNWqspUe6AzKCIG0C1HZZLqLV7qpOBGA==
+react-dom@^18.3.1:
+  version "18.3.1"
+  resolved "https://registry.yarnpkg.com/react-dom/-/react-dom-18.3.1.tgz#c2265d79511b57d479b3dd3fdfa51536494c5cb4"
+  integrity sha512-5m4nQKp+rZRb09LNH59GM4BxTh9251/ylbKIbpe7TpGxfJ+9kv6BLkLBXIjjspbgbnIBNqlI23tRnTWT0snUIw==
   dependencies:
     loose-envify "^1.1.0"
-    object-assign "^4.1.1"
-    scheduler "^0.20.2"
+    scheduler "^0.23.2"
 
-react-error-overlay@^6.0.11, react-error-overlay@^6.0.9:
-  version "6.0.11"
-  resolved "https://registry.yarnpkg.com/react-error-overlay/-/react-error-overlay-6.0.11.tgz#92835de5841c5cf08ba00ddd2d677b6d17ff9adb"
-  integrity sha512-/6UZ2qgEyH2aqzYZgQPxEnz33NJ2gNsnHA2o5+o4wW9bLM/JYQitNP9xPhsXwC08hMMovfGe/8retsdDsczPRg==
-
-react-group@^3.0.2:
-  version "3.0.2"
-  resolved "https://registry.yarnpkg.com/react-group/-/react-group-3.0.2.tgz#cb31d0fae255111e1dace5b5f9abb9deefc7b36e"
-  integrity sha512-0Jy99MD27jHSJ0PeynomUM0WArxywdcqQUKLttBWV6KYH+zlKWT/RhDwVxrODtMkRxf644BzuJFie1Hvfun7jA==
-  dependencies:
-    prop-types "^15.7.2"
-
-react-hook-form@^7.52.1:
-  version "7.52.1"
-  resolved "https://registry.yarnpkg.com/react-hook-form/-/react-hook-form-7.52.1.tgz#ec2c96437b977f8b89ae2d541a70736c66284852"
-  integrity sha512-uNKIhaoICJ5KQALYZ4TOaOLElyM+xipord+Ha3crEFhTntdLvWZqVY49Wqd/0GiVCA/f9NjemLeiNPjG7Hpurg==
-
-react-icons@^3.8.0:
-  version "3.11.0"
-  resolved "https://registry.yarnpkg.com/react-icons/-/react-icons-3.11.0.tgz#2ca2903dfab8268ca18ebd8cc2e879921ec3b254"
-  integrity sha512-JRgiI/vdF6uyBgyZhVyYJUZAop95Sy4XDe/jmT3R/bKliFWpO/uZBwvSjWEdxwzec7SYbEPNPck0Kff2tUGM2Q==
-  dependencies:
-    camelcase "^5.0.0"
+react-hook-form@^7.53.2:
+  version "7.72.1"
+  resolved "https://registry.yarnpkg.com/react-hook-form/-/react-hook-form-7.72.1.tgz#19a8bbeaf685934f4c9fc422294cc730ade2780e"
+  integrity sha512-RhwBoy2ygeVZje+C+bwJ8g0NjTdBmDlJvAUHTxRjTmSUKPYsKfMphkS2sgEMotsY03bP358yEYlnUeZy//D9Ig==
 
 "react-is@^16.12.0 || ^17.0.0 || ^18.0.0":
   version "18.2.0"
   resolved "https://registry.yarnpkg.com/react-is/-/react-is-18.2.0.tgz#199431eeaaa2e09f86427efbb4f1473edb47609b"
   integrity sha512-xWGDIW6x921xtzPkhiULtthJHoJvBbF3q26fzloPCK0hsvxtPVelvftw3zjbHWSkR2km9Z+4uxbDDK/6Zw9B8w==
 
-react-is@^16.13.1, react-is@^16.7.0:
+react-is@^16.13.1:
   version "16.13.1"
   resolved "https://registry.yarnpkg.com/react-is/-/react-is-16.13.1.tgz#789729a4dc36de2999dc156dd6c1d9c18cea56a4"
   integrity sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==
 
-react-is@^17.0.1, react-is@^17.0.2:
-  version "17.0.2"
-  resolved "https://registry.yarnpkg.com/react-is/-/react-is-17.0.2.tgz#e691d4a8e9c789365655539ab372762b0efb54f0"
-  integrity sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w==
+react-is@^18.0.0, react-is@^18.3.1:
+  version "18.3.1"
+  resolved "https://registry.yarnpkg.com/react-is/-/react-is-18.3.1.tgz#e83557dc12eae63a99e003a46388b1dcbb44db7e"
+  integrity sha512-/LLMVyas0ljjAtoYiPqYiL8VWXzUUdThrmU5+n20DZv+a+ClRoevUzw5JxU+Ieh5/c87ytoTBV9G1FiKfNJdmg==
 
 react-lifecycles-compat@^3.0.0:
   version "3.0.4"
   resolved "https://registry.yarnpkg.com/react-lifecycles-compat/-/react-lifecycles-compat-3.0.4.tgz#4f1a273afdfc8f3488a8c516bfda78f872352362"
   integrity sha512-fBASbA6LnOU9dOU2eW7aQ8xmYBSXUIWr+UmF9b1efZBazGNO+rcXT/icdKnYm2pTwcRylVUYwW7H1PHfLekVzA==
 
+react-markdown@^10.1.0:
+  version "10.1.0"
+  resolved "https://registry.yarnpkg.com/react-markdown/-/react-markdown-10.1.0.tgz#e22bc20faddbc07605c15284255653c0f3bad5ca"
+  integrity sha512-qKxVopLT/TyA6BX3Ue5NwabOsAzm0Q7kAPwq6L+wWDwisYs7R8vZ0nRXqq6rkueboxpkjvLGU9fWifiX/ZZFxQ==
+  dependencies:
+    "@types/hast" "^3.0.0"
+    "@types/mdast" "^4.0.0"
+    devlop "^1.0.0"
+    hast-util-to-jsx-runtime "^2.0.0"
+    html-url-attributes "^3.0.0"
+    mdast-util-to-hast "^13.0.0"
+    remark-parse "^11.0.0"
+    remark-rehype "^11.0.0"
+    unified "^11.0.0"
+    unist-util-visit "^5.0.0"
+    vfile "^6.0.0"
+
 react-modal@^3.16.1:
   version "3.16.1"
   resolved "https://registry.yarnpkg.com/react-modal/-/react-modal-3.16.1.tgz#34018528fc206561b1a5467fc3beeaddafb39b2b"
@@ -12427,88 +8014,22 @@ react-range-slider-input@^3.0.7:
     clsx "^1.1.1"
     core-js "^3.22.4"
 
-react-refresh@^0.8.3:
-  version "0.8.3"
-  resolved "https://registry.yarnpkg.com/react-refresh/-/react-refresh-0.8.3.tgz#721d4657672d400c5e3c75d063c4a85fb2d5d68f"
-  integrity sha512-X8jZHc7nCMjaCqoU+V2I0cOhNW+QMBwSUkeXnTi8IPe6zaRWfn60ZzvFDZqWPfmSJfjub7dDW1SP0jaHWLu/hg==
+react-refresh@^0.17.0:
+  version "0.17.0"
+  resolved "https://registry.yarnpkg.com/react-refresh/-/react-refresh-0.17.0.tgz#b7e579c3657f23d04eccbe4ad2e58a8ed51e7e53"
+  integrity sha512-z6F7K9bV85EfseRCp2bzrpyQ0Gkw1uLoCel9XBVWPg/TjRj94SkJzUTGfOa4bs7iJvBWtQG0Wq7wnI0syw3EBQ==
 
-react-responsive@^9.0.2:
-  version "9.0.2"
-  resolved "https://registry.yarnpkg.com/react-responsive/-/react-responsive-9.0.2.tgz#34531ca77a61e7a8775714016d21241df7e4205c"
-  integrity sha512-+4CCab7z8G8glgJoRjAwocsgsv6VA2w7JPxFWHRc7kvz8mec1/K5LutNC2MG28Mn8mu6+bu04XZxHv5gyfT7xQ==
+react-responsive@^10.0.0:
+  version "10.0.1"
+  resolved "https://registry.yarnpkg.com/react-responsive/-/react-responsive-10.0.1.tgz#293d4d2562da93409861216f0110d146c5676eb3"
+  integrity sha512-OM5/cRvbtUWEX8le8RCT8scA8y2OPtb0Q/IViEyCEM5FBN8lRrkUOZnu87I88A6njxDldvxG+rLBxWiA7/UM9g==
   dependencies:
     hyphenate-style-name "^1.0.0"
-    matchmediaquery "^0.3.0"
+    matchmediaquery "^0.4.2"
     prop-types "^15.6.1"
-    shallow-equal "^1.2.1"
-
-react-scripts@4.0.3:
-  version "4.0.3"
-  resolved "https://registry.yarnpkg.com/react-scripts/-/react-scripts-4.0.3.tgz#b1cafed7c3fa603e7628ba0f187787964cb5d345"
-  integrity sha512-S5eO4vjUzUisvkIPB7jVsKtuH2HhWcASREYWHAQ1FP5HyCv3xgn+wpILAEWkmy+A+tTNbSZClhxjT3qz6g4L1A==
-  dependencies:
-    "@babel/core" "7.12.3"
-    "@pmmmwh/react-refresh-webpack-plugin" "0.4.3"
-    "@svgr/webpack" "5.5.0"
-    "@typescript-eslint/eslint-plugin" "^4.5.0"
-    "@typescript-eslint/parser" "^4.5.0"
-    babel-eslint "^10.1.0"
-    babel-jest "^26.6.0"
-    babel-loader "8.1.0"
-    babel-plugin-named-asset-import "^0.3.7"
-    babel-preset-react-app "^10.0.0"
-    bfj "^7.0.2"
-    camelcase "^6.1.0"
-    case-sensitive-paths-webpack-plugin "2.3.0"
-    css-loader "4.3.0"
-    dotenv "8.2.0"
-    dotenv-expand "5.1.0"
-    eslint "^7.11.0"
-    eslint-config-react-app "^6.0.0"
-    eslint-plugin-flowtype "^5.2.0"
-    eslint-plugin-import "^2.22.1"
-    eslint-plugin-jest "^24.1.0"
-    eslint-plugin-jsx-a11y "^6.3.1"
-    eslint-plugin-react "^7.21.5"
-    eslint-plugin-react-hooks "^4.2.0"
-    eslint-plugin-testing-library "^3.9.2"
-    eslint-webpack-plugin "^2.5.2"
-    file-loader "6.1.1"
-    fs-extra "^9.0.1"
-    html-webpack-plugin "4.5.0"
-    identity-obj-proxy "3.0.0"
-    jest "26.6.0"
-    jest-circus "26.6.0"
-    jest-resolve "26.6.0"
-    jest-watch-typeahead "0.6.1"
-    mini-css-extract-plugin "0.11.3"
-    optimize-css-assets-webpack-plugin "5.0.4"
-    pnp-webpack-plugin "1.6.4"
-    postcss-flexbugs-fixes "4.2.1"
-    postcss-loader "3.0.0"
-    postcss-normalize "8.0.1"
-    postcss-preset-env "6.7.0"
-    postcss-safe-parser "5.0.2"
-    prompts "2.4.0"
-    react-app-polyfill "^2.0.0"
-    react-dev-utils "^11.0.3"
-    react-refresh "^0.8.3"
-    resolve "1.18.1"
-    resolve-url-loader "^3.1.2"
-    sass-loader "^10.0.5"
-    semver "7.3.2"
-    style-loader "1.3.0"
-    terser-webpack-plugin "4.2.3"
-    ts-pnp "1.2.0"
-    url-loader "4.1.1"
-    webpack "4.44.2"
-    webpack-dev-server "3.11.1"
-    webpack-manifest-plugin "2.2.0"
-    workbox-webpack-plugin "5.1.4"
-  optionalDependencies:
-    fsevents "^2.1.3"
+    shallow-equal "^3.1.0"
 
-react-shallow-renderer@^16.13.1:
+react-shallow-renderer@^16.15.0:
   version "16.15.0"
   resolved "https://registry.yarnpkg.com/react-shallow-renderer/-/react-shallow-renderer-16.15.0.tgz#48fb2cf9b23d23cde96708fe5273a7d3446f4457"
   integrity sha512-oScf2FqQ9LFVQgA73vr86xl2NaOIX73rh+YFqcOp68CWj56tSfgtGKrEbyhCj0rSijyG9M1CYprTh39fBi5hzA==
@@ -12516,95 +8037,19 @@ react-shallow-renderer@^16.13.1:
     object-assign "^4.1.1"
     react-is "^16.12.0 || ^17.0.0 || ^18.0.0"
 
-react-simple-code-editor@^0.10.0:
-  version "0.10.0"
-  resolved "https://registry.yarnpkg.com/react-simple-code-editor/-/react-simple-code-editor-0.10.0.tgz#73e7ac550a928069715482aeb33ccba36efe2373"
-  integrity sha512-bL5W5mAxSW6+cLwqqVWY47Silqgy2DKDTR4hDBrLrUqC5BXc29YVx17l2IZk5v36VcDEq1Bszu2oHm1qBwKqBA==
-
-react-spinners@^0.11.0:
-  version "0.11.0"
-  resolved "https://registry.yarnpkg.com/react-spinners/-/react-spinners-0.11.0.tgz#186fd150cc9f7ab1436227f70d5d113b47e9e43d"
-  integrity sha512-rDZc0ABWn/M1OryboGsWVmIPg8uYWl0L35jPUhr40+Yg+syVPjeHwvnB7XWaRpaKus3M0cG9BiJA+ZB0dAwWyw==
-  dependencies:
-    "@emotion/react" "^11.1.4"
-
-react-styleguidist@^11.1.7:
-  version "11.2.0"
-  resolved "https://registry.yarnpkg.com/react-styleguidist/-/react-styleguidist-11.2.0.tgz#361db6db6bb7aefa5867f85c83383d386ed27cea"
-  integrity sha512-iiq4fRgsZGQLdRWx76R3G9CmEsQkitWRCJKdL5Sh6RktFLYvfvrmBfX7bE7KazF2YrJtsxGlmhsE4WpChXECNA==
-  dependencies:
-    "@tippyjs/react" "4.1.0"
-    "@vxna/mini-html-webpack-template" "^2.0.0"
-    acorn "^6.4.1"
-    acorn-jsx "^5.1.0"
-    assert "1.5.0"
-    ast-types "~0.14.2"
-    buble "0.20.0"
-    clean-webpack-plugin "^3.0.0"
-    clipboard-copy "^3.1.0"
-    clsx "^1.0.4"
-    common-dir "^3.0.0"
-    copy-webpack-plugin "^6.1.0"
-    core-js "^3.6.4"
-    doctrine "^3.0.0"
-    es6-object-assign "~1.1.0"
-    es6-promise "^4.2.8"
-    escodegen "^1.12.0"
-    estree-walker "~0.9.0"
-    fastest-levenshtein "^1.0.9"
-    findup "^0.1.5"
-    function.name-polyfill "^1.0.6"
-    github-slugger "^1.2.1"
-    glob "^7.1.5"
-    glogg "^1.0.2"
-    hash-sum "^2.0.0"
-    javascript-stringify "^2.0.0"
-    jss "^10.0.0"
-    jss-plugin-camel-case "^10.0.0"
-    jss-plugin-compose "^10.0.0"
-    jss-plugin-default-unit "^10.0.0"
-    jss-plugin-global "^10.0.0"
-    jss-plugin-isolate "^10.0.0"
-    jss-plugin-nested "^10.0.0"
-    kleur "^3.0.3"
-    listify "^1.0.0"
-    loader-utils "^2.0.0"
-    lodash "^4.17.15"
-    lowercase-keys "^2.0.0"
-    markdown-to-jsx "^6.11.4"
-    mini-html-webpack-plugin "^3.1.3"
-    mri "^1.1.4"
-    ora "^4.0.2"
-    prismjs "^1.17.1"
-    prop-types "^15.7.2"
-    q-i "^2.0.1"
-    qss "^2.0.3"
-    react-dev-utils "^12.0.0"
-    react-docgen "^5.0.0"
-    react-docgen-annotation-resolver "^2.0.0"
-    react-docgen-displayname-handler "^3.0.0"
-    react-group "^3.0.2"
-    react-icons "^3.8.0"
-    react-simple-code-editor "^0.10.0"
-    recast "~0.18.5"
-    remark "^13.0.0"
-    strip-html-comments "^1.0.0"
-    terser-webpack-plugin "^4.1.0"
-    to-ast "^1.0.0"
-    type-detect "^4.0.8"
-    unist-util-visit "^2.0.0"
-    webpack-dev-server "^3.11.2"
-    webpack-merge "^4.2.2"
-
-react-test-renderer@^17.0.2:
-  version "17.0.2"
-  resolved "https://registry.yarnpkg.com/react-test-renderer/-/react-test-renderer-17.0.2.tgz#4cd4ae5ef1ad5670fc0ef776e8cc7e1231d9866c"
-  integrity sha512-yaQ9cB89c17PUb0x6UfWRs7kQCorVdHlutU1boVPEsB8IDZH6n9tHxMacc3y0JoXOJUsZb/t/Mb8FUWMKaM7iQ==
+react-spinners@^0.14.1:
+  version "0.14.1"
+  resolved "https://registry.yarnpkg.com/react-spinners/-/react-spinners-0.14.1.tgz#de7d7d6b3e6d4f29d9620c65495b502c7dd90812"
+  integrity sha512-2Izq+qgQ08HTofCVEdcAQCXFEYfqTDdfeDQJeo/HHQiQJD4imOicNLhkfN2eh1NYEWVOX4D9ok2lhuDB0z3Aag==
+
+react-test-renderer@^18.3.1:
+  version "18.3.1"
+  resolved "https://registry.yarnpkg.com/react-test-renderer/-/react-test-renderer-18.3.1.tgz#e693608a1f96283400d4a3afead6893f958b80b4"
+  integrity sha512-KkAgygexHUkQqtvvx/otwxtuFu5cVjfzTCtjXLH9boS19/Nbtg84zS7wIQn39G8IlrhThBpQsMKkq5ZHZIYFXA==
   dependencies:
-    object-assign "^4.1.1"
-    react-is "^17.0.2"
-    react-shallow-renderer "^16.13.1"
-    scheduler "^0.20.2"
+    react-is "^18.3.1"
+    react-shallow-renderer "^16.15.0"
+    scheduler "^0.23.2"
 
 react-uid@^2.3.3:
   version "2.3.3"
@@ -12613,13 +8058,12 @@ react-uid@^2.3.3:
   dependencies:
     tslib "^2.0.0"
 
-react@^17.0.2:
-  version "17.0.2"
-  resolved "https://registry.yarnpkg.com/react/-/react-17.0.2.tgz#d0b5cc516d29eb3eee383f75b62864cfb6800037"
-  integrity sha512-gnhPt75i/dq/z3/6q/0asP78D0u592D5L1pd7M8P+dck6Fu/jJeL6iVVK23fptSUZj8Vjf++7wXA8UNclGQcbA==
+react@^18.3.1:
+  version "18.3.1"
+  resolved "https://registry.yarnpkg.com/react/-/react-18.3.1.tgz#49ab892009c53933625bd16b2533fc754cab2891"
+  integrity sha512-wS+hAgJShR0KhEvPJArfuPVN1+Hz1t0Y6n5jLrGQbkb4urgPE/0Rve+1kMB1v/oWgHgm4WIcV+i7F2pTVj+2iQ==
   dependencies:
     loose-envify "^1.1.0"
-    object-assign "^4.1.1"
 
 read-cmd-shim@^2.0.0:
   version "2.0.0"
@@ -12653,15 +8097,6 @@ read-pkg-up@^7.0.0, read-pkg-up@^7.0.1:
     read-pkg "^5.2.0"
     type-fest "^0.8.1"
 
-read-pkg@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/read-pkg/-/read-pkg-3.0.0.tgz#9cbc686978fee65d16c00e2b19c237fcf6e38389"
-  integrity sha512-BLq/cCO9two+lBgiTYNqD6GdtK8s4NpaWrl6/rCO9w0TUS8oJl7cmToOZfRYllKTISY6nt1U7jQ53brmKqY6BA==
-  dependencies:
-    load-json-file "^4.0.0"
-    normalize-package-data "^2.3.2"
-    path-type "^3.0.0"
-
 read-pkg@^5.0.0, read-pkg@^5.2.0:
   version "5.2.0"
   resolved "https://registry.yarnpkg.com/read-pkg/-/read-pkg-5.2.0.tgz#7bf295438ca5a33e56cd30e053b34ee7250c93cc"
@@ -12679,7 +8114,16 @@ read@1, read@^1.0.7, read@~1.0.1, read@~1.0.7:
   dependencies:
     mute-stream "~0.0.4"
 
-"readable-stream@1 || 2", readable-stream@^2.0.0, readable-stream@^2.0.1, readable-stream@^2.0.2, readable-stream@^2.0.6, readable-stream@^2.1.5, readable-stream@^2.2.2, readable-stream@^2.3.3, readable-stream@^2.3.6, readable-stream@~2.3.6:
+readable-stream@3, readable-stream@^3.0.0, readable-stream@^3.6.0:
+  version "3.6.2"
+  resolved "https://registry.yarnpkg.com/readable-stream/-/readable-stream-3.6.2.tgz#56a9b36ea965c00c5a93ef31eb111a0f11056967"
+  integrity sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==
+  dependencies:
+    inherits "^2.0.3"
+    string_decoder "^1.1.1"
+    util-deprecate "^1.0.1"
+
+readable-stream@^2.0.0, readable-stream@^2.0.2, readable-stream@^2.0.6, readable-stream@~2.3.6:
   version "2.3.8"
   resolved "https://registry.yarnpkg.com/readable-stream/-/readable-stream-2.3.8.tgz#91125e8042bba1b9887f49345f6277027ce8be9b"
   integrity sha512-8p0AUk4XODgIewSi0l8Epjs+EVnWiK7NoDIEGU0HhE7+ZyY8D1IMY7odu5lRrFXGg71L15KG8QrPmum45RTtdA==
@@ -12692,15 +8136,6 @@ read@1, read@^1.0.7, read@~1.0.1, read@~1.0.7:
     string_decoder "~1.1.1"
     util-deprecate "~1.0.1"
 
-readable-stream@3, readable-stream@^3.0.0, readable-stream@^3.0.6, readable-stream@^3.6.0, readable-stream@^3.6.2:
-  version "3.6.2"
-  resolved "https://registry.yarnpkg.com/readable-stream/-/readable-stream-3.6.2.tgz#56a9b36ea965c00c5a93ef31eb111a0f11056967"
-  integrity sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==
-  dependencies:
-    inherits "^2.0.3"
-    string_decoder "^1.1.1"
-    util-deprecate "^1.0.1"
-
 readdir-scoped-modules@^1.1.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/readdir-scoped-modules/-/readdir-scoped-modules-1.1.0.tgz#8d45407b4f870a0dcaebc0e28670d18e74514309"
@@ -12711,46 +8146,6 @@ readdir-scoped-modules@^1.1.0:
     graceful-fs "^4.1.2"
     once "^1.3.0"
 
-readdirp@^2.2.1:
-  version "2.2.1"
-  resolved "https://registry.yarnpkg.com/readdirp/-/readdirp-2.2.1.tgz#0e87622a3325aa33e892285caf8b4e846529a525"
-  integrity sha512-1JU/8q+VgFZyxwrJ+SVIOsh+KywWGpds3NTqikiKpDMZWScmAYyKIgqkO+ARvNWJfXeXR1zxz7aHF4u4CyH6vQ==
-  dependencies:
-    graceful-fs "^4.1.11"
-    micromatch "^3.1.10"
-    readable-stream "^2.0.2"
-
-readdirp@~3.6.0:
-  version "3.6.0"
-  resolved "https://registry.yarnpkg.com/readdirp/-/readdirp-3.6.0.tgz#74a370bd857116e245b29cc97340cd431a02a6c7"
-  integrity sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==
-  dependencies:
-    picomatch "^2.2.1"
-
-recast@~0.18.5:
-  version "0.18.10"
-  resolved "https://registry.yarnpkg.com/recast/-/recast-0.18.10.tgz#605ebbe621511eb89b6356a7e224bff66ed91478"
-  integrity sha512-XNvYvkfdAN9QewbrxeTOjgINkdY/odTgTS56ZNEWL9Ml0weT4T3sFtvnTuF+Gxyu46ANcRm1ntrF6F5LAJPAaQ==
-  dependencies:
-    ast-types "0.13.3"
-    esprima "~4.0.0"
-    private "^0.1.8"
-    source-map "~0.6.1"
-
-recursive-readdir@2.2.2:
-  version "2.2.2"
-  resolved "https://registry.yarnpkg.com/recursive-readdir/-/recursive-readdir-2.2.2.tgz#9946fb3274e1628de6e36b2f6714953b4845094f"
-  integrity sha512-nRCcW9Sj7NuZwa2XvH9co8NPeXUBhZP7CRKJtU+cS6PW9FpCIFoI5ib0NT1ZrbNuPoRy0ylyCaUL8Gih4LSyFg==
-  dependencies:
-    minimatch "3.0.4"
-
-recursive-readdir@^2.2.2:
-  version "2.2.3"
-  resolved "https://registry.yarnpkg.com/recursive-readdir/-/recursive-readdir-2.2.3.tgz#e726f328c0d69153bcabd5c322d3195252379372"
-  integrity sha512-8HrF5ZsXk5FAH9dgsx3BlUer73nIhuj+9OrQwEbLTPOBzGkL1lsFCR01am+v+0m2Cmbs1nP12hLDl5FA7EszKA==
-  dependencies:
-    minimatch "^3.0.5"
-
 redent@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/redent/-/redent-3.0.0.tgz#e557b7998316bb53c9f1f56fa626352c6963059f"
@@ -12785,54 +8180,24 @@ regenerate-unicode-properties@^10.1.0:
   dependencies:
     regenerate "^1.4.2"
 
-regenerate-unicode-properties@^8.0.2:
-  version "8.2.0"
-  resolved "https://registry.yarnpkg.com/regenerate-unicode-properties/-/regenerate-unicode-properties-8.2.0.tgz#e5de7111d655e7ba60c057dbe9ff37c87e65cdec"
-  integrity sha512-F9DjY1vKLo/tPePDycuH3dn9H1OTPIkVD9Kz4LODu+F2C75mgjAJ7x/gwy6ZcSNRAAkhNlJSOHRe8k3p+K9WhA==
+regenerate-unicode-properties@^10.2.2:
+  version "10.2.2"
+  resolved "https://registry.yarnpkg.com/regenerate-unicode-properties/-/regenerate-unicode-properties-10.2.2.tgz#aa113812ba899b630658c7623466be71e1f86f66"
+  integrity sha512-m03P+zhBeQd1RGnYxrGyDAPpWX/epKirLrp8e3qevZdVkKtnCrjjWczIbYc8+xd6vcTStVlqfycTx1KR4LOr0g==
   dependencies:
-    regenerate "^1.4.0"
+    regenerate "^1.4.2"
 
-regenerate@^1.4.0, regenerate@^1.4.2:
+regenerate@^1.4.2:
   version "1.4.2"
   resolved "https://registry.yarnpkg.com/regenerate/-/regenerate-1.4.2.tgz#b9346d8827e8f5a32f7ba29637d398b69014848a"
   integrity sha512-zrceR/XhGYU/d/opr2EKO7aRHUeiBI8qjtfHqADTwZd6Szfy16la6kqD0MIUs5z5hx6AaKa+PixpPrR289+I0A==
 
-regenerator-runtime@^0.11.0:
-  version "0.11.1"
-  resolved "https://registry.yarnpkg.com/regenerator-runtime/-/regenerator-runtime-0.11.1.tgz#be05ad7f9bf7d22e056f9726cee5017fbf19e2e9"
-  integrity sha512-MguG95oij0fC3QV3URf4V2SDYGJhJnJGqvIIgdECeODCT98wSWDAJ94SSuVpYQUoTcGUIL6L4yNB7j1DFFHSBg==
-
-regenerator-runtime@^0.13.7:
-  version "0.13.11"
-  resolved "https://registry.yarnpkg.com/regenerator-runtime/-/regenerator-runtime-0.13.11.tgz#f6dca3e7ceec20590d07ada785636a90cdca17f9"
-  integrity sha512-kY1AZVr2Ra+t+piVaJ4gxaFaReZVH40AKNo7UCX6W+dEwBo/2oZJzqfuN1qLq1oL45o56cPaTXELwrTh8Fpggg==
-
 regenerator-runtime@^0.14.0:
   version "0.14.0"
   resolved "https://registry.yarnpkg.com/regenerator-runtime/-/regenerator-runtime-0.14.0.tgz#5e19d68eb12d486f797e15a3c6a918f7cec5eb45"
   integrity sha512-srw17NI0TUWHuGa5CFGGmhfNIeja30WMBfbslPNhf6JrqQlLN5gcrvig1oqPxiVaXb0oW0XRKtH6Nngs5lKCIA==
 
-regenerator-transform@^0.15.2:
-  version "0.15.2"
-  resolved "https://registry.yarnpkg.com/regenerator-transform/-/regenerator-transform-0.15.2.tgz#5bbae58b522098ebdf09bca2f83838929001c7a4"
-  integrity sha512-hfMp2BoF0qOk3uc5V20ALGDS2ddjQaLrdl7xrGXvAIow7qeWRM2VA2HuCHkUKk9slq3VwEwLNK3DFBqDfPGYtg==
-  dependencies:
-    "@babel/runtime" "^7.8.4"
-
-regex-not@^1.0.0, regex-not@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/regex-not/-/regex-not-1.0.2.tgz#1f4ece27e00b0b65e0247a6810e6a85d83a5752c"
-  integrity sha512-J6SDjUgDxQj5NusnOtdFxDwN/+HWykR8GELwctJ7mdqhcyy1xEc4SRFHUXvxTp661YaVKAjfRLZ9cCqS6tn32A==
-  dependencies:
-    extend-shallow "^3.0.2"
-    safe-regex "^1.1.0"
-
-regex-parser@^2.2.11:
-  version "2.2.11"
-  resolved "https://registry.yarnpkg.com/regex-parser/-/regex-parser-2.2.11.tgz#3b37ec9049e19479806e878cabe7c1ca83ccfe58"
-  integrity sha512-jbD/FT0+9MBU2XAZluI7w2OBs1RBi6p9M83nkoZayQXXU9e8Robt69FcZc7wU4eJD/YFTjn1JdCk3rbMJajz8Q==
-
-regexp.prototype.flags@^1.2.0, regexp.prototype.flags@^1.5.0, regexp.prototype.flags@^1.5.1:
+regexp.prototype.flags@^1.5.0, regexp.prototype.flags@^1.5.1:
   version "1.5.1"
   resolved "https://registry.yarnpkg.com/regexp.prototype.flags/-/regexp.prototype.flags-1.5.1.tgz#90ce989138db209f81492edd734183ce99f9677e"
   integrity sha512-sy6TXMN+hnP/wMy+ISxg3krXx7BAtWVO4UouuCN/ziM9UEne0euamVNafDfvC83bRNr95y0V5iijeDQFUNpvrg==
@@ -12846,18 +8211,6 @@ regexpp@^3.1.0:
   resolved "https://registry.yarnpkg.com/regexpp/-/regexpp-3.2.0.tgz#0425a2768d8f23bad70ca4b90461fa2f1213e1b2"
   integrity sha512-pq2bWo9mVD43nbts2wGv17XLiNLya+GklZ8kaDLV2Z08gDCsGpnKn9BFMepvWuHCbyVvY7J5o5+BVvoQbmlJLg==
 
-regexpu-core@4.5.4:
-  version "4.5.4"
-  resolved "https://registry.yarnpkg.com/regexpu-core/-/regexpu-core-4.5.4.tgz#080d9d02289aa87fe1667a4f5136bc98a6aebaae"
-  integrity sha512-BtizvGtFQKGPUcTy56o3nk1bGRp4SZOTYrDtGNlqCQufptV5IkkLN6Emw+yunAJjzf+C9FQFtvq7IoA3+oMYHQ==
-  dependencies:
-    regenerate "^1.4.0"
-    regenerate-unicode-properties "^8.0.2"
-    regjsgen "^0.5.0"
-    regjsparser "^0.6.0"
-    unicode-match-property-ecmascript "^1.0.4"
-    unicode-match-property-value-ecmascript "^1.1.0"
-
 regexpu-core@^5.3.1:
   version "5.3.2"
   resolved "https://registry.yarnpkg.com/regexpu-core/-/regexpu-core-5.3.2.tgz#11a2b06884f3527aec3e93dbbf4a3b958a95546b"
@@ -12870,6 +8223,18 @@ regexpu-core@^5.3.1:
     unicode-match-property-ecmascript "^2.0.0"
     unicode-match-property-value-ecmascript "^2.1.0"
 
+regexpu-core@^6.3.1:
+  version "6.4.0"
+  resolved "https://registry.yarnpkg.com/regexpu-core/-/regexpu-core-6.4.0.tgz#3580ce0c4faedef599eccb146612436b62a176e5"
+  integrity sha512-0ghuzq67LI9bLXpOX/ISfve/Mq33a4aFRzoQYhnnok1JOFpmE/A2TBGkNVenOGEeSBCjIiWcc6MVOG5HEQv0sA==
+  dependencies:
+    regenerate "^1.4.2"
+    regenerate-unicode-properties "^10.2.2"
+    regjsgen "^0.8.0"
+    regjsparser "^0.13.0"
+    unicode-match-property-ecmascript "^2.0.0"
+    unicode-match-property-value-ecmascript "^2.2.1"
+
 registry-auth-token@^4.0.0:
   version "4.2.2"
   resolved "https://registry.yarnpkg.com/registry-auth-token/-/registry-auth-token-4.2.2.tgz#f02d49c3668884612ca031419491a13539e21fac"
@@ -12877,17 +8242,17 @@ registry-auth-token@^4.0.0:
   dependencies:
     rc "1.2.8"
 
-regjsgen@^0.5.0:
-  version "0.5.2"
-  resolved "https://registry.yarnpkg.com/regjsgen/-/regjsgen-0.5.2.tgz#92ff295fb1deecbf6ecdab2543d207e91aa33733"
-  integrity sha512-OFFT3MfrH90xIW8OOSyUrk6QHD5E9JOTeGodiJeBS3J6IwlgzJMNE/1bZklWz5oTg+9dCMyEetclvCVXOPoN3A==
+regjsgen@^0.8.0:
+  version "0.8.0"
+  resolved "https://registry.yarnpkg.com/regjsgen/-/regjsgen-0.8.0.tgz#df23ff26e0c5b300a6470cad160a9d090c3a37ab"
+  integrity sha512-RvwtGe3d7LvWiDQXeQw8p5asZUmfU1G/l6WbUXeHta7Y2PEIvBTwH6E2EfmYUK8pxcxEdEmaomqyp0vZZ7C+3Q==
 
-regjsparser@^0.6.0:
-  version "0.6.9"
-  resolved "https://registry.yarnpkg.com/regjsparser/-/regjsparser-0.6.9.tgz#b489eef7c9a2ce43727627011429cf833a7183e6"
-  integrity sha512-ZqbNRz1SNjLAiYuwY0zoXW8Ne675IX5q+YHioAGbCw4X96Mjl2+dcX9B2ciaeyYjViDAfvIjFpQjJgLttTEERQ==
+regjsparser@^0.13.0:
+  version "0.13.1"
+  resolved "https://registry.yarnpkg.com/regjsparser/-/regjsparser-0.13.1.tgz#0593cbacb27527927692030928ae4d3b878d6f8d"
+  integrity sha512-dLsljMd9sqwRkby8zhO1gSg3PnJIBFid8f4CQj/sXx+7cKx+E7u0PKhZ+U4wmhx7EfmtvnA318oVaIkAB1lRJw==
   dependencies:
-    jsesc "~0.5.0"
+    jsesc "~3.1.0"
 
 regjsparser@^0.9.1:
   version "0.9.1"
@@ -12896,54 +8261,26 @@ regjsparser@^0.9.1:
   dependencies:
     jsesc "~0.5.0"
 
-relateurl@^0.2.7:
-  version "0.2.7"
-  resolved "https://registry.yarnpkg.com/relateurl/-/relateurl-0.2.7.tgz#54dbf377e51440aca90a4cd274600d3ff2d888a9"
-  integrity sha512-G08Dxvm4iDN3MLM0EsP62EDV9IuhXPR6blNz6Utcp7zyV3tr4HVNINt6MpaRWbxoOHT3Q7YN2P+jaHX8vUbgog==
-
-remark-parse@^9.0.0:
-  version "9.0.0"
-  resolved "https://registry.yarnpkg.com/remark-parse/-/remark-parse-9.0.0.tgz#4d20a299665880e4f4af5d90b7c7b8a935853640"
-  integrity sha512-geKatMwSzEXKHuzBNU1z676sGcDcFoChMK38TgdHJNAYfFtsfHDQG7MoJAjs6sgYMqyLduCYWDIWZIxiPeafEw==
-  dependencies:
-    mdast-util-from-markdown "^0.8.0"
-
-remark-stringify@^9.0.0:
-  version "9.0.1"
-  resolved "https://registry.yarnpkg.com/remark-stringify/-/remark-stringify-9.0.1.tgz#576d06e910548b0a7191a71f27b33f1218862894"
-  integrity sha512-mWmNg3ZtESvZS8fv5PTvaPckdL4iNlCHTt8/e/8oN08nArHRHjNZMKzA/YW3+p7/lYqIw4nx1XsjCBo/AxNChg==
-  dependencies:
-    mdast-util-to-markdown "^0.6.0"
-
-remark@^13.0.0:
-  version "13.0.0"
-  resolved "https://registry.yarnpkg.com/remark/-/remark-13.0.0.tgz#d15d9bf71a402f40287ebe36067b66d54868e425"
-  integrity sha512-HDz1+IKGtOyWN+QgBiAT0kn+2s6ovOxHyPAFGKVE81VSzJ+mq7RwHFledEvB5F1p4iJvOah/LOKdFuzvRnNLCA==
+remark-parse@^11.0.0:
+  version "11.0.0"
+  resolved "https://registry.yarnpkg.com/remark-parse/-/remark-parse-11.0.0.tgz#aa60743fcb37ebf6b069204eb4da304e40db45a1"
+  integrity sha512-FCxlKLNGknS5ba/1lmpYijMUzX2esxW5xQqjWxw2eHFfS2MSdaHVINFmhjo+qN1WhZhNimq0dZATN9pH0IDrpA==
   dependencies:
-    remark-parse "^9.0.0"
-    remark-stringify "^9.0.0"
-    unified "^9.1.0"
+    "@types/mdast" "^4.0.0"
+    mdast-util-from-markdown "^2.0.0"
+    micromark-util-types "^2.0.0"
+    unified "^11.0.0"
 
-remove-trailing-separator@^1.0.1:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/remove-trailing-separator/-/remove-trailing-separator-1.1.0.tgz#c24bce2a283adad5bc3f58e0d48249b92379d8ef"
-  integrity sha512-/hS+Y0u3aOfIETiaiirUFwDBDzmXPvO+jAfKTitUngIPzdKc6Z0LoFjM/CK5PL4C+eKwHohlHAb6H0VFfmmUsw==
-
-renderkid@^2.0.4:
-  version "2.0.7"
-  resolved "https://registry.yarnpkg.com/renderkid/-/renderkid-2.0.7.tgz#464f276a6bdcee606f4a15993f9b29fc74ca8609"
-  integrity sha512-oCcFyxaMrKsKcTY59qnCAtmDVSLfPbrv6A3tVbPdFMMrv5jaK10V6m40cKsoPNhAqN6rmHW9sswW4o3ruSrwUQ==
+remark-rehype@^11.0.0:
+  version "11.1.2"
+  resolved "https://registry.yarnpkg.com/remark-rehype/-/remark-rehype-11.1.2.tgz#2addaadda80ca9bd9aa0da763e74d16327683b37"
+  integrity sha512-Dh7l57ianaEoIpzbp0PC9UKAdCSVklD8E5Rpw7ETfbTl3FqcOOgq5q2LVDhgGCkaBv7p24JXikPdvhhmHvKMsw==
   dependencies:
-    css-select "^4.1.3"
-    dom-converter "^0.2.0"
-    htmlparser2 "^6.1.0"
-    lodash "^4.17.21"
-    strip-ansi "^3.0.1"
-
-repeat-string@^1.0.0:
-  version "1.6.1"
-  resolved "https://registry.yarnpkg.com/repeat-string/-/repeat-string-1.6.1.tgz#8dcae470e1c88abc2d600fff4a776286da75e637"
-  integrity sha512-PV0dzCYDNfRi1jCDbJzpW7jNNDRuCOG/jI5ctQcGKt/clZD+YcPS3yIlWuTJMmESC8aevCFmWJy5wjAFgNqN6w==
+    "@types/hast" "^3.0.0"
+    "@types/mdast" "^4.0.0"
+    mdast-util-to-hast "^13.0.0"
+    unified "^11.0.0"
+    vfile "^6.0.0"
 
 request@^2.88.2:
   version "2.88.2"
@@ -12981,23 +8318,11 @@ require-from-string@^2.0.2:
   resolved "https://registry.yarnpkg.com/require-from-string/-/require-from-string-2.0.2.tgz#89a7fdd938261267318eafe14f9c32e598c36909"
   integrity sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw==
 
-require-main-filename@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/require-main-filename/-/require-main-filename-2.0.0.tgz#d0b329ecc7cc0f61649f62215be69af54aa8989b"
-  integrity sha512-NKN5kMDylKuldxYLSUfrbo5Tuzh4hd+2E8NPPX02mZtn1VuREQToYe/ZdlJy+J3uCpfaiGF05e7B8W0iXbQHmg==
-
 requires-port@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/requires-port/-/requires-port-1.0.0.tgz#925d2601d39ac485e091cf0da5c6e694dc3dcaff"
   integrity sha512-KigOCHcocU3XODJxsu8i/j8T9tzT4adHiecwORRQ0ZZFcp7ahwXuRU1m+yuO90C5ZUyGeGfocHDI14M3L3yDAQ==
 
-resolve-cwd@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/resolve-cwd/-/resolve-cwd-2.0.0.tgz#00a9f7387556e27038eae232caa372a6a59b665a"
-  integrity sha512-ccu8zQTrzVr954472aUVPLEcB3YpKSYR3cg/3lo1okzobPBM+1INXBbBZlDbnI/hbEocnf8j0QVo43hQKrbchg==
-  dependencies:
-    resolve-from "^3.0.0"
-
 resolve-cwd@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/resolve-cwd/-/resolve-cwd-3.0.0.tgz#0f0075f1bb2544766cf73ba6a6e2adfebcb13f2d"
@@ -13005,11 +8330,6 @@ resolve-cwd@^3.0.0:
   dependencies:
     resolve-from "^5.0.0"
 
-resolve-from@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/resolve-from/-/resolve-from-3.0.0.tgz#b22c7af7d9d6881bc8b6e653335eebcb0a188748"
-  integrity sha512-GnlH6vxLymXJNMBo7XP1fJIzBFbdYt49CuTwmB/6N53t+kMPRMFKz783LlQ4tv28XoQfMWinAJX6WCGf2IlaIw==
-
 resolve-from@^4.0.0:
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/resolve-from/-/resolve-from-4.0.0.tgz#4abcd852ad32dd7baabfe9b40e00a36db5f392e6"
@@ -13020,36 +8340,12 @@ resolve-from@^5.0.0:
   resolved "https://registry.yarnpkg.com/resolve-from/-/resolve-from-5.0.0.tgz#c35225843df8f776df21c57557bc087e9dfdfc69"
   integrity sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw==
 
-resolve-url-loader@^3.1.2:
-  version "3.1.5"
-  resolved "https://registry.yarnpkg.com/resolve-url-loader/-/resolve-url-loader-3.1.5.tgz#1dce0847d4a2ef43c51f63c9fd30bf6dfbf26716"
-  integrity sha512-mgFMCmrV/tA4738EsFmPFE5/MaqSgUMe8LK971kVEKA/RrNVb7+VqFsg/qmKyythf34eyq476qIobP/gfFBGSQ==
-  dependencies:
-    adjust-sourcemap-loader "3.0.0"
-    camelcase "5.3.1"
-    compose-function "3.0.3"
-    convert-source-map "1.7.0"
-    es6-iterator "2.0.3"
-    loader-utils "^1.2.3"
-    postcss "7.0.36"
-    rework "1.0.1"
-    rework-visit "1.0.0"
-    source-map "0.6.1"
-
-resolve-url@^0.2.1:
-  version "0.2.1"
-  resolved "https://registry.yarnpkg.com/resolve-url/-/resolve-url-0.2.1.tgz#2c637fe77c893afd2a663fe21aa9080068e2052a"
-  integrity sha512-ZuF55hVUQaaczgOIwqWzkEcEidmlD/xl44x1UZnhOXcYuFN2S6+rcxpG+C1N3So0wvNI3DmJICUFfu2SxhBmvg==
-
-resolve@1.18.1:
-  version "1.18.1"
-  resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.18.1.tgz#018fcb2c5b207d2a6424aee361c5a266da8f4130"
-  integrity sha512-lDfCPaMKfOJXjy0dPayzPdF1phampNWr3qFCjAu+rw/qbQmr5jWH5xN2hwh9QKfw9E5v4hwV7A+jrCmL8yjjqA==
-  dependencies:
-    is-core-module "^2.0.0"
-    path-parse "^1.0.6"
+resolve.exports@^2.0.0:
+  version "2.0.3"
+  resolved "https://registry.yarnpkg.com/resolve.exports/-/resolve.exports-2.0.3.tgz#41955e6f1b4013b7586f873749a635dea07ebe3f"
+  integrity sha512-OcXjMsGdhL4XnbShKpAcSqPMzQoYkYyhbEaeSko47MjRP9NfEQMhZkXL1DoFlt9LWQn4YttrdnV6X2OiyzBi+A==
 
-resolve@^1.10.0, resolve@^1.12.0, resolve@^1.14.2, resolve@^1.17.0, resolve@^1.18.1, resolve@^1.19.0, resolve@^1.22.4, resolve@^1.3.2:
+resolve@^1.10.0, resolve@^1.22.4:
   version "1.22.8"
   resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.22.8.tgz#b6c87a9f2aa06dfab52e3d70ac8cde321fa5a48d"
   integrity sha512-oKWePCxqpd6FlLvGV1VU0x7bkPmmCNolxzjMf4NczoDnQcIWrAF+cPtZn5i6n+RfD2d9i0tzpKnG6Yk168yIyw==
@@ -13058,6 +8354,15 @@ resolve@^1.10.0, resolve@^1.12.0, resolve@^1.14.2, resolve@^1.17.0, resolve@^1.1
     path-parse "^1.0.7"
     supports-preserve-symlinks-flag "^1.0.0"
 
+resolve@^1.20.0, resolve@^1.22.11, resolve@~1.22.1, resolve@~1.22.2:
+  version "1.22.11"
+  resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.22.11.tgz#aad857ce1ffb8bfa9b0b1ac29f1156383f68c262"
+  integrity sha512-RfqAvLnMl313r7c9oclB1HhUEAezcpLjz95wFH4LVuhk9JF/r22qmVP9AMmOU4vMX7Q8pN8jwNg/CSpdFnMjTQ==
+  dependencies:
+    is-core-module "^2.16.1"
+    path-parse "^1.0.7"
+    supports-preserve-symlinks-flag "^1.0.0"
+
 resolve@^2.0.0-next.4:
   version "2.0.0-next.5"
   resolved "https://registry.yarnpkg.com/resolve/-/resolve-2.0.0-next.5.tgz#6b0ec3107e671e52b68cd068ef327173b90dc03c"
@@ -13067,19 +8372,6 @@ resolve@^2.0.0-next.4:
     path-parse "^1.0.7"
     supports-preserve-symlinks-flag "^1.0.0"
 
-restore-cursor@^3.1.0:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/restore-cursor/-/restore-cursor-3.1.0.tgz#39f67c54b3a7a58cea5236d95cf0034239631f7e"
-  integrity sha512-l+sSefzHpj5qimhFSE5a8nufZYAM3sBSVMAPtYkmC+4EH2anSGaEMXSD0izRQbu9nfyQ9y5JrVmp7E8oZrUjvA==
-  dependencies:
-    onetime "^5.1.0"
-    signal-exit "^3.0.2"
-
-ret@~0.1.10:
-  version "0.1.15"
-  resolved "https://registry.yarnpkg.com/ret/-/ret-0.1.15.tgz#b8a4825d5bdb1fc3f6f53c2bc33f81388681c7bc"
-  integrity sha512-TTlYpa+OL+vMMNG24xSlQGEJ3B/RzEfUlLct7b5G/ytav+wPrplCpVMFuwzXbkecJrb6IYo1iFb0S9v37754mg==
-
 retry@^0.12.0:
   version "0.12.0"
   resolved "https://registry.yarnpkg.com/retry/-/retry-0.12.0.tgz#1b42a6266a21f07421d1b0b54b7dc167b01c013b"
@@ -13091,94 +8383,50 @@ retry@^0.13.1:
   integrity sha512-XQBQ3I8W1Cge0Seh+6gjj03LbmRFWuoszgK9ooCpwYIrhhoO80pfq4cUkU5DkknwfOfFteRwlZ56PYOGYyFWdg==
 
 reusify@^1.0.4:
-  version "1.0.4"
-  resolved "https://registry.yarnpkg.com/reusify/-/reusify-1.0.4.tgz#90da382b1e126efc02146e90845a88db12925d76"
-  integrity sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==
-
-rework-visit@1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/rework-visit/-/rework-visit-1.0.0.tgz#9945b2803f219e2f7aca00adb8bc9f640f842c9a"
-  integrity sha512-W6V2fix7nCLUYX1v6eGPrBOZlc03/faqzP4sUxMAJMBMOPYhfV/RyLegTufn5gJKaOITyi+gvf0LXDZ9NzkHnQ==
-
-rework@1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/rework/-/rework-1.0.1.tgz#30806a841342b54510aa4110850cd48534144aa7"
-  integrity sha512-eEjL8FdkdsxApd0yWVZgBGzfCQiT8yqSc2H1p4jpZpQdtz7ohETiDMoje5PlM8I9WgkqkreVxFUKYOiJdVWDXw==
-  dependencies:
-    convert-source-map "^0.3.3"
-    css "^2.0.0"
-
-rgb-regex@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/rgb-regex/-/rgb-regex-1.0.1.tgz#c0e0d6882df0e23be254a475e8edd41915feaeb1"
-  integrity sha512-gDK5mkALDFER2YLqH6imYvK6g02gpNGM4ILDZ472EwWfXZnC2ZEpoB2ECXTyOVUKuk/bPJZMzwQPBYICzP+D3w==
-
-rgba-regex@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/rgba-regex/-/rgba-regex-1.0.0.tgz#43374e2e2ca0968b0ef1523460b7d730ff22eeb3"
-  integrity sha512-zgn5OjNQXLUTdq8m17KdaicF6w89TZs8ZU8y0AYENIU6wG8GG6LLm0yLSiPY8DmaYmHdgRW8rnApjoT0fQRfMg==
-
-rimraf@^2.5.4, rimraf@^2.6.3:
-  version "2.7.1"
-  resolved "https://registry.yarnpkg.com/rimraf/-/rimraf-2.7.1.tgz#35797f13a7fdadc566142c29d4f07ccad483e3ec"
-  integrity sha512-uWjbaKIK3T1OSVptzX7Nl6PvQ3qAGtKEtVRjRuazjfL3Bx5eI409VZSqgND+4UNnmzLVdPj9FqFJNPqBZFve4w==
-  dependencies:
-    glob "^7.1.3"
-
-rimraf@^3.0.0, rimraf@^3.0.2:
-  version "3.0.2"
-  resolved "https://registry.yarnpkg.com/rimraf/-/rimraf-3.0.2.tgz#f1a5402ba6220ad52cc1282bac1ae3aa49fd061a"
-  integrity sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==
-  dependencies:
-    glob "^7.1.3"
-
-ripemd160@^2.0.0, ripemd160@^2.0.1:
-  version "2.0.2"
-  resolved "https://registry.yarnpkg.com/ripemd160/-/ripemd160-2.0.2.tgz#a1c1a6f624751577ba5d07914cbc92850585890c"
-  integrity sha512-ii4iagi25WusVoiC4B4lq7pbXfAp3D9v5CwfkY33vffw2+pkDjY1D8GaN7spsxvCSx8dkPqOZCEZyfxcmJG2IA==
-  dependencies:
-    hash-base "^3.0.0"
-    inherits "^2.0.1"
-
-rollup-plugin-babel@^4.3.3:
-  version "4.4.0"
-  resolved "https://registry.yarnpkg.com/rollup-plugin-babel/-/rollup-plugin-babel-4.4.0.tgz#d15bd259466a9d1accbdb2fe2fff17c52d030acb"
-  integrity sha512-Lek/TYp1+7g7I+uMfJnnSJ7YWoD58ajo6Oarhlex7lvUce+RCKRuGRSgztDO3/MF/PuGKmUL5iTHKf208UNszw==
-  dependencies:
-    "@babel/helper-module-imports" "^7.0.0"
-    rollup-pluginutils "^2.8.1"
-
-rollup-plugin-terser@^5.3.1:
-  version "5.3.1"
-  resolved "https://registry.yarnpkg.com/rollup-plugin-terser/-/rollup-plugin-terser-5.3.1.tgz#8c650062c22a8426c64268548957463bf981b413"
-  integrity sha512-1pkwkervMJQGFYvM9nscrUoncPwiKR/K+bHdjv6PFgRo3cgPHoRT83y2Aa3GvINj4539S15t/tpFPb775TDs6w==
-  dependencies:
-    "@babel/code-frame" "^7.5.5"
-    jest-worker "^24.9.0"
-    rollup-pluginutils "^2.8.2"
-    serialize-javascript "^4.0.0"
-    terser "^4.6.2"
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/reusify/-/reusify-1.0.4.tgz#90da382b1e126efc02146e90845a88db12925d76"
+  integrity sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==
 
-rollup-pluginutils@^2.8.1, rollup-pluginutils@^2.8.2:
-  version "2.8.2"
-  resolved "https://registry.yarnpkg.com/rollup-pluginutils/-/rollup-pluginutils-2.8.2.tgz#72f2af0748b592364dbd3389e600e5a9444a351e"
-  integrity sha512-EEp9NhnUkwY8aif6bxgovPHMoMoNr2FulJziTndpt5H9RdwC47GSGuII9XxpSdzVGM0GWrNPHV6ie1LTNJPaLQ==
+rimraf@^3.0.0, rimraf@^3.0.2:
+  version "3.0.2"
+  resolved "https://registry.yarnpkg.com/rimraf/-/rimraf-3.0.2.tgz#f1a5402ba6220ad52cc1282bac1ae3aa49fd061a"
+  integrity sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==
   dependencies:
-    estree-walker "^0.6.1"
+    glob "^7.1.3"
 
-rollup@^1.31.1:
-  version "1.32.1"
-  resolved "https://registry.yarnpkg.com/rollup/-/rollup-1.32.1.tgz#4480e52d9d9e2ae4b46ba0d9ddeaf3163940f9c4"
-  integrity sha512-/2HA0Ec70TvQnXdzynFffkjA6XN+1e2pEv/uKS5Ulca40g2L7KuOE3riasHoNVHOsFD5KKZgDsMk1CP3Tw9s+A==
+rollup@^4.20.0:
+  version "4.60.1"
+  resolved "https://registry.yarnpkg.com/rollup/-/rollup-4.60.1.tgz#b4aa2bcb3a5e1437b5fad40d43fe42d4bde7a42d"
+  integrity sha512-VmtB2rFU/GroZ4oL8+ZqXgSA38O6GR8KSIvWmEFv63pQ0G6KaBH9s07PO8XTXP4vI+3UJUEypOfjkGfmSBBR0w==
   dependencies:
-    "@types/estree" "*"
-    "@types/node" "*"
-    acorn "^7.1.0"
-
-rsvp@^4.8.4:
-  version "4.8.5"
-  resolved "https://registry.yarnpkg.com/rsvp/-/rsvp-4.8.5.tgz#c8f155311d167f68f21e168df71ec5b083113734"
-  integrity sha512-nfMOlASu9OnRJo1mbEk2cz0D56a1MBNrJ7orjRZQG10XDyuvwksKbuXNp6qa+kbn839HwjwhBzhFmdsaEAfauA==
+    "@types/estree" "1.0.8"
+  optionalDependencies:
+    "@rollup/rollup-android-arm-eabi" "4.60.1"
+    "@rollup/rollup-android-arm64" "4.60.1"
+    "@rollup/rollup-darwin-arm64" "4.60.1"
+    "@rollup/rollup-darwin-x64" "4.60.1"
+    "@rollup/rollup-freebsd-arm64" "4.60.1"
+    "@rollup/rollup-freebsd-x64" "4.60.1"
+    "@rollup/rollup-linux-arm-gnueabihf" "4.60.1"
+    "@rollup/rollup-linux-arm-musleabihf" "4.60.1"
+    "@rollup/rollup-linux-arm64-gnu" "4.60.1"
+    "@rollup/rollup-linux-arm64-musl" "4.60.1"
+    "@rollup/rollup-linux-loong64-gnu" "4.60.1"
+    "@rollup/rollup-linux-loong64-musl" "4.60.1"
+    "@rollup/rollup-linux-ppc64-gnu" "4.60.1"
+    "@rollup/rollup-linux-ppc64-musl" "4.60.1"
+    "@rollup/rollup-linux-riscv64-gnu" "4.60.1"
+    "@rollup/rollup-linux-riscv64-musl" "4.60.1"
+    "@rollup/rollup-linux-s390x-gnu" "4.60.1"
+    "@rollup/rollup-linux-x64-gnu" "4.60.1"
+    "@rollup/rollup-linux-x64-musl" "4.60.1"
+    "@rollup/rollup-openbsd-x64" "4.60.1"
+    "@rollup/rollup-openharmony-arm64" "4.60.1"
+    "@rollup/rollup-win32-arm64-msvc" "4.60.1"
+    "@rollup/rollup-win32-ia32-msvc" "4.60.1"
+    "@rollup/rollup-win32-x64-gnu" "4.60.1"
+    "@rollup/rollup-win32-x64-msvc" "4.60.1"
+    fsevents "~2.3.2"
 
 run-parallel@^1.1.9:
   version "1.2.0"
@@ -13187,21 +8435,7 @@ run-parallel@^1.1.9:
   dependencies:
     queue-microtask "^1.2.2"
 
-run-queue@^1.0.0, run-queue@^1.0.3:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/run-queue/-/run-queue-1.0.3.tgz#e848396f057d223f24386924618e25694161ec47"
-  integrity sha512-ntymy489o0/QQplUDnpYAYUsO50K9SBrIVaKCWDOJzYJts0f9WH9RFJkyagebkw5+y1oi00R7ynNW/d12GBumg==
-  dependencies:
-    aproba "^1.1.1"
-
-rxjs@^7.8.1:
-  version "7.8.1"
-  resolved "https://registry.yarnpkg.com/rxjs/-/rxjs-7.8.1.tgz#6f6f3d99ea8044291efd92e7c7fcf562c4057543"
-  integrity sha512-AA3TVj+0A2iuIoQkWEK/tqFjBq2j+6PO6Y0zJcvzLAFhEFIO3HL0vls9hWLncZbAAbK0mar7oZ4V079I/qPMxg==
-  dependencies:
-    tslib "^2.1.0"
-
-safe-array-concat@^1.0.0, safe-array-concat@^1.0.1:
+safe-array-concat@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/safe-array-concat/-/safe-array-concat-1.0.1.tgz#91686a63ce3adbea14d61b14c99572a8ff84754c"
   integrity sha512-6XbUAseYE2KtOuGueyeobCySj9L4+66Tn6KQMOPQJrAJEowYKW/YR/MGJZl7FdydUdaFu4LYyDZjxf4/Nmo23Q==
@@ -13211,16 +8445,16 @@ safe-array-concat@^1.0.0, safe-array-concat@^1.0.1:
     has-symbols "^1.0.3"
     isarray "^2.0.5"
 
-safe-buffer@5.1.2, safe-buffer@~5.1.0, safe-buffer@~5.1.1:
-  version "5.1.2"
-  resolved "https://registry.yarnpkg.com/safe-buffer/-/safe-buffer-5.1.2.tgz#991ec69d296e0313747d59bdfd2b745c35f8828d"
-  integrity sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==
-
-safe-buffer@5.2.1, safe-buffer@>=5.1.0, safe-buffer@^5.0.1, safe-buffer@^5.1.0, safe-buffer@^5.1.1, safe-buffer@^5.1.2, safe-buffer@^5.2.0, safe-buffer@^5.2.1, safe-buffer@~5.2.0:
+safe-buffer@^5.0.1, safe-buffer@^5.1.2, safe-buffer@~5.2.0:
   version "5.2.1"
   resolved "https://registry.yarnpkg.com/safe-buffer/-/safe-buffer-5.2.1.tgz#1eaf9fa9bdb1fdd4ec75f58f9cdb4e6b7827eec6"
   integrity sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==
 
+safe-buffer@~5.1.0, safe-buffer@~5.1.1:
+  version "5.1.2"
+  resolved "https://registry.yarnpkg.com/safe-buffer/-/safe-buffer-5.1.2.tgz#991ec69d296e0313747d59bdfd2b745c35f8828d"
+  integrity sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==
+
 safe-regex-test@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/safe-regex-test/-/safe-regex-test-1.0.0.tgz#793b874d524eb3640d1873aad03596db2d4f2295"
@@ -13230,116 +8464,24 @@ safe-regex-test@^1.0.0:
     get-intrinsic "^1.1.3"
     is-regex "^1.1.4"
 
-safe-regex@^1.1.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/safe-regex/-/safe-regex-1.1.0.tgz#40a3669f3b077d1e943d44629e157dd48023bf2e"
-  integrity sha512-aJXcif4xnaNUzvUuC5gcb46oTS7zvg4jpMTnuqtrEPlR3vFr4pxtdTwaF1Qs3Enjn9HK+ZlwQui+a7z0SywIzg==
-  dependencies:
-    ret "~0.1.10"
-
-"safer-buffer@>= 2.1.2 < 3", "safer-buffer@>= 2.1.2 < 3.0.0", safer-buffer@^2.0.2, safer-buffer@^2.1.0, safer-buffer@~2.1.0:
+"safer-buffer@>= 2.1.2 < 3.0.0", safer-buffer@^2.0.2, safer-buffer@^2.1.0, safer-buffer@~2.1.0:
   version "2.1.2"
   resolved "https://registry.yarnpkg.com/safer-buffer/-/safer-buffer-2.1.2.tgz#44fa161b0187b9549dd84bb91802f9bd8385cd6a"
   integrity sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==
 
-sane@^4.0.3:
-  version "4.1.0"
-  resolved "https://registry.yarnpkg.com/sane/-/sane-4.1.0.tgz#ed881fd922733a6c461bc189dc2b6c006f3ffded"
-  integrity sha512-hhbzAgTIX8O7SHfp2c8/kREfEn4qO/9q8C9beyY6+tvZ87EpoZ3i1RIEvp27YBswnNbY9mWd6paKVmKbAgLfZA==
-  dependencies:
-    "@cnakazawa/watch" "^1.0.3"
-    anymatch "^2.0.0"
-    capture-exit "^2.0.0"
-    exec-sh "^0.3.2"
-    execa "^1.0.0"
-    fb-watchman "^2.0.0"
-    micromatch "^3.1.4"
-    minimist "^1.1.1"
-    walker "~1.0.5"
-
-sanitize.css@^10.0.0:
-  version "10.0.0"
-  resolved "https://registry.yarnpkg.com/sanitize.css/-/sanitize.css-10.0.0.tgz#b5cb2547e96d8629a60947544665243b1dc3657a"
-  integrity sha512-vTxrZz4dX5W86M6oVWVdOVe72ZiPs41Oi7Z6Km4W5Turyz28mrXSJhhEBZoRtzJWIv3833WKVwLSDWWkEfupMg==
-
-sass-loader@^10.0.5:
-  version "10.4.1"
-  resolved "https://registry.yarnpkg.com/sass-loader/-/sass-loader-10.4.1.tgz#bea4e173ddf512c9d7f53e9ec686186146807cbf"
-  integrity sha512-aX/iJZTTpNUNx/OSYzo2KsjIUQHqvWsAhhUijFjAPdZTEhstjZI9zTNvkTTwsx+uNUJqUwOw5gacxQMx4hJxGQ==
-  dependencies:
-    klona "^2.0.4"
-    loader-utils "^2.0.0"
-    neo-async "^2.6.2"
-    schema-utils "^3.0.0"
-    semver "^7.3.2"
-
-sax@~1.2.4:
-  version "1.2.4"
-  resolved "https://registry.yarnpkg.com/sax/-/sax-1.2.4.tgz#2816234e2378bddc4e5354fab5caa895df7100d9"
-  integrity sha512-NqVDv9TpANUjFm0N8uM5GxL36UgKi9/atZw+x7YFnQ8ckwFGKrl4xX4yWtrey3UJm5nP1kUbnYgLopqWNSRhWw==
-
-saxes@^5.0.1:
-  version "5.0.1"
-  resolved "https://registry.yarnpkg.com/saxes/-/saxes-5.0.1.tgz#eebab953fa3b7608dbe94e5dadb15c888fa6696d"
-  integrity sha512-5LBh1Tls8c9xgGjw3QrMwETmTMVk0oFgvrFSvWx62llR2hcEInrKNZ2GZCCuuy2lvWrdl5jhbpeqc5hRYKFOcw==
+saxes@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/saxes/-/saxes-6.0.0.tgz#fe5b4a4768df4f14a201b1ba6a65c1f3d9988cc5"
+  integrity sha512-xAg7SOnEhrm5zI3puOOKyy1OMcMlIJZYNJY7xLBwSze0UjhPLnWfj2GF2EpT0jmzaJKIWKHLsaSSajf35bcYnA==
   dependencies:
     xmlchars "^2.2.0"
 
-scheduler@^0.20.2:
-  version "0.20.2"
-  resolved "https://registry.yarnpkg.com/scheduler/-/scheduler-0.20.2.tgz#4baee39436e34aa93b4874bddcbf0fe8b8b50e91"
-  integrity sha512-2eWfGgAqqWFGqtdMmcL5zCMK1U8KlXv8SQFGglL3CEtd0aDVDWgeF/YoCmvln55m5zSk3J/20hTaSBeSObsQDQ==
+scheduler@^0.23.2:
+  version "0.23.2"
+  resolved "https://registry.yarnpkg.com/scheduler/-/scheduler-0.23.2.tgz#414ba64a3b282892e944cf2108ecc078d115cdc3"
+  integrity sha512-UOShsPwz7NrMUqhR6t0hWjFduvOzbtv7toDH1/hIrfRNIDBnnBWd0CwJTGvTpngVlmwGCdP9/Zl/tVrDqcuYzQ==
   dependencies:
     loose-envify "^1.1.0"
-    object-assign "^4.1.1"
-
-schema-utils@2.7.0:
-  version "2.7.0"
-  resolved "https://registry.yarnpkg.com/schema-utils/-/schema-utils-2.7.0.tgz#17151f76d8eae67fbbf77960c33c676ad9f4efc7"
-  integrity sha512-0ilKFI6QQF5nxDZLFn2dMjvc4hjg/Wkg7rHd3jK6/A4a1Hl9VFdQWvgB1UMGoU94pad1P/8N7fMcEnLnSiju8A==
-  dependencies:
-    "@types/json-schema" "^7.0.4"
-    ajv "^6.12.2"
-    ajv-keywords "^3.4.1"
-
-schema-utils@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/schema-utils/-/schema-utils-1.0.0.tgz#0b79a93204d7b600d4b2850d1f66c2a34951c770"
-  integrity sha512-i27Mic4KovM/lnGsy8whRCHhc7VicJajAjTrYg11K9zfZXnYIt4k5F+kZkwjnrhKzLic/HLU4j11mjsz2G/75g==
-  dependencies:
-    ajv "^6.1.0"
-    ajv-errors "^1.0.0"
-    ajv-keywords "^3.1.0"
-
-schema-utils@^2.6.5, schema-utils@^2.7.0, schema-utils@^2.7.1:
-  version "2.7.1"
-  resolved "https://registry.yarnpkg.com/schema-utils/-/schema-utils-2.7.1.tgz#1ca4f32d1b24c590c203b8e7a50bf0ea4cd394d7"
-  integrity sha512-SHiNtMOUGWBQJwzISiVYKu82GiV4QYGePp3odlY1tuKO7gPtphAT5R/py0fA6xtbgLL/RvtJZnU9b8s0F1q0Xg==
-  dependencies:
-    "@types/json-schema" "^7.0.5"
-    ajv "^6.12.4"
-    ajv-keywords "^3.5.2"
-
-schema-utils@^3.0.0, schema-utils@^3.1.1:
-  version "3.3.0"
-  resolved "https://registry.yarnpkg.com/schema-utils/-/schema-utils-3.3.0.tgz#f50a88877c3c01652a15b622ae9e9795df7a60fe"
-  integrity sha512-pN/yOAvcC+5rQ5nERGuwrjLlYvLTbCibnZ1I7B1LaiAz9BRBlE9GMgE/eqV30P7aJQUf7Ddimy/RsbYO/GrVGg==
-  dependencies:
-    "@types/json-schema" "^7.0.8"
-    ajv "^6.12.5"
-    ajv-keywords "^3.5.2"
-
-select-hose@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/select-hose/-/select-hose-2.0.0.tgz#625d8658f865af43ec962bfc376a37359a4994ca"
-  integrity sha512-mEugaLK+YfkijB4fx0e6kImuJdCIt2LxCRcbEYPqRGCs4F2ogyfZU5IAZRdjCP8JPq2AtdNoC/Dux63d9Kiryg==
-
-selfsigned@^1.10.8:
-  version "1.10.14"
-  resolved "https://registry.yarnpkg.com/selfsigned/-/selfsigned-1.10.14.tgz#ee51d84d9dcecc61e07e4aba34f229ab525c1574"
-  integrity sha512-lkjaiAye+wBZDCBsu5BGi0XiLRxeUlsGod5ZP924CRSEoGuZAw/f7y9RKu28rwTfiHVhdavhB0qH0INV6P1lEA==
-  dependencies:
-    node-forge "^0.10.0"
 
 semantic-release@^17.4.6:
   version "17.4.7"
@@ -13387,68 +8529,34 @@ semver-regex@^3.1.2:
   resolved "https://registry.yarnpkg.com/semver-regex/-/semver-regex-3.1.4.tgz#13053c0d4aa11d070a2f2872b6b1e3ae1e1971b4"
   integrity sha512-6IiqeZNgq01qGf0TId0t3NvKzSvUsjcpdEO3AQNeIjR6A2+ckTnQlDpl4qu1bjRv0RzN3FP9hzFmws3lKqRWkA==
 
-"semver@2 || 3 || 4 || 5", semver@7.3.2, semver@7.5.2, semver@^5.4.1, semver@^5.5.0, semver@^5.6.0, semver@^6.0.0, semver@^6.3.0, semver@^6.3.1, semver@^7.1.1, semver@^7.1.2, semver@^7.1.3, semver@^7.2.1, semver@^7.3.2, semver@^7.3.4, semver@^7.3.5, semver@^7.5.3:
+"semver@2 || 3 || 4 || 5":
+  version "5.7.2"
+  resolved "https://registry.yarnpkg.com/semver/-/semver-5.7.2.tgz#48d55db737c3287cd4835e17fa13feace1c41ef8"
+  integrity sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g==
+
+semver@^6.0.0, semver@^6.3.0, semver@^6.3.1:
+  version "6.3.1"
+  resolved "https://registry.yarnpkg.com/semver/-/semver-6.3.1.tgz#556d2ef8689146e46dcea4bfdd095f3434dffcb4"
+  integrity sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==
+
+semver@^7.1.1, semver@^7.1.2, semver@^7.1.3, semver@^7.2.1, semver@^7.3.2, semver@^7.3.4, semver@^7.3.5:
   version "7.5.2"
   resolved "https://registry.yarnpkg.com/semver/-/semver-7.5.2.tgz#5b851e66d1be07c1cdaf37dfc856f543325a2beb"
   integrity sha512-SoftuTROv/cRjCze/scjGyiDtcUyxw1rgYQSZY7XTmtR5hX+dm76iDbTH8TkLPHCQmlbQVSSbNZCPM2hb0knnQ==
   dependencies:
     lru-cache "^6.0.0"
 
-send@0.18.0:
-  version "0.18.0"
-  resolved "https://registry.yarnpkg.com/send/-/send-0.18.0.tgz#670167cc654b05f5aa4a767f9113bb371bc706be"
-  integrity sha512-qqWzuOjSFOuqPjFe4NOsMLafToQQwBSOEpS+FwEt3A2V3vKubTquT3vmLTQpFgMXp8AlFWFuP1qKaJZOtPpVXg==
-  dependencies:
-    debug "2.6.9"
-    depd "2.0.0"
-    destroy "1.2.0"
-    encodeurl "~1.0.2"
-    escape-html "~1.0.3"
-    etag "~1.8.1"
-    fresh "0.5.2"
-    http-errors "2.0.0"
-    mime "1.6.0"
-    ms "2.1.3"
-    on-finished "2.4.1"
-    range-parser "~1.2.1"
-    statuses "2.0.1"
-
-serialize-javascript@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/serialize-javascript/-/serialize-javascript-4.0.0.tgz#b525e1238489a5ecfc42afacc3fe99e666f4b1aa"
-  integrity sha512-GaNA54380uFefWghODBWEGisLZFj00nS5ACs6yHa9nLqlLpVLO8ChDGeKRjZnV4Nh4n0Qi7nhYZD/9fCPzEqkw==
-  dependencies:
-    randombytes "^2.1.0"
-
-serialize-javascript@^5.0.1:
-  version "5.0.1"
-  resolved "https://registry.yarnpkg.com/serialize-javascript/-/serialize-javascript-5.0.1.tgz#7886ec848049a462467a97d3d918ebb2aaf934f4"
-  integrity sha512-SaaNal9imEO737H2c05Og0/8LUXG7EnsZyMa8MzkmuHoELfT6txuj0cMqRj6zfPKnmQ1yasR4PCJc8x+M4JSPA==
-  dependencies:
-    randombytes "^2.1.0"
-
-serve-index@^1.9.1:
-  version "1.9.1"
-  resolved "https://registry.yarnpkg.com/serve-index/-/serve-index-1.9.1.tgz#d3768d69b1e7d82e5ce050fff5b453bea12a9239"
-  integrity sha512-pXHfKNP4qujrtteMrSBb0rc8HJ9Ms/GrXwcUtUtD5s4ewDJI8bT3Cz2zTVRMKtri49pLx2e0Ya8ziP5Ya2pZZw==
-  dependencies:
-    accepts "~1.3.4"
-    batch "0.6.1"
-    debug "2.6.9"
-    escape-html "~1.0.3"
-    http-errors "~1.6.2"
-    mime-types "~2.1.17"
-    parseurl "~1.3.2"
+semver@^7.5.3, semver@^7.5.4:
+  version "7.7.4"
+  resolved "https://registry.yarnpkg.com/semver/-/semver-7.7.4.tgz#28464e36060e991fa7a11d0279d2d3f3b57a7e8a"
+  integrity sha512-vFKC2IEtQnVhpT78h1Yp8wzwrf8CM+MzKMHGJZfBtzhZNycRFnXsHk6E5TxIkkMsgNS7mdX3AGB7x2QM2di4lA==
 
-serve-static@1.15.0:
-  version "1.15.0"
-  resolved "https://registry.yarnpkg.com/serve-static/-/serve-static-1.15.0.tgz#faaef08cffe0a1a62f60cad0c4e513cff0ac9540"
-  integrity sha512-XGuRDNjXUijsUL0vl6nSD7cwURuzEgglbOaFuZM9g3kwDXOWVTck0jLzjPzGD+TazWbboZYu52/9/XPdUgne9g==
+semver@~7.5.4:
+  version "7.5.4"
+  resolved "https://registry.yarnpkg.com/semver/-/semver-7.5.4.tgz#483986ec4ed38e1c6c48c34894a9182dbff68a6e"
+  integrity sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==
   dependencies:
-    encodeurl "~1.0.2"
-    escape-html "~1.0.3"
-    parseurl "~1.3.3"
-    send "0.18.0"
+    lru-cache "^6.0.0"
 
 set-blocking@^2.0.0, set-blocking@~2.0.0:
   version "2.0.0"
@@ -13465,18 +8573,6 @@ set-function-length@^1.1.1:
     gopd "^1.0.1"
     has-property-descriptors "^1.0.0"
 
-set-function-length@^1.2.2:
-  version "1.2.2"
-  resolved "https://registry.yarnpkg.com/set-function-length/-/set-function-length-1.2.2.tgz#aac72314198eaed975cf77b2c3b6b880695e5449"
-  integrity sha512-pgRc4hJ4/sNjWCSS9AmnS40x3bNMDTknHgL5UaMBTMyJnU90EgWh1Rz+MC9eFu4BuN/UwZjKQuY/1v3rM7HMfg==
-  dependencies:
-    define-data-property "^1.1.4"
-    es-errors "^1.3.0"
-    function-bind "^1.1.2"
-    get-intrinsic "^1.2.4"
-    gopd "^1.0.1"
-    has-property-descriptors "^1.0.2"
-
 set-function-name@^2.0.0, set-function-name@^2.0.1:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/set-function-name/-/set-function-name-2.0.1.tgz#12ce38b7954310b9f61faa12701620a0c882793a"
@@ -13486,57 +8582,16 @@ set-function-name@^2.0.0, set-function-name@^2.0.1:
     functions-have-names "^1.2.3"
     has-property-descriptors "^1.0.0"
 
-set-value@^2.0.0, set-value@^2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/set-value/-/set-value-2.0.1.tgz#a18d40530e6f07de4228c7defe4227af8cad005b"
-  integrity sha512-JxHc1weCN68wRY0fhCoXpyK55m/XPHafOmK4UWD7m2CI14GMcFypt4w/0+NV5f/ZMby2F6S2wwA7fgynh9gWSw==
-  dependencies:
-    extend-shallow "^2.0.1"
-    is-extendable "^0.1.1"
-    is-plain-object "^2.0.3"
-    split-string "^3.0.1"
-
-setimmediate@^1.0.4:
-  version "1.0.5"
-  resolved "https://registry.yarnpkg.com/setimmediate/-/setimmediate-1.0.5.tgz#290cbb232e306942d7d7ea9b83732ab7856f8285"
-  integrity sha512-MATJdZp8sLqDl/68LfQmbP8zKPLQNV6BIZoIgrscFDQ+RsvK/BxeDQOgyxKKoh0y/8h3BqVFnCqQ/gd+reiIXA==
-
-setprototypeof@1.1.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/setprototypeof/-/setprototypeof-1.1.0.tgz#d0bd85536887b6fe7c0d818cb962d9d91c54e656"
-  integrity sha512-BvE/TwpZX4FXExxOxZyRGQQv651MSwmWKZGqvmPcRIjDqWub67kTKuIMx43cZZrS/cBBzwBcNDWoFxt2XEFIpQ==
-
-setprototypeof@1.2.0:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/setprototypeof/-/setprototypeof-1.2.0.tgz#66c9a24a73f9fc28cbe66b09fed3d33dcaf1b424"
-  integrity sha512-E5LDX7Wrp85Kil5bhZv46j8jOeboKq5JMmYM3gVGdGH8xFpPWXUMsNrlODCrkoxMEeNi/XZIwuRvY4XNwYMJpw==
-
-sha.js@^2.4.0, sha.js@^2.4.8:
-  version "2.4.12"
-  resolved "https://registry.yarnpkg.com/sha.js/-/sha.js-2.4.12.tgz#eb8b568bf383dfd1867a32c3f2b74eb52bdbf23f"
-  integrity sha512-8LzC5+bvI45BjpfXU8V5fdU2mfeKiQe1D1gIMn7XUlF3OTUrpdJpPPH4EMAnF0DsHHdSZqCdSss5qCmJKuiO3w==
-  dependencies:
-    inherits "^2.0.4"
-    safe-buffer "^5.2.1"
-    to-buffer "^1.2.0"
-
-shallow-equal@^1.2.1:
-  version "1.2.1"
-  resolved "https://registry.yarnpkg.com/shallow-equal/-/shallow-equal-1.2.1.tgz#4c16abfa56043aa20d050324efa68940b0da79da"
-  integrity sha512-S4vJDjHHMBaiZuT9NPb616CSmLf618jawtv3sufLl6ivK8WocjAo58cXwbRV1cgqxH0Qbv+iUt6m05eqEa2IRA==
+shallow-equal@^3.1.0:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/shallow-equal/-/shallow-equal-3.1.0.tgz#e7a54bac629c7f248eff6c2f5b63122ba4320bec"
+  integrity sha512-pfVOw8QZIXpMbhBWvzBISicvToTiM5WBF1EeAUZDDSb5Dt29yl4AYbyywbJFSEsRUMr7gJaxqCdr4L3tQf9wVg==
 
-shallowequal@^1.1.0:
+shallowequal@1.1.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/shallowequal/-/shallowequal-1.1.0.tgz#188d521de95b9087404fd4dcb68b13df0ae4e7f8"
   integrity sha512-y0m1JoUZSlPAjXVtPPW70aZWfIL/dSP7AFkRnniLCrK/8MDKog3TySTBmckD+RObVxH0v4Tox67+F14PdED2oQ==
 
-shebang-command@^1.2.0:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/shebang-command/-/shebang-command-1.2.0.tgz#44aac65b695b03398968c39f363fee5deafdf1ea"
-  integrity sha512-EV3L1+UQWGor21OmnvojK36mhg+TyIKDh3iFBKBohr5xeXIhNBcx8oWdgkTEEQ+BEFFYdLRuqMfd5L84N1V5Vg==
-  dependencies:
-    shebang-regex "^1.0.0"
-
 shebang-command@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/shebang-command/-/shebang-command-2.0.0.tgz#ccd0af4f8835fbdc265b82461aaf0c36663f34ea"
@@ -13544,26 +8599,11 @@ shebang-command@^2.0.0:
   dependencies:
     shebang-regex "^3.0.0"
 
-shebang-regex@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/shebang-regex/-/shebang-regex-1.0.0.tgz#da42f49740c0b42db2ca9728571cb190c98efea3"
-  integrity sha512-wpoSFAxys6b2a2wHZ1XpDSgD7N9iVjg29Ph9uV/uaP9Ex/KXlkTZTeddxDPSYQpgvzKLGJke2UU0AzoGCjNIvQ==
-
 shebang-regex@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/shebang-regex/-/shebang-regex-3.0.0.tgz#ae16f1644d873ecad843b0307b143362d4c42172"
   integrity sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==
 
-shell-quote@1.7.2, shell-quote@1.7.3, shell-quote@^1.6.1, shell-quote@^1.7.3:
-  version "1.7.3"
-  resolved "https://registry.yarnpkg.com/shell-quote/-/shell-quote-1.7.3.tgz#aa40edac170445b9a431e17bb62c0b881b9c4123"
-  integrity sha512-Vpfqwm4EnqGdlsBFNmHhxhElJYrdfcxPThu+ryKS5J8L/fhAwLazFZtq+S+TWZ9ANj2piSQLGj6NQg+lKPmxrw==
-
-shellwords@^0.1.1:
-  version "0.1.1"
-  resolved "https://registry.yarnpkg.com/shellwords/-/shellwords-0.1.1.tgz#d6b9181c1a48d397324c84871efbcfc73fc0654b"
-  integrity sha512-vFwSUfQvqybiICwZY5+DAWIPLKsWO31Q91JSKl3UYv+K5c2QRPzn0qzec6QPu1Qc9eHYItiP3NdJqNVqetYAww==
-
 side-channel@^1.0.4:
   version "1.0.4"
   resolved "https://registry.yarnpkg.com/side-channel/-/side-channel-1.0.4.tgz#efce5c8fdc104ee751b25c58d4290011fa5ea2cf"
@@ -13573,7 +8613,7 @@ side-channel@^1.0.4:
     get-intrinsic "^1.0.2"
     object-inspect "^1.9.0"
 
-signal-exit@^3.0.0, signal-exit@^3.0.2, signal-exit@^3.0.3:
+signal-exit@^3.0.0, signal-exit@^3.0.2, signal-exit@^3.0.3, signal-exit@^3.0.7:
   version "3.0.7"
   resolved "https://registry.yarnpkg.com/signal-exit/-/signal-exit-3.0.7.tgz#a9a1767f8af84155114eaabd73f99273c8f59ad9"
   integrity sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==
@@ -13587,13 +8627,6 @@ signale@^1.2.1:
     figures "^2.0.0"
     pkg-conf "^2.1.0"
 
-simple-swizzle@^0.2.2:
-  version "0.2.2"
-  resolved "https://registry.yarnpkg.com/simple-swizzle/-/simple-swizzle-0.2.2.tgz#a4da6b635ffcccca33f70d17cb92592de95e557a"
-  integrity sha512-JA//kQgZtbuY83m+xT+tXJkmJncGMTFT+C+g2h2R9uxkYIrE2yy9sgmcLhCnw57/WSD+Eh3J97FPEDFnbXnDUg==
-  dependencies:
-    is-arrayish "^0.3.1"
-
 sister@^3.0.0:
   version "3.0.2"
   resolved "https://registry.yarnpkg.com/sister/-/sister-3.0.2.tgz#bb3e39f07b1f75bbe1945f29a27ff1e5a2f26be4"
@@ -13604,11 +8637,6 @@ sisteransi@^1.0.5:
   resolved "https://registry.yarnpkg.com/sisteransi/-/sisteransi-1.0.5.tgz#134d681297756437cc05ca01370d3a7a571075ed"
   integrity sha512-bLGGlR1QxBcynn2d5YmDX4MGjlZvy2MRBDRNHLJ8VI6l6+9FUiyTFNJ0IveOSP0bcXgVDPRcfGqA0pjaqUpfVg==
 
-slash@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/slash/-/slash-2.0.0.tgz#de552851a1759df3a8f206535442f5ec4ddeab44"
-  integrity sha512-ZYKh3Wh2z1PpEXWr0MpSBZ0V6mZHAQfYevttO11c51CaWjGTaadiKZ+wVt1PbMlDV5qhMFslpZCemhwOK7C89A==
-
 slash@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/slash/-/slash-3.0.0.tgz#6539be870c165adbd5240220dbe361f1bc4d4634"
@@ -13628,40 +8656,6 @@ smart-buffer@^4.2.0:
   resolved "https://registry.yarnpkg.com/smart-buffer/-/smart-buffer-4.2.0.tgz#6e1d71fa4f18c05f7d0ff216dd16a481d0e8d9ae"
   integrity sha512-94hK0Hh8rPqQl2xXc3HsaBoOXKV20MToPkcXvwbISWLEs+64sBq5kFgn2kJDHb1Pry9yrP0dxrCI9RRci7RXKg==
 
-snapdragon@^0.8.1:
-  version "0.8.2"
-  resolved "https://registry.yarnpkg.com/snapdragon/-/snapdragon-0.8.2.tgz#64922e7c565b0e14204ba1aa7d6964278d25182d"
-  integrity sha512-FtyOnWN/wCHTVXOMwvSv26d+ko5vWlIDD6zoUJ7LW8vh+ZBC8QdljveRP+crNrtBwioEUWy/4dMtbBjA4ioNlg==
-  dependencies:
-    base "^0.11.1"
-    debug "^2.2.0"
-    define-property "^0.2.5"
-    extend-shallow "^2.0.1"
-    map-cache "^0.2.2"
-    source-map "^0.5.6"
-    source-map-resolve "^0.5.0"
-    use "^3.1.0"
-
-sockjs-client@^1.5.0:
-  version "1.6.1"
-  resolved "https://registry.yarnpkg.com/sockjs-client/-/sockjs-client-1.6.1.tgz#350b8eda42d6d52ddc030c39943364c11dcad806"
-  integrity sha512-2g0tjOR+fRs0amxENLi/q5TiJTqY+WXFOzb5UwXndlK6TO3U/mirZznpx6w34HVMoc3g7cY24yC/ZMIYnDlfkw==
-  dependencies:
-    debug "^3.2.7"
-    eventsource "^2.0.2"
-    faye-websocket "^0.11.4"
-    inherits "^2.0.4"
-    url-parse "^1.5.10"
-
-sockjs@^0.3.21:
-  version "0.3.24"
-  resolved "https://registry.yarnpkg.com/sockjs/-/sockjs-0.3.24.tgz#c9bc8995f33a111bea0395ec30aa3206bdb5ccce"
-  integrity sha512-GJgLTZ7vYb/JtPSSZ10hsOYIvEYsjbNU+zPdIHcUaWVNUEPivzxku31865sSSud0Da0W4lEeOPlmw93zLQchuQ==
-  dependencies:
-    faye-websocket "^0.11.3"
-    uuid "^8.3.2"
-    websocket-driver "^0.7.4"
-
 socks-proxy-agent@^6.0.0:
   version "6.2.1"
   resolved "https://registry.yarnpkg.com/socks-proxy-agent/-/socks-proxy-agent-6.2.1.tgz#2687a31f9d7185e38d530bef1944fe1f1496d6ce"
@@ -13679,71 +8673,28 @@ socks@^2.6.2:
     ip "^2.0.0"
     smart-buffer "^4.2.0"
 
-sort-keys@^1.0.0:
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/sort-keys/-/sort-keys-1.1.2.tgz#441b6d4d346798f1b4e49e8920adfba0e543f9ad"
-  integrity sha512-vzn8aSqKgytVik0iwdBEi+zevbTYZogewTUM6dtpmGwEcdzbub/TX4bCzRhebDCRC3QzXgJsLRKB2V/Oof7HXg==
-  dependencies:
-    is-plain-obj "^1.0.0"
-
-source-list-map@^2.0.0, source-list-map@^2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/source-list-map/-/source-list-map-2.0.1.tgz#3993bd873bfc48479cca9ea3a547835c7c154b34"
-  integrity sha512-qnQ7gVMxGNxsiL4lEuJwe/To8UnK7fAnmbGEEH8RpLouuKbeEm0lhbQVFIrNSuB+G7tVrAlVsZgETT5nljf+Iw==
-
-source-map-js@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/source-map-js/-/source-map-js-1.0.2.tgz#adbc361d9c62df380125e7f161f71c826f1e490c"
-  integrity sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==
-
-source-map-resolve@^0.5.0, source-map-resolve@^0.5.2:
-  version "0.5.3"
-  resolved "https://registry.yarnpkg.com/source-map-resolve/-/source-map-resolve-0.5.3.tgz#190866bece7553e1f8f267a2ee82c606b5509a1a"
-  integrity sha512-Htz+RnsXWk5+P2slx5Jh3Q66vhQj1Cllm0zvnaY98+NFx+Dv2CF/f5O/t8x+KaNdrdIAsruNzoh/KpialbqAnw==
-  dependencies:
-    atob "^2.1.2"
-    decode-uri-component "^0.2.0"
-    resolve-url "^0.2.1"
-    source-map-url "^0.4.0"
-    urix "^0.1.0"
+source-map-js@^1.2.1:
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/source-map-js/-/source-map-js-1.2.1.tgz#1ce5650fddd87abc099eda37dcff024c2667ae46"
+  integrity sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==
 
-source-map-support@^0.5.6, source-map-support@~0.5.12, source-map-support@~0.5.20:
-  version "0.5.21"
-  resolved "https://registry.yarnpkg.com/source-map-support/-/source-map-support-0.5.21.tgz#04fe7c7f9e1ed2d662233c28cb2b35b9f63f6e4f"
-  integrity sha512-uBHU3L3czsIyYXKX88fdrGovxdSCoTGDRZ6SYXtSRxLZUzHg5P/66Ht6uoUlHu9EZod+inXhKo3qQgwXUT/y1w==
+source-map-support@0.5.13:
+  version "0.5.13"
+  resolved "https://registry.yarnpkg.com/source-map-support/-/source-map-support-0.5.13.tgz#31b24a9c2e73c2de85066c0feb7d44767ed52932"
+  integrity sha512-SHSKFHadjVA5oR4PPqhtAVdcBWwRYVd6g6cAXnIbRiIwc2EhPrTuKUBdSLvlEKyIP3GCf89fltvcZiP9MMFA1w==
   dependencies:
     buffer-from "^1.0.0"
     source-map "^0.6.0"
 
-source-map-url@^0.4.0:
-  version "0.4.1"
-  resolved "https://registry.yarnpkg.com/source-map-url/-/source-map-url-0.4.1.tgz#0af66605a745a5a2f91cf1bbf8a7afbc283dec56"
-  integrity sha512-cPiFOTLUKvJFIg4SKVScy4ilPPW6rFgMgfuZJPNoDuMs3nC1HbMUycBoJw77xFIp6z1UJQJOfx6C9GMH80DiTw==
-
-source-map@0.6.1, source-map@^0.6.0, source-map@^0.6.1, source-map@~0.6.0, source-map@~0.6.1:
+source-map@^0.6.0, source-map@^0.6.1, source-map@~0.6.1:
   version "0.6.1"
   resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.6.1.tgz#74722af32e9614e9c287a8d0bbde48b5e2f1a263"
   integrity sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==
 
-source-map@^0.5.0, source-map@^0.5.6, source-map@^0.5.7:
-  version "0.5.7"
-  resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.5.7.tgz#8a039d2d1021d22d1ea14c80d8ea468ba2ef3fcc"
-  integrity sha512-LbrmJOMUSdEVxIKvdcJzQC+nQhe8FUZQTXQy6+I75skNgn3OoQ0DZA8YnFa7gp8tqtL3KPf1kmo0R5DoApeSGQ==
-
-source-map@^0.7.3:
-  version "0.7.4"
-  resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.7.4.tgz#a9bbe705c9d8846f4e08ff6765acf0f1b0898656"
-  integrity sha512-l3BikUxvPOcn5E74dZiq5BGsTb5yEwhaTSzccU6t4sDOH8NWJCstKO5QT2CvtFoK6F0saL7p9xHAqHOlCPJygA==
-
-sourcemap-codec@^1.4.8:
-  version "1.4.8"
-  resolved "https://registry.yarnpkg.com/sourcemap-codec/-/sourcemap-codec-1.4.8.tgz#ea804bd94857402e6992d05a38ef1ae35a9ab4c4"
-  integrity sha512-9NykojV5Uih4lgo5So5dtw+f0JgJX30KCNI8gwhz2J9A15wD0Ml6tjHKwf6fTSa6fAdVBdZeNOs9eJ71qCk8vA==
-
-sparkles@^1.0.0:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/sparkles/-/sparkles-1.0.1.tgz#008db65edce6c50eec0c5e228e1945061dd0437c"
-  integrity sha512-dSO0DDYUahUt/0/pD/Is3VIm5TGJjludZ0HVymmhYF6eNA53PVLhnUk0znSYbH8IYBuJdCE+1luR22jNLMaQdw==
+space-separated-tokens@^2.0.0:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/space-separated-tokens/-/space-separated-tokens-2.0.2.tgz#1ecd9d2350a3844572c3f4a312bceb018348859f"
+  integrity sha512-PEGlAwrG8yXGXRjW32fGbg66JAlOAwbObuqVoJpv/mRgoWDQfgH1wDPvtzWyUSNAXBGSk8h755YDbbcEy3SH2Q==
 
 spawn-error-forwarder@~1.0.0:
   version "1.0.0"
@@ -13776,36 +8727,6 @@ spdx-license-ids@^3.0.0:
   resolved "https://registry.yarnpkg.com/spdx-license-ids/-/spdx-license-ids-3.0.16.tgz#a14f64e0954f6e25cc6587bd4f392522db0d998f"
   integrity sha512-eWN+LnM3GR6gPu35WxNgbGl8rmY1AEmoMDvL/QD6zYmPWgywxWqJWNdLGT+ke8dKNWrcYgYjPpG5gbTfghP8rw==
 
-spdy-transport@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/spdy-transport/-/spdy-transport-3.0.0.tgz#00d4863a6400ad75df93361a1608605e5dcdcf31"
-  integrity sha512-hsLVFE5SjA6TCisWeJXFKniGGOpBgMLmerfO2aCyCU5s7nJ/rpAepqmFifv/GCbSbueEeAJJnmSQ2rKC/g8Fcw==
-  dependencies:
-    debug "^4.1.0"
-    detect-node "^2.0.4"
-    hpack.js "^2.1.6"
-    obuf "^1.1.2"
-    readable-stream "^3.0.6"
-    wbuf "^1.7.3"
-
-spdy@^4.0.2:
-  version "4.0.2"
-  resolved "https://registry.yarnpkg.com/spdy/-/spdy-4.0.2.tgz#b74f466203a3eda452c02492b91fb9e84a27677b"
-  integrity sha512-r46gZQZQV+Kl9oItvl1JZZqJKGr+oEkB08A6BzkiR7593/7IbtuncXHd2YoYeTsG4157ZssMu9KYvUHLcjcDoA==
-  dependencies:
-    debug "^4.1.0"
-    handle-thing "^2.0.0"
-    http-deceiver "^1.2.7"
-    select-hose "^2.0.0"
-    spdy-transport "^3.0.0"
-
-split-string@^3.0.1:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/split-string/-/split-string-3.1.0.tgz#7cb09dda3a86585705c64b39a6466038682e8fe2"
-  integrity sha512-NzNVhJDYpwceVVii8/Hu6DKfD2G+NrQHlS/V/qgv763EYudVwEcMQNxd2lh+0VrUByXN/oJkl5grOhYWvQUYiw==
-  dependencies:
-    extend-shallow "^3.0.0"
-
 split2@^3.0.0:
   version "3.2.2"
   resolved "https://registry.yarnpkg.com/split2/-/split2-3.2.2.tgz#bf2cf2a37d838312c249c89206fd7a17dd12365f"
@@ -13820,13 +8741,6 @@ split2@~1.0.0:
   dependencies:
     through2 "~2.0.0"
 
-split@0.3:
-  version "0.3.3"
-  resolved "https://registry.yarnpkg.com/split/-/split-0.3.3.tgz#cd0eea5e63a211dfff7eb0f091c4133e2d0dd28f"
-  integrity sha512-wD2AeVmxXRBoX44wAycgjVpMhvbwdI2aZjCkvfNcH1YqHQvJVa1duWc73OyVGJUc05fhFaTZeQ/PYsrmyH0JVA==
-  dependencies:
-    through "2"
-
 split@^1.0.0:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/split/-/split-1.0.1.tgz#605bd9be303aa59fb35f9229fbea0ddec9ea07d9"
@@ -13854,13 +8768,6 @@ sshpk@^1.7.0:
     safer-buffer "^2.0.2"
     tweetnacl "~0.14.0"
 
-ssri@^6.0.1:
-  version "6.0.2"
-  resolved "https://registry.yarnpkg.com/ssri/-/ssri-6.0.2.tgz#157939134f20464e7301ddba3e90ffa8f7728ac5"
-  integrity sha512-cepbSq/neFK7xB6A50KHN0xHDotYzq58wWCa5LeWqnPrHG8GzfEjO/4O8kpmcGW+oaxkvhEJCWgbgNk4/ZV93Q==
-  dependencies:
-    figgy-pudding "^3.5.1"
-
 ssri@^8.0.0, ssri@^8.0.1:
   version "8.0.1"
   resolved "https://registry.yarnpkg.com/ssri/-/ssri-8.0.1.tgz#638e4e439e2ffbd2cd289776d5ca457c4f51a2af"
@@ -13868,70 +8775,13 @@ ssri@^8.0.0, ssri@^8.0.1:
   dependencies:
     minipass "^3.1.1"
 
-stable@^0.1.8:
-  version "0.1.8"
-  resolved "https://registry.yarnpkg.com/stable/-/stable-0.1.8.tgz#836eb3c8382fe2936feaf544631017ce7d47a3cf"
-  integrity sha512-ji9qxRnOVfcuLDySj9qzhGSEFVobyt1kIOSkj1qZzYLzq7Tos/oUUWvotUPQLlrsidqsK6tBH89Bc9kL5zHA6w==
-
-stack-utils@^2.0.2:
+stack-utils@^2.0.3:
   version "2.0.6"
   resolved "https://registry.yarnpkg.com/stack-utils/-/stack-utils-2.0.6.tgz#aaf0748169c02fc33c8232abccf933f54a1cc34f"
   integrity sha512-XlkWvfIm6RmsWtNJx+uqtKLS8eqFbxUg0ZzLXqY0caEy9l7hruX8IpiDnjsLavoBgqCCR71TqWO8MaXYheJ3RQ==
   dependencies:
     escape-string-regexp "^2.0.0"
 
-stackframe@^1.3.4:
-  version "1.3.4"
-  resolved "https://registry.yarnpkg.com/stackframe/-/stackframe-1.3.4.tgz#b881a004c8c149a5e8efef37d51b16e412943310"
-  integrity sha512-oeVtt7eWQS+Na6F//S4kJ2K2VbRlS9D43mAlMyVpVWovy9o+jfgH8O9agzANzaiLjclA0oYzUXEM4PurhSUChw==
-
-start-server-and-test@^2.0.4:
-  version "2.0.4"
-  resolved "https://registry.yarnpkg.com/start-server-and-test/-/start-server-and-test-2.0.4.tgz#75628a9f305718efc13e893ca574853dc9bcfd10"
-  integrity sha512-CKNeBTcP0hVqIlNismHMudb9q3lLdAjcVPO13/7gfI66fcJpeIb/o4NzQd1JK/CD+lfWVqr10ZH9Y14+OwlJuw==
-  dependencies:
-    arg "^5.0.2"
-    bluebird "3.7.2"
-    check-more-types "2.24.0"
-    debug "4.3.5"
-    execa "5.1.1"
-    lazy-ass "1.6.0"
-    ps-tree "1.2.0"
-    wait-on "7.2.0"
-
-static-eval@2.0.2:
-  version "2.0.2"
-  resolved "https://registry.yarnpkg.com/static-eval/-/static-eval-2.0.2.tgz#2d1759306b1befa688938454c546b7871f806a42"
-  integrity sha512-N/D219Hcr2bPjLxPiV+TQE++Tsmrady7TqAJugLy7Xk1EumfDWS/f5dtBbkRCGE7wKKXuYockQoj8Rm2/pVKyg==
-  dependencies:
-    escodegen "^1.8.1"
-
-static-extend@^0.1.1:
-  version "0.1.2"
-  resolved "https://registry.yarnpkg.com/static-extend/-/static-extend-0.1.2.tgz#60809c39cbff55337226fd5e0b520f341f1fb5c6"
-  integrity sha512-72E9+uLc27Mt718pMHt9VMNiAL4LMsmDbBva8mxWUCkT07fSzEGMYUCk0XWY6lp0j6RBAG4cJ3mWuZv2OE3s0g==
-  dependencies:
-    define-property "^0.2.5"
-    object-copy "^0.1.0"
-
-statuses@2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/statuses/-/statuses-2.0.1.tgz#55cb000ccf1d48728bd23c685a063998cf1a1b63"
-  integrity sha512-RwNA9Z/7PrK06rYLIzFMlaF+l73iwpzsqRIFgbMLbTcLD6cOao82TaWefPXQvB2fOC4AjuYSEndS7N/mTCbkdQ==
-
-"statuses@>= 1.4.0 < 2":
-  version "1.5.0"
-  resolved "https://registry.yarnpkg.com/statuses/-/statuses-1.5.0.tgz#161c7dac177659fd9811f43771fa99381478628c"
-  integrity sha512-OpZ3zP+jT1PI7I8nemJX4AKmAX070ZkYPVWV/AaKTJl+tXCTGyVdC1a4SL8RUQYEwk/f34ZX8UTykN68FwrqAA==
-
-stream-browserify@^2.0.1:
-  version "2.0.2"
-  resolved "https://registry.yarnpkg.com/stream-browserify/-/stream-browserify-2.0.2.tgz#87521d38a44aa7ee91ce1cd2a47df0cb49dd660b"
-  integrity sha512-nX6hmklHs/gr2FuxYDltq8fJA1GDlxKQCz8O/IM4atRqBH8OORmBNgfvW5gG10GT/qQ9u0CzIvr2X5Pkt6ntqg==
-  dependencies:
-    inherits "~2.0.1"
-    readable-stream "^2.0.2"
-
 stream-combiner2@~1.1.1:
   version "1.1.1"
   resolved "https://registry.yarnpkg.com/stream-combiner2/-/stream-combiner2-1.1.1.tgz#fb4d8a1420ea362764e21ad4780397bebcb41cbe"
@@ -13940,41 +8790,10 @@ stream-combiner2@~1.1.1:
     duplexer2 "~0.1.0"
     readable-stream "^2.0.2"
 
-stream-combiner@~0.0.4:
-  version "0.0.4"
-  resolved "https://registry.yarnpkg.com/stream-combiner/-/stream-combiner-0.0.4.tgz#4d5e433c185261dde623ca3f44c586bcf5c4ad14"
-  integrity sha512-rT00SPnTVyRsaSz5zgSPma/aHSOic5U1prhYdRy5HS2kTZviFpmDgzilbtsJsxiroqACmayynDN/9VzIbX5DOw==
-  dependencies:
-    duplexer "~0.1.1"
-
-stream-each@^1.1.0:
-  version "1.2.3"
-  resolved "https://registry.yarnpkg.com/stream-each/-/stream-each-1.2.3.tgz#ebe27a0c389b04fbcc233642952e10731afa9bae"
-  integrity sha512-vlMC2f8I2u/bZGqkdfLQW/13Zihpej/7PmSiMQsbYddxuTsJp8vRe2x2FvVExZg7FaOds43ROAuFJwPR4MTZLw==
-  dependencies:
-    end-of-stream "^1.1.0"
-    stream-shift "^1.0.0"
-
-stream-http@^2.7.2:
-  version "2.8.3"
-  resolved "https://registry.yarnpkg.com/stream-http/-/stream-http-2.8.3.tgz#b2d242469288a5a27ec4fe8933acf623de6514fc"
-  integrity sha512-+TSkfINHDo4J+ZobQLWiMouQYB+UVYFttRA94FpEzzJ7ZdqcL4uUUQ7WkdkI4DSozGmgBUE/a47L+38PenXhUw==
-  dependencies:
-    builtin-status-codes "^3.0.0"
-    inherits "^2.0.1"
-    readable-stream "^2.3.6"
-    to-arraybuffer "^1.0.0"
-    xtend "^4.0.0"
-
-stream-shift@^1.0.0:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/stream-shift/-/stream-shift-1.0.1.tgz#d7088281559ab2778424279b0877da3c392d5a3d"
-  integrity sha512-AiisoFqQ0vbGcZgQPY1cdP2I76glaVA/RauYR4G4thNFgkTqr90yXTo4LYX60Jl+sIlPNHHdGSwo01AvbKUSVQ==
-
-strict-uri-encode@^1.0.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/strict-uri-encode/-/strict-uri-encode-1.1.0.tgz#279b225df1d582b1f54e65addd4352e18faa0713"
-  integrity sha512-R3f198pcvnB+5IpnBlRkphuE9n46WyVl8I39W/ZUTZLz4nqSP/oLYUrcnJrw462Ds8he4YKMov2efsTIw1BDGQ==
+string-argv@~0.3.1:
+  version "0.3.2"
+  resolved "https://registry.yarnpkg.com/string-argv/-/string-argv-0.3.2.tgz#2b6d0ef24b656274d957d54e0a4bbf6153dc02b6"
+  integrity sha512-aqD2Q0144Z+/RqG52NeHEkZauTAUWJO8c6yTftGJKO3Tja5tUgIfmIl6kExvhtxSDP7fXB6DvzkfMpCd/F3G+Q==
 
 string-length@^4.0.1:
   version "4.0.2"
@@ -13984,11 +8803,6 @@ string-length@^4.0.1:
     char-regex "^1.0.2"
     strip-ansi "^6.0.0"
 
-string-natural-compare@^3.0.1:
-  version "3.0.1"
-  resolved "https://registry.yarnpkg.com/string-natural-compare/-/string-natural-compare-3.0.1.tgz#7a42d58474454963759e8e8b7ae63d71c1e7fdf4"
-  integrity sha512-n3sPwynL1nwKi3WJ6AIsClwBMa0zTi54fn2oLU6ndfTSIO05xaznjSf15PcBZU6FNWbmN5Q6cxT4V5hGvB4taw==
-
 string-width@^1.0.1:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/string-width/-/string-width-1.0.2.tgz#118bdf5b8cdc51a2a7e70d211e07e2b0b9b107d3"
@@ -14015,15 +8829,6 @@ string-width@^2.0.0:
     is-fullwidth-code-point "^2.0.0"
     strip-ansi "^4.0.0"
 
-string-width@^3.0.0, string-width@^3.1.0:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/string-width/-/string-width-3.1.0.tgz#22767be21b62af1081574306f69ac51b62203961"
-  integrity sha512-vafcv6KjVZKSgz06oM/H6GDBrAtz8vdhQakGjFIvNrHA6y3HCF1CInLy+QLq8dTJPQ1b+KDUqDFctkdRW44e1w==
-  dependencies:
-    emoji-regex "^7.0.1"
-    is-fullwidth-code-point "^2.0.0"
-    strip-ansi "^5.1.0"
-
 string.prototype.matchall@^4.0.8:
   version "4.0.10"
   resolved "https://registry.yarnpkg.com/string.prototype.matchall/-/string.prototype.matchall-4.0.10.tgz#a1553eb532221d4180c51581d6072cd65d1ee100"
@@ -14039,15 +8844,6 @@ string.prototype.matchall@^4.0.8:
     set-function-name "^2.0.0"
     side-channel "^1.0.4"
 
-string.prototype.padend@^3.0.0:
-  version "3.1.5"
-  resolved "https://registry.yarnpkg.com/string.prototype.padend/-/string.prototype.padend-3.1.5.tgz#311ef3a4e3c557dd999cdf88fbdde223f2ac0f95"
-  integrity sha512-DOB27b/2UTTD+4myKUFh+/fXWcu/UDyASIXfg+7VzoCNNGOfWvoyU/x5pvVHr++ztyt/oSYI1BcWBBG/hmlNjA==
-  dependencies:
-    call-bind "^1.0.2"
-    define-properties "^1.2.0"
-    es-abstract "^1.22.1"
-
 string.prototype.trim@^1.2.8:
   version "1.2.8"
   resolved "https://registry.yarnpkg.com/string.prototype.trim/-/string.prototype.trim-1.2.8.tgz#f9ac6f8af4bd55ddfa8895e6aea92a96395393bd"
@@ -14075,7 +8871,7 @@ string.prototype.trimstart@^1.0.7:
     define-properties "^1.2.0"
     es-abstract "^1.22.1"
 
-string_decoder@^1.0.0, string_decoder@^1.1.1:
+string_decoder@^1.1.1:
   version "1.3.0"
   resolved "https://registry.yarnpkg.com/string_decoder/-/string_decoder-1.3.0.tgz#42f114594a46cf1a8e30b0a84f56c78c3edac21e"
   integrity sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==
@@ -14089,27 +8885,19 @@ string_decoder@~1.1.1:
   dependencies:
     safe-buffer "~5.1.0"
 
-stringify-object@^3.2.0, stringify-object@^3.3.0:
-  version "3.3.0"
-  resolved "https://registry.yarnpkg.com/stringify-object/-/stringify-object-3.3.0.tgz#703065aefca19300d3ce88af4f5b3956d7556629"
-  integrity sha512-rHqiFh1elqCQ9WPLIC8I0Q/g/wj5J1eMkyoiD6eoQApWHP0FtlK7rqnhmabL5VUY9JQCcqwwvlOaSuutekgyrw==
+stringify-entities@^4.0.0:
+  version "4.0.4"
+  resolved "https://registry.yarnpkg.com/stringify-entities/-/stringify-entities-4.0.4.tgz#b3b79ef5f277cc4ac73caeb0236c5ba939b3a4f3"
+  integrity sha512-IwfBptatlO+QCJUo19AqvrPNqlVMpW9YEL2LIVY+Rpv2qsjCGxaDLNRgeGsQWJhfItebuJhsGSLjaBbNSQ+ieg==
   dependencies:
-    get-own-enumerable-property-symbols "^3.0.0"
-    is-obj "^1.0.1"
-    is-regexp "^1.0.0"
+    character-entities-html4 "^2.0.0"
+    character-entities-legacy "^3.0.0"
 
 stringify-package@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/stringify-package/-/stringify-package-1.0.1.tgz#e5aa3643e7f74d0f28628b72f3dad5cecfc3ba85"
   integrity sha512-sa4DUQsYciMP1xhKWGuFM04fB0LG/9DlluZoSVywUMRNvzid6XucHK0/90xGxRoHrAaROrcHK1aPKaijCtSrhg==
 
-strip-ansi@6.0.0:
-  version "6.0.0"
-  resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-6.0.0.tgz#0b1571dd7669ccd4f3e06e14ef1eed26225ae532"
-  integrity sha512-AuvKTrTfQNYNIctbR1K/YGTR1756GycPsg7b9bdV9Duqur4gv6aKqHXah67Z8ImS7WEz5QVcOtlfW2rZEugt6w==
-  dependencies:
-    ansi-regex "^5.0.0"
-
 strip-ansi@^3.0.0, strip-ansi@^3.0.1:
   version "3.0.1"
   resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-3.0.1.tgz#6a385fb8853d952d5ff05d0e8aaf94278dc63dcf"
@@ -14124,13 +8912,6 @@ strip-ansi@^4.0.0:
   dependencies:
     ansi-regex "^3.0.0"
 
-strip-ansi@^5.0.0, strip-ansi@^5.1.0, strip-ansi@^5.2.0:
-  version "5.2.0"
-  resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-5.2.0.tgz#8c9a536feb6afc962bdfa5b104a5091c1ad9c0ae"
-  integrity sha512-DuRs1gKbBqsMKIZlrffwlug8MHkcnpjs5VPmL1PAh+mA30U0DTotfDZ0d2UUsXpPmPmMMJ6W773MaA3J+lbiWA==
-  dependencies:
-    ansi-regex "^4.1.0"
-
 strip-ansi@^6.0.0, strip-ansi@^6.0.1:
   version "6.0.1"
   resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-6.0.1.tgz#9e26c63d30f53443e9489495b2105d37b67a85d9"
@@ -14148,29 +8929,11 @@ strip-bom@^4.0.0:
   resolved "https://registry.yarnpkg.com/strip-bom/-/strip-bom-4.0.0.tgz#9c3505c1db45bcedca3d9cf7a16f5c5aa3901878"
   integrity sha512-3xurFv5tEgii33Zi8Jtp55wEIILR9eh34FAW00PZf+JnSsTmV/ioewSgQl97JHvgjoRGwPShsWm+IdrxB35d0w==
 
-strip-comments@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/strip-comments/-/strip-comments-1.0.2.tgz#82b9c45e7f05873bee53f37168af930aa368679d"
-  integrity sha512-kL97alc47hoyIQSV165tTt9rG5dn4w1dNnBhOQ3bOU1Nc1hel09jnXANaHJ7vzHLd4Ju8kseDGzlev96pghLFw==
-  dependencies:
-    babel-extract-comments "^1.0.0"
-    babel-plugin-transform-object-rest-spread "^6.26.0"
-
-strip-eof@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/strip-eof/-/strip-eof-1.0.0.tgz#bb43ff5598a6eb05d89b59fcd129c983313606bf"
-  integrity sha512-7FCwGGmx8mD5xQd3RPUvnSpUXHM3BWuzjtpD4TXsfcZ9EL4azvVVUscFYwD9nx8Kh+uCBC00XBtAykoMHwTh8Q==
-
 strip-final-newline@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/strip-final-newline/-/strip-final-newline-2.0.0.tgz#89b852fb2fcbe936f6f4b3187afb0a12c1ab58ad"
   integrity sha512-BrpvfNAE3dcvq7ll3xVumzjKjZQ5tI1sEUIKr3Uoks0XUl45St3FlatVqef9prk4jRDzhW6WZg+3bk93y6pLjA==
 
-strip-html-comments@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/strip-html-comments/-/strip-html-comments-1.0.0.tgz#0ae7dff0300a6075a4c293fb6111b4cb1d0cb7b7"
-  integrity sha512-SdeXvMv7YtmePsVLNwg9yvaU37UVos4hryT82Lyyrl3IYb+hAwPLs6SmxMPs5tB8VdA01KPKaiMBcR0oErR5BQ==
-
 strip-indent@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/strip-indent/-/strip-indent-3.0.0.tgz#c32e1cee940b6b3432c771bc2c54bcce73cd3001"
@@ -14178,7 +8941,7 @@ strip-indent@^3.0.0:
   dependencies:
     min-indent "^1.0.0"
 
-strip-json-comments@^3.1.0, strip-json-comments@^3.1.1:
+strip-json-comments@^3.1.0, strip-json-comments@^3.1.1, strip-json-comments@~3.1.1:
   version "3.1.1"
   resolved "https://registry.yarnpkg.com/strip-json-comments/-/strip-json-comments-3.1.1.tgz#31f1281b3832630434831c310c01cccda8cbe006"
   integrity sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==
@@ -14188,58 +8951,47 @@ strip-json-comments@~2.0.1:
   resolved "https://registry.yarnpkg.com/strip-json-comments/-/strip-json-comments-2.0.1.tgz#3c531942e908c2697c0ec344858c286c7ca0a60a"
   integrity sha512-4gB8na07fecVVkOI6Rs4e7T6NOTki5EmL7TUduTs6bu3EdnSycntVJ4re8kgZA+wx9IueI2Y11bfbgwtzuE0KQ==
 
-style-loader@1.3.0:
-  version "1.3.0"
-  resolved "https://registry.yarnpkg.com/style-loader/-/style-loader-1.3.0.tgz#828b4a3b3b7e7aa5847ce7bae9e874512114249e"
-  integrity sha512-V7TCORko8rs9rIqkSrlMfkqA63DfoGBBJmK1kKGCcSi+BWb4cqz0SRsnp4l6rU5iwOEd0/2ePv68SV22VXon4Q==
-  dependencies:
-    loader-utils "^2.0.0"
-    schema-utils "^2.7.0"
-
-styled-components@^5.3.11:
-  version "5.3.11"
-  resolved "https://registry.yarnpkg.com/styled-components/-/styled-components-5.3.11.tgz#9fda7bf1108e39bf3f3e612fcc18170dedcd57a8"
-  integrity sha512-uuzIIfnVkagcVHv9nE0VPlHPSCmXIUGKfJ42LNjxCCTDTL5sgnJ8Z7GZBq0EnLYGln77tPpEpExt2+qa+cZqSw==
-  dependencies:
-    "@babel/helper-module-imports" "^7.0.0"
-    "@babel/traverse" "^7.4.5"
-    "@emotion/is-prop-valid" "^1.1.0"
-    "@emotion/stylis" "^0.8.4"
-    "@emotion/unitless" "^0.7.4"
-    babel-plugin-styled-components ">= 1.12.0"
-    css-to-react-native "^3.0.0"
-    hoist-non-react-statics "^3.0.0"
-    shallowequal "^1.1.0"
-    supports-color "^5.5.0"
-
-stylehacks@^4.0.0:
-  version "4.0.3"
-  resolved "https://registry.yarnpkg.com/stylehacks/-/stylehacks-4.0.3.tgz#6718fcaf4d1e07d8a1318690881e8d96726a71d5"
-  integrity sha512-7GlLk9JwlElY4Y6a/rmbH2MhVlTyVmiJd1PfTCqFaIBEGMYNsrO/v3SeGTdhBThLg4Z+NbOk/qFMwCa+J+3p/g==
-  dependencies:
-    browserslist "^4.0.0"
-    postcss "^7.0.0"
-    postcss-selector-parser "^3.0.0"
-
-stylis@4.2.0:
-  version "4.2.0"
-  resolved "https://registry.yarnpkg.com/stylis/-/stylis-4.2.0.tgz#79daee0208964c8fe695a42fcffcac633a211a51"
-  integrity sha512-Orov6g6BB1sDfYgzWfTHDOxamtX1bE/zo104Dh9e6fqJ3PooipYyfJ0pUmrZO2wAvO8YbEyeFrkV91XTsGMSrw==
-
-supports-color@^5.3.0, supports-color@^5.5.0:
+style-to-js@^1.0.0:
+  version "1.1.21"
+  resolved "https://registry.yarnpkg.com/style-to-js/-/style-to-js-1.1.21.tgz#2908941187f857e79e28e9cd78008b9a0b3e0e8d"
+  integrity sha512-RjQetxJrrUJLQPHbLku6U/ocGtzyjbJMP9lCNK7Ag0CNh690nSH8woqWH9u16nMjYBAok+i7JO1NP2pOy8IsPQ==
+  dependencies:
+    style-to-object "1.0.14"
+
+style-to-object@1.0.14:
+  version "1.0.14"
+  resolved "https://registry.yarnpkg.com/style-to-object/-/style-to-object-1.0.14.tgz#1d22f0e7266bb8c6d8cae5caf4ec4f005e08f611"
+  integrity sha512-LIN7rULI0jBscWQYaSswptyderlarFkjQ+t79nzty8tcIAceVomEVlLzH5VP4Cmsv6MtKhs7qaAiwlcp+Mgaxw==
+  dependencies:
+    inline-style-parser "0.2.7"
+
+styled-components@^6.1.13:
+  version "6.3.12"
+  resolved "https://registry.yarnpkg.com/styled-components/-/styled-components-6.3.12.tgz#263a1c52bd1c5d1cdd2667e9605e5ffa8df592d0"
+  integrity sha512-hFR6xsVkVYbsdcUlzPYFvFfoc6o2KlV0VvgRIQwSYMtdThM7SCxnjX9efh/cWce2kTq16I/Kl3xM98xiLptsXA==
+  dependencies:
+    "@emotion/is-prop-valid" "1.4.0"
+    "@emotion/unitless" "0.10.0"
+    "@types/stylis" "4.2.7"
+    css-to-react-native "3.2.0"
+    csstype "3.2.3"
+    postcss "8.4.49"
+    shallowequal "1.1.0"
+    stylis "4.3.6"
+    tslib "2.8.1"
+
+stylis@4.3.6:
+  version "4.3.6"
+  resolved "https://registry.yarnpkg.com/stylis/-/stylis-4.3.6.tgz#7c7b97191cb4f195f03ecab7d52f7902ed378320"
+  integrity sha512-yQ3rwFWRfwNUY7H5vpU0wfdkNSnvnJinhF9830Swlaxl03zsOjCfmX0ugac+3LtK0lYSgwL/KXc8oYL3mG4YFQ==
+
+supports-color@^5.3.0:
   version "5.5.0"
   resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-5.5.0.tgz#e2e69a44ac8772f78a1ec0b35b689df6530efc8f"
   integrity sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==
   dependencies:
     has-flag "^3.0.0"
 
-supports-color@^6.1.0:
-  version "6.1.0"
-  resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-6.1.0.tgz#0764abc69c63d5ac842dd4867e8d025e880df8f3"
-  integrity sha512-qe1jfm1Mg7Nq/NSh6XE24gPXROEVsWHxC1LIx//XNlD9iw7YZQGjZNjYN7xGaEG6iKdA8EtNFW6R0gjnVXp+wQ==
-  dependencies:
-    has-flag "^3.0.0"
-
 supports-color@^7.0.0, supports-color@^7.1.0:
   version "7.2.0"
   resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-7.2.0.tgz#1b7dcdcb32b8138801b3e478ba6a51caa89648da"
@@ -14247,14 +8999,14 @@ supports-color@^7.0.0, supports-color@^7.1.0:
   dependencies:
     has-flag "^4.0.0"
 
-supports-color@^8.0.0:
+supports-color@^8.0.0, supports-color@~8.1.1:
   version "8.1.1"
   resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-8.1.1.tgz#cd6fc17e28500cff56c1b86c0a7fd4a54a73005c"
   integrity sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==
   dependencies:
     has-flag "^4.0.0"
 
-supports-hyperlinks@^2.0.0, supports-hyperlinks@^2.1.0:
+supports-hyperlinks@^2.1.0:
   version "2.3.0"
   resolved "https://registry.yarnpkg.com/supports-hyperlinks/-/supports-hyperlinks-2.3.0.tgz#3943544347c1ff90b15effb03fc14ae45ec10624"
   integrity sha512-RpsAZlpWcDwOPQA22aCH4J0t7L8JmAvsCxfOSEwm7cQs3LshN36QaTkwd70DnBOXDWGssw2eUoc8CaRWT0XunA==
@@ -14267,30 +9019,6 @@ supports-preserve-symlinks-flag@^1.0.0:
   resolved "https://registry.yarnpkg.com/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz#6eda4bd344a3c94aea376d4cc31bc77311039e09"
   integrity sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==
 
-svg-parser@^2.0.2:
-  version "2.0.4"
-  resolved "https://registry.yarnpkg.com/svg-parser/-/svg-parser-2.0.4.tgz#fdc2e29e13951736140b76cb122c8ee6630eb6b5"
-  integrity sha512-e4hG1hRwoOdRb37cIMSgzNsxyzKfayW6VOflrwvR+/bzrkyxY/31WkbgnQpgtrNp1SdpJvpUAGTa/ZoiPNDuRQ==
-
-svgo@^1.0.0, svgo@^1.2.2:
-  version "1.3.2"
-  resolved "https://registry.yarnpkg.com/svgo/-/svgo-1.3.2.tgz#b6dc511c063346c9e415b81e43401145b96d4167"
-  integrity sha512-yhy/sQYxR5BkC98CY7o31VGsg014AKLEPxdfhora76l36hD9Rdy5NZA/Ocn6yayNPgSamYdtX2rFJdcv07AYVw==
-  dependencies:
-    chalk "^2.4.1"
-    coa "^2.0.2"
-    css-select "^2.0.0"
-    css-select-base-adapter "^0.1.1"
-    css-tree "1.0.0-alpha.37"
-    csso "^4.0.2"
-    js-yaml "^3.13.1"
-    mkdirp "~0.5.1"
-    object.values "^1.1.0"
-    sax "~1.2.4"
-    stable "^0.1.8"
-    unquote "~1.1.1"
-    util.promisify "~1.0.0"
-
 symbol-tree@^3.2.4:
   version "3.2.4"
   resolved "https://registry.yarnpkg.com/symbol-tree/-/symbol-tree-3.2.4.tgz#430637d248ba77e078883951fb9aa0eed7c63fa2"
@@ -14307,11 +9035,6 @@ table@^6.0.9:
     string-width "^4.2.3"
     strip-ansi "^6.0.1"
 
-tapable@^1.0.0, tapable@^1.1.3:
-  version "1.1.3"
-  resolved "https://registry.yarnpkg.com/tapable/-/tapable-1.1.3.tgz#a1fccc06b58db61fd7a45da2da44f5f3a3e67ba2"
-  integrity sha512-4WK/bYZmj8xLr+HUCODHGF1ZFzsYffasLUgEiMBY4fgtltdO6B4WJtlSbPaDTLpYTcGVwM2qLnFTICEcNxs3kA==
-
 tar@^6.0.2, tar@^6.1.0, tar@^6.1.11:
   version "6.2.0"
   resolved "https://registry.yarnpkg.com/tar/-/tar-6.2.0.tgz#b14ce49a79cb1cd23bc9b016302dea5474493f73"
@@ -14324,25 +9047,11 @@ tar@^6.0.2, tar@^6.1.0, tar@^6.1.11:
     mkdirp "^1.0.3"
     yallist "^4.0.0"
 
-temp-dir@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/temp-dir/-/temp-dir-1.0.0.tgz#0a7c0ea26d3a39afa7e0ebea9c1fc0bc4daa011d"
-  integrity sha512-xZFXEGbG7SNC3itwBzI3RYjq/cEhBkx2hJuKGIUOcEULmkQExXiHat2z/qkISYsuR+IKumhEfKKbV5qXmhICFQ==
-
 temp-dir@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/temp-dir/-/temp-dir-2.0.0.tgz#bde92b05bdfeb1516e804c9c00ad45177f31321e"
   integrity sha512-aoBAniQmmwtcKp/7BzsH8Cxzv8OL736p7v1ihGb5e9DJ9kTwGWHrQrVB5+lfVDzfGrdRzXch+ig7LHaY1JTOrg==
 
-tempy@^0.3.0:
-  version "0.3.0"
-  resolved "https://registry.yarnpkg.com/tempy/-/tempy-0.3.0.tgz#6f6c5b295695a16130996ad5ab01a8bd726e8bf8"
-  integrity sha512-WrH/pui8YCwmeiAoxV+lpRH9HpRtgBhSR2ViBPgpGb/wnYDzp21R4MN45fsCGvLROvY67o3byhJRYRONJyImVQ==
-  dependencies:
-    temp-dir "^1.0.0"
-    type-fest "^0.3.1"
-    unique-string "^1.0.0"
-
 tempy@^1.0.0:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/tempy/-/tempy-1.0.1.tgz#30fe901fd869cfb36ee2bd999805aa72fbb035de"
@@ -14354,63 +9063,6 @@ tempy@^1.0.0:
     type-fest "^0.16.0"
     unique-string "^2.0.0"
 
-terminal-link@^2.0.0:
-  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/terminal-link/-/terminal-link-2.1.1.tgz#14a64a27ab3c0df933ea546fba55f2d078edc994"
-  integrity sha512-un0FmiRUQNr5PJqy9kP7c40F5BOfpGlYTrxonDChEZB7pzZxRNp/bt+ymiy9/npwXya9KH99nJ/GXFIiUkYGFQ==
-  dependencies:
-    ansi-escapes "^4.2.1"
-    supports-hyperlinks "^2.0.0"
-
-terser-webpack-plugin@4.2.3, terser-webpack-plugin@^4.1.0:
-  version "4.2.3"
-  resolved "https://registry.yarnpkg.com/terser-webpack-plugin/-/terser-webpack-plugin-4.2.3.tgz#28daef4a83bd17c1db0297070adc07fc8cfc6a9a"
-  integrity sha512-jTgXh40RnvOrLQNgIkwEKnQ8rmHjHK4u+6UBEi+W+FPmvb+uo+chJXntKe7/3lW5mNysgSWD60KyesnhW8D6MQ==
-  dependencies:
-    cacache "^15.0.5"
-    find-cache-dir "^3.3.1"
-    jest-worker "^26.5.0"
-    p-limit "^3.0.2"
-    schema-utils "^3.0.0"
-    serialize-javascript "^5.0.1"
-    source-map "^0.6.1"
-    terser "^5.3.4"
-    webpack-sources "^1.4.3"
-
-terser-webpack-plugin@^1.4.3:
-  version "1.4.5"
-  resolved "https://registry.yarnpkg.com/terser-webpack-plugin/-/terser-webpack-plugin-1.4.5.tgz#a217aefaea330e734ffacb6120ec1fa312d6040b"
-  integrity sha512-04Rfe496lN8EYruwi6oPQkG0vo8C+HT49X687FZnpPF0qMAIHONI6HEXYPKDOE8e5HjXTyKfqRd/agHtH0kOtw==
-  dependencies:
-    cacache "^12.0.2"
-    find-cache-dir "^2.1.0"
-    is-wsl "^1.1.0"
-    schema-utils "^1.0.0"
-    serialize-javascript "^4.0.0"
-    source-map "^0.6.1"
-    terser "^4.1.2"
-    webpack-sources "^1.4.0"
-    worker-farm "^1.7.0"
-
-terser@^4.1.2, terser@^4.6.2, terser@^4.6.3:
-  version "4.8.1"
-  resolved "https://registry.yarnpkg.com/terser/-/terser-4.8.1.tgz#a00e5634562de2239fd404c649051bf6fc21144f"
-  integrity sha512-4GnLC0x667eJG0ewJTa6z/yXrbLGv80D9Ru6HIpCQmO+Q4PfEtBFi0ObSckqwL6VyQv/7ENJieXHo2ANmdQwgw==
-  dependencies:
-    commander "^2.20.0"
-    source-map "~0.6.1"
-    source-map-support "~0.5.12"
-
-terser@^5.3.4:
-  version "5.24.0"
-  resolved "https://registry.yarnpkg.com/terser/-/terser-5.24.0.tgz#4ae50302977bca4831ccc7b4fef63a3c04228364"
-  integrity sha512-ZpGR4Hy3+wBEzVEnHvstMvqpD/nABNelQn/z2r0fjVWGQsN3bpOLzQlqDxmb4CDZnXq5lpjnQ+mHQLAOpfM5iw==
-  dependencies:
-    "@jridgewell/source-map" "^0.3.3"
-    acorn "^8.8.2"
-    commander "^2.20.0"
-    source-map-support "~0.5.20"
-
 test-exclude@^6.0.0:
   version "6.0.0"
   resolved "https://registry.yarnpkg.com/test-exclude/-/test-exclude-6.0.0.tgz#04a8698661d805ea6fa293b6cb9e63ac044ef15e"
@@ -14425,17 +9077,19 @@ text-extensions@^1.0.0:
   resolved "https://registry.yarnpkg.com/text-extensions/-/text-extensions-1.9.0.tgz#1853e45fee39c945ce6f6c36b2d659b5aabc2a26"
   integrity sha512-wiBrwC1EhBelW12Zy26JeOUkQ5mRu+5o8rpsJk5+2t+Y5vE7e842qtZDQ2g1NpX/29HdyFeJ4nSIhI47ENSxlQ==
 
-text-table@0.2.0, text-table@^0.2.0, text-table@~0.2.0:
+text-table@^0.2.0, text-table@~0.2.0:
   version "0.2.0"
   resolved "https://registry.yarnpkg.com/text-table/-/text-table-0.2.0.tgz#7f5ee823ae805207c00af2df4a84ec3fcfa570b4"
   integrity sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==
 
-throat@^5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/throat/-/throat-5.0.0.tgz#c5199235803aad18754a667d659b5e72ce16764b"
-  integrity sha512-fcwX4mndzpLQKBS1DVYhGAcYaYt7vsHNIvQV+WXMvnow5cgjPphq5CaayLaGsjRdSCKZFNGt7/GYAuXaNOiYCA==
+through2@^4.0.0:
+  version "4.0.2"
+  resolved "https://registry.yarnpkg.com/through2/-/through2-4.0.2.tgz#a7ce3ac2a7a8b0b966c80e7c49f0484c3b239764"
+  integrity sha512-iOqSav00cVxEEICeD7TjLB1sueEL+81Wpzp2bY17uZjZN0pWZPuo4suZ/61VujxmqSGFfgOcNuTZ85QJwNZQpw==
+  dependencies:
+    readable-stream "3"
 
-through2@^2.0.0, through2@~2.0.0:
+through2@~2.0.0:
   version "2.0.5"
   resolved "https://registry.yarnpkg.com/through2/-/through2-2.0.5.tgz#01c1e39eb31d07cb7d03a96a70823260b23132cd"
   integrity sha512-/mrRod8xqpA+IHSLyGCQ2s8SPHiCDEeQJSep1jqLYeEUClOFG2Qsh+4FU6G9VeqpZnGW/Su8LQGc4YKni5rYSQ==
@@ -14443,35 +9097,11 @@ through2@^2.0.0, through2@~2.0.0:
     readable-stream "~2.3.6"
     xtend "~4.0.1"
 
-through2@^4.0.0:
-  version "4.0.2"
-  resolved "https://registry.yarnpkg.com/through2/-/through2-4.0.2.tgz#a7ce3ac2a7a8b0b966c80e7c49f0484c3b239764"
-  integrity sha512-iOqSav00cVxEEICeD7TjLB1sueEL+81Wpzp2bY17uZjZN0pWZPuo4suZ/61VujxmqSGFfgOcNuTZ85QJwNZQpw==
-  dependencies:
-    readable-stream "3"
-
-through@2, "through@>=2.2.7 <3", through@~2.3, through@~2.3.1:
+through@2, "through@>=2.2.7 <3":
   version "2.3.8"
   resolved "https://registry.yarnpkg.com/through/-/through-2.3.8.tgz#0dd4c9ffaabc357960b1b724115d7e0e86a2e1f5"
   integrity sha512-w89qg7PI8wAdvX60bMDP+bFoD5Dvhm9oLheFp5O4a2QF0cSBGsBX4qZmadPMvVqlLJBBci+WqGGOAPvcDeNSVg==
 
-thunky@^1.0.2:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/thunky/-/thunky-1.1.0.tgz#5abaf714a9405db0504732bbccd2cedd9ef9537d"
-  integrity sha512-eHY7nBftgThBqOyHGVN+l8gF0BucP09fMo0oO/Lb0w1OF80dJv+lDVpXG60WMQvkcxAkNybKsrEIE3ZtKGmPrA==
-
-timers-browserify@^2.0.4:
-  version "2.0.12"
-  resolved "https://registry.yarnpkg.com/timers-browserify/-/timers-browserify-2.0.12.tgz#44a45c11fbf407f34f97bccd1577c652361b00ee"
-  integrity sha512-9phl76Cqm6FhSX9Xe1ZUAMLtm1BLkKj2Qd5ApyWkXzsMRaA7dgr81kf4wJmQf/hAvg8EEyJxDo3du/0KlhPiKQ==
-  dependencies:
-    setimmediate "^1.0.4"
-
-timsort@^0.3.0:
-  version "0.3.0"
-  resolved "https://registry.yarnpkg.com/timsort/-/timsort-0.3.0.tgz#405411a8e7e6339fe64db9a234de11dc31e02bd4"
-  integrity sha512-qsdtZH+vMoCARQtyod4imc2nIJwg9Cc7lPRrw9CzF8ZKR0khdr8+2nX80PBhET3tcyTtJDxAffGh2rXH4tyU8A==
-
 tiny-case@^1.0.3:
   version "1.0.3"
   resolved "https://registry.yarnpkg.com/tiny-case/-/tiny-case-1.0.3.tgz#d980d66bc72b5d5a9ca86fb7c9ffdb9c898ddd03"
@@ -14482,57 +9112,16 @@ tiny-relative-date@^1.3.0:
   resolved "https://registry.yarnpkg.com/tiny-relative-date/-/tiny-relative-date-1.3.0.tgz#fa08aad501ed730f31cc043181d995c39a935e07"
   integrity sha512-MOQHpzllWxDCHHaDno30hhLfbouoYlOI8YlMNtvKe1zXbjEVhbcEovQxvZrPvtiYW630GQDoMMarCnjfyfHA+A==
 
-tiny-warning@^1.0.2:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/tiny-warning/-/tiny-warning-1.0.3.tgz#94a30db453df4c643d0fd566060d60a875d84754"
-  integrity sha512-lBN9zLN/oAf68o3zNXYrdCt1kP8WsiGW8Oo2ka41b2IM5JL/S1CTyX1rW0mb/zSuJun0ZUrDxx4sqvYS2FWzPA==
-
-tippy.js@^6.2.0:
-  version "6.3.7"
-  resolved "https://registry.yarnpkg.com/tippy.js/-/tippy.js-6.3.7.tgz#8ccfb651d642010ed9a32ff29b0e9e19c5b8c61c"
-  integrity sha512-E1d3oP2emgJ9dRQZdf3Kkn0qJgI6ZLpyS5z6ZkY1DF3kaQaBsGZsndEpHwx+eC+tYM41HaSNvNtLx8tU57FzTQ==
-  dependencies:
-    "@popperjs/core" "^2.9.0"
-
 tmpl@1.0.5:
   version "1.0.5"
   resolved "https://registry.yarnpkg.com/tmpl/-/tmpl-1.0.5.tgz#8683e0b902bb9c20c4f726e3c0b69f36518c07cc"
   integrity sha512-3f0uOEAQwIqGuWW2MVzYg8fV/QNnc/IpuJNG837rLuczAaLVHslWHZQj4IGiEl5Hs3kkbhwL9Ab7Hrsmuj+Smw==
 
-to-arraybuffer@^1.0.0:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/to-arraybuffer/-/to-arraybuffer-1.0.1.tgz#7d229b1fcc637e466ca081180836a7aabff83f43"
-  integrity sha512-okFlQcoGTi4LQBG/PgSYblw9VOyptsz2KJZqc6qtgGdes8VktzUQkj4BI2blit072iS8VODNcMA+tvnS9dnuMA==
-
-to-ast@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/to-ast/-/to-ast-1.0.0.tgz#0c4a31c8c98edfde9aaf0192c794b4c8b11ee287"
-  integrity sha512-FZpqARevv2F9BQZAeOx4b8F1tp07qqITCevw5spzKMC7ewcsP4y42kQosjctkAoROtzMNGbmD5n9ZN+vWmSN/Q==
-  dependencies:
-    ast-types "^0.7.2"
-    esprima "^2.1.0"
-
-to-buffer@^1.2.0, to-buffer@^1.2.2:
-  version "1.2.2"
-  resolved "https://registry.yarnpkg.com/to-buffer/-/to-buffer-1.2.2.tgz#ffe59ef7522ada0a2d1cb5dfe03bb8abc3cdc133"
-  integrity sha512-db0E3UJjcFhpDhAF4tLo03oli3pwl3dbnzXOUIlRKrp+ldk/VUxzpWYZENsw2SZiuBjHAk7DfB0VU7NKdpb6sw==
-  dependencies:
-    isarray "^2.0.5"
-    safe-buffer "^5.2.1"
-    typed-array-buffer "^1.0.3"
-
 to-fast-properties@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/to-fast-properties/-/to-fast-properties-2.0.0.tgz#dc5e698cbd079265bc73e0377681a4e4e83f616e"
   integrity sha512-/OaKK0xYrs3DmxRYqL/yDc+FxFUVYhDlXMhRmv3z915w2HF1tnN1omB354j8VUGO/hbRzyD6Y3sA7v7GS/ceog==
 
-to-object-path@^0.3.0:
-  version "0.3.0"
-  resolved "https://registry.yarnpkg.com/to-object-path/-/to-object-path-0.3.0.tgz#297588b7b0e7e0ac08e04e672f85c1f4999e17af"
-  integrity sha512-9mWHdnGRuh3onocaHzukyvCZhzvr6tiflAy/JRFXcJX0TjgfWA9pk9t8CMbzmBE4Jfw58pXbkngtBtqYxzNEyg==
-  dependencies:
-    kind-of "^3.0.2"
-
 to-regex-range@^5.0.1:
   version "5.0.1"
   resolved "https://registry.yarnpkg.com/to-regex-range/-/to-regex-range-5.0.1.tgz#1648c44aae7c8d988a326018ed72f5b4dd0392e4"
@@ -14540,30 +9129,15 @@ to-regex-range@^5.0.1:
   dependencies:
     is-number "^7.0.0"
 
-to-regex@^3.0.1, to-regex@^3.0.2:
-  version "3.0.2"
-  resolved "https://registry.yarnpkg.com/to-regex/-/to-regex-3.0.2.tgz#13cfdd9b336552f30b51f33a8ae1b42a7a7599ce"
-  integrity sha512-FWtleNAtZ/Ki2qtqej2CXTOayOH9bHDQF+Q48VpWyDXjbYxA4Yz8iDB31zXOBUlOHHKidDbqGVrTUvQMPmBGBw==
-  dependencies:
-    define-property "^2.0.2"
-    extend-shallow "^3.0.2"
-    regex-not "^1.0.2"
-    safe-regex "^1.1.0"
-
-toidentifier@1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/toidentifier/-/toidentifier-1.0.1.tgz#3be34321a88a820ed1bd80dfaa33e479fbb8dd35"
-  integrity sha512-o5sSPKEkg/DIQNmH43V0/uerLrpzVedkUh8tGNvaeXpfpuwjKenlSox/2O/BTlZUtEe+JG7s5YhEz608PlAHRA==
-
 toposort@^2.0.2:
   version "2.0.2"
   resolved "https://registry.yarnpkg.com/toposort/-/toposort-2.0.2.tgz#ae21768175d1559d48bef35420b2f4962f09c330"
   integrity sha512-0a5EOkAUp8D4moMi2W8ZF8jcga7BgZd91O/yabJCFY8az+XSzeGyTKs0Aoo897iV1Nj6guFq8orWDS96z91oGg==
 
-tough-cookie@^4.0.0:
-  version "4.1.3"
-  resolved "https://registry.yarnpkg.com/tough-cookie/-/tough-cookie-4.1.3.tgz#97b9adb0728b42280aa3d814b6b999b2ff0318bf"
-  integrity sha512-aX/y5pVRkfRnfmuX+OdbSdXvPe6ieKX/G2s7e98f4poJHnqH3281gDPm/metm6E/WRamfx7WC4HUqkWHfQHprw==
+tough-cookie@^4.1.2:
+  version "4.1.4"
+  resolved "https://registry.yarnpkg.com/tough-cookie/-/tough-cookie-4.1.4.tgz#945f1461b45b5a8c76821c33ea49c3ac192c1b36"
+  integrity sha512-Loo5UUvLD9ScZ6jh8beX1T6sO1w2/MpCRpEP7V280GKMVUQ0Jzar2U3UJPsrdbziLEMMhu3Ujnq//rhiFuIeag==
   dependencies:
     psl "^1.1.33"
     punycode "^2.1.1"
@@ -14578,10 +9152,10 @@ tough-cookie@~2.5.0:
     psl "^1.1.28"
     punycode "^2.1.1"
 
-tr46@^2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/tr46/-/tr46-2.1.0.tgz#fa87aa81ca5d5941da8cbf1f9b749dc969a4e240"
-  integrity sha512-15Ih7phfcdP5YxqiB+iDtLoaTz4Nd35+IiAv0kQ5FNKHzXgdWqPoTIqEDDJmXceQt4JZk6lVPT8lnDlPpGDppw==
+tr46@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/tr46/-/tr46-3.0.0.tgz#555c4e297a950617e8eeddef633c87d4d9d6cbf9"
+  integrity sha512-l7FvfAHlcmulp8kr+flpQZmVwtu7nfRV7NZujtN0OqES8EL4O4e0qqzL0DC5gAvx/ZC/9lk6rhcUwYvkBnBnYA==
   dependencies:
     punycode "^2.1.1"
 
@@ -14600,25 +9174,20 @@ treeverse@^1.0.4:
   resolved "https://registry.yarnpkg.com/treeverse/-/treeverse-1.0.4.tgz#a6b0ebf98a1bca6846ddc7ecbc900df08cb9cd5f"
   integrity sha512-whw60l7r+8ZU8Tu/Uc2yxtc4ZTZbR/PF3u1IPNKGQ6p8EICLb3Z2lAgoqw9bqYd8IkgnsaOcLzYHFckjqNsf0g==
 
+trim-lines@^3.0.0:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/trim-lines/-/trim-lines-3.0.1.tgz#d802e332a07df861c48802c04321017b1bd87338"
+  integrity sha512-kRj8B+YHZCc9kQYdWfJB2/oUl9rA99qbowYYBtr4ui4mZyAQ2JpvVBd/6U2YloATfqBhBTSMhTpgBHtU0Mf3Rg==
+
 trim-newlines@^3.0.0:
   version "3.0.1"
   resolved "https://registry.yarnpkg.com/trim-newlines/-/trim-newlines-3.0.1.tgz#260a5d962d8b752425b32f3a7db0dcacd176c144"
   integrity sha512-c1PTsA3tYrIsLGkJkzHF+w9F2EyxfXGo4UyJc4pFL++FMjnq0HJS69T3M7d//gKrFKwy429bouPescbjecU+Zw==
 
-trough@^1.0.0:
-  version "1.0.5"
-  resolved "https://registry.yarnpkg.com/trough/-/trough-1.0.5.tgz#b8b639cefad7d0bb2abd37d433ff8293efa5f406"
-  integrity sha512-rvuRbTarPXmMb79SmzEp8aqXNKcK+y0XaB298IXueQ8I2PsrATcPBCSPyK/dDNa2iWOhKlfNnOjdAOTBU/nkFA==
-
-tryer@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/tryer/-/tryer-1.0.1.tgz#f2c85406800b9b0f74c9f7465b81eaad241252f8"
-  integrity sha512-c3zayb8/kWWpycWYg87P71E1S1ZL6b6IJxfb5fvsUgsf0S2MVGaDhDXXjDMpdCpfWXqptc+4mXwmiy1ypXqRAA==
-
-ts-pnp@1.2.0, ts-pnp@^1.1.6:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/ts-pnp/-/ts-pnp-1.2.0.tgz#a500ad084b0798f1c3071af391e65912c86bca92"
-  integrity sha512-csd+vJOb/gkzvcCHgTGSChYpy5f1/XKNsmvBGO4JXS+z1v2HobugDz4s1IeFXM3wZB44uczs+eazB5Q/ccdhQw==
+trough@^2.0.0:
+  version "2.2.0"
+  resolved "https://registry.yarnpkg.com/trough/-/trough-2.2.0.tgz#94a60bd6bd375c152c1df911a4b11d5b0256f50f"
+  integrity sha512-tmMpK00BjZiUyVyvrBK7knerNgmgvcV/KLVyuma/SC+TQN167GrMRciANTz09+k3zW8L8t60jWO1GpfkZdjTaw==
 
 tsconfig-paths@^3.14.2:
   version "3.14.2"
@@ -14630,28 +9199,16 @@ tsconfig-paths@^3.14.2:
     minimist "^1.2.6"
     strip-bom "^3.0.0"
 
-tslib@^1.8.1:
-  version "1.14.1"
-  resolved "https://registry.yarnpkg.com/tslib/-/tslib-1.14.1.tgz#cf2d38bdc34a134bcaf1091c41f6619e2f672d00"
-  integrity sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==
+tslib@2.8.1:
+  version "2.8.1"
+  resolved "https://registry.yarnpkg.com/tslib/-/tslib-2.8.1.tgz#612efe4ed235d567e8aba5f2a5fab70280ade83f"
+  integrity sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==
 
-tslib@^2.0.0, tslib@^2.0.1, tslib@^2.0.3, tslib@^2.1.0:
+tslib@^2.0.0:
   version "2.6.2"
   resolved "https://registry.yarnpkg.com/tslib/-/tslib-2.6.2.tgz#703ac29425e7b37cd6fd456e92404d46d1f3e4ae"
   integrity sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q==
 
-tsutils@^3.17.1, tsutils@^3.21.0:
-  version "3.21.0"
-  resolved "https://registry.yarnpkg.com/tsutils/-/tsutils-3.21.0.tgz#b48717d394cea6c1e096983eed58e9d61715b623"
-  integrity sha512-mHKK3iUXL+3UF6xL5k0PEhKRUBKPBCv/+RkEOpjRWxxx27KKRBmmA60A9pgOUvMi8GKhRMPEmjBRPzs2W7O1OA==
-  dependencies:
-    tslib "^1.8.1"
-
-tty-browserify@0.0.0:
-  version "0.0.0"
-  resolved "https://registry.yarnpkg.com/tty-browserify/-/tty-browserify-0.0.0.tgz#a157ba402da24e9bf957f9aa69d524eed42901a6"
-  integrity sha512-JVa5ijo+j/sOoHGjw0sxw734b1LhBkQ3bvUGNdxnVXDCX81Yx7TFgnZygxrIIWn23hbfTaMYLwRmAxFyDuFmIw==
-
 tunnel-agent@^0.6.0:
   version "0.6.0"
   resolved "https://registry.yarnpkg.com/tunnel-agent/-/tunnel-agent-0.6.0.tgz#27a5dea06b36b04a0a9966774b290868f0fc40fd"
@@ -14671,14 +9228,7 @@ type-check@^0.4.0, type-check@~0.4.0:
   dependencies:
     prelude-ls "^1.2.1"
 
-type-check@~0.3.2:
-  version "0.3.2"
-  resolved "https://registry.yarnpkg.com/type-check/-/type-check-0.3.2.tgz#5884cab512cf1d355e3fb784f30804b2b520db72"
-  integrity sha512-ZCmOJdvOWDBYJlzAoFkC+Q0+bUyEOS1ltgp1MGU03fqHG+dbi9tBFU2Rd9QKiDZFAYrhPh2JUf7rZRIuHRKtOg==
-  dependencies:
-    prelude-ls "~1.1.2"
-
-type-detect@4.0.8, type-detect@^4.0.8:
+type-detect@4.0.8:
   version "4.0.8"
   resolved "https://registry.yarnpkg.com/type-detect/-/type-detect-4.0.8.tgz#7646fb5f18871cfbb7749e69bd39a6388eb7450c"
   integrity sha512-0fr/mIH1dlO+x7TlcMy+bIDqKPsw/70tVyeHW787goQjhmqaZe10uwLujubK9q9Lg6Fiho1KUKDYz0Z7k7g5/g==
@@ -14703,11 +9253,6 @@ type-fest@^0.21.3:
   resolved "https://registry.yarnpkg.com/type-fest/-/type-fest-0.21.3.tgz#d260a24b0198436e133fa26a524a6d65fa3b2e37"
   integrity sha512-t0rzBq87m3fVcduHDUFhKmyyX+9eo6WQjZvf51Ea/M0Q7+T374Jp1aUiyUl0GKxp8M/OETVHSDvmkyPgvX+X2w==
 
-type-fest@^0.3.1:
-  version "0.3.1"
-  resolved "https://registry.yarnpkg.com/type-fest/-/type-fest-0.3.1.tgz#63d00d204e059474fe5e1b7c011112bbd1dc29e1"
-  integrity sha512-cUGJnCdr4STbePCgqNFbpVNCepa+kAVohJs1sLhxzdH+gnEoOd8VhbYa7pD3zZYGiURWM2xzEII3fQcRizDkYQ==
-
 type-fest@^0.6.0:
   version "0.6.0"
   resolved "https://registry.yarnpkg.com/type-fest/-/type-fest-0.6.0.tgz#8d2a2370d3df886eb5c90ada1c5bf6188acf838b"
@@ -14723,24 +9268,6 @@ type-fest@^2.19.0:
   resolved "https://registry.yarnpkg.com/type-fest/-/type-fest-2.19.0.tgz#88068015bb33036a598b952e55e9311a60fd3a9b"
   integrity sha512-RAH822pAdBgcNMAfWnCBU3CFZcfZ/i1eZjwFU/dsLKumyuuP3niueg2UAukXYF0E2AAoc82ZSSf9J0WQBinzHA==
 
-type-is@~1.6.18:
-  version "1.6.18"
-  resolved "https://registry.yarnpkg.com/type-is/-/type-is-1.6.18.tgz#4e552cd05df09467dcbc4ef739de89f2cf37c131"
-  integrity sha512-TkRKr9sUTxEH8MdfuCSP7VizJyzRNMjj2J2do2Jr3Kym598JVdEksuzPQCnlFPW4ky9Q+iA+ma9BGm06XQBy8g==
-  dependencies:
-    media-typer "0.3.0"
-    mime-types "~2.1.24"
-
-type@^1.0.1:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/type/-/type-1.2.0.tgz#848dd7698dafa3e54a6c479e759c4bc3f18847a0"
-  integrity sha512-+5nt5AAniqsCnu2cEQQdpzCAh33kVx8n0VoFidKpB1dVVLAN/F+bgVOqOJqOnEnrhp222clB5p3vUlD+1QAnfg==
-
-type@^2.7.2:
-  version "2.7.2"
-  resolved "https://registry.yarnpkg.com/type/-/type-2.7.2.tgz#2376a15a3a28b1efa0f5350dcf72d24df6ef98d0"
-  integrity sha512-dzlvlNlt6AXU7EBSfpAscydQ7gXB+pPGsPnfJnZpiNJBDj7IaJzQlBZYGdEi4R9HmPdBv2XmWJ6YUtoTa7lmCw==
-
 typed-array-buffer@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/typed-array-buffer/-/typed-array-buffer-1.0.0.tgz#18de3e7ed7974b0a729d3feecb94338d1472cd60"
@@ -14750,15 +9277,6 @@ typed-array-buffer@^1.0.0:
     get-intrinsic "^1.2.1"
     is-typed-array "^1.1.10"
 
-typed-array-buffer@^1.0.3:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/typed-array-buffer/-/typed-array-buffer-1.0.3.tgz#a72395450a4869ec033fd549371b47af3a2ee536"
-  integrity sha512-nAYYwfY3qnzX30IkA6AQZjVbtK6duGontcQm1WSG1MD94YLqK0515GNApXkoxKOWMusVssAHWLh9SeaoefYFGw==
-  dependencies:
-    call-bound "^1.0.3"
-    es-errors "^1.3.0"
-    is-typed-array "^1.1.14"
-
 typed-array-byte-length@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/typed-array-byte-length/-/typed-array-byte-length-1.0.0.tgz#d787a24a995711611fb2b87a4052799517b230d0"
@@ -14796,10 +9314,15 @@ typedarray-to-buffer@^3.1.5:
   dependencies:
     is-typedarray "^1.0.0"
 
-typedarray@^0.0.6:
-  version "0.0.6"
-  resolved "https://registry.yarnpkg.com/typedarray/-/typedarray-0.0.6.tgz#867ac74e3864187b1d3d47d996a78ec5c8830777"
-  integrity sha512-/aCDEGatGvZ2BIk+HmLf4ifCJFwvKFNb9/JeZPMulfgFracn9QFcAf5GO8B/mweUjSoblS5In0cWhqpfs/5PQA==
+typescript@5.9.3:
+  version "5.9.3"
+  resolved "https://registry.yarnpkg.com/typescript/-/typescript-5.9.3.tgz#5b4f59e15310ab17a216f5d6cf53ee476ede670f"
+  integrity sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==
+
+ufo@^1.6.3:
+  version "1.6.3"
+  resolved "https://registry.yarnpkg.com/ufo/-/ufo-1.6.3.tgz#799666e4e88c122a9659805e30b9dc071c3aed4f"
+  integrity sha512-yDJTmhydvl5lJzBmy/hyOAA0d+aqCBuwl818haVdYCRrWV84o7YyeVm4QlVHStqNrrJSTb6jKuFAVqAFsr+K3Q==
 
 uglify-js@^3.1.4:
   version "3.17.4"
@@ -14816,34 +9339,16 @@ unbox-primitive@^1.0.2:
     has-symbols "^1.0.3"
     which-boxed-primitive "^1.0.2"
 
-underscore@1.12.1:
-  version "1.12.1"
-  resolved "https://registry.yarnpkg.com/underscore/-/underscore-1.12.1.tgz#7bb8cc9b3d397e201cf8553336d262544ead829e"
-  integrity sha512-hEQt0+ZLDVUMhebKxL4x1BTtDY7bavVofhZ9KZ4aI26X9SRaE+Y3m83XUL1UP2jn8ynjndwCCpEHdUG+9pP1Tw==
-
 undici-types@~5.26.4:
   version "5.26.5"
   resolved "https://registry.yarnpkg.com/undici-types/-/undici-types-5.26.5.tgz#bcd539893d00b56e964fd2657a4866b221a65617"
   integrity sha512-JlCMO+ehdEIKqlFxk6IfVoAUVmgz7cU7zD/h9XZ0qzeosSHmUJVOzSQvvYSYWXkFXC+IfLKSIffhv0sVZup6pA==
 
-unicode-canonical-property-names-ecmascript@^1.0.4:
-  version "1.0.4"
-  resolved "https://registry.yarnpkg.com/unicode-canonical-property-names-ecmascript/-/unicode-canonical-property-names-ecmascript-1.0.4.tgz#2619800c4c825800efdd8343af7dd9933cbe2818"
-  integrity sha512-jDrNnXWHd4oHiTZnx/ZG7gtUTVp+gCcTTKr8L0HjlwphROEW3+Him+IpvC+xcJEFegapiMZyZe02CyuOnRmbnQ==
-
 unicode-canonical-property-names-ecmascript@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/unicode-canonical-property-names-ecmascript/-/unicode-canonical-property-names-ecmascript-2.0.0.tgz#301acdc525631670d39f6146e0e77ff6bbdebddc"
   integrity sha512-yY5PpDlfVIU5+y/BSCxAJRBIS1Zc2dDG3Ujq+sR0U+JjUevW2JhocOF+soROYDSaAezOzOKuyyixhD6mBknSmQ==
 
-unicode-match-property-ecmascript@^1.0.4:
-  version "1.0.4"
-  resolved "https://registry.yarnpkg.com/unicode-match-property-ecmascript/-/unicode-match-property-ecmascript-1.0.4.tgz#8ed2a32569961bce9227d09cd3ffbb8fed5f020c"
-  integrity sha512-L4Qoh15vTfntsn4P1zqnHulG0LdXgjSO035fEpdtp6YxXhMT51Q6vgM5lYdG/5X3MjS+k/Y9Xw4SFCY9IkR0rg==
-  dependencies:
-    unicode-canonical-property-names-ecmascript "^1.0.4"
-    unicode-property-aliases-ecmascript "^1.0.4"
-
 unicode-match-property-ecmascript@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/unicode-match-property-ecmascript/-/unicode-match-property-ecmascript-2.0.0.tgz#54fd16e0ecb167cf04cf1f756bdcc92eba7976c3"
@@ -14852,57 +9357,33 @@ unicode-match-property-ecmascript@^2.0.0:
     unicode-canonical-property-names-ecmascript "^2.0.0"
     unicode-property-aliases-ecmascript "^2.0.0"
 
-unicode-match-property-value-ecmascript@^1.1.0:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/unicode-match-property-value-ecmascript/-/unicode-match-property-value-ecmascript-1.2.0.tgz#0d91f600eeeb3096aa962b1d6fc88876e64ea531"
-  integrity sha512-wjuQHGQVofmSJv1uVISKLE5zO2rNGzM/KCYZch/QQvez7C1hUhBIuZ701fYXExuufJFMPhv2SyL8CyoIfMLbIQ==
-
 unicode-match-property-value-ecmascript@^2.1.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/unicode-match-property-value-ecmascript/-/unicode-match-property-value-ecmascript-2.1.0.tgz#cb5fffdcd16a05124f5a4b0bf7c3770208acbbe0"
   integrity sha512-qxkjQt6qjg/mYscYMC0XKRn3Rh0wFPlfxB0xkt9CfyTvpX1Ra0+rAmdX2QyAobptSEvuy4RtpPRui6XkV+8wjA==
 
-unicode-property-aliases-ecmascript@^1.0.4:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/unicode-property-aliases-ecmascript/-/unicode-property-aliases-ecmascript-1.1.0.tgz#dd57a99f6207bedff4628abefb94c50db941c8f4"
-  integrity sha512-PqSoPh/pWetQ2phoj5RLiaqIk4kCNwoV3CI+LfGmWLKI3rE3kl1h59XpX2BjgDrmbxD9ARtQobPGU1SguCYuQg==
+unicode-match-property-value-ecmascript@^2.2.1:
+  version "2.2.1"
+  resolved "https://registry.yarnpkg.com/unicode-match-property-value-ecmascript/-/unicode-match-property-value-ecmascript-2.2.1.tgz#65a7adfad8574c219890e219285ce4c64ed67eaa"
+  integrity sha512-JQ84qTuMg4nVkx8ga4A16a1epI9H6uTXAknqxkGF/aFfRLw1xC/Bp24HNLaZhHSkWd3+84t8iXnp1J0kYcZHhg==
 
 unicode-property-aliases-ecmascript@^2.0.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/unicode-property-aliases-ecmascript/-/unicode-property-aliases-ecmascript-2.1.0.tgz#43d41e3be698bd493ef911077c9b131f827e8ccd"
   integrity sha512-6t3foTQI9qne+OZoVQB/8x8rk2k1eVy1gRXhV3oFQ5T6R1dqQ1xtin3XqSlx3+ATBkliTaR/hHyJBm+LVPNM8w==
 
-unified@^9.1.0:
-  version "9.2.2"
-  resolved "https://registry.yarnpkg.com/unified/-/unified-9.2.2.tgz#67649a1abfc3ab85d2969502902775eb03146975"
-  integrity sha512-Sg7j110mtefBD+qunSLO1lqOEKdrwBFBrR6Qd8f4uwkhWNlbkaqwHse6e7QvD3AP/MNoJdEDLaf8OxYyoWgorQ==
+unified@^11.0.0:
+  version "11.0.5"
+  resolved "https://registry.yarnpkg.com/unified/-/unified-11.0.5.tgz#f66677610a5c0a9ee90cab2b8d4d66037026d9e1"
+  integrity sha512-xKvGhPWw3k84Qjh8bI3ZeJjqnyadK+GEFtazSfZv/rKeTkTjOJho6mFqh2SM96iIcZokxiOpg78GazTSg8+KHA==
   dependencies:
-    bail "^1.0.0"
+    "@types/unist" "^3.0.0"
+    bail "^2.0.0"
+    devlop "^1.0.0"
     extend "^3.0.0"
-    is-buffer "^2.0.0"
-    is-plain-obj "^2.0.0"
-    trough "^1.0.0"
-    vfile "^4.0.0"
-
-union-value@^1.0.0:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/union-value/-/union-value-1.0.1.tgz#0b6fe7b835aecda61c6ea4d4f02c14221e109847"
-  integrity sha512-tJfXmxMeWYnczCVs7XAEvIV7ieppALdyepWMkHkwciRpZraG/xwT+s2JN8+pr1+8jCRf80FFzvr+MpQeeoF4Xg==
-  dependencies:
-    arr-union "^3.1.0"
-    get-value "^2.0.6"
-    is-extendable "^0.1.1"
-    set-value "^2.0.1"
-
-uniq@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/uniq/-/uniq-1.0.1.tgz#b31c5ae8254844a3a8281541ce2b04b865a734ff"
-  integrity sha512-Gw+zz50YNKPDKXs+9d+aKAjVwpjNwqzvNpLigIruT4HA9lMZNdMqs9x07kKHB/L9WRzqp4+DlTU5s4wG2esdoA==
-
-uniqs@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/uniqs/-/uniqs-2.0.0.tgz#ffede4b36b25290696e6e165d4a59edb998e6b02"
-  integrity sha512-mZdDpf3vBV5Efh29kMw5tXoup/buMgxLzOt/XKFKcVmi+15ManNQWr6HfZ2aiZTYlYixbdNJ0KFmIZIv52tHSQ==
+    is-plain-obj "^4.0.0"
+    trough "^2.0.0"
+    vfile "^6.0.0"
 
 unique-filename@^1.1.1:
   version "1.1.1"
@@ -14918,13 +9399,6 @@ unique-slug@^2.0.0:
   dependencies:
     imurmurhash "^0.1.4"
 
-unique-string@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/unique-string/-/unique-string-1.0.0.tgz#9e1057cca851abb93398f8b33ae187b99caec11a"
-  integrity sha512-ODgiYu03y5g76A1I9Gt0/chLCzQjvzDy7DsZGsLOE/1MrF6wriEskSncj1+/C58Xk/kPZDppSctDybCwOSaGAg==
-  dependencies:
-    crypto-random-string "^1.0.0"
-
 unique-string@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/unique-string/-/unique-string-2.0.0.tgz#39c6451f81afb2749de2b233e3f7c5e8843bd89d"
@@ -14932,45 +9406,49 @@ unique-string@^2.0.0:
   dependencies:
     crypto-random-string "^2.0.0"
 
-unist-util-is@^4.0.0:
-  version "4.1.0"
-  resolved "https://registry.yarnpkg.com/unist-util-is/-/unist-util-is-4.1.0.tgz#976e5f462a7a5de73d94b706bac1b90671b57797"
-  integrity sha512-ZOQSsnce92GrxSqlnEEseX0gi7GH9zTJZ0p9dtu87WRb/37mMPO2Ilx1s/t9vBHrFhbgweUwb+t7cIn5dxPhZg==
+unist-util-is@^6.0.0:
+  version "6.0.1"
+  resolved "https://registry.yarnpkg.com/unist-util-is/-/unist-util-is-6.0.1.tgz#d0a3f86f2dd0db7acd7d8c2478080b5c67f9c6a9"
+  integrity sha512-LsiILbtBETkDz8I9p1dQ0uyRUWuaQzd/cuEeS1hoRSyW5E5XGmTzlwY1OrNzzakGowI9Dr/I8HVaw4hTtnxy8g==
+  dependencies:
+    "@types/unist" "^3.0.0"
 
-unist-util-stringify-position@^2.0.0:
-  version "2.0.3"
-  resolved "https://registry.yarnpkg.com/unist-util-stringify-position/-/unist-util-stringify-position-2.0.3.tgz#cce3bfa1cdf85ba7375d1d5b17bdc4cada9bd9da"
-  integrity sha512-3faScn5I+hy9VleOq/qNbAd6pAx7iH5jYBMS9I1HgQVijz/4mv5Bvw5iw1sC/90CODiKo81G/ps8AJrISn687g==
+unist-util-position@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/unist-util-position/-/unist-util-position-5.0.0.tgz#678f20ab5ca1207a97d7ea8a388373c9cf896be4"
+  integrity sha512-fucsC7HjXvkB5R3kTCO7kUjRdrS0BJt3M/FPxmHMBOm8JQi2BsHAHFsy27E0EolP8rp0NzXsJ+jNPyDWvOJZPA==
   dependencies:
-    "@types/unist" "^2.0.2"
+    "@types/unist" "^3.0.0"
 
-unist-util-visit-parents@^3.0.0:
-  version "3.1.1"
-  resolved "https://registry.yarnpkg.com/unist-util-visit-parents/-/unist-util-visit-parents-3.1.1.tgz#65a6ce698f78a6b0f56aa0e88f13801886cdaef6"
-  integrity sha512-1KROIZWo6bcMrZEwiH2UrXDyalAa0uqzWCxCJj6lPOvTve2WkfgCytoDTPaMnodXh1WrXOq0haVYHj99ynJlsg==
+unist-util-stringify-position@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/unist-util-stringify-position/-/unist-util-stringify-position-4.0.0.tgz#449c6e21a880e0855bf5aabadeb3a740314abac2"
+  integrity sha512-0ASV06AAoKCDkS2+xw5RXJywruurpbC4JZSm7nr7MOt1ojAzvyyaO+UxZf18j8FCF6kmzCZKcAgN/yu2gm2XgQ==
   dependencies:
-    "@types/unist" "^2.0.0"
-    unist-util-is "^4.0.0"
+    "@types/unist" "^3.0.0"
 
-unist-util-visit@^2.0.0:
-  version "2.0.3"
-  resolved "https://registry.yarnpkg.com/unist-util-visit/-/unist-util-visit-2.0.3.tgz#c3703893146df47203bb8a9795af47d7b971208c"
-  integrity sha512-iJ4/RczbJMkD0712mGktuGpm/U4By4FfDonL7N/9tATGIF4imikjOuagyMY53tnZq3NP6BcmlrHhEKAfGWjh7Q==
+unist-util-visit-parents@^6.0.0:
+  version "6.0.2"
+  resolved "https://registry.yarnpkg.com/unist-util-visit-parents/-/unist-util-visit-parents-6.0.2.tgz#777df7fb98652ce16b4b7cd999d0a1a40efa3a02"
+  integrity sha512-goh1s1TBrqSqukSc8wrjwWhL0hiJxgA8m4kFxGlQ+8FYQ3C/m11FcTs4YYem7V664AhHVvgoQLk890Ssdsr2IQ==
   dependencies:
-    "@types/unist" "^2.0.0"
-    unist-util-is "^4.0.0"
-    unist-util-visit-parents "^3.0.0"
+    "@types/unist" "^3.0.0"
+    unist-util-is "^6.0.0"
+
+unist-util-visit@^5.0.0:
+  version "5.1.0"
+  resolved "https://registry.yarnpkg.com/unist-util-visit/-/unist-util-visit-5.1.0.tgz#9a2a28b0aa76a15e0da70a08a5863a2f060e2468"
+  integrity sha512-m+vIdyeCOpdr/QeQCu2EzxX/ohgS8KbnPDgFni4dQsfSCtpz8UqDyY5GjRru8PDKuYn7Fq19j1CQ+nJSsGKOzg==
+  dependencies:
+    "@types/unist" "^3.0.0"
+    unist-util-is "^6.0.0"
+    unist-util-visit-parents "^6.0.0"
 
 universal-user-agent@^6.0.0:
   version "6.0.1"
   resolved "https://registry.yarnpkg.com/universal-user-agent/-/universal-user-agent-6.0.1.tgz#15f20f55da3c930c57bddbf1734c6654d5fd35aa"
   integrity sha512-yCzhz6FN2wU1NiiQRogkTQszlQSlpWaw8SvVegAc+bDxbzHgh1vX8uIe8OYyMH6DwH+sdTJsgMl36+mSMdRJIQ==
 
-universalify@^0.1.0:
-  version "0.1.2"
-  resolved "https://registry.yarnpkg.com/universalify/-/universalify-0.1.2.tgz#b646f69be3942dabcecc9d6639c80dc105efaa66"
-  integrity sha512-rBJeI5CXAlmy1pV+617WB9J63U6XcazHHF2f2dbJix4XzpUF0RS3Zbj0FGIOCAva5P/d/GBOYaACQ1w+0azUkg==
-
 universalify@^0.2.0:
   version "0.2.0"
   resolved "https://registry.yarnpkg.com/universalify/-/universalify-0.2.0.tgz#6451760566fa857534745ab1dde952d1b1761be0"
@@ -14981,29 +9459,6 @@ universalify@^2.0.0:
   resolved "https://registry.yarnpkg.com/universalify/-/universalify-2.0.1.tgz#168efc2180964e6386d061e094df61afe239b18d"
   integrity sha512-gptHNQghINnc/vTGIk0SOFGFNXw7JVrlRUtConJRlvaw6DuX0wO5Jeko9sWrMBhh+PsYAZ7oXAiOnf/UKogyiw==
 
-unpipe@1.0.0, unpipe@~1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/unpipe/-/unpipe-1.0.0.tgz#b2bf4ee8514aae6165b4817829d21b2ef49904ec"
-  integrity sha512-pjy2bYhSsufwWlKwPc+l3cN7+wuJlK6uz0YdJEOlQDbl6jo/YlPi4mb8agUkVC8BF7V8NuzeyPNqRksA3hztKQ==
-
-unquote@^1.1.0, unquote@~1.1.1:
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/unquote/-/unquote-1.1.1.tgz#8fded7324ec6e88a0ff8b905e7c098cdc086d544"
-  integrity sha512-vRCqFv6UhXpWxZPyGDh/F3ZpNv8/qo7w6iufLpQg9aKnQ71qM4B5KiI7Mia9COcjEhrO9LueHpMYjYzsWH3OIg==
-
-unset-value@2.0.1, unset-value@^1.0.0:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/unset-value/-/unset-value-2.0.1.tgz#57bed0c22d26f28d69acde5df9a11b77c74d2df3"
-  integrity sha512-2hvrBfjUE00PkqN+q0XP6yRAOGrR06uSiUoIQGZkc7GxvQ9H7v8quUPNtZjMg4uux69i8HWpIjLPUKwCuRGyNg==
-  dependencies:
-    has-value "^2.0.2"
-    isobject "^4.0.0"
-
-upath@^1.1.1, upath@^1.1.2, upath@^1.2.0:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/upath/-/upath-1.2.0.tgz#8f66dbcd55a883acdae4408af8b035a5044c1894"
-  integrity sha512-aZwGpamFO61g3OlfT7OQCHqhGnW43ieH9WZeP7QxN/G/jS4jfqUkZxoryvJgVPEcrl5NL/ggHsSmLMHuH64Lhg==
-
 update-browserslist-db@^1.0.13:
   version "1.0.13"
   resolved "https://registry.yarnpkg.com/update-browserslist-db/-/update-browserslist-db-1.0.13.tgz#3c5e4f5c083661bd38ef64b6328c26ed6c8248c4"
@@ -15012,6 +9467,14 @@ update-browserslist-db@^1.0.13:
     escalade "^3.1.1"
     picocolors "^1.0.0"
 
+update-browserslist-db@^1.2.3:
+  version "1.2.3"
+  resolved "https://registry.yarnpkg.com/update-browserslist-db/-/update-browserslist-db-1.2.3.tgz#64d76db58713136acbeb4c49114366cc6cc2e80d"
+  integrity sha512-Js0m9cx+qOgDxo0eMiFGEueWztz+d4+M3rGlmKPT+T4IS/jP4ylw3Nwpu6cpTTP8R1MAC1kF4VbdLt3ARf209w==
+  dependencies:
+    escalade "^3.2.0"
+    picocolors "^1.1.1"
+
 uri-js@^4.2.2:
   version "4.4.1"
   resolved "https://registry.yarnpkg.com/uri-js/-/uri-js-4.4.1.tgz#9b1a52595225859e55f669d928f88c6c57f2a77e"
@@ -15019,26 +9482,12 @@ uri-js@^4.2.2:
   dependencies:
     punycode "^2.1.0"
 
-urix@^0.1.0:
-  version "0.1.0"
-  resolved "https://registry.yarnpkg.com/urix/-/urix-0.1.0.tgz#da937f7a62e21fec1fd18d49b35c2935067a6c72"
-  integrity sha512-Am1ousAhSLBeB9cG/7k7r2R0zj50uDRlZHPGbazid5s9rlF1F/QKYObEKSIunSjIOkJZqwRRLpvewjEkM7pSqg==
-
 url-join@^4.0.0:
   version "4.0.1"
   resolved "https://registry.yarnpkg.com/url-join/-/url-join-4.0.1.tgz#b642e21a2646808ffa178c4c5fda39844e12cde7"
   integrity sha512-jk1+QP6ZJqyOiuEI9AEWQfju/nB2Pw466kbA0LEZljHwKeMgd9WrAEgEGxjPDD2+TNbbb37rTyhEfrCXfuKXnA==
 
-url-loader@4.1.1:
-  version "4.1.1"
-  resolved "https://registry.yarnpkg.com/url-loader/-/url-loader-4.1.1.tgz#28505e905cae158cf07c92ca622d7f237e70a4e2"
-  integrity sha512-3BTV812+AVHHOJQO8O5MkWgZ5aosP7GnROJwvzLS9hWDj00lZ6Z0wNak423Lp9PBZN05N+Jk/N5Si8jRAlGyWA==
-  dependencies:
-    loader-utils "^2.0.0"
-    mime-types "^2.1.27"
-    schema-utils "^3.0.0"
-
-url-parse@^1.5.10, url-parse@^1.5.3:
+url-parse@^1.5.3:
   version "1.5.10"
   resolved "https://registry.yarnpkg.com/url-parse/-/url-parse-1.5.10.tgz#9d3c2f736c1d75dd3bd2be507dcc111f1e2ea9c1"
   integrity sha512-WypcfiRhfeUP9vvF0j6rw0J3hrWrw6iZv3+22h6iRMJ/8z1Tj6XfLP4DsUix5MhMPnXpiHDoKyoZ/bdCkwBCiQ==
@@ -15046,101 +9495,25 @@ url-parse@^1.5.10, url-parse@^1.5.3:
     querystringify "^2.1.1"
     requires-port "^1.0.0"
 
-url@^0.11.0:
-  version "0.11.3"
-  resolved "https://registry.yarnpkg.com/url/-/url-0.11.3.tgz#6f495f4b935de40ce4a0a52faee8954244f3d3ad"
-  integrity sha512-6hxOLGfZASQK/cijlZnZJTq8OXAkt/3YGfQX45vvMYXpZoo8NdWZcY73K108Jf759lS1Bv/8wXnHDTSz17dSRw==
-  dependencies:
-    punycode "^1.4.1"
-    qs "^6.11.2"
-
-use@^3.1.0:
-  version "3.1.1"
-  resolved "https://registry.yarnpkg.com/use/-/use-3.1.1.tgz#d50c8cac79a19fbc20f2911f56eb973f4e10070f"
-  integrity sha512-cwESVXlO3url9YWlFW/TA9cshCEhtu7IKJ/p5soJ/gGpj7vbvFrAY/eIioQ6Dw23KjZhYgiIo8HOs1nQ2vr/oQ==
-
-util-deprecate@^1.0.1, util-deprecate@^1.0.2, util-deprecate@~1.0.1:
+util-deprecate@^1.0.1, util-deprecate@~1.0.1:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/util-deprecate/-/util-deprecate-1.0.2.tgz#450d4dc9fa70de732762fbd2d4a28981419a0ccf"
   integrity sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==
 
-util.promisify@1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/util.promisify/-/util.promisify-1.0.0.tgz#440f7165a459c9a16dc145eb8e72f35687097030"
-  integrity sha512-i+6qA2MPhvoKLuxnJNpXAGhg7HphQOSUq2LKMZD0m15EiskXUkMvKdF4Uui0WYeCUGea+o2cw/ZuwehtfsrNkA==
-  dependencies:
-    define-properties "^1.1.2"
-    object.getownpropertydescriptors "^2.0.3"
-
-util.promisify@~1.0.0:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/util.promisify/-/util.promisify-1.0.1.tgz#6baf7774b80eeb0f7520d8b81d07982a59abbaee"
-  integrity sha512-g9JpC/3He3bm38zsLupWryXHoEcS22YHthuPQSJdMy6KNrzIRzWqcsHzD/WUnqe45whVou4VIsPew37DoXWNrA==
-  dependencies:
-    define-properties "^1.1.3"
-    es-abstract "^1.17.2"
-    has-symbols "^1.0.1"
-    object.getownpropertydescriptors "^2.1.0"
-
-util@0.10.3:
-  version "0.10.3"
-  resolved "https://registry.yarnpkg.com/util/-/util-0.10.3.tgz#7afb1afe50805246489e3db7fe0ed379336ac0f9"
-  integrity sha512-5KiHfsmkqacuKjkRkdV7SsfDJ2EGiPsK92s2MhNSY0craxjTdKTtqKsJaCWp4LW33ZZ0OPUv1WO/TFvNQRiQxQ==
-  dependencies:
-    inherits "2.0.1"
-
-util@^0.10.4:
-  version "0.10.4"
-  resolved "https://registry.yarnpkg.com/util/-/util-0.10.4.tgz#3aa0125bfe668a4672de58857d3ace27ecb76901"
-  integrity sha512-0Pm9hTQ3se5ll1XihRic3FDIku70C+iHUdT/W926rSgHV5QgXsYbKZN8MSC3tJtSkhuROzvsQjAaFENRXr+19A==
-  dependencies:
-    inherits "2.0.3"
-
-util@^0.11.0:
-  version "0.11.1"
-  resolved "https://registry.yarnpkg.com/util/-/util-0.11.1.tgz#3236733720ec64bb27f6e26f421aaa2e1b588d61"
-  integrity sha512-HShAsny+zS2TZfaXxD9tYj4HQGlBezXZMZuM/S5PKLLoZkShZiGk9o5CzukI1LVHZvjdvZ2Sj1aW/Ndn2NB/HQ==
-  dependencies:
-    inherits "2.0.3"
-
-utila@~0.4:
-  version "0.4.0"
-  resolved "https://registry.yarnpkg.com/utila/-/utila-0.4.0.tgz#8a16a05d445657a3aea5eecc5b12a4fa5379772c"
-  integrity sha512-Z0DbgELS9/L/75wZbro8xAnT50pBVFQZ+hUEueGDU5FN51YSCYM+jdxsfCiHjwNP/4LCDD0i/graKpeBnOXKRA==
-
-utils-merge@1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/utils-merge/-/utils-merge-1.0.1.tgz#9f95710f50a267947b2ccc124741c1028427e713"
-  integrity sha512-pMZTvIkT1d+TFGvDOqodOclx0QWkkgi6Tdoa8gC8ffGAAqz9pzPTZWAybbsHHoED/ztMtkv/VoYTYyShUn81hA==
-
 uuid@^3.3.2:
   version "3.4.0"
   resolved "https://registry.yarnpkg.com/uuid/-/uuid-3.4.0.tgz#b23e4358afa8a202fe7a100af1f5f883f02007ee"
   integrity sha512-HjSDRw6gZE5JMggctHBcjVak08+KEVhSIiDzFnT9S9aegmp85S/bReBVTb4QTFaRNptJ9kuYaNhnbNEOkbKb/A==
 
-uuid@^8.3.0, uuid@^8.3.2:
-  version "8.3.2"
-  resolved "https://registry.yarnpkg.com/uuid/-/uuid-8.3.2.tgz#80d5b5ced271bb9af6c445f21a1a04c606cefbe2"
-  integrity sha512-+NYs2QeMWy+GWFOEm9xnn6HCDp0l7QBD7ml8zLUmJ+93Q5NF0NocErnwkTkXVFNiX3/fpC6afS8Dhb/gz7R7eg==
-
 v8-compile-cache@^2.0.3:
   version "2.4.0"
   resolved "https://registry.yarnpkg.com/v8-compile-cache/-/v8-compile-cache-2.4.0.tgz#cdada8bec61e15865f05d097c5f4fd30e94dc128"
   integrity sha512-ocyWc3bAHBB/guyqJQVI5o4BZkPhznPYUG2ea80Gond/BgNWpap8TOmLSeeQG7bnh2KMISxskdADG59j7zruhw==
 
-v8-to-istanbul@^7.0.0:
-  version "7.1.2"
-  resolved "https://registry.yarnpkg.com/v8-to-istanbul/-/v8-to-istanbul-7.1.2.tgz#30898d1a7fa0c84d225a2c1434fb958f290883c1"
-  integrity sha512-TxNb7YEUwkLXCQYeudi6lgQ/SZrzNO4kMdlqVxaZPUIUjCv6iSSypUQX70kNBSERpQ8fk48+d61FXk+tgqcWow==
-  dependencies:
-    "@types/istanbul-lib-coverage" "^2.0.1"
-    convert-source-map "^1.6.0"
-    source-map "^0.7.3"
-
-v8-to-istanbul@^9.0.0:
-  version "9.1.3"
-  resolved "https://registry.yarnpkg.com/v8-to-istanbul/-/v8-to-istanbul-9.1.3.tgz#ea456604101cd18005ac2cae3cdd1aa058a6306b"
-  integrity sha512-9lDD+EVI2fjFsMWXc6dy5JJzBsVTcQ2fVkfBvncZ6xJWG9wtBhOldG+mHkSL0+V1K/xgZz0JDO5UT5hFwHUghg==
+v8-to-istanbul@^9.0.1:
+  version "9.3.0"
+  resolved "https://registry.yarnpkg.com/v8-to-istanbul/-/v8-to-istanbul-9.3.0.tgz#b9572abfa62bd556c16d75fdebc1a411d5ff3175"
+  integrity sha512-kiGUalWN+rgBJ/1OHZsBtU4rXZOfj/7rKQxULKlIzwzQSvMJUUNgPwJEEh7gU6xEVxC0ahoOBvN2YI8GH6FNgA==
   dependencies:
     "@jridgewell/trace-mapping" "^0.3.12"
     "@types/istanbul-lib-coverage" "^2.0.1"
@@ -15161,16 +9534,6 @@ validate-npm-package-name@^3.0.0, validate-npm-package-name@~3.0.0:
   dependencies:
     builtins "^1.0.3"
 
-vary@~1.1.2:
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/vary/-/vary-1.1.2.tgz#2299f02c6ded30d4a5961b0b9f74524a18f634fc"
-  integrity sha512-BNGbWLfd0eUPabhkXUVm0j8uuvREyTh5ovRa/dyow/BqAbZJyC+5fU+IzQOzmAKzYqYRAISoRhdQr3eIZ/PXqg==
-
-vendors@^1.0.0:
-  version "1.0.4"
-  resolved "https://registry.yarnpkg.com/vendors/-/vendors-1.0.4.tgz#e2b800a53e7a29b93506c3cf41100d16c4c4ad8e"
-  integrity sha512-/juG65kTL4Cy2su4P8HjtkTxk6VmJDiOPBufWniqQ6wknac6jNiXS9vU+hO3wgusiyqWlzTbVHi0dyJqRONg3w==
-
 verror@1.10.0:
   version "1.10.0"
   resolved "https://registry.yarnpkg.com/verror/-/verror-1.10.0.tgz#3a105ca17053af55d6e270c1f8288682e18da400"
@@ -15180,60 +9543,66 @@ verror@1.10.0:
     core-util-is "1.0.2"
     extsprintf "^1.2.0"
 
-vfile-message@^2.0.0:
-  version "2.0.4"
-  resolved "https://registry.yarnpkg.com/vfile-message/-/vfile-message-2.0.4.tgz#5b43b88171d409eae58477d13f23dd41d52c371a"
-  integrity sha512-DjssxRGkMvifUOJre00juHoP9DPWuzjxKuMDrhNbk2TdaYYBNMStsNhEOt3idrtI12VQYM/1+iM0KOzXi4pxwQ==
+vfile-message@^4.0.0:
+  version "4.0.3"
+  resolved "https://registry.yarnpkg.com/vfile-message/-/vfile-message-4.0.3.tgz#87b44dddd7b70f0641c2e3ed0864ba73e2ea8df4"
+  integrity sha512-QTHzsGd1EhbZs4AsQ20JX1rC3cOlt/IWJruk893DfLRr57lcnOeMaWG4K0JrRta4mIJZKth2Au3mM3u03/JWKw==
   dependencies:
-    "@types/unist" "^2.0.0"
-    unist-util-stringify-position "^2.0.0"
+    "@types/unist" "^3.0.0"
+    unist-util-stringify-position "^4.0.0"
 
-vfile@^4.0.0:
-  version "4.2.1"
-  resolved "https://registry.yarnpkg.com/vfile/-/vfile-4.2.1.tgz#03f1dce28fc625c625bc6514350fbdb00fa9e624"
-  integrity sha512-O6AE4OskCG5S1emQ/4gl8zK586RqA3srz3nfK/Viy0UPToBc5Trp9BVFb1u0CjsKrAWwnpr4ifM/KBXPWwJbCA==
+vfile@^6.0.0:
+  version "6.0.3"
+  resolved "https://registry.yarnpkg.com/vfile/-/vfile-6.0.3.tgz#3652ab1c496531852bf55a6bac57af981ebc38ab"
+  integrity sha512-KzIbH/9tXat2u30jf+smMwFCsno4wHVdNmzFyL+T/L3UGqqk6JKfVqOFOZEpZSHADH1k40ab6NUIXZq422ov3Q==
   dependencies:
-    "@types/unist" "^2.0.0"
-    is-buffer "^2.0.0"
-    unist-util-stringify-position "^2.0.0"
-    vfile-message "^2.0.0"
-
-vm-browserify@^1.0.1:
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/vm-browserify/-/vm-browserify-1.1.2.tgz#78641c488b8e6ca91a75f511e7a3b32a86e5dda0"
-  integrity sha512-2ham8XPWTONajOR0ohOKOHXkm3+gaBmGut3SRuu75xLd/RRaY6vqgh8NBYYk7+RW3u5AtzPQZG8F10LHkl0lAQ==
+    "@types/unist" "^3.0.0"
+    vfile-message "^4.0.0"
 
-w3c-hr-time@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/w3c-hr-time/-/w3c-hr-time-1.0.2.tgz#0a89cdf5cc15822df9c360543676963e0cc308cd"
-  integrity sha512-z8P5DvDNjKDoFIHK7q8r8lackT6l+jo/Ye3HOle7l9nICP9lf1Ci25fy9vHd0JOWewkIFzXIEig3TdKT7JQ5fQ==
-  dependencies:
-    browser-process-hrtime "^1.0.0"
+vite-plugin-dts@^4.3.0:
+  version "4.5.4"
+  resolved "https://registry.yarnpkg.com/vite-plugin-dts/-/vite-plugin-dts-4.5.4.tgz#51b60aaaa760d9cf5c2bb3676c69d81910d6b08c"
+  integrity sha512-d4sOM8M/8z7vRXHHq/ebbblfaxENjogAAekcfcDCCwAyvGqnPrc7f4NZbvItS+g4WTgerW0xDwSz5qz11JT3vg==
+  dependencies:
+    "@microsoft/api-extractor" "^7.50.1"
+    "@rollup/pluginutils" "^5.1.4"
+    "@volar/typescript" "^2.4.11"
+    "@vue/language-core" "2.2.0"
+    compare-versions "^6.1.1"
+    debug "^4.4.0"
+    kolorist "^1.8.0"
+    local-pkg "^1.0.0"
+    magic-string "^0.30.17"
+
+vite@^5.4.10:
+  version "5.4.21"
+  resolved "https://registry.yarnpkg.com/vite/-/vite-5.4.21.tgz#84a4f7c5d860b071676d39ba513c0d598fdc7027"
+  integrity sha512-o5a9xKjbtuhY6Bi5S3+HvbRERmouabWbyUcpXXUA1u+GNUKoROi9byOJ8M0nHbHYHkYICiMlqxkg1KkYmm25Sw==
+  dependencies:
+    esbuild "^0.21.3"
+    postcss "^8.4.43"
+    rollup "^4.20.0"
+  optionalDependencies:
+    fsevents "~2.3.3"
 
-w3c-xmlserializer@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/w3c-xmlserializer/-/w3c-xmlserializer-2.0.0.tgz#3e7104a05b75146cc60f564380b7f683acf1020a"
-  integrity sha512-4tzD0mF8iSiMiNs30BiLO3EpfGLZUT2MSX/G+o7ZywDzliWQ3OPtTZ0PTC3B3ca1UAf4cJMHB+2Bf56EriJuRA==
-  dependencies:
-    xml-name-validator "^3.0.0"
+vscode-uri@^3.0.8:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/vscode-uri/-/vscode-uri-3.1.0.tgz#dd09ec5a66a38b5c3fffc774015713496d14e09c"
+  integrity sha512-/BpdSx+yCQGnCvecbyXdxHDkuk55/G3xwnC0GqY4gmQ3j+A+g8kzzgB4Nk/SINjqn6+waqw3EgbVF2QKExkRxQ==
 
-wait-on@7.2.0:
-  version "7.2.0"
-  resolved "https://registry.yarnpkg.com/wait-on/-/wait-on-7.2.0.tgz#d76b20ed3fc1e2bebc051fae5c1ff93be7892928"
-  integrity sha512-wCQcHkRazgjG5XoAq9jbTMLpNIjoSlZslrJ2+N9MxDsGEv1HnFoVjOCexL0ESva7Y9cu350j+DWADdk54s4AFQ==
+w3c-xmlserializer@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/w3c-xmlserializer/-/w3c-xmlserializer-4.0.0.tgz#aebdc84920d806222936e3cdce408e32488a3073"
+  integrity sha512-d+BFHzbiCx6zGfz0HyQ6Rg69w9k19nviJspaj4yNscGjrHu94sVP+aRm75yEbCh+r2/yR+7q6hux9LVtbuTGBw==
   dependencies:
-    axios "^1.6.1"
-    joi "^17.11.0"
-    lodash "^4.17.21"
-    minimist "^1.2.8"
-    rxjs "^7.8.1"
+    xml-name-validator "^4.0.0"
 
 walk-up-path@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/walk-up-path/-/walk-up-path-1.0.0.tgz#d4745e893dd5fd0dbb58dd0a4c6a33d9c9fec53e"
   integrity sha512-hwj/qMDUEjCU5h0xr90KGCf0tg0/LgJbmOWgrWKYlcJZM7XvquvUJZ0G/HMGr7F7OQMOUuPHWP9JpriinkAlkg==
 
-walker@^1.0.7, walker@~1.0.5:
+walker@^1.0.8:
   version "1.0.8"
   resolved "https://registry.yarnpkg.com/walker/-/walker-1.0.8.tgz#bd498db477afe573dc04185f011d3ab8a8d7653f"
   integrity sha512-ts/8E8l5b7kY0vlWLewOkDXMmPdLcVV4GmOQLyxuSswIJsweeFZtAsMF7k1Nszz+TYBQrlYRmzOnr398y1JemQ==
@@ -15247,32 +9616,7 @@ warning@^4.0.3:
   dependencies:
     loose-envify "^1.0.0"
 
-watchpack-chokidar2@^2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/watchpack-chokidar2/-/watchpack-chokidar2-2.0.1.tgz#38500072ee6ece66f3769936950ea1771be1c957"
-  integrity sha512-nCFfBIPKr5Sh61s4LPpy1Wtfi0HE8isJ3d2Yb5/Ppw2P2B/3eVSEBjKfN0fmHJSK14+31KwMKmcrzs2GM4P0Ww==
-  dependencies:
-    chokidar "^2.1.8"
-
-watchpack@^1.7.4:
-  version "1.7.5"
-  resolved "https://registry.yarnpkg.com/watchpack/-/watchpack-1.7.5.tgz#1267e6c55e0b9b5be44c2023aed5437a2c26c453"
-  integrity sha512-9P3MWk6SrKjHsGkLT2KHXdQ/9SNkyoJbabxnKOoJepsvJjJG8uYTR3yTPxPQvNDI3w4Nz1xnE0TLHK4RIVe/MQ==
-  dependencies:
-    graceful-fs "^4.1.2"
-    neo-async "^2.5.0"
-  optionalDependencies:
-    chokidar "^3.4.1"
-    watchpack-chokidar2 "^2.0.1"
-
-wbuf@^1.1.0, wbuf@^1.7.3:
-  version "1.7.3"
-  resolved "https://registry.yarnpkg.com/wbuf/-/wbuf-1.7.3.tgz#c1d8d149316d3ea852848895cb6a0bfe887b87df"
-  integrity sha512-O84QOnr0icsbFGLS0O3bI5FswxzRr8/gHwWkDlQFskhSPryQXvrTMxjxGP4+iWYoauLoBvfDpkrOauZ+0iZpDA==
-  dependencies:
-    minimalistic-assert "^1.0.0"
-
-wcwidth@^1.0.0, wcwidth@^1.0.1:
+wcwidth@^1.0.0:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/wcwidth/-/wcwidth-1.0.1.tgz#f0b0dcf915bc5ff1528afadb2c0e17b532da2fe8"
   integrity sha512-XHPEwS0q6TaxcvG85+8EYkbiCux2XtWG2mkc47Ng2A77BQu9+DqIOJldST4HgPkuea7dvKSj5VgX3P1d4rW8Tg==
@@ -15284,205 +9628,30 @@ webidl-conversions@^3.0.0:
   resolved "https://registry.yarnpkg.com/webidl-conversions/-/webidl-conversions-3.0.1.tgz#24534275e2a7bc6be7bc86611cc16ae0a5654871"
   integrity sha512-2JAn3z8AR6rjK8Sm8orRC0h/bcl/DqL7tRPdGZ4I1CjdF+EaMLmYxBHyXuKL849eucPFhvBoxMsflfOb8kxaeQ==
 
-webidl-conversions@^5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/webidl-conversions/-/webidl-conversions-5.0.0.tgz#ae59c8a00b121543a2acc65c0434f57b0fc11aff"
-  integrity sha512-VlZwKPCkYKxQgeSbH5EyngOmRp7Ww7I9rQLERETtf5ofd9pGeswWiOtogpEO850jziPRarreGxn5QIiTqpb2wA==
+webidl-conversions@^7.0.0:
+  version "7.0.0"
+  resolved "https://registry.yarnpkg.com/webidl-conversions/-/webidl-conversions-7.0.0.tgz#256b4e1882be7debbf01d05f0aa2039778ea080a"
+  integrity sha512-VwddBukDzu71offAQR975unBIGqfKZpM+8ZX6ySk8nYhVoo5CYaZyzt3YBvYtRtO+aoGlqxPg/B87NGVZ/fu6g==
 
-webidl-conversions@^6.1.0:
-  version "6.1.0"
-  resolved "https://registry.yarnpkg.com/webidl-conversions/-/webidl-conversions-6.1.0.tgz#9111b4d7ea80acd40f5270d666621afa78b69514"
-  integrity sha512-qBIvFLGiBpLjfwmYAaHPXsn+ho5xZnGvyGvsarywGNc8VyQJUMHJ8OBKGGrPER0okBeMDaan4mNBlgBROxuI8w==
-
-webpack-dev-middleware@^3.7.2:
-  version "3.7.3"
-  resolved "https://registry.yarnpkg.com/webpack-dev-middleware/-/webpack-dev-middleware-3.7.3.tgz#0639372b143262e2b84ab95d3b91a7597061c2c5"
-  integrity sha512-djelc/zGiz9nZj/U7PTBi2ViorGJXEWo/3ltkPbDyxCXhhEXkW0ce99falaok4TPj+AsxLiXJR0EBOb0zh9fKQ==
-  dependencies:
-    memory-fs "^0.4.1"
-    mime "^2.4.4"
-    mkdirp "^0.5.1"
-    range-parser "^1.2.1"
-    webpack-log "^2.0.0"
-
-webpack-dev-server@3.11.1:
-  version "3.11.1"
-  resolved "https://registry.yarnpkg.com/webpack-dev-server/-/webpack-dev-server-3.11.1.tgz#c74028bf5ba8885aaf230e48a20e8936ab8511f0"
-  integrity sha512-u4R3mRzZkbxQVa+MBWi2uVpB5W59H3ekZAJsQlKUTdl7Elcah2EhygTPLmeFXybQkf9i2+L0kn7ik9SnXa6ihQ==
-  dependencies:
-    ansi-html "0.0.7"
-    bonjour "^3.5.0"
-    chokidar "^2.1.8"
-    compression "^1.7.4"
-    connect-history-api-fallback "^1.6.0"
-    debug "^4.1.1"
-    del "^4.1.1"
-    express "^4.17.1"
-    html-entities "^1.3.1"
-    http-proxy-middleware "0.19.1"
-    import-local "^2.0.0"
-    internal-ip "^4.3.0"
-    ip "^1.1.5"
-    is-absolute-url "^3.0.3"
-    killable "^1.0.1"
-    loglevel "^1.6.8"
-    opn "^5.5.0"
-    p-retry "^3.0.1"
-    portfinder "^1.0.26"
-    schema-utils "^1.0.0"
-    selfsigned "^1.10.8"
-    semver "^6.3.0"
-    serve-index "^1.9.1"
-    sockjs "^0.3.21"
-    sockjs-client "^1.5.0"
-    spdy "^4.0.2"
-    strip-ansi "^3.0.1"
-    supports-color "^6.1.0"
-    url "^0.11.0"
-    webpack-dev-middleware "^3.7.2"
-    webpack-log "^2.0.0"
-    ws "^6.2.1"
-    yargs "^13.3.2"
-
-webpack-dev-server@^3.11.2:
-  version "3.11.3"
-  resolved "https://registry.yarnpkg.com/webpack-dev-server/-/webpack-dev-server-3.11.3.tgz#8c86b9d2812bf135d3c9bce6f07b718e30f7c3d3"
-  integrity sha512-3x31rjbEQWKMNzacUZRE6wXvUFuGpH7vr0lIEbYpMAG9BOxi0928QU1BBswOAP3kg3H1O4hiS+sq4YyAn6ANnA==
-  dependencies:
-    ansi-html-community "0.0.8"
-    bonjour "^3.5.0"
-    chokidar "^2.1.8"
-    compression "^1.7.4"
-    connect-history-api-fallback "^1.6.0"
-    debug "^4.1.1"
-    del "^4.1.1"
-    express "^4.17.1"
-    html-entities "^1.3.1"
-    http-proxy-middleware "0.19.1"
-    import-local "^2.0.0"
-    internal-ip "^4.3.0"
-    ip "^1.1.5"
-    is-absolute-url "^3.0.3"
-    killable "^1.0.1"
-    loglevel "^1.6.8"
-    opn "^5.5.0"
-    p-retry "^3.0.1"
-    portfinder "^1.0.26"
-    schema-utils "^1.0.0"
-    selfsigned "^1.10.8"
-    semver "^6.3.0"
-    serve-index "^1.9.1"
-    sockjs "^0.3.21"
-    sockjs-client "^1.5.0"
-    spdy "^4.0.2"
-    strip-ansi "^3.0.1"
-    supports-color "^6.1.0"
-    url "^0.11.0"
-    webpack-dev-middleware "^3.7.2"
-    webpack-log "^2.0.0"
-    ws "^6.2.1"
-    yargs "^13.3.2"
-
-webpack-log@^2.0.0:
+whatwg-encoding@^2.0.0:
   version "2.0.0"
-  resolved "https://registry.yarnpkg.com/webpack-log/-/webpack-log-2.0.0.tgz#5b7928e0637593f119d32f6227c1e0ac31e1b47f"
-  integrity sha512-cX8G2vR/85UYG59FgkoMamwHUIkSSlV3bBMRsbxVXVUk2j6NleCKjQ/WE9eYg9WY4w25O9w8wKP4rzNZFmUcUg==
-  dependencies:
-    ansi-colors "^3.0.0"
-    uuid "^3.3.2"
-
-webpack-manifest-plugin@2.2.0:
-  version "2.2.0"
-  resolved "https://registry.yarnpkg.com/webpack-manifest-plugin/-/webpack-manifest-plugin-2.2.0.tgz#19ca69b435b0baec7e29fbe90fb4015de2de4f16"
-  integrity sha512-9S6YyKKKh/Oz/eryM1RyLVDVmy3NSPV0JXMRhZ18fJsq+AwGxUY34X54VNwkzYcEmEkDwNxuEOboCZEebJXBAQ==
-  dependencies:
-    fs-extra "^7.0.0"
-    lodash ">=3.5 <5"
-    object.entries "^1.1.0"
-    tapable "^1.0.0"
-
-webpack-merge@^4.2.2:
-  version "4.2.2"
-  resolved "https://registry.yarnpkg.com/webpack-merge/-/webpack-merge-4.2.2.tgz#a27c52ea783d1398afd2087f547d7b9d2f43634d"
-  integrity sha512-TUE1UGoTX2Cd42j3krGYqObZbOD+xF7u28WB7tfUordytSjbWTIjK/8V0amkBfTYN4/pB/GIDlJZZ657BGG19g==
+  resolved "https://registry.yarnpkg.com/whatwg-encoding/-/whatwg-encoding-2.0.0.tgz#e7635f597fd87020858626805a2729fa7698ac53"
+  integrity sha512-p41ogyeMUrw3jWclHWTQg1k05DSVXPLcVxRTYsXUk+ZooOCZLcoYgPZ/HL/D/N+uQPOtcp1me1WhBEaX02mhWg==
   dependencies:
-    lodash "^4.17.15"
-
-webpack-sources@^1.1.0, webpack-sources@^1.3.0, webpack-sources@^1.4.0, webpack-sources@^1.4.1, webpack-sources@^1.4.3:
-  version "1.4.3"
-  resolved "https://registry.yarnpkg.com/webpack-sources/-/webpack-sources-1.4.3.tgz#eedd8ec0b928fbf1cbfe994e22d2d890f330a933"
-  integrity sha512-lgTS3Xhv1lCOKo7SA5TjKXMjpSM4sBjNV5+q2bqesbSPs5FjGmU6jjtBSkX9b4qW87vDIsCIlUPOEhbZrMdjeQ==
-  dependencies:
-    source-list-map "^2.0.0"
-    source-map "~0.6.1"
-
-webpack-sources@^2.0.1:
-  version "2.3.1"
-  resolved "https://registry.yarnpkg.com/webpack-sources/-/webpack-sources-2.3.1.tgz#570de0af163949fe272233c2cefe1b56f74511fd"
-  integrity sha512-y9EI9AO42JjEcrTJFOYmVywVZdKVUfOvDUPsJea5GIr1JOEGFVqwlY2K098fFoIjOkDzHn2AjRvM8dsBZu+gCA==
-  dependencies:
-    source-list-map "^2.0.1"
-    source-map "^0.6.1"
+    iconv-lite "0.6.3"
 
-webpack@4.44.2:
-  version "4.44.2"
-  resolved "https://registry.yarnpkg.com/webpack/-/webpack-4.44.2.tgz#6bfe2b0af055c8b2d1e90ed2cd9363f841266b72"
-  integrity sha512-6KJVGlCxYdISyurpQ0IPTklv+DULv05rs2hseIXer6D7KrUicRDLFb4IUM1S6LUAKypPM/nSiVSuv8jHu1m3/Q==
-  dependencies:
-    "@webassemblyjs/ast" "1.9.0"
-    "@webassemblyjs/helper-module-context" "1.9.0"
-    "@webassemblyjs/wasm-edit" "1.9.0"
-    "@webassemblyjs/wasm-parser" "1.9.0"
-    acorn "^6.4.1"
-    ajv "^6.10.2"
-    ajv-keywords "^3.4.1"
-    chrome-trace-event "^1.0.2"
-    enhanced-resolve "^4.3.0"
-    eslint-scope "^4.0.3"
-    json-parse-better-errors "^1.0.2"
-    loader-runner "^2.4.0"
-    loader-utils "^1.2.3"
-    memory-fs "^0.4.1"
-    micromatch "^3.1.10"
-    mkdirp "^0.5.3"
-    neo-async "^2.6.1"
-    node-libs-browser "^2.2.1"
-    schema-utils "^1.0.0"
-    tapable "^1.1.3"
-    terser-webpack-plugin "^1.4.3"
-    watchpack "^1.7.4"
-    webpack-sources "^1.4.1"
-
-websocket-driver@>=0.5.1, websocket-driver@^0.7.4:
-  version "0.7.4"
-  resolved "https://registry.yarnpkg.com/websocket-driver/-/websocket-driver-0.7.4.tgz#89ad5295bbf64b480abcba31e4953aca706f5760"
-  integrity sha512-b17KeDIQVjvb0ssuSDF2cYXSg2iztliJ4B9WdsuB6J952qCPKmnVq4DyW5motImXHDC1cBT/1UezrJVsKw5zjg==
-  dependencies:
-    http-parser-js ">=0.5.1"
-    safe-buffer ">=5.1.0"
-    websocket-extensions ">=0.1.1"
-
-websocket-extensions@>=0.1.1:
-  version "0.1.4"
-  resolved "https://registry.yarnpkg.com/websocket-extensions/-/websocket-extensions-0.1.4.tgz#7f8473bc839dfd87608adb95d7eb075211578a42"
-  integrity sha512-OqedPIGOfsDlo31UNwYbCFMSaO9m9G/0faIHj5/dZFDMFqPTcx6UwqyOy3COEaEOg/9VsGIpdqn62W5KhoKSpg==
+whatwg-mimetype@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/whatwg-mimetype/-/whatwg-mimetype-3.0.0.tgz#5fa1a7623867ff1af6ca3dc72ad6b8a4208beba7"
+  integrity sha512-nt+N2dzIutVRxARx1nghPKGv1xHikU7HKdfafKkLNLindmPU/ch3U31NOCGGA/dmPcmb1VlofO0vnKAcsm0o/Q==
 
-whatwg-encoding@^1.0.5:
-  version "1.0.5"
-  resolved "https://registry.yarnpkg.com/whatwg-encoding/-/whatwg-encoding-1.0.5.tgz#5abacf777c32166a51d085d6b4f3e7d27113ddb0"
-  integrity sha512-b5lim54JOPN9HtzvK9HFXvBma/rnfFeqsic0hSpjtDbVxR3dJKLc+KB4V6GgiGOvl7CY/KNh8rxSo9DKQrnUEw==
+whatwg-url@^11.0.0:
+  version "11.0.0"
+  resolved "https://registry.yarnpkg.com/whatwg-url/-/whatwg-url-11.0.0.tgz#0a849eebb5faf2119b901bb76fd795c2848d4018"
+  integrity sha512-RKT8HExMpoYx4igMiVMY83lN6UeITKJlBQ+vR/8ZJ8OCdSiN3RwCq+9gH0+Xzj0+5IrM6i4j/6LuvzbZIQgEcQ==
   dependencies:
-    iconv-lite "0.4.24"
-
-whatwg-fetch@^3.4.1:
-  version "3.6.19"
-  resolved "https://registry.yarnpkg.com/whatwg-fetch/-/whatwg-fetch-3.6.19.tgz#caefd92ae630b91c07345537e67f8354db470973"
-  integrity sha512-d67JP4dHSbm2TrpFj8AbO8DnL1JXL5J9u0Kq2xW6d0TFDbCA3Muhdt8orXC22utleTVj7Prqt82baN6RBvnEgw==
-
-whatwg-mimetype@^2.3.0:
-  version "2.3.0"
-  resolved "https://registry.yarnpkg.com/whatwg-mimetype/-/whatwg-mimetype-2.3.0.tgz#3d4b1e0312d2079879f826aff18dbeeca5960fbf"
-  integrity sha512-M4yMwr6mAnQz76TbJm914+gPpB/nCwvZbJU28cUD6dR004SAxDLOOSUaB1JDRqLtaOV/vi0IC5lEAGFgrjGv/g==
+    tr46 "^3.0.0"
+    webidl-conversions "^7.0.0"
 
 whatwg-url@^5.0.0:
   version "5.0.0"
@@ -15492,15 +9661,6 @@ whatwg-url@^5.0.0:
     tr46 "~0.0.3"
     webidl-conversions "^3.0.0"
 
-whatwg-url@^8.0.0, whatwg-url@^8.5.0:
-  version "8.7.0"
-  resolved "https://registry.yarnpkg.com/whatwg-url/-/whatwg-url-8.7.0.tgz#656a78e510ff8f3937bc0bcbe9f5c0ac35941b77"
-  integrity sha512-gAojqb/m9Q8a5IV96E3fHJM70AzCkgt4uXYX2O7EmuyOnLrViCQlsEBmF9UQIu3/aeAIp2U17rtbpZWNntQqdg==
-  dependencies:
-    lodash "^4.7.0"
-    tr46 "^2.1.0"
-    webidl-conversions "^6.1.0"
-
 which-boxed-primitive@^1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/which-boxed-primitive/-/which-boxed-primitive-1.0.2.tgz#13757bc89b209b049fe5d86430e21cf40a89a8e6"
@@ -15540,11 +9700,6 @@ which-collection@^1.0.1:
     is-weakmap "^2.0.1"
     is-weakset "^2.0.1"
 
-which-module@^2.0.0:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/which-module/-/which-module-2.0.1.tgz#776b1fe35d90aebe99e8ac15eb24093389a4a409"
-  integrity sha512-iBdZ57RDvnOR9AGBhML2vFZf7h8vmBjhoaZqODJBFWHVtKkDmKuHai3cx5PgVMrX5YDNp27AofYbAwctSS+vhQ==
-
 which-typed-array@^1.1.11, which-typed-array@^1.1.13, which-typed-array@^1.1.9:
   version "1.1.13"
   resolved "https://registry.yarnpkg.com/which-typed-array/-/which-typed-array-1.1.13.tgz#870cd5be06ddb616f504e7b039c4c24898184d36"
@@ -15556,26 +9711,6 @@ which-typed-array@^1.1.11, which-typed-array@^1.1.13, which-typed-array@^1.1.9:
     gopd "^1.0.1"
     has-tostringtag "^1.0.0"
 
-which-typed-array@^1.1.16:
-  version "1.1.19"
-  resolved "https://registry.yarnpkg.com/which-typed-array/-/which-typed-array-1.1.19.tgz#df03842e870b6b88e117524a4b364b6fc689f956"
-  integrity sha512-rEvr90Bck4WZt9HHFC4DJMsjvu7x+r6bImz0/BrbWb7A2djJ8hnZMrWnHo9F8ssv0OMErasDhftrfROTyqSDrw==
-  dependencies:
-    available-typed-arrays "^1.0.7"
-    call-bind "^1.0.8"
-    call-bound "^1.0.4"
-    for-each "^0.3.5"
-    get-proto "^1.0.1"
-    gopd "^1.2.0"
-    has-tostringtag "^1.0.2"
-
-which@^1.2.9, which@^1.3.1:
-  version "1.3.1"
-  resolved "https://registry.yarnpkg.com/which/-/which-1.3.1.tgz#a45043d54f5805316da8d62f9f50918d3da70b0a"
-  integrity sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ==
-  dependencies:
-    isexe "^2.0.0"
-
 which@^2.0.1, which@^2.0.2:
   version "2.0.2"
   resolved "https://registry.yarnpkg.com/which/-/which-2.0.2.tgz#7c6a8dd0a636a0327e10b59c9286eee93f3f51b1"
@@ -15590,201 +9725,11 @@ wide-align@^1.1.0, wide-align@^1.1.2:
   dependencies:
     string-width "^1.0.2 || 2 || 3 || 4"
 
-word-wrap@~1.2.3:
-  version "1.2.5"
-  resolved "https://registry.yarnpkg.com/word-wrap/-/word-wrap-1.2.5.tgz#d2c45c6dd4fbce621a66f136cbe328afd0410b34"
-  integrity sha512-BN22B5eaMMI9UMtjrGd5g5eCYPpCPDUy0FJXbYsaT5zYxjFOckS53SQDE3pWkVoWpHXVb3BrYcEN4Twa55B5cA==
-
 wordwrap@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/wordwrap/-/wordwrap-1.0.0.tgz#27584810891456a4171c8d0226441ade90cbcaeb"
   integrity sha512-gvVzJFlPycKc5dZN4yPkP8w7Dc37BtP1yczEneOb4uq34pXZcvrtRTmWV8W+Ume+XCxKgbjM+nevkyFPMybd4Q==
 
-workbox-background-sync@^5.1.4:
-  version "5.1.4"
-  resolved "https://registry.yarnpkg.com/workbox-background-sync/-/workbox-background-sync-5.1.4.tgz#5ae0bbd455f4e9c319e8d827c055bb86c894fd12"
-  integrity sha512-AH6x5pYq4vwQvfRDWH+vfOePfPIYQ00nCEB7dJRU1e0n9+9HMRyvI63FlDvtFT2AvXVRsXvUt7DNMEToyJLpSA==
-  dependencies:
-    workbox-core "^5.1.4"
-
-workbox-broadcast-update@^5.1.4:
-  version "5.1.4"
-  resolved "https://registry.yarnpkg.com/workbox-broadcast-update/-/workbox-broadcast-update-5.1.4.tgz#0eeb89170ddca7f6914fa3523fb14462891f2cfc"
-  integrity sha512-HTyTWkqXvHRuqY73XrwvXPud/FN6x3ROzkfFPsRjtw/kGZuZkPzfeH531qdUGfhtwjmtO/ZzXcWErqVzJNdXaA==
-  dependencies:
-    workbox-core "^5.1.4"
-
-workbox-build@^5.1.4:
-  version "5.1.4"
-  resolved "https://registry.yarnpkg.com/workbox-build/-/workbox-build-5.1.4.tgz#23d17ed5c32060c363030c8823b39d0eabf4c8c7"
-  integrity sha512-xUcZn6SYU8usjOlfLb9Y2/f86Gdo+fy1fXgH8tJHjxgpo53VVsqRX0lUDw8/JuyzNmXuo8vXX14pXX2oIm9Bow==
-  dependencies:
-    "@babel/core" "^7.8.4"
-    "@babel/preset-env" "^7.8.4"
-    "@babel/runtime" "^7.8.4"
-    "@hapi/joi" "^15.1.0"
-    "@rollup/plugin-node-resolve" "^7.1.1"
-    "@rollup/plugin-replace" "^2.3.1"
-    "@surma/rollup-plugin-off-main-thread" "^1.1.1"
-    common-tags "^1.8.0"
-    fast-json-stable-stringify "^2.1.0"
-    fs-extra "^8.1.0"
-    glob "^7.1.6"
-    lodash.template "^4.5.0"
-    pretty-bytes "^5.3.0"
-    rollup "^1.31.1"
-    rollup-plugin-babel "^4.3.3"
-    rollup-plugin-terser "^5.3.1"
-    source-map "^0.7.3"
-    source-map-url "^0.4.0"
-    stringify-object "^3.3.0"
-    strip-comments "^1.0.2"
-    tempy "^0.3.0"
-    upath "^1.2.0"
-    workbox-background-sync "^5.1.4"
-    workbox-broadcast-update "^5.1.4"
-    workbox-cacheable-response "^5.1.4"
-    workbox-core "^5.1.4"
-    workbox-expiration "^5.1.4"
-    workbox-google-analytics "^5.1.4"
-    workbox-navigation-preload "^5.1.4"
-    workbox-precaching "^5.1.4"
-    workbox-range-requests "^5.1.4"
-    workbox-routing "^5.1.4"
-    workbox-strategies "^5.1.4"
-    workbox-streams "^5.1.4"
-    workbox-sw "^5.1.4"
-    workbox-window "^5.1.4"
-
-workbox-cacheable-response@^5.1.4:
-  version "5.1.4"
-  resolved "https://registry.yarnpkg.com/workbox-cacheable-response/-/workbox-cacheable-response-5.1.4.tgz#9ff26e1366214bdd05cf5a43da9305b274078a54"
-  integrity sha512-0bfvMZs0Of1S5cdswfQK0BXt6ulU5kVD4lwer2CeI+03czHprXR3V4Y8lPTooamn7eHP8Iywi5QjyAMjw0qauA==
-  dependencies:
-    workbox-core "^5.1.4"
-
-workbox-core@^5.1.4:
-  version "5.1.4"
-  resolved "https://registry.yarnpkg.com/workbox-core/-/workbox-core-5.1.4.tgz#8bbfb2362ecdff30e25d123c82c79ac65d9264f4"
-  integrity sha512-+4iRQan/1D8I81nR2L5vcbaaFskZC2CL17TLbvWVzQ4qiF/ytOGF6XeV54pVxAvKUtkLANhk8TyIUMtiMw2oDg==
-
-workbox-expiration@^5.1.4:
-  version "5.1.4"
-  resolved "https://registry.yarnpkg.com/workbox-expiration/-/workbox-expiration-5.1.4.tgz#92b5df461e8126114943a3b15c55e4ecb920b163"
-  integrity sha512-oDO/5iC65h2Eq7jctAv858W2+CeRW5e0jZBMNRXpzp0ZPvuT6GblUiHnAsC5W5lANs1QS9atVOm4ifrBiYY7AQ==
-  dependencies:
-    workbox-core "^5.1.4"
-
-workbox-google-analytics@^5.1.4:
-  version "5.1.4"
-  resolved "https://registry.yarnpkg.com/workbox-google-analytics/-/workbox-google-analytics-5.1.4.tgz#b3376806b1ac7d7df8418304d379707195fa8517"
-  integrity sha512-0IFhKoEVrreHpKgcOoddV+oIaVXBFKXUzJVBI+nb0bxmcwYuZMdteBTp8AEDJacENtc9xbR0wa9RDCnYsCDLjA==
-  dependencies:
-    workbox-background-sync "^5.1.4"
-    workbox-core "^5.1.4"
-    workbox-routing "^5.1.4"
-    workbox-strategies "^5.1.4"
-
-workbox-navigation-preload@^5.1.4:
-  version "5.1.4"
-  resolved "https://registry.yarnpkg.com/workbox-navigation-preload/-/workbox-navigation-preload-5.1.4.tgz#30d1b720d26a05efc5fa11503e5cc1ed5a78902a"
-  integrity sha512-Wf03osvK0wTflAfKXba//QmWC5BIaIZARU03JIhAEO2wSB2BDROWI8Q/zmianf54kdV7e1eLaIEZhth4K4MyfQ==
-  dependencies:
-    workbox-core "^5.1.4"
-
-workbox-precaching@^5.1.4:
-  version "5.1.4"
-  resolved "https://registry.yarnpkg.com/workbox-precaching/-/workbox-precaching-5.1.4.tgz#874f7ebdd750dd3e04249efae9a1b3f48285fe6b"
-  integrity sha512-gCIFrBXmVQLFwvAzuGLCmkUYGVhBb7D1k/IL7pUJUO5xacjLcFUaLnnsoVepBGAiKw34HU1y/YuqvTKim9qAZA==
-  dependencies:
-    workbox-core "^5.1.4"
-
-workbox-range-requests@^5.1.4:
-  version "5.1.4"
-  resolved "https://registry.yarnpkg.com/workbox-range-requests/-/workbox-range-requests-5.1.4.tgz#7066a12c121df65bf76fdf2b0868016aa2bab859"
-  integrity sha512-1HSujLjgTeoxHrMR2muDW2dKdxqCGMc1KbeyGcmjZZAizJTFwu7CWLDmLv6O1ceWYrhfuLFJO+umYMddk2XMhw==
-  dependencies:
-    workbox-core "^5.1.4"
-
-workbox-routing@^5.1.4:
-  version "5.1.4"
-  resolved "https://registry.yarnpkg.com/workbox-routing/-/workbox-routing-5.1.4.tgz#3e8cd86bd3b6573488d1a2ce7385e547b547e970"
-  integrity sha512-8ljknRfqE1vEQtnMtzfksL+UXO822jJlHTIR7+BtJuxQ17+WPZfsHqvk1ynR/v0EHik4x2+826Hkwpgh4GKDCw==
-  dependencies:
-    workbox-core "^5.1.4"
-
-workbox-strategies@^5.1.4:
-  version "5.1.4"
-  resolved "https://registry.yarnpkg.com/workbox-strategies/-/workbox-strategies-5.1.4.tgz#96b1418ccdfde5354612914964074d466c52d08c"
-  integrity sha512-VVS57LpaJTdjW3RgZvPwX0NlhNmscR7OQ9bP+N/34cYMDzXLyA6kqWffP6QKXSkca1OFo/v6v7hW7zrrguo6EA==
-  dependencies:
-    workbox-core "^5.1.4"
-    workbox-routing "^5.1.4"
-
-workbox-streams@^5.1.4:
-  version "5.1.4"
-  resolved "https://registry.yarnpkg.com/workbox-streams/-/workbox-streams-5.1.4.tgz#05754e5e3667bdc078df2c9315b3f41210d8cac0"
-  integrity sha512-xU8yuF1hI/XcVhJUAfbQLa1guQUhdLMPQJkdT0kn6HP5CwiPOGiXnSFq80rAG4b1kJUChQQIGPrq439FQUNVrw==
-  dependencies:
-    workbox-core "^5.1.4"
-    workbox-routing "^5.1.4"
-
-workbox-sw@^5.1.4:
-  version "5.1.4"
-  resolved "https://registry.yarnpkg.com/workbox-sw/-/workbox-sw-5.1.4.tgz#2bb34c9f7381f90d84cef644816d45150011d3db"
-  integrity sha512-9xKnKw95aXwSNc8kk8gki4HU0g0W6KXu+xks7wFuC7h0sembFnTrKtckqZxbSod41TDaGh+gWUA5IRXrL0ECRA==
-
-workbox-webpack-plugin@5.1.4:
-  version "5.1.4"
-  resolved "https://registry.yarnpkg.com/workbox-webpack-plugin/-/workbox-webpack-plugin-5.1.4.tgz#7bfe8c16e40fe9ed8937080ac7ae9c8bde01e79c"
-  integrity sha512-PZafF4HpugZndqISi3rZ4ZK4A4DxO8rAqt2FwRptgsDx7NF8TVKP86/huHquUsRjMGQllsNdn4FNl8CD/UvKmQ==
-  dependencies:
-    "@babel/runtime" "^7.5.5"
-    fast-json-stable-stringify "^2.0.0"
-    source-map-url "^0.4.0"
-    upath "^1.1.2"
-    webpack-sources "^1.3.0"
-    workbox-build "^5.1.4"
-
-workbox-window@^5.1.4:
-  version "5.1.4"
-  resolved "https://registry.yarnpkg.com/workbox-window/-/workbox-window-5.1.4.tgz#2740f7dea7f93b99326179a62f1cc0ca2c93c863"
-  integrity sha512-vXQtgTeMCUq/4pBWMfQX8Ee7N2wVC4Q7XYFqLnfbXJ2hqew/cU1uMTD2KqGEgEpE4/30luxIxgE+LkIa8glBYw==
-  dependencies:
-    workbox-core "^5.1.4"
-
-worker-farm@^1.7.0:
-  version "1.7.0"
-  resolved "https://registry.yarnpkg.com/worker-farm/-/worker-farm-1.7.0.tgz#26a94c5391bbca926152002f69b84a4bf772e5a8"
-  integrity sha512-rvw3QTZc8lAxyVrqcSGVm5yP/IJ2UcB3U0graE3LCFoZ0Yn2x4EoVSqJKdB/T5M+FLcRPjz4TDacRf3OCfNUzw==
-  dependencies:
-    errno "~0.1.7"
-
-worker-rpc@^0.1.0:
-  version "0.1.1"
-  resolved "https://registry.yarnpkg.com/worker-rpc/-/worker-rpc-0.1.1.tgz#cb565bd6d7071a8f16660686051e969ad32f54d5"
-  integrity sha512-P1WjMrUB3qgJNI9jfmpZ/htmBEjFh//6l/5y8SD9hg1Ef5zTTVVoRjTrTEzPrNBQvmhMxkoTsjOXN10GWU7aCg==
-  dependencies:
-    microevent.ts "~0.1.1"
-
-wrap-ansi@^5.1.0:
-  version "5.1.0"
-  resolved "https://registry.yarnpkg.com/wrap-ansi/-/wrap-ansi-5.1.0.tgz#1fd1f67235d5b6d0fee781056001bfb694c03b09"
-  integrity sha512-QC1/iN/2/RPVJ5jYK8BGttj5z83LmSKmvbvrXPNCLZSEb32KKVDJDl/MOt2N01qU2H/FkzEa9PKto1BqDjtd7Q==
-  dependencies:
-    ansi-styles "^3.2.0"
-    string-width "^3.0.0"
-    strip-ansi "^5.0.0"
-
-wrap-ansi@^6.2.0:
-  version "6.2.0"
-  resolved "https://registry.yarnpkg.com/wrap-ansi/-/wrap-ansi-6.2.0.tgz#e9393ba07102e6c91a3b221478f0257cd2856e53"
-  integrity sha512-r6lPcBGxZXlIcymEu7InxDMhdW0KDxpLgoFLcguasxCaJ/SOIZwINatK9KY/tf+ZrlywOKU0UDj3ATXUBfxJXA==
-  dependencies:
-    ansi-styles "^4.0.0"
-    string-width "^4.1.0"
-    strip-ansi "^6.0.0"
-
 wrap-ansi@^7.0.0:
   version "7.0.0"
   resolved "https://registry.yarnpkg.com/wrap-ansi/-/wrap-ansi-7.0.0.tgz#67e145cff510a6a6984bdf1152911d69d2eb9e43"
@@ -15799,7 +9744,7 @@ wrappy@1:
   resolved "https://registry.yarnpkg.com/wrappy/-/wrappy-1.0.2.tgz#b5243d8f3ec1aa35f1364605bc0d1036e30ab69f"
   integrity sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==
 
-write-file-atomic@^3.0.0, write-file-atomic@^3.0.3:
+write-file-atomic@^3.0.3:
   version "3.0.3"
   resolved "https://registry.yarnpkg.com/write-file-atomic/-/write-file-atomic-3.0.3.tgz#56bd5c5a5c70481cd19c571bd39ab965a5de56e8"
   integrity sha512-AvHcyZ5JnSfq3ioSyjrBkH9yW4m7Ayk8/9My/DD9onKeu/94fwrMocemO2QAJFAlnnDN+ZDS+ZjAR5ua1/PV/Q==
@@ -15809,38 +9754,34 @@ write-file-atomic@^3.0.0, write-file-atomic@^3.0.3:
     signal-exit "^3.0.2"
     typedarray-to-buffer "^3.1.5"
 
-ws@^6.2.1:
-  version "6.2.2"
-  resolved "https://registry.yarnpkg.com/ws/-/ws-6.2.2.tgz#dd5cdbd57a9979916097652d78f1cc5faea0c32e"
-  integrity sha512-zmhltoSR8u1cnDsD43TX59mzoMZsLKqUweyYBAIvTngR3shc0W6aOZylZmq/7hqyVxPdi+5Ud2QInblgyE72fw==
+write-file-atomic@^4.0.2:
+  version "4.0.2"
+  resolved "https://registry.yarnpkg.com/write-file-atomic/-/write-file-atomic-4.0.2.tgz#a9df01ae5b77858a027fd2e80768ee433555fcfd"
+  integrity sha512-7KxauUdBmSdWnmpaGFg+ppNjKF8uNLry8LyzjauQDOVONfFLNKrKvQOxZ/VuTIcS/gge/YNahf5RIIQWTSarlg==
   dependencies:
-    async-limiter "~1.0.0"
+    imurmurhash "^0.1.4"
+    signal-exit "^3.0.7"
 
-ws@^7.4.6:
-  version "7.5.9"
-  resolved "https://registry.yarnpkg.com/ws/-/ws-7.5.9.tgz#54fa7db29f4c7cec68b1ddd3a89de099942bb591"
-  integrity sha512-F+P9Jil7UiSKSkppIiD94dN07AwvFixvLIj1Og1Rl9GGMuNipJnV9JzjD6XuqmAeiswGvUmNLjr5cFuXwNS77Q==
+ws@^8.11.0:
+  version "8.20.0"
+  resolved "https://registry.yarnpkg.com/ws/-/ws-8.20.0.tgz#4cd9532358eba60bc863aad1623dfb045a4d4af8"
+  integrity sha512-sAt8BhgNbzCtgGbt2OxmpuryO63ZoDk/sqaB/znQm94T4fCEsy/yV+7CdC1kJhOU9lboAEU7R3kquuycDoibVA==
 
-xml-name-validator@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/xml-name-validator/-/xml-name-validator-3.0.0.tgz#6ae73e06de4d8c6e47f9fb181f78d648ad457c6a"
-  integrity sha512-A5CUptxDsvxKJEU3yO6DuWBSJz/qizqzJKOMIfUJHETbBw/sFaDxgd6fxm1ewUaM0jZ444Fc5vC5ROYurg/4Pw==
+xml-name-validator@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/xml-name-validator/-/xml-name-validator-4.0.0.tgz#79a006e2e63149a8600f15430f0a4725d1524835"
+  integrity sha512-ICP2e+jsHvAj2E2lIHxa5tjXRlKDJo4IdvPvCXbXQGdzSfmSpNVyIKMvoZHjDY9DP0zV17iI85o90vRFXNccRw==
 
 xmlchars@^2.2.0:
   version "2.2.0"
   resolved "https://registry.yarnpkg.com/xmlchars/-/xmlchars-2.2.0.tgz#060fe1bcb7f9c76fe2a17db86a9bc3ab894210cb"
   integrity sha512-JZnDKK8B0RCDw84FNdDAIpZK+JuJw+s7Lz8nksI7SIuU3UXJJslUthsi+uWBUYOwPFwW7W7PRLRfUKpxjtjFCw==
 
-xtend@^4.0.0, xtend@~4.0.1:
+xtend@~4.0.1:
   version "4.0.2"
   resolved "https://registry.yarnpkg.com/xtend/-/xtend-4.0.2.tgz#bb72779f5fa465186b1f438f674fa347fdb5db54"
   integrity sha512-LKYU1iAXJXUgAXn9URjiu+MWhyUXHsvfp7mcuYm9dSUKK0/CjtrUwFAxD82/mCWbtLsGjFIad0wIsod4zrTAEQ==
 
-y18n@^4.0.0:
-  version "4.0.3"
-  resolved "https://registry.yarnpkg.com/y18n/-/y18n-4.0.3.tgz#b5f259c82cd6e336921efd7bfd8bf560de9eeedf"
-  integrity sha512-JKhqTOwSrqNA1NY5lSztJ1GrBiUodLMmIZuLiDaMRJ+itFd+ABVE8XBjOvIWL+rSqNDC74LCSFmlb/U4UZ4hJQ==
-
 y18n@^5.0.5:
   version "5.0.8"
   resolved "https://registry.yarnpkg.com/y18n/-/y18n-5.0.8.tgz#7f4934d0f7ca8c56f95314939ddcd2dd91ce1d55"
@@ -15856,64 +9797,20 @@ yallist@^4.0.0:
   resolved "https://registry.yarnpkg.com/yallist/-/yallist-4.0.0.tgz#9bb92790d9c0effec63be73519e11a35019a3a72"
   integrity sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==
 
-yaml@^1.10.0, yaml@^1.7.2:
+yaml@^1.10.0:
   version "1.10.2"
   resolved "https://registry.yarnpkg.com/yaml/-/yaml-1.10.2.tgz#2301c5ffbf12b467de8da2333a459e29e7920e4b"
   integrity sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==
 
-yargs-parser@^13.1.2:
-  version "13.1.2"
-  resolved "https://registry.yarnpkg.com/yargs-parser/-/yargs-parser-13.1.2.tgz#130f09702ebaeef2650d54ce6e3e5706f7a4fb38"
-  integrity sha512-3lbsNRf/j+A4QuSZfDRA7HRSfWrzO0YjqTJd5kjAq37Zep1CEgaYmrH9Q3GwPiB9cHyd1Y1UwggGhJGoxipbzg==
-  dependencies:
-    camelcase "^5.0.0"
-    decamelize "^1.2.0"
-
-yargs-parser@^18.1.2:
-  version "18.1.3"
-  resolved "https://registry.yarnpkg.com/yargs-parser/-/yargs-parser-18.1.3.tgz#be68c4975c6b2abf469236b0c870362fab09a7b0"
-  integrity sha512-o50j0JeToy/4K6OZcaQmW6lyXXKhq7csREXcDwk2omFPJEwUNOVtJKvmDr9EI1fAJZUyZcRF7kxGBWmRXudrCQ==
-  dependencies:
-    camelcase "^5.0.0"
-    decamelize "^1.2.0"
-
-yargs-parser@^20.2.2, yargs-parser@^20.2.3, yargs-parser@^20.2.9:
+yargs-parser@^20.2.2, yargs-parser@^20.2.3:
   version "20.2.9"
   resolved "https://registry.yarnpkg.com/yargs-parser/-/yargs-parser-20.2.9.tgz#2eb7dc3b0289718fc295f362753845c41a0c94ee"
   integrity sha512-y11nGElTIV+CT3Zv9t7VKl+Q3hTQoT9a1Qzezhhl6Rp21gJ/IVTW7Z3y9EWXhuUBC2Shnf+DX0antecpAwSP8w==
 
-yargs@^13.3.2:
-  version "13.3.2"
-  resolved "https://registry.yarnpkg.com/yargs/-/yargs-13.3.2.tgz#ad7ffefec1aa59565ac915f82dccb38a9c31a2dd"
-  integrity sha512-AX3Zw5iPruN5ie6xGRIDgqkT+ZhnRlZMLMHAs8tg7nRruy2Nb+i5o9bwghAogtM08q1dpr2LVoS8KSTMYpWXUw==
-  dependencies:
-    cliui "^5.0.0"
-    find-up "^3.0.0"
-    get-caller-file "^2.0.1"
-    require-directory "^2.1.1"
-    require-main-filename "^2.0.0"
-    set-blocking "^2.0.0"
-    string-width "^3.0.0"
-    which-module "^2.0.0"
-    y18n "^4.0.0"
-    yargs-parser "^13.1.2"
-
-yargs@^15.4.1:
-  version "15.4.1"
-  resolved "https://registry.yarnpkg.com/yargs/-/yargs-15.4.1.tgz#0d87a16de01aee9d8bec2bfbf74f67851730f4f8"
-  integrity sha512-aePbxDmcYW++PaqBsJ+HYUFwCdv4LVvdnhBy78E57PIor8/OVvhMrADFFEDh8DHDFRv/O9i3lPhsENjO7QX0+A==
-  dependencies:
-    cliui "^6.0.0"
-    decamelize "^1.2.0"
-    find-up "^4.1.0"
-    get-caller-file "^2.0.1"
-    require-directory "^2.1.1"
-    require-main-filename "^2.0.0"
-    set-blocking "^2.0.0"
-    string-width "^4.2.0"
-    which-module "^2.0.0"
-    y18n "^4.0.0"
-    yargs-parser "^18.1.2"
+yargs-parser@^21.1.1:
+  version "21.1.1"
+  resolved "https://registry.yarnpkg.com/yargs-parser/-/yargs-parser-21.1.1.tgz#9096bceebf990d21bb31fa9516e0ede294a77d35"
+  integrity sha512-tVpsJW7DdjecAiFpbIB1e3qxIQsE6NoPc5/eTdrbbIC4h0LVsWhnoa3g+m2HclBIujHzsxZ4VJVA+GUuc2/LBw==
 
 yargs@^16.2.0:
   version "16.2.0"
@@ -15928,6 +9825,19 @@ yargs@^16.2.0:
     y18n "^5.0.5"
     yargs-parser "^20.2.2"
 
+yargs@^17.3.1:
+  version "17.7.2"
+  resolved "https://registry.yarnpkg.com/yargs/-/yargs-17.7.2.tgz#991df39aca675a192b816e1e0363f9d75d2aa269"
+  integrity sha512-7dSzzRQ++CKnNI/krKnYRV7JKKPUXMEh61soaHKg9mrWEhzFWhFnxPxGl+69cD1Ou63C13NUPCnmIcrvqCuM6w==
+  dependencies:
+    cliui "^8.0.1"
+    escalade "^3.1.1"
+    get-caller-file "^2.0.5"
+    require-directory "^2.1.1"
+    string-width "^4.2.3"
+    y18n "^5.0.5"
+    yargs-parser "^21.1.1"
+
 yocto-queue@^0.1.0:
   version "0.1.0"
   resolved "https://registry.yarnpkg.com/yocto-queue/-/yocto-queue-0.1.0.tgz#0294eb3dee05028d31ee1a5fa2c556a6aaf10a1b"
@@ -15952,7 +9862,7 @@ yup@^1.4.0:
     toposort "^2.0.2"
     type-fest "^2.19.0"
 
-zwitch@^1.0.0:
-  version "1.0.5"
-  resolved "https://registry.yarnpkg.com/zwitch/-/zwitch-1.0.5.tgz#d11d7381ffed16b742f6af7b3f223d5cd9fe9920"
-  integrity sha512-V50KMwwzqJV0NpZIZFwfOD5/lyny3WlSzRiXgA0G7VUnRlqttta1L6UQIHzd6EuBY/cHGfwTIck7w1yH6Q5zUw==
+zwitch@^2.0.0:
+  version "2.0.4"
+  resolved "https://registry.yarnpkg.com/zwitch/-/zwitch-2.0.4.tgz#c827d4b0acb76fc3e685a4c6ec2902d51070e9d7"
+  integrity sha512-bXE4cR/kVZhKZX/RjPEflHaKVhUVl85noU3v6b8apfQEc1x4A+zBxjZ4lN8LqGd6WZ3dl98pY4o717VFmoPp+A==