/* VM  - Sustainability */

/* Font code */     


:root {     

/* Swatches */     

/* Colours */     
--meta-swatch-colour-1:     #E10A0A;
--meta-swatch-colour-2:     #D03788;
--meta-swatch-colour-3:     #29AFB4;
--meta-swatch-colour-4:     #A500F5;
--meta-swatch-colour-5:     #1E2332;
--meta-swatch-colour-6:     #323A57;
--meta-swatch-colour-7:     #69E1E6;
--meta-swatch-colour-8:     #D3E629;
--meta-swatch-colour-9:     #051441;
--meta-swatch-colour-10:     #09142E;

/* Monos */     
--meta-swatch-mono-1:     #000000;
--meta-swatch-mono-2:     #6D7173;
--meta-swatch-mono-3:     #DFE3E6;
--meta-swatch-mono-4:     #FAFAFA;
--meta-swatch-mono-5:     #FFFFFF;


/* 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.12;
--meta-swatch-dark-4:     0, 0, 0, 0.05;

--meta-swatch-light-1:     255, 255, 255, 1;
--meta-swatch-light-2:     255, 255, 255, 0.63;
--meta-swatch-light-3:     223, 227, 230, 0.5;
--meta-swatch-light-4:     255, 255, 255, 0.3;
--meta-swatch-light-5:     255, 255, 255, 0;



/* Gradients */     
--meta-swatch-gradient-1:     radial-gradient(104.65% 208.95% at 50% 98.63%, #FFF7EC 0%, #C8EAFF 100%);
--meta-swatch-gradient-2:     linear-gradient(180deg, #36A7F2 39.58%, #B6E2FF 100%);
--meta-swatch-gradient-3:     radial-gradient(63.54% 63.54% at 45.98% 44.23%, #FFD92B 0%, #FFB72B 100%);



/* Check if these can be deleted */     

/* Content zone */     
--swatch-content-bg:     var(--meta-swatch-mono-5);
--swatch-content-bg-transparent:     var(--meta-swatch-light-5);
--swatch-content-text-strong:     var(--meta-swatch-mono-1);
--swatch-content-text-subtle:     var(--meta-swatch-mono-2);
--swatch-content-text-headings:     var(--meta-swatch-mono-1);
--swatch-content-text-link:     var(--meta-swatch-colour-1);
--swatch-content-link-underline:     transparent;
--swatch-content-link-bg:     transparent;
--swatch-content-link-hover:     var(--meta-swatch-colour-5);
--swatch-content-link-underline-hover:     var(--meta-swatch-colour-1);
--swatch-content-link-hover-bg:     var(--meta-swatch-colour-1);
--swatch-content-indicator-on:     var(--meta-swatch-colour-1);
--swatch-content-indicator-off:     transparent;
--swatch-content-indicator-hover:     var(--meta-swatch-mono-3);
--swatch-content-text-strong-bg:     transparent;
--swatch-content-text-emphasis-bg:     transparent;
--swatch-content-icon-bg:     transparent;
--swatch-content-icon-link:     var(--meta-swatch-colour-4);
--swatch-content-icon-warning:     var(--meta-swatch-colour-5);
--swatch-content-keylines:     var(--meta-swatch-mono-3);
--swatch-content-icon:     var(--meta-swatch-mono-2);
--swatch-content-icon-bg:     transparent;

/* Card zone */     
--swatch-card-bg:     transparent;
--swatch-card-text-strong:     var(--meta-swatch-mono-1);
--swatch-card-text-subtle:     var(--meta-swatch-mono-2);
--swatch-card-text-headings:     var(--meta-swatch-mono-1);
--swatch-card-text-link:     var(--meta-swatch-colour-1);
--swatch-card-indicator-on:     var(--meta-swatch-colour-1);
--swatch-card-indicator-off:     var(--meta-swatch-mono-3);
--swatch-card-indicator-hover:     var(--meta-swatch-mono-3);
--swatch-card-link-bg:     transparent;
--swatch-card-text-link-hover:     var(--meta-swatch-mono-5);
--swatch-card-link-hover-bg:     var(--meta-swatch-colour-1);
--swatch-card-text-strong-bg:     transparent;
--swatch-card-text-emphasis-bg:     transparent;
--swatch-card-icon-bg:     transparent;
--swatch-card-icon-link:     var(--meta-swatch-colour-1);
--swatch-card-icon-warning:     var(--meta-swatch-colour-5);
--swatch-card-keylines:     var(--meta-swatch-mono-3);
--swatch-card-icons-inactive:     var(--meta-swatch-mono-2);

/* Hero zone */     
--swatch-hero-bg:     var(--meta-swatch-colour-1);
--swatch-hero-text-headings:     var(--meta-swatch-mono-5);
--swatch-hero-text-strong:     var(--meta-swatch-mono-5);
--swatch-hero-text-subtle:     var(--meta-swatch-mono-5);
--swatch-hero-text-link:     var(--meta-swatch-mono-5);
--swatch-hero-icon-bg:     transparent;
--swatch-hero-icon-link:     var(--meta-swatch-mono-5);
--swatch-hero-icon-warning:     var(--meta-swatch-mono-5);
--swatch-hero-keylines:     var(--meta-swatch-light-3);

/* Dataviz */     
--swatch-dataviz-bar-whole:     var(--meta-swatch-mono-3);
--swatch-dataviz-bar-value:     var(--meta-swatch-colour-4);
--swatch-dataviz-icon-bg:     var(--meta-swatch-colour-4);
--swatch-dataviz-icon:     var(--meta-swatch-mono-5);
--swatch-dataviz-status-indicator:     var(--meta-swatch-colour-4);

/* Coach */     
--swatch-coach-question-bg:     var(--meta-swatch-mono-4);
--swatch-coach-question-text:      var(--meta-swatch-mono-1);
--swatch-coach-question-text-link:      var(--meta-swatch-colour-1);
--swatch-coach-link-bg:     transparent;
--swatch-coach-text-link-hover:     var(--meta-swatch-colour-5);
--swatch-coach-link-hover-bg:     transparent;
--swatch-coach-answer-bg:     var(--meta-swatch-colour-1);
--swatch-coach-answer-text:     var(--meta-swatch-mono-5);

/* Forms */     
--swatch-forms-label:     var(--meta-swatch-mono-2);
--swatch-forms-value:     var(--meta-swatch-mono-1);
--swatch-forms-indicator-off:     var(--meta-swatch-mono-3);
--swatch-forms-indicator-hover:     var(--meta-swatch-mono-3);
--swatch-forms-input-bg:     transparent;
--swatch-forms-error-bg:     transparent;
--swatch-forms-error-text:     var(--meta-swatch-mono-2);
--swatch-forms-error-icon:     var(--meta-swatch-colour-5);
--swatch-forms-validated-highlight:      var(--meta-swatch-colour-3);
--swatch-forms-option-bg-color:     var(--meta-swatch-mono-4);
--swatch-forms-option:     var(--meta-swatch-mono-2);
--swatch-forms-tick-icon-off:     var(--meta-swatch-mono-4);
--swatch-forms-tick-icon-on:     var(--meta-swatch-mono-2);



/* Patterns */     

/* Global typography */     

/* <strong> & <em> */     
--typo-strong-font-weight:     800;
--typo-em-font-style:     italic;

/* Global  */     







/* Headings */     

/* Heading 3XL */     

/* Heading 2XL */     

/* Heading XL */     

/* Heading L */     
--typo-h-large-colour:     var(--meta-swatch-mono-1);
--typo-h-large-font-face:     'vm-sans';
--typo-h-large-font-size:     28px;
--typo-h-large-font-weight:     700;
--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:     1.4rem 0 0.5rem;

/* Heading M */     
--typo-h-medium-colour:     var(--meta-swatch-mono-1);
--typo-h-medium-font-face:     'vm-sans';
--typo-h-medium-font-size:     22px;
--typo-h-medium-font-weight:     700;
--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:     1.4rem 0 0.5rem;

/* Heading S */     
--typo-h-small-colour:     var(--meta-swatch-mono-1);
--typo-h-small-font-face:     'vm-sans';
--typo-h-small-font-size:     17px;
--typo-h-small-font-weight:     700;
--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:     1.4rem 0 0.5rem;

/* Heading XS */     

/* Heading 2XS */     

/* Heading 3XS */     
      
/* Sub Headings */     

/* Sub heading 3XL */     

/* Sub heading 2XL */     

/* Sub heading XL */     

/* Sub heading L */     

/* Sub heading M */     

/* Sub heading S */     

/* Sub heading XS */     

/* Sub heading 2XS */     

/* Sub heading 3XS */     


/* Paragraphs */     

/* Paragraph XL */     

/* Paragraph L */     
--typo-p-large-colour:     var(--meta-swatch-mono-1);
--typo-p-large-font-face:     'vm-sans';
--typo-p-large-font-size:     22px;
--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 1rem;

/* Paragraph M */     
--typo-p-medium-colour:     var(--meta-swatch-mono-1);
--typo-p-medium-font-face:     'inter';
--typo-p-medium-font-size:     17px;
--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 1rem;

/* Paragraph S */     
--typo-p-small-colour:     var(--meta-swatch-mono-1);
--typo-p-small-font-face:     'vm-sans';
--typo-p-small-font-size:     14px;
--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 1rem;

/* Paragraph XS */     

/* <p> "concluding" */     

/* <p> "article-intro" */     
--template-articles-intro-colour:     var(--typo-p-medium-colour);
--template-articles-intro-font-face:     var(--typo-p-medium-font-face);
--template-articles-intro-font-size:     var(--typo-p-medium-font-size);
--template-articles-intro-font-weight:     var(--typo-p-medium-font-weight);
--template-articles-intro-line-height:     var(--typo-p-medium-line-height);
--template-articles-intro-letter-spacing:     var(--typo-p-medium-letter-spacing);
--template-articles-intro-text-transform:     var(--typo-p-medium-text-transform);
--template-articles-intro-text-align:     var(--typo-p-medium-text-align);

/* <p> "cta" */     

/* Labels */     

/* Label 2XL */     
--typo-data-label-2xl-colour:     var(--meta-swatch-mono-2);
--typo-data-label-2xl-font-face:     'vm-sans';
--typo-data-label-2xl-font-size:     24px;
--typo-data-label-2xl-font-weight:     500;
--typo-data-label-2xl-font-style:     normal;
--typo-data-label-2xl-line-height:     1.2;
--typo-data-label-2xl-letter-spacing:     0;
--typo-data-label-2xl-text-transform:     none;
--typo-data-label-2xl-text-align:     left;
--typo-data-label-2xl-margin-bottom:     0;

/* Label XL */     
--typo-data-label-xl-colour:     var(--meta-swatch-mono-2);
--typo-data-label-xl-font-face:     'vm-sans';
--typo-data-label-xl-font-size:     20px;
--typo-data-label-xl-font-weight:     500;
--typo-data-label-xl-font-style:     normal;
--typo-data-label-xl-line-height:     1.2;
--typo-data-label-xl-letter-spacing:     0;
--typo-data-label-xl-text-transform:     none;
--typo-data-label-xl-text-align:     left;
--typo-data-label-xl-margin-bottom:     0;

/* Label L */     
--typo-data-label-l-colour:     var(--meta-swatch-mono-2);
--typo-data-label-l-font-face:     'vm-sans';
--typo-data-label-l-font-size:     17px;
--typo-data-label-l-font-weight:     500;
--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-2);
--typo-data-label-m-font-face:     'vm-sans';
--typo-data-label-m-font-size:     16px;
--typo-data-label-m-font-weight:     500;
--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-2);
--typo-data-label-s-font-face:     'inter';
--typo-data-label-s-font-size:     14px;
--typo-data-label-s-font-weight:     400;
--typo-data-label-s-font-style:     normal;
--typo-data-label-s-line-height:     1.5;
--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 */     
--typo-data-label-xs-colour:     var(--meta-swatch-mono-2);
--typo-data-label-xs-font-face:     'inter';
--typo-data-label-xs-font-size:     12px;
--typo-data-label-xs-font-weight:     400;
--typo-data-label-xs-font-style:     normal;
--typo-data-label-xs-line-height:     1.5;
--typo-data-label-xs-letter-spacing:     0;
--typo-data-label-xs-text-transform:     none;
--typo-data-label-xs-text-align:     left;
--typo-data-label-xs-margin-bottom:     0;

/* Label 2XS */     
--typo-data-label-2xs-colour:     var(--meta-swatch-mono-2);
--typo-data-label-2xs-font-face:     'inter';
--typo-data-label-2xs-font-size:     11px;
--typo-data-label-2xs-font-weight:     400;
--typo-data-label-2xs-font-style:     normal;
--typo-data-label-2xs-line-height:     1.5;
--typo-data-label-2xs-letter-spacing:     0;
--typo-data-label-2xs-text-transform:     none;
--typo-data-label-2xs-text-align:     left;
--typo-data-label-2xs-margin-bottom:     0;


/* Data */     

/* Data 3XL */     
--typo-data-3xl-colour:     var(--meta-swatch-mono-1);
--typo-data-3xl-font-face:     'vm-sans';
--typo-data-3xl-font-size:     32px;
--typo-data-3xl-font-weight:     700;
--typo-data-3xl-font-style:     normal;
--typo-data-3xl-line-height:     1;
--typo-data-3xl-letter-spacing:     0;
--typo-data-3xl-text-transform:     none;
--typo-data-3xl-text-align:     left;
--typo-data-3xl-margin-bottom:     0;

/* Data 2XL */     
--typo-data-2xl-colour:     var(--meta-swatch-mono-1);
--typo-data-2xl-font-face:     'vm-sans';
--typo-data-2xl-font-size:     24px;
--typo-data-2xl-font-weight:     700;
--typo-data-2xl-font-style:     normal;
--typo-data-2xl-line-height:     1;
--typo-data-2xl-letter-spacing:     0;
--typo-data-2xl-text-transform:     none;
--typo-data-2xl-text-align:     left;
--typo-data-2xl-margin-bottom:     0;

/* Data XL */     
--typo-data-xl-colour:     var(--meta-swatch-mono-1);
--typo-data-xl-font-face:     'vm-sans';
--typo-data-xl-font-size:     20px;
--typo-data-xl-font-weight:     700;
--typo-data-xl-font-style:     normal;
--typo-data-xl-line-height:     1;
--typo-data-xl-letter-spacing:     0;
--typo-data-xl-text-transform:     none;
--typo-data-xl-text-align:     left;
--typo-data-xl-margin-bottom:     0;

/* Data L */     
--typo-data-l-colour:     var(--meta-swatch-mono-1);
--typo-data-l-font-face:     'vm-sans';
--typo-data-l-font-size:     18px;
--typo-data-l-font-weight:     700;
--typo-data-l-font-style:     normal;
--typo-data-l-line-height:     1;
--typo-data-l-letter-spacing:     0;
--typo-data-l-text-transform:     none;
--typo-data-l-text-align:     left;
--typo-data-l-margin-bottom:     0;

/* Data M */     
--typo-data-m-colour:     var(--meta-swatch-mono-1);
--typo-data-m-font-face:     'vm-sans';
--typo-data-m-font-size:     16px;
--typo-data-m-font-weight:     700;
--typo-data-m-font-style:     normal;
--typo-data-m-line-height:     1;
--typo-data-m-letter-spacing:     0;
--typo-data-m-text-transform:     none;
--typo-data-m-text-align:     left;
--typo-data-m-margin-bottom:     0;

/* Data S */     
--typo-data-s-colour:     var(--meta-swatch-mono-1);
--typo-data-s-font-face:     'vm-sans';
--typo-data-s-font-size:     13px;
--typo-data-s-font-weight:     700;
--typo-data-s-font-style:     normal;
--typo-data-s-line-height:     1;
--typo-data-s-letter-spacing:     0;
--typo-data-s-text-transform:     none;
--typo-data-s-text-align:     left;
--typo-data-s-margin-bottom:     0;

/* Data XS */     
--typo-data-xs-colour:     var(--meta-swatch-mono-1);
--typo-data-xs-font-face:     'vm-sans';
--typo-data-xs-font-size:     11px;
--typo-data-xs-font-weight:     700;
--typo-data-xs-font-style:     normal;
--typo-data-xs-line-height:     1;
--typo-data-xs-letter-spacing:     0;
--typo-data-xs-text-transform:     none;
--typo-data-xs-text-align:     left;
--typo-data-xs-margin-bottom:     0;

/* Data 2XS */     
--typo-data-2xs-colour:     var(--meta-swatch-mono-1);
--typo-data-2xs-font-face:     'vm-sans';
--typo-data-2xs-font-size:     11px;
--typo-data-2xs-font-weight:     700;
--typo-data-2xs-font-style:     normal;
--typo-data-2xs-line-height:     1;
--typo-data-2xs-letter-spacing:     0;
--typo-data-2xs-text-transform:     none;
--typo-data-2xs-text-align:     left;
--typo-data-2xs-margin-bottom:     0;

/* Data 3XS */     



/* Forms */     

/* Labels */     
--typo-form-label-colour:     var(--meta-swatch-mono-2);
--typo-form-label-font-face:     'inter';
--typo-form-label-font-size:     15px;
--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:     'inter';
--typo-form-value-font-size:     22px;
--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 */     

/* Password show button default */     

/* Icon default */     

/* Icon active - if not set - the default will be applied */     














/* Layout */     

--pattern-layout-spacer-bg-colour:     #fafafa;

--pattern-layout-spacer-top-s:     16px;
--pattern-layout-spacer-sections-s:     40px;
--pattern-layout-spacer-components-s:     16px;
--pattern-layout-spacer-content-s:     8px;
--pattern-layout-spacer-bottom-s:     24px;

--pattern-layout-spacer-top-ml:     16px;
--pattern-layout-spacer-sections-ml:     48px;
--pattern-layout-spacer-components-ml:     24px;
--pattern-layout-spacer-content-ml:     8px;
--pattern-layout-spacer-bottom-ml:     32px;

--layout-icon-size:     24px;
--pattern-icon-size:     24px;

--layout-sub-width:     932px;


/* 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:     'inter';
--typo-figcaption-font-size:     14px;
--typo-figcaption-font-weight:     400;
--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:     'inter';
--line-height-body:     1.5;
--letter-spacing-body:     0;
--par-margin-body:     0.7rem;
--text-transform-body:     none;

--body-paragraph-s-size:      16px;
--body-paragraph-s-weight:      400;
--body-paragraph-s-size:      14px;
--body-paragraph-s-weight:      400;
--body-paragraph-xs-size:      12px;
--body-paragraph-xs-weight:      400;
--body-quote-size:      24px;
--body-quote-weight:      400;
--body-quote-style:      italic;
--body-quote-padding:     32px;
--body-strong-weight:     700;
--body-strong-style:     inherit;
--body-strong-bg-padding:     0;
--body-emphasis-weight:     700;
--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:     'vm-loop';
--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-s-size:      22px;
--heading-paragraph-s-weight:      normal;

/* Forms */     
--face-forms:     'inter';
--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:     'inter';
--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:     'inter';
--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:      400;
--data-label-s-size:      14px;
--data-label-s-weight:      400;
--data-label-l-size:      16px;
--data-label-l-weight:      400;

/* Data output */     
--par-margin-data-output:     0rem;
--face-data-output:     'inter';
--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-s-size:     24px;
--data-output-s-weight:      bold;
--data-output-l-size:      32px;
--data-output-l-weight:      bold;





/* Blocks */     

/* Content */     

/* Activity Progress */     

/* Container */     

/* Content container */     



/* Label */     


/* Items container */     

/* Single Item */     




/* Advert */     

/* Section container */     
--template-dashboard-adverts-cards-columns:     1;
--template-dashboard-adverts-cards-gap-row:     16px;
--template-dashboard-adverts-cards-gap-column:     0;
--template-dashboard-adverts-bg-color:      transparent;
--template-dashboard-adverts-top-spacer-display:      block;
--template-dashboard-adverts-top-spacer-keyline:      none;
--template-dashboard-adverts-bottom-spacer-display:      block;

/* Advert block container */     
--advert-background-colour:     var(--meta-swatch-colour-10);
--advert-background-image-repeat:     no-repeat;
--advert-background-image-size:     cover;
--advert-background-image-position:     center center;
--advert-border:     none;
--advert-border-radius:     10px;
--advert-padding:     32px 24px;
--advert-margin:     24px 0;

/* Heading */     
--advert-heading-colour:     var(--meta-swatch-mono-5);
--advert-heading-font-family:     'vm-sans';
--advert-heading-font-size:     20px;
--advert-heading-font-weight:     500;
--advert-heading-font-style:     normal;
--advert-heading-line-height:     1.5;
--advert-heading-letter-spacing:     0;
--advert-heading-text-transform:     none;
--advert-heading-text-align:     left;
--advert-heading-margin:     0 0 0.7rem 0;

/* Paragraph */     
--advert-paragraph-colour:     var(--meta-swatch-mono-5);
--advert-paragraph-font-family:     'inter';
--advert-paragraph-font-size:     16px;
--advert-paragraph-font-weight:     400;
--advert-paragraph-font-style:     normal;
--advert-paragraph-line-height:     1.5;
--advert-paragraph-letter-spacing:     0;
--advert-paragraph-text-transform:     none;
--advert-paragraph-text-align:     left;
--advert-paragraph-margin:     0 0 0.7rem 0;

/* Button block overrides */     
--advert-button-margin:     24px 0 0 0;
--advert-button-min-width:     100%;
--advert-button-max-width:     100%;



/* 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-2);
--typo-quote-font-face:     var(--typo-p-medium-font-face);
--typo-quote-font-size:     22px;
--typo-quote-font-weight:     400;
--typo-quote-font-style:     italic;
--typo-quote-line-height:     var(--typo-p-medium-line-height);
--typo-quote-letter-spacing:     0;
--typo-quote-text-transform:     none;
--typo-quote-text-align:     left;
--typo-quote-padding:     2rem 0;
--typo-quote-margin:     0;
--typo-quote-max-width:     100%;
--typo-quote-border-top:     1px solid var(--meta-swatch-mono-3);
--typo-quote-border-bottom:     1px solid var(--meta-swatch-mono-3);


/* <cite> */     
--type-quote-cite-colour:     var(--meta-swatch-mono-2);
--type-quote-cite-font-face:     'inter';
--type-quote-cite-font-size:     15px;
--type-quote-cite-font-weight:     400;
--type-quote-cite-font-style:     normal;
--type-quote-cite-line-height:     1.5;
--type-quote-cite-letter-spacing:     0;
--type-quote-cite-text-transform:     none;
--type-quote-cite-text-align:     left;



/* Body */     









/* Callout */     

/* Container */     

/* Header */     

/* Icon */     

/* Headings */     

/* Paragraphs */     




/* Coach explainer */     

/* Block container */     

/* Icon */     

/* Content / Paragraph */     

/* Content / List items */     


/* Cover */     




/* Heading */     
--cover-heading-face:     'vm-sans';
--cover-heading-size-s:     var(--heading-page-title-size);
--cover-heading-size-ml:     60px;
--cover-heading-weight:     var(--heading-page-title-weight);
--cover-heading-line-height:     var(--line-height-heading);
--cover-heading-letter-spacing:     var(--letter-spacing-heading);
--cover-heading-text-transform:     var(--text-transform-heading);

/* Sub heading */     
--cover-sub-heading-face:     'inter';
--cover-sub-heading-size-s:     18px;
--cover-sub-heading-size-ml:     24px;
--cover-sub-heading-weight:     400;
--cover-sub-heading-line-height:     var(--line-height-heading);
--cover-sub-heading-letter-spacing:     var(--letter-spacing-heading);
--cover-sub-heading-text-transform:     none;

/* Body text */     

/* Spacing */     
--cover-text-spacer-s:     0.5rem;
--cover-text-spacer-ml:     0.5rem;

/* Buttons */     



/* 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:     ;


/* Empty msg */     

/* Empty message */     
--empty-msg-padding:     0;
--empty-msg-padding-m:     0;
--empty-msg-padding-l:     0;
--empty-msg-gap:     4px;
--empty-msg-gap-m:     4px;
--empty-msg-gap-l:     4px;
--empty-msg-background:     transparent;
--empty-msg-border:     none;
--empty-msg-border-radius:     0;
--empty-msg-box-shadow:     none;

/* Icon */     
--empty-msg-icon-size:     var(--pattern-icon-size);
--empty-msg-icon-fill:     var(--meta-swatch-colour-1);

/* Label */     
--empty-msg-label-color:     var(--typo-p-medium-colour);
--empty-msg-label-font-size:     var(--typo-p-medium-font-size);
--empty-msg-label-font-size-m:     var(--typo-p-medium-font-size);
--empty-msg-label-font-size-l:     var(--typo-p-medium-font-size);
--empty-msg-label-font-family:     var(--typo-p-medium-font-face);
--empty-msg-label-font-weight:     var(--typo-p-medium-font-weight);
--empty-msg-label-font-style:     var(--typo-p-medium-font-style);
--empty-msg-label-line-height:     var(--typo-p-medium-line-height);
--empty-msg-label-letter-spacing:     var(--typo-p-medium-letter-spacing);
--empty-msg-label-text-transform:     var(--typo-p-medium-text-transform);
--empty-msg-label-text-align:     var(--typo-p-medium-text-align);
--empty-msg-label-text-shadow:     none;
--empty-msg-label-text-decoration:     none;


/* Image */     



/* Align left */     



/* Align right */     



/* Align center */     



/* Caption */     




/* Introducer Banner */     

/* Block */     

/* Container  */     

/* Text  */     

/* Logo container  */     

/* Logo */     





/* In page message */     

--in-page-message-margin:     0;
--in-page-message-padding:     16px;

--in-page-message-bg-colour:     var(--meta-swatch-colour-9);

--in-page-message-colour:     var(--meta-swatch-mono-5);
--in-page-message-font-family:     'vm-sans';
--in-page-message-font-size:     17px;

--in-page-message-font-weight:     400;
--in-page-message-font-style:     normal;
--in-page-message-line-height:     130%;
--in-page-message-letter-spacing:     1.4;
--in-page-message-text-transform:     none;





/* 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 */     





/* Block container */     
--mt-flex-direction:     column-reverse;
--mt-flex-media-right-direction:     column;
--mt-flex-direction-m:     row;
--mt-flex-direction-l:     row;
--mt-small-flex-direction:     row;
--mt-small-flex-direction-m:     row;
--mt-small-flex-direction-l:     row;
--mt-medium-flex-direction:     column;
--mt-medium-flex-direction-m:     row;
--mt-medium-flex-direction-l:     row;
--mt-large-flex-direction:     column;
--mt-large-media-right-flex-direction:     column-reverse;
--mt-large-flex-direction-m:     row;
--mt-large-flex-direction-l:     row;
--mt-margin:     16px 0 0;
--mt-margin-m:     16px 0 24px;
--mt-margin-l:     16px 0 24px;

/* Text container */     
--mt-text-justify-content:     center;
--mt-text-justify-content-m:     center;
--mt-text-justify-content-l:     center;
--mt-text-padding:     24px 0 0;
--mt-text-padding-m:     0 0 0 24px;
--mt-text-padding-l:     0 0 0 24px;
--mt-text-onright-padding:     0 0 16px;
--mt-text-onright-padding-m:     0 24px 0 0;
--mt-text-onright-padding-l:     0 24px 0 0;
--mt-text-heading-margin:     16px 0;
--mt-text-heading-margin-m:     16px 0;
--mt-text-heading-margin-l:     16px 0;


/* Image container */     
--mt-image-flex-basis:     100%;
--mt-image-flex-basis-m:     50%;
--mt-image-flex-basis-l:     50%;
--mt-image-small-flex-basis:     32px;
--mt-image-small-height:     32px;
--mt-image-small-flex-basis-m:     48px;
--mt-image-small-height-m:     48px;
--mt-image-small-flex-basis-l:     64px;
--mt-image-small-height-l:     64px;
--mt-image-medium-flex-basis:     160px;
--mt-image-medium-height:     80px;
--mt-image-medium-flex-basis-m:     128px;
--mt-image-medium-height-m:     128px;
--mt-image-medium-flex-basis-l:     160px;
--mt-image-medium-height-l:     160px;
--mt-image-large-flex-basis:     288px;
--mt-image-large-height:     288px;
--mt-image-large-flex-basis-m:     348px;
--mt-image-large-height-m:     348px;
--mt-image-large-flex-basis-l:     400px;
--mt-image-large-height-l:     400px;



/* Block container */     

/* Text container */     

/* Image container */     



/* 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-mono-5);




/* Metabox */     

/* Container */     
--template-articles-metabox-display:     flex;
--template-articles-metabox-direction:     column;
--template-articles-metabox-align:     flex-start;
--template-articles-metabox-justify:     space-between;
--template-articles-metabox-padding:     16px 0;
--template-articles-metabox-bg-colour:     transparent;
--template-articles-metabox-border:     none;
--template-articles-metabox-border-radius:     none;
--template-articles-metabox-box-shadow:     none;

/* Text */     
--template-articles-metabox-colour:     var(--meta-swatch-mono-2);
--template-articles-metabox-font-family:     'inter';
--template-articles-metabox-font-size:     14px;
--template-articles-metabox-font-weight:     400;
--template-articles-metabox-line-height:     1.2;
--template-articles-metabox-letter-spacing:     0;

/* 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:     row;
--template-articles-metabox-list-margin:     0;
--template-articles-metabox-list-padding:     0;

/* Item */     
--template-articles-metabox-item-margin:     0 0 0 12px;
--template-articles-metabox-item-padding:     0 0 0 12px;
--template-articles-metabox-item-border:     0 0 0 1px;
--template-articles-metabox-item-border-colour:     var(--meta-swatch-mono-2);


/* Modal Dialog */     

--swatch-general-dimmer:     rgba(var(--meta-swatch-dark-2));
--effect-overlay-border-radius:      12px;

/* Block Container */     
--modal-content-bg:     var(--meta-swatch-mono-5);
--modal-dimmer-color:     rgba(var(--meta-swatch-dark-2));
--modal-border-radius:     12px;
--modal-width-m:     720px;
--modal-width-l:     1024px;

/* Modal body */     
--modal-body-padding:     16px;
--modal-body-padding-m:     16px;
--modal-body-padding-l:     16px;
--modal-body-gap:     8px;
--modal-body-gap-m:     8px;
--modal-body-gap-l:     8px;

/* Header Container */     
--modal-header-background-color:     var(--meta-swatch-mono-5);
--modal-header-keyline-bottom:     none;

/* Left Icon */     

/* 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-medium-colour);
--modal-header-heading-font-family:     var(--typo-h-medium-font-face);
--modal-header-heading-font-size:     var(--typo-h-medium-font-size);
--modal-header-heading-font-weight:     var(--typo-h-medium-font-weight);
--modal-header-heading-font-style:     var(--typo-h-medium-font-style);
--modal-header-heading-line-height:     var(--typo-h-medium-line-height);
--modal-header-heading-letter-spacing:     var(--typo-h-medium-letter-spacing);
--modal-header-heading-text-transform:     var(--typo-h-medium-text-transform);
--modal-header-heading-text-align:     left;

/* Sub heading */     
--modal-header-sub-heading-colour:     var(--meta-swatch-mono-2);
--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-bottom:     0;

--modal-header-padding:     16px 16px 0;
--modal-header-padding-m:     16px 16px 0;
--modal-header-padding-l:     16px 16px 0;

/* Modal footer */     

--modal-footer-margin:     24px 0;

--modal-footer-text-colour:     var(--meta-swatch-mono-5);
--modal-footer-text-font-family:     var(--typo-p-small-font-family);
--modal-footer-text-font-size:     var(--typo-p-small-font-size);
--modal-footer-text-font-weight:     var(--typo-p-small-font-weight);
--modal-footer-text-font-style:     var(--typo-p-small-font-style);
--modal-footer-text-line-height:     var(--typo-p-small-line-height);
--modal-footer-text-font-spacing:     var(--typo-p-small-letter-spacing);
--modal-footer-text-text-align:     left;
--modal-footer-text-padding:     16px;

/* Cookies modal overrides */     


/* Page Header */     

/* Container */     
--theme-page-header-bg-colour:     transparent;
--page-header-body-max-width:     615px;

/* Keylines */     
--theme-page-header-keyline:     none;

/* Icon */     
--theme-page-header-icon-colour:     var(--meta-swatch-colour-8);
--theme-page-header-icon-size:     64px;
--page-header-icon-margin:     0 16px 0 0;

/* Content inner container */     

/* Back Icon */     

/* Identifier container */     
--page-header-category-margin:     0 0 16px;
--page-header-category-margin-m:     0 0 16px;
--page-header-category-margin-l:     0 0 16px;
--page-header-category-padding:     8px 16px;
--page-header-category-background:     var(--meta-swatch-colour-8);
--page-header-category-border:     none;
--page-header-category-border-radius:     0;

/* Identifier label */     
--page-header-category-label-colour:     var(--meta-swatch-mono-1);
--page-header-category-label-font-family:     'inter';
--page-header-category-label-font-size:     10px;
--page-header-category-label-font-size-m:     10px;
--page-header-category-label-font-size-l:     10px;
--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;
--page-header-category-label-text-shadow:     none;

/* Heading */     
--theme-page-header-heading-colour:     var(--meta-swatch-colour-8);
--page-header-heading-face:     'vm-sans';
--page-header-heading-size:     38px;
--page-header-heading-size-m:     44px;
--page-header-heading-size-l:     64px;
--page-header-heading-weight:     700;
--page-header-heading-line-height:     1.2;
--page-header-heading-letter-spacing:     var(--letter-spacing-heading);
--page-header-heading-text-transform:     var(--text-transform-heading);
--page-header-heading-text-align:     left;

/* Identifier variants */     

/* Option 1 */     


/* Option 2 */     


/* Option 3 */     


/* Option 4 */     


/* Option 5 */     


/* Sub heading */     
--theme-page-header-sub-heading-colour:     var(--meta-swatch-mono-5);
--page-header-sub-heading-face:     'inter';
--page-header-sub-heading-size:     14px;
--page-header-sub-heading-weight:     400;
--page-header-sub-heading-line-height:     15px;
--page-header-sub-heading-letter-spacing:     0;
--page-header-sub-heading-text-transform:     none;
--page-header-sub-heading-text-align:     left;

/* Spacing */     
--page-header-spacer-top:     24px;
--page-header-spacer-below-heading:     8px;
--page-header-spacer-bottom:     32px;



/* Content Grid Layout */     




/* Block type: Image */     




/* Progress Indicator */     

/* Wrapper - to set the bg color*/     
--progress-indicator-wrapper-background:     var(--meta-swatch-mono-5);

/* Items parent container */     

/* Items */     
--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-1);
--progress-indicator-border-before:     none;

/* Current */     
--progress-indicator-background-current:     var(--meta-swatch-colour-1);
--progress-indicator-border-current:     none;

/* After */     
--progress-indicator-background-after:     var(--meta-swatch-mono-3);
--progress-indicator-border-after:     none;

/* Label */     


/* 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 */     



/* Smart banner */     

/* Container */     

/* Icon */     

/* Image */     

/* Text container */     

/* Button */     

/* iOS */     




/* Android */     





/* Split */     

/* Block Container */     

/* Both Article Containers */     

/* Grid Container */     

/* Text Container */     

/* Image Container */     

/* Container 1 */     



/* Container 2 */     



/* Image */     

/* Split heading */     


/* Split emphasis */     

/* Split buttons */     

/* Split List */     




/* Text - Headings */     

/* Container */     
--page-template-heading-container-bg-colour:     transparent;
--page-template-heading-container-padding:     0 0 16px;

/* Heading */     
--page-template-heading-colour:     var(--typo-h-large-colour);
--page-template-heading-font-family:     var(--typo-h-large-font-face);
--page-template-heading-font-face:     var(--typo-h-large-font-face);
--page-template-heading-font-size:     var(--typo-h-medium-font-size);
--page-template-heading-font-size-m:     var(--typo-h-large-font-size);
--page-template-heading-font-size-l:     var(--typo-h-large-font-size);
--page-template-heading-font-weight:     var(--typo-h-large-font-weight);
--page-template-heading-font-style:     var(--typo-h-large-font-style);
--page-template-heading-line-height:     var(--typo-h-large-line-height);
--page-template-heading-letter-spacing:     var(--typo-h-large-letter-spacing);
--page-template-heading-text-transform:     var(--typo-h-large-text-transform);
--page-template-heading-text-align:     var(--typo-h-large-text-align);
--page-template-heading-margin:     var(--typo-h-large-margin);
--page-template-heading-padding:     var(--typo-h-large-padding);

--page-template-par-heading-colour:     var(--meta-swatch-mono-1);
--page-template-par-heading-font-family:     'inter';
--page-template-par-heading-font-face:     'inter';
--page-template-par-heading-font-size:     16px;
--page-template-par-heading-font-weight:     normal;
--page-template-par-heading-line-height:     1.5;
--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:     'vm-sans';
--typo-h1-font-size:     28px;
--typo-h1-font-weight:     500;
--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:     'vm-sans';
--typo-h2-font-size:     22px;
--typo-h2-font-weight:     500;
--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:     1.4rem 0 1rem;

/* <h3> */     
--typo-h3-colour:     var(--meta-swatch-mono-1);
--typo-h3-font-face:     'vm-sans';
--typo-h3-font-size:     20px;
--typo-h3-font-weight:     500;
--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:     1.4rem 0 1rem;

/* <h4> */     
--typo-h4-colour:     var(--meta-swatch-mono-1);
--typo-h4-font-face:     'vm-sans';
--typo-h4-font-size:     17px;
--typo-h4-font-weight:     500;
--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:     1.4rem 0 1rem;

/* <h5> */     
--typo-h5-colour:     var(--meta-swatch-mono-1);
--typo-h5-font-face:     'vm-sans';
--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:     1.4rem 0 1rem;

/* <h6> */     
--typo-h6-colour:     var(--meta-swatch-mono-1);
--typo-h6-font-face:     'vm-sans';
--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-mono-1);
--typo-a-link-font-weight:     inherit;
--typo-a-link-font-style:     inherit;
--typo-a-link-letter-spacing:     inherit;
--typo-a-link-text-decoration:     underline;
--typo-a-link-text-transform:     inherit;
--typo-a-link-padding-bottom:     0.1rem;
--typo-a-link-border-bottom:     none;
--typo-a-link-position-top:     0;

