/* VM  - Sustainability */
/* Core */     
/* 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:     500;
    --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 1rem;
    
    /* 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:     500;
    --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 1rem;
    
    /* 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:     500;
    --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 1rem;
    
    /* 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:     normal;
    --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:     normal;
    --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:     normal;
    --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 */     
    
    /* Label XL */     
    
    /* Label L */     
    
    /* Label M */     
    
    /* Label S */     
    --typo-data-label-s-colour:     var(--meta-swatch-mono-1);
    --typo-data-label-s-font-face:     'inter';
    --typo-data-label-s-font-size:     14px;
    --typo-data-label-s-font-weight:     normal;
    --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 0 1rem;
    
    /* Label XS */     
    
    /* Label 2XS */     
    
    
    /* Data */     
    
    /* Data 2XL */     
    
    /* Data XL */     
    
    /* Data L */     
    
    /* Data M */     
    
    /* Data S */     
    
    /* Data XS */     
    
    /* Data 2XS */     
    
    /* Data 3XS */     
    
    
    
    /* Forms */     
    
    /* Labels */     
    --typo-form-label-colour:     var(--meta-swatch-mono-2);
    --typo-form-label-font-face:     '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 */     
    
    
    /* 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:     720px;
    
    
    /* 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:     normal;
    --typo-figcaption-font-style:     normal;
    --typo-figcaption-line-height:     1.2;
    --typo-figcaption-letter-spacing:     0;
    --typo-figcaption-text-transform:     none;
    --typo-figcaption-margin-bottom:     8px;
    
    
    /* Old vars */     
    
    /* Body */     
    --face-body:     '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:      normal;
    --body-paragraph-s-size:      14px;
    --body-paragraph-s-weight:      normal;
    --body-paragraph-xs-size:      12px;
    --body-paragraph-xs-weight:      normal;
    --body-quote-size:      24px;
    --body-quote-weight:      normal;
    --body-quote-style:      italic;
    --body-quote-padding:     32px;
    --body-strong-weight:     bold;
    --body-strong-style:     inherit;
    --body-strong-bg-padding:     0;
    --body-emphasis-weight:     normal;
    --body-emphasis-style:     italic;
    --body-emphasis-bg-padding:     0;
    --body-link-weight:     inherit;
    --body-link-style:     inherit;
    --body-link-bg-radius:     2px;
    --body-link-underline-width:     1px;
    --body-link-bg-padding:     0 0.2rem 2px;
    --body-link-underline-width-hover:     1px;
    
    /* Headings */     
    --face-heading:     '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:      normal;
    --data-label-s-size:      14px;
    --data-label-s-weight:      normal;
    --data-label-l-size:      16px;
    --data-label-l-weight:      normal;
    
    /* 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:     normal;
    --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:     normal;
    --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:     normal;
    --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:     normal;
    --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:     ;
    
    
    /* 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:     normal;
    --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:     normal;
    --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;
    
    /* 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:     12px;
    --page-header-category-label-font-size-m:     12px;
    --page-header-category-label-font-size-l:     12px;
    --page-header-category-label-font-weight:     normal;
    --page-header-category-label-font-style:     normal;
    --page-header-category-label-line-height:     1.2;
    --page-header-category-label-letter-spacing:     0;
    --page-header-category-label-text-transform:     none;
    --page-header-category-label-text-align:     center;
    
    /* Heading */     
    --theme-page-header-heading-colour:     var(--meta-swatch-colour-8);
    --page-header-heading-face:     var(--face-heading);
    --page-header-heading-size:     38px;
    --page-header-heading-size-m:     44px;
    --page-header-heading-size-l:     44px;
    --page-header-heading-weight:     normal;
    --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:     normal;
    --page-header-sub-heading-line-height:     20px;
    --page-header-sub-heading-letter-spacing:     -0.03%;
    --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:     16px;
    
    
    
    /* 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(--meta-swatch-mono-1);
    --page-template-heading-font-family:     'vm-sans';
    --page-template-heading-font-face:     var(--page-template-heading-font-family);
    --page-template-heading-font-size:     22px;
    --page-template-heading-font-weight:     500;
    --page-template-heading-line-height:     1.2;
    --page-template-heading-letter-spacing:     0;
    --page-template-heading-text-transform:     none;
    --page-template-heading-text-align:     center;
    --page-template-heading-margin:     0 0 1rem;
    
    --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:     center;
    
    
    /* <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:     200;
    --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:     200;
    --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:     bold;
    --toast-message-font-style:     normal;
    --toast-message-line-height:     1.2;
    --toast-message-letter-spacing:     0;
    --toast-message-text-transform:     none;
    --toast-message-text-align:     center;
    
    
    /* Video embed */     
    --wp-block-embed-margin:     0 0 24px 0;
    
    
    /* Video overlay */     
    
    /* Block container */     
    --video-dimmer-background:     rgba(0,0,0,0.4);
    
    --video-flex-direction:     column;
    --video-flex-direction-m:     column;
    --video-flex-direction-l:     column;
    
    /* Video container */     
    --video-container-padding:     0;
    
    /* Close container */     
    --video-close-padding:     0 0 16px;
    --video-close-padding-m:     40px 16px;
    --video-close-padding-l:     40px 16px;
    
    --video-close-justify-content:     center;
    --video-close-justify-content-m:     flex-end;
    --video-close-justify-content-l:     flex-end;
    
    
    /* Close icon */     
    --video-close-icon-bg-padding:     8px;
    --video-close-icon-bg-background:     var(--meta-swatch-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 */     
    --focus-outline:     2px white solid;
    --focus-outline-offset:     0;
    --focus-box-shadow:     0 0 0 4px black;
    
    
    /* Button */     
    
    /* All types - Main container */     
    --btn-align:     center;
    --btn-width:      100%;
    --btn-max-width:     100%;
    --btn-height:      44px;
    --btn-margin:     0;
    --btn-padding:     0;
    --btn-border-radius:     8px;
    --btn-effect-disabled:     0.3;
    
    
    /* All types - Companion */     
    --btn-companion-height:      56px;
    --btn-companion-width:      56px;
    --btn-companion-margin:      0 0 0 12px;
    
    /* All types - Icon container */     
    --btn-icon-display:     flex;
    --btn-icon-border-radius:      0;
    --btn-icon-width:      24px;
    --btn-icon-height:      var(--btn-height);
    --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:     'inter';
    --btn-label-font-size:     17px;
    --btn-label-font-weight:     normal;
    --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:     var(--meta-swatch-mono-5);
    --btn-major-icon-bg-color:     transparent;
    --btn-major-icon-border:     none;
    --btn-major-label-color:     var(--meta-swatch-mono-5);
    --btn-major-label-font-weight:     600;
    
    /* 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-mono-1);
    --btn-minor-label-font-weight:     600;
    
    /* Diminished */     
    
    /* Negative */     
    --btn-negative-background:     transparent;
    --btn-negative-border:     1px solid var(--meta-swatch-colour-1);
    --btn-negative-icon-color:     var(--meta-swatch-mono-1);
    --btn-negative-icon-bg-color:     transparent;
    --btn-negative-icon-border:     none;
    --btn-negative-label-color:     var(--meta-swatch-mono-1);
    --btn-negative-label-font-weight:     normal;
    
    /* Destructive */     
    --btn-destructive-background:     var(--meta-swatch-colour-1);
    --btn-destructive-border:     none;
    --btn-destructive-icon-color:     var(--meta-swatch-mono-5);
    --btn-destructive-icon-bg-color:     transparent;
    --btn-destructive-icon-border:     none;
    --btn-destructive-label-color:     var(--meta-swatch-mono-5);
    --btn-destructive-label-font-weight:     normal;
    
    /* Special */     
    --btn-special-padding:     0 16px;
    --btn-special-flex-direction:     row-reverse;
    --btn-special-align:     start;
    --btn-special-background:     url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='grey' stroke-width='2' stroke-dasharray='6%2c 8' stroke-dashoffset='0' stroke-linecap='round'/%3e%3c/svg%3e");
    --btn-special-icon-display:     block;
    --btn-special-icon-color:     var(--meta-swatch-colour-1);
    --btn-special-icon-height:     24px;
    --btn-special-label-color:     var(--meta-swatch-colour-1);
    --btn-special-label-font-weight:     700;
    
    
    /* Temporary link styles */     
    
    
    
    /* Checkbox */     
    
    /* Outer container */     
    
    /* Container */     
    --input-checkbox-container-padding:     8px 0;
    --input-checkbox-container-direction:     row;
    --input-checkbox-container-align-items:     center;
    --input-checkbox-container-justify-content:     space-between;
    --input-checkbox-container-border-width:     0;
    --input-checkbox-container-border-style:     none;
    --input-checkbox-container-border-color:     transparent;
    
    /* Label & info icon container */     
    --input-checkbox-label-direction:     row-reverse;
    --input-checkbox-label-justify-content:     space-between;
    --input-checkbox-label-align-items:     center;
    
    /* Image */     
    
    /* Labels container */     
    
    /* Label */     
    --input-checkbox-label-colour:     var(--typo-p-medium-colour);
    --input-checkbox-label-font-family:     var(--typo-p-medium-font-face);
    --input-checkbox-label-font-size:     var(--typo-p-medium-font-size);
    --input-checkbox-label-font-weight:     var(--typo-p-medium-font-weight);
    --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 16px 0 0;
    
    /*Sub label*/     
    
    /* Label opt 2 */     
    
    /* Option explainer */     
    
    
    /* Info icon */     
    --input-checkbox-informer-margin:     0 0 0 8px;
    
    /* 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-colour-8);
    --input-checkbox-on-border:     1px solid transparent;
    --input-checkbox-on-icon-colour:     var(--meta-swatch-colour-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%;
    
    
    /* 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 */     
    
    /* Label */     
    
    
    /* Container */     
    --input-explainer-margin:     0 8px 0 0;
    --input-explainer-padding:     0;
    --input-explainer-background-color:     transparent;
    
    --input-explainer-label-colour:     var(--typo-p-small-colour);
    --input-explainer-label-font-family:     var(--typo-p-small-font-face);
    --input-explainer-label-font-size:     var(--typo-p-small-font-size);
    --input-explainer-label-font-weight:     var(--typo-p-small-font-weight);
    --input-explainer-label-font-style:     var(--typo-p-small-font-style);
    --input-explainer-label-letter-spacing:     var(--typo-p-small-letter-spacing);
    --input-explainer-label-line-height:     var(--typo-p-small-line-height);
    --input-explainer-label-text-transform:     var(--typo-p-small-text-transform);
    --input-explainer-label-text-align:     left;
    
    
    /* 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-colour-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 8px 0 0;
    --input-informer-padding:     0;
    --input-informer-border:     none;
    --input-informer-border-radius:     none;
    --input-informer-background-color:     transparent;
    --input-informer-box-shadow:     none;
    
    --input-informer-icon-size:     24px;
    --input-informer-icon-colour:     var(--meta-swatch-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 */     
    
    /* Outer container */     
    
    /* Container */     
    --input-radio-container-padding:     8px 0;
    --input-radio-container-direction:     row;
    --input-radio-container-justify-content:     space-between;
    --input-radio-container-align-items:     center;
    --input-radio-container-border-width:     0;
    --input-radio-container-border-style:     none;
    --input-radio-container-border-color:     transparent;
    
    /* Label & info icon container */     
    --input-radio-label-direction:     row-reverse;
    --input-radio-label-justify-content:     space-between;
    --input-radio-label-align-items:     center;
    
    /* Image */     
    
    /* Labels container */     
    
    /* Label */     
    --input-radio-label-colour:     var(--typo-p-medium-colour);
    --input-radio-label-font-family:     var(--typo-p-medium-font-face);
    --input-radio-label-font-size:     var(--typo-p-medium-font-size);
    --input-radio-label-font-weight:     var(--typo-p-medium-font-weight);
    --input-radio-label-font-style:     var(--typo-p-medium-font-style);
    --input-radio-label-line-height:     var(--typo-p-medium-line-height);
    --input-radio-label-letter-spacing:     var(--typo-p-medium-letter-spacing);
    --input-radio-label-text-transform:     var(--typo-p-medium-text-transform);
    --input-radio-label-text-align:     left;
    --input-radio-label-margin:     0 16px 0 0;
    
    /*Sub label*/     
    
    /* Label opt 2 */     
    
    /* Option explainer */     
    
    
    /* Info icon */     
    --input-radio-informer-margin:     0 0 0 8px;
    
    /* 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:     var(--meta-swatch-colour-8);
    --input-radio-on-border:     1px solid var(--meta-swatch-colour-8);
    --input-radio-on-icon-colour:     var(--meta-swatch-colour-5);
    --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:     32px;
    --forms-segmented-btn-box-shadow:     none;
    --forms-segmented-btn-border:     none;
    --forms-segmented-btn-border-radius:     4px;
    --forms-segmented-btn-bg-colour:     var(--meta-swatch-colour-1);
    --forms-segmented-btn-padding:     1px;
    --forms-segmented-btn-flex-direction:     row;
    --forms-segmented-btn-flex-direction-m:     row;
    --forms-segmented-btn-flex-direction-l:     row;
    
    /* Item layout */     
    --forms-segmented-btn-item-height:     30px;
    --forms-segmented-btn-item-height-m:     30px;
    --forms-segmented-btn-item-height-l:     30px;
    --forms-segmented-btn-item-padding:     0px 8px;
    --forms-segmented-btn-item-margin:     0 0 0 1px;
    --forms-segmented-btn-item-margin-m:     1 0 0 1px;
    --forms-segmented-btn-item-margin-l:     2 0 0 1px;
    
    /* Item common props */     
    
    
    --forms-segmented-btn-item-label-face:     'inter';
    --forms-segmented-btn-item-label-font-size:     14px;
    
    /* Item off */     
    --forms-segmented-btn-item-off-outer-radius:     3px;
    --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-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-letter-spacing:     -0.03rem;
    --forms-segmented-btn-item-off-label-text-transform:     none;
    
    
    
    /* Item on */     
    --forms-segmented-btn-item-on-outer-radius:     3px;
    --forms-segmented-btn-item-on-inner-radius:     0px;
    --forms-segmented-btn-item-on-bg-colour:     transparent;
    --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-letter-spacing:     -0.03rem;
    --forms-segmented-btn-item-on-label-text-transform:     none;
    
    
    
    /* Label */     
    
    
    
    /* Select menu */     
    
    
    /* Field */     
    --select-field-padding:     8px 16px;
    --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:     3px;
    --select-field-box-shadow:     none;
    
    /* Label */     
    --select-label-colour:     var(--meta-swatch-mono-2);
    --select-label-font-family:     'inter';
    --select-label-font-size:     12px;
    --select-label-font-weight:     normal;
    --select-label-font-style:     normal;
    --select-label-line-height:     1.2;
    --select-label-letter-spacing:     -0.03rem;
    --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-colour-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(--typo-p-medium-colour);
    --input-switch-label-font-family:     var(--typo-p-medium-font-face);
    --input-switch-label-font-size:     var(--typo-p-medium-font-size);
    --input-switch-label-font-weight:     var(--typo-p-medium-font-weight);
    --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-3);
    --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-2);
    --forms-textarea-label-font-family:     'inter';
    --forms-textarea-label-font-size:     12px;
    --forms-textarea-label-font-weight:     normal;
    --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:     center;
    
    /* Informer */     
    
    /* Placeholder */     
    --forms-textarea-placeholder-colour:     var(--meta-swatch-mono-3);
    --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:     center;
    
    
    /* Value */     
    --forms-textarea-value-colour:     var(--meta-swatch-mono-2);
    --forms-textarea-value-font-family:     'inter';
    --forms-textarea-value-font-size:     17px;
    --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 8px;
    --forms-input-width:     100%;
    --forms-input-height:     44px;
    --forms-input-border-width:     0 0 1px 0;
    --forms-input-border-style:     solid;
    --forms-input-border-color:     var(--meta-swatch-mono-3);
    --forms-input-background-color:     transparent;
    
    /* Label */     
    --forms-input-label-colour:     var(--meta-swatch-mono-2);
    --forms-input-label-font-family:     'inter';
    --forms-input-label-font-size:     12px;
    --forms-input-label-font-weight:     normal;
    --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:     center;
    
    /* Informer */     
    
    /* Placeholder */     
    --forms-input-placeholder-colour:     var(--meta-swatch-mono-3);
    --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:     center;
    
    /* Value */     
    --forms-input-value-colour:     var(--meta-swatch-mono-2);
    --forms-input-value-font-family:     'inter';
    --forms-input-value-font-size:     24px;
    --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:     center;
    
    
    /* 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 */     
    
    /* 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;
    
    /* Item Header > Title container */     
    --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;
    
    
    
    
    /* Ask Me */     
    
    /* Container */     
    
    /* Thinking Avatar */     
    
    /* Coach block overrides */     
    
    /* Form */     
    
    /* Actions row */     
    
    /* Action icons */     
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    /* Breadcrumb */     
    
    /* Container */     
    
    /*Link Label*/     
    
    
    
    /*Delimiter*/     
    
    
    /* Category links */     
    
    /* Block Container */     
    --cat-links-padding:     24px 0;
    --cat-links-background:     var(--meta-swatch-colour-5);
    
    /* Content Container */     
    
    /* Heading */     
    --cat-links-heading-colour:     var(--meta-swatch-colour-8);
    --cat-links-heading-font-size:     28px;
    --cat-links-heading-font-family:     var(--page-template-heading-font-family);
    --cat-links-heading-font-weight:     200;
    --cat-links-heading-font-style:     var(--typo-h2-font-style);
    --cat-links-heading-line-height:     var(--typo-h2-line-height);
    --cat-links-heading-letter-spacing:     var(--typo-h2-letter-spacing);
    --cat-links-heading-text-transform:     var(--typo-h2-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;
    
    /* Item container */     
    --cat-links-item-background:     var(--meta-swatch-mono-5);
    --cat-links-item-padding:     12px 16px;
    --cat-links-item-border-radius:     8px;
    --cat-links-item-box-shadow:     0px 0px 10px rgba(0, 0, 0, 0.15);
    
    /* Item label */     
    --cat-links-item-label-colour:     var(--meta-swatch-mono-1);
    --cat-links-item-label-font-size:     18px;
    --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.2;
    --cat-links-item-label-letter-spacing:     0;
    
    /* Item sub label */     
    
    
    /* Item icon */     
    --cat-links-icon-colour:     var(--meta-swatch-colour-1);
    --cat-links-icon-size:     40px;
    --cat-links-icon-font-size:     40px;
    --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:     var(--meta-swatch-mono-3);
    
    /* Checklist Item image */     
    
    /* Keylines */     
    --checklist-item-keyline:     none;
    --checklist-item-keyline-last:     none;
    --checklist-item-keyline-margin:     0;
    --checklist-item-keyline-max-width:     720px;
    
    /* Button */     
    --checklist-item-btn-height:     56px;
    --checklist-item-btn-max-width:     720px;
    --checklist-item-btn-min-width:     100%;
    --checklist-item-btn-margin:     none;
    --checklist-item-btn-padding:     16px 0;
    --checklist-item-btn-bg-colour:     transparent;
    --checklist-item-btn-border:     none;
    --checklist-item-btn-border-radius-first:     6px;
    --checklist-item-btn-border-radius:     6px;
    --checklist-item-btn-border-radius-last:     6px;
    --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:     'inter';
    --checklist-item-label-font-size:     17px;
    --checklist-item-label-font-weight:     500;
    --checklist-item-label-line-height:     24px;
    --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:     var(--checklist-item-btn-height);
    --checklist-item-action-bg-width:     var(--checklist-item-btn-height);
    --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 16px;
    --checklist-item-status-icon-border-radius:     20px;
    --checklist-item-status-icon-size:     24px;
    
    /* 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-colour-1);
    --checklist-item-status-icon-colour:     var(--meta-swatch-colour-1);
    
    --checklist-item-status-icon-notstarted-bg-colour:     var(--meta-swatch-mono-5);
    --checklist-item-status-icon-notstarted-border:     1px solid var(--meta-swatch-colour-1);
    --checklist-item-status-icon-notstarted-icon-colour:     var(--meta-swatch-mono-5);
    
    --checklist-item-status-icon-seen-bg-colour:     var(--meta-swatch-mono-5);
    --checklist-item-status-icon-seen-border:     1px solid var(--meta-swatch-colour-1);
    --checklist-item-status-icon-seen-icon-colour:     var(--meta-swatch-colour-1);
    
    --checklist-item-status-icon-inprogress-bg-colour:     var(--meta-swatch-mono-5);
    --checklist-item-status-icon-inprogress-border:     1px solid var(--meta-swatch-colour-1);
    --checklist-item-status-icon-inprogress-icon-colour:     var(--meta-swatch-colour-1);
    
    --checklist-item-status-icon-snooze-bg-colour:     var(--meta-swatch-mono-5);
    --checklist-item-status-icon-snooze-border:     1px solid var(--meta-swatch-colour-1);
    --checklist-item-status-icon-snooze-icon-colour:     var(--meta-swatch-colour-1);
    
    --checklist-item-status-icon-pause-bg-colour:     var(--meta-swatch-mono-5);
    --checklist-item-status-icon-pause-border:     1px solid var(--meta-swatch-colour-1);
    --checklist-item-status-icon-pause-icon-colour:     var(--meta-swatch-colour-1);
    
    --checklist-item-status-icon-notapplicable-bg-colour:     var(--meta-swatch-mono-5);
    --checklist-item-status-icon-notapplicable-border:     1px solid var(--meta-swatch-colour-1);
    --checklist-item-status-icon-notapplicable-icon-colour:     var(--meta-swatch-colour-1);
    
    --checklist-item-status-icon-notkeen-bg-colour:     var(--meta-swatch-mono-5);
    --checklist-item-status-icon-notkeen-border:     1px solid var(--meta-swatch-colour-1);
    --checklist-item-status-icon-notkeen-icon-colour:     var(--meta-swatch-colour-1);
    
    --checklist-item-status-icon-alreadyhaveone-bg-colour:     var(--meta-swatch-mono-5);
    --checklist-item-status-icon-alreadyhaveone-border:     1px solid var(--meta-swatch-colour-1);
    --checklist-item-status-icon-alreadyhaveone-icon-colour:     var(--meta-swatch-colour-1);
    
    --checklist-item-status-icon-completed-bg-colour:     var(--meta-swatch-colour-1);
    --checklist-item-status-icon-completed-border:     1px solid var(--meta-swatch-colour-1);
    --checklist-item-status-icon-completed-icon-colour:     var(--meta-swatch-mono-5);
    
    --checklist-item-status-icon-externallink-bg-colour:     var(--meta-swatch-mono-5);
    --checklist-item-status-icon-externallink-border:     1px solid var(--meta-swatch-colour-1);
    --checklist-item-status-icon-externallink-icon-colour:     var(--meta-swatch-colour-1);
    
    
    
    
    
    
    
    /* Checklist Section Header */     
    
    /* Container */     
    --checklist-section-margin:     none;
    
    /* Keylines */     
    --checklist-section-keyline-top-margin:     0px;
    --checklist-section-keyline-top-first:     none;
    --checklist-section-keyline-top:     16px solid var(--meta-swatch-mono-4);
    --checklist-section-keyline-bottom-margin:     0px;
    --checklist-section-keyline-bottom:     1px solid var(--meta-swatch-mono-3);
    
    /* Toggle */     
    --checklist-toggle-height:     var(--layout-icon-size);
    --checklist-toggle-width:     var(--layout-icon-size);
    --checklist-toggle-icon-size:     var(--layout-icon-size);
    --checklist-toggle-border-radius:     50%;
    --checklist-toggle-margin:     auto 16px auto 8px;
    --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;
    
    /* Spacing */     
    --checklist-section-spacer-top:     12px;
    --checklist-section-spacer-middle:     8px;
    --checklist-section-spacer-bottom:     12px;
    
    /* Motion */     
    --checklist-accordion-duration:     var(--motion-expand-transition-duration);
    --checklist-accordion-motion-curve:     ease-out;
    
    
    /* Coach */     
    
    /* Container */     
    --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;
    --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-max-width:     8px;
    --coach-usermsg-max-width-m:     1px solid var(--meta-swatch-mono-3);
    --coach-usermsg-max-width-l:     none;
    --coach-usermsg-img-display:     12px;
    --coach-usermsg-margin:     var(--meta-swatch-mono-5);
    --coach-usermsg-before-border-radius:     none;
    --coach-usermsg-before-background:     0;
    
    --coach-usermsg-text-colour:     var(--meta-swatch-mono-1);
    --coach-usermsg-text-color:     var(--meta-swatch-mono-1);
    --coach-usermsg-text-size:     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(--meta-swatch-colour-1);
    --template-dashboard-dc-heading-font-family:     'vm-loop';
    --template-dashboard-dc-heading-font-size:     30px;
    --template-dashboard-dc-heading-font-weight:     normal;
    --template-dashboard-dc-heading-font-style:     normal;
    --template-dashboard-dc-heading-line-height:     1.2;
    --template-dashboard-dc-heading-letter-spacing:     0;
    --template-dashboard-dc-heading-text-transform:     none;
    --template-dashboard-dc-heading-text-align:     center;
    
    
    
    /* DC widget */     
    
    /* Container */     
    
    /* Icon */     
    
    
    
    /* Coach dataviz (Poll is in here) */     
    
    /* Block container */     
    
    /* Poll container */     
    
    /* Bars container */     
    
    /* Row container */     
    
    /* Value */     
    
    
    /* Bar container */     
    
    /* Labels */     
    
    /* Bar value */     
    
    
    /* Content */     
    
    
    /* Editorial card */     
    
    /* Container */     
    --card-editorial-bg-colour:     var(--meta-swatch-mono-5);
    --card-editorial-border-radius:     8px;
    --card-editorial-box-shadow:     0px 1px 8px rgba(0, 0, 0, 0.16);
    --card-editorial-border:     none;
    --card-editorial-padding:     16px;
    
    
    /* Heading */     
    --card-editorial-heading-display:     block;
    --card-editorial-heading-colour:     var(--meta-swatch-mono-1);
    --card-editorial-heading-font-face:     'vm-sans';
    --card-editorial-heading-font-size:     20px;
    --card-editorial-heading-font-weight:     normal;
    --card-editorial-heading-letter-spacing:     0;
    --card-editorial-heading-line-height:     1.4;
    --card-editorial-heading-text-transform:     none;
    
    
    
    /* Paragraph */     
    --card-editorial-paragraph-display:     block;
    --card-editorial-paragraph-colour:     var(--meta-swatch-mono-1);
    --card-editorial-paragraph-font-face:     'vm-sans';
    --card-editorial-paragraph-font-size:     17px;
    --card-editorial-paragraph-font-weight:     normal;
    --card-editorial-paragraph-letter-spacing:     0;
    --card-editorial-paragraph-line-height:     1.4;
    --card-editorial-paragraph-text-transform:     none;
    
    /* Label */     
    --card-editorial-label-colour:     var(--meta-swatch-mono-2);
    --card-editorial-label-font-face:     'inter';
    --card-editorial-label-font-size:     16px;
    --card-editorial-label-font-weight:     normal;
    --card-editorial-label-letter-spacing:     0;
    --card-editorial-label-line-height:     1.2;
    --card-editorial-label-text-transform:     none;
    
    /* Icon */     
    --card-editorial-icon-display:     block;
    --card-editorial-icon-colour:     var(--meta-swatch-colour-1);
    --card-editorial-icon-size:     var(--layout-icon-size);
    
    /* Footer label */     
    --card-editorial-footer-label-colour:     var(--meta-swatch-mono-2);
    --card-editorial-footer-label-font-face:     'inter';
    --card-editorial-footer-label-font-size:     14px;
    --card-editorial-footer-label-font-weight:     normal;
    --card-editorial-footer-label-letter-spacing:     0;
    --card-editorial-footer-label-line-height:     1.2;
    --card-editorial-footer-label-text-transform:     none;
    
    /* Footer value */     
    --card-editorial-footer-value-colour:     var(--meta-swatch-mono-1);
    --card-editorial-footer-value-font-face:     'vm-sans';
    --card-editorial-footer-value-font-size:     14px;
    --card-editorial-footer-value-font-weight:     bold;
    --card-editorial-footer-value-letter-spacing:     0;
    --card-editorial-footer-value-line-height:     1.2;
    --card-editorial-footer-value-text-transform:     none;
    
    
    /* Featured articles */     
    /* Old vars */     
    --template-dashboard-editorial-cards-columns:     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:     normal;
    --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 */     
    
    /* 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-1);
    --nav-bar-web-icon-close-color:     var(--meta-swatch-colour-1);
    
    /* 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-colour-1);
    --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-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:     auto;
    --page-actions-button-max-width-l:     auto;
    --page-actions-button-height:     48px;
    --page-actions-button-height-m:     48px;
    --page-actions-button-height-l:     48px;
    --page-actions-button-background:     var(--meta-swatch-mono-5);
    --page-actions-button-border:     1px solid var(--meta-swatch-mono-2);
    --page-actions-button-border-radius:     8px; 
    
    
    /* Button label */     
    --page-actions-button-label-colour:     var(--meta-swatch-mono-2);
    --page-actions-button-label-font-size:     17px;
    --page-actions-button-label-font-family:     'inter';
    --page-actions-button-label-font-weight:     normal;
    --page-actions-button-label-font-style:     normal;
    --page-actions-button-label-line-height:     0;
    --page-actions-button-label-letter-spacing:     1;
    --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:     var(--meta-swatch-mono-5);
    
    
    
    
    /* 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-loop';
    --repeater-heading-font-weight:     200;
    --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:     normal;
    --repeater-sub-heading-font-style:     normal;
    --repeater-sub-heading-line-height:     1.2;
    --repeater-sub-heading-letter-spacing:     0;
    --repeater-sub-heading-text-transform:     none;
    --repeater-sub-heading-text-padding:     0 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:     normal;
    --empty-p-font-style:     normal;
    --empty-p-line-height:     1.2;
    --empty-p-letter-spacing:     0;
    --empty-p-text-transform:     none;
    --empty-p-text-align:     center;
    
    --empty-p-padding:     40px 0 80px;
    --empty-p-background:     transparent;
    --empty-p-border-radius:     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 pink */
    --opt2-block-background:     var(--meta-swatch-colour-2);
    --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:     8px;
    --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 */     
    
    /* 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:     normal;
    --card-label-font-style:     normal;
    --card-label-line-height:     1.3;
    --card-label-label-spacing:     0;
    --card-label-text-transform:     none;
    --card-label-text-align:     left;
    --card-label-padding:     0 4px;
    
    --card-action-icon-size:     var(--pattern-icon-size);
    --card-action-icon-color:     var(--meta-swatch-colour-1);
    
    /* Sidebar */     
    
    /* Page header */     
    --sidebar-page-header-keyline:     none;
    --sidebar-page-template-keyline:     var(--effect-keyline-width) solid var(--pattern-keyline-colour);
    
    /* Page footer */     
    --sidebar-page-footer-keyline:     var(--effect-keyline-width) solid var(--pattern-keyline-colour);
    
    
    /* Table List */     
    
    /* Item */     
    --tl-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:     regular;
    --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 */     
    
    
    /* Targeted Links */     
    
    /* Block container */     
    --targeted-links-padding:     24px 0;
    --targeted-links-padding-m:     24px 0;
    --targeted-links-padding-l:     32px 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 */     
    /* New external container */     
    
    /* Item container */     
    --targeted-links-item-opt1-border:     none;
    --targeted-links-item-opt1-border-radius:     12px;
    --targeted-links-item-opt1-box-shadow:     0px 4px 4px rgba(0, 0, 0, 0.25);
    --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;
    
    /* Cover image */     
    --targeted-links-item-cover-image-opt1-padding:     24px;
    --targeted-links-item-cover-image-opt1-padding-m:     24px;
    --targeted-links-item-cover-image-opt1-padding-l:     24px;
    --targeted-links-item-cover-image-opt1-height:     200px;
    --targeted-links-item-cover-image-opt1-width:     auto;
    --targeted-links-item-cover-image-opt1-width-m:     auto;
    --targeted-links-item-cover-image-opt1-width-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-justify-content:     center;
    --targeted-links-item-header-opt1-justify-content-m:     center;
    --targeted-links-item-header-opt1-justify-content-l:     center;
    
    /* Icon */     
    
    /* External Heading */     
    
    
    /* Heading */     
    --targeted-links-item-heading-opt1-color:     var(--meta-swatch-mono-5);
    --targeted-links-item-heading-opt1-font-family:     'vm-sans';
    --targeted-links-item-heading-opt1-font-weight:     200;
    --targeted-links-item-heading-opt1-font-style:     normal;
    --targeted-links-item-heading-opt1-line-height:     1.2;
    --targeted-links-item-heading-opt1-letter-spacing:     0;
    --targeted-links-item-heading-opt1-text-transform:     none;
    --targeted-links-item-heading-opt1-text-align:     center;
    
    --targeted-links-item-heading-opt1-font-size:     20px;
    --targeted-links-item-heading-opt1-font-size-m:     20px;
    --targeted-links-item-heading-opt1-font-size-l:     24px;
    
    /* 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.5;
    --targeted-links-item-p-opt1-letter-spacing:     0;
    --targeted-links-item-p-opt1-text-transform:     none;
    --targeted-links-item-p-opt1-text-align:     center;
    
    --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;
    
    
    /* 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 */     
    /* New external container */     
    
    /* Item container */     
    --targeted-links-item-opt2-background:     var(--meta-swatch-mono-5);
    --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;
    
    /* Cover image */     
    --targeted-links-item-cover-image-opt2-height:     250px;
    --targeted-links-item-cover-image-opt2-width:     auto;
    --targeted-links-item-cover-image-opt2-width-m:     auto;
    --targeted-links-item-cover-image-opt2-width-l:     auto;
    --targeted-links-item-cover-image-opt2-object-fit:     contain;
    
    /* Body */     
    --targeted-links-item-body-opt2-padding:     16px;
    --targeted-links-item-body-opt2-padding-m:     16px;
    --targeted-links-item-body-opt2-padding-l:     16px;
    --targeted-links-item-body-opt2-gap:     12px;
    --targeted-links-item-body-opt2-gap-m:     12px;
    --targeted-links-item-body-opt2-gap-l:     12px;
    
    /* Header */     
    
    /* 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(--meta-swatch-mono-1);
    
    
    /* Paragraph */     
    --targeted-links-item-p-opt2-color:     var(--meta-swatch-mono-1);
    
    
    --targeted-links-item-p-opt2-padding:     0px 0px 8px 0px;
    --targeted-links-item-p-opt2-padding-m:     0px 0px 8px 0px;
    --targeted-links-item-p-opt2-padding-l:     0px 0px 8px 0px;
    
    /* Paragraph links */     
    
    
    
    
    
    
    /* Inline image */     
    
    
    /* Buttons container */     
    
    
    /* Button block overrides */     
    
    
    /* Option 3 */     
    /* New external container */     
    
    /* Item container */     
    
    /* Cover image */     
    
    /* Body */     
    
    /* Header */     
    
    /* Icon */     
    
    /* External Heading */     
    
    
    /* Heading */     
    
    
    /* Paragraph */     
    
    
    
    /* Paragraph links */     
    
    
    
    
    
    
    /* Inline image */     
    
    
    /* Buttons container */     
    
    
    /* Button block overrides */     
    
    
    /* Option 4 */     
    /* New external container */     
    
    /* Item container */     
    
    /* Cover image */     
    
    /* Body */     
    
    /* Header */     
    
    /* Icon */     
    
    /* External Heading */     
    
    
    /* Heading */     
    
    
    /* Paragraph */     
    
    
    
    /* Paragraph links */     
    
    
    
    
    
    
    /* Inline image */     
    
    
    /* Buttons container */     
    
    
    /* Button block overrides */     
    
    
    /* Option 5 */     
    /* New external container */     
    
    /* Item container */     
    
    /* 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 */     
    
    
    
    
    
    /* 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:     normal;
    --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:     normal;
    --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:     32px 0;
    
    /* Content container */     
    
    /* Item container */     
    --flow-playback-item-flex-direction:     column;
    --flow-playback-item-align-items:     flex-start;
    --flow-playback-item-justify-content:     center;
    --flow-playback-item-padding:     16px 0 0 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:     20px;
    --flow-playback-heading-font-family:     'vm-loop';
    --flow-playback-heading-font-weight:     normal;
    --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-1);
    --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:     8px;
    --flow-playback-indicator-gap:     6px;
    --flow-playback-indicator-border-radius:     4px;
    
    --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:     15px;
    --flow-playback-indicator-label-font-family:     'inter';
    --flow-playback-indicator-label-font-weight:     normal;
    --flow-playback-indicator-label-font-style:     normal;
    --flow-playback-indicator-label-line-height:     1.2;
    --flow-playback-indicator-label-letter-spacing:     0;
    --flow-playback-indicator-label-text-transform:     none;
    --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 */     
    
    /* 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 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 */     
    
    /* 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 */     
    
    
    
    /* 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:     normal;
    
    --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:     normal;
    
    --vm-plan-dataviz-sub-heading-face:     'vm-sans';
    --vm-plan-dataviz-sub-heading-size:     16px;
    --vm-plan-dataviz-sub-heading-weight:     normal;
    
    --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:     390px;
    --grh-detail-width-l:     390px;
    
    /* 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;
    
    /* Low Priority container */     
    --goal-row-lp-container-height:     24px;
    --goal-row-lp-container-width:     80px;
    --goal-row-lp-container-padding:     0 0 1px 0;
    --goal-row-lp-container-background:     var(--meta-swatch-mono-4);
    --goal-row-lp-container-border:     none;
    --goal-row-lp-container-border-radius:     12px;
    --goal-row-lp-container-box-shadow:     none;
    
    /* Low Priority label */     
    --goal-row-lp-label-colour:     var(--meta-swatch-mono-2);
    --goal-row-lp-label-font-size:     var(--typo-data-label-s-font-size);
    --goal-row-lp-label-font-family:     var(--typo-data-label-s-font-face);
    --goal-row-lp-label-font-weight:     var(--typo-data-label-s-font-weight);
    --goal-row-lp-label-font-style:     var(--typo-data-label-s-font-style);
    --goal-row-lp-label-line-height:     var(--goal-row-lp-container-height);
    --goal-row-lp-label-letter-spacing:     var(--typo-data-label-s-letter-spacing);
    --goal-row-lp-label-text-transform:     var(--typo-data-label-s-text-transform);
    --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;
    
    /* Score indicator ON */     
    --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:     1px solid var(--meta-swatch-colour-5);
    
    /* Score indicator OFF */     
    --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;
    
    /* 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 */     
    
    
    
    /* 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 */     
    
    
    --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-2);
    --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;
    
    
    
    /* Checklist */     
    
    /* Articles list */     
    
    
    
    /* 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 */     
    
    
    
    /* MAB Affordability result */     
    /* OVERVIEW SECTION */     
    
    /*CARD*/     
    /*CARD CONTAINER*/     
    
    /*INFO ICON CONTAINER*/     
    
    /*LOAN DEPOSIT DIFFERENCE */     
    
    /*ICON*/     
    
    /*PARAGRAPH*/     
    
    /*VALUE*/     
    
    /*DOUGHNUT*/     
    
    /*LTV DOUGHNUT*/     
    
    /*DOUGHNUT VALUE*/     
    
    /*DOUGHNUT LABEL*/     
    
    /*DOUGHNUT LABEL*/     
    
    /* EDIT SECTION */     
    
    /* BUTTONS */     
    
    
    /* MODAL */     
    /* IMAGE */     
    
    /* TITLE */     
    
    /* ICON CONTAINER */     
    
    /* ICON */     
    
    
    /* Feed */     
    
    /* Content container */     
    
    /* Grid */     
    
    
    
    /* Grid items */     
    
    /* Filters container */     
    
    /* Each individual filter */     
    
    /* Empty state paragraph */     
    
    
    
    
    /* Guidance */     
    
    --guidance-content-container-padding:     32px 0;
    --guidance-content-container-gap:     32px;
    
    
    
    
    
    
    /* Story */     
    
    
    
    
    
    
    /* Video in story slide */     
    
    
    
    /* Video */     
    
    
    
    
    }     
    /* Do not remove!  */     
    
    
    /* Themes */     
    
    :root.dashboard {     
    
    
    
    /* All types - Main container */     
    
    
    
    
    
    
    
    
    
    
    
    --page-template-heading-colour:     var(--meta-swatch-colour-1);
    --page-template-heading-font-size:     28px;
    --page-template-heading-font-size-m:     28px;
    --page-template-heading-font-size-l:     28px;
    --page-template-heading-font-weight:     200;
    
    --page-template-heading-text-align:     left;
    
    --page-template-par-heading-text-align:     left;
    
    
    
    
    
    
    
    
    
    
    
    --pattern-layout-spacer-top-s:     0px;
    
    
    
    
    
    --accordion-v2-header-padding:     16px;
    --tl-item-padding:     22px 16px;
    
    --card-editorial-paragraph-display:     none;
    
    
    
    
    
    
    
    
    
    
    --typo-h-medium-text-align:     center;
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    }     
    
    :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 {     
    
    
    
    --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;
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    }     
    
    :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-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;
    
    --accordion-item-gap:     8px;
    --accordion-item-gap-m:     8px;
    --accordion-item-gap-l:     8px;
    
    --accordion-v2-icon-margin:     0;
    --accordion-v2-padding:     0;
    
    --accordion-flex-direction:     row;
    --accordion-flex-direction-m:     row;
    --accordion-flex-direction-l:     row;
    
    --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;
    
    --coach-spacer-input:     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;
    
    --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;
    
    --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 {     
    
    
    
    --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:     48px 0 16px;
    --page-actions-button-margin-m:     48px 0 16px;
    --page-actions-button-margin-l:     48px 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 {     
    
    
    
    
    
    
    
    
    
    }