/* Aviva Demo */
/* Core */     
/* Font code */     
@font-face {
	font-family: 'source';
	font-weight: 200;
	font-style: normal;
	src: url('fonts/extralight.woff2') format('woff2');
  }
 
 @font-face {
	font-family: 'source';
	font-weight: 300;
	font-style: normal;
	src: url('fonts/light.woff2') format('woff2');
  }
 
 @font-face {
	font-family: 'source';
	font-weight: 400;
	font-style: normal;
	src: url('fonts/regular.woff2') format('woff2');
  }
 
 @font-face {
	font-family: 'source';
	font-weight: 600;
	font-style: normal;
	src: url('fonts/semibold.woff2') format('woff2');
  }
 
 @font-face {
	font-family: 'source';
	font-weight: 700;
	font-style: normal;
	src: url('fonts/bold.woff2') format('woff2');
  }
 
  @font-face {
	font-family: 'source';
	font-weight: 200;
	font-style: italic;
	src: url('fonts/extralightitalic.woff2') format('woff2');
  }
 
 @font-face {
	font-family: 'source';
	font-weight: 300;
	font-style: italic;
	src: url('fonts/lightitalic.woff2') format('woff2');
  }
 
 @font-face {
	font-family: 'source';
	font-weight: 400;
	font-style: italic;
	src: url('fonts/italic.woff2') format('woff2');
  }
 
 @font-face {
	font-family: 'source';
	font-weight: 600;
	font-style: italic;
	src: url('fonts/semibolditalic.woff2') format('woff2');
  }
 
 @font-face {
	font-family: 'source';
	font-weight: 700;
	font-style: italic;
	src: url('fonts/bolditalic.woff2') format('woff2');
  }
 
 :root {     
 
 /* Swatches */     
 
 /* Colours */     
 --meta-swatch-colour-1:     #FCD43E;
 --meta-swatch-colour-2:     #194F60;
 --meta-swatch-colour-3:     #359EA4;
 --meta-swatch-colour-4:     #F37328;
 --meta-swatch-colour-5:     #34936A;
 --meta-swatch-colour-6:     #004FB6;
 --meta-swatch-colour-7:     #320E3B;
 --meta-swatch-colour-8:     #DFEBF7;
 --meta-swatch-colour-9:     #2A7328;
 --meta-swatch-colour-10:     #39B7F9;
 --meta-swatch-colour-11:     #BC2517;
 --meta-swatch-colour-12:     #F69A31;
 
 /* Monos */     
 --meta-swatch-mono-1:     #191919;
 --meta-swatch-mono-2:     #524F61;
 --meta-swatch-mono-3:     #EBEBEB;
 --meta-swatch-mono-4:     #F8F8F8;
 --meta-swatch-mono-5:     #FFFFFF;
 --meta-swatch-mono-6:     #C6C6C6;
 --meta-swatch-mono-7:     #333333;
 --meta-swatch-mono-8:     #444444;
 
 
 /* Translucents */     
 --meta-swatch-dark-1:     0, 0, 0, 1;
 --meta-swatch-dark-2:     0, 0, 0, 0.63;
 --meta-swatch-dark-3:     0, 0, 0, 0.5;
 --meta-swatch-dark-4:     0, 0, 0, 0.05;
 --meta-swatch-dark-5:     0, 0, 0, 0.12;
 
 
 
 
 /* Gradients */     
 
 
 
 /* Check if these can be deleted */     
 
 /* Content zone */     
 
 /* Card zone */     
 
 /* Hero zone */     
 
 /* Dataviz */     
 
 /* Coach */     
 
 /* Forms */     
 
 
 
 /* Patterns */     
 
 /* Global typography */     
 
 /* <strong> & <em> */     
 --typo-strong-font-weight:     600;
 --typo-em-font-style:     italic;
 
 /* Global  */     
 
 
 --pattern-text-color:     var(--meta-swatch-mono-8);
 
 
 
 
 
 /* Headings */     
 
 /* Heading 3XL */     
 
 /* Heading 2XL */     
 --typo-h-2xl-colour:     var(--pattern-text-color);
 --typo-h-2xl-font-face:     'source';
 --typo-h-2xl-font-size:     64px;
 --typo-h-2xl-font-weight:     600;
 --typo-h-2xl-font-style:     normal;
 --typo-h-2xl-line-height:     1.2;
 --typo-h-2xl-letter-spacing:     0;
 --typo-h-2xl-text-transform:     none;
 --typo-h-2xl-text-align:     left;
 --typo-h-2xl-margin:     0 0 0.7rem;
 
 /* Heading XL */     
 --typo-h-xlarge-colour:     var(--pattern-text-color);
 --typo-h-xlarge-font-face:     'source';
 --typo-h-xlarge-font-size:     44px;
 --typo-h-xlarge-font-weight:     600;
 --typo-h-xlarge-font-style:     normal;
 --typo-h-xlarge-line-height:     1.2;
 --typo-h-xlarge-letter-spacing:     0;
 --typo-h-xlarge-text-transform:     none;
 --typo-h-xlarge-text-align:     left;
 --typo-h-xlarge-margin:     0 0 0.7rem;
 
 /* Heading L */     
 --typo-h-large-colour:     var(--pattern-text-color);
 --typo-h-large-font-face:     'source';
 --typo-h-large-font-size:     36px;
 --typo-h-large-font-weight:     600;
 --typo-h-large-font-style:     normal;
 --typo-h-large-line-height:     1.2;
 --typo-h-large-letter-spacing:     0;
 --typo-h-large-text-transform:     none;
 --typo-h-large-text-align:     left;
 --typo-h-large-margin:     0 0 0.7rem;
 
 /* Heading M */     
 --typo-h-medium-colour:     var(--pattern-text-color);
 --typo-h-medium-font-face:     'source';
 --typo-h-medium-font-size:     28px;
 --typo-h-medium-font-weight:     600;
 --typo-h-medium-font-style:     normal;
 --typo-h-medium-line-height:     1.2;
 --typo-h-medium-letter-spacing:     0;
 --typo-h-medium-text-transform:     none;
 --typo-h-medium-text-align:     left;
 --typo-h-medium-margin:     0 0 0.7rem;
 
 /* Heading S */     
 --typo-h-small-colour:     var(--pattern-text-color);
 --typo-h-small-font-face:     'source';
 --typo-h-small-font-size:     24px;
 --typo-h-small-font-weight:     600;
 --typo-h-small-font-style:     normal;
 --typo-h-small-line-height:     1.2;
 --typo-h-small-letter-spacing:     0;
 --typo-h-small-text-transform:     none;
 --typo-h-small-text-align:     left;
 --typo-h-small-margin:     0 0 0.7rem;
 
 /* Heading XS */     
 --typo-h-xs-colour:     var(--pattern-text-color);
 --typo-h-xs-font-face:     'source';
 --typo-h-xs-font-size:     20px;
 --typo-h-xs-font-weight:     600;
 --typo-h-xs-font-style:     normal;
 --typo-h-xs-line-height:     1.2;
 --typo-h-xs-letter-spacing:     0;
 --typo-h-xs-text-transform:     none;
 --typo-h-xs-text-align:     left;
 --typo-h-xs-margin:     0 0 0.7rem;
 
 /* Heading 2XS */     
 --typo-h-2xs-colour:     var(--pattern-text-color);
 --typo-h-2xs-font-face:     'source';
 --typo-h-2xs-font-size:     16px;
 --typo-h-2xs-font-weight:     600;
 --typo-h-2xs-font-style:     normal;
 --typo-h-2xs-line-height:     1.2;
 --typo-h-2xs-letter-spacing:     0;
 --typo-h-2xs-text-transform:     none;
 --typo-h-2xs-text-align:     left;
 --typo-h-2xs-margin:     0 0 0.7rem;
 
 /* Heading 3XS */     
 --typo-h-3xs-colour:     var(--pattern-text-color);
 --typo-h-3xs-font-face:     'source';
 --typo-h-3xs-font-size:     14px;
 --typo-h-3xs-font-weight:     600;
 --typo-h-3xs-font-style:     normal;
 --typo-h-3xs-line-height:     1.2;
 --typo-h-3xs-letter-spacing:     0;
 --typo-h-3xs-text-transform:     none;
 --typo-h-3xs-text-align:     left;
 --typo-h-3xs-margin:     0 0 0.7rem;
	   
 /* Paragraphs */     
 
 /* Paragraph XL */     
 
 /* Paragraph L */     
 --typo-p-large-colour:     var(--pattern-text-color);
 --typo-p-large-font-face:     'source';
 --typo-p-large-font-size:     20px;
 --typo-p-large-font-weight:     400;
 --typo-p-large-font-style:     normal;
 --typo-p-large-line-height:     1.5;
 --typo-p-large-letter-spacing:     0;
 --typo-p-large-text-transform:     none;
 --typo-p-large-text-align:     left;
 --typo-p-large-margin:     0 0 16px 0;
 
 /* Paragraph M */     
 --typo-p-medium-colour:     var(--pattern-text-color);
 --typo-p-medium-font-face:     'source';
 --typo-p-medium-font-size:     18px;
 --typo-p-medium-font-weight:     400;
 --typo-p-medium-font-style:     normal;
 --typo-p-medium-line-height:     1.5;
 --typo-p-medium-letter-spacing:     0;
 --typo-p-medium-text-transform:     none;
 --typo-p-medium-text-align:     left;
 --typo-p-medium-margin:     0 0 16px 0;
 
 /* Paragraph S */     
 --typo-p-small-colour:     var(--pattern-text-color);
 --typo-p-small-font-face:     'source';
 --typo-p-small-font-size:     13px;
 --typo-p-small-font-weight:     400;
 --typo-p-small-font-style:     normal;
 --typo-p-small-line-height:     1.5;
 --typo-p-small-letter-spacing:     0;
 --typo-p-small-text-transform:     none;
 --typo-p-small-text-align:     left;
 --typo-p-small-margin:     0 0 16px 0;
 
 /* Paragraph XS */     
 
 /* <p> "concluding" */     
 
 /* <p> "article-intro" */     
 
 /* <p> "cta" */     
 
 /* Labels */     
 
 /* Label 2XL */     
 
 /* Label XL */     
 
 /* Label L */     
 --typo-data-label-l-colour:     var(--meta-swatch-mono-1);
 --typo-data-label-l-font-face:     'source';
 --typo-data-label-l-font-size:     20px;
 --typo-data-label-l-font-weight:     400;
 --typo-data-label-l-font-style:     normal;
 --typo-data-label-l-line-height:     1.2;
 --typo-data-label-l-letter-spacing:     0;
 --typo-data-label-l-text-transform:     none;
 --typo-data-label-l-text-align:     left;
 --typo-data-label-l-margin-bottom:     0;
 
 /* Label M */     
 --typo-data-label-m-colour:     var(--meta-swatch-mono-1);
 --typo-data-label-m-font-face:     'source';
 --typo-data-label-m-font-size:     16px;
 --typo-data-label-m-font-weight:     400;
 --typo-data-label-m-font-style:     normal;
 --typo-data-label-m-line-height:     1.2;
 --typo-data-label-m-letter-spacing:     0;
 --typo-data-label-m-text-transform:     none;
 --typo-data-label-m-text-align:     left;
 --typo-data-label-m-margin-bottom:     0;
 
 /* Label S */     
 --typo-data-label-s-colour:     var(--meta-swatch-mono-1);
 --typo-data-label-s-font-face:     'source';
 --typo-data-label-s-font-size:     12px;
 --typo-data-label-s-font-weight:     400;
 --typo-data-label-s-font-style:     normal;
 --typo-data-label-s-line-height:     1.2;
 --typo-data-label-s-letter-spacing:     0;
 --typo-data-label-s-text-transform:     none;
 --typo-data-label-s-text-align:     left;
 --typo-data-label-s-margin-bottom:     0;
 
 /* Label XS */     
 
 /* Label 2XS */     
 
 
 /* Data */     
 
 /* Data 2XL */     
 
 /* Data XL */     
 
 /* Data L */     
 
 /* Data M */     
 
 /* Data S */     
 
 /* Data XS */     
 
 /* Data 2XS */     
 
 /* Data 3XS */     
 
 
 
 /* Forms */     
 
 /* Labels */     
 --typo-form-label-colour:     var(--meta-swatch-mono-2);
 --typo-form-label-font-face:     'source';
 --typo-form-label-font-size:     20px;
 --typo-form-label-font-weight:     400;
 --typo-form-label-font-style:     normal;
 --typo-form-label-line-height:     1.2;
 --typo-form-label-letter-spacing:     0.8;
 --typo-form-label-text-transform:     none;
 --typo-form-label-margin-bottom:     8px;
 
 /* Values */     
 --typo-form-value-colour:     var(--meta-swatch-mono-1);
 --typo-form-value-font-face:     'source';
 --typo-form-value-font-size:     16px;
 --typo-form-value-font-weight:     400;
 --typo-form-value-font-style:     normal;
 --typo-form-value-line-height:     1.2;
 --typo-form-value-letter-spacing:     0.8;
 --typo-form-value-text-transform:     none;
 --typo-form-value-margin-bottom:     8px;
 
 /* Fields */     
 --pattern-input-field-padding:     16px 12px;
 --pattern-input-field-width:     100%;
 --pattern-input-field-border-width:     1px;
 --pattern-input-field-border-style:     solid;
 --pattern-input-field-border-color:     var(--meta-swatch-mono-2);
 --pattern-input-field-background-color:     var(--meta-swatch-mono-4);
 --pattern-input-field-border-radius:     8px;
 --pattern-input-field-box-shadow:     inset 0 2px 2px 0 hsl(0deg 0% 80% / 50%):;
 --pattern-input-field-border:     1px solid var(--meta-swatch-mono-2);
 
 
 /* Layout */     
 
 
 --pattern-layout-spacer-top-s:     48px;
 --pattern-layout-spacer-sections-s:     48px;
 --pattern-layout-spacer-components-s:     48px;
 --pattern-layout-spacer-content-s:     48px;
 --pattern-layout-spacer-bottom-s:     48px;
 
 --pattern-layout-spacer-top-ml:     64px;
 --pattern-layout-spacer-sections-ml:     64px;
 --pattern-layout-spacer-components-ml:     64px;
 --pattern-layout-spacer-content-ml:     64px;
 --pattern-layout-spacer-bottom-ml:     64px;
 
 --layout-icon-size:     24px;
 --pattern-icon-size:     24px;
 
 --layout-sub-width:     100%;
 
 --pattern-col-span-l:     span 8;
 
 /* Colour */     
 
 --pattern-disabled-opacity:     0.3;
 --pattern-keyline-colour:     var(--meta-swatch-mono-3);
 
 
 /* Motion */     
 
 --motion-hover-transition-duration:     150ms;
 --motion-page-transition-duration:     250ms;
 --motion-expand-transition-duration:     150ms;
 
 --motion-curve-ease-out:     ease-out;
 --motion-curve-ease-in-out-back:     cubic-bezier(0.530, 0.005, 0.180, 1.410);
 
 /* Effects */     
 
 --effect-card-border:     none;
 --effect-card-border-radius:      0px;
 --effect-keyline-width:     1px;
 --effect-keyline-width-menu:     1px;
 --effect-forms-border-width:     0px;
 --effects-indicator-width:     4px;
 --navbar-icons-bg-border-radius:     50%;
 
 
 /* Vars to check if we can delete */     
 
 /* <figcaption> */     
 --typo-figcaption-colour:     var(--meta-swatch-mono-2);
 --typo-figcaption-font-face:     'source';
 --typo-figcaption-font-size:     14px;
 --typo-figcaption-font-weight:     normal;
 --typo-figcaption-font-style:     normal;
 --typo-figcaption-line-height:     1.2;
 --typo-figcaption-letter-spacing:     0;
 --typo-figcaption-text-transform:     none;
 --typo-figcaption-margin-bottom:     8px;
 
 
 /* Old vars */     
 
 /* Body */     
 --face-body:     'source';
 --line-height-body:     1.5;
 --letter-spacing-body:     0;
 --par-margin-body:     0.7rem;
 --text-transform-body:     none;
 
 --body-paragraph-m-size:      16px;
 --body-paragraph-m-weight:      normal;
 --body-paragraph-s-size:      14px;
 --body-paragraph-s-weight:      normal;
 --body-paragraph-xs-size:      12px;
 --body-paragraph-xs-weight:      normal;
 --body-quote-size:      24px;
 --body-quote-weight:      normal;
 --body-quote-style:      italic;
 --body-quote-padding:     32px;
 --body-strong-weight:     bold;
 --body-strong-style:     inherit;
 --body-strong-bg-padding:     0;
 --body-emphasis-weight:     normal;
 --body-emphasis-style:     italic;
 --body-emphasis-bg-padding:     0;
 --body-link-weight:     inherit;
 --body-link-style:     inherit;
 --body-link-bg-radius:     2px;
 --body-link-underline-width:     1px;
 --body-link-bg-padding:     0 0.2rem 2px;
 --body-link-underline-width-hover:     1px;
 
 /* Headings */     
 --face-heading:     'source';
 --line-height-heading:     1.2;
 --letter-spacing-heading:     0;
 --par-margin-heading:     0.7rem;
 --text-transform-heading:     none;
 --heading-page-title-size:      32px;
 --heading-page-title-weight:      normal;
 --heading-paragraph-m-size:      22px;
 --heading-paragraph-m-weight:      normal;
 
 /* Forms */     
 --face-forms:     'source';
 --line-height-forms:     1;
 --letter-spacing-forms:     0;
 --par-margin-forms:     0rem;
 --text-transform-forms:     none;
 --forms-input-value-size:      24px;
 --forms-input-value-weight:      bold;
 --forms-input-label-size:      12px;
 --forms-input-label-weight:     normal;
 --forms-input-option-size:      16px;
 --forms-input-option-weight:     normal;
 
 /* Navigation */     
 --face-navigation:     'source';
 --line-height-navigation:     1;
 --letter-spacing-navigation:     0;
 --text-transform-navigation:     none;
 --par-margin-navigation:     0rem;
 
 /* Menu label */     
 --line-height-menu-label:     1.2;
 --letter-spacing-menu-label:     0;
 --par-margin-menu-label:     0rem;
 --text-transform-menu-label:     none;
 
 /* Data label */     
 --par-margin-data-label:     0rem;
 --face-data-label:     'source';
 --letter-spacing-data-label:     0;
 --line-height-data-label:     1.2;
 --text-transform-data-label:     none;
 --data-label-s-size:      12px;
 --data-label-s-weight:      normal;
 --data-label-m-size:      14px;
 --data-label-m-weight:      normal;
 --data-label-l-size:      16px;
 --data-label-l-weight:      normal;
 
 /* Data output */     
 --par-margin-data-output:     0rem;
 --face-data-output:     'source';
 --letter-spacing-data-output:     0;
 --line-height-data-output:     1.2;
 --text-transform-data-output:     none;
 --data-output-s-size:      18px;
 --data-output-s-weight:      bold;
 --data-output-m-size:      24px;
 --data-output-m-weight:      bold;
 --data-output-l-size:      32px;
 --data-output-l-weight:      bold;
 
 
 
 
 
 /* Blocks */     
 
 /* Content */     
 
 /* Activity Progress */     
 
 /* Container */     
 --activity-progress-padding:     32px 0;
 --activity-progress-padding-m:     40px 0;
 --activity-progress-padding-l:     40px 0;
 --activity-progress-background:     var(--meta-swatch-mono-4);
 
 /* Content container */     
 
 --activity-progress-content-flex-direction:     column;
 --activity-progress-content-flex-direction-m:     column;
 --activity-progress-content-flex-direction-l:     row;
 
 --activity-progress-content-gap:     24px;
 --activity-progress-content-gap-m:     24px;
 --activity-progress-content-gap-l:     16px;
 
 /* Label */     
 --activity-progress-label-margin:     0;
 --activity-progress-label-padding:     0;
 
 --activity-progress-label-colour:     var(--meta-swatch-mono-1);
 --activity-progress-label-font-size:     16px;
 --activity-progress-label-font-size-m:     20px;
 --activity-progress-label-font-size-l:     20px;
 --activity-progress-label-font-family:     'source';
 --activity-progress-label-font-weight:     normal;
 --activity-progress-label-font-style:     normal;
 --activity-progress-label-line-height:     130%;
 --activity-progress-label-letter-spacing:     1.4;
 --activity-progress-label-text-transform:     none;
 --activity-progress-label-text-align:     left;
 
 /* Items container */     
 --activity-progress-items-gap:     12px;
 --activity-progress-items-max-width:     100%;
 
 /* Single Item */     
 --activity-progress-item-border-radius:     4px;
 --activity-progress-item-height:     8px;
 
 --activity-progress-item-background-off:     var(--meta-swatch-mono-3);
 --activity-progress-item-border-off:     none;
 --activity-progress-item-box-shadow-off:     none;
 
 --activity-progress-item-background-on:     var(--meta-swatch-colour-1);
 --activity-progress-item-border-on:     none;
 --activity-progress-item-box-shadow-on:     none;
 
 
 /* Advert */     
 
 /* Section container */     
 
 /* Advert block container */     
 
 /* Heading */     
 
 /* Paragraph */     
 
 /* Button block overrides */     
 
 
 
 /* Article read */     
 
 /* Icon */     
 --template-articles-done-icon-colour:     var(--meta-swatch-mono-5);
 --template-articles-done-icon-size:     24px;
 
 /* Icon background */     
 --template-articles-done-icon-bg-size:     64px;
 --template-articles-done-icon-bg-colour:     var(--meta-swatch-colour-1);
 --template-articles-done-icon-bg-border-radius:     50%;
 --template-articles-done-icon-bg-border:     none;
 
 /* Keyline */     
 --template-articles-done-keyline:     1px solid var(--meta-swatch-mono-3);
 --template-articles-done-keyline-gutter:     8px;
 
 
 /* Blockquote */     
 
 /* <blockquote> */     
 --typo-quote-bg-colour:     transparent;
 --typo-quote-colour:     var(--meta-swatch-mono-1);
 --typo-quote-font-face:     'source';
 --typo-quote-font-size:     20px;
 --typo-quote-font-weight:     700;
 --typo-quote-font-style:     normal;
 --typo-quote-line-height:     1.3;
 --typo-quote-letter-spacing:     0;
 --typo-quote-text-transform:     none;
 --typo-quote-text-align:     left;
 --typo-quote-padding:     16px 0;
 --typo-quote-margin:     16px 0;
 --typo-quote-max-width:     100%;
 --typo-quote-border-top:     1px solid var(--meta-swatch-colour-6);
 --typo-quote-border-bottom:     1px solid var(--meta-swatch-colour-6);
 
 
 /* <cite> */     
 --type-quote-cite-colour:     var(--meta-swatch-mono-1);
 --type-quote-cite-font-face:     'source';
 --type-quote-cite-font-size:     16px;
 --type-quote-cite-font-weight:     400;
 --type-quote-cite-font-style:     normal;
 --type-quote-cite-line-height:     1.3;
 --type-quote-cite-letter-spacing:     0;
 --type-quote-cite-text-transform:     none;
 --type-quote-cite-text-align:     center;
 
 
 
 /* Body */     
 
 
 
 
 
 
 
 
 
 /* Callout */     
 
 /* Container */     
 
 /* Header */     
 
 /* Icon */     
 
 /* Headings */     
 
 /* Paragraphs */     
 
 
 
 
 /* Cover */     
 
 --cover-heading-colour:     contain;
 
 
 /* Heading */     
 --cover-heading-face:     var(--typo-h-large-font-face);
 --cover-heading-size-s:     var(--typo-h-large-font-size);
 --cover-heading-size-ml:     var(--typo-h-xlarge-font-size);
 --cover-heading-weight:     var(--typo-h-large-font-weight);
 --cover-heading-font-style:     var(--typo-h-large-font-style);
 --cover-heading-line-height:     var(--typo-h-large-line-height);
 --cover-heading-letter-spacing:     var(--typo-h-large-letter-spacing);
 --cover-heading-text-transform:     var(--typo-h-large-text-transform);
 
 /* Sub heading */     
 --cover-sub-heading-face:     var(--typo-p-medium-font-face);
 --cover-sub-heading-size-s:     var(--typo-p-medium-font-size);
 --cover-sub-heading-size-ml:     20px;
 --cover-sub-heading-weight:     var(--typo-p-medium-font-weight);
 --cover-sub-heading-font-style:     var(--typo-p-medium-font-style);
 --cover-sub-heading-line-height:     var(--typo-p-medium-line-height);
 --cover-sub-heading-letter-spacing:     var(--typo-p-medium-letter-spacing);
 --cover-sub-heading-text-transform:     var(--typo-p-medium-text-transform);
 
 /* Body text */     
 
 /* Spacing */     
 --cover-text-spacer-s:     1rem;
 --cover-text-spacer-ml:     1rem;
 
 
 /* Donut */     
 
 --pie-chart-whole-fill:      transparent;
 --pie-chart-whole-stroke:      var(--swatch-dataviz-bar-whole);
 --pie-chart-value-fill:      transparent;
 --pie-chart-value-stroke:      var(--swatch-dataviz-bar-value);
 --pie-chart-value-stroke-linecap:      round;
  --pie-chart-marker-fill:     ;
 
 
 /* Image */     
 
 --image-featured-border-radius:     12px;
 
 /* Align left */     
 --image-align-left-max-width:     100%;
 --image-align-left-margin:     0 0 24px 0;
 --image-align-left-shape-margin:     24px;
 
 --image-align-left-max-width-m:     50%;
 --image-align-left-margin-m:     0 24px 24px 0;
 --image-align-left-shape-margin-m:     24px;
 
 --image-align-left-max-width-l:     50%;
 --image-align-left-margin-l:     0 24px 24px 0;
 --image-align-left-shape-margin-l:     24px;
 
 /* Align right */     
 --image-align-right-max-width:     100%;
 --image-align-right-margin:     0 0 24px 0;
 --image-align-right-shape-margin:     24px;
 
 --image-align-right-max-width-m:     50%;
 --image-align-right-margin-m:     0 0 24px 24px;
 --image-align-right-shape-margin-m:     24px;
 
 --image-align-right-max-width-l:     50%;
 --image-align-right-margin-l:     0 0 24px 24px;
 --image-align-right-shape-margin-l:     24px;
 
 /* Align center */     
 --image-align-center-max-width:     100%;
 --image-align-center-margin:     24px;
 --image-align-center-shape-margin:     24px;
 
 --image-align-center-max-width-m:     50%;
 --image-align-center-margin-m:     24px;
 --image-align-center-shape-margin-m:     24px;
 
 --image-align-center-max-width-l:     50%;
 --image-align-center-margin-l:     24px;
 --image-align-center-shape-margin-l:     24px;
 
 /* Caption */     
 --image-caption-colour:     var(--meta-swatch-mono-2);
 --image-caption-font-family:     'inter';
 --image-caption-font-size:     14px;
 --image-caption-font-weight:     normal;
 --image-caption-font-style:     normal;
 --image-caption-line-height:     1.5;
 --image-caption-letter-spacing:     0;
 --image-caption-text-transform:     none;
 --image-caption-text-align:     center;
 
 --image-caption-margin:     16px 0 0 0;
 
 
 
 /* Introducer Banner */     
 
 /* Block */     
 
 /* Container  */     
 
 /* Text  */     
 
 /* Logo container  */     
 
 /* Logo */     
 
 
 
 
 
 /* In page message */     
 
 --in-page-message-margin:     0;
 --in-page-message-padding:     32px 16px;
 
 --in-page-message-bg-colour:     var(--meta-swatch-colour-3);
 
 --in-page-message-colour:     var(--meta-swatch-mono-5);
 --in-page-message-font-family:     var(--typo-p-medium-font-face);
 --in-page-message-font-size:     16px;
 --in-page-message-font-size-m:     20px;
 --in-page-message-font-size-l:     20px;
 
 --in-page-message-font-weight:     700;
 --in-page-message-font-style:     var(--typo-p-medium-font-style);
 --in-page-message-line-height:     var(--typo-p-medium-line-height);
 --in-page-message-letter-spacing:     var(--typo-p-medium-letter-spacing);
 --in-page-message-text-transform:     center;
 --in-page-message-text-align:     center;
 
 
 /* Job card */     
 
 /* Container */     
 
 /* Found indicator */     
 
 
 
 /* Logo */     
 
 /* Logo background colors */     
 
 /* Logo text colors */     
 
 
 
 /* Time range label */     
 
 /* Body */     
 
 /* Header container */     
 
 /* Employer heading */     
 
 /* Difficulty indicator */     
 
 
 /* Card icons */     
 
 /* Info row */     
 
 /* Info row label */     
 
 /* Info row data */     
 
 /* Button container */     
 
 /* Letter Link */     
 
 
 
 
 /* Property card */     
 
 /* Container */     
 
 /* Image */     
 
 /* Information icon container */     
 
 /* Info icon */     
 
 /* Property card on portfolio */     
 
 /* Section */     
 
 /* Action btn */     
 
 /* Action btn label */     
 
 /* Action btn icon */     
 
 /* Property CTA */     
 
 /* Container */     
 
 /* Label */     
 
 
 /* Property Stats */     
 
 /* Container */     
 
 /* Item container */     
 
 /*Icon */     
 
 /* Value */     
 
 /* Label */     
 
 
 /* Property Id */     
 
 /* Container */     
 
 /* Label container */     
 
 /* Label */     
 
 /*Image */     
 
 
 /* Media & Text */     
 --media-text-content-display:     flex;
 --media-text-content-flex-direction:     column;
 --media-text-content-justify-content:     center;
 
 /* Block container */     
 
 
 
 
 
 /* Text container */     
 
 
 
 
 
 /* Image container */     
 
 
 
 
 
 
 /* Mortgage Deal */     
 
 /* Container */     
 
 /* Informer */     
 
 /* Body */     
 
 /* Label Container */     
 
 /* Label */     
 
 /* Stats */     
 
 /* Stat */     
 
 /* Stat Container */     
 
 /* Stat Value */     
 
 /* Stat Emphasised Value */     
 
 /* Stat Label */     
 
 /* Highlight background colour */     
 
 
 /* Mortgage Deal NEW */     
 
 /* Translation text*/     
 
 /* Altmort Container */     
 
 /* Altmort Switch row */     
 /* Container */     
 
 /* Label */     
 
 /* Control layout */     
 
 /* Body off */     
 
 
 /* Body on */     
 
 
 /* All Stats Container */     
 
 /* Altmort-highlights */     
 /* Highlight Container */     
 
 /* Highlight Stat */     
 
 /* Highlight Value */     
 
 /* Highlight Label */     
 
 /* Highlight Icon */     
 
 /* Altmort-datafacts */     
 /* Container */     
 
 /* Stat Row */     
 
 /* Datafact stat */     
 
 /* Datafact Value */     
 
 /* Datafact Label */     
 
 /* Altmort Contact*/     
 /* Container */     
 
 /* Contact btn */     
 
 /* Contact Label */     
 
 /* Contact Icon*/     
 
 
 
 /* Loading spinner icon */     
 --spinner:     var(--meta-swatch-colour-6);
 
 
 
 /* Metabox */     
 
 /* Container */     
 --template-articles-metabox-display:     flex;
 --template-articles-metabox-direction:     row;
 --template-articles-metabox-align:     center;
 --template-articles-metabox-justify:     space-between;
 --template-articles-metabox-padding:     16px;
 --template-articles-metabox-bg-colour:     var(--meta-swatch-mono-4);
 --template-articles-metabox-border:     var(--pattern-card-border);
 --template-articles-metabox-border-radius:     var(--pattern-border-radius);
 --template-articles-metabox-box-shadow:     none;
 
 /* Text */     
 --template-articles-metabox-colour:     var(--pattern-subtle-text-colour);
 --template-articles-metabox-font-family:     var(--typo-p-small-font-face);
 --template-articles-metabox-font-size:     var(--typo-p-small-font-size);
 --template-articles-metabox-font-weight:     var(--typo-p-small-font-weight);
 --template-articles-metabox-font-style:     var(--typo-p-small-font-style);
 --template-articles-metabox-line-height:     var(--typo-p-small-line-height);
 --template-articles-metabox-letter-spacing:     var(--typo-p-small-letter-spacing);
 --template-articles-metabox-text-transform:     var(--typo-p-small-text-transform);
 
 /* Back icon */     
 --template-articles-metabox-back-display:     flex;
 --template-articles-metabox-back-icon-colour:     var(--meta-swatch-mono-2);
 --template-articles-metabox-back-icon-size:     var(--layout-icon-size);
 
 /* Layout */     
 --template-articles-metabox-list-display:     flex;
 --template-articles-metabox-list-direction:     column;
 --template-articles-metabox-list-margin:     0;
 --template-articles-metabox-list-padding:     0;
 
 /* Item */     
 --template-articles-metabox-item-margin:     0;
 --template-articles-metabox-item-padding:     0;
 --template-articles-metabox-item-border:     0;
 --template-articles-metabox-item-border-colour:     none;
 
 
 /* Modal Dialog */     
 
 --swatch-general-dimmer:     rgba(var(--meta-swatch-dark-3));
 --effect-overlay-border-radius:      16px;
 
 /* Block Container */     
 --modal-content-bg:     var(--meta-swatch-mono-5);
 --modal-dimmer-color:     rgba(var(--meta-swatch-dark-3));
 --modal-border-radius:     4px;
 --modal-width-m:     720px;
 --modal-width-l:     1024px;
 
 /* Modal body */     
 --modal-body-padding:     16px;
 --modal-body-padding-m:     16px;
 --modal-body-padding-l:     16px;
 
 /* Header Container */     
 --modal-header-background-color:     transparent;
 --modal-header-keyline-bottom:     none;
 
 /* Left Icon */     
 --modal-header-left-icon-bg-border:     none;
 --modal-header-left-icon-bg-border-radius:     none;
 --modal-header-left-icon-bg-padding:     0;
 --modal-header-left-icon-bg-margin:     0 16px 0;
 --modal-header-left-icon-bg-color:     transparent;
 --modal-header-left-icon-color:     var(--meta-swatch-mono-1);
 --modal-header-left-icon-size:     var(--pattern-icon-size);
 
 /* Close Icon */     
 --modal-header-icon-bg-border:     none;
 --modal-header-icon-bg-border-radius:     0;
 --modal-header-icon-bg-padding:     12px 0;
 --modal-header-icon-bg-margin:     0;
 --modal-header-icon-bg-color:     transparent;
 --modal-header-icon-color:     var(--meta-swatch-mono-2);
 --modal-header-icon-height:     24px;
 --modal-header-icon-width:     24px;
 
 /* Heading */     
 --modal-header-heading-colour:     var(--typo-h-small-colour);
 --modal-header-heading-font-family:     var(--typo-h-small-font-face);
 --modal-header-heading-font-size:     var(--typo-h-small-font-size);
 --modal-header-heading-font-weight:     var(--typo-h-small-font-weight);
 --modal-header-heading-font-style:     var(--typo-h-small-font-style);
 --modal-header-heading-line-height:     var(--typo-h-small-line-height);
 --modal-header-heading-letter-spacing:     var(--typo-h-small-letter-spacing);
 --modal-header-heading-text-transform:     var(--typo-h-small-text-transform);
 --modal-header-heading-text-align:     left;
 
 /* Sub heading */     
 --modal-header-sub-heading-colour:     var(--typo-p-small-colour);
 --modal-header-sub-heading-font-family:     var(--typo-p-small-font-face);
 --modal-header-sub-heading-font-size:     var(--typo-p-small-font-size);
 --modal-header-sub-heading-font-weight:     var(--typo-p-small-font-weight);
 --modal-header-sub-heading-font-style:     var(--typo-p-small-font-style);
 --modal-header-sub-heading-line-height:     var(--typo-p-small-line-height);
 --modal-header-sub-heading-letter-spacing:     var(--typo-p-small-letter-spacing);
 --modal-header-sub-heading-text-transform:     var(--typo-p-small-text-transform);
 --modal-header-sub-heading-text-align:     left;
 
 /* Spacing */     
 --modal-header-spacer-top:     16px;
 --modal-header-spacer-below-heading:     0;
 --modal-header-spacer-bottom:     0;
 
 --modal-header-padding:     16px 16px 0;
 --modal-header-padding-m:     16px 16px 0;
 --modal-header-padding-l:     16px 16px 0;
 
 /* Modal footer */     
 
 
 
 /* Cookies modal overrides */     
 
 
 /* Page Header */     
 
 /* Container */     
 --theme-page-header-bg-colour:     url(/config/images/page-header-bg.svg) center center / cover var(--meta-swatch-colour-1);
 --page-header-body-max-width:     600px;
 
 /* Keylines */     
 --theme-page-header-keyline:     none;
 
 /* Icon */     
 --theme-page-header-icon-colour:     var(--meta-swatch-mono-2);
 --theme-page-header-icon-size:     64px;
 --page-header-icon-margin:     0 16px 0 0;
 
 /* Identifier container */     
 --page-header-category-margin:     0 0 24px 0;
 --page-header-category-margin-m:     0 0 24px 0;
 --page-header-category-margin-l:     0 0 24px 0;
 
 --page-header-category-background:     var(--meta-swatch-colour-1);
 --page-header-category-padding:     8px 16px;
 --page-header-category-margin--:     0 0 24px 0;
 --page-header-category-border:     none;
 --page-header-category-border-radius:     0;
 
 /* Identifier label */     
 --page-header-category-label-colour:     var(--meta-swatch-mono-5);
 --page-header-category-label-font-family:     'source';
 --page-header-category-label-font-size:     15px;
 --page-header-category-label-font-size-m:     15px;
 --page-header-category-label-font-size-l:     15px;
 --page-header-category-label-font-weight:     800;
 --page-header-category-label-font-style:     normal;
 --page-header-category-label-line-height:     1;
 --page-header-category-label-letter-spacing:     0;
 --page-header-category-label-text-transform:     uppercase;
 --page-header-category-label-text-align:     center;
 
 /* Heading */     
 --theme-page-header-heading-colour:     var(--meta-swatch-mono-1);
 --page-header-heading-face:     var(--typo-h-xlarge-font-face);
 --page-header-heading-size:     38px;
 --page-header-heading-size-m:     var(--typo-h-xlarge-font-size);
 --page-header-heading-size-l:     var(--typo-h-xlarge-font-size);
 --page-header-heading-weight:     var(--typo-h-xlarge-font-weight);
 --page-header-heading-font-style:     var(--typo-h-xlarge-font-style);
 --page-header-heading-line-height:     var(--typo-h-xlarge-line-height);
 --page-header-heading-letter-spacing:     var(--typo-h-xlarge-letter-spacing);
 --page-header-heading-text-transform:     var(--typo-h-xlarge-text-transform);
 --page-header-heading-text-align:     var(--typo-h-xlarge-text-align);
 
 /* Sub heading */     
 --theme-page-header-sub-heading-colour:     var(--meta-swatch-mono-1);
 --page-header-sub-heading-face:     var(--typo-p-medium-font-face);
 --page-header-sub-heading-size:     var(--typo-p-medium-font-size);
 --page-header-sub-heading-weight:     var(--typo-p-medium-font-weight);
 --page-header-sub-heading-font-style:     var(--typo-p-medium-font-style);
 --page-header-sub-heading-line-height:     var(--typo-p-medium-line-height);
 --page-header-sub-heading-letter-spacing:     var(--typo-p-medium-letter-spacing);
 --page-header-sub-heading-text-transform:     var(--typo-p-medium-text-transform);
 --page-header-sub-heading-text-align:     var(--typo-p-medium-text-align);
 
 /* Spacing */     
 --page-header-spacer-top:     24px;
 --page-header-spacer-below-heading:     0px;
 --page-header-sub-heading-margin-top:     32px;
 --page-header-spacer-bottom:     24px;
 
 --page-header-spacer-top-m:     48px;
 --page-header-spacer-below-heading-m:     0px;
 --page-header-sub-heading-margin-top-m:     32px;
 --page-header-spacer-bottom-m:     48px;
 
 --page-header-spacer-top-l:     80px;
 --page-header-spacer-below-heading-l:     0px;
 --page-header-sub-heading-margin-top-l:     32px;
 --page-header-spacer-bottom-l:     80px;
 
 /* Content Grid Layout */     
 --app-template-custom-page-header-column-end:     var(--pattern-col-span-l);
 
 --app-template-question-header-column-end:     var(--pattern-col-span-l);
 
 --app-template-checklist-header-column-end:     var(--pattern-col-span-l);
 
 --app-template-articles-header-column-end:     var(--pattern-col-span-l);
 
 /* Block type: Image */     
 --page-header-vm-bf-background:     url(/config/images/page-header-bg-dashboard.svg) no-repeat center center / cover var(--meta-swatch-colour-10);
 --page-header-vm-bf-words-padding:     24px 32px 32px 0;
 --page-header-vm-bf-words-padding-m:     64px 55px 64px 0;
 --page-header-vm-bf-words-padding-l:     80px 70px 95px 0;
 
 --page-header-vm-bf-meta-label-colour:     var(--template-articles-metabox-colour);
 --page-header-vm-bf-meta-label-font-family:     var(--template-articles-metabox-font-family);
 --page-header-vm-bf-meta-label-font-size:     var(--template-articles-metabox-font-size);
 --page-header-vm-bf-meta-label-font-weight:     var(--template-articles-metabox-font-weight);
 --page-header-vm-bf-meta-label-font-style:     var(--template-articles-metabox-font-style);
 --page-header-vm-bf-meta-label-line-height:     var(--template-articles-metabox-line-height);
 --page-header-vm-bf-meta-label-letter-spacing:     var(--template-articles-metabox-letter-spacing);
 --page-header-vm-bf-meta-label-text-transform:     var(--template-articles-metabox-text-transform);
 --page-header-vm-bf-meta-label-text-align:     var(--template-articles-metabox-text-align);
 
 
 
 /* Progress Indicator */     
 
 /* Wrapper - to set the bg color*/     
 --progress-indicator-wrapper-background:     var(--meta-swatch-mono-5);
 
 /* Grid container*/     
 --progress-indicator-container-justify-content:     space-between;
 --progress-indicator-container-max-width:     100%;
 --progress-indicator-container-margin:     32px 0 0;
 --progress-indicator-container-gap:     8px;
 
 /* Keyline*/     
 
 
 
 
 
 /* Item layout */     
 --progress-indicator-height:     8px;
 --progress-indicator-width:     100%;
 --progress-indicator-max-width:     100%;
 --progress-indicator-border-radius:     16px;
 
 
 
 --progress-indicator-margin:     0 4px;
 
 /* Text description */     
 
 /* Icon */     
 
 /* Item states */     
 /* Before */     
 --progress-indicator-background-before:     var(--meta-swatch-colour-2);
 --progress-indicator-border-before:     none;
 
 /* Current */     
 --progress-indicator-background-current:     var(--meta-swatch-colour-2);
 --progress-indicator-border-current:     none;
 
 /* After */     
 --progress-indicator-background-after:     var(--meta-swatch-mono-6);
 --progress-indicator-border-after:     none;
 
 
 /* Progress Loader Bar */     
 
 /* Container */     
 
 /* Filler */     
 
 /* Animation */     
 
 /* Share menu */     
 
 /* Container */     
 
 /* Button container */     
 
 /* Button background */     
 
 /* Button label */     
 
 /* URL container */     
 
 /* URL text */     
 
 /* URL button OFF */     
 
 
 /* URL button ON */     
 
 
 
 /* Split */     
 
 /* Block Container */     
 --split-container-width:     100%;
 --split-container-max-width:     100%;
 --split-container-background:     var(--meta-swatch-colour-1);
 
 /* Both Article Containers */     
 --split-article-container-alignment:     flex-end;
 
 /* Grid Container */     
 
 /* Text Container */     
 --split-text-container-padding:     32px 0;
 --split-text-container-padding-m:     24px 55px 64px 0;
 --split-text-container-padding-l:     48px 90px 88px 0;
 
 /* Image Container */     
 --split-image-container-padding:     0;
 --split-image-container-padding-m:     0;
 --split-image-container-padding-l:     0;
 --split-image-container-background:     var(--meta-swatch-mono-3);
 
 /* Container 1 */     
 --split-container-1-padding:     32px 0;
 --split-container-1-padding-m:     24px 55px 64px 0;
 --split-container-1-padding-l:     48px 48px 88px 0;
 --split-container-1-padding-xl:     48px 48px 88px 0;
 
 --split-container-1-column-start:     row-start;
 --split-container-1-column-start-m:     row-start;
 --split-container-1-column-start-l:     edge-start;
 --split-container-1-column-start-xl:     edge-start;
 --split-container-1-column-end:     row-end;
 --split-container-1-column-end-m:     edge-end;
 --split-container-1-column-end-l:     edge-end;
 --split-container-1-column-end-xl:     edge-end;
 
 --split-container-1-heading-color:     var(--meta-swatch-mono-5);
 --split-container-1-emphasis-color:     var(--meta-swatch-mono-5);
 --split-container-1-h2-color:     var(--meta-swatch-mono-5);
 --split-container-1-h3-color:     var(--meta-swatch-mono-5);
 --split-container-1-h4-color:     var(--meta-swatch-mono-5);
 --split-container-1-p-color:     var(--meta-swatch-mono-5);
 --split-container-1-caption-color:     var(--meta-swatch-mono-5);
 --split-container-1-li-color:     var(--meta-swatch-mono-5);
 --split-container-1-a-color:     var(--meta-swatch-mono-5);
 --split-container-1-a-hover-color:     var(--meta-swatch-mono-5);
 --split-container-1-a-active-color:     var(--meta-swatch-mono-5);
 --split-container-1-a-visited-color:     var(--meta-swatch-mono-5);
 
 /* Container 2 */     
 --split-container-2-padding:     0;
 --split-container-2-padding-m:     0;
 --split-container-2-padding-l:     0;
 --split-container-2-padding-xl:     0;
 --split-container-2-background:     url(/config/images/split-bg-small.svg) no-repeat center center / cover var(--meta-swatch-colour-1);
 --split-container-2-background-m:     url(/config/images/split-bg-small.svg) no-repeat center center / cover var(--meta-swatch-colour-1);
 --split-container-2-background-l:     url(/config/images/split-bg-large.svg) no-repeat center center / cover var(--meta-swatch-colour-1);
 
 --split-container-2-column-start:     edge-start;
 --split-container-2-column-start-m:     edge-start;
 --split-container-2-column-start-l:     edge-start;
 --split-container-2-column-start-xl:     edge-start;
 --split-container-2-column-end:     edge-end;
 --split-container-2-column-end-m:     edge-end;
 --split-container-2-column-end-l:     edge-end;
 --split-container-2-column-end-xl:     edge-end;
 
 --split-container-2-emphasis-color:     var(--meta-swatch-mono-5);
 --split-container-2-h2-color:     var(--meta-swatch-mono-5);
 --split-container-2-h3-color:     var(--meta-swatch-mono-5);
 --split-container-2-h4-color:     var(--meta-swatch-mono-5);
 --split-container-2-p-color:     var(--meta-swatch-mono-5);
 --split-container-2-caption-color:     var(--meta-swatch-mono-5);
 --split-container-2-li-color:     var(--meta-swatch-mono-5);
 --split-container-2-a-color:     var(--meta-swatch-mono-5);
 --split-container-2-a-hover-color:     var(--meta-swatch-mono-5);
 --split-container-2-a-active-color:     var(--meta-swatch-mono-5);
 --split-container-2-a-visited-color:     var(--meta-swatch-mono-5);
 
 /* Image */     
 --split-image-height:     auto;
 --split-image-width:     100%;
 --split-image-height-m:     auto;
 --split-image-width-m:     60%;
 --split-image-height-l:     auto;
 --split-image-width-l:     100%;
 
 /* Split heading */     
 --split-heading-colour:     var(--meta-swatch-mono-5);
 --split-heading-font-family:     'source';
 --split-heading-font-size:     40px;
 --split-heading-font-size-m:     64px;
 --split-heading-font-size-l:     64px;
 --split-heading-font-weight:     normal;
 --split-heading-font-style:     normal;
 --split-heading-line-height:     1.2;
 --split-heading-letter-spacing:     0;
 --split-heading-text-transform:     none;
 --split-heading-text-align:     left;
 
 
 /* Split emphasis */     
 --split-emphasis-colour:     var(--meta-swatch-mono-5);
 --split-emphasis-font-family:     'source';
 --split-emphasis-font-size:     24px;
 --split-emphasis-font-size-m:     24px;
 --split-emphasis-font-size-l:     24px;
 --split-emphasis-weight:     normal;
 --split-emphasis-font-style:     normal;
 --split-emphasis-line-height:     1.5;
 --split-emphasis-letter-spacing:     0;
 --split-emphasis-text-transform:     none;
 --split-emphasis-text-align:     left;
 
 /* Split buttons */     
 --split-button-display:     flex;
 --split-button-flex-direction:     row-reverse;
 --split-button-width:     100%;
 --split-button-max-width-m:     215px;
 --split-button-max-width-l:     215px;
 
 /* Split List */     
 
 
 
 
 /* Text - Headings */     
 
 /* Container */     
 --page-template-heading-container-padding:     32px 0;
 --page-template-heading-container-padding-m:     64px 0 32px;
 --page-template-heading-container-padding-l:     80px 0 32px;
 
 
 /* Heading */     
 --page-template-heading-colour:     var(--meta-swatch-mono-1);
 --page-template-heading-font-family:     'source';
 --page-template-heading-font-face:     'source';
 --page-template-heading-font-size:     40px;
 --page-template-heading-font-size-m:     48px;
 --page-template-heading-font-size-l:     64px;
 --page-template-heading-font-weight:     normal;
 --page-template-heading-font-style:     normal;
 --page-template-heading-line-height:     1.2;
 --page-template-heading-letter-spacing:     0;
 --page-template-heading-text-transform:     none;
 --page-template-heading-text-align:     left;
 
 --page-template-par-heading-colour:     var(--meta-swatch-mono-1);
 --page-template-par-heading-font-family:     'source';
 --page-template-par-heading-font-face:     'source';
 --page-template-par-heading-font-size:     22px;
 --page-template-par-heading-font-weight:     normal;
 --page-template-par-heading-font-style:     var(--typo-p-medium-font-style);
 --page-template-par-heading-line-height:     1.3;
 --page-template-par-heading-letter-spacing:     0;
 --page-template-par-heading-text-transform:     none;
 --page-template-par-heading-text-align:     left;
 
 
 /* <h1> */     
 --typo-h1-colour:     var(--meta-swatch-mono-1);
 --typo-h1-font-face:     'source';
 --typo-h1-font-size:     40px;
 --typo-h1-font-weight:     200;
 --typo-h1-font-style:     normal;
 --typo-h1-line-height:     1.2;
 --typo-h1-letter-spacing:     0;
 --typo-h1-text-transform:     none;
 --typo-h1-text-align:     left;
 --typo-h1-margin:     1.4rem 0 1rem;
 
 /* <h2> */     
 --typo-h2-colour:     var(--meta-swatch-mono-1);
 --typo-h2-font-face:     'source';
 --typo-h2-font-size:     22px;
 --typo-h2-font-weight:     normal;
 --typo-h2-font-style:     normal;
 --typo-h2-line-height:     1.2;
 --typo-h2-letter-spacing:     0;
 --typo-h2-text-transform:     none;
 --typo-h2-text-align:     left;
 --typo-h2-margin:     2.4rem 0 1rem;
 
 /* <h3> */     
 --typo-h3-colour:     var(--meta-swatch-mono-1);
 --typo-h3-font-face:     'source';
 --typo-h3-font-size:     20px;
 --typo-h3-font-weight:     normal;
 --typo-h3-font-style:     normal;
 --typo-h3-line-height:     1.2;
 --typo-h3-letter-spacing:     0;
 --typo-h3-text-transform:     none;
 --typo-h3-text-align:     left;
 --typo-h3-margin:     2.4rem 0 1rem;
 
 /* <h4> */     
 --typo-h4-colour:     var(--meta-swatch-mono-1);
 --typo-h4-font-face:     'source';
 --typo-h4-font-size:     17px;
 --typo-h4-font-weight:     normal;
 --typo-h4-font-style:     normal;
 --typo-h4-line-height:     1.2;
 --typo-h4-letter-spacing:     0;
 --typo-h4-text-transform:     none;
 --typo-h4-text-align:     left;
 --typo-h4-margin:     2.4rem 0 1rem;
 
 /* <h5> */     
 --typo-h5-colour:     var(--meta-swatch-mono-1);
 --typo-h5-font-face:     'source';
 --typo-h5-font-size:     17px;
 --typo-h5-font-weight:     500;
 --typo-h5-font-style:     normal;
 --typo-h5-line-height:     1.2;
 --typo-h5-letter-spacing:     0;
 --typo-h5-text-transform:     none;
 --typo-h5-text-align:     left;
 --typo-h5-margin:     2.4rem 0 1rem;
 
 /* <h6> */     
 --typo-h6-colour:     var(--meta-swatch-mono-1);
 --typo-h6-font-face:     'source';
 --typo-h6-font-size:     17px;
 --typo-h6-font-weight:     500;
 --typo-h6-font-style:     normal;
 --typo-h6-line-height:     1.2;
 --typo-h6-letter-spacing:     0;
 --typo-h6-text-transform:     none;
 --typo-h6-text-align:     left;
 --typo-h6-margin:     1.4rem 0 1rem;
 
 
 
 /* Text - Links */     
 
 /* <a> */     
 --typo-a-link-border-radius:     0;
 --typo-a-link-bg-colour:     transparent;
 --typo-a-link-colour:     var(--meta-swatch-colour-6);
 --typo-a-link-font-weight:     700;
 --typo-a-link-font-style:     normal;
 --typo-a-link-letter-spacing:     inherit;
 --typo-a-link-text-decoration:     none;
 --typo-a-link-text-transform:     none;
 --typo-a-link-padding-bottom:     0;
 --typo-a-link-border-bottom:     1px dotted var(--meta-swatch-mono-6);
 
 /* <a> :hover */     
 --typo-a-hover-colour:     var(--meta-swatch-colour-6);
 --typo-a-hover-font-weight:     700;
 --typo-a-hover-font-style:     normal;
 --typo-a-hover-letter-spacing:     inherit;
 --typo-a-hover-text-decoration:     none;
 --typo-a-hover-text-transform:     none;
 --typo-a-hover-padding-bottom:     0;
 --typo-a-hover-border-bottom:     1px dotted var(--meta-swatch-mono-2);
 
 /* <a> :active */     
 --typo-a-active-colour:     var(--meta-swatch-colour-6);
 --typo-a-active-font-weight:     700;
 --typo-a-active-font-style:     normal;
 --typo-a-active-letter-spacing:     inherit;
 --typo-a-active-text-decoration:     none;
 --typo-a-active-text-transform:     none;
 --typo-a-active-padding-bottom:     0;
 --typo-a-active-border-bottom:     1px dotted var(--meta-swatch-mono-2);
 
 /* <a> :visited */     
 --typo-a-visited-colour:     var(--meta-swatch-colour-6);
 --typo-a-visited-font-weight:     700;
 --typo-a-visited-font-style:     normal;
 --typo-a-visited-letter-spacing:     inherit;
 --typo-a-visited-text-decoration:     none;
 --typo-a-visited-text-transform:     none;
 --typo-a-visited-padding-bottom:     0;
 --typo-a-visited-border-bottom:     1px dotted var(--meta-swatch-mono-2);
 --typo-a-visited-position-top:     0;
 
 /* Text - Lists */     
 
 /* <ul> */     
 --typo-ul-colour:     var(--meta-swatch-mono-1);
 --typo-ul-font-face:     'source';
 --typo-ul-font-size:     inherit;
 --typo-ul-font-weight:     inherit;
 --typo-ul-font-style:     normal;
 --typo-ul-line-height:     inherit;
 --typo-ul-letter-spacing:     inherit;
 --typo-ul-text-transform:     none;
 --typo-ul-text-align:     left;
 --typo-ul-margin:     0;
 --typo-ul-padding:     0 0 0.7rem 1.4rem;
 --typo-ul-style-type:     disc;
 --typo-ul-style-position:     outside;
 --typo-ul-list-style-image:     none;
 --typo-ul-list-item-margin:     0 0 10px 0;
 --typo-ul-list-item-padding:     0;
 
 /* <ol> */     
 --typo-ol-colour:     var(--meta-swatch-mono-1);
 --typo-ol-font-face:     'source';
 --typo-ol-font-size:     inherit;
 --typo-ol-font-weight:     inherit;
 --typo-ol-font-style:     normal;
 --typo-ol-line-height:     inherit;
 --typo-ol-letter-spacing:     inherit;
 --typo-ol-text-transform:     none;
 --typo-ol-text-align:     left;
 --typo-ol-margin:     0;
 --typo-ol-padding:     0 0 0.7rem 1.4rem;
 --typo-ol-style-type:     decimal;
 --typo-ol-style-position:     outside;
 --typo-ol-list-style-image:     none;
 --typo-ol-list-item-margin:     0 0 10px 0;
 --typo-ol-list-item-padding:     0;
 
 /* Text - Paragraphs */     
 
 /* <p> & <body> */     
 --font-family:     'source';
 --typo-p-colour:     var(--typo-p-medium-colour);
 --typo-p-font-face:     var(--typo-p-medium-font-face);
 --typo-p-font-size:     var(--typo-p-medium-font-size);
 --typo-p-font-weight:     var(--typo-p-medium-font-weight);
 --typo-p-font-style:     var(--typo-p-medium-font-style);
 --typo-p-line-height:     var(--typo-p-medium-line-height);
 --typo-p-letter-spacing:     var(--typo-p-medium-letter-spacing);
 --typo-p-text-transform:     var(--typo-p-medium-text-transform);
 --typo-p-text-align:     var(--typo-p-medium-text-align);
 --typo-p-margin:     0 0 16px 0;
 
 
 
 /* Trust card */     
 
 /* Content container */     
 
 /* Header container */     
 
 /* Body container */     
 
 /* Header image */     
 
 /* Partner container */     
 
 /* Header paragraph */     
 
 /* Header heading */     
 
 /* Item */     
 
 /* Item header */     
 
 /* Item icon*/     
 
 /* Item heading */     
 
 /* Item body */     
 
 
 /* Toast */     
 
 /* Container */     
 --toast-position-s:     top;
 --toast-position-ml:     right top;
 --toast-height:     56px;
 --toast-width:     100%;
 --toast-bg-colour:     var(--meta-swatch-colour-3);
 --toast-border:     none;
 --toast-border-radius:     none;
 --toast-margin:     0;
 --toast-padding:     32px 16px;
 
 /* Comms icon */     
 --toast-comms-icon-display:     flex;
 --toast-comms-icon-colour:     var(--meta-swatch-mono-5);
 --toast-comms-icon-size:     24px;
 --toast-comms-icon-margin:     none;
 --toast-comms-icon-position:     flex-start;
 
 /* Dismiss icon */     
 --toast-dismiss-icon-display:     flex;
 --toast-dismiss-icon-colour:     var(--meta-swatch-mono-5);
 --toast-dismiss-icon-size:     24px;
 --toast-dismiss-icon-margin:     none;
 --toast-dismiss-icon-position:     flex-end;
 
 /* Message text */     
 --toast-message-colour:     var(--meta-swatch-mono-5);
 --toast-message-font-family:     var(--typo-p-medium-font-face);
 --toast-message-font-size:     20px;
 --toast-message-font-weight:     700;
 --toast-message-font-style:     normal;
 --toast-message-line-height:     1.2;
 --toast-message-letter-spacing:     0;
 --toast-message-text-transform:     none;
 --toast-message-text-align:     center;
 
 
 /* Video embed */     
 --wp-block-embed-margin:     0 0 24px 0;
 
 
 /* Video overlay */     
 
 /* Block container */     
 --video-dimmer-background:     var(--meta-swatch-mono-5);
 
 --video-flex-direction:     row;
 --video-flex-direction-m:     column;
 --video-flex-direction-l:     column;
 
 /* Video container */     
 --video-container-padding:     0;
 
 /* Close container */     
 --video-close-padding:     0 0 16px;
 --video-close-padding-m:     40px 16px;
 --video-close-padding-l:     40px 16px;
 
 --video-close-justify-content:     center;
 --video-close-justify-content-m:     flex-end;
 --video-close-justify-content-l:     flex-end;
 
 
 /* Close icon */     
 --video-close-icon-bg-padding:     8px;
 --video-close-icon-bg-background:     var(--meta-swatch-colour-2);
 --video-close-icon-bg-border:     none;
 --video-close-icon-bg-border-radius:     50%;
 --video-close-icon-bg-box-shadow:     none;
 
 --video-close-icon-size:     var(--pattern-icon-size);
 --video-close-icon-color:     var(--meta-swatch-mono-5);
 
 /* Forms */     
 
 /* Button */     
 
 /* All types - Main container */     
 --btn-align:     center;
 --btn-width:      100%;
 --btn-max-width:     100%;
 --btn-max-width-m:     350px;
 --btn-max-width-l:     350px;
 --btn-height:      54px;
 --btn-margin:     0;
 --btn-padding:     0;
 --btn-border-radius:     4px;
 --btn-effect-disabled:     0.3;
 
 /* All types - Companion */     
 
 /* All types - Icon container */     
 --btn-icon-display:     none;
 
 /* All types - SVG */     
 
 /* All types - label */     
 --btn-label-padding:     16px 18px;
 --btn-label-text-transform:     none;
 --btn-label-face:     'source';
 --btn-label-font-size:     16px;
 --btn-label-font-weight:     700;
 --btn-label-letter-spacing:     0;
 --btn-label-max-width:     100%;
 --btn-label-text-align:     center;
 
 /* Major */     
 --btn-major-background:     var(--meta-swatch-colour-1);
 --btn-major-border:     none;
 --btn-major-icon-color:     transparent;
 --btn-major-icon-bg-color:     transparent;
 --btn-major-icon-border:     none;
 --btn-major-label-color:     var(--meta-swatch-colour-6);
 --btn-major-label-font-weight:     700;
 
 /* Minor */     
 --btn-minor-background:     var(--meta-swatch-mono-5);
 --btn-minor-border:     1px solid var(--meta-swatch-mono-6);
 --btn-minor-icon-color:     transparent;
 --btn-minor-icon-bg-color:     transparent;
 --btn-minor-icon-border:     none;
 --btn-minor-label-color:     var(--meta-swatch-colour-6);
 --btn-minor-label-font-weight:     700;
 
 /* Diminished */     
 --btn-diminished-max-width:     100%;
 --btn-diminished-background:     var(--meta-swatch-colour-1);
 --btn-diminished-border:     none;
 --btn-diminished-icon-color:     transparent;
 --btn-diminished-icon-bg-color:     transparent;
 --btn-diminished-icon-border:     none;
 --btn-diminished-label-color:     var(--meta-swatch-colour-6);
 --btn-diminished-label-font-weight:     700;
 
 /* Negative */     
 --btn-negative-background:     var(--meta-swatch-mono-5);
 --btn-negative-border:     1px solid var(--meta-swatch-mono-6);
 --btn-negative-icon-color:     transparent;
 --btn-negative-icon-bg-color:     transparent;
 --btn-negative-icon-border:     none;
 --btn-negative-label-color:     var(--meta-swatch-colour-11);
 --btn-negative-label-font-weight:     700;
 
 /* Destructive */     
 --btn-destructive-background:     var(--meta-swatch-colour-11);
 --btn-destructive-border:     none;
 --btn-destructive-icon-color:     transparent;
 --btn-destructive-icon-bg-color:     transparent;
 --btn-destructive-icon-border:     none;
 --btn-destructive-label-color:     var(--meta-swatch-mono-5);
 --btn-destructive-label-font-weight:     700;
 
 /* Special */     
 --btn-special-background:     transparent;
 --btn-special-border:     none;
 --btn-special-icon-color:     transparent;
 --btn-special-icon-bg-color:     transparent;
 --btn-special-icon-border:     none;
 --btn-special-label-color:     var(--meta-swatch-colour-6);
 --btn-special-label-font-weight:     700;
 --btn-special-box-shadow:     none;
 
 
 /* Temporary link styles */     
 
 
 
 /* Checkbox */     
 
 /* Container */     
 --input-checkbox-container-padding:     8px 0;
 --input-checkbox-container-direction:     row-reverse;
 --input-checkbox-container-align-items:     center;
 --input-checkbox-container-justify-content:     space-between;
 --input-checkbox-container-border-width:     0;
 --input-checkbox-container-border-style:     none;
 --input-checkbox-container-border-color:     transparent;
 
 /* Label & info icon container */     
 --input-checkbox-label-direction:     row-reverse;
 --input-checkbox-label-justify-content:     space-between;
 --input-checkbox-label-align-items:     center;
 
 /* Label */     
 --input-checkbox-label-colour:     var(--typo-form-value-colour);
 --input-checkbox-label-font-family:     var(--typo-form-value-font-face);
 --input-checkbox-label-font-size:     var(--typo-form-value-font-size);
 --input-checkbox-label-font-weight:     var(--typo-form-value-font-weight);
 --input-checkbox-label-font-style:     var(--typo-form-value-font-style);
 --input-checkbox-label-line-height:     var(--typo-form-value-line-height);
 --input-checkbox-label-letter-spacing:     var(--typo-form-value-letter-spacing);
 --input-checkbox-label-text-transform:     var(--typo-form-value-text-transform);
 --input-checkbox-label-text-align:     var(--typo-form-value-text-align);
 --input-checkbox-label-margin:     0 12px;
 
 /* Info icon */     
 --input-checkbox-informer-margin:     0 0 0 8px;
 
 /* Field */     
 --input-checkbox-off-background-colour:     var(--pattern-input-field-background-color);
 --input-checkbox-off-border:     var(--pattern-input-field-border);
 --input-checkbox-off-background-size:     30px;
 --input-checkbox-off-icon-colour:     transparent;
 --input-checkbox-off-icon-size:     var(--pattern-icon-size);
 --input-checkbox-off-border-radius:     var(--pattern-input-field-border-radius);
 --input-checkbox-off-box-shadow:     var(--pattern-input-field-box-shadow);
 
 --input-checkbox-on-background-colour:     var(--meta-swatch-colour-9);
 --input-checkbox-on-border:     var(--pattern-input-field-border);
 --input-checkbox-on-background-size:     var(--input-checkbox-off-background-size);
 --input-checkbox-on-icon-colour:     var(--meta-swatch-mono-5);
 --input-checkbox-on-icon-size:     var(--pattern-icon-size);
 --input-checkbox-on-border-radius:     var(--pattern-input-field-border-radius);
 --input-checkbox-on-box-shadow:     none;
 
 
 
 /* Error message */     
 
 /* Container */     
 --forms-error-padding:     8px 0 0 0;
 --forms-error-background-color:     transparent;
 
 /* Label */     
 --forms-error-label-colour:     var(--meta-swatch-colour-11);
 --forms-error-label-font-family:     var(--typo-form-label-font-face);
 --forms-error-label-font-size:     var(--typo-form-label-font-size);
 --forms-error-label-font-weight:     var(--typo-form-label-font-weight);
 --forms-error-label-font-style:     var(--typo-form-label-font-style);
 --forms-error-label-line-height:     var(--typo-form-label-line-height);
 --forms-error-label-letter-spacing:     var(--typo-form-label-letter-spacing);
 --forms-error-label-text-transform:     var(--typo-form-label-text-transform);
 --forms-error-label-text-align:     var(--typo-form-label-text-align);
 
 /* Icon */     
 --forms-error-icon-display:     none;
 --forms-error-icon-size:     var(--pattern-icon-size);
 --forms-error-icon-colour:     var(--meta-swatch-colour-11);
 --forms-error-icon-margin:     0 4px 0 0;
 
 
 /* Explainer message */     
 
 /* Container */     
 
 /* Label */     
 
 
 /* Container */     
 --input-explainer-margin:     0 8px 0 0;
 --input-explainer-padding:     0;
 --input-explainer-background-color:     transparent;
 
 --input-explainer-label-colour:     var(--typo-p-small-colour);
 --input-explainer-label-font-family:     var(--typo-p-small-font-face);
 --input-explainer-label-font-size:     var(--typo-p-small-font-size);
 --input-explainer-label-font-weight:     var(--typo-p-small-font-weight);
 --input-explainer-label-font-style:     var(--typo-p-small-font-style);
 --input-explainer-label-letter-spacing:     var(--typo-p-small-letter-spacing);
 --input-explainer-label-line-height:     var(--typo-p-small-line-height);
 --input-explainer-label-text-transform:     var(--typo-p-small-text-transform);
 --input-explainer-label-text-align:     left;
 
 
 /* Input Group & Labels */     
 
 /* Form container */     
 
 /* Input group */     
 --input-group-align:     left;
 --input-group-max-width:     100%;
 --input-group-spacer:     12px;
 
 --input-container-direction:     column;
 --input-container-align-items:     normal;
 --input-container-justify-content:     normal;
 --input-container-padding:     0;
 --input-container-border-width:     0;
 --input-container-border-style:     none;
 --input-container-border-color:     transparent;
 
 --input-label-margin:     0 0 8px 0;
 --input-label-direction:     row;
 --input-label-justify-content:     flex-start;
 --input-label-align-items:     center;
 
 --input-informer-margin:     0 8px 0 0;
 --input-informer-padding:     0;
 --input-informer-border:     none;
 --input-informer-border-radius:     none;
 --input-informer-background-color:     transparent;
 --input-informer-box-shadow:     none;
 
 --input-informer-icon-size:     24px;
 --input-informer-icon-colour:     var(--meta-swatch-colour-4);
 
 
 
 
 
 
 /* Input menu */     
 
 /* Container */     
 --forms-input-menu-margin:     0;
 --forms-input-menu-padding:     0;
 --forms-input-menu-border-width:     0;
 --forms-input-menu-background-color:     var(--meta-swatch-mono-4);
 --forms-input-menu-border-radius:     0 8px 8px 0;
 --forms-input-menu-box-shadow:     none;
 
 /* Item */     
 --forms-input-menu-item-padding:     8px;
 --forms-input-menu-item-keyline:     1px solid var(--meta-swatch-mono-4);
 
 --forms-input-menu-item-label-colour:     var(--typo-form-label-colour);
 --forms-input-menu-item-label-font-family:     var(--typo-form-label-font-face);
 --forms-input-menu-item-label-font-size:     var(--typo-form-label-font-size);
 --forms-input-menu-item-label-font-weight:     var(--typo-form-label-font-weight);
 --forms-input-menu-item-label-font-style:     var(--typo-form-label-font-style);
 --forms-input-menu-item-label-line-height:     var(--typo-form-label-line-height);
 --forms-input-menu-item-label-letter-spacing:     var(--typo-form-label-letter-spacing);
 --forms-input-menu-item-label-text-transform:     var(--typo-form-label-text-transform);
 --forms-input-menu-item-label-text-align:     var(--typo-form-label-text-align);
 
 
 /* Popover */     
 
 /* Option container */     
 --popover-padding:     0;
 --popover-bg-colour:     var(--meta-swatch-mono-4);
 --popover-border:     none;
 --popover-border-radius:     12px;
 --popover-box-shadow:     0px 16px 48px rgba(0, 0, 0, 0.24);
 
 /* Option */     
 --popover-option-min-height:     40px;
 --popover-option-padding:     8px;
 --popover-option-margin:     0;
 --popover-option-keyline:     1px solid var(--meta-swatch-mono-4);
 
 /* Option label */     
 --popover-option-label-colour:     var(--typo-p-medium-colour);
 --popover-option-label-font-face:     var(--typo-p-medium-font-face);
 --popover-option-label-font-size:     var(--typo-p-medium-font-size);
 --popover-option-label-font-weight:     var(--typo-p-medium-font-weight);
 --popover-option-label-font-style:     var(--typo-p-medium-font-style);
 --popover-option-label-line-height:     var(--typo-p-medium-line-height);
 --popover-option-label-letter-spacing:     var(--typo-p-medium-letter-spacing);
 --popover-option-label-text-transform:     var(--typo-p-medium-text-transform);
 --popover-option-label-text-align:     left;
 --popover-option-label-margin:     0;
 
 /* Hover */     
 --popover-option-hover-bg-colour:     var(--meta-swatch-mono-4);
 --popover-option-hover-label-colour:     var(--meta-swatch-mono-1);
 
 
 /* Popover menu */     
 
 /* Container */     
 --popover-menu-padding:     0;
 --popover-menu-max-height:     220px;
 --popover-menu-border-width:     var(--pattern-input-field-border-width);
 --popover-menu-border-style:     var(--pattern-input-field-border-style);
 --popover-menu-border-color:     var(--pattern-input-field-border-color);
 --popover-menu-background-color:     var(--meta-swatch-mono-4);
 --popover-menu-border-radius:     var(--pattern-input-field-border-radius);
 --popover-menu-box-shadow:     0px 16px 48px rgba(0, 0, 0, 0.24);
 
 
 /* Popover menu item */     
 
 /* Container */     
 --popover-menu-item-padding:     var(--pattern-input-field-padding);
 --popover-menu-item-height:     56px;
 --popover-menu-item-border-width:     0;
 --popover-menu-item-background-color:     transparent;
 --popover-menu-item-border-radius:     0;
 --popover-menu-item-box-shadow:     none;
 
 /* Label */     
 --popover-menu-item-label-colour:     var(--typo-p-medium-colour);
 --popover-menu-item-label-font-family:     var(--typo-p-medium-font-face);
 --popover-menu-item-label-font-size:     var(--typo-p-medium-font-size);
 --popover-menu-item-label-font-weight:     var(--typo-p-medium-font-weight);
 --popover-menu-item-label-font-style:     var(--typo-p-medium-font-style);
 --popover-menu-item-label-line-height:     var(--typo-p-medium-line-height);
 --popover-menu-item-label-letter-spacing:     var(--typo-p-medium-letter-spacing);
 --popover-menu-item-label-text-transform:     var(--typo-p-medium-text-transform);
 --popover-menu-item-label-text-align:     var(--typo-p-medium-text-align);
 --popover-menu-item-label-margin:     0 8px 0 0;
 
 /*Label overrides */     
 
 /* Hover overrides */     
 --popover-menu-item-background-color-hover:     var(--meta-swatch-mono-3);
 --popover-menu-item-label-color-hover:     var(--meta-swatch-mono-1);
 
 /* Focus overrides */     
 --popover-menu-item-background-color-focus:     var(--meta-swatch-mono-3);
 --popover-menu-item-label-color-focus:     var(--meta-swatch-mono-1);
 
 /* Icon */     
 --popover-menu-item-icon-size:     var(--pattern-icon-size);
 --popover-menu-item-icon-margin:     0;
 --popover-menu-item-icon-colour:     var(--meta-swatch-colour-6);
 
 
 /* Quick feedback */     
 
 /* Container */     
 --feedback-block-padding:     40px 0 24px 0;
 --feedback-block-margin:     40px 0 0;
 --feedback-block-background:     var(--meta-swatch-mono-5);
 --feedback-block-border:     none;
 --feedback-block-border-radius:     none;
 --feedback-block-box-shadow:     none;
 
 /* Content container */     
 
 /* Header container */     
 --feedback-heading-margin:     0 auto 24px;
 
 /* Heading */     
 --feedback-heading-colour:     var(--meta-swatch-mono-1);
 --feedback-heading-font-family:     var(--typo-p-medium-font-face);
 --feedback-heading-font-size:     20px;
 --feedback-heading-font-weight:     700;
 --feedback-heading-font-style:     var(--typo-p-medium-font-style);
 --feedback-heading-line-height:     var(--typo-p-medium-line-height);
 --feedback-heading-letter-spacing:     var(--typo-p-medium-letter-spacing);
 --feedback-heading-text-transform:     var(--typo-p-medium-text-transform);
 --feedback-heading-text-align:     center;
 
 /* Items container */     
 --feedback-items-flex-direction:     row-reverse;
 --feedback-items-align-items:     center;
 --feedback-items-justify-content:     center;
 
 /* Item */     
 --feedback-item-flex-direction:     column-reverse;
 --feedback-item-align-items:     center;
 --feedback-item-justify-content:     center;
 --feedback-item-background:     transparent;
 
 /* Icon container */     
 --feedback-icon-container-height:     64px;
 --feedback-icon-container-width:     64px;
 --feedback-icon-container-margin:     0 0 12px;
 --feedback-icon-container-border-radius:     50%;
 
 /* Icon*/     
 --feedback-icon-colour:     var(--meta-swatch-mono-5);
 
 /* Label */     
 --feedback-item-label-colour:     var(--meta-swatch-mono-1);
 --feedback-item-label-font-family:     var(--typo-h-small-font-face);
 --feedback-item-label-font-size:     var(--typo-h-small-font-size);
 --feedback-item-label-font-weight:     var(--typo-h-small-font-weight);
 --feedback-item-label-font-style:     var(--typo-h-small-font-style);
 --feedback-item-label-line-height:     var(--typo-h-small-line-height);
 --feedback-item-label-letter-spacing:     var(--typo-h-small-letter-spacing);
 --feedback-item-label-text-transform:     var(--typo-h-small-text-transform);
 --feedback-item-label-text-align:     center;
 
 /*ICON STATE OVERRIDES*/     
 /* Unanswered */     
 --feedback-unanswered-icon-container-bg-colour:     var(--meta-swatch-colour-2);
 --feedback-unanswered-icon-colour:     var(--meta-swatch-mono-5);
 
 /* Answered */     
 --feedback-answered-icon-container-bg-colour:     var(--meta-swatch-mono-4);
 --feedback-answered-icon-colour:     var(--meta-swatch-mono-6);
 
 /* Selected */     
 --feedback-selected-icon-container-bg-colour:     var(--meta-swatch-colour-1);
 --feedback-selected-icon-colour:     var(--meta-swatch-colour-6);
 
 
 /* Radio buttons */     
 
 
 
 
 /* Container */     
 --input-radio-container-padding:     8px 0;
 --input-radio-container-direction:     row-reverse;
 --input-radio-container-justify-content:     space-between;
 --input-radio-container-align-items:     center;
 --input-radio-container-border-width:     0;
 --input-radio-container-border-style:     none;
 --input-radio-container-border-color:     transparent;
 
 /* Label & info icon container */     
 --input-radio-label-direction:     row-reverse;
 --input-radio-label-justify-content:     space-between;
 --input-radio-label-align-items:     center;
 
 /* Label */     
 --input-radio-label-colour:     var(--typo-p-medium-colour);
 
 --input-radio-label-font-family:     var(--typo-p-medium-font-face);
 --input-radio-label-font-size:     var(--typo-p-medium-font-size);
 --input-radio-label-font-weight:     var(--typo-p-medium-font-weight);
 --input-radio-label-font-style:     var(--typo-p-medium-font-style);
 --input-radio-label-line-height:     var(--typo-p-medium-line-height);
 --input-radio-label-letter-spacing:     var(--typo-p-medium-letter-spacing);
 --input-radio-label-text-transform:     var(--typo-p-medium-text-transform);
 --input-radio-label-text-align:     left;
 --input-radio-label-margin:     0 12px;
 
 /* Option explainer */     
 
 
 /* Info icon */     
 
 /* Field */     
 
 
 
 /* Required indicator */     
 
 
 
 
 
 /* Segmented button */     
 
 /* Container */     
 --forms-segmented-btn-height:     48px;
 --forms-segmented-btn-box-shadow:     none;
 --forms-segmented-btn-border:     var(--pattern-input-field-border);
 --forms-segmented-btn-border-radius:     var(--pattern-input-field-border-radius);
 --forms-segmented-btn-bg-colour:     var(--pattern-input-field-background-color);
 --forms-segmented-btn-padding:     1px;
 --forms-segmented-btn-flex-direction:     row;
 --forms-segmented-btn-flex-direction-m:     row;
 --forms-segmented-btn-flex-direction-l:     row;
 
 /* Item layout */     
 --forms-segmented-btn-item-height:     54px;
 --forms-segmented-btn-item-height-m:     54px;
 --forms-segmented-btn-item-height-l:     54px;
 --forms-segmented-btn-item-label-face:     'source';
 --forms-segmented-btn-item-label-size:     15px;
 --forms-segmented-btn-item-padding:     0px 8px;
 --forms-segmented-btn-item-margin:     none;
 --forms-segmented-btn-item-margin-m:     none;
 --forms-segmented-btn-item-margin-l:     none;
 
 /* Item off */     
 --forms-segmented-btn-item-off-outer-radius:     7px;
 --forms-segmented-btn-item-off-inner-radius:     0;
 --forms-segmented-btn-item-off-bg-colour:     transparent;
 --forms-segmented-btn-item-off-border:     none;
 --forms-segmented-btn-item-off-label-colour:     var(--meta-swatch-colour-6);
 --forms-segmented-btn-item-off-label-weight:     var(--typo-form-label-font-weight);
 --forms-segmented-btn-item-off-label-font-style:     var(--typo-form-label-font-style);
 --forms-segmented-btn-item-off-label-line-height:     var(--typo-form-label-line-height);
 --forms-segmented-btn-item-off-label-letter-spacing:     var(--typo-form-label-letter-spacing);
 --forms-segmented-btn-item-off-label-text-transform:     var(--typo-form-label-text-transform);
 --forms-segmented-btn-item-off-box-shadow:     none;
 
 /* Item on */     
 --forms-segmented-btn-item-on-outer-radius:     7px;
 --forms-segmented-btn-item-on-inner-radius:     0;
 --forms-segmented-btn-item-on-bg-colour:     var(--meta-swatch-colour-6);
 --forms-segmented-btn-item-on-border:     none;
 --forms-segmented-btn-item-on-label-colour:     var(--meta-swatch-mono-5);
 --forms-segmented-btn-item-on-label-weight:     var(--typo-form-label-font-weight);
 --forms-segmented-btn-item-on-label-font-style:     var(--typo-form-label-font-style);
 --forms-segmented-btn-item-on-label-line-height:     var(--typo-form-label-line-height);
 --forms-segmented-btn-item-on-label-letter-spacing:     var(--typo-form-label-letter-spacing);
 --forms-segmented-btn-item-on-label-text-transform:     var(--typo-form-label-text-transform);
 --forms-segmented-btn-item-on-box-shadow:     var(--pattern-input-field-box-shadow);
 
 
 /* Select menu */     
 
 --select-container-padding:     16px 0;
 
 /* Field */     
 --select-field-padding:     var(--pattern-input-field-padding);
 --select-field-width:     var(--pattern-input-field-width);
 --select-field-height:     var(--pattern-input-field-height);
 --select-field-border-width:     var(--pattern-input-field-border-width);
 --select-field-border-style:     var(--pattern-input-field-border-style);
 --select-field-border-color:     var(--pattern-input-field-border-color);
 --select-field-background-color:     var(--pattern-input-field-background-color);
 --select-field-border-radius:     var(--pattern-input-field-border-radius);
 --select-field-box-shadow:     var(--pattern-input-field-box-shadow);
 
 /* Label */     
 --select-label-colour:     var(--typo-form-label-colour);
 --select-label-font-family:     var(--typo-form-label-font-face);
 --select-label-font-size:     var(--typo-form-label-font-size);
 --select-label-font-weight:     var(--typo-form-label-font-weight);
 --select-label-font-style:     var(--typo-form-label-font-style);
 --select-label-line-height:     var(--typo-form-label-line-height);
 --select-label-letter-spacing:     var(--typo-form-label-letter-spacing);
 --select-label-text-transform:     var(--typo-form-label-text-transform);
 --select-label-text-align:     var(--typo-form-label-text-align);
 --select-label-margin:     var(--typo-form-label-margin);
 --filter-select-label-font-size:     var(--typo-form-label-font-size);
 
 
 /* Value */     
 
 /* Icon */     
 
 
 /* Switch */     
 
 /* Container */     
 --input-switch-container-padding:     8px 0;
 --input-switch-container-direction:     row;
 --input-switch-container-justify-content:     space-between;
 --input-switch-container-justify-align-items:     center;
 --input-switch-container-border-width:     0;
 --input-switch-container-border-style:     none;
 --input-switch-container-border-color:     transparent;
 
 /* Control layout */     
 --input-switch-body-width:     56px;
 --input-switch-body-height:     28px;
 --input-switch-body-padding:     2px;
 --input-switch-body-border-radius:     16px;
 --input-switch-handle-size:     28px;
 
 /* Body off */     
 --input-switch-off-body-bg-colour:     var(--meta-swatch-mono-4);
 --input-switch-off-body-border:     none;
 --input-switch-off-body-box-shadow:     none;
 
 --input-switch-off-handle-bg-colour:     var(--meta-swatch-mono-6);
 --input-switch-off-handle-border:     none;
 --input-switch-off-handle-box-shadow:     none;
 
 /* Body on */     
 --input-switch-on-body-bg-colour:     var(--meta-swatch-colour-6);
 --input-switch-on-body-border:     none;
 --input-switch-on-body-box-shadow:     var(--pattern-input-field-box-shadow);
 
 --input-switch-on-handle-bg-colour:     var(--meta-swatch-mono-5);
 --input-switch-on-handle-border:     none;
 --input-switch-on-handle-box-shadow:     none;
 
 /* Body mandatory */     
 
 /* Body label */     
 
 
 /* Label */     
 --input-switch-label-direction:     row;
 --input-switch-label-justify-content:     flex-start;
 --input-switch-label-align-items:     center;
 --input-switch-label-colour:     var(--typo-form-label-colour);
 --input-switch-label-font-family:     var(--typo-form-label-font-face);
 --input-switch-label-font-size:     var(--typo-form-label-font-size);
 --input-switch-label-font-weight:     var(--typo-form-label-font-weight);
 --input-switch-label-font-style:     var(--typo-form-label-font-style);
 --input-switch-label-line-height:     var(--typo-form-label-line-height);
 --input-switch-label-letter-spacing:     var(--typo-form-label-letter-spacing);
 --input-switch-label-text-transform:     var(--typo-form-label-text-transform);
 --input-switch-label-text-align:     var(--typo-form-label-text-align);
 --input-switch-label-margin:     0 8px 0 0;
 
 --input-switch-informer-margin:     0 8px 0 0;
 
 
 /* Text area */     
 
 /* Container */     
 
 /* Field container */     
 --forms-textarea-padding:     var(--pattern-input-field-padding);
 --forms-textarea-width:     var(--pattern-input-field-width);
 --forms-textarea-height:     var(--pattern-input-field-height);
 --forms-textarea-border-width:     var(--pattern-input-field-border-width);
 --forms-textarea-border-style:     var(--pattern-input-field-border-style);
 --forms-textarea-border-color:     var(--pattern-input-field-border-color);
 --forms-textarea-background-color:     var(--pattern-input-field-background-color);
 --forms-textarea-border-radius:     var(--pattern-input-field-border-radius);
 --forms-textarea-box-shadow:     var(--pattern-input-field-box-shadow);
 
 /* Label */     
 --forms-textarea-label-colour:     var(--typo-form-label-colour);
 --forms-textarea-label-font-family:     var(--typo-form-label-font-face);
 --forms-textarea-label-font-size:     var(--typo-form-label-font-size);
 --forms-textarea-label-font-weight:     var(--typo-form-label-font-weight);
 --forms-textarea-label-font-style:     var(--typo-form-label-font-style);
 --forms-textarea-label-line-height:     var(--typo-form-label-line-height);
 --forms-textarea-label-letter-spacing:     var(--typo-form-label-letter-spacing);
 --forms-textarea-label-text-transform:     var(--typo-form-label-text-transform);
 --forms-textarea-label-text-align:     var(--typo-form-label-text-align);
 --forms-textarea-label-margin:     var(--typo-form-label-margin);
 
 /* Informer */     
 
 /* Placeholder */     
 --forms-textarea-placeholder-colour:     var(--meta-swatch-mono-2);
 --forms-textarea-placeholder-font-family:     var(--typo-form-value-font-face);
 --forms-textarea-placeholder-font-size:     16px;
 --forms-textarea-placeholder-font-weight:     var(--typo-form-value-font-weight);
 --forms-textarea-placeholder-font-style:     var(--typo-form-value-font-style);
 --forms-textarea-placeholder-line-height:     var(--typo-form-value-line-height);
 --forms-textarea-placeholder-letter-spacing:     var(--typo-form-value-letter-spacing);
 --forms-textarea-placeholder-text-transform:     var(--typo-form-value-text-transform);
 --forms-textarea-placeholder-text-align:     var(--typo-form-value-text-align);
 
 
 /* Value */     
 --forms-textarea-value-colour:     var(--typo-form-value-colour);
 --forms-textarea-value-font-family:     var(--typo-form-value-font-face);
 --forms-textarea-value-font-size:     var(--typo-form-value-font-size);
 --forms-textarea-value-font-weight:     var(--typo-form-value-font-weight);
 --forms-textarea-value-font-style:     var(--typo-form-value-font-style);
 --forms-textarea-value-line-height:     var(--typo-form-value-line-height);
 --forms-textarea-value-letter-spacing:     var(--typo-form-value-letter-spacing);
 --forms-textarea-value-text-transform:     var(--typo-form-value-text-transform);
 --forms-textarea-value-text-align:     var(--typo-form-value-text-align);
 
 
 /* Text input */     
 
 /* Layout order */     
 
 
 /* Container */     
 
 /* Field container */     
 --forms-input-padding:     var(--pattern-input-field-padding);
 --forms-input-width:     var(--pattern-input-field-width);
 --forms-input-height:     var(--pattern-input-field-height);
 --forms-input-border-width:     var(--pattern-input-field-border-width);
 --forms-input-border-style:     var(--pattern-input-field-border-style);
 --forms-input-border-color:     var(--pattern-input-field-border-color);
 --forms-input-background-color:     var(--pattern-input-field-background-color);
 --forms-input-border-radius:     var(--pattern-input-field-border-radius);
 --forms-input-box-shadow:     var(--pattern-input-field-box-shadow);
 
 /* Label */     
 --forms-input-label-colour:     var(--meta-swatch-mono-5);
 --forms-input-label-font-family:     var(--typo-form-label-font-face);
 --forms-input-label-font-size:     16px;
 --forms-input-label-font-weight:     400;
 --forms-input-label-font-style:     var(--typo-form-label-font-style);
 --forms-input-label-line-height:     var(--typo-form-label-line-height);
 --forms-input-label-letter-spacing:     var(--typo-form-label-letter-spacing);
 --forms-input-label-text-transform:     var(--typo-form-label-text-transform);
 --forms-input-label-text-align:     var(--typo-form-label-text-align);
 --forms-input-label-margin:     var(--typo-form-label-margin);
 
 /* Informer */     
 
 /* Placeholder */     
 --forms-input-placeholder-colour:     var(--meta-swatch-mono-2);
 --forms-input-placeholder-font-family:     var(--typo-form-value-font-face);
 --forms-input-placeholder-font-size:     16px;
 --forms-input-placeholder-font-weight:     var(--typo-form-value-font-weight);
 --forms-input-placeholder-font-style:     var(--typo-form-value-font-style);
 --forms-input-placeholder-line-height:     var(--typo-form-value-line-height);
 --forms-input-placeholder-letter-spacing:     var(--typo-form-value-letter-spacing);
 --forms-input-placeholder-text-transform:     var(--typo-form-value-text-transform);
 --forms-input-placeholder-text-align:     var(--typo-form-value-text-align);
 
 /* Value */     
 --forms-input-value-colour:     var(--typo-form-value-colour);
 --forms-input-value-font-family:     var(--typo-form-value-font-face);
 --forms-input-value-font-size:     var(--typo-form-value-font-size);
 --forms-input-value-font-weight:     var(--typo-form-value-font-weight);
 --forms-input-value-font-style:     var(--typo-form-value-font-style);
 --forms-input-value-line-height:     var(--typo-form-value-line-height);
 --forms-input-value-letter-spacing:     var(--typo-form-value-letter-spacing);
 --forms-input-value-text-transform:     var(--typo-form-value-text-transform);
 --forms-input-value-text-align:     var(--typo-form-value-text-align);
 
 
 /* Tick indicator */     
 
 /* These are currently in use but... */     
 --account-password-tick-off-colour:     var(--meta-swatch-mono-4);
 --account-password-tick-on-colour:     var(--meta-swatch-colour-6);
 
 --input-tick-container-padding:     0;
 --input-tick-container-direction:     row-reverse;
 --input-tick-container-align-items:     center;
 --input-tick-container-justify-content:     flex-end;
 --input-tick-container-border-width:     0;
 --input-tick-container-border-style:     none;
 --input-tick-container-border-color:     transparent;
 
 --input-tick-label-direction:     row;
 --input-tick-label-justify-content:     flex-start;
 --input-tick-label-align-items:     center;
 --input-tick-label-colour:     var(--typo-p-medium-colour);
 --input-tick-label-font-face:     var(--typo-p-medium-font-face);
 --input-tick-label-font-family:     var(--typo-p-medium-font-face);
 --input-tick-label-font-size:     var(--typo-p-medium-font-size);
 --input-tick-label-font-weight:     var(--typo-p-medium-font-weight);
 --input-tick-label-font-style:     var(--typo-p-medium-font-style);
 --input-tick-label-line-height:     var(--typo-p-medium-line-height);
 --input-tick-label-letter-spacing:     var(--typo-p-medium-letter-spacing);
 --input-tick-label-text-transform:     var(--typo-p-medium-text-transform);
 --input-tick-label-text-align:     left;
 --input-tick-label-margin:     0 0 0 8px;
 
 --forms-wheel-informer-margin:     0 8px 0 0;
 
 /* These should be the new controls */     
 --swatch-forms-tick-size:     var(--pattern-icon-size);
 
 --swatch-forms-tick-icon-on:     var(--meta-swatch-colour-3);
 
 
 
 /* Wheel input */     
 
 /* Container */     
 --forms-wheel-container-max-width:     var(--btn-max-width);
 --forms-wheel-text-margin-bottom:     var(--pattern-form-label-margin-bottom);
 --forms-wheel-label-width:     27.5%;
 --forms-wheel-value-width:     45%;
 
 /* Grips */     
 --forms-wheel-grip-container-height:     48px;
 --forms-wheel-grip-container-bg-colour:     var(--pattern-input-field-background-color);
 --forms-wheel-grip-container-border:     none;
 --forms-wheel-grip-container-border-radius:     var(--pattern-input-field-border-radius);
 --forms-wheel-grip-container-shadow:     var(--pattern-input-field-box-shadow);
 
 --forms-wheel-grips-height:     32px;
 --forms-wheel-grips-width:     2px;
 --forms-wheel-grips-colour:     var(--meta-swatch-mono-6);
 --forms-wheel-grips-vertical-position:     center;
 
 /* Stepper buttons */     
 --forms-wheel-stepper-width:     24px;
 --forms-wheel-stepper-height:     48px;
 --forms-wheel-stepper-margin:     12px;
 --forms-wheel-stepper-bg-colour:     transparent;
 --forms-wheel-stepper-border:     none;
 --forms-wheel-stepper-border-radius:     0;
 --forms-wheel-stepper-icon-size:     var(--pattern-icon-size);
 --forms-wheel-stepper-icon-on-colour:     var(--meta-swatch-colour06);
 --forms-wheel-stepper-icon-off-colour:     var(--meta-swatch-mono-6);
 --forms-wheel-stepper-disabled-opacity:     var(--pattern-disabled-opacity);
 
 /* Frame */     
 --forms-wheel-frame-display:     none;
 
 --forms-wheel-fade-colour:     none;
 
 /* Value indicator */     
 --forms-wheel-indicator-on-colour:     transparent;
 --forms-wheel-indicator-off-colour:     transparent;
 --forms-wheel-indicator-width:     2px;
 --forms-wheel-indicator-arrowhead-display:     none;
 --forms-wheel-indicator-height:     100%;
 --forms-wheel-indicator-align:     0;
 
 /* Label */     
 --forms-wheel-label-direction:     row;
 --forms-wheel-label-justify-content:     flex-start;
 --forms-wheel-label-align-items:     center;
 --forms-wheel-label-colour:     var(--typo-form-label-colour);
 --forms-wheel-label-font-face:     var(--typo-form-label-font-face);
 --forms-wheel-label-font-size:     var(--typo-form-label-font-size);
 --forms-wheel-label-font-weight:     var(--typo-form-label-font-weight);
 --forms-wheel-label-font-style:     var(--typo-form-label-font-style);
 --forms-wheel-label-line-height:     var(--typo-form-label-line-height);
 --forms-wheel-label-letter-spacing:     var(--typo-form-label-letter-spacing);
 --forms-wheel-label-text-transform:     var(--typo-form-label-text-transform);
 
 
 --forms-wheel-value-colour:     var(--typo-form-value-colour);
 --forms-wheel-value-font-face:     var(--typo-form-value-font-face);
 --forms-wheel-value-font-size:     var(--typo-form-value-font-size);
 --forms-wheel-value-font-weight:     var(--typo-form-value-font-weight);
 --forms-wheel-value-font-style:     var(--typo-form-value-font-style);
 --forms-wheel-value-line-height:     var(--typo-form-value-line-height);
 --forms-wheel-value-letter-spacing:     var(--typo-form-value-letter-spacing);
 --forms-wheel-value-text-transform:     var(--typo-form-value-text-transform);
 --forms-wheel-value-text-align:     center;
 
 --forms-wheel-computed-colour:      var(--typo-form-value-colour);
 --forms-wheel-computed-font-face:      var(--typo-form-value-font-face);
 --forms-wheel-computed-font-size:      var(--typo-form-value-font-size);
 --forms-wheel-computed-font-weight:      var(--typo-form-value-font-weight);
 --forms-wheel-computed-font-style:      var(--typo-form-value-font-style);
 --forms-wheel-computed-line-height:      var(--typo-form-value-line-height);
 --forms-wheel-computed-letter-spacing:      var(--typo-form-value-letter-spacing);
 --forms-wheel-computed-text-transform:      var(--typo-form-value-text-transform);
 
 
 
 /* Navigation */     
 
 /* Accordion */     
 
 /* <ul> List Container */     
 --accordion-v2-padding:     0;
 --accordion-v2-border:     none;
 --accordion-v2-border-radius:     none;
 --accordion-v2-item-keyline:     none;
 
 
 
 /* Accordion title container */     
 
 
 /* Accordion title */     
 
 /* Header container */     
 --accordion-v2-header-direction:     row;
 --accordion-v2-header-justify:      space-between;
 --accordion-v2-header-padding:     16px 0;
 --accordion-v2-header-margin:     0;
 --accordion-v2-header-bg-color:     transparent;
 
 /* Header label */     
 --accordion-v2-title-colour:      var(--meta-swatch-mono-1);
 --accordion-v2-title-font-family:      'source';
 --accordion-v2-title-font-size:      20px;
 --accordion-v2-title-font-weight:      700;
 --accordion-v2-title-font-style:      normal;
 --accordion-v2-title-line-height:      1.2;
 --accordion-v2-title-letter-spacing:      0;
 --accordion-v2-title-text-transform:      none;
 --accordion-v2-title-text-align:      left;
 
 /* Content */     
 
 /* Header icon */     
 --accordion-v2-icon-color:      var(--meta-swatch-colour-6);
 
 /* Open overrides */     
 
 
 
 /* Block container */     
 --accordion-flex-direction:     row;
 --accordion-flex-direction-m:     row-reverse;
 --accordion-flex-direction-l:     row-reverse;
 
 --accordion-padding:     0;
 --accordion-padding-m:     0;
 --accordion-padding-l:     0;
 
 --accordion-margin:     0;
 --accordion-background:     transparent;
 
 --accordion-border-top:     1px solid var(--meta-swatch-mono-3);
 
 /* Content container */     
 --accordion-content-flex-direction:     column;
 --accordion-content-flex-direction-m:     row;
 --accordion-content-flex-direction-l:     row;
 
 --accordion-content-gap:     16px;
 
 --accordion-content-justify-content:     flex-start;
 --accordion-content-justify-content-m:     space-between;
 --accordion-content-justify-content-l:     space-between;
 
 /* Words container */     
 --accordion-words-gap:     4px;
 --accordion-words-gap-m:     4px;
 --accordion-words-gap-l:     4px;
 
 --accordion-words-grow:     1;
 --accordion-words-grow-m:     1;
 --accordion-words-grow-l:     1;
 
 /* Action container */     
 --accordion-action-grow:     1;
 --accordion-action-grow-m:     0;
 --accordion-action-grow-l:     0;
 
 
 
 /* Nested Checkbox */     
 --accordion-checkbox-container-direction:     row;
 --accordion-checkbox-container-direction-m:     row;
 --accordion-checkbox-container-direction-l:     row;
 
 
 --accordion-checkbox-field-size:     32px;
 
 
 
 --accordion-checkbox-label-colour-off:     var(--meta-swatch-colour-11);
 --accordion-checkbox-label-colour-on:     var(--meta-swatch-mono-2);
 
 --accordion-checkbox-label-font-family:     'source';
 --accordion-checkbox-label-font-size:     20px;
 --accordion-checkbox-label-font-weight:     700;
 --accordion-checkbox-label-font-style:     normal;
 --accordion-checkbox-label-line-height:     1.2;
 --accordion-checkbox-label-letter-spacing:     0;
 --accordion-checkbox-label-text-transform:     none;
 --accordion-checkbox-label-text-align:     left;
 --accordion-checkbox-label-margin:     0;
 
 
 /* Repeater Card */     
 
 /* Block container */     
 --card-background:     var(--meta-swatch-colour-2);
 --card-border-radius:     0;
 
 /* Header */     
 --card-play-icon-size:     80px;
 --card-play-icon-color:     rgba(255,255,255,0.8);
 
 /* Image */     
 
 /* Body */     
 --card-body-padding:     15px 20px;
 
 --card-heading-colour:     var(--meta-swatch-mono-5);
 --card-heading-font-family:     'source';
 
 --card-heading-font-size:     22px;
 --card-heading-font-size-m:     28px;
 --card-heading-font-size-l:     28px;
 
 --card-heading-font-weight:     600;
 --card-heading-font-style:     normal;
 --card-heading-line-height:     1.3;
 --card-heading-letter-spacing:     0;
 --card-heading-text-transform:     none;
 --card-heading-text-align:     left;
 
 --card-heading-padding:     0 0 8px 0;
 
 --card-excerpt-colour:     var(--meta-swatch-mono-5);
 --card-excerpt-font-face:     var(--typo-p-medium-font-face);
 --card-excerpt-font-size:     var(--typo-p-medium-font-size);
 --card-excerpt-font-weight:     var(--typo-p-medium-font-weight);
 --card-excerpt-font-style:     var(--typo-p-medium-font-style);
 --card-excerpt-line-height:     var(--typo-p-medium-line-height);
 --card-excerpt-label-spacing:     var(--typo-p-medium-letter-spacing);
 --card-excerpt-text-transform:     var(--typo-p-medium-text-transform);
 --card-excerpt-text-align:     var(--typo-p-medium-text-align);
 --card-excerpt-padding:     0;
 
 /* Footer */     
 --card-footer-padding:     0 16px 16px;
 
 --card-label-icon-size:     var(--pattern-icon-size);
 --card-label-icon-color:     var(--meta-swatch-mono-5);
 
 --card-label-colour:     var(--meta-swatch-mono-5);
 --card-label-font-family:     'source';
 --card-label-font-size:     15px;
 --card-label-font-weight:     500;
 --card-label-font-style:     normal;
 --card-label-line-height:     1.3;
 --card-label-label-spacing:     0;
 --card-label-text-transform:     none;
 --card-label-text-align:     left;
 --card-label-padding:     0 4px;
 
 --card-action-icon-size:     var(--pattern-icon-size);
 --card-action-icon-color:     var(--meta-swatch-mono-5);
 
 /* Category links */     
 
 /* Block Container */     
 --cat-links-padding:     64px 0;
 --cat-links-background:     linear-gradient(107.01deg, #F2F2F2 13.88%, #DEDEDE 89.14%);
 
 /* Content Container */     
 
 /* Heading */     
 --cat-links-heading-colour:     var(--meta-swatch-mono-1);
 --cat-links-heading-font-size:     24px;
 --cat-links-heading-font-family:     'source';
 --cat-links-heading-font-weight:     700;
 --cat-links-heading-font-style:     normal;
 --cat-links-heading-line-height:     1.2;
 --cat-links-heading-letter-spacing:     0;
 --cat-links-heading-text-transform:     none;
 
 /* Sub heading */     
 --cat-links-sub-heading-colour:     var(--meta-swatch-mono-1);
 --cat-links-sub-heading-font-size:     16px;
 --cat-links-sub-heading-font-family:     'source';
 --cat-links-sub-heading-font-weight:     400;
 --cat-links-sub-heading-font-style:     normal;
 --cat-links-sub-heading-line-height:     1.2;
 --cat-links-sub-heading-letter-spacing:     0;
 --cat-links-sub-heading-text-transform:     none;
 
 /* Link */     
 
 /* Items Container */     
 --cat-links-items-margin:     0 0 24px;
 --cat-links-items-margin-m:     0 0 24px;
 --cat-links-items-margin-l:     0 0 24px;
 --cat-links-items-col-gap:     16px;
 --cat-links-items-row-gap:     16px;
 
 /* Item container */     
 --cat-links-item-background:     var(--meta-swatch-mono-5);
 --cat-links-item-padding:     28px 12px;
 --cat-links-item-border:     none;
 --cat-links-item-border-radius:     0;
 --cat-links-item-box-shadow:     0px 0px 10px rgba(0, 0, 0, 0.15);
 
 
 
 /* Item label */     
 --cat-links-item-label-colour:     var(--meta-swatch-mono-1);
 --cat-links-item-label-font-size:     20px;
 --cat-links-item-label-font-family:     'source';
 --cat-links-item-label-font-weight:     700;
 --cat-links-item-label-font-style:     normal;
 --cat-links-item-label-line-height:     1.2;
 --cat-links-item-label-letter-spacing:     0;
 --cat-links-item-label-text-transform:     none;
 
 /* Item icon */     
 --cat-links-icon-bg-background:     var(--meta-swatch-colour-6);
 --cat-links-icon-bg-size:     48px;
 --cat-links-icon-bg-border:     none;
 --cat-links-icon-bg-border-radius:     50%;
 --cat-links-icon-colour:     var(--meta-swatch-mono-5);
 --cat-links-icon-size:     40px;
 --cat-links-icon-font-size:     40px;
 --cat-links-icon-margin:     0 12px 0 0;
 
 /* Checklist Section Container */     
 --checklist-section-container-bg-colour:     transparent;
 --checklist-section-container-even-bg-colour:     var(--meta-swatch-mono-4);
 
 --checklist-section-container-padding:     32px 0;
 
 
 
 /* Checklist Item */     
 
 /* Container */     
 --checklist-item-bg-colour:     transparent;
 
 
 
 
 /* Indicator */     
 --checklist-item-indicator-width:     0;
 --checklist-item-indicator-on-colour:     transparent;
 --checklist-item-indicator-off-colour:     transparent;
 --checklist-item-indicator-hover-colour:     transparent;
 
 /* Keylines */     
 --checklist-item-keyline:     1px solid var(--meta-swatch-mono-3);
 --checklist-item-keyline-last:     none;
 --checklist-item-keyline-margin:     none;
 --checklist-item-keyline-max-width:     none;
 
 /* Button */     
 --checklist-item-btn-height:     36px;
 --checklist-item-btn-min-height:     72px;
 --checklist-item-btn-max-width:     720px;
 --checklist-item-btn-margin:     0 16px 12px 8px;
 --checklist-item-btn-padding:     8px 0;
 --checklist-item-btn-bg-colour:     transparent;
 --checklist-item-btn-border:     none;
 --checklist-item-btn-border-radius-first:     0;
 --checklist-item-btn-border-radius:     0;
 --checklist-item-btn-border-radius-last:     0;
 --checklist-item-btn-box-shadow:     none;
 
 /* Labels container */     
 --checklist-item-labels-padding:     0;
 
 /* Activity Label */     
 --checklist-item-label-colour:     var(--typo-p-small-colour);
 --checklist-item-label-font-family:     var(--typo-p-small-font-face);
 --checklist-item-label-font-size:     16px;
 --checklist-item-label-font-weight:     400;
 --checklist-item-label-font-style:     var(--typo-p-small-font-style);
 --checklist-item-label-line-height:     var(--typo-p-small-line-height);
 --checklist-item-label-letter-spacing:     var(--typo-p-small-letter-spacing);
 --checklist-item-label-text-transform:     var(--typo-p-small-text-transform);
 --checklist-item-label-align:     left;
 --checklist-item-label-padding:     0;
 
 /* Status Label */     
 --checklist-item-status-label-display:     none;
 
 
 /* Action icon */     
 --checklist-item-action-bg-height:     32px;
 --checklist-item-action-bg-width:     24px;
 --checklist-item-action-bg-margin:     auto 0px auto 12px;
 --checklist-item-action-icon-color:     var(--meta-swatch-colour-2);
 --checklist-item-action-icon-size:     var(--pattern-icon-size);
 
 /* Status */     
 --checklist-item-checkbox-bg-height:     var(--pattern-icon-size);
 --checklist-item-checkbox-bg-width:     var(--pattern-icon-size);
 --checklist-item-checkbox-bg-margin:     0 16px 0 0;
 --checklist-item-checkbox-bg-border-radius:     50%;
 --checklist-item-checkbox-border-radius:     50%;
 --checklist-item-checkbox-icon-size:     var(--pattern-icon-size);
 
 /* Old hardcoded statuses */     
 
 
 
 
 
 
 
 
 
 /* New dynamic statuses */     
 --checklist-item-checkbox-bg-colour:     var(--meta-swatch-colour-5);
 --checklist-item-checkbox-border:     none;
 --checklist-item-checkbox-icon-colour:     var(--meta-swatch-mono-5);
 
 --checklist-item-checkbox-notstarted-bg-colour:     var(--meta-swatch-colour-5);
 --checklist-item-checkbox-notstarted-border:     none;
 --checklist-item-checkbox-notstarted-icon-colour:     transparent;
 
 --checklist-item-checkbox-seen-bg-colour:     var(--meta-swatch-colour-5);
 --checklist-item-checkbox-seen-border:     none;
 --checklist-item-checkbox-seen-icon-colour:     var(--meta-swatch-mono-5);
 
 --checklist-item-checkbox-inprogress-bg-colour:     var(--meta-swatch-colour-5);
 --checklist-item-checkbox-inprogress-border:     none;
 --checklist-item-checkbox-inprogress-icon-colour:     var(--meta-swatch-mono-5);
 
 --checklist-item-checkbox-snooze-bg-colour:     var(--meta-swatch-colour-5);
 --checklist-item-checkbox-snooze-border:     none;
 --checklist-item-checkbox-snooze-icon-colour:     var(--meta-swatch-mono-5);
 
 --checklist-item-checkbox-pause-bg-colour:     var(--meta-swatch-colour-5);
 --checklist-item-checkbox-pause-border:     none;
 --checklist-item-checkbox-pause-icon-colour:     var(--meta-swatch-mono-5);
 
 --checklist-item-checkbox-notapplicable-bg-colour:     var(--meta-swatch-colour-5);
 --checklist-item-checkbox-notapplicable-border:     none;
 --checklist-item-checkbox-notapplicable-icon-colour:     var(--meta-swatch-mono-5);
 
 --checklist-item-checkbox-notkeen-bg-colour:     var(--meta-swatch-colour-5);
 --checklist-item-checkbox-notkeen-border:     none;
 --checklist-item-checkbox-notkeen-icon-colour:     var(--meta-swatch-mono-5);
 
 --checklist-item-checkbox-alreadyhaveone-bg-colour:     var(--meta-swatch-colour-5);
 --checklist-item-checkbox-alreadyhaveone-border:     none;
 --checklist-item-checkbox-alreadyhaveone-icon-colour:     var(--meta-swatch-mono-5);
 
 --checklist-item-checkbox-completed-bg-colour:     var(--meta-swatch-colour-5);
 --checklist-item-checkbox-completed-border:     none;
 --checklist-item-checkbox-completed-icon-colour:     var(--meta-swatch-mono-5);
 
 --checklist-item-checkbox-externallink-bg-colour:     var(--meta-swatch-colour-5);
 --checklist-item-checkbox-externallink-border:     none;
 --checklist-item-checkbox-externallink-icon-colour:     var(--meta-swatch-mono-5);
 
 
 
 /* Checklist Section Header */     
 
 /* Container */     
 --checklist-section-margin:     none;
 --checklist-section-bg-colour:     transparent;
 
 /* Keylines */     
 --checklist-section-keyline-top-margin:     none;
 --checklist-section-keyline-top-first:     none;
 --checklist-section-keyline-top:     none;
 --checklist-section-keyline-bottom-margin:     none;
 --checklist-section-keyline-bottom:     none;
 
 /* Toggle */     
 --checklist-toggle-height:     40px;
 --checklist-toggle-width:     40px;
 --checklist-toggle-icon-size:     var(--pattern-icon-size);
 --checklist-toggle-border-radius:     0;
 --checklist-toggle-margin:     0 0 auto 8px;
 --checklist-toggle-open-icon-colour:     var(--meta-swatch-colour-2);
 --checklist-toggle-open-bg-colour:     transparent;
 --checklist-toggle-open-border:     none;
 --checklist-toggle-close-icon-colour:     var(--meta-swatch-colour-2);
 --checklist-toggle-close-bg-colour:     transparent;
 --checklist-toggle-close-border:     none;
 
 /* Icon */     
 --checklist-section-icon-display:     none;
 
 /* Heading */     
 --checklist-section-heading-colour:     var(--typo-h-medium-colour);
 --checklist-section-heading-family:     var(--typo-h-medium-font-face);
 --checklist-section-heading-size:     var(--typo-h-medium-font-size);
 --checklist-section-heading-weight:     var(--typo-h-medium-font-weight);
 --checklist-section-heading-font-style:     var(--typo-h-medium-font-style);
 --checklist-section-heading-line-height:     var(--typo-h-medium-line-height);
 --checklist-section-heading-letter-spacing:     var(--typo-h-medium-letter-spacing);
 --checklist-section-heading-text-transform:     var(--typo-h-medium-text-transform);
 --checklist-section-heading-text-align:     left;
 
 
 /* Sub heading */     
 --checklist-section-sub-heading-colour:     var(--typo-p-small-colour);
 --checklist-section-sub-heading-family:     var(--typo-p-small-font-face);
 --checklist-section-sub-heading-size:     var(--typo-p-small-font-size);
 --checklist-section-sub-heading-weight:     var(--typo-p-small-font-weight);
 --checklist-section-sub-heading-font-style:     var(--typo-p-small-font-style);
 --checklist-section-sub-heading-line-height:     var(--typo-p-small-line-height);
 --checklist-section-sub-heading-letter-spacing:     var(--typo-p-small-letter-spacing);
 --checklist-section-sub-heading-text-transform:     var(--typo-p-small-text-transform);
 --checklist-section-sub-heading-text-align:     left;
 
 /* Spacing */     
 --checklist-section-spacer-top:     0;
 --checklist-section-spacer-middle:     8px;
 --checklist-section-spacer-bottom:     16px;
 
 /* Motion */     
 --checklist-accordion-duration:     var(--motion-expand-transition-duration);
 --checklist-accordion-motion-curve:     ease-out;
 
 
 /* Coach */     
 
 /* Container */     
 --theme-coach-bg-color:     var(--meta-swatch-colour-1);
 --coach-padding-top:     16px;
 --coach-padding-bottom:     16px;
 --coach-padding-top-m:     48px;
 --coach-padding-bottom-m:     48px;
 --coach-padding-top-l:     64px;
 --coach-padding-bottom-l:     64px;
 
 /* Avatar */     
 --theme-coach-avatar-display:     none;
 
 /* Message bubble */     
 --coach-message-img-display:     none;
 --coach-message-margin-right:     0px;
 --coach-message-border-radius:      4px;
 --coach-message-border:     1px solid var(--meta-swatch-mono-3);
 --coach-message-box-shadow:     none;
 --coach-message-padding:      16px;
 --coach-message-bg-colour:     var(--meta-swatch-mono-4);
 
 /* Message text */     
 --coach-message-text-colour:     var(--meta-swatch-mono-1);
 --coach-message-font-family:     'source';
 --coach-message-text-size:     16px;
 --coach-message-text-weight:      400;
 --coach-message-text-style:      normal;
 --coach-message-letter-spacing:     0;
 --coach-message-line-height:     1.4;
 --coach-message-text-transform:     none;
 --coach-message-text-align:     left;
 --coach-message-par-margin:     0;
 --coach-message-word-break:     break-word;
 
 --coach-link-weight:     inherit;
 --coach-link-style:     inherit;
 --coach-link-bg-radius:     0;
 --coach-link-underline-width:     1px;
 --coach-link-bg-padding:     1 0.2rem 2px;
 --coach-link-underline-width-hover:     1px;
 
 /* Answer bubble */     
 
 /* Answer text */     
 
 /* Motion */     
 
 /* Spacing */     
 --coach-spacer-par:     8px;
 --coach-spacer-group:     24px;
 --coach-spacer-input:     16px;
 --coach-input-h-gap:     8px;
 
 /* All types - Main container */     
 
 /* All types - Icon container */     
 
 /* All types - SVG */     
 
 /* All button types - label */     
 
 /* Button block overrides - Major type */     
 
 /* Button block overrides - Minor type */     
 
 /* Headings when on Dashboard */     
 
 
 
 
 
 
 
 
 
 
 /* Coach dataviz (Poll is in here) */     
 
 /* Block container */     
 
 /* Bars container */     
 --coach-bars-margin:     0 0 24px;
 --coach-bars-row-gap:     24px;
 
 /* Row container */     
 
 /* Value */     
 --coach-bars-value-colour:     var(--meta-swatch-mono-1);
 --coach-bars-value-font-size:     16px;
 --coach-bars-value-font-family:     'source';
 --coach-bars-value-font-weight:     normal;
 --coach-bars-value-font-style:     normal;
 --coach-bars-value-line-height:     1.2;
 --coach-bars-value-letter-spacing:     0;
 --coach-bars-value-text-transform:     none;
 --coach-bars-value-margin:     0 8px;
 --coach-bars-value-padding:     0;
 
 /* Bar container */     
 --coach-bars-bar-height:     58px;
 --coach-bars-bar-background:     transparent;
 --coach-bars-bar-border:     none;
 --coach-bars-bar-border-radius:     29px;
 
 /* Label */     
 --coach-bars-label-colour:     var(--meta-swatch-mono-1);
 --coach-bars-label-font-size:     16px;
 --coach-bars-label-font-family:     'source';
 --coach-bars-label-font-weight:     700;
 --coach-bars-label-font-style:     normal;
 --coach-bars-label-line-height:     1.2;
 --coach-bars-label-letter-spacing:     0;
 --coach-bars-label-text-transform:     none;
 --coach-bars-label-margin:     auto 16px;
 --coach-bars-label-padding:     0;
 
 /* Bar value */     
 --coach-bars-bar-value-background:     var(--meta-swatch-mono-5);
 --coach-bars-bar-value-border:     none;
 --coach-bars-bar-value-border-radius:     40px;
 
 --coach-bars-bar-value-winner-background:     var(--meta-swatch-colour-1);
 --coach-bars-bar-value-winner-border:     none;
 --coach-bars-bar-value-winner-border-radius:     40px;
 --coach-bars-label-winner-colour:     var(--meta-swatch-mono-1);
 
 
 /* Editorial card */     
 
 /* Container */     
 --card-editorial-bg-colour:     var(--meta-swatch-mono-5);
 --card-editorial-border-radius:     0;
 --card-editorial-box-shadow:     0 4px 16px 0 rgba(0,0,0,0.08);
 --card-editorial-border:     none;
 --card-editorial-padding:     24px;
 
 --card-editorial-padding-m:     32px;
 --card-editorial-padding-l:     32px;
 
 /* Heading */     
 --card-editorial-heading-display:     block;
 --card-editorial-heading-colour:     var(--meta-swatch-mono-1);
 --card-editorial-heading-font-face:     'vm-sans';
 --card-editorial-heading-font-size:     28px;
 --card-editorial-heading-font-weight:     normal;
 --card-editorial-heading-letter-spacing:     0;
 --card-editorial-heading-line-height:     1.3;
 --card-editorial-heading-text-transform:     none;
 
 --card-editorial-heading-font-size-m:     32px;
 --card-editorial-heading-font-size-l:     32px;
 
 --card-editorial-heading-margin:     0 0 16px;
 --card-editorial-heading-margin-m:     0 0 16px;
 --card-editorial-heading-margin-l:     0 0 16px;
 
 /* Paragraph */     
 --card-editorial-paragraph-display:     block;
 --card-editorial-paragraph-colour:     var(--meta-swatch-mono-1);
 --card-editorial-paragraph-font-face:     'source';
 --card-editorial-paragraph-font-size:     16px;
 --card-editorial-paragraph-font-weight:     normal;
 --card-editorial-paragraph-font-style:     normal;
 --card-editorial-paragraph-letter-spacing:     0;
 --card-editorial-paragraph-line-height:     1.5;
 --card-editorial-paragraph-text-transform:     none;
 
 /* Label */     
 --card-editorial-label-colour:     var(--meta-swatch-mono-1);
 --card-editorial-label-font-face:     'source';
 --card-editorial-label-font-size:     16px;
 --card-editorial-label-font-weight:     500;
 --card-editorial-label-letter-spacing:     0;
 --card-editorial-label-line-height:     1.2;
 --card-editorial-label-text-transform:     none;
 
 /* Icon */     
 --card-editorial-icon-display:     none;
 --card-editorial-icon-colour:     var(--meta-swatch-colour-1);
 --card-editorial-icon-size:     var(--layout-icon-size);
 
 /* Footer label */     
 --card-editorial-footer-label-colour:     var(--meta-swatch-mono-2);
 --card-editorial-footer-label-font-face:     'source';
 --card-editorial-footer-label-font-size:     16px;
 --card-editorial-footer-label-font-weight:     500;
 --card-editorial-footer-label-letter-spacing:     0;
 --card-editorial-footer-label-line-height:     1.2;
 --card-editorial-footer-label-text-transform:     none;
 
 /* Footer value */     
 --card-editorial-footer-value-colour:     var(--meta-swatch-mono-1);
 --card-editorial-footer-value-font-face:     'source';
 --card-editorial-footer-value-font-size:     16px;
 --card-editorial-footer-value-font-weight:     500;
 --card-editorial-footer-value-letter-spacing:     0;
 --card-editorial-footer-value-line-height:     1.2;
 --card-editorial-footer-value-text-transform:     none;
 
 
 /* Featured articles */     
 /* Old vars */     
 --template-dashboard-editorial-cards-columns:     2;
 --template-dashboard-editorial-cards-gap-row:     16px;
 --template-dashboard-editorial-cards-gap-column:     16px;
 --template-dashboard-editorial-bg-color:     var(--meta-swatch-colour-2);
 --template-dashboard-editorial-padding:     16px 0 64px;
 
 --template-dashboard-editorial-heading-colour:     var(--meta-swatch-mono-5);
 --template-dashboard-editorial-sub-heading-colour:     var(--meta-swatch-mono-5);
 
 --template-dashboard-editorial-spacer-display:     none;
 --template-dashboard-editorial-spacer-keyline:     none;
 --template-dashboard-editorial-top-spacer-display:     none;
 --template-dashboard-editorial-top-spacer-keyline:     none;
 --template-dashboard-editorial-bottom-spacer-display:     block;
 
 /* New vars */     
 
 /* Block container */     
 --featured-articles-background:     var(--meta-swatch-colour-2);
 --featured-articles-padding:     0 0 64px;
 
 /* Grid container */     
 --featured-articles-grid-container-background:     var(--meta-swatch-colour-2);
 --featured-articles-grid-container-columns:     2;
 --featured-articles-grid-container-gap-row:     16px;
 --featured-articles-grid-container-gap-column:     16px;
 
 /* Heading block overrides */     
 --featured-articles-heading-colour:     var(--meta-swatch-mono-5);
 --featured-articles-sub-heading-colour:     var(--meta-swatch-mono-5);
 
 /* Button container */     
 --featured-articles-button-container-padding:     24px 0;
 --featured-articles-button-container-align:     center;
 
 /* Button block overrides */     
 --featured-articles-button-background:     var(--meta-swatch-mono-5);
 --featured-articles-button-border:     none;
 --featured-articles-button-label-color:     var(--meta-swatch-colour-1);
 
 
 
 /* Featured tools */     
 
 /* Block container */     
 --featured-tools-background:     var(--meta-swatch-mono-4);
 --featured-tools-padding:     0 0 64px;
 
 /* Grid container */     
 --featured-tools-grid-container-background:     var(--meta-swatch-colour-2);
 --featured-tools-grid-container-columns:     2;
 --featured-tools-grid-container-gap-row:     16px;
 --featured-tools-grid-container-gap-column:     16px;
 
 /* Heading block overrides */     
 
 /* Button container */     
 --featured-tools-button-container-padding:     24px 0;
 --featured-tools-button-container-align:     center;
 
 /* Button block overrides */     
 --featured-tools-button-background:     var(--meta-swatch-mono-5);
 --featured-tools-button-border:     1px solid var(--meta-swatch-colour-1);
 --featured-tools-button-icon-color:     var(--meta-swatch-colour-1);
 --featured-tools-button-icon-bg-color:     transparent;
 --featured-tools-button-label-color:     var(--meta-swatch-colour-1);
 
 /* Filter toggle */     
 
 /* Block container */     
 
 /* Label */     
 
 /* Icon container */     
 
 /* Icon */     
 
 /* State overrides */     
 
 /* Footer - Main */     
 
 /* Container */     
 --footer-bg-colour:     var(--meta-swatch-mono-1);
 --footer-align:     center;
 --footer-group-min-width:     auto;
 --footer-group-max-width:     100%;
 --footer-padding:     48px 0;
 
 /* Section layout */     
 --footer-header-flex-order:     1;
 --footer-social-icons-flex-order:     2;
 --footer-logo-flex-order:     3;
 --footer-buttons-flex-order:     4;
 --footer-text-flex-order:     5;
 
 /* Header */     
 --footer-header-display:     block;
 --footer-header-margin:     0;
 --footer-header-padding:     24px 0 8px;
 
 --footer-header-colour:     var(--meta-swatch-mono-5);
 --footer-header-font-face:     var(--typo-h-small-font-face);
 --footer-header-font-size:     var(--typo-h-small-font-size);
 --footer-header-font-weight:     var(--typo-h-small-font-weight);
 --footer-header-font-style:     var(--typo-h-small-font-style);
 --footer-header-line-height:     var(--typo-h-small-line-height);
 --footer-header-letter-spacing:     var(--typo-h-small-letter-spacing);
 --footer-header-header-transform:     var(--typo-h-small-text-transform);
 --footer-header-text-align:     var(--typo-h-small-text-align);
 
 /* Social group */     
 --footer-social-group-margin:     32px 0;
 --footer-social-group-align:     center;
 --footer-social-group-direction:     row;
 --footer-social-group-justify-content:     center;
 
 /* Social Icon */     
 --footer-social-icons-color:     var(--meta-swatch-mono-5);
 --footer-social-icons-margin:     0 16px 0 0;
 --footer-social-icons-size:     var(--pattern-icon-size);
 
 /* Logo Container */     
 --footer-logo-container-align:     center;
 --footer-logo-container-justify-content:     center;
 --footer-logo-container-padding:     0 0 24px 0;
 --footer-logo-container-text-align:     center;
 
 /* Logo */     
 --footer-logo-width:     48px;
 --footer-logo-height:     auto;
 
 /* Buttons */     
 --footer-btn-group-margin:     0;
 --footer-btn-group-columns:     1;
 --footer-btn-group-columns-m:     1;
 --footer-btn-group-columns-l:     1;
 --footer-btn-group-gutter:     16px 16px;
 --footer-btn-group-row-gutter:     16px;
 --footer-btn-group-column-gutter:     16px;
 
 --footer-btn-height:     100%;
 --footer-btn-margin:     0;
 --footer-btn-padding:     0;
 --footer-btn-bg-color:     transparent;
 --footer-btn-align:     center;
 --footer-btn-border:     none;
 --footer-btn-border-radius:     4px;
 --footer-btn-label-padding:     4px;
 
 
 
 --footer-btn-label-color:     #EB2264;
 --footer-btn-label-font-face:     var(--btn-label-face);
 --footer-btn-label-font-size:     16px;
 --footer-btn-label-font-weight:     400;
 --footer-btn-label-font-style:     var(--btn-label-font-style);
 --footer-btn-label-line-height:     var(--btn-label-line-height);
 --footer-btn-label-letter-spacing:     var(--btn-label-letter-spacing);
 --footer-btn-label-text-transform:     var(--btn-label-text-transform);
 --footer-btn-label-text-decoration:     underline;
 
 /* Text container */     
 
 
 
 /* Text <p> elements */     
 --footer-text-colour:     var(--meta-swatch-mono-5);
 --footer-text-font-face:     var(--typo-p-small-font-face);
 --footer-text-font-size:     var(--typo-p-small-font-size);
 --footer-text-font-weight:     var(--typo-p-small-font-weight);
 --footer-text-font-style:     var(--typo-p-small-font-style);
 --footer-text-line-height:     var(--typo-p-small-line-height);
 --footer-text-letter-spacing:     var(--typo-p-small-letter-spacing);
 --footer-text-text-transform:     var(--typo-p-small-text-transform);
 --footer-text-text-align:     center;
 --footer-text-margin:     0 0 12px;
 --footer-text-padding:     32px 0 0;
 --footer-text-padding-m:     32px 0 0;
 --footer-text-padding-l:     32px 0 0;
 
 /* Footer - Legal */     
 
 /* Container */     
 --footer-legal-padding:     32px 0 0;
 --footer-legal-padding-m:     32px 0 0;
 --footer-legal-padding-l:     32px 0 0;
 --footer-legal-background:     #333;
 
 /* Text */     
 --footer-legal-text-margin:     0 auto 0.7rem;
 
 --footer-legal-text-colour:     var(--meta-swatch-mono-5);
 --footer-legal-text-font-face:     var(--typo-p-small-font-face);
 --footer-legal-text-font-size:     var(--typo-p-small-font-size);
 --footer-legal-text-font-weight:     var(--typo-p-small-font-weight);
 --footer-legal-text-font-style:     var(--typo-p-small-font-style);
 --footer-legal-text-line-height:     var(--typo-p-small-line-height);
 --footer-legal-text-letter-spacing:     var(--typo-p-small-letter-spacing);
 --footer-legal-text-text-transform:     var(--typo-p-small-text-transform);
 --footer-legal-text-text-align:     center;
 
 --footer-legal-link-color:     var(--meta-swatch-colour-6);
 
 
 /* Knowledge Section Container */     
 --knowledge-section-container-bg-colour:     transparent;
 --knowledge-section-container-even-bg-colour:     var(--meta-swatch-mono-4);
 
 --knowledge-section-container-padding:     44px 0 80px;
 
 /* Knowledge Item */     
 
 /* Container */     
 --knowledge-item-bg-colour:     transparent;
 
 /* Indicator */     
 --knowledge-item-indicator-width:     0;
 --knowledge-item-indicator-on-colour:     transparent;
 --knowledge-item-indicator-off-colour:     transparent;
 --knowledge-item-indicator-hover-colour:     transparent;
 
 /* Keylines */     
 --knowledge-item-keyline:     1px solid var(--meta-swatch-mono-3);
 --knowledge-item-keyline-last:     1px solid var(--meta-swatch-mono-3);
 --knowledge-item-keyline-margin:     0;
 --knowledge-item-keyline-max-width:     100%;
 
 /* Button */     
 --knowledge-item-btn-height:     88px;
 --knowledge-item-btn-min-height:     88px;
 --knowledge-item-btn-max-width:     100%:;
 --knowledge-item-btn-margin:     0 16px;
 --knowledge-item-btn-padding:     none;
 --knowledge-item-btn-bg-colour:     transparent;
 --knowledge-item-btn-border:     none;
 --knowledge-item-btn-border-radius-first:     none;
 --knowledge-item-btn-border-radius:     0;
 --knowledge-item-btn-border-radius-last:     none;
 --knowledge-item-btn-box-shadow:     none;
 
 /* Graphics layout */     
 
 /* Image layout */     
 
 /* Status icon layout */     
 
 /* Dynamic statuses (colours) */     
 
 
 
 
 
 
 /* Labels container */     
 --knowledge-item-labels-padding:     0;
 
 /* Label */     
 --knowledge-item-label-colour:     var(--meta-swatch-mono-1);
 --knowledge-item-label-font-family:     'source';
 --knowledge-item-label-font-size:     17px;
 --knowledge-item-label-weight:     normal;
 --knowledge-item-label-line-height:     24px;
 --knowledge-item-label-letter-spacing:     0;
 --knowledge-item-label-text-transform:     none;
 --knowledge-item-label-align:     left;
 --knowledge-item-label-padding:     0;
 
 /* Status label */     
 --knowledge-item-status-label-display:     none;
 
 /* Action icon */     
 --knowledge-item-action-bg-height:     var(--checklist-item-btn-height);
 --knowledge-item-action-bg-width:     24px;
 --knowledge-item-action-bg-margin:     0 0 0 8px;
 --knowledge-item-action-bg-colour:     transparent;
 --knowledge-item-action-bg-border:     none;
 --knowledge-item-action-bg-border-radius:     none;
 --knowledge-item-action-icon-color:     var(--meta-swatch-mono-1);
 --knowledge-item-action-icon-size:     var(--layout-icon-size);
 
 
 /* Knowledge Section Header */     
 
 /* Container */     
 --knowledge-section-margin:     none;
 
 /* Keylines */     
 --knowledge-section-keyline-top-margin:     0px;
 --knowledge-section-keyline-top-first:     none;
 --knowledge-section-keyline-top:     none;
 --knowledge-section-keyline-bottom-margin:     0px;
 --knowledge-section-keyline-bottom:     none;
 
 /* Icon */     
 --knowledge-section-icon-display:     block;
 --knowledge-section-icon-size:     40px;
 --knowledge-section-icon-size-m:     48px;
 --knowledge-section-icon-size-l:     48px;
 --knowledge-section-icon-colour:     var(--meta-swatch-colour-2);
 --knowledge-section-icon-margin:     10px 12px auto 0px;
 
 /* Heading */     
 --knowledge-section-heading-colour:     var(--meta-swatch-colour-2);
 --knowledge-section-heading-font-family:     'source';
 --knowledge-section-heading-size:     36px;
 --knowledge-section-heading-font-weight:     normal;
 --knowledge-section-heading-line-height:     1.4;
 --knowledge-section-heading-letter-spacing:     0;
 --knowledge-section-heading-text-transform:     none;
 
 --knowledge-section-heading-size-m:     48px;
 --knowledge-section-heading-size-l:     48px;
 
 /* Sub heading */     
 --knowledge-section-sub-heading-colour:     var(--meta-swatch-mono-1);
 --knowledge-section-sub-heading-font-family:     'source';
 --knowledge-section-sub-heading-size:     17px;
 --knowledge-section-sub-heading-font-weight:     normal;
 --knowledge-section-sub-heading-font-style:     normal;
 --knowledge-section-sub-heading-line-height:     1.4;
 --knowledge-section-sub-heading-letter-spacing:     0;
 --knowledge-section-sub-heading-text-transform:     none;
 
 /* Spacing */     
 --knowledge-section-spacer-top:     12px;
 --knowledge-section-spacer-middle:     8px;
 --knowledge-section-spacer-bottom:     12px;
 
 
 /* Marketplace */     
 
 /* Container */     
 
 /* Content container */     
 
 /* Grid container */     
 
 /* Grid */     
 
 /* Headings container */     
 
 /* Heading */     
 
 /* Sub heading */     
 
 /* Marketplace Grid Item */     
 
 /* Image container */     
 
 
 /* Image container - Partner */     
 
 /* Image container - Group */     
 
 /* Label */     
 
 
 /* Partner Label */     
 
 
 /* Partner Description */     
 
 
 /* Marketplace Grid Badge */     
 
 /* Container */     
 
 /* Icon */     
 
 /* Label */     
 
 /* State - Positive */     
 
 /* State - Negative */     
 
 /* State - Unknown */     
 
 /* Marketplace Modal Badge */     
 
 /* Container */     
 
 /* Icon */     
 
 /* Label */     
 
 /* State - Positive */     
 
 /* State - Negative */     
 
 /* State - Unknown */     
 
 /* Marketplace Group Item */     
 
 /* Container */     
 
 /* Image */     
 
 /* Heading */     
 
 /* Explainer */     
 
 /* Nested badge block */     
 
 /* Icon container */     
 
 /* Icon */     
 
 
 /* Keyline top */     
 
 /* Keyline bottom */     
 
 /* Nav bars - App */     
 
 /* Logo */     
 --nav-top-logo-width:     auto;
 --nav-top-logo-height:     32px;
 
 /* Top background */     
 --theme-nav-top-bg-colour:     var(--meta-swatch-colour-1);
 
 /* Top keyline */     
 --theme-nav-top-keyline:     none;
 
 /* Top indicator */     
 --theme-nav-top-indicator-off-colour:     transparent;
 --theme-nav-top-indicator-on-colour:     var(--meta-swatch-colour-6);
 --theme-nav-top-indicator-hover-colour:     var(--meta-swatch-colour-6);
 
 /* Top icons */     
 --nav-top-icon-size:     var(--pattern-icon-size);
 --nav-top-icon-position:     10px;
 --theme-nav-top-icon-bg-colour:     transparent;
 --theme-nav-top-icon-off-colour:     var(--meta-swatch-colour-6);
 --theme-nav-top-icon-on-colour:     var(--meta-swatch-colour-6);
 
 /* Top labels */     
 --nav-top-label-position:     35px;
 --nav-top-label-font-family:     'source';
 --nav-top-label-font-size:     14px;
 --nav-top-label-font-weight:     500;
 --nav-top-label-font-style:     normal;
 --nav-top-label-line-height:     1;
 --nav-top-label-letter-spacing:     0;
 --nav-top-label-text-transform:     none;
 --nav-top-label-text-align:     center;
 --theme-nav-top-label-off-colour:     var(--meta-swatch-colour-6);
 --theme-nav-top-label-on-colour:     var(--meta-swatch-colour-6);
 
 /* Bottom background */     
 --theme-nav-bottom-bg-colour:     var(--meta-swatch-colour-1);
 
 /* Bottom keyline */     
 --theme-nav-bottom-keyline:     none;
 
 /* Bottom indicator */     
 --theme-nav-bottom-indicator-off-colour:     transparent;
 --theme-nav-bottom-indicator-on-colour:     var(--meta-swatch-colour-6);
 --theme-nav-bottom-indicator-hover-colour:     var(--meta-swatch-colour-6);
 
 /* Bottom icons */     
 --nav-bottom-icon-size:     var(--pattern-icon-size);
 --nav-bottom-icon-position:     6px;
 --theme-nav-bottom-icon-bg-colour:     transparent;
 --theme-nav-bottom-icon-off-colour:     var(--meta-swatch-colour-6);
 --theme-nav-bottom-icon-on-colour:     var(--meta-swatch-colour-6);
 
 /* Bottom labels */     
 --nav-bottom-label-position:     26px;
 --nav-bottom-label-font-size:     14px;
 --theme-nav-bottom-label-off-colour:     var(--meta-swatch-colour-6);
 --theme-nav-bottom-label-on-colour:     var(--meta-swatch-colour-6);
 
 
 /* Nav bar - Web */     
 
 /* Block container */     
 --nav-bar-web-background:     var(--meta-swatch-colour-1);
 
 --nav-bar-web-padding-top:     0px;
 --nav-bar-web-padding-top-m:     8px;
 --nav-bar-web-padding-top-l:     8px;
 --nav-bar-web-padding-bottom:     0px;
 --nav-bar-web-padding-bottom-m:     8px;
 --nav-bar-web-padding-bottom-l:     8px;
 
 --nav-bar-web-border-bottom:     none;
 --nav-bar-web-grid-max-width:     1170px;
 --app-top-nav-height:     40px;
 
 /* Logo */     
 --nav-bar-web-logo-height:     32px;
 --nav-bar-web-logo-height-m:     32px;
 --nav-bar-web-logo-height-l:     32px;
 
 /* Icon */     
 --nav-bar-web-icon-size:     var(--pattern-icon-size);
 --nav-bar-web-icon-menu-color:     var(--meta-swatch-mono-1);
 --nav-bar-web-icon-close-color:     var(--meta-swatch-mono-1);
 
 /* Links container */     
 --nav-bar-web-links-gap-m:     56px;
 --nav-bar-web-links-gap-l:     56px;
 
 /* Links container collapsed*/     
 
 /* Link container */     
 --nav-bar-web-link-border-bottom:     none;
 --nav-bar-web-link-border-bottom-m:     none;
 --nav-bar-web-link-border-bottom-l:     none;
 
 
 --nav-bar-web-link-border-top:     none;
 
 --nav-bar-web-link-height:     48px;
 
 
 
 
 /* Link label */     
 --nav-bar-web-link-font-size:     16px;
 
 --nav-bar-web-link-colour:     var(--meta-swatch-mono-1);
 --nav-bar-web-link-colour-hover:     var(--meta-swatch-mono-1);
 --nav-bar-web-link-text-decoration-hover:     underline;
 --nav-bar-web-link-colour-active:     var(--meta-swatch-colour-2);
 --nav-bar-web-link-font-family:     'source';
 --nav-bar-web-link-font-weight:     700;
 --nav-bar-web-link-font-style:     normal;
 --nav-bar-web-link-line-height:     1.2;
 --nav-bar-web-link-letter-spacing:     var(--pattern-letter-spacing-body);
 --nav-bar-web-link-text-transform:     none;
 
 --nav-bar-web-link-current-label-colour:     var(--meta-swatch-colour-6);
 --nav-bar-web-link-current-label-colour-hover:     var(--meta-swatch-colour-2);
 
 --nav-bar-web-link-label-colour-hover:     var(--meta-swatch-colour-2);
 
 
 /* Page Actions */     
 
 
 /* Container */     
 --page-actions-margin:     16px 0;
 --page-actions-padding:     0;
 --page-actions-border-top:     none;
 --page-actions-border-bottom:     none;
 --page-actions-gap:     16px;
 
 /* Label */     
 --page-actions-label-colour:     var(--meta-swatch-mono-1);
 --page-actions-label-font-size:     13px;
 --page-actions-label-font-family:     'source';
 --page-actions-label-font-weight:     400;
 --page-actions-label-font-style:     normal;
 --page-actions-label-line-height:     1.2;
 --page-actions-label-letter-spacing:     0;
 --page-actions-label-text-transform:     none;
 --page-actions-label-text-align:     left;
 
 /* Buttons container */     
 --page-actions-buttons-flex-direction:     column;
 --page-actions-buttons-flex-direction-m:     row;
 
 --page-actions-buttons-align-items:     flex-start;
 
 
 /* Button */     
 --page-actions-button-padding:     16px;
 --page-actions-button-margin:     0;
 --page-actions-button-width:     fit-content;
 --page-actions-button-width-m:     fit-content;
 --page-actions-button-width-l:     fit-content;
 --page-actions-button-max-width:     fit-content;
 --page-actions-button-max-width-m:     fit-content;
 --page-actions-button-max-width-l:     fit-content;
 --page-actions-button-height:     54px;
 --page-actions-button-height-m:     54px;
 --page-actions-button-height-l:     54px;
 --page-actions-button-background:     var(--meta-swatch-colour-1);
 --page-actions-button-border:     none;
 --page-actions-button-border-radius:     4px;
 --page-actions-button-box-shadow:     none;
 --page-actions-button-flex-direction:     row;
 --page-actions-button-gap:     16px;
 
 --page-actions-button-align-self:     stretch;
 
 /* Button label */     
 --page-actions-button-label-colour:     var(--meta-swatch-colour-6);
 --page-actions-button-label-font-size:     16px;
 --page-actions-button-label-font-family:     'source';
 --page-actions-button-label-font-weight:     700;
 --page-actions-button-label-font-style:     normal;
 --page-actions-button-label-line-height:     1.2;
 --page-actions-button-label-letter-spacing:     0;
 --page-actions-button-label-text-transform:     none;
 --page-actions-button-label-text-align:     center;
 
 /* Button icon */     
 --page-actions-button-icon-size:     32px;
 --page-actions-button-icon-colour:     transparent;
 
 
 
 
 
 /* Pager indicators */     
 
 
 /* Repeater */     
 
 /* Block Container */     
 --repeater-padding:     64px 0;
 --repeater-margin:     0;
 
 /* Content Container */     
 
 /* Heading */     
 --repeater-heading-font-size:     24px;
 --repeater-heading-font-family:     'source';
 --repeater-heading-font-weight:     700;
 --repeater-heading-font-style:     normal;
 --repeater-heading-line-height:     1.2;
 --repeater-heading-letter-spacing:     0;
 --repeater-heading-text-transform:     none;
 --repeater-heading-text-padding:     0 24px;
 --repeater-heading-text-margin:     0 0 16px;
 --repeater-heading-text-align:     left;
 
 /* Sub heading */     
 --repeater-sub-heading-font-size:     16px;
 --repeater-sub-heading-font-family:     'source';
 --repeater-sub-heading-font-weight:     normal;
 --repeater-sub-heading-font-style:     normal;
 --repeater-sub-heading-line-height:     1.2;
 --repeater-sub-heading-letter-spacing:     0;
 --repeater-sub-heading-text-transform:     none;
 --repeater-sub-heading-text-padding:     0 24px;
 
 /* Empty state paragraph */     
 --empty-p-colour:     var(--meta-swatch-mono-1);
 --empty-p-font-size:     16px;
 --empty-p-font-family:     'source';
 --empty-p-font-weight:     normal;
 --empty-p-font-style:     normal;
 --empty-p-line-height:     1.2;
 --empty-p-letter-spacing:     0;
 --empty-p-text-transform:     none;
 --empty-p-text-align:     center;
 
 --empty-p-padding:     40px 0 80px;
 --empty-p-background:     transparent;
 --empty-p-border-radius:     var(--pattern-border-radius);
 
 /* Dots */     
 --repeater-dots-padding:     12px 0 0;
 --repeater-dot-padding:     5px;
 --repeater-dot-size:     12px;
 
 /* Arrows - NEED REFACTOR AND ADD PROPER VARS */     
 
 
 /* Link */     
 --repeater-link-colour:     var(--meta-swatch-mono-1);
 --repeater-link-font-size:     16px;
 --repeater-link-font-family:     'source';
 --repeater-link-font-weight:     700;
 --repeater-link-font-style:     normal;
 --repeater-link-line-height:     1.2;
 --repeater-link-letter-spacing:     0;
 --repeater-link-text-transform:     none;
 --repeater-link-margin:     24px 0 0 0;
 
 --repeater-link-padding:     16px;
 --repeater-link-padding-m:     16px;
 --repeater-link-padding-l:     16px;
 
 
 /* Carousel Container */     
 --repeater-carousel-container-padding:     0 16px;
 
 
 /* Items Container */     
 --repeater-items-padding-top:     0px;
 --repeater-items-padding-right:     0px;
 --repeater-items-padding-bottom:     0px;
 --repeater-items-padding-left:     0px;
 --repeater-items-margin:     0;
 --repeater-items-columns:     1fr;
 --repeater-items-col-gap:     24px;
 --repeater-items-row-gap:     24px;
 
 --repeater-items-columns-m:     2;
 
 --repeater-items-columns-l:     2;
 
 /* Item */     
 --repeater-item-margin:     0 6px;
 --repeater-item-slider-gap:     12px;
 
 /* Option 1 */     /* Teal on pale blue */
 --opt1-block-background:     var(--meta-swatch-colour-8);
 --opt1-content-background:     transparent;
 --opt1-heading-color:     var(--meta-swatch-mono-1);
 --opt1-sub-heading-color:     var(--meta-swatch-mono-1);
 --opt1-empty-p-colour:     var(--meta-swatch-mono-1);
 --opt1-empty-p-background:     transparent;
 --opt1-link-color:     var(--meta-swatch-colour-2);
 --opt1-pager-icons-color:     var(--meta-swatch-colour-2);
 --opt1-pager-dot-on-color:     var(--meta-swatch-colour-2);
 --opt1-pager-dot-off-color:     rgba(0, 90, 108, 0.25);
 
 /* Option 2 */     /* Black on yellow with blue links */
 --opt2-block-background:     var(--meta-swatch-colour-1);
 --opt2-content-background:     transparent;
 --opt2-heading-color:     var(--meta-swatch-mono-1);
 --opt2-sub-heading-color:     var(--meta-swatch-mono-1);
 --opt2-empty-p-colour:     var(--meta-swatch-mono-1);
 --opt2-empty-p-background:     transparent;
 --opt2-link-color:     var(--meta-swatch-colour-6);
 --opt2-pager-icons-color:     var(--meta-swatch-colour-6);
 --opt2-pager-dot-on-color:     var(--meta-swatch-colour-6);
 --opt2-pager-dot-off-color:     rgba(0,79,182,0.3);
 
 /* Option 3 */     /* Teal on white bg */
 --opt3-block-background:     var(--meta-swatch-mono-5);
 --opt3-content-background:     transparent;
 --opt3-heading-color:     var(--meta-swatch-mono-1);
 --opt3-sub-heading-color:     var(--meta-swatch-mono-1);
 --opt3-empty-p-colour:     var(--meta-swatch-mono-1);
 --opt3-empty-p-background:     transparent;
 --opt3-link-color:     var(--meta-swatch-colour-2);
 --opt3-pager-icons-color:     var(--meta-swatch-colour-2);
 --opt3-pager-dot-on-color:     var(--meta-swatch-colour-2);
 --opt3-pager-dot-off-color:     rgba(0, 90, 108, 0.25);
 
 /* Option 4 */     
 
 /* Option 5 */     
 
 /* Sidebar */     
 
 /* Page header */     
 --sidebar-page-header-keyline:     none;
 --sidebar-page-template-keyline:     var(--effect-keyline-width) solid var(--pattern-keyline-colour);
 
 /* Page footer */     
 --sidebar-page-footer-keyline:     var(--effect-keyline-width) solid var(--pattern-keyline-colour);
 
 
 /* Table List */     
 
 /* Item */     
 
 --tl-item-margin:     0;
 --tl-item-padding:     20px 0;
 --tl-item-border-width:     0 0 1px 0; 
 --tl-item-border-color:     var(--meta-swatch-mono-4);
 --tl-item-border-style:     solid;
 --tl-item-direction:     row;
 --tl-item-align-items:     center;
 --tl-item-justify-content:     space-between;
 
 /* Label */     
 --tl-item-label-colour:     var(--typo-p-medium-colour);
 --tl-item-label-font-family:     var(--typo-p-medium-font-face);
 --tl-item-label-font-size:     var(--typo-p-medium-font-size);
 --tl-item-label-font-weight:     var(--typo-p-medium-font-weight);
 --tl-item-label-font-style:     var(--typo-p-medium-font-style);
 --tl-item-label-line-height:     var(--typo-p-medium-line-height);
 --tl-item-label-letter-spacing:     var(--typo-p-medium-letter-spacing);
 --tl-item-label-text-transform:     var(--typo-p-medium-text-transform);
 --tl-item-label-text-align:     left;
 
 /* Sub header */     
 
 /* Label Info */     
 
 /* Value */     
 
 
 
 
 
 /* Icon */     
 
 
 /* Targeted Links */     
 
 /* Block container */     
 --targeted-links-padding:     24px 0;
 --targeted-links-padding-m:     32px 0;
 --targeted-links-padding-l:     32px 0;
 --targeted-links-border-radius:     4px;
 
 /* Grid container */     
 
 
 --targeted-links-grid-columns:     1;
 --targeted-links-grid-row-gap:     16px;
 
 --targeted-links-grid-columns-m:     2;
 --targeted-links-grid-col-gap-m:     16px;
 --targeted-links-grid-row-gap-m:     16px;
 
 --targeted-links-grid-columns-l:     2;
 --targeted-links-grid-col-gap-l:     16px;
 --targeted-links-grid-row-gap-l:     16px;
 
 --targeted-links-slider-gap:     24px;
 --targeted-links-slick-list-padding:     0 0 5px;
 
 /* Heading block overrides */     
 
 /* Carousel Nav */     
 --targeted-links-dots-padding:     10px;
 --targeted-links-dots-gap:     12px;
 --targeted-links-dots-size:     8px;
 --targeted-links-dots-on-color:     var(--meta-swatch-colour-6);
 --targeted-links-dots-off-color:     var(--meta-swatch-colour-8);
 
 
 --targeted-links-button-icon-size:     var(--pattern-icon-size);
 --targeted-links-button-icon-color:     var(--meta-swatch-colour-6);
 
 /* Whole block style options */     
 
 /* Option 1 */     
 
 /* Option 2 */     
 
 /* Option 3 */     
 
 
 
 /* Item styles */     
 
 /* Item container */     
 --targeted-links-item-background:     var(--meta-swatch-mono-5);
 --targeted-links-item-border:     none;
 --targeted-links-item-border-radius:     10px;
 --targeted-links-item-box-shadow:     0 4px 16px 0 rgba(0,0,0,0.08);
 --targeted-links-item-padding:     0;
 --targeted-links-item-padding-m:     0;
 --targeted-links-item-padding-l:     0;
 
 
 
 /* Cover image */     
 --targeted-links-cover-image-padding:     0;
 --targeted-links-cover-image-padding-m:     0;
 --targeted-links-cover-image-padding-l:     0;
 --targeted-links-cover-image-height:     auto;
 --targeted-links-cover-image-height-m:     auto;
 --targeted-links-cover-image-height-l:     auto;
 --targeted-links-cover-image-object-fit:     cover;
 --targeted-links-item-cover-image-padding:     0;
 --targeted-links-item-cover-image-padding-m:     0;
 --targeted-links-item-cover-image-padding-l:     0;
 --targeted-links-item-cover-image-height:     auto;
 --targeted-links-item-cover-image-height-m:     auto;
 --targeted-links-item-cover-image-height-l:     auto;
 --targeted-links-item-cover-image-object-fit:     cover;
 
 /* Body */     
 --targeted-links-item-body-padding:     16px;
 --targeted-links-item-body-padding-m:     16px;
 --targeted-links-item-body-padding-l:     16px;
 
 /* Header */     
 --targeted-links-item-header-justify-content:     start;
 --targeted-links-item-header-justify-content-m:     start;
 --targeted-links-item-header-justify-content-l:     start;
 
 /* Icon */     
 
 /* Heading */     
 --targeted-links-item-heading-colour:     var(--meta-swatch-mono-2);
 --targeted-links-item-heading-font-family:     'source';
 --targeted-links-item-heading-font-weight:     600;
 --targeted-links-item-heading-font-style:     normal;
 --targeted-links-item-heading-line-height:     1.2;
 --targeted-links-item-heading-letter-spacing:     0;
 --targeted-links-item-heading-text-transform:     none;
 --targeted-links-item-heading-text-align:     left;
 
 --targeted-links-item-heading-font-size:     20px;
 --targeted-links-item-heading-font-size-m:     20px;
 --targeted-links-item-heading-font-size-l:     24px;
 
 --targeted-links-item-heading-padding:     0 0 8px 0;
 
 /* Paragraph */     
 --targeted-links-item-p-colour:     var(--meta-swatch-mono-2);
 --targeted-links-item-p-font-family:     'source';
 --targeted-links-item-p-font-weight:     400;
 --targeted-links-item-p-font-style:     normal;
 --targeted-links-item-p-line-height:     1.5;
 --targeted-links-item-p-letter-spacing:     0;
 --targeted-links-item-p-text-transform:     none;
 --targeted-links-item-p-text-align:     left;
 
 --targeted-links-item-p-font-size:     16px;
 
 --targeted-links-item-p-padding:     0 0 0.7rem 0;
 
 
 /* Inline image */     
 --targeted-links-inline-image-padding:     0;
 --targeted-links-inline-image-height:     80px;
 --targeted-links-item-inline-image-height:     80px;
 --targeted-links-item-inline-image-height-m:     80px;
 --targeted-links-item-inline-image-height-l:     80px;
 
 
 
 
 
 /* Buttons container */     
 --targeted-links-item-buttons-gap:     12px;
 
 --targeted-links-item-buttons-align-items:     left;
 --targeted-links-item-buttons-align-items-m:     left;
 --targeted-links-item-buttons-align-items-l:     left;
 
 /* Button block overrides */     
 --targeted-links-item-button-margin:     0 auto 0 0;
 
 
 
 /* Item style option overrides */     
 
 /* Option 1 */     
 
 
 
 
 
 
 /* Option 2 */     
 
 
 
 
 
 
 /* Option 3 */     
 
 
 
 
 
 
 /* Option 4 */     
 
 
 
 
 
 
 /* Option 5 */     
 
 
 
 
 
 
 
 
 
 /* Tools */     
 
 /* Accordion Result */     
 
 /* Heading */     
 
 /* Status indicator */     
 
 
 
 
 /* Button block overrides */     
 
 /* Heading */     
 --accordion-result-heading-colour:     var(--meta-swatch-colour-1);
 --accordion-result-heading-font-family:     'source';
 --accordion-result-heading-font-size:     48px;
 --accordion-result-heading-font-weight:     200;
 --accordion-result-heading-font-style:     normal;
 --accordion-result-heading-line-height:     1.2;
 --accordion-result-heading-letter-spacing:     0;
 --accordion-result-heading-text-transform:     none;
 --accordion-result-heading-margin:     0 0 16px 0;
 
 /* Status indicator */     
 --accordion-result-icon-border-radius:     50%;
 --accordion-result-icon-size:     var(--layout-icon-size);
 --accordion-result-icon-margin:     0 16px 0 0;
 --accordion-result-icon-padding:     15px;
 
 --accordion-result-icon-postivie-bg-colour:     var(--meta-swatch-colour-8);
 --accordion-result-icon-postivie-colour:     var(--meta-swatch-mono-1);
 
 --accordion-result-icon-negative-bg-colour:     var(--meta-swatch-colour-6);
 --accordion-result-icon-negative-colour:     var(--meta-swatch-mono-5);
 
 --accordion-result-icon-netural-bg-colour:     var(--meta-swatch-colour-2);
 --accordion-result-icon-netural-colour:     var(--meta-swatch-mono-5);
 
 /* Button block overrides */     
 --accordion-result-button-margin:     32px 0;
 
 
 
 
 
 /* Borrowing Power Result */     
 
 /* Block Container */     
 
 /* Inner container */     
 
 /* Content container */     
 
 /* Columns container */     
 
 /* Dataviz */     
 
 /* Dataviz icons */     
 
 /* Dataviz labels */     
 
 /* Dataviz values */     
 
 /* Breakdown heading */     
 
 /* Also style Sub block / Breakdown card */     
 
 /* Controls container */     
 
 /* Controls heading */     
 
 /* Controls list */     
 
 /* Segmented label */     
 
 
 /* Brighter Smile Survey Result */     
 
 /* Description */     
 --vm-bf-survey-description-colour:     var(--meta-swatch-mono-1);
 --vm-bf-survey-description-font-family:     'source';
 --vm-bf-survey-description-font-size:     20px;
 --vm-bf-survey-description-font-size-m:     20px;
 --vm-bf-survey-description-font-size-l:     20px;
 --vm-bf-survey-description-font-weight:     500;
 --vm-bf-survey-description-font-style:     normal;
 --vm-bf-survey-description-line-height:     1.5;
 --vm-bf-survey-description-letter-spacing:     0;
 --vm-bf-survey-description-text-transform:     none;
 --vm-bf-survey-description-margin:     0 0 0.7em 0;
 
 /* Message */     
 --vm-bf-survey-message-colour:     var(--meta-swatch-mono-2);
 --vm-bf-survey-message-font-family:     'source';
 --vm-bf-survey-message-font-size:     14px;
 --vm-bf-survey-message-font-size-m:     14px;
 --vm-bf-survey-message-font-size-l:     14px;
 --vm-bf-survey-message-font-weight:     normal;
 --vm-bf-survey-message-font-style:     normal;
 --vm-bf-survey-message-line-height:     1.2;
 --vm-bf-survey-message-letter-spacing:     0;
 --vm-bf-survey-message-text-transform:     none;
 --vm-bf-survey-message-margin:     0;
 
 /* Total */     
 --vm-bf-survey-total-colour:     var(--meta-swatch-mono-1);
 --vm-bf-survey-total-font-family:     'source';
 --vm-bf-survey-total-font-size:     64px;
 --vm-bf-survey-total-font-weight:     normal;
 --vm-bf-survey-total-font-style:     normal;
 --vm-bf-survey-total-line-height:     1.2;
 --vm-bf-survey-total-letter-spacing:     0;
 --vm-bf-survey-total-text-transform:     none;
 --vm-bf-survey-total-margin:     32px 0 64px;
 
 --vm-bf-survey-total-font-size-m:     96px;
 --vm-bf-survey-total-font-size-l:     96px;
 
 /* Breakdown container */     
 --vm-bf-survey-breakdown-margin:     0 0 40px;
 
 /* Breakdown item */     
 --vm-bf-survey-breakdown-item-padding:     28px 0;
 --vm-bf-survey-breakdown-item-keyline:     1px solid var(--meta-swatch-mono-3);
 
 /* Icon container */     
 --vm-bf-survey-breakdown-item-icon-border-radius:     50%;
 --vm-bf-survey-breakdown-item-icon-margin:     auto 16px auto 0;
 --vm-bf-survey-breakdown-item-icon-padding:     8px;
 --vm-bf-survey-breakdown-item-icon-bg-colour:     var(--meta-swatch-colour-9);
 --vm-bf-survey-breakdown-item-icon-container-size:     40px;
 --vm-bf-survey-breakdown-item-icon-container-size-m:     54px;
 --vm-bf-survey-breakdown-item-icon-container-size-l:     54px;
 
 /* Icon */     
 --vm-bf-survey-breakdown-item-icon-size:     var(--layout-icon-size);
 --vm-bf-survey-breakdown-item-icon-colour:     var(--meta-swatch-mono-5);
 
 /* Breakdown item label */     
 --vm-bf-survey-breakdown-item-label-colour:     var(--meta-swatch-mono-1);
 --vm-bf-survey-breakdown-item-label-font-family:     'source';
 --vm-bf-survey-breakdown-item-label-font-size:     18px;
 --vm-bf-survey-breakdown-item-label-font-weight:     normal;
 --vm-bf-survey-breakdown-item-label-font-style:     normal;
 --vm-bf-survey-breakdown-item-label-line-height:     2;
 --vm-bf-survey-breakdown-item-label-letter-spacing:     0;
 --vm-bf-survey-breakdown-item-label-text-transform:     none;
 
 /* Breakdown item value */     
 --vm-bf-survey-breakdown-item-value-colour:     var(--meta-swatch-mono-1);
 --vm-bf-survey-breakdown-item-value-font-family:     'source';
 --vm-bf-survey-breakdown-item-value-font-size:     20px;
 --vm-bf-survey-breakdown-item-value-font-weight:     500;
 --vm-bf-survey-breakdown-item-value-font-style:     normal;
 --vm-bf-survey-breakdown-item-value-line-height:     1;
 --vm-bf-survey-breakdown-item-value-letter-spacing:     0;
 --vm-bf-survey-breakdown-item-value-text-transform:     none;
 
 
 
 /* Chart background defaults */     
 
 
 
 
 
 
 /* Carbon Calculator Result */     
 
 /* Block container */     
 
 /* Content container */     
 
 /* Dataviz container */     
 
 /* Dataviz info icon */     
 
 /* Dataviz heading */     
 
 /* Dataviz sub heading */     
 
 /* Dataviz chart container */     
 
 /* Dataviz chart label */     
 
 
 
 /* Dataviz chart value */     
 
 
 /* Dataviz chart bar */     
 
 
 /* Dataviz footer */     
 
 /* Cards container */     
 
 /* Cards heading */     
 
 /* Cards items container */     
 
 /* Card */     
 
 /* Card icon */     
 
 /* Card heading */     
 
 /* Card value */     
 
 /* Card footer */     
 
 
 /* Carbon Calculator Widget */     
 
 /* Block container */     
 
 /* Header */     
 
 
 /* Content container */     
 
 /* Cards */     
 
 /* Card */     
 
 /* Card heading */     
 
 /* Dataviz  */     
 
 /* Dataviz headings */     
 
 /* Dataviz bars  */     
 
 
 /* Dataviz values */     
 
 
 /* Dataviz measures */     
 
	   
 
 /* Dataviz icon */     
 
 /* Message container */     
 
 /* Message words */     
 
 /* Message heading */     
 
 /* Message sub heading */     
 
 /* Message icon */     
 
 
 /* Climate Persona Result */     
 
 /* Block container */     
 
 /* Content container */     
 
 /* Heading */     
 
 /* Card container */     
 
 /* Card Header */     
 
 /* Card Header icon */     
 
 /* Card Heading */     
 
 /* Card Sub Heading */     
 
 /* Dataviz container */     
 
 /* Dataviz info icon */     
 
 /* Dataviz heading */     
 
 /* Dataviz sub heading */     
 
 /* Dataviz chart container */     
 
 /* Dataviz chart value */     
 
 /* Dataviz chart label */     
 
 /* Dataviz chart bar */     
 
 /* Dataviz footer */     
 
 
 
 /* Deposit Builder Result */     
 
 /* FF Messages Widget */     
 
 /* Block container */     
 
 /* Content container */     
 
 /* Grid container */     
 
 /* Icon layout */     
 
 /* Labels */     
 
 /* Positive message */     
 
 
 /* Negative message */     
 
 
 
 /* FF Scorecards Widget */     
 
 /* Section container */     
 
 /* Section heading overrides */     
 
 
 /* Section paragraph */     
 
 /* Score card containers */     
 
 /* Scorecard label top */     
 
 /* Scorecard label bottom */     
 
 /* Scorecard value */     
 
 /* Scorecard donut */     
 
 /* Donut Info icon */     
 
 /* Donut label */     
 
 
 /* Scorecard pursuits icon */     
 
 
 /* Finance Summary Widget */     
 
 /* Container */     
 
 /* Heading */     
 
 /* Subheading */     
 
 /* Card */     
 
 /* Card Info */     
 
 /* Card Info Icon */     
 
 /* Card Paragraph */     
 
 /* Card Value */     
 
 /* Card Value Icon */     
 
 /* Doughnut */     
 
 /* Doughnut Value */     
 
 /* Doughnut Label */     
 
 /* Rental Block */     
 
 /* Rental Label */     
 
 /* Rental Prime Label */     
 
 
 /* Flow Playback Result */     
 
 /* Block container */     
 
 /* Content container */     
 
 /* Item container */     
 
 
 
 
 /* Text container */     
 
 /* Heading */     
 
 /* Sub heading */     
 
 /* Detail container */     
 
 /* Indicator layout */     
 
 
 
 /* Indicator ON */     
 
 
 
 /* Indicator OFF */     
 
 
 
 
 /* Goal Scorecard Widget */     
 
 /* Block container */     
 
 /* Scores container */     
 
 
 
 /* Score item container */     
 
 
 
 /* Score item label */     
 
 /* Label off state overrides */     
 
 /* Score indicator layout */     
 
 
 /* Score indicator ON */     
 
 
 /* Score indicator off */     
 
 
 /* Update container */     
 
 
 
 /* Update label */     
 
 
 /* Healthscore Widget */     
 
 /* High Priority Goals Widget */     
 
 /* Block container */     
 
 /* Content container */     
 
 /* Header container */     
 
 /* Heading */     
 
 /* Sub heading */     
 
 /* Button container */     
 
 
 /* Home Buying Options Result */     
 
 /* Home Buying Readiness Result */     
 
 /* Inflation Poll Result */     
 
 /* Heading */     
 --vm-bf-inflation-poll-heading-colour:     var(--meta-swatch-colour-1);
 --vm-bf-inflation-poll-heading-font-family:     'source';
 --vm-bf-inflation-poll-heading-font-size:     48px;
 --vm-bf-inflation-poll-heading-font-weight:     200;
 --vm-bf-inflation-poll-heading-font-style:     normal;
 --vm-bf-inflation-poll-heading-line-height:     1.2;
 --vm-bf-inflation-poll-heading-letter-spacing:     0;
 --vm-bf-inflation-poll-heading-text-transform:     none;
 --vm-bf-inflation-poll-heading-margin:     40px 0 32px;
 
 /* Description */     
 --vm-bf-inflation-poll-description-colour:     var(--meta-swatch-mono-1);
 --vm-bf-inflation-poll-description-font-family:     'source';
 --vm-bf-inflation-poll-description-font-size:     28px;
 --vm-bf-inflation-poll-description-font-weight:     200;
 --vm-bf-inflation-poll-description-font-style:     normal;
 --vm-bf-inflation-poll-description-line-height:     1.2;
 --vm-bf-inflation-poll-description-letter-spacing:     0;
 --vm-bf-inflation-poll-description-text-transform:     none;
 --vm-bf-inflation-poll-description-margin:     48px 0;
 
 /* Label */     
 --vm-bf-inflation-poll-label-colour:     var(--meta-swatch-mono-1);
 --vm-bf-inflation-poll-label-font-family:     'source';
 --vm-bf-inflation-poll-label-font-size:     16px;
 --vm-bf-inflation-poll-label-font-weight:     500;
 --vm-bf-inflation-poll-label-font-style:     normal;
 --vm-bf-inflation-poll-label-line-height:     1.2;
 --vm-bf-inflation-poll-label-letter-spacing:     0;
 --vm-bf-inflation-poll-label-text-transform:     none;
 --vm-bf-inflation-poll-label-margin:     16px 16px 16px 0;
 
 /* Card container */     
 --vm-bf-inflation-poll-card-width:     85%;
 --vm-bf-inflation-poll-card-max-width:     390px;
 --vm-bf-inflation-poll-card-box-shadow:     0 4px 16px 0 rgba(0,0,0,0.08);
 --vm-bf-inflation-poll-card-padding:     32px;
 --vm-bf-inflation-poll-card-gap:     16px;
 
 /* Card heading */     
 --vm-bf-inflation-poll-card-heading-colour:     var(--meta-swatch-mono-1);
 --vm-bf-inflation-poll-card-heading-font-family:     'source';
 --vm-bf-inflation-poll-card-heading-font-size:     32px;
 --vm-bf-inflation-poll-card-heading-font-weight:     500;
 --vm-bf-inflation-poll-card-heading-font-style:     normal;
 --vm-bf-inflation-poll-card-heading-line-height:     1.2;
 --vm-bf-inflation-poll-card-heading-letter-spacing:     0;
 --vm-bf-inflation-poll-card-heading-text-transform:     none;
 --vm-bf-inflation-poll-card-heading-margin:     24px 0 32px;
 
 /* Card label */     
 --vm-bf-inflation-poll-card-label-colour:     var(--meta-swatch-mono-2);
 --vm-bf-inflation-poll-card-label-font-family:     'source';
 --vm-bf-inflation-poll-card-label-font-size:     16px;
 --vm-bf-inflation-poll-card-label-font-weight:     normal;
 --vm-bf-inflation-poll-card-label-font-style:     normal;
 --vm-bf-inflation-poll-card-label-line-height:     1.2;
 --vm-bf-inflation-poll-card-label-letter-spacing:     0;
 --vm-bf-inflation-poll-card-label-text-transform:     none;
 --vm-bf-inflation-poll-card-label-margin:     24px 0 16px;
 
 /* Card value today */     
 --vm-bf-inflation-poll-card-value-today-colour:     var(--meta-swatch-mono-1);
 --vm-bf-inflation-poll-card-value-today-font-family:     'source';
 --vm-bf-inflation-poll-card-value-today-font-size:     20px;
 --vm-bf-inflation-poll-card-value-today-font-weight:     500;
 --vm-bf-inflation-poll-card-value-today-font-style:     normal;
 --vm-bf-inflation-poll-card-value-today-line-height:     1.2;
 --vm-bf-inflation-poll-card-value-today-letter-spacing:     0;
 --vm-bf-inflation-poll-card-value-today-text-transform:     none;
 --vm-bf-inflation-poll-card-value-today-margin:     16px 0;
 
 /* Card value future */     
 --vm-bf-inflation-poll-card-value-future-colour:     var(--meta-swatch-colour-1);
 --vm-bf-inflation-poll-card-value-future-font-family:     'source';
 --vm-bf-inflation-poll-card-value-future-font-size:     24px;
 --vm-bf-inflation-poll-card-value-future-font-weight:     500;
 --vm-bf-inflation-poll-card-value-future-font-style:     normal;
 --vm-bf-inflation-poll-card-value-future-line-height:     1.2;
 --vm-bf-inflation-poll-card-value-future-letter-spacing:     0;
 --vm-bf-inflation-poll-card-value-future-text-transform:     none;
 --vm-bf-inflation-poll-card-value-future-margin:     16px 0;
 
 /* Value colour overrides */     
 --vm-bf-inflation-poll-card-value-future-type1-colour:     var(--meta-swatch-colour-1);
 --vm-bf-inflation-poll-card-value-future-type2-colour:     var(--meta-swatch-colour-1);
 --vm-bf-inflation-poll-card-value-future-type3-colour:     var(--meta-swatch-colour-1);
 
 
 /* Investor Persona */     
 
 /* Content container */     
 --investor-persona-content-padding:     40px 0 0 0;
 --investor-persona-content-padding-m:     64px 0 0 0;
 --investor-persona-content-padding-l:     80px 0 0 0;
 
 --investor-persona-content-flex-direction:     column;
 --investor-persona-content-flex-direction-m:     column;
 --investor-persona-content-flex-direction-l:     row;
 
 --investor-persona-content-gap:     48px 0;
 --investor-persona-content-gap-m:     48px 0;
 --investor-persona-content-gap-l:     0 64px;
 
 
 /* Words container */     
 --investor-persona-words-padding:     0;
 --investor-persona-words-padding-m:     0;
 --investor-persona-words-padding-l:     0 0 64px;
 
 /* Heading */     
 --investor-persona-heading-colour:     var(--meta-swatch-colour-9);
 --investor-persona-heading-font-family:     'source';
 --investor-persona-heading-font-weight:     500;
 --investor-persona-heading-font-style:     normal;
 --investor-persona-heading-line-height:     1.2;
 --investor-persona-heading-letter-spacing:     0;
 --investor-persona-heading-text-transform:     none;
 
 --investor-persona-heading-font-size:     28px;
 --investor-persona-heading-font-size-m:     32px;
 --investor-persona-heading-font-size-l:     32px;
 
 --investor-persona-heading-padding:     0 0 48px;
 --investor-persona-heading-padding-m:     0 0 52px;
 --investor-persona-heading-padding-l:     0 0 80px;
 
 /* Title */     
 --investor-persona-title-colour:     var(--meta-swatch-colour-1);
 --investor-persona-title-font-family:     'source';
 --investor-persona-title-font-weight:     200;
 --investor-persona-title-font-style:     normal;
 --investor-persona-title-line-height:     1.2;
 --investor-persona-title-letter-spacing:     0;
 --investor-persona-title-text-transform:     none;
 
 --investor-persona-title-font-size:     36px;
 --investor-persona-title-font-size-m:     48px;
 --investor-persona-title-font-size-l:     48px;
 
 --investor-persona-title-padding:     0 0 40px;
 --investor-persona-title-padding-m:     0 0 48px;
 --investor-persona-title-padding-l:     0 0 48px;
 
 /* Description */     
 --investor-persona-description-colour:     var(--meta-swatch-mono-1);
 --investor-persona-description-font-family:     'source';
 --investor-persona-description-font-size:     18px;
 --investor-persona-description-font-weight:     normal;
 --investor-persona-description-font-style:     normal;
 --investor-persona-description-line-height:     1.6;
 --investor-persona-description-letter-spacing:     0;
 --investor-persona-description-text-transform:     none;
 
 /* Image */     
 --investor-persona-image-object-fit:     contain;
 --investor-persona-image-width:     100%;
 --investor-persona-image-width-m:     60%;
 --investor-persona-image-width-l:     50%;
 
 
 /* LifeScore Widget */     
 
 /* Block container */     
 
 /* Heading */     
 
 /* Sub Heading */     
 
 /* Body */     
 
 /* Breakdown */     
 
 
 
 
 
 
 
 /* Mortgage Tools Widget */     
 
 /* Container */     
 
 /* Image */     
 
 /* Body */     
 
 /* Heading */     
 
 /* Sub heading */     
 
 /* Cards container */     
 
 /* Card */     
 
 /* Card Heading */     
 
 /* Metrics container */     
 
 /* Metric */     
 
 
 /* Metric Label */     
 
 /* Metric Value */     
 
 /* Button */     
 
 /*  Button Label */     
 
 /* Button Icon */     
 
 /* Positive Impact Widget */     
 
 /* Block container */     
 
 /* Content container */     
 
 
 /* Points breakdownB*/     
 
 
 
 
 
 
 
 /* Property Breakdown */     
 
 /* Container */     
 
 /* Header */     
 
 /* Heading */     
 
 /* Row */     
 
 /* Row label */     
 
 /* Row value */     
 
 /* Property Goal Widget (Road) */     
 
 /* Container */     
 
 /* Content Container */     
 
 /* Header Container */     
 
 /* Body Container */     
 
 /* Heading */     
 
 /* Heading */     
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 /* Property Portfolio Result */     
 
 /* Container */     
 
 /* Indicator icon */     
 
 /* Heading */     
 
 /* Sub heading */     
 
 /* Data icon */     
 
 
 /*  Savings Plan Result */     
 
 /* Block Container */     
 
 /* Inner container */     
 
 /* Content container */     
 
 /* Content heading */     
 
 /* Content subheading */     
 
 /* Columns container */     
 
 /* Dataviz */     
 
 /* Dataviz item */     
 
 /* Donuts */     
 
 /* Dataviz headings */     
 
 /* Dataviz labels */     
 
 /* Dataviz values */     
 
 /* Dataviz suffix */     
 
 /* Breakdown heading */     
 
 /* Also style Sub block / Breakdown card */     
 
 /* Controls container */     
 
 /* Controls heading */     
 
 /* Controls list */     
 
 
 
 /* VM */     
 
 /* VM What's In Reach dataviz */     
 
 
 
 
 
 /* VM plan breakdown */     
 
 
 
 
 
 
 
 /* VM plan dataviz */     
 
 
 
 
 
 
 
 
 
 /* VM plan widget */     
 
 
 
 
 
 
 
 
 
 
 /* VM plan page header */     
 
 
 
 /* VM points card */     
 
 
 
 
 /* VM points widget */     
 
 
 
 
 
 
 
 
 
 /* VM product prompt */     
 
 
 
 
 
 
 
 
 /* FF */     
 
 /* FF template heading overrides */     
 
 
 /* FF Messages spacer */     
 
 
 /* Goal Indicator */     
 
 
 
 
 
 /* Pursuit Indicator */     
 
 
 
 
 /* FF KPI Detail */     
 
 /* Item */     
 
 /* Icon */     
 
 /* Label */     
 
 
 /* Mortgage Passport */     
 
 /* Container */     
 
 /* Widget Wrapper */     
 
 /* Item */     
 
 /* Icon */     
 
 /* Label */     
 
 /* Value */     
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 /* Sub blocks */     
 
 /* Account info */     
 
 /* Account info title */     
 
 /* Account info sub title */     
 
 /* Breakdown card */     
 
 /* Container */     
 
 /* Data row */     
 
 /* Operator icon */     
 
 /* Label value */     
 
 /* Label */     
 
 /* Calc value */     
 
 /* Info icon */     
 
 /* Total row */     
 
 /* Total row - value */     
 
 /* Total row - label */     
 
 /* Total row operator icon */     
 
 
 /* Property Goal Breakdown */     
 
 /* Container */     
 
 /* Row */     
 
 
 /* Row value */     
 
 
 /* Row value suffix */     
 
 /* Row link */     
 
 /* Total */     
 
 /* Vars to help it look right */     
 
 
 /* Goal Row Header */     
 
 /* Block container */     
 
 
 /* Detail container */     
 
 /* Icon */     
 
 /* Label & Icon containers */     
 
 /* Labels */     
 
 
 
 /* Deposit Builder Chart */     
 
 /* Container */     
 
 /* Account colours */     
 
 /* Account cards */     
 
 /* Account buttons */     
 
 /* Headings */     
 
 /* Legend */     
 
 /* Balances */     
 
 /* Totals */     
 
 /* Difference label */     
 
 /* Difference */     
 
 /* Indicator */     
 
 
 
 /* Keylines */     
 
 
 /* Deposit Builder Breakdown */     
 
 /* Container */     
 
 /* Headings */     
 
 
 /* Balances */     
 
 /* Icons */     
 
 /* Keylines */     
 
 
 /* Deposit Builder Confirmation */     
 
 /* Container */     
 
 /* Icon Container */     
 
 /* Icon */     
 
 /* Message */     
 
 /* Deposit Builder Timeline */     
 
 /* Container */     
 
 /* Headings */     
 
 /* Values */     
 
 /* Lines */     
 
 
 /* Goal row */     
 
 /* Block container */     
 
 
 
 
 /* Text container */     
 
 /* Heading */     
 
 /* Sub Heading */     
 
 /* Detail container */     
 
 /* Score container */     
 
 /* Low Priority container */     
 
 /* Low Priority label */     
 
 /* Action container */     
 
 /* Score indicator layout */     
 
 /* Score indicator ON */     
 
 /* Score indicator OFF */     
 
 /* Badge container */     
 
 /* Badge label */     
 
 
 /* LifeScore Dataviz */     
 
 /* Block container */     
 
 /* Item */     
 
 /* Icon BGs */     
 
 /* Icon */     
 
 /* Words containers */     
 
 /* Labels */     
 
 /* Values */     
 
 /* Left colors */     
 
 /* Right colors */     
 
 
 /* Pension finder dataviz */     
 
 
 
 
 
 
 /* Savings Plan Breakdown */     
 
 /* Container */     
 
 /* Row */     
 
 /* Row value */     
 
 /* Row value suffix */     
 
 /* Row link */     
 
 /* Total */     
 
 
 /* Savings Plan Dataviz */     
 
 /* Container */     
 
 /* Label */     
 
 /* Value */     
 
 /* Value suffix */     
 
 
 /* Property Card */     
 
 
 
 
 
 /* Property Goal Dataviz */     
 
 
 
 
 
 
 
 /* Property Total Valuation */     
 
 /* Container */     
 
 /* Label Container */     
 
 /* Label */     
 
 /* Value Container */     
 
 /* Value */     
 
 
 
 /* Templates */     
 
 /* Default */     
 
 --theme-bg-colour:     var(--meta-swatch-mono-5);
 --theme-bg-attachment:     none;
 --theme-bg-image-url:     none;
 --theme-bg-image-repeat:     none;
 --theme-bg-image-size:     none;
 --theme-bg-image-position:     none;
 
 --theme-template-bg-colour:     var(--meta-swatch-colour-3);
 --theme-template-align-content:     normal;
 
 --theme-bottom-nav-bg-colour:     var(--meta-swatch-mono-5);
 
 --theme-top-nav-bg-colour:     var(--theme-bg-colour);
 --theme-top-nav-bg-image-url:     var(--theme-bg-image-url);
 --theme-top-nav-bg-image-repeat:     var(--theme-bg-image-repeat);
 --theme-top-nav-bg-image-size:     var(--theme-bg-image-size);
 --theme-top-nav-bg-image-position:     var(--theme-bg-image-position);
 
 /* 12 Column Content Grid */     
 --app-custom-grid-max-width-xs:     100%;
 --app-custom-grid-max-width-sm:     100%;
 --app-custom-grid-max-width-md:     100%;
 --app-custom-grid-max-width-lg:     950px;
 --app-custom-grid-max-width-xl:     950px;
 
 --app-custom-grid-margin-xxs:     16px;
 --app-custom-grid-margin-xs:     16px;
 --app-custom-grid-margin-sm:     36px;
 --app-custom-grid-margin-md:     36px;
 --app-custom-grid-margin-lg:     88px;
 
 --article-body-padding:     32px 0;
 
 
 
 /* Checkpoint (Updating & Done) */     
 
 --template-checkpoint-icon-colour:     var(--meta-swatch-colour-6);
 --template-checkpoint-icon-size:     24px;
 
 --template-checkpoint-label-colour:     var(--meta-swatch-colour-6);
 --template-checkpoint-label-face:     'source';
 --template-checkpoint-label-size:     18px;
 --template-checkpoint-label-weight:     600;
 --template-checkpoint-label-font-style:     normal;
 --template-checkpoint-label-line-height:     1.2;
 --template-checkpoint-label-letter-spacing:     0;
 --template-checkpoint-label-text-transform:     none;
 --template-checkpoint-label-text-align:     center;
 
 
 /* Savings Plan Results */     
 
 
 /* Tour */     
 --template-tour-spacer-top-s:     16px;
 --template-tour-spacer-middle-upper-s:     0;
 --template-tour-spacer-middle-lower-s:     16px;
 --template-tour-spacer-bottom-s:     16px;
 --template-tour-spacer-top-ml:     24px;
 --template-tour-spacer-middle-upper-ml:     0;
 --template-tour-spacer-middle-lower-ml:     16px;
 --template-tour-spacer-bottom-ml:     16px;
 --template-tour-order-image:     2;
 --template-tour-order-message:     1;
 --template-tour-order-input:     3;
 
 
 /* Custom */     
 --template-custom-spacer-sections-s:     var(--pattern-layout-spacer-sections-s);
 --template-custom-spacer-components-s:     var(--pattern-layout-spacer-components-s);
 --template-custom-spacer-content-s:     var(--pattern-layout-spacer-content-s);
 --template-custom-spacer-sections-ml:     var(--pattern-layout-spacer-sections-ml);
 --template-custom-spacer-components-ml:     var(--pattern-layout-spacer-components-ml);
 --template-custom-spacer-content-ml:     var(--pattern-layout-spacer-content-ml);
 
 /* 12 Column Content Grid */     
 --app-template-custom-page-body-column-end:     var(--pattern-col-span-l);
 
 --app-template-custom-page-coach-column-end:     var(--pattern-col-span-l);
 
 
 /* Start */     
 
 /* Question */     
 --app-template-question-body-column-end:     var(--pattern-col-span-l);
 
 /* Checklist */     
 --app-template-checklist-body-column-end:     var(--pattern-col-span-l);
 
 /* Articles list */     
 --app-template-articles-body-column-end:     var(--pattern-col-span-l);
 
 
 
 /* Article */     
 --app-template-article-body-column-start:     4;
 --app-template-article-body-column-end:     span 8;
 
 --app-template-article-page-coach-column-end:     var(--pattern-col-span-l);
 
 --article-body-padding:     0 0 16px 0;
 
 
 
 
 /* Result */     
 --template-result-page-heading-align:     center;
 --template-result-par-heading-align:     center;
 
 
 
 /* Dashboard */     
 --app-template-dashboard-page-coach-column-end:     var(--pattern-col-span-l);
 
 /* Widget bottom link */     
 
 
 
 
 /* Landing */     
 --template-landing-spacer-sections-s:     var(--pattern-layout-spacer-sections-s);
 --template-landing-spacer-components-s:     var(--pattern-layout-spacer-components-s);
 --template-landing-spacer-content-s:     var(--pattern-layout-spacer-content-s);
 --template-landing-spacer-sections-ml:     var(--pattern-layout-spacer-sections-ml);
 --template-landing-spacer-components-ml:     var(--pattern-layout-spacer-components-ml);
 --template-landing-spacer-content-ml:     var(--pattern-layout-spacer-content-ml);
 
 
 /* VM WIR */     
 --template-vm-wir-par-heading-align:     center;
 
 
 /* Pension Finder Results */     
 
 
 /* Account */     
 
 
 /* Blog */     
 
 
 
 /* Property */     
 
 
 
 /* MAB Affordability result */     
 /* OVERVIEW SECTION */     
 
 /*CARD*/     
 /*CARD CONTAINER*/     
 
 /*INFO ICON CONTAINER*/     
 
 /*LOAN DEPOSIT DIFFERENCE */     
 
 /*ICON*/     
 
 /*PARAGRAPH*/     
 
 /*VALUE*/     
 
 /*DOUGHNUT*/     
 
 /*LTV DOUGHNUT*/     
 
 /*DOUGHNUT VALUE*/     
 
 /*DOUGHNUT LABEL*/     
 
 /*DOUGHNUT LABEL*/     
 
 /* EDIT SECTION */     
 
 /* BUTTONS */     
 
 
 /* MODAL */     
 /* IMAGE */     
 
 /* TITLE */     
 
 /* ICON CONTAINER */     
 
 /* ICON */     
 
 
 /* Feed */     
 
 /* Content container */     
 
 /* Grid */     
 
 
 
 /* Grid items */     
 
 /* Empty state paragraph */     
 
 
 
 
 /* Guidance */     
 
 
 
 
 
 
 
 /* Story */     
 
 
 
 
 
 
 
 
 
 
 
 }     
 /* Do not remove!  */     
 
 
 /* Themes */     
 
 :root.dashboard {     
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 }     
 
 :root.checklist {     
 
 
 
 
 
 
 }     
 
 :root.articles {     
 
 
 
 
 
 
 
 
 
 }     
 
 :root.feed {     
 
 
 
 
 
 
 
 
 
 
 
 }     
 
 :root.question {     
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 /* Segmented buttons */     
 
 
 
 }     
 
 :root.article {     
 
 /* 12 Column Content Grid */     
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 }     
 
 :root.blog {     
 
 
 
 }     
 
 :root.help {     
 
 
 
 
 
 }     
 
 :root.checkpoint {     
 }     
 
 :root.account-complete {     
 }     
 
 :root.tour {     
 
 
 
 
 
 
 
 
 
 
 }     
 
 :root.tour1 {     
 
 
 
 
 
 
 
 }     
 
 :root.tour2 {     
 
 
 }     
 
 :root.tour3 {     
 
 
 }     
 
 :root.tour4 {     
 
 
 }     
 
 :root.tour5 {     
 
 
 }     
 
 :root.start {     
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 }     
 
 :root.result {     
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 }     
 
 :root.landing {     
 
 
 
 
 
 
 
 }     
 
 :root.landing1 {     
 
 
 
 }     
 
 :root.account-signup {     
 
 
 
 
 }     
 
 :root.account-login {     
 
 
 }     
 
 :root.account-reset-password {     
 
 }     
 
 :root.account-home {     
 
 
 
 
 
 
 
 }     
 
 :root.account-home-option {     
 }     
 
 :root.lifescore-home {     
 
 }     
 
 :root.lifescore-reward {     
 
 
 }     
 
 :root.vm-ff-goal {     
 
 
 
 
 
 
 }     
 
 :root.vm-wiwr {     
 
 
 
 
 
 
 
 }     
 
 :root.vm-plan {     
 
 
 
 
 
 
 
 
 
 
 
 }     
 
 :root.vm-deposit-builder {     
 
 
 
 
 
 
 
 }     
 
 :root.vm-lifescore-home {     
 
 
 
 
 
 
 
 
 }     
 
 :root.property-page {     
 
 
 
 
 
 
 
 
 
 /* Property header*/     
 }     
 
 :root.inflation-poll {     
 
 
 
 
 
 
 
 }     
 
 
 :root.investor-quiz {     
 
 
 
 
 
 
 }     
 
 :root.story {     
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 }     
 
 /* DO NOT remove space in next selector */     
 :root .story1 {     
 
 /* Slide container */     
 
 /* Page header */     
 
 /* Words */     
 
 /* Quick feedback */     
 
 /* Text links */     
 
 }     
 
 /* DO NOT remove space in next selector */     
 :root .story2 {     
 
 /* Slide container */     
 
 /* Page header */     
 
 /* Words */     
 
 /* Quick feedback */     
 
 /* Text links */     
 
 
 }     
 
 /* DO NOT remove space in next selector */     
 :root .story3 {     
 
 /* Slide container */     
 
 /* Page header */     
 
 /* Words */     
 
 /* Text links */     
 
 
 }     
 
 /* DO NOT remove space in next selector */     
 :root .story4 {     
 
 /* Slide container */     
 
 /* Page header */     
 
 /* Words */     
 
 /* Feedback */     
 
 /* Button */     
 
 /* Quick feedback */     
 
 /* Text links */     
 
 
 
 }     
 
 
 /* DO NOT remove space in next selector */     
 :root .story5 {     
 
 /* Slide container */     
 
 /* Page header */     
 
 /* Words */     
 
 /* Quick feedback */     
 
 /* Text links */     
 
 }     
 
 
 :root.goals {     
 
 
 
 
 
 
 
 }     
 
 :root.goal {     
 
 
 
 
 
 
 
 }     
 
 :root.onboarding {     
 
 
 
 
 
 
 
 
 
 }     
 
 :root.goal-prioritisation {     
 
 
 
 
 
 
 }     
 
 :root.goal-performance {     
 
 
 
 
 
 }     
 
 :root.positive-impact {     
 
 
 
 
 
 
 }     
 
 :root.coins {     
 
 
 
 
 
 
 
 
 
 }     
 
 :root.engaged {     
 /* Indicator */     
 
 /* Keylines */     
 
 /* Button */     
 
 /* Labels container */     
 
 /* Activity Label */     
 
 /* Status Label */     
 
 /* Status */     
 
 /* Action icon */     
 
 /* New dynamic statuses */     
 
 
 
 
 
 
 }     
 
 :root.video {     
 
 
 
 
 
 
 
 
 
 
 
 }