/* <a> :hover */     
--typo-a-hover-border-radius:     0;
--typo-a-hover-bg-colour:     transparent;
--typo-a-hover-colour:     inherit;
--typo-a-hover-font-weight:     inherit;
--typo-a-hover-font-style:     inherit;
--typo-a-hover-letter-spacing:     inherit;
--typo-a-hover-text-decoration:     inherit;
--typo-a-hover-text-transform:     inherit;
--typo-a-hover-padding-bottom:     0.1rem;
--typo-a-hover-border-bottom:     none;
--typo-a-hover-position-top:     0;

/* <a> :active */     
--typo-a-active-border-radius:     0;
--typo-a-active-bg-colour:     transparent;
--typo-a-active-colour:     inherit;
--typo-a-active-font-weight:     inherit;
--typo-a-active-font-style:     inherit;
--typo-a-active-letter-spacing:     inherit;
--typo-a-active-text-decoration:     inherit;
--typo-a-active-text-transform:     inherit;
--typo-a-active-padding-bottom:     0.1rem;
--typo-a-active-border-bottom:     none;
--typo-a-active-position-top:     0;

/* <a> :visited */     
--typo-a-visited-border-radius:     0;
--typo-a-visited-bg-colour:     transparent;
--typo-a-visited-colour:     inherit;
--typo-a-visited-font-weight:     inherit;
--typo-a-visited-font-style:     inherit;
--typo-a-visited-letter-spacing:     inherit;
--typo-a-visited-text-decoration:     inherit;
--typo-a-visited-text-transform:     inherit;
--typo-a-visited-padding-bottom:     0.1rem;
--typo-a-visited-border-bottom:     none;
--typo-a-visited-position-top:     0;

/* Text - Lists */     

/* <ul> */     
--typo-ul-colour:     var(--meta-swatch-mono-1);
--typo-ul-font-face:     var(--typo-p-medium-font-face);
--typo-ul-font-size:     inherit;
--typo-ul-font-weight:     400;
--typo-ul-font-style:     normal;
--typo-ul-line-height:     var(--typo-p-medium-line-height);
--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 0.7rem 0;
--typo-ul-list-item-padding:     0;

/* <ol> */     
--typo-ol-colour:     var(--meta-swatch-mono-1);
--typo-ol-font-face:     var(--typo-p-medium-font-face);
--typo-ol-font-size:     inherit;
--typo-ol-font-weight:     400;
--typo-ol-font-style:     normal;
--typo-ol-line-height:     var(--typo-p-medium-line-height);
--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:     lower-alpha;
--typo-ol-style-position:     outside;
--typo-ol-list-style-image:     none;
--typo-ol-list-item-margin:     0 0 0.7rem 0;
--typo-ol-list-item-padding:     0;

/* Text - Paragraphs */     

/* <p> & <body> */     
--font-family:     'inter';
--typo-p-colour:     var(--meta-swatch-mono-1);
--typo-p-font-face:     'inter';
--typo-p-font-size:     16px;
--typo-p-font-weight:     normal;
--typo-p-line-height:     1.5;
--typo-p-letter-spacing:     0;
--typo-p-text-transform:     none;
--typo-p-text-align:     left;
--typo-p-margin:     0 0 0.7rem;



/* 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:     bottom;
--toast-position-ml:     right top;
--toast-height:     56px;
--toast-width:     100%;
--toast-bg-colour:     var(--meta-swatch-colour-8);
--toast-border:     none;
--toast-border-radius:     none;
--toast-margin:     0;
--toast-padding:     8px 12px;

/* Comms icon */     
--toast-comms-icon-display:     flex;
--toast-comms-icon-colour:     var(--meta-swatch-mono-1);
--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-1);
--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-1);
--toast-message-font-family:     'vm-sans';
--toast-message-font-size:     17px;
--toast-message-font-weight:     500;
--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;


/* Tooltip */     

--tooltip-padding:     8px;
--tooltip-border-radius:     4px;
--tooltip-background:     var(--meta-swatch-mono-5);
--tooltip-border:     1px solid var(--meta-swatch-mono-3);
--tooltip-box-shadow:     0px 4px 10px -3px rgba(0, 0, 0, 0.16);
--tooltip-text-color:     var(--typo-data-label-xs-colour);
--tooltip-text-font-family:     var(--typo-data-label-xs-font-face);
--tooltip-text-font-size:     var(--typo-data-label-xs-font-size);
--tooltip-text-font-weight:     var(--typo-data-label-xs-font-weight);
--tooltip-text-font-style:     var(--typo-data-label-xs-font-style);
--tooltip-text-line-height:     var(--typo-data-label-xs-line-height);
--tooltip-text-letter-spacing:     var(--typo-data-label-xs-letter-spacing);
--tooltip-text-text-transform:     var(--typo-data-label-xs-text-transform);
--tooltip-text-text-align:     var(--typo-data-label-xs-text-align);



/* Video embed */     
--wp-block-embed-margin:     0 0 24px 0;


/* Video overlay */     

/* Block container */     
--video-dimmer-background:     rgba(0,0,0,0.75);

--video-flex-direction:     column-reverse;
--video-flex-direction-m:     column-reverse;
--video-flex-direction-l:     column-reverse;

/* 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-mono-5);
--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-colour-1);

/* Forms */     

/* Accessibility */     
--global-focus-outline:     2px white solid;
--global-focus-outline-offset:     0;
--global-focus-box-shadow:     0 0 0 4px black;


/* Button */     

/* All types - Main container */     
--btn-align:     center;
--btn-width:      100%;
--btn-max-width:     100%;
--btn-max-width-m:     340px;
--btn-max-width-l:     340px;
--btn-height:      44px;
--btn-height-m:      64px;
--btn-height-l:      64px;
--btn-margin:     0;
--btn-padding:     0;
--btn-border-radius:     0;
--btn-effect-disabled:     0.3;


/* All types - Companion */     
--btn-companion-height:      44px;

/* All types - Icon container */     
--btn-icon-display:     none;
--btn-icon-border-radius:      0;
--btn-icon-width:      0;
--btn-icon-height:      0;
--btn-icon-margin:     0;

/* All types - SVG */     
--btn-svg-size:     var(--layout-icon-size);

/* All types - label */     
--btn-label-padding:     10px 14px;
--btn-label-text-transform:     none;
--btn-label-face:     'vm-sans';
--btn-label-font-size:     16px;
--btn-label-font-size-m:     18px;
--btn-label-font-size-l:     18px;
--btn-label-font-weight:     500;
--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-mono-5);

/* Minor */     
--btn-minor-background:     var(--meta-swatch-mono-5);
--btn-minor-border:     2px solid var(--meta-swatch-colour-1);
--btn-minor-icon-color:     var(--meta-swatch-mono-1);
--btn-minor-icon-bg-color:     transparent;
--btn-minor-icon-border:     none;
--btn-minor-label-color:     var(--meta-swatch-colour-1);

/* Diminished */     

/* Negative */     
--btn-negative-background:     transparent;
--btn-negative-border:     1px solid var(--meta-swatch-colour-1);
--btn-negative-icon-color:     transparent;
--btn-negative-icon-bg-color:     transparent;
--btn-negative-icon-border:     none;
--btn-negative-label-color:     var(--meta-swatch-colour-1);

/* Destructive */     
--btn-destructive-background:     var(--meta-swatch-colour-1);
--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);

/* Special */     
--btn-special-padding:     0 16px;
--btn-special-flex-direction:     row-reverse;
--btn-special-align:     start;
--btn-special-height:     48px;
--btn-special-height-m:     48px;
--btn-special-height-l:     48px;
--btn-special-background:     var(--meta-swatch-mono-5);
--btn-special-icon-display:     block;
--btn-special-icon-color:     var(--meta-swatch-colour-1);
--btn-special-icon-border:     1px dashed var(--meta-swatch-colour-1);
--btn-special-icon-height:     24px;
--btn-special-label-color:     var(--meta-swatch-colour-1);


/* Temporary link styles */     



/* Checkbox */     

/* Checkbox group legend */     
--input-checkbox-group-legend-color:     var(--meta-swatch-mono-1);
--input-checkbox-group-legend-font-size:     16px;
--input-checkbox-group-legend-font-size-m:     16px;
--input-checkbox-group-legend-font-size-l:     16px;
--input-checkbox-group-legend-font-family:     'vm-sans';
--input-checkbox-group-legend-font-weight:     500;
--input-checkbox-group-legend-font-style:     var(--typo-p-medium-font-style);
--input-checkbox-group-legend-line-height:     var(--typo-p-medium-line-height);
--input-checkbox-group-legend-letter-spacing:     var(--typo-p-medium-letter-spacing);
--input-checkbox-group-legend-text-transform:     var(--typo-p-medium-text-transform);
--input-checkbox-group-legend-text-align:     left;
--input-checkbox-group-legend-text-shadow:     none;
--input-checkbox-group-legend-text-decoration:     none;


/* Checkbox group item */     
--input-checkbox-group-item-margin-top:     0;

/* Outer container */     

/* 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;
--input-checkbox-disabled-opacity:     var(--pattern-disabled-opacity);

/* Label & info icon container */     
--input-checkbox-label-direction:     row;
--input-checkbox-label-justify-content:     space-between;
--input-checkbox-label-align-items:     center;

/* Image */     

/* Labels container */     

/* Label */     
--input-checkbox-label-colour:     var(--meta-swatch-mono-1);
--input-checkbox-label-colour-on:     var(--meta-swatch-mono-1);
--input-checkbox-label-font-family:     'vm-sans';
--input-checkbox-label-font-size:     16px;
--input-checkbox-label-font-weight:     500;
--input-checkbox-label-font-style:     var(--typo-p-medium-font-style);
--input-checkbox-label-line-height:     var(--typo-p-medium-line-height);
--input-checkbox-label-letter-spacing:     var(--typo-p-medium-letter-spacing);
--input-checkbox-label-text-transform:     var(--typo-p-medium-text-transform);
--input-checkbox-label-text-align:     left;
--input-checkbox-label-margin:     0 0 0 16px;

/*Sub label*/     

/* Label opt 2 */     

/* Option explainer */     


/* Informer / Info icon */     
--input-checkbox-informer-margin:     0 16px 0 0;

/* Field */     
--input-checkbox-off-background-colour:     transparent;
--input-checkbox-off-border:     1px solid var(--meta-swatch-mono-2);
--input-checkbox-off-icon-colour:     transparent;
--input-checkbox-off-icon-size:     24px;
--input-checkbox-off-border-radius:     0;
--input-checkbox-off-box-shadow:     none;

--input-checkbox-on-background-colour:     var(--meta-swatch-mono-1);
--input-checkbox-on-border:     1px solid transparent;
--input-checkbox-on-icon-colour:     var(--meta-swatch-mono-5);
--input-checkbox-on-icon-size:     24px;
--input-checkbox-on-border-radius:     0;
--input-checkbox-on-box-shadow:     none;

--swatch-forms-checkbox-bg-on:     var(--meta-swatch-colour-1);
--swatch-forms-checkbox-border-on:     1px solid var(--meta-swatch-colour-1);
--swatch-forms-checkbox-icon-on:     var(--meta-swatch-mono-5);
--swatch-forms-checkbox-bg-off:     transparent;
--swatch-forms-checkbox-border-off:     1px solid var(--meta-swatch-mono-2);
--swatch-forms-checkbox-icon-off:     var(--meta-swatch-mono-2);
--effect-forms-checkbox-border-radius:     50%;

/* Checkbox epic */     





/* Selected state */     




/* Checkbox epic group */     





/* Error message */     

/* Container */     
--forms-error-padding:     8px 0 0 0;
--forms-error-background-color:     transparent;

/* Label */     
--forms-error-label-colour:     var(--meta-swatch-colour-1);
--forms-error-label-font-family:     'inter';
--forms-error-label-font-size:     12px;
--forms-error-label-font-weight:     normal;
--forms-error-label-font-style:     normal;
--forms-error-label-line-height:     1.2;
--forms-error-label-letter-spacing:     0;
--forms-error-label-text-transform:     none;
--forms-error-label-text-align:     center;

/* Icon */     
--forms-error-icon-display:     none;
--forms-error-icon-size:     24px;
--forms-error-icon-colour:     var(--meta-swatch-colour-4);
--forms-error-icon-margin:     0 4px 0 0;


/* Explainer message */     

/* Container */     
--forms-explainer-padding:     6px 0 0 0;
--forms-explainer-padding-m:     6px 0 0 0;
--forms-explainer-padding-l:     6px 0 0 0;

/* Label */     
--forms-explainer-label-colour:     var(--meta-swatch-mono-2);
--forms-explainer-label-font-family:     'inter';
--forms-explainer-label-font-size:     12px;
--forms-explainer-label-font-size-m:     12px;
--forms-explainer-label-font-size-l:     12px;
--forms-explainer-label-font-weight:     normal;
--forms-explainer-label-font-style:     normal;
--forms-explainer-label-letter-spacing:     0;
--forms-explainer-label-line-height:     1.2;
--forms-explainer-label-text-transform:     none;
--forms-explainer-label-text-align:     left;


/* Container */     
--input-explainer-margin:     0 8px 0 0;
--input-explainer-padding:     0;
--input-explainer-background-color:     transparent;

--input-explainer-label-colour:     var(--meta-swatch-mono-2);
--input-explainer-label-font-family:     'inter';
--input-explainer-label-font-size:     12px;
--input-explainer-label-font-size-m:     12px;
--input-explainer-label-font-size-l:     12px;
--input-explainer-label-font-weight:     normal;
--input-explainer-label-font-style:     normal;
--input-explainer-label-letter-spacing:     0;
--input-explainer-label-line-height:     1.2;
--input-explainer-label-text-transform:     none;
--input-explainer-label-text-align:     left;


/* File upload */     

--input-file-padding:     0;
--input-file-gap:     12px;
--input-file-border-radius:     none;
--input-file-background:     transparent;
--input-file-border:     none;

--input-file-labels-gap:     4px;

--input-file-label-color:     var(--meta-swatch-mono-1);
--input-file-label-font-family:     'vm-sans';
--input-file-label-font-size:     16px;
--input-file-label-font-weight:     500;
--input-file-label-font-style:     var(--typo-p-medium-font-style);
--input-file-label-line-height:     var(--typo-p-medium-line-height);
--input-file-label-letter-spacing:     var(--typo-p-medium-letter-spacing);
--input-file-label-text-transform:     var(--typo-p-medium-text-transform);
--input-file-label-text-align:     left;

--input-file-btn-height:     44px;






/* Informer */     

/* Block container */     
--forms-informer-padding:     12px 0 8px;
--forms-informer-padding-m:     12px 0 8px;
--forms-informer-padding-l:     12px 0 8px;
--forms-informer-gap:     12px;
--forms-informer-gap-m:     12px;
--forms-informer-gap-l:     12px;

/* Icon */     
--forms-informer-icon-size:     24px;
--forms-informer-icon-color:     var(--meta-swatch-colour-1);

/* Content / Paragraph */     

/* Content / List items */     

/* Button */     


/* Block container */     
--forms-informer-int-padding:     12px 0 8px;
--forms-informer-int-padding-m:     12px 0 8px;
--forms-informer-int-padding-l:     12px 0 8px;
--forms-informer-int-gap:     8px;
--forms-informer-int-gap-m:     8px;
--forms-informer-int-gap-l:     8px;

/* Icon */     
--forms-informer-int-icon-color:     var(--meta-swatch-mono-1);

/* Content / Paragraph */     
--forms-informer-int-p-color:     var(--meta-swatch-mono-1);
--forms-informer-int-p-font-size:     12px;
--forms-informer-int-p-font-size-m:     12px;
--forms-informer-int-p-font-size-l:     12px;

/* Content / List items */     

/* Button */     







/* Input Group & Labels */     

/* Form container */     

/* Input group */     
--input-group-max-width:     100%;
--input-group-spacer:     24px;

--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 16px 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-mono-1);

--input-explainer-label-margin:     8px 0 0 0;

--input-label-block-margin:     0 0 4px 0;
--input-label-block-direction:     row;
--input-label-block-justify-content:     flex-start;
--input-label-block-align-items:     center;

--input-label-inline-margin:     0 16px 0 0;
--input-label-inline-direction:     row-reverse;
--input-label-inline-justify-content:     space-between;
--input-label-inline-align-items:     center;

--input-informer-block-margin:     0 4px 0 0;
--input-informer-inline-margin:     0 0 0 8px;


/* 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(--meta-swatch-mono-2);
--forms-input-menu-item-label-font-family:     'inter';
--forms-input-menu-item-label-font-size:     14px;
--forms-input-menu-item-label-font-weight:     normal;
--forms-input-menu-item-label-font-style:     normal;
--forms-input-menu-item-label-line-height:     1.2;
--forms-input-menu-item-label-letter-spacing:     0;
--forms-input-menu-item-label-text-transform:     none;
--forms-input-menu-item-label-text-align:     left;


/* Popover */     

/* Option container */     

/* Option */     

/* Option label */     

/* Hover */     


/* Popover menu */     

/* Container */     
--popover-menu-padding:     0;
--popover-menu-max-height:     220px;
--popover-menu-border-width:     1px;
--popover-menu-border-style:     solid;
--popover-menu-border-color:     var(--meta-swatch-mono-1);
--popover-menu-background-color:     var(--meta-swatch-mono-4);
--popover-menu-border-radius:     0px;
--popover-menu-box-shadow:     0px 8px 16px rgba(0, 0, 0, 0.1);


/* Popover menu item */     

/* Container */     
--popover-menu-item-padding:     8px 8px 8px 16px;
--popover-menu-item-height:     40px;
--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(--meta-swatch-mono-1);
--popover-menu-item-label-font-family:     'inter';
--popover-menu-item-label-font-size:     16px;
--popover-menu-item-label-font-weight:     normal;
--popover-menu-item-label-font-style:     normal;
--popover-menu-item-label-line-height:     1.2;
--popover-menu-item-label-letter-spacing:     0;
--popover-menu-item-label-text-transform:     none;
--popover-menu-item-label-text-align:     left;
--popover-menu-item-label-margin:     0 8px 0 0;

/*Label overrides */     

/* Hover overrides */     
--popover-menu-item-background-color-hover:     var(--meta-swatch-colour-1);
--popover-menu-item-label-color-hover:     var(--meta-swatch-mono-5);

/* Focus overrides */     
--popover-menu-item-background-color-focus:     var(--meta-swatch-colour-1);
--popover-menu-item-label-color-focus:     var(--meta-swatch-mono-5);

/* Icon */     
--popover-menu-item-icon-size:     24px;
--popover-menu-item-icon-margin:     0;
--popover-menu-item-icon-colour:     var(--meta-swatch-colour-1);













/* Quick feedback */     

/* Container */     

/* Content container */     

/* Header container */     

/* Heading */     

/* Items container */     

/* Item */     

/* Icon container */     

/* Icon*/     

/* Label */     

/*ICON STATE OVERRIDES*/     
/* Unanswered */     

/* Answered */     

/* Selected */     


/* Radio buttons */     

/* Checkbox group legend */     
--input-radio-group-legend-color:     var(--meta-swatch-mono-1);
--input-radio-group-legend-font-size:     16px;
--input-radio-group-legend-font-size-m:     16px;
--input-radio-group-legend-font-size-l:     16px;
--input-radio-group-legend-font-family:     'vm-sans';
--input-radio-group-legend-font-weight:     500;
--input-radio-group-legend-font-style:     var(--typo-p-medium-font-style);
--input-radio-group-legend-line-height:     var(--typo-p-medium-line-height);
--input-radio-group-legend-letter-spacing:     var(--typo-p-medium-letter-spacing);
--input-radio-group-legend-text-transform:     var(--typo-p-medium-text-transform);
--input-radio-group-legend-text-align:     left;
--input-radio-group-legend-text-shadow:     none;
--input-radio-group-legend-text-decoration:     none;


/* Radio group item */     



/* Outer container */     
--input-radio-disabled-opacity:     var(--pattern-disabled-opacity);

/* 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;
--input-radio-label-justify-content:     space-between;
--input-radio-label-align-items:     center;

/* Image */     

/* Labels container */     

/* Label */     
--input-radio-label-colour:     var(--meta-swatch-mono-1);
--input-radio-label-colour-on:     var(--meta-swatch-mono-1);
--input-radio-label-font-family:     'vm-sans';
--input-radio-label-font-size:     16px;
--input-radio-label-font-size-m:     16px;
--input-radio-label-font-size-l:     16px;
--input-radio-label-font-weight:     500;
--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 0 0 16px;

/*Sub label*/     

/* Label opt 2 */     

/* Option explainer */     


/* Informer / Info icon */     
--input-radio-informer-margin:     0 16px 0 0;

/* Field */     
--input-radio-off-background-colour:     transparent;
--input-radio-off-border:     1px solid var(--meta-swatch-mono-2);
--input-radio-off-icon-colour:     transparent;
--input-radio-off-icon-size:     24px;
--input-radio-off-border-radius:     50%;
--input-radio-off-box-shadow:     none;

--input-radio-on-background-colour:     transparent;
--input-radio-on-border:     1px solid var(--meta-swatch-mono-1);
--input-radio-on-icon-colour:     var(--meta-swatch-mono-1);
--input-radio-on-icon-size:     24px;
--input-radio-on-border-radius:     50%;
--input-radio-on-box-shadow:     none;

/* Link */     


/* Required indicator */     





/* Segmented button */     

