:root {       /* Start of default vars */
/* Refs (new) */
/* Figma Colors */
/* Color */
/* Mono */
/* Translucent */
/* Gradient */
/* Figma Effects */
/* Figma text / Headings */
/* Figma text / Subheadings */
/* Paragraphs */
/* Figma text / Labels */
/* Figma text / Data */
/* Figma text / Quotes */
/* Figma text / Coach */
/* Figma text / Button */
/* Figma variables */
--grid-s:100%;
--grid-m:690px;
--grid-l:930px;
/* Refs (original) */
/* 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 */
/* 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(--grid-s);
--app-custom-grid-max-width-sm:var(--grid-m);
--app-custom-grid-max-width-md:var(--grid-m);
--app-custom-grid-max-width-lg:var(--grid-l);
--app-custom-grid-max-width-xl:var(--grid-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 (Landing promo) */
/* Check if used */
/* Block container */
/* Text container */
/* Image container */
/* Block container */
--mt-flex-direction:column;
--mt-flex-media-right-direction:column-reverse;
--mt-flex-direction-m:row;
--mt-flex-direction-l:row;
--mt-small-flex-direction:row;
--mt-medium-flex-direction:column;
--mt-large-flex-direction:column;
--mt-large-media-right-flex-direction:column-reverse;
--mt-small-flex-direction-m:row;
--mt-medium-flex-direction-m:row;
--mt-large-flex-direction-m:row;
--mt-small-flex-direction-l:row;
--mt-medium-flex-direction-l:row;
--mt-large-flex-direction-l:row;
--mt-margin:16px 0;
--mt-margin-m:24px 0;
--mt-margin-l:32px 0;
--mt-gap:16px;
/* Text container */
--mt-text-justify-content:flex-start;
--mt-text-justify-content-m:flex-start;
--mt-text-justify-content-l:flex-start;
--mt-text-heading-margin:0 0 16px;
--mt-text-heading-margin-m:0 0 16px;
--mt-text-heading-margin-l:0 0 16px;
/* Image container */
--mt-image-flex-basis:100%;
--mt-image-small-flex-basis:40px;
--mt-image-small-height:40px;
--mt-image-medium-flex-basis:100%;
--mt-image-medium-height:auto;
--mt-image-large-flex-basis:100%;
--mt-image-large-height:auto;
--mt-image-flex-basis-m:50%;
--mt-image-small-flex-basis-m:64px;
--mt-image-small-height-m:64px;
--mt-image-medium-flex-basis-m:250px;
--mt-image-medium-height-m:150px;
--mt-image-large-flex-basis-m:345px;
--mt-image-large-height-m:208px;
--mt-image-flex-basis-l:50%;
--mt-image-small-height-l:80px;
--mt-image-small-flex-basis-l:80px;
--mt-image-medium-flex-basis-l:250px;
--mt-image-medium-height-l:150px;
--mt-image-large-flex-basis-l:465px;
--mt-image-large-height-l:280px;
/* Image */
/* 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 */
--managed-cookies-modal-button-max-width:100%;
--account-modal-button-max-width:100%;
/* 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 */
/* Checkbox group label */
/* 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;
/* Epic words layer */
--checkbox-epic-words-gap:8px;
--checkbox-epic-words-gap-m:8px;
--checkbox-epic-words-gap-l:8px;
--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;
--checkbox-epic-explainer-color:var(--typo-data-label-s-colour);
--checkbox-epic-explainer-font-family:var(--typo-data-label-s-font-face);
--checkbox-epic-explainer-font-size:var(--typo-data-label-s-font-size);
--checkbox-epic-explainer-font-weight:400;
--checkbox-epic-explainer-font-style:var(--typo-data-label-s-font-style);
--checkbox-epic-explainer-line-height:var(--typo-data-label-s-line-height);
--checkbox-epic-explainer-letter-spacing:var(--typo-data-label-s-letter-spacing);
--checkbox-epic-explainer-text-transform:var(--typo-data-label-s-text-transform);
--checkbox-epic-explainer-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:16px;
--checkbox-epic-group-grid-h-gap-m:42px;
--checkbox-epic-group-grid-v-gap-m:16px;
--checkbox-epic-group-grid-h-gap-l:106px;
--checkbox-epic-group-grid-v-gap-l:16px;
--checkbox-epic-group-align-items:start;
--checkbox-epic-group-item-margin-top:0;
/* Cookies */
--cookies-justify-content:center;
--cookies-justify-content-m:center;
--cookies-justify-content-l:center;
--cookies-padding:8px;
--cookies-padding-m:8px;
--cookies-padding-l:8px;
--cookies-background:none;
--cookies-border:none;
--cookies-border-radius:none;
--cookies-box-shadow:none;
/* Inner */
--cookies-inner-max-width:100%;
--cookies-inner-max-width-m:100%;
--cookies-inner-max-width-l:100%;
--cookies-inner-padding:8px;
--cookies-inner-padding-m:16px;
--cookies-inner-padding-l:16px;
--cookies-inner-gap:16px;
--cookies-inner-gap-m:16px;
--cookies-inner-gap-l:16px;
--cookies-inner-background:var(--meta-swatch-mono-5);
--cookies-inner-border:none;
--cookies-inner-border-radius:20px;
--cookies-inner-box-shadow:none;
/* Words */
--cookies-words-flex-direction:row;
--cookies-words-flex-direction-m:row;
--cookies-words-flex-direction-l:row;
--cookies-words-gap:16px;
--cookies-words-gap-m:16px;
--cookies-words-gap-l:16px;
--cookies-words-font-size:14px;
--cookies-words-font-size-m:14px;
--cookies-words-font-size-l:14px;
/* Page actions overrides */
--cookies-page-actions-margin:0;
--cookies-page-actions-margin-m:0;
--cookies-page-actions-margin-l:0;
--cookies-page-actions-button-margin:0;
--cookies-page-actions-button-margin-m:0;
--cookies-page-actions-button-margin-l:0;
--cookies-page-actions-buttons-flex-direction:column;
--cookies-page-actions-buttons-flex-direction-m:row;
--cookies-page-actions-buttons-flex-direction-l:row;
--cookies-page-actions-buttons-gap:8px;
--cookies-page-actions-buttons-gap-m:8px;
--cookies-page-actions-buttons-gap-l:8px;
--cookies-page-actions-buttons-align-items:start;
--cookies-page-actions-buttons-align-items-m:start;
--cookies-page-actions-buttons-align-items-l:start;
/* 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);
--forms-textarea-margin:8px 0 0 0;
/* Label */
--forms-textarea-label-colour:var(--typo-form-label-colour);
--forms-textarea-label-font-family:var(--typo-form-label-font-face);
--forms-textarea-label-font-size:var(--typo-form-label-font-size);
--forms-textarea-label-font-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(--form-labels-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-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:4px;
/* 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:row;
--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-object-position:center;
--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 (Adverts) */
/* 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-grid-columns-opt1:1;
--targeted-links-grid-columns-m-opt1:1;
--targeted-links-grid-columns-l-opt1: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:2;
--targeted-links-grid-columns-l-opt3:3;
--targeted-links-background-opt3:var(--meta-swatch-mono-5);
--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 */
--targeted-links-item-p-padding:0 0 16px;
--targeted-links-item-p-padding-m:0 0 16px;
--targeted-links-item-p-padding-l:0 0 16px;
/* 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 *//* Horizontal words & image */
/* 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 *//* Vertical words & image */
/* New external container */
/* Item container */
--targeted-links-item-opt3-margin:none;
--targeted-links-item-opt3-background:var(--meta-swatch-mono-5);
--targeted-links-item-opt3-border:none;
--targeted-links-item-opt3-border-radius:none;
--targeted-links-item-opt3-box-shadow:var(--ref-effects-box-shadow-2);
--targeted-links-item-opt3-flex-direction:column;
--targeted-links-item-opt3-flex-direction-m:column;
--targeted-links-item-opt3-flex-direction-l:column;
--targeted-links-item-opt3-padding:8px 8px 12px;
--targeted-links-item-opt3-padding-m:16px;
--targeted-links-item-opt3-padding-l:16px;
--targeted-links-item-opt3-gap:8px;
--targeted-links-item-opt3-gap-m:12px;
--targeted-links-item-opt3-gap-l:12px;
--targeted-links-item-opt3-align-items:start;
--targeted-links-item-opt3-align-items-m:start;
--targeted-links-item-opt3-align-items-l:start;
/* Cover image */
--targeted-links-item-cover-image-opt3-padding:0;
--targeted-links-item-cover-image-opt3-padding-m:0;
--targeted-links-item-cover-image-opt3-padding-l:0;
--targeted-links-item-cover-image-opt3-width:100%;
--targeted-links-item-cover-image-opt3-height:auto;
--targeted-links-item-cover-image-opt3-width-m:100%;
--targeted-links-item-cover-image-opt3-height-m:auto;
--targeted-links-item-cover-image-opt3-width-l:100%;
--targeted-links-item-cover-image-opt3-height-l:auto;
--targeted-links-item-cover-image-opt3-object-fit:contain;
/* Body */
--targeted-links-item-body-opt3-padding:0;
--targeted-links-item-body-opt3-padding-m:0;
--targeted-links-item-body-opt3-padding-l:0;
/* Header */
--targeted-links-item-header-opt3-padding:0 0 16px 0;
--targeted-links-item-header-opt3-padding-m:0 0 16px 0;
--targeted-links-item-header-opt3-padding-l:0 0 16px 0;
--targeted-links-item-header-opt3-gap:16px;
--targeted-links-item-header-opt3-gap-m:16px;
--targeted-links-item-header-opt3-gap-l:16px;
--targeted-links-item-header-opt3-justify-content:start;
--targeted-links-item-header-opt3-justify-content-m:start;
--targeted-links-item-header-opt3-justify-content-l:start;
--targeted-links-item-header-opt3-align-items:start;
--targeted-links-item-header-opt3-align-items-m:start;
--targeted-links-item-header-opt3-align-items-l:start;
/* Icon */
/* External Heading */
/* Heading */
--targeted-links-item-heading-opt3-color:var(--typo-h-medium-colour);
--targeted-links-item-heading-opt3-font-family:var(--typo-h-medium-font-face);
--targeted-links-item-heading-opt3-font-weight:var(--typo-h-medium-font-weight);
--targeted-links-item-heading-opt3-font-style:var(--typo-h-medium-font-style);
--targeted-links-item-heading-opt3-line-height:var(--typo-h-medium-line-height);
--targeted-links-item-heading-opt3-letter-spacing:var(--typo-h-medium-letter-spacing);
--targeted-links-item-heading-opt3-text-transform:var(--typo-h-medium-text-transform);
--targeted-links-item-heading-opt3-text-align:var(--typo-h-medium-text-align);
--targeted-links-item-heading-opt3-font-size:var(--typo-h-small-font-size);
--targeted-links-item-heading-opt3-font-size-m:var(--typo-h-medium-font-size);
--targeted-links-item-heading-opt3-font-size-l:var(--typo-h-medium-font-size);
/* Paragraph */
--targeted-links-item-p-opt3-font-size:18px;
--targeted-links-item-p-opt3-font-size-m:22px;
--targeted-links-item-p-opt3-font-size-l:22px;
--targeted-links-item-p-opt3-padding:0 0 16px 0;
--targeted-links-item-p-opt3-padding-m:0 0 16px 0;
--targeted-links-item-p-opt3-padding-l:0 0 16px 0;
/* Paragraph links */
/* Inline image */
/* Buttons container */
--targeted-links-item-buttons-align-opt3-items:start;
--targeted-links-item-buttons-align-opt3-items-m:start;
--targeted-links-item-buttons-align-opt3-items-l:start;
/* 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(--grid-s);
--bp-result-inner-max-width-m:var(--grid-m);
--bp-result-inner-max-width-l:var(--grid-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(--grid-s);
--db-result-inner-max-width-m:var(--grid-s);
--db-result-inner-max-width-l:var(--grid-s);
--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:0;
--downsizing-widget-padding-m:0;
--downsizing-widget-padding-l: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 container */
--downsizing-widget-dataviz-container-gap: 12px;
--downsizing-widget-dataviz-container-gap-m: 12px;
--downsizing-widget-dataviz-container-gap-l: 12px;
/* 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;
--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:0;
--part-time-widget-padding-m:0;
--part-time-widget-padding-l: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:0;
--pension-impact-widget-padding-m:0;
--pension-impact-widget-padding-l: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 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(--grid-s);
--pg-result-inner-max-width-m:var(--grid-m);
--pg-result-inner-max-width-l:var(--grid-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:0 0 16px;
--uni-viz-sticky-padding-m:0 0 24px;
--uni-viz-sticky-padding-l:0 0 24px;
--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;
--uni-result-playground-wrapper-padding:16px 0 0 0;
/* 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:0;
--uni-savings-widget-padding-m:0;
--uni-savings-widget-padding-l: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 */
--template-landing-spacer-content-s:16px;
--template-landing-spacer-content-ml:16px;
/* 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 */
--template-video-max-width:930px;
/* 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 {
/* Heading */
--cover-heading-colour:var(--meta-swatch-mono-5);
--cover-heading-face:'santander-script';
--cover-heading-size-s:64px;
--cover-heading-size-ml:112px;
--cover-heading-line-height:1;
--cover-heading-text-transform:uppercase;
/* Sub heading */
--cover-sub-heading-colour:var(--meta-swatch-mono-5);
--cover-sub-heading-size-s:22px;
--cover-sub-heading-size-ml:32px;
/* Page heading */
/* Page sub heading */
/* Page header spacing */
/* Media & Text */
/* Layout spacer */
--typo-h2-font-size:var(--typo-h-large-font-size);
--typo-h2-font-size-m:var(--typo-h-xlarge-font-size);
--typo-h2-font-size-l:var(--typo-h-xlarge-font-size);
--typo-h3-font-size:var(--typo-h-medium-font-size);
--typo-h3-font-size-m:var(--typo-h-large-font-size);
--typo-h3-font-size-l:var(--typo-h-large-font-size);
/* Text - Headings */
/* Heading */
}
: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 {
/* Coach */
/* Message */
}
:root.blog {
}
:root.article {
/* 12 Column Content Grid */
/* Coach */
/* Message */
/* Avatar */
/* Message bubbles container */
--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 {
/* Message bubbles container */
/* Message */
--page-header-spacer-top-l:var(--pattern-page-header-spacer-top-bottom);
--page-header-spacer-bottom-l:var(--pattern-page-header-spacer-top-bottom);
/* Blocks */
/* Content */
/* Cover */
}
:root.question {
/* Message bubbles container */
/* Page Header */
/* Container */
/* Page heading */
/* Page sub heading */
/* Segmented buttons */
/* Radio buttons */
/* Outer container */
/* Label */
/* Field */
/* Option explainer */
/* Input Group & Labels */
/* Form container */
}
: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;
/* Text - Headings */
/* Heading */
--page-template-heading-font-size:var(--typo-h-medium-font-size);
--page-template-heading-font-size-m:var(--typo-h-large-font-size);
--page-template-heading-font-size-l:var(--typo-h-large-font-size);
/* Page Actions */
/* Container */
--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*/
}
/* Selectors */
/* The following selectors describe the different classnames behaviour for WP posts, eg. one article is re-used on different products and we want to hide a block on one product, but show it on the another one. To achieve this - the Additional CSS class(es) are added to the needed WP blocks with the classames listed below. */
.product-one {
}
.product-two {
}