/* Product name */     /* Santander - MoneyVibe */
/* S3 bucket */     /* sant-mc */
/* Draft */
/* Fonts */     

:root {       /* Start of default vars */     

/* Reference */     
/*
Our goal is ensure all vars in the Reference section are organised to align with Figma styles, AND that developers have not used them inside components on the front end. 

This is not yet the case but we're working on it. 
*/     

/* Colors */     

/* Colours */     
--meta-swatch-colour-1:     #EC0000;
--meta-swatch-colour-2:     #DEEDF2;
--meta-swatch-colour-3:     #3366FF;
--meta-swatch-colour-4:     #FBF1EA;
--meta-swatch-colour-5:     #63BA68;
--meta-swatch-colour-6:     #FFA51E;
--meta-swatch-colour-7:     #137E84;
--meta-swatch-colour-8:     #856300;
--meta-swatch-colour-9:     #257FA4;
--meta-swatch-colour-10:     #F5DECF;
--meta-swatch-colour-11:     #990000;
--meta-swatch-colour-12:     #9BC3D3;
--meta-swatch-colour-13:     #EFF6F9;

/* Monos */     
--meta-swatch-mono-1:     #000000;
--meta-swatch-mono-2:     #444444;
--meta-swatch-mono-3:     #8F8F8F;
--meta-swatch-mono-4:     #CCCCCC;
--meta-swatch-mono-5:     #FFFFFF;


/* Translucents */     




/* Gradients */     



/* Check if these can be deleted */     

/* Content zone */     

/* Card zone */     

/* Hero zone */     

/* Dataviz */     

/* Coach */     

/* Forms */     



/* Global typography */     


--pattern-heading-line-height:     1.2;
--pattern-paragraph-line-height:     1.4;






/* Headings */     

/* Heading 4XL */     
--typo-h-4xl-colour:     var(--meta-swatch-mono-1);
--typo-h-4xl-font-face:     'santander-headline';
--typo-h-4xl-font-size:     64px;


--typo-h-4xl-font-weight:     400;
--typo-h-4xl-font-style:     normal;
--typo-h-4xl-line-height:     1.2;
--typo-h-4xl-letter-spacing:     -0.03rem;
--typo-h-4xl-text-transform:     none;
--typo-h-4xl-text-align:     left;
--typo-h-4xl-margin:     1.5rem 0 2rem;

/* Heading 3XL */     
--typo-h-3xl-colour:     var(--meta-swatch-mono-1);
--typo-h-3xl-font-face:     'santander-headline';
--typo-h-3xl-font-size:     54px;


--typo-h-3xl-font-weight:     400;
--typo-h-3xl-font-style:     normal;
--typo-h-3xl-line-height:     1.2;
--typo-h-3xl-letter-spacing:     -0.03rem;
--typo-h-3xl-text-transform:     none;
--typo-h-3xl-text-align:     left;
--typo-h-3xl-margin:     1.5rem 0 2rem;

/* Heading 2XL */     
--typo-h-2xl-colour:     var(--meta-swatch-mono-1);
--typo-h-2xl-font-face:     'santander-headline';
--typo-h-2xl-font-size:     48px;


--typo-h-2xl-font-weight:     400;
--typo-h-2xl-font-style:     normal;
--typo-h-2xl-line-height:     1.2;
--typo-h-2xl-letter-spacing:     -0.03rem;
--typo-h-2xl-text-transform:     none;
--typo-h-2xl-text-align:     left;
--typo-h-2xl-margin:     1.5rem 0 2rem;

/* Heading XL */     
--typo-h-xlarge-colour:     var(--meta-swatch-mono-1);
--typo-h-xlarge-font-face:     'santander-headline';
--typo-h-xlarge-font-size:     42px;


--typo-h-xlarge-font-weight:     400;
--typo-h-xlarge-font-style:     normal;
--typo-h-xlarge-line-height:     1.2;
--typo-h-xlarge-letter-spacing:     -0.03rem;
--typo-h-xlarge-text-transform:     none;
--typo-h-xlarge-text-align:     left;
--typo-h-xlarge-margin:     1.5rem 0 2rem;

/* Heading L */     
--typo-h-large-colour:     var(--meta-swatch-mono-1);
--typo-h-large-font-face:     'santander-headline';
--typo-h-large-font-size:     28px;


--typo-h-large-font-weight:     400;
--typo-h-large-font-style:     normal;
--typo-h-large-line-height:     1.2;
--typo-h-large-letter-spacing:     -0.03rem;
--typo-h-large-text-transform:     none;
--typo-h-large-text-align:     left;
--typo-h-large-margin:     1.5rem 0 2rem;

/* Heading M */     
--typo-h-medium-colour:     var(--meta-swatch-mono-1);
--typo-h-medium-font-face:     'santander-headline';
--typo-h-medium-font-size:     24px;


--typo-h-medium-font-weight:     400;
--typo-h-medium-font-style:     normal;
--typo-h-medium-line-height:     1.2;
--typo-h-medium-letter-spacing:     -0.03rem;
--typo-h-medium-text-transform:     none;
--typo-h-medium-text-align:     left;
--typo-h-medium-margin:     0 0 0.7rem 0;

/* Heading S */     
--typo-h-small-colour:     var(--meta-swatch-mono-1);
--typo-h-small-font-face:     'santander-headline';
--typo-h-small-font-size:     20px;


--typo-h-small-font-weight:     400;
--typo-h-small-font-style:     normal;
--typo-h-small-line-height:     1.2;
--typo-h-small-letter-spacing:     -0.03rem;
--typo-h-small-text-transform:     none;
--typo-h-small-text-align:     left;
--typo-h-small-margin:     0 0 16px 0;

/* Heading XS */     
--typo-h-xs-colour:     var(--meta-swatch-mono-1);
--typo-h-xs-font-face:     'santander-headline';
--typo-h-xs-font-size:     18px;


--typo-h-xs-font-weight:     400;
--typo-h-xs-font-style:     normal;
--typo-h-xs-line-height:     1.2;
--typo-h-xs-letter-spacing:     -0.03rem;
--typo-h-xs-text-transform:     none;
--typo-h-xs-text-align:     left;
--typo-h-xs-margin:     1.5rem 0 2rem;

/* Heading 2XS */     
--typo-h-2xs-colour:     var(--meta-swatch-mono-1);
--typo-h-2xs-font-face:     'santander-headline';
--typo-h-2xs-font-size:     16px;


--typo-h-2xs-font-weight:     400;
--typo-h-2xs-font-style:     normal;
--typo-h-2xs-line-height:     1.2;
--typo-h-2xs-letter-spacing:     -0.03rem;
--typo-h-2xs-text-transform:     none;
--typo-h-2xs-text-align:     left;
--typo-h-2xs-margin:     1.5rem 0 2rem;

/* Heading 3XS */     


      
/* Sub Headings */     

/* Sub heading 3XL */     

/* Sub heading 2XL */     

/* Sub heading XL */     

/* Sub heading L */     

/* Sub heading M */     

/* Sub heading S */     

/* Sub heading XS */     

/* Sub heading 2XS */     

/* Sub heading 3XS */     


/* Paragraphs */     

/* Paragraph XL */     



/* Paragraph L */     
--typo-p-large-colour:     var(--meta-swatch-mono-1);
--typo-p-large-font-face:     'santander';
--typo-p-large-font-size:     18px;


--typo-p-large-font-weight:     400;
--typo-p-large-font-style:     normal;
--typo-p-large-line-height:     1.4;
--typo-p-large-letter-spacing:     -0.02rem;
--typo-p-large-text-transform:     none;
--typo-p-large-text-align:     left;
--typo-p-large-margin:     0 0 0.7rem;

/* Paragraph M */     
--typo-p-medium-colour:     var(--meta-swatch-mono-1);
--typo-p-medium-font-face:     'santander';
--typo-p-medium-font-size:     16px;


--typo-p-medium-font-weight:     400;
--typo-p-medium-font-style:     normal;
--typo-p-medium-line-height:     1.4;
--typo-p-medium-letter-spacing:     -0.02rem;
--typo-p-medium-text-transform:     none;
--typo-p-medium-text-align:     left;
--typo-p-medium-margin:     0 0 16px 0;

/* Paragraph S */     
--typo-p-small-colour:     var(--meta-swatch-mono-1);
--typo-p-small-font-face:     'santander';
--typo-p-small-font-size:     14px;


--typo-p-small-font-weight:     400;
--typo-p-small-font-style:     normal;
--typo-p-small-line-height:     1.4;
--typo-p-small-letter-spacing:     -0.02rem;
--typo-p-small-text-transform:     none;
--typo-p-small-text-align:     left;
--typo-p-small-margin:     0 0 16px 0;

/* Paragraph XS */     
--typo-p-xs-colour:     var(--meta-swatch-mono-1);
--typo-p-xs-font-face:     'santander';
--typo-p-xs-font-size:     11px;


--typo-p-xs-font-weight:     400;
--typo-p-xs-font-style:     normal;
--typo-p-xs-line-height:     1.5;
--typo-p-xs-letter-spacing:     -0.02rem;
--typo-p-xs-text-transform:     none;
--typo-p-xs-text-align:     left;
--typo-p-xs-margin:     0 0 0.7rem;

/* <p> "concluding" */     



/* <p> "article-intro" */     
--template-articles-intro-colour:     var(--meta-swatch-mono-1);
--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-font-style:     var(--typo-p-medium-font-style);
--template-articles-intro-line-height:     var(--typo-p-medium-line-height);
--template-articles-intro-letter-spacing:     var(--typo-p-medium-letter-spacing);
--template-articles-intro-text-transform:     var(--typo-p-medium-text-transform);
--template-articles-intro-text-align:     var(--typo-p-medium-text-align);

/* <p> "cta" */     



/* Labels */     

/* Label 2XL */     
--typo-data-label-2xl-colour:     var(--meta-swatch-mono-1);
--typo-data-label-2xl-font-face:     'santander';
--typo-data-label-2xl-font-size:     24px;


--typo-data-label-2xl-font-weight:     700;
--typo-data-label-2xl-font-style:     normal;
--typo-data-label-2xl-line-height:     1.2;
--typo-data-label-2xl-letter-spacing:     -0.02rem;
--typo-data-label-2xl-text-transform:     none;
--typo-data-label-2xl-text-align:     left;
--typo-data-label-2xl-margin-bottom:     0 0 0.7rem;

/* Label XL */     
--typo-data-label-xl-colour:     var(--meta-swatch-mono-1);
--typo-data-label-xl-font-face:     'santander';
--typo-data-label-xl-font-size:     20px;


--typo-data-label-xl-font-weight:     700;
--typo-data-label-xl-font-style:     normal;
--typo-data-label-xl-line-height:     1.2;
--typo-data-label-xl-letter-spacing:     -0.02rem;
--typo-data-label-xl-text-transform:     none;
--typo-data-label-xl-text-align:     left;
--typo-data-label-xl-margin-bottom:     0 0 0.7rem;

/* Label L */     
--typo-data-label-l-colour:     var(--meta-swatch-mono-1);
--typo-data-label-l-font-face:     'santander';
--typo-data-label-l-font-size:     18px;


--typo-data-label-l-font-weight:     700;
--typo-data-label-l-font-style:     normal;
--typo-data-label-l-line-height:     1.2;
--typo-data-label-l-letter-spacing:     -0.02rem;
--typo-data-label-l-text-transform:     none;
--typo-data-label-l-text-align:     left;
--typo-data-label-l-margin-bottom:     0 0 0.7rem;

/* Label M */     
--typo-data-label-m-colour:     var(--meta-swatch-mono-1);
--typo-data-label-m-font-face:     'santander';
--typo-data-label-m-font-size:     16px;


--typo-data-label-m-font-weight:     700;
--typo-data-label-m-font-style:     normal;
--typo-data-label-m-line-height:     1.2;
--typo-data-label-m-letter-spacing:     -0.02rem;
--typo-data-label-m-text-transform:     none;
--typo-data-label-m-text-align:     left;
--typo-data-label-m-margin-bottom:     0 0 0.7rem;

/* Label S */     
--typo-data-label-s-colour:     var(--meta-swatch-mono-1);
--typo-data-label-s-font-face:     'santander';
--typo-data-label-s-font-size:     14px;


--typo-data-label-s-font-weight:     700;
--typo-data-label-s-font-style:     normal;
--typo-data-label-s-line-height:     1.2;
--typo-data-label-s-letter-spacing:     -0.01rem;
--typo-data-label-s-text-transform:     none;
--typo-data-label-s-text-align:     left;
--typo-data-label-s-margin-bottom:     0 0 0.7rem;

/* Label XS */     
--typo-data-label-xs-colour:     var(--meta-swatch-mono-1);
--typo-data-label-xs-font-face:     'santander';
--typo-data-label-xs-font-size:     12px;


--typo-data-label-xs-font-weight:     700;
--typo-data-label-xs-font-style:     normal;
--typo-data-label-xs-line-height:     1.2;
--typo-data-label-xs-letter-spacing:     0;
--typo-data-label-xs-text-transform:     none;
--typo-data-label-xs-text-align:     left;
--typo-data-label-xs-margin-bottom:     0 0 0.7rem;

/* Label 2XS */     
--typo-data-label-2xs-colour:     var(--meta-swatch-mono-1);
--typo-data-label-2xs-font-face:     'santander';
--typo-data-label-2xs-font-size:     11px;


--typo-data-label-2xs-font-weight:     700;
--typo-data-label-2xs-font-style:     normal;
--typo-data-label-2xs-line-height:     1.2;
--typo-data-label-2xs-letter-spacing:     0;
--typo-data-label-2xs-text-transform:     none;
--typo-data-label-2xs-text-align:     left;
--typo-data-label-2xs-margin-bottom:     0 0 0.7rem;


/* Data */     

/* Data 4XL */     
--typo-data-4xl-colour:     var(--meta-swatch-mono-1);
--typo-data-4xl-font-face:     'santander-headline';
--typo-data-4xl-font-size:     48px;


--typo-data-4xl-font-weight:     700;
--typo-data-4xl-font-style:     normal;
--typo-data-4xl-line-height:     1.2;
--typo-data-4xl-letter-spacing:     -0.03rem;
--typo-data-4xl-text-transform:     none;
--typo-data-4xl-text-align:     left;
--typo-data-4xl-margin-bottom:     0;

/* Data 3XL */     
--typo-data-3xl-colour:     var(--meta-swatch-mono-1);
--typo-data-3xl-font-face:     'santander-headline';
--typo-data-3xl-font-size:     32px;


--typo-data-3xl-font-weight:     700;
--typo-data-3xl-font-style:     normal;
--typo-data-3xl-line-height:     1.2;
--typo-data-3xl-letter-spacing:     -0.03rem;
--typo-data-3xl-text-transform:     none;
--typo-data-3xl-text-align:     left;
--typo-data-3xl-margin-bottom:     0;

/* Data 2XL */     
--typo-data-2xl-colour:     var(--meta-swatch-mono-1);
--typo-data-2xl-font-face:     'santander-headline';
--typo-data-2xl-font-size:     24px;


--typo-data-2xl-font-weight:     700;
--typo-data-2xl-font-style:     normal;
--typo-data-2xl-line-height:     1.2;
--typo-data-2xl-letter-spacing:     -0.03rem;
--typo-data-2xl-text-transform:     none;
--typo-data-2xl-text-align:     left;
--typo-data-2xl-margin-bottom:     0;

/* Data XL */     
--typo-data-xl-colour:     var(--meta-swatch-mono-1);
--typo-data-xl-font-face:     'santander-headline';
--typo-data-xl-font-size:     20px;


--typo-data-xl-font-weight:     700;
--typo-data-xl-font-style:     normal;
--typo-data-xl-line-height:     1.2;
--typo-data-xl-letter-spacing:     -0.03rem;
--typo-data-xl-text-transform:     none;
--typo-data-xl-text-align:     left;
--typo-data-xl-margin-bottom:     0;

/* Data L */     
--typo-data-l-colour:     var(--meta-swatch-mono-1);
--typo-data-l-font-face:     'santander-headline';
--typo-data-l-font-size:     18px;


--typo-data-l-font-weight:     700;
--typo-data-l-font-style:     normal;
--typo-data-l-line-height:     1.2;
--typo-data-l-letter-spacing:     -0.02rem;
--typo-data-l-text-transform:     none;
--typo-data-l-text-align:     left;
--typo-data-l-margin-bottom:     0;

/* Data M */     
--typo-data-m-colour:     var(--meta-swatch-mono-1);
--typo-data-m-font-face:     'santander-headline';
--typo-data-m-font-size:     16px;


--typo-data-m-font-weight:     700;
--typo-data-m-font-style:     normal;
--typo-data-m-line-height:     1.2;
--typo-data-m-letter-spacing:     -0.02rem;
--typo-data-m-text-transform:     none;
--typo-data-m-text-align:     left;
--typo-data-m-margin-bottom:     0;

/* Data S */     
--typo-data-s-colour:     var(--meta-swatch-mono-1);
--typo-data-s-font-face:     'santander-headline';
--typo-data-s-font-size:     14px;


--typo-data-s-font-weight:     700;
--typo-data-s-font-style:     normal;
--typo-data-s-line-height:     1.2;
--typo-data-s-letter-spacing:     -0.03rem;
--typo-data-s-text-transform:     none;
--typo-data-s-text-align:     left;
--typo-data-s-margin-bottom:     0;

/* Data XS */     
--typo-data-xs-colour:     var(--meta-swatch-mono-1);
--typo-data-xs-font-face:     'santander-headline';
--typo-data-xs-font-size:     12px;


--typo-data-xs-font-weight:     700;
--typo-data-xs-font-style:     normal;
--typo-data-xs-line-height:     1.2;
--typo-data-xs-letter-spacing:     -0.01rem;
--typo-data-xs-text-transform:     none;
--typo-data-xs-text-align:     left;
--typo-data-xs-margin-bottom:     0;

/* Data 2XS */     
--typo-data-2xs-colour:     var(--meta-swatch-mono-1);
--typo-data-2xs-font-face:     'santander-headline';
--typo-data-2xs-font-size:     11px;


--typo-data-2xs-font-weight:     400;
--typo-data-2xs-font-style:     normal;
--typo-data-2xs-line-height:     1.2;
--typo-data-2xs-letter-spacing:     -0.01rem;
--typo-data-2xs-text-transform:     none;
--typo-data-2xs-text-align:     left;
--typo-data-2xs-margin-bottom:     0;

/* Data 3XS */     





/* Forms */     

/* Fields */     
--pattern-input-field-padding:     10px;
--pattern-input-field-width:     100%;
--pattern-input-field-height:     48px;
--pattern-input-field-border-width:     1px;
--pattern-input-field-border-style:     solid;
--pattern-input-field-border-color:     var(--meta-swatch-colour-12);
--pattern-input-field-background-color:     transparent;
--pattern-input-field-border-radius:     6px;
--pattern-input-field-box-shadow:     none;
--pattern-input-field-border:     1px solid var(--meta-swatch-mono-12);

/* Password show button default */     

/* Icon default */     

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



/* Layout */     

--pattern-layout-grid-width-s:     100%;
--pattern-layout-grid-width-m:     690px;
--pattern-layout-grid-width-l:     930px;


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

--pattern-layout-spacer-top-ml:     0;
--pattern-layout-spacer-sections-ml:     0;
--pattern-layout-spacer-components-ml:     0;
--pattern-layout-spacer-content-ml:     0;
--pattern-layout-spacer-bottom-ml:     0;

--pattern-icon-size:     24px;

--layout-sub-width:     100%;

--pattern-page-header-spacer-top-bottom:     88px;



/* Colour */     

--pattern-disabled-opacity:     0.3;
--pattern-card-bg-colour:     var(--meta-swatch-mono-5);


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

--ref-effects-box-shadow-2:     0 4px 16px 0 rgba(0, 0, 0, 0.08);



/* Vars to check if we can delete */     

/* <figcaption> */     


/* Old vars */     

/* Body */     


/* Headings */     

/* Forms */     

/* Navigation */     

/* Menu label */     

/* Data label */     

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





/* Global */     

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

/* Color */     

/* <body> */     
--theme-bg-colour:     var(--meta-swatch-mono-5);


/* Layout */     

/* <body> */     

/* Content grid */     
--app-custom-grid-max-width-xs:     var(--pattern-layout-grid-width-s);
--app-custom-grid-max-width-sm:     var(--pattern-layout-grid-width-m);
--app-custom-grid-max-width-md:     var(--pattern-layout-grid-width-m);
--app-custom-grid-max-width-lg:     var(--pattern-layout-grid-width-l);
--app-custom-grid-max-width-xl:     var(--pattern-layout-grid-width-l);


/* Content area */     
--theme-template-bg-colour:     var(--meta-swatch-mono-5);



/* Text */     

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

/* <body> */     
--typo-p-medium-colour:     var(--meta-swatch-mono-1);
--font-family:     var(--typo-p-medium-font-face);
--typo-p-font-size:     var(--typo-p-medium-font-size);
--typo-p-font-size-m:     var(--typo-p-medium-font-size);
--typo-p-font-size-l:     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);

/* Also check 'Blocks / Content / Text - Paragraphs' */     


/* Dataviz*/     

/* Donut / Pie chart */     
--pie-chart-whole-fill:      transparent;
--pie-chart-whole-stroke:      var(--meta-swatch-colour-2);
--pie-chart-value-fill:      transparent;
--pie-chart-value-stroke:      var(--meta-swatch-colour-1);
--pie-chart-value-stroke-linecap:      round;

/* Bar Chart Container */     

/* Bar Chart Legend */     







/* Loading animation */     
--spinner:     var(--meta-swatch-colour-1);
--spinner-icon-size:     80px;

--input-spinner-colour:     var(--meta-swatch-colour-1);
--input-spinner-size:     24px;


/* Blocks */     

/* Content */     

/* Account info */     

--account-info-block-gap:     4px;
--account-info-block-padding:     16px;

/* Account info title */     

/* Account info sub title */     
--account-info-sub-title-colour:     var(--meta-swatch-mono-2);
--account-info-sub-title-font-size:     var(--typo-p-small-font-size);


/* Body */     









/* Callout */     

/* Container */     

/* Header */     

/* Icon */     

/* Headings */     

/* Paragraphs */     




/* Coach explainer */     

/* Block container */     

/* Icon */     

/* Content / Paragraph */     

/* Content / List items */     


/* Cover */     




/* Heading */     
--cover-heading-size-s:     var(--typo-h-large-font-size);
--cover-heading-size-ml:     var(--typo-h-xlarge-font-size);

/* Sub heading */     
--cover-sub-heading-size-ml:     var(--typo-p-large-font-size);

/* Body text */     

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

/* Buttons */     



/* Empty msg */     

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

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

/* Label */     


/* Image */     



/* Align left */     



/* Align right */     



/* Align center */     



/* Caption */     




/* Introducer Banner */     

/* Block */     

/* Container  */     

/* Text  */     

/* Logo container  */     

/* Logo */     





/* In page message */     









/* Media & Text */     



/* Block container */     

/* Text container */     


/* Image container */     





/* Block container */     

/* Text container */     


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



/* 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:     24px 24px 0 0;
--modal-border-radius-m:     24px;
--modal-border-radius-l:     24px;
--modal-width-m:     720px;
--modal-width-l:     1024px;

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

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

/* Left Icon */     
--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-colour-1);
--modal-header-left-icon-size:     var(--pattern-icon-size);

/* Close Icon */     
--modal-header-icon-bg-border:     none;
--modal-header-icon-bg-border-radius:     0;
--modal-header-icon-bg-padding:     8px 0;
--modal-header-icon-bg-margin:     0;
--modal-header-icon-bg-color:     transparent;
--modal-header-icon-color:     var(--meta-swatch-colour-1);
--modal-header-icon-height:     var(--pattern-icon-size);
--modal-header-icon-width:     var(--pattern-icon-size);

/* Heading */     
--modal-header-heading-font-family:     var(--typo-p-small-font-face);
--modal-header-heading-font-size:     20px;
--modal-header-heading-font-size-m:     20px;
--modal-header-heading-font-size-l:     20px;
--modal-header-heading-font-weight:     700;

/* Sub heading */     
--modal-header-sub-heading-font-size:     var(--typo-p-small-font-size);

/* Spacing */     

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

/* Modal footer */     

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

--modal-footer-text-font-size:     14px;
--modal-footer-text-font-weight:     300;
--modal-footer-text-line-height:     var(---typo-h-medium-line-height);
--modal-footer-text-padding:     16px;

/* Cookies modal overrides */     

/* Actions */     
--modal-actions-padding:     16px 0;

/* Actions inner */     
--modal-actions-inner-direction:     row;
--modal-actions-inner-justify-content:     start;
--modal-actions-inner-gap:     8px;
--modal-actions-inner-border-top:     1px solid var(--meta-swatch-mono-3);

/* Checkbox overrides */     
--modal-actions-checkbox-width:     132px;


/* Multiple widget container */     

/* Container */     
--multiple-widget-padding:     24px 0;
--multiple-widget-padding-m:     32px 0;
--multiple-widget-padding-l:     48px 0;
--multiple-widget-gap:     16px;
--multiple-widget-gap-m:     24px;
--multiple-widget-gap-l:     24px;
--multiple-widget-border:     none;
--multiple-widget-border-radius:     none;
--multiple-widget-background:     transparent;
--multiple-widget-flex-direction:     column;
--multiple-widget-flex-direction-m:     row;
--multiple-widget-flex-direction-l:     row;
--multiple-widget-box-shadow:     none;
--multiple-widget-keyline-border:     none;

/* Slider carousel */     
--multiple-widget-slider-gap:     16px;
--multiple-widget-slider-dots-padding:     var(--repeater-dot-padding);
--multiple-widget-slider-dots-gap:     2px;
--multiple-widget-slider-dots-size:     var(--pager-indicator-height);
--multiple-widget-slider-dots-on-color:     var(--opt1-pager-dot-on-color);
--multiple-widget-slider-dots-off-color:     var(--opt1-pager-dot-off-color);
--multiple-widget-slider-button-icon-size:     var(--pattern-icon-size);
--multiple-widget-slider-button-icon-color:     var(--meta-swatch-colour-1);


/* Page Header */     

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

--page-header-body-max-width:     100%;
--page-header-body-max-width-m:     369px;
--page-header-body-max-width-l:     481px;

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

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

/* Content inner container */     

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

/* Identifier container */     

/* Identifier label */     

/* Heading */     
--theme-page-header-heading-colour:     var(--typo-h-medium-colour:);
--page-header-heading-face:     var(--typo-h-medium-font-face);
--page-header-heading-size:     var(--typo-h-medium-font-size);
--page-header-heading-size-m:     var(--typo-h-2xl-font-size);
--page-header-heading-size-l:     var(--typo-h-2xl-font-size);
--page-header-heading-weight:     var(--typo-h-medium-font-size);
--page-header-heading-font-style:     var(--typo-h-medium-font-style);
--page-header-heading-line-height:     var(--typo-h-medium-line-height);
--page-header-heading-letter-spacing:     var(--typo-h-medium-letter-spacing);
--page-header-heading-text-transform:     var(--typo-h-medium-text-transform);
--page-header-heading-text-align:     var(--typo-h-medium-text-align);

/* Identifier variants */     

/* Option 1 */     


/* Option 2 */     


/* Option 3 */     


/* Option 4 */     


/* Option 5 */     


/* Sub heading */     
--theme-page-header-sub-heading-colour:     var(--typo-h-2xs-colour);
--page-header-sub-heading-face:     var(--typo-h-2xs-font-face);
--page-header-sub-heading-size:     var(--typo-h-2xs-font-size);
--page-header-sub-heading-size-m:     var(--typo-h-xs-font-size);
--page-header-sub-heading-size-l:     var(--typo-h-xs-font-size);
--page-header-sub-heading-weight:     var(--typo-h-2xs-font-weight);
--page-header-sub-heading-font-style:     var(--typo-h-2xs-font-style);
--page-header-sub-heading-line-height:     var(--typo-h-2xs-line-height);
--page-header-sub-heading-letter-spacing:     var(--typo-h-2xs-letter-spacing);
--page-header-sub-heading-text-transform:     var(--typo-h-2xs-text-transform);
--page-header-sub-heading-text-align:     var(--typo-h-2xs-text-align);

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

--page-header-spacer-top-m:     32px;
--page-header-spacer-below-heading-m:     16px;
--page-header-spacer-bottom-m:     32px;

--page-header-spacer-top-l:     32px;
--page-header-spacer-below-heading-l:     16px;
--page-header-spacer-bottom-l:     32px;

/* Content Grid Layout */     




/* Split view image */     
--page-header-split-image-object-fit:     contain;
--page-header-split-image-object-position:     center;
--page-header-split-image-object-position-m:     center;
--page-header-split-image-object-position-l:     left;
--page-header-split-image-border-radius:     none;
--page-header-split-image-border-radius-m:     none;
--page-header-split-image-border-radius-l:     none;


/* Block type: Image */     




/* Progress Loader Bar */     

/* Container */     

/* Filler */     

/* Animation */     

/* Quote */     

/* <blockquote> */     


/* <cite> */     



/* Share menu */     

/* Container */     

/* Button container */     

/* Button background */     

/* Button label */     

/* URL container */     

/* URL text */     

/* URL button OFF */     


/* URL button ON */     



/* Split */     

/* Block Container */     

/* Both Article Containers */     

/* Grid Container */     

/* Container 1 */     



/* Container 2 */     



/* Image */     

/* Split heading */     


/* Split emphasis */     

/* Split buttons */     

/* Split List */     




/* Text - Headings */     

/* Container */     
--page-template-heading-container-bg-colour:     transparent;
--page-template-heading-container-padding:     0;
--page-template-heading-container-padding-m:     0;
--page-template-heading-container-padding-l:     0;
--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(--typo-h-large-font-face);
--page-template-heading-font-size:     var(--typo-h-large-font-size);
--page-template-heading-font-size-m:     var(--typo-h-xlarge-font-size);
--page-template-heading-font-size-l:     var(--typo-h-xlarge-font-size);
--page-template-heading-font-weight:     var(--typo-h-large-font-weight);
--page-template-heading-font-style:     var(--typo-h-large-font-style);
--page-template-heading-line-height:     var(--typo-h-large-line-height);
--page-template-heading-letter-spacing:     var(--typo-h-large-letter-spacing);
--page-template-heading-text-transform:     var(--typo-h-large-text-transform);
--page-template-heading-text-align:     var(--typo-h-large-text-align);
--page-template-heading-margin:     0 0 24px;

