/* Family Finance*/

/* Font code */


:root {

    /* Swatches */

    /* Colours */
    --meta-swatch-colour-1:     #0A2F73;
    --meta-swatch-colour-2:     #116998;
    --meta-swatch-colour-3:     #FFBB00;
    --meta-swatch-colour-4:     #26CEBF;
    --meta-swatch-colour-5:     #008075;
    --meta-swatch-colour-6:     #993357;
    --meta-swatch-colour-7:     #147CB3;
    --meta-swatch-colour-8:     #4D2668;
    --meta-swatch-colour-9:     #008623;
    --meta-swatch-colour-10:     #BE1D13;
    --meta-swatch-colour-11:     #D97500;
    --meta-swatch-colour-12:     #DF2216;

    /* Monos */
    --meta-swatch-mono-1:     #051A3F;
    --meta-swatch-mono-2:     #3C4253;
    --meta-swatch-mono-3:     #656A76;
    --meta-swatch-mono-4:     #D9DBDD;
    --meta-swatch-mono-5:     #FFFFFF;
    --meta-swatch-mono-6:     #F1F3F7;
    --meta-swatch-mono-7:     #8F939C;
    --meta-swatch-mono-8:     #121F47;
    --meta-swatch-mono-9:     #C2C4C8;


    /* 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:     255, 255, 255, 0.12;
    --meta-swatch-light-5:     255, 255, 255, 0;



    /* Gradients */
    --meta-swatch-gradient-1:     linear-gradient(90deg, #121F47 9.68%, #0A2F73 38.73%, #147CB3 99.22%);
    --meta-swatch-gradient-2:     linear-gradient(90deg, #FF8A00 -0.78%, #FB0 39.22%, #FB0 99.22%);



    /* 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-2);
    --swatch-content-text-subtle:     var(--meta-swatch-mono-5);
    --swatch-content-text-headings:     var(--meta-swatch-mono-3);
    --swatch-content-text-link:     var(--meta-swatch-colour-1);
    --swatch-content-link-underline:     var(--meta-swatch-colour-1);
    --swatch-content-link-bg:     transparent;
    --swatch-content-link-hover:     var(--meta-swatch-colour-1);
    --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:     rgba(var(--meta-swatch-dark-4));
    --swatch-content-icon-link:     var(--meta-swatch-colour-1);
    --swatch-content-icon-warning:     var(--meta-swatch-colour-4);
    --swatch-content-keylines:     rgba(var(--meta-swatch-dark-3));
    --swatch-content-icon:     var(--meta-swatch-mono-2);
    --swatch-content-icon-bg:     transparent;

    /* Card zone */
    --swatch-card-bg:     rgba(var(--meta-swatch-dark-4));
    --swatch-card-text-strong:     var(--meta-swatch-mono-1);
    --swatch-card-text-subtle:     rgba(var(--meta-swatch-dark-2));
    --swatch-card-text-headings:     var(--meta-swatch-mono-1);
    --swatch-card-text-link:     var(--meta-swatch-colour-5);
    --swatch-card-indicator-on:     var(--meta-swatch-colour-5);
    --swatch-card-indicator-off:     rgba(var(--meta-swatch-dark-3));
    --swatch-card-indicator-hover:     rgba(var(--meta-swatch-dark-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:     rgba(var(--meta-swatch-dark-4));
    --swatch-card-icon-link:     var(--meta-swatch-colour-5);
    --swatch-card-icon-warning:     var(--meta-swatch-colour-4);
    --swatch-card-keylines:     rgba(var(--meta-swatch-dark-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-4);
    --swatch-dataviz-bar-value:     var(--meta-swatch-colour-3);
    --swatch-dataviz-icon-bg:     var(--meta-swatch-colour-3);
    --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-5);
    --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:     rgba(var(--meta-swatch-dark-3));
    --swatch-forms-indicator-hover:     rgba(var(--meta-swatch-dark-3));
    --swatch-forms-input-bg:     var(--meta-swatch-mono-4);
    --swatch-forms-error-bg:     var(--meta-swatch-mono-5);
    --swatch-forms-error-text:     var(--meta-swatch-mono-2);
    --swatch-forms-error-icon:     var(--meta-swatch-colour-4);
    --swatch-forms-validated-highlight:      var(--meta-swatch-colour-1);
    --swatch-forms-option-bg-color:     var(--meta-swatch-mono-4);
    --swatch-forms-option:     rgba(var(--meta-swatch-dark-2));
    --swatch-forms-tick-icon-off:     transparent;
    --swatch-forms-tick-icon-on:     var(--meta-swatch-colour-1);



    /* Patterns */

    /* Global typography */

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

    /* Global  */
    --pattern-letter-spacing-display:     0;
    --pattern-letter-spacing-body:     0;









    /* Headings */

    /* Heading 3XL */
    --typo-h-3xl-colour:     var(--meta-swatch-mono-1);
    --typo-h-3xl-font-face:     'ubuntu';
    --typo-h-3xl-font-size:     28px;
    --typo-h-3xl-font-weight:     700;
    --typo-h-3xl-font-style:     normal;
    --typo-h-3xl-line-height:     36px;
    --typo-h-3xl-letter-spacing:     var(--pattern-letter-spacing-display);
    --typo-h-3xl-text-transform:     none;
    --typo-h-3xl-text-align:     left;

    /* Heading 2XL */
    --typo-h-2xl-colour:     var(--meta-swatch-mono-1);
    --typo-h-2xl-font-face:     'ubuntu';
    --typo-h-2xl-font-size:     24px;
    --typo-h-2xl-font-weight:     700;
    --typo-h-2xl-font-style:     normal;
    --typo-h-2xl-line-height:     32px;
    --typo-h-2xl-letter-spacing:     var(--pattern-letter-spacing-display);
    --typo-h-2xl-text-transform:     none;
    --typo-h-2xl-text-align:     left;

    /* Heading XL */
    --typo-h-xlarge-colour:     var(--meta-swatch-mono-1);
    --typo-h-xlarge-font-face:     'ubuntu';
    --typo-h-xlarge-font-size:     20px;
    --typo-h-xlarge-font-weight:     700;
    --typo-h-xlarge-font-style:     normal;
    --typo-h-xlarge-line-height:     28px;
    --typo-h-xlarge-letter-spacing:     var(--pattern-letter-spacing-display);
    --typo-h-xlarge-text-transform:     none;
    --typo-h-xlarge-text-align:     left;

    /* Heading L */
    --typo-h-large-colour:     var(--meta-swatch-mono-1);
    --typo-h-large-font-face:     'ubuntu';
    --typo-h-large-font-size:     18px;
    --typo-h-large-font-weight:     700;
    --typo-h-large-font-style:     normal;
    --typo-h-large-line-height:     24px;
    --typo-h-large-letter-spacing:     var(--pattern-letter-spacing-display);
    --typo-h-large-text-transform:     none;
    --typo-h-large-text-align:     left;

    /* Heading M */
    --typo-h-medium-colour:     var(--meta-swatch-mono-1);
    --typo-h-medium-font-face:     'ubuntu';
    --typo-h-medium-font-size:     16px;
    --typo-h-medium-font-weight:     700;
    --typo-h-medium-font-style:     normal;
    --typo-h-medium-line-height:     24px;
    --typo-h-medium-letter-spacing:     var(--pattern-letter-spacing-display);
    --typo-h-medium-text-transform:     none;
    --typo-h-medium-text-align:     left;

    /* Heading S */
    --typo-h-small-colour:     var(--meta-swatch-mono-1);
    --typo-h-small-font-face:     'ubuntu';
    --typo-h-small-font-size:     14px;
    --typo-h-small-font-weight:     700;
    --typo-h-small-font-style:     normal;
    --typo-h-small-line-height:     20px;
    --typo-h-small-letter-spacing:     var(--pattern-letter-spacing-display);
    --typo-h-small-text-transform:     none;
    --typo-h-small-text-align:     left;

    /* Heading XS */
    --typo-h-xs-colour:     var(--meta-swatch-mono-1);
    --typo-h-xs-font-face:     'ubuntu';
    --typo-h-xs-font-size:     12px;
    --typo-h-xs-font-weight:     700;
    --typo-h-xs-font-style:     normal;
    --typo-h-xs-line-height:     18px;
    --typo-h-xs-letter-spacing:     var(--pattern-letter-spacing-display);
    --typo-h-xs-text-transform:     none;
    --typo-h-xs-text-align:     left;
    --typo-h-xs-margin:     1.5rem 0 0.7rem;

    /* Heading 2XS */

    /* Heading 3XS */

    /* Sub Headings */

    /* Sub heading 3XL */
    --typo-sh-3xl-colour:     var(--meta-swatch-mono-1);
    --typo-sh-3xl-font-face:     'ubuntu';
    --typo-sh-3xl-font-size:     28px;
    --typo-sh-3xl-font-weight:     500;
    --typo-sh-3xl-font-style:     normal;
    --typo-sh-3xl-line-height:     36px;
    --typo-sh-3xl-letter-spacing:     var(--pattern-letter-spacing-display);
    --typo-sh-3xl-text-transform:     none;
    --typo-sh-3xl-text-align:     left;

    /* Sub heading 2XL */
    --typo-sh-2xl-colour:     var(--meta-swatch-mono-1);
    --typo-sh-2xl-font-face:     'ubuntu';
    --typo-sh-2xl-font-size:     24px;
    --typo-sh-2xl-font-weight:     500;
    --typo-sh-2xl-font-style:     normal;
    --typo-sh-2xl-line-height:     32px;
    --typo-sh-2xl-letter-spacing:     var(--pattern-letter-spacing-display);
    --typo-sh-2xl-text-transform:     none;
    --typo-sh-2xl-text-align:     left;

    /* Sub heading XL */
    --typo-sh-xlarge-colour:     var(--meta-swatch-mono-1);
    --typo-sh-xlarge-font-face:     'ubuntu';
    --typo-sh-xlarge-font-size:     20px;
    --typo-sh-xlarge-font-weight:     500;
    --typo-sh-xlarge-font-style:     normal;
    --typo-sh-xlarge-line-height:     28px;
    --typo-sh-xlarge-letter-spacing:     var(--pattern-letter-spacing-display);
    --typo-sh-xlarge-text-transform:     none;
    --typo-sh-xlarge-text-align:     left;

    /* Sub heading L */
    --typo-sh-large-colour:     var(--meta-swatch-mono-1);
    --typo-sh-large-font-face:     'ubuntu';
    --typo-sh-large-font-size:     18px;
    --typo-sh-large-font-weight:     500;
    --typo-sh-large-font-style:     normal;
    --typo-sh-large-line-height:     24px;
    --typo-sh-large-letter-spacing:     var(--pattern-letter-spacing-display);
    --typo-sh-large-text-transform:     none;
    --typo-sh-large-text-align:     left;

    /* Sub heading M */
    --typo-sh-medium-colour:     var(--meta-swatch-mono-1);
    --typo-sh-medium-font-face:     'ubuntu';
    --typo-sh-medium-font-size:     16px;
    --typo-sh-medium-font-weight:     500;
    --typo-sh-medium-font-style:     normal;
    --typo-sh-medium-line-height:     24px;
    --typo-sh-medium-letter-spacing:     var(--pattern-letter-spacing-display);
    --typo-sh-medium-text-transform:     none;
    --typo-sh-medium-text-align:     left;

    /* Sub heading S */
    --typo-sh-small-colour:     var(--meta-swatch-mono-1);
    --typo-sh-small-font-face:     'ubuntu';
    --typo-sh-small-font-size:     14px;
    --typo-sh-small-font-weight:     500;
    --typo-sh-small-font-style:     normal;
    --typo-sh-small-line-height:     20px;
    --typo-sh-small-letter-spacing:     var(--pattern-letter-spacing-display);
    --typo-sh-small-text-transform:     none;
    --typo-sh-small-text-align:     left;

    /* Sub heading XS */
    --typo-sh-xs-colour:     var(--meta-swatch-mono-1);
    --typo-sh-xs-font-face:     'ubuntu';
    --typo-sh-xs-font-size:     12px;
    --typo-sh-xs-font-weight:     500;
    --typo-sh-xs-font-style:     normal;
    --typo-sh-xs-line-height:     18px;
    --typo-sh-xs-letter-spacing:     var(--pattern-letter-spacing-display);
    --typo-sh-xs-text-transform:     none;
    --typo-sh-xs-text-align:     left;

    /* Sub heading 2XS */

    /* Sub heading 3XS */


    /* Paragraphs */

    /* Paragraph XL */
    --typo-p-xl-colour:     var(--meta-swatch-mono-2);
    --typo-p-xl-font-face:     'Arial';
    --typo-p-xl-font-size:     20px;
    --typo-p-xl-font-weight:     normal;
    --typo-p-xl-font-style:     normal;
    --typo-p-xl-line-height:     28px;
    --typo-p-xl-letter-spacing:     var(--pattern-letter-spacing-body);
    --typo-p-xl-text-transform:     none;
    --typo-p-xl-text-align:     left;

    /* Paragraph L */
    --typo-p-large-colour:     var(--meta-swatch-mono-2);
    --typo-p-large-font-face:     'Arial';
    --typo-p-large-font-size:     18px;
    --typo-p-large-font-weight:     normal;
    --typo-p-large-font-style:     normal;
    --typo-p-large-line-height:     24px;
    --typo-p-large-letter-spacing:     var(--pattern-letter-spacing-body);
    --typo-p-large-text-transform:     none;
    --typo-p-large-text-align:     left;

    /* Paragraph M */
    --typo-p-medium-colour:     var(--meta-swatch-mono-2);
    --typo-p-medium-font-face:     'Arial';
    --typo-p-medium-font-size:     16px;
    --typo-p-medium-font-weight:     normal;
    --typo-p-medium-font-style:     normal;
    --typo-p-medium-line-height:     24px;
    --typo-p-medium-letter-spacing:     var(--pattern-letter-spacing-body);
    --typo-p-medium-text-transform:     none;
    --typo-p-medium-text-align:     left;

    /* Paragraph S */
    --typo-p-small-colour:     var(--meta-swatch-mono-2);
    --typo-p-small-font-face:     'Arial';
    --typo-p-small-font-size:     14px;
    --typo-p-small-font-weight:     normal;
    --typo-p-small-font-style:     normal;
    --typo-p-small-line-height:     20px;
    --typo-p-small-letter-spacing:     var(--pattern-letter-spacing-body);
    --typo-p-small-text-transform:     none;
    --typo-p-small-text-align:     left;

    /* Paragraph XS */
    --typo-p-xs-colour:     var(--meta-swatch-mono-2);
    --typo-p-xs-font-face:     'Arial';
    --typo-p-xs-font-size:     12px;
    --typo-p-xs-font-weight:     normal;
    --typo-p-xs-font-style:     normal;
    --typo-p-xs-line-height:     18px;
    --typo-p-xs-letter-spacing:     var(--pattern-letter-spacing-body);
    --typo-p-xs-text-transform:     none;
    --typo-p-xs-text-align:     left;

    /* <p> "concluding" */

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

    /* <p> "cta" */

    /* Labels */

    /* Label 2XL */
    --typo-data-label-2xl-colour:     var(--pattern-strong-text-colour);
    --typo-data-label-2xl-font-face:     'Arial';
    --typo-data-label-2xl-font-size:     24px;
    --typo-data-label-2xl-font-weight:     normal;
    --typo-data-label-2xl-font-style:     normal;
    --typo-data-label-2xl-line-height:     32px;
    --typo-data-label-2xl-letter-spacing:     var(--pattern-letter-spacing-body);
    --typo-data-label-2xl-text-transform:     none;
    --typo-data-label-2xl-text-align:     left;

    /* Label XL */
    --typo-data-label-xl-colour:     var(--pattern-strong-text-colour);
    --typo-data-label-xl-font-face:     'Arial';
    --typo-data-label-xl-font-size:     20px;
    --typo-data-label-xl-font-weight:     normal;
    --typo-data-label-xl-font-style:     normal;
    --typo-data-label-xl-line-height:     28px;
    --typo-data-label-xl-letter-spacing:     var(--pattern-letter-spacing-body);
    --typo-data-label-xl-text-transform:     none;
    --typo-data-label-xl-text-align:     left;

    /* Label L */
    --typo-data-label-l-colour:     var(--pattern-strong-text-colour);
    --typo-data-label-l-font-face:     'Arial';
    --typo-data-label-l-font-size:     18px;
    --typo-data-label-l-font-weight:     normal;
    --typo-data-label-l-font-style:     normal;
    --typo-data-label-l-line-height:     24px;
    --typo-data-label-l-letter-spacing:     var(--pattern-letter-spacing-body);
    --typo-data-label-l-text-transform:     none;
    --typo-data-label-l-text-align:     left;

    /* Label M */
    --typo-data-label-m-colour:     var(--pattern-strong-text-colour);
    --typo-data-label-m-font-face:     'Arial';
    --typo-data-label-m-font-size:     16px;
    --typo-data-label-m-font-weight:     normal;
    --typo-data-label-m-font-style:     normal;
    --typo-data-label-m-line-height:     24px;
    --typo-data-label-m-letter-spacing:     var(--pattern-letter-spacing-body);
    --typo-data-label-m-text-transform:     none;
    --typo-data-label-m-text-align:     left;

    /* Label S */
    --typo-data-label-s-colour:     var(--pattern-strong-text-colour);
    --typo-data-label-s-font-face:     'Arial';
    --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:     20px;
    --typo-data-label-s-letter-spacing:     var(--pattern-letter-spacing-body);
    --typo-data-label-s-text-transform:     none;
    --typo-data-label-s-text-align:     left;

    /* Label XS */
    --typo-data-label-xs-colour:     var(--pattern-strong-text-colour);
    --typo-data-label-xs-font-face:     'Arial';
    --typo-data-label-xs-font-size:     12px;
    --typo-data-label-xs-font-weight:     normal;
    --typo-data-label-xs-font-style:     normal;
    --typo-data-label-xs-line-height:     18px;
    --typo-data-label-xs-letter-spacing:     var(--pattern-letter-spacing-body);
    --typo-data-label-xs-text-transform:     none;
    --typo-data-label-xs-text-align:     left;

    /* Label 2XS */


    /* Data */

    /* Data 3XL */

    /* Data 2XL */

    /* Data XL */

    /* Data L */
    --typo-data-l-colour:     var(--meta-swatch-colour-3);
    --typo-data-l-font-face:     'poppins';
    --typo-data-l-font-size:     28px;
    --typo-data-l-font-weight:     bold;
    --typo-data-l-font-style:     normal;
    --typo-data-l-line-height:     1;
    --typo-data-l-letter-spacing:     var(--pattern-letter-spacing-body);
    --typo-data-l-text-transform:     none;
    --typo-data-l-text-align:     left;
    --typo-data-l-margin-bottom:     0 0 0.7rem;

    /* Data M */
    --typo-data-m-colour:     var(--meta-swatch-colour-3);
    --typo-data-m-font-face:     'poppins';
    --typo-data-m-font-size:     16px;
    --typo-data-m-font-weight:     bold;
    --typo-data-m-font-style:     normal;
    --typo-data-m-line-height:     1;
    --typo-data-m-letter-spacing:     var(--pattern-letter-spacing-body);
    --typo-data-m-text-transform:     none;
    --typo-data-m-text-align:     left;
    --typo-data-m-margin-bottom:     0 0 0.7rem;

    /* Data S */
    --typo-data-s-colour:     var(--meta-swatch-colour-3);
    --typo-data-s-font-face:     'poppins';
    --typo-data-s-font-size:     13px;
    --typo-data-s-font-weight:     bold;
    --typo-data-s-font-style:     normal;
    --typo-data-s-line-height:     1;
    --typo-data-s-letter-spacing:     var(--pattern-letter-spacing-body);
    --typo-data-s-text-transform:     none;
    --typo-data-s-text-align:     left;
    --typo-data-s-margin-bottom:     0 0 0.7rem;

    /* Data XS */

    /* Data 2XS */

    /* Data 3XS */



    /* Forms */

    /* Labels */
    --typo-form-label-colour:     var(--meta-swatch-mono-8);
    --typo-form-label-font-face:     'Arial';
    --typo-form-label-font-size:     16px;
    --typo-form-label-font-weight:     normal;
    --typo-form-label-font-style:     normal;
    --typo-form-label-line-height:     24px;
    --typo-form-label-letter-spacing:     var(--pattern-letter-spacing-body);
    --typo-form-label-text-transform:     none;
    --typo-form-label-margin-bottom:     8px;

    /* Values */
    --typo-form-value-colour:     var(--meta-swatch-mono-2);
    --typo-form-value-font-face:     'Arial';
    --typo-form-value-font-size:     16px;
    --typo-form-value-font-weight:     normal;
    --typo-form-value-font-style:     normal;
    --typo-form-value-line-height:     24px;
    --typo-form-value-letter-spacing:     var(--pattern-letter-spacing-body);
    --typo-form-value-text-transform:     none;
    --typo-form-value-margin-bottom:     8px;

    /* Fields */

    /* Password show button default /*

    /* Icon default */

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














    /* Layout */


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

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

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

    --layout-sub-width:     100%;


    /* Colour */

    --pattern-interaction-colour:     var(--meta-swatch-colour-1);
    --pattern-negative-colour:     var(--meta-swatch-colour-2);
    --pattern-headings-colour:     var(--meta-swatch-mono-1);
    --pattern-strong-text-colour:     var(--meta-swatch-mono-8);
    --pattern-subtle-text-colour:     var(--meta-swatch-mono-2);
    --pattern-disabled-opacity:     0.2;
    --pattern-hover-colour:     var(--meta-swatch-mono-3);
    --pattern-keyline-colour:     var(--meta-swatch-mono-7);
    --pattern-card-bg-colour:     var(--meta-swatch-mono-5);
    --pattern-indicator-colour:     var(--meta-swatch-colour-5);
    --pattern-data-value-colour:     var(--meta-swatch-gradient-3);
    --pattern-data-whole-colour:     var(--meta-swatch-mono-4);


    /* 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;
    --pattern-border-radius-m:     8px;
    --effect-card-border-radius:      24px;
    --effect-keyline-width:     1px;
    --effect-keyline-width-menu:     1px;
    --effect-forms-border-width:     1px;
    --effects-indicator-width:     4px;
    --pattern-elevation-low:     0px 4px 6px -2px rgba(0, 0, 0, 0.12);
    --pattern-depression-low:     inset 0px 2px 6px rgba(0, 0, 0, 0.1);
    --pattern-indicator-width:     2px;
    --pattern-card-border:     1px solid var(--meta-swatch-mono-3);
    --pattern-keyline-width:     1px;
    --navbar-icons-bg-border-radius:     50%;


    /* Vars to check if we can delete */

    /* <figcaption> */
    --typo-figcaption-colour:     var(--meta-swatch-colour-1);
    --typo-figcaption-font-face:     'poppins';
    --typo-figcaption-font-size:     13px;
    --typo-figcaption-font-weight:     normal;
    --typo-figcaption-font-style:     italic;
    --typo-figcaption-line-height:     1.2;
    --typo-figcaption-letter-spacing:     var(--pattern-letter-spacing-body);
    --typo-figcaption-text-transform:     none;
    --typo-figcaption-margin-bottom:     8px;


    /* Old vars */

    /* Body */
    --face-body:     'face1';
    --line-height-body:     1.5;
    --letter-spacing-body:     -0.03rem;
    --par-margin-body:     0.7rem;
    --text-transform-body:     none;

    --body-paragraph-s-size:      18px;
    --body-paragraph-s-weight:      normal;
    --body-paragraph-s-size:      16px;
    --body-paragraph-s-weight:      normal;
    --body-paragraph-xs-size:      14px;
    --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:     'face1';
    --line-height-heading:     1.2;
    --letter-spacing-heading:     -0.03rem;
    --par-margin-heading:     0.7rem;
    --text-transform-heading:     none;
    --heading-page-title-size:      40px;
    --heading-page-title-weight:      800;
    --heading-paragraph-s-size:      24px;
    --heading-paragraph-s-weight:      800;

    /* Forms */
    --face-forms:     'face1';
    --line-height-forms:     1;
    --letter-spacing-forms:     -0.03rem;
    --par-margin-forms:     0rem;
    --text-transform-forms:     none;
    --forms-input-value-size:      18px;
    --forms-input-value-weight:      bold;
    --forms-input-label-size:      16px;
    --forms-input-label-weight:     normal;
    --forms-input-option-size:      18px;
    --forms-input-option-weight:     normal;

    /* Navigation */
    --face-navigation:     'face1';
    --line-height-navigation:     1;
    --letter-spacing-navigation:     -0.03rem;
    --text-transform-navigation:     none;
    --par-margin-navigation:     0rem;

    /* Menu label */
    --line-height-menu-label:     1.2;
    --letter-spacing-menu-label:     -0.03rem;
    --par-margin-menu-label:     0rem;
    --text-transform-menu-label:     none;

    /* Data label */
    --par-margin-data-label:     0rem;
    --face-data-label:     var(--typo-p-medium-font-face);
    --letter-spacing-data-label:     var(--typo-p-medium-letter-spacing);
    --line-height-data-label:     var(--typo-p-medium-line-height);
    --text-transform-data-label:     var(--typo-p-medium-text-transform);
    --data-label-s-size:      var(--typo-p-medium-font-size);
    --data-label-s-weight:      var(--typo-p-medium-font-weight);
    --data-label-s-size:      var(--typo-p-medium-font-size);
    --data-label-s-weight:      var(--typo-p-medium-font-weight);
    --data-label-l-size:      var(--typo-p-medium-font-size);
    --data-label-l-weight:      var(--typo-p-medium-font-weight);

    /* Data output */
    --par-margin-data-output:     0rem;
    --face-data-output:     'face1';
    --letter-spacing-data-output:     -0.03rem;
    --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;

    /* Advert block container */
    --advert-background-colour:     transparent;
    --advert-background-image-repeat:     no-repeat;
    --advert-background-image-size:     100% 100%;
    --advert-background-image-position:     bottom center;
    --advert-border:     none;
    --advert-border-radius:     12px;
    --advert-padding:     64px 28px 28px 28px;
    --advert-margin:     0;

    /* Heading */
    --advert-heading-colour:     var(--typo-h-medium-colour);
    --advert-heading-font-family:     var(--typo-h-medium-font-face);
    --advert-heading-font-size:     var(--typo-h-medium-font-size);
    --advert-heading-font-weight:     var(--typo-h-medium-font-weight);
    --advert-heading-font-style:     var(--typo-h-medium-font-style);
    --advert-heading-line-height:     var(--typo-h-medium-line-height);
    --advert-heading-letter-spacing:     var(--typo-h-medium-letter-spacing);
    --advert-heading-text-transform:     var(--typo-h-medium-text-transform);
    --advert-heading-text-align:     center;
    --advert-heading-margin:     0 0 16px 0;

    /* Paragraph */
    --advert-paragraph-colour:     var(--typo-p-medium-colour);
    --advert-paragraph-font-family:     var(--typo-p-medium-font-face);
    --advert-paragraph-font-size:     var(--typo-p-medium-font-size);
    --advert-paragraph-font-weight:     var(--typo-p-medium-font-weight);
    --advert-paragraph-font-style:     var(--typo-p-medium-font-style);
    --advert-paragraph-line-height:     var(--typo-p-medium-line-height);
    --advert-paragraph-letter-spacing:     var(--typo-p-medium-letter-spacing);
    --advert-paragraph-text-transform:     var(--typo-p-medium-text-transform);
    --advert-paragraph-text-align:     center;
    --advert-paragraph-margin:     0 0 16px 0;

    /* Button block overrides */
    --advert-button-margin:     0 0 0 auto;
    --advert-button-min-width:     240px;
    --advert-button-max-width:     none;



    /* Article read */

    /* Icon */
    --template-articles-done-icon-colour:     var(--meta-swatch-mono-5);
    --template-articles-done-icon-size:     32px;

    /* Icon background */
    --template-articles-done-icon-bg-size:     48px;
    --template-articles-done-icon-bg-colour:     var(--meta-swatch-colour-4);
    --template-articles-done-icon-bg-border-radius:     50%;
    --template-articles-done-icon-bg-border:     none;

    /* Keyline */
    --template-articles-done-keyline:     1px solid var(--pattern-keyline-colour);
    --template-articles-done-keyline-gutter:     12px;


    /* Blockquote */

    /* <blockquote> */
    --typo-quote-bg-colour:     transparent;
    --typo-quote-colour:     var(--meta-swatch-colour-1);
    --typo-quote-font-face:     'poppins';
    --typo-quote-font-size:     24px;
    --typo-quote-font-weight:     normal;
    --typo-quote-font-style:     italic;
    --typo-quote-line-height:     1.2;
    --typo-quote-letter-spacing:     var(--pattern-letter-spacing-body);
    --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-8);
    --typo-quote-border-bottom:     1px solid var(--meta-swatch-mono-8);


    /* <cite> */
    --type-quote-cite-colour:     var(--pattern-strong-text-colour);
    --type-quote-cite-font-face:     'poppins';
    --type-quote-cite-font-size:     15px;
    --type-quote-cite-font-weight:     normal;
    --type-quote-cite-font-style:     italic;
    --type-quote-cite-line-height:     1.5;
    --type-quote-cite-letter-spacing:     var(--pattern-letter-spacing-body);
    --type-quote-cite-text-transform:     none;
    --type-quote-cite-text-align:     left;



    /* Body */









    /* Callout */

    /* Container */

    /* Header */

    /* Icon */

    /* Headings */

    /* Paragraphs */




    /* Coach explainer */

    /* Block container */
    --coach-explainer-background:     #EFF6FA;
    --coach-explainer-padding:     8px;
    --coach-explainer-padding-m:     8px;
    --coach-explainer-padding-l:     8px;
    --forms-informer-margin-modal:     0 0 16px 0;
    --coach-explainer-gap:     8px;
    --coach-explainer-gap-m:     8px;
    --coach-explainer-gap-l:     8px;
    --coach-explainer-border:     none;
    --coach-explainer-border-radius:     4px;

    /* Icon */
    --coach-explainer-icon-color:     var(--meta-swatch-colour-2);

    /* Content / Paragraph */

    /* Content / List items */


    /* Cover */

    --cover-img-object-fit:     cover;

    --cover-img-object-padding:     16px 0 0 0;
    --cover-img-object-padding-m:     16px 0 0 0;
    --cover-img-object-padding-l:     16px 0 0 0;


    /* Heading */
    --cover-heading-face:     var(--typo-h-large-font-face);
    --cover-heading-size-s:     var(--typo-h-large-font-size);
    --cover-heading-size-ml:     var(--typo-h-xlarge-font-size);
    --cover-heading-weight:     var(--typo-h-large-font-weight);
    --cover-heading-font-style:     var(--typo-h-large-font-style);
    --cover-heading-line-height:     var(--typo-h-large-line-height);
    --cover-heading-letter-spacing:     var(--typo-h-large-letter-spacing);
    --cover-heading-text-transform:     var(--typo-h-large-text-transform);

    /* Sub heading */
    --cover-sub-heading-face:     var(--typo-p-medium-font-face);
    --cover-sub-heading-size-s:     var(--typo-p-medium-font-size);
    --cover-sub-heading-size-ml:     var(--typo-p-large-font-size);
    --cover-sub-heading-weight:     var(--typo-p-medium-font-weight);
    --cover-sub-heading-font-style:     var(--typo-p-medium-font-style);
    --cover-sub-heading-line-height:     var(--typo-p-medium-line-height);
    --cover-sub-heading-letter-spacing:     var(--typo-p-medium-letter-spacing);
    --cover-sub-heading-text-transform:     var(--typo-p-medium-text-transform);

    /* Body text */

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

    /* Buttons */



    /* Donut */

     --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:     24px 0 0 0;
    --in-page-message-padding:     16px 0;
    --in-page-message-padding-m:     16px 0;
    --in-page-message-padding-l:     16px 0;
    --in-page-message-border:     none;
    --in-page-message-border-radius:     5px;

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

    --in-page-message-colour:     var(--typo-p-medium-colour);
    --in-page-message-font-family:     var(--typo-p-medium-font-face);
    --in-page-message-font-size:     var(--typo-p-medium-font-size);

    --in-page-message-font-weight:     var(--typo-p-medium-font-weight);
    --in-page-message-font-style:     var(--typo-p-medium-font-style);
    --in-page-message-line-height:     var(--typo-p-medium-line-height);
    --in-page-message-letter-spacing:     var(--typo-p-medium-letter-spacing);
    --in-page-message-text-transform:     var(--typo-p-medium-text-transform);

    --in-page-message-image-bg-colour:     var(--meta-swatch-mono-5);
    --in-page-message-image-border-radius:     100%;
    --in-page-message-image-width:     48px;
    --in-page-message-image-width-m:     48px;
    --in-page-message-image-width-l:     48px;
    --in-page-message-image-height:     48px;
    --in-page-message-image-height-m:     48px;
    --in-page-message-image-height-l:     48px;
    --in-page-message-image-margin:     0 8px 0 0;
    --in-page-message-image-margin-m:     0 8px 0 0;
    --in-page-message-image-margin-l:     0 8px 0 0;




    /* 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 */
    --mt-flex-direction:     column;
    --mt-flex-media-right-direction:     column-reverse;
    --mt-flex-direction-m:     row;
    --mt-flex-direction-l:     row;
    --mt-promo-small-flex-direction:     row;
    --mt-promo-small-flex-direction-m:     row;
    --mt-promo-small-flex-direction-l:     row;
    --mt-promo-medium-flex-direction:     row;
    --mt-promo-medium-flex-direction-m:     row;
    --mt-promo-medium-flex-direction-l:     row;
    --mt-promo-large-flex-direction:     column;
    --mt-promo-large-media-right-flex-direction:     column-reverse;
    --mt-promo-large-flex-direction-m:     row;
    --mt-promo-large-flex-direction-l:     row;
    --mt-margin:     0;
    --mt-margin-m:     0 0 24px;
    --mt-margin-l:     0 0 24px;

    /* Text container */
    --mt-text-padding-m:     24px 0px 24px 56px;
    --mt-text-padding-l:     24px 0px 24px 56px;
    --mt-text-onright-padding-m:     24px 56px 24px 0px;
    --mt-text-onright-padding-l:     24px 56px 24px 0px;


    /* Image container */





    /* Block container */
    --mt-flex-direction:     column;
    --mt-flex-media-right-direction:     column-reverse;
    --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:     row;
    --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:     0;
    --mt-margin-m:     0 0 24px;
    --mt-margin-l:     0 0 24px;

    /* Text container */
    --mt-text-padding-m:     24px 0px 24px 56px;
    --mt-text-padding-l:     24px 0px 24px 56px;
    --mt-text-onright-padding-m:     24px 56px 24px 0px;
    --mt-text-onright-padding-l:     24px 56px 24px 0px;


    /* Image container */



    /* 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-icon-size:     48px;

    --input-spinner-colour:     #00A799;
    --input-spinner-size:     48px;



    /* Metabox */

    /* Container */
    --template-articles-metabox-display:     flex;
    --template-articles-metabox-direction:     row;
    --template-articles-metabox-align:     center;
    --template-articles-metabox-justify:     space-between;
    --template-articles-metabox-padding:     12px 16px;
    --template-articles-metabox-bg-colour:     var(--meta-swatch-mono-6);
    --template-articles-metabox-border:     none;
    --template-articles-metabox-border-radius:     4px;
    --template-articles-metabox-box-shadow:     none;

    /* Text */
    --template-articles-metabox-colour:     var(--typo-p-small-colour);
    --template-articles-metabox-font-family:     var(--typo-p-small-font-face);
    --template-articles-metabox-font-size:     var(--typo-p-small-font-size);
    --template-articles-metabox-font-weight:     var(--typo-p-small-font-weight);
    --template-articles-metabox-font-style:     var(--typo-p-small-font-style);
    --template-articles-metabox-line-height:     1.6;
    --template-articles-metabox-letter-spacing:     var(--typo-p-small-letter-spacing);
    --template-articles-metabox-text-transform:     var(--typo-p-small-text-transform);

    /* Back icon */
    --template-articles-metabox-back-display:     flex;
    --template-articles-metabox-back-icon-colour:     var(--meta-swatch-mono-2);
    --template-articles-metabox-back-icon-size:     var(--layout-icon-size);

    /* Layout */
    --template-articles-metabox-list-display:     flex;
    --template-articles-metabox-list-direction:     column;
    --template-articles-metabox-list-margin:     0;
    --template-articles-metabox-list-padding:     0;

    /* Item */
    --template-articles-metabox-item-margin:     0;
    --template-articles-metabox-item-padding:     0;
    --template-articles-metabox-item-border:     0;
    --template-articles-metabox-item-border-colour:     none;


    /* Modal Dialog */

    --swatch-general-dimmer:     rgba(0, 0, 0, 0.6);
    --effect-overlay-border-radius:      12px;

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

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

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

    /* Left Icon */
    --modal-header-left-icon-bg-border:     none;
    --modal-header-left-icon-bg-border-radius:     none;
    --modal-header-left-icon-bg-padding:     0;
    --modal-header-left-icon-bg-margin:     0 16px 0;
    --modal-header-left-icon-bg-color:     transparent;
    --modal-header-left-icon-color:     var(--meta-swatch-mono-1);
    --modal-header-left-icon-size:     20px;

    /* 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-colour-2);
    --modal-header-icon-height:     20px;
    --modal-header-icon-width:     20px;

    /* Heading */
    --modal-header-heading-colour:     var(--typo-h-small-colour);
    --modal-header-heading-font-family:     var(--typo-h-small-font-face);
    --modal-header-heading-font-size:     22px;
    --modal-header-heading-font-size-m:     24px;
    --modal-header-heading-font-size-l:     24px;
    --modal-header-heading-font-weight:     var(--typo-h-small-font-weight);
    --modal-header-heading-font-style:     var(--typo-h-small-font-style);
    --modal-header-heading-line-height:     var(--typo-h-small-line-height);
    --modal-header-heading-letter-spacing:     var(--typo-h-small-letter-spacing);
    --modal-header-heading-text-transform:     var(--typo-h-small-text-transform);
    --modal-header-heading-text-align:     var(--typo-h-small-text-align);

    /* Sub heading */
    --modal-header-sub-heading-colour:     var(--typo-p-small-colour);
    --modal-header-sub-heading-font-family:     var(--typo-p-small-font-face);
    --modal-header-sub-heading-font-size:     15px;
    --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:     var(--typo-p-small-text-align);

    /* Spacing */

    --modal-header-padding:     16px;
    --modal-header-padding-m:     24px 48px;
    --modal-header-padding-l:     24px 64px;

    /* Modal footer */


    --modal-footer-text-colour:     var(--meta-swatch-mono-5);
    --modal-footer-text-font-family:     var(--typo-h-small-font-face);
    --modal-footer-text-font-size:     14px;
    --modal-footer-text-font-weight:     300;
    --modal-footer-text-font-style:     none;
    --modal-footer-text-line-height:     var(--pattern-heading-line-height);
    --modal-footer-text-font-spacing:     0;
    --modal-footer-text-text-align:     left;
    --modal-footer-text-padding:     16px;

    /* Cookies modal overrides */


    /* Page Header */

    /* Container */
    --theme-page-header-bg-colour:     var(--meta-swatch-gradient-1);

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

    /* Icon */
    --theme-page-header-icon-colour:     var(--meta-swatch-mono-5);

    /* Content inner container */

    /* Back Icon */
    --page-header-back-icon-padding:     0 12px 0 0;
    --page-header-back-icon-size:     24px;
    --page-header-back-icon-fill:     var(--meta-swatch-mono-5);

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

    /* Identifier label */
    --page-header-category-label-colour:     var(--meta-swatch-mono-5);
    --page-header-category-label-font-family:     var(--typo-data-label-s-font-face);
    --page-header-category-label-font-size:     var(--typo-data-label-s-font-size);
    --page-header-category-label-font-weight:     var(--typo-data-label-s-font-weight);
    --page-header-category-label-font-style:     var(--typo-data-label-s-font-style);
    --page-header-category-label-line-height:     var(--typo-data-label-s-line-height);
    --page-header-category-label-letter-spacing:     var(--typo-data-label-s-letter-spacing);
    --page-header-category-label-text-transform:     var(--typo-data-label-s-text-transform);
    --page-header-category-label-text-align:     center;

    /* Heading */
    --theme-page-header-heading-colour:     var(--meta-swatch-mono-5);
    --page-header-heading-face:     var(--typo-h-large-font-face);
    --page-header-heading-size:     20px;
    --page-header-heading-size-m:     28px;
    --page-header-heading-size-l:     28px;
    --page-header-heading-weight:     var(--typo-h-large-font-weight);
    --page-header-heading-font-style:     var(--typo-h-large-font-style);
    --page-header-heading-line-height:     1.2;
    --page-header-heading-letter-spacing:     var(--typo-h-large-letter-spacing);
    --page-header-heading-text-transform:     var(--typo-h-large-text-transform);
    --page-header-heading-text-align:     var(--typo-h-large-text-align);

    /* Identifier variants */

    /* Option 1 */
    --page-header-id-background-opt-1:     var(--meta-swatch-colour-2);

    --page-header-id-label-colour-opt-1:     var(--meta-swatch-mono-5);

    /* Option 2 */
    --page-header-id-background-opt-2:     var(--meta-swatch-colour-3);

    --page-header-id-label-colour-opt-2:     var(--meta-swatch-mono-1);

    /* Option 3 */


    /* Option 4 */


    /* Option 5 */


    /* Sub heading */
    --theme-page-header-sub-heading-colour:     var(--meta-swatch-mono-5);
    --page-header-sub-heading-face:     var(--typo-p-medium-font-face);
    --page-header-sub-heading-size:     var(--typo-p-medium-font-size);
    --page-header-sub-heading-weight:     var(--typo-p-medium-font-weight);
    --page-header-sub-heading-font-style:     var(--typo-p-medium-font-style);
    --page-header-sub-heading-line-height:     var(--typo-p-medium-line-height);
    --page-header-sub-heading-letter-spacing:     var(--typo-p-medium-letter-spacing);
    --page-header-sub-heading-text-transform:     var(--typo-p-medium-text-transform);
    --page-header-sub-heading-text-align:     var(--typo-p-medium-text-align);

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

    --page-header-spacer-top-m:     24px;
    --page-header-spacer-below-heading-m:     0px;
    --page-header-sub-heading-margin-top-m:     16px;
    --page-header-spacer-bottom-m:     32px;

    --page-header-spacer-top-l:     24px;
    --page-header-spacer-below-heading-l:     0px;
    --page-header-sub-heading-margin-top-l:     16px;
    --page-header-spacer-bottom-l:     32px;

    /* Content Grid Layout */




    /* Block type: Image */




    /* Progress Indicator */
    --app-progress-bar-height:     64px;

    /* Wrapper - to set the bg color*/
    --progress-indicator-wrapper-background:     var(--meta-swatch-mono-5);
    --progress-indicator-container-padding:     16px 0 8px;
    --progress-indicator-container-padding-m:     16px 0 8px;
    --progress-indicator-container-padding-l:     16px 0 8px;

    /* Items parent container */
    --progress-indicator-parent-container-gap:     8px;
    --progress-indicator-parent-container-gap-m:     8px;
    --progress-indicator-parent-container-gap-l:     8px;

    /* Items */
    --progress-indicator-container-justify-content:     space-between;
    --progress-indicator-container-max-width:     100%;
    --progress-indicator-container-margin:     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 */
    --progress-indicator-icon-height:     18px;
    --progress-indicator-icon-width:     18px;

    /* Item states */
    /* Before */
    --progress-indicator-background-before:     var(--meta-swatch-colour-9);
    --progress-indicator-border-before:     none;
    --progress-indicator-border-radius-before:     16px;

    /* Current */
    --progress-indicator-background-current:     var(--meta-swatch-colour-7);
    --progress-indicator-border-current:     none;
    --progress-indicator-border-radius-current:     16px;

    /* After */
    --progress-indicator-background-after:     var(--meta-swatch-mono-9);
    --progress-indicator-border-after:     none;
    --progress-indicator-border-radius-after:     16px;

    /* Label */
    --progress-indicator-label-colour:     var(--meta-swatch-mono-2);
    --progress-indicator-label-font-family:     var(--typo-data-label-m-font-size);
    --progress-indicator-label-font-size:     var(--typo-data-label-m-font-size);
    --progress-indicator-label-font-size-m:     var(--typo-data-label-m-font-size);
    --progress-indicator-label-font-size-l:     var(--typo-data-label-m-font-face);
    --progress-indicator-label-font-weight:     var(--typo-data-label-m-font-weight);
    --progress-indicator-label-font-style:     var(--typo-data-label-m-font-style);
    --progress-indicator-label-line-height:     var(--typo-data-label-m-line-height);
    --progress-indicator-label-letter-spacing:     var(--typo-data-label-m-letter-spacing);
    --progress-indicator-label-text-transform:     var(--typo-data-label-m-text-transform);
    --progress-indicator-label-text-align:     var(--typo-data-label-m-text-align);


    /* Progress Loader Bar */

    /* Container */

    /* Filler */

    /* Animation */

    /* Share menu */

    /* Container */
    --share-heading-colour:     var(--typo-h-small-colour);
    --share-heading-font-family:     var(--typo-h-small-font-face);
    --share-heading-font-size:     var(--typo-h-small-font-size);
    --share-heading-font-weight:     var(--typo-h-small-font-weight);
    --share-heading-font-style:     var(--typo-h-small-font-style);
    --share-heading-line-height:     var(--typo-h-small-line-height);
    --share-heading-letter-spacing:     var(--typo-h-small-letter-spacing);
    --share-heading-text-transform:     var(--typo-h-small-text-transform);
    --share-heading-text-align:     var(--typo-h-small-text-align);

    /* Button container */
    --share-network-button-icon-size:     var(--pattern-icon-size);
    --share-btn-group-columns:     2;
    --share-btn-group-gutter:     16px;

    /* Button background */
    --share-network-button-flex-direction:     row;
    --share-network-button-margin:     0;
    --share-network-button-padding:     8px;
    --share-network-button-background-color:     var(--meta-swatch-mono-5);
    --share-network-button-border:     1px solid var(--meta-swatch-colour-2);
    --share-network-button-border-radius:     4px;
    --share-network-button-box-shadow:     none;
    --share-network-button-width:     100%;

    /* Button label */
    --share-network-button-label-colour:     var(--meta-swatch-colour-2);
    --share-network-button-label-font-family:     var(--typo-form-label-font-face);
    --share-network-button-label-font-size:     var(--typo-form-label-font-size);
    --share-network-button-label-font-weight:     var(--typo-form-label-font-weight);
    --share-network-button-label-font-style:     var(--typo-form-label-font-style);
    --share-network-button-label-line-height:     var(--typo-form-label-line-height);
    --share-network-button-label-letter-spacing:     var(--typo-form-label-letter-spacing);
    --share-network-button-label-text-transform:     var(--typo-form-label-text-transform);
    --share-network-button-justify-content:     center;
    --share-network-button-label-margin:     0 8px 0 0;

    /* URL container */
    --share-url-flex-direction:     row;
    --share-url-background-colour:     var(--meta-swatch-mono-6);
    --share-url-border:     none;
    --share-url-border-radius:     4px;
    --share-url-box-shadow:     none;
    --share-url-padding:     16px;

    /* URL text */
    --share-url-text-colour:     var(--typo-form-label-colour);
    --share-url-text-font-family:     var(--typo-form-label-font-face);
    --share-url-text-font-size:     var(--typo-form-label-font-size);
    --share-url-text-font-weight:     var(--typo-form-label-font-weight);
    --share-url-text-font-style:     var(--typo-form-label-font-style);
    --share-url-text-line-height:     var(--typo-form-label-line-height);
    --share-url-text-letter-spacing:     var(--typo-form-label-letter-spacing);
    --share-url-text-text-transform:     var(--typo-form-label-text-transform);
    --share-url-text-text-align:     var(--typo-form-label-text-align);

    /* URL button OFF */
    --share-url-button-off-margin:     0;
    --share-url-button-off-padding:     8px;
    --share-url-button-off-background-color:     var(--meta-swatch-mono-5);
    --share-url-button-off-border:     1px solid var(--meta-swatch-colour-2);
    --share-url-button-off-border-radius:     4px;
    --share-url-button-off-box-shadow:     none;
    --share-url-button-off-width:     auto;

    --share-url-button-off-label-colour:     var(--typo-form-label-colour);
    --share-url-button-off-label-font-family:     var(--typo-form-label-font-face);
    --share-url-button-off-label-font-size:     var(--typo-form-label-font-size);
    --share-url-button-off-label-font-weight:     var(--typo-form-label-font-weight);
    --share-url-button-off-label-font-style:     var(--typo-form-label-font-style);
    --share-url-button-off-label-line-height:     var(--typo-form-label-line-height);
    --share-url-button-off-label-letter-spacing:     var(--typo-form-label-letter-spacing);
    --share-url-button-off-label-text-transform:     var(--typo-form-label-text-transform);

    /* URL button ON */
    --share-url-button-on-margin:     0;
    --share-url-button-on-padding:     8px;
    --share-url-button-on-background-color:     var(--meta-swatch-colour-2);
    --share-url-button-on-border:     none;
    --share-url-button-on-border-radius:     4px;
    --share-url-button-on-box-shadow:     none;
    --share-url-button-on-width:     auto;

    --share-url-button-on-label-colour:     var(--meta-swatch-mono-5);
    --share-url-button-on-label-font-family:     var(--typo-form-label-font-face);
    --share-url-button-on-label-font-size:     var(--typo-form-label-font-size);
    --share-url-button-on-label-font-weight:     var(--typo-form-label-font-weight);
    --share-url-button-on-label-font-style:     var(--typo-form-label-font-style);
    --share-url-button-on-label-line-height:     var(--typo-form-label-line-height);
    --share-url-button-on-label-letter-spacing:     var(--typo-form-label-letter-spacing);
    --share-url-button-on-label-text-transform:     var(--typo-form-label-text-transform);


    /* Smart banner */

    /* Container */
    --smart-banner-container-height:      84px;
    --smart-banner-container-padding:     16px;

    /* Icon */
    --smart-banner-icon-close-size:     24px;

    /* Image */
    --smart-banner-image-size:     64px;
    --smart-banner-image-object-fit:     contain;

    /* Text container */
    --smart-banner-text-container-gap:     2px;
    --smart-banner-text-container-margin:     0 12px 0 4px;

    /* Button */
    --smart-banner-button-margin:     0 0 0 12px;
    --smart-banner-button-padding:     0 10px;

    /* iOS */
    --smart-banner-ios-container-background:     #FFFFFF;
    --smart-banner-ios-icon-close-colour:     var(--meta-swatch-colour-1);

    --smart-banner-ios-heading-colour:     #000000;

    --smart-banner-ios-subheading-colour:     #666666;
    --smart-banner-ios-subheading-font-size:     14px;

    --smart-banner-ios-button-background:     var(--meta-swatch-colour-1);
    --smart-banner-ios-button-label-colour:     var(--meta-swatch-mono-5);

    /* Android */
    --smart-banner-android-container-background:     #FFFFFF;
    --smart-banner-android-icon-close-colour:     var(--meta-swatch-colour-1);

    --smart-banner-android-heading-colour:     #000000;

    --smart-banner-android-subheading-colour:     #666666;
    --smart-banner-android-subheading-font-size:     14px;

    --smart-banner-android-button-background:     var(--meta-swatch-colour-1);
    --smart-banner-android-button-label-colour:     var(--meta-swatch-mono-5);


    /* 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-border:     none;
    --page-template-heading-container-border-radius:     0px;
    --page-template-heading-container-box-shadow:     none;

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

    --page-template-par-heading-colour:     var(--typo-p-medium-colour);
    --page-template-par-heading-font-face:     var(--typo-p-medium-font-face);
    --page-template-par-heading-font-size:     var(--typo-p-medium-font-size);
    --page-template-par-heading-font-weight:     var(--typo-p-medium-font-weight);
    --page-template-par-heading-font-style:     var(--typo-p-medium-font-style);
    --page-template-par-heading-line-height:     var(--typo-p-medium-line-height);
    --page-template-par-heading-letter-spacing:     var(--typo-p-medium-letter-spacing);
    --page-template-par-heading-text-transform:     var(--typo-p-medium-text-transform);
    --page-template-par-heading-text-align:     var(--typo-p-medium-text-align);
    --page-template-par-heading-margin:     var(--typo-p-medium-margin);


    /* <h1> */
    --typo-h1-colour:     var(--pattern-headings-colour);
    --typo-h1-font-face:     'ubuntu';
    --typo-h1-font-size:     var(--typo-h-xlarge-font-size);
    --typo-h1-font-weight:     var(--typo-h-xlarge-font-weight);
    --typo-h1-font-style:     var(--typo-h-xlarge-font-style);
    --typo-h1-line-height:     var(--typo-h-xlarge-line-height);
    --typo-h1-letter-spacing:     var(--typo-h-xlarge-letter-spacing);
    --typo-h1-text-transform:     var(--typo-h-xlarge-text-transform);
    --typo-h1-text-align:     var(--typo-h-xlarge-text-align);
    --typo-h1-margin:     1.2em 0 0.7em 0;

    /* <h2> */
    --typo-h2-colour:     var(--pattern-headings-colour);
    --typo-h2-font-face:     'ubuntu';
    --typo-h2-font-size:     var(--typo-h-large-font-size);
    --typo-h2-font-weight:     var(--typo-h-large-font-weight);
    --typo-h2-font-style:     var(--typo-h-large-font-style);
    --typo-h2-line-height:     var(--typo-h-large-line-height);
    --typo-h2-letter-spacing:     var(--typo-h-large-letter-spacing);
    --typo-h2-text-transform:     var(--typo-h-large-text-transform);
    --typo-h2-text-align:     var(--typo-h-large-text-align);
    --typo-h2-margin:     1.2em 0 0.7em 0;

    /* <h3> */
    --typo-h3-colour:     var(--pattern-headings-colour);
    --typo-h3-font-face:     'ubuntu';
    --typo-h3-font-size:     var(--typo-h-medium-font-size);
    --typo-h3-font-weight:     var(--typo-h-medium-font-weight);
    --typo-h3-font-style:     var(--typo-h-medium-font-style);
    --typo-h3-line-height:     var(--typo-h-medium-line-height);
    --typo-h3-letter-spacing:     var(--typo-h-medium-letter-spacing);
    --typo-h3-text-transform:     var(--typo-h-medium-text-transform);
    --typo-h3-text-align:     var(--typo-h-medium-text-align);
    --typo-h3-margin:     1.2em 0 0.7em 0;

    /* <h4> */
    --typo-h4-colour:     var(--pattern-headings-colour);
    --typo-h4-font-face:     'ubuntu';
    --typo-h4-font-size:     var(--typo-h-small-font-size);
    --typo-h4-font-weight:     var(--typo-h-small-font-weight);
    --typo-h4-font-style:     var(--typo-h-small-font-style);
    --typo-h4-line-height:     var(--typo-h-small-line-height);
    --typo-h4-letter-spacing:     var(--typo-h-small-letter-spacing);
    --typo-h4-text-transform:     var(--typo-h-small-text-transform);
    --typo-h4-text-align:     var(--typo-h-small-text-align);
    --typo-h4-margin:     1.2em 0 0.7em 0;

    /* <h5> */
    --typo-h5-colour:     var(--pattern-headings-colour);
    --typo-h5-font-face:     'ubuntu';
    --typo-h5-font-size:     var(--typo-h-xs-font-size);
    --typo-h5-font-weight:     var(--typo-h-xs-font-weight);
    --typo-h5-font-style:     var(--typo-h-xs-font-style);
    --typo-h5-line-height:     var(--typo-h-xs-line-height);
    --typo-h5-letter-spacing:     var(--typo-h-xs-letter-spacing);
    --typo-h5-text-transform:     var(--typo-h-xs-text-transform);
    --typo-h5-text-align:     var(--typo-h-xs-text-align);
    --typo-h5-margin:     1.2em 0 0.7em 0;

    /* <h6> */
    --typo-h6-colour:     var(--pattern-headings-colour);
    --typo-h6-font-face:     'ubuntu';
    --typo-h6-font-size:     var(--typo-h-2xs-font-size);
    --typo-h6-font-weight:     var(--typo-h-2xs-font-weight);
    --typo-h6-font-style:     var(--typo-h-2xs-font-style);
    --typo-h6-line-height:     var(--typo-h-2xs-line-height);
    --typo-h6-letter-spacing:     var(--typo-h-2xs-letter-spacing);
    --typo-h6-text-transform:     var(--typo-h-2xs-text-transform);
    --typo-h6-text-align:     var(--typo-h-2xs-text-align);
    --typo-h6-margin:     1.2em 0 0.7em 0;



    /* Text - Links */

    /* <a> */
    --typo-a-link-border-radius:     0;
    --typo-a-link-bg-colour:     transparent;
    --typo-a-link-colour:     inherit;
    --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:     none;
    --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:     underline;
    --typo-a-hover-text-transform:     inherit;
    --typo-a-hover-padding-bottom:     inherit;
    --typo-a-hover-border-bottom:     inherit;
    --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:     underline;
    --typo-a-active-text-transform:     inherit;
    --typo-a-active-padding-bottom:     inherit;
    --typo-a-active-border-bottom:     inherit;
    --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:     underline;
    --typo-a-visited-text-transform:     inherit;
    --typo-a-visited-padding-bottom:     inherit;
    --typo-a-visited-border-bottom:     none;
    --typo-a-visited-position-top:     0;

    /* Text - Lists */

    /* <ul> */
    --typo-ul-colour:     var(--typo-p-medium-colour);
    --typo-ul-font-face:     var(--typo-p-medium-font-face);
    --typo-ul-font-size:     inherit;
    --typo-ul-font-weight:     inherit;
    --typo-ul-font-style:     var(--typo-p-medium-font-style);
    --typo-ul-line-height:     1.5;
    --typo-ul-letter-spacing:     inherit;
    --typo-ul-text-transform:     none;
    --typo-ul-text-align:     var(--typo-p-medium-text-align);
    --typo-ul-margin:     0;
    --typo-ul-padding:     0 0 0 1.4rem;
    --typo-ul-style-type:     disc;
    --typo-ul-style-position:     outside;
    --typo-ul-list-style-image:     none;
    --typo-ul-list-item-margin:     0;
    --typo-ul-list-item-padding:     0;

    /* <ol> */
    --typo-ol-colour:     var(--typo-p-medium-colour);
    --typo-ol-font-face:     var(--typo-p-medium-font-face);
    --typo-ol-font-size:     inherit;
    --typo-ol-font-weight:     inherit;
    --typo-ol-font-style:     var(--typo-p-medium-font-style);
    --typo-ol-line-height:     1.5;
    --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 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:     'Arial';
    --typo-p-colour:     var(--typo-p-medium-colour);
    --typo-p-font-face:     var(--typo-p-medium-font-face);
    --typo-p-font-size:     var(--typo-p-medium-font-size);
    --typo-p-font-weight:     var(--typo-p-medium-font-weight);
    --typo-p-font-style:     var(--typo-p-medium-font-style);
    --typo-p-line-height:     var(--typo-p-medium-line-height);
    --typo-p-letter-spacing:     var(--typo-p-medium-letter-spacing);
    --typo-p-text-transform:     var(--typo-p-medium-text-transform);
    --typo-p-text-align:     var(--typo-p-medium-text-align);
    --typo-p-margin:     0 0 0.7rem;



    /* Trust card */

    --trust-card-margin:     0 0 24px;

    /* Content container */
    --trust-card-content-container-background:     var(--meta-swatch-mono-5);
    --trust-card-content-container-border:     1px solid var(--meta-swatch-mono-4);
    --trust-card-content-container-padding:     16px;
    --trust-card-content-container-border-radius:     24px;

    /* Header container */
    --trust-card-header-container-padding:     8px 0px 24px;

    /* Body container */
    --trust-card-body-container-gap-row:     18px;
    --trust-card-body-container-padding:     16px 0px;
    --trust-card-body-container-border-top:     1px solid var(--meta-swatch-mono-4);

    /* Header image */
    --trust-card-header-img-size:     52px;
    --trust-card-header-img-border-radius:     50px;

    /* Partner container */
    --trust-card-heading-text-padding:     0 0 0 10px;

    /* Header paragraph */
    --trust-card-header-paragraph-colour:     var(--meta-swatch-mono-2);
    --trust-card-header-paragraph-font-family:     var(--typo-p-medium-font-face);
    --trust-card-header-paragraph-font-size:     var(--typo-p-medium-font-size);
    --trust-card-header-paragraph-font-weight:     var(--typo-p-medium-font-weight);
    --trust-card-header-paragraph-font-style:     var(--typo-p-medium-font-style);
    --trust-card-header-paragraph-line-height:     var(--typo-p-medium-line-height);
    --trust-card-header-paragraph-label-spacing:     var(--typo-p-medium-letter-spacing);
    --trust-card-header-paragraph-text-transform:     var(--typo-p-medium-text-transform);
    --trust-card-header-paragraph-text-align:     var(--typo-p-medium-text-align);

    /* Header heading */
    --trust-card-header-heading-colour:     var(--meta-swatch-mono-1);
    --trust-card-header-heading-font-family:     var(--typo-sh-large-font-face);
    --trust-card-header-heading-font-size:     var(--typo-sh-large-font-size);
    --trust-card-header-heading-font-weight:     var(--typo-sh-large-font-weight);
    --trust-card-header-heading-font-style:     var(--typo-sh-large-font-style);
    --trust-card-header-heading-line-height:     var(--typo-sh-large-line-height);
    --trust-card-header-heading-label-spacing:     var(--typo-sh-large-letter-spacing);
    --trust-card-header-heading-text-transform:     var(--typo-sh-large-text-transform);
    --trust-card-header-heading-text-align:     var(--typo-sh-large-text-align);

    /* Item */

    /* Item header */
    --trust-card-item-header-padding:     0 0 8px;

    /* Item icon*/
    --trust-card-item-icon-size:     24px;
    --trust-card-item-icon-colour:     var(--meta-swatch-mono-1);

    /* Item heading */
    --trust-card-item-heading-colour:     var(--meta-swatch-mono-1);
    --trust-card-item-heading-font-family:     var(--typo-sh-medium-font-face);
    --trust-card-item-heading-font-size:     var(--typo-sh-medium-font-size);
    --trust-card-item-heading-font-weight:     var(--typo-sh-medium-font-weight);
    --trust-card-item-heading-font-style:     var(--typo-sh-medium-font-style);
    --trust-card-item-heading-line-height:     var(--typo-sh-medium-line-height);
    --trust-card-item-heading-label-spacing:     var(--typo-sh-medium-letter-spacing);
    --trust-card-item-heading-text-transform:     var(--typo-sh-medium-text-transform);
    --trust-card-item-heading-text-align:     var(--typo-sh-medium-text-align);
    --trust-card-item-heading-padding:     0 0 0 8px;

    /* Item body */
    --trust-card-item-body-colour:     var(--meta-swatch-mono-2);
    --trust-card-item-body-font-family:     var(--typo-p-medium-font-face);
    --trust-card-item-body-font-size:     var(--typo-p-medium-font-size);
    --trust-card-item-body-font-weight:     var(--typo-p-medium-font-weight);
    --trust-card-item-body-font-style:     var(--typo-p-medium-font-style);
    --trust-card-item-body-line-height:     var(--typo-p-medium-line-height);
    --trust-card-item-body-label-spacing:     var(--typo-p-medium-letter-spacing);
    --trust-card-item-body-text-transform:     var(--typo-p-medium-text-transform);
    --trust-card-item-body-text-align:     var(--typo-p-medium-text-align);


    /* Toast */

    /* Container */
    --toast-position-s:     bottom;
    --toast-position-ml:     right top;
    --toast-height:     auto;
    --toast-width:     100%;
    --toast-bg-colour:     var(--meta-swatch-mono-4);
    --toast-border:     1px solid var(--meta-swatch-mono-3);
    --toast-border-radius:     12px;
    --toast-margin:     16px;
    --toast-padding:     16px 16px;

    /* Comms icon */
    --toast-comms-icon-display:     none;
    --toast-comms-icon-colour:     var(--meta-swatch-colour-1);
    --toast-comms-icon-size:     24px;
    --toast-comms-icon-margin:     auto 16px auto 0;
    --toast-comms-icon-position:     flex-start;

    /* Dismiss icon */
    --toast-dismiss-icon-display:     flex;
    --toast-dismiss-icon-colour:     var(--meta-swatch-mono-8);
    --toast-dismiss-icon-size:     24px;
    --toast-dismiss-icon-margin:     auto 0 auto 12px;
    --toast-dismiss-icon-position:     flex-end;

    /* Message text */
    --toast-message-colour:     var(--typo-p-small-colour);
    --toast-message-font-family:     var(--typo-p-small-font-face);
    --toast-message-font-size:     var(--typo-p-small-font-size);
    --toast-message-font-weight:     var(--typo-p-small-font-weight);
    --toast-message-font-style:     var(--typo-p-small-font-style);
    --toast-message-line-height:     1.6;
    --toast-message-letter-spacing:     var(--typo-p-small-letter-spacing);
    --toast-message-text-transform:     var(--typo-p-small-text-transform);
    --toast-message-text-align:     var(--typo-p-small-text-align);


    /* Tooltip */

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



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


    /* Video overlay */

    /* Block container */


    /* Video container */

    /* Close container */



    /* Close icon */


    /* Forms */

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


    /* Button */

    /* All types - Main container */
    --btn-align:     center;
    --btn-width:      100%;
    --btn-max-width:     100%;
    --btn-max-width-m:     360px;
    --btn-max-width-l:     360px;
    --btn-height:      44px;
    --btn-margin:     0;
    --btn-padding:     0;
    --btn-border-radius:     8px;
    --btn-effect-disabled:     var(--pattern-disabled-opacity);

    --account-modal-button-max-width:     var(--btn-max-width-m);
    --unmanaged-cookies-modal-button-max-width:     var(--btn-max-width-m);
    --managed-cookies-modal-button-max-width:     var(--btn-max-width-m);

    /* All types - Companion */
    --btn-companion-height:      var(--btn-height);
    --btn-companion-width:      var(--btn-height);
    --btn-companion-margin:      0 0 0 8px;

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

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

    /* All types - label */
    --btn-label-padding:     12px 8px;
    --btn-label-text-transform:     none;
    --btn-label-face:     var(--typo-p-medium-font-face);
    --btn-label-font-size:     var(--typo-data-label-m-font-face);
    --btn-label-font-weight:     normal;
    --btn-label-letter-spacing:     var(--pattern-letter-spacing-body);
    --btn-label-text-align:     center;

    /* Major */
    --btn-major-max-width:     100%;
    --btn-major-max-width-m:     360px;
    --btn-major-max-width-l:     360px;
    --btn-major-background:     var(--meta-swatch-colour-7);
    --btn-major-border:     none;
    --btn-major-box-shadow:     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:     var(--btn-label-font-weight);

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

    /* Diminished */
    --btn-diminished-background:     transparent;
    --btn-diminished-border:     none;
    --btn-diminished-icon-color:     var(--meta-swatch-colour-2);
    --btn-diminished-icon-bg-color:     transparent;
    --btn-diminished-icon-border:     none;
    --btn-diminished-label-color:     var(--meta-swatch-colour-2);

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

    /* Destructive */
    --btn-destructive-background:     var(--meta-swatch-colour-7);
    --btn-destructive-border:     none;
    --btn-destructive-box-shadow:     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:     var(--btn-label-font-weight);

    /* Special */


    /* Temporary link styles */



    /* Checkbox */

    /* Checkbox group legend */


    /* Checkbox group item */

    /* Outer container */

    /* Container */
    --input-checkbox-container-padding:     0;
    --input-checkbox-container-direction:     row-reverse;
    --input-checkbox-container-align-items:     center;
    --input-checkbox-container-justify-content:     space-between;
    --input-checkbox-container-border-width:     0;
    --input-checkbox-container-border-style:     none;
    --input-checkbox-container-border-color:     transparent;

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

    /* Image */
    --input-checkbox-image-size:     56px;
    --input-checkbox-image-size-m:     56px;
    --input-checkbox-image-size-l:     56px;
    --input-checkbox-image-border-radius:     8px;
    --input-checkbox-image-margin:     0 12px 0 0;
    --input-checkbox-image-margin-m:     0 12px 0 0;
    --input-checkbox-image-margin-l:     0 12px 0 0;

    /* Labels container */

    /* Label */
    --input-checkbox-label-colour:     var(--typo-form-value-colour);
    --input-checkbox-label-font-family:     var(--typo-form-value-font-face);
    --input-checkbox-label-font-size:     var(--typo-form-value-font-size);
    --input-checkbox-label-font-weight:     var(--typo-form-label-font-weight);
    --input-checkbox-label-font-style:     var(--typo-form-value-font-style);
    --input-checkbox-label-line-height:     var(--typo-form-value-line-height);
    --input-checkbox-label-letter-spacing:     var(--typo-form-value-letter-spacing);
    --input-checkbox-label-text-transform:     var(--typo-form-value-text-transform);
    --input-checkbox-label-text-align:     left;
    --input-checkbox-label-margin:     0 0 0 16px;

    /*Sub label*/
    --input-checkbox-sublabel-colour:     var(--meta-swatch-mono-1);
    --input-checkbox-sublabel-font-size:     14px;
    --input-checkbox-sublabel-font-weight:     normal;
    --input-checkbox-sublabel-line-height:      1.5;
    --input-checkbox-sublabel-letter-spacing:     -0.03rem;

    /* Label opt 2 */
    --input-checkbox-label-opt2-colour:     var(--meta-swatch-mono-1);
    --input-checkbox-label-opt2-font-family:     var(--typo-form-value-font-face);
    --input-checkbox-label-opt2-font-size:     18px;
    --input-checkbox-label-opt2-font-weight:     bold;
    --input-checkbox-label-opt2-font-style:     var(--typo-form-value-font-style);
    --input-checkbox-label-opt2-line-height:      var(--typo-form-value-line-height);
    --input-checkbox-label-opt2-letter-spacing:     var(--typo-form-value-letter-spacing);
    --input-checkbox-label-opt2-text-transform:     var(--typo-form-value-text-transform);
    --input-checkbox-label-opt2-text-align:     left;

    /* Option explainer */


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

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

    --input-checkbox-on-background-colour:     var(--meta-swatch-colour-2);
    --input-checkbox-on-border:     none;
    --input-checkbox-on-icon-colour:     var(--meta-swatch-mono-5);
    --input-checkbox-on-icon-size:     30px;
    --input-checkbox-on-border-radius:     6px;
    --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:     #DF2216;
    --forms-error-label-font-family:     var(--typo-form-label-font-face);
    --forms-error-label-font-size:     var(--typo-form-label-font-size);
    --forms-error-label-font-weight:     var(--typo-form-label-font-weight);
    --forms-error-label-font-style:     var(--typo-form-label-font-style);
    --forms-error-label-line-height:     var(--typo-form-label-line-height);
    --forms-error-label-letter-spacing:     var(--typo-form-label-letter-spacing);
    --forms-error-label-text-transform:     var(--typo-form-label-text-transform);
    --forms-error-label-text-align:     var(--typo-form-label-text-align);

    /* Icon */
    --forms-error-icon-display:     none;
    --forms-error-icon-size:     var(--pattern-icon-size);
    --forms-error-icon-colour:     var(--meta-swatch-colour-12);
    --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;


    /* File upload */

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

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

    --input-file-label-color:     var(--typo-p-medium-colour);
    --input-file-label-font-family:     var(--typo-p-medium-font-face);
    --input-file-label-font-size:     var(--typo-p-medium-font-size);
    --input-file-label-font-weight:     var(--typo-p-medium-font-weight);
    --input-file-label-font-style:     var(--typo-p-medium-font-style);
    --input-file-label-line-height:     var(--typo-p-medium-line-height);
    --input-file-label-letter-spacing:     var(--typo-p-medium-letter-spacing);
    --input-file-label-text-transform:     var(--typo-p-medium-text-transform);
    --input-file-label-text-align:     left;







    /* Informer */

    /* Block container */
    --forms-informer-order:     -1;
    --forms-informer-order-static:     -1;
    --forms-informer-order-modal:     -1;
    --forms-informer-background:     #EFF6FA;
    --forms-informer-padding:     8px;
    --forms-informer-padding-m:     8px;
    --forms-informer-padding-l:     8px;
    --forms-informer-margin:     0 0 16px 0;
    --forms-informer-margin-static:     0 0 16px 0;
    --forms-informer-margin-modal:     0 0 16px 0;
    --forms-informer-gap:     8px;
    --forms-informer-gap-m:     8px;
    --forms-informer-gap-l:     8px;
    --forms-informer-border:     none;
    --forms-informer-border-radius:     4px;

    /* Icon */
    --forms-informer-icon-color:     var(--meta-swatch-colour-2);

    /* Content / Paragraph */

    /* Content / List items */

    /* Button */
    --forms-informer-button-width:     100%;


    /* Block container */
    --forms-informer-int-order:     -1;
    --forms-informer-int-background:     #EFF6FA;
    --forms-informer-int-padding:     8px;
    --forms-informer-int-padding-m:     8px;
    --forms-informer-int-padding-l:     8px;
    --forms-informer-int-margin:     0 0 16px 0;
    --forms-informer-int-gap:     8px;
    --forms-informer-int-gap-m:     8px;
    --forms-informer-int-gap-l:     8px;
    --forms-informer-int-align-items:     center;
    --forms-informer-int-border:     none;
    --forms-informer-int-border-radius:     4px;
    --forms-informer-int-width:     100%;
    --forms-informer-int-width-m:     100%;
    --forms-informer-int-width-l:     100%;

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

    /* Content / Paragraph */

    /* Content / List items */

    /* Button */







    /* Input Group & Labels */

    /* Form container */

    /* Input group */
    --input-group-align:     left;
    --input-group-max-width:     100%;
    --input-group-spacer:     12px;

    --input-container-direction:     column;
    --input-container-align-items:     normal;
    --input-container-justify-content:     normal;
    --input-container-padding:     0;
    --input-container-border-width:     0;
    --input-container-border-style:     none;
    --input-container-border-color:     transparent;

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

    --input-informer-margin:     0 8px 0 0;
    --input-informer-padding:     0;
    --input-informer-border:     none;
    --input-informer-border-radius:     none;
    --input-informer-background-color:     transparent;
    --input-informer-box-shadow:     none;

    --input-informer-icon-size:     24px;
    --input-informer-icon-colour:     var(--meta-swatch-colour-2);

    --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 4px 0 0;
    --input-label-inline-direction:     row;
    --input-label-inline-justify-content:     flex-start;
    --input-label-inline-align-items:     center;

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


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

    --forms-input-menu-item-label-colour:     var(--typo-form-label-colour);
    --forms-input-menu-item-label-font-family:     var(--typo-form-label-font-face);
    --forms-input-menu-item-label-font-size:     var(--typo-form-label-font-size);
    --forms-input-menu-item-label-font-weight:     var(--typo-form-label-font-weight);
    --forms-input-menu-item-label-font-style:     var(--typo-form-label-font-style);
    --forms-input-menu-item-label-line-height:     var(--typo-form-label-line-height);
    --forms-input-menu-item-label-letter-spacing:     var(--typo-form-label-letter-spacing);
    --forms-input-menu-item-label-text-transform:     var(--typo-form-label-text-transform);
    --forms-input-menu-item-label-text-align:     var(--typo-form-label-text-align);


    /* Popover */

    /* Option container */
    --popover-padding:     16px 20px;
    --popover-bg-colour:     var(--meta-swatch-mono-5);
    --popover-border:     1px solid var(--meta-swatch-mono-3);
    --popover-border-radius:     8px;
    --popover-box-shadow:     0px 16px 48px rgba(0, 0, 0, 0.24);

    /* Option */
    --popover-option-min-height:     40px;
    --popover-option-padding:     16px 20px;
    --popover-option-margin:     0;
    --popover-option-keyline:     1px solid var(--meta-swatch-mono-3);

    /* Option label */
    --popover-option-label-colour:     var(--typo-p-medium-colour);
    --popover-option-label-font-face:     var(--typo-p-medium-font-face);
    --popover-option-label-font-size:     var(--typo-p-medium-font-size);
    --popover-option-label-font-weight:     bold;
    --popover-option-label-font-style:     var(--typo-p-medium-font-style);
    --popover-option-label-line-height:     var(--typo-p-medium-line-height);
    --popover-option-label-letter-spacing:     var(--typo-p-medium-letter-spacing);
    --popover-option-label-text-transform:     var(--typo-p-medium-text-transform);
    --popover-option-label-text-align:     left;
    --popover-option-label-margin:     0;

    /* Hover */
    --popover-option-hover-bg-colour:     var(--meta-swatch-mono-4);


    /* Popover menu */

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


    /* Popover menu item */

    /* Container */
    --popover-menu-item-padding:     16px 20px;
    --popover-menu-item-height:     40px;
    --popover-menu-item-border-width:     0;
    --popover-menu-item-background-color:     var(--meta-swatch-mono-5);
    --popover-menu-item-border-radius:     8px;
    --popover-menu-item-box-shadow:     none;

    /* Label */
    --popover-menu-item-label-colour:     var(--typo-p-medium-colour);
    --popover-menu-item-label-font-family:     var(--typo-p-medium-font-face);
    --popover-menu-item-label-font-size:     var(--typo-p-medium-font-size);
    --popover-menu-item-label-font-weight:     var(--typo-p-medium-font-weight);
    --popover-menu-item-label-font-style:     var(--typo-p-medium-font-style);
    --popover-menu-item-label-line-height:     var(--typo-p-medium-line-height);
    --popover-menu-item-label-letter-spacing:     var(--typo-p-medium-letter-spacing);
    --popover-menu-item-label-text-transform:     var(--typo-p-medium-text-transform);
    --popover-menu-item-label-text-align:     var(--typo-p-medium-text-align);
    --popover-menu-item-label-margin:     0 8px 0 0;

    /*Label overrides */

    /* Hover overrides */
    --popover-menu-item-background-color-hover:     var(--meta-swatch-mono-7);

    /* Focus overrides */

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













    /* Quick feedback */

    /* Container */
    --feedback-block-padding:     24px 16px;
    --feedback-block-padding-m:     24px 0 24px 0;
    --feedback-block-padding-l:     24px 0 24px 0;
    --feedback-block-background:     var(--meta-swatch-mono-5);
    --feedback-block-border:     none;
    --feedback-block-border-radius:     none;
    --feedback-block-box-shadow:     none;

    /* Content container */

    /* Header container */
    --feedback-heading-margin:     0 auto 16px;

    /* Heading */
    --feedback-heading-colour:     var(--meta-swatch-mono-1);
    --feedback-heading-font-family:     var(--typo-sh-xlarge-font-face);
    --feedback-heading-font-size:     var(--typo-sh-xlarge-font-size);
    --feedback-heading-font-weight:     var(--typo-sh-xlarge-font-weight);
    --feedback-heading-font-style:     var(--typo-sh-xlarge-font-style);
    --feedback-heading-line-height:     var(--typo-sh-xlarge-line-height);
    --feedback-heading-letter-spacing:     var(--typo-sh-xlarge-letter-spacing);
    --feedback-heading-text-transform:     var(--typo-sh-xlarge-text-transform);
    --feedback-heading-text-align:     center;
    --feedback-heading-text-wrap:     balance;

    /* Items container */
    --feedback-items-flex-direction:     row-reverse;
    --feedback-items-align-items:     center;
    --feedback-items-justify-content:     center;

    /* Item */
    --feedback-item-flex-direction:     column-reverse;
    --feedback-item-align-items:     center;
    --feedback-item-justify-content:     center;
    --feedback-item-background:     transparent;

    /* Icon container */
    --feedback-icon-container-margin:     0 0 8px;
    --feedback-icon-container-border-radius:     50%;

    /* Icon*/
    --feedback-icon-colour:     var(--meta-swatch-mono-5);

    /* Label */
    --feedback-item-label-colour:     var(--meta-swatch-mono-1);
    --feedback-item-label-font-family:     var(--typo-data-label-s-font-face);
    --feedback-item-label-font-size:     var(--typo-data-label-s-font-size);
    --feedback-item-label-font-weight:     var(--typo-data-label-s-font-weight);
    --feedback-item-label-font-style:     var(--typo-data-label-s-font-style);
    --feedback-item-label-line-height:     var(--typo-data-label-s-line-height);
    --feedback-item-label-letter-spacing:     var(--typo-data-label-s-letter-spacing);
    --feedback-item-label-text-transform:     var(--typo-data-label-s-text-transform);
    --feedback-item-label-text-align:     center;

    /*ICON STATE OVERRIDES*/
    /* Unanswered */
    --feedback-unanswered-icon-container-bg-colour:     transparent;
    --feedback-unanswered-icon-colour:     var(--meta-swatch-mono-3);

    /* Answered */
    --feedback-answered-icon-colour:     var(--meta-swatch-mono-4);

    /* Selected */
    --feedback-selected-icon-colour:     var(--meta-swatch-colour-2);


    /* Radio buttons */

    /* Checkbox group legend */


    /* Radio group item */



    /* Outer container */

    /* Container */
    --input-radio-container-padding:     0;
    --input-radio-container-direction:     row-reverse;
    --input-radio-container-justify-content:     space-between;
    --input-radio-container-align-items:     center;
    --input-radio-container-border-width:     0;
    --input-radio-container-border-style:     none;
    --input-radio-container-border-color:     transparent;

    /* Label & info icon container */
    --input-radio-label-direction:     row-reverse;
    --input-radio-label-justify-content:     flex-start;
    --input-radio-label-align-items:     center;

    /* Image */

    /* Labels container */

    /* Label */
    --input-radio-label-colour:     var(--typo-form-value-colour);
    --input-radio-label-font-family:     var(--typo-form-value-font-face);
    --input-radio-label-font-size:     var(--typo-form-value-font-size);
    --input-radio-label-font-weight:     var(--typo-form-value-font-weight);
    --input-radio-label-font-style:     var(--typo-form-value-font-style);
    --input-radio-label-line-height:     var(--typo-form-value-line-height);
    --input-radio-label-letter-spacing:     var(--typo-form-value-letter-spacing);
    --input-radio-label-text-transform:     var(--typo-form-value-text-transform);
    --input-radio-label-text-align:     left;
    --input-radio-label-margin:     0 0 0 16px;

    /*Sub label*/

    /* Label opt 2 */

    /* Option explainer */


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

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

    --input-radio-on-background-colour:     var(--meta-swatch-mono-5);
    --input-radio-on-border:     3px solid var(--meta-swatch-colour-2);
    --input-radio-on-icon-colour:     var(--meta-swatch-colour-2);
    --input-radio-on-icon-size:     26px;
    --input-radio-on-border-radius:     50%;
    --input-radio-on-box-shadow:     none;

    /* Link */


    /* Required indicator */





    /* Segmented button */

    /* Container */
    --forms-segmented-btn-height:     42px;
    --forms-segmented-btn-box-shadow:     none;
    --forms-segmented-btn-border:     1px solid var(--meta-swatch-colour-2);
    --forms-segmented-btn-border-radius:     4px;
    --forms-segmented-btn-bg-colour:     var(--meta-swatch-colour-2);
    --forms-segmented-btn-padding:     none;
    --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:     40px;
    --forms-segmented-btn-item-height-m:     40px;
    --forms-segmented-btn-item-height-l:     40px;
    --forms-segmented-btn-item-padding:     0px 8px;
    --forms-segmented-btn-item-margin:     none;
    --forms-segmented-btn-item-margin-m:     none;
    --forms-segmented-btn-item-margin-l:     none;

    /* Item common props */


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

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

    --forms-segmented-btn-item-off-label-colour:     var(--meta-swatch-colour-2);
    --forms-segmented-btn-item-off-label-weight:     var(--typo-data-label-s-font-weight);
    --forms-segmented-btn-item-off-label-font-style:     var(--typo-data-label-s-font-style);
    --forms-segmented-btn-item-off-label-line-height:     var(--typo-data-label-s-line-height);
    --forms-segmented-btn-item-off-label-letter-spacing:     var(--typo-data-label-s-letter-spacing);
    --forms-segmented-btn-item-off-label-text-transform:     var(--typo-data-label-s-text-transform);



    /* Item on */
    --forms-segmented-btn-item-on-outer-radius:     4px;
    --forms-segmented-btn-item-on-inner-radius:     0;
    --forms-segmented-btn-item-on-bg-colour:     var(--meta-swatch-colour-7);
    --forms-segmented-btn-item-on-border:     none;
    --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:     var(--typo-data-label-s-font-weight);
    --forms-segmented-btn-item-on-label-font-style:     var(--typo-data-label-s-font-style);
    --forms-segmented-btn-item-on-label-line-height:     var(--typo-data-label-s-line-height);
    --forms-segmented-btn-item-on-label-letter-spacing:     var(--typo-data-label-s-letter-spacing);
    --forms-segmented-btn-item-on-label-text-transform:     var(--typo-data-label-s-text-transform);



    /* Label */



    /* Select menu */

    --select-container-padding:     16px 0 0;

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

    /* Label */
    --select-label-colour:     var(--typo-p-medium-colour:);
    --select-label-font-family:     var(--typo-p-medium-font-face);
    --select-label-font-size:     var(--typo-p-medium-font-size);
    --select-label-font-weight:     var(--typo-p-medium-font-weight);
    --select-label-font-style:     var(--typo-p-medium-font-style);
    --select-label-line-height:     var(--typo-p-medium-line-height);
    --select-label-letter-spacing:     var(--typo-p-medium-letter-spacing);
    --select-label-text-transform:     var(--typo-p-medium-text-transform);
    --select-label-text-align:     var(--typo-p-medium-text-align);


    /* Value */
    --select-value-colour:     var(--meta-swatch-mono-2);
    --select-value-font-family:     var(--typo-form-value-font-face);
    --select-value-font-size:     var(--typo-form-value-font-size);
    --select-value-font-weight:     var(--typo-form-value-font-weight);
    --select-value-font-style:     var(--typo-form-value-font-style);
    --select-value-line-height:     var(--typo-form-value-line-height);
    --select-value-letter-spacing:     var(--typo-form-value-letter-spacing);
    --select-value-text-transform:     var(--typo-form-value-text-transform);
    --select-value-text-align:     var(--typo-form-value-text-align);

    /* Icon */
    --select-icon-size:     var(--pattern-icon-size);
    --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:     56px;
    --input-switch-body-height:     28px;
    --input-switch-body-padding:     2px;
    --input-switch-body-border-radius:     16px;
    --input-switch-handle-size:     28px;

    /* Body off */
    --input-switch-off-body-bg-colour:     var(--meta-swatch-mono-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-9);
    --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-2);
    --input-switch-mandatory-body-border:     none;
    --input-switch-mandatory-body-border-radius:     20px;
    --input-switch-mandatory-body-box-shadow:     none;
    --input-switch-mandatory-body-padding:     6px 20px;

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

    --input-switch-disallowed-body-background:     var(--meta-swatch-mono-4);
    --input-switch-disallowed-body-label-colour:     var(--meta-swatch-mono-2);

    /* Label */
    --input-switch-label-direction:     row;
    --input-switch-label-justify-content:     flex-start;
    --input-switch-label-align-items:     center;
    --input-switch-label-colour:     var(--typo-form-label-colour);
    --input-switch-label-font-family:     var(--typo-form-label-font-face);
    --input-switch-label-font-size:     16px:;
    --input-switch-label-font-weight:     bold;
    --input-switch-label-font-style:     none;
    --input-switch-label-line-height:     var(--typo-form-label-line-height);
    --input-switch-label-letter-spacing:     var(--typo-form-label-letter-spacing);
    --input-switch-label-text-transform:     var(--typo-form-label-text-transform);
    --input-switch-label-text-align:     var(--typo-form-label-text-align);
    --input-switch-label-margin:     0 8px 0 0;

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


    /* Text area */

    /* Container */

    /* Field container */
    --forms-textarea-padding:     14px 16px 15px 16px;
    --forms-textarea-width:     100%;
    --forms-textarea-height:     auto;
    --forms-textarea-border-width:     2px;
    --forms-textarea-border-style:     solid;
    --forms-textarea-border-color:     var(--meta-swatch-mono-7);
    --forms-textarea-background-color:     transparent;
    --forms-textarea-border-radius:     4px;
    --forms-textarea-box-shadow:     none;
    --forms-textarea-margin:     16px 0 0 0;

    /* Label */
    --forms-textarea-label-colour:     var(--typo-form-label-colour);
    --forms-textarea-label-font-family:     var(--typo-form-label-font-face);
    --forms-textarea-label-font-size:     var(--typo-form-label-font-size);
    --forms-textarea-label-font-weight:     var(--typo-form-label-font-weight);
    --forms-textarea-label-font-style:     var(--typo-form-label-font-style);
    --forms-textarea-label-line-height:     var(--typo-form-label-line-height);
    --forms-textarea-label-letter-spacing:     var(--typo-form-label-letter-spacing);
    --forms-textarea-label-text-transform:     var(--typo-form-label-text-transform);
    --forms-textarea-label-text-align:     var(--typo-form-label-text-align);

    /* Informer */

    /* Placeholder */
    --forms-textarea-placeholder-colour:     var(--meta-swatch-mono-2);
    --forms-textarea-placeholder-font-family:     var(--typo-form-value-font-face);
    --forms-textarea-placeholder-font-size:     16px;
    --forms-textarea-placeholder-font-weight:     var(--typo-form-value-font-weight);
    --forms-textarea-placeholder-font-style:     var(--typo-form-value-font-style);
    --forms-textarea-placeholder-line-height:     var(--typo-form-value-line-height);
    --forms-textarea-placeholder-letter-spacing:     var(--typo-form-value-letter-spacing);
    --forms-textarea-placeholder-text-transform:     var(--typo-form-value-text-transform);
    --forms-textarea-placeholder-text-align:     var(--typo-form-value-text-align);


    /* Value */
    --forms-textarea-value-colour:     var(--typo-form-value-colour);
    --forms-textarea-value-font-family:     var(--typo-form-value-font-face);
    --forms-textarea-value-font-size:     var(--typo-form-value-font-size);
    --forms-textarea-value-font-weight:     var(--typo-form-value-font-weight);
    --forms-textarea-value-font-style:     var(--typo-form-value-font-style);
    --forms-textarea-value-line-height:     var(--typo-form-value-line-height);
    --forms-textarea-value-letter-spacing:     var(--typo-form-value-letter-spacing);
    --forms-textarea-value-text-transform:     var(--typo-form-value-text-transform);
    --forms-textarea-value-text-align:     var(--typo-form-value-text-align);


    /* Text input */

    /* Layout order */


    /* Container */

    /* Field container */
    --forms-input-padding:     14px 16px 15px 16px;
    --forms-input-width:     100%;
    --forms-input-height:     auto;
    --forms-input-border-width:     2px;
    --forms-input-border-style:     solid;
    --forms-input-border-color:     var(--meta-swatch-mono-7);
    --forms-input-background-color:     transparent;
    --forms-input-border-radius:     4px;
    --forms-input-box-shadow:     none;

    /* Label */
    --forms-input-label-colour:     var(--typo-form-label-colour);
    --forms-input-label-font-family:     var(--typo-form-label-font-face);
    --forms-input-label-font-size:     var(--typo-form-label-font-size);
    --forms-input-label-font-weight:     var(--typo-form-label-font-weight);
    --forms-input-label-font-style:     var(--typo-form-label-font-style);
    --forms-input-label-line-height:     var(--typo-form-label-line-height);
    --forms-input-label-letter-spacing:     var(--typo-form-label-letter-spacing);
    --forms-input-label-text-transform:     var(--typo-form-label-text-transform);
    --forms-input-label-text-align:     var(--typo-form-label-text-align);

    /* Informer */

    /* Placeholder */
    --forms-input-placeholder-colour:     var(--meta-swatch-mono-3);
    --forms-input-placeholder-font-family:     var(--typo-form-value-font-face);
    --forms-input-placeholder-font-size:     16px;
    --forms-input-placeholder-font-weight:     var(--typo-form-value-font-weight);
    --forms-input-placeholder-font-style:     var(--typo-form-value-font-style);
    --forms-input-placeholder-line-height:     var(--typo-form-value-line-height);
    --forms-input-placeholder-letter-spacing:     var(--typo-form-value-letter-spacing);
    --forms-input-placeholder-text-transform:     var(--typo-form-value-text-transform);
    --forms-input-placeholder-text-align:     var(--typo-form-value-text-align);

    /* Value */
    --forms-input-value-colour:     var(--typo-form-value-colour);
    --forms-input-value-font-family:     var(--typo-form-value-font-face);
    --forms-input-value-font-size:     var(--typo-form-value-font-size);
    --forms-input-value-font-weight:     var(--typo-form-value-font-weight);
    --forms-input-value-font-style:     var(--typo-form-value-font-style);
    --forms-input-value-line-height:     var(--typo-form-value-line-height);
    --forms-input-value-letter-spacing:     var(--typo-form-value-letter-spacing);
    --forms-input-value-text-transform:     var(--typo-form-value-text-transform);
    --forms-input-value-text-align:     var(--typo-form-value-text-align);


    /* Password validation */

    /* These are currently in use but... */
    --account-password-tick-off-colour:     rgba(85, 85, 85, 0.1);
    --account-password-tick-on-colour:     var(--meta-swatch-colour-12);

    --input-tick-container-padding:     0;
    --input-tick-container-direction:     row-reverse;
    --input-tick-container-align-items:     left;
    --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-small-colour);
    --input-tick-label-font-face:     var(--typo-p-small-font-face);
    --input-tick-label-font-family:     var(--typo-p-small-font-face);
    --input-tick-label-font-size:     var(--typo-p-small-font-size);
    --input-tick-label-font-weight:     var(--typo-p-small-font-weight);
    --input-tick-label-font-style:     var(--typo-p-small-font-style);
    --input-tick-label-line-height:     var(--typo-p-small-line-height);
    --input-tick-label-letter-spacing:     var(--typo-p-small-letter-spacing);
    --input-tick-label-text-transform:     var(--typo-p-small-text-transform);
    --input-tick-label-text-align:     left;
    --input-tick-label-margin:     0 0 0 8px;

    --forms-wheel-informer-margin:     0 8px 0 0;

    /* These should be the new controls */
    --swatch-forms-tick-size:     var(--pattern-icon-size);






    /* 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-8);
    --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:     0px;
    --forms-wheel-label-width:     27.5%;
    --forms-wheel-value-width:     45%;

    /* Grips */
    --forms-wheel-grip-container-height:     48px;
    --forms-wheel-grip-container-bg-colour:     var(--meta-swatch-mono-5);
    --forms-wheel-grip-container-border:     2px solid var(--meta-swatch-mono-7);
    --forms-wheel-grip-container-border-radius:     4px;
    --forms-wheel-grip-container-shadow:     none;

    --forms-wheel-grips-height:     48px;
    --forms-wheel-grips-width:     3px;
    --forms-wheel-grips-colour:     var(--meta-swatch-mono-4);
    --forms-wheel-grips-vertical-position:     center;

    /* Stepper buttons */
    --forms-wheel-stepper-width:     45px;
    --forms-wheel-stepper-height:     48px;
    --forms-wheel-stepper-margin:     12px;
    --forms-wheel-stepper-bg-colour:     var(--meta-swatch-mono-5);
    --forms-wheel-stepper-border:     1px solid var(--meta-swatch-colour-2);
    --forms-wheel-stepper-border-radius:     4px;
    --forms-wheel-stepper-icon-size:     var(--pattern-icon-size);
    --forms-wheel-stepper-icon-on-colour:     var(--meta-swatch-colour-2);
    --forms-wheel-stepper-icon-off-colour:     var(--meta-swatch-mono-7);
    --forms-wheel-stepper-disabled-opacity:     var(--pattern-disabled-opacity);

    /* Frame */
    --forms-wheel-frame-display:     none;

    --forms-wheel-fade-colour:     none;

    /* Value indicator */
    --forms-wheel-indicator-on-colour:     transparent;
    --forms-wheel-indicator-off-colour:     transparent;
    --forms-wheel-indicator-width:     2px;
    --forms-wheel-indicator-arrowhead-display:     none;
    --forms-wheel-indicator-height:     100%;
    --forms-wheel-indicator-align:     0;

    /* Label */
    --forms-wheel-label-direction:     row;
    --forms-wheel-label-justify-content:     flex-start;
    --forms-wheel-label-align-items:     center;
    --forms-wheel-label-colour:     var(--typo-form-label-colour);
    --forms-wheel-label-font-face:     var(--typo-form-label-font-face);
    --forms-wheel-label-font-size:     13px;
    --forms-wheel-label-font-size-m:     13px;
    --forms-wheel-label-font-size-l:     13px;
    --forms-wheel-label-font-weight:     var(--typo-form-label-font-weight);
    --forms-wheel-label-font-style:     var(--typo-form-label-font-style);
    --forms-wheel-label-line-height:     1.2;
    --forms-wheel-label-letter-spacing:     var(--typo-form-label-letter-spacing);
    --forms-wheel-label-text-transform:     var(--typo-form-label-text-transform);
    --forms-wheel-label-text-align:     left;


    --forms-wheel-value-colour:     #147CB3;
    --forms-wheel-value-font-face:     var(--typo-form-value-font-face);
    --forms-wheel-value-font-size:     var(--typo-form-value-font-size);
    --forms-wheel-value-font-weight:     var(--typo-form-value-font-weight);
    --forms-wheel-value-font-style:     var(--typo-form-value-font-style);
    --forms-wheel-value-line-height:     22px;
    --forms-wheel-value-letter-spacing:     var(--typo-form-value-letter-spacing);
    --forms-wheel-value-text-transform:     var(--typo-form-value-text-transform);
    --forms-wheel-value-text-align:     center;

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



    /* Navigation */

    /* Accordion (Current) */

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

    /* <li> Accordion item */

    /* Item Header */
    --accordion-v2-header-direction:     row;
    --accordion-v2-header-align:     center;
    --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:      var(--accordion-v2-header-bg-color);



    /* Item Header > label */
    --accordion-v2-title-colour:      var(--typo-sh-large-colour);
    --accordion-v2-title-font-family:      var(--typo-sh-large-font-face);
    --accordion-v2-title-font-size:      18px;
    --accordion-v2-title-font-size-m:      18px;
    --accordion-v2-title-font-size-l:      18px;
    --accordion-v2-title-font-weight:      700;
    --accordion-v2-title-font-style:      var(--typo-sh-large-font-style);
    --accordion-v2-title-line-height:      var(--typo-sh-large-line-height);
    --accordion-v2-title-letter-spacing:      var(--typo-sh-large-letter-spacing);
    --accordion-v2-title-text-transform:      var(--typo-sh-large-text-transform);
    --accordion-v2-title-text-align:      var(--typo-sh-large-text-align);

    --accordion-v2-title-colour-open:      var(--accordion-v2-title-colour);

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

    --accordion-v2-icon-bg-border-open:      var(--accordion-v2-icon-bg-border);
    --accordion-v2-icon-bg-color-open:      var(--accordion-v2-icon-bg-color);
    --accordion-v2-icon-color-open:      var(--accordion-v2-icon-color);

    /* Item Header > Action container (Select menu) */


    /* Item Header > Select menu (in Sus Coach) */






    /* Item Content */
    --accordion-v2-content-padding:     8px 0;
    --accordion-v2-content-padding-m:     16px 0;
    --accordion-v2-content-padding-l:     16px 0;




    /* Block container */

    --accordion-margin:     0 0 2px 0;
    --accordion-border-bottom:     none;

    /* Words container */





    /* Accordion (Upcoming) */

    /* Widget container */


    /* Heading */

    /* Sub heading */

    /* List <ul> */
    --acc-list-background:     var(--meta-swatch-mono-5);
    --acc-list-gap:     2px;
    --acc-list-gap-m:     2px;
    --acc-list-gap-l:     2px;
    --acc-list-padding:     0;
    --acc-list-border:     none;
    --acc-list-border-radius:     12px;
    --accordion-v2-item-keyline:     none;

    /* Item <li> */

    /* Item header */
    --acc-item-header-background:     transparent;
    --acc-item-header-background-open:      transparent;

    /* Item header main */
    --acc-item-header-main-flex-direction:     row;
    --acc-item-header-main-align-items:     center;
    --acc-item-header-main-justify-content:     space-between;
    --acc-item-header-main-padding:     16px 0;
    --acc-item-header-main-margin:     0;


    /* Item header label group */


    /* Item header status icon */

    /* Item header heading */
    --acc-item-header-heading-color:     var(--typo-sh-large-colour);
    --acc-item-header-heading-font-family:     var(--typo-sh-large-font-face);
    --acc-item-header-heading-font-size:     18px;
    --acc-item-header-heading-font-size-m:     18px;
    --acc-item-header-heading-font-size-l:     18px;
    --acc-item-header-heading-font-weight:     700;
    --acc-item-header-heading-font-style:     var(--typo-sh-large-font-style);
    --acc-item-header-heading-line-height:     var(--typo-sh-large-line-height);
    --acc-item-header-heading-letter-spacing:     var(--typo-sh-large-letter-spacing);
    --acc-item-header-heading-text-transform:     var(--typo-sh-large-text-transform);
    --acc-item-header-heading-text-align:     var(--typo-sh-large-text-align);
    --acc-item-header-heading-color-open:     var(--accordion-v2-title-colour);


    /* Item header subheading */

    /* Item header input */


    /* An inner layer that has a flex direction var */


    /* Item header action icon */
    --acc-item-header-action-icon-border:     none;
    --acc-item-header-action-icon-color:     var(--meta-swatch-colour-1);
    --acc-item-header-action-icon-margin:     0 0 0 16px;
    --acc-item-header-action-icon-border-open:     var(--accordion-v2-icon-bg-border);
    --acc-item-header-action-icon-background-open:     var(--accordion-v2-icon-bg-color);
    --acc-item-header-action-icon-color-open:     var(--accordion-v2-icon-color);

    /* Item body */
    --acc-item-body-padding:     8px 0;
    --acc-item-body-padding-m:     16px 0;
    --acc-item-body-padding-l:     16px 0;





    /* AI Coach   (Ask Me) */

    /* Container */

    /* Thinking Avatar */

    /* Coach block overrides */

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

    /* Form input */
    --ask-form-input-padding:     0 16px;
    --ask-form-input-padding-m:     0;
    --ask-form-input-padding-l:     0;
    --ask-form-input-background:     transparent;
    --ask-form-input-border:     none;
    --ask-form-input-box-shadow:     none;
    --ask-form-input-gap:     8px;

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

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

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

    /* Field overrides */
    --ask-field-padding:     8px;
    --ask-field-height:     48px;
    --ask-field-background:     #f2f2f2;
    --ask-field-border-radius:     8px;








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

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

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

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

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



    /* Breadcrumb */

    /* Container */

    /*Link Label*/



    /*Delimiter*/


    /* Category links */

    /* Block Container */

    /* Content Container */

    /* Heading */

    /* Sub heading */

    /* Link */

    /* Items Container */

    /* Item container */

    /* Item label */

    /* Item sub label */


    /* Item icon */

    /* Checklist Sections Container */




    /* Checklist Section Container */

    --checklist-section-container-margin:     0 0 32px;

    --checklist-section-gap:     16px;
    --checklist-section-gap-m:     16px;
    --checklist-section-gap-l:     16px;


    /* Checklist Item */

    /* Container */
    --checklist-item-bg-colour:     transparent;

    /* Indicator */
    --checklist-item-indicator-width:     var(--pattern-indicator-width);
    --checklist-item-indicator-on-colour:     transparent;
    --checklist-item-indicator-off-colour:     transparent;
    --checklist-item-indicator-hover-colour:     transparent;

    /* 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-max-width:     100%;
    --checklist-item-btn-min-width:     100%;
    --checklist-item-btn-padding:     16px;
    --checklist-item-btn-bg-colour:     var(--meta-swatch-mono-5);
    --checklist-item-btn-border:     2px solid #D9DBDD;
    --checklist-item-btn-border-radius-first:     var(--btn-border-radius);
    --checklist-item-btn-border-radius:     var(--btn-border-radius);
    --checklist-item-btn-border-radius-last:     var(--btn-border-radius);
    --checklist-item-btn-box-shadow:     0px 2px 5px 0px rgba(18, 31, 71, 0.07);

    /* Button items ordering */

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

    /* Labels order */
    --checklist-item-label-order:     1;


    /* Activity Label */
    --checklist-item-label-colour:     var(--meta-swatch-mono-1);
    --checklist-item-label-font-family:     var(--typo-p-medium-font-face);
    --checklist-item-label-font-size:     var(--typo-p-medium-font-size);
    --checklist-item-label-font-weight:     var(--typo-p-medium-font-weight);
    --checklist-item-label-font-style:     var(--typo-p-medium-font-style);
    --checklist-item-label-line-height:     var(--typo-p-medium-line-height);
    --checklist-item-label-letter-spacing:     var(--typo-p-medium-letter-spacing);
    --checklist-item-label-text-transform:     var(--typo-p-medium-text-transform);
    --checklist-item-label-align:     var(--typo-p-medium-text-align);
    --checklist-item-label-padding:     0 0 0 8px;

    /* Description Label */

    /* Badge container */     /* White text on blue */
    --checklist-item-badge-margin:     0 0 8px;
    --checklist-item-badge-margin-m:     0 0 8px;
    --checklist-item-badge-margin-l:     0 0 8px;
    --checklist-item-badge-padding:     4px 8px;
    --checklist-item-badge-padding-m:     4px 8px;
    --checklist-item-badge-padding-l:     4px 8px;
    --checklist-item-badge-background:     var(--meta-swatch-colour-2);
    --checklist-item-badge-border:     none;
    --checklist-item-badge-border-radius:     4px;
    --checklist-item-badge-box-shadow:     none;

    /* Badge label */
    --checklist-item-badge-label-colour:     var(--meta-swatch-mono-5);
    --checklist-item-badge-label-font-family:     var(--typo-data-label-s-font-face);
    --checklist-item-badge-label-font-size:     var(--typo-data-label-s-font-size);
    --checklist-item-badge-label-font-size-m:     var(--typo-data-label-s-font-size);
    --checklist-item-badge-label-font-size-l:     var(--typo-data-label-s-font-size);
    --checklist-item-badge-label-font-weight:     var(--typo-data-label-s-font-weight);
    --checklist-item-badge-label-font-style:     var(--typo-data-label-s-font-style);
    --checklist-item-badge-label-line-height:     var(--typo-data-label-s-line-height);
    --checklist-item-badge-label-letter-spacing:     var(--typo-data-label-s-letter-spacing);
    --checklist-item-badge-label-text-transform:     var(--typo-data-label-s-text-transform);
    --checklist-item-badge-label-text-align:     var(--typo-data-label-s-text-align);
    --checklist-item-badge-label-text-shadow:     none;

    /* BADGE OPTIONS */

    /* Option 1 */     /* White text on blue */
    --checklist-item-badge-margin-opt-1:     0 0 2px;
    --checklist-item-badge-margin-m-opt-1:     0 0 2px;
    --checklist-item-badge-margin-l-opt-1:     0 0 2px;
    --checklist-item-badge-padding-opt-1:     4px 8px;
    --checklist-item-badge-padding-m-opt-1:     4px 8px;
    --checklist-item-badge-padding-l-opt-1:     4px 8px;
    --checklist-item-badge-background-opt-1:     var(--meta-swatch-colour-2);
    --checklist-item-badge-border-opt-1:     none;
    --checklist-item-badge-border-radius-opt-1:     4px;
    --checklist-item-badge-box-shadow-opt-1:     none;

    --checklist-item-badge-label-opt-1-colour:     var(--meta-swatch-mono-5);
    --checklist-item-badge-label-opt-1-font-family:     var(--typo-data-label-s-font-face);
    --checklist-item-badge-label-opt-1-font-size:     var(--typo-data-label-s-font-size);
    --checklist-item-badge-label-opt-1-font-size-m:     var(--typo-data-label-s-font-size);
    --checklist-item-badge-label-opt-1-font-size-l:     var(--typo-data-label-s-font-size);
    --checklist-item-badge-label-opt-1-font-weight:     var(--typo-data-label-s-font-weight);
    --checklist-item-badge-label-opt-1-font-style:     var(--typo-data-label-s-font-style);
    --checklist-item-badge-label-opt-1-line-height:     var(--typo-data-label-s-line-height);
    --checklist-item-badge-label-opt-1-letter-spacing:     var(--typo-data-label-s-letter-spacing);
    --checklist-item-badge-label-opt-1-text-transform:     var(--typo-data-label-s-text-transform);
    --checklist-item-badge-label-opt-1-text-align:     var(--typo-data-label-s-text-align);
    --checklist-item-badge-label-opt-1-text-shadow:     none;

    /* Option 2 */     /* Navy text on yellow */
    --checklist-item-badge-margin-opt-2:     0 0 2px;
    --checklist-item-badge-margin-m-opt-2:     0 0 2px;
    --checklist-item-badge-margin-l-opt-2:     0 0 2px;
    --checklist-item-badge-padding-opt-2:     4px 8px;
    --checklist-item-badge-padding-m-opt-2:     4px 8px;
    --checklist-item-badge-padding-l-opt-2:     4px 8px;
    --checklist-item-badge-background-opt-2:     var(--meta-swatch-colour-3);
    --checklist-item-badge-border-opt-2:     none;
    --checklist-item-badge-border-radius-opt-2:     4px;
    --checklist-item-badge-box-shadow-opt-2:     none;

    --checklist-item-badge-label-opt-2-colour:     var(--meta-swatch-mono-1);
    --checklist-item-badge-label-opt-2-font-family:     var(--typo-data-label-s-font-face);
    --checklist-item-badge-label-opt-2-font-size:     var(--typo-data-label-s-font-size);
    --checklist-item-badge-label-opt-2-font-size-m:     var(--typo-data-label-s-font-size);
    --checklist-item-badge-label-opt-2-font-size-l:     var(--typo-data-label-s-font-size);
    --checklist-item-badge-label-opt-2-font-weight:     var(--typo-data-label-s-font-weight);
    --checklist-item-badge-label-opt-2-font-style:     var(--typo-data-label-s-font-style);
    --checklist-item-badge-label-opt-2-line-height:     var(--typo-data-label-s-line-height);
    --checklist-item-badge-label-opt-2-letter-spacing:     var(--typo-data-label-s-letter-spacing);
    --checklist-item-badge-label-opt-2-text-transform:     var(--typo-data-label-s-text-transform);
    --checklist-item-badge-label-opt-2-text-align:     var(--typo-data-label-s-text-align);
    --checklist-item-badge-label-opt-2-text-shadow:     none;

    /* Option 3 */


    /* Option 4 */


    /* Option 5 */



    /* Status Label */
    --checklist-item-status-label-display:     none;

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

    /* Status */
    --checklist-item-checkbox-bg-height:     24px;
    --checklist-item-checkbox-bg-width:     24px;
    --checklist-item-checkbox-bg-margin:     0 16px 0 0;
    --checklist-item-checkbox-border-radius:     50%;

    --checklist-item-status-icon-height:     32px;
    --checklist-item-status-icon-width:     32px;
    --checklist-item-status-icon-margin:     0 16px 0 0;
    --checklist-item-status-icon-border-radius:     50%;
    --checklist-item-status-icon-size:     var(--pattern-icon-size);

    /* Disabled state overrides */



    /* Selected state overrides */







    /* Old hardcoded statuses */
    --checklist-item-checkbox-to-do-bg-colour:     transparent;
    --checklist-item-checkbox-to-do-border:     2px solid var(--meta-swatch-colour-11);
    --checklist-item-checkbox-to-do-icon-colour:     transparent;

    --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-colour-12);

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

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

    --checklist-item-checkbox-na-bg-colour:     var(--meta-swatch-colour-11);
    --checklist-item-checkbox-na-border:     none;
    --checklist-item-checkbox-na-icon-colour:     var(--meta-swatch-mono-10);

    --checklist-item-checkbox-not-keen-bg-colour:     var(--meta-swatch-colour-11);
    --checklist-item-checkbox-not-keen-border:     none;
    --checklist-item-checkbox-not-keen-icon-colour:     var(--meta-swatch-mono-10);

    --checklist-item-checkbox-already-bg-colour:     var(--meta-swatch-colour-11);
    --checklist-item-checkbox-already-border:     none;
    --checklist-item-checkbox-already-icon-colour:     var(--meta-swatch-mono-10);

    --checklist-item-checkbox-done-bg-colour:     var(--meta-swatch-colour-11);
    --checklist-item-checkbox-done-border:     none;
    --checklist-item-checkbox-done-icon-colour:     var(--meta-swatch-mono-10);


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

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

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

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

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

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

    --checklist-item-checkbox-notapplicable-bg-colour:     var(--meta-swatch-colour-4);
    --checklist-item-checkbox-notapplicable-border:     none;
    --checklist-item-checkbox-notapplicable-icon-colour:     var(--meta-swatch-mono-5);

    --checklist-item-checkbox-notkeen-bg-colour:     var(--meta-swatch-colour-4);
    --checklist-item-checkbox-notkeen-border:     none;
    --checklist-item-checkbox-notkeen-icon-colour:     var(--meta-swatch-mono-5);

    --checklist-item-checkbox-alreadyhaveone-bg-colour:     var(--meta-swatch-colour-4);
    --checklist-item-checkbox-alreadyhaveone-border:     none;
    --checklist-item-checkbox-alreadyhaveone-icon-colour:     var(--meta-swatch-mono-5);

    --checklist-item-checkbox-completed-bg-colour:     var(--meta-swatch-colour-4);
    --checklist-item-checkbox-completed-border:     none;
    --checklist-item-checkbox-completed-icon-colour:     var(--meta-swatch-mono-5);

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


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

    --checklist-item-status-icon-notstarted-bg-colour:     var(--meta-swatch-mono-5);
    --checklist-item-status-icon-notstarted-border:     2px solid var(--meta-swatch-mono-7);
    --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:     2px solid var(--meta-swatch-mono-7);
    --checklist-item-status-icon-seen-icon-colour:     var(--meta-swatch-mono-7);

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

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

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

    --checklist-item-status-icon-notapplicable-bg-colour:     var(--meta-swatch-mono-5);
    --checklist-item-status-icon-notapplicable-border:     2px solid var(--meta-swatch-mono-7);
    --checklist-item-status-icon-notapplicable-icon-colour:     var(--meta-swatch-mono-7);

    --checklist-item-status-icon-notkeen-bg-colour:     var(--meta-swatch-mono-5);
    --checklist-item-status-icon-notkeen-border:     2px solid var(--meta-swatch-mono-7);
    --checklist-item-status-icon-notkeen-icon-colour:     var(--meta-swatch-mono-7);

    --checklist-item-status-icon-alreadyhaveone-bg-colour:     var(--meta-swatch-mono-5);
    --checklist-item-status-icon-alreadyhaveone-border:     2px solid var(--meta-swatch-mono-7);
    --checklist-item-status-icon-alreadyhaveone-icon-colour:     var(--meta-swatch-mono-7);

    --checklist-item-status-icon-completed-bg-colour:     var(--meta-swatch-colour-9);
    --checklist-item-status-icon-completed-border:     2px solid transparent;
    --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:     2px solid var(--meta-swatch-mono-7);
    --checklist-item-status-icon-externallink-icon-colour:     var(--meta-swatch-mono-7);

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

    --checklist-item-status-icon-pageread-bg-colour:     var(--meta-swatch-mono-5);
    --checklist-item-status-icon-pageread-border:     2px solid var(--meta-swatch-mono-7);
    --checklist-item-status-icon-pageread-icon-colour:     var(--meta-swatch-mono-7);

    --checklist-item-status-icon-seenpost-bg-colour:     var(--meta-swatch-mono-5);
    --checklist-item-status-icon-seenpost-border:     2px solid var(--meta-swatch-mono-7);
    --checklist-item-status-icon-seenpost-icon-colour:     var(--meta-swatch-mono-5);

    --checklist-item-status-icon-read-bg-colour:     var(--meta-swatch-colour-9);
    --checklist-item-status-icon-read-border:     2px solid transparent;
    --checklist-item-status-icon-read-icon-colour:     var(--meta-swatch-mono-5);



    /* Checklist Section Header */

    /* Container */
    --checklist-section-margin:     none;
    --checklist-section-bg-colour:     transparent;

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

    /* Toggle */
    --checklist-toggle-height:     24px;
    --checklist-toggle-width:     24px;
    --checklist-toggle-icon-size:     24px;
    --checklist-toggle-border-radius:     0;
    --checklist-toggle-margin:     0;
    --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:     none;

    /* Heading */
    --checklist-section-heading-colour:     var(--typo-h-xlarge-colour);
    --checklist-section-heading-family:     var(--typo-h-xlarge-font-face);
    --checklist-section-heading-size:     var(--typo-h-xlarge-font-size);
    --checklist-section-heading-weight:     var(--typo-h-xlarge-font-weight);
    --checklist-section-heading-line-height:     var(--typo-h-xlarge-line-height);
    --checklist-section-heading-letter-spacing:     var(--typo-h-xlarge-letter-spacing);
    --checklist-section-heading-text-transform:     var(--typo-h-xlarge-text-transform);


    /* Sub heading */
    --checklist-section-sub-heading-colour:     var(--meta-swatch-mono-2);
    --checklist-section-sub-heading-family:     var(--typo-p-medium-font-face);
    --checklist-section-sub-heading-size:     var(--typo-p-medium-font-size);
    --checklist-section-sub-heading-weight:     var(--typo-p-medium-font-weight);
    --checklist-section-sub-heading-font-style:     var(--typo-p-medium-font-style);
    --checklist-section-sub-heading-line-height:     var(--typo-p-medium-line-height);
    --checklist-section-sub-heading-letter-spacing:     var(--typo-p-medium-letter-spacing);
    --checklist-section-sub-heading-text-transform:     var(--typo-p-medium-text-transform);
    --checklist-section-sub-heading-text-align:     left;

    /* Spacing */
    --checklist-section-spacer-top:     0;
    --checklist-section-spacer-middle:     8px;
    --checklist-section-spacer-bottom:     16px;

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


    /* Coach */

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

    /* Avatar */
    --theme-coach-avatar-display:     block;
    --coach-avatar-width:     42px;
    --coach-avatar-height:     42px;
    --coach-avatar-border-radius:     0;
    --coach-spacer-avatar:     0;
    --coach-avatar-padding:     16px 0 12px 0;
    --coach-avatar-justify-content:     left;
    --coach-avatar-align:     left;

    /* Message bubbles container */
    --coach-messages-max-width:     100%;
    --coach-messages-max-width-m:     600px;
    --coach-messages-max-width-l:     600px;

    /* Message */
    --coach-message-bg-colour:     var(--meta-swatch-mono-6);
    --coach-message-background:     var(--meta-swatch-mono-6);
    --coach-message-max-width:     100%;
    --coach-message-max-width-m:     600px;
    --coach-message-max-width-l:     600px;
    --coach-message-img-display:     none;
    --coach-message-margin-right:     0;
    --coach-message-border-radius:      8px;
    --coach-message-border:     none;
    --coach-message-box-shadow:     none;
    --coach-message-padding:      12px 16px 13px 16px;

    --coach-message-text-colour:     var(--typo-p-medium-colour);
    --coach-message-text-color:     var(--typo-p-medium-colour);
    --coach-message-font-family:     var(--typo-p-medium-font-face);
    --coach-message-text-size:     var(--typo-p-medium-font-size);
    --coach-message-text-weight:      var(--typo-p-medium-font-weight);
    --coach-message-text-style:      var(--typo-p-medium-font-style);
    --coach-message-letter-spacing:     var(--typo-p-medium-letter-spacing);
    --coach-message-line-height:     var(--typo-p-medium-line-height);
    --coach-message-text-transform:     var(--typo-p-medium-text-transform);
    --coach-message-text-align:     var(--typo-p-medium-text-align);
    --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 2px;
    --coach-link-underline-width-hover:     1px;

    /* User Message */
    --coach-usermsg-background:     var(--meta-swatch-mono-6);
    --coach-usermsg-max-width:     8px;
    --coach-usermsg-max-width-m:     none;
    --coach-usermsg-max-width-l:     none;
    --coach-usermsg-img-display:     12px 16px 13px 16px;
    --coach-usermsg-margin:     var(--meta-swatch-mono-6);
    --coach-usermsg-before-content:     100%;
    --coach-usermsg-before-width:     600px;
    --coach-usermsg-before-height:     600px;
    --coach-usermsg-before-border-radius:     none;
    --coach-usermsg-before-background:     0;

    --coach-usermsg-text-colour:     var(--typo-p-medium-colour);
    --coach-usermsg-text-color:     var(--typo-p-medium-colour);
    --coach-usermsg-font-family:     var(--typo-p-medium-font-face);
    --coach-usermsg-text-size:     var(--typo-p-medium-font-size);
    --coach-usermsg-text-weight:     var(--typo-p-medium-font-weight);
    --coach-usermsg-text-style:     var(--typo-p-medium-font-style);
    --coach-usermsg-letter-spacing:     var(--typo-p-medium-letter-spacing);
    --coach-usermsg-line-height:     var(--typo-p-medium-line-height);
    --coach-usermsg-text-transform:     var(--typo-p-medium-text-transform);
    --coach-usermsg-text-align:     var(--typo-p-medium-text-align);
    --coach-usermsg-par-margin:     0.4rem;
    --coach-usermsg-word-break:     break-word;





    /* Motion */

    /* Spacing */
    --coach-spacer-par:     8px;
    --coach-spacer-group:     12px;
    --coach-spacer-input:     16px;
    --coach-input-h-gap:     8px;

    /* All types - Main container */

    /* All types - Icon container */

    /* All types - SVG */

    /* All button types - label */

    /* Button block overrides - Major type */

    /* Button block overrides - Minor type */

    /* Headings when on Dashboard */


    --coach-reload-padding:     8px;
    --coach-reload-icon-color:     #00A799;
    --coach-reload-icon-size:     48px;

    /* 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-10);
    --card-editorial-border-radius:     var(--pattern-border-radius-m);
    --card-editorial-box-shadow:     var(--pattern-elevation-low);
    --card-editorial-border:     var(--pattern-card-border);
    --card-editorial-padding:     12px;


    /* Heading */
    --card-editorial-heading-display:     block;
    --card-editorial-heading-colour:     var(--typo-h-medium-colour);
    --card-editorial-heading-font-face:     var(--typo-h-medium-font-face);
    --card-editorial-heading-font-size:     var(--typo-h-medium-font-size);
    --card-editorial-heading-font-weight:     var(--typo-h-medium-font-weight);
    --card-editorial-heading-letter-spacing:     var(--typo-h-medium-letter-spacing);
    --card-editorial-heading-line-height:     var(--typo-h-medium-line-height);
    --card-editorial-heading-text-transform:     var(--typo-h-medium-text-transform);



    /* Paragraph */
    --card-editorial-paragraph-display:     block;
    --card-editorial-paragraph-colour:     var(--typo-p-medium-colour);
    --card-editorial-paragraph-font-face:     var(--typo-p-medium-font-face);
    --card-editorial-paragraph-font-size:     var(--typo-p-medium-font-size);
    --card-editorial-paragraph-font-weight:     var(--typo-p-medium-font-weight);
    --card-editorial-paragraph-letter-spacing:     var(--typo-p-medium-letter-spacing);
    --card-editorial-paragraph-line-height:     var(--typo-p-medium-line-height);
    --card-editorial-paragraph-text-transform:     var(--typo-p-medium-text-transform);

    /* Label */
    --card-editorial-label-colour:     var(--meta-swatch-mono-2);
    --card-editorial-label-font-face:     var(--typo-p-small-font-face);
    --card-editorial-label-font-size:     var(--typo-p-small-font-size);
    --card-editorial-label-font-weight:     var(--typo-p-small-font-weight);
    --card-editorial-label-letter-spacing:     var(--typo-p-small-letter-spacing);
    --card-editorial-label-line-height:     var(--typo-p-small-line-height);
    --card-editorial-label-text-transform:     var(--typo-p-small-text-transform);

    /* Icon */
    --card-editorial-icon-display:     block;
    --card-editorial-icon-colour:     var(--meta-swatch-colour-12);
    --card-editorial-icon-size:     var(--pattern-icon-size);

    /* Footer label */

    /* Footer value */


    /* Featured articles */
    /* Old vars */
    --template-dashboard-editorial-cards-columns:     2;
    --template-dashboard-editorial-cards-gap-row:     16px;
    --template-dashboard-editorial-cards-gap-column:     16px;
    --template-dashboard-editorial-bg-color:     transparent;


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

    /* New vars */

    /* Block container */
    --featured-articles-padding:     0 0 16px;

    /* Grid container */
    --featured-articles-grid-container-gap-row:     16px;

    /* 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 */
    --filter-toggle-padding:     12px 16px;
    --filter-toggle-margin:     8px 0 12px 0;
    --filter-toggle-background:     var(--meta-swatch-mono-5);
    --filter-toggle-border:     1px solid var(--meta-swatch-colour-2);
    --filter-toggle-border-radius:     9px;
    --filter-toggle-box-shadow:     none;

    /* Label */
    --filter-toggle-label-colour:     var(--meta-swatch-colour-2);
    --filter-toggle-label-font-size:     var(--meta-swatch-mono-5);
    --filter-toggle-label-font-family:     'Arial';
    --filter-toggle-label-font-weight:     var(--typo-data-label-m-font-weight);
    --filter-toggle-label-font-style:     normal;
    --filter-toggle-label-line-height:     1;
    --filter-toggle-label-letter-spacing:     var(--typo-data-label-m-letter-spacing);
    --filter-toggle-label-text-transform:     none;
    --filter-toggle-label-margin:     0 0 0 6px;

    /* Icon container */
    --filter-toggle-icon-bg-height:     var(--pattern-icon-size);
    --filter-toggle-icon-bg-width:     var(--pattern-icon-size);

    /* Icon */
    --filter-toggle-icon-size:     var(--pattern-icon-size);
    --filter-toggle-icon-colour:     var(--meta-swatch-colour-2);

    /* State overrides */
    --filter-toggle-background-on:     var(--meta-swatch-mono-5);
    --filter-toggle-border-on:     1px solid var(--meta-swatch-colour-2);
    --filter-toggle-label-colour-on:     var(--meta-swatch-colour-2);
    --filter-toggle-icon-colour-on:     var(--meta-swatch-colour-2);

    /* Footer - Main */

    /* Container */
    --footer-bg-colour:     var(--meta-swatch-mono-5);
    --footer-bg-image-size:     375px 92px;
    --footer-align:     center;
    --footer-group-min-width:     320px;
    --footer-group-max-width:     720px;
    --footer-padding:     16px 0 24px;

    /* Section layout */
    --footer-header-flex-order:     2;
    --footer-social-icons-flex-order:     4;
    --footer-logo-flex-order:     1;
    --footer-buttons-flex-order:     3;
    --footer-text-flex-order:     5;

    /* Header */
    --footer-header-display:     block;
    --footer-header-margin:     0;
    --footer-header-padding:     0 0 24px 0;

    --footer-header-colour:     var(--meta-swatch-colour-1);
    --footer-header-font-face:     var(--typo-sh-medium-font-face);
    --footer-header-font-family:     var(--typo-sh-medium-font-face);
    --footer-header-font-size:     var(--typo-sh-medium-font-size);
    --footer-header-font-weight:     var(--typo-sh-medium-font-weight);
    --footer-header-font-style:     var(--typo-sh-medium-font-style);
    --footer-header-line-height:     var(--typo-sh-medium-line-height);
    --footer-header-letter-spacing:     var(--typo-sh-medium-letter-spacing);
    --footer-header-header-transform:     var(--typo-sh-medium-text-transform);
    --footer-header-text-align:     var(--typo-sh-medium-text-align);

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

    /* Social Icon */
    --footer-social-icons-color:     var(--meta-swatch-colour-2);
    --footer-social-icons-margin:     0 16px 0 0;
    --footer-social-icons-size:     var(--pattern-icon-size);

    /* Logo Container */
    --footer-logo-container-align:     center;
    --footer-logo-container-justify-content:     left;
    --footer-logo-container-padding:     0 0 24px 0;
    --footer-logo-container-text-align:     center;

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

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

    --footer-btn-height:     100%;
    --footer-btn-margin:     0;
    --footer-btn-padding:     0;
    --footer-btn-bg-color:     var(--meta-swatch-mono-10);
    --footer-btn-align:     left;
    --footer-btn-border:     none;
    --footer-btn-border-radius:     var(--btn-border-radius);
    --footer-btn-label-padding:     0 0 8px 0;



    --footer-btn-label-color:     var(--meta-swatch-colour-2);
    --footer-btn-label-font-face:     var(--typo-data-label-m-font-face);
    --footer-btn-label-font-size:     var(--typo-data-label-m-font-size);
    --footer-btn-label-font-weight:     var(--typo-data-label-m-font-weight);
    --footer-btn-label-font-style:     var(--typo-data-label-m-font-style);
    --footer-btn-label-line-height:     var(--typo-data-label-m-line-height);
    --footer-btn-label-letter-spacing:     var(--typo-data-label-m-letter-spacing);
    --footer-btn-label-text-transform:     var(--typo-data-label-m-text-transform);
    --footer-btn-label-text-decoration:     none;

    /* Text container */

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


    /* Text <p> elements */
    --footer-text-colour:     var(--meta-swatch-colour-1);
    --footer-text-font-face:     var(--typo-p-small-font-face);
    --footer-text-font-size:     var(--typo-p-small-font-size);
    --footer-text-font-weight:     var(--typo-p-small-font-weight);
    --footer-text-font-style:     var(--typo-p-small-font-style);
    --footer-text-line-height:     var(--typo-p-small-line-height);
    --footer-text-letter-spacing:     var(--typo-p-small-letter-spacing);
    --footer-text-text-transform:     var(--typo-p-small-text-transform);
    --footer-text-text-align:     left;
    --footer-text-margin:     0;

    /* Footer - Legal */

    /* Container */

    /* Text */
    --footer-legal-text-margin:     0 0 24px 0;

    --footer-legal-text-colour:     var(--meta-swatch-mono-1);
    --footer-legal-text-font-face:     var(--typo-p-small-font-face);
    --footer-legal-text-font-size:     16px;
    --footer-legal-text-font-weight:     var(--typo-p-small-font-weight);
    --footer-legal-text-font-style:     var(--typo-p-small-font-style);
    --footer-legal-text-line-height:     24px;
    --footer-legal-text-letter-spacing:     var(--typo-p-small-letter-spacing);
    --footer-legal-text-text-transform:     var(--typo-p-small-text-transform);
    --footer-legal-text-text-align:     left;

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


    /* Knowledge Section Container */





    --knowledge-section-container-margin:     0 0 12px;

    /* Knowledge Item */

    /* Container */
    --knowledge-item-bg-colour:     transparent;

    /* Indicator */
    --knowledge-item-indicator-width:     var(--pattern-indicator-width);
    --knowledge-item-indicator-on-colour:     transparent;
    --knowledge-item-indicator-off-colour:     transparent;
    --knowledge-item-indicator-hover-colour:     transparent;

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

    /* Button */
    --knowledge-item-btn-min-height:     100%;
    --knowledge-item-btn-max-width:     100%;
    --knowledge-item-btn-margin:     0 0 12px;
    --knowledge-item-btn-padding:     16px;
    --knowledge-item-btn-bg-colour:     transparent;
    --knowledge-item-btn-border:     2px solid var(--meta-swatch-colour-1);
    --knowledge-item-btn-border-radius-first:     var(--btn-border-radius);
    --knowledge-item-btn-border-radius:     var(--btn-border-radius);
    --knowledge-item-btn-border-radius-last:     var(--btn-border-radius);
    --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(--typo-p-small-colour);
    --knowledge-item-label-font-family:     var(--typo-p-small-font-face);
    --knowledge-item-label-font-size:     var(--typo-p-small-font-size);
    --knowledge-item-label-weight:     var(--typo-p-small-font-weight);
    --knowledge-item-label-font-weight:     var(--typo-p-small-font-weight);
    --knowledge-item-label-font-style:     var(--typo-p-small-font-style);
    --knowledge-item-label-line-height:     var(--typo-p-small-line-height);
    --knowledge-item-label-letter-spacing:     var(--typo-p-small-letter-spacing);
    --knowledge-item-label-text-transform:     var(--typo-p-small-text-transform);
    --knowledge-item-label-align:     var(--typo-p-small-text-align);
    --knowledge-item-label-text-align:     var(--typo-p-small-text-align);
    --knowledge-item-label-padding:     0;

    /* Status label */
    --knowledge-item-status-label-display:     none;

    /* Action icon */
    --knowledge-item-action-bg-height:     32px;
    --knowledge-item-action-bg-width:     24px;
    --knowledge-item-action-bg-margin:     none;
    --knowledge-item-action-icon-color:     var(--meta-swatch-colour-1);
    --knowledge-item-action-icon-size:     var(--pattern-icon-size);

    /* Time stamp container */

    /* Time label */

    /* Time icon */



    /* Knowledge Section Header */

    /* Container */
    --knowledge-section-margin:     0 0 8px;

    /* Keylines */
    --knowledge-section-keyline-top-margin:     0px 16px;
    --knowledge-section-keyline-top-first:     none;
    --knowledge-section-keyline-top:     1px solid var(--meta-swatch-mono-7);
    --knowledge-section-keyline-bottom-margin:     0px 16px;
    --knowledge-section-keyline-bottom:     none;

    /* Icon */
    --knowledge-section-icon-display:     none;

    /* Heading */
    --knowledge-section-heading-colour:     var(--typo-h-medium-colour);
    --knowledge-section-heading-font-family:     var(--typo-h-medium-font-face);
    --knowledge-section-heading-size:     var(--typo-h-medium-font-size);
    --knowledge-section-heading-font-weight:     var(--typo-h-medium-font-weight);
    --knowledge-section-heading-font-style:     var(--typo-h-medium-font-style);
    --knowledge-section-heading-line-height:     var(--typo-h-medium-line-height);
    --knowledge-section-heading-letter-spacing:     var(--typo-h-medium-letter-spacing);
    --knowledge-section-heading-text-transform:     var(--typo-h-medium-text-transform);
    --knowledge-section-heading-text-align:     var(--typo-h-medium-text-align);


    /* Sub heading */
    --knowledge-section-sub-heading-colour:     var(--meta-swatch-mono-1);
    --knowledge-section-sub-heading-font-family:     var(--typo-p-medium-font-face);
    --knowledge-section-sub-heading-size:     var(--typo-p-medium-font-size);
    --knowledge-section-sub-heading-font-weight:     var(--typo-p-medium-font-weight);
    --knowledge-section-sub-heading-font-style:     var(--typo-p-medium-font-style);
    --knowledge-section-sub-heading-line-height:     var(--typo-p-medium-line-height);
    --knowledge-section-sub-heading-letter-spacing:     var(--typo-p-medium-letter-spacing);
    --knowledge-section-sub-heading-text-transform:     var(--typo-p-medium-text-transform);
    --knowledge-section-sub-heading-text-align:     left;

    /* Spacing */
    --knowledge-section-spacer-top:     24px;
    --knowledge-section-spacer-middle:     0;
    --knowledge-section-spacer-bottom:     8px;


    /* Marketplace */

    /* Container */
    --marketplace-container-background:     transparent;
    --marketplace-container-padding:     0;

    /* Content container */
    --marketplace-content-container-background:     transparent;
    --marketplace-content-container-padding:     0;

    /* Grid container */
    --marketplace-grid-container-background:     #B9D5CA;
    --marketplace-grid-container-padding:     24px;
    --marketplace-grid-container-border-radius:     12px;
    --marketplace-grid-container-padding-ml:     50px 150px;
    --marketplace-grid-container-border-radius-ml:     12px;

    /* Grid */
    --marketplace-grid-columns:     3;
    --marketplace-grid-rows:     3;
    --marketplace-grid-column-gap:     24px;
    --marketplace-grid-row-gap:     24px;
    --marketplace-grid-columns-ml:     3;
    --marketplace-grid-rows-ml:     3;
    --marketplace-grid-column-gap-ml:     40px;
    --marketplace-grid-row-gap-ml:     40px;

    /* Headings container */
    --marketplace-headings-container-background:     transparent;
    --marketplace-headings-container-padding:     0;

    /* Heading */
    --marketplace-heading-colour:     var(--typo-h-medium-colour);
    --marketplace-heading-font-face:     var(--typo-h-medium-font-face);
    --marketplace-heading-font-size:     var(--typo-h-medium-font-size);
    --marketplace-heading-font-weight:     var(--typo-h-medium-font-weight);
    --marketplace-heading-font-style:     var(--typo-h-medium-font-style);
    --marketplace-heading-line-height:     var(--typo-h-medium-line-height);
    --marketplace-heading-letter-spacing:     var(--typo-h-medium-letter-spacing);
    --marketplace-heading-text-transform:     var(--typo-h-medium-text-transform);
    --marketplace-heading-text-align:     var(--typo-h-medium-text-align);
    --marketplace-heading-margin:     var(--typo-h-medium-margin);

    /* Sub heading */
    --marketplace-sub-heading-colour:     var(--typo-p-medium-colour);
    --marketplace-sub-heading-font-face:     var(--typo-p-medium-font-face);
    --marketplace-sub-heading-font-size:     var(--typo-p-medium-font-size);
    --marketplace-sub-heading-font-weight:     var(--typo-p-medium-font-weight);
    --marketplace-sub-heading-font-style:     var(--typo-p-medium-font-style);
    --marketplace-sub-heading-line-height:     var(--typo-p-medium-line-height);
    --marketplace-sub-heading-letter-spacing:     var(--typo-p-medium-letter-spacing);
    --marketplace-sub-heading-text-transform:     var(--typo-p-medium-text-transform);
    --marketplace-sub-heading-text-align:     var(--typo-p-medium-text-align);
    --marketplace-sub-heading-margin:     var(--typo-p-medium-margin);

    /* Marketplace Grid Item */

    /* Image container */
    --marketplace-grid-item-image-width:     80px;
    --marketplace-grid-item-image-height:     auto;
    --marketplace-grid-item-image-padding:     0 0 6px 0;
    --marketplace-grid-item-image-border-radius:     none;
    --marketplace-grid-item-image-margin:     none;

    --marketplace-grid-item-image-width-ml:     100px;
    --marketplace-grid-item-image-height-ml:     auto;
    --marketplace-grid-item-image-padding-ml:     0 0 6px 0;
    --marketplace-grid-item-image-border-radius-ml:     none;

    /* Image container - Partner */
    --marketplace-grid-item-image-partner-background:     transparent;
    --marketplace-grid-item-image-partner-border:     none;
    --marketplace-grid-item-image-partner-box-shadow:     none;

    /* Image container - Group */
    --marketplace-grid-item-image-group-background:     transparent;
    --marketplace-grid-item-image-group-border:     none;
    --marketplace-grid-item-image-group-box-shadow:     none;

    /* Label */
    --marketplace-grid-item-label-colour:     var(--typo-p-small-colour);
    --marketplace-grid-item-label-font-family:     var(--typo-p-small-font-face);
    --marketplace-grid-item-label-font-size:     var(--typo-p-small-font-size);
    --marketplace-grid-item-label-font-weight:     var(--typo-p-small-font-weight);
    --marketplace-grid-item-label-font-style:     var(--typo-p-small-font-style);
    --marketplace-grid-item-label-line-height:     var(--typo-p-small-line-height);
    --marketplace-grid-item-label-letter-spacing:     var(--typo-p-small-letter-spacing);
    --marketplace-grid-item-label-text-transform:     var(--typo-p-small-text-transform);
    --marketplace-grid-item-label-text-align:     center;
    --marketplace-grid-item-label-margin:     0;
    --marketplace-grid-item-label-text-shadow:     none;

    --marketplace-grid-item-label-ml-colour:     var(--typo-p-medium-colour);
    --marketplace-grid-item-label-ml-font-family:     var(--typo-p-medium-font-face);
    --marketplace-grid-item-label-ml-font-size:     var(--typo-p-medium-font-size);
    --marketplace-grid-item-label-ml-font-weight:     var(--typo-p-medium-font-weight);
    --marketplace-grid-item-label-ml-font-style:     var(--typo-p-medium-font-style);
    --marketplace-grid-item-label-ml-line-height:     var(--typo-p-medium-line-height);
    --marketplace-grid-item-label-ml-letter-spacing:     var(--typo-p-medium-letter-spacing);
    --marketplace-grid-item-label-ml-text-transform:     var(--typo-p-medium-text-transform);
    --marketplace-grid-item-label-ml-text-align:     center;
    --marketplace-grid-item-label-ml-margin:     0;
    --marketplace-grid-item-label-ml-text-shadow:     none;

    /* Partner Label */
    --marketplace-grid-partner-colour:     var(--typo-p-small-colour);
    --marketplace-grid-partner-font-family:     var(--typo-p-small-font-face);
    --marketplace-grid-partner-font-size:     var(--typo-p-small-font-size);
    --marketplace-grid-partner-font-weight:     var(--typo-p-small-font-weight);
    --marketplace-grid-partner-font-style:     var(--typo-p-small-font-style);
    --marketplace-grid-partner-line-height:     var(--typo-p-small-line-height);
    --marketplace-grid-partner-letter-spacing:     var(--typo-p-small-letter-spacing);
    --marketplace-grid-partner-text-transform:     var(--typo-p-small-text-transform);
    --marketplace-grid-partner-text-align:     center;
    --marketplace-grid-partner-margin:     var(--typo-p-small-margin);
    --marketplace-grid-partner-text-shadow:     none;

    --marketplace-grid-partner-ml-colour:     #222222;
    --marketplace-grid-partner-ml-font-family:     var(--typo-p-medium-font-face);
    --marketplace-grid-partner-ml-font-size:     var(--typo-p-medium-font-size);
    --marketplace-grid-partner-ml-font-weight:     var(--typo-p-medium-font-weight);
    --marketplace-grid-partner-ml-font-style:     var(--typo-p-medium-font-style);
    --marketplace-grid-partner-ml-line-height:     var(--typo-p-medium-line-height);
    --marketplace-grid-partner-ml-letter-spacing:     var(--typo-p-medium-letter-spacing);
    --marketplace-grid-partner-ml-text-transform:     var(--typo-p-medium-text-transform);
    --marketplace-grid-partner-ml-text-align:     center;
    --marketplace-grid-partner-ml-margin:     var(--typo-p-medium-margin);
    --marketplace-grid-partner-ml-text-shadow:     none;

    /* Partner Description */


    /* Marketplace Grid Badge */

    /* Container */
    --marketplace-grid-badge-padding:     0 4px 0 2px;
    --marketplace-grid-badge-border-radius:     12px;

    /* Icon */
    --marketplace-grid-badge-icon-size:     18px;
    --marketplace-grid-badge-icon-margin:     0 2px 0 0;

    /* Label */
    --marketplace-grid-badge-label-font-size:     var(--typo-p-small-font-size);
    --marketplace-grid-badge-label-font-face:     var(--typo-p-small-font-face);
    --marketplace-grid-badge-label-font-weight:     var(--typo-p-small-font-weight);
    --marketplace-grid-badge-label-font-style:     var(--typo-p-small-font-style);
    --marketplace-grid-badge-label-line-height:     1;
    --marketplace-grid-badge-label-letter-spacing:     var(--typo-p-small-letter-spacing);
    --marketplace-grid-badge-label-text-transform:     var(--typo-p-small-text-transform);
    --marketplace-grid-badge-label-text-align:     left;
    --marketplace-grid-badge-label-padding:     0;

    /* State - Positive */
    --marketplace-grid-badge-positive-background:     var(--meta-swatch-mono-5);
    --marketplace-grid-badge-positive-border:     none;
    --marketplace-grid-badge-positive-box-shadow:     drop-shadow(0px 4px 6px rgba(0, 0, 0, 0.4));
    --marketplace-grid-badge-positive-icon-color:     var(--meta-swatch-colour-3);
    --marketplace-grid-badge-label-positive-colour:     var(--meta-swatch-mono-2);

    /* State - Negative */
    --marketplace-grid-badge-negative-background:     var(--meta-swatch-mono-5);
    --marketplace-grid-badge-negative-border:     none;
    --marketplace-grid-badge-negative-box-shadow:     drop-shadow(0px 4px 6px rgba(0, 0, 0, 0.4));
    --marketplace-grid-badge-negative-icon-color:     var(--meta-swatch-colour-4);
    --marketplace-grid-badge-label-negative-colour:     var(--meta-swatch-mono-2);

    /* State - Unknown */
    --marketplace-grid-badge-unknown-background:     var(--meta-swatch-mono-5);
    --marketplace-grid-badge-unknown-border:     none;
    --marketplace-grid-badge-unknown-box-shadow:     drop-shadow(0px 4px 6px rgba(0, 0, 0, 0.4));
    --marketplace-grid-badge-unknown-icon-color:     var(--meta-swatch-colour-1);
    --marketplace-grid-badge-label-unknown-colour:     var(--meta-swatch-mono-2);

    /* Marketplace Modal Badge */

    /* Container */

    /* Icon */

    /* Label */

    /* State - Positive */

    /* State - Negative */

    /* State - Unknown */

    /* Marketplace Group Item */

    /* Container */
    --marketplace-group-item-background:     transparent;
    --marketplace-group-item-padding:     8px 16px;

    /* Image */
    --marketplace-group-item-image-width:     38px;
    --marketplace-group-item-image-height:     38px;
    --marketplace-group-item-image-size:     cover;
    --marketplace-group-item-image-background:     var(--meta-swatch-mono-4);
    --marketplace-group-item-image-border-radius:     8px;
    --marketplace-group-item-image-border:     none;
    --marketplace-group-item-image-margin:     8px 12px 8px 0;

    /* Heading */
    --marketplace-group-item-heading-colour:     var(--typo-h-small-colour);
    --marketplace-group-item-heading-font-size:     16px;
    --marketplace-group-item-heading-font-face:     var(--typo-h-small-font-face);
    --marketplace-group-item-heading-font-weight:     var(--typo-h-small-font-weight);
    --marketplace-group-item-heading-font-style:     var(--typo-h-small-font-style);
    --marketplace-group-item-heading-line-height:     var(--typo-h-small-line-height);
    --marketplace-group-item-heading-letter-spacing:     var(--typo-h-small-letter-spacing);
    --marketplace-group-item-heading-text-transform:     var(--typo-h-small-text-transform);
    --marketplace-group-item-heading-text-align:     var(--typo-h-small-text-align);
    --marketplace-group-item-heading-margin:     var(--typo-h-small-margin);

    /* Explainer */
    --marketplace-group-item-explainer-colour:     var(--typo-p-small-colour);
    --marketplace-group-item-explainer-font-size:     var(--typo-p-small-font-size);
    --marketplace-group-item-explainer-font-face:     var(--typo-p-small-font-face);
    --marketplace-group-item-explainer-font-weight:     var(--typo-p-small-font-weight);
    --marketplace-group-item-explainer-font-style:     var(--typo-p-small-font-style);
    --marketplace-group-item-explainer-line-height:     var(--typo-p-small-line-height);
    --marketplace-group-item-explainer-letter-spacing:     var(--typo-p-small-letter-spacing);
    --marketplace-group-item-explainer-text-transform:     var(--typo-p-small-text-transform);
    --marketplace-group-item-explainer-text-align:     var(--typo-p-small-text-align);
    --marketplace-group-item-explainer-margin:     var(--typo-p-small-margin);

    /* Nested badge block */

    /* Icon container */
    --marketplace-group-item-icon-container-display:     flex;
    --marketplace-group-item-icon-container-background:     var(--btn-minor-icon-bg-color);
    --marketplace-group-item-icon-container-margin:     0 0 0 8px;
    --marketplace-group-item-icon-container-border-radius:     var(--btn-icon-border-radius);
    --marketplace-group-item-icon-container-border:     var(--btn-minor-icon-border);

    /* Icon */
    --marketplace-group-item-icon-size:     24px;
    --marketplace-group-item-icon-colour:     var(--btn-minor-icon-color);


    /* Keyline top */

    /* Keyline bottom */
    --marketplace-group-item-keyline-bottom-border-bottom:     1px solid var(--meta-swatch-mono-8);
    --marketplace-group-item-keyline-bottom-padding:     4px;

    /* Module Navigation */

    /* Container */


    /* Module nav item */
    --module-nav-items-gap:     24px;
    --module-nav-items-gap-m:     24px;
    --module-nav-items-gap-l:     24px;

    /* this is in the minmax function */

    --module-nav-item-gap:     8px;

    /* Modal grid */

    --module-nav-button-border-radius:     18px;

    --module-nav-button-border-off:     2px solid #ffffff;
    --module-nav-button-box-shadow-off:     0 4px 16px 0 rgba(0, 0, 0, 0.08);
    --module-nav-item-label-color-off:     var(--meta-swatch-mono-1);

    --module-nav-button-border-on:     2px solid #116998;
    --module-nav-button-box-shadow-on:     0 4px 16px 0 rgba(0, 0, 0, 0.08);
    --module-nav-item-label-color-on:     var(--meta-swatch-colour-2);

    --module-nav-button-img-size:     95px;
    --module-nav-button-img-size-m:     95px;
    --module-nav-button-img-size-l:     95px;


    --module-nav-item-label-font-size:     16px;
    --module-nav-item-label-font-size-m:     16px;
    --module-nav-item-label-font-size-l:     16px;
    --module-nav-item-label-text-align:     center;


    /* Nav bars - App */

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

    /* Top background */
    --theme-nav-top-bg-colour:     var(--meta-swatch-colour-1);
    --theme-nav-top-bg-image-url:     var(--meta-swatch-gradient-1);
    --theme-nav-top-bg-image-repeat:     none;
    --theme-nav-top-bg-image-size:     none;
    --theme-nav-top-bg-image-position:     none;

    /* Top keyline */

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

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

    /* Top labels */
    --nav-top-label-position:     42px;
    --nav-top-label-font-family:     var(--typo-data-label-xs-font-face);
    --nav-top-label-font-size:     var(--typo-data-label-xs-font-size);
    --nav-top-label-font-weight:     var(--typo-data-label-xs-font-weight);
    --nav-top-label-font-style:     var(--typo-data-label-xs-font-style);
    --nav-top-label-line-height:     1;
    --nav-top-label-letter-spacing:     var(--typo-data-label-xs-letter-spacing);
    --nav-top-label-text-transform:     var(--typo-data-label-xs-text-transform);
    --nav-top-label-text-align:     center;
    --theme-nav-top-label-off-colour:     var(--meta-swatch-mono-4);
    --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:     1px solid var(--meta-swatch-mono-4);

    /* Bottom indicator */
    --theme-nav-bottom-indicator-off-colour:     transparent;
    --theme-nav-bottom-indicator-on-colour:     var(--meta-swatch-colour-4);
    --theme-nav-bottom-indicator-hover-colour:     var(--meta-swatch-colour-4);

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

    /* Bottom labels */
    --nav-bottom-label-position:     26px;
    --nav-bottom-label-font-family:     var(--typo-data-label-xs-font-face);
    --nav-bottom-label-font-size:     var(--typo-data-label-xs-font-size);
    --nav-bottom-label-font-weight:     var(--typo-data-label-xs-font-weight);
    --nav-bottom-label-font-style:     var(--typo-data-label-xs-font-style);
    --nav-bottom-label-line-height:     1;
    --nav-bottom-label-letter-spacing:     var(--typo-data-label-xs-letter-spacing);
    --nav-bottom-label-text-transform:     var(--typo-data-label-xs-text-transform);
    --nav-bottom-label-text-align:     center;
    --theme-nav-bottom-label-off-colour:     var(--meta-swatch-mono-2);
    --theme-nav-bottom-label-on-colour:     var(--meta-swatch-colour-1);


    /* Nav bar - Web */

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


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

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

    /* Content */
    --nav-bar-web-content-align-items:     center;

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

    /* Icons container */

    /* Icons -> Profile */

    /* Profile text */

    /* Icons -> Icon */
    --nav-bar-web-icon-size:     var(--pattern-icon-size);
    --nav-bar-web-icon-menu-color:     var(--meta-swatch-colour-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:     36px;
    --nav-bar-web-links-gap-l:     36px;

    /* Links container collapsed*/
    --nav-bar-web-links-collapsed-padding:     0px;
    --nav-bar-web-links-collapsed-height:     100%;

    /* Link container */
    --nav-bar-web-link-border-bottom:     1px solid var(--meta-swatch-mono-2);
    --nav-bar-web-link-border-bottom-m:     none;
    --nav-bar-web-link-border-bottom-l:     none;



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




    /* Link label */

    --nav-bar-web-link-colour:     var(--meta-swatch-mono-5);
    --nav-bar-web-link-colour-hover:     var(--meta-swatch-mono-5);
    --nav-bar-web-link-text-decoration-hover:     underline;

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



    /* Page Actions */


    /* Container */
    --page-actions-margin:     0 0 12px;
    --page-actions-margin-m:     0 0 12px;
    --page-actions-margin-l:     0 0 12px;
    --page-actions-border-top:     none;
    --page-actions-border-bottom:     none;
    --page-actions-gap:     12px;

    /* Label */
    --page-actions-label-colour:     var(--meta-swatch-colour-2);
    --page-actions-label-font-size:     var(--typo-data-label-m-font-face);
    --page-actions-label-font-size-m:     var(--typo-data-label-m-font-face);
    --page-actions-label-font-size-l:     var(--typo-data-label-m-font-face);
    --page-actions-label-font-family:     var(--typo-data-label-m-font-face);
    --page-actions-label-font-weight:     var(--typo-data-label-m-font-weight);
    --page-actions-label-font-style:     var(--typo-data-label-m-font-style);
    --page-actions-label-line-height:     var(--typo-data-label-m-line-height);
    --page-actions-label-letter-spacing:     var(--typo-data-label-m-letter-spacing);
    --page-actions-label-text-transform:     var(--typo-data-label-m-text-transform);
    --page-actions-label-text-align:     center;

    /* 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:     stretch;
    --page-actions-buttons-align-items-m:     center;
    --page-actions-buttons-align-items-l:     center;

    --page-actions-buttons-justify-content:     left;
    --page-actions-buttons-justify-content-m:     left;
    --page-actions-buttons-justify-content-l:     left;

    /* Button */
    --page-actions-button-padding:     var(--btn-padding);
    --page-actions-button-margin:     16px 0 0;
    --page-actions-button-margin-m:     16px 0 0;
    --page-actions-button-margin-l:     16px 0 0;
    --page-actions-button-width:     100%;
    --page-actions-button-max-width:     100%;
    --page-actions-button-max-width-m:     350px;
    --page-actions-button-max-width-l:     350px;
    --page-actions-button-height:     var(--btn-height);
    --page-actions-button-height-m:     44px;
    --page-actions-button-height-l:     44px;
    --page-actions-button-background:     var(--btn-minor-background);
    --page-actions-button-border:     var(--btn-minor-border);
    --page-actions-button-border-radius:     var(--btn-border-radius);
    --page-actions-button-box-shadow:     var(--btn-minor-box-shadow);
    --page-actions-button-flex-direction:     row;
    --page-actions-button-gap:     12px;

    --page-actions-button-align-self:     stretch;

    /* Button label */
    --page-actions-button-label-colour:     var(--btn-minor-label-color);
    --page-actions-button-label-font-size:     var(--btn-label-font-size);
    --page-actions-button-label-font-size-m:     var(--btn-label-font-size-m);
    --page-actions-button-label-font-size-l:     var(--btn-label-font-size-l);
    --page-actions-button-label-font-family:     var(--btn-label-face);
    --page-actions-button-label-font-weight:     var(--btn-minor-label-font-weight);
    --page-actions-button-label-font-style:     var(--btn-minor-label-font-style);
    --page-actions-button-label-line-height:     1.2;
    --page-actions-button-label-letter-spacing:     var(--btn-label-letter-spacing);
    --page-actions-button-label-text-transform:     var(--btn-label-text-transform);
    --page-actions-button-label-text-align:     var(--btn-label-text-align);
    --page-actions-button-label-padding:     var(--btn-label-padding);

    /* Button icon */
    --page-actions-button-icon-size:     24px;
    --page-actions-button-icon-colour:     var(--meta-swatch-colour-7);




    /* Pager indicators */


    /* Repeater */

    /* Block Container */
    --repeater-padding:     32px 16px 24px;
    --repeater-margin:     0;
    --repeater-background:     var(--meta-swatch-colour-1);

    /* Content Container */

    /* Heading */
    --repeater-heading-colour:     var(--typo-h-medium-colour);
    --repeater-heading-font-size:     18px;
    --repeater-heading-font-size-m:     18px;
    --repeater-heading-font-size-l:     18px;
    --repeater-heading-font-family:     var(--typo-h-medium-font-family);
    --repeater-heading-font-weight:     var(--typo-h-medium-font-weight);
    --repeater-heading-font-style:     var(--typo-h-medium-font-style);
    --repeater-heading-line-height:     var(--typo-h-medium-line-height);
    --repeater-heading-letter-spacing:     var(--typo-h-medium-letter-spacing);
    --repeater-heading-text-transform:     var(--typo-h-medium-text-transform);
    --repeater-heading-text-padding:     0;
    --repeater-heading-text-margin:     0 0 16px;
    --repeater-heading-text-align:     var(--typo-h-medium-text-align);

    /* Sub heading */
    --repeater-sub-heading-colour:     var(--typo-p-medium-colour);
    --repeater-sub-heading-font-size:     var(--typo-p-medium-font-size);
    --repeater-sub-heading-font-size-m:     var(--typo-p-medium-font-size);
    --repeater-sub-heading-font-size-l:     var(--typo-p-medium-font-size);
    --repeater-sub-heading-font-family:     var(--typo-p-medium-font-family);
    --repeater-sub-heading-font-weight:     var(--typo-p-medium-font-weight);
    --repeater-sub-heading-font-style:     var(--typo-p-medium-font-style);
    --repeater-sub-heading-line-height:     var(--typo-p-medium-line-height);
    --repeater-sub-heading-letter-spacing:     var(--typo-p-medium-letter-spacing);
    --repeater-sub-heading-text-transform:     var(--typo-p-medium-text-transform);
    --repeater-sub-heading-text-padding:     0;
    --repeater-sub-heading-text-align:     left;

    /* Empty state paragraph */
    --empty-p-colour:     var(--meta-swatch-mono-2);
    --empty-p-font-size:     var(--typo-p-medium-font-size);
    --empty-p-font-family:     var(--typo-p-medium-font-family);
    --empty-p-font-weight:     var(--typo-p-medium-font-weight);
    --empty-p-font-style:     var(--typo-p-medium-font-style);
    --empty-p-line-height:     var(--typo-p-medium-line-height);
    --empty-p-letter-spacing:     var(--typo-p-medium-letter-spacing);
    --empty-p-text-transform:     var(--typo-p-medium-text-transform);
    --empty-p-text-align:     center;

    --empty-p-padding:     40px 0 80px;
    --empty-p-background:     transparent;
    --empty-p-border-radius:     var(--pattern-border-radius);

    /* Dots */
    --repeater-dots-justify-content:     center;
    --repeater-dots-gap:     8px;
    --repeater-dots-padding:     16px;
    --repeater-dot-padding:     5px;
    --repeater-dot-size:     8px;



    /* Arrows - NEED REFACTOR AND ADD PROPER VARS */
    --app-card-slider-button-icon-color:     var(--meta-swatch-colour-1);
    --app-card-slider-button-icon-size:     30px;


    /* Link */
    --repeater-link-colour:     var(--typo-data-label-l-colour);
    --repeater-link-font-size:     var(--typo-data-label-l-font-size);
    --repeater-link-font-family:     var(--typo-data-label-l-font-family);
    --repeater-link-font-weight:     var(--typo-data-label-l-font-weight);
    --repeater-link-font-style:     var(--typo-data-label-l-font-style);
    --repeater-link-line-height:     var(--typo-data-label-l-line-height);
    --repeater-link-letter-spacing:     var(--typo-data-label-l-letter-spacing);
    --repeater-link-text-transform:     var(--typo-data-label-l-text-transform);
    --repeater-link-margin:     0 auto;

    --repeater-link-padding:     0;
    --repeater-link-padding-m:     0;
    --repeater-link-padding-l:     0;

    --repeater-link-width:     100%;
    --repeater-link-width-m:     100%;
    --repeater-link-width-l:     100%;

    /* 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:     repeat(1, 1fr);
    --repeater-items-col-gap:     24px;
    --repeater-items-row-gap:     24px;
    --repeater-items-slick-list-padding:     16px 0;

    --repeater-items-columns-m:     repeat(2, 1fr);

    --repeater-items-columns-l:     repeat(2, 1fr);

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

    /* Button icon */
    --repeater-pager-icons-border-radius:     200px;

    --repeater-pager-icons-padding:     5px;
    --repeater-pager-icons-padding-m:     5px;
    --repeater-pager-icons-padding-l:     5px;




    /* Option 1 */
    --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:     #EEEEEE;
    --opt1-content-background:     transparent;
    --opt1-heading-color:     var(--meta-swatch-colour-1);
    --opt1-sub-heading-color:     var(--meta-swatch-mono-1);
    --opt1-empty-p-colour:     var(--meta-swatch-mono-1);
    --opt1-empty-p-background:     transparent;
    --opt1-link-color:     var(--meta-swatch-colour-1);
    --opt1-link-background:     transparent;
    --opt1-pager-icons-color:     var(--meta-swatch-colour-1);
    --opt1-pager-dot-on-color:     #009754;
    --opt1-pager-dot-off-color:     var(--meta-swatch-mono-2);

    /* Option 2 */
    --opt2-block-background:     var(--meta-swatch-mono-5);
    --opt2-content-background:     transparent;
    --opt2-heading-color:     var(--meta-swatch-mono-1);
    --opt2-sub-heading-color:     var(--meta-swatch-mono-6);
    --opt2-empty-p-colour:     var(--meta-swatch-mono-6);
    --opt2-empty-p-background:     transparent;
    --opt2-link-color:     var(--meta-swatch-colour-2);
    --opt2-link-background:     transparent;
    --opt2-pager-icons-color:     var(--meta-swatch-colour-2);
    --opt2-pager-dot-on-color:     var(--meta-swatch-colour-2);
    --opt2-pager-dot-off-color:     var(--meta-swatch-mono-4);
    --opt2-pager-icons-border:     1px solid var(--meta-swatch-colour-2);

    /* Option 3 */

    /* Option 4 */

    /* Option 5 */

    /* Repeater Card */

    /* Block container */
    --card-background:     var(--meta-swatch-mono-5);
    --card-border:     1px solid var(--meta-swatch-mono-4);
    --card-border-radius:     8px;
    --card-box-shadow:     0;

    /* Image wrapper */

    /* Image */

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

    /* Content */

    /* Body */
    --card-body-padding:     16px;
    --card-body-padding-m:     16px;
    --card-body-padding-l:     16px;

    --card-heading-colour:     var(--meta-swatch-mono-1);
    --card-heading-font-family:     var(--typo-sh-large-font-face);

    --card-heading-font-size:     var(--typo-sh-large-font-size);

    --card-heading-font-weight:     var(--typo-sh-large-font-weight);
    --card-heading-font-style:     var(--typo-sh-large-font-style);
    --card-heading-line-height:     var(--typo-sh-large-line-height);
    --card-heading-letter-spacing:     0;
    --card-heading-text-transform:     none;
    --card-heading-text-align:     left;

    --card-heading-padding:     0;
    --card-heading-padding-m:     0;
    --card-heading-padding-l:     0;

    --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:     left;
    --card-excerpt-padding:     16px 0 0;
    --card-excerpt-padding-m:     16px 0 0;
    --card-excerpt-padding-l:     16px 0 0;

    /* Footer */
    --card-footer-padding:     0 16px 16px;

    /* Badge */

    --card-footer-badge-label-colour:     var(--typo-p-small-colour);
    --card-footer-badge-label-font-family:     var(--typo-p-small-font-family);
    --card-footer-badge-label-font-size:     var(--typo-p-small-font-size);
    --card-footer-badge-label-font-weight:     var(--typo-p-small-font-weight);
    --card-footer-badge-label-font-style:     var(--typo-p-small-font-style);
    --card-footer-badge-label-line-height:     var(--typo-p-small-line-height);
    --card-footer-badge-label-spacing:     var(--typo-p-small-letter-spacing);
    --card-footer-badge-label-text-transform:     var(--typo-p-small-text-transform);
    --card-footer-badge-label-text-align:     left;
    --card-footer-badge-label-padding:     2px 8px;




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

    /* Label */
    --card-label-background:     var(--meta-swatch-mono-6);
    --card-label-border:     none;
    --card-label-border-radius:     4px;
    --card-label-wrapper-padding:     0 4px;
    --card-label-wrapper-padding-m:     0 4px;
    --card-label-wrapper-padding-l:     0 4px;
    --card-label-colour:     var(--typo-p-small-colour);
    --card-label-font-family:     var(--typo-p-small-font-family);
    --card-label-font-size:     var(--typo-p-small-font-size);
    --card-label-font-weight:     var(--typo-p-small-font-weight);
    --card-label-font-style:     var(--typo-p-small-font-style);
    --card-label-line-height:     var(--typo-p-small-line-height);
    --card-label-label-spacing:     var(--typo-p-small-letter-spacing);
    --card-label-text-transform:     var(--typo-p-small-text-transform);
    --card-label-text-align:     left;
    --card-label-padding:     2px 8px;

    /* Indicator */


    --card-action-icon-display:     block;
    --card-action-icon-size:     24px;
    --card-action-icon-color:     var(--meta-swatch-colour-2);

    /* Share Save */
    --share-save-flex-direction:     row;
    --share-save-flex-direction-m:     row;
    --share-save-flex-direction-l:     row;
    --share-save-padding:     8px 0px;
    --share-save-padding-m:     12px 16px;
    --share-save-padding-l:     12px 16px;
    --share-save-gap:     4px;
    --share-save-gap-m:     8px;
    --share-save-gap-l:     8px;


    /* Sidebar */

    /* Sidebar */




    /* Open button */






    /* Page header */
    --sidebar-page-header-keyline:     1px solid var(--meta-swatch-mono-7);
    --sidebar-page-template-keyline:     var(--sidebar-page-header-keyline);

    /* Page footer */
    --sidebar-page-footer-keyline:     var(--sidebar-page-header-keyline);


    /* Table List */

    /* Item */
    --tl-icon-margin:     0;
    --tl-icon-padding:     22px 0;
    --tl-icon-keyline:     1px solid var(--meta-swatch-mono-8);

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

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

    /* Sub header */
    --tl-item-sub-title-colour:     var(--meta-swatch-mono-3);
    --tl-item-sub-title-font-size:     var(--typo-data-label-s-font-size);
    --tl-item-sub-title-font-family:     var(--typo-data-label-s-font-face);
    --tl-item-sub-title-font-weight:     var(--typo-data-label-s-font-weight);
    --tl-item-sub-title-font-style:     var(--typo-data-label-s-font-style);
    --tl-item-sub-title-line-height:     var(--typo-data-label-s-line-height);
    --tl-item-sub-title-letter-spacing:     var(--typo-data-label-s-letter-spacing);
    --tl-item-sub-title-text-transform:     var(--typo-data-label-s-text-transform);
    --tl-item-sub-title-text-align:     var(--typo-data-label-s-text-align);

    /* Label Info */

    /* Value */
    --tl-item-value-colour:     var(--meta-swatch-mono-1);
    --tl-item-value-font-family:     var(--typo-p-medium-font-face);
    --tl-item-value-font-size:     var(--typo-p-medium-font-size);
    --tl-item-value-font-weight:     500;
    --tl-item-value-font-style:     var(--typo-p-medium-font-style);
    --tl-item-value-line-height:     var(--typo-p-medium-line-height);
    --tl-item-value-letter-spacing:     var(--typo-p-medium-letter-spacing);
    --tl-item-value-text-transform:     var(--typo-p-medium-text-transform);
    --tl-item-value-text-align:     var(--typo-p-medium-text-align);

    /* Icon */
    --tl-item-icon-bg-size:     var(--pattern-icon-size);
    --tl-item-icon-padding:     0;
    --tl-item-icon-margin:     0;
    --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:     18px;


    /* Tabs */

    /* Tabs */
    --tabs-padding:     8px 0 10px 0;
    --tabs-padding-m:     8px 0 10px 0;
    --tabs-padding-l:     8px 0 10px 0;
    --tabs-gap:     16px;
    --tabs-gap-m:     16px;
    --tabs-gap-l:     16px;

    /* Tab - off */
    --tabs-tab-off-padding:     6px 0;
    --tabs-tab-off-colour:     #051A3F;
    --tabs-tab-off-font-size:     16px;

    /* Tab - on */
    --tabs-tab-on-padding:     6px 0 0 0;
    --tabs-tab-on-border-bottom:     4px solid #116998;
    --tabs-tab-on-colour-hover:      #116998;
    --tabs-tab-on-colour:     #116998;
    --tabs-tab-on-font-size:     16px;

    /* Tab - back */





    /* Targeted Links */

    /* Block container */
    --targeted-links-padding:     0 0 12px 0;
    --targeted-links-padding-m:     0 0 32px 0;
    --targeted-links-padding-l:     0 0 32px 0;
    --targeted-links-background:     #EEEEEE;

    /* Grid container */






    /* Heading block overrides */

    /* Carousel Nav */
    --targeted-links-dots-padding:     16px;
    --targeted-links-dots-gap:     5px;
    --targeted-links-dots-size:     8px;
    --targeted-links-dots-on-color:     var(--meta-swatch-colour-2);
    --targeted-links-dots-off-color:     var(--meta-swatch-mono-9);


    --targeted-links-button-icon-size:     24px;
    --targeted-links-button-icon-color:     var(--meta-swatch-colour-1);

    /* Whole block style options */

    /* Option 1 */

    /* Option 2 */

    /* Option 3 */



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

    /* Item container */



    /* 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:     auto;
    --targeted-links-item-cover-image-height-l:     auto;
    --targeted-links-item-cover-image-width-m:     50%;
    --targeted-links-item-cover-image-width-l:     50%;
    --targeted-links-item-cover-image-object-fit:     contain;

    /* Body */

    /* Header */

    /* Icon */

    /* Heading */



    /* Paragraph */




    /* Inline image */




    /* Buttons container */



    /* Button block overrides */


    /* Item style option overrides */

    /* Option 1 */
    --targeted-links-item-background-opt1:     var(--meta-swatch-colour-5);






    /* Option 2 */
    --targeted-links-item-background-opt2:     url(/config/images/yellow-box-bg.png) no-repeat top center cover var(--meta-swatch-colour-5);






    /* Option 3 */






    /* Option 4 */






    /* Option 5 */









    /* Targeted Links Item */

    /* Option 1 */
    /* New external container */

    /* Item container */
    --targeted-links-item-opt1-background:     var(--meta-swatch-mono-5);
    --targeted-links-item-opt1-border:     1px solid var(--meta-swatch-mono-4);
    --targeted-links-item-opt1-border-radius:     10px;
    --targeted-links-item-opt1-box-shadow:     0;
    --targeted-links-item-opt1-flex-direction:     column;
    --targeted-links-item-opt1-flex-direction-m:     row;
    --targeted-links-item-opt1-flex-direction-l:     row;

    /* Cover image */
    --targeted-links-item-cover-image-opt1-padding:     0;
    --targeted-links-item-cover-image-opt1-padding-m:     0;
    --targeted-links-item-cover-image-opt1-padding-l:     0;

    /* 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:     0;
    --targeted-links-item-body-opt1-gap-m:     0;
    --targeted-links-item-body-opt1-gap-l:     0;

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

    /* Icon */

    /* External Heading */


    /* Heading */
    --targeted-links-item-heading-opt1-color:     #051A3F;
    --targeted-links-item-heading-opt1-font-family:     var(--typo-h-medium-font-face);
    --targeted-links-item-heading-opt1-font-weight:     500;
    --targeted-links-item-heading-opt1-font-style:     var(--typo-h-medium-font-style);
    --targeted-links-item-heading-opt1-line-height:     var(--typo-h-medium-line-height);
    --targeted-links-item-heading-opt1-letter-spacing:     var(--typo-h-medium-letter-spacing);
    --targeted-links-item-heading-opt1-text-transform:     var(--typo-h-medium-text-transform);
    --targeted-links-item-heading-opt1-text-align:     left;

    --targeted-links-item-heading-opt1-font-size:     18px;
    --targeted-links-item-heading-opt1-font-size-m:     18px;
    --targeted-links-item-heading-opt1-font-size-l:     18px;

    /* Paragraph */
    --targeted-links-item-p-opt1-color:     #051A3F;
    --targeted-links-item-p-opt1-font-family:     'Arial';
    --targeted-links-item-p-opt1-font-weight:     400;
    --targeted-links-item-p-opt1-font-style:     var(--typo-sh-large-font-style);
    --targeted-links-item-p-opt1-line-height:     var(--typo-sh-large-line-height);
    --targeted-links-item-p-opt1-letter-spacing:     var(--typo-sh-large-letter-spacing);
    --targeted-links-item-p-opt1-text-transform:     var(--typo-sh-large-text-transform);
    --targeted-links-item-p-opt1-text-align:     left;

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

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

    /* Paragraph links */






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

    /* Buttons container */

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

    /* Button block overrides */


    /* Option 2 */
    /* New external container */

    /* Item container */
    --targeted-links-item-opt2-background:     var(--meta-swatch-mono-5);
    --targeted-links-item-opt2-border-radius:     20px;
    --targeted-links-item-opt2-box-shadow:     0px 4px 16px 0px rgba(0, 0, 0, 0.08);
    --targeted-links-item-opt2-flex-direction:     column;
    --targeted-links-item-opt2-flex-direction-m:     row;
    --targeted-links-item-opt2-flex-direction-l:     row;

    /* Cover image */
    --targeted-links-item-cover-image-opt2-height:     auto;
    --targeted-links-item-cover-image-opt2-height-m:     100%;
    --targeted-links-item-cover-image-opt2-height-l:     100%;
    --targeted-links-item-cover-image-opt2-width:     100%;
    --targeted-links-item-cover-image-opt2-width-m:     50%;
    --targeted-links-item-cover-image-opt2-width-l:     50%;

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

    /* Header */
    --targeted-links-item-header-opt2-padding:     0;
    --targeted-links-item-header-opt2-padding-m:     0;
    --targeted-links-item-header-opt2-padding-l:     0;

    /* Icon */

    /* External Heading */


    /* Heading */
    --targeted-links-item-heading-opt2-color:     var(--meta-swatch-colour-1);
    --targeted-links-item-heading-opt2-font-weight:     700;
    --targeted-links-item-heading-opt2-text-align:     left;

    --targeted-links-item-heading-opt2-font-size:     24px;
    --targeted-links-item-heading-opt2-font-size-m:     24px;
    --targeted-links-item-heading-opt2-font-size-l:     24px;

    /* Paragraph */



    /* 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 */
    --accordion-result-heading-colour:     var(--typo-sh-xlarge-colour);
    --accordion-result-heading-font-family:     var(--typo-sh-xlarge-font-face);
    --accordion-result-heading-font-size:     var(--typo-sh-xlarge-font-size);
    --accordion-result-heading-font-weight:     var(--typo-sh-xlarge-font-weight);
    --accordion-result-heading-font-style:     var(--typo-sh-xlarge-font-style);
    --accordion-result-heading-line-height:     var(--typo-sh-xlarge-line-height);
    --accordion-result-heading-letter-spacing:     var(--typo-sh-xlarge-letter-spacing);
    --accordion-result-heading-text-transform:     var(--typo-sh-xlarge-text-transform);
    --accordion-result-heading-margin:     var(--typo-sh-xlarge-text-align);

    /* Status indicator */
    --accordion-result-icon-size:     28px;
    --accordion-result-icon-margin:     0 16px 0 0;

    --accordion-result-icon-postivie-colour:     var(--meta-swatch-colour-7);

    --accordion-result-icon-negative-colour:     var(--meta-swatch-colour-7);

    --accordion-result-icon-netural-colour:     var(--meta-swatch-colour-7);

    /* Button block overrides */





    /* Affordability Result */

    /* Overview section */

    /*CARD*/
    /* Card container */

    /* Info icon container */

    /* Loan deposit difference */

    /* Icon */

    /* Paragraph */

    /* Value */

    /* Donut */

    /* LTV Donut */

    /* Donut Value*/

    /* Donut label */

    /* Donut icon */

    /* Edit section */

    /* Buttons */


    /* MODAL */
    /* Image */

    /* Title */

    /* Icon container */

    /* Icon */

    /* Card */

    /* Heading */


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

    /* Info label */


    /* Info value */


    /* Dot */

    /* Line */

    /* Banks List */
    /* Container */

    /* Bank Logo */

    /* Bank Name - optional */

    /* Loader bar */







    /* Borrowing Power Result */

    /* Block Container */

    /* Inner container */

    /* Content container */

    /* Columns container */

    /* Dataviz */

    /* Dataviz icons */

    /* Dataviz labels */

    /* Dataviz values */

    /* Breakdown heading */

    /* Also style Sub block / Breakdown card */

    /* Controls container */

    /* Controls heading */

    /* Controls list */

    /* Segmented label */


    /* Brighter Smile Survey Result */

    /* Description */

    /* Message */

    /* Total */


    /* Breakdown container */

    /* Breakdown item */

    /* Icon container */

    /* Icon */

    /* Breakdown item label */

    /* Breakdown item value */



    /* Budget Result */

    /* Block container */
    --budget-result-padding:     24px 0;
    --budget-result-gap:     24px;
    --budget-result-background:     none;

    /* Message */
    --budget-result-msg-gap:     8px;

    /* Message Header */
    --budget-result-msg-header-gap:     12px;

    /* Message Icon */
    --budget-result-msg-icon-align-self:     center;
    --budget-result-msg-icon-size:     36px;
    --budget-result-msg-icon-background:     none;
    --budget-result-msg-icon-border-radius:     none;
    --budget-result-msg-svg-size:     36px;
    --budget-result-msg-svg-fill:     var(--meta-swatch-mono-1);

    /* Message Heading */
    --budget-result-msg-heading-colour:     var(--typo-h-xlarge-colour);
    --budget-result-msg-heading-font-family:     var(--typo-h-xlarge-font-face);
    --budget-result-msg-heading-font-size:     var(--typo-h-xlarge-font-size);
    --budget-result-msg-heading-font-size-m:     var(--typo-h-xlarge-font-size);
    --budget-result-msg-heading-font-size-l:     var(--typo-h-xlarge-font-size);
    --budget-result-msg-heading-font-weight:     var(--typo-h-xlarge-font-weight);
    --budget-result-msg-heading-font-style:     var(--typo-h-xlarge-font-style);
    --budget-result-msg-heading-line-height:     var(--typo-h-xlarge-line-height);
    --budget-result-msg-heading-letter-spacing:     var(--typo-h-xlarge-letter-spacing);
    --budget-result-msg-heading-text-transform:     var(--typo-h-xlarge-text-transform);
    --budget-result-msg-heading-text-align:     var(--typo-h-xlarge-text-align);

    /* Message Text */
    --budget-result-msg-text-color:     var(--typo-p-medium-colour);
    --budget-result-msg-text-font-family:     var(--typo-p-medium-font-face);
    --budget-result-msg-text-font-size:     var(--typo-p-medium-font-size);
    --budget-result-msg-text-font-size-m:     var(--typo-p-medium-font-size);
    --budget-result-msg-text-font-size-l:     var(--typo-p-medium-font-size);
    --budget-result-msg-text-font-weight:     var(--typo-p-medium-font-weight);
    --budget-result-msg-text-font-style:     var(--typo-p-medium-font-style);
    --budget-result-msg-text-line-height:     var(--typo-p-medium-line-height);
    --budget-result-msg-text-letter-spacing:     var(--typo-p-medium-letter-spacing);
    --budget-result-msg-text-text-transform:     var(--typo-p-medium-text-transform);
    --budget-result-msg-text-text-align:     var(--typo-p-medium-text-align);
    --budget-result-msg-text-text-margin:     var(--typo-p-margin);

    /* Breakdowns */
    --budget-result-breakdowns-direction:     column;
    --budget-result-breakdowns-direction-m:     row;
    --budget-result-breakdowns-direction-l:     row;
    --budget-result-breakdowns-gap:     24px;
    --budget-result-breakdowns-gap-m:     24px;
    --budget-result-breakdowns-gap-l:     24px;

    /* Total & income */
    --budget-result-breakdown-totalandincome-gap:     24px;

    /* Total */
    --budget-result-breakdown-total-gap:     8px;

    /* Income */
    --budget-result-breakdown-income-gap:     8px;

    /* Spending */
    --budget-result-breakdown-spending-gap:     8px;

    /* Table */
    --budget-result-breakdown-table-padding:     0;
    --budget-result-breakdown-table-margin:     0 0 8px 0;
    --budget-result-breakdown-table-gap:     1px;
    --budget-result-breakdown-table-border-radius:     8px;
    --budget-result-breakdown-table-border:     1px solid var(--meta-swatch-mono-4);
    --budget-result-breakdown-table-background:     var(--meta-swatch-mono-4);
    --budget-result-breakdown-table-box-shadow:     none;

    /* Row */
    --budget-result-row-padding:     8px;
    --budget-result-row-background:     var(--meta-swatch-mono-5);
    --budget-result-row-total-background:     var(--meta-swatch-mono-6);

    /* Row Labels */
    --budget-result-row-labels-gap:     0;

    /* Row Label */
    --budget-result-row-label-colour:     var(--typo-h-small-colour);
    --budget-result-row-label-font-family:     var(--typo-h-small-font-face);
    --budget-result-row-label-font-size:     var(--typo-h-small-font-size);
    --budget-result-row-label-font-size-m:     var(--typo-h-small-font-size);
    --budget-result-row-label-font-size-l:     var(--typo-h-small-font-size);
    --budget-result-row-label-font-weight:     var(--typo-h-small-font-weight);
    --budget-result-row-label-font-style:     var(--typo-h-small-font-style);
    --budget-result-row-label-line-height:     var(--typo-h-small-line-height);
    --budget-result-row-label-letter-spacing:     var(--typo-h-small-letter-spacing);
    --budget-result-row-label-text-transform:     var(--typo-h-small-text-transform);
    --budget-result-row-label-text-align:     var(--typo-h-small-text-align);

    /* Row Status */
    --budget-result-row-status-gap:     4px;

    /* Row Status Icon */
    --budget-result-row-status-icon-size:     24px;
    --budget-result-row-status-icon-background:     none;
    --budget-result-row-status-icon-border-radius:     none;
    --budget-result-row-status-svg-size:     24px;
    --budget-result-row-status-svg-fill-positive:     var(--meta-swatch-colour-9);
    --budget-result-row-status-svg-fill-neutral:     var(--meta-swatch-mono-3);
    --budget-result-row-status-svg-fill-negative:     var(--meta-swatch-colour-12);

    /* Row Status Label */
    --budget-result-row-status-label-color:     var(--meta-swatch-mono-3);
    --budget-result-row-status-label-color-negative:     var(--meta-swatch-colour-12);
    --budget-result-row-status-label-color-neutral:     var(--meta-swatch-colour-7);
    --budget-result-row-status-label-color-positive:     var(--meta-swatch-colour-9);

    --budget-result-row-status-label-font-family:     var(--typo-data-label-xs-font-face);
    --budget-result-row-status-label-font-size:     var(--typo-data-label-xs-font-size);
    --budget-result-row-status-label-font-size-m:     var(--typo-data-label-xs-font-size);
    --budget-result-row-status-label-font-size-l:     var(--typo-data-label-xs-font-size);
    --budget-result-row-status-label-font-weight:     var(--typo-data-label-xs-font-weight);
    --budget-result-row-status-label-font-style:     var(--typo-data-label-xs-font-style);
    --budget-result-row-status-label-line-height:     var(--typo-data-label-xs-line-height);
    --budget-result-row-status-label-letter-spacing:     var(--typo-data-label-xs-letter-spacing);
    --budget-result-row-status-label-text-transform:     var(--typo-data-label-xs-text-transform);
    --budget-result-row-status-label-text-align:     var(--typo-data-label-xs-text-align);

    /* Row Values */
    --budget-result-row-values-gap:     0;

    /* Row Value */
    --budget-result-row-value-colour:     var(--typo-h-small-colour);
    --budget-result-row-value-font-family:     var(--typo-h-small-font-face);
    --budget-result-row-value-font-size:     var(--typo-h-small-font-size);
    --budget-result-row-value-font-size-m:     var(--typo-h-small-font-size);
    --budget-result-row-value-font-size-l:     var(--typo-h-small-font-size);
    --budget-result-row-value-font-weight:     var(--typo-h-small-font-weight);
    --budget-result-row-value-font-style:     var(--typo-h-small-font-style);
    --budget-result-row-value-line-height:     var(--typo-h-small-line-height);
    --budget-result-row-value-letter-spacing:     var(--typo-h-small-letter-spacing);
    --budget-result-row-value-text-transform:     var(--typo-h-small-text-transform);
    --budget-result-row-value-text-align:     var(--typo-h-small-text-align);

    /* Row Calc Value */
    --budget-result-row-calc-value-colour:     var(--meta-swatch-mono-3);
    --budget-result-row-calc-value-font-family:     var(--typo-data-label-xs-font-face);
    --budget-result-row-calc-value-font-size:     var(--typo-data-label-xs-font-size);
    --budget-result-row-calc-value-font-size-m:     var(--typo-data-label-xs-font-size);
    --budget-result-row-calc-value-font-size-l:     var(--typo-data-label-xs-font-size);
    --budget-result-row-calc-value-font-weight:     var(--typo-data-label-xs-font-weight);
    --budget-result-row-calc-value-font-style:     var(--typo-data-label-xs-font-style);
    --budget-result-row-calc-value-line-height:     var(--typo-data-label-xs-line-height);
    --budget-result-row-calc-value-letter-spacing:     var(--typo-data-label-xs-letter-spacing);
    --budget-result-row-calc-value-text-transform:     var(--typo-data-label-xs-text-transform);
    --budget-result-row-calc-value-text-align:     var(--typo-data-label-xs-text-align);


    /* 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 */
    --checklist-widget-background:     var(--meta-swatch-mono-5);
    --checklist-widget-border-radius:     8px;
    --checklist-widget-padding:     0;
    --checklist-widget-padding-m:     0 0 24px 24px;
    --checklist-widget-padding-l:     0 0 24px 24px;




    --checklist-widget-items-gap:     16px;
    --checklist-widget-items-gap-m:     16px;
    --checklist-widget-items-gap-l:     16px;


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

    /* Content container */

    /* Grid container */

    /* Icon layout */

    /* Labels */

    /* Positive message */


    /* Negative message */



    /* FF Scorecards Widget */

    /* Section container */

    /* Section heading overrides */


    /* Section paragraph */

    /* Score card containers */

    /* Scorecard label top */

    /* Scorecard label bottom */

    /* Scorecard value */

    /* Scorecard donut */

    /* Donut Info icon */

    /* Donut label */


    /* Scorecard pursuits icon */


    /* Finance Summary Widget */

    /* Container */

    /* Heading */

    /* Subheading */

    /* Card */

    /* Card Info */

    /* Card Info Icon */

    /* Card Paragraph */

    /* Card Value */

    /* Card Value Icon */

    /* Doughnut */

    /* Doughnut Value */

    /* Doughnut Label */

    /* Rental Block */

    /* Rental Label */

    /* Rental Prime Label */


    /* Flow Playback Result */

    /* Block container */

    /* Content container */

    /* Items */

    /* Item container */




    /* Text container */

    /* Heading */

    /* Sub heading */

    /* Detail container */

    /* Indicator layout */



    /* Indicator ON */



    /* Indicator OFF */




    /* Goal Scorecard Widget */

    /* Block container */

    /* Scores container */



    /* Score item container */



    /* Score item label */

    /* Label off state overrides */

    /* Score indicator layout */


    /* Score indicator ON */


    /* Score indicator off */


    /* Update container */



    /* Update label */


    /* Healthscore Widget */

    /* High Priority Goals Widget */

    /* Block container */

    /* Content container */

    /* Header container */

    /* Heading */

    /* Sub heading */

    /* Button container */


    /* Home Buying Options Result */

    /* Home Buying Readiness Result */

    /* Inflation Poll Result */

    /* Heading */

    /* Description */

    /* Label */

    /* Card container */

    /* Card heading */

    /* Card label */

    /* Card value today */

    /* Card value future */

    /* Value colour overrides */


    /* Investor Persona */

    /* Content container */




    /* Words container */

    /* Heading */



    /* Title */



    /* Description */

    /* Image */


    /* LifeScore Widget */

    /* Block container */

    /* Heading */

    /* Sub Heading */

    /* Body */

    /* Breakdown */







    /* Mortgage Tools Widget */

    /* Container */

    /* Image */

    /* Body */

    /* Heading */

    /* Sub heading */

    /* Cards container */

    /* Card */

    /* Card Heading */

    /* Metrics container */

    /* Metric */


    /* Metric Label */

    /* Metric Value */

    /* Button */

    /*  Button Label */

    /* Button Icon */

    /* Part time and pension impact Result */
    /* Sticky */
    --impact-sticky-padding:     24px 0;
    --impact-sticky-padding-m:     24px 0;
    --impact-sticky-padding-l:     24px 0;
    --impact-sticky-gap:     8px;
    --impact-sticky-background:     #FFFFFF;
    --impact-sticky-flex-direction:     column;
    --impact-sticky-flex-direction-m:     column;
    --impact-sticky-flex-direction-l:     column;
    --impact-header-label-color:     #121F47;
    --impact-header-label-font-size:     14px;
    --impact-header-label-font-size-m:     14px;
    --impact-header-label-font-size-l:     14px;
    --impact-header-label-font-family:     var(--typo-h-large-font-face);
    --impact-header-label-font-weight:     500;
    --impact-header-label-line-height:     120%;
    --impact-header-label-letter-spacing:     -0.13px;
    --impact-header-data-color:     #121F47;
    --impact-header-data-font-size:     36px;
    --impact-header-data-font-size-m:     36px;
    --impact-header-data-font-size-l:     36px;
    --impact-header-data-font-family:     var(--typo-h-large-font-face);
    --impact-header-data-font-weight:     500;
    --impact-header-data-font-style:     normal;
    --impact-header-data-letter-spacing:     -0.36px;
    --impact-header-data-text-align:     center;

    /* Detail contains Comparison and Expenditure */
    --impact-detail-gap:     10px;

    /* Comparison text */
    --impact-comparison-color:     #121F47;
    --impact-comparison-font-size:     13px;
    --impact-comparison-font-size-m:     13px;
    --impact-comparison-font-size-l:     13px;
    --impact-comparison-font-family:     var(--typo-h-large-font-face);
    --impact-comparison-font-weight:     400;
    --impact-comparison-letter-spacing:     -0.13px;

    /* Expenditure container */
    --impact-exp-heading-color:     #121F47;
    --impact-exp-heading-font-size:     14px;
    --impact-exp-heading-font-size-m:     14px;
    --impact-exp-heading-font-size-l:     14px;
    --impact-exp-heading-font-family:     var(--typo-h-large-font-face);
    --impact-exp-heading-font-weight:     500;
    --impact-exp-body-font-size:     13px;
    --impact-exp-body-font-size-m:     13px;
    --impact-exp-body-font-size-l:     13px;
    --impact-exp-body-font-family:     var(--typo-h-large-font-face);
    --impact-exp-body-font-weight:     400;
    --impact-exp-body-line-height:     1.2;
    --impact-exp-body-above-color:     #008623;
    --impact-exp-body-match-color:     #121F47;
    --impact-exp-body-short-color:     #DF2216;

    /* Body */
    --impact-body-background:     #F1F3F7;
    --impact-body-gap:     0;
    --impact-body-gap-m:     0;
    --impact-body-gap-l:     0;

    /* Table grid */
    --impact-breakdown-table-label-column-flex:     3 1;
    --impact-breakdown-table-label-column-flex-m:     3 1;
    --impact-breakdown-table-label-column-flex-l:     3 1;
    --impact-breakdown-table-data-column-flex:     2 1;
    --impact-breakdown-table-data-column-flex-m:     2 1;
    --impact-breakdown-table-data-column-flex-l:     2 1;

    /* Table breakdown */
    --impact-breakdown-padding:     24px 16px;
    --impact-breakdown-padding-m:     24px;
    --impact-breakdown-padding-l:     24px 36px;
    --impact-breakdown-margin:     16px 0 0 0;
    --impact-breakdown-border-radius:     8px;
    --impact-breakdown-background:     #FFFFFF;
    --impact-breakdown-box-shadow:     0 4px 16px 0 rgba(0, 0, 0, 0.08);
    --impact-breakdown-header-gap:     8px;
    --impact-breakdown-header-img-size:     64px;
    --impact-breakdown-header-labels-gap:     4px;
    --impact-breakdown-header-label-color:     #121F47;
    --impact-breakdown-header-label-font-size:     18px;
    --impact-breakdown-header-label-font-size-m:     18px;
    --impact-breakdown-header-label-font-size-l:     18px;
    --impact-breakdown-header-label-font-family:     var(--typo-h-large-font-face);
    --impact-breakdown-header-label-font-weight:     500;
    --impact-breakdown-header-label-letter-spacing:     -0.18px;
    --impact-breakdown-header-label-line-height:     120%;
    --impact-breakdown-header-sublabel-color:     #3C4253;
    --impact-breakdown-header-sublabel-font-size:     13px;
    --impact-breakdown-header-sublabel-font-size-m:     13px;
    --impact-breakdown-header-sublabel-font-size-l:     13px;
    --impact-breakdown-header-sublabel-font-family:     var(--typo-p-medium-font-face);
    --impact-breakdown-header-sublabel-font-weight:     400;
    --impact-breakdown-header-sublabel-line-height:     120%;
    --impact-breakdown-header-sublabel-letter-spacing:     -0.13px;
    --impact-breakdown-table-padding:     0 0 8px 0;
    --impact-breakdown-table-cell-height:     32px;
    --impact-breakdown-heading-color:     #656A76;
    --impact-breakdown-heading-font-family:     var(--typo-h-large-font-face);
    --impact-breakdown-heading-font-size:     11px;
    --impact-breakdown-heading-font-weight:     400;
    --impact-breakdown-heading-font-style:     normal;
    --impact-breakdown-heading-line-height:     120%;
    --impact-breakdown-heading-letter-spacing:     -0.11px;
    --impact-breakdown-table-label-font-family:     var(--typo-p-medium-font-face);
    --impact-breakdown-table-label-font-size:     13px;
    --impact-breakdown-table-label-font-weight:     #3C4253;
    --impact-breakdown-table-label-font-style:     normal;
    --impact-breakdown-table-label-line-height:     120%;
    --impact-breakdown-table-label-letter-spacing:     -0.13px;
    --impact-breakdown-table-data-color:     #121F47;
    --impact-breakdown-table-data-font-family:     var(--typo-h-large-font-face);
    --impact-breakdown-table-data-font-size:     14px;
    --impact-breakdown-table-data-font-weight:     500;
    --impact-breakdown-table-data-font-style:     normal;
    --impact-breakdown-table-data-line-height:     120%;
    --impact-breakdown-table-data-letter-spacing:     -0.14px;
    --impact-breakdown-footer-color:     #656A76;
    --impact-breakdown-footer-font-family:     var(--typo-h-large-font-face);
    --impact-breakdown-footer-font-size:     11px;
    --impact-breakdown-footer-font-weight:     400;
    --impact-breakdown-footer-line-height:     120%;
    --impact-breakdown-footer-letter-spacing:     -0.11px;

    /* Informer overrides */
    --impact-breakdown-informer-margin:     8px 0 0 0;

    /* Wheels container */
    --impact-wheels-container-gap:     16px;


    /* Positive Impact Widget */

    /* Block container */

    /* Content container */


    /* Points breakdown*/







    /* Profile Result */





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

    /* Profile Widget */

    /* Block container */
    --profile-widget-background:     var(--meta-swatch-mono-5);
    --profile-widget-padding:     0 0 24px 0;
    --profile-widget-padding-m:     32px 0 24px 0;
    --profile-widget-padding-l:     32px 0 24px 0;
    --profile-widget-gap:     8px;
    --profile-widget-gap-m:     16px;
    --profile-widget-gap-l:     16px;

    /* My profile heading (My profile) */
    --profile-widget-heading-colour:     var(--meta-swatch-mono-1);
    --profile-widget-heading-font-size:     var(--typo-h-medium-font-size);
    --profile-widget-heading-font-size-m:     var(--typo-h-medium-font-size);
    --profile-widget-heading-font-size-l:     var(--typo-h-medium-font-size);
    --profile-widget-heading-font-family:     var(--typo-h-medium-font-family);
    --profile-widget-heading-font-weight:     var(--typo-h-medium-font-weight);
    --profile-widget-heading-font-style:     var(--typo-h-medium-font-style);
    --profile-widget-heading-letter-spacing:     var(--typo-h-medium-letter-spacing);
    --profile-widget-heading-text-align:     var(--typo-h-medium-text-align);
    --profile-widget-heading-line-height:     var(--typo-h-medium-line-height);
    --profile-widget-heading-text-transform:     var(--typo-h-medium-text-transform);

    /* My profile current */
    --profile-widget-current-gap:     16px;
    --profile-widget-current-gap-m:     16px;
    --profile-widget-current-gap-l:     16px;

    /* My profile current heading */
    --profile-widget-current-heading-colour:     var(--meta-swatch-mono-1);
    --profile-widget-current-heading-font-size:     18px;
    --profile-widget-current-heading-font-size-m:     18px;
    --profile-widget-current-heading-font-size-l:     18px;
    --profile-widget-current-heading-font-family:     var(--typo-sh-large-font-face);
    --profile-widget-current-heading-font-weight:     700;
    --profile-widget-current-heading-line-height:     24px;

    /* My profile card - ON */
    --profile-widget-card-on-background:     var(--meta-swatch-mono-5);
    --profile-widget-card-on-border:     none;
    --profile-widget-card-on-border-radius:     8px;
    --profile-widget-card-on-padding:     0;
    --profile-widget-card-on-padding-m:     0;
    --profile-widget-card-on-padding-l:     0;
    --profile-widget-card-on-gap:     8px;
    --profile-widget-card-on-gap-m:     8px;
    --profile-widget-card-on-gap-l:     8px;

    /* My profile card header container */
    --profile-widget-card-header-on-gap:     8px;
    --profile-widget-card-header-on-gap-m:     8px;
    --profile-widget-card-header-on-gap-l:     8px;

    /* My profile card heading  */
    --profile-widget-card-heading-on-colour:     var(--meta-swatch-mono-1);
    --profile-widget-card-heading-on-font-size:     18px;
    --profile-widget-card-heading-on-font-size-m:     18px;
    --profile-widget-card-heading-on-font-size-l:     18px;
    --profile-widget-card-heading-on-font-family:     var(--typo-sh-large-font-face);
    --profile-widget-card-heading-on-font-weight:     700;
    --profile-widget-card-heading-on-font-style:     var(--typo-h-medium-font-style);
    --profile-widget-card-heading-on-letter-spacing:     var(--typo-h-medium-letter-spacing);
    --profile-widget-card-heading-on-text-align:     var(--typo-h-medium-text-align);
    --profile-widget-card-heading-on-line-height:     var(--typo-h-medium-line-height);
    --profile-widget-card-heading-on-text-transform:     var(--typo-h-medium-text-transform);

    /* My profile card icon */

    /* My profile card body text */

    /* My profile card - OFF */
    --profile-widget-card-off-background:     var(--meta-swatch-mono-5);
    --profile-widget-card-off-border:     1px solid var(--meta-swatch-mono-4);
    --profile-widget-card-off-border-radius:     8px;
    --profile-widget-card-off-padding:     24px;
    --profile-widget-card-off-padding-m:     24px;
    --profile-widget-card-off-padding-l:     24px;
    --profile-widget-card-off-gap:     8px;
    --profile-widget-card-off-gap-m:     8px;
    --profile-widget-card-off-gap-l:     8px;

    /* My profile card header container */
    --profile-widget-card-header-off-gap:     8px;
    --profile-widget-card-header-off-gap-m:     8px;
    --profile-widget-card-header-off-gap-l:     8px;
    --profile-widget-card-header-off-flex-direction:     column-reverse;
    --profile-widget-card-header-off-flex-direction-m:     column-reverse;
    --profile-widget-card-header-off-flex-direction-l:     column-reverse;

    /* My profile card heading  */
    --profile-widget-card-heading-off-colour:     var(--meta-swatch-mono-1);
    --profile-widget-card-heading-off-font-size:     18px;
    --profile-widget-card-heading-off-font-size-m:     18px;
    --profile-widget-card-heading-off-font-size-l:     18px;
    --profile-widget-card-heading-off-font-family:     var(--typo-sh-large-font-face);
    --profile-widget-card-heading-off-font-weight:     500;
    --profile-widget-card-heading-off-font-style:     var(--typo-h-medium-font-style);
    --profile-widget-card-heading-off-letter-spacing:     var(--typo-h-medium-letter-spacing);
    --profile-widget-card-heading-off-text-align:     var(--typo-h-medium-text-align);
    --profile-widget-card-heading-off-line-height:     var(--typo-h-medium-line-height);
    --profile-widget-card-heading-off-text-transform:     var(--typo-h-medium-text-transform);

    /* My profile card icon */
    --profile-widget-card-icon-off-align-self:     start;
    --profile-widget-card-icon-off-fill:     var(--meta-swatch-colour-2);

    /* My profile card body text */

    /* Other profiles container */
    --profile-widget-other-profiles-direction:     column;
    --profile-widget-other-profiles-direction-m:     row;
    --profile-widget-other-profiles-direction-l:     row;
    --profile-widget-other-profiles-gap:     16px;
    --profile-widget-other-profiles-gap-m:     16px;
    --profile-widget-other-profiles-gap-l:     16px;

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

    /* Text container */



    /* Accordion icon */

    /* Image */

    /* Body container */


    /* Property Breakdown */

    /* Container */

    /* Header */

    /* Heading */

    /* Row */

    /* Row label */

    /* Row value */

    /* Property Goal Result */

    /* Block Container */

    /* Inner container */

    /* Breakdown block */

    /* Input container */


    /* Data row */

    /* Input group container */



    /* Property Goal Widget (Road) */

    /* Container */

    /* Content Container */

    /* Header Container */

    /* Body Container */

    /* Heading */

    /* Heading */























    /* Property Goal Widget (progress bar) */

    /* Container */

    /* Heading */

    /* Dataviz */

    /* Progress bar */

    /* Progress bar value */

    /* Savings table */

    /* Savings item */


    /* Property Portfolio Result */

    /* Container */

    /* Indicator icon */

    /* Heading */

    /* Sub heading */

    /* Data icon */


    /*  Savings Plan Result */

    /* Block Container */

    /* Inner container */

    /* Content container */

    /* Content heading */

    /* Content subheading */

    /* Columns container */

    /* Dataviz */

    /* Dataviz item */

    /* Donuts */

    /* Dataviz headings */

    /* Dataviz labels */

    /* Dataviz values */

    /* Dataviz suffix */

    /* Breakdown heading */

    /* Also style Sub block / Breakdown card */

    /* Controls container */

    /* Controls heading */

    /* Controls list */



    /*  Sus scores widget */

    /* Main block */

    /* Cards */

    /* Card */

    /* Card heading */

    /* Overall score card */

    /* Overall score value */

    /* Overall score legend */

    /* Overall score timestamp */

    /* Breakdown info icon */

    /* Breakdown scores */

    /* Break down score row */

    /* Breakdown score row label */

    /* Breakdown score row value */

    /* Breakdown score buttons */

    /* Message */

    /* Message icon */

    /* Message label */

    /* Score history rows */

    /* Score history row label */

    /* Score history row value */

    /* Score history row bar */


    /* Uni Savings Result */

    /* Dataviz */
    /* Heading */
    --uni-viz-heading-padding:     16px 0px 8px;
    --uni-viz-heading-padding-m:     16px 0 0;
    --uni-viz-heading-padding-l:     16px 0 0;

    --uni-viz-heading-font-size:     var(--typo-h-large-font-size);
    --uni-viz-heading-font-size-m:     var(--typo-h-large-font-size);
    --uni-viz-heading-font-size-l:     var(--typo-h-large-font-size);
    --uni-viz-heading-font-family:     var(--typo-h-large-font-face);
    --uni-viz-heading-font-weight:     var(--typo-h-large-font-weight);
    --uni-viz-heading-font-style:     var(--typo-h-large-font-style);
    --uni-viz-heading-letter-spacing:     var(--typo-h-large-letter-spacing);
    --uni-viz-heading-text-align:     var(--typo-h-large-text-align);

    /* Sticky */
    --uni-viz-sticky-flex-direction:     column;
    --uni-viz-sticky-gap:     8px;
    --uni-viz-sticky-gap-m:     8px;
    --uni-viz-sticky-gap-l:     8px;
    --uni-viz-sticky-padding:     16px 0 20px;
    --uni-viz-sticky-padding-m:     20px 0 24px;
    --uni-viz-sticky-padding-l:     20px 0 24px;
    --uni-viz-sticky-margin:     0 0 16px 0;
    --uni-viz-sticky-margin-m:     0 0 16px 0;
    --uni-viz-sticky-margin-l:     0 0 16px 0;
    --uni-viz-sticky-background:     var(--meta-swatch-mono-5);
    --uni-viz-sticky-box-shadow:     0px 16px 16px 0px rgba(0, 0, 0, 0.05);

    /* Total */
    --uni-viz-total-gap:     4px;
    --uni-viz-total-gap-m:     6px;
    --uni-viz-total-gap-l:     6px;

    /* Total value */
    --uni-viz-total-value-color:     var(--meta-swatch-colour-1);
    --uni-viz-total-value-font-size:     var(--typo-h-2xl-font-size);
    --uni-viz-total-value-font-size-m:     28px;
    --uni-viz-total-value-font-size-l:     28px;
    --uni-viz-total-value-font-family:     var(--typo-h-2xl-font-face);
    --uni-viz-total-value-font-weight:     var(--typo-h-2xl-font-weight);
    --uni-viz-total-value-font-style:     var(--typo-h-2xl-font-style);
    --uni-viz-total-value-letter-spacing:     var(--typo-h-2xl-letter-spacing);
    --uni-viz-total-value-text-align:     var(--typo-h-2xl-text-align);
    --uni-viz-total-value-line-height:     70%;

    /* Total label */
    --uni-viz-total-label-color:     var(--meta-swatch-mono-1);
    --uni-viz-total-label-font-size:     var(--typo-p-medium-font-size);
    --uni-viz-total-label-font-size-m:     var(--typo-p-medium-font-size);
    --uni-viz-total-label-font-size-l:     var(--typo-p-medium-font-size);
    --uni-viz-total-label-font-family:     var(--typo-p-medium-font-face);
    --uni-viz-total-label-font-weight:     var(--typo-p-medium-font-weight);
    --uni-viz-total-label-font-style:     var(--typo-p-medium-font-style);
    --uni-viz-total-label-letter-spacing:     var(--typo-p-medium-letter-spacing);
    --uni-viz-total-label-text-align:     var(--typo-p-medium-text-align);
    --uni-viz-total-label-text-transform:     none;

    /* Bar container */
    --uni-viz-bar-container-padding:     0;
    --uni-viz-bar-container-padding-m:     12px 0 0;
    --uni-viz-bar-container-padding-l:     12px 0 0;

    /* Bar */
    --uni-viz-bar-height:     18px;
    --uni-viz-bar-height-m:     24px;
    --uni-viz-bar-height-l:     24px;
    --uni-viz-bar-gap:     1px;
    --uni-viz-bar-border:     none;
    --uni-viz-bar-border-radius:     28px;
    --uni-viz-bar-color-saved:     var(--meta-swatch-colour-3);
    --uni-viz-bar-color-to-save:     var(--meta-swatch-colour-4);
    --uni-viz-bar-color-to-spend:     #8454A4;

    /* Legend */
    --uni-viz-legend-padding:     6px 0;
    --uni-viz-legend-padding-m:     12px 0;
    --uni-viz-legend-padding-l:     12px 0;
    --uni-viz-legend-gap:     0;
    --uni-viz-legend-gap-m:     4px;
    --uni-viz-legend-gap-l:     4px;

    --uni-viz-legend-item-gap:     12px;
    --uni-viz-legend-item-gap-m:     12px;
    --uni-viz-legend-item-gap-l:     12px;

    --uni-viz-legend-item-icon-size:     10px;
    --uni-viz-legend-item-icon-fill-saved:     var(--meta-swatch-colour-3);
    --uni-viz-legend-item-icon-fill-to-save:     var(--meta-swatch-colour-4);
    --uni-viz-legend-item-icon-fill-to-spend:     #8454A4;

    --uni-viz-legend-item-label-colour:     var(--meta-swatch-mono-1);
    --uni-viz-legend-item-label-font-size:     var(--typo-p-small-font-size);
    --uni-viz-legend-item-label-font-size-m:     16px;
    --uni-viz-legend-item-label-font-size-l:     16px;
    --uni-viz-legend-item-label-font-family:     var(--typo-p-small-font-face);
    --uni-viz-legend-item-label-font-weight:     var(--typo-p-small-font-weight);
    --uni-viz-legend-item-label-font-style:     var(--typo-p-small-font-style);
    --uni-viz-legend-item-label-line-height:     var(--typo-p-small-line-height);
    --uni-viz-legend-item-label-letter-spacing:     var(--typo-p-small-letter-spacing);
    --uni-viz-legend-item-label-text-align:     var(--typo-p-small-text-align);

    /* Cards */
    --uni-viz-cards-gap:     16px;
    --uni-viz-cards-gap-m:     16px;
    --uni-viz-cards-gap-l:     16px;
    --uni-viz-cards-padding:     0 0 8px 0;
    --uni-viz-cards-padding-m:     0 0 8px 0;
    --uni-viz-cards-padding-l:     0 0 8px 0;

    --uni-viz-card-1-background:     #E0F8F6;
    --uni-viz-card-1-value-color:     var(--meta-swatch-colour-1);
    --uni-viz-card-1-label-color:     var(--meta-swatch-mono-2);
    --uni-viz-card-2-background:     #EEE7F2;
    --uni-viz-card-2-value-color:     var(--meta-swatch-colour-1);
    --uni-viz-card-2-label-color:     var(--meta-swatch-mono-2);

    --uni-viz-card-padding:     12px;
    --uni-viz-card-padding-m:     16px;
    --uni-viz-card-padding-l:     16px;
    --uni-viz-card-gap:     0px;
    --uni-viz-card-gap-m:     2px;
    --uni-viz-card-gap-l:     2px;
    --uni-viz-card-border-radius:     8px;

    --uni-viz-card-value-font-size:     var(--typo-h-medium-font-size);
    --uni-viz-card-value-font-size-m:     18px;
    --uni-viz-card-value-font-size-l:     18px;
    --uni-viz-card-value-font-family:     var(--typo-h-medium-font-face);
    --uni-viz-card-value-font-weight:     var(--typo-h-medium-font-weight);
    --uni-viz-card-value-font-style:     var(--typo-h-medium-font-style);
    --uni-viz-card-value-line-height:     var(--typo-h-medium-line-height);
    --uni-viz-card-value-letter-spacing:     var(--typo-h-medium-letter-spacing);
    --uni-viz-card-value-text-align:     var(--typo-h-medium-text-align);

    --uni-viz-card-label-font-size:     var(--typo-p-small-font-size);
    --uni-viz-card-label-font-size-m:     var(--typo-p-small-font-size);
    --uni-viz-card-label-font-size-l:     var(--typo-p-small-font-size);
    --uni-viz-card-label-font-family:     var(--typo-p-small-font-face);
    --uni-viz-card-label-font-weight:     var(--typo-p-small-font-weight);
    --uni-viz-card-label-font-style:     var(--typo-p-small-font-style);
    --uni-viz-card-label-line-height:     var(--typo-p-small-line-height);
    --uni-viz-card-label-letter-spacing:     var(--typo-p-small-letter-spacing);
    --uni-viz-card-label-text-align:     var(--typo-p-small-text-align);

    /* Info */
    --uni-viz-info-gap:     8px;
    --uni-viz-info-gap-m:     8px;
    --uni-viz-info-gap-l:     8px;
    --uni-viz-info-padding:     8px;
    --uni-viz-info-padding-m:     8px;
    --uni-viz-info-padding-l:     8px;
    --uni-viz-info-background:     #EFF6FA;
    --uni-viz-info-border:     none;
    --uni-viz-info-border-radius:     4px;

    --uni-viz-info-icon-size:     24px;
    --uni-viz-info-icon-fill:     var(--meta-swatch-colour-7);

    --uni-viz-info-label-color:     var(--meta-swatch-mono-1);
    --uni-viz-info-label-font-size:     var(--typo-p-small-font-size);
    --uni-viz-info-label-font-family:     var(--typo-p-small-font-face);
    --uni-viz-info-label-font-weight:     var(--typo-p-small-font-weight);
    --uni-viz-info-label-font-style:     var(--typo-p-small-font-style);
    --uni-viz-info-label-line-height:     24px;
    --uni-viz-info-label-letter-spacing:     var(--typo-p-small-letter-spacing);
    --uni-viz-info-label-text-align:     var(--typo-p-small-text-align);

    /* Adjust your answers */
    --uni-result-playground-header-margin:     -16px 0;
    --uni-result-playground-header-padding:     0;

    /* Segmented button and wheels container */
    --uni-result-playground-wrapper-gap:     0px;
    --uni-result-playground-wrapper-gap-m:     16px;
    --uni-result-playground-wrapper-gap-l:     16px;


    /* Wheel */
    --uni-result-input-row-gap:     0;

    /* Uni Modal */

    /* Uni Modal Values container */
    --uni-modal-values-padding:     0 0 8px 0;
    --uni-modal-values-padding-m:     0 0 8px 0;
    --uni-modal-values-padding-l:     0 0 8px 0;

    /* Values */
    --uni-modal-value-save-icon-size:     24px;
    --uni-modal-value-save-icon-fill:     var(--meta-swatch-colour-4);

    --uni-modal-value-spend-icon-size:     24px;
    --uni-modal-value-spend-icon-fill:     #8454A4;

    --uni-modal-value-font-size:     16px;
    --uni-modal-value-font-size-m:     16px;
    --uni-modal-value-font-size-l:     16px;
    --uni-modal-value-font-family:     'Arial';
    --uni-modal-value-font-weight:     bold;
    --uni-modal-value-font-style:     normal;
    --uni-modal-value-line-height:     120%;
    --uni-modal-value-text-align:     left;

    /* Chart */
    --uni-modal-chart-background:     #F5F5F5;
    --uni-modal-chart-border:     1px solid var(--meta-swatch-mono-4);
    --uni-modal-chart-box-shadow:     none;
    --uni-modal-chart-save-color:     var(--meta-swatch-colour-4);
    --uni-modal-chart-spend-color:     #8454A4;

    /* Labels */
    --uni-modal-label-font-size:     11px;
    --uni-modal-label-font-size-m:     16px;
    --uni-modal-label-font-size-l:     16px;


    /* VM */

    /* VM What's In Reach dataviz */





    /* VM plan breakdown */







    /* VM plan dataviz */









    /* VM plan widget */










    /* VM plan page header */



    /* VM points card */




    /* VM points widget */









    /* VM product prompt */








    /* FF */

    /* FF template heading overrides */


    /* FF Messages spacer */


    /* Goal Indicator */





    /* Pursuit Indicator */




    /* FF KPI Detail */

    /* Item */

    /* Icon */

    /* Label */


    /* Mortgage Passport */

    /* Container */

    /* Widget Wrapper */

    /* Item */

    /* Icon */

    /* Label */

    /* Value */



















    /* Sub blocks */

    /* Account info */

    /* Account info title */

    /* Account info sub title */

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


    /* Detail container */

    /* Icon */

    /* Label & Icon containers */

    /* Labels */



    /* Deposit Builder Chart */

    /* Container */

    /* Account colours */

    /* Account cards */

    /* Account buttons */

    /* Headings */


    /* Legend */

    /* Balances */

    /* Totals */

    /* Difference label */

    /* Difference */

    /* Indicator */



    /* Keylines */


    /* Deposit Builder Breakdown */

    /* Container */

    /* Headings */


    /* Balances */

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




    /* Text container */

    /* Heading */

    /* Sub Heading */

    /* Detail container */

    /* Score container */

    /* Score & target group */

    /* Target icon */

    /* Low Priority container */

    /* Low Priority label */

    /* Action container */

    /* Score indicator layout */

    /* Score indicator label */

    /* Score indicator On (Reached) */

    /* Score indicator OFF (Not reached) */

    /* Score indicator TARGET */

    /* Badge container */

    /* Badge label */


    /* LifeScore Dataviz */

    /* Block container */

    /* Item */

    /* Icon BGs */

    /* Icon */

    /* Words containers */

    /* Labels */

    /* Values */

    /* Left colors */

    /* Right colors */


    /* Multiple widget */

    /* Container */
    --multiple-widget-padding:     0;
    --multiple-widget-padding-m:     0;
    --multiple-widget-padding-l:     0;
    --multiple-widget-gap:     0px;
    --multiple-widget-gap-m:     32px;
    --multiple-widget-gap-l:     32px;
    --multiple-widget-background:     var(--meta-swatch-mono-5);
    --multiple-widget-flex-direction:     column;
    --multiple-widget-flex-direction-m:     row;
    --multiple-widget-flex-direction-l:     row;
    --multiple-widget-width:     100%;



    /* Pension finder dataviz */






    /* Savings Plan Breakdown */

    /* Container */

    /* Row */

    /* Row value */

    /* Row value suffix */

    /* Row link */

    /* Total */


    /* Savings Plan Dataviz */

    /* Container */

    /* Dataviz widget */

    /* Label */

    /* Value */

    /* Value suffix */



    /* Property Card */





    /* Property Goal Dataviz */







    /* Property goal dataviz container */

    /* Dataviz container inner */

    /* Donut container */

    /* Donut */

    /* Donut value */

    /* Donut value complete*/


    /* Donut label */

    /* Property goal output container */

    /* Property goal output */


    /* Property goal button container */

    /* Property goal button */



    /* Property Goal Dataviz Explainer */

    /* Property goal explainer container */

    /* Property goal explainer icon */

    /* Property goal explainer paragraph */

    /* Property goal explainer link */



    /* Container */

    /* Label Container */

    /* Label */

    /* Value Container */

    /* Value */



    /* Templates */

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



    /* Default */

    --theme-bg-colour:     var(--meta-swatch-mono-5);
    --theme-bg-attachment:     none;
    --theme-bg-image-url:     none;
    --theme-bg-image-repeat:     none;
    --theme-bg-image-size:     none;
    --theme-bg-image-position:     none;

    --theme-template-bg-colour:     var(--meta-swatch-mono-5);
    --theme-template-align-content:     normal;

    --theme-bottom-nav-bg-colour:     var(--meta-swatch-mono-5);

    --theme-top-nav-bg-colour:     var(--meta-swatch-mono-5);
    --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:     #00A799;
    --template-checkpoint-icon-size:     48px;

    --template-checkpoint-label-colour:     var(--meta-swatch-mono-2);
    --template-checkpoint-label-face:     var(--typo-p-medium-font-face);
    --template-checkpoint-label-size:     var(--typo-p-medium-font-size);
    --template-checkpoint-label-weight:     var(--typo-p-medium-font-weight);
    --template-checkpoint-label-font-style:     var(--typo-p-medium-font-style);
    --template-checkpoint-label-line-height:     var(--typo-p-medium-line-height);
    --template-checkpoint-label-letter-spacing:     var(--typo-p-medium-letter-spacing);
    --template-checkpoint-label-text-transform:     var(--typo-p-medium-text-transform);
    --template-checkpoint-label-text-align:     var(--typo-p-medium-text-align);


    /* 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:     16px;
    --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:     16px;
    --template-tour-spacer-middle-lower-ml:     8px;
    --template-tour-spacer-bottom-ml:     16px;
    --template-tour-order-image:     1;
    --template-tour-order-message:     2;
    --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:     0 0 32px 0;
    --question-template-body-padding-m:     0 0 48px 0;
    --question-template-body-padding-l:     0 0 48px 0;



    /* Checklist */

    /* Articles list (Knowledgebase) */



    /* Article */






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



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


    /* Pension Finder Results */


    /* Account Home */
    --template-account-editorial-cards-columns:     2;
    --template-account-editorial-cards-gap-row:     16px;
    --template-account-editorial-cards-gap-column:     16px;






    /* Account Business Profiles */



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



    /* Property */



    /* Feed */

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

    /* Grid */
    --pt-feed-content-grid-template-columns:     1;
    --pt-feed-content-grid-template-columns-m:     3;
    --pt-feed-content-grid-template-columns-l:     3;

    --pt-feed-content-column-gap:     24px;

    --pt-feed-content-row-gap:     24px;

    /* Grid items */

    /* Filters container */

    /* Each individual filter */

    /* Empty state paragraph */
    --pt-feed-empty-p-colour:     var(--typo-p-medium-colour);
    --pt-feed-empty-p-font-size:     var(--typo-p-medium-font-face);
    --pt-feed-empty-p-font-family:     var(--typo-p-medium-font-size);
    --pt-feed-empty-p-font-weight:     var(--typo-p-medium-font-weight);
    --pt-feed-empty-p-font-style:     var(--typo-p-medium-font-style);
    --pt-feed-empty-p-line-height:     var(--typo-p-medium-line-height);
    --pt-feed-empty-p-letter-spacing:     var(--typo-p-medium-letter-spacing);
    --pt-feed-empty-p-text-transform:     var(--typo-p-medium-text-transform);
    --pt-feed-empty-p-text-align:     center;

    --pt-feed-empty-p-padding:     48px 0;



    /* Guidance */







    /* Story */
    --pt-story-slides-aspect-ratio:     unset;
    --pt-story-slides-aspect-ratio-m:     10/16;
    --pt-story-slides-aspect-ratio-l:     10/16;

    --pt-story-stepper-prev-left:     20px;
    --pt-story-stepper-next-right:     20px;
    --pt-story-stepper-top:     calc(100% - 15px);
    --pt-story-stepper-top-m:     40%;
    --pt-story-stepper-top-l:     40%;

    --pt-story-stepper-width:     50px;
    --pt-story-stepper-height:     50px;
    --pt-story-stepper-width-m:     60px;
    --pt-story-stepper-height-m:     60px;
    --pt-story-stepper-width-l:     60px;
    --pt-story-stepper-height-l:     60px;
    --pt-story-stepper-border-radius:     100px;
    --pt-story-stepper-background:     var(--meta-swatch-mono-5);
    --pt-story-stepper-border:     1px solid var(--meta-swatch-colour-2);

    --pt-story-stepper-icon-size:     24px;
    --pt-story-stepper-icon-color:     var(--meta-swatch-colour-2);

    --story-slide-background:     center bottom / 110% url('/config/files/images/slide-bg.png') no-repeat;
    --story-slide-border-radius:     8px;
    --story-slide-box-shadow:     none;
    --story-slide-padding:     0 16px 28px;
    --story-slide-padding-m:     0 120px 24px;
    --story-slide-padding-l:     0 120px 24px;
    --story-slide-border:     1px solid var(--meta-swatch-mono-4);
    --story-slide-border-m:     1px solid var(--meta-swatch-mono-4);
    --story-slide-border-l:     1px solid var(--meta-swatch-mono-4);

    --story-slide-spacer-bottom:     49px;
    --story-slide-spacer-bottom-m:     49px;
    --story-slide-spacer-bottom-l:     0px;

    /* Video in story slide */

    /* Image in story slide */



    /* Video */
    --template-video-padding:     16px 0 0;
    --template-video-padding-m:     24px 0 0;
    --template-video-padding-l:     24px 0 0;
    --template-video-max-width:     var(--app-custom-grid-max-width-xl);
    --template-video-informers-padding:     16px 0 0 0;
    --template-video-informers-padding-m:     24px 0 0 0;
    --template-video-informers-padding-l:     24px 0 0 0;







    }
    /* Do not remove!  */


    /* Themes */

    :root.dashboard {



    /* All types - Main container */

    --coach-padding-top-m:     0px;
    --coach-padding-top-l:     0px;










    --page-template-heading-margin:     0;













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

    --pattern-layout-spacer-top-ml:     0px;
    --pattern-layout-spacer-components-ml:     0px;
    --pattern-layout-spacer-bottom-ml:     0px;






    --accordion-v2-content-padding:     8px 0 24px 0;
    --accordion-v2-content-padding-m:     8px 0 24px 0;
    --accordion-v2-content-padding-l:     8px 0 24px 0;






























    --targeted-links-grid-border:     1px solid var(--meta-swatch-mono-4);
    --targeted-links-grid-border-radius:     8px;







    --input-group-align:     left;


    }

    :root.checklist {





    --pattern-layout-spacer-bottom-ml:     24px;


    }

    :root.articles {









    }

    :root.feed {








    }

    :root.question {
    --theme-template-align-content:     end;













    --page-actions-button-margin:     16px 0;
    --page-actions-button-flex-direction:     row-reverse;
    --page-actions-button-label-padding:     12px 0;
    --page-actions-button-justify-content:     center;
    --page-actions-button-padding:     8px;
    --btn-diminished-background:     #EFF6FA;
    --page-actions-button-label-colour:     var(--meta-swatch-mono-1);


    /* Segmented buttons */



    --modal-header-padding:     16px 16px 0 16px;
    --modal-header-padding-m:     24px 48px 0;
    --modal-header-padding-l:     24px 64px 0;

    }

    :root.article {

    /* 12 Column Content Grid */







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












    --typo-h3-font-face:     'Arial';
    --typo-h3-margin:     1em 0 0.3em 0;










    }

    :root.blog {



    }

    :root.help {





    }

    :root.checkpoint {
    }

    :root.account-complete {
    }

    :root.tour {











    }

    :root.tour1 {







    }

    :root.tour2 {


    }

    :root.tour3 {


    }

    :root.tour4 {


    }

    :root.tour5 {


    }

    :root.start {




    --coach-padding-top-m:     24px;
    --coach-padding-top-l:     24px;



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

    --pattern-layout-spacer-components-ml:     0px;
    --pattern-layout-spacer-bottom-ml:     0px;











    --input-explainer-margin:     0 8px 16px 0;
    }

    :root.result {









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

    --pattern-layout-spacer-top-ml:     0px;
    --pattern-layout-spacer-components-ml:     0px;
    --pattern-layout-spacer-bottom-ml:     0px;
















    --page-template-par-heading-font-size:     14px;

    --targeted-links-background:     #F1F3F7;
    --targeted-links-padding:     16px 0;
    --targeted-links-padding-m:     24px 0 32px;
    --targeted-links-padding-l:     24px 0 32px;
    --forms-informer-int-p-font-size:     14px;
    --forms-informer-int-border:     1px solid #D9DBDD;
    --page-template-par-heading-margin:     16px 0 0 0;
    }

    :root.my-plan {






    }



    :root.landing {



    --typo-h1-margin:     0.07rem 0;

    --typo-h2-margin:     0.07rem 0;


    --typo-h3-margin:     0.07rem 0;





    --pattern-layout-spacer-top-s:     16px;
    --pattern-layout-spacer-bottom-s:     16px;
    --pattern-layout-spacer-bottom-ml:     24px;

    --input-group-align:     left;
    }

    :root.landing1 {










    }

    :root.account-signup {




    }

    :root.account-login {




    }

    :root.account-signin {






    }


    :root.account-reset-password {

    }

    :root.account-home {







    --pattern-layout-spacer-sections-ml:     0px;




    /* Label */















    /* Field */



    /* Link */

    /* Accordion */















    }







    :root.account-home-option {


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

    --input-explainer-padding:     0;
    }

    :root.lifescore-home {

    }

    :root.lifescore-reward {


    }

    :root.vm-ff-goal {






    }

    :root.vm-wiwr {







    }

    :root.vm-plan {











    }

    :root.vm-deposit-builder {







    }

    :root.vm-lifescore-home {








    }

    :root.property-page {









    /* Property header*/
    }

    :root.inflation-poll {







    }


    :root.investor-quiz {






    }

    :root.story {



    --feedback-block-padding:     24px 16px 0px;


    --theme-page-header-bg-colour:     var(--meta-swatch-mono-5);
    --theme-page-header-heading-colour:     var(--meta-swatch-mono-1);
    --theme-page-header-sub-heading-colour:     var(--meta-swatch-mono-1);
    --page-header-spacer-top:     16px;
    --page-header-spacer-bottom:     16px;









    /* Before */

    /* Current */

    /* After */






    --share-save-padding:     8px 16px;
    --share-save-padding-m:     12px 16px;
    --share-save-padding-l:     12px 0;

    }

    /* 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 */
    --story-slide-background:     none;

    /* Page header */

    /* Words */

    /* Text links */


    }

    /* DO NOT remove space in next selector */
    :root .story4 {

    /* Slide container */

    /* Page header */

    /* Words */

    /* Feedback */

    /* Button */

    /* Quick feedback */

    /* Text links */



    }


    /* DO NOT remove space in next selector */
    :root .story5 {

    /* Slide container */

    /* Page header */

    /* Words */

    /* Quick feedback */

    /* Text links */

    }


    :root.goals {







    }

    :root.goal {






    }

    :root.onboarding {











    }

    :root.goal-prioritisation {









    }

    :root.goal-performance {










    }

    :root.positive-impact {











    }

    :root.coins {









    }

    :root.engaged {
    /* Indicator */

    /* Keylines */

    /* Button */

    /* Labels container */

    /* Activity Label */

    /* Status Label */

    /* Status */

    /* Action icon */

    /* New dynamic statuses */






    }

    :root.video {



    --coach-padding-top-m:     24px;
    --coach-padding-top-l:     24px;


    }


    :root.ai {




    --forms-input-text-order-field:     0;

    }