/* Container */     
--forms-segmented-btn-height-m:     44px;
--forms-segmented-btn-height-l:     44px;
--forms-segmented-btn-box-shadow:     none;
--forms-segmented-btn-border:     none;
--forms-segmented-btn-border-radius:     0;
--forms-segmented-btn-bg-colour:     transparent;
--forms-segmented-btn-padding:     0;
--forms-segmented-btn-flex-direction:     column;
--forms-segmented-btn-flex-direction-m:     row;
--forms-segmented-btn-flex-direction-l:     row;
--forms-segmented-btn-gap:     8px;
--forms-segmented-btn-gap-m:     16px;
--forms-segmented-btn-gap-l:     16px;

/* Item layout */     
--forms-segmented-btn-item-height:     44px;
--forms-segmented-btn-item-height-m:     44px;
--forms-segmented-btn-item-height-l:     44px;
--forms-segmented-btn-item-padding:     0;
--forms-segmented-btn-item-padding-m:     0;
--forms-segmented-btn-item-padding-l:     0;
--forms-segmented-btn-item-margin:     0;
--forms-segmented-btn-item-margin-m:     0;
--forms-segmented-btn-item-margin-l:     0;

/* Item common props */     


--forms-segmented-btn-item-label-face:     'inter';
--forms-segmented-btn-item-label-font-size:     14px;
--forms-segmented-btn-item-label-font-size:     14px;
--forms-segmented-btn-item-label-font-size-l:     14px;

/* Item off */     
--forms-segmented-btn-item-off-outer-radius:     0;
--forms-segmented-btn-item-off-inner-radius:     0px;
--forms-segmented-btn-item-off-bg-colour:     var(--meta-swatch-mono-5);
--forms-segmented-btn-item-off-border:     1px solid var(--meta-swatch-colour-1);
--forms-segmented-btn-item-off-box-shadow:     none;

--forms-segmented-btn-item-off-label-colour:     var(--meta-swatch-colour-1);
--forms-segmented-btn-item-off-label-weight:     normal;
--forms-segmented-btn-item-off-label-font-style:     normal;
--forms-segmented-btn-item-off-label-line-height:     1;
--forms-segmented-btn-item-off-label-letter-spacing:     0;
--forms-segmented-btn-item-off-label-text-transform:     none;



/* Item on */     
--forms-segmented-btn-item-on-outer-radius:     0;
--forms-segmented-btn-item-on-inner-radius:     0;
--forms-segmented-btn-item-on-bg-colour:     var(--meta-swatch-colour-1);
--forms-segmented-btn-item-on-box-shadow:     none;

--forms-segmented-btn-item-on-label-colour:     var(--meta-swatch-mono-5);
--forms-segmented-btn-item-on-label-weight:     normal;
--forms-segmented-btn-item-on-label-font-style:     normal;
--forms-segmented-btn-item-on-label-line-height:     1;
--forms-segmented-btn-item-on-label-letter-spacing:     0;
--forms-segmented-btn-item-on-label-text-transform:     none;



/* Label */     
--forms-segmented-label-colour:     var(--meta-swatch-mono-1);
--forms-segmented-label-font-face:     'vm-sans';
--forms-segmented-label-font-size:     16px;
--forms-segmented-label-font-size-m:     16px;
--forms-segmented-label-font-size-l:     16px;
--forms-segmented-label-weight:     500;
--forms-segmented-label-style:     normal;
--forms-segmented-label-line-height:     1.2;
--forms-segmented-label-letter-spacing:     0;
--forms-segmented-label-text-transform:     none;
--forms-segmented-label-text-align:     left;



/* Select menu */     


/* Field */     
--select-field-padding:     8px 16px;
--select-field-height:     44px;
--select-field-border-width:     1px;
--select-field-border-style:     solid;
--select-field-border-color:     var(--meta-swatch-mono-2);
--select-field-background-color:     var(--meta-swatch-mono-5);
--select-field-border-radius:     0;
--select-field-box-shadow:     none;

/* Label */     
--select-label-colour:     var(--meta-swatch-mono-1);
--select-label-font-family:     'vm-sans';
--select-label-font-size:     16px;
--select-label-font-weight:     500;
--select-label-font-style:     normal;
--select-label-line-height:     1.2;
--select-label-letter-spacing:     0;
--select-label-text-transform:     none;
--select-label-text-align:     left;


/* Value */     
--select-value-colour:     var(--meta-swatch-mono-1);
--select-value-font-family:     'inter';
--select-value-font-size:     17px;
--select-value-font-weight:     400;
--select-value-font-style:     normal;
--select-value-line-height:     1.2;
--select-value-letter-spacing:     0;
--select-value-text-transform:     none;
--select-value-text-align:     left;

/* Icon */     
--select-icon-size:     24px;
--select-icon-colour:     var(--meta-swatch-mono-1);
--select-icon-margin:     0;


/* 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:     48px;
--input-switch-body-height:     24px;
--input-switch-body-padding:     2px;
--input-switch-body-border-radius:     16px;
--input-switch-handle-size:     24px;

/* Body off */     
--input-switch-off-body-bg-colour:     var(--meta-swatch-mono-3);
--input-switch-off-body-border:     none;
--input-switch-off-body-box-shadow:     none;

--input-switch-off-handle-bg-colour:     var(--meta-swatch-mono-5);
--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-1);
--input-switch-on-body-border:     none;
--input-switch-on-body-box-shadow:     none;

--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 */     
--input-switch-mandatory-body-background:     var(--meta-swatch-colour-1);
--input-switch-mandatory-body-border-radius:     24px;
--input-switch-mandatory-body-padding:     0 12px;

/* Body label */     
--input-switch-mandatory-body-label-colour:     var(--meta-swatch-mono-5);
--input-switch-mandatory-body-label-font-family:     var(--typo-p-medium-font-face);
--input-switch-mandatory-body-label-font-size:     var(--typo-p-medium-font-size);
--input-switch-mandatory-body-label-font-weight:     var(--typo-p-medium-font-weight);
--input-switch-mandatory-body-label-font-style:     var(--typo-p-medium-font-style);
--input-switch-mandatory-body-label-line-height:     var(--typo-p-medium-line-height);
--input-switch-mandatory-body-label-letter-spacing:     var(--typo-p-medium-letter-spacing);
--input-switch-mandatory-body-label-text-transform:     var(--typo-p-medium-text-transform);


/* Label */     
--input-switch-label-direction:     row-reverse;
--input-switch-label-justify-content:     space-between;
--input-switch-label-align-items:     center;
--input-switch-label-colour:     var(--meta-swatch-mono-1);
--input-switch-label-font-family:     'vm-sans';
--input-switch-label-font-size:     16px;
--input-switch-label-font-weight:     500;
--input-switch-label-font-style:     var(--typo-p-medium-font-style);
--input-switch-label-line-height:     var(--typo-p-medium-line-height);
--input-switch-label-letter-spacing:     var(--typo-p-medium-letter-spacing);
--input-switch-label-text-transform:     var(--typo-p-medium-text-transform);
--input-switch-label-text-align:     left;
--input-switch-label-margin:     0 16px 0 0;

--input-switch-informer-margin:     0 0 0 8px;


/* Text area */     

/* Container */     

/* Field container */     
--forms-textarea-padding:     8px;
--forms-textarea-width:     100%;
--forms-textarea-height:     auto;
--forms-textarea-border-width:     1px;
--forms-textarea-border-style:     solid;
--forms-textarea-border-color:     var(--meta-swatch-mono-2);
--forms-textarea-background-color:     var(--meta-swatch-mono-5);
--forms-textarea-border-radius:     0;
--forms-textarea-box-shadow:     none;

/* Label */     
--forms-textarea-label-colour:     var(--meta-swatch-mono-1);
--forms-textarea-label-font-family:     'vm-sans';
--forms-textarea-label-font-size:     16px;
--forms-textarea-label-font-weight:     500;
--forms-textarea-label-font-style:     normal;
--forms-textarea-label-line-height:     1.2;
--forms-textarea-label-letter-spacing:     0;
--forms-textarea-label-text-transform:     none;
--forms-textarea-label-text-align:     left;

/* Informer */     

/* Placeholder */     
--forms-textarea-placeholder-colour:     var(--meta-swatch-mono-2);
--forms-textarea-placeholder-font-family:     'inter';
--forms-textarea-placeholder-font-size:     16px;
--forms-textarea-placeholder-font-weight:     normal;
--forms-textarea-placeholder-font-style:     normal;
--forms-textarea-placeholder-line-height:     1.2;
--forms-textarea-placeholder-letter-spacing:     0;
--forms-textarea-placeholder-text-transform:     none;
--forms-textarea-placeholder-text-align:     left;


/* Value */     
--forms-textarea-value-colour:     var(--meta-swatch-mono-1);
--forms-textarea-value-font-family:     'inter';
--forms-textarea-value-font-size:     16px;
--forms-textarea-value-font-weight:     normal;
--forms-textarea-value-font-style:     normal;
--forms-textarea-value-line-height:     1.2;
--forms-textarea-value-letter-spacing:     0;
--forms-textarea-value-text-transform:     none;
--forms-textarea-value-text-align:     left;


/* Text input */     

/* Layout order */     


/* Container */     

/* Field container */     
--forms-input-padding:     0 16px;
--forms-input-width:     100%;
--forms-input-height:     44px;
--forms-input-border-width:     1px;
--forms-input-border-style:     solid;
--forms-input-border-color:     var(--meta-swatch-mono-2);
--forms-input-background-color:     var(--meta-swatch-mono-5);

--forms-input-action-button-icon-size:     var(--pattern-icon-size);
--forms-input-action-button-icon-color:     var(--meta-swatch-mono-2);

/* Label */     
--forms-input-label-colour:     var(--meta-swatch-mono-1);
--forms-input-label-font-family:     'vm-sans';
--forms-input-label-font-size:     16px;
--forms-input-label-font-weight:     500;
--forms-input-label-font-style:     normal;
--forms-input-label-line-height:     1.2;
--forms-input-label-letter-spacing:     0;
--forms-input-label-text-transform:     none;
--forms-input-label-text-align:     left;

/* Informer */     

/* Placeholder */     
--forms-input-placeholder-colour:     var(--meta-swatch-mono-2);
--forms-input-placeholder-font-family:     'inter';
--forms-input-placeholder-font-size:     16px;
--forms-input-placeholder-font-weight:     normal;
--forms-input-placeholder-font-style:     normal;
--forms-input-placeholder-line-height:     1.2;
--forms-input-placeholder-letter-spacing:     0;
--forms-input-placeholder-text-transform:     none;
--forms-input-placeholder-text-align:     left;

/* Value */     
--forms-input-value-colour:     var(--meta-swatch-mono-1);
--forms-input-value-font-family:     'inter';
--forms-input-value-font-size:     16px;
--forms-input-value-font-weight:     normal;
--forms-input-value-font-style:     normal;
--forms-input-value-line-height:     1.2;
--forms-input-value-letter-spacing:     0;
--forms-input-value-text-transform:     none;
--forms-input-value-text-align:     left;

/* Code validation */     
/* Validation container */     


/* Redeem button */     


/* Confirmation text */     



/* Password validation */     

/* These are currently in use but... */     
--account-password-tick-off-colour:     var(--meta-swatch-mono-3);
--account-password-tick-on-colour:     var(--meta-swatch-colour-1);

--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:     24px;

--swatch-forms-tick-bg-on:     transparent;
--swatch-forms-tick-border-on:     none;
--swatch-forms-tick-icon-on:     var(--meta-swatch-colour-8);

--swatch-forms-tick-bg-off:     transparent;
--swatch-forms-tick-border-off:     none;
--swatch-forms-tick-icon-off:     var(--meta-swatch-colour-3);

--effect-forms-tick-border-radius:     none;



/* Block container */     
--password-validation-gap:     4px;
--password-validation-gap-m:     4px;
--password-validation-gap-l:     4px;

/* Heading */     
--password-validation-heading-font-family:     var(--typo-p-medium-font-face);
--password-validation-heading-font-size:     var(--typo-p-medium-font-size);
--password-validation-heading-colour:     var(--typo-p-medium-colour);
--password-validation-heading-font-weight:     var(--typo-p-medium-font-weight);
--password-validation-heading-font-style:     var(--typo-p-medium-font-style);
--password-validation-heading-line-height:     var(--typo-p-medium-line-height);
--password-validation-heading-letter-spacing:     var(--typo-p-medium-letter-spacing);
--password-validation-heading-text-transform:     var(--typo-p-medium-text-transform);
--password-validation-heading-text-align:     left;

/* Tick list */     
--password-validation-tick-list-padding:     0 0 8px 0;
--password-validation-tick-list-padding-m:     0 0 8px 0;
--password-validation-tick-list-padding-l:     0 0 8px 0;

/* Tick row */     
--password-validation-tick-row-direction:     row-reverse;
--password-validation-tick-row-align-items:     center;
--password-validation-tick-row-justify-content:     flex-end;

/* Tick Row Label */     

/* Tick Row Icon */     
--password-validation-icon-size:     18px;
--password-validation-icon-fill-off:     var(--meta-swatch-mono-3);
--password-validation-icon-fill-on:     var(--meta-swatch-colour-1);



/* Wheel input */     

/* Container */     
--forms-wheel-container-max-width:     var(--btn-max-width);
--forms-wheel-text-margin-bottom:     8px;
--forms-wheel-label-width:     27.5%;
--forms-wheel-value-width:     45%;

/* Grips */     
--forms-wheel-grip-container-height:     48px;
--forms-wheel-grip-container-bg-colour:     transparent;
--forms-wheel-grip-container-bg-gradient:     linear-gradient(90.2deg, #EAEAEA 0.03%, #F8F8F8 25.46%, #FFFFFF 49.75%, #F8F8F8 74.52%, #EAEAEA 99.97%);
--forms-wheel-grip-container-border:     1px solid var(--meta-swatch-mono-3);
--forms-wheel-grip-container-border-radius:     24px;
--forms-wheel-grip-container-shadow:     inset 0px 2px 6px rgba(0, 0, 0, 0.1);

--forms-wheel-grips-height:     24px;
--forms-wheel-grips-width:     4px;
--forms-wheel-grips-colour:     var(--meta-swatch-mono-3);
--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:     24px;
--forms-wheel-stepper-icon-on-colour:     var(--meta-swatch-colour-1);
--forms-wheel-stepper-icon-off-colour:     var(--meta-swatch-mono-2);
--forms-wheel-stepper-disabled-opacity:     0.3;

/* 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:     4px;
--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-font-face:     'inter';
--forms-wheel-label-font-size:     16px;
--forms-wheel-label-font-weight:     normal;
--forms-wheel-label-font-style:     normal;
--forms-wheel-label-line-height:     1.1;
--forms-wheel-label-letter-spacing:     -0.03rem;
--forms-wheel-label-text-transform:     none;


--forms-wheel-value-font-face:     'inter';
--forms-wheel-value-font-size:     18px;
--forms-wheel-value-font-weight:     bold;
--forms-wheel-value-font-style:     normal;
--forms-wheel-value-line-height:     1.1;
--forms-wheel-value-letter-spacing:     -0.03rem;
--forms-wheel-value-text-transform:     none;
--forms-wheel-value-text-align:     center;

--forms-wheel-computed-colour:      var(--forms-wheel-label-colour);
--forms-wheel-computed-font-face:      var(--forms-wheel-label-font-face);
--forms-wheel-computed-font-size:      var(--forms-wheel-label-font-size);
--forms-wheel-computed-font-weight:      var(--forms-wheel-label-font-weight);
--forms-wheel-computed-font-style:      var(--forms-wheel-label-font-style);
--forms-wheel-computed-line-height:      var(--forms-wheel-label-line-height);
--forms-wheel-computed-letter-spacing:      var(--forms-wheel-label-letter-spacing);
--forms-wheel-computed-text-transform:      var(--forms-wheel-label-text-transform);
--forms-wheel-computed-text-align:      right;
--forms-wheel-computed-width:      27.5%;



/* Navigation */     

/* Accordion (Old - but still used in places) */     

/* Block Container */     
/* <ul> List Container */     
--accordion-v2-padding:     24px 0;
--accordion-v2-border:     none;
--accordion-v2-border-radius:     none;
--accordion-v2-item-keyline:     none;

/* <li> Accordion item */     

/* Item Header */     
--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;

--accordion-v2-header-bg-color-open:      transparent;

--accordion-flex-direction:     row-reverse;
--accordion-flex-direction-m:     row-reverse;
--accordion-flex-direction-l:     row-reverse;


/* Item Header > label */     
--accordion-v2-title-colour:      var(--typo-h-small-colour);
--accordion-v2-title-font-family:      var(--typo-h-small-font-face);
--accordion-v2-title-font-size:      var(--typo-h-small-font-size);
--accordion-v2-title-font-weight:      var(--typo-h-small-font-weight);
--accordion-v2-title-font-style:      var(--typo-h-small-font-style);
--accordion-v2-title-line-height:      var(--typo-h-small-line-height);
--accordion-v2-title-letter-spacing:      var(--typo-h-small-letter-spacing);
--accordion-v2-title-text-transform:      var(--typo-h-small-text-transform);
--accordion-v2-title-text-align:      var(--typo-h-small-text-align);

--accordion-v2-title-colour-open:      var(--meta-swatch-mono-1);

/* Item Header > icon */     
--accordion-v2-icon-bg-border:      none;
--accordion-v2-icon-bg-color:      transparent;
--accordion-v2-icon-color:      var(--meta-swatch-colour-1);
--accordion-v2-icon-margin:     9px 0 auto 0;

--accordion-v2-icon-bg-border-open:      none;
--accordion-v2-icon-bg-color-open:      transparent;
--accordion-v2-icon-color-open:      var(--meta-swatch-colour-1);

/* Item Header > Action container (Select menu) */     
--accordion-action-grow:     1;
--accordion-action-grow-m:     0;
--accordion-action-grow-l:     0;

--accordion-action-basis:     170px;
--accordion-action-shrink:     0;

/* Item Header > Select menu (in Sus Coach) */     
--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-font-family:     'inter';
--accordion-checkbox-label-font-size:     20px;
--accordion-checkbox-label-font-weight:     normal;
--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;

/* Item Content */     

--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;

/* Block container */     
--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);

/* 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;




/* Accordion (New) */     

/* Widget container */     
--acc-padding:     0;
--acc-padding-m:     0;
--acc-padding-l:     0;


/* Heading */     

/* Sub heading */     

/* List <ul> */     
--acc-list-gap:     0;
--acc-list-padding:     24px 0;
--acc-list-padding-m:     24px 0;
--acc-list-padding-l:     24px 0;
--acc-list-border:     none;
--acc-list-border-radius:     none;
--accordion-v2-item-keyline:     none;

/* Item <li> */     
--acc-item-background:     transparent;
--acc-item-padding:     0;
--acc-item-padding-m:     0;
--acc-item-padding-l:     0;
--acc-item-border-top:     1px solid var(--meta-swatch-mono-3);

/* Item header */     
--acc-item-header-padding:     16px 0;
--acc-item-header-padding-m:     16px 0;
--acc-item-header-padding-l:     16px 0;
--acc-item-header-gap:     8px;
--acc-item-header-background:     transparent;
--acc-item-header-background-open:      transparent;
--acc-item-header-direction:     row-reverse;
--acc-item-header-direction-m:     row-reverse;
--acc-item-header-direction-l:     row-reverse;

/* Item header main */     
--acc-item-header-main-flex-direction:     column;
--acc-item-header-main-align-items:     stretch;
--acc-item-header-main-justify-content:     space-between;
--acc-item-header-main-padding:     0;
--acc-item-header-main-margin:     0;


/* Item header label group */     
--acc-item-header-label-group-gap:     4px;
--acc-item-header-label-group-gap-m:     4px;
--acc-item-header-label-group-gap-l:     4px;


/* Item header status icon */     

/* Item header heading */     
--acc-item-header-heading-color:     var(--typo-h-small-colour);
--acc-item-header-heading-font-family:     var(--typo-h-small-font-face);
--acc-item-header-heading-font-size:     var(--typo-h-small-font-size);
--acc-item-header-heading-font-weight:     var(--typo-h-small-font-weight);
--acc-item-header-heading-font-style:     var(--typo-h-small-font-style);
--acc-item-header-heading-line-height:     var(--typo-h-small-line-height);
--acc-item-header-heading-letter-spacing:     var(--typo-h-small-letter-spacing);
--acc-item-header-heading-text-transform:     var(--typo-h-small-text-transform);
--acc-item-header-heading-text-align:     var(--typo-h-small-text-align);
--acc-item-header-heading-color-open:     var(--meta-swatch-mono-1);


/* Item header subheading */     

/* Item header input */     
--acc-item-header-input-grow:     1;
--acc-item-header-input-grow-m:     0;
--acc-item-header-input-grow-l:     0;

--acc-item-header-input-basis:     180px;
--acc-item-header-input-shrink:     0;

/* An inner layer that has a flex direction var */     
--acc-item-header-input-direction:     row;
--acc-item-header-input-direction-m:     row;
--acc-item-header-input-direction-l:     row;


/* Item header action icon */     
--acc-item-header-action-icon-border:     none;
--acc-item-header-action-icon-background:     transparent;
--acc-item-header-action-icon-color:     var(--meta-swatch-colour-1);
--acc-item-header-action-icon-margin:     9px 0 auto 0;
--acc-item-header-action-icon-border-open:     none;
--acc-item-header-action-icon-background-open:     transparent;
--acc-item-header-action-icon-color-open:     var(--meta-swatch-colour-1);

/* Item body */     

--acc-item-body-flex-direction:     column;
--acc-item-body-flex-direction-m:     row;
--acc-item-body-flex-direction-l:     row;

--acc-item-body-gap:     16px;

--acc-item-body-justify-content:     flex-start;
--acc-item-body-justify-content-m:     space-between;
--acc-item-body-justify-content-l:     space-between;


/* AI Coach   (Ask Me) */     

/* Container */     
--ask-padding:     24px 16px;
--ask-padding-m:     32px 16px 0;
--ask-padding-l:     48px 0 0;
--ask-gap:     0;
--ask-gap-m:     0;
--ask-gap-l:     0;
--ask-background:     transparent;

/* Thinking Avatar */     
--ask-avatar-opacity-low:     0.25;
--ask-avatar-opacity-high:     .75;

/* Coach block overrides */     
--ask-coach-padding-top:     0;
--ask-coach-padding-bottom:     0;
--ask-coach-padding-top-m:     0;
--ask-coach-padding-bottom-m:     0;
--ask-coach-padding-top-l:     0;
--ask-coach-padding-bottom-l:     0;

/* Form */     
--ask-form-background:     var(--meta-swatch-mono-5);
--ask-form-padding:     8px 0 16px;
--ask-form-padding-top:     8px;
--ask-form-padding-right:     0;
--ask-form-padding-bottom:     16px;
--ask-form-padding-left:     0;
--ask-form-bottom:     0;
--ask-form-bottom-m:     0;
--ask-form-bottom-l:     0;

/* Form input */     
--ask-form-input-padding:     0 16px;
--ask-form-input-padding-m:     0;
--ask-form-input-padding-l:     0;
--ask-form-input-background:     var(--meta-swatch-mono-5);
--ask-form-input-border:     none;
--ask-form-input-box-shadow:     none;
--ask-form-input-gap:     8px;

/* Prompt buttons */     
--ask-prompt-btns-padding:     0 16px 8px;
--ask-prompt-btns-padding-m:     0 0 8px 0;
--ask-prompt-btns-padding-l:     0 0 8px 0;
--ask-prompt-btns-gap:     4px;
--ask-prompt-btns-flex-wrap:     no-wrap;
--ask-prompt-btns-flex-wrap-m:     wrap;
--ask-prompt-btns-flex-wrap-l:     wrap;

/* Prompt button */     
--ask-prompt-btn-padding:     12px 10px;
--ask-prompt-btn-border-radius:     8px;
--ask-prompt-btn-background:     var(--meta-swatch-mono-5);
--ask-prompt-btn-border:     1px solid var(--meta-swatch-colour-1);
--ask-prompt-btn-box-shadow:     none;
--ask-prompt-btn-label-color:     var(--meta-swatch-mono-1);
--ask-prompt-btn-label-font-family:     'vm-sans';
--ask-prompt-btn-label-font-size:     12px;
--ask-prompt-btn-label-font-weight:     normal;
--ask-prompt-btn-label-font-style:     normal;
--ask-prompt-btn-label-line-height:     1;
--ask-prompt-btn-label-letter-spacing:     0;
--ask-prompt-btn-label-text-transform:     none;
--ask-prompt-btn-label-text-align:     center;

/* Submit button overrides */     
--ask-submit-btn-height:     48px;
--ask-submit-btn-width:     48px;
--ask-submit-btn-border-radius:     0;
--ask-submit-btn-background:     var(--meta-swatch-mono-5);
--ask-submit-btn-icon-color:     var(--meta-swatch-colour-1);
--ask-submit-btn-icon-size:     24px;
--ask-submit-btn-border:     1px solid var(--meta-swatch-colour-1);
--ask-submit-btn-box-shadow:     none;

/* Field overrides */     
--ask-field-padding:     8px;
--ask-field-height:     48px;
--ask-field-border:     1px solid var(--meta-swatch-mono-2);
--ask-field-background:     var(--meta-swatch-mono-4);
--ask-field-border-radius:     none;








/* Actions row */     
--ask-actions-padding:     0 0 16px;
--ask-actions-gap:     8px;

/* Action icons */     
--ask-action-size:     32px;
--ask-action-icon-size:     18px;
--ask-action-border-radius:     50%;

--ask-action-background:     transparent;
--ask-action-border:     none;
--ask-action-icon-fill:     var(--meta-swatch-mono-2);

--ask-action-hover-background:     transparent;
--ask-action-hover-border:     none;
--ask-action-hover-icon-fill:     var(--meta-swatch-mono-1);

--ask-action-highlighted-background:     var(--meta-swatch-colour-1);
--ask-action-highlighted-border:     none;
--ask-action-highlighted-icon-fill:     var(--meta-swatch-mono-5);



/* Breadcrumb */     

/* Container */     

/*Link Label*/     



/*Delimiter*/     


/* Category links */     

/* Block Container */     
--cat-links-padding:     16px 0;
--cat-links-background:     transparent;

/* Content Container */     

/* Heading */     
--cat-links-heading-colour:     var(--typo-h-large-colour);
--cat-links-heading-font-size:     var(--typo-h-large-font-size);
--cat-links-heading-font-family:     var(--typo-h-large-font-face);
--cat-links-heading-font-weight:     var(--typo-h-large-font-weight);
--cat-links-heading-font-style:     var(--typo-h-large-font-style);
--cat-links-heading-line-height:     var(--typo-h-large-line-height);
--cat-links-heading-letter-spacing:     var(--typo-h-large-letter-spacing);
--cat-links-heading-text-transform:     var(--typo-h-large-text-transform);

/* 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:     'inter';
--cat-links-sub-heading-font-weight:     bold;
--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 */     
--cat-links-link-colour:     var(--meta-swatch-mono-1);
--cat-links-link-font-size:     17px;
--cat-links-link-font-family:     'inter';
--cat-links-link-font-weight:     800;
--cat-links-link-font-style:     normal;
--cat-links-link-line-height:     1.2;
--cat-links-link-letter-spacing:     0;

/* 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;
--cat-links-items-columns:     1;
--cat-links-items-columns-m:     1;
--cat-links-items-columns-l:     1;

/* Item container */     
--cat-links-item-background:     var(--meta-swatch-mono-5);
--cat-links-item-padding:     12px 16px;
--cat-links-item-border:     1px solid var(--meta-swatch-mono-3);
--cat-links-item-border-radius:     0;
--cat-links-item-box-shadow:     none;
--cat-links-item-flex-direction:     row-reverse;

/* Item label */     
--cat-links-item-label-colour:     var(--meta-swatch-mono-1);
--cat-links-item-label-font-size:     15px;
--cat-links-item-label-font-family:     'vm-sans';
--cat-links-item-label-font-weight:     500;
--cat-links-item-label-font-style:     normal;
--cat-links-item-label-line-height:     1;
--cat-links-item-label-letter-spacing:     0;
--cat-links-item-label-text-align:     left;

/* Item sub label */     


/* Item icon */     
--cat-links-icon-bg-size:     24px;
--cat-links-icon-colour:     var(--meta-swatch-colour-1);
--cat-links-icon-size:     24px;
--cat-links-icon-margin:     0 12px 0 0;

/* Checklist Sections Container */     




/* Checklist Section Container */     
--checklist-section-container-bg-colour:     transparent;



--checklist-widget-list-gap:     16px;
--checklist-widget-list-gap-m:     20px;
--checklist-widget-list-gap-l:     20px;

/* Checklist Item */     

/* Container */     
--checklist-item-bg-colour:     var(--meta-swatch-mono-3);

/* Indicator */     
--checklist-item-indicator-width:     var(--effects-indicator-width);
--checklist-item-indicator-on-colour:     var(--meta-swatch-colour-1);
--checklist-item-indicator-off-colour:     transparent;
--checklist-item-indicator-hover-colour:     transparent;

/* Checklist Item image */     

/* Keylines */     
--checklist-item-keyline:     1px solid var(--meta-swatch-mono-3);
--checklist-item-keyline-last:     1px solid var(--meta-swatch-mono-3);
--checklist-item-keyline-margin:     0;
--checklist-item-keyline-max-width:     100%;

/* Button */     
--checklist-item-btn-min-height:     64px;
--checklist-item-btn-max-width:     720px;
--checklist-item-btn-min-width:     100%;
--checklist-item-btn-margin:     none;
--checklist-item-btn-padding:     8px 16px;
--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;

/* Button items ordering */     

/* Labels container */     
--checklist-item-labels-gap:     8px;
--checklist-item-labels-gap-m:     8px;
--checklist-item-labels-gap-l:     8px;
--checklist-item-labels-container-gap:     8px;
--checklist-item-labels-container-gap-m:     8px;
--checklist-item-labels-container-gap-l:     8px;
--checklist-item-labels-padding:     0;