--page-template-par-heading-colour:     var(--typo-form-label-colour);
--page-template-par-heading-font-face:     var(--typo-form-label-font-face);
--page-template-par-heading-font-size:     var(--typo-form-label-font-size);
--page-template-par-heading-font-weight:     var(--typo-form-label-font-weight);
--page-template-par-heading-font-style:     var(--typo-form-label-font-style);
--page-template-par-heading-line-height:     var(--typo-form-label-line-height);
--page-template-par-heading-letter-spacing:     var(--typo-form-label-letter-spacing);
--page-template-par-heading-text-transform:     var(--typo-form-label-text-transform);
--page-template-par-heading-text-align:     var(--typo-form-label-text-align);
--page-template-par-heading-margin:     var(--typo-form-label-margin);
--page-template-par-heading-padding:     0 0 8px;


/* <h1> */     
--typo-h1-colour:     var(--typo-h-large-colour);
--typo-h1-font-face:     var(--typo-h-large-font-face);
--typo-h1-font-size:     var(--typo-h-large-font-size);
--typo-h1-font-size-m:     var(--typo-h-xlarge-font-size);
--typo-h1-font-size-l:     var(--typo-h-xlarge-font-size);
--typo-h1-font-weight:     var(--typo-h-large-font-weight);
--typo-h1-font-style:     var(--typo-h-large-font-style);
--typo-h1-line-height:     var(--typo-h-large-line-height);
--typo-h1-letter-spacing:     var(--typo-h-large-letter-spacing);
--typo-h1-text-transform:     var(--typo-h-large-text-transform);
--typo-h1-text-align:     var(--typo-h-large-text-align);
--typo-h1-margin:     var(--typo-h-large-margin);

/* <h2> */     
--typo-h2-colour:     var(--typo-h-medium-colour);
--typo-h2-font-face:     var(--typo-h-medium-font-face);
--typo-h2-font-size:     var(--typo-h-medium-font-size);
--typo-h2-font-size-m:     var(--typo-h-large-font-size);
--typo-h2-font-size-l:     var(--typo-h-large-font-size);
--typo-h2-font-weight:     var(--typo-h-medium-font-weight);
--typo-h2-font-style:     var(--typo-h-medium-font-style);
--typo-h2-line-height:     var(--typo-h-medium-line-height);
--typo-h2-letter-spacing:     var(--typo-h-medium-letter-spacing);
--typo-h2-text-transform:     var(--typo-h-medium-text-transform);
--typo-h2-text-align:     var(--typo-h-medium-text-align);
--typo-h2-margin:     var(--typo-h-large-margin);

/* <h3> */     
--typo-h3-colour:     var(--typo-h-small-colour);
--typo-h3-font-face:     var(--typo-h-small-font-face);
--typo-h3-font-size:     var(--typo-h-small-font-size);
--typo-h3-font-size-m:     var(--typo-h-small-font-size);
--typo-h3-font-size-l:     var(--typo-h-small-font-size);
--typo-h3-font-weight:     var(--typo-h-medium-font-weight);
--typo-h3-font-style:     var(--typo-h-small-font-style);
--typo-h3-line-height:     var(--typo-h-small-line-height);
--typo-h3-letter-spacing:     var(--typo-h-small-letter-spacing);
--typo-h3-text-transform:     var(--typo-h-small-text-transform);
--typo-h3-text-align:     var(--typo-h-small-text-align);
--typo-h3-margin:     var(--typo-h-small-margin);

/* <h4> */     
--typo-h4-colour:     var(--typo-h-xs-colour);
--typo-h4-font-face:     var(--typo-h-xs-font-face);
--typo-h4-font-size:     var(--typo-h-xs-font-size);
--typo-h4-font-size-m:     var(--typo-h-small-font-size);
--typo-h4-font-size-l:     var(--typo-h-small-font-size);
--typo-h4-font-weight:     var(--typo-h-xs-font-weight);
--typo-h4-font-style:     var(--typo-h-xs-font-style);
--typo-h4-line-height:     var(--typo-h-xs-line-height);
--typo-h4-letter-spacing:     var(--typo-h-xs-letter-spacing);
--typo-h4-text-transform:     var(--typo-h-xs-text-transform);
--typo-h4-text-align:     var(--typo-h-xs-text-align);
--typo-h4-margin:     var(--typo-h-xs-margin);

/* <h5> */     
--typo-h5-colour:     var(--typo-h-xs-colour);
--typo-h5-font-face:     var(--typo-h-xs-font-face);
--typo-h5-font-size:     var(--typo-h-xs-font-size);
--typo-h5-font-size-m:     var(--typo-h-xs-font-size);
--typo-h5-font-size-l:     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:     var(--typo-h-xs-margin);

/* <h6> */     
--typo-h6-colour:     var(--typo-h-xs-font-colour);
--typo-h6-font-face:     var(--typo-h-xs-font-face);
--typo-h6-font-size:     var(--typo-h-xs-font-size);
--typo-h6-font-size-m:     var(--typo-h-xs-font-size);
--typo-h6-font-size-l:     var(--typo-h-xs-font-size);
--typo-h6-font-weight:     var(--typo-h-xs-font-weight);
--typo-h6-font-style:     var(--typo-h-xs-font-style);
--typo-h6-line-height:     var(--typo-h-xs-line-height);
--typo-h6-letter-spacing:     var(--typo-h-xs-letter-spacing);
--typo-h6-text-transform:     var(--typo-h-xs-text-transform);
--typo-h6-text-align:     var(--typo-h-xs-text-align);
--typo-h6-margin:     var(--typo-h-xs-margin);



/* Text - Links */     

/* <a> */     
--typo-a-link-border-radius:     0;
--typo-a-link-bg-colour:     transparent;
--typo-a-link-colour:     var(--meta-swatch-colour-1);
--typo-a-link-font-weight:     inherit;
--typo-a-link-font-style:     inherit;
--typo-a-link-letter-spacing:     inherit;
--typo-a-link-text-decoration:     underline;
--typo-a-link-text-transform:     inherit;
--typo-a-link-padding-bottom:     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:     var(--meta-swatch-colour-1);
--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:     var(--meta-swatch-colour-1);
--typo-a-active-font-weight:     inherit;
--typo-a-active-font-style:     inherit;
--typo-a-active-letter-spacing:     inherit;
--typo-a-active-text-decoration:     none;
--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:     var(--meta-swatch-colour-1);
--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:     inherit;
--typo-ul-font-face:     var(--typo-p-medium-font-face);
--typo-ul-font-size:     inherit;
--typo-ul-font-weight:     inherit;
--typo-ul-font-style:     normal;
--typo-ul-line-height:     1.8;
--typo-ul-letter-spacing:     inherit;
--typo-ul-text-transform:     none;
--typo-ul-text-align:     left;
--typo-ul-margin:     0;
--typo-ul-padding:     0 0 0.7rem 1.4rem;
--typo-ul-style-type:     disc;
--typo-ul-style-position:     outside;
--typo-ul-list-style-image:     none;
--typo-ul-list-item-margin:     0;
--typo-ul-list-item-padding:     0;

/* <ol> */     
--typo-ol-colour:     inherit;
--typo-ol-font-face:     var(--typo-p-medium-font-face);
--typo-ol-font-size:     inherit;
--typo-ol-font-weight:     inherit;
--typo-ol-font-style:     normal;
--typo-ol-line-height:     inherit;
--typo-ol-letter-spacing:     inherit;
--typo-ol-text-transform:     none;
--typo-ol-text-align:     left;
--typo-ol-margin:     0;
--typo-ol-padding:     0 0 0.7rem 1.4rem;
--typo-ol-style-type:     decimal;
--typo-ol-style-position:     outside;
--typo-ol-list-style-image:     none;
--typo-ol-list-item-margin:     0 0 10px 0;
--typo-ol-list-item-padding:     0;

/* Text - Paragraphs */     

/* These extend 'Global / Text' vars */     
/* .typography-extended p */     
--typo-p-font-face:     var(--typo-p-medium-font-face);
--typo-p-colour:     var(--typo-p-medium-colour);
--typo-p-margin:     var(--typo-p-medium-margin);



/* Trust card */     


/* Content container */     

/* Header container */     

/* Body container */     

/* Header image */     

/* Partner container */     

/* Header paragraph */     

/* Header heading */     

/* Item */     

/* Item header */     

/* Item icon*/     

/* Item heading */     

/* Item body */     


/* Toast */     

/* Container */     
--toast-position-s:     top;
--toast-position-ml:     right top;
--toast-height:     56px;
--toast-width:     100%;
--toast-bg-colour:     var(--meta-swatch-mono-5);
--toast-border:     none;
--toast-border-radius:     12px;
--toast-margin:     0;
--toast-padding:     24px 16px;

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

/* Dismiss icon */     
--toast-dismiss-icon-display:     flex;
--toast-dismiss-icon-colour:     var(--meta-swatch-colour-1);
--toast-dismiss-icon-size:     24px;
--toast-dismiss-icon-margin:     none;
--toast-dismiss-icon-position:     flex-end;

/* Message text */     


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




/* Dataviz */     

/* Breakdown card */     

/* Container */     
--breakdown-rows-padding:     8px;
--breakdown-rows-margin:     0;
--breakdown-rows-gap:     1px;
--breakdown-rows-background:     var(--meta-swatch-mono-5);
--breakdown-rows-border:     none;
--breakdown-rows-border-radius:     0;
--breakdown-rows-box-shadow:     var(--ref-effects-box-shadow-2);

/* Data row */     
--breakdown-data-row-padding:     12px 8px;
--breakdown-data-row-background:     var(--meta-swatch-mono-5);
--breakdown-data-row-gap:     5px;
--breakdown-data-row-border-bottom:     var(--meta-swatch-mono-3);
--breakdown-data-row-border-bottom-last:     none;

/* Operator icon */     
--breakdown-data-row-operator-icon-size:     var(--pattern-icon-size);
--breakdown-data-row-operator-icon-size-m:     var(--pattern-icon-size);
--breakdown-data-row-operator-icon-size-l:     var(--pattern-icon-size);
--breakdown-data-row-operator-icon-color:     var(--meta-swatch-colour-1);
--breakdown-data-row-operator-icon-bg-padding:     none;
--breakdown-data-row-operator-icon-bg-border-radius:     none;
--breakdown-data-row-operator-icon-bg-background:     transparent;
--breakdown-data-row-operator-icon-bg-border:     none;

/* Label value */     
--breakdown-data-row-label-value-font-size:     var(--typo-p-medium-font-size);
--breakdown-data-row-label-value-font-size-m:     var(--typo-p-medium-font-size);
--breakdown-data-row-label-value-font-size-l:     var(--typo-p-medium-font-size);
--breakdown-data-row-label-value-font-weight:     700;
--breakdown-data-row-label-value-margin:     var(--typo-p-medium-margin);

/* Label */     
--breakdown-data-row-label-margin:     var(--typo-p-medium-margin);

/* Calc value */     
--breakdown-data-row-calc-value-colour:     var(--typo-data-l-colour);
--breakdown-data-row-calc-value-font-face:     var(--typo-data-l-font-face);
--breakdown-data-row-calc-value-font-size:     var(--typo-data-l-font-size);
--breakdown-data-row-calc-value-font-size-m:     var(--typo-data-l-font-size);
--breakdown-data-row-calc-value-font-size-l:     var(--typo-data-l-font-size);
--breakdown-data-row-calc-value-font-weight:     var(--typo-data-l-font-weight);
--breakdown-data-row-calc-value-font-style:     var(--typo-data-l-font-style);
--breakdown-data-row-calc-value-line-height:     var(--typo-data-l-line-height);
--breakdown-data-row-calc-value-letter-spacing:     var(--typo-data-l-letter-spacing);
--breakdown-data-row-calc-value-text-transform:     var(--typo-data-l-text-transform);
--breakdown-data-row-calc-value-text-align:     var(--typo-data-l-text-align);
--breakdown-data-row-calc-value-margin:     var(--typo-data-l-margin);

/* Info icon */     
--breakdown-data-row-info-icon-size:     var(--pattern-icon-size);
--breakdown-data-row-info-icon-size-m:     var(--pattern-icon-size);
--breakdown-data-row-info-icon-size-l:     var(--pattern-icon-size);
--breakdown-data-row-info-icon-color:     var(--meta-swatch-colour-4);
--breakdown-data-row-info-icon-bg-padding:     none;
--breakdown-data-row-info-icon-bg-border-radius:     none;
--breakdown-data-row-info-icon-bg-background:     transparent;
--breakdown-data-row-info-icon-bg-border:     none;

/* Total row */     
--breakdown-total-row-padding:     12px 8px;
--breakdown-total-row-background:     var(--meta-swatch-mono-5);
--breakdown-total-row-gap:     5px;
--breakdown-total-row-border-bottom:     none;

/* Total row - value */     
--breakdown-total-row-value-font-weight:     700;
--breakdown-total-row-value-margin:     var(--typo-p-medium-margin);

/* Total row - label */     
--breakdown-total-row-label-margin:     var(--typo-p-medium-margin);

/* Total row operator icon */     
--breakdown-total-row-operator-icon-size:     var(--pattern-icon-size);
--breakdown-total-row-operator-icon-size-m:     var(--pattern-icon-size);
--breakdown-total-row-operator-icon-size-l:     var(--pattern-icon-size);
--breakdown-total-row-operator-icon-color:     var(--meta-swatch-colour-1);
--breakdown-total-row-operator-icon-bg-padding:     none;
--breakdown-total-row-operator-icon-bg-border-radius:     none;
--breakdown-total-row-operator-icon-bg-background:     transparent;
--breakdown-total-row-operator-icon-bg-border:     none;


/* Job card */     

/* Container */     

/* Found indicator */     



/* Logo */     

/* Logo background colors */     

/* Logo text colors */     



/* Time range label */     

/* Body */     

/* Header container */     

/* Employer heading */     

/* Difficulty indicator */     


/* Card icons */     

/* Info row */     

/* Info row label */     

/* Info row data */     

/* Button container */     

/* Letter Link */     


/* LifeScore Dataviz */     

/* Block container */     

/* Item */     

/* Icon BGs */     

/* Icon */     

/* Words containers */     

/* Labels */     

/* Values */     

/* Left colors */     

/* Right colors */     


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


/* Property Total */     

/* Container */     

/* Label Container */     

/* Label */     

/* Value Container */     

/* Value */     


/* Property Card */     






/* 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;
--template-articles-metabox-bg-colour:     var(--meta-swatch-colour-2);
--template-articles-metabox-border:     none;
--template-articles-metabox-border-radius:     4px;
--template-articles-metabox-box-shadow:     none;

/* Text */     
--template-articles-metabox-font-size:     14px;

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

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

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




/* Feedback */     

/* Activity Progress */     

/* Container */     

/* Content container */     



/* Label */     


/* Items container */     

/* Single Item */     



/* Article read */     

/* Icon */     

/* Icon background */     

/* Keyline */     


/* Progress Indicator */     

--app-progress-bar-height:     37px;
--app-progress-bar-height-m:     65px;
--app-progress-bar-height-l:     65px;

/* Wrapper - to set the bg color*/     
--progress-indicator-wrapper-background:     transparent;
--progress-indicator-container-padding:     0 0 12px;
--progress-indicator-container-padding-m:     0 0 24px;
--progress-indicator-container-padding-l:     0 0 24px;

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

/* Items */     
--progress-indicator-container-border-radius:     2px;
--progress-indicator-container-border-radius-m:     2px;
--progress-indicator-container-border-radius-l:     2px;
--progress-indicator-container-justify-content:     space-between;
--progress-indicator-container-max-width:     100%;
--progress-indicator-container-gap:     0;
--progress-indicator-container-gap-m:     0;
--progress-indicator-container-gap-l:     0;

/* Keyline*/     
--progress-indicator-keyline-background:     transparent;

--progress-indicator-keyline-height:     0;
--progress-indicator-keyline-border-radius:     0;
--progress-indicator-keyline-top:     0;
--progress-indicator-keyline-left:     0;
--progress-indicator-keyline-right:     0;

--progress-indicator-keyline-height-m:     0;
--progress-indicator-keyline-border-radius-m:     0;
--progress-indicator-keyline-top-m:     0;
--progress-indicator-keyline-left-m:     0;
--progress-indicator-keyline-right-m:     0;

--progress-indicator-keyline-height-l:     0;
--progress-indicator-keyline-border-radius-l:     0;
--progress-indicator-keyline-top-l:     0;
--progress-indicator-keyline-left-l:     0;
--progress-indicator-keyline-right-l:     0;


/* Item layout */     
--progress-indicator-height:     4px;
--progress-indicator-width:     100%;
--progress-indicator-max-width:     100%;
--progress-indicator-padding:     0;
--progress-indicator-border-radius:     0;

--progress-indicator-height-m:     4px;
--progress-indicator-width-m:     100%;
--progress-indicator-max-width-m:     100%;
--progress-indicator-padding-m:     0;
--progress-indicator-border-radius-m:     0;

--progress-indicator-height-l:     4px;
--progress-indicator-width-l:     100%;
--progress-indicator-max-width-l:     100%;
--progress-indicator-padding-l:     0;
--progress-indicator-border-radius-l:     0;

--progress-indicator-margin:     0 4px;

/* Text description */     
--progress-indicator-text-colour:     var(--typo-data-label-2xs-colour);
--progress-indicator-text-font-face:     var(--typo-data-label-2xs-font-face);
--progress-indicator-text-font-size:     var(--typo-data-label-2xs-font-size);
--progress-indicator-text-font-size-m:     var(--typo-data-label-2xs-font-size);
--progress-indicator-text-font-size-l:     var(--typo-data-label-2xs-font-size);
--progress-indicator-text-font-weight:     var(--typo-data-label-2xs-font-weight);
--progress-indicator-text-font-style:     var(--typo-data-label-2xs-font-style);
--progress-indicator-text-line-height:     var(--typo-data-label-2xs-line-height);
--progress-indicator-text-letter-spacing:     var(--typo-data-label-2xs-letter-spacing);
--progress-indicator-text-text-transform:     var(--typo-data-label-2xs-text-transform);
--progress-indicator-text-text-align:     var(--typo-data-label-2xs-text-align);

/* Icon */     

/* Item states */     
/* Done - Before */     
--progress-indicator-background-before:     var(--meta-swatch-colour-1);
--progress-indicator-border-before:     none;

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

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

/* Label */     
--progress-indicator-label-colour:     var(--typo-data-label-2xs-colour);
--progress-indicator-label-font-family:     var(--typo-data-label-2xs-font-face);
--progress-indicator-label-font-size:     12px;
--progress-indicator-label-font-size-m:     12px;
--progress-indicator-label-font-size-l:     12px;
--progress-indicator-label-font-weight:     400;
--progress-indicator-label-font-style:     var(--typo-data-label-2xs-font-style);
--progress-indicator-label-line-height:     1.4;
--progress-indicator-label-letter-spacing:     var(--typo-data-label-2xs-letter-spacing);
--progress-indicator-label-text-transform:     var(--typo-data-label-2xs-text-transform);
--progress-indicator-label-text-align:     var(--typo-data-label-2xs-text-align);


/* Smart banner */     

/* Container */     

/* Icon */     

/* Image */     

/* Text container */     

/* Button */     

/* iOS */     




/* Android */     





/* Pager indicators (dots) */     
--pager-indicator-height:     8px;
--pager-indicator-width:     8px;
--pager-indicator-border-radius:     50%;
--pager-indicator-on-colour:     var(--meta-swatch-colour-1);
--pager-indicator-off-colour:     var(--meta-swatch-mono-3);
--pager-indicator-spacing:     8px;




/* Forms */     

/* Button */     

/* All types - Main container */     
--btn-align:     center;
--btn-max-width:     fit-content;
--btn-max-width-m:     fit-content;
--btn-max-width-l:     fit-content;
--btn-height:      48px;
--btn-height-m:      48px;
--btn-height-l:      48px;
--btn-margin:     0;
--btn-padding:     10px 16px 14px;
--btn-border-radius:     24px;
--btn-effect-disabled:     var(--pattern-disabled-opacity);


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

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

/* All types - label */     
--btn-label-padding:     0;
--btn-label-text-transform:     none;
--btn-label-face:     'santander-headline';
--btn-label-font-size:     18px;
--btn-label-font-size-m:     18px;
--btn-label-font-size-l:     18px;
--btn-label-font-weight:     400;
--btn-label-letter-spacing:     -0.03rem;
--btn-label-max-width:     100%;
--btn-label-text-align:     center;
--btn-label-line-height:     1;

/* Major */     
--btn-major-background:     var(--meta-swatch-colour-1);
--btn-major-border:     none;
--btn-major-box-shadow:     none;
--btn-major-label-color:     var(--meta-swatch-mono-5);
--btn-major-label-font-weight:     400;

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

/* Diminished */     
--btn-diminished-background:     var(--meta-swatch-mono-5);
--btn-diminished-label-color:     var(--meta-swatch-colour-1);

/* Negative */     
--btn-negative-background:     var(--meta-swatch-mono-5);
--btn-negative-border:     1px solid var(--meta-swatch-colour-1);
--btn-negative-label-color:     var(--meta-swatch-colour-1);

/* Destructive */     
--btn-destructive-background:     var(--meta-swatch-mono-5);
--btn-destructive-border:     1px solid var(--meta-swatch-colour-1);
--btn-destructive-label-color:     var(--meta-swatch-colour-1);

/* Special */     


/* Temporary link styles */     



/* Checkbox */     

/* Checkbox group legend */     


/* Checkbox group item */     

/* Outer container */     

/* Container */     
--input-checkbox-container-padding:     8px 0;
--input-checkbox-container-direction:     row-reverse;
--input-checkbox-container-align-items:     center;
--input-checkbox-container-justify-content:     space-between;
--input-checkbox-container-border-width:     0;
--input-checkbox-container-border-style:     none;
--input-checkbox-container-border-color:     transparent;
--input-checkbox-disabled-opacity:     var(--pattern-disabled-opacity);

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

/* Image */     
--input-checkbox-image-size:     64px;
--input-checkbox-image-size-m:     64px;
--input-checkbox-image-size-l:     64px;
--input-checkbox-image-border:     none;
--input-checkbox-image-border-on:     none;
--input-checkbox-image-border-radius:     none;
--input-checkbox-image-margin:     0;
--input-checkbox-image-margin-m:     0;
--input-checkbox-image-margin-l:     0;

/* Labels container */     

/* Label */     
--input-checkbox-label-colour:     var(--typo-form-label-colour);
--input-checkbox-label-font-family:     var(--typo-form-label-font-face);
--input-checkbox-label-font-size:     var(--typo-form-label-font-size);


--input-checkbox-label-font-weight:     var(--typo-form-label-font-weight);
--input-checkbox-label-font-style:     var(--typo-form-label-font-style);
--input-checkbox-label-line-height:     var(--typo-form-label-line-height);
--input-checkbox-label-letter-spacing:     var(--typo-form-label-letter-spacing);
--input-checkbox-label-text-transform:     var(--typo-form-label-text-transform);
--input-checkbox-label-text-align:     var(--typo-form-label-text-align);
--input-checkbox-label-margin:     0 16px;

/*Sub label*/     
--input-checkbox-sublabel-font-size:     14px;
--input-checkbox-sublabel-font-weight:     400;
--input-checkbox-sublabel-line-height:      1.2;

/* 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:     1px solid var(--meta-swatch-mono-3);
--input-checkbox-off-icon-colour:     transparent;
--input-checkbox-off-icon-size:     24px;
--input-checkbox-off-border-radius:     4px;
--input-checkbox-off-box-shadow:     none;

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


/* Checkbox epic */     
--checkbox-epic-gap:     8px;
--checkbox-epic-gap-m:     8px;
--checkbox-epic-gap-l:     8px;

--checkbox-epic-field-width:     109px;
--checkbox-epic-field-width-m:     141px;
--checkbox-epic-field-width-l:     153px;
--checkbox-epic-field-height:     var(--checkbox-epic-field-width);
--checkbox-epic-field-height-m:     var(--checkbox-epic-field-width-m);
--checkbox-epic-field-height-l:     var(--checkbox-epic-field-width-l);
--checkbox-epic-field-border-radius:     50%;
--checkbox-epic-field-background:     var(--meta-swatch-mono-5);
--checkbox-epic-field-border:     none;
--checkbox-epic-field-box-shadow:     var(--ref-effects-box-shadow-2);

--checkbox-epic-field-icon-size:     64px;
--checkbox-epic-field-icon-size-m:     64px;
--checkbox-epic-field-icon-size-l:     64px;
--checkbox-epic-field-icon-fill:     var(--meta-swatch-colour-1);

--checkbox-epic-field-image-size:     64px;
--checkbox-epic-field-image-size-m:     64px;
--checkbox-epic-field-image-size-l:     64px;

--checkbox-epic-label-color:     var(--typo-data-label-s-colour);
--checkbox-epic-label-font-family:     var(--typo-data-label-s-font-face);
--checkbox-epic-label-font-size:     var(--typo-data-label-s-font-size);
--checkbox-epic-label-font-weight:     var(--typo-data-label-s-font-weight);
--checkbox-epic-label-font-style:     var(--typo-data-label-s-font-style);
--checkbox-epic-label-line-height:     var(--typo-data-label-s-line-height);
--checkbox-epic-label-letter-spacing:     var(--typo-data-label-s-letter-spacing);
--checkbox-epic-label-text-transform:     var(--typo-data-label-s-text-transform);
--checkbox-epic-label-text-align:     center;

/* Selected state */     
--checkbox-epic-field-on-background:     var(--meta-swatch-mono-5);
--checkbox-epic-field-on-border:     2px solid var(--meta-swatch-colour-1);
--checkbox-epic-field-on-box-shadow:     var(--ref-effects-box-shadow-2);
--checkbox-epic-field-on-icon-fill:     var(--meta-swatch-colour-1);




/* Checkbox epic group */     
--checkbox-epic-group-gap:     16px;
--checkbox-epic-group-gap-m:     24px;
--checkbox-epic-group-gap-l:     24px;


--checkbox-epic-group-grid-columns:     3;
--checkbox-epic-group-grid-columns-m:     4;
--checkbox-epic-group-grid-columns-l:     4;
--checkbox-epic-group-grid-h-gap:     24px;
--checkbox-epic-group-grid-v-gap:     0;
--checkbox-epic-group-grid-h-gap-m:     42px;
--checkbox-epic-group-grid-v-gap-m:     0;
--checkbox-epic-group-grid-h-gap-l:     106px;
--checkbox-epic-group-grid-v-gap-l:     16px;



/* Error message */     

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

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

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


/* Explainer message */     

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

/* Label */     


/* Container */     



/* File upload */     



--input-file-label-color:     var(--typo-form-label-colour);
--input-file-label-font-family:     var(--typo-form-label-font-face);
--input-file-label-font-size:     var(--typo-form-label-font-size);


--input-file-label-font-weight:     var(--typo-form-label-font-weight);
--input-file-label-font-style:     var(--typo-form-label-font-style);
--input-file-label-line-height:     var(--typo-form-label-line-height);
--input-file-label-letter-spacing:     var(--typo-form-label-letter-spacing);
--input-file-label-text-transform:     var(--typo-form-label-text-transform);
--input-file-label-text-align:     var(--typo-form-label-text-align);







/* Filter toggle (Saved stuff) */     

/* Block container */     

/* Label */     

/* Icon container */     

/* Icon */     

/* State overrides */     


/* Informer */     

/* Block container */     
--forms-informer-order:     0;
--forms-informer-order-static:     0;
--forms-informer-order-modal:     0;
--forms-informer-background:     var(--meta-swatch-colour-13);
--forms-informer-padding:     8px;
--forms-informer-padding-m:     8px;
--forms-informer-padding-l:     8px;
--forms-informer-margin:     0 0 16px;
--forms-informer-margin-static:     0 0 16px;
--forms-informer-margin-modal:     0 0 16px;
--forms-informer-gap:     8px;
--forms-informer-gap-m:     8px;
--forms-informer-gap-l:     8px;
--forms-informer-border-radius:     4px;

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

/* Content / Paragraph */     

/* Content / List items */     

/* Button */     

/* Interactive variant */     
/* Block container */     
--forms-informer-int-order:     0;
--forms-informer-int-background:     var(--forms-informer-background);
--forms-informer-int-padding:     var(--forms-informer-padding);
--forms-informer-int-padding-m:     var(--forms-informer-padding-m);
--forms-informer-int-padding-l:     var(--forms-informer-padding-l);
--forms-informer-int-margin:     var(--forms-informer-margin);
--forms-informer-int-gap:     var(--forms-informer-gap);
--forms-informer-int-gap-m:     var(--forms-informer-gap-m);
--forms-informer-int-gap-l:     var(--forms-informer-gap-l);

/* Icon */     
--forms-informer-int-icon-size:     var(--forms-informer-icon-size);
--forms-informer-int-icon-color:     var(--forms-informer-icon-color);

/* Content / Paragraph */     
--forms-informer-int-p-text-decoration:     underline;

/* Content / List items */     

/* Links */     

/* Button */     






/* Input Group & Labels */     

/* Form container */     

/* Input group */     
--input-group-align:     left;
--input-group-spacer:     24px;

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

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

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

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

/* Labels */     
--typo-form-label-colour:     var(--typo-data-label-s-colour);
--typo-form-label-font-face:     var(--typo-data-label-s-font-face);
--typo-form-label-font-size:     var(--typo-data-label-s-font-size);
--typo-form-label-font-size-m:     var(--typo-data-label-s-font-size);
--typo-form-label-font-size-l:     var(--typo-data-label-s-font-size);
--typo-form-label-font-weight:     var(--typo-data-label-s-font-weight);
--typo-form-label-font-style:     var(--typo-data-label-s-font-style);
--typo-form-label-line-height:     var(--typo-data-label-s-line-height);
--typo-form-label-letter-spacing:     var(--typo-data-label-s-letter-spacing);
--typo-form-label-text-transform:     var(--typo-data-label-s-text-transform);
--typo-form-label-text-align:     var(--typo-data-label-s-text-align);
--typo-form-label-margin:     var(--typo-data-label-s-text-margin);
--typo-form-label-margin-bottom:     8px;

/* Values */     
--typo-form-value-colour:     var(--meta-swatch-mono-1);
--typo-form-value-font-face:     'santander';
--typo-form-value-font-size:     16px;
--typo-form-value-font-weight:     400;
--typo-form-value-font-style:     normal;
--typo-form-value-line-height:     1.2;
--typo-form-value-letter-spacing:     -0.01rem;
--typo-form-value-text-transform:     none;
--typo-form-value-text-align:     left;
--typo-form-value-margin-bottom:     0;

--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-4);
--forms-input-menu-border-radius:     0 8px 8px 0;
--forms-input-menu-box-shadow:     none;

/* Item */     
--forms-input-menu-item-padding:     8px;
--forms-input-menu-item-keyline:     1px solid var(--meta-swatch-mono-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 12px;
--popover-bg-colour:     var(--meta-swatch-mono-5);
--popover-border:     1px solid var(--meta-swatch-colour-9);
--popover-border-radius:     4px;
--popover-box-shadow:     var(--ref-effects-box-shadow-2);

/* 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-form-label-colour);
--popover-option-label-font-face:     var(--typo-form-label-font-face);
--popover-option-label-font-size:     var(--typo-form-label-font-size);


--popover-option-label-font-weight:     var(--typo-form-label-font-weight);
--popover-option-label-font-style:     var(--typo-form-label-font-style);
--popover-option-label-line-height:     var(--typo-form-label-line-height);
--popover-option-label-letter-spacing:     var(--typo-form-label-letter-spacing);
--popover-option-label-text-transform:     var(--typo-form-label-text-transform);
--popover-option-label-text-align:     var(--typo-form-label-text-align);
--popover-option-label-margin:     var(--typo-form-label-margin);

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

/* Popover menu */     
--popover-menu-padding:     0;
--popover-menu-max-height:     220px;
--popover-menu-border-width:     1px;
--popover-menu-border-style:     solid;
--popover-menu-border-color:     var(--meta-swatch-colour-12);
--popover-menu-background-color:     var(--meta-swatch-mono-5);
--popover-menu-border-radius:     8px;
--popover-menu-box-shadow:     var(--ref-effects-box-shadow-2);


/* Popover menu item */     

/* Container */     
--popover-menu-item-padding:     8px 24px;
--popover-menu-item-height:     40px;
--popover-menu-item-border-width:     0;
--popover-menu-item-background-color:     transparent;
--popover-menu-item-border-radius:     0;
--popover-menu-item-box-shadow:     none;

/* Label */     
--popover-menu-item-label-colour:     var(--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;

/*Label overrides */     

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

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

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

/* Option group headings */     
--popover-menu-optgroup-padding:     12px 24px;

--popover-menu-optgroup-font-size:     18px;
--popover-menu-optgroup-font-weight:     700;
--popover-menu-optgroup-line-height:     1.2;





/* Quick feedback */     

/* Container */     
--feedback-block-padding:     24px 0px 48px;
--feedback-block-padding-m:     24px 0px 48px;
--feedback-block-padding-l:     24px 0px 48px;
--feedback-block-background:     transparent;
--feedback-block-border:     none;
--feedback-block-border-radius:     none;
--feedback-block-box-shadow:     none;

/* Content container */     

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

/* Heading */     
--feedback-heading-colour:     var(--meta-swatch-mono-1);
--feedback-heading-font-family:     var(--typo-h-small-font-face);
--feedback-heading-font-size:     var(--typo-h-small-font-size);
--feedback-heading-font-size-m:     var(--typo-h-small-font-size);
--feedback-heading-font-size-l:     var(--typo-h-small-font-size);
--feedback-heading-font-weight:     500;
--feedback-heading-font-style:     var(--typo-h-small-font-style);
--feedback-heading-line-height:     var(--typo-h-small-line-height);
--feedback-heading-letter-spacing:     var(--typo-h-small-letter-spacing);
--feedback-heading-text-transform:     var(--typo-h-small-text-transform);
--feedback-heading-text-align:     center;

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

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

/* Icon container */     
--feedback-icon-container-height:     64px;
--feedback-icon-container-width:     64px;
--feedback-icon-container-margin:     0 0 12px;
--feedback-icon-container-border-radius:     50%;

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

/* Label */     
--feedback-item-label-colour:     var(--typo-form-label-colour);
--feedback-item-label-font-family:     var(--typo-form-label-font-face);
--feedback-item-label-font-size:     var(--typo-form-label-font-size);
--feedback-item-label-font-size-m:     var(--typo-form-label-font-size);
--feedback-item-label-font-size-l:     var(--typo-form-label-font-size);
--feedback-item-label-font-weight:     var(--typo-form-label-font-weight);
--feedback-item-label-font-style:     var(--typo-form-label-font-style);
--feedback-item-label-line-height:     var(--typo-form-label-line-height);
--feedback-item-label-letter-spacing:     var(--typo-form-label-letter-spacing);
--feedback-item-label-text-transform:     var(--typo-form-label-text-transform);
--feedback-item-label-text-align:     center;

/*ICON STATE OVERRIDES*/     
/* Unanswered */     
--feedback-unanswered-icon-container-bg-colour:     var(--meta-swatch-mono-5);
--feedback-unanswered-icon-colour:     var(--meta-swatch-colour-2);
--feedback-unanswered-icon-border:     2px solid var(--meta-swatch-colour-2);

/* Answered */     
--feedback-answered-icon-container-bg-colour:     var(--meta-swatch-mono-5);
--feedback-answered-icon-colour:     var(--meta-swatch-colour-2);
--feedback-answered-icon-border:     2px solid var(--meta-swatch-colour-2);

/* Selected */     
--feedback-selected-icon-container-bg-colour:     var(--meta-swatch-colour-1);
--feedback-selected-icon-colour:     var(--meta-swatch-mono-5);


/* Radio buttons */     

/* Checkbox group legend */     


/* Radio group item */     



/* Outer container */     
--input-radio-outer-container-padding:     8px 16px;
--input-radio-outer-container-border:     2px solid var(--meta-swatch-mono-4);
--input-radio-outer-container-background:     var(--meta-swatch-mono-5);
--input-radio-outer-container-border-radius:     8px;
--input-radio-outer-container-border-on:     2px solid var(--meta-swatch-colour-7);
--input-radio-outer-container-background-on:     rgba(19, 126, 132, 0.08);
--input-radio-outer-container-background-disabled:     var(--meta-swatch-mono-5);
--input-radio-outer-container-border-disabled:     2px solid rgba(204, 204, 204, 0.3);
--input-radio-disabled-opacity:     var(--pattern-disabled-opacity);

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

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

/* Image */     

/* Labels container */     

/* Label */     
--input-radio-label-colour-disabled:     rgba(0, 0, 0, 0.3);
--input-radio-label-colour:     var(--typo-form-label-colour);
--input-radio-label-colour-on:     var(--typo-form-label-colour);
--input-radio-label-font-family:     var(--typo-form-label-font-face);
--input-radio-label-font-size:     var(--typo-form-label-font-size);
--input-radio-label-font-size-m:     var(--typo-form-label-font-size);
--input-radio-label-font-size-l:     var(--typo-form-label-font-size);
--input-radio-label-font-weight:     var(--typo-form-label-font-weight);
--input-radio-label-font-style:     var(--typo-form-label-font-style);
--input-radio-label-line-height:     var(--typo-form-label-line-height);
--input-radio-label-letter-spacing:     var(--typo-form-label-letter-spacing);
--input-radio-label-text-transform:     var(--typo-form-label-text-transform);
--input-radio-label-text-align:     var(--typo-form-label-text-align);
--input-radio-label-margin:     0;

/*Sub label*/     

/* Label opt 2 */     

/* Option explainer */     
--input-radio-option-explainer-colour-off:     var(--typo-p-small-colour);
--input-radio-option-explainer-colour-on:     var(--typo-p-small-colour);

--input-radio-option-explainer-font-size:     var(--typo-p-small-font-size);
--input-radio-option-explainer-font-size-m:     var(--typo-p-small-font-size);
--input-radio-option-explainer-font-size-l:     var(--typo-p-small-font-size);
--input-radio-option-explainer-margin:     0 12px 0 0;

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

/* Field */     
--input-radio-off-background-colour:     transparent;

--input-radio-on-background-colour:     transparent;

/* Link */     


/* Required indicator */     

--forms-required-colour:     var(--meta-swatch-colour-1);




/* Segmented button */     

/* Container */     
--forms-segmented-btn-height:     auto;
--forms-segmented-btn-box-shadow:     none;
--forms-segmented-btn-border:     none;
--forms-segmented-btn-border-radius:     4px;
--forms-segmented-btn-bg-colour:     transparent;
--forms-segmented-btn-padding:     none;
--forms-segmented-btn-width:     100%;
--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:     55px;
--forms-segmented-btn-item-height-m:     50px;
--forms-segmented-btn-item-height-l:     45px;
--forms-segmented-btn-item-padding:     0px 8px;
--forms-segmented-btn-item-margin:     0 0 0 16px;
--forms-segmented-btn-item-margin-m:     0 0 0 16px;
--forms-segmented-btn-item-margin-l:     0 0 0 16px;

/* Item common props */     


--forms-segmented-btn-item-label-face:     var(--typo-data-label-s-font-face);
--forms-segmented-btn-item-label-font-size:     var(--typo-data-label-s-font-size);
--forms-segmented-btn-item-label-font-size:     var(--typo-data-label-s-font-size);
--forms-segmented-btn-item-label-font-size-l:     var(--typo-data-label-s-font-size);

/* Item off */     
--forms-segmented-btn-item-off-outer-radius:     8px;
--forms-segmented-btn-item-off-inner-radius:     8px;
--forms-segmented-btn-item-off-bg-colour:     var(--meta-swatch-mono-5);
--forms-segmented-btn-item-off-border:     2px solid var(--meta-swatch-colour-12);

--forms-segmented-btn-item-off-label-colour:     var(--meta-swatch-mono-1);
--forms-segmented-btn-item-off-label-weight:     400;
--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:     8px;
--forms-segmented-btn-item-on-inner-radius:     8px;
--forms-segmented-btn-item-on-bg-colour:     rgba(19, 126, 132, 0.08);
--forms-segmented-btn-item-on-border:     2px solid var(--meta-swatch-colour-7);

--forms-segmented-btn-item-on-label-colour:     var(--meta-swatch-mono-1);
--forms-segmented-btn-item-on-label-weight:     400;
--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 */     
--forms-segmented-label-colour:     var(--typo-form-label-colour);
--forms-segmented-label-font-family:     var(--typo-form-label-font-face);
--forms-segmented-label-font-size:     var(--typo-form-label-font-size);
--forms-segmented-label-font-size-m:     var(--typo-form-label-font-size);
--forms-segmented-label-font-size-l:     var(--typo-form-label-font-size);
--forms-segmented-label-font-weight:     var(--typo-form-label-font-weight);
--forms-segmented-label-font-style:     var(--typo-form-label-font-style);
--forms-segmented-label-line-height:     var(--typo-form-label-line-height);
--forms-segmented-label-letter-spacing:     var(--typo-form-label-letter-spacing);
--forms-segmented-label-text-transform:     var(--typo-form-label-text-transform);
--forms-segmented-label-text-align:     var(--typo-form-label-text-align);
--forms-segmented-label-margin:     0 0 8px;



/* Select menu */     

--select-container-direction:     column;
--select-container-padding:     0;

/* Field */     
--select-field-padding:     12px 20px;
--select-field-height:     48px;
--select-field-border-width:     1px;
--select-field-border-style:     solid;
--select-field-border-color:     var(--meta-swatch-colour-12);
--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-form-label-colour);
--select-label-font-family:     var(--typo-form-label-font-face);
--select-label-font-size:     var(--typo-form-label-font-size);


--select-label-font-weight:     var(--typo-form-label-font-weight);
--select-label-font-style:     var(--typo-form-label-font-style);
--select-label-line-height:     var(--typo-form-label-line-height);
--select-label-letter-spacing:     var(--typo-form-label-letter-spacing);
--select-label-text-transform:     var(--typo-form-label-text-transform);
--select-label-text-align:     var(--typo-form-label-text-align);
--select-label-margin:     var(--typo-form-label-margin);
--filter-select-label-font-size:     16px;


/* Value */     
--select-value-colour:     var(--typo-p-medium-colour);
--select-value-font-family:     var(--typo-p-medium-font-face);
--select-value-font-size:     var(--typo-p-medium-font-size);


--select-value-font-weight:     var(--typo-p-medium-font-weight);
--select-value-font-style:     var(--typo-p-medium-font-style);
--select-value-line-height:     var(--typo-p-medium-line-height);
--select-value-letter-spacing:     var(--typo-p-medium-letter-spacing);
--select-value-text-transform:     var(--typo-p-medium-text-transform);
--select-value-text-align:     var(--typo-p-medium-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-padding-m:     8px 0;
--input-switch-container-padding-l:     8px 0;
--input-switch-container-direction:     row;
--input-switch-container-justify-content:     space-between;
--input-switch-container-justify-align-items:     center;
--input-switch-container-border-width:     0;
--input-switch-container-border-style:     none;
--input-switch-container-border-color:     transparent;

/* Control layout */     
--input-switch-body-width:     56px;
--input-switch-body-height:     28px;
--input-switch-body-padding:     2px;
--input-switch-body-border-radius:     16px;
--input-switch-handle-size:     28px;

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

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

--input-switch-on-handle-bg-colour:     var(--meta-swatch-mono-5);
--input-switch-on-handle-border:     none;
--input-switch-on-handle-box-shadow:     none;

/* Body mandatory */     
--input-switch-mandatory-body-background:     var(--meta-swatch-colour-1);
--input-switch-mandatory-body-border-radius:     24px;
--input-switch-mandatory-body-padding:     6px 12px;

/* Body label */     
--input-switch-mandatory-body-label-colour:     var(--meta-swatch-mono-5);
--input-switch-mandatory-body-label-font-family:     var(--typo-form-label-font-face);
--input-switch-mandatory-body-label-font-size:     var(--typo-form-label-font-size);


--input-switch-mandatory-body-label-font-weight:     var(--typo-form-label-font-weight);
--input-switch-mandatory-body-label-font-style:     var(--typo-form-label-font-style);
--input-switch-mandatory-body-label-line-height:     var(--typo-form-label-line-height);
--input-switch-mandatory-body-label-letter-spacing:     var(--typo-form-label-letter-spacing);
--input-switch-mandatory-body-label-text-transform:     var(--typo-form-label-text-transform);
--input-switch-mandatory-body-label-text-align:     var(--typo-form-label-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:     var(--typo-form-label-font-size);


--input-switch-label-font-weight:     var(--typo-form-label-font-weight);
--input-switch-label-font-style:     var(--typo-form-label-font-style);
--input-switch-label-line-height:     var(--typo-form-label-line-height);
--input-switch-label-letter-spacing:     var(--typo-form-label-letter-spacing);
--input-switch-label-text-transform:     var(--typo-form-label-text-transform);
--input-switch-label-text-align:     var(--typo-form-label-text-align);
--input-switch-label-margin:     var(--typo-form-label-margin);

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


/* Text area */     

/* Container */     

/* Field container */     
--forms-textarea-padding:     var(--pattern-input-field-padding);
--forms-textarea-width:     var(--pattern-input-field-width);
--forms-textarea-height:     auto;
--forms-textarea-border-width:     var(--pattern-input-field-border-width);
--forms-textarea-border-style:     var(--pattern-input-field-border-style);
--forms-textarea-border-color:     var(--pattern-input-field-border-color);
--forms-textarea-background-color:     var(--pattern-input-field-background-color);
--forms-textarea-border-radius:     var(--pattern-input-field-border-radius);
--forms-textarea-box-shadow:     var(--pattern-input-field-box-shadow);

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

/* Informer */     

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


/* Value */     
--forms-textarea-value-colour:     var(--meta-swatch-mono-2);
--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-size-m:     var(--typo-form-value-font-size);
--forms-textarea-value-font-size-l:     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 */     
--forms-input-text-order-label:     1;
--forms-input-text-order-field:     2;
--forms-input-text-order-explainer:     3;
--forms-input-text-order-error:     4;


/* Container */     

/* Field container */     
--forms-input-padding:     var(--pattern-input-field-padding);
--forms-input-width:     var(--pattern-input-field-width);
--forms-input-height:     var(--pattern-input-field-height);
--forms-input-border-width:     var(--pattern-input-field-border-width);
--forms-input-border-style:     var(--pattern-input-field-border-style);
--forms-input-border-color:     var(--pattern-input-field-border-color);
--forms-input-background-color:     var(--pattern-input-field-background-color);
--forms-input-border-radius:     var(--pattern-input-field-border-radius);
--forms-input-box-shadow:     var(--pattern-input-field-box-shadow);

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

/* Label */     
--forms-input-label-colour:     var(--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-size-m:     var(--typo-form-label-font-size);
--forms-input-label-font-size-l:     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);
--forms-input-label-margin:     var(--typo-form-label-margin);

/* Informer */     

/* Placeholder */     
--forms-input-placeholder-colour:     var(--meta-swatch-mono-2);
--forms-input-placeholder-font-family:     var(--typo-form-value-font-face);
--forms-input-placeholder-font-size:     var(--typo-form-value-font-size);
--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);

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


/* Redeem button */     


/* Confirmation text */     


/* Password validation */     

/* Check if we can delete */     
--account-password-tick-off-colour:     var(--meta-swatch-colour-1);
--account-password-tick-on-colour:     transparent;

--input-tick-container-direction:     row-reverse;



/* These should be the new controls */     

--swatch-forms-tick-icon-on:     var(--meta-swatch-colour-1);

--swatch-forms-tick-icon-off:     transparent;




/* Block container */     

/* Heading */     

/* Tick list */     

/* Tick row */     
--password-validation-tick-row-direction:     row-reverse;
--password-validation-tick-row-gap:     4px;
--password-validation-tick-row-gap-m:     4px;
--password-validation-tick-row-gap-l:     4px;

/* Tick Row Label */     
--password-validation-tick-row-label-colour:     var(--typo-data-label-s-colour);
--password-validation-tick-row-label-font-family:     var(--typo-data-label-s-font-face);
--password-validation-tick-row-label-font-size:     var(--typo-data-label-s-font-size);
--password-validation-tick-row-label-font-size-m:     var(--typo-data-label-s-font-size);
--password-validation-tick-row-label-font-size-l:     var(--typo-data-label-s-font-size);
--password-validation-tick-row-label-font-weight:     var(--typo-data-label-s-font-weight);
--password-validation-tick-row-label-font-style:     var(--typo-data-label-s-font-style);
--password-validation-tick-row-label-line-height:     var(--typo-data-label-s-line-height);
--password-validation-tick-row-label-letter-spacing:     var(--typo-data-label-s-letter-spacing);
--password-validation-tick-row-label-text-transform:     var(--typo-data-label-s-text-transform);
--password-validation-tick-row-label-text-align:     var(--typo-data-label-s-text-align);

/* Tick Row Icon */     
--password-validation-icon-bg-size:     24px;
--password-validation-icon-bg-off:     transparent;
--password-validation-icon-bg-on:     transparent;
--password-validation-icon-size:     24px;
--password-validation-icon-fill-off:     transparent;
--password-validation-icon-fill-on:     var(--meta-swatch-colour-1);



/* Wheel input */     

/* Container */     
--forms-wheel-container-max-width:     100%;
--forms-wheel-text-margin-bottom:     var(--pattern-form-label-margin-bottom);
--forms-wheel-label-width:     27.5%;
--forms-wheel-value-width:     45%;

/* Grips */     
--forms-wheel-grip-container-height:     48px;
--forms-wheel-grip-container-bg-colour:     var(--meta-swatch-mono-5);
--forms-wheel-grip-container-border:     1px solid var(--meta-swatch-colour-12);
--forms-wheel-grip-container-border-radius:     var(--pattern-input-field-border-radius);
--forms-wheel-grip-container-shadow:     var(--pattern-input-field-box-shadow);

/* Field */     
--forms-wheel-field-order:     10;

--forms-wheel-grips-height:     32px;
--forms-wheel-grips-width:     2px;
--forms-wheel-grips-colour:     var(--meta-swatch-colour-12);
--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-12);
--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-1);
--forms-wheel-stepper-box-shadow:     none;
--forms-wheel-stepper-icon-off-colour:     var(--meta-swatch-colour-1);
--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:     var(--meta-swatch-colour-1);
--forms-wheel-indicator-off-colour:     var(--meta-swatch-colour-1);
--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-data-label-s-colour);
--forms-wheel-label-font-face:     var(--typo-data-label-s-font-face);
--forms-wheel-label-font-size:     var(--typo-data-label-s-font-size);
--forms-wheel-label-font-size-m:     var(--typo-data-label-s-font-size);
--forms-wheel-label-font-size-l:     var(--typo-data-label-s-font-size);
--forms-wheel-label-font-weight:     var(--typo-data-label-s-font-weight);
--forms-wheel-label-font-style:     var(--typo-data-label-s-font-style);
--forms-wheel-label-line-height:     var(--typo-data-label-s-line-height);
--forms-wheel-label-letter-spacing:     var(--typo-data-label-s-letter-spacing);
--forms-wheel-label-text-transform:     var(--typo-data-label-s-text-transform);
--forms-wheel-label-text-align:     left;


--forms-wheel-value-colour:     var(--typo-data-m-colour);
--forms-wheel-value-font-face:     var(--typo-data-m-font-face);
--forms-wheel-value-font-size:     var(--typo-data-m-font-size);
--forms-wheel-value-font-weight:     var(--typo-data-m-font-weight);
--forms-wheel-value-font-style:     var(--typo-data-m-font-style);
--forms-wheel-value-line-height:     var(--typo-data-m-line-height);
--forms-wheel-value-letter-spacing:     var(--typo-data-m-letter-spacing);
--forms-wheel-value-text-transform:     var(--typo-data-m-text-transform);
--forms-wheel-value-text-align:     center;


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




/* Navigation */     

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

/* Block Container */     
/* <ul> List Container */     

/* <li> Accordion item */     

/* Item Header */     




/* Item Header > label */     


/* Item Header > icon */     


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


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






/* Item Content */     




/* Block container */     


/* Words container */     





/* Accordion (New) */     

/* Widget container */     


/* Heading */     

/* Sub heading */     

/* List <ul> */     
--acc-list-background:     transparent;
--acc-list-gap:     16px;
--acc-list-gap-m:     16px;
--acc-list-gap-l:     16px;
--acc-list-border:     none;

/* Item <li> */     
--acc-item-gap:     0;
--acc-item-gap-m:     0;
--acc-item-gap-l:     0;
--acc-item-padding:     0 16px;
--acc-item-padding-m:     0 16px;
--acc-item-padding-l:     0 16px;

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

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


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


/* Item header status icon */     
--acc-item-header-status-icon-size:     24px;

/* Item header heading */     
--acc-item-header-heading-color:     var(--typo-h-medium-colour);
--acc-item-header-heading-font-family:     var(--typo-h-medium-font-face);
--acc-item-header-heading-font-size:     var(--typo-h-medium-font-size);
--acc-item-header-heading-font-size-m:     var(--typo-h-medium-font-size);
--acc-item-header-heading-font-size-l:     var(--typo-h-small-font-size);
--acc-item-header-heading-font-weight:     var(--typo-h-medium-font-weight);
--acc-item-header-heading-font-style:     var(--typo-h-medium-font-style);
--acc-item-header-heading-line-height:     var(--typo-h-medium-line-height);
--acc-item-header-heading-letter-spacing:     var(--typo-h-medium-letter-spacing);
--acc-item-header-heading-text-transform:     var(--typo-h-medium-text-transform);
--acc-item-header-heading-text-decoration:     var(--typo-h-medium-text-align);


/* Item header subheading */     

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

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

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


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

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

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

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

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


/* AI Coach (Ask Me) */     

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

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

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

/* Form */     
--ask-form-background:     var(--meta-swatch-mono-5);
--ask-form-gap:      8px;
--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-5);
--ask-prompt-btn-border:     1px solid var(--meta-swatch-colour-1);
--ask-prompt-btn-box-shadow:     none;
--ask-prompt-btn-label-color:     var(--meta-swatch-colour-1);
--ask-prompt-btn-label-font-size:     12px;
--ask-prompt-btn-label-font-weight:     700;
--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-border:     1px solid var(--meta-swatch-colour-12);
--ask-field-border-radius:     10px;








/* 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:     1px solid var(--meta-swatch-mono-5);
--ask-action-border:     1px solid var(--meta-swatch-colour-1);
--ask-action-icon-fill:     var(--meta-swatch-colour-1);

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



/* Breadcrumbs */     

--breadcrumb-height-for-calc:     32px;
--breadcrumb-height-for-calc-m:     32px;
--breadcrumb-height-for-calc-l:     32px;

/* Container */     
--breadcrumb-container-order:     0;
--breadcrumb-container-padding:     0 0 8px;
--breadcrumb-container-padding-m:     0 0 8px;
--breadcrumb-container-padding-l:     0 0 8px;
--breadcrumb-container-gap:     10px;
--breadcrumb-container-gap-m:     10px;
--breadcrumb-container-gap-l:     10px;

/*Link Label*/     
--breadcrumb-link-label-colour:     var(--meta-swatch-mono-1);
--breadcrumb-link-label-font-family:     'santander';
--breadcrumb-link-label-font-size:     16px;
--breadcrumb-link-label-font-size-m:     16px;
--breadcrumb-link-label-font-size-l:     16px;
--breadcrumb-link-label-font-weight:     400;
--breadcrumb-link-label-font-style:     normal;
--breadcrumb-link-label-letter-spacing:     -0.02rem;
--breadcrumb-link-label-line-height:     1.5;
--breadcrumb-link-label-text-transform:     none;
--breadcrumb-link-label-text-align:     left;
--breadcrumb-link-label-text-decoration:     underline;

--breadcrumb-link-label-colour-hover:     var(--meta-swatch-mono-1);
--breadcrumb-link-label-style-hover:     normal;
--breadcrumb-link-label-text-decoration-hover:     none;
--breadcrumb-link-label-colour-visited:     var(--meta-swatch-mono-1);
--breadcrumb-link-label-style-visited:     normal;
--breadcrumb-link-label-text-decoration-visited:     underline;


/*Delimiter*/     
--breadcrumb-delimiter-colour:     var(--meta-swatch-colour-1);
--breadcrumb-delimiter-font-family:     'santander';
--breadcrumb-delimiter-size:     16px;
--breadcrumb-delimiter-size-m:     16px;
--breadcrumb-delimiter-size-l:     16px;
--breadcrumb-delimiter-weight:     700;
--breadcrumb-delimiter-style:     normal;
--breadcrumb-delimiter-letter-spacing:     none;
--breadcrumb-delimiter-line-height:     1;
--breadcrumb-delimiter-text-transform:     none;
--breadcrumb-delimiter-text-align:     center;

--breadcrumb-delimiter-icon-size:     12px;
--breadcrumb-delimiter-icon-fill:     var(--meta-swatch-colour-1);







/* Category links */     

/* Block Container */     
--cat-links-padding:     32px 0;

/* Content Container */     

/* Heading */     

/* Sub heading */     

/* Link */     

/* Items Container */     
--cat-links-items-col-gap:     16px;
--cat-links-items-row-gap:     16px;
--cat-links-items-columns:     1;
--cat-links-items-columns-m:     2;
--cat-links-items-columns-l:     2;
--cat-links-items-border-radius:     none;

/* Item container */     
--cat-links-item-background:     var(--meta-swatch-mono-5);
--cat-links-item-padding:     16px;
--cat-links-item-border-radius:     none;
--cat-links-item-box-shadow:     var(--ref-effects-box-shadow-2);
--cat-links-item-border-top:     none;
--cat-links-item-content-gap:     12px;

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

/* Item sub label */     
--cat-links-item-sub-label-colour:     var(--typo-p-medium-colour);
--cat-links-item-sub-label-font-size:     var(--typo-p-medium-font-size);
--cat-links-item-sub-label-font-family:     var(--typo-p-medium-font-face);
--cat-links-item-sub-label-font-weight:     var(--typo-p-medium-font-weight);
--cat-links-item-sub-label-text-align:     left;


/* Item icon */     
--cat-links-icon-size:     32px;
--cat-links-arrow-icon-colour:     var(--meta-swatch-mono-1);

/* Checklist Sections Container */     
--checklist-sections-container-bg-colour:     var(--meta-swatch-mono-5);
--checklist-sections-container-border-radius:     0;
--checklist-sections-container-padding:     0 0 36px;




/* Checklist Section */     

--checklist-section-container-padding:     0 0 24px;
--checklist-sections-container-padding-m:     0 0 32px;
--checklist-sections-container-padding-l:     0 0 48px;

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

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

/* Checklist Item */     

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

/* 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 */     
--checklist-item-image-size:      32px;

/* Keylines */     
--checklist-item-keyline:     none;
--checklist-item-keyline-last:     none;
--checklist-item-keyline-margin:     0;

/* Button */     
--checklist-item-btn-min-height:     64px;
--checklist-item-btn-max-width:     100%;
--checklist-item-btn-min-width:     100%;
--checklist-item-btn-margin:     0;
--checklist-item-btn-padding:     0 16px;
--checklist-item-btn-bg-colour:     var(--meta-swatch-mono-5);
--checklist-item-btn-border:     none;
--checklist-item-btn-border-radius-first:     none;
--checklist-item-btn-border-radius:     none;
--checklist-item-btn-border-radius-last:     none;
--checklist-item-btn-box-shadow:     var(--ref-effects-box-shadow-2);

/* Button items ordering */     
--checklist-item-image-order:     1;
--checklist-item-status-icon-order:     4;
--checklist-item-labels-order:     2;
--checklist-item-action-bg-order:     3;

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

/* Labels order */     
--checklist-item-label-order:     1;
--checklist-item-description-label-order:     2;
--checklist-item-badge-order:     3;
--checklist-item-status-label-order:     4;


/* Activity Label */     
--checklist-item-label-colour:     var(--meta-swatch-mono-1);
--checklist-item-label-font-family:     'santander';
--checklist-item-label-font-size:     16px;
--checklist-item-label-font-size-m:     16px;
--checklist-item-label-font-size-l:     16px;
--checklist-item-label-font-weight:     700;
--checklist-item-label-font-style:     normal;
--checklist-item-label-line-height:     1.2;
--checklist-item-label-letter-spacing:     -0.02rem;
--checklist-item-label-text-transform:     none;
--checklist-item-label-align:     left;

/* Description Label */     
--checklist-item-description-label-colour:     var(--typo-p-medium-colour);

/* Badge container */     

/* Badge label */     

/* BADGE OPTIONS */     

/* Option 1 */     


/* Option 2 */     


/* Option 3 */     


/* Option 4 */     


/* Option 5 */     



/* Status Label */     
--checklist-item-status-label-font-size:     var(--typo-p-small-font-size);
--checklist-item-status-label-font-size-m:     var(--typo-p-small-font-size);
--checklist-item-status-label-font-size-l:     var(--typo-p-small-font-size);

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

/* Status */     