/* Labels order */     


/* Activity Label */     
--checklist-item-label-colour:     var(--meta-swatch-mono-1);
--checklist-item-label-font-family:     'vm-sans';
--checklist-item-label-font-size:     15px;
--checklist-item-label-font-weight:     500;
--checklist-item-label-line-height:     1.2;
--checklist-item-label-letter-spacing:     0;
--checklist-item-label-text-transform:     none;
--checklist-item-label-align:     left;
--checklist-item-label-padding:     0;

/* Description Label */     

/* Badge container */     

/* Badge label */     

/* BADGE OPTIONS */     

/* Option 1 */     


/* Option 2 */     


/* Option 3 */     


/* Option 4 */     


/* Option 5 */     



/* Status Label */     
--checklist-item-status-label-display:     none;
--checklist-item-status-label-colour:     var(--meta-swatch-mono-2);
--checklist-item-status-label-font-family:     var(--typo-p-medium-font-family);
--checklist-item-status-label-font-size:     14px;
--checklist-item-status-label-font-size-m:     14px;
--checklist-item-status-label-font-size-l:     14px;
--checklist-item-status-label-font-weight:     200;
--checklist-item-status-label-font-style:     var(--typo-p-medium-font-style);
--checklist-item-status-label-line-height:     var(--typo-p-medium-line-height);
--checklist-item-status-label-letter-spacing:     var(--typo-p-medium-letter-spacing);
--checklist-item-status-label-text-transform:     var(--typo-p-medium-text-transformation);
--checklist-item-status-label-align:     left;

/* Action icon */     
--checklist-item-action-bg-height:     24px;
--checklist-item-action-bg-width:     24px;
--checklist-item-action-bg-margin:     none;
--checklist-item-action-bg-colour:     transparent;
--checklist-item-action-bg-border:     none;
--checklist-item-action-bg-border-radius:     none;
--checklist-item-action-icon-color:     var(--meta-swatch-colour-1);
--checklist-item-action-icon-size:     var(--layout-icon-size);

/* Status */     
--checklist-item-checkbox-bg-height:     32px;
--checklist-item-checkbox-bg-width:     32px;
--checklist-item-checkbox-bg-margin:     0 16px;
--checklist-item-checkbox-border-radius:     20px;

--checklist-item-status-icon-height:     32px;
--checklist-item-status-icon-width:     32px;
--checklist-item-status-icon-margin:     0 12px 0 0;
--checklist-item-status-icon-border-radius:     20px;
--checklist-item-status-icon-size:     24px;

/* Disabled state overrides */     
--checklist-item-bg-colour-disabled:     var(--meta-swatch-mono-5);
--checklist-item-image-display-disabled:      none;
--checklist-item-status-icon-display-disabled:      none;


--checklist-item-label-colour-disabled:     var(--meta-swatch-mono-2);
--checklist-item-description-label-colour-disabled:     var(--meta-swatch-mono-2);
--checklist-item-status-label-colour-disabled:     var(--meta-swatch-mono-2);
--checklist-item-action-bg-colour-disabled:     transparent;
--checklist-item-action-bg-border-disabled:     transparent;
--checklist-item-action-icon-color-disabled:     transparent;

/* Selected state overrides */     
--checklist-item-bg-colour-selected:     var(--meta-swatch-colour-8);
--checklist-item-action-icon-color-selected:     var(--meta-swatch-mono-1);







/* Old hardcoded statuses */     
--checklist-item-checkbox-to-do-bg-colour:     transparent;
--checklist-item-checkbox-to-do-border:     none;
--checklist-item-checkbox-to-do-icon-colour:     var(--meta-swatch-mono-3);

--checklist-item-checkbox-in-progress-bg-colour:     transparent;
--checklist-item-checkbox-in-progress-border:     none;
--checklist-item-checkbox-in-progress-icon-colour:     var(--meta-swatch-mono-3);

--checklist-item-checkbox-snoozed-bg-colour:     transparent;
--checklist-item-checkbox-snoozed-border:     none;
--checklist-item-checkbox-snoozed-icon-colour:     var(--meta-swatch-mono-3);

--checklist-item-checkbox-paused-bg-colour:     transparent;
--checklist-item-checkbox-paused-border:     none;
--checklist-item-checkbox-paused-icon-colour:     var(--meta-swatch-mono-3);

--checklist-item-checkbox-na-bg-colour:     transparent;
--checklist-item-checkbox-na-border:     none;
--checklist-item-checkbox-na-icon-colour:     var(--meta-swatch-colour-1);

--checklist-item-checkbox-not-keen-bg-colour:     transparent;
--checklist-item-checkbox-not-keen-border:     none;
--checklist-item-checkbox-not-keen-icon-colour:     var(--meta-swatch-colour-1);

--checklist-item-checkbox-already-bg-colour:     transparent;
--checklist-item-checkbox-already-border:     none;
--checklist-item-checkbox-already-icon-colour:     var(--meta-swatch-colour-1);

--checklist-item-checkbox-done-bg-colour:     transparent;
--checklist-item-checkbox-done-border:     none;
--checklist-item-checkbox-done-icon-colour:     var(--meta-swatch-colour-1);


/* New dynamic statuses */     
--checklist-item-checkbox-bg-colour:     var(--meta-swatch-mono-5);
--checklist-item-checkbox-border:     1px solid var(--meta-swatch-colour-1);
--checklist-item-checkbox-icon-colour:     var(--meta-swatch-colour-1);

--checklist-item-checkbox-notstarted-bg-colour:     var(--meta-swatch-mono-5);
--checklist-item-checkbox-notstarted-border:     1px solid var(--meta-swatch-colour-1);
--checklist-item-checkbox-notstarted-icon-colour:     var(--meta-swatch-mono-5);

--checklist-item-checkbox-seen-bg-colour:     var(--meta-swatch-mono-5);
--checklist-item-checkbox-seen-border:     1px solid var(--meta-swatch-colour-1);
--checklist-item-checkbox-seen-icon-colour:     var(--meta-swatch-colour-1);

--checklist-item-checkbox-inprogress-bg-colour:     var(--meta-swatch-mono-5);
--checklist-item-checkbox-inprogress-border:     1px solid var(--meta-swatch-colour-1);
--checklist-item-checkbox-inprogress-icon-colour:     var(--meta-swatch-colour-1);

--checklist-item-checkbox-snooze-bg-colour:     var(--meta-swatch-mono-5);
--checklist-item-checkbox-snooze-border:     1px solid var(--meta-swatch-colour-1);
--checklist-item-checkbox-snooze-icon-colour:     var(--meta-swatch-colour-1);

--checklist-item-checkbox-pause-bg-colour:     var(--meta-swatch-mono-5);
--checklist-item-checkbox-pause-border:     1px solid var(--meta-swatch-colour-1);
--checklist-item-checkbox-pause-icon-colour:     var(--meta-swatch-colour-1);

--checklist-item-checkbox-notapplicable-bg-colour:     var(--meta-swatch-mono-5);
--checklist-item-checkbox-notapplicable-border:     1px solid var(--meta-swatch-colour-1);
--checklist-item-checkbox-notapplicable-icon-colour:     var(--meta-swatch-colour-1);

--checklist-item-checkbox-notkeen-bg-colour:     var(--meta-swatch-mono-5);
--checklist-item-checkbox-notkeen-border:     1px solid var(--meta-swatch-colour-1);
--checklist-item-checkbox-notkeen-icon-colour:     var(--meta-swatch-colour-1);

--checklist-item-checkbox-alreadyhaveone-bg-colour:     var(--meta-swatch-mono-5);
--checklist-item-checkbox-alreadyhaveone-border:     1px solid var(--meta-swatch-colour-1);
--checklist-item-checkbox-alreadyhaveone-icon-colour:     var(--meta-swatch-colour-1);

--checklist-item-checkbox-completed-bg-colour:     var(--meta-swatch-colour-1);
--checklist-item-checkbox-completed-border:     1px solid var(--meta-swatch-colour-1);
--checklist-item-checkbox-completed-icon-colour:     var(--meta-swatch-mono-5);

--checklist-item-checkbox-externallink-bg-colour:     var(--meta-swatch-mono-5);
--checklist-item-checkbox-externallink-border:     1px solid var(--meta-swatch-colour-1);
--checklist-item-checkbox-externallink-icon-colour:     var(--meta-swatch-colour-1);


--checklist-item-status-icon-bg-colour:     var(--meta-swatch-mono-5);
--checklist-item-status-icon-border:     1px solid var(--meta-swatch-mono-4);
--checklist-item-status-icon-colour:     var(--meta-swatch-colour-5);

--checklist-item-status-icon-notstarted-bg-colour:     var(--meta-swatch-mono-5);
--checklist-item-status-icon-notstarted-border:     1px solid var(--meta-swatch-mono-4);
--checklist-item-status-icon-notstarted-icon-colour:     var(--meta-swatch-colour-5);

--checklist-item-status-icon-seen-bg-colour:     var(--meta-swatch-mono-5);
--checklist-item-status-icon-seen-border:     1px solid var(--meta-swatch-mono-4);
--checklist-item-status-icon-seen-icon-colour:     var(--meta-swatch-colour-5);

--checklist-item-status-icon-inprogress-bg-colour:     var(--meta-swatch-mono-5);
--checklist-item-status-icon-inprogress-border:     1px solid var(--meta-swatch-mono-4);
--checklist-item-status-icon-inprogress-icon-colour:     var(--meta-swatch-colour-5);

--checklist-item-status-icon-snooze-bg-colour:     var(--meta-swatch-mono-5);
--checklist-item-status-icon-snooze-border:     1px solid var(--meta-swatch-mono-4);
--checklist-item-status-icon-snooze-icon-colour:     var(--meta-swatch-colour-5);

--checklist-item-status-icon-pause-bg-colour:     var(--meta-swatch-mono-5);
--checklist-item-status-icon-pause-border:     1px solid var(--meta-swatch-mono-4);
--checklist-item-status-icon-pause-icon-colour:     var(--meta-swatch-colour-5);

--checklist-item-status-icon-notapplicable-bg-colour:     var(--meta-swatch-colour-8);
--checklist-item-status-icon-notapplicable-border:     1px solid var(--meta-swatch-colour-8);
--checklist-item-status-icon-notapplicable-icon-colour:     var(--meta-swatch-colour-5);

--checklist-item-status-icon-notkeen-bg-colour:     var(--meta-swatch-colour-8);
--checklist-item-status-icon-notkeen-border:     1px solid var(--meta-swatch-colour-8);
--checklist-item-status-icon-notkeen-icon-colour:     var(--meta-swatch-colour-5);

--checklist-item-status-icon-alreadyhaveone-bg-colour:     var(--meta-swatch-colour-8);
--checklist-item-status-icon-alreadyhaveone-border:     1px solid var(--meta-swatch-colour-8);
--checklist-item-status-icon-alreadyhaveone-icon-colour:     var(--meta-swatch-colour-5);

--checklist-item-status-icon-completed-bg-colour:     var(--meta-swatch-colour-8);
--checklist-item-status-icon-completed-border:     1px solid var(--meta-swatch-colour-8);
--checklist-item-status-icon-completed-icon-colour:     var(--meta-swatch-colour-5);

--checklist-item-status-icon-externallink-bg-colour:     var(--meta-swatch-colour-8);
--checklist-item-status-icon-externallink-border:     1px solid var(--meta-swatch-colour-8);
--checklist-item-status-icon-externallink-icon-colour:     var(--meta-swatch-colour-5);







/* Checklist Section Header */     

/* Container */     
--checklist-section-margin:     none;
--checklist-section-padding:     32px 16px 4px;
/* Spacing */     
--checklist-section-spacer-top:     0;
--checklist-section-spacer-middle:     0;
--checklist-section-spacer-bottom:     0;


/* Keylines */     
--checklist-section-keyline-top-margin:     0px;
--checklist-section-keyline-top-first:     none;
--checklist-section-keyline-top:     none;
--checklist-section-keyline-bottom-margin:     0px;
--checklist-section-keyline-bottom:     none;

/* Toggle */     
--checklist-toggle-height:     var(--pattern-icon-size);
--checklist-toggle-width:     var(--pattern-icon-size);
--checklist-toggle-icon-size:     var(--pattern-icon-size);
--checklist-toggle-border-radius:     50%;
--checklist-toggle-margin:     auto 0 auto 12px;
--checklist-toggle-open-icon-colour:     var(--meta-swatch-colour-1);
--checklist-toggle-open-bg-colour:     transparent;
--checklist-toggle-open-border:     none;
--checklist-toggle-close-icon-colour:     var(--meta-swatch-colour-1);
--checklist-toggle-close-bg-colour:     transparent;
--checklist-toggle-close-border:     none;

/* Icon */     
--checklist-section-icon-display:     block;
--checklist-section-icon-size:     32px;
--checklist-section-icon-colour:     var(--meta-swatch-mono-1);
--checklist-section-icon-margin:     auto 12px;

/* Heading */     
--checklist-section-heading-colour:     var(--meta-swatch-mono-1);
--checklist-section-heading-family:     'vm-sans';
--checklist-section-heading-size:     20px;
--checklist-section-heading-weight:     500;
--checklist-section-heading-line-height:     1.4;
--checklist-section-heading-letter-spacing:     0;
--checklist-section-heading-text-transform:     none;


/* Sub heading */     
--checklist-section-sub-heading-colour:     var(--meta-swatch-mono-2);
--checklist-section-sub-heading-family:     'inter';
--checklist-section-sub-heading-size:     12px;
--checklist-section-sub-heading-weight:     normal;
--checklist-section-sub-heading-line-height:     1.4;
--checklist-section-sub-heading-letter-spacing:     0;
--checklist-section-sub-heading-text-transform:     none;

/* Motion */     
--checklist-accordion-duration:     var(--motion-expand-transition-duration);
--checklist-accordion-motion-curve:     ease-out;


/* Coach */     

/* Container */     
--theme-coach-bg-color:     var(--meta-swatch-mono-5);
--theme-coach-bg-image-url:     unset;
--theme-coach-bg-image-repeat:     unset;
--theme-coach-bg-image-size:     unset;
--theme-coach-bg-image-position:     unset;
--coach-padding-top:     16px;
--coach-padding-bottom:     16px;

/* Avatar */     
--theme-coach-avatar-display:     block;
--coach-avatar-width:     32px;
--coach-avatar-height:     32px;
--coach-avatar-border-radius:     50%;
--coach-spacer-avatar:      8px;
--coach-avatar-justify-content:     left;
--coach-avatar-align:     left;

/* Message bubbles container */     

/* Message */     
--coach-message-bg-colour:     var(--meta-swatch-mono-5);
--coach-message-background:     var(--meta-swatch-mono-5);
--coach-message-img-display:     none;
--coach-message-margin-right:     0;
--coach-message-border-radius:      8px;
--coach-message-border:     1px solid var(--meta-swatch-mono-3);
--coach-message-box-shadow:     none;
--coach-message-padding:      12px;

--coach-message-text-colour:     var(--meta-swatch-mono-1);
--coach-message-text-color:     var(--meta-swatch-mono-1);
--coach-message-text-size:     16px;
--coach-message-text-weight:      normal;
--coach-message-text-style:      normal;
--coach-message-letter-spacing:     0;
--coach-message-line-height:     24px;
--coach-message-text-transform:     none;
--coach-message-text-align:     left;
--coach-message-par-margin:     0.4rem;
--coach-message-word-break:     break-word;

--coach-message-link-color:     var(--meta-swatch-colour-1);
--coach-message-link-decoration:     underline;
--coach-message-link-weight:     inherit;
--coach-message-link-style:     inherit;

--coach-message-link-hover-color:     var(--meta-swatch-colour-2);
--coach-message-link-hover-decoration:     underline;
--coach-message-link-hover-weight:     inherit;
--coach-message-link-hover-style:     inherit;

--coach-message-link-active-color:     var(--meta-swatch-colour-1);
--coach-message-link-active-decoration:     underline;
--coach-message-link-active-weight:     inherit;
--coach-message-link-active-style:     inherit;

--coach-message-link-visited-color:     var(--meta-swatch-colour-1);
--coach-message-link-visited-decoration:     underline;
--coach-message-link-visited-weight:     inherit;
--coach-message-link-visited-style:     inherit;

--coach-link-weight:     inherit;
--coach-link-style:     inherit;
--coach-link-bg-radius:     0;
--coach-link-underline-width:     1px;
--coach-link-bg-padding:     0 0.2rem 2px;
--coach-link-underline-width-hover:     1px;

/* User Message */     
--coach-usermsg-background:     var(--meta-swatch-mono-5);
--coach-usermsg-align-self:     flex-end;
--coach-usermsg-align-items:     flex-start;
--coach-usermsg-max-width:     fit-content;
--coach-usermsg-max-width-m:     fit-content;
--coach-usermsg-max-width-l:     fit-content;
--coach-usermsg-img-display:     none;
--coach-usermsg-margin:     0;
--coach-usermsg-border-radius:     8px;
--coach-usermsg-border:     1px solid var(--meta-swatch-colour-1);
--coach-usermsg-box-shadow:     none;
--coach-usermsg-padding:     12px;

--coach-usermsg-text-colour:     var(--meta-swatch-mono-1);
--coach-usermsg-text-color:     var(--meta-swatch-mono-1);
--coach-usermsg-font-family:     'inter';
--coach-usermsg-text-size:     16px;
--coach-usermsg-text-size-m:     16px;
--coach-usermsg-text-size-l:     16px;
--coach-usermsg-text-weight:     normal;
--coach-usermsg-text-style:     normal;
--coach-usermsg-letter-spacing:     0;
--coach-usermsg-line-height:     24px;
--coach-usermsg-text-transform:     none;
--coach-usermsg-text-align:     left;
--coach-usermsg-par-margin:     0.4rem;
--coach-usermsg-word-break:     break-word;





/* Motion */     

/* Spacing */     
--coach-spacer-par:      8px;
--coach-spacer-group:      16px;
--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 */     
--template-dashboard-dc-heading-colour:     var(--page-template-heading-colour);
--template-dashboard-dc-heading-font-family:     var(--page-template-heading-font-family);
--template-dashboard-dc-heading-font-size:     var(--page-template-heading-font-size);
--template-dashboard-dc-heading-font-weight:     var(--page-template-heading-font-weight);
--template-dashboard-dc-heading-font-style:     var(--page-template-heading-font-style);
--template-dashboard-dc-heading-line-height:     var(--page-template-heading-line-height);
--template-dashboard-dc-heading-letter-spacing:     var(--page-template-heading-letter-spacing);
--template-dashboard-dc-heading-text-transform:     var(--page-template-heading-text-transform);
--template-dashboard-dc-heading-text-align:     var(--page-template-heading-text-align);
--template-dashboard-dc-heading-margin:     var(--page-template-heading-margin);



/* DC widget */     

/* Container */     

/* Icon */     



/* Coach dataviz (Poll is in here) */     

/* Block container */     

/* Poll specific avatar */     

/* Poll container */     

/* Bars container */     

/* Row container */     

/* Value */     


/* Bar container */     

/* Labels */     

/* Bar value */     


/* Content */     


/* Editorial card */     

/* Container */     


/* Heading */     



/* Paragraph */     

/* Label */     

/* Icon */     

/* Footer label */     

/* Footer value */     


/* Featured articles */     
/* Old vars */     
--template-dashboard-editorial-cards-columns:     3;
--template-dashboard-editorial-cards-gap-row:     16px;
--template-dashboard-editorial-cards-gap-column:     16px;
--template-dashboard-editorial-bg-color:     var(--meta-swatch-colour-8);
--template-dashboard-editorial-padding:     0 0 32px 0;


--template-dashboard-editorial-spacer-display:     none;
--template-dashboard-editorial-spacer-keyline:     none;
--template-dashboard-editorial-top-spacer-display:     block;
--template-dashboard-editorial-top-spacer-keyline:     none;
--template-dashboard-editorial-bottom-spacer-display:     block;

/* New vars */     

/* Block container */     

/* Grid container */     

/* Heading block overrides */     

/* Button container */     

/* Button block overrides */     



/* Featured tools */     

/* Block container */     

/* Grid container */     

/* Heading block overrides */     

/* Button container */     

/* Button block overrides */     

/* Filter toggle */     

/* Block container */     

/* Label */     

/* Icon container */     

/* Icon */     

/* State overrides */     

/* Footer - Main */     

/* Container */     
--footer-bg-colour:     var(--meta-swatch-colour-5);
--footer-bg-image-url:     url(/config/images/footer-bg-pattern.svg);
--footer-bg-image-repeat:     repeat-x;
--footer-bg-image-size:     664px 80px;
--footer-bg-image-position:     left bottom;
--footer-align:     center;
--footer-group-min-width:     320px;
--footer-group-max-width:     auto;
--footer-padding:     32px 0 128px;
--footer-padding-m:     48px 0 128px;
--footer-padding-l:     64px 0 128px;

/* 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 */     


/* Social group */     
--footer-social-group-margin:     0 0 32px;
--footer-social-group-align:     left;
--footer-social-group-direction:     row;
--footer-social-group-justify-content:     flex-start;

/* Social Icon */     
--footer-social-icons-color:     var(--meta-swatch-mono-5);
--footer-social-icons-margin:     0 16px 0 0;
--footer-social-icons-size:     32px;

/* Logo Container */     
--footer-logo-container-align:     left;
--footer-logo-container-justify-content:     flex-start;
--footer-logo-container-margin:     0 0 32px;
--footer-logo-container-text-align:     center;

/* Logo */     
--footer-logo-width:     180px;
--footer-logo-height:     auto;

/* Buttons */     
--footer-btn-group-margin:     0;
--footer-btn-group-padding:     0 0 32px;
--footer-btn-group-columns:     2;
--footer-btn-group-columns-m:     2;
--footer-btn-group-columns-l:     2;
--footer-btn-group-gutter:     16px 32px;
--footer-btn-group-row-gutter:     16px;
--footer-btn-group-column-gutter:     32px;

--footer-btn-height:     100%;
--footer-btn-margin:     0;
--footer-btn-padding:     0;
--footer-btn-bg-color:     transparent;
--footer-btn-align:     left;
--footer-btn-border:     none;
--footer-btn-border-radius:     0px;
--footer-btn-label-padding:     0px;



--footer-btn-label-color:     var(--meta-swatch-mono-5);
--footer-btn-label-font-face:     'vm-sans';
--footer-btn-label-font-size:     16px;
--footer-btn-label-font-weight:     400;
--footer-btn-label-text-decoration:     none;

/* Text container */     
--footer-text-container-padding:     0;
--footer-text-container-padding-m:     0;
--footer-text-container-padding-l:     0;

--footer-text-container-margin:     0;


/* Text <p> elements */     
--footer-text-colour:     var(--meta-swatch-mono-5);
--footer-text-font-face:     'inter';
--footer-text-font-size:     13px;
--footer-text-font-weight:     normal;
--footer-text-line-height:     18px;
--footer-text-letter-spacing:     0;
--footer-text-text-align:     left;
--footer-text-margin:     0 0 12px;
--footer-text-margin-m:     0 0 12px;
--footer-text-margin-l:     0 0 12px;

/* Footer - Legal */     

/* Container */     
--footer-legal-padding:     24px 0 0;
--footer-legal-padding-m:     48px 0 0;
--footer-legal-padding-l:     64px 0 0;
--footer-legal-background:     var(--meta-swatch-colour-5);

/* Text */     
--footer-legal-text-margin:     0 auto 0.7rem;

--footer-legal-text-colour:     var(--meta-swatch-mono-5);
--footer-legal-text-font-face:     'inter';
--footer-legal-text-font-size:     13px;
--footer-legal-text-font-weight:     normal;
--footer-legal-text-line-height:     18px;
--footer-legal-text-letter-spacing:     0;
--footer-legal-text-text-align:     left;

--footer-legal-link-color:     var(--meta-swatch-colour-1);


/* Knowledge Section Container */     






/* Knowledge Item */     

/* Container */     
--knowledge-item-bg-colour:     var(--meta-swatch-mono-5);

/* Indicator */     
--knowledge-item-indicator-width:     var(--effects-indicator-width);
--knowledge-item-indicator-on-colour:     var(--meta-swatch-colour-1);
--knowledge-item-indicator-off-colour:     transparent;
--knowledge-item-indicator-hover-colour:     var(--meta-swatch-mono-3);

/* Keylines */     
--knowledge-item-keyline:     none;
--knowledge-item-keyline-last:     none;
--knowledge-item-keyline-margin:     0;
--knowledge-item-keyline-max-width:     720px;

/* Button */     
--knowledge-item-btn-height:     56px;
--knowledge-item-btn-min-height:     56px;
--knowledge-item-btn-max-width:     720px;
--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;

/* Description */     


/* 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:     'inter';
--knowledge-item-label-font-size:     17px;
--knowledge-item-label-weight:     normal;
--knowledge-item-label-font-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-text-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);

/* Time stamp container */     

/* Time label */     

/* Time icon */     



/* 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:     16px solid var(--meta-swatch-mono-4);
--knowledge-section-keyline-bottom-margin:     0px;
--knowledge-section-keyline-bottom:     none;

/* Icon */     
--knowledge-section-icon-display:     block;
--knowledge-section-icon-size:     32px;
--knowledge-section-icon-colour:     var(--meta-swatch-mono-1);
--knowledge-section-icon-margin:     auto 12px;

/* Heading */     
--knowledge-section-heading-colour:     var(--meta-swatch-mono-1);
--knowledge-section-heading-font-family:     'vm-sans';
--knowledge-section-heading-size:     20px;
--knowledge-section-heading-font-weight:     500;
--knowledge-section-heading-line-height:     1.4;
--knowledge-section-heading-letter-spacing:     0;
--knowledge-section-heading-text-transform:     none;


/* Sub heading */     
--knowledge-section-sub-heading-colour:     var(--meta-swatch-mono-2);
--knowledge-section-sub-heading-font-family:     'inter';
--knowledge-section-sub-heading-size:     12px;
--knowledge-section-sub-heading-font-weight:     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 */     

/* Module Navigation */     

/* Container */     


/* Module nav item */     

/* this is in the minmax function */     


/* Modal grid */     








/* Nav bars - App */     

/* Logo */     
--nav-top-logo-width:     auto;
--nav-top-logo-height:     48px;

/* Top background */     
--theme-nav-top-bg-colour:     transparent;

/* Top keyline */     
--theme-nav-top-keyline:     none;

/* Top indicator */     
--theme-nav-top-indicator-off-colour:     transparent;
--theme-nav-top-indicator-on-colour:     transparent;
--theme-nav-top-indicator-hover-colour:     var(--meta-swatch-colour-1);

/* Top icons */     
--nav-top-icon-size:     var(--layout-icon-size);
--nav-top-icon-position:     10px;
--theme-nav-top-icon-bg-colour:     transparent;
--theme-nav-top-icon-off-colour:     var(--meta-swatch-mono-5);
--theme-nav-top-icon-on-colour:     var(--meta-swatch-mono-5);

/* Top labels */     
--nav-top-label-position:     35px;
--nav-top-label-font-size:     14px;
--theme-nav-top-label-off-colour:     var(--meta-swatch-mono-5);
--theme-nav-top-label-on-colour:     var(--meta-swatch-mono-5);

/* Bottom background */     
--theme-nav-bottom-bg-colour:     var(--meta-swatch-mono-5);

/* Bottom keyline */     
--theme-nav-bottom-keyline:     var(--effect-keyline-width) solid var(--meta-swatch-mono-3);
--theme-nav-bottom-keyline-colour:     var(--meta-swatch-mono-3);

/* Bottom indicator */     
--theme-nav-bottom-indicator-off-colour:     transparent;
--theme-nav-bottom-indicator-on-colour:     transparent;
--theme-nav-bottom-indicator-hover-colour:     transparent;

/* Bottom icons */     
--nav-bottom-icon-size:     var(--layout-icon-size);
--nav-bottom-icon-position:     2px;
--theme-nav-bottom-icon-bg-colour:     transparent;
--theme-nav-bottom-icon-off-colour:     var(--meta-swatch-mono-1);
--theme-nav-bottom-icon-on-colour:     var(--meta-swatch-colour-1);

/* Bottom labels */     
--nav-bottom-label-position:     29px;
--nav-bottom-label-font-size:     11px;
--theme-nav-bottom-label-off-colour:     var(--meta-swatch-mono-1);
--theme-nav-bottom-label-on-colour:     var(--meta-swatch-colour-1);


/* Nav bar - Web */     
--app-top-nav-vm-bf-item-gap:     48px;
--app-top-nav-vm-bf-icon-on-colour:     var(--meta-swatch-colour-1);
--app-overlay-top-nav-vm-bf-background:     var(--meta-swatch-mono-5);
--app-overlay-top-nav-vm-bf-item-border-bottom:     1px solid var(--meta-swatch-mono-3);
--app-overlay-top-nav-vm-bf-item-height:     72px;

/* Block container */     
--nav-bar-web-background:     transparent;
--nav-bar-web-background-m:     transparent;
--nav-bar-web-background-l:     transparent;

--nav-bar-web-expanded-background:     var(--meta-swatch-colour-10);

--nav-bar-web-padding-top:     16px;
--nav-bar-web-padding-top-m:     16px;
--nav-bar-web-padding-top-l:     16px;
--nav-bar-web-padding-bottom:     16px;
--nav-bar-web-padding-bottom-m:     16px;
--nav-bar-web-padding-bottom-l:     16px;

--nav-bar-web-border-bottom:     none;
--nav-bar-web-grid-max-width:     1200px;
--app-top-nav-height:     40px;

/* Content */     

/* Logo */     
--nav-bar-web-logo-height:     40px;
--nav-bar-web-logo-height-m:     40px;
--nav-bar-web-logo-height-l:     40px;

/* Icons container */     