--checklist-item-status-icon-height:     30px;
--checklist-item-status-icon-width:     30px;
--checklist-item-status-icon-border-radius:     50%;
--checklist-item-status-icon-size:     28px;
--checklist-item-status-icon-position:     absolute;
--checklist-item-status-icon-top:     -10px;
--checklist-item-status-icon-right:     -10px;

/* Disabled state overrides */     



/* Selected state overrides */     


/* Old hardcoded statuses */     








/* Check if we can delete these */     
--checklist-item-checkbox-bg-colour:     var(--meta-swatch-colour-2);
--checklist-item-checkbox-border:     none;
--checklist-item-checkbox-icon-colour:     var(--meta-swatch-mono-5);

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

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

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

--checklist-item-checkbox-pause-bg-colour:     var(--meta-swatch-colour-6);
--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-2);
--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-2);
--checklist-item-checkbox-notkeen-border:     none;
--checklist-item-checkbox-notkeen-icon-colour:     var(--meta-swatch-mono-5);

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

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

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


/* New dynamic statuses */     
--checklist-item-status-icon-bg-colour:     transparent;
--checklist-item-status-icon-border:     none;
--checklist-item-status-icon-colour:     transparent;

--checklist-item-status-icon-notstarted-bg-colour:     transparent;
--checklist-item-status-icon-notstarted-border:     none;
--checklist-item-status-icon-notstarted-icon-colour:     transparent;

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

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

--checklist-item-status-icon-snooze-bg-colour:     transparent;
--checklist-item-status-icon-snooze-border:     none;
--checklist-item-status-icon-snooze-icon-colour:     transparent;

--checklist-item-status-icon-pause-bg-colour:     transparent;
--checklist-item-status-icon-pause-border:     none;
--checklist-item-status-icon-pause-icon-colour:     transparent;

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

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

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

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

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

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

--checklist-item-status-icon-pageread-bg-colour:     var(--meta-swatch-colour-5);
--checklist-item-status-icon-pageread-border:     none;
--checklist-item-status-icon-pageread-icon-colour:     var(--meta-swatch-mono-5);

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

--checklist-item-status-icon-read-bg-colour:     var(--meta-swatch-colour-5);
--checklist-item-status-icon-read-border:     none;
--checklist-item-status-icon-read-icon-colour:     var(--meta-swatch-mono-5);



/* Checklist Section Header */     

/* Container */     
--checklist-section-margin:     0;
--checklist-section-padding:     16px 0 16px;
--checklist-section-bg-colour:     transparent;
/* Spacing */     
--checklist-section-spacer-top:     16px;
--checklist-section-spacer-middle:     8px;
--checklist-section-spacer-bottom:     16px;


/* 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:     56px;
--checklist-toggle-width:     24px;
--checklist-toggle-icon-size:     var(--layout-icon-size);
--checklist-toggle-border-radius:     0;
--checklist-toggle-margin:     auto 0 auto 8px;
--checklist-toggle-open-icon-colour:     var(--meta-swatch-colour-1);
--checklist-toggle-open-bg-colour:     transparent;
--checklist-toggle-open-border:     none;
--checklist-toggle-close-icon-colour:     var(--meta-swatch-colour-1);
--checklist-toggle-close-bg-colour:     transparent;
--checklist-toggle-close-border:     1px solid transparent;

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

/* Heading */     
--checklist-section-heading-size:     18px;
--checklist-section-heading-weight:     700;


/* Sub heading */     

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


/* Coach */     

/* Container */     
--theme-coach-bg-color:     transparent;
--coach-padding-top:     24px;
--coach-padding-bottom:     24px;
--coach-padding-top-m:     32px;
--coach-padding-bottom-m:     32px;
--coach-padding-top-l:     48px;
--coach-padding-bottom-l:     48px;

/* Avatar */     
--coach-avatar-zindex:     1;
--coach-avatar-width:     36px;
--coach-avatar-height:     59px;
--coach-spacer-avatar:     -12px;

/* Message bubbles container */     

/* Message */     
--coach-message-background:     var(--meta-swatch-colour-10);
--coach-message-max-width:     fit-content;
--coach-message-max-width-m:     fit-content;
--coach-message-max-width-l:     fit-content;
--coach-message-img-display:     none;
--coach-message-margin-right:     0;
--coach-message-border-radius:      24px;
--coach-message-border:     none;
--coach-message-box-shadow:     none;
--coach-message-padding:      12px 16px 13px 16px;

--coach-message-text-color:     var(--meta-swatch-colour-11);
--coach-message-font-family:     'santander-micro';
--coach-message-text-size:     16px;
--coach-message-text-size-m:     16px;
--coach-message-text-size-l:     16px;
--coach-message-text-weight:      400;
--coach-message-text-style:      normal;
--coach-message-letter-spacing:     -0.03rem;
--coach-message-line-height:     1.4;
--coach-message-text-transform:     none;
--coach-message-text-align:     left;
--coach-message-par-margin:     0;
--coach-message-word-break:     break-word;

--coach-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-1);
--coach-message-link-hover-decoration:     none;
--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;
--coach-link-underline-width-hover:     1px;

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

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

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

--coach-usermsg-link-hover-color:     var(--meta-swatch-colour-1);
--coach-usermsg-link-hover-decoration:     none;
--coach-usermsg-link-hover-weight:     inherit;
--coach-usermsg-link-hover-style:     inherit;

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

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

/* Motion */     

/* Spacing */     
--coach-spacer-par:     8px;
--coach-spacer-group:     16px;
--coach-spacer-input:     16px;
--coach-spacer-input-m:     16px;
--coach-spacer-input-l:     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 */     



/* DC widget */     

/* Container */     
--coach-padding:     0;
--coach-padding-m:     0;
--coach-padding-l:     0;
--coach-gap:     10px;
--coach-gap-m:     10px;
--coach-gap-l:     10px;
--coach-border-radius:     0;
--coach-flex-direction:     row;
--coach-background:     transparent;

/* Icon */     
--coach-info-display:     block;
--coach-info-icon-size:     24px;
--coach-info-svg-size:     22px;
--coach-info-svg-fill:     var(--meta-swatch-colour-7);



/* Coach dataviz (Community Poll) */     

/* Block container */     

/* Poll specific avatar */     
--poll-avatar-display:     block;
--poll-avatar-zindex:     1;
--poll-avatar-width:     69px;
--poll-avatar-height:     auto;
--poll-avatar-border-radius:     none;
--poll-spacer-avatar:     0;
--poll-avatar-padding:     0;
--poll-avatar-justify-content:     start;
--poll-avatar-align-items:     center;

/* Poll container */     
--poll-container-padding:     0;
--poll-container-padding-m:     0;
--poll-container-padding-l:     0;
--poll-container-background:     transparent;

/* Bars container */     
--coach-bars-row-gap:     8px;

/* Row container */     

/* Value */     
--coach-bars-value-font-weight:     700;
--coach-bars-value-padding:     0;


/* Bar container */     
--coach-bars-bar-height:     40px;
--coach-bars-bar-background:     transparent;
--coach-bars-bar-border:     none;
--coach-bars-bar-border-radius:     10px;

/* Labels */     
--coach-bars-label-margin:     auto 16px;
--coach-bars-label-padding:     0;

/* Bar value */     
--coach-bars-bar-value-background:     var(--meta-swatch-colour-10);
--coach-bars-bar-value-border:     transparent;
--coach-bars-bar-value-border-radius:     none;

--coach-bars-bar-value-winner-background:     var(--meta-swatch-colour-1);
--coach-bars-bar-value-winner-border:     none;
--coach-bars-bar-value-winner-border-radius:     none;
--coach-bars-label-winner-colour:     var(--meta-swatch-mono-5);

/* Content */     


/* Editorial card */     

/* Container */     


/* Heading */     



/* Paragraph */     

/* Label */     

/* Icon */     

/* Footer label */     

/* Footer value */     


/* Featured articles */     
/* Old vars */     



/* New vars */     

/* Block container */     

/* Grid container */     

/* Heading block overrides */     

/* Button container */     

/* Button block overrides */     



/* Featured tools */     

/* Block container */     

/* Grid container */     

/* Heading block overrides */     

/* Button container */     

/* Button block overrides */     

/* Footer - Main */     

/* Container */     
--footer-bg-colour:     var(--meta-swatch-mono-5);
--footer-align:     center;
--footer-group-min-width:     320px;
--footer-group-max-width:     930px;
--footer-padding:     48px 0 0;
--footer-padding-m:     48px 0 0;
--footer-padding-l:     48px 0 0;

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

/* Header */     

--footer-header-font-size:     var(--typo-h-small-font-size);

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

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

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

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

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

--footer-btn-height:     32px;
--footer-btn-margin:     0;
--footer-btn-padding:     0;
--footer-btn-bg-color:     transparent;
--footer-btn-align:     center;

--footer-btn-icon-bg-background:     transparent;
--footer-btn-icon-size:     0;
--footer-btn-icon-color:     transparent;


--footer-btn-label-font-size:     14px;

/* Text container */     

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


/* Text <p> elements */     
--footer-text-colour:     var(--meta-swatch-mono-5);
--footer-text-font-size:     var(--typo-p-xs-font-size);
--footer-text-text-align:     left;
--footer-text-margin:     0 0 12px;
--footer-text-padding:     16px 0 0;
--footer-text-padding-m:     16px 0 0;
--footer-text-padding-l:     16px 0 0;

/* Footer - Legal */     

/* Container */     
--footer-legal-padding:     24px 0;
--footer-legal-padding-m:     24px 0;
--footer-legal-padding-l:     24px 0;
--footer-legal-background:     transparent;

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

--footer-legal-text-font-size:     var(--typo-p-small-font-size);
--footer-legal-text-text-align:     left;

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


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


/* Goal row header */     

/* Block container */     


/* Detail container */     

/* Icon */     

/* Label & Icon containers */     

/* Labels */     


/* Knowledge Section Container */     






/* Knowledge Item */     

/* Container */     

/* Indicator */     

/* Keylines */     

/* Button */     

/* Description */     


/* Graphics layout */     

/* Image layout */     


/* Status icon layout */     


/* Dynamic statuses (colours) */     






/* Labels container */     

/* Label */     

/* Status label */     

/* Action icon */     

/* Time stamp container */     

/* Time label */     

/* Time icon */     



/* Knowledge Section Header */     

/* Container */     

/* Keylines */     

/* Icon */     

/* Heading */     


/* Sub heading */     

/* Spacing */     


/* Marketplace */     

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

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

/* Grid container */     

/* Grid */     
--marketplace-grid-columns:     1;
--marketplace-grid-row-gap:     12px;
--marketplace-grid-columns-ml:     1;
--marketplace-grid-row-gap-ml:     12px;

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

/* Heading */     
--marketplace-heading-colour:     var(--page-template-heading-colour);
--marketplace-heading-font-face:     var(--page-template-heading-font-family);
--marketplace-heading-font-size:     var(--page-template-heading-font-size);
--marketplace-heading-font-weight:     var(--page-template-heading-font-weight);
--marketplace-heading-font-style:     var(--page-template-heading-font-style);
--marketplace-heading-line-height:     var(--page-template-heading-line-height);
--marketplace-heading-letter-spacing:     var(--page-template-heading-letter-spacing);
--marketplace-heading-text-transform:     var(--page-template-heading-text-transform);
--marketplace-heading-text-align:     var(--page-template-heading-text-align);

/* Sub heading */     
--marketplace-sub-heading-colour:     var(--page-template-par-heading-colour);
--marketplace-sub-heading-font-face:     var(--page-template-par-heading-font-family);
--marketplace-sub-heading-font-size:     var(--page-template-par-heading-font-size);
--marketplace-sub-heading-font-weight:     var(--page-template-par-heading-font-weight);
--marketplace-sub-heading-font-style:     var(--page-template-par-heading-font-style);
--marketplace-sub-heading-line-height:     var(--page-template-par-heading-line-height);
--marketplace-sub-heading-letter-spacing:     var(--page-template-par-heading-letter-spacing);
--marketplace-sub-heading-text-transform:     var(--page-template-par-heading-text-transform);
--marketplace-sub-heading-text-align:     var(--page-template-par-heading-text-align);
--marketplace-sub-heading-margin:     var(--page-template-par-heading-margin);

/* Marketplace Grid Item */     

/* Image container */     
--marketplace-grid-item-image-width:     24px;
--marketplace-grid-item-image-height:     24px;

--marketplace-grid-item-image-width-ml:     24px;
--marketplace-grid-item-image-height-ml:     24px;

--marketplace-grid-item-background:     var(--meta-swatch-mono-5);
--marketplace-grid-item-padding:     16px;
--marketplace-grid-item-box-shadow:     var(--ref-effects-box-shadow-2);
--marketplace-grid-item-flex:     1 1;
--marketplace-grid-item-flex-direction:     row;
--marketplace-grid-item-gap:     12px;
--marketplace-grid-item-justify-content:     start;
--marketplace-grid-item-align-items:     center;

/* Image container - Partner */     

/* Image container - Group */     

/* Label */     
--marketplace-grid-item-label-colour:     var(--typo-data-label-l-colour);
--marketplace-grid-item-label-font-family:     var(--typo-data-label-l-font-face);
--marketplace-grid-item-label-font-size:     var(--typo-data-label-l-font-size);
--marketplace-grid-item-label-font-weight:     var(--typo-data-label-l-font-weight);
--marketplace-grid-item-label-font-style:     var(--typo-data-label-l-font-style);
--marketplace-grid-item-label-line-height:     var(--typo-data-label-l-line-height);
--marketplace-grid-item-label-letter-spacing:     var(--typo-data-label-l-letter-spacing);
--marketplace-grid-item-label-text-transform:     var(--typo-data-label-l-text-transform);
--marketplace-grid-item-label-text-align:     var(--typo-data-label-l-text-align);

--marketplace-grid-item-label-ml-colour:     var(--typo-data-label-l-colour);
--marketplace-grid-item-label-ml-font-family:     var(--typo-data-label-l-font-face);
--marketplace-grid-item-label-ml-font-size:     var(--typo-data-label-l-font-size);
--marketplace-grid-item-label-ml-font-weight:     var(--typo-data-label-l-font-weight);
--marketplace-grid-item-label-ml-font-style:     var(--typo-data-label-l-font-style);
--marketplace-grid-item-label-ml-line-height:     var(--typo-data-label-l-line-height);
--marketplace-grid-item-label-ml-letter-spacing:     var(--typo-data-label-l-letter-spacing);
--marketplace-grid-item-label-ml-text-transform:     var(--typo-data-label-l-text-transform);
--marketplace-grid-item-label-ml-text-align:     var(--typo-data-label-l-text-align);

/* Partner Label */     


/* Partner Description */     


/* Marketplace Grid Badge */     

/* Container */     

--marketplace-group-item-background:     var(--meta-swatch-mono-5);
--marketplace-group-item-padding:     16px;
--marketplace-group-item-box-shadow:     var(--ref-effects-box-shadow-2);
--marketplace-group-item-flex:     1 1;
--marketplace-group-item-flex-direction:     row;
--marketplace-group-item-justify-content:     flex-start;
--marketplace-group-item-align-items:     center;
--marketplace-grid-item-gap:     12px;

/* Icon */     

/* Label */     

/* State - Positive */     

/* State - Negative */     

/* State - Unknown */     

/* Marketplace Modal Badge */     

/* Container */     

/* Icon */     

/* Label */     

/* State - Positive */     

/* State - Negative */     

/* State - Unknown */     

/* Marketplace Group Item */     

/* Container */     
--marketplace-group-item-background:     var(--meta-swatch-mono-5);
--marketplace-group-item-padding:     16px;
--marketplace-group-item-box-shadow:     var(--ref-effects-box-shadow-2);
--marketplace-group-item-flex:     1 1;
--marketplace-group-item-flex-direction:     row;
--marketplace-group-item-justify-content:     flex-start;
--marketplace-group-item-align-items:     center;

/* Image */     
--marketplace-group-item-image-width:     24px;
--marketplace-group-item-image-height:     24px;
--marketplace-group-item-image-size:     24px;
--marketplace-group-item-image-margin:     0 12px 0 0;

/* Heading */     
--marketplace-group-item-heading-colour:     var(--typo-data-label-m-colour);
--marketplace-group-item-heading-font-face:     var(--typo-data-label-m-font-face);
--marketplace-group-item-heading-font-size:     var(--typo-data-label-m-font-size);
--marketplace-group-item-heading-font-weight:     var(--typo-data-label-m-font-weight);
--marketplace-group-item-heading-font-style:     var(--typo-data-label-m-font-style);
--marketplace-group-item-heading-line-height:     var(--typo-data-label-m-line-height);
--marketplace-group-item-heading-letter-spacing:     var(--typo-data-label-m-letter-spacing);
--marketplace-group-item-heading-text-transform:     var(--typo-data-label-m-text-transform);
--marketplace-group-item-heading-text-align:     var(--typo-data-label-m-text-align);

/* Explainer */     
--marketplace-group-item-explainer-colour:     var(--typo-data-label-s-colour);
--marketplace-group-item-explainer-font-size:     var(--typo-data-label-s-font-face);
--marketplace-group-item-explainer-font-face:     var(--typo-data-label-s-font-size);
--marketplace-group-item-explainer-font-weight:     400;
--marketplace-group-item-explainer-font-style:     var(--typo-data-label-s-font-style);
--marketplace-group-item-explainer-line-height:     var(--typo-data-label-s-line-height);
--marketplace-group-item-explainer-letter-spacing:     var(--typo-data-label-s-letter-spacing);
--marketplace-group-item-explainer-text-transform:     var(--typo-data-label-s-text-transform);
--marketplace-group-item-explainer-text-align:     var(--typo-data-label-s-text-align);

/* Nested badge block */     

/* Icon container */     
--marketplace-group-item-icon-container-size:     var(--pattern-icon-size);

/* Icon */     
--marketplace-group-item-icon-size:     var(--pattern-icon-size);
--marketplace-group-item-icon-colour:     var(--meta-swatch-colour-1);


/* Keyline top */     

/* Keyline bottom */     
--marketplace-group-item-keyline-bottom-padding:     12px;


/* Module Nav */     

/* Container */     
--module-nav-background:     var(--meta-swatch-colour-4);
--module-nav-padding:     16px 0 24px;
--module-nav-padding-m:     16px 0 32px;
--module-nav-padding-l:     32px 0px;
--module-nav-gap:     0;
--module-nav-gap-m:     0;
--module-nav-gap-l:     0;

--module-nav-heading-colour:     var(--typo-h-medium-colour);
--module-nav-heading-font-family:     var(--typo-h-medium-font-face);
--module-nav-heading-font-size:     var(--typo-h-medium-font-size);
--module-nav-heading-font-size-m:     var(--typo-h-large-font-size);
--module-nav-heading-font-size-l:     var(--typo-h-large-font-size);
--module-nav-heading-font-weight:     var(--typo-h-medium-font-weight);
--module-nav-heading-font-style:     var(--typo-h-medium-font-style);
--module-nav-heading-line-height:     var(--typo-h-medium-line-height);
--module-nav-heading-letter-spacing:     var(--typo-h-medium-letter-spacing);
--module-nav-heading-text-transform:     var(--typo-h-medium-text-transform);
--module-nav-heading-text-shadow:     var(--typo-h-medium-margin);
--module-nav-heading-text-align:     var(--typo-h-medium-text-align);

/* Module nav items */     
--module-nav-items-gap:     16px 0;
--module-nav-items-gap-m:     16px 0;
--module-nav-items-gap-l:     16px 0;
--module-nav-items-justify-content:     start;

/* Modal grid */     
--module-nav-modal-items-cols:     3;
--module-nav-modal-items-cols-m:     7;
--module-nav-modal-items-cols-l:     7;

/* Item */     
--module-nav-item-min-width:      25%;
--module-nav-item-min-width-m:      100px;
--module-nav-item-min-width-l:      100px;
--module-nav-item-gap:     8px;
--module-nav-item-flex:     0 1;

/* Item button */     
--module-nav-button-height:     56px;
--module-nav-button-width:     56px;
--module-nav-button-height-m:     56px;
--module-nav-button-width-m:     56px;
--module-nav-button-height-l:     56px;
--module-nav-button-width-l:     56px;
--module-nav-button-border-radius:     50%;

--module-nav-button-background-off:     var(--meta-swatch-mono-5);
--module-nav-button-border-off:     none;
--module-nav-button-box-shadow-off:     0 0 16px 0 rgba(56, 94, 110, 0.16);
--module-nav-item-label-color-off:     var(--meta-swatch-mono-1);

--module-nav-button-background-on:     var(--meta-swatch-mono-5);
--module-nav-button-border-on:     2px solid var(--meta-swatch-colour-1);
--module-nav-button-box-shadow-on:     0 0 16px 0 rgba(56, 94, 110, 0.16);
--module-nav-item-label-color-on:     var(--meta-swatch-mono-1);

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

--module-nav-button-icon-size:     32px;
--module-nav-button-icon-size-m:     32px;
--module-nav-button-icon-size-l:     32px;
--module-nav-button-icon-fill-off:     var(--meta-swatch-colour-1);
--module-nav-button-icon-fill-on:     var(--meta-swatch-colour-1);

--module-nav-item-label-font-family:     var(--typo-data-label-xs-font-face);
--module-nav-item-label-font-size:     var(--typo-data-label-xs-font-size);
--module-nav-item-label-font-size-m:     var(--typo-data-label-xs-font-size);
--module-nav-item-label-font-size-l:     var(--typo-data-label-xs-font-size);
--module-nav-item-label-font-weight:     var(--typo-data-label-xs-font-weight);
--module-nav-item-label-font-style:     var(--typo-data-label-xs-font-style);
--module-nav-item-label-line-height:     var(--typo-data-label-xs-line-height);
--module-nav-item-label-letter-spacing:     var(--typo-data-label-xs-letter-spacing);
--module-nav-item-label-text-transform:     var(--typo-data-label-xs-text-transform);
--module-nav-item-label-text-align:     center;

--module-nav-edit-button-background:     var(--meta-swatch-mono-5);
--module-nav-edit-button-border:     none;
--module-nav-edit-button-border-radius:     10px;
--module-nav-edit-button-padding:     4px 8px;
--module-nav-edit-button-margin:     0;

--module-nav-edit-button-color:     var(--meta-swatch-colour-1);
--module-nav-edit-button-font-family:     var(--typo-data-label-xs-font-face);
--module-nav-edit-button-font-size:     var(--typo-data-label-xs-font-size);
--module-nav-edit-button-font-size-m:     var(--typo-data-label-xs-font-size);
--module-nav-edit-button-font-size-l:     var(--typo-data-label-xs-font-size);
--module-nav-edit-button-font-weight:     var(--typo-data-label-xs-font-weight);
--module-nav-edit-button-font-style:     var(--typo-data-label-xs-font-style);
--module-nav-edit-button-line-height:     var(--typo-data-label-xs-line-height);
--module-nav-edit-button-letter-spacing:     var(--typo-data-label-xs-letter-spacing);
--module-nav-edit-button-text-transform:     var(--typo-data-label-xs-text-transform);
--module-nav-edit-button-text-align:     center;



/* Nav bars - App */     

/* Logo */     

/* Top background */     
--theme-nav-top-bg-colour:     var(--meta-swatch-mono-5);
--theme-nav-top-bg-image-url:     url('/config/files/images/nav-bar-web-bg.png');
--theme-nav-top-bg-image-repeat:     repeat-x;
--theme-nav-top-bg-image-size:     16px 100px;
--theme-nav-top-bg-image-position:     top;
--app-top-nav-height:     64px;
--app-bottom-nav-height:     0px;

/* Top keyline */     
--theme-nav-top-keyline:     16px solid var(--meta-swatch-colour-1);

/* Top indicator */     

/* Top icons */     
--theme-nav-top-icon-off-colour:     var(--meta-swatch-colour-1);

/* Top labels */     

/* Bottom background */     

/* Bottom keyline */     

/* Bottom indicator */     

/* Bottom icons */     

/* Bottom labels */     


/* Nav bar - Web */     

/* Block container */     
--nav-bar-web-background:     var(--meta-swatch-mono-5);
--nav-bar-web-background-m:     var(--meta-swatch-mono-5);
--nav-bar-web-background-l:     var(--meta-swatch-mono-5);

--nav-bar-web-expanded-background:     var(--meta-swatch-mono-5);

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

--nav-bar-web-grid-max-width:     930px;

/* Content */     

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

/* 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:     20px;
--nav-bar-web-links-gap-l:     20px;

/* Links container collapsed*/     

/* Link container */     



--nav-bar-web-link-background-hover:     transparent;
--nav-bar-web-link-height:     48px;

--nav-bar-web-link-colour:     var(--meta-swatch-mono-1);
--nav-bar-web-link-colour-hover:     var(--meta-swatch-colour-1);
--nav-bar-web-link-font-weight:     400;
--nav-bar-web-link-line-height:     1;
--nav-bar-web-link-letter-spacing:     -0.03%;

/* Current link highlights */     
--nav-bar-web-link-current-label-colour:     var(--meta-swatch-colour-11);
--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-font-size-m:     var(--typo-h-small-font-size);
--page-actions-label-font-size-l:     var(--typo-h-small-font-size);
--page-actions-label-font-family:     var(--typo-h-small-font-size);

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


/* 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:     auto;
--page-actions-button-max-width:     fit-content;
--page-actions-button-max-width-m:     fit-content;
--page-actions-button-max-width-l:     fit-content;
--page-actions-button-height:     var(--btn-height);
--page-actions-button-height-m:     var(--btn-height-m);
--page-actions-button-height-l:     var(--btn-height-l);
--page-actions-button-background:     var(--btn-major-background);
--page-actions-button-border:     var(--btn-major-border);
--page-actions-button-border-radius:     var(--btn-border-radius);
--page-actions-button-box-shadow:     var(--btn-major-box-shadow);
--page-actions-button-flex-direction:     row;
--page-actions-button-gap:     8px;

--page-actions-button-align-self:     start;
--page-actions-button-align-self-m:     start;
--page-actions-button-align-self-l:     start;

/* Button label */     
--page-actions-button-label-colour:     var(--btn-major-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-major-label-font-weight);
--page-actions-button-label-font-style:     var(--btn-major-label-font-style);
--page-actions-button-label-line-height:     1;
--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:     0px;
--page-actions-button-icon-colour:     transparent;
--page-actions-button-icon-margin:     0;
--page-actions-icon-bg-color:     transparent;
--page-actions-icon-border:     none;




/* Repeater */     

/* Block Container */     
--repeater-padding:     0 16px 24px;
--repeater-margin:     none;
--repeater-border:     none;
--repeater-border-radius:     none;
--repeater-box-shadow:     none;

/* Content Container */     

/* Heading */     
--repeater-heading-font-family:     var(--typo-h-large-font-face);
--repeater-heading-font-size:     var(--typo-h-large-font-size);
--repeater-heading-font-size-m:     var(--typo-h-xlarge-font-size);
--repeater-heading-font-size-l:     var(--typo-h-xlarge-font-size);
--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-align:     var(--typo-h-medium-margin);
--repeater-heading-text-padding:     none;
--repeater-heading-text-margin:     1em 0 1rem;

/* Sub heading */     
--repeater-sub-heading-text-margin:     var(--typo-p-medium-margin);
--repeater-sub-heading-text-padding:     none;

/* Empty state paragraph */     
--empty-p-text-align:     center;

--empty-p-margin:     none;
--empty-p-padding:     40px 0 80px;
--empty-p-background:     transparent;
--empty-p-border:     none;
--empty-p-border-radius:     none;
--empty-p-box-shadow:     none;

/* Dots */     
--repeater-dots-padding:     12px 0 0 0;
--repeater-dot-padding:     0 2px;
--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:     var(--pattern-icon-size);


/* Link */     

--repeater-link-padding:     var(--btn-padding);
--repeater-link-padding-m:     var(--btn-padding);
--repeater-link-padding-l:     var(--btn-padding);


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


/* Items Container */     
--repeater-items-padding-top:     0;
--repeater-items-padding-right:     0;
--repeater-items-padding-bottom:     0;
--repeater-items-padding-left:     0;
--repeater-items-margin:     0;
--repeater-items-columns:     1;
--repeater-items-col-gap:     16px;
--repeater-items-row-gap:     16px;

--repeater-items-columns-m:     2;
--repeater-items-col-gap-m:     16px;
--repeater-items-row-gap-m:     16px;

--repeater-items-columns-l:     3;
--repeater-items-col-gap-l:     16px;
--repeater-items-row-gap-l:     16px;

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

/* Button icon */     





/* Option 1 */     /* Black text on beige bg */
--opt1-block-border-radius:     0;
--opt1-block-border-radius-m:     0;
--opt1-block-border-radius-l:     0;
--opt1-content-background:     transparent;
--opt1-heading-color:     var(--meta-swatch-mono-1);
--opt1-sub-heading-color:     var(--meta-swatch-mono-1);
--opt1-empty-p-colour:     var(--meta-swatch-mono-1);
--opt1-empty-p-background:     transparent;
--opt1-link-color:     var(--btn-major-label-color);
--opt1-link-background:     var(--btn-major-background);
--opt1-link-border:     var(--btn-major-border);
--opt1-pager-icons-color:     var(--meta-swatch-colour-1);
--opt1-pager-dot-on-color:     var(--meta-swatch-colour-1);
--opt1-pager-dot-off-color:     var(--meta-swatch-mono-2);

/* Option 2 */     /* Black text on grey bg */
--opt2-content-background:     transparent;
--opt2-heading-color:     var(--meta-swatch-mono-1);
--opt2-sub-heading-color:     var(--meta-swatch-mono-1);
--opt2-empty-p-colour:     var(--meta-swatch-mono-1);
--opt2-empty-p-background:     transparent;
--opt2-link-color:     var(--meta-swatch-mono-1);
--opt2-pager-icons-color:     var(--meta-swatch-colour-1);
--opt2-pager-dot-on-color:     var(--meta-swatch-colour-1);
--opt2-pager-dot-off-color:     var(--meta-swatch-mono-3);

/* Option 3 */     
--opt3-pager-icons-color:     var(--meta-swatch-colour-1);
--opt3-pager-dot-on-color:     var(--meta-swatch-colour-1);
--opt3-pager-dot-off-color:     var(--meta-swatch-mono-4);

/* Option 4 */     

/* Option 5 */     

/* Repeater Item / Card */     

/* Block container */     
--card-background:     var(--meta-swatch-mono-5);
--card-border:     none;
--card-border-radius:     0;
--card-box-shadow:     var(--ref-effects-box-shadow-2);
--card-margin:     0;
--card-padding:     0;
--card-flex-direction:     column;
--card-flex-direction-m:     column;
--card-flex-direction-l:     column;
--card-gap:     0;
--card-gap-m:     0;
--card-gap-l:     0;

/* Image wrapper */     
--card-image-wrapper-width:     100%;
--card-image-wrapper-width-m:     100%;
--card-image-wrapper-width-l:     100%;
--card-image-wrapper-border:     none;
--card-image-wrapper-border-radius:     none;

/* Image */     
--card-image-width:     100%;
--card-image-height:     auto;
--card-image-width-m:     100%;
--card-image-height-m:     auto;
--card-image-width-l:     100%;
--card-image-height-l:     auto;
--card-image-object-fit:     cover;
--card-image-aspect-ratio:     16:9;
--card-image-border-radius:     0;
--card-image-border-radius-m:     0;
--card-image-border-radius-l:     0;

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

/* Content */     

/* Body */     
--card-body-background:     var(--meta-swatch-mono-5);
--card-body-padding:     16px;
--card-body-padding-m:     16px;
--card-body-padding-l:     16px;

--card-heading-colour:     var(--typo-h-medium-colour);
--card-heading-font-family:     var(--typo-h-medium-font-face);
--card-heading-font-size:     var(--typo-h-medium-font-size);
--card-heading-font-size-m:     var(--typo-h-medium-font-size);
--card-heading-font-size-l:     var(--typo-h-medium-font-size);
--card-heading-font-weight:     var(--typo-h-medium-font-weight);
--card-heading-font-style:     var(--typo-h-medium-font-style);
--card-heading-line-height:     var(--typo-h-medium-line-height);
--card-heading-letter-spacing:     var(--typo-h-medium-letter-spacing);
--card-heading-text-transform:     var(--typo-h-medium-text-transform);
--card-heading-text-align:     var(--typo-h-medium-text-align);

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


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

/* Badge */     

--card-footer-badge-label-colour:     var(--typo-data-label-s-colour);
--card-footer-badge-label-font-family:     var(--typo-data-label-s-font-face);
--card-footer-badge-label-font-size:     var(--typo-data-label-s-font-size);
--card-footer-badge-label-font-weight:     var(--typo-data-label-s-font-weight);
--card-footer-badge-label-font-style:     var(--typo-data-label-s-font-style);
--card-footer-badge-label-line-height:     var(--typo-data-label-s-line-height);
--card-footer-badge-label-spacing:     var(--typo-data-label-s-letter-spacing);
--card-footer-badge-label-text-transform:     var(--typo-data-label-s-text-transform);
--card-footer-badge-label-text-align:     var(--typo-data-label-s-text-align);
--card-footer-badge-label-text-margin:     var(--typo-data-label-s-margin-bottom);
--card-footer-badge-label-padding:     0 0 0 8px;
--card-footer-badge-label-padding-m:     0 0 0 8px;
--card-footer-badge-label-padding-l:     0 0 0 8px;




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

/* Label */     
--card-label-font-size:     var(--typo-p-small-font-size);
--card-label-padding:     0 4px;

/* Indicator */     



/* Action icon (favourite / save etc.) */     
--card-action-icon-size:     var(--pattern-icon-size);
--card-action-icon-color:     var(--meta-swatch-colour-1);

/* Share Save */     


/* Sidebar */     

/* Sidebar */     




/* Open button */     






/* Page header */     

/* Page footer */     


/* Table List */     

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

--tl-item-margin:     0;
--tl-item-padding:     16px;
--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 */     

/* Badge */     

/* Sub header */     
--tl-item-sub-title-colour:     var(--meta-swatch-colour-2);
--tl-item-sub-title-font-size:     12px;

/* Label Info */     

/* Value */     

/* Icon */     
--tl-item-icon-bg-size:     24px;
--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:     24px;


/* Tabs */     

/* Tabs */     

/* Tab - off */     

/* Tab - on */     

/* Tab - back */     





/* Targeted Links */     

/* Block container */     
--targeted-links-padding:     24px 0;
--targeted-links-padding-m:     32px 0;
--targeted-links-padding-l:     48px 0;
--targeted-links-margin:     none;
--targeted-links-border:     none;
--targeted-links-border-radius:     none;
--targeted-links-box-shadow:     none;

/* Grid container */     
--targeted-links-grid-padding:     none;
--targeted-links-grid-padding-m:     none;
--targeted-links-grid-padding-l:     none;

--targeted-links-grid-margin:     none;
--targeted-links-grid-background:     none;
--targeted-links-grid-border:     none;
--targeted-links-grid-border-radius:     none;
--targeted-links-grid-box-shadow:     none;

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

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

--targeted-links-grid-columns-l:     2;
--targeted-links-grid-col-gap-l:     24px;
--targeted-links-grid-row-gap-l:     24px;

--targeted-links-slider-gap:     16px;

/* Heading block overrides */     

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


--targeted-links-button-icon-size:     0;
--targeted-links-button-icon-color:     transparent;

/* Whole block style options */     

/* Option 1 */     
--targeted-links-heading-colour-opt1:     var(--meta-swatch-mono-1);
--targeted-links-sub-heading-colour-opt1:     var(--meta-swatch-mono-1);

/* Option 2 */     

/* Option 3 */     
--targeted-links-grid-columns-opt3:     1;
--targeted-links-grid-columns-m-opt3:     1;
--targeted-links-grid-columns-l-opt3:     1;
--targeted-links-heading-colour-opt3:     var(--meta-swatch-mono-1);
--targeted-links-sub-heading-colour-opt3:     var(--meta-swatch-mono-1);



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

/* Item container */     



/* Cover image */     

/* Body */     

/* Header */     

/* Icon */     

/* Heading */     



/* Paragraph */     




/* Inline image */     




/* Buttons container */     



/* Button block overrides */     


/* Item style option overrides */     

/* Option 1 */     






/* Option 2 */     






/* Option 3 */     






/* Option 4 */     






/* Option 5 */     









/* Targeted Links Item / Card */     

/* Option 1 */     /* Promo style with script font */
/* New external container */     

/* Item container */     
--targeted-links-item-opt1-margin:     0;
--targeted-links-item-opt1-background:     transparent;
--targeted-links-item-opt1-border:     none;
--targeted-links-item-opt1-border-radius:     0;
--targeted-links-item-opt1-box-shadow:     none;
--targeted-links-item-opt1-flex-direction:     column;
--targeted-links-item-opt1-flex-direction-m:     column;
--targeted-links-item-opt1-flex-direction-l:     column;
--targeted-links-item-opt1-padding:     0;
--targeted-links-item-opt1-padding-m:     0;
--targeted-links-item-opt1-padding-l:     0;
--targeted-links-item-opt1-gap:     0;
--targeted-links-item-opt1-gap-m:     0;
--targeted-links-item-opt1-gap-l:     0;
--targeted-links-item-opt1-align-items:     center;
--targeted-links-item-opt1-align-items-m:     center;
--targeted-links-item-opt1-align-items-l:     center;

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

/* Body */     
--targeted-links-item-body-opt1-padding:     0 16px;
--targeted-links-item-body-opt1-padding-m:     0 16px;
--targeted-links-item-body-opt1-padding-l:     0 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;
--targeted-links-item-header-opt1-padding-m:     0;
--targeted-links-item-header-opt1-padding-l:     0;
--targeted-links-item-header-opt1-gap:     0;
--targeted-links-item-header-opt1-gap-m:     0;
--targeted-links-item-header-opt1-gap-l:     0;
--targeted-links-item-header-opt1-justify-content:     center;
--targeted-links-item-header-opt1-justify-content-m:     center;
--targeted-links-item-header-opt1-justify-content-l:     center;
--targeted-links-item-header-opt1-align-items:     center;
--targeted-links-item-header-opt1-align-items-m:     center;
--targeted-links-item-header-opt1-align-items-l:     center;

/* Icon */     
--targeted-links-item-icon-opt1-size:     0;
--targeted-links-item-icon-opt1-bg-padding:     0;
--targeted-links-item-icon-opt1-colour:     transparent;
--targeted-links-item-icon-opt1-bg-border-radius:     none;
--targeted-links-item-icon-opt1-bg-background:     none;
--targeted-links-item-icon-opt1-bg-border:     none;

/* External Heading */     


/* Heading */     
--targeted-links-item-heading-opt1-padding:     16px 0;
--targeted-links-item-heading-opt1-padding-m:     16px 0;
--targeted-links-item-heading-opt1-padding-l:     16px 0;
--targeted-links-item-heading-opt1-color:     var(--meta-swatch-mono-1);
--targeted-links-item-heading-opt1-font-family:     'santander-script';
--targeted-links-item-heading-opt1-font-weight:     400;
--targeted-links-item-heading-opt1-font-style:     normal;
--targeted-links-item-heading-opt1-line-height:     1.2;
--targeted-links-item-heading-opt1-letter-spacing:     -0.03rem;
--targeted-links-item-heading-opt1-text-transform:     uppercase;
--targeted-links-item-heading-opt1-text-align:     center;

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

/* Paragraph */     
--targeted-links-item-p-opt1-font-size:     var(--typo-p-small-font-size);
--targeted-links-item-p-opt1-font-size-m:     var(--typo-p-medium-font-size);
--targeted-links-item-p-opt1-font-size-l:     var(--typo-p-large-font-size);
--targeted-links-item-p-opt1-text-align:     center;


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

/* Paragraph links */     






/* Inline image */     

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

--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 */     
--targeted-links-item-button-opt1-width:     fit-content;


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

/* Item container */     
--targeted-links-item-opt2-margin:     none;
--targeted-links-item-opt2-background:     var(--meta-swatch-mono-5);
--targeted-links-item-opt2-border:     none;
--targeted-links-item-opt2-border-radius:     none;
--targeted-links-item-opt2-box-shadow:     var(--ref-effects-box-shadow-2);
--targeted-links-item-opt2-flex-direction:     column;
--targeted-links-item-opt2-flex-direction-m:     row-reverse;
--targeted-links-item-opt2-flex-direction-l:     row-reverse;
--targeted-links-item-opt2-padding:     16px;
--targeted-links-item-opt2-padding-m:     16px;
--targeted-links-item-opt2-padding-l:     16px;
--targeted-links-item-opt2-gap:     12px;
--targeted-links-item-opt2-gap-m:     12px;
--targeted-links-item-opt2-gap-l:     12px;
--targeted-links-item-opt2-align-items:     start;
--targeted-links-item-opt2-align-items-m:     start;
--targeted-links-item-opt2-align-items-l:     start;

/* Cover image */     
--targeted-links-item-cover-image-opt2-padding:     none;
--targeted-links-item-cover-image-opt2-padding-m:     none;
--targeted-links-item-cover-image-opt2-padding-l:     none;
--targeted-links-item-cover-image-opt2-width:     100%;
--targeted-links-item-cover-image-opt2-height:     auto;
--targeted-links-item-cover-image-opt2-width-m:     50%;
--targeted-links-item-cover-image-opt2-height-m:     auto;
--targeted-links-item-cover-image-opt2-width-l:     33%;
--targeted-links-item-cover-image-opt2-height-l:     auto;
--targeted-links-item-cover-image-opt2-object-fit:     contain;

/* Body */     
--targeted-links-item-body-opt2-padding:     none;
--targeted-links-item-body-opt2-padding-m:     none;
--targeted-links-item-body-opt2-padding-l:     none;

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

/* Icon */     

/* External Heading */     


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


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

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

/* Paragraph */     



/* Paragraph links */     






/* Inline image */     


/* Buttons container */     


/* Button block overrides */     


/* Option 4 */     
/* New external container */     

/* Item container */     

/* Cover image */     

/* Body */     

/* Header */     

/* Icon */     

/* External Heading */     


/* Heading */     


/* Paragraph */     



/* Paragraph links */     






/* Inline image */     


/* Buttons container */     


/* Button block overrides */     


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

/* Item container */     

/* Cover image */     

/* Body */     

/* Header */     

/* Icon */     

/* External Heading */     


/* Heading */     


/* Paragraph */     



/* Paragraph links */     






/* Inline image */     


/* Buttons container */     


/* Button block overrides */     






/* Tools */     

/* Accordion Result */     

/* Heading */     

/* Status indicator */     




/* Button block overrides */     

/* Heading */     

/* Status indicator */     




/* Button block overrides */     





/* 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 */     
--bp-result-padding:     16px;
--bp-result-padding-m:     32px 0;
--bp-result-padding-l:     48px 0;
--bp-result-gap:     0;
--bp-result-gap-m:     0;
--bp-result-gap-l:     0;
--bp-result-background:     var(--meta-swatch-colour-4);
--bp-result-background-m:     var(--meta-swatch-colour-4);
--bp-result-background-l:     var(--meta-swatch-colour-4);

/* Inner container */     
--bp-result-inner-padding:     0;
--bp-result-inner-padding-m:     0;
--bp-result-inner-padding-l:     0;
--bp-result-inner-background:     transparent;
--bp-result-inner-background-m:     transparent;
--bp-result-inner-background-l:     transparent;
--bp-result-inner-max-width:     var(--pattern-layout-grid-width-s);
--bp-result-inner-max-width-m:     var(--pattern-layout-grid-width-m);
--bp-result-inner-max-width-l:     var(--pattern-layout-grid-width-l);
--bp-result-inner-border-radius:     0;

/* Content container */     
--bp-result-content-padding:     24px 0 0 0;
--bp-result-content-padding-m:     32px 0 0 0;
--bp-result-content-padding-l:     48px 0 0 0;
--bp-result-content-border-radius:     none;
--bp-result-content-border-radius-m:     none;
--bp-result-content-border-radius-l:     none;
--bp-result-content-background:     transparent;
--bp-result-content-background-m:     transparent;
--bp-result-content-background-l:     transparent;

/* Columns container */     
--bp-result-columns-flex-direction:     column;
--bp-result-columns-flex-direction-m:     row;
--bp-result-columns-flex-direction-l:     row;
--bp-result-columns-gap:     16px;
--bp-result-columns-gap-m:     24px;
--bp-result-columns-gap-l:     24px;

/* Dataviz */     
--bp-result-dataviz-background:     var(--meta-swatch-mono-5);
--bp-result-dataviz-border-bottom:     none;
--bp-result-dataviz-sticky-box-shadow:     var(--ref-effects-box-shadow-2);
--bp-result-dataviz-sticky-border-radius:     0;
--bp-result-dataviz-sticky-border-radius-m:     0;
--bp-result-dataviz-sticky-border-radius-l:     0;
--bp-result-dataviz-padding:     16px;
--bp-result-dataviz-padding-m:     16px;
--bp-result-dataviz-padding-l:     16px;
--bp-result-dataviz-gap:     16px;
--bp-result-dataviz-gap-m:     24px;
--bp-result-dataviz-gap-l:     24px;

/* Dataviz icons */     
--bp-result-dataviz-icons-size:     40px;
--bp-result-dataviz-icons-size-m:     40px;
--bp-result-dataviz-icons-size-l:     40px;
--bp-result-dataviz-icons-color:     var(--meta-swatch-colour-1);
--bp-result-dataviz-icons-bg-padding:     4px;
--bp-result-dataviz-icons-bg-padding-m:     4px;
--bp-result-dataviz-icons-bg-padding-l:     4px;
--bp-result-dataviz-icons-bg-border-radius:     none;
--bp-result-dataviz-icons-bg-background:     transparent;
--bp-result-dataviz-icons-bg-border:     none;

/* Dataviz labels */     
--bp-result-dataviz-labels-label-colour:     var(--typo-h-2xs-colour);
--bp-result-dataviz-labels-label-font-family:     'santander';
--bp-result-dataviz-labels-label-font-size:     16px;
--bp-result-dataviz-labels-label-font-size-m:     16px;
--bp-result-dataviz-labels-label-font-size-l:     16px;
--bp-result-dataviz-labels-label-font-weight:     var(--typo-h-2xs-font-weight);
--bp-result-dataviz-labels-label-font-style:     var(--typo-h-2xs-font-style);
--bp-result-dataviz-labels-label-line-height:     var(--typo-h-2xs-line-height);
--bp-result-dataviz-labels-label-letter-spacing:     var(--typo-h-2xs-letter-spacing);
--bp-result-dataviz-labels-label-text-transform:     var(--typo-h-2xs-text-transform);
--bp-result-dataviz-labels-label-text-align:     center;
--bp-result-dataviz-labels-label-margin:     0 0 0.7rem 0;

/* Dataviz values */     
--bp-result-dataviz-value-colour:     var(--typo-data-3xl-colour);
--bp-result-dataviz-value-font-face:     var(--typo-data-3xl-font-face);
--bp-result-dataviz-value-font-size:     var(--typo-data-3xl-font-size);
--bp-result-dataviz-value-font-size-m:     var(--typo-data-4xl-font-size);
--bp-result-dataviz-value-font-size-l:     var(--typo-data-4xl-font-size);
--bp-result-dataviz-value-font-weight:     var(--typo-data-3xl-font-weight);
--bp-result-dataviz-value-font-style:     var(--typo-data-3xl-font-style);
--bp-result-dataviz-value-line-height:     var(--typo-data-3xl-line-height);
--bp-result-dataviz-value-letter-spacing:     var(--typo-data-3xl-letter-spacing);
--bp-result-dataviz-value-text-transform:     var(--typo-data-3xl-text-transform);
--bp-result-dataviz-value-text-align:     var(--typo-data-3xl-text-align);

/* Breakdown heading */     
--bp-result-breakdown-heading-colour:     var(--typo-h-medium-colour);
--bp-result-breakdown-heading-font-face:     var(--typo-h-medium-font-face);
--bp-result-breakdown-heading-font-size:     18px;
--bp-result-breakdown-heading-font-size-m:     18px;
--bp-result-breakdown-heading-font-size-l:     18px;
--bp-result-breakdown-heading-font-weight:     500;
--bp-result-breakdown-heading-font-style:     var(--typo-h-medium-font-style);
--bp-result-breakdown-heading-line-height:     var(--typo-h-medium-line-height);
--bp-result-breakdown-heading-letter-spacing:     var(--typo-h-medium-letter-spacing);
--bp-result-breakdown-heading-text-transform:     var(--typo-h-medium-text-transform);
--bp-result-breakdown-heading-text-align:     var(--typo-h-medium-text-align);

/* Also style Sub block / Breakdown card */     

/* Controls container */     
--bp-result-controls-gap:     0;
--bp-result-controls-gap-m:     0;
--bp-result-controls-gap-l:     0;

/* Controls heading */     
--bp-result-controls-heading-colour:     var(--typo-h-medium-colour);
--bp-result-controls-heading-font-face:     var(--typo-h-medium-font-face);
--bp-result-controls-heading-font-size:     18px;
--bp-result-controls-heading-font-size-m:     18px;
--bp-result-controls-heading-font-size-l:     18px;
--bp-result-controls-heading-font-weight:     500;
--bp-result-controls-heading-font-style:     var(--typo-h-medium-font-style);
--bp-result-controls-heading-line-height:     var(--typo-h-medium-line-height);
--bp-result-controls-heading-letter-spacing:     var(--typo-h-medium-letter-spacing);
--bp-result-controls-heading-text-transform:     var(--typo-h-medium-text-transform);
--bp-result-controls-heading-text-align:     var(--typo-h-medium-text-align);

/* Controls list */     
--bp-result-controls-list-gap:     32px;
--bp-result-controls-list-gap-m:     32px;
--bp-result-controls-list-gap-l:     32px;

/* Segmented label */     
--bp-result-segmented-label-colour:     var(--typo-data-label-s-colour);
--bp-result-segmented-label-font-face:     var(--typo-data-label-s-font-face);
--bp-result-segmented-label-font-size:     var(--typo-data-label-s-font-size);
--bp-result-segmented-label-font-size-m:     var(--typo-data-label-s-font-size);
--bp-result-segmented-label-font-size-l:     var(--typo-data-label-s-font-size);
--bp-result-segmented-label-font-style:     var(--typo-data-label-s-font-style);
--bp-result-segmented-label-font-weight:     500;
--bp-result-segmented-label-letter-spacing:     var(--typo-data-label-s-letter-spacing);
--bp-result-segmented-label-line-height:     var(--typo-data-label-s-line-height);
--bp-result-segmented-label-text-align:     var(--typo-data-label-s-text-align);
--bp-result-segmented-label-text-transform:     var(--typo-data-label-s-text-transform);


/* 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:     16px;
--budget-result-background:     var(--meta-swatch-colour-4);

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

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

/* Message Icon */     
--budget-result-msg-icon-align-self:     center;
--budget-result-msg-icon-size:     40px;
--budget-result-msg-icon-background:     var(--meta-swatch-colour-1);
--budget-result-msg-icon-border-radius:     50%;
--budget-result-msg-svg-size:     var(--pattern-icon-size);
--budget-result-msg-svg-fill:     var(--meta-swatch-mono-5);