/* Icons -> Profile */     
--nav-bar-web-profile-background:     var(--meta-swatch-colour-8);
--nav-bar-web-profile-border-radius:     24px;
--nav-bar-web-profile-padding:     8px 12px;
--nav-bar-web-profile-padding-m:     8px 12px;
--nav-bar-web-profile-padding-l:     8px 12px;
--nav-bar-web-profile-margin:     0 16px 0 0;
--nav-bar-web-profile-margin-m:     0 0 0 24px;
--nav-bar-web-profile-margin-l:     0 0 0 24px;

/* Profile text */     
--nav-bar-web-profile-text-color:     var(--meta-swatch-mono-5);
--nav-bar-web-profile-text-font-family:     'inter';
--nav-bar-web-profile-text-font-size:     14px;
--nav-bar-web-profile-text-font-size-m:     14px;
--nav-bar-web-profile-text-font-size-l:     14px;
--nav-bar-web-profile-text-font-weight:     700;

/* Icons -> Icon */     
--nav-bar-web-icon-size:     var(--pattern-icon-size);
--nav-bar-web-icon-menu-color:     var(--meta-swatch-mono-5);
--nav-bar-web-icon-close-color:     var(--meta-swatch-mono-5);

/* Links container */     
--nav-bar-web-links-gap:     0;
--nav-bar-web-links-gap-m:     48px;
--nav-bar-web-links-gap-l:     48px;

/* 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:     1px solid var(--meta-swatch-mono-5);
--nav-bar-web-link-border-top-m:     none;
--nav-bar-web-link-border-top-l:     none;

--nav-bar-web-link-height:     48px;




/* Link label */     
--nav-bar-web-link-font-size:     16px;
--nav-bar-web-link-font-size-m:     16px;
--nav-bar-web-link-font-size-l:     16px;

--nav-bar-web-link-colour:     var(--meta-swatch-mono-5);
--nav-bar-web-link-colour-hover:     var(--meta-swatch-mono-5);
--nav-bar-web-link-text-decoration-hover:     underline;
--nav-bar-web-link-colour-active:     var(--meta-swatch-mono-5);
--nav-bar-web-link-font-family:     'vm-sans';
--nav-bar-web-link-font-weight:     500;
--nav-bar-web-link-font-style:     normal;
--nav-bar-web-link-line-height:     1;
--nav-bar-web-link-letter-spacing:     0;
--nav-bar-web-link-text-transform:     none;

--nav-bar-web-link-current-label-colour:     var(--meta-swatch-mono-5);
--nav-bar-web-link-current-label-colour-hover:     var(--meta-swatch-mono-4);

--nav-bar-web-link-label-colour-hover:     var(--meta-swatch-mono-4);


/* Page Actions */     


/* Container */     
--page-actions-margin:     16px 0 0;
--page-actions-margin-m:     16px 0 0;
--page-actions-margin-l:     16px 0 0;
--page-actions-padding:     0;
--page-actions-border-top:     none;
--page-actions-gap:     8px;
--page-actions-gap-m:     16px;
--page-actions-gap-l:     16px;

/* Label */     

/* Buttons container */     
--page-actions-buttons-flex-direction:     column;
--page-actions-buttons-flex-direction-m:     row;
--page-actions-buttons-flex-direction-l:     row;

--page-actions-buttons-align-items:     flex-start;
--page-actions-buttons-align-items-m:     flex-start;
--page-actions-buttons-align-items-l:     flex-start;

--page-actions-buttons-justify-content:     flex-start;
--page-actions-buttons-justify-content-m:     flex-start;
--page-actions-buttons-justify-content-l:     flex-start;

/* Button */     
--page-actions-button-padding:     8px 12px;
--page-actions-button-margin:     16px 0 0 0;
--page-actions-button-margin-m:     16px 0 0 0;
--page-actions-button-margin-l:     16px 0 0 0;
--page-actions-button-width:     100%;
--page-actions-button-width-m:     auto;
--page-actions-button-width-l:     auto;
--page-actions-button-max-width:     100%;
--page-actions-button-max-width-m:     340px;
--page-actions-button-max-width-l:     340px;
--page-actions-button-height:     56px;
--page-actions-button-height-m:     64px;
--page-actions-button-height-l:     64px;
--page-actions-button-background:     var(--meta-swatch-colour-1);
--page-actions-button-border:     none;
--page-actions-button-border-radius:     0;


/* Button label */     
--page-actions-button-label-colour:     var(--meta-swatch-mono-5);
--page-actions-button-label-font-size:     16px;
--page-actions-button-label-font-size-m:     18px;
--page-actions-button-label-font-size-l:     18px;
--page-actions-button-label-font-family:     'vm-sans';
--page-actions-button-label-font-weight:     500;
--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:     var(--pattern-icon-size);
--page-actions-button-icon-colour:     transparent;
--page-actions-icon-bg-color:     transparent;




/* Pager indicators */     


/* Repeater */     

/* Block Container */     
--repeater-padding:     40px 16px;
--repeater-margin:     0;

/* Content Container */     

/* Heading */     
--repeater-heading-font-size:     28px;
--repeater-heading-font-family:     'vm-sans';
--repeater-heading-font-weight:     500;
--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;
--repeater-heading-text-margin:     0 0 12px;
--repeater-heading-text-align:     left;

/* Sub heading */     
--repeater-sub-heading-font-size:     16px;
--repeater-sub-heading-font-family:     'vm-sans';
--repeater-sub-heading-font-weight:     400;
--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 0 8px;

/* Empty state paragraph */     
--empty-p-colour:     var(--meta-swatch-mono-1);
--empty-p-font-size:     18px;
--empty-p-font-family:     'vm-sans';
--empty-p-font-weight:     400;
--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:     16px;

/* 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:     17px;
--repeater-link-font-family:     'inter';
--repeater-link-font-weight:     800;
--repeater-link-font-style:     normal;
--repeater-link-line-height:     1;
--repeater-link-letter-spacing:     0;
--repeater-link-text-transform:     none;
--repeater-link-margin:     0 auto;

--repeater-link-padding:     24px 0;


/* Carousel Container */     
--repeater-carousel-container-padding:     0;


/* 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:     1;
--repeater-items-col-gap:     16px;
--repeater-items-row-gap:     16px;



/* Item */     
--repeater-item-margin:     0 6px;
--repeater-item-slider-gap:     12px;

/* Button icon */     





/* Option 1 */     /* Black on green */
--opt1-block-border-radius:     var(--card-border-radius);
--opt1-block-border-radius-m:     var(--card-border-radius);
--opt1-block-border-radius-l:     var(--card-border-radius);
--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-mono-1);
--opt1-pager-icons-color:     var(--meta-swatch-mono-1);
--opt1-pager-dot-on-color:     var(--meta-swatch-mono-1);
--opt1-pager-dot-off-color:     rgba(0,0,0,0.3);

/* Option 2 */     /* White on navy */
--opt2-block-background:     var(--meta-swatch-colour-6);
--opt2-content-background:     transparent;
--opt2-heading-color:     var(--meta-swatch-mono-5);
--opt2-sub-heading-color:     var(--meta-swatch-mono-5);
--opt2-empty-p-colour:     var(--meta-swatch-mono-5);
--opt2-empty-p-background:     transparent;
--opt2-link-color:     var(--meta-swatch-mono-5);
--opt2-pager-icons-color:     var(--meta-swatch-mono-5);
--opt2-pager-dot-on-color:     var(--meta-swatch-mono-5);
--opt2-pager-dot-off-color:     rgba(255,255,255,0.3);

/* Option 3 */     /* Red on light grey */
--opt3-block-background:     var(--meta-swatch-mono-4);
--opt3-content-background:     transparent;
--opt3-heading-color:     var(--meta-swatch-colour-1);
--opt3-sub-heading-color:     var(--meta-swatch-colour-1);
--opt3-empty-p-colour:     var(--meta-swatch-mono-1);
--opt3-empty-p-background:     transparent;
--opt3-link-color:     var(--meta-swatch-colour-1);
--opt3-pager-icons-color:     var(--meta-swatch-colour-1);
--opt3-pager-dot-on-color:     var(--meta-swatch-colour-1);
--opt3-pager-dot-off-color:     rgba(225, 10, 10, 0.3);

/* Option 4 */     /* Black on light grey (red link) */
--opt4-block-background:     var(--meta-swatch-mono-4);
--opt4-content-background:     transparent;
--opt4-heading-color:     var(--meta-swatch-mono-1);
--opt4-sub-heading-color:     var(--meta-swatch-mono-1);
--opt4-empty-p-colour:     var(--meta-swatch-mono-1);
--opt4-empty-p-background:     transparent;
--opt4-link-color:     var(--meta-swatch-colour-1);
--opt4-pager-icons-color:     var(--meta-swatch-colour-1);
--opt4-pager-dot-on-color:     var(--meta-swatch-colour-1);
--opt4-pager-dot-off-color:     rgba(225, 10, 10, 0.3);

/* Option 5 */     /* White on dark blue */
--opt5-block-background:     var(--meta-swatch-mono-2);
--opt5-content-background:     transparent;
--opt5-heading-color:     var(--meta-swatch-mono-5);
--opt5-sub-heading-color:     var(--meta-swatch-mono-5);
--opt5-empty-p-colour:     var(--meta-swatch-mono-5);
--opt5-empty-p-background:     transparent;
--opt5-link-color:     var(--meta-swatch-mono-5);
--opt5-pager-icons-color:     var(--meta-swatch-mono-5);
--opt5-pager-dot-on-color:     var(--meta-swatch-mono-5);
--opt5-pager-dot-off-color:     rgba(255,255,255,0.3);

/* Repeater Card */     

/* Block container */     
--card-background:     var(--meta-swatch-mono-5);
--card-border-radius:     0;
--card-box-shadow:     0px 0px 10px rgba(0, 0, 0, 0.15);

/* Image wrapper */     

/* Image */     

/* Play icon */     
--card-play-icon-size:     80px;
--card-play-icon-color:     rgba(160,160,160,0.8);

/* Content */     

/* Body */     
--card-body-padding:     16px 16px 0 16px;

--card-heading-colour:     var(--meta-swatch-mono-1);
--card-heading-font-family:     'vm-sans';

--card-heading-font-size:     18px;

--card-heading-font-weight:     500;
--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;

--card-excerpt-colour:     var(--typo-p-medium-colour);
--card-excerpt-font-family:     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;

/* Badge */     

--card-footer-badge-label-colour:     var(--meta-swatch-mono-1);
--card-footer-badge-label-font-family:     'vm-sans';
--card-footer-badge-label-font-size:     12px;
--card-footer-badge-label-font-weight:     400;
--card-footer-badge-label-font-style:     normal;
--card-footer-badge-label-line-height:     1.3;
--card-footer-badge-label-spacing:     0;
--card-footer-badge-label-text-transform:     none;
--card-footer-badge-label-text-align:     left;
--card-footer-badge-label-padding:     0 4px;




/* Icon */     
--card-label-icon-size:     var(--pattern-icon-size);
--card-label-icon-color:     var(--meta-swatch-mono-3);

/* Label */     
--card-label-colour:     var(--meta-swatch-mono-1);
--card-label-font-family:     'vm-sans';
--card-label-font-size:     12px;
--card-label-font-weight:     400;
--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;

/* Indicator */     


--card-action-icon-size:     var(--pattern-icon-size);
--card-action-icon-color:     var(--meta-swatch-colour-1);

/* Share Save */     


/* Sidebar */     

/* Sidebar */     
--sidebar-background:     var(--meta-swatch-mono-5);
--sidebar-box-shadow:     none;
--sidebar-border:     none;
--sidebar-border-radius:     0;
--sidebar-dimmer-color:     rgba(0,0,0,0.5);

--sidebar-padding:     0;
--sidebar-gap:     0;
--sidebar-width:     80%;

--sidebar-padding-m:     0;
--sidebar-gap-m:     0;
--sidebar-width-m:     400px;

--sidebar-padding-l:     0;
--sidebar-gap-l:     0;
--sidebar-width-l:     400px;






/* Open button */     
--sidebar-btn-border-radius:     0 10px 10px 0;
--sidebar-btn-padding:     8px 8px 8px 12px;
--sidebar-btn-background:     var(--meta-swatch-mono-5);
--sidebar-btn-border:     1px solid var(--meta-swatch-colour-1);
--sidebar-btn-box-shadow:     0 4px 10px -3px rgba(0, 0, 0, 0.16);

--sidebar-btn-icon-size:     24px;
--sidebar-btn-icon-fill:     1px solid var(--meta-swatch-colour-1);

--sidebar-btn-bottom:     20%;
--sidebar-btn-left:     0;

--sidebar-btn-top-m:     60px;
--sidebar-btn-left-m:     0;

--sidebar-btn-top-l:     100px;
--sidebar-btn-left-l:     0;


/* 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-icon-margin:     0;
--tl-icon-padding:     22px 0;
--tl-icon-keyline:     1px solid var(--meta-swatch-mono-3);

--tl-item-margin:     0;
--tl-item-padding:     22px 16px;
--tl-item-keyline:     1px solid var(--meta-swatch-mono-3);
--tl-item-border-width:     0 0 1px 0; 
--tl-item-border-color:     var(--meta-swatch-mono-3);
--tl-item-border-style:     solid;
--tl-item-direction:     row;
--tl-item-align-items:     center;
--tl-item-justify-content:     space-between;

/* Content container */     

/* Label container */     

/* 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;

/* Badge */     
--tl-item-badge-background:     var(--meta-swatch-colour-8);
--tl-item-badge-border-radius:     16px;
--tl-item-badge-padding:     4px 12px;
--tl-item-badge-label-colour:     var(--meta-swatch-mono-1);
--tl-item-badge-label-font-family:     'vm-sans';
--tl-item-badge-label-font-size:     15px;
--tl-item-badge-label-font-weight:     400;
--tl-item-badge-label-line-height:     1.2;

/* Sub header */     

/* Label Info */     

/* Value */     

/* Icon */     
--tl-item-icon-bg-size:     24px;
--tl-item-icon-padding:     0;
--tl-item-icon-margin:     0 0 0 12px;
--tl-item-icon-border-radius:     0;
--tl-item-icon-bg-colour:     transparent;
--tl-item-icon-colour:     var(--meta-swatch-colour-1);
--tl-item-icon-size:     24px;


/* Tabs */     

/* Tabs */     

/* Tab - off */     

/* Tab - on */     

/* Tab - back */     





/* Targeted Links */     

/* Block container */     
--targeted-links-padding:     0 0 24px 0;
--targeted-links-padding-m:     0 0 24px 0;
--targeted-links-padding-l:     0 0 24px 0;

/* Grid container */     


--targeted-links-grid-columns:     1;
--targeted-links-grid-col-gap:     16px;
--targeted-links-grid-row-gap:     16px;

--targeted-links-grid-columns-m:     1;
--targeted-links-grid-col-gap-m:     16px;
--targeted-links-grid-row-gap-m:     16px;

--targeted-links-grid-columns-l:     1;
--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-1);
--targeted-links-dots-off-color:     var(--meta-swatch-mono-3);


--targeted-links-button-icon-size:     var(--pattern-icon-size);
--targeted-links-button-icon-color:     var(--meta-swatch-mono-5);

/* Whole block style options */     

/* Option 1 */     

/* Option 2 */     
--targeted-links-background-opt2:     var(--meta-swatch-colour-2);

/* Option 3 */     



/* Item styles (old, but still in use) */     

/* Item container */     
--targeted-links-item-background:     var(--meta-swatch-colour-5) center;
--targeted-links-item-border:     none;
--targeted-links-item-border-radius:     12px;
--targeted-links-item-box-shadow:     0px 4px 4px rgba(0, 0, 0, 0.25);
--targeted-links-item-padding:     24px;
--targeted-links-item-padding-m:     24px;
--targeted-links-item-padding-l:     32px;



/* Cover image */     
--targeted-links-cover-image-padding:     24px;
--targeted-links-cover-image-padding-m:     24px;
--targeted-links-cover-image-padding-l:     24px;
--targeted-links-cover-image-height:     200px;
--targeted-links-cover-image-height-m:     200px;
--targeted-links-cover-image-height-l:     200px;
--targeted-links-cover-image-object-fit:     contain;
--targeted-links-item-cover-image-padding:     24px;
--targeted-links-item-cover-image-padding-m:     24px;
--targeted-links-item-cover-image-padding-l:     24px;
--targeted-links-item-cover-image-height:     200px;
--targeted-links-item-cover-image-height-m:     200px;
--targeted-links-item-cover-image-height-l:     200px;
--targeted-links-item-cover-image-width:     auto;
--targeted-links-item-cover-image-width-m:     auto;
--targeted-links-item-cover-image-width-l:     auto;
--targeted-links-item-cover-image-object-fit:     contain;

/* Body */     
--targeted-links-item-body-padding:     24px 24px 12px;
--targeted-links-item-body-padding-m:     24px 24px 12px;
--targeted-links-item-body-padding-l:     24px 24px 12px;

/* Header */     
--targeted-links-item-header-justify-content:     center;
--targeted-links-item-header-justify-content-m:     center;
--targeted-links-item-header-justify-content-l:     center;

/* Icon */     

/* Heading */     
--targeted-links-item-heading-colour:     var(--meta-swatch-mono-5);
--targeted-links-item-heading-font-family:     'vm-sans';
--targeted-links-item-heading-font-weight:     200;
--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:     center;

--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-5);
--targeted-links-item-p-font-family:     'inter';
--targeted-links-item-p-font-weight:     normal;
--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:     center;

--targeted-links-item-p-font-size:     16px;

--targeted-links-item-p-padding:     8px 0 32px;


/* 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;



/* Button block overrides */     


/* Item style option overrides */     

/* Option 1 */     






/* Option 2 */     






/* Option 3 */     






/* Option 4 */     






/* Option 5 */     









/* Targeted Links Item */     

/* Option 1 */     /* Transparent bg, black text */
/* New external container */     

/* Item container */     
--targeted-links-item-opt1-border:     none;
--targeted-links-item-opt1-border-radius:     0;
--targeted-links-item-opt1-box-shadow:     none;
--targeted-links-item-opt1-flex-direction:     column;
--targeted-links-item-opt1-flex-direction-m:     row-reverse;
--targeted-links-item-opt1-flex-direction-l:     row-reverse;
--targeted-links-item-opt1-padding:     16px;
--targeted-links-item-opt1-padding-m:     24px;
--targeted-links-item-opt1-padding-l:     24px;

/* Cover image */     
--targeted-links-item-cover-image-opt1-padding:     0;
--targeted-links-item-cover-image-opt1-padding-m:     0;
--targeted-links-item-cover-image-opt1-padding-l:     0;
--targeted-links-item-cover-image-opt1-width:     150px;
--targeted-links-item-cover-image-opt1-height:     auto;
--targeted-links-item-cover-image-opt1-width-m:     150px;
--targeted-links-item-cover-image-opt1-height-m:     auto;
--targeted-links-item-cover-image-opt1-width-l:     150px;
--targeted-links-item-cover-image-opt1-height-l:     auto;
--targeted-links-item-cover-image-opt1-object-fit:     contain;

/* Body */     
--targeted-links-item-body-opt1-padding:     16px;
--targeted-links-item-body-opt1-padding-m:     16px;
--targeted-links-item-body-opt1-padding-l:     16px;
--targeted-links-item-body-opt1-gap:     12px;
--targeted-links-item-body-opt1-gap-m:     12px;
--targeted-links-item-body-opt1-gap-l:     12px;

/* Header */     
--targeted-links-item-header-opt1-padding:     0 0 16px;
--targeted-links-item-header-opt1-padding-m:     0 0 16px;
--targeted-links-item-header-opt1-padding-l:     0 0 16px;
--targeted-links-item-header-opt1-gap:     0;
--targeted-links-item-header-opt1-gap-m:     0;
--targeted-links-item-header-opt1-gap-l:     0;
--targeted-links-item-header-opt1-justify-content:     start;
--targeted-links-item-header-opt1-justify-content-m:     start;
--targeted-links-item-header-opt1-justify-content-l:     start;
--targeted-links-item-header-opt1-align-items:     start;
--targeted-links-item-header-opt1-align-items-m:     start;
--targeted-links-item-header-opt1-align-items-l:     start;

/* Icon */     

/* External Heading */     


/* Heading */     
--targeted-links-item-heading-opt1-padding:     0;
--targeted-links-item-heading-opt1-padding-m:     0;
--targeted-links-item-heading-opt1-padding-l:     0;
--targeted-links-item-heading-opt1-color:     var(--meta-swatch-mono-5);
--targeted-links-item-heading-opt1-font-family:     var(--typo-h-medium-font-face);
--targeted-links-item-heading-opt1-font-weight:     var(--typo-h-medium-font-weight);
--targeted-links-item-heading-opt1-font-style:     var(--typo-h-medium-font-style);
--targeted-links-item-heading-opt1-line-height:     var(--typo-h-medium-line-height);
--targeted-links-item-heading-opt1-letter-spacing:     var(--typo-h-medium-letter-spacing);
--targeted-links-item-heading-opt1-text-transform:     var(--typo-h-medium-text-transform);
--targeted-links-item-heading-opt1-text-align:     var(--typo-h-medium-text-align);

--targeted-links-item-heading-opt1-font-size:     var(--typo-h-medium-font-size);
--targeted-links-item-heading-opt1-font-size-m:     var(--typo-h-medium-font-size);
--targeted-links-item-heading-opt1-font-size-l:     var(--typo-h-medium-font-size);

/* Paragraph */     
--targeted-links-item-p-opt1-color:     var(--meta-swatch-mono-5);
--targeted-links-item-p-opt1-font-family:     'inter';
--targeted-links-item-p-opt1-font-weight:     normal;
--targeted-links-item-p-opt1-font-style:     normal;
--targeted-links-item-p-opt1-line-height:     1.4;
--targeted-links-item-p-opt1-letter-spacing:     0;
--targeted-links-item-p-opt1-text-transform:     none;
--targeted-links-item-p-opt1-text-align:     left;

--targeted-links-item-p-opt1-font-size:     16px;
--targeted-links-item-p-opt1-font-size-m:     16px;
--targeted-links-item-p-opt1-font-size-l:     16px;

--targeted-links-item-p-opt1-padding:     0 0 16px;
--targeted-links-item-p-opt1-padding-m:     0 0 16px;
--targeted-links-item-p-opt1-padding-l:     0 0 16px;

/* Paragraph links */     
--targeted-links-item-p-link-opt1-font-family:     inherit;
--targeted-links-item-p-link-opt1-font-weight:     inherit;
--targeted-links-item-p-link-opt1-font-style:     inherit;
--targeted-links-item-p-link-opt1-line-height:     inherit;
--targeted-links-item-p-link-opt1-letter-spacing:     inherit;
--targeted-links-item-p-link-opt1-text-transform:     inherit;
--targeted-links-item-p-link-opt1-text-align:     inherit;

--targeted-links-item-p-link-opt1-font-size:     inherit;
--targeted-links-item-p-link-opt1-font-size-m:     inherit;
--targeted-links-item-p-link-opt1-font-size-l:     inherit;

--targeted-links-item-p-link-opt1-color:     var(--meta-swatch-mono-5);
--targeted-links-item-p-link-opt1-text-decoration:     underline;

--targeted-links-item-p-link-opt1-color-hover:     var(--meta-swatch-mono-5);
--targeted-links-item-p-link-opt1-text-decoration-hover:     underline;

--targeted-links-item-p-link-opt1-color-active:     var(--meta-swatch-mono-5);
--targeted-links-item-p-link-opt1-text-decoration-active:     none;

--targeted-links-item-p-link-opt1-color-visited:     var(--meta-swatch-mono-5);
--targeted-links-item-p-link-opt1-text-decoration-visited:     inherit;

/* Inline image */     
--targeted-links-item-inline-image-opt1-height:     80px;
--targeted-links-item-inline-image-opt1-height-m:     80px;
--targeted-links-item-inline-image-opt1-height-l:     80px;

/* Buttons container */     
--targeted-links-item-buttons-opt1-gap:     12px;
--targeted-links-item-buttons-opt1-gap-m:     12px;
--targeted-links-item-buttons-opt1-gap-l:     12px;

--targeted-links-item-buttons-align-opt1-items:     start;
--targeted-links-item-buttons-align-opt1-items-m:     start;
--targeted-links-item-buttons-align-opt1-items-l:     start;

/* Button block overrides */     


/* Option 2 */     /* Grey bg, black text */
/* New external container */     

/* Item container */     
--targeted-links-item-opt2-background:     var(--meta-swatch-mono-3);
--targeted-links-item-opt2-border:     none;
--targeted-links-item-opt2-border-radius:     0;
--targeted-links-item-opt2-box-shadow:     none;
--targeted-links-item-opt2-flex-direction:     column;
--targeted-links-item-opt2-flex-direction-m:     row-reverse;
--targeted-links-item-opt2-flex-direction-l:     row-reverse;
--targeted-links-item-opt2-padding:     16px;
--targeted-links-item-opt2-padding-m:     24px;
--targeted-links-item-opt2-padding-l:     24px;

/* Cover image */     
--targeted-links-item-cover-image-opt2-padding:     0;
--targeted-links-item-cover-image-opt2-padding-m:     0;
--targeted-links-item-cover-image-opt2-padding-l:     0;
--targeted-links-item-cover-image-opt2-width:     150px;
--targeted-links-item-cover-image-opt2-height:     auto;
--targeted-links-item-cover-image-opt2-width-m:     150px;
--targeted-links-item-cover-image-opt2-height-m:     auto;
--targeted-links-item-cover-image-opt2-width-l:     150px;
--targeted-links-item-cover-image-opt2-height-l:     auto;
--targeted-links-item-cover-image-opt2-object-fit:     contain;

/* Body */     
--targeted-links-item-body-opt2-padding:     0;
--targeted-links-item-body-opt2-padding-m:     0;
--targeted-links-item-body-opt2-padding-l:     0;
--targeted-links-item-body-opt2-gap:     16px;
--targeted-links-item-body-opt2-gap-m:     16px;
--targeted-links-item-body-opt2-gap-l:     16px;

/* Header */     
--targeted-links-item-header-opt2-padding:     0;
--targeted-links-item-header-opt2-padding-m:     0;
--targeted-links-item-header-opt2-padding-l:     0;
--targeted-links-item-header-opt2-gap:     0;
--targeted-links-item-header-opt2-gap-m:     0;
--targeted-links-item-header-opt2-gap-l:     0;
--targeted-links-item-header-opt2-justify-content:     start;
--targeted-links-item-header-opt2-justify-content-m:     start;
--targeted-links-item-header-opt2-justify-content-l:     start;
--targeted-links-item-header-opt2-align-items:     start;
--targeted-links-item-header-opt2-align-items-m:     start;
--targeted-links-item-header-opt2-align-items-l:     start;

/* Icon */     

/* External Heading */     


/* Heading */     
--targeted-links-item-heading-opt2-padding:     0;
--targeted-links-item-heading-opt2-padding-m:     0;
--targeted-links-item-heading-opt2-padding-l:     0;
--targeted-links-item-heading-opt2-color:     var(--typo-h-medium-colour);
--targeted-links-item-heading-opt2-font-family:     var(--typo-h-medium-font-face);
--targeted-links-item-heading-opt2-font-weight:     var(--typo-h-medium-font-weight);
--targeted-links-item-heading-opt2-font-style:     var(--typo-h-medium-font-style);
--targeted-links-item-heading-opt2-line-height:     var(--typo-h-medium-line-height);
--targeted-links-item-heading-opt2-letter-spacing:     var(--typo-h-medium-letter-spacing);
--targeted-links-item-heading-opt2-text-transform:     var(--typo-h-medium-text-transform);
--targeted-links-item-heading-opt2-text-align:     var(--typo-h-medium-text-align);

--targeted-links-item-heading-opt2-font-size:     var(--typo-h-medium-font-size);
--targeted-links-item-heading-opt2-font-size-m:     var(--typo-h-medium-font-size);
--targeted-links-item-heading-opt2-font-size-l:     var(--typo-h-medium-font-size);

/* Paragraph */     
--targeted-links-item-p-opt2-color:     var(--meta-swatch-mono-1);
--targeted-links-item-p-opt2-font-family:     'inter';
--targeted-links-item-p-opt2-font-weight:     normal;
--targeted-links-item-p-opt2-font-style:     normal;
--targeted-links-item-p-opt2-line-height:     1.4;
--targeted-links-item-p-opt2-letter-spacing:     0;
--targeted-links-item-p-opt2-text-transform:     none;
--targeted-links-item-p-opt2-text-align:     left;

--targeted-links-item-p-opt2-font-size:     16px;
--targeted-links-item-p-opt2-font-size-m:     16px;
--targeted-links-item-p-opt2-font-size-l:     16px;

--targeted-links-item-p-opt2-padding:     0;
--targeted-links-item-p-opt2-padding-m:     0;
--targeted-links-item-p-opt2-padding-l:     0;

/* Paragraph links */     






/* Inline image */     


/* Buttons container */     
--targeted-links-item-buttons-opt2-gap:     12px;
--targeted-links-item-buttons-opt2-gap-m:     12px;
--targeted-links-item-buttons-opt2-gap-l:     12px;

--targeted-links-item-buttons-align-opt2-items:     start;
--targeted-links-item-buttons-align-opt2-items-m:     start;
--targeted-links-item-buttons-align-opt2-items-l:     start;

/* Button block overrides */     


/* Option 3 */     
/* New external container */     

/* Item container */     
--targeted-links-item-opt3-border-radius:     0;

/* Cover image */     

/* Body */     

/* Header */     

/* Icon */     

/* External Heading */     


/* Heading */     


/* Paragraph */     



/* Paragraph links */     






/* Inline image */     


/* Buttons container */     


/* Button block overrides */     


/* Option 4 */     /* Red bg, white text */
/* New external container */     