/* Message Heading */     
--budget-result-msg-heading-colour:     var(--meta-swatch-colour-1);
--budget-result-msg-heading-font-family:     var(--typo-data-label-m-font-face);
--budget-result-msg-heading-font-size:     var(--typo-data-label-m-font-size);
--budget-result-msg-heading-font-size-m:     var(--typo-data-label-m-font-size);
--budget-result-msg-heading-font-size-l:     var(--typo-data-label-m-font-size);
--budget-result-msg-heading-font-weight:     var(--typo-data-label-m-font-weight);
--budget-result-msg-heading-font-style:     var(--typo-data-label-m-font-style);
--budget-result-msg-heading-line-height:     var(--typo-data-label-m-line-height);
--budget-result-msg-heading-letter-spacing:     var(--typo-data-label-m-letter-spacing);
--budget-result-msg-heading-text-transform:     var(--typo-data-label-m-text-transform);
--budget-result-msg-heading-text-align:     var(--typo-data-label-m-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-medium-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:     32px;
--budget-result-breakdowns-gap-l:     32px;

/* Total & income */     
--budget-result-breakdown-totalandincome-gap:     16px;
--budget-result-breakdown-totalandincome-direction:     column;
--budget-result-breakdown-totalandincome-direction-m:     column;
--budget-result-breakdown-totalandincome-direction-l:     column;


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

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

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

/* Table */     
--budget-result-breakdown-table-gap:     1px;
--budget-result-breakdown-table-background:     var(--meta-swatch-mono-3);
--budget-result-breakdown-table-box-shadow:     var(--ref-effects-box-shadow-2);

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

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

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

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

/* Row Status Icon */     
--budget-result-row-status-icon-size:     16px;
--budget-result-row-status-icon-background:     transparent;
--budget-result-row-status-icon-border-radius:     none;
--budget-result-row-status-svg-size:     var(--pattern-icon-size);
--budget-result-row-status-svg-fill-negative:     var(--meta-swatch-colour-1);
--budget-result-row-status-svg-fill-neutral:     var(--meta-swatch-colour-9);
--budget-result-row-status-svg-fill-positive:     var(--meta-swatch-colour-5);

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

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

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

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

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


/* Chart background defaults */     

--chart-container-padding:     0;
--chart-container-background-color:     transparent;
--chart-container-box-shadow:     none;
--chart-container-border:     none;
--chart-container-border-radius:     none;

--chart-value-colour:     var(--typo-form-label-colour);
--chart-value-font-face:     var(--typo-form-label-font-face);
--chart-value-font-size:     var(--typo-form-label-font-size);
--chart-value-font-weight:     var(--typo-form-label-font-weight);
--chart-value-font-style:     var(--typo-form-label-font-style);
--chart-value-line-height:     var(--typo-form-label-line-height);
--chart-value-letter-spacing:     var(--typo-form-label-letter-spacing);
--chart-value-text-transform:     var(--typo-form-label-text-transform);
--chart-value-text-align:     var(--typo-form-label-text-align);

--chart-gridlines-h-container-padding:     0 16px;
--chart-gridlines-v-container-padding:     16px 0;
--chart-gridlines-h-container-margin:     8px;
--chart-gridlines-v-container-margin:     8px;

--chart-gridlines-colour:     var(--meta-swatch-mono-3);
--chart-gridlines-width:     0.25%;
--chart-gridlines-dashoffset:     0;


/* 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-items-gap:     16px;
--checklist-widget-items-gap-m:     16px;
--checklist-widget-items-gap-l:     16px;

--checklist-widget-button-justify-content:     start;

/* Progress tracker */     







/* 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 */     
--db-container-background:     var(--meta-swatch-colour-10);
--db-container-padding:     24px 16px;
--db-container-padding-m:     24px 16px;
--db-container-padding-l:     24px 16px;
--db-container-border-radius:     20px 20px 0 0;


/* Deposit Builder Result */     

/* Block Container */     
--db-result-padding:     16px;
--db-result-padding-m:     24px 0;
--db-result-padding-l:     32px 0;
--db-result-gap:     0;
--db-result-gap-m:     0;
--db-result-gap-l:     0;
--db-result-background:     var(--meta-swatch-colour-4);
--db-result-background-m:     var(--meta-swatch-colour-4);
--db-result-background-l:     var(--meta-swatch-colour-4);

/* Inner container */     
--db-result-inner-padding:     0;
--db-result-inner-padding-m:     0;
--db-result-inner-padding-l:     0;
--db-result-inner-gap:     16px;
--db-result-inner-gap-m:     24px;
--db-result-inner-gap-l:     32px;
--db-result-inner-background:     transparent;
--db-result-inner-background-m:     transparent;
--db-result-inner-background-l:     transparent;
--db-result-inner-max-width:     var(--pattern-layout-grid-width-s);
--db-result-inner-max-width-m:     var(--pattern-layout-grid-width-m);
--db-result-inner-max-width-l:     var(--pattern-layout-grid-width-l);
--db-result-inner-border-radius:     none;

/* Block Container */     

/* Chart container */     
--db-result-chart-container-gap:     32px;
--db-result-chart-container-gap-m:     32px;
--db-result-chart-container-gap-l:     32px;

/* Chart */     

/* Container */     
--db-chart-container-background:     var(--meta-swatch-mono-5);
--db-chart-container-border:     none;
--db-chart-container-border-radius:     none;
--db-chart-container-box-shadow:     var(--ref-effects-box-shadow-2);
--db-chart-container-padding:     16px;
--db-chart-container-margin:     0;

/* Account colours */     
--db-chart-account-1-color:     var(--meta-swatch-colour-1);
--db-chart-account-2-color:     var(--meta-swatch-colour-3);
--db-chart-account-3-color:     var(--meta-swatch-colour-5);
--db-chart-account-4-color:     var(--meta-swatch-colour-6);
--db-chart-account-5-color:     var(--meta-swatch-colour-7);
--db-chart-account-6-color:     var(--meta-swatch-colour-8);
--db-chart-account-7-color:     var(--meta-swatch-colour-11);

/* Account cards */     
--swatch-account-1:          var(--meta-swatch-colour-1);
--swatch-account-2:          var(--meta-swatch-colour-12);
--swatch-account-3:          var(--meta-swatch-colour-3);
--swatch-account-4:          var(--meta-swatch-colour-8);
--swatch-account-5:          var(--meta-swatch-colour-5);
--swatch-account-6:          var(--meta-swatch-colour-6);
--swatch-account-7:          var(--meta-swatch-colour-7);

/* Account buttons */     
--btn-account-htb-isa-color:          var(--swatch-account-1);
--btn-account-lisa-color:          var(--swatch-account-2);
--btn-account-regular-savings-color:          var(--swatch-account-3);
--btn-account-cash-isa-color:          var(--swatch-account-4);
--btn-account-stock-and-shares-isa-color:          var(--swatch-account-5);
--btn-account-current-color:          var(--swatch-account-6);
--btn-account-others-color:          var(--swatch-account-7);

/* Headings */     
--db-chart-headings-font-size:     16px;
--db-chart-headings-font-size:     16px;
--db-chart-headings-font-size:     16px;
--db-chart-headings-font-weight:     700;
--db-chart-headings-margin:     0 0 12px;


/* Legend */     
--db-chart-legend-label-font-size:     14px;
--db-chart-legend-label-font-weight:     700;
--db-chart-legend-label-font-style:     normal;

/* Balances */     
--db-chart-balances-font-size:     16px;
--db-chart-balances-font-weight:     700;

/* Totals */     
--db-chart-totals-font-size:     20px;
--db-chart-totals-font-weight:     700;

/* Difference label */     
--db-chart-difference-label-font-size:     14px;
--db-chart-difference-label-font-weight:     400;
--db-chart-difference-label-text-align:     center;

/* Difference */     
--db-chart-difference-font-size:     32px;
--db-chart-difference-font-weight:     700;
--db-chart-difference-text-align:     center;

/* Indicator */     
--db-chart-indicator-size:     32px;
--db-chart-indicator-border:     none;
--db-chart-indicator-border-radius:     50%;
--db-chart-indicator-icon-size:     24px;

--db-chart-indicator-on-bg-color:     var(--meta-swatch-colour-5);
--db-chart-indicator-on-icon-color:     var(--meta-swatch-mono-5);

--db-chart-indicator-off-bg-color:     transparent;
--db-chart-indicator-off-icon-color:     transparent;

/* Keylines */     
--db-chart-keylines:     1px solid var(--meta-swatch-mono-4);


/* Breakdown */     

/* Container */     
--db-breakdown-container-background:     var(--meta-swatch-mono-5);
--db-breakdown-container-border:     none;
--db-breakdown-container-border-radius:     none;
--db-breakdown-container-box-shadow:     var(--ref-effects-box-shadow-2);
--db-breakdown-container-padding:     16px;
--db-breakdown-container-gap:     16px;
--db-breakdown-container-gap-m:     16px;
--db-breakdown-container-gap-l:     16px;

/* Headings */     
--db-breakdown-headings-colour:     var(--typo-form-label-colour);
--db-breakdown-headings-font-family:     var(--typo-form-label-font-face);
--db-breakdown-headings-font-size:     var(--typo-form-label-font-size);
--db-breakdown-headings-font-weight:     700;
--db-breakdown-headings-font-style:     var(--typo-form-label-font-style);
--db-breakdown-headings-line-height:     var(--typo-form-label-line-height);
--db-breakdown-headings-letter-spacing:     var(--typo-form-label-letter-spacing);
--db-breakdown-headings-text-transform:     var(--typo-form-label-text-transform);

--db-breakdown-row-headings-text-align:     left;
--db-breakdown-column-headings-text-align:     right;

/* Balances */     
--db-breakdown-data-colour:     var(--typo-data-s-colour);
--db-breakdown-data-font-family:     'santander';
--db-breakdown-data-font-size:     var(--typo-data-s-font-size);
--db-breakdown-data-font-weight:     400;
--db-breakdown-data-font-style:     var(--typo-data-s-font-style);
--db-breakdown-data-line-height:     var(--typo-data-s-line-height);
--db-breakdown-data-letter-spacing:     var(--typo-data-s-letter-spacing);
--db-breakdown-data-text-transform:     var(--typo-data-s-text-transform);
--db-breakdown-data-text-align:     right;

/* Translate numbers */     

--db-breakdown-text-container-gap:     16px;
--db-breakdown-text-container-gap-m:     16px;
--db-breakdown-text-container-gap-l:     16px;

--db-breakdown-paragraph-container-gap:     12px;
--db-breakdown-paragraph-container-gap-m:     12px;
--db-breakdown-paragraph-container-gap-l:     12px;

--db-breakdown-tran-h-color:     var(--typo-h-xs-colour);
--db-breakdown-tran-h-font-family:     var(--typo-h-xs-font-face);
--db-breakdown-tran-h-font-size:     var(--typo-h-xs-font-size);
--db-breakdown-tran-h-weight:     var(--typo-h-xs-font-weight);
--db-breakdown-tran-h-style:     var(--typo-h-xs-font-style);
--db-breakdown-tran-h-line-height:     var(--typo-h-xs-line-height);
--db-breakdown-tran-h-letter-spacing:     var(--typo-h-xs-letter-spacing);
--db-breakdown-tran-h-text-transform:     var(--typo-h-xs-text-transform);
--db-breakdown-tran-h-text-align:     var(--typo-h-xs-text-align);


/* Account tables */     
--db-breakdown-account-table-padding:     0 0 24px;
--db-breakdown-account-table-gap:     4px;

/* Account table heading */     
--db-breakdown-account-table-h-color:     var(--typo-h-s-colour);
--db-breakdown-account-table-h-font-family:     var(--typo-h-s-font-face);
--db-breakdown-account-table-h-font-size:     var(--typo-h-s-font-size);
--db-breakdown-account-table-h-font-size-m:     var(--typo-h-s-font-size);
--db-breakdown-account-table-h-font-size-l:     var(--typo-h-s-font-size);
--db-breakdown-account-table-h-font-weight:     var(--typo-h-s-font-weight);
--db-breakdown-account-table-h-font-style:     var(--typo-h-s-font-style);
--db-breakdown-account-table-h-line-height:     var(--typo-h-s-line-height);
--db-breakdown-account-table-h-letter-spacing:     var(--typo-h-s-letter-spacing);
--db-breakdown-account-table-h-text-transform:     var(--typo-h-s-text-transform);
--db-breakdown-account-table-h-text-align:     var(--typo-h-s-text-align);

/* Icons */     
--db-breakdown-icon-size:     24px;
--db-breakdown-icon-color:     var(--meta-swatch-colour-1);

/* Keylines */     
--db-breakdown-keylines:     1px solid var(--meta-swatch-mono-3);


/* Confirmation */     

/* Container */     
--db-confirmation-flex-direction:     row;

/* Icon Container */     
--db-confirmation-icon-container-align-items:      center;
--db-confirmation-icon-container-justify-content:      center;
--db-confirmation-icon-container-background:     var(--meta-swatch-colour-1);
--db-confirmation-icon-container-border:     none;
--db-confirmation-icon-container-height:     40px;
--db-confirmation-icon-container-width:     40px;
--db-confirmation-icon-container-border-radius:     50%;
--db-confirmation-icon-container-padding:     0 0 2px 0;

/* Icon */     
--db-confirmation-icon-size:     24px;
--db-confirmation-icon-colour:     var(--meta-swatch-mono-5);

/* Message */     
--db-confirmation-message-bg-color:     transparent;
--db-confirmation-message-margin:     0;
--db-confirmation-message-padding:     12px 8px 12px 16px;


/* Timeline */     

/* Container */     
--db-timeline-container-background:     var(--meta-swatch-mono-5);
--db-timeline-container-bg-color:     var(--meta-swatch-mono-5);
--db-timeline-container-border:     none;
--db-timeline-container-border-radius:     12px;
--db-timeline-container-box-shadow:     none;
--db-timeline-container-padding:     16px;
--db-timeline-container-height:     140px;

/* Headings */     
--db-timeline-headings-colour:     var(--typo-form-label-colour);
--db-timeline-headings-font-family:     var(--typo-form-label-font-face);
--db-timeline-headings-font-size:     16px;
--db-timeline-headings-font-weight:     700;
--db-timeline-headings-font-style:     var(--typo-form-label-font-style);
--db-timeline-headings-line-height:     var(--typo-form-label-line-height);
--db-timeline-headings-letter-spacing:     var(--typo-form-label-letter-spacing);
--db-timeline-headings-text-transform:     var(--typo-form-label-text-transform);
--db-timeline-headings-text-align:     left;

/* Values */     
--db-timeline-values-colour:     var(--typo-data-s-colour);
--db-timeline-values-font-family:     var(--typo-data-s-font-face);
--db-timeline-values-font-size:     16px;
--db-timeline-values-font-weight:     normal;
--db-timeline-values-font-style:     var(--typo-data-s-font-style);
--db-timeline-values-line-height:     var(--typo-data-s-line-height);
--db-timeline-values-letter-spacing:     var(--typo-data-s-letter-spacing);
--db-timeline-values-text-transform:     var(--typo-data-s-text-transform);
--db-timeline-values-text-align:     right;

/* Lines */     
--db-timeline-line-bg-color:     var(--meta-swatch-mono-3);
--db-timeline-line-1-color:     var(--meta-swatch-colour-1);
--db-timeline-line-2-color:     var(--meta-swatch-colour-3);




/* Downsizing widget */     

--downsizing-widget-padding:     24px 0;
--downsizing-widget-padding-m:     32px 0;
--downsizing-widget-padding-l:     48px 0;
--downsizing-widget-gap:     0;
--downsizing-widget-gap-m:     0;
--downsizing-widget-gap-l:     0;
--downsizing-widget-border:     none;
--downsizing-widget-border-radius:     none;
--downsizing-widget-box-shadow:     none;


/* Heading */     
--downsizing-widget-heading-color:     var(--page-template-heading-colour);
--downsizing-widget-heading-font-family:     var(--page-template-heading-font-family);
--downsizing-widget-heading-font-size:     var(--page-template-heading-font-size);
--downsizing-widget-heading-font-size-m:     var(--page-template-heading-font-size-m);
--downsizing-widget-heading-font-size-l:     var(--page-template-heading-font-size-l);
--downsizing-widget-heading-font-weight:     var(--page-template-heading-font-weight);
--downsizing-widget-heading-font-style:     var(--page-template-heading-font-style);
--downsizing-widget-heading-line-height:     var(--page-template-heading-line-height);
--downsizing-widget-heading-letter-spacing:     var(--page-template-heading-letter-spacing);
--downsizing-widget-heading-text-transform:     var(--page-template-heading-text-transform);
--downsizing-widget-heading-text-align:     var(--page-template-heading-text-align);

/* Card */     
--downsizing-widget-card-padding:     16px;
--downsizing-widget-card-padding-m:     16px;
--downsizing-widget-card-padding-l:     16px;
--downsizing-widget-card-gap:     0;
--downsizing-widget-card-gap-m:     0;
--downsizing-widget-card-gap-l:     0;
--downsizing-widget-card-background:     var(--meta-swatch-mono-5);
--downsizing-widget-card-border:     none;
--downsizing-widget-card-border-radius:     none;
--downsizing-widget-card-box-shadow:     var(--ref-effects-box-shadow-2);

/* Output */     
--downsizing-widget-output-padding:     0;
--downsizing-widget-output-padding-m:     0;
--downsizing-widget-output-padding-l:     0;
--downsizing-widget-output-gap:     12px;
--downsizing-widget-output-gap-m:     12px;
--downsizing-widget-output-gap-l:     12px;

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

/* Dataviz */     
--downsizing-widget-dataviz-padding:     8px;
--downsizing-widget-dataviz-padding-m:     8px;
--downsizing-widget-dataviz-padding-l:     8px;
--downsizing-widget-dataviz-gap:     4px;
--downsizing-widget-dataviz-gap-m:     4px;
--downsizing-widget-dataviz-gap-l:     4px;
--downsizing-widget-dataviz-background:     var(--meta-swatch-colour-10);
--downsizing-widget-dataviz-border:     none;
--downsizing-widget-dataviz-border-radius:     none;
--downsizing-widget-dataviz-box-shadow:     none;

/* Dataviz Label */     
--downsizing-widget-dataviz-label-color:     var(--meta-swatch-mono-2);
--downsizing-widget-dataviz-label-font-family:     var(--typo-p-medium-font-face);
--downsizing-widget-dataviz-label-font-size:     var(--typo-p-medium-font-size);
--downsizing-widget-dataviz-label-font-size-m:     var(--typo-p-medium-font-size);
--downsizing-widget-dataviz-label-font-size-l:     var(--typo-p-medium-font-size);
--downsizing-widget-dataviz-label-font-weight:     var(--typo-p-medium-font-weight);
--downsizing-widget-dataviz-label-font-style:     var(--typo-p-medium-font-style);
--downsizing-widget-dataviz-label-line-height:     var(--typo-p-medium-line-height);
--downsizing-widget-dataviz-label-letter-spacing:     var(--typo-p-medium-letter-spacing);
--downsizing-widget-dataviz-label-text-transform:     var(--typo-p-medium-text-transform);
--downsizing-widget-dataviz-label-text-align:     var(--typo-p-medium-text-align);

/* Dataviz Data */     
--pension-impact-widget-dataviz-data-color:     var(--typo-data-3xl-colour);
--pension-impact-widget-dataviz-data-font-family:     var(--typo-data-3xl-font-face);
--pension-impact-widget-dataviz-data-font-size:     var(--typo-data-3xl-font-size);
--pension-impact-widget-dataviz-data-font-size-m:     var(--typo-data-3xl-font-size);
--pension-impact-widget-dataviz-data-font-size-l:     var(--typo-data-3xl-font-size);
--pension-impact-widget-dataviz-data-font-weight:     var(--typo-data-3xl-font-weight);
--pension-impact-widget-dataviz-data-font-style:     var(--typo-data-3xl-font-style);
--pension-impact-widget-dataviz-data-line-height:     var(--typo-data-3xl-line-height);
--pension-impact-widget-dataviz-data-letter-spacing:     var(--typo-data-3xl-letter-spacing);
--pension-impact-widget-dataviz-data-text-transform:     var(--typo-data-3xl-text-transform);
--pension-impact-widget-dataviz-data-text-align:     var(--typo-data-3xl-text-align);


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


/* High Priority Goals Widget */     

/* Block container */     

/* Content container */     

/* Header container */     

/* Heading */     

/* Sub heading */     

/* Button container */     


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







/* Money Basics Result */     

--mb-result-padding:     24px 0 0;
--mb-result-padding-m:     32px 0 0;
--mb-result-padding-l:     48px 0 0;
--mb-result-gap:     0;
--mb-result-gap-m:     0;
--mb-result-gap-l:     0;
--mb-result-background:     var(--meta-swatch-colour-4);

/* Dataviz */     
--mb-result-dataviz-padding:     16px;
--mb-result-dataviz-padding-m:     24px 32px;
--mb-result-dataviz-padding-l:     24px 48px;
--mb-result-dataviz-gap:     16px;
--mb-result-dataviz-gap-m:     32px;
--mb-result-dataviz-gap-l:     48px;
--mb-result-dataviz-background:     var(--meta-swatch-mono-5);
--mb-result-dataviz-border-radius:     none;
--mb-result-dataviz-box-shadow:     var(--ref-effects-box-shadow-2);
--mb-result-dataviz-align-items:     start;
--mb-result-dataviz-align-items:     start;
--mb-result-dataviz-align-items:     start;

/* Info icon */     
--mb-result-info-icon-top:     12px;
--mb-result-info-icon-right:     12px;
--mb-result-info-icon-size:     24px;
--mb-result-info-icon-fill:     var(--meta-swatch-colour-1);

/* Chart */     
--mb-result-chart-gap:     24px;

/* Chart item */     
--mb-result-chart-item-gap:     16px;

/* Bar */     
--mb-result-bar-value-score-background:     var(--meta-swatch-colour-1);
--mb-result-bar-value-other-background:     var(--meta-swatch-colour-3);
--mb-result-bar-whole-background:     var(--meta-swatch-colour-10);
--mb-result-bar-whole-border-radius:     6px;

/* Chart item text */     
--mb-result-bar-label-font-family:     var(--typo-data-label-xs-font-face);
--mb-result-bar-label-font-size:     var(--typo-data-label-xs-font-size);
--mb-result-bar-label-font-size-m:     var(--typo-data-label-xs-font-size);
--mb-result-bar-label-font-size-l:     var(--typo-data-label-xs-font-size);
--mb-result-bar-label-font-weight:     var(--typo-data-label-xs-font-weight);
--mb-result-bar-label-font-style:     var(--typo-data-label-xs-font-style);
--mb-result-bar-label-line-height:     var(--typo-data-label-xs-line-height);
--mb-result-bar-label-letter-spacing:     var(--typo-data-label-xs-letter-spacing);
--mb-result-bar-label-text-transform:     var(--typo-data-label-xs-text-transform);
--mb-result-bar-label-text-align:     center;

--mb-result-bar-data-color:     var(--typo-data-2xl-colour);
--mb-result-bar-data-font-size:     var(--typo-data-2xl-font-face);
--mb-result-bar-data-font-size-m:     var(--typo-data-2xl-font-size);
--mb-result-bar-data-font-size-l:     var(--typo-data-2xl-font-size);
--mb-result-bar-data-font-family:     var(--typo-data-2xl-font-size);
--mb-result-bar-data-font-weight:     var(--typo-data-2xl-font-weight);
--mb-result-bar-data-font-style:     var(--typo-data-2xl-font-style);
--mb-result-bar-data-line-height:     var(--typo-data-2xl-line-height);
--mb-result-bar-data-letter-spacing:     var(--typo-data-2xl-letter-spacing);
--mb-result-bar-data-text-transform:     var(--typo-data-2xl-text-transform);
--mb-result-bar-data-text-align:     center;


/* Actions */     
--mb-result-actions-gap:     16px;
--mb-result-actions-gap-m:     16px;
--mb-result-actions-gap-l:     16px;
--mb-result-actions-padding:     24px 0;
--mb-result-actions-padding-m:     24px 0;
--mb-result-actions-padding-l:     24px 0;


/* Money Basics Widget */     

--mb-widget-padding:     24px 0;
--mb-widget-padding-m:     32px 0;
--mb-widget-padding-l:     48px 0;
--mb-widget-gap:     0;
--mb-widget-gap-m:     0;
--mb-widget-gap-l:     0;

/* Heading */     
--mb-widget-heading-color:     var(--typo-h-large-colour);
--mb-widget-heading-font-family:     var(--typo-h-large-font-face);
--mb-widget-heading-font-size:     var(--typo-h-large-font-size);
--mb-widget-heading-font-size-m:     var(--typo-h-xlarge-font-size);
--mb-widget-heading-font-size-l:     var(--typo-h-xlarge-font-size);
--mb-widget-heading-font-weight:     var(--typo-h-large-font-weight);
--mb-widget-heading-font-style:     var(--typo-h-large-font-style);
--mb-widget-heading-line-height:     var(--typo-h-large-line-height);
--mb-widget-heading-letter-spacing:     var(--typo-h-large-letter-spacing);
--mb-widget-heading-text-transform:     var(--typo-h-large-text-transform);
--mb-widget-heading-text-align:     var(--typo-h-large-text-align);

/* Card */     
--mb-widget-card-flex-direction:     column;
--mb-widget-card-flex-direction-m:     row;
--mb-widget-card-flex-direction-l:     row;
--mb-widget-card-padding:     16px;
--mb-widget-card-padding-m:     24px;
--mb-widget-card-padding-l:     32px;
--mb-widget-card-gap:     24px;
--mb-widget-card-gap-m:     24px;
--mb-widget-card-gap-l:     24px;
--mb-widget-card-background:     var(--meta-swatch-mono-5);
--mb-widget-card-border:     none;
--mb-widget-card-border-radius:     none;
--mb-widget-card-box-shadow:     var(--ref-effects-box-shadow-2);

/* Dataviz */     
--mb-widget-dataviz-flex-direction:     column;
--mb-widget-dataviz-flex-direction-m:     row;
--mb-widget-dataviz-flex-direction-l:     row;
--mb-widget-dataviz-gap:     24px;
--mb-widget-dataviz-gap-m:     24px;
--mb-widget-dataviz-gap-l:     24px;

/* Avg score */     
--mb-widget-avg-score-gap:     16px;
--mb-widget-avg-score-gap-m:     16px;
--mb-widget-avg-score-gap-l:     16px;

/* Score donut */     
--mb-widget-donut-bar-whole-fill:     var(--meta-swatch-colour-4);
--mb-widget-donut-bar-value-user-fill:     var(--meta-swatch-colour-1);
--mb-widget-donut-bar-value-comparison-fill:     var(--meta-swatch-colour-3);
--mb-widget-donut-bar-stroke:     8px;

/* Score donut data */     
--mb-widget-donut-data-color:     var(--typo-data-4xl-colour);
--mb-widget-donut-data-font-family:     var(--typo-data-4xl-font-face);
--mb-widget-donut-data-font-size:     var(--typo-data-4xl-font-size);
--mb-widget-donut-data-font-size-m:     var(--typo-data-4xl-font-size);
--mb-widget-donut-data-font-size-l:     var(--typo-data-4xl-font-size);
--mb-widget-donut-data-font-weight:     var(--typo-data-4xl-font-weight);
--mb-widget-donut-data-font-style:     var(--typo-data-4xl-font-style);
--mb-widget-donut-data-line-height:     var(--typo-data-4xl-line-height);
--mb-widget-donut-data-letter-spacing:     var(--typo-data-4xl-letter-spacing);
--mb-widget-donut-data-text-transform:     var(--typo-data-4xl-text-transform);
--mb-widget-donut-data-text-align:     var(--typo-data-4xl-text-align);

/* Score data */     
--mb-widget-score-data-gap:     10px;
--mb-widget-score-data-gap-m:     10px;
--mb-widget-score-data-gap-l:     10px;

/* Score heading */     
--mb-widget-score-heading-color:     var(--typo-h-xs-colour);
--mb-widget-score-heading-font-family:     var(--typo-h-xs-font-face);
--mb-widget-score-heading-font-size:     var(--typo-h-xs-font-size);
--mb-widget-score-heading-font-size-m:     var(--typo-h-xs-font-size);
--mb-widget-score-heading-font-size-l:     var(--typo-h-xs-font-size);
--mb-widget-score-heading-font-weight:     var(--typo-h-xs-font-weight);
--mb-widget-score-heading-font-style:     var(--typo-h-xs-font-style);
--mb-widget-score-heading-line-height:     var(--typo-h-xs-line-height);
--mb-widget-score-heading-letter-spacing:     var(--typo-h-xs-letter-spacing);
--mb-widget-score-heading-text-transform:     var(--typo-h-xs-text-transform);
--mb-widget-score-heading-text-align:     var(--typo-h-xs-text-align);

/* Score legend */     
--mb-widget-score-legend-gap:     3px;
--mb-widget-score-legend-gap-m:     3px;
--mb-widget-score-legend-gap-l:     3px;

/* Score legend item */     
--mb-widget-score-legend-item-gap:     5px;
--mb-widget-score-legend-item-gap-m:     5px;
--mb-widget-score-legend-item-gap-l:     5px;

/* Score legend indicator */     
--mb-widget-score-legend-indicator-background:     transparent;
--mb-widget-score-legend-indicator-border-radius:     50%;
--mb-widget-score-legend-indicator-size:     8px;

/* Score legend label */     
--mb-widget-score-legend-label-color:     var(--typo-data-label-xs-colour);
--mb-widget-score-legend-label-font-family:     var(--typo-data-label-xs-font-face);
--mb-widget-score-legend-label-font-size:     var(--typo-data-label-xs-font-size);
--mb-widget-score-legend-label-font-size-m:     var(--typo-data-label-xs-font-size);
--mb-widget-score-legend-label-font-size-l:     var(--typo-data-label-xs-font-size);
--mb-widget-score-legend-label-font-weight:     var(--typo-data-label-xs-font-weight);
--mb-widget-score-legend-label-font-style:     var(--typo-data-label-xs-font-style);
--mb-widget-score-legend-label-line-height:     var(--typo-data-label-xs-line-height);
--mb-widget-score-legend-label-letter-spacing:     var(--typo-data-label-xs-letter-spacing);
--mb-widget-score-legend-label-text-transform:     var(--typo-data-label-xs-text-transform);
--mb-widget-score-legend-label-text-align:     var(--typo-data-label-xs-text-align);

/* Score timestamp */     
--mb-widget-score-timestamp-color:     var(--meta-swatch-mono-2);
--mb-widget-score-timestamp-font-family:     var(--typo-data-label-2xs-font-face);
--mb-widget-score-timestamp-font-size:     var(--typo-data-label-2xs-font-size);
--mb-widget-score-timestamp-font-size-m:     var(--typo-data-label-2xs-font-size);
--mb-widget-score-timestamp-font-size-l:     var(--typo-data-label-2xs-font-size);
--mb-widget-score-timestamp-font-weight:     var(--typo-data-label-2xs-font-weight);
--mb-widget-score-timestamp-font-style:     var(--typo-data-label-2xs-font-style);
--mb-widget-score-timestamp-line-height:     var(--typo-data-label-2xs-line-height);
--mb-widget-score-timestamp-letter-spacing:     var(--typo-data-label-2xs-letter-spacing);
--mb-widget-score-timestamp-text-transform:     var(--typo-data-label-2xs-text-transform);
--mb-widget-score-timestamp-text-align:     var(--typo-data-label-2xs-text-align);

/* Score info icon */     
--mb-widget-score-info-icon-size:     var(--pattern-icon-size);
--mb-widget-score-info-icon-fill:     var(--meta-swatch-colour-1);

/* Chart */     
--mb-widget-chart-gap:     8px;
--mb-widget-chart-max-width:     330px;

/* Chart item */     
--mb-widget-chart-item-gap:     16px;
--mb-widget-chart-item-width:     100px;
--mb-widget-chart-item-width-m:     100px;
--mb-widget-chart-item-width-l:     100px;

/* Chart bar whole */     
--mb-widget-chart-bar-whole-height:     128px;
--mb-widget-chart-bar-whole-width:     64px;
--mb-widget-chart-bar-whole-border-radius:     6px;
--mb-widget-chart-bar-whole-background:     var(--meta-swatch-colour-4);

/* Chart bar value */     
--mb-widget-chart-bar-value-border-radius:     0 0 6px 6px;
--mb-widget-chart-bar-value-background:     var(--meta-swatch-colour-1);

/* Chart bar words */     
--mb-widget-chart-bar-words-gap:     0;

/* Chart bar label */     
--mb-widget-chart-bar-label-color:     var(--typo-data-label-s-colour);
--mb-widget-chart-bar-label-font-family:     var(--typo-data-label-s-font-face);
--mb-widget-chart-bar-label-font-size:     var(--typo-data-label-s-font-size);
--mb-widget-chart-bar-label-font-size-m:     var(--typo-data-label-s-font-size);
--mb-widget-chart-bar-label-font-size-l:     var(--typo-data-label-s-font-size);
--mb-widget-chart-bar-label-font-weight:     var(--typo-data-label-s-font-weight);
--mb-widget-chart-bar-label-font-style:     var(--typo-data-label-s-font-style);
--mb-widget-chart-bar-label-line-height:     var(--typo-data-label-s-line-height);
--mb-widget-chart-bar-label-letter-spacing:     var(--typo-data-label-s-letter-spacing);
--mb-widget-chart-bar-label-text-transform:     var(--typo-data-label-s-text-transform);
--mb-widget-chart-bar-label-text-align:     center;

/* Chart bar data */     
--mb-widget-chart-bar-data-color:     var(--typo-data-3xl-colour);
--mb-widget-chart-bar-data-font-family:     var(--typo-data-3xl-font-face);
--mb-widget-chart-bar-data-font-size:     var(--typo-data-3xl-font-size);
--mb-widget-chart-bar-data-font-size-m:     var(--typo-data-3xl-font-size);
--mb-widget-chart-bar-data-font-size-l:     var(--typo-data-3xl-font-size);
--mb-widget-chart-bar-data-font-weight:     var(--typo-data-3xl-font-weight);
--mb-widget-chart-bar-data-font-style:     var(--typo-data-3xl-font-style);
--mb-widget-chart-bar-data-line-height:     var(--typo-data-3xl-line-height);
--mb-widget-chart-bar-data-letter-spacing:     var(--typo-data-3xl-letter-spacing);
--mb-widget-chart-bar-data-text-transform:     var(--typo-data-3xl-text-transform);
--mb-widget-chart-bar-data-text-align:     var(--typo-data-3xl-text-align);

/* Nested Page actions overrides */     


/* Mortgage Passport Result */     

/* Container */     

/* Widget Wrapper */     

/* Item */     

/* Icon */     

/* Label */     

/* Value */     


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

/* Body */     
--impact-body-background:     var(--meta-swatch-colour-4);
--impact-body-gap:     16px;
--impact-body-gap-m:     24px;
--impact-body-gap-l:     32px;
--impact-body-padding:     24px 0;
--impact-body-padding-m:     32px 0;
--impact-body-padding-l:     48px 0;

/* Sticky dataviz */     
--impact-sticky-gap:     4px;
--impact-sticky-gap-m:     4px;
--impact-sticky-gap-l:     4px;
--impact-sticky-flex-direction:     column;
--impact-sticky-flex-direction-m:     column;
--impact-sticky-flex-direction-l:     column;

--impact-sticky-content-background:     var(--meta-swatch-mono-5);
--impact-sticky-content-box-shadow:     var(--ref-effects-box-shadow-2);
--impact-sticky-content-box-shadow-m:     var(--ref-effects-box-shadow-2);
--impact-sticky-content-box-shadow-l:     var(--ref-effects-box-shadow-2);
--impact-sticky-content-padding:     16px;
--impact-sticky-content-padding-m:     24px;
--impact-sticky-content-padding-l:     24px;



/* Header */     

--impact-header-label-color:     var(--typo-data-label-xl-colour);
--impact-header-label-font-family:     var(--typo-data-label-xl-font-face);
--impact-header-label-font-size:     var(--typo-data-label-xl-font-size);
--impact-header-label-font-size-m:     var(--typo-data-label-xl-font-size);
--impact-header-label-font-size-l:     var(--typo-data-label-xl-font-size);
--impact-header-label-font-weight:     var(--typo-data-label-xl-font-weight);
--impact-header-label-font-style:     var(--typo-data-label-xl-font-style);
--impact-header-label-line-height:     var(--typo-data-label-xl-line-height);
--impact-header-label-letter-spacing:     var(--typo-data-label-xl-letter-spacing);
--impact-header-label-text-transform:     var(--typo-data-label-xl-text-transform);
--impact-header-label-text-align:     var(--typo-data-label-xl-text-align);


--impact-header-data-color:     var(--typo-data-4xl-colour);
--impact-header-data-font-family:     var(--typo-data-4xl-font-face);
--impact-header-data-font-size:     var(--typo-data-4xl-font-size);
--impact-header-data-font-size-m:     var(--typo-data-4xl-font-size);
--impact-header-data-font-size-l:     var(--typo-data-4xl-font-size);
--impact-header-data-font-weight:     var(--typo-data-4xl-font-weight);
--impact-header-data-font-style:     var(--typo-data-4xl-font-style);
--impact-header-data-line-heigfht:     var(--typo-data-4xl-line-height);
--impact-header-data-letter-spacing:     var(--typo-data-4xl-letter-spacing);
--impact-header-data-text-transform:     var(--typo-data-4xl-text-transform);
--impact-header-data-text-align:     var(--typo-data-4xl-text-align);

/* Detail contains Comparison and Expenditure */     

/* Comparison text */     
--impact-comparison-color:     var(--meta-swatch-colour-1);

/* Expenditure container */     
--impact-exp-heading-color:     var(--typo-h-2xs-colour);
--impact-exp-heading-font-family:     var(--typo-h-2xs-font-face);
--impact-exp-heading-font-size:     var(--typo-h-2xs-font-size);
--impact-exp-heading-font-size-m:     var(--typo-h-2xs-font-size);
--impact-exp-heading-font-size-l:     var(--typo-h-2xs-font-size);
--impact-exp-heading-font-weight:     var(--typo-h-2xs-font-weight);
--impact-exp-heading-font-style:     var(--typo-h-2xs-font-style);
--impact-exp-heading-line-height:     var(--typo-h-2xs-line-height);
--impact-exp-heading-letter-spacing:     var(--typo-h-2xs-letter-spacing);
--impact-exp-heading-text-transform:     var(--typo-h-2xs-text-transform);
--impact-exp-heading-text-align:     var(--typo-h-2xs-text-align);

--impact-exp-body-above-color:     var(--meta-swatch-colour-5);
--impact-exp-body-match-color:     var(--meta-swatch-colour-3);
--impact-exp-body-short-color:     var(--meta-swatch-colour-1);

/* Table grid */     

/* Table breakdown */     
--impact-breakdown-order:     10;
--impact-breakdown-padding:     8px 16px 16px;
--impact-breakdown-padding-m:     8px 16px 16px;
--impact-breakdown-padding-l:     8px 16px 16px;
--impact-breakdown-margin:     0;
--impact-breakdown-gap:     0;
--impact-breakdown-gap-m:     0;
--impact-breakdown-gap-l:     0;
--impact-breakdown-border:     none;
--impact-breakdown-border-radius:     none;
--impact-breakdown-background:     transparent;
--impact-breakdown-box-shadow:     none;

/* Header */     
--impact-breakdown-header-padding:     16px 0;
--impact-breakdown-header-img-size:     0;

--impact-breakdown-header-label-color:     var(--page-template-heading-colour);
--impact-breakdown-header-label-font-family:     var(--page-template-heading-font-family);
--impact-breakdown-header-label-font-size:     var(--page-template-heading-font-size);
--impact-breakdown-header-label-font-size-m:     var(--page-template-heading-font-size-m);
--impact-breakdown-header-label-font-size-l:     var(--page-template-heading-font-size-l);
--impact-breakdown-header-label-font-weight:     var(--page-template-heading-font-weight);
--impact-breakdown-header-label-font-style:     var(--page-template-heading-font-style);
--impact-breakdown-header-label-line-height:     var(--page-template-heading-line-height);
--impact-breakdown-header-label-letter-spacing:     var(--page-template-heading-letter-spacing);
--impact-breakdown-header-label-text-transform:     var(--page-template-heading-text-transform);
--impact-breakdown-header-label-text-align:     var(--page-template-heading-text-align);


/* Breakdown inner container */     
--impact-breakdown-inner-padding:     16px;
--impact-breakdown-inner-background:     var(--meta-swatch-mono-5);
--impact-breakdown-inner-box-shadow:     var(--ref-effects-box-shadow-2);




--impact-breakdown-heading-color:     var(--meta-swatch-mono-2);
--impact-breakdown-heading-font-size:     11px;

--impact-breakdown-table-label-color:     var(--typo-data-label-m-colour);
--impact-breakdown-table-label-font-family:     var(--typo-data-label-m-font-size);
--impact-breakdown-table-label-font-size:     var(--typo-data-label-m-font-face);
--impact-breakdown-table-label-font-weight:     400;
--impact-breakdown-table-label-font-style:     var(--typo-data-label-m-font-style);
--impact-breakdown-table-label-line-height:     var(--typo-data-label-m-line-height);
--impact-breakdown-table-label-letter-spacing:     var(--typo-data-label-m-letter-spacing);
--impact-breakdown-table-label-text-transform:     var(--typo-data-label-m-text-align);

--impact-breakdown-table-data-color:     var(--typo-data-label-m-colour);
--impact-breakdown-table-data-font-family:     var(--typo-data-label-m-font-size);
--impact-breakdown-table-data-font-size:     var(--typo-data-label-m-font-face);
--impact-breakdown-table-data-font-weight:     var(--typo-data-label-m-font-weight);
--impact-breakdown-table-data-font-style:     var(--typo-data-label-m-font-style);
--impact-breakdown-table-data-line-height:     var(--typo-data-label-m-line-height);
--impact-breakdown-table-data-letter-spacing:     var(--typo-data-label-m-letter-spacing);
--impact-breakdown-table-data-text-transform:     var(--typo-data-label-m-text-align);

/* Breakdown footer / Illustrative figures */     
--impact-breakdown-footer-color:     var(--meta-swatch-mono-2);
--impact-breakdown-footer-font-family:     var(--typo-data-label-2xs-font-face);
--impact-breakdown-footer-font-size:     var(--typo-data-label-2xs-font-size);
--impact-breakdown-footer-font-size-m:     var(--typo-data-label-2xs-font-size);
--impact-breakdown-footer-font-size-l:     var(--typo-data-label-2xs-font-size);
--impact-breakdown-footer-font-weight:     400;
--impact-breakdown-footer-font-style:     var(--typo-data-label-2xs-font-style);
--impact-breakdown-footer-line-height:     var(--typo-data-label-2xs-line-height);
--impact-breakdown-footer-letter-spacing:     var(--typo-data-label-2xs-letter-spacing);
--impact-breakdown-footer-text-transform:     var(--typo-data-label-2xs-text-transform);

/* Informer overrides */     

/* Wheels container */     


/* Part time widget */     

--part-time-widget-padding:     24px 0;
--part-time-widget-padding-m:     32px 0;
--part-time-widget-padding-l:     48px 0;
--part-time-widget-gap:     0;
--part-time-widget-gap-m:     0;
--part-time-widget-gap-l:     0;
--part-time-widget-border:     none;
--part-time-widget-border-radius:     none;
--part-time-widget-box-shadow:     none;

/* Heading */     
--part-time-widget-heading-color:     var(--page-template-heading-colour);
--part-time-widget-heading-font-family:     var(--page-template-heading-font-family);
--part-time-widget-heading-font-size:     var(--page-template-heading-font-size);
--part-time-widget-heading-font-size-m:     var(--page-template-heading-font-size-m);
--part-time-widget-heading-font-size-l:     var(--page-template-heading-font-size-l);
--part-time-widget-heading-font-weight:     var(--page-template-heading-font-weight);
--part-time-widget-heading-font-style:     var(--page-template-heading-font-style);
--part-time-widget-heading-line-height:     var(--page-template-heading-line-height);
--part-time-widget-heading-letter-spacing:     var(--page-template-heading-letter-spacing);
--part-time-widget-heading-text-transform:     var(--page-template-heading-text-transform);
--part-time-widget-heading-text-align:     var(--page-template-heading-text-align);

/* Card */     
--part-time-widget-card-padding:     16px;
--part-time-widget-card-padding-m:     16px;
--part-time-widget-card-padding-l:     16px;
--part-time-widget-card-gap:     0;
--part-time-widget-card-gap-m:     0;
--part-time-widget-card-gap-l:     0;
--part-time-widget-card-background:     var(--meta-swatch-mono-5);
--part-time-widget-card-border:     none;
--part-time-widget-card-border-radius:     none;
--part-time-widget-card-box-shadow:     var(--ref-effects-box-shadow-2);

/* Output */     
--part-time-widget-output-padding:     0;
--part-time-widget-output-padding-m:     0;
--part-time-widget-output-padding-l:     0;
--part-time-widget-output-gap:     12px;
--part-time-widget-output-gap-m:     12px;
--part-time-widget-output-gap-l:     12px;

/* Label */     
--part-time-widget-label-color:     var(--typo-p-medium-colour);
--part-time-widget-label-font-family:     var(--typo-p-medium-font-face);
--part-time-widget-label-font-size:     var(--typo-p-medium-font-size);
--part-time-widget-label-font-size-m:     var(--typo-p-medium-font-size);
--part-time-widget-label-font-size-l:     var(--typo-p-medium-font-size);
--part-time-widget-label-font-weight:     var(--typo-p-medium-font-weight);
--part-time-widget-label-font-style:     var(--typo-p-medium-font-style);
--part-time-widget-label-line-height:     var(--typo-p-medium-line-height);
--part-time-widget-label-letter-spacing:     var(--typo-p-medium-letter-spacing);
--part-time-widget-label-text-transform:     var(--typo-p-medium-text-transform);
--part-time-widget-label-text-align:     var(--typo-p-medium-text-align);

/* Data */     
--part-time-widget-data-color:     var(--typo-data-4xl-colour);
--part-time-widget-data-font-family:     var(--typo-data-4xl-font-face);
--part-time-widget-data-font-size:     var(--typo-data-4xl-font-size);
--part-time-widget-data-font-size-m:     var(--typo-data-4xl-font-size);
--part-time-widget-data-font-size-l:     var(--typo-data-4xl-font-size);
--part-time-widget-data-font-weight:     var(--typo-data-4xl-font-weight);
--part-time-widget-data-font-style:     var(--typo-data-4xl-font-style);
--part-time-widget-data-line-height:     var(--typo-data-4xl-line-height);
--part-time-widget-data-letter-spacing:     var(--typo-data-4xl-letter-spacing);
--part-time-widget-data-text-transform:     var(--typo-data-4xl-text-transform);
--part-time-widget-data-text-align:     var(--typo-data-4xl-text-align);

/* Label - comparison */     
--part-time-widget-label-comp-color:     var(--meta-swatch-colour-1);


/* Pension impact widget */     

--pension-impact-widget-padding:     24px 0;
--pension-impact-widget-padding-m:     32px 0;
--pension-impact-widget-padding-l:     48px 0;
--pension-impact-widget-gap:     0;
--pension-impact-widget-gap-m:     0;
--pension-impact-widget-gap-l:     0;
--pension-impact-widget-border:     none;
--pension-impact-widget-border-radius:     none;
--pension-impact-widget-box-shadow:     none;


/* Heading */     
--pension-impact-widget-heading-color:     var(--page-template-heading-colour);
--pension-impact-widget-heading-font-family:     var(--page-template-heading-font-family);
--pension-impact-widget-heading-font-size:     var(--page-template-heading-font-size);
--pension-impact-widget-heading-font-size-m:     var(--page-template-heading-font-size-m);
--pension-impact-widget-heading-font-size-l:     var(--page-template-heading-font-size-l);
--pension-impact-widget-heading-font-weight:     var(--page-template-heading-font-weight);
--pension-impact-widget-heading-font-style:     var(--page-template-heading-font-style);
--pension-impact-widget-heading-line-height:     var(--page-template-heading-line-height);
--pension-impact-widget-heading-letter-spacing:     var(--page-template-heading-letter-spacing);
--pension-impact-widget-heading-text-transform:     var(--page-template-heading-text-transform);
--pension-impact-widget-heading-text-align:     var(--page-template-heading-text-align);

/* Card */     
--pension-impact-widget-card-padding:     16px;
--pension-impact-widget-card-padding-m:     16px;
--pension-impact-widget-card-padding-l:     16px;
--pension-impact-widget-card-gap:     0;
--pension-impact-widget-card-gap-m:     0;
--pension-impact-widget-card-gap-l:     0;
--pension-impact-widget-card-background:     var(--meta-swatch-mono-5);
--pension-impact-widget-card-border:     none;
--pension-impact-widget-card-border-radius:     none;
--pension-impact-widget-card-box-shadow:     var(--ref-effects-box-shadow-2);

/* Output */     
--pension-impact-widget-output-padding:     0;
--pension-impact-widget-output-padding-m:     0;
--pension-impact-widget-output-padding-l:     0;
--pension-impact-widget-output-gap:     12px;
--pension-impact-widget-output-gap-m:     12px;
--pension-impact-widget-output-gap-l:     12px;

/* Label */     
--pension-impact-widget-label-color:     var(--typo-p-medium-colour);
--pension-impact-widget-label-font-family:     var(--typo-p-medium-font-face);
--pension-impact-widget-label-font-size:     var(--typo-p-medium-font-size);
--pension-impact-widget-label-font-size-m:     var(--typo-p-medium-font-size);
--pension-impact-widget-label-font-size-l:     var(--typo-p-medium-font-size);
--pension-impact-widget-label-font-weight:     var(--typo-p-medium-font-weight);
--pension-impact-widget-label-font-style:     var(--typo-p-medium-font-style);
--pension-impact-widget-label-line-height:     var(--typo-p-medium-line-height);
--pension-impact-widget-label-letter-spacing:     var(--typo-p-medium-letter-spacing);
--pension-impact-widget-label-text-transform:     var(--typo-p-medium-text-transform);
--pension-impact-widget-label-text-align:     var(--typo-p-medium-text-align);

/* Data */     
--pension-impact-widget-data-color:     var(--typo-data-4xl-colour);
--pension-impact-widget-data-font-family:     var(--typo-data-4xl-font-face);
--pension-impact-widget-data-font-size:     var(--typo-data-4xl-font-size);
--pension-impact-widget-data-font-size-m:     var(--typo-data-4xl-font-size);
--pension-impact-widget-data-font-size-l:     var(--typo-data-4xl-font-size);
--pension-impact-widget-data-font-weight:     var(--typo-data-4xl-font-weight);
--pension-impact-widget-data-font-style:     var(--typo-data-4xl-font-style);
--pension-impact-widget-data-line-height:     var(--typo-data-4xl-line-height);
--pension-impact-widget-data-letter-spacing:     var(--typo-data-4xl-letter-spacing);
--pension-impact-widget-data-text-transform:     var(--typo-data-4xl-text-transform);
--pension-impact-widget-data-text-align:     var(--typo-data-4xl-text-align);


/* Pension finder result */     






/* Positive Impact Widget */     

/* Block container */     

/* Content container */     


/* Points breakdown*/     







/* Profile Result */     





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

/* Profile Widget */     

/* Block container */     

/* My profile heading (My profile) */     

/* My profile current */     

/* My profile current heading */     

/* My profile card - ON */     

/* My profile card header container */     

/* My profile card heading  */     

/* My profile card icon */     

/* My profile card body text */     

/* My profile card - OFF */     

/* My profile card header container */     

/* My profile card heading  */     

/* My profile card icon */     

/* My profile card body text */     

/* Other profiles container */     

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

/* Text container */     



/* Accordion icon */     

/* Image */     

/* Body container */     


/* Progress Widget */     

--progress-widget-padding:     24px 0;
--progress-widget-padding-m:     32px 0;
--progress-widget-padding-l:     48px 0;
--progress-widget-gap:     0;
--progress-widget-gap-m:     0;
--progress-widget-gap-l:     0;
--progress-widget-border:     none;
--progress-widget-border-radius:     none;
--progress-widget-box-shadow:     none;

/* Heading */     
--progress-widget-heading-color:     var(--typo-h-medium-colour);
--progress-widget-heading-font-family:     var(--typo-h-medium-font-face);
--progress-widget-heading-font-size:     var(--typo-h-medium-font-size);
--progress-widget-heading-font-size-m:     var(--typo-h-xlarge-font-size);
--progress-widget-heading-font-size-l:     var(--typo-h-xlarge-font-size);
--progress-widget-heading-font-weight:     var(--typo-h-medium-font-weight);
--progress-widget-heading-font-style:     var(--typo-h-medium-font-style);
--progress-widget-heading-line-height:     var(--typo-h-medium-line-height);
--progress-widget-heading-letter-spacing:     var(--typo-h-medium-letter-spacing);
--progress-widget-heading-text-transform:     var(--typo-h-medium-text-transform);
--progress-widget-heading-text-align:     var(--typo-h-medium-text-align);

/* Card */     
--progress-widget-card-padding:     16px;
--progress-widget-card-padding-m:     24px;
--progress-widget-card-padding-l:     24px;
--progress-widget-card-gap:     16px;
--progress-widget-card-gap-m:     24px;
--progress-widget-card-gap-l:     24px;
--progress-widget-card-background:     var(--meta-swatch-mono-5);
--progress-widget-card-border:     none;
--progress-widget-card-border-radius:     none;
--progress-widget-card-box-shadow:     var(--ref-effects-box-shadow-2);

/* Module */     
--progress-widget-module-padding:     0;
--progress-widget-module-padding-m:     0;
--progress-widget-module-padding-l:     0;
--progress-widget-module-gap:     8px;
--progress-widget-module-gap-m:     8px;
--progress-widget-module-gap-l:     8px;
--progress-widget-module-background:     transparent;
--progress-widget-module-border:     none;
--progress-widget-module-border-radius:     none;
--progress-widget-module-box-shadow:     none;

/* Module header */     
--progress-widget-module-header-gap:     8px;
--progress-widget-module-header-gap-m:     8px;
--progress-widget-module-header-gap-l:     8px;

/* Module heading */     
--progress-widget-module-heading-color:     var(--typo-h-small-colour);
--progress-widget-module-heading-font-family:     var(--typo-h-small-font-face);
--progress-widget-module-heading-font-size:     var(--typo-h-small-font-size);
--progress-widget-module-heading-font-size-m:     var(--typo-h-medium-font-size);
--progress-widget-module-heading-font-size-l:     var(--typo-h-medium-font-size);
--progress-widget-module-heading-font-weight:     var(--typo-h-small-font-weight);
--progress-widget-module-heading-font-style:     var(--typo-h-small-font-style);
--progress-widget-module-heading-line-height:     var(--typo-h-small-line-height);
--progress-widget-module-heading-letter-spacing:     var(--typo-h-small-letter-spacing);
--progress-widget-module-heading-text-transform:     var(--typo-h-small-text-transform);
--progress-widget-module-heading-text-align:     var(--typo-h-small-text-align);

/* Module link icon */     
--progress-widget-module-link-icon-size:     var(--pattern-icon-size);
--progress-widget-module-link-icon-fill:     var(--meta-swatch-colour-1);

/* Module statuses */     
--progress-widget-module-statuses-gap:     3px 8px;
--progress-widget-module-statuses-gap-m:     8px;
--progress-widget-module-statuses-gap-l:     8px;

/* Module status icon overrides */     
--progress-widget-status-icon-svg-size:     12px;
--progress-widget-status-icon-bg-size:     12px;
--progress-widget-status-icon-svg-size-m:     18px;
--progress-widget-status-icon-bg-size-m:     18px;
--progress-widget-status-icon-svg-size-l:     24px;
--progress-widget-status-icon-bg-size-l:     24px;

/* Special status icon styles */     
--progress-widget-status-icon-remaining-background:     var(--meta-swatch-colour-4);
--progress-widget-status-icon-remaining-border:     none;




/* Property Breakdown */     

/* Container */     

/* Header */     

/* Heading */     

/* Row */     

/* Row label */     

/* Row value */     

/* Property Goal Result */     

/* Block Container */     
--pg-result-padding:     16px;
--pg-result-padding-m:     24px 0;
--pg-result-padding-l:     32px 0;
--pg-result-gap:     0;
--pg-result-gap-m:     0;
--pg-result-gap-l:     0;
--pg-result-background:     var(--meta-swatch-colour-4);
--pg-result-background-m:     var(--meta-swatch-colour-4);
--pg-result-background-l:     var(--meta-swatch-colour-4);

/* Inner container */     
--pg-result-inner-padding:     0;
--pg-result-inner-padding-m:     0;
--pg-result-inner-padding-l:     0;
--pg-result-inner-gap:     16px;
--pg-result-inner-gap-m:     24px;
--pg-result-inner-gap-l:     32px;
--pg-result-inner-background:     transparent;
--pg-result-inner-background-m:     transparent;
--pg-result-inner-background-l:     transparent;
--pg-result-inner-max-width:     var(--pattern-layout-grid-width-s);
--pg-result-inner-max-width-m:     var(--pattern-layout-grid-width-m);
--pg-result-inner-max-width-l:     var(--pattern-layout-grid-width-l);
--pg-result-inner-border-radius:     none;

/* Input container */     
--pg-result-content-gap:     16px;
--pg-result-content-gap-m:     16px;
--pg-result-content-gap-l:     16px;
--pg-result-content-padding:     0;
--pg-result-content-padding-m:     0;
--pg-result-content-padding-l:     0;


/* Data row */     

/* Input group container */     
--pg-result-input-group-container-gap:     24px;
--pg-result-input-group-container-gap-m:     24px;
--pg-result-input-group-container-gap-l:     24px;

/* Dataviz (top of result page) */     

/* Property goal dataviz container */     
--pg-dataviz-background:     var(--meta-swatch-mono-5);
--pg-dataviz-padding:     16px;
--pg-dataviz-padding-m:     16px;
--pg-dataviz-padding-l:     16px;
--pg-dataviz-gap:     16px;
--pg-dataviz-gap-m:     16px;
--pg-dataviz-gap-l:     16px;
--pg-dataviz-border-radius:     none;
--pg-dataviz-box-shadow:     var(--ref-effects-box-shadow-2);

/* Dataviz container inner */     
--pg-dataviz-inner-padding:     0 40px;
--pg-dataviz-inner-padding-m:     0 40px;
--pg-dataviz-inner-padding-l:     0 40px;
--pg-dataviz-inner-gap:     16px;
--pg-dataviz-inner-gap-m:     24px;
--pg-dataviz-inner-gap-l:     32px;
--pg-dataviz-inner-justify-content:     center;

/* Donut container */     
--pg-dataviz-donut-container-gap:     8px;
--pg-dataviz-donut-container-gap-m:     8px;
--pg-dataviz-donut-container-gap-l:     8px;
--pg-dataviz-donut-container-max-width:     80px;
--pg-dataviz-donut-container-max-width-m:     120px;
--pg-dataviz-donut-container-max-width-l:     160px;

/* Donut */     
--pg-dataviz-donut-whole-colour:     var(--meta-swatch-colour-4);
--pg-dataviz-donut-progress-colour:     var(--meta-swatch-colour-1);
--pg-dataviz-donut-progress-complete-colour:     var(--meta-swatch-colour-1);

/* Donut value */     
--pg-dataviz-donut-value-surplus-colour:     var(--meta-swatch-mono-5);
--pg-dataviz-donut-value-colour:     var(--typo-data-4xl-colour);
--pg-dataviz-donut-value-font-face:     var(--typo-data-4xl-font-face);
--pg-dataviz-donut-value-font-size:     var(--typo-data-xl-font-size);
--pg-dataviz-donut-value-font-size-m:     var(--typo-data-2xl-font-size);
--pg-dataviz-donut-value-font-size-l:     var(--typo-data-3xl-font-size);
--pg-dataviz-donut-value-font-weight:     var(--typo-data-4xl-font-weight);
--pg-dataviz-donut-value-font-style:     var(--typo-data-4xl-font-style);
--pg-dataviz-donut-value-line-height:     var(--typo-data-4xl-line-height);
--pg-dataviz-donut-value-letter-spacing:     var(--typo-data-4xl-letter-spacing);
--pg-dataviz-donut-value-text-transform:     var(--typo-data-4xl-text-transform);
--pg-dataviz-donut-value-text-align:     center;
--pg-dataviz-donut-value-text-shadow:     none;

/* Donut value complete*/     
--pg-dataviz-donut-value-complete-colour:     var(--meta-swatch-mono-5);
--pg-dataviz-donut-value-complete-font-family:     var(--typo-data-4xl-font-face);
--pg-dataviz-donut-value-complete-font-size:     var(--typo-data-xl-font-size);
--pg-dataviz-donut-value-complete-font-size-m:     var(--typo-data-2xl-font-size);
--pg-dataviz-donut-value-complete-font-size-l:     var(--typo-data-3xl-font-size);
--pg-dataviz-donut-value-complete-font-weight:     var(--typo-data-4xl-font-weight);
--pg-dataviz-donut-value-complete-font-style:     var(--typo-data-4xl-font-style);
--pg-dataviz-donut-value-complete-line-height:     var(--typo-data-4xl-line-height);
--pg-dataviz-donut-value-complete-letter-spacing:     var(--typo-data-4xl-letter-spacing);
--pg-dataviz-donut-value-complete-text-transform:     var(--typo-data-4xl-text-transform);
--pg-dataviz-donut-value-complete-text-align:     center;
--pg-dataviz-donut-value-complete-text-shadow:     none;

/* Donut label */     
--pg-dataviz-donut-label-colour:     var(--typo-data-label-2xl-colour);
--pg-dataviz-donut-label-font-family:     var(--typo-data-label-2xl-font-face);
--pg-dataviz-donut-label-font-size:     var(--typo-data-label-s-font-size);
--pg-dataviz-donut-label-font-size-m:     var(--typo-data-label-s-font-size);
--pg-dataviz-donut-label-font-size-l:     var(--typo-data-label-s-font-size);
--pg-dataviz-donut-label-font-weight:     var(--typo-data-label-2xl-font-weight);
--pg-dataviz-donut-label-font-style:     var(--typo-data-label-2xl-font-style);
--pg-dataviz-donut-label-line-height:     var(--typo-data-label-2xl-line-height);
--pg-dataviz-donut-label-letter-spacing:     var(--typo-data-label-2xl-letter-spacing);
--pg-dataviz-donut-label-text-transform:     var(--typo-data-label-2xl-text-transform);
--pg-dataviz-donut-label-text-align:     center;

/* Property goal output container */     
--pg-dataviz-output-container-gap:     12px;
--pg-dataviz-output-container-gap-m:     16px;
--pg-dataviz-output-container-gap-l:     24px;

/* Property goal output */     
--pg-dataviz-output-label-colour:     var(--typo-data-label-s-colour);
--pg-dataviz-output-label-font-family:     var(--typo-data-label-s-font-face);
--pg-dataviz-output-label-font-size:     var(--typo-data-label-s-font-size);
--pg-dataviz-output-label-font-size-m:     var(--typo-data-label-s-font-size);
--pg-dataviz-output-label-font-size-l:     var(--typo-data-label-s-font-size);
--pg-dataviz-output-label-font-weight:     var(--typo-data-label-s-font-weight);
--pg-dataviz-output-label-font-style:     var(--typo-data-label-s-font-style);
--pg-dataviz-output-label-line-height:     var(--typo-data-label-s-line-height);
--pg-dataviz-output-label-letter-spacing:     var(--typo-data-label-s-letter-spacing);
--pg-dataviz-output-label-text-transform:     var(--typo-data-label-s-text-transform);
--pg-dataviz-output-label-text-align:     center;

--pg-dataviz-output-value-colour:     var(--typo-data-4xl-colour);
--pg-dataviz-output-value-font-family:     var(--typo-data-4xl-font-face);
--pg-dataviz-output-value-font-size:     var(--typo-data-3xl-font-size);
--pg-dataviz-output-value-font-size-m:     var(--typo-data-3xl-font-size);
--pg-dataviz-output-value-font-size-l:     var(--typo-data-4xl-font-size);
--pg-dataviz-output-value-font-weight:     var(--typo-data-4xl-font-weight);
--pg-dataviz-output-value-font-style:     var(--typo-data-4xl-font-style);
--pg-dataviz-output-value-line-height:     var(--typo-data-4xl-line-height);
--pg-dataviz-output-value-letter-spacing:     var(--typo-data-4xl-letter-spacing);
--pg-dataviz-output-value-text-transform:     var(--typo-data-4xl-text-transform);
--pg-dataviz-output-value-text-align:     center;

/* Property goal button container */     

/* Property goal button */     
--pg-dataviz-button-label-colour:     var(--meta-swatch-mono-1);
--pg-dataviz-button-label-font-size:     16px;
--pg-dataviz-button-label-font-face:     'santander';
--pg-dataviz-button-label-font-weight:     normal;
--pg-dataviz-button-label-font-style:     normal;
--pg-dataviz-button-letter-spacing:     -0.03rem;
--pg-dataviz-button-text-transform:     none;


/* Breakdown card */     

/* Container */     
--goal-breakdown-margin:     0;
--goal-breakdown-padding:     0 16px 8px;
--goal-breakdown-background:     var(--meta-swatch-mono-5);
--goal-breakdown-bg-colour:     var(--meta-swatch-mono-5);
--goal-breakdown-border:     none;
--goal-breakdown-border-radius:     none;
--goal-breakdown-box-shadow:     var(--ref-effects-box-shadow-2);

/* Breakdown block */     

/* Total */     
--breakdown-total-row-value-font-size:     20px;

/* Vars to help it look right */     
--breakdown-data-row-operator-icon-size:     24px;
--breakdown-data-row-label-value-margin:     0px 5px 0px 0px;
--breakdown-total-row-operator-icon-color:     var(--meta-swatch-colour-1);
--breakdown-data-row-border-bottom:     1px solid var(--meta-swatch-mono-3);
--breakdown-data-row-operator-icon-color:     var(--meta-swatch-colour-1);
--breakdown-data-row-info-icon-color:     var(--meta-swatch-colour-1);
--breakdown-data-row-label-font-size:     16px;

/* Row */     
--goal-breakdown-row-min-height:     48px;
--goal-breakdown-row-padding:     8px 0;
--goal-breakdown-row-icon-size:     24px;

--goal-breakdown-row-info-icon-size:     24px;
--goal-breakdown-row-info-icon-colour:     var(--meta-swatch-colour-1);

/* Row value */     

/* Row value suffix */     
--goal-breakdown-row-value-suffix-font-weight:     700;

/* Row link */     
--goal-breakdown-row-link-colour:     inherit;
--goal-breakdown-row-link-text-align:     right;


/* Dataviz Explainer */     

/* Property goal explainer container */     
--pg-dataviz-explainer-background:     var(--meta-swatch-colour-4);
--pg-dataviz-explainer-padding:     16px 8px 16px 12px;
--pg-dataviz-explainer-padding-m:     16px 8px 16px 12px;
--pg-dataviz-explainer-padding-l:     16px 8px 16px 12px;
--pg-dataviz-explainer-gap:     10px;
--pg-dataviz-explainer-gap-m:     10px;
--pg-dataviz-explainer-gap-l:     10px;
--pg-dataviz-explainer-border-radius:     4px;

/* Property goal explainer icon */     
--pg-dataviz-explainer-icon-size:     24px;
--pg-dataviz-explainer-icon-color:     var(--meta-swatch-mono-1);

/* Property goal explainer paragraph */     

/* Property goal explainer link */     




/* Property Goal Widget (Road) */     

/* Container */     

/* Content Container */     

/* Header Container */     

/* Body Container */     

/* Heading */     

/* Heading */     























/* Property Goal Widget (progress bar) */     

/* Container */     
--pg-widget-padding:     0;
--pg-widget-padding-m:     0;
--pg-widget-padding-l:     0;
--pg-widget-gap:     16px;
--pg-widget-gap-m:     16px;
--pg-widget-gap-l:     16px;
--pg-widget-background:     transparent;
--pg-widget-border:     none;
--pg-widget-border-radius:     none;

/* Heading */     
--pg-widget-heading-color:     var(--page-template-heading-colour);
--pg-widget-heading-font-family:     var(--page-template-heading-font-family);
--pg-widget-heading-font-size:     var(--page-template-heading-font-size);
--pg-widget-heading-font-size-m:     var(--page-template-heading-font-size-m);
--pg-widget-heading-font-size-l:     var(--page-template-heading-font-size-l);
--pg-widget-heading-font-weight:     var(--page-template-heading-font-weight);
--pg-widget-heading-font-style:     var(--page-template-heading-font-style);
--pg-widget-heading-line-height:     var(--page-template-heading-line-height);
--pg-widget-heading-letter-spacing:     var(--page-template-heading-letter-spacing);
--pg-widget-heading-text-transform:     var(--page-template-heading-text-transform);
--pg-widget-heading-text-align:     var(--page-template-heading-text-align);
--pg-widget-heading-margin:     var(--page-template-heading-margin);

/* Dataviz */     
--pg-widget-dataviz-gap:     2px;
--pg-widget-dataviz-gap-m:     2px;
--pg-widget-dataviz-gap-l:     2px;
--pg-widget-value-image-height:     50px;
--pg-widget-value-image-width:     50px;
--pg-widget-goal-image-height:     50px;
--pg-widget-goal-image-width:     50px;
--pg-widget-complete-image-height:     123px;
--pg-widget-complete-image-width:     auto;

/* Progress bar */     
--pg-widget-bar-height:     16px;
--pg-widget-bar-background:     var(--meta-swatch-colour-10);
--pg-widget-bar-border-radius:     8px;

/* Progress bar value */     
--pg-widget-bar-value-height:     16px;
--pg-widget-bar-value-background:     var(--meta-swatch-colour-1);
--pg-widget-bar-value-border-radius:     8px;

/* Savings table */     
--pg-widget-table-padding:     16px;
--pg-widget-table-padding-m:     16px;
--pg-widget-table-padding-l:     16px;
--pg-widget-table-border:     none;
--pg-widget-table-border-radius:     0;
--pg-widget-table-background:     var(--meta-swatch-mono-5);
--pg-widget-table-box-shadow:     var(--ref-effects-box-shadow-2);
--pg-widget-table-gap:     8px;

/* Savings item */     
--pg-widget-table-row-padding:     0;
--pg-widget-table-row-padding-m:     0;
--pg-widget-table-row-padding-l:     0;
--pg-widget-table-row-border-top:     none;

/* Table label */     
--pg-widget-table-row-label-color:     var(--typo-data-label-m-colour);
--pg-widget-table-row-label-font-family:     var(--typo-data-label-m-font-face);
--pg-widget-table-row-label-font-size:     var(--typo-data-label-m-font-size);
--pg-widget-table-row-label-font-size-m:     var(--typo-data-label-m-font-size);
--pg-widget-table-row-label-font-size-l:     var(--typo-data-label-m-font-size);
--pg-widget-table-row-label-font-weight:     var(--typo-data-label-m-font-weight);
--pg-widget-table-row-label-font-style:     var(--typo-data-label-m-font-style);
--pg-widget-table-row-label-line-height:     var(--typo-data-label-m-line-height);
--pg-widget-table-row-label-letter-spacing:     var(--typo-data-label-m-letter-spacing);
--pg-widget-table-row-label-text-transform:     var(--typo-data-label-m-text-transform);
--pg-widget-table-row-label-text-align:     var(--typo-data-label-m-text-align);

/* Table total (data) */     
--pg-widget-table-row-total-color:     var(--typo-data-2xl-colour);
--pg-widget-table-row-total-font-family:     var(--typo-data-2xl-font-face);
--pg-widget-table-row-total-font-size:     var(--typo-data-2xl-font-size);
--pg-widget-table-row-total-font-size-m:     var(--typo-data-2xl-font-size);
--pg-widget-table-row-total-font-size-l:     var(--typo-data-2xl-font-size);
--pg-widget-table-row-total-font-weight:     var(--typo-data-2xl-font-weight);
--pg-widget-table-row-total-font-style:     var(--typo-data-2xl-font-style);
--pg-widget-table-row-total-line-height:     var(--typo-data-2xl-line-height);
--pg-widget-table-row-total-letter-spacing:     var(--typo-data-2xl-letter-spacing);
--pg-widget-table-row-total-text-transform:     var(--typo-data-2xl-text-transform);
--pg-widget-table-row-total-text-align:     var(--typo-data-2xl-text-align);


/* Table row informer */     

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

/* Savings Plan Dataviz */     

/* Container */     

/* Dataviz widget */     

/* Label */     

/* Value */     

/* Value suffix */     


/* Breakdown */     

/* Container */     

/* Row */     

/* Row value */     

/* Row value suffix */     

/* Row link */     

/* Total */     




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


/* Target card (for SBC) */     

/* Main Wrapper */     

/* Card container */     

/* Header */     

/* Header - Scores */     

/* Header - Score Item */     

/* Header - Score Circle */     

/* Header - Score Circle Value */     

/* Header - Score Circle Label */     

/* Header - Score Arrow */     

/* Body - Option Items */     

/* Body - List Item */     

/* Body - View Item */     

/* Body - View Item Value */     





/* Body - View Item Label */     

/* Body - Target Badge */     


/* Body - Form/Inputs */     

/* Footer */     

/* Footer - Info Footer */     

/* Footer - Info Text */     


/* Uni Savings Result */     

/* Dataviz */     
/* Heading */     

--uni-viz-heading-color:     var(--meta-swatch-mono-2);
--uni-viz-heading-font-family:     var(--typo-h-xs-font-face);
--uni-viz-heading-font-size:     var(--typo-h-xs-font-size);
--uni-viz-heading-font-size-m:     var(--typo-h-xs-font-size);
--uni-viz-heading-font-size-l:     var(--typo-h-xs-font-size);
--uni-viz-heading-font-weight:     var(--typo-h-xs-font-weight);
--uni-viz-heading-font-style:     var(--typo-h-xs-font-style);
--uni-viz-heading-line-height:     var(--typo-h-xs-line-height);
--uni-viz-heading-letter-spacing:     var(--typo-h-xs-letter-spacing);
--uni-viz-heading-text-transform:     var(--typo-h-xs-text-transform);
--uni-viz-heading-text-align:     var(--typo-h-xs-text-align);

/* Sticky */     
--uni-viz-sticky-gap:     16px;
--uni-viz-sticky-gap-m:     16px;
--uni-viz-sticky-gap-l:     16px;
--uni-viz-sticky-padding:     16px;
--uni-viz-sticky-padding-m:     16px;
--uni-viz-sticky-padding-l:     16px;

--uni-viz-sticky-inner-padding:     16px;
--uni-viz-sticky-inner-padding-m:     16px;
--uni-viz-sticky-inner-padding-l:     16px;
--uni-viz-sticky-inner-background:     var(--meta-swatch-mono-5);
--uni-viz-sticky-inner-box-shadow:     var(--ref-effects-box-shadow-2);

/* Total */     
--uni-viz-total-gap:     8px;
--uni-viz-total-gap-m:     8px;
--uni-viz-total-gap-l:     8px;
--uni-viz-total-justify-content:     start;

/* Total value */     
--uni-viz-total-value-color:     var(--typo-data-4xl-colour);
--uni-viz-total-value-font-family:     var(--typo-data-4xl-font-face);
--uni-viz-total-value-font-size:     var(--typo-data-4xl-font-size);
--uni-viz-total-value-font-size-m:     var(--typo-data-4xl-font-size);
--uni-viz-total-value-font-size-l:     var(--typo-data-4xl-font-size);
--uni-viz-total-value-font-weight:     var(--typo-data-4xl-font-weight);
--uni-viz-total-value-font-style:     var(--typo-data-4xl-font-style);
--uni-viz-total-value-line-height:     var(--typo-data-4xl-line-height);
--uni-viz-total-value-letter-spacing:     var(--typo-data-4xl-letter-spacing);
--uni-viz-total-value-text-transform:     var(--typo-data-4xl-text-transform);
--uni-viz-total-value-text-align:     var(--typo-data-4xl-text-align);

/* Total label */     
--uni-viz-total-label-color:     var(--meta-swatch-mono-2);
--uni-viz-total-label-font-family:     var(--typo-data-label-l-font-face);
--uni-viz-total-label-font-size:     var(--typo-data-label-l-font-size);
--uni-viz-total-label-font-size-m:     var(--typo-data-label-l-font-size);
--uni-viz-total-label-font-size-l:     var(--typo-data-label-l-font-size);
--uni-viz-total-label-font-weight:     400;
--uni-viz-total-label-font-style:     var(--typo-data-label-l-font-style);
--uni-viz-total-label-line-height:     var(--typo-data-label-l-line-height);
--uni-viz-total-label-letter-spacing:     var(--typo-data-label-l-letter-spacing);
--uni-viz-total-label-text-transform:     var(--typo-data-label-l-text-transform);
--uni-viz-total-label-text-align:     var(--typo-data-label-l-text-align);

/* Bar container */     

/* Bar */     
--uni-viz-bar-height:     28px;
--uni-viz-bar-height-m:     28px;
--uni-viz-bar-height-l:     28px;
--uni-viz-bar-gap:     0;
--uni-viz-bar-border:     none;
--uni-viz-bar-border-radius:     14px;
--uni-viz-bar-color-saved:     var(--meta-swatch-colour-5);
--uni-viz-bar-color-to-save:     var(--meta-swatch-colour-6);
--uni-viz-bar-color-to-spend:     var(--meta-swatch-colour-3);

/* Legend */     
--uni-viz-legend-padding:     8px 0 0;
--uni-viz-legend-padding-m:     8px 0 0;
--uni-viz-legend-padding-l:     8px 0 0;
--uni-viz-legend-gap:     none;
--uni-viz-legend-gap-m:     none;
--uni-viz-legend-gap-l:     none;

--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-padding:     none;
--uni-viz-legend-item-icon-background:     none;
--uni-viz-legend-item-icon-border:     none;
--uni-viz-legend-item-icon-border-radius:     none;
--uni-viz-legend-item-icon-size:     none;
--uni-viz-legend-item-icon-fill-saved:     var(--uni-viz-bar-color-saved);
--uni-viz-legend-item-icon-fill-to-save:     var(--uni-viz-bar-color-to-save);
--uni-viz-legend-item-icon-fill-to-spend:     var(----uni-viz-bar-color-to-spend);

--uni-viz-legend-item-label-colour:     var(--meta-swatch-mono-2);
--uni-viz-legend-item-label-font-family:     var(--typo-data-label-m-font-face);
--uni-viz-legend-item-label-font-size:     var(--typo-data-label-m-font-size);
--uni-viz-legend-item-label-font-size-m:     var(--typo-data-label-m-font-size);
--uni-viz-legend-item-label-font-size-l:     var(--typo-data-label-m-font-size);
--uni-viz-legend-item-label-font-weight:     400;
--uni-viz-legend-item-label-font-style:     var(--typo-data-label-m-font-style);
--uni-viz-legend-item-label-line-height:     var(--typo-data-label-m-line-height);
--uni-viz-legend-item-label-letter-spacing:     var(--typo-data-label-m-letter-spacing);
--uni-viz-legend-item-label-text-transform:     var(--typo-data-label-m-text-transform);
--uni-viz-legend-item-label-text-align:     var(--typo-data-label-m-text-align);

/* Cards */     
--uni-viz-cards-gap:     12px;
--uni-viz-cards-gap-m:     16px;
--uni-viz-cards-gap-l:     16px;
--uni-viz-cards-padding:     none;
--uni-viz-cards-padding-m:     none;
--uni-viz-cards-padding-l:     none;

--uni-viz-card-1-background:     var(--meta-swatch-mono-5);
--uni-viz-card-1-value-color:     var(--meta-swatch-mono-1);
--uni-viz-card-1-label-color:     var(--meta-swatch-mono-1);
--uni-viz-card-2-background:     var(--meta-swatch-mono-5);
--uni-viz-card-2-value-color:     var(--meta-swatch-mono-1);
--uni-viz-card-2-label-color:     var(--meta-swatch-mono-1);

--uni-viz-card-gap:     4px;
--uni-viz-card-gap-m:     4px;
--uni-viz-card-gap-l:     4px;
--uni-viz-card-padding:     8px;
--uni-viz-card-padding-m:     12px;
--uni-viz-card-padding-l:     12px;
--uni-viz-card-border:     2px solid var(--meta-swatch-colour-1);
--uni-viz-card-border-radius:     8px;
--uni-viz-card-box-shadow:     none;

--uni-viz-card-value-font-family:     var(--typo-data-l-font-face);
--uni-viz-card-value-font-size:     var(--typo-data-l-font-size);
--uni-viz-card-value-font-size-m:     var(--typo-data-2xl-font-size);
--uni-viz-card-value-font-size-l:     var(--typo-data-3xl-font-size);
--uni-viz-card-value-font-weight:     var(--typo-data-l-font-weight);
--uni-viz-card-value-font-style:     var(--typo-data-l-font-style);
--uni-viz-card-value-line-height:     var(--typo-data-l-line-height);
--uni-viz-card-value-letter-spacing:     var(--typo-data-l-letter-spacing);
--uni-viz-card-value-text-transform:     var(--typo-data-l-text-transform);
--uni-viz-card-value-text-align:     var(--typo-data-l-text-align);

--uni-viz-card-label-font-family:     var(--typo-data-label-m-font-face);
--uni-viz-card-label-font-size:     var(--typo-data-label-m-font-size);
--uni-viz-card-label-font-weight:     var(--typo-data-label-m-font-weight);
--uni-viz-card-label-font-style:     var(--typo-data-label-m-font-style);
--uni-viz-card-label-line-height:     var(--typo-data-label-m-line-height);
--uni-viz-card-label-letter-spacing:     var(--typo-data-label-m-letter-spacing);
--uni-viz-card-label-text-transform:     var(--typo-data-label-m-text-transform);
--uni-viz-card-label-text-align:     var(--typo-data-label-m-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:     var(--meta-swatch-colour-2);
--uni-viz-info-border:     none;
--uni-viz-info-border-radius:     none;

--uni-viz-info-icon-size:     var(--pattern-icon-size);
--uni-viz-info-icon-fill:     var(--meta-swatch-mono-1);

--uni-viz-info-label-color:     var(--typo-data-label-s-colour);
--uni-viz-info-label-font-family:     var(--typo-data-label-s-font-face);
--uni-viz-info-label-font-size:     var(--typo-data-label-s-font-size);
--uni-viz-info-label-font-size-m:     var(--typo-data-label-s-font-size);
--uni-viz-info-label-font-size-l:     var(--typo-data-label-s-font-size);
--uni-viz-info-label-font-weight:     var(--typo-data-label-s-font-weight);
--uni-viz-info-label-font-style:     var(--typo-data-label-s-font-style);
--uni-viz-info-label-line-height:     2;
--uni-viz-info-label-letter-spacing:     var(--typo-data-label-s-letter-spacing);
--uni-viz-info-label-text-transform:     var(--typo-data-label-s-text-transform);
--uni-viz-info-label-text-align:     var(--typo-data-label-s-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:     var(--pattern-icon-size);
--uni-modal-value-save-icon-fill:     var(--uni-viz-bar-color-to-save);

--uni-modal-value-spend-icon-size:     var(--pattern-icon-size);
--uni-modal-value-spend-icon-fill:     var(--uni-viz-bar-color-to-spend);

--uni-modal-value-font-family:     var(--typo-data-l-font-face);
--uni-modal-value-font-size:     var(--typo-data-l-font-size);
--uni-modal-value-font-size-m:     var(--typo-data-l-font-size);
--uni-modal-value-font-size-l:     var(--typo-data-l-font-size);
--uni-modal-value-font-weight:     var(--typo-data-l-font-weight);
--uni-modal-value-font-style:     var(--typo-data-l-font-style);
--uni-modal-value-line-height:     var(--typo-data-l-line-height);
--uni-modal-value-letter-spacing:     var(--typo-data-l-letter-spacing);
--uni-modal-value-text-transform:     var(--typo-data-l-text-transform);
--uni-modal-value-text-align:     var(--typo-data-l-text-align);

/* Chart */     
--uni-modal-chart-background:     var(--meta-swatch-mono-5);
--uni-modal-chart-border:     1px solid var(--meta-swatch-mono-4);
--uni-modal-chart-gap:     2px;
--uni-modal-chart-gap-m:     2px;
--uni-modal-chart-gap-l:     2px;
--uni-modal-chart-box-shadow:     none;
--uni-modal-chart-save-color:     var(--uni-viz-bar-color-to-save);
--uni-modal-chart-spend-color:     var(--uni-viz-bar-color-to-spend);

/* Labels */     
--uni-modal-label-font-family:     var(--typo-data-label-xs-font-face);
--uni-modal-label-font-size:     var(--typo-data-label-xs-font-size);
--uni-modal-label-font-size-m:     var(--typo-data-label-xs-font-size);
--uni-modal-label-font-size-l:     var(--typo-data-label-xs-font-size);
--uni-modal-label-font-weight:     var(--typo-data-label-xs-font-weight);
--uni-modal-label-font-style:     var(--typo-data-label-xs-font-style);
--uni-modal-label-line-height:     var(--typo-data-label-xs-line-height);
--uni-modal-label-letter-spacing:     var(--typo-data-label-xs-letter-spacing);
--uni-modal-label-text-transform:     var(--typo-data-label-xs-text-transform);
--uni-modal-label-text-align:     var(--typo-data-label-xs-text-align);


/* Uni savings widget */     

--uni-savings-widget-padding:     24px 0;
--uni-savings-widget-padding-m:     32px 0;
--uni-savings-widget-padding-l:     48px 0;
--uni-savings-widget-gap:     0;
--uni-savings-widget-gap-m:     0;
--uni-savings-widget-gap-l:     0;
--uni-savings-widget-border:     none;
--uni-savings-widget-border-radius:     none;
--uni-savings-widget-box-shadow:     none;

/* Heading */     
--uni-savings-widget-heading-color:     var(--page-template-heading-colour);
--uni-savings-widget-heading-font-family:     var(--page-template-heading-font-family);
--uni-savings-widget-heading-font-size:     var(--page-template-heading-font-size);
--uni-savings-widget-heading-font-size-m:     var(--page-template-heading-font-size-m);
--uni-savings-widget-heading-font-size-l:     var(--page-template-heading-font-size-l);
--uni-savings-widget-heading-font-weight:     var(--page-template-heading-font-weight);
--uni-savings-widget-heading-font-style:     var(--page-template-heading-font-style);
--uni-savings-widget-heading-line-height:     var(--page-template-heading-line-height);
--uni-savings-widget-heading-letter-spacing:     var(--page-template-heading-letter-spacing);
--uni-savings-widget-heading-text-transform:     var(--page-template-heading-text-transform);
--uni-savings-widget-heading-text-align:     var(--page-template-heading-text-align);

/* Card */     
--uni-savings-widget-card-padding:     16px;
--uni-savings-widget-card-padding-m:     16px;
--uni-savings-widget-card-padding-l:     16px;
--uni-savings-widget-card-gap:     0;
--uni-savings-widget-card-gap-m:     0;
--uni-savings-widget-card-gap-l:     0;
--uni-savings-widget-card-background:     var(--meta-swatch-mono-5);
--uni-savings-widget-card-border:     none;
--uni-savings-widget-card-border-radius:     none;
--uni-savings-widget-card-box-shadow:     var(--ref-effects-box-shadow-2);

/* Output */     
--uni-savings-widget-output-padding:     0;
--uni-savings-widget-output-padding-m:     0;
--uni-savings-widget-output-padding-l:     0;
--uni-savings-widget-output-gap:     12px;
--uni-savings-widget-output-gap-m:     12px;
--uni-savings-widget-output-gap-l:     12px;

/* Total */     
--uni-savings-widget-total-flex-direction:     row;
--uni-savings-widget-total-padding:     0;
--uni-savings-widget-total-padding-m:     0;
--uni-savings-widget-total-padding-l:     0;
--uni-savings-widget-total-gap:     4px;
--uni-savings-widget-total-gap-m:     4px;
--uni-savings-widget-total-gap-l:     4px;

/* Total label */     
--uni-savings-widget-total-label-color:     var(--typo-p-medium-colour);
--uni-savings-widget-total-label-font-family:     var(--typo-p-medium-font-face);
--uni-savings-widget-total-label-font-size:     var(--typo-p-medium-font-size);
--uni-savings-widget-total-label-font-size-m:     var(--typo-p-medium-font-size);
--uni-savings-widget-total-label-font-size-l:     var(--typo-p-medium-font-size);
--uni-savings-widget-total-label-font-weight:     var(--typo-p-medium-font-weight);
--uni-savings-widget-total-label-font-style:     var(--typo-p-medium-font-style);
--uni-savings-widget-total-label-line-height:     var(--typo-p-medium-line-height);
--uni-savings-widget-total-label-letter-spacing:     var(--typo-p-medium-letter-spacing);
--uni-savings-widget-total-label-text-transform:     var(--typo-p-medium-text-transform);
--uni-savings-widget-total-label-text-align:     var(--typo-p-medium-text-align);

/* Total data */     
--uni-savings-widget-total-data-color:     var(--typo-data-4xl-colour);
--uni-savings-widget-total-data-font-family:     var(--typo-data-4xl-font-face);
--uni-savings-widget-total-data-font-size:     var(--typo-data-4xl-font-size);
--uni-savings-widget-total-data-font-size-m:     var(--typo-data-4xl-font-size);
--uni-savings-widget-total-data-font-size-l:     var(--typo-data-4xl-font-size);
--uni-savings-widget-total-data-font-weight:     var(--typo-data-4xl-font-weight);
--uni-savings-widget-total-data-font-style:     var(--typo-data-4xl-font-style);
--uni-savings-widget-total-data-line-height:     var(--typo-data-4xl-line-height);
--uni-savings-widget-total-data-letter-spacing:     var(--typo-data-4xl-letter-spacing);
--uni-savings-widget-total-data-text-transform:     var(--typo-data-4xl-text-transform);
--uni-savings-widget-total-data-text-align:     var(--typo-data-4xl-text-align);

/* Stacked bar */     
--downsizing-widget-bar-height:     18px;
--downsizing-widget-bar-border-radius:     9px;
--downsizing-widget-bar-saved-background:     var(--meta-swatch-colour-5);
--downsizing-widget-bar-to-save-background:     var(--meta-swatch-colour-6);
--downsizing-widget-bar-to-spend-background:     var(--meta-swatch-colour-3);

/* Legend */     
--downsizing-widget-legend-padding:     0;
--downsizing-widget-legend-padding-m:     0;
--downsizing-widget-legend-padding-l:     0;
--downsizing-widget-legend-gap:     4px;
--downsizing-widget-legend-gap-m:     4px;
--downsizing-widget-legend-gap-l:     4px;

/* Legend item */     
--downsizing-widget-legend-item-padding:     0;
--downsizing-widget-legend-item-padding-m:     0;
--downsizing-widget-legend-item-padding-l:     0;
--downsizing-widget-legend-item-gap:     4px;
--downsizing-widget-legend-item-gap-m:     4px;
--downsizing-widget-legend-item-gap-l:     4px;

/* Legend indicator */     
--downsizing-widget-legend-indicator-size:     10px;
--downsizing-widget-legend-indicator-saved-background:     var(--downsizing-widget-bar-saved-background);
--downsizing-widget-legend-indicator-to-save-background:     var(--downsizing-widget-bar-to-save-background);
--downsizing-widget-legend-indicator-to-spend-background:     var(--downsizing-widget-bar-to-spend-background);

/* Legend Label */     
--downsizing-widget-dataviz-label-color:     var(--typo-p-medium-colour);
--downsizing-widget-dataviz-label-font-family:     var(--typo-p-medium-font-face);
--downsizing-widget-dataviz-label-font-size:     var(--typo-p-medium-font-size);
--downsizing-widget-dataviz-label-font-size-m:     var(--typo-p-medium-font-size);
--downsizing-widget-dataviz-label-font-size-l:     var(--typo-p-medium-font-size);
--downsizing-widget-dataviz-label-font-weight:     var(--typo-p-medium-font-weight);
--downsizing-widget-dataviz-label-font-style:     var(--typo-p-medium-font-style);
--downsizing-widget-dataviz-label-line-height:     var(--typo-p-medium-line-height);
--downsizing-widget-dataviz-label-letter-spacing:     var(--typo-p-medium-letter-spacing);
--downsizing-widget-dataviz-label-text-transform:     var(--typo-p-medium-text-transform);
--downsizing-widget-dataviz-label-text-align:     var(--typo-p-medium-text-align);


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








/* Sustainability */     

/* FF template heading overrides */     


/* FF Messages spacer */     


/* Goal Indicator */     





/* Pursuit Indicator */     




/* FF KPI Detail */     

/* Item */     

/* Icon */     

/* Label */     



/* Templates */     

/* Default */     

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




/* Discovering */     

/* Dashboard */     

/* Widget bottom link */     


--pt-dashboard-nth-child-odd-background:     var(--meta-swatch-colour-4);
--pt-dashboard-nth-child-even-background:     var(--meta-swatch-mono-5);






/* Landing */     


/* Tour */     





/* Playing */     

/* Lifescore home */     

/* Lifescore reward */     



/* Learning */     

/* Content Feed */     

/* Content container */     

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

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

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

/* Grid items */     

/* Filters container */     
--pt-feed-filters-gap:     0 16px;
--pt-feed-filters-gap-m:     24px;
--pt-feed-filters-gap-l:     24px;
--pt-feed-filters-padding:     0 0 32px;
--pt-feed-filters-padding-m:     0 0 32px;
--pt-feed-filters-padding-l:     0 0 32px;
--pt-feed-filters-direction:     row;
--pt-feed-filters-direction-m:     row;
--pt-feed-filters-direction-l:     row;

/* Each individual filter */     
--pt-feed-filter-width:     100%;
--pt-feed-filter-width-m:     calc(50% - 16px);
--pt-feed-filter-width-l:     calc(33.333% - 16px);

/* Empty state paragraph */     




/* Articles list */     



/* Blog list */     



/* Article */     






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

--pt-story-stepper-icon-size:     var(--pattern-icon-size);
--pt-story-stepper-icon-color:     var(--meta-swatch-mono-5);

--story-slide-background:     var(--meta-swatch-mono-5);
--story-slide-border-radius:     0;
--story-slide-box-shadow:     var(--ref-effects-box-shadow-2);
--story-slide-padding:     0 0 30px;
--story-slide-padding-m:     0 0 16px;
--story-slide-padding-l:     0 0 16px;
--story-slide-margin:     0;
--story-slide-margin-m:     0;
--story-slide-margin-l:     0;
--story-slide-border:     none;
--story-slide-border-m:     none;
--story-slide-border-l:     none;

/* these next 3 vars need the px unit, even if zero */     
--story-slide-spacer-bottom:     0px;
--story-slide-spacer-bottom-m:     0px;
--story-slide-spacer-bottom-l:     0px;

/* Video in story slide */     

/* Image in story slide */     



/* Video */     





/* AI Coach */     


/* Doing */     

/* Checklist */     

/* Filters container */     

/* Each individual filter */     
--pt-checklist-filter-width:     180px;
--pt-checklist-filter-width-m:     180px;
--pt-checklist-filter-width-l:     180px;


/* Start */     

/* Section start */     

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






/* Checkpoint (Updating & Done) */     


--template-checkpoint-icon-colour:     var(--meta-swatch-colour-1);
--template-checkpoint-icon-size:     80px;

--template-checkpoint-label-colour:     var(--meta-swatch-mono-1);
--template-checkpoint-label-face:     var(--typo-form-label-font-face);
--template-checkpoint-label-size:     18px;
--template-checkpoint-label-weight:     500;
--template-checkpoint-label-font-style:     var(--typo-form-label-font-style);
--template-checkpoint-label-line-height:     40px;
--template-checkpoint-label-letter-spacing:     var(--typo-form-label-letter-spacing);
--template-checkpoint-label-text-transform:     var(--typo-form-label-text-transform);
--template-checkpoint-label-text-align:     var(--typo-form-label-text-align);


/* Savings Plan Results */     


/* Result */     



/* Custom */     

/* 12 Column Content Grid */     





/* Account */     

/* Account Home */     






/* Account Detail */     

/* Account Business Profiles */     





/* Sustainability */     

/* Goals list */     

/* Goal */     





/* Misc */     

/* VM WIR */     


/* Pension Finder Results */     


/* Property */     




}          /* End of default vars  */     


/* Themes */     

/* Discovering */     

:root.dashboard {     



/* All types - Main container */     

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





































































}     

:root.ai {     







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

}     


:root.landing {     












}     

:root.landing1 {     










}     

:root.tour {     











}     

:root.tour1 {     







}     

:root.tour2 {     


}     

:root.tour3 {     


}     

:root.tour4 {     


}     

:root.tour5 {     


}     


/* Learning */     

:root.lifescore-home {     

}     

:root.lifescore-reward {     


}     

:root.coins {     









}     

:root.vm-lifescore-home {     








}     




/* Educating */     

:root.feed {     






--page-header-spacer-top-l:     var(--pattern-page-header-spacer-top-bottom);
--page-header-spacer-bottom-l:     var(--pattern-page-header-spacer-top-bottom);

--acc-item-padding:     0;
--acc-item-padding-m:     0;
--acc-item-padding-l:     0;

}     

:root.articles {     









}     

:root.blog {     



}     

:root.article {     

/* 12 Column Content Grid */     







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











--typo-h2-font-size:     20px;

--typo-h3-font-size:     18px;












}     

:root.story {     





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


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

--typo-ul-padding:     0 16px 1rem;
--typo-ol-padding:     0 16px 1rem;






/* Before */     

/* Current */     

/* After */     









}     

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

/* Slide container */     

/* Page header */     

/* Words */     

/* Quick feedback */     

/* Text links */     

}     

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

/* Slide container */     

/* Page header */     

/* Words */     

/* Quick feedback */     

/* Text links */     


}     

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