/* Item container */     
--targeted-links-item-opt4-background:     var(--meta-swatch-colour-1);
--targeted-links-item-opt4-border:     none;
--targeted-links-item-opt4-border-radius:     0;
--targeted-links-item-opt4-box-shadow:     none;
--targeted-links-item-opt4-flex-direction:     column;
--targeted-links-item-opt4-flex-direction-m:     row-reverse;
--targeted-links-item-opt4-flex-direction-l:     row-reverse;
--targeted-links-item-opt4-padding:     16px;
--targeted-links-item-opt4-padding-m:     24px;
--targeted-links-item-opt4-padding-l:     24px;

/* Cover image */     
--targeted-links-item-cover-image-opt4-padding:     0;
--targeted-links-item-cover-image-opt4-padding-m:     0;
--targeted-links-item-cover-image-opt4-padding-l:     0;
--targeted-links-item-cover-image-opt4-width:     150px;
--targeted-links-item-cover-image-opt4-height:     auto;
--targeted-links-item-cover-image-opt4-width-m:     150px;
--targeted-links-item-cover-image-opt4-height-m:     auto;
--targeted-links-item-cover-image-opt4-width-l:     150px;
--targeted-links-item-cover-image-opt4-height-l:     auto;
--targeted-links-item-cover-image-opt4-object-fit:     contain;

/* Body */     
--targeted-links-item-body-opt4-padding:     0;
--targeted-links-item-body-opt4-padding-m:     0;
--targeted-links-item-body-opt4-padding-l:     0;
--targeted-links-item-body-opt4-gap:     0;
--targeted-links-item-body-opt4-gap-m:     0;
--targeted-links-item-body-opt4-gap-l:     0;

/* Header */     
--targeted-links-item-header-opt4-padding:     0 0 16px;
--targeted-links-item-header-opt4-padding-m:     0 0 16px;
--targeted-links-item-header-opt4-padding-l:     0 0 16px;
--targeted-links-item-header-opt4-gap:     0;
--targeted-links-item-header-opt4-gap-m:     0;
--targeted-links-item-header-opt4-gap-l:     0;
--targeted-links-item-header-opt4-justify-content:     start;
--targeted-links-item-header-opt4-justify-content-m:     start;
--targeted-links-item-header-opt4-justify-content-l:     start;
--targeted-links-item-header-opt4-align-items:     start;
--targeted-links-item-header-opt4-align-items-m:     start;
--targeted-links-item-header-opt4-align-items-l:     start;

/* Icon */     

/* External Heading */     


/* Heading */     
--targeted-links-item-heading-opt4-padding:     0;
--targeted-links-item-heading-opt4-padding-m:     0;
--targeted-links-item-heading-opt4-padding-l:     0;
--targeted-links-item-heading-opt4-color:     var(--meta-swatch-mono-5);
--targeted-links-item-heading-opt4-font-family:     var(--typo-h-medium-font-face);
--targeted-links-item-heading-opt4-font-weight:     var(--typo-h-medium-font-weight);
--targeted-links-item-heading-opt4-font-style:     var(--typo-h-medium-font-style);
--targeted-links-item-heading-opt4-line-height:     var(--typo-h-medium-line-height);
--targeted-links-item-heading-opt4-letter-spacing:     var(--typo-h-medium-letter-spacing);
--targeted-links-item-heading-opt4-text-transform:     var(--typo-h-medium-text-transform);
--targeted-links-item-heading-opt4-text-align:     var(--typo-h-medium-text-align);

--targeted-links-item-heading-opt4-font-size:     var(--typo-h-medium-font-size);
--targeted-links-item-heading-opt4-font-size-m:     var(--typo-h-medium-font-size);
--targeted-links-item-heading-opt4-font-size-l:     var(--typo-h-medium-font-size);

/* Paragraph */     
--targeted-links-item-p-opt4-color:     var(--meta-swatch-mono-5);
--targeted-links-item-p-opt4-font-family:     'inter';
--targeted-links-item-p-opt4-font-weight:     normal;
--targeted-links-item-p-opt4-font-style:     normal;
--targeted-links-item-p-opt4-line-height:     1.4;
--targeted-links-item-p-opt4-letter-spacing:     0;
--targeted-links-item-p-opt4-text-transform:     none;
--targeted-links-item-p-opt4-text-align:     left;

--targeted-links-item-p-opt4-font-size:     16px;
--targeted-links-item-p-opt4-font-size-m:     16px;
--targeted-links-item-p-opt4-font-size-l:     16px;

--targeted-links-item-p-opt4-padding:     0 0 16px;
--targeted-links-item-p-opt4-padding-m:     0 0 16px;
--targeted-links-item-p-opt4-padding-l:     0 0 16px;

/* Paragraph links */     






/* Inline image */     


/* Buttons container */     

--targeted-links-item-buttons-align-opt4-items:     start;
--targeted-links-item-buttons-align-opt4-items-m:     start;
--targeted-links-item-buttons-align-opt4-items-l:     start;

/* Button block overrides */     


/* Option 5 */     
/* New external container */     

/* Item container */     
--targeted-links-item-opt5-border-radius:     0;

/* Cover image */     

/* Body */     

/* Header */     

/* Icon */     

/* External Heading */     


/* Heading */     


/* Paragraph */     



/* Paragraph links */     






/* Inline image */     


/* Buttons container */     


/* Button block overrides */     




/* Tools */     

/* Accordion Result */     

/* Heading */     

/* Status indicator */     




/* Button block overrides */     

/* Heading */     

/* Status indicator */     




/* Button block overrides */     





/* Affordability Result */     

/* Overview section */     

/*CARD*/     
/* Card container */     

/* Info icon container */     

/* Loan deposit difference */     

/* Icon */     

/* Paragraph */     

/* Value */     

/* Donut */     

/* LTV Donut */     

/* Donut Value*/     

/* Donut label */     

/* Donut icon */     

/* Edit section */     

/* Buttons */     


/* MODAL */     
/* Image */     

/* Title */     

/* Icon container */     

/* Icon */     

/* Card */     

/* Heading */     


/* OFFERS POINTS */     
/* Info item block */     

/* Info label */     


/* Info value */     


/* Dot */     

/* Line */     

/* Banks List */     
/* Container */     

/* Bank Logo */     

/* Bank Name - optional */     

/* Loader bar */     







/* 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 */     

/* Message */     

/* Total */     


/* Breakdown container */     

/* Breakdown item */     

/* Icon container */     

/* Icon */     

/* Breakdown item label */     

/* Breakdown item value */     



/* Budget Result */     

/* Block container */     

/* Message */     

/* Message Header */     

/* Message Icon */     

/* Message Heading */     

/* Message Text */     

/* Breakdowns */     

/* Total & income */     

/* Total */     

/* Income */     

/* Spending */     

/* Table */     

/* Row */     

/* Row Labels */     

/* Row Label */     

/* Row Status */     

/* Row Status Icon */     

/* Row Status Label */     


/* Row Values */     

/* Row Value */     

/* Row Calc Value */     


/* 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 */     


/* Checklist Widget */     






/* 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 */     

/* Block container */     


/* Deposit Builder Result */     

/* Block Container */     

/* Inner container */     

/* Block Container */     

/* Chart container */     


/* FF Messages Widget */     

/* Block container */     
--message-padding:     32px 0;
--message-padding-m:     40px 0;
--message-padding-l:     48px 0;

/* Content container */     
--message-container-flex-direction:     row;
--message-container-background:     var(--meta-swatch-mono-5);
--message-container-padding:     0;
--message-container-padding-m:     0;
--message-container-padding-l:     0;

/* Grid container */     
--message-content-gap:     12px;

/* Icon layout */     
--message-icon-bg-align-items:     center;
--message-icon-bg-justify-content:     flex-start;
--message-icon-bg-align-self:     stretch;
--message-icon-size:     24px;
--message-icon-container-align-items:      center;
--message-icon-container-justify-content:      flex-start;
--message-icon-container-align-self:     stretch;

/* Labels */     
--message-label-font-family:     'inter';
--message-label-font-size:     16px;
--message-label-font-weight:     normal;
--message-label-font-style:     normal;
--message-label-line-height:     1.2;
--message-label-letter-spacing:     0;
--message-label-text-transform:     none;
--message-label-text-align:     left;
--message-label-margin:     0;
--message-label-padding:      10px 12px;

/* Positive message */     
--message-positive-icon-bg-background:     var(--meta-swatch-colour-8);
--message-positive-icon-color:     var(--meta-swatch-mono-1);

--message-positive-label-bg-color:      transparent;
--message-positive-label-colour:     var(--meta-swatch-mono-1);
--message-positive-label-font-family:     'inter';
--message-positive-label-font-size:     16px;
--message-positive-label-font-weight:     normal;
--message-positive-label-font-style:     normal;
--message-positive-label-line-height:     1.2;
--message-positive-label-letter-spacing:     0;
--message-positive-label-text-transform:     none;
--message-positive-label-text-align:     left;
--message-positive-label-margin:     0;
--message-positive-label-padding:      12px 16px;
--message-positive-icon-size:     24px;
--message-positive-icon-margin:     0;
--message-positive-icon-padding:      10px 12px;

/* Negative message */     
--message-negative-icon-bg-background:     #69E1E6;
--message-negative-icon-color:     var(--meta-swatch-mono-1);

--message-negative-label-bg-background:     transparent;
--message-negative-label-colour:     var(--meta-swatch-mono-1);
--message-negative-label-font-family:     'inter';
--message-negative-label-font-size:     16px;
--message-negative-label-font-weight:     normal;
--message-negative-label-font-style:     normal;
--message-negative-label-line-height:     1.2;
--message-negative-label-letter-spacing:     0;
--message-negative-label-text-transform:     none;
--message-negative-label-text-align:     left;
--message-negative-label-margin:     0;
--message-negative-label-padding:      12px 16px;
--message-negative-icon-size:     24px;
--message-negative-icon-margin:     0;
--message-negative-icon-padding:      10px 12px;


/* FF Scorecards Widget */     

/* Section container */     
--ff-scores-section-bg-color:     var(--meta-swatch-colour-8);
--ff-scores-section-background:     var(--meta-swatch-colour-8);
--ff-scores-section-padding:     16px 0;

/* Section heading overrides */     
--ff-scores-section-heading-colour:     var(--meta-swatch-colour-10);
--ff-scores-section-sub-heading-colour:     var(--meta-swatch-mono-1);

--ff-scores-section-heading-font-family:     'vm-loop';
--ff-scores-section-heading-font-size:     30px;
--ff-scores-section-heading-font-weight:     normal;
--ff-scores-section-heading-font-style:     normal;
--ff-scores-section-heading-line-height:     2;
--ff-scores-section-heading-letter-spacing:     0;
--ff-scores-section-heading-text-transform:     none;
--ff-scores-section-heading-text-align:     center;
--ff-scores-section-heading-text-margin:     16px 0;

/* Section paragraph */     
--ff-scores-section-sub-heading-font-family:     'inter';
--ff-scores-section-sub-heading-font-size:     16px;
--ff-scores-section-sub-heading-font-weight:     normal;
--ff-scores-section-sub-heading-font-style:     normal;
--ff-scores-section-sub-heading-line-height:     1.4;
--ff-scores-section-sub-heading-letter-spacing:     0;
--ff-scores-section-sub-heading-text-transform:     none;
--ff-scores-section-sub-heading-text-align:     center;
--ff-scores-section-sub-heading-text-margin:     0 0 16px 0;

/* Score card containers */     
--ff-scores-card-bg-color:     var(--meta-swatch-mono-5);
--ff-scores-card-border:     none;
--ff-scores-card-border-radius:     8px;
--ff-scores-card-box-shadow:     0px 4px 16px rgba(0, 0, 0, 0.08);
--ff-scores-card-margin:     0 16px 0 0;
--ff-scores-card-padding:     16px;

/* Scorecard label top */     
--ff-scores-label-top-colour:     var(--meta-swatch-colour-1);
--ff-scores-label-top-font-family:     'vm-sans';
--ff-scores-label-top-font-size:     20px;
--ff-scores-label-top-font-weight:     400;
--ff-scores-label-top-font-style:     normal;
--ff-scores-label-top-line-height:     1.2;
--ff-scores-label-top-letter-spacing:     0;
--ff-scores-label-top-text-transform:     none;
--ff-scores-label-top-text-align:     center;

/* Scorecard label bottom */     
--ff-scores-label-bottom-colour:     var(--meta-swatch-colour-1);
--ff-scores-label-bottom-font-family:     'inter';
--ff-scores-label-bottom-font-size:     17px;
--ff-scores-label-bottom-font-weight:     normal;
--ff-scores-label-bottom-font-style:     normal;
--ff-scores-label-bottom-line-height:     1.2;
--ff-scores-label-bottom-letter-spacing:     0;
--ff-scores-label-bottom-text-transform:     none;
--ff-scores-label-bottom-text-align:     center;

/* Scorecard value */     
--ff-scores-value-colour:     var(--meta-swatch-mono-1);
--ff-scores-value-font-family:     'vm-sans';
--ff-scores-value-font-size:     64px;
--ff-scores-value-font-weight:     400;
--ff-scores-value-font-style:     normal;
--ff-scores-value-line-height:     1;
--ff-scores-value-letter-spacing:     0;
--ff-scores-value-text-transform:     none;
--ff-scores-value-text-align:     center;
--ff-scores-value-text-position-top:     44%;

/* Scorecard donut */     
--ff-scores-donut-whole-color:     var(--meta-swatch-mono-4);
--ff-inner-donut-progress-color:     var(--meta-swatch-colour-1);
--ff-outer-donut-progress-color:     var(--meta-swatch-colour-7);
--ff-scores-donut-progress-color:     var(--meta-swatch-colour-10);
--ff-scores-donut-size:     222px;

/* Donut Info icon */     
--ff-donut-info-icon-size:     var(--pattern-icon-size);
--ff-donut-info-icon-color:     var(--meta-swatch-mono-2);
--ff-donut-info-icon-postition-top:     16%;

/* Donut label */     
--ff-donut-label-colour:     var(--meta-swatch-mono-2);
--ff-donut-label-font-family:     'inter';
--ff-donut-label-font-size:     14px;
--ff-donut-label-font-weight:     400;
--ff-donut-label-font-style:     normal;
--ff-donut-label-line-height:     1.2;
--ff-donut-label-letter-spacing:     0;
--ff-donut-label-text-transform:     none;
--ff-donut-label-padding:     50px 12px 0;
--ff-donut-label-text-align:     center;
--ff-donut-label-position-top:     75%;

--goal-scorecard-update-gap:     8px;

/* Scorecard pursuits icon */     
--ff-scores-pursuits-icon-bg-size:     48px;
--ff-scores-pursuits-icon-bg-color:     var(--meta-swatch-colour-8);
--ff-scores-pursuits-icon-size:     24px;
--ff-scores-pursuits-icon-color:     var(--meta-swatch-colour-5);
--ff-scores-pursuits-icon-border-radius:     50%;
--ff-scores-pursuits-size:     222px;
--ff-scores-pursuits-bg-color:     var(--meta-swatch-mono-4);
--ff-scores-pursuits-border:     none;
--ff-scores-pursuits-border-radius:     50%;


/* 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 */     
--flow-playback-padding:     40px 0;
--flow-playback-padding-m:     24px 0;
--flow-playback-padding-l:     32px 0;
--flow-playback-gap:     16px;
--flow-playback-gap-m:     24px;
--flow-playback-gap-l:     32px;

/* Content container */     

/* Items */     
--flow-playback-items-padding:     0;
--flow-playback-items-padding-m:     0;
--flow-playback-items-padding-l:     0;
--flow-playback-items-gap:     0;
--flow-playback-items-gap-m:     0;
--flow-playback-items-gap-l:     0;

/* Item container */     
--flow-playback-item-flex-direction:     row;
--flow-playback-item-align-items:     flex-start;
--flow-playback-item-justify-content:     center;
--flow-playback-item-padding:     16px 0;

--flow-playback-item-flex-direction-m:     row;
--flow-playback-item-align-items-m:     center;
--flow-playback-item-padding-m:     16px 0;

--flow-playback-item-flex-direction-l:     row;
--flow-playback-item-align-items-l:     center;
--flow-playback-item-padding-l:     16px 0;

--flow-playback-item-border-bottom:     1px solid var(--meta-swatch-mono-3);

/* Text container */     
--flow-playback-text-padding:     0 8px 0 0 ;
--flow-playback-text-gap:     6px;

/* Heading */     
--flow-playback-heading-colour:     var(--meta-swatch-mono-1);
--flow-playback-heading-font-size:     18px;
--flow-playback-heading-font-size-m:     22px;
--flow-playback-heading-font-size-l:     22px;
--flow-playback-heading-font-family:     'vm-sans';
--flow-playback-heading-font-weight:     700;
--flow-playback-heading-font-style:     normal;
--flow-playback-heading-line-height:     1.2;
--flow-playback-heading-letter-spacing:     0;
--flow-playback-heading-text-transform:     none;
--flow-playback-heading-margin:     0;
--flow-playback-heading-padding:     0;

/* Sub heading */     
--flow-playback-sub-heading-colour:     var(--meta-swatch-mono-2);
--flow-playback-sub-heading-font-size:     16px;
--flow-playback-sub-heading-font-family:     'inter';
--flow-playback-sub-heading-font-weight:     normal;
--flow-playback-sub-heading-font-style:     normal;
--flow-playback-sub-heading-line-height:     1.2;
--flow-playback-sub-heading-letter-spacing:     0;
--flow-playback-sub-heading-text-transform:     none;
--flow-playback-sub-heading-margin:     0;
--flow-playback-sub-heading-padding:     0;

/* Detail container */     
--flow-playback-detail-padding:     0;
--flow-playback-detail-gap:     16px;
--flow-playback-detail-justify-content:     space-between;
--flow-playback-detail-justify-content-m:     flex-end;
--flow-playback-detail-justify-content-l:     flex-end;

/* Indicator layout */     
--flow-playback-indicator-padding:     10px 12px;
--flow-playback-indicator-gap:     6px;
--flow-playback-indicator-border-radius:     0;

--flow-playback-indicator-icon-padding:     0;
--flow-playback-indicator-icon-size:     12px;
--flow-playback-indicator-icon-border-radius:     50%;

--flow-playback-indicator-label-font-size:     10px;
--flow-playback-indicator-label-font-family:     'inter';
--flow-playback-indicator-label-font-weight:     800;
--flow-playback-indicator-label-font-style:     normal;
--flow-playback-indicator-label-line-height:     1;
--flow-playback-indicator-label-letter-spacing:     0;
--flow-playback-indicator-label-text-transform:     uppercase;
--flow-playback-indicator-label-margin:     0;
--flow-playback-indicator-label-padding:     0;

/* Indicator ON */     
--flow-playback-indicator-background-on:     var(--meta-swatch-colour-8);
--flow-playback-indicator-border-on:     none;
--flow-playback-indicator-box-shadow-on:     none;

--flow-playback-indicator-icon-background-on:     transparent;
--flow-playback-indicator-icon-border-on:     none;
--flow-playback-indicator-icon-box-shadow-on:     none;
--flow-playback-indicator-icon-color-on:     var(--meta-swatch-mono-1);

--flow-playback-indicator-label-color-on:     var(--meta-swatch-mono-1);

/* Indicator OFF */     
--flow-playback-indicator-background-off:     var(--meta-swatch-mono-4);
--flow-playback-indicator-border-off:     1px solid var(--meta-swatch-mono-3);
--flow-playback-indicator-box-shadow-off:     none;

--flow-playback-indicator-icon-background-off:     transparent;
--flow-playback-indicator-icon-border-off:     none;
--flow-playback-indicator-icon-box-shadow-off:     none;
--flow-playback-indicator-icon-color-off:     var(--meta-swatch-mono-2);

--flow-playback-indicator-label-color-off:     var(--meta-swatch-mono-2);


/* Goal Scorecard Widget */     

/* Block container */     
--goal-scorecard-gap:     24px;
--goal-scorecard-padding:     24px;
--goal-scorecard-padding-m:     32px;
--goal-scorecard-padding-l:     32px;
--goal-scorecard-margin:     0;
--goal-scorecard-margin-m:     0;
--goal-scorecard-margin-l:     0;
--goal-scorecard-background:     var(--meta-swatch-mono-4);
--goal-scorecard-border:     none;
--goal-scorecard-border-radius:     var(--pattern-border-radius);
--goal-scorecard-box-shadow:     none;

/* Scores container */     
--goal-scorecard-scores-flex-direction:     column;
--goal-scorecard-scores-gap:     16px;
--goal-scorecard-scores-padding:     0;

--goal-scorecard-scores-flex-direction-m:     row;
--goal-scorecard-scores-gap-m:     16px;
--goal-scorecard-scores-padding-m:     0;

--goal-scorecard-scores-flex-direction-l:     row;
--goal-scorecard-scores-gap-l:     16px;
--goal-scorecard-scores-padding-l:     0;

/* Score item container */     
--goal-scorecard-score-item-flex-direction:     row;
--goal-scorecard-score-item-gap:     16px;
--goal-scorecard-score-item-padding:     0;

--goal-scorecard-score-item-flex-direction-m:     column;
--goal-scorecard-score-item-gap-m:     8px;
--goal-scorecard-score-item-padding-m:     0;

--goal-scorecard-score-item-flex-direction-l:     column;
--goal-scorecard-score-item-gap-l:     8px;
--goal-scorecard-score-item-padding-l:     0;

/* Score item label */     
--goal-scorecard-score-item-label-colour:     var(--meta-swatch-mono-1);
--goal-scorecard-score-item-label-font-family:     'inter';
--goal-scorecard-score-item-label-font-size:     12px;
--goal-scorecard-score-item-label-font-weight:     normal;
--goal-scorecard-score-item-label-font-style:     normal;
--goal-scorecard-score-item-label-line-height:     1.3;
--goal-scorecard-score-item-label-letter-spacing:     0;
--goal-scorecard-score-item-label-text-transform:     none;
--goal-scorecard-score-item-label-text-align:     left;
--goal-scorecard-score-item-label-text-align-m:     center;
--goal-scorecard-score-item-label-text-align-l:     center;

/* Label off state overrides */     
--goal-scorecard-score-item-label-colour-off:     var(--meta-swatch-mono-2);
--goal-scorecard-score-item-label-font-weight-off:     normal;

/* Score indicator layout */     
--goal-scorecard-indicator-height:     8px;
--goal-scorecard-indicator-width:     56px;
--goal-scorecard-indicator-width-m:     100%;
--goal-scorecard-indicator-width-l:     100%;
--goal-scorecard-indicator-padding:     0;
--goal-scorecard-indicator-border-radius:     4px;

--goal-scorecard-indicator-icon-display:     none;

/* Score indicator ON */     
--goal-scorecard-indicator-background-on:     var(--meta-swatch-colour-1);
--goal-scorecard-indicator-border-on:     none;
--goal-scorecard-indicator-box-shadow-on:     none;


/* Score indicator off */     
--goal-scorecard-indicator-background-off:     var(--meta-swatch-mono-5);
--goal-scorecard-indicator-border-off:     1px solid var(--meta-swatch-mono-3);
--goal-scorecard-indicator-box-shadow-off:     none;


/* Update container */     
--goals-scores-update-flex-direction:     column;
--goals-scores-update-gap:     12px;
--goals-scores-update-padding:     24px 0 0 0;
--goal-scores-update-align-items:     center;

--goals-scores-update-flex-direction-m:     row;
--goals-scores-update-padding-m:     32px 0 0 0;
--goal-scores-update-align-items-m:     center;
--goal-scores-update-justify-content-m:     space-between;

--goals-scores-update-flex-direction-l:     row;
--goals-scores-update-padding-l:     32px 0 0 0;
--goal-scores-update-align-items-l:     center;
--goal-scores-update-justify-content-l:     space-between;

/* Update label */     
--goal-scorecard-update-label-colour:     var(--meta-swatch-mono-2);
--goal-scorecard-update-label-font-family:     'inter';
--goal-scorecard-update-label-font-size:     12px;
--goal-scorecard-update-label-font-weight:     normal;
--goal-scorecard-update-label-font-style:     normal;
--goal-scorecard-update-label-line-height:     1.2;
--goal-scorecard-update-label-letter-spacing:     0;
--goal-scorecard-update-label-text-transform:     none;
--goal-scorecard-update-label-text-align:     center;
--goal-scorecard-update-label-text-align-m:     left;
--goal-scorecard-update-label-text-align-l:     left;


/* Healthscore Widget */     

/* High Priority Goals Widget */     

/* Block container */     
--hpgoals-padding:     64px 0;
--hpgoals-background:     var(--meta-swatch-mono-5);

/* Content container */     
--hpgoals-content-padding:     0 0 24px 0;

/* Header container */     
--hpgoals-header-gap:     4px;
--hpgoals-header-gap-m:     8px;
--hpgoals-header-gap-l:     8px;

/* Heading */     
--hpgoals-heading-colour:     var(--meta-swatch-mono-1);
--hpgoals-heading-font-size:     24px;
--hpgoals-heading-font-family:     'vm-loop';
--hpgoals-heading-font-weight:     normal;
--hpgoals-heading-font-style:     normal;
--hpgoals-heading-line-height:     1.2;
--hpgoals-heading-letter-spacing:     0;
--hpgoals-heading-text-transform:     none;

/* Sub heading */     
--hpgoals-sub-heading-colour:     var(--meta-swatch-mono-2);
--hpgoals-sub-heading-font-size:     16px;
--hpgoals-sub-heading-font-family:     'inter';
--hpgoals-sub-heading-font-weight:     normal;
--hpgoals-sub-heading-font-style:     normal;
--hpgoals-sub-heading-line-height:     1.2;
--hpgoals-sub-heading-letter-spacing:     0;
--hpgoals-sub-heading-text-transform:     none;

/* Button container */     


/* Home Buying Options Result */     

/* Home Buying Readiness Result */     

/* Inflation Poll Result */     

/* Heading */     

/* Description */     

/* Label */     

/* Card container */     

/* Card heading */     

/* Card label */     

/* Card value today */     

/* Card value future */     

/* Value colour overrides */     


/* Investor Persona */     

/* Content container */     




/* Words container */     

/* Heading */     



/* Title */     



/* Description */     

/* Image */     


/* 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 */     

/* Part time and pension impact Result */     
/* Sticky */     

/* Detail contains Comparison and Expenditure */     

/* Comparison text */     

/* Expenditure container */     

/* Body */     

/* Table grid */     

/* Table breakdown */     

/* Informer overrides */     

/* Wheels container */     


/* Positive Impact Widget */     

/* Block container */     
--pos-impact-padding:     32px 16px;
--pos-impact-padding-m:     48px 0;
--pos-impact-padding-l:     64px 0;

/* Content container */     


/* Points breakdown*/     







/* Profile Result */     





 --profile-result-button-justify-content:     ;

/* Profile Widget */     

/* Block container */     

/* My profile heading (My profile) */     

/* My profile current */     

/* My profile current heading */     

/* My profile card - ON */     

/* My profile card header container */     

/* My profile card heading  */     

/* My profile card icon */     

/* My profile card body text */     

/* My profile card - OFF */     

/* My profile card header container */     

/* My profile card heading  */     

/* My profile card icon */     

/* My profile card body text */     

/* Other profiles container */     

/* Other profiles accordion item */     
/* Header container */     

/* Text container */     



/* Accordion icon */     

/* Image */     

/* Body container */     


/* Property Breakdown */     

/* Container */     

/* Header */     

/* Heading */     

/* Row */     

/* Row label */     

/* Row value */     

/* Property Goal Result */     

/* Block Container */     

/* Inner container */     

/* Breakdown block */     

/* Input container */     


/* Data row */     

/* Input group container */     



/* Property Goal Widget (Road) */     

/* Container */     

/* Content Container */     

/* Header Container */     

/* Body Container */     

/* Heading */     

/* Heading */     























/* Property Goal Widget (progress bar) */     

/* Container */     

/* Heading */     

/* Dataviz */     

/* Progress bar */     

/* Progress bar value */     

/* Savings table */     

/* Savings item */     


/* 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 */     



/*  Sus scores widget */     

/* Main block */     
--sus-scores-padding:     16px 0 32px 0;
--sus-scores-padding-m:     24px 0 64px 0;
--sus-scores-padding-l:     24px 0 64px 0;
--sus-scores-gap:     16px;
--sus-scores-gap-m:     24px;
--sus-scores-gap-l:     24px;
--sus-scores-background:     var(--meta-swatch-colour-8);

/* Cards */     
--sus-scores-cards-padding:     0;
--sus-scores-cards-padding-m:     0;
--sus-scores-cards-padding-l:     0;
--sus-scores-cards-gap:     16px;
--sus-scores-cards-gap-m:     24px;
--sus-scores-cards-gap-l:     24px;
--sus-scores-cards-background:     transparent;
--sus-scores-cards-border:     none;
--sus-scores-cards-border-radius:     0;
--sus-scores-cards-box-shadow:     none;

/* Card */     
--sus-scores-card-padding:     16px;
--sus-scores-card-padding-m:     16px;
--sus-scores-card-padding-l:     16px;
--sus-scores-card-gap:     16px;
--sus-scores-card-gap-m:     16px;
--sus-scores-card-gap-l:     16px;
--sus-scores-card-background:     var(--meta-swatch-mono-5);
--sus-scores-card-border:     none;
--sus-scores-card-border-radius:     0;
--sus-scores-card-box-shadow:     0 4px 16px 0 rgba(0, 0, 0, 0.08);

/* Card heading */     
--sus-scores-card-heading-color:     var(--meta-swatch-colour-1);
--sus-scores-card-heading-font-size:     var(--typo-h-medium-font-size);
--sus-scores-card-heading-font-size-m:     var(--typo-h-medium-font-size);
--sus-scores-card-heading-font-size-l:     var(--typo-h-medium-font-size);
--sus-scores-card-heading-font-family:     var(--typo-h-medium-font-face);
--sus-scores-card-heading-font-weight:     var(--typo-h-medium-font-weight);
--sus-scores-card-heading-font-style:     var(--typo-h-medium-font-style);
--sus-scores-card-heading-line-height:     var(--typo-h-medium-line-height);
--sus-scores-card-heading-letter-spacing:     var(--typo-h-medium-letter-spacing);
--sus-scores-card-heading-text-transform:     var(--typo-h-medium-text-transform);
--sus-scores-card-heading-text-align:     var(--typo-h-medium-text-align);

/* Overall score card */     
--sus-scores-overall-donut-whole-color:     #fafafa;
--sus-scores-overall-donut-value-user-color:     var(--meta-swatch-colour-1);
--sus-scores-overall-donut-value-sector-color:     var(--meta-swatch-colour-7);

/* Overall score value */     
--sus-scores-overall-value-color:     var(--typo-data-3xl-colour);
--sus-scores-overall-value-font-size:     64px;
--sus-scores-overall-value-font-size-m:     64px;
--sus-scores-overall-value-font-size-l:     64px;
--sus-scores-overall-value-font-family:     var(--typo-data-3xl-font-face);
--sus-scores-overall-value-font-weight:     var(--typo-data-3xl-font-weight);
--sus-scores-overall-value-font-style:     var(--typo-data-3xl-font-style);
--sus-scores-overall-value-line-height:     var(--typo-data-3xl-line-height);
--sus-scores-overall-value-letter-spacing:     var(--typo-data-3xl-letter-spacing);
--sus-scores-overall-value-text-transform:     var(--typo-data-3xl-text-transform);
--sus-scores-overall-value-text-align:     var(--typo-data-3xl-text-align);

/* Overall score legend */     
--sus-scores-overall-legend-color:     var(--typo-data-label-2xs-colour);
--sus-scores-overall-legend-font-size:     var(--typo-data-label-2xs-font-size);
--sus-scores-overall-legend-font-size-m:     var(--typo-data-label-2xs-font-size);
--sus-scores-overall-legend-font-size-l:     var(--typo-data-label-2xs-font-size);
--sus-scores-overall-legend-font-family:     var(--typo-data-label-2xs-font-face);
--sus-scores-overall-legend-font-weight:     var(--typo-data-label-2xs-font-weight);
--sus-scores-overall-legend-font-style:     var(--typo-data-label-2xs-font-style);
--sus-scores-overall-legend-line-height:     var(--typo-data-label-2xs-line-height);
--sus-scores-overall-legend-letter-spacing:     var(--typo-data-label-2xs-letter-spacing);
--sus-scores-overall-legend-text-transform:     var(--typo-data-label-2xs-text-transform);
--sus-scores-overall-legend-text-align:     var(--typo-data-label-2xs-text-align);

/* Overall score timestamp */     
--sus-scores-timestamp-color:     var(--typo-data-label-m-colour);
--sus-scores-timestamp-font-size:     var(--typo-data-label-m-font-size);
--sus-scores-timestamp-font-size-m:     var(--typo-data-label-m-font-size);
--sus-scores-timestamp-font-size-l:     var(--typo-data-label-m-font-size);
--sus-scores-timestamp-font-family:     var(--typo-data-label-m-font-face);
--sus-scores-timestamp-font-weight:     var(--typo-data-label-m-font-weight);
--sus-scores-timestamp-font-style:     var(--typo-data-label-m-font-style);
--sus-scores-timestamp-line-height:     var(--typo-data-label-m-line-height);
--sus-scores-timestamp-letter-spacing:     var(--typo-data-label-m-letter-spacing);
--sus-scores-timestamp-text-transform:     var(--typo-data-label-m-text-transform);
--sus-scores-timestamp-text-align:     var(--typo-data-label-m-text-align);

/* Breakdown info icon */     
--sus-scores-breakdown-icon-size:     24px;
--sus-scores-breakdown-icon-fill:     var(--meta-swatch-mono-1);

/* Breakdown scores */     
--sus-scores-breakdown-scores-gap:     16px;

/* Break down score row */     
--sus-scores-breakdown-score-row-padding:     8px 0;

/* Breakdown score row label */     
--sus-scores-breakdown-label-color:     var(--typo-data-label-l-colour);
--sus-scores-breakdown-label-font-size:     var(--typo-data-label-l-font-size);
--sus-scores-breakdown-label-font-size-m:     var(--typo-data-label-l-font-size);
--sus-scores-breakdown-label-font-size-l:     var(--typo-data-label-l-font-size);
--sus-scores-breakdown-label-font-family:     var(--typo-data-label-l-font-face);
--sus-scores-breakdown-label-font-weight:     var(--typo-data-label-l-font-weight);
--sus-scores-breakdown-label-font-style:     var(--typo-data-label-l-font-style);
--sus-scores-breakdown-label-line-height:     var(--typo-data-label-l-line-height);
--sus-scores-breakdown-label-letter-spacing:     var(--typo-data-label-l-letter-spacing);
--sus-scores-breakdown-label-text-transform:     var(--typo-data-label-l-text-transform);
--sus-scores-breakdown-label-text-align:     var(--typo-data-label-l-text-align);

/* Breakdown score row value */     
--sus-scores-breakdown-value-color:     var(--typo-data-3xl-colour);
--sus-scores-breakdown-value-font-size:     var(--typo-data-3xl-font-size);
--sus-scores-breakdown-value-font-size-m:     var(--typo-data-3xl-font-size);
--sus-scores-breakdown-value-font-size-l:     var(--typo-data-3xl-font-size);
--sus-scores-breakdown-value-font-family:     var(--typo-data-3xl-font-face);
--sus-scores-breakdown-value-font-weight:     var(--typo-data-3xl-font-weight);
--sus-scores-breakdown-value-font-style:     var(--typo-data-3xl-font-style);
--sus-scores-breakdown-value-line-height:     var(--typo-data-3xl-line-height);
--sus-scores-breakdown-value-letter-spacing:     var(--typo-data-3xl-letter-spacing);
--sus-scores-breakdown-value-text-transform:     var(--typo-data-3xl-text-transform);
--sus-scores-breakdown-value-text-align:     var(--typo-data-3xl-text-align);

/* Breakdown score buttons */     
--sus-scores-breakdown-buttons-gap:     8px;

/* Message */     
--sus-scores-history-message-padding:     0;
--sus-scores-history-message-gap:     8px;

/* Message icon */     
--sus-scores-history-message-icon-padding:     8px;
--sus-scores-history-message-icon-border-radius:     50%;
--sus-scores-history-message-icon-background:     var(--meta-swatch-colour-5);
--sus-scores-history-message-icon-icon-size:     24px;
--sus-scores-history-message-icon-icon-fill:     var(--meta-swatch-colour-8);

/* Message label */     
--sus-scores-history-message-label-color:     var(--typo-p-small-colour);
--sus-scores-history-message-label-font-size:     var(--typo-p-small-font-size);
--sus-scores-history-message-label-font-size-m:     var(--typo-p-small-font-size);
--sus-scores-history-message-label-font-size-l:     var(--typo-p-small-font-size);
--sus-scores-history-message-label-font-family:     var(--typo-p-small-font-face);
--sus-scores-history-message-label-font-weight:     var(--typo-p-small-font-weight);
--sus-scores-history-message-label-font-style:     var(--typo-p-small-font-style);
--sus-scores-history-message-label-line-height:     var(--typo-p-small-line-height);
--sus-scores-history-message-label-letter-spacing:     var(--typo-p-small-letter-spacing);
--sus-scores-history-message-label-text-transform:     var(--typo-p-small-text-transform);
--sus-scores-history-message-label-text-align:     var(--typo-p-small-text-align);

/* Score history rows */     
--sus-scores-history-rows-padding:     0;
--sus-scores-history-rows-gap:     12px;

/* Score history row label */     
--sus-scores-history-row-label-width:     50px;
--sus-scores-history-row-label-color:     var(--typo-data-label-2xs-colour);
--sus-scores-history-row-label-font-size:     var(--typo-data-label-2xs-font-size);
--sus-scores-history-row-label-font-size-m:     var(--typo-data-label-2xs-font-size);
--sus-scores-history-row-label-font-size-l:     var(--typo-data-label-2xs-font-size);
--sus-scores-history-row-label-font-family:     var(--typo-data-label-2xs-font-face);
--sus-scores-history-row-label-font-weight:     var(--typo-data-label-2xs-font-weight);
--sus-scores-history-row-label-font-style:     var(--typo-data-label-2xs-font-style);
--sus-scores-history-row-label-line-height:     var(--typo-data-label-2xs-line-height);
--sus-scores-history-row-label-letter-spacing:     var(--typo-data-label-2xs-letter-spacing);
--sus-scores-history-row-label-text-transform:     var(--typo-data-label-2xs-text-transform);
--sus-scores-history-row-label-text-align:     var(--typo-data-label-2xs-text-align);

/* Score history row value */     
--sus-scores-history-row-value-width:     60px;
--sus-scores-history-row-value-color:     var(--typo-data-xl-colour);
--sus-scores-history-row-value-font-size:     var(--typo-data-xl-font-size);
--sus-scores-history-row-value-font-size-m:     var(--typo-data-xl-font-size);
--sus-scores-history-row-value-font-size-l:     var(--typo-data-xl-font-size);
--sus-scores-history-row-value-font-family:     var(--typo-data-xl-font-face);
--sus-scores-history-row-value-font-weight:     var(--typo-data-xl-font-weight);
--sus-scores-history-row-value-font-style:     var(--typo-data-xl-font-style);
--sus-scores-history-row-value-line-height:     var(--typo-data-xl-line-height);
--sus-scores-history-row-value-letter-spacing:     var(--typo-data-xl-letter-spacing);
--sus-scores-history-row-value-text-transform:     var(--typo-data-xl-text-transform);
--sus-scores-history-row-value-text-align:     var(--typo-data-xl-text-align);

/* Score history row bar */     
--sus-scores-history-row-bar-whole-background:     var(--meta-swatch-mono-4);
--sus-scores-history-row-bar-whole-border-radius:     6px;
--sus-scores-history-row-bar-value-background:     var(--meta-swatch-colour-1);
--sus-scores-history-row-bar-value-border-radius:     0;
--sus-scores-history-row-bar-height:     32px;


/*  Target card */     

/* Main Wrapper */     
--target-card-widget-wrapper-padding:     16px 0;
--target-card-widget-wrapper-padding-m:     32px 0;
--target-card-widget-wrapper-padding-l:     40px 0;

/* Card container */     
--target-card-container-background:     var(--meta-swatch-mono-5);
--target-card-container-border-radius:     0;
--target-card-container-padding:     16px;
--target-card-container-padding-m:     24px;
--target-card-container-padding-l:     24px;
--target-card-container-gap:     16px;
--target-card-container-gap-m:     16px;
--target-card-container-gap-l:     16px;

/* Header */     

/* Header - Scores */     

/* Header - Score Item */     

/* Header - Score Circle */     

/* Header - Score Circle Value */     
--target-card-score-circle-value-color:     var(--meta-swatch-mono-1);
--target-card-score-circle-value-font-size:     38px;
--target-card-score-circle-value-font-size-m:     38px;
--target-card-score-circle-value-font-size-l:     38px;
--target-card-score-circle-value-font-family:     'vm-sans';
--target-card-score-circle-value-font-weight:     700;
--target-card-score-circle-value-font-style:     normal;
--target-card-score-circle-value-line-height:     1;
--target-card-score-circle-value-letter-spacing:     none;
--target-card-score-circle-value-text-transform:     none;
--target-card-score-circle-value-text-align:     center;
--target-card-score-circle-value-text-shadow:     none;
--target-card-score-circle-value-text-decoration:     none;

/* Header - Score Circle Label */     
--target-card-score-circle-label-color:     var(--meta-swatch-mono-1);
--target-card-score-circle-label-font-size:     16px;
--target-card-score-circle-label-font-size-m:     19px;
--target-card-score-circle-label-font-size-l:     19px;
--target-card-score-circle-label-font-family:     'vm-sans';
--target-card-score-circle-label-font-weight:     700;
--target-card-score-circle-label-font-style:     normal;
--target-card-score-circle-label-line-height:     1;
--target-card-score-circle-label-letter-spacing:     none;
--target-card-score-circle-label-text-transform:     none;
--target-card-score-circle-label-text-align:     center;
--target-card-score-circle-label-text-shadow:     none;
--target-card-score-circle-label-text-decoration:     none;

/* Header - Score Arrow */     

/* Body - Option Items */     

/* Body - List Item */     

/* Body - View Item */     

/* Body - View Item Value */     
--target-card-view-item-value-size:     24px;
--target-card-view-item-value-border-radius:     50%;

--target-card-view-item-value-font-weight:     500;
--target-card-view-item-value-color:     var(--meta-swatch-mono-1);
--target-card-view-item-value-background:     var(--meta-swatch-mono-5);
--target-card-view-item-value-border:     1px solid var(--meta-swatch-mono-3);

--target-card-view-item-value-target-font-weight:     500;
--target-card-view-item-value-target-color:     var(--meta-swatch-mono-1);
--target-card-view-item-value-target-background:     var(--meta-swatch-mono-5);
--target-card-view-item-value-target-border:     1px solid var(--meta-swatch-colour-8);

--target-card-view-item-value-active-font-weight:     700;
--target-card-view-item-value-active-color:     var(--meta-swatch-mono-1);
--target-card-view-item-value-active-background:     var(--meta-swatch-colour-8);
--target-card-view-item-value-active-border:     none;

--target-card-view-item-value-color:     var(--meta-swatch-mono-1);
--target-card-view-item-value-font-size:     16px;
--target-card-view-item-value-font-size-m:     16px;
--target-card-view-item-value-font-size-l:     16px;
--target-card-view-item-value-font-family:     'vm-sans';
--target-card-view-item-value-font-weight:     700;
--target-card-view-item-value-font-style:     normal;
--target-card-view-item-value-line-height:     1;
--target-card-view-item-value-letter-spacing:     none;
--target-card-view-item-value-text-transform:     none;
--target-card-view-item-value-text-align:     left;
--target-card-view-item-value-text-shadow:     none;
--target-card-view-item-value-text-decoration:     none;

/* Body - View Item Label */     
--target-card-view-item-label-color:     var(--meta-swatch-mono-1);
--target-card-view-item-label-font-size:     16px;
--target-card-view-item-label-font-size-m:     16px;
--target-card-view-item-label-font-size-l:     16px;
--target-card-view-item-label-font-family:     'vm-sans';
--target-card-view-item-label-font-weight:     500;
--target-card-view-item-label-font-weight-current:     700;
--target-card-view-item-label-font-style:     normal;
--target-card-view-item-label-line-height:     1;
--target-card-view-item-label-letter-spacing:     none;
--target-card-view-item-label-text-transform:     none;
--target-card-view-item-label-text-align:     left;
--target-card-view-item-label-text-shadow:     none;
--target-card-view-item-label-text-decoration:     none;

/* Body - Target Badge */     
--target-card-badge-background:     var(--meta-swatch-colour-8);
--target-card-badge-padding:     10px 12px;
--target-card-badge-gap:     8px;
--target-card-badge-border-radius:     none;
--target-card-badge-padding-m:     10px 12px;
--target-card-badge-gap-m:     8px;
--target-card-badge-padding-l:     10px 12px;
--target-card-badge-gap-l:     8px;
--target-card-badge-icon-size:     12px;
--target-card-badge-icon-color:     var(--meta-swatch-mono-1);

--target-card-badge-label-color:     var(--meta-swatch-mono-1);
--target-card-badge-label-font-size:     10px;
--target-card-badge-label-font-size-m:     10px;
--target-card-badge-label-font-size-l:     10px;
--target-card-badge-label-font-family:     'inter';
--target-card-badge-label-font-weight:     800;
--target-card-badge-label-font-style:     normal;
--target-card-badge-label-line-height:     1;
--target-card-badge-label-letter-spacing:     none;
--target-card-badge-label-text-transform:     none;
--target-card-badge-label-text-align:     left;
--target-card-badge-label-text-shadow:     none;
--target-card-badge-label-text-decoration:     none;

/* Body - Form/Inputs */     

/* Footer */     

/* Footer - Info Footer */     

/* Footer - Info Text */     
--target-card-footer-info-text-color:     var(--meta-swatch-mono-2);
--target-card-footer-info-text-font-size:     13px;
--target-card-footer-info-text-font-size-m:     13px;
--target-card-footer-info-text-font-size-l:     13px;
--target-card-footer-info-text-font-family:     'inter';
--target-card-footer-info-text-font-weight:     800;
--target-card-footer-info-text-font-style:     normal;
--target-card-footer-info-text-line-height:     1;
--target-card-footer-info-text-letter-spacing:     none;
--target-card-footer-info-text-text-transform:     none;
--target-card-footer-info-text-text-align:     left;
--target-card-footer-info-text-text-shadow:     none;
--target-card-footer-info-text-text-decoration:     none;


/* Uni Savings Result */     

/* Dataviz */     
/* Heading */     


/* Sticky */     

/* Total */     

/* Total value */     

/* Total label */     

/* Bar container */     

/* Bar */     

/* Legend */     




/* Cards */     





/* Info */     



/* Adjust your answers */     

/* Segmented button and wheels container */     


/* Wheel */     

/* Uni Modal */     

/* Uni Modal Values container */     

/* Values */     



/* Chart */     

/* Labels */     


/* VM */     

/* VM What's In Reach dataviz */     

--vm-wir-dataviz-label-colour:     var(--meta-swatch-mono-2);
--vm-wir-dataviz-label-face:     'inter';
--vm-wir-dataviz-label-size-s:     12px;
--vm-wir-dataviz-label-weight:     normal;
--vm-wir-dataviz-label-line-height:     1.2;
--vm-wir-dataviz-label-letter-spacing:     0;
--vm-wir-dataviz-label-text-transform:     none;

--vm-wir-dataviz-output-colour:     var(--meta-swatch-mono-1);
--vm-wir-dataviz-output-face:     'inter';
--vm-wir-dataviz-output-size-s:     17px;
--vm-wir-dataviz-output-weight:     normal;
--vm-wir-dataviz-output-line-height:     1.2;
--vm-wir-dataviz-output-letter-spacing:     0;
--vm-wir-dataviz-output-text-transform:     none;

--vm-wir-dataviz-icon-colour:     var(--meta-swatch-mono-1);
--vm-wir-dataviz-icon-size:     24px;
--vm-wir-dataviz-keyline:     1px solid var(--meta-swatch-mono-3);


/* VM plan breakdown */     

--vm-plan-breakdown-bg-colour:     var(--meta-swatch-mono-4);
--vm-plan-breakdown-card-bg-colour:     var(--meta-swatch-mono-5);
--vm-plan-breakdown-card-border-radius:     4px;
--vm-plan-breakdown-card-box-shadow:     0px 4px 16px rgba(0, 0, 0, 0.08);

--vm-plan-breakdown-card-heading-face:     'vm-sans';
--vm-plan-breakdown-card-heading-colour:     var(--meta-swatch-mono-1);
--vm-plan-breakdown-card-heading-size:     17px;
--vm-plan-breakdown-card-heading-weight:     400;

--vm-plan-breakdown-card-value-face:     'inter';
--vm-plan-breakdown-card-value-colour:     var(--meta-swatch-mono-1);
--vm-plan-breakdown-card-value-size:     24px;
--vm-plan-breakdown-card-valiue-weight:     bold;

--vm-plan-breakdown-card-link-face:     'inter';
--vm-plan-breakdown-card-link-colour:     var(--meta-swatch-colour-1);
--vm-plan-breakdown-card-link-size:     14px;
--vm-plan-breakdown-card-link-weight:     normal;

--vm-plan-breakdown-toggle-open-icon-colour:     var(--meta-swatch-colour-1);
--vm-plan-breakdown-toggle-close-icon-colour:     var(--meta-swatch-mono-1);


/* VM plan dataviz */     

--vm-plan-dataviz-bg-colour:     var(--meta-swatch-colour-5);
--vm-plan-dataviz-text-colour:     var(--meta-swatch-mono-5);
--vm-plan-dataviz-keyline:     1px solid rgba(var(--meta-swatch-light-4));

--vm-plan-dataviz-heading-face:     'vm-sans';
--vm-plan-dataviz-heading-size:     21px;
--vm-plan-dataviz-heading-weight:     400;

--vm-plan-dataviz-sub-heading-face:     'vm-sans';
--vm-plan-dataviz-sub-heading-size:     16px;
--vm-plan-dataviz-sub-heading-weight:     400;

--vm-plan-dataviz-value-face:     'inter';
--vm-plan-dataviz-value-size:     24px;
--vm-plan-dataviz-value-weight:     bold;

--vm-plan-dataviz-target-face:     'inter';
--vm-plan-dataviz-target-size:     14px;
--vm-plan-dataviz-target-weight:     normal;

--vm-plan-dataviz-remaining-face:     'inter';
--vm-plan-dataviz-remaining-size:     15px;
--vm-plan-dataviz-remaining-weight:     normal;
--vm-plan-dataviz-remaining-value-weight:     bold;

--vm-plan-dataviz-donut-whole-colour:     rgba(255, 255, 255, 0.16);
--vm-plan-dataviz-donut-value-colour:     var(--meta-swatch-colour-7);


/* VM plan widget */     

--vm-plan-widget-bg-colour:     var(--meta-swatch-colour-5);
--vm-plan-widget-text-colour:     var(--meta-swatch-mono-5);

--vm-plan-widget-heading-face:     'vm-sans';
--vm-plan-widget-heading-size:     22px;
--vm-plan-widget-heading-weight:     normal;

--vm-plan-widget-card-bg-colour:     var(--meta-swatch-mono-5);
--vm-plan-widget-card-border-radius:     8px;
--vm-plan-widget-card-box-shadow:     none;

--vm-plan-widget-card-heading-face:     'vm-sans';
--vm-plan-widget-card-heading-colour:     var(--meta-swatch-mono-1);
--vm-plan-widget-card-heading-size:     20px;
--vm-plan-widget-card-heading-weight:     normal;

--vm-plan-widget-card-value-face:     'inter';
--vm-plan-widget-card-value-colour:     var(--meta-swatch-mono-1);
--vm-plan-widget-card-value-size:     24px;
--vm-plan-widget-card-value-weight:     bold;

--vm-plan-widget-target--face:     'inter';
--vm-plan-widget-target-colour:     var(--meta-swatch-mono-2);
--vm-plan-widget-target-size:     17px;
--vm-plan-widget-target-weight:     normal;

--vm-plan-widget-remaining-face:     'inter';
--vm-plan-widget-remaining-colour:     var(--meta-swatch-mono-2);
--vm-plan-widget-remaining-size:     17px;
--vm-plan-widget-remaining-weight:     normal;
--vm-plan-widget-remaining-value-weight:     bold;

--vm-plan-widget-donut-whole-colour:     rgba(var(--meta-swatch-dark-3));
--vm-plan-widget-donut-value-colour:     var(--meta-swatch-colour-7);


/* VM plan page header */     

--vm-plan-widget-page-header-data-size:     27px;
--vm-plan-widget-page-header-data-weight:     bold;


/* VM points card */     

--vm-points-bg-colour:     var(--meta-swatch-colour-9);
--vm-points-bg-image-url:     url(/config/images/lifescore-card-bg.svg);
--vm-points-bg-image-repeat:     no-repeat;
--vm-points-bg-image-size:     100% auto;
--vm-points-bg-image-position:     left top;
--vm-points-border-radius:     12px;
--vm-points-padding:     75px 16px 32px 16px;



/* VM points widget */     

--vm-points-card-label-colour:     var(--meta-swatch-mono-5);
--vm-points-card-label-font-family:     'inter';
--vm-points-card-label-font-size:     12px;
--vm-points-card-label-font-weight:     normal;
--vm-points-card-label-font-style:     normal;
--vm-points-card-label-line-height:     1.2;
--vm-points-card-label-letter-spacing:     0;
--vm-points-card-label-text-transform:     none;

--vm-points-data-value-colour:     var(--meta-swatch-mono-5);
--vm-points-data-value-font-family:     'vm-sans';
--vm-points-data-value-font-size:     30px;
--vm-points-data-value-font-weight:     normal;
--vm-points-data-value-font-style:     normal;
--vm-points-data-value-line-height:     1.2;
--vm-points-data-value-letter-spacing:     0;
--vm-points-data-value-text-transform:     none;

--vm-points-data-label-colour:     var(--meta-swatch-mono-5);
--vm-points-data-label-font-family:     'vm-sans';
--vm-points-data-label-font-size:     19px;
--vm-points-data-label-font-weight:     normal;
--vm-points-data-label-font-style:     normal;
--vm-points-data-label-line-height:     1.2;
--vm-points-data-label-letter-spacing:     0;
--vm-points-data-label-text-transform:     none;

--vm-points-target-label-colour:     var(--meta-swatch-mono-5);
--vm-points-target-label-font-family:     'inter';
--vm-points-target-label-font-size:     12px;
--vm-points-target-label-font-weight:     normal;
--vm-points-target-label-font-style:     normal;
--vm-points-target-label-line-height:     1.2;
--vm-points-target-label-letter-spacing:     0;
--vm-points-target-label-text-transform:     none;

--vm-points-donut-value-colour:     var(--meta-swatch-mono-5);
--vm-points-donut-value-font-family:     'vm-sans';
--vm-points-donut-value-font-size:     24px;
--vm-points-donut-value-font-weight:     normal;
--vm-points-donut-value-font-style:     normal;
--vm-points-donut-value-line-height:     1.2;
--vm-points-donut-value-letter-spacing:     0;
--vm-points-donut-value-text-transform:     none;

--vm-points-donut-suffix-colour:     var(--meta-swatch-mono-5);
--vm-points-donut-suffix-font-family:     'vm-sans';
--vm-points-donut-suffix-font-size:     17px;
--vm-points-donut-suffix-font-weight:     normal;
--vm-points-donut-suffix-font-style:     normal;
--vm-points-donut-suffix-line-height:     1.2;
--vm-points-donut-suffix-letter-spacing:     0;
--vm-points-donut-suffix-text-transform:     none;

--vm-points-donut-whole-colour:     rgba(105, 225, 230, 0.3);
--vm-points-donut-progress-colour:     #69E1E6;
--vm-points-donut-size:     88px;


/* VM product prompt */     

--vm-product-prompt-padding:     16px;

--vm-product-prompt-bg-colour:     var(--meta-swatch-colour-9);
--vm-product-prompt-bg-image-url:     url('/config/images/bg-tile.svg');
--vm-product-prompt-bg-image-repeat:     repeat-y;
--vm-product-prompt-bg-image-position:     right top;

--vm-product-prompt-heading-colour:     var(--meta-swatch-mono-5);
--vm-product-prompt-heading-font-face:     'vm-sans';
--vm-product-prompt-heading-font-size:     30px;
--vm-product-prompt-heading-font-weight:     bold;
--vm-product-prompt-heading-font-style:     normal;
--vm-product-prompt-heading-letter-spacing:     0;
--vm-product-prompt-heading-line-height:     1.2;
--vm-product-prompt-heading-text-transform:     none;

--vm-product-prompt-par-colour:     var(--meta-swatch-mono-5);
--vm-product-prompt-par-font-face:     'vm-sans';
--vm-product-prompt-par-font-size:     17px;
--vm-product-prompt-par-font-weight:     normal;
--vm-product-prompt-par-font-style:     normal;
--vm-product-prompt-par-letter-spacing:     0;
--vm-product-prompt-par-line-height:     1.4;
--vm-product-prompt-par-text-transform:     none;




/* FF */     

/* FF template heading overrides */     
--ff-heading-container-bg-colour:     #fafafa;
--ff-heading-container-padding:     24px 16px;


/* FF Messages spacer */     
--ff-message-spacer:     8px;


/* Goal Indicator */     

--ff-goal-indicator-bg-border-radius:      50%;
--ff-goal-indicator-bg-size:      24px;
--ff-goal-indicator-icon-size:      24px;

--ff-goal-indicator-off-color:      var(--meta-swatch-mono-5);
--ff-goal-indicator-off-bg-color:      var(--meta-swatch-mono-3);
--ff-goal-indicator-off-border:      none;

--ff-goal-indicator-on-color:      var(--meta-swatch-mono-1);
--ff-goal-indicator-on-bg-color:     var(--meta-swatch-colour-8);
--ff-goal-indicator-on-border:      none;

--ff-goal-indicator-gap:     4px;

/* Pursuit Indicator */     

--ff-pursuit-indicator-bg-size:     24px;
--ff-pursuit-indicator-bg-color:     var(--meta-swatch-colour-8);
--ff-pursuit-indicator-icon-size:     24px;
--ff-pursuit-indicator-icon-color:     var(--meta-swatch-mono-1);
--ff-pursuit-indicator-border:      none;
--ff-pursuit-indicator-border-radius:      50%;

--ff-pursuit-indicator-gap:     4px;


/* FF KPI Detail */     

/* Item */     
--ff-message-kpi-flex-direction:     row;
--ff-message-kpi-align-items:     flex-start;
--ff-message-kpi-justify-content:     flex-start;
--ff-message-kpi-spacer:     16px;

/* Icon */     
--ff-message-kpi-icon-margin:     0 16px 0 0;

/* Label */     
--ff-message-kpi-label-colour:     var(--meta-swatch-mono-1);
--ff-message-kpi-label-font-family:     'inter';
--ff-message-kpi-label-font-size:     17px;
--ff-message-kpi-label-font-weight:     normal;
--ff-message-kpi-label-font-style:     normal;
--ff-message-kpi-label-line-height:     1.2;
--ff-message-kpi-label-letter-spacing:     0;
--ff-message-kpi-label-text-transform:     none;
--ff-message-kpi-label-text-align:     left;
--ff-message-kpi-label-margin:     none;


/* Mortgage Passport */     

/* Container */     

/* Widget Wrapper */     

/* Item */     

/* Icon */     

/* Label */     

/* Value */     



