/* Slide container */     

/* Page header */     

/* Words */     

/* Text links */     


}     

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

/* Slide container */     

/* Page header */     

/* Words */     

/* Feedback */     

/* Button */     

/* Quick feedback */     

/* Text links */     



}     

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

/* Slide container */     

/* Page header */     

/* Words */     

/* Quick feedback */     

/* Text links */     

}     


:root.video {     





}     




/* Doing */     

:root.checklist {     

--page-header-spacer-top-l:     var(--pattern-page-header-spacer-top-bottom);
--page-header-spacer-bottom-l:     var(--pattern-page-header-spacer-top-bottom);






--acc-item-padding:     0;
--acc-item-padding-m:     0;
--acc-item-padding-l:     0;

}     

:root.start {     

















--page-header-spacer-top-l:     var(--pattern-page-header-spacer-top-bottom);
--page-header-spacer-bottom-l:     var(--pattern-page-header-spacer-top-bottom);


}     

:root.question {     















/* Segmented buttons */     




}     

:root.onboarding {     











}     

:root.checkpoint {     
--theme-bg-colour:      var(--meta-swatch-mono-5);
}     

:root.result {     
--theme-template-bg-colour:     var(--meta-swatch-colour-4);









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

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










--page-template-heading-font-size:     var(--typo-h-medium-font-size);
--page-template-heading-font-size-m:     var(--typo-h-large-font-size);
--page-template-heading-font-size-l:     var(--typo-h-large-font-size);









--acc-list-padding:     0 0 24px;
--acc-list-padding-m:     0 0 24px;
--acc-list-padding-l:     0 0 24px;
--acc-item-background:     var(--meta-swatch-mono-5);
--acc-item-box-shadow:     var(--ref-effects-box-shadow-2);

--forms-segmented-btn-wrapper-padding:     0 0 24px;
--forms-segmented-btn-wrapper-padding-m:     0 0 24px;
--forms-segmented-btn-wrapper-padding-l:     0 0 24px;



}     