/* Sub blocks */     

/* Account info */     

/* Account info title */     

/* Account info sub title */     

/* Bar chart */     

/* Bar Chart Container */     

/* Bar Chart Legend */     








/* 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 */     
--grh-padding:     8px 0;
--grh-padding-m:     8px 0;
--grh-padding-l:     8px 0;
--grh-margin:     16px 0 0;
--grh-margin-m:     16px 0 0;
--grh-margin-l:     16px 0 0;
--grh-flex-direction:     column;
--grh-flex-direction-m:     row;
--grh-flex-direction-l:     row;
--grh-gap:     8px;
--grh-gap-m:     16px;
--grh-gap-l:     16px;

--grh-background:     transparent;
--grh-border:     none;
--grh-border-bottom:     1px solid var(--meta-swatch-mono-3);

/* Detail container */     
--grh-detail-width:     100%;
--grh-detail-width-m:     250px;
--grh-detail-width-l:     250px;

/* Icon */     
--grh-icon-size:     18px;
--grh-icon-color:     var(--meta-swatch-mono-2);

/* Label & Icon containers */     
--grh-label-containers-gap:     2px;

/* Labels */     
--grh-label-colour:     var(--meta-swatch-mono-2);
--grh-label-font-family:     var(--typo-data-label-s-font-face);
--grh-label-font-size:     var(--typo-data-label-s-font-size);
--grh-label-font-weight:     var(--typo-data-label-s-font-weight);
--grh-label-font-style:     var(--typo-data-label-s-font-style);
--grh-label-line-height:     var(--typo-data-label-s-line-height);
--grh-label-letter-spacing:     var(--typo-data-label-s-letter-spacing);
--grh-label-text-transform:     var(--typo-data-label-s-text-transform);



/* 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 */     

/* Translate numbers */     





/* Account tables */     

/* Account table heading */     






/* Icons */     

/* Keylines */     


/* Deposit Builder Confirmation */     

/* Container */     

/* Icon Container */     

/* Icon */     

/* Message */     

/* Deposit Builder Timeline */     

/* Container */     

/* Headings */     

/* Values */     

/* Lines */     


/* Goal row */     

/* Block container */     
--goal-row-flex-direction:     column;
--goal-row-padding:     16px 0;

--goal-row-flex-direction-m:     row;
--goal-row-padding-m:     24px 0;

--goal-row-flex-direction-l:     row;
--goal-row-padding-l:     24px 0;

--goal-row-border-bottom:     1px solid var(--meta-swatch-mono-3);
--goal-row-gap:     16px 16px;

/* Text container */     
--goal-row-text-gap:     6px;

/* Heading */     
--goal-row-heading-colour:     var(--meta-swatch-mono-1);
--goal-row-heading-font-size:     20px;
--goal-row-heading-font-family:     'vm-sans';
--goal-row-heading-font-weight:     500;
--goal-row-heading-font-style:     normal;
--goal-row-heading-line-height:     1.2;
--goal-row-heading-letter-spacing:     0;
--goal-row-heading-text-transform:     none;
--goal-row-heading-margin:     0 0 12px;
--goal-row-heading-margin-m:     0 0 12px;
--goal-row-heading-margin-l:     0 0 12px;

/* Sub Heading */     
--goal-row-sub-heading-colour:     var(--meta-swatch-mono-2);
--goal-row-sub-heading-font-size:     16px;
--goal-row-sub-heading-font-family:     'inter';
--goal-row-sub-heading-font-weight:     normal;
--goal-row-sub-heading-font-style:     normal;
--goal-row-sub-heading-line-height:     1.2;
--goal-row-sub-heading-letter-spacing:     0;
--goal-row-sub-heading-text-transform:     none;

/* Detail container */     
--goal-row-detail-gap-m:     40px;
--goal-row-detail-gap-l:     40px;
--goal-row-detail-justify-content:     space-between;
--goal-row-detail-justify-content-m:     center;
--goal-row-detail-justify-content-l:     center;

/* Score container */     
--goal-row-score-padding:     0;
--goal-row-score-gap:     4px;

/* Score & target group */     
--goal-row-score-target-group-gap:     4px;
--goal-row-score-target-group-padding:     0;

/* Target icon */     
--goal-row-target-icon-size:     12px;
--goal-row-target-icon-fill:     var(--meta-swatch-colour-1);

/* Low Priority container */     
--goal-row-lp-container-height:     32px;
--goal-row-lp-container-width:     96px;
--goal-row-lp-container-padding:     11px 0;
--goal-row-lp-container-background:     var(--meta-swatch-mono-3);
--goal-row-lp-container-border:     none;
--goal-row-lp-container-border-radius:     0;
--goal-row-lp-container-box-shadow:     none;

/* Low Priority label */     
--goal-row-lp-label-colour:     var(--meta-swatch-mono-1);
--goal-row-lp-label-font-size:     10px;
--goal-row-lp-label-font-family:     'inter';
--goal-row-lp-label-font-weight:     800;
--goal-row-lp-label-font-style:     normal;
--goal-row-lp-label-line-height:     1;
--goal-row-lp-label-letter-spacing:     0;
--goal-row-lp-label-text-transform:     uppercase;
--goal-row-lp-label-text-align:     center;

/* Action container */     
--goal-row-action-padding:     0;
--goal-row-action-gap:     12px;

/* Score indicator layout */     
--goal-row-score-indicator-padding:     0;
--goal-row-score-indicator-padding-m:     0;
--goal-row-score-indicator-padding-l:     0;
--goal-row-score-indicator-border-radius:     50%;
--goal-row-score-indicator-size:     24px;
--goal-row-score-indicator-icon-size:     24px;
--goal-row-score-indicator-gap:     4px;

/* Score indicator label */     
--goal-row-score-indicator-label-font-size:     16px;
--goal-row-score-indicator-label-font-family:     'vm-sans';
--goal-row-score-indicator-label-font-weight:     700;
--goal-row-score-indicator-label-font-style:     normal;
--goal-row-score-indicator-label-line-height:     1;
--goal-row-score-indicator-label-text-align:     center;

/* Score indicator On (Reached) */     
--goal-row-score-indicator-background-on:     var(--meta-swatch-colour-8);
--goal-row-score-indicator-border-on:     none;
--goal-row-score-indicator-box-shadow-on:     none;
--goal-row-score-indicator-icon-color-on:     transparent;
--goal-row-score-indicator-icon-label-color-on:     var(--meta-swatch-colour-5);

/* Score indicator OFF (Not reached) */     
--goal-row-score-indicator-background-off:     transparent;
--goal-row-score-indicator-border-off:     1px solid var(--meta-swatch-mono-3);
--goal-row-score-indicator-box-shadow-off:     none;
--goal-row-score-indicator-icon-color-off:     transparent;
--goal-row-score-indicator-icon-label-color-off:     var(--meta-swatch-mono-2);

/* Score indicator TARGET */     
--goal-row-score-indicator-background-target:     var(--meta-swatch-mono-5);
--goal-row-score-indicator-border-target:     2px solid var(--meta-swatch-colour-8);
--goal-row-score-indicator-icon-color-target:     transparent;
--goal-row-score-indicator-icon-label-color-target:     var(--meta-swatch-mono-1);

/* Badge container */     
--goal-row-badge-display:     flex;
--goal-row-badge-padding:     4px 12px 2px;
--goal-row-badge-padding-m:     4px 12px 2px;
--goal-row-badge-padding-l:     4px 12px 2px;
--goal-row-badge-border-radius:     12px;
--goal-row-badge-off-background:     var(--meta-swatch-mono-3);
--goal-row-badge-on-background:     var(--meta-swatch-mono-5);
--goal-row-badge-border:     1px solid var(--meta-swatch-mono-3);
--goal-row-badge-box-shadow:     none;

/* Badge label */     
--goal-row-badge-label-colour:     var(--meta-swatch-mono-2);
--goal-row-badge-label-font-size:     12px;
--goal-row-badge-label-font-family:     'inter';
--goal-row-badge-label-font-weight:     normal;
--goal-row-badge-label-font-style:     normal;
--goal-row-badge-label-line-height:     1.2;
--goal-row-badge-label-letter-spacing:     0;
--goal-row-badge-label-text-transform:     none;
--goal-row-badge-label-text-align:     center;


/* LifeScore Dataviz */     

/* Block container */     

/* Item */     

/* Icon BGs */     

/* Icon */     

/* Words containers */     

/* Labels */     

/* Values */     

/* Left colors */     

/* Right colors */     


/* Multiple widget */     

/* Container */     
--multiple-widget-padding:     0 0 24px;
--multiple-widget-padding-m:     0 0 48px;
--multiple-widget-padding-l:     0 0 64px;
--multiple-widget-gap:     16px;
--multiple-widget-gap-m:     16px;
--multiple-widget-gap-l:     24px;
--multiple-widget-background:     transparent;
--multiple-widget-flex-direction:     column;
--multiple-widget-flex-direction-m:     row;
--multiple-widget-flex-direction-l:     row;



/* Pension finder dataviz */     






/* Savings Plan Breakdown */     

/* Container */     

/* Row */     

/* Row value */     

/* Row value suffix */     

/* Row link */     

/* Total */     


/* Savings Plan Dataviz */     

/* Container */     

/* Dataviz widget */     

/* Label */     

/* Value */     

/* Value suffix */     



/* Property Card */     





/* Property Goal Dataviz */     







/* Property goal dataviz container */     

/* Dataviz container inner */     

/* Donut container */     

/* Donut */     

/* Donut value */     

/* Donut value complete*/     


/* Donut label */     

/* Property goal output container */     

/* Property goal output */     


/* Property goal button container */     

/* Property goal button */     



/* Property Goal Dataviz Explainer */     

/* Property goal explainer container */     

/* Property goal explainer icon */     

/* Property goal explainer paragraph */     

/* Property goal explainer link */     



/* Container */     

/* Label Container */     

/* Label */     

/* Value Container */     

/* Value */     



/* Templates */     

/* 12 Column Content Grid */     
--app-custom-grid-max-width-xs:     100%;
--app-custom-grid-max-width-sm:     100%;
--app-custom-grid-max-width-md:     900px;
--app-custom-grid-max-width-lg:     900px;
--app-custom-grid-max-width-xl:     900px;


--article-body-padding:     32px 0;

/* Default */     

--theme-bg-colour:     var(--meta-swatch-colour-10);
--theme-bg-attachment:     fixed;
--theme-bg-image-url:     url(/config/images/header-bg-pattern.svg);
--theme-bg-image-repeat:     repeat-x;
--theme-bg-image-size:     406px 101px;
--theme-bg-image-position:     top left;

--theme-template-bg-colour:     var(--meta-swatch-mono-5);
--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);




/* Checkpoint (Updating & Done) */      


--template-checkpoint-icon-colour:     var(--meta-swatch-mono-5);
--template-checkpoint-icon-size:     24px;

--template-checkpoint-label-colour:     var(--meta-swatch-mono-5);
--template-checkpoint-label-face:     'inter';
--template-checkpoint-label-size:     22px;
--template-checkpoint-label-weight:     medium;
--template-checkpoint-label-line-height:     28px;
--template-checkpoint-label-letter-spacing:     -0.03%;
--template-checkpoint-label-text-transform:     none;
--template-checkpoint-label-text-align:     center;


/* Savings Plan Results */     
--widget-plan-spacer-sections-s:     var(--pattern-layout-spacer-sections-s);
--widget-plan-spacer-components-s:     var(--pattern-layout-spacer-components-s);
--widget-plan-spacer-content-s:     var(--pattern-layout-spacer-content-s);
--widget-plan-spacer-sections-ml:     var(--pattern-layout-spacer-sections-ml);
--widget-plan-spacer-components-ml:     var(--pattern-layout-spacer-components-ml);
--widget-plan-spacer-content-ml:     var(--pattern-layout-spacer-content-ml);


/* 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 */     



/* Start */     

/* Question */     
--question-template-body-padding:     16px 0px 24px;
--question-template-body-padding-m:     24px 0px;
--question-template-body-padding-l:     24px 0px;


--question-onpage-sidebar-width-l:     308px;
--question-onpage-column-gap-l:     32px;




/* Checklist */     

/* Filters container */     

/* Each individual filter */     






/* Articles list (Knowledgebase) */     



/* Article */     


--article-body-padding:     16px 0 16px;
--article-body-padding-m:     32px 0 32px;
--article-body-padding-l:     32px 0 32px;




/* Result */     
--template-result-page-heading-align:     center;
--template-result-par-heading-align:     center;



/* Dashboard */     

/* 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 Home */     
--template-account-editorial-cards-columns:     3;
--template-account-editorial-cards-gap-row:     16px;
--template-account-editorial-cards-gap-column:     16px;

--template-account-profiles-gap:     16px;





/* Account Business Profiles */     
--template-account-business-profiles-list-gap:     16px;



/* Blog */     
--template-blog-editorial-cards-columns:     3;
--template-blog-editorial-cards-gap-row:     16px;
--template-blog-editorial-cards-gap-column:     16px;



/* Property */     



/* Content Feed */     

/* Content container */     

/* Grid */     



/* Grid items */     

/* Filters container */     

/* Each individual filter */     

/* Empty state paragraph */     




/* Guidance */     

--guidance-content-container-padding:     24px 0;
--guidance-content-container-gap:     16px;






/* Story */     






/* Video in story slide */     

/* Image in story slide */     



/* Video */     







}     
/* Do not remove!  */     


/* Themes */     

:root.dashboard {     



/* All types - Main container */     
























--pattern-layout-spacer-top-s:     0px;





--accordion-v2-header-padding:     16px;









































}     

:root.checklist {     




--pattern-layout-spacer-top-s:     0px;
--pattern-layout-spacer-bottom-s:     0px;


--theme-checklist-spacer-sections:     0;

}     

:root.articles {     









}     

:root.feed {     








}     

:root.question {     













--page-actions-button-margin:     16px 0 0 0;
--page-actions-button-margin-m:     16px 0 0 0;
--page-actions-button-margin-l:     16px 0 0 0;


/* Segmented buttons */     




}     

:root.article {     

/* 12 Column Content Grid */     







--pattern-layout-spacer-top-s:     0px;






















}     

:root.blog {     



}     

:root.help {     





}     

:root.checkpoint {     
--theme-bg-colour:      var(--meta-swatch-colour-1);
--theme-bg-image-url:     url(/config/images/bg-tile.svg);
}     

:root.account-complete {     
--theme-bg-colour:      var(--meta-swatch-colour-1);
--theme-bg-image-url:     url(/config/images/bg-tile.svg);
}     

:root.tour {     

--theme-bg-colour:      var(--meta-swatch-colour-6);
--theme-bg-attachment:     fixed;
--theme-bg-image-url:     url(/config/images/tour-bg.svg);
--theme-bg-image-repeat:     no-repeat;
--theme-bg-image-size:     cover;
--theme-bg-image-position:     center center;

--theme-nav-top-bg-colour:     transparent;



--theme-nav-top-bg-colour:     transparent;
--theme-nav-top-bg-image-url:     none;

--coach-message-text-align:     center;
--coach-message-padding:      0;
--coach-message-bg-colour:     transparent;
--coach-message-text-colour:     var(--meta-swatch-mono-5);
--theme-coach-avatar-display:     none;

--btn-major-bg-color:     var(--meta-swatch-mono-5);
--btn-major-icon-color:     var(--meta-swatch-colour-1);
--btn-major-label-color:     var(--meta-swatch-colour-1);
--btn-major-background:     var(--meta-swatch-mono-5);

--coach-message-border:     none;



}     

:root.tour1 {     







}     

:root.tour2 {     
--theme-bg-colour:      var(--meta-swatch-colour-6);
--theme-coach-avatar-display:     none;

--btn-major-background:     var(--meta-swatch-mono-5);
--btn-major-icon-color:     var(--meta-swatch-colour-1);
--btn-major-label-color:     var(--meta-swatch-colour-1);

--coach-message-border:     none;
}     

:root.tour3 {     
--theme-bg-colour:      var(--meta-swatch-colour-6);
--theme-coach-avatar-display:     none;

--btn-major-background:     var(--meta-swatch-mono-5);
--btn-major-icon-color:     var(--meta-swatch-colour-1);
--btn-major-label-color:     var(--meta-swatch-colour-1);

--coach-message-border:     none;
}     

:root.tour4 {     
--theme-bg-colour:      var(--meta-swatch-colour-6);
--theme-coach-avatar-display:     none;

--btn-major-background:     var(--meta-swatch-mono-5);
--btn-major-icon-color:     var(--meta-swatch-colour-1);
--btn-major-label-color:     var(--meta-swatch-colour-1);

--coach-message-border:     none;
}     

:root.tour5 {     


}     

:root.start {     


--theme-page-header-bg-colour:     none;
--theme-page-header-heading-colour:     var(--meta-swatch-colour-8);
--theme-page-header-sub-heading-colour:     var(--meta-swatch-mono-5);

--theme-coach-bg-color:     none;
--theme-coach-bg-image-url:     none;
--theme-coach-bg-image-repeat:     none;
--theme-coach-bg-image-size:     none;
--theme-coach-bg-image-position:     none;
--coach-message-bg-colour:     none;
--coach-message-border:     1px solid var(--meta-swatch-mono-3);
--coach-message-text-colour:     var(--meta-swatch-mono-1);


--btn-minor-bg-color:     var(--meta-swatch-mono-5);
--btn-minor-icon-color:     var(--meta-swatch-colour-1);
--btn-minor-label-color:     var(--meta-swatch-colour-1);
--btn-minor-border:     none;

--btn-negative-bg-color:     var(--meta-swatch-mono-5);
--btn-negative-icon-color:     var(--meta-swatch-colour-1);
--btn-negative-label-color:     var(--meta-swatch-colour-1);
--btn-negative-border:     1px solid var(--meta-swatch-colour-1);












--checklist-item-btn-bg-colour:     var(--meta-swatch-mono-3);
--checklist-item-label-font-family:     'vm-sans';
--checklist-item-label-font-size:     17px;
--checklist-item-label-font-size-m:     17px;
--checklist-item-label-font-size-l:     17px;
--checklist-item-label-font-weight:     500;

}     

:root.result {     

--page-template-heading-margin:     2rem 0 1rem;
--page-template-heading-margin-m:     2rem 0 1rem;
--page-template-heading-margin-l:     2rem 0 1rem;


--theme-coach-bg-color:     transparent;
--theme-coach-bg-image-url:     unset;
--theme-coach-bg-image-repeat:     unset;
--theme-coach-bg-image-size:     unset;
--theme-coach-bg-image-position:     unset;




--btn-minor-bg-color:     var(--meta-swatch-mono-5);
--btn-minor-icon-color:     var(--meta-swatch-colour-1);
--btn-minor-label-color:     var(--meta-swatch-colour-1);
--btn-minor-border:     none;


--pattern-layout-spacer-components-s:     0px;



















--checklist-item-btn-bg-colour:     var(--meta-swatch-mono-3);
--checklist-item-label-font-family:     'vm-sans';
--checklist-item-label-font-size:     17px;
--checklist-item-label-font-size-m:     17px;
--checklist-item-label-font-size-l:     17px;
--checklist-item-label-font-weight:     500;

}     


:root.my-plan {     






}     



:root.landing {     
--theme-bg-colour:      var(--meta-swatch-colour-6);


--theme-page-header-bg-colour:     transparent;
--theme-page-header-heading-colour:     var(--meta-swatch-mono-5);
--theme-page-header-sub-heading-colour:     var(--meta-swatch-mono-5);
--theme-page-header-keyline:     none;










}     

:root.landing1 {     










}     

:root.account-signup {     
--page-template-heading-font-size:     19px;
--page-template-heading-font-weight:     bold;
--in-page-message-bg-colour:     var(--meta-swatch-mono-4);
--in-page-message-colour:     var(--meta-swatch-mono-1);
--pattern-layout-spacer-top-s:     0px;


--swatch-forms-checkbox-bg-on:     transparent;
--swatch-forms-checkbox-border-on:     1px solid var(--meta-swatch-mono-1);
--swatch-forms-checkbox-icon-on:     var(--meta-swatch-colour-1);
--swatch-forms-checkbox-bg-off:     transparent;
--swatch-forms-checkbox-border-off:     1px solid var(--meta-swatch-mono-1);
--swatch-forms-checkbox-icon-off:     transparent;
--effect-forms-checkbox-border-radius:     0;

--typo-a-link-colour:     var(--meta-swatch-mono-1);
--typo-a-hover-colour:     var(--meta-swatch-mono-1);
--typo-a-active-colour:     var(--meta-swatch-mono-1);
--typo-a-visited-colour:     var(--meta-swatch-mono-1);
--typo-a-link-font-weight:     bold;
--typo-a-hover-font-weight:     bold;
--typo-a-active-font-weight:     bold;
--typo-a-visited-font-weight:     bold;
--typo-a-link-text-decoration:     underline;
--typo-a-hover-text-decoration:     underline;
--typo-a-active-text-decoration:     underline;
--typo-a-visited-text-decoration:     underline;

}     

:root.account-login {     
--page-template-heading-font-size:     19px;
--page-template-heading-font-weight:     bold;
--in-page-message-bg-colour:     var(--meta-swatch-mono-4);
--in-page-message-colour:     var(--meta-swatch-mono-1);




}     

:root.account-signin {     






}     


:root.account-reset-password {     
--page-template-heading-font-size:     19px;
--page-template-heading-font-weight:     bold;
--in-page-message-bg-colour:     var(--meta-swatch-mono-4);
--in-page-message-colour:     var(--meta-swatch-mono-1);
--pattern-layout-spacer-top-s:     0px;

--swatch-forms-checkbox-bg-on:     transparent;
--swatch-forms-checkbox-border-on:     1px solid var(--meta-swatch-mono-1);
--swatch-forms-checkbox-icon-on:     var(--meta-swatch-colour-1);
--swatch-forms-checkbox-bg-off:     transparent;
--swatch-forms-checkbox-border-off:     1px solid var(--meta-swatch-mono-1);
--swatch-forms-checkbox-icon-off:     transparent;
--effect-forms-checkbox-border-radius:     0;
}     

:root.account-home {     








--input-radio-outer-container-background:     var(--meta-swatch-mono-3);
--input-radio-outer-container-border-radius:     10px;
--input-radio-outer-container-background-on:     var(--meta-swatch-colour-8);

--input-radio-container-padding:     12px 16px;
--input-radio-container-direction:     row-reverse;


/* Label */     
--input-radio-disabled-opacity:     1;

--input-radio-label-margin:     0 0 0 12px;















/* Field */     
--input-radio-off-background-colour:     var(--meta-swatch-mono-5);

--input-radio-on-background-colour:     var(--meta-swatch-mono-5);
--input-radio-on-border:     1px solid var(--meta-swatch-mono-2);
--input-radio-on-icon-colour:     var(--meta-swatch-colour-1);


/* Link */     
--input-radio-link-colour:     var(--meta-swatch-colour-1);
--input-radio-link-colour-on:     var(--meta-swatch-colour-1);

/* Accordion */     
--accordion-v2-title-colour:     var(--typo-p-medium-colour);
--accordion-v2-title-font-family:     var(--typo-p-medium-font-face);
--accordion-v2-title-font-size:     var(--typo-p-medium-font-size);
--accordion-v2-title-font-weight:     var(--typo-p-medium-font-weight);
--accordion-v2-title-font-style:     var(--typo-p-medium-font-style);
--accordion-v2-title-line-height:     var(--typo-p-medium-line-height);
--accordion-v2-title-letter-spacing:     var(--typo-p-medium-letter-spacing);
--accordion-v2-title-text-transform:     var(--typo-p-medium-text-transform);
--accordion-v2-title-text-align:     left;

--acc-item-header-heading-color:     var(--typo-p-medium-colour);
--acc-item-header-heading-font-family:     var(--typo-p-medium-font-face);
--acc-item-header-heading-font-size:     var(--typo-p-medium-font-size);
--acc-item-header-heading-font-weight:     var(--typo-p-medium-font-weight);
--acc-item-header-heading-font-style:     var(--typo-p-medium-font-style);
--acc-item-header-heading-line-height:     var(--typo-p-medium-line-height);
--acc-item-header-heading-letter-spacing:     var(--typo-p-medium-letter-spacing);
--acc-item-header-heading-text-transform:     var(--typo-p-medium-text-transform);
--acc-item-header-heading-text-align:     left;


--accordion-item-gap:     8px;
--accordion-item-gap-m:     8px;
--accordion-item-gap-l:     8px;


--accordion-flex-direction:     row;
--accordion-flex-direction-m:     row;
--accordion-flex-direction-l:     row;

--acc-item-body-flex-direction:     column;
--acc-item-body-flex-direction-m:     column;
--acc-item-body-flex-direction-l:     column;

--accordion-v2-icon-margin:     0;
--accordion-v2-padding:     0;
--accordion-v2-header-padding:     22px 16px;
--accordion-border-bottom:     1px solid var(--meta-swatch-mono-3);
--accordion-border-top:     0;
--accordion-v2-header-border-color:     var(--meta-swatch-mono-3);
--accordion-v2-header-border-style:     solid;
--accordion-v2-header-border-width:     0 0 0.5px 0;

--accordion-v2-content-padding:     0 0 12px 0;
--accordion-v2-content-padding-m:     0 0 16px 0;
--accordion-v2-content-padding-l:     0 0 16px 0;

--acc-item-header-padding:     16px;
--acc-item-header-padding-m:     16px;
--acc-item-header-padding-l:     16px;
--acc-item-header-border-bottom:     1px solid var(--meta-swatch-mono-3);
--acc-item-border-bottom:     1px solid var(--meta-swatch-mono-3);
--acc-item-body-padding:     8px 0 16px 0;
--acc-item-body-padding-m:     8px 0 16px 0;
--acc-item-body-padding-l:     8px 0 16px 0;


--coach-spacer-input:     0;

--forms-input-text-order-label:     0;
--input-radio-link-order:     -1;

--coach-btn-margin:     0 0 16px;


}     







:root.account-home-option {     
--page-template-heading-font-size:     19px;
--page-template-heading-font-weight:     bold;
--in-page-message-bg-colour:     var(--meta-swatch-mono-4);
--in-page-message-colour:     var(--meta-swatch-mono-1);
--footer-text-font-face:     'vm-sans';
--footer-text-font-size:     16px;
--page-actions-button-margin:     var(--coach-spacer-input) var(--coach-spacer-input) 0 0;
--page-actions-button-margin-m:     var(--coach-spacer-input) var(--coach-spacer-input) 0 0;
--page-actions-button-margin-l:     var(--coach-spacer-input) var(--coach-spacer-input) 0 0;



}     

:root.lifescore-home {     

}     

:root.lifescore-reward {     
--theme-bg-image-url:     url(/config/images/lifescore-reward-bg.svg);
--page-template-heading-text-align:     left;


}     

:root.vm-ff-goal {     
--theme-page-header-bg-colour:     var(--meta-swatch-colour-8);
--theme-page-header-heading-colour:     var(--meta-swatch-mono-1);
--theme-page-header-sub-heading-colour:     var(--meta-swatch-mono-1);

--accordion-v2-title-font-size:      20px;
--acc-item-header-heading-font-size:     20px;
--acc-item-header-heading-font-size-m:     20px;
--acc-item-header-heading-font-size-l:     20px;

--coach-message-bg-colour:     var(--meta-swatch-colour-10);
--coach-message-text-colour:     var(--meta-swatch-mono-5);
--pattern-layout-spacer-bg-colour:     #fafafa;




}     

: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 {     














/* Before */     

/* Current */     

/* After */     







}     

/* 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 {     


--article-body-padding:     0 0 16px;
--article-body-padding-m:     0 0 32px;
--article-body-padding-l:     0 0 48px;


--page-actions-padding:     0;
--page-actions-margin:     0 0 16px;
--page-actions-button-padding:     0;
--page-actions-button-background:     transparent;
--page-actions-button-label-colour:     var(--meta-swatch-colour-8);
--page-actions-button-label-margin:     0;
--page-actions-button-label-text-align:     left;
--page-actions-button-icon-size:     0;
--page-actions-button-border:     none;
--page-actions-button-height:     32px;
--page-actions-button-height-m:     32px;
--page-actions-button-height-l:     32px;
--page-actions-button-max-width:     fit-content;
--page-actions-button-max-width-m:     fit-content;
--page-actions-button-max-width-l:     fit-content;

--spinner:     var(--meta-swatch-colour-1);

--select-label-margin:     0;

}     

:root.onboarding {     





--article-body-padding:     0;
--article-body-padding-m:     0;
--article-body-padding-l:     0;



--accordion-v2-padding:     0;



}     

:root.goal-prioritisation {     




--page-actions-button-margin:     48px 0 16px;
--page-actions-button-margin-m:     48px 0 16px;
--page-actions-button-margin-l:     48px 0 16px;





}     

:root.goal-performance {     



--page-actions-button-margin:     16px 0 16px;
--page-actions-button-margin-m:     16px 0 16px;
--page-actions-button-margin-l:     16px 0 16px;







}     

:root.positive-impact {     


--page-actions-button-margin:     48px 0 16px;
--page-actions-button-margin-m:     48px 0 16px;
--page-actions-button-margin-l:     48px 0 16px;









}     

:root.coins {     









}     

:root.engaged {     
/* Indicator */     

/* Keylines */     

/* Button */     

/* Labels container */     

/* Activity Label */     

/* Status Label */     

/* Status */     

/* Action icon */     

/* New dynamic statuses */     






}     

:root.video {     





}     


:root.ai {     






--forms-explainer-label-text-align:     left;
--input-explainer-padding:     8px 16px 0;
--input-explainer-padding-m:     8px 0 0 0;
--input-explainer-padding-l:     8px 0 0 0;
--input-explainer-label-text-align:     left;

--forms-input-text-order-field:     0;
--input-explainer-margin:     0;
--input-explainer-margin-m:     0;
--input-explainer-margin-l:     0;

}