:root.my-plan {     






}     



:root.investor-quiz {     






}     


:root.inflation-poll {     







}     


:root.vm-wiwr {     







}     

:root.vm-plan {     











}     

:root.vm-deposit-builder {     







}     

:root.help {     





}     



/* Account */     

:root.account-complete {     
}     

:root.account-signup {     



--input-group-spacer:     16px;
}     

:root.account-login {     




--input-group-spacer:     16px;
}     

:root.account-signin {     





--input-group-spacer:     16px;
}     


:root.account-reset-password {     


--input-group-spacer:     16px;
}     

:root.account-home {     







--pattern-layout-spacer-sections-s:     16px;
--pattern-layout-spacer-sections-ml:     16px;



--input-group-spacer:     16px;



/* Label */     
















/* Field */     



/* Link */     

/* Accordion */     















}     







:root.account-home-option {     



--input-group-spacer:     16px;
}     



/* Sustainability */     

:root.vm-ff-goal {     






}     

:root.goals {     







}     

:root.goal {     







}     

:root.goal-prioritisation {     









}     

:root.goal-performance {     










}     

:root.positive-impact {     











}     

:root.engaged {     
/* Indicator */     

/* Keylines */     

/* Button */     

/* Labels container */     

/* Activity Label */     

/* Status Label */     

/* Status */     

/* Action icon */     

/* New dynamic statuses */     






}     



/* Misc */     

:root.property-page {     









/* Property header*/     
}