npm - @total_onion/onion-library - Versions diffs - 3.2.0 → 3.2.2 - Mend

@total_onion/onion-library 3.2.0 → 3.2.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (527) hide show

package/public/publicBundleBase.css ADDED Viewed

@@ -0,0 +1,4742 @@
+@charset "UTF-8";
+@layer base-styles {
+  body {
+    --weight-thin: 100;
+    --weight-extra-light: 200;
+    --weight-light: 300;
+    --weight-medium: 400;
+    --weight-demi-bold: 500;
+    --weight-demi-bold-plus: 600;
+    --weight-bold: 700;
+    --weight-extra-bold: 800;
+    --weight-extra-bold-plus: 900;
+    --default-text-colour-mobile: var(--theme-primary-text-colour);
+    --default-text-colour-desktop: var(--theme-primary-text-colour);
+  }
+  .wp-toolbar body {
+    --screen-width-mobile: 360px;
+    --font-reference-mobile: 360px;
+    --screen-width: 360px;
+    --font-reference: 360px;
+  }
+  @media screen and (min-width: 768px) {
+    .wp-toolbar body {
+      --screen-width-portrait: 768px;
+      --screen-width-landscape: 768px;
+      --screen-width-desktop: 768px;
+      --screen-width-static: 768px;
+      --screen-width: 768px;
+      --font-reference: 768px;
+    }
+  }
+  @media screen and (min-width: 1024px) {
+    .wp-toolbar body {
+      --screen-width-portrait: 840px;
+      --screen-width-landscape: 840px;
+      --screen-width-desktop: 840px;
+      --screen-width-static: 840px;
+      --screen-width: 840px;
+      --font-reference-portrait: 840px;
+      --font-reference-landscape: 840px;
+      --font-reference-desktop: 840px;
+      --font-reference: 840px;
+    }
+  }
+}
+@layer base-styles {
+  body {
+    --screen-width: var(--screen-width-mobile);
+    --font-reference: var(--font-reference-mobile);
+    --design-reference: var(--mobile-design-reference);
+  }
+  @media screen and (min-width: 768px) {
+    body {
+      --screen-width: var(--screen-width-portrait);
+      --font-reference: var(--font-reference-portrait);
+      --design-reference: var(--portrait-design-reference);
+    }
+  }
+  @media screen and (min-width: 1024px) {
+    body {
+      --screen-width: var(--screen-width-landscape);
+      --font-reference: var(--font-reference-landscape);
+      --design-reference: var(--landscape-design-reference);
+    }
+  }
+  @media screen and (min-width: 1440px) {
+    body {
+      --screen-width: var(--screen-width-desktop);
+      --font-reference: var(--font-reference-desktop);
+      --design-reference: var(--desktop-design-reference);
+    }
+  }
+  @media screen and (min-width: 1920px) {
+    body {
+      --screen-width: var(--screen-width-fullhd);
+      --font-reference: var(--font-reference-fullhd);
+      --design-reference: var(--fullhd-design-reference);
+    }
+  }
+  body {
+    --mobile-inline: 20;
+    --portrait-inline: 40;
+    --landscape-inline: 40;
+    --desktop-inline: 40;
+    --screen-width-fullhd: 1920px;
+    --font-reference-fullhd: 1920px;
+    --screen-width-desktop: 1440px;
+    --font-reference-desktop: 1440px;
+    --screen-width-landscape: 100vw;
+    --font-reference-landscape: 100vw;
+    --screen-width-portrait: 100vw;
+    --font-reference-portrait: 100vw;
+    --font-reference-mobile: 375px;
+    --screen-width-mobile: 375px;
+    --screen-width-static: 1440px;
+    --fullhd-design-reference: 1920;
+    --desktop-design-reference: 1440;
+    --landscape-design-reference: 1440;
+    --portrait-design-reference: 1440;
+    --mobile-design-reference: 375;
+    --global-inline-spacing: calc(var(--mobile-inline) / var(--design-reference) * var(--screen-width));
+  }
+  @media screen and (min-width: 768px) {
+    body {
+      --global-inline-spacing: calc(var(--portrait-inline, 40) / var(--design-reference) * var(--screen-width));
+    }
+  }
+  @media screen and (min-width: 1024px) {
+    body {
+      --global-inline-spacing: calc(var(--landscape-inline, 40) / var(--design-reference) * var(--screen-width));
+    }
+  }
+  @media screen and (min-width: 1440px) {
+    body {
+      --global-inline-spacing: calc(var(--desktop-inline, 40) / var(--design-reference) * var(--screen-width));
+    }
+  }
+  body {
+    --heading-block-spacing: var(--heading-block-spacing-mobile);
+  }
+  @media screen and (min-width: 768px) {
+    body {
+      --heading-block-spacing: var(--heading-block-spacing-portrait);
+    }
+  }
+  @media screen and (min-width: 1024px) {
+    body {
+      --heading-block-spacing: var(--heading-block-spacing-desktop);
+    }
+  }
+  body {
+    --paragraph-block-spacing: var(--paragraph-block-spacing-mobile);
+  }
+  @media screen and (min-width: 768px) {
+    body {
+      --paragraph-block-spacing: var( --paragraph-block-spacing-portrait );
+    }
+  }
+  @media screen and (min-width: 1024px) {
+    body {
+      --paragraph-block-spacing: var( --paragraph-block-spacing-desktop );
+    }
+  }
+  body {
+    --list-item-block-spacing: var(--list-item-block-spacing-mobile);
+  }
+  @media screen and (min-width: 768px) {
+    body {
+      --list-item-block-spacing: var( --list-item-block-spacing-portrait );
+    }
+  }
+  @media screen and (min-width: 1024px) {
+    body {
+      --list-item-block-spacing: var( --list-item-block-spacing-desktop );
+    }
+  }
+  body {
+    --global-content-max-width: calc(var(--global-content-max-width-setting) / var(--desktop-design-reference) * var(--screen-width-static));
+  }
+}
+.font-primary {
+  font-family: var(--primary-font-family), sans-serif;
+  --font-size-multiplier: var(--global-font-multiplier-primary);
+}
+.font-secondary {
+  font-family: var(--secondary-font-family), sans-serif;
+  --font-size-multiplier: var(--global-font-multiplier-secondary);
+}
+.font-tertiary {
+  font-family: var(--tertiary-font-family), sans-serif;
+  --font-size-multiplier: var(--global-font-multiplier-tertiary);
+}
+.font-quaternary {
+  font-family: var(--quaternary-font-family), sans-serif;
+  --font-size-multiplier: var(--global-font-multiplier-quaternary);
+}
+.h1-l-sizing,
+.h-xl-sizing {
+  letter-spacing: var(--h-xl-letter-spacing);
+  line-height: var(--h-xl-line-height);
+  font-family: var(--h-xl-font-family);
+  --default-font-weight: var(--h-xl-default-font-weight);
+  font-weight: var(--default-font-weight);
+}
+.h1-l-sizing strong,
+.h1-l-sizing b,
+.h-xl-sizing strong,
+.h-xl-sizing b {
+  font-weight: var(--h-xl-bold-font-weight);
+}
+.h1-l-sizing,
+.h-xl-sizing {
+  font-size: clamp(10px, 44 / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+  font-size: clamp(var(--h-xl-font-size-min-mobile, 10px), var(--h-xl-mobile, 44) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--h-xl-font-size-max-mobile, 180px));
+}
+@media screen and (min-width: 768px) {
+  .h1-l-sizing,
+  .h-xl-sizing {
+    font-size: clamp(10px, 44 / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+    font-size: clamp(var(--h-xl-font-size-min-mobile, 10px), var(--h-xl-portrait, 44) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--h-xl-font-size-max-mobile, 180px));
+  }
+}
+@media screen and (min-width: 1024px) {
+  .h1-l-sizing,
+  .h-xl-sizing {
+    font-size: clamp(10px, 70 / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+    font-size: clamp(var(--h-xl-font-size-min-desktop, 10px), var(--h-xl-landscape, 70) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--h-xl-font-size-max-desktop, 180px));
+  }
+}
+@media screen and (min-width: 1440px) {
+  .h1-l-sizing,
+  .h-xl-sizing {
+    font-size: clamp(10px, 280 / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+    font-size: clamp(var(--h-xl-font-size-min-desktop, 10px), var(--h-xl-desktop, 280) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--h-xl-font-size-max-desktop, 180px));
+    line-height: var(--h-xl-line-height);
+    letter-spacing: var(--h-xl-letter-spacing);
+  }
+}
+@media (max-width: 768px) {
+  .cmpl-text-editor-settings .h-xl-fs-mobile {
+    font-size: clamp(10px, 280 / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+    font-size: clamp(var(--h-xl-font-size-min-desktop, 10px), var(--h-xl-desktop, 280) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--h-xl-font-size-max-desktop, 180px));
+    line-height: var(--h-xl-line-height);
+    letter-spacing: var(--h-xl-letter-spacing);
+  }
+}
+@media (min-width: 768px) and (max-width: 1024px) {
+  .cmpl-text-editor-settings .h-xl-fs-portrait {
+    font-size: clamp(10px, 280 / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+    font-size: clamp(var(--h-xl-font-size-min-desktop, 10px), var(--h-xl-desktop, 280) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--h-xl-font-size-max-desktop, 180px));
+    line-height: var(--h-xl-line-height);
+    letter-spacing: var(--h-xl-letter-spacing);
+  }
+}
+@media screen and (min-width: 1024px) {
+  .cmpl-text-editor-settings .h-xl-fs-desktop {
+    font-size: clamp(10px, 280 / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+    font-size: clamp(var(--h-xl-font-size-min-desktop, 10px), var(--h-xl-desktop, 280) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--h-xl-font-size-max-desktop, 180px));
+    line-height: var(--h-xl-line-height);
+    letter-spacing: var(--h-xl-letter-spacing);
+  }
+}
+.h1-sizing,
+.h-l-sizing {
+  letter-spacing: var(--h-l-letter-spacing);
+  line-height: var(--h-l-line-height);
+  font-family: var(--h-l-font-family);
+  --default-font-weight: var(--h-l-default-font-weight);
+  font-weight: var(--h-l-default-font-weight);
+}
+.h1-sizing strong,
+.h1-sizing b,
+.h-l-sizing strong,
+.h-l-sizing b {
+  font-weight: var(--h-l-bold-font-weight);
+}
+.h1-sizing,
+.h-l-sizing {
+  font-size: clamp(10px, 32 / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+  font-size: clamp(var(--h-l-font-size-min-mobile, 10px), var(--h-l-mobile, 32) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--h-l-font-size-max-mobile, 180px));
+}
+@media screen and (min-width: 768px) {
+  .h1-sizing,
+  .h-l-sizing {
+    font-size: clamp(10px, 32 / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+    font-size: clamp(var(--h-l-font-size-min-mobile, 10px), var(--h-l-portrait, 32) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--h-l-font-size-max-mobile, 180px));
+  }
+}
+@media screen and (min-width: 1024px) {
+  .h1-sizing,
+  .h-l-sizing {
+    font-size: clamp(10px, 44 / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+    font-size: clamp(var(--h-l-font-size-min-desktop, 10px), var(--h-l-landscape, 44) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--h-l-font-size-max-desktop, 180px));
+  }
+}
+@media screen and (min-width: 1440px) {
+  .h1-sizing,
+  .h-l-sizing {
+    font-size: clamp(10px, 220 / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+    font-size: clamp(var(--h-l-font-size-min-desktop, 10px), var(--h-l-desktop, 220) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--h-l-font-size-max-desktop, 180px));
+    letter-spacing: var(--h-l-letter-spacing);
+    line-height: var(--h-l-line-height);
+  }
+}
+@media (max-width: 768px) {
+  .cmpl-text-editor-settings .h-l-fs-mobile {
+    font-size: clamp(10px, 220 / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+    font-size: clamp(var(--h-l-font-size-min-desktop, 10px), var(--h-l-desktop, 220) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--h-l-font-size-max-desktop, 180px));
+    letter-spacing: var(--h-l-letter-spacing);
+    line-height: var(--h-l-line-height);
+  }
+}
+@media (min-width: 768px) and (max-width: 1024px) {
+  .cmpl-text-editor-settings .h-l-fs-portrait {
+    font-size: clamp(10px, 220 / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+    font-size: clamp(var(--h-l-font-size-min-desktop, 10px), var(--h-l-desktop, 220) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--h-l-font-size-max-desktop, 180px));
+    letter-spacing: var(--h-l-letter-spacing);
+    line-height: var(--h-l-line-height);
+  }
+}
+@media screen and (min-width: 1024px) {
+  .cmpl-text-editor-settings .h-l-fs-desktop {
+    font-size: clamp(10px, 220 / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+    font-size: clamp(var(--h-l-font-size-min-desktop, 10px), var(--h-l-desktop, 220) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--h-l-font-size-max-desktop, 180px));
+    letter-spacing: var(--h-l-letter-spacing);
+    line-height: var(--h-l-line-height);
+  }
+}
+.h2-sizing,
+.h-m-sizing {
+  letter-spacing: var(--h-m-letter-spacing);
+  line-height: var(--h-m-line-height);
+  font-family: var(--h-m-font-family);
+  --default-font-weight: var(--h-m-default-font-weight);
+  font-weight: var(--default-font-weight);
+}
+.h2-sizing strong,
+.h2-sizing b,
+.h-m-sizing strong,
+.h-m-sizing b {
+  font-weight: var(--h-m-bold-font-weight);
+}
+.h2-sizing,
+.h-m-sizing {
+  font-size: clamp(10px, 24 / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+  font-size: clamp(var(--h-m-font-size-min-mobile, 10px), var(--h-m-mobile, 24) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--h-m-font-size-max-mobile, 180px));
+}
+@media screen and (min-width: 768px) {
+  .h2-sizing,
+  .h-m-sizing {
+    font-size: clamp(10px, 24 / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+    font-size: clamp(var(--h-m-font-size-min-mobile, 10px), var(--h-m-portrait, 24) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--h-m-font-size-max-mobile, 180px));
+  }
+}
+@media screen and (min-width: 1024px) {
+  .h2-sizing,
+  .h-m-sizing {
+    font-size: clamp(10px, 32 / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+    font-size: clamp(var(--h-m-font-size-min-desktop, 10px), var(--h-m-landscape, 32) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--h-m-font-size-max-desktop, 180px));
+  }
+}
+@media screen and (min-width: 1440px) {
+  .h2-sizing,
+  .h-m-sizing {
+    font-size: clamp(10px, 32 / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+    font-size: clamp(var(--h-m-font-size-min-desktop, 10px), var(--h-m-desktop, 32) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--h-m-font-size-max-desktop, 180px));
+    letter-spacing: var(--h-m-letter-spacing);
+    line-height: var(--h-m-line-height);
+  }
+}
+@media (max-width: 768px) {
+  .cmpl-text-editor-settings .h-m-fs-mobile {
+    font-size: clamp(10px, 32 / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+    font-size: clamp(var(--h-m-font-size-min-desktop, 10px), var(--h-m-desktop, 32) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--h-m-font-size-max-desktop, 180px));
+    letter-spacing: var(--h-m-letter-spacing);
+    line-height: var(--h-m-line-height);
+  }
+}
+@media (min-width: 768px) and (max-width: 1024px) {
+  .cmpl-text-editor-settings .h-m-fs-portrait {
+    font-size: clamp(10px, 32 / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+    font-size: clamp(var(--h-m-font-size-min-desktop, 10px), var(--h-m-desktop, 32) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--h-m-font-size-max-desktop, 180px));
+    letter-spacing: var(--h-m-letter-spacing);
+    line-height: var(--h-m-line-height);
+  }
+}
+@media screen and (min-width: 1024px) {
+  .cmpl-text-editor-settings .h-m-fs-desktop {
+    font-size: clamp(10px, 32 / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+    font-size: clamp(var(--h-m-font-size-min-desktop, 10px), var(--h-m-desktop, 32) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--h-m-font-size-max-desktop, 180px));
+    letter-spacing: var(--h-m-letter-spacing);
+    line-height: var(--h-m-line-height);
+  }
+}
+.h3-sizing,
+.h-s-sizing {
+  letter-spacing: var(--h-s-letter-spacing);
+  line-height: var(--h-s-line-height);
+  font-family: var(--h-s-font-family);
+  --default-font-weight: var(--h-s-default-font-weight);
+  font-weight: var(--default-font-weight);
+}
+.h3-sizing strong,
+.h3-sizing b,
+.h-s-sizing strong,
+.h-s-sizing b {
+  font-weight: var(--h-s-bold-font-weight);
+}
+.h3-sizing,
+.h-s-sizing {
+  font-size: clamp(10px, 20 / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+  font-size: clamp(var(--h-s-font-size-min-mobile, 10px), var(--h-s-mobile, 20) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--h-s-font-size-max-mobile, 180px));
+}
+@media screen and (min-width: 768px) {
+  .h3-sizing,
+  .h-s-sizing {
+    font-size: clamp(10px, 20 / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+    font-size: clamp(var(--h-s-font-size-min-mobile, 10px), var(--h-s-portrait, 20) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--h-s-font-size-max-mobile, 180px));
+  }
+}
+@media screen and (min-width: 1024px) {
+  .h3-sizing,
+  .h-s-sizing {
+    font-size: clamp(10px, 24 / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+    font-size: clamp(var(--h-s-font-size-min-desktop, 10px), var(--h-s-landscape, 24) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--h-s-font-size-max-desktop, 180px));
+  }
+}
+@media screen and (min-width: 1440px) {
+  .h3-sizing,
+  .h-s-sizing {
+    font-size: clamp(10px, 24 / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+    font-size: clamp(var(--h-s-font-size-min-desktop, 10px), var(--h-s-desktop, 24) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--h-s-font-size-max-desktop, 180px));
+    letter-spacing: var(--h-s-letter-spacing);
+    line-height: var(--h-s-line-height);
+  }
+}
+@media (max-width: 768px) {
+  .cmpl-text-editor-settings .h-s-fs-mobile {
+    font-size: clamp(10px, 24 / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+    font-size: clamp(var(--h-s-font-size-min-desktop, 10px), var(--h-s-desktop, 24) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--h-s-font-size-max-desktop, 180px));
+    letter-spacing: var(--h-s-letter-spacing);
+    line-height: var(--h-s-line-height);
+  }
+}
+@media (min-width: 768px) and (max-width: 1024px) {
+  .cmpl-text-editor-settings .h-s-fs-portrait {
+    font-size: clamp(10px, 24 / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+    font-size: clamp(var(--h-s-font-size-min-desktop, 10px), var(--h-s-desktop, 24) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--h-s-font-size-max-desktop, 180px));
+    letter-spacing: var(--h-s-letter-spacing);
+    line-height: var(--h-s-line-height);
+  }
+}
+@media screen and (min-width: 1024px) {
+  .cmpl-text-editor-settings .h-s-fs-desktop {
+    font-size: clamp(10px, 24 / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+    font-size: clamp(var(--h-s-font-size-min-desktop, 10px), var(--h-s-desktop, 24) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--h-s-font-size-max-desktop, 180px));
+    letter-spacing: var(--h-s-letter-spacing);
+    line-height: var(--h-s-line-height);
+  }
+}
+.h4-sizing,
+.h-xs-sizing {
+  letter-spacing: var(--h-xs-letter-spacing);
+  line-height: var(--h-xs-line-height);
+  font-family: var(--h-xs-font-family);
+  --default-font-weight: var(--h-xs-default-font-weight);
+  font-weight: var(--default-font-weight);
+}
+.h4-sizing strong,
+.h4-sizing b,
+.h-xs-sizing strong,
+.h-xs-sizing b {
+  font-weight: var(--h-xs-bold-font-weight);
+}
+.h4-sizing,
+.h-xs-sizing {
+  font-size: clamp(10px, 14 / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+  font-size: clamp(var(--h-xs-font-size-min-mobile, 10px), var(--h-xs-mobile, 14) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--h-xs-font-size-max-mobile, 180px));
+}
+@media screen and (min-width: 768px) {
+  .h4-sizing,
+  .h-xs-sizing {
+    font-size: clamp(10px, 14 / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+    font-size: clamp(var(--h-xs-font-size-min-mobile, 10px), var(--h-xs-portrait, 14) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--h-xs-font-size-max-mobile, 180px));
+  }
+}
+@media screen and (min-width: 1024px) {
+  .h4-sizing,
+  .h-xs-sizing {
+    font-size: clamp(10px, 18 / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+    font-size: clamp(var(--h-xs-font-size-min-desktop, 10px), var(--h-xs-landscape, 18) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--h-xs-font-size-max-desktop, 180px));
+  }
+}
+@media screen and (min-width: 1440px) {
+  .h4-sizing,
+  .h-xs-sizing {
+    font-size: clamp(10px, 18 / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+    font-size: clamp(var(--h-xs-font-size-min-desktop, 10px), var(--h-xs-desktop, 18) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--h-xs-font-size-max-desktop, 180px));
+    letter-spacing: var(--h-xs-letter-spacing);
+    line-height: var(--h-xs-line-height);
+  }
+}
+@media (max-width: 768px) {
+  .cmpl-text-editor-settings .h-xs-fs-mobile {
+    font-size: clamp(10px, 18 / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+    font-size: clamp(var(--h-xs-font-size-min-desktop, 10px), var(--h-xs-desktop, 18) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--h-xs-font-size-max-desktop, 180px));
+    letter-spacing: var(--h-xs-letter-spacing);
+    line-height: var(--h-xs-line-height);
+  }
+}
+@media (min-width: 768px) and (max-width: 1024px) {
+  .cmpl-text-editor-settings .h-xs-fs-portrait {
+    font-size: clamp(10px, 18 / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+    font-size: clamp(var(--h-xs-font-size-min-desktop, 10px), var(--h-xs-desktop, 18) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--h-xs-font-size-max-desktop, 180px));
+    letter-spacing: var(--h-xs-letter-spacing);
+    line-height: var(--h-xs-line-height);
+  }
+}
+@media screen and (min-width: 1024px) {
+  .cmpl-text-editor-settings .h-xs-fs-desktop {
+    font-size: clamp(10px, 18 / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+    font-size: clamp(var(--h-xs-font-size-min-desktop, 10px), var(--h-xs-desktop, 18) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--h-xs-font-size-max-desktop, 180px));
+    letter-spacing: var(--h-xs-letter-spacing);
+    line-height: var(--h-xs-line-height);
+  }
+}
+.h5-sizing,
+.h-xxs-sizing {
+  letter-spacing: var(--h-xxs-letter-spacing);
+  line-height: var(--h-xxs-line-height);
+  font-family: var(--h-xxs-font-family);
+  --default-font-weight: var(--h-xxs-default-font-weight);
+  font-weight: var(--default-font-weight);
+}
+.h5-sizing strong,
+.h5-sizing b,
+.h-xxs-sizing strong,
+.h-xxs-sizing b {
+  font-weight: var(--h-xxs-bold-font-weight);
+}
+.h5-sizing,
+.h-xxs-sizing {
+  font-size: clamp(10px, 12 / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+  font-size: clamp(var(--h-xxs-font-size-min-mobile, 10px), var(--h-xxs-mobile, 12) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--h-xxs-font-size-max-mobile, 180px));
+}
+@media screen and (min-width: 768px) {
+  .h5-sizing,
+  .h-xxs-sizing {
+    font-size: clamp(10px, 12 / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+    font-size: clamp(var(--h-xxs-font-size-min-mobile, 10px), var(--h-xxs-portrait, 12) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--h-xxs-font-size-max-mobile, 180px));
+  }
+}
+@media screen and (min-width: 1024px) {
+  .h5-sizing,
+  .h-xxs-sizing {
+    font-size: clamp(10px, 16 / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+    font-size: clamp(var(--h-xxs-font-size-min-desktop, 10px), var(--h-xxs-landscape, 16) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--h-xxs-font-size-max-desktop, 180px));
+  }
+}
+@media screen and (min-width: 1440px) {
+  .h5-sizing,
+  .h-xxs-sizing {
+    font-size: clamp(10px, 16 / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+    font-size: clamp(var(--h-xxs-font-size-min-desktop, 10px), var(--h-xxs-desktop, 16) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--h-xxs-font-size-max-desktop, 180px));
+    letter-spacing: var(--h-xxs-letter-spacing);
+    line-height: var(--h-xxs-line-height);
+  }
+}
+@media (max-width: 768px) {
+  .cmpl-text-editor-settings .h-xxs-fs-mobile {
+    font-size: clamp(10px, 16 / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+    font-size: clamp(var(--h-xxs-font-size-min-desktop, 10px), var(--h-xxs-desktop, 16) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--h-xxs-font-size-max-desktop, 180px));
+    letter-spacing: var(--h-xxs-letter-spacing);
+    line-height: var(--h-xxs-line-height);
+  }
+}
+@media (min-width: 768px) and (max-width: 1024px) {
+  .cmpl-text-editor-settings .h-xxs-fs-portrait {
+    font-size: clamp(10px, 16 / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+    font-size: clamp(var(--h-xxs-font-size-min-desktop, 10px), var(--h-xxs-desktop, 16) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--h-xxs-font-size-max-desktop, 180px));
+    letter-spacing: var(--h-xxs-letter-spacing);
+    line-height: var(--h-xxs-line-height);
+  }
+}
+@media screen and (min-width: 1024px) {
+  .cmpl-text-editor-settings .h-xxs-fs-desktop {
+    font-size: clamp(10px, 16 / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+    font-size: clamp(var(--h-xxs-font-size-min-desktop, 10px), var(--h-xxs-desktop, 16) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--h-xxs-font-size-max-desktop, 180px));
+    letter-spacing: var(--h-xxs-letter-spacing);
+    line-height: var(--h-xxs-line-height);
+  }
+}
+.h6-sizing,
+.h-xxxs-sizing {
+  letter-spacing: var(--h-xxxs-letter-spacing);
+  line-height: var(--h-xxxs-line-height);
+  font-family: var(--h-xxxs-font-family);
+  --default-font-weight: var(--h-xxxs-default-font-weight);
+  font-weight: var(--default-font-weight);
+}
+.h6-sizing strong,
+.h6-sizing b,
+.h-xxxs-sizing strong,
+.h-xxxs-sizing b {
+  font-weight: var(--h-xxxs-bold-font-weight);
+}
+.h6-sizing,
+.h-xxxs-sizing {
+  font-size: clamp(10px, 10 / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+  font-size: clamp(var(--h-xxxs-font-size-min-mobile, 10px), var(--h-xxxs-mobile, 10) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--h-xxxs-font-size-max-mobile, 180px));
+}
+@media screen and (min-width: 768px) {
+  .h6-sizing,
+  .h-xxxs-sizing {
+    font-size: clamp(10px, 10 / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+    font-size: clamp(var(--h-xxxs-font-size-min-mobile, 10px), var(--h-xxxs-portrait, 10) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--h-xxxs-font-size-max-mobile, 180px));
+  }
+}
+@media screen and (min-width: 1024px) {
+  .h6-sizing,
+  .h-xxxs-sizing {
+    font-size: clamp(10px, 12 / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+    font-size: clamp(var(--h-xxxs-font-size-min-desktop, 10px), var(--h-xxxs-landscape, 12) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--h-xxxs-font-size-max-desktop, 180px));
+  }
+}
+@media screen and (min-width: 1440px) {
+  .h6-sizing,
+  .h-xxxs-sizing {
+    font-size: clamp(10px, 12 / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+    font-size: clamp(var(--h-xxxs-font-size-min-desktop, 10px), var(--h-xxxs-desktop, 12) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--h-xxxs-font-size-max-desktop, 180px));
+    letter-spacing: var(--h-xxxs-letter-spacing);
+    line-height: var(--h-xxxs-line-height);
+  }
+}
+@media (max-width: 768px) {
+  .cmpl-text-editor-settings .h-xxxs-fs-mobile {
+    font-size: clamp(10px, 12 / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+    font-size: clamp(var(--h-xxxs-font-size-min-desktop, 10px), var(--h-xxxs-desktop, 12) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--h-xxxs-font-size-max-desktop, 180px));
+    letter-spacing: var(--h-xxxs-letter-spacing);
+    line-height: var(--h-xxxs-line-height);
+  }
+}
+@media (min-width: 768px) and (max-width: 1024px) {
+  .cmpl-text-editor-settings .h-xxxs-fs-portrait {
+    font-size: clamp(10px, 12 / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+    font-size: clamp(var(--h-xxxs-font-size-min-desktop, 10px), var(--h-xxxs-desktop, 12) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--h-xxxs-font-size-max-desktop, 180px));
+    letter-spacing: var(--h-xxxs-letter-spacing);
+    line-height: var(--h-xxxs-line-height);
+  }
+}
+@media screen and (min-width: 1024px) {
+  .cmpl-text-editor-settings .h-xxxs-fs-desktop {
+    font-size: clamp(10px, 12 / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+    font-size: clamp(var(--h-xxxs-font-size-min-desktop, 10px), var(--h-xxxs-desktop, 12) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--h-xxxs-font-size-max-desktop, 180px));
+    letter-spacing: var(--h-xxxs-letter-spacing);
+    line-height: var(--h-xxxs-line-height);
+  }
+}
+.sh-xxxl-sizing {
+  letter-spacing: var(--sh-xxxl-letter-spacing);
+  line-height: var(--sh-xxxl-line-height);
+  font-family: var(--sh-xxxl-font-family);
+  --default-font-weight: var(--sh-xxxl-default-font-weight);
+  font-weight: var(--default-font-weight);
+}
+.sh-xxxl-sizing strong,
+.sh-xxxl-sizing b {
+  font-weight: var(--sh-xxxl-bold-font-weight);
+}
+.sh-xxxl-sizing {
+  font-size: clamp(10px, 60 / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+  font-size: clamp(var(--sh-xxxl-font-size-min-mobile, 10px), var(--sh-xxxl-mobile, 60) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--sh-xxxl-font-size-max-mobile, 180px));
+}
+@media screen and (min-width: 1440px) {
+  .sh-xxxl-sizing {
+    font-size: clamp(10px, 70 / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+    font-size: clamp(var(--sh-xxxl-font-size-min-desktop, 10px), var(--sh-xxxl-desktop, 70) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--sh-xxxl-font-size-max-desktop, 180px));
+    letter-spacing: var(--sh-xxxl-letter-spacing);
+    line-height: var(--sh-xxxl-line-height);
+  }
+}
+.sh-xxl-sizing {
+  letter-spacing: var(--sh-xxl-letter-spacing);
+  line-height: var(--sh-xxl-line-height);
+  font-family: var(--sh-xxl-font-family);
+  --default-font-weight: var(--sh-xxl-default-font-weight);
+  font-weight: var(--default-font-weight);
+}
+.sh-xxl-sizing strong,
+.sh-xxl-sizing b {
+  font-weight: var(--sh-xxl-bold-font-weight);
+}
+.sh-xxl-sizing {
+  font-size: clamp(10px, 40 / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+  font-size: clamp(var(--sh-xxl-font-size-min-mobile, 10px), var(--sh-xxl-mobile, 40) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--sh-xxl-font-size-max-mobile, 180px));
+}
+@media screen and (min-width: 1440px) {
+  .sh-xxl-sizing {
+    font-size: clamp(10px, 52 / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+    font-size: clamp(var(--sh-xxl-font-size-min-desktop, 10px), var(--sh-xxl-desktop, 52) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--sh-xxl-font-size-max-desktop, 180px));
+    letter-spacing: var(--sh-xxl-letter-spacing);
+    line-height: var(--sh-xxl-line-height);
+  }
+}
+.sh1-sizing,
+.sh-xl-sizing {
+  letter-spacing: var(--sh-xl-letter-spacing);
+  line-height: var(--sh-xl-line-height);
+  font-family: var(--sh-xl-font-family);
+  --default-font-weight: var(--sh-xl-default-font-weight);
+  font-weight: var(--default-font-weight);
+}
+.sh1-sizing strong,
+.sh1-sizing b,
+.sh-xl-sizing strong,
+.sh-xl-sizing b {
+  font-weight: var(--sh-xl-bold-font-weight);
+}
+.sh1-sizing,
+.sh-xl-sizing {
+  font-size: clamp(10px, 44 / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+  font-size: clamp(var(--sh-xl-font-size-min-mobile, 10px), var(--sh-xl-mobile, 44) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--sh-xl-font-size-max-mobile, 180px));
+}
+@media screen and (min-width: 768px) {
+  .sh1-sizing,
+  .sh-xl-sizing {
+    font-size: clamp(10px, 44 / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+    font-size: clamp(var(--sh-xl-font-size-min-mobile, 10px), var(--sh-xl-portrait, 44) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--sh-xl-font-size-max-mobile, 180px));
+  }
+}
+@media screen and (min-width: 1024px) {
+  .sh1-sizing,
+  .sh-xl-sizing {
+    font-size: clamp(10px, 70 / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+    font-size: clamp(var(--sh-xl-font-size-min-desktop, 10px), var(--sh-xl-landscape, 70) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--sh-xl-font-size-max-desktop, 180px));
+  }
+}
+@media screen and (min-width: 1440px) {
+  .sh1-sizing,
+  .sh-xl-sizing {
+    font-size: clamp(10px, 52 / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+    font-size: clamp(var(--sh-xl-font-size-min-desktop, 10px), var(--sh-xl-desktop, 52) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--sh-xl-font-size-max-desktop, 180px));
+    letter-spacing: var(--sh-xl-letter-spacing);
+    line-height: var(--sh-xl-line-height);
+  }
+}
+@media (max-width: 768px) {
+  .cmpl-text-editor-settings .sh-xl-fs-mobile {
+    font-size: clamp(10px, 52 / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+    font-size: clamp(var(--sh-xl-font-size-min-desktop, 10px), var(--sh-xl-desktop, 52) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--sh-xl-font-size-max-desktop, 180px));
+    letter-spacing: var(--sh-xl-letter-spacing);
+    line-height: var(--sh-xl-line-height);
+  }
+}
+@media (min-width: 768px) and (max-width: 1024px) {
+  .cmpl-text-editor-settings .sh-xl-fs-portrait {
+    font-size: clamp(10px, 52 / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+    font-size: clamp(var(--sh-xl-font-size-min-desktop, 10px), var(--sh-xl-desktop, 52) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--sh-xl-font-size-max-desktop, 180px));
+    letter-spacing: var(--sh-xl-letter-spacing);
+    line-height: var(--sh-xl-line-height);
+  }
+}
+@media screen and (min-width: 1024px) {
+  .cmpl-text-editor-settings .sh-xl-fs-desktop {
+    font-size: clamp(10px, 52 / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+    font-size: clamp(var(--sh-xl-font-size-min-desktop, 10px), var(--sh-xl-desktop, 52) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--sh-xl-font-size-max-desktop, 180px));
+    letter-spacing: var(--sh-xl-letter-spacing);
+    line-height: var(--sh-xl-line-height);
+  }
+}
+.sh2-sizing,
+.sh-l-sizing {
+  letter-spacing: var(--sh-l-letter-spacing);
+  line-height: var(--sh-l-line-height);
+  font-family: var(--sh-l-font-family);
+  --default-font-weight: var(--sh-l-default-font-weight);
+  font-weight: var(--default-font-weight);
+}
+.sh2-sizing strong,
+.sh2-sizing b,
+.sh-l-sizing strong,
+.sh-l-sizing b {
+  font-weight: var(--sh-l-bold-font-weight);
+}
+.sh2-sizing,
+.sh-l-sizing {
+  font-size: clamp(10px, 32 / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+  font-size: clamp(var(--sh-l-font-size-min-mobile, 10px), var(--sh-l-mobile, 32) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--sh-l-font-size-max-mobile, 180px));
+}
+@media screen and (min-width: 768px) {
+  .sh2-sizing,
+  .sh-l-sizing {
+    font-size: clamp(10px, 32 / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+    font-size: clamp(var(--sh-l-font-size-min-mobile, 10px), var(--sh-l-portrait, 32) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--sh-l-font-size-max-mobile, 180px));
+  }
+}
+@media screen and (min-width: 1024px) {
+  .sh2-sizing,
+  .sh-l-sizing {
+    font-size: clamp(10px, 44 / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+    font-size: clamp(var(--sh-l-font-size-min-desktop, 10px), var(--sh-l-landscape, 44) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--sh-l-font-size-max-desktop, 180px));
+  }
+}
+@media screen and (min-width: 1440px) {
+  .sh2-sizing,
+  .sh-l-sizing {
+    font-size: clamp(10px, 44 / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+    font-size: clamp(var(--sh-l-font-size-min-desktop, 10px), var(--sh-l-desktop, 44) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--sh-l-font-size-max-desktop, 180px));
+    letter-spacing: var(--sh-l-letter-spacing);
+    line-height: var(--sh-l-line-height);
+  }
+}
+@media (max-width: 768px) {
+  .cmpl-text-editor-settings .sh-l-fs-mobile {
+    font-size: clamp(10px, 44 / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+    font-size: clamp(var(--sh-l-font-size-min-desktop, 10px), var(--sh-l-desktop, 44) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--sh-l-font-size-max-desktop, 180px));
+    letter-spacing: var(--sh-l-letter-spacing);
+    line-height: var(--sh-l-line-height);
+  }
+}
+@media (min-width: 768px) and (max-width: 1024px) {
+  .cmpl-text-editor-settings .sh-l-fs-portrait {
+    font-size: clamp(10px, 44 / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+    font-size: clamp(var(--sh-l-font-size-min-desktop, 10px), var(--sh-l-desktop, 44) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--sh-l-font-size-max-desktop, 180px));
+    letter-spacing: var(--sh-l-letter-spacing);
+    line-height: var(--sh-l-line-height);
+  }
+}
+@media screen and (min-width: 1024px) {
+  .cmpl-text-editor-settings .sh-l-fs-desktop {
+    font-size: clamp(10px, 44 / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+    font-size: clamp(var(--sh-l-font-size-min-desktop, 10px), var(--sh-l-desktop, 44) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--sh-l-font-size-max-desktop, 180px));
+    letter-spacing: var(--sh-l-letter-spacing);
+    line-height: var(--sh-l-line-height);
+  }
+}
+.sh3-sizing,
+.sh-m-sizing {
+  letter-spacing: var(--sh-m-letter-spacing);
+  line-height: var(--sh-m-line-height);
+  font-family: var(--sh-m-font-family);
+  --default-font-weight: var(--sh-m-default-font-weight);
+  font-weight: var(--default-font-weight);
+}
+.sh3-sizing strong,
+.sh3-sizing b,
+.sh-m-sizing strong,
+.sh-m-sizing b {
+  font-weight: var(--sh-m-bold-font-weight);
+}
+.sh3-sizing,
+.sh-m-sizing {
+  font-size: clamp(10px, 24 / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+  font-size: clamp(var(--sh-m-font-size-min-mobile, 10px), var(--sh-m-mobile, 24) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--sh-m-font-size-max-mobile, 180px));
+}
+@media screen and (min-width: 768px) {
+  .sh3-sizing,
+  .sh-m-sizing {
+    font-size: clamp(10px, 24 / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+    font-size: clamp(var(--sh-m-font-size-min-mobile, 10px), var(--sh-m-portrait, 24) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--sh-m-font-size-max-mobile, 180px));
+  }
+}
+@media screen and (min-width: 1024px) {
+  .sh3-sizing,
+  .sh-m-sizing {
+    font-size: clamp(10px, 32 / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+    font-size: clamp(var(--sh-m-font-size-min-desktop, 10px), var(--sh-m-landscape, 32) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--sh-m-font-size-max-desktop, 180px));
+  }
+}
+@media screen and (min-width: 1440px) {
+  .sh3-sizing,
+  .sh-m-sizing {
+    font-size: clamp(10px, 30 / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+    font-size: clamp(var(--sh-m-font-size-min-desktop, 10px), var(--sh-m-desktop, 30) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--sh-m-font-size-max-desktop, 180px));
+    letter-spacing: var(--sh-m-letter-spacing);
+    line-height: var(--sh-m-line-height);
+  }
+}
+@media (max-width: 768px) {
+  .cmpl-text-editor-settings .sh-m-fs-mobile {
+    font-size: clamp(10px, 30 / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+    font-size: clamp(var(--sh-m-font-size-min-desktop, 10px), var(--sh-m-desktop, 30) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--sh-m-font-size-max-desktop, 180px));
+    letter-spacing: var(--sh-m-letter-spacing);
+    line-height: var(--sh-m-line-height);
+  }
+}
+@media (min-width: 768px) and (max-width: 1024px) {
+  .cmpl-text-editor-settings .sh-m-fs-portrait {
+    font-size: clamp(10px, 30 / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+    font-size: clamp(var(--sh-m-font-size-min-desktop, 10px), var(--sh-m-desktop, 30) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--sh-m-font-size-max-desktop, 180px));
+    letter-spacing: var(--sh-m-letter-spacing);
+    line-height: var(--sh-m-line-height);
+  }
+}
+@media screen and (min-width: 1024px) {
+  .cmpl-text-editor-settings .sh-m-fs-desktop {
+    font-size: clamp(10px, 30 / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+    font-size: clamp(var(--sh-m-font-size-min-desktop, 10px), var(--sh-m-desktop, 30) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--sh-m-font-size-max-desktop, 180px));
+    letter-spacing: var(--sh-m-letter-spacing);
+    line-height: var(--sh-m-line-height);
+  }
+}
+.sh4-sizing,
+.sh-s-sizing {
+  letter-spacing: var(--sh-s-letter-spacing);
+  line-height: var(--sh-s-line-height);
+  font-family: var(--sh-s-font-family);
+  --default-font-weight: var(--sh-s-default-font-weight);
+  font-weight: var(--default-font-weight);
+}
+.sh4-sizing strong,
+.sh4-sizing b,
+.sh-s-sizing strong,
+.sh-s-sizing b {
+  font-weight: var(--sh-s-bold-font-weight);
+}
+.sh4-sizing,
+.sh-s-sizing {
+  font-size: clamp(10px, 20 / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+  font-size: clamp(var(--sh-s-font-size-min-mobile, 10px), var(--sh-s-mobile, 20) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--sh-s-font-size-max-mobile, 180px));
+}
+@media screen and (min-width: 768px) {
+  .sh4-sizing,
+  .sh-s-sizing {
+    font-size: clamp(10px, 20 / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+    font-size: clamp(var(--sh-s-font-size-min-mobile, 10px), var(--sh-s-portrait, 20) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--sh-s-font-size-max-mobile, 180px));
+  }
+}
+@media screen and (min-width: 1024px) {
+  .sh4-sizing,
+  .sh-s-sizing {
+    font-size: clamp(10px, 24 / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+    font-size: clamp(var(--sh-s-font-size-min-desktop, 10px), var(--sh-s-landscape, 24) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--sh-s-font-size-max-desktop, 180px));
+  }
+}
+@media screen and (min-width: 1440px) {
+  .sh4-sizing,
+  .sh-s-sizing {
+    font-size: clamp(10px, 26 / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+    font-size: clamp(var(--sh-s-font-size-min-desktop, 10px), var(--sh-s-desktop, 26) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--sh-s-font-size-max-desktop, 180px));
+    letter-spacing: var(--sh-s-letter-spacing);
+    line-height: var(--sh-s-line-height);
+  }
+}
+@media (max-width: 768px) {
+  .cmpl-text-editor-settings .sh-s-fs-mobile {
+    font-size: clamp(10px, 26 / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+    font-size: clamp(var(--sh-s-font-size-min-desktop, 10px), var(--sh-s-desktop, 26) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--sh-s-font-size-max-desktop, 180px));
+    letter-spacing: var(--sh-s-letter-spacing);
+    line-height: var(--sh-s-line-height);
+  }
+}
+@media (min-width: 768px) and (max-width: 1024px) {
+  .cmpl-text-editor-settings .sh-s-fs-portrait {
+    font-size: clamp(10px, 26 / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+    font-size: clamp(var(--sh-s-font-size-min-desktop, 10px), var(--sh-s-desktop, 26) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--sh-s-font-size-max-desktop, 180px));
+    letter-spacing: var(--sh-s-letter-spacing);
+    line-height: var(--sh-s-line-height);
+  }
+}
+@media screen and (min-width: 1024px) {
+  .cmpl-text-editor-settings .sh-s-fs-desktop {
+    font-size: clamp(10px, 26 / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+    font-size: clamp(var(--sh-s-font-size-min-desktop, 10px), var(--sh-s-desktop, 26) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--sh-s-font-size-max-desktop, 180px));
+    letter-spacing: var(--sh-s-letter-spacing);
+    line-height: var(--sh-s-line-height);
+  }
+}
+.sh5-sizing,
+.sh-xs-sizing {
+  letter-spacing: var(--sh-xs-letter-spacing);
+  line-height: var(--sh-xs-line-height);
+  font-family: var(--sh-xs-font-family);
+  --default-font-weight: var(--sh-xs-default-font-weight);
+  font-weight: var(--default-font-weight);
+}
+.sh5-sizing strong,
+.sh5-sizing b,
+.sh-xs-sizing strong,
+.sh-xs-sizing b {
+  font-weight: var(--sh-xs-bold-font-weight);
+}
+.sh5-sizing,
+.sh-xs-sizing {
+  font-size: clamp(10px, 14 / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+  font-size: clamp(var(--sh-xs-font-size-min-mobile, 10px), var(--sh-xs-mobile, 14) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--sh-xs-font-size-max-mobile, 180px));
+}
+@media screen and (min-width: 768px) {
+  .sh5-sizing,
+  .sh-xs-sizing {
+    font-size: clamp(10px, 14 / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+    font-size: clamp(var(--sh-xs-font-size-min-mobile, 10px), var(--sh-xs-portrait, 14) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--sh-xs-font-size-max-mobile, 180px));
+  }
+}
+@media screen and (min-width: 1024px) {
+  .sh5-sizing,
+  .sh-xs-sizing {
+    font-size: clamp(10px, 18 / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+    font-size: clamp(var(--sh-xs-font-size-min-desktop, 10px), var(--sh-xs-landscape, 18) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--sh-xs-font-size-max-desktop, 180px));
+  }
+}
+@media screen and (min-width: 1440px) {
+  .sh5-sizing,
+  .sh-xs-sizing {
+    font-size: clamp(10px, 18 / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+    font-size: clamp(var(--sh-xs-font-size-min-desktop, 10px), var(--sh-xs-desktop, 18) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--sh-xs-font-size-max-desktop, 180px));
+    letter-spacing: var(--sh-xs-letter-spacing);
+    line-height: var(--sh-xs-line-height);
+  }
+}
+@media (max-width: 768px) {
+  .cmpl-text-editor-settings .sh-xs-fs-mobile {
+    font-size: clamp(10px, 18 / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+    font-size: clamp(var(--sh-xs-font-size-min-desktop, 10px), var(--sh-xs-desktop, 18) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--sh-xs-font-size-max-desktop, 180px));
+    letter-spacing: var(--sh-xs-letter-spacing);
+    line-height: var(--sh-xs-line-height);
+  }
+}
+@media (min-width: 768px) and (max-width: 1024px) {
+  .cmpl-text-editor-settings .sh-xs-fs-portrait {
+    font-size: clamp(10px, 18 / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+    font-size: clamp(var(--sh-xs-font-size-min-desktop, 10px), var(--sh-xs-desktop, 18) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--sh-xs-font-size-max-desktop, 180px));
+    letter-spacing: var(--sh-xs-letter-spacing);
+    line-height: var(--sh-xs-line-height);
+  }
+}
+@media screen and (min-width: 1024px) {
+  .cmpl-text-editor-settings .sh-xs-fs-desktop {
+    font-size: clamp(10px, 18 / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+    font-size: clamp(var(--sh-xs-font-size-min-desktop, 10px), var(--sh-xs-desktop, 18) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--sh-xs-font-size-max-desktop, 180px));
+    letter-spacing: var(--sh-xs-letter-spacing);
+    line-height: var(--sh-xs-line-height);
+  }
+}
+.sh6-sizing,
+.sh-xxs-sizing {
+  letter-spacing: var(--sh-xxs-letter-spacing);
+  line-height: var(--sh-xxs-line-height);
+  font-family: var(--sh-xxs-font-family);
+  --default-font-weight: var(--sh-xxs-default-font-weight);
+  font-weight: var(--default-font-weight);
+}
+.sh6-sizing strong,
+.sh6-sizing b,
+.sh-xxs-sizing strong,
+.sh-xxs-sizing b {
+  font-weight: var(--sh-xxs-bold-font-weight);
+}
+.sh6-sizing,
+.sh-xxs-sizing {
+  font-size: clamp(10px, 12 / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+  font-size: clamp(var(--sh-xxs-font-size-min-mobile, 10px), var(--sh-xxs-mobile, 12) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--sh-xxs-font-size-max-mobile, 180px));
+}
+@media screen and (min-width: 768px) {
+  .sh6-sizing,
+  .sh-xxs-sizing {
+    font-size: clamp(10px, 12 / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+    font-size: clamp(var(--sh-xxs-font-size-min-mobile, 10px), var(--sh-xxs-portrait, 12) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--sh-xxs-font-size-max-mobile, 180px));
+  }
+}
+@media screen and (min-width: 1024px) {
+  .sh6-sizing,
+  .sh-xxs-sizing {
+    font-size: clamp(10px, 16 / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+    font-size: clamp(var(--sh-xxs-font-size-min-desktop, 10px), var(--sh-xxs-landscape, 16) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--sh-xxs-font-size-max-desktop, 180px));
+  }
+}
+@media screen and (min-width: 1440px) {
+  .sh6-sizing,
+  .sh-xxs-sizing {
+    font-size: clamp(10px, 16 / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+    font-size: clamp(var(--sh-xxs-font-size-min-desktop, 10px), var(--sh-xxs-desktop, 16) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--sh-xxs-font-size-max-desktop, 180px));
+    letter-spacing: var(--sh-xxs-letter-spacing);
+    line-height: var(--sh-xxs-line-height);
+  }
+}
+@media (max-width: 768px) {
+  .cmpl-text-editor-settings .sh-xxs-fs-mobile {
+    font-size: clamp(10px, 16 / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+    font-size: clamp(var(--sh-xxs-font-size-min-desktop, 10px), var(--sh-xxs-desktop, 16) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--sh-xxs-font-size-max-desktop, 180px));
+    letter-spacing: var(--sh-xxs-letter-spacing);
+    line-height: var(--sh-xxs-line-height);
+  }
+}
+@media (min-width: 768px) and (max-width: 1024px) {
+  .cmpl-text-editor-settings .sh-xxs-fs-portrait {
+    font-size: clamp(10px, 16 / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+    font-size: clamp(var(--sh-xxs-font-size-min-desktop, 10px), var(--sh-xxs-desktop, 16) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--sh-xxs-font-size-max-desktop, 180px));
+    letter-spacing: var(--sh-xxs-letter-spacing);
+    line-height: var(--sh-xxs-line-height);
+  }
+}
+@media screen and (min-width: 1024px) {
+  .cmpl-text-editor-settings .sh-xxs-fs-desktop {
+    font-size: clamp(10px, 16 / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+    font-size: clamp(var(--sh-xxs-font-size-min-desktop, 10px), var(--sh-xxs-desktop, 16) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--sh-xxs-font-size-max-desktop, 180px));
+    letter-spacing: var(--sh-xxs-letter-spacing);
+    line-height: var(--sh-xxs-line-height);
+  }
+}
+.p-l-sizing {
+  line-height: var(--paragraph-large-line-height);
+  letter-spacing: var(--paragraph-large-letter-spacing);
+  font-family: var(--paragraph-large-font-family);
+}
+.p-l-sizing strong,
+.p-l-sizing b {
+  font-weight: var(--paragraph-bold-font-weight);
+}
+.p-l-sizing:has(.font-tertiary) {
+  line-height: calc(var(--paragraph-line-height) * var(--global-line-height-multiplier-tertiary));
+}
+.p-l-sizing em {
+  font-style: italic;
+}
+.p-l-sizing {
+  font-size: clamp(10px, 18 / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+  font-size: clamp(var(--p-l-font-size-min-mobile, 10px), var(--p-l-mobile, 18) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--p-l-font-size-max-mobile, 180px));
+}
+@media screen and (min-width: 768px) {
+  .p-l-sizing {
+    font-size: clamp(10px, 18 / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+    font-size: clamp(var(--p-l-font-size-min-mobile, 10px), var(--p-l-portrait, 18) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--p-l-font-size-max-mobile, 180px));
+  }
+}
+@media screen and (min-width: 1024px) {
+  .p-l-sizing {
+    font-size: clamp(10px, 20 / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+    font-size: clamp(var(--p-l-font-size-min-desktop, 10px), var(--p-l-landscape, 20) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--p-l-font-size-max-desktop, 180px));
+  }
+}
+@media screen and (min-width: 1440px) {
+  .p-l-sizing {
+    font-size: clamp(10px, 20 / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+    font-size: clamp(var(--p-l-font-size-min-desktop, 10px), var(--p-l-desktop, 20) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--p-l-font-size-max-desktop, 180px));
+    line-height: var(--paragraph-large-line-height);
+    letter-spacing: var(--paragraph-large-letter-spacing);
+  }
+}
+@media (max-width: 768px) {
+  .cmpl-text-editor-settings .p-l-fs-mobile {
+    font-size: clamp(10px, 20 / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+    font-size: clamp(var(--p-l-font-size-min-desktop, 10px), var(--p-l-desktop, 20) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--p-l-font-size-max-desktop, 180px));
+    line-height: var(--paragraph-large-line-height);
+    letter-spacing: var(--paragraph-large-letter-spacing);
+  }
+}
+@media (min-width: 768px) and (max-width: 1024px) {
+  .cmpl-text-editor-settings .p-l-fs-portrait {
+    font-size: clamp(10px, 20 / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+    font-size: clamp(var(--p-l-font-size-min-desktop, 10px), var(--p-l-desktop, 20) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--p-l-font-size-max-desktop, 180px));
+    line-height: var(--paragraph-large-line-height);
+    letter-spacing: var(--paragraph-large-letter-spacing);
+  }
+}
+@media screen and (min-width: 1024px) {
+  .cmpl-text-editor-settings .p-l-fs-desktop {
+    font-size: clamp(10px, 20 / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+    font-size: clamp(var(--p-l-font-size-min-desktop, 10px), var(--p-l-desktop, 20) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--p-l-font-size-max-desktop, 180px));
+    line-height: var(--paragraph-large-line-height);
+    letter-spacing: var(--paragraph-large-letter-spacing);
+  }
+}
+.p-sizing {
+  line-height: var(--paragraph-line-height);
+  letter-spacing: var(--paragraph-letter-spacing);
+  font-family: var(--paragraph-font-family);
+  --default-font-weight: var(--paragraph-default-font-weight);
+  font-weight: var(--default-font-weight);
+}
+.p-sizing strong,
+.p-sizing b {
+  font-weight: var(--paragraph-bold-font-weight);
+}
+.p-sizing:has(.font-tertiary) {
+  line-height: calc(var(--paragraph-line-height) * var(--global-line-height-multiplier-tertiary));
+}
+.p-sizing em {
+  font-style: italic;
+}
+.p-sizing {
+  font-size: clamp(10px, 16 / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+  font-size: clamp(var(--p-font-size-min-mobile, 10px), var(--p-mobile, 16) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--p-font-size-max-mobile, 180px));
+}
+@media screen and (min-width: 768px) {
+  .p-sizing {
+    font-size: clamp(10px, 16 / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+    font-size: clamp(var(--p-font-size-min-mobile, 10px), var(--p-portrait, 16) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--p-font-size-max-mobile, 180px));
+  }
+}
+@media screen and (min-width: 1024px) {
+  .p-sizing {
+    font-size: clamp(10px, 18 / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+    font-size: clamp(var(--p-font-size-min-desktop, 10px), var(--p-landscape, 18) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--p-font-size-max-desktop, 180px));
+  }
+}
+@media screen and (min-width: 1440px) {
+  .p-sizing {
+    font-size: clamp(10px, 18 / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+    font-size: clamp(var(--p-font-size-min-desktop, 10px), var(--p-desktop, 18) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--p-font-size-max-desktop, 180px));
+  }
+}
+@media (max-width: 768px) {
+  .cmpl-text-editor-settings .p-m-fs-mobile {
+    font-size: clamp(10px, 18 / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+    font-size: clamp(var(--p-font-size-min-desktop, 10px), var(--p-desktop, 18) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--p-font-size-max-desktop, 180px));
+  }
+}
+@media (min-width: 768px) and (max-width: 1024px) {
+  .cmpl-text-editor-settings .p-m-fs-portrait {
+    font-size: clamp(10px, 18 / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+    font-size: clamp(var(--p-font-size-min-desktop, 10px), var(--p-desktop, 18) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--p-font-size-max-desktop, 180px));
+  }
+}
+@media screen and (min-width: 1024px) {
+  .cmpl-text-editor-settings .p-m-fs-desktop {
+    font-size: clamp(10px, 18 / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+    font-size: clamp(var(--p-font-size-min-desktop, 10px), var(--p-desktop, 18) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--p-font-size-max-desktop, 180px));
+  }
+}
+.p-s-sizing {
+  line-height: var(--paragraph-small-line-height);
+  letter-spacing: var(--paragraph-letter-spacing);
+  font-family: var(--paragraph-font-family);
+}
+.p-s-sizing strong,
+.p-s-sizing b {
+  font-weight: var(--paragraph-bold-font-weight);
+}
+.p-s-sizing:has(.font-tertiary) {
+  line-height: calc(var(--paragraph-line-height) * var(--global-line-height-multiplier-tertiary));
+}
+.p-s-sizing em {
+  font-style: italic;
+}
+.p-s-sizing {
+  font-size: clamp(10px, 14 / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+  font-size: clamp(var(--p-s-font-size-min-mobile, 10px), var(--p-s-mobile, 14) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--p-s-font-size-max-mobile, 180px));
+}
+@media screen and (min-width: 768px) {
+  .p-s-sizing {
+    font-size: clamp(10px, 14 / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+    font-size: clamp(var(--p-s-font-size-min-mobile, 10px), var(--p-s-portrait, 14) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--p-s-font-size-max-mobile, 180px));
+  }
+}
+@media screen and (min-width: 1024px) {
+  .p-s-sizing {
+    font-size: clamp(10px, 16 / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+    font-size: clamp(var(--p-s-font-size-min-desktop, 10px), var(--p-s-landscape, 16) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--p-s-font-size-max-desktop, 180px));
+  }
+}
+@media screen and (min-width: 1440px) {
+  .p-s-sizing {
+    font-size: clamp(10px, 16 / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+    font-size: clamp(var(--p-s-font-size-min-desktop, 10px), var(--p-s-desktop, 16) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--p-s-font-size-max-desktop, 180px));
+  }
+}
+@media (max-width: 768px) {
+  .cmpl-text-editor-settings .p-s-fs-mobile {
+    font-size: clamp(10px, 16 / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+    font-size: clamp(var(--p-s-font-size-min-desktop, 10px), var(--p-s-desktop, 16) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--p-s-font-size-max-desktop, 180px));
+  }
+}
+@media (min-width: 768px) and (max-width: 1024px) {
+  .cmpl-text-editor-settings .p-s-fs-portrait {
+    font-size: clamp(10px, 16 / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+    font-size: clamp(var(--p-s-font-size-min-desktop, 10px), var(--p-s-desktop, 16) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--p-s-font-size-max-desktop, 180px));
+  }
+}
+@media screen and (min-width: 1024px) {
+  .cmpl-text-editor-settings .p-s-fs-desktop {
+    font-size: clamp(10px, 16 / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+    font-size: clamp(var(--p-s-font-size-min-desktop, 10px), var(--p-s-desktop, 16) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--p-s-font-size-max-desktop, 180px));
+  }
+}
+.p-xs-sizing {
+  line-height: var(--paragraph-extra-small-line-height);
+  letter-spacing: var(--paragraph-letter-spacing);
+  font-family: var(--paragraph-font-family);
+}
+.p-xs-sizing strong,
+.p-xs-sizing b {
+  font-weight: var(--paragraph-bold-font-weight);
+}
+.p-xs-sizing:has(.font-tertiary) {
+  line-height: calc(var(--paragraph-extra-small-line-height) * var(--global-line-height-multiplier-tertiary));
+}
+.p-xs-sizing em {
+  font-style: italic;
+}
+.p-xs-sizing {
+  font-size: clamp(10px, 12 / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+  font-size: clamp(var(--p-xs-font-size-min-mobile, 10px), var(--p-xs-mobile, 12) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--p-xs-font-size-max-mobile, 180px));
+}
+@media screen and (min-width: 768px) {
+  .p-xs-sizing {
+    font-size: clamp(10px, 12 / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+    font-size: clamp(var(--p-xs-font-size-min-mobile, 10px), var(--p-xs-portrait, 12) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--p-xs-font-size-max-mobile, 180px));
+  }
+}
+@media screen and (min-width: 1024px) {
+  .p-xs-sizing {
+    font-size: clamp(10px, 12 / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+    font-size: clamp(var(--p-xs-font-size-min-desktop, 10px), var(--p-xs-landscape, 12) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--p-xs-font-size-max-desktop, 180px));
+  }
+}
+@media screen and (min-width: 1440px) {
+  .p-xs-sizing {
+    font-size: clamp(10px, 12 / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+    font-size: clamp(var(--p-xs-font-size-min-desktop, 10px), var(--p-xs-desktop, 12) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--p-xs-font-size-max-desktop, 180px));
+  }
+}
+@media (max-width: 768px) {
+  .cmpl-text-editor-settings .p-xs-fs-mobile {
+    font-size: clamp(10px, 12 / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+    font-size: clamp(var(--p-xs-font-size-min-desktop, 10px), var(--p-xs-desktop, 12) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--p-xs-font-size-max-desktop, 180px));
+  }
+}
+@media (min-width: 768px) and (max-width: 1024px) {
+  .cmpl-text-editor-settings .p-xs-fs-portrait {
+    font-size: clamp(10px, 12 / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+    font-size: clamp(var(--p-xs-font-size-min-desktop, 10px), var(--p-xs-desktop, 12) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--p-xs-font-size-max-desktop, 180px));
+  }
+}
+@media screen and (min-width: 1024px) {
+  .cmpl-text-editor-settings .p-xs-fs-desktop {
+    font-size: clamp(10px, 12 / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+    font-size: clamp(var(--p-xs-font-size-min-desktop, 10px), var(--p-xs-desktop, 12) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--p-xs-font-size-max-desktop, 180px));
+  }
+}
+.p-xxs-sizing {
+  line-height: var(--paragraph-extra-extra-small-line-height);
+  letter-spacing: var(--paragraph-letter-spacing);
+  font-family: var(--paragraph-font-family);
+}
+.p-xxs-sizing strong,
+.p-xxs-sizing b {
+  font-weight: var(--paragraph-bold-font-weight);
+}
+.p-xxs-sizing:has(.font-tertiary) {
+  line-height: calc(var(--paragraph-line-height) * var(--global-line-height-multiplier-tertiary));
+}
+.p-xxs-sizing em {
+  font-style: italic;
+}
+.p-xxs-sizing {
+  font-size: clamp(10px, 10 / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+  font-size: clamp(var(--p-xxs-font-size-min-mobile, 10px), var(--p-xxs-mobile, 10) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--p-xxs-font-size-max-mobile, 180px));
+}
+@media screen and (min-width: 768px) {
+  .p-xxs-sizing {
+    font-size: clamp(10px, 10 / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+    font-size: clamp(var(--p-xxs-font-size-min-mobile, 10px), var(--p-xxs-portrait, 10) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--p-xxs-font-size-max-mobile, 180px));
+  }
+}
+@media screen and (min-width: 1024px) {
+  .p-xxs-sizing {
+    font-size: clamp(10px, 10 / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+    font-size: clamp(var(--p-xxs-font-size-min-desktop, 10px), var(--p-xxs-landscape, 10) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--p-xxs-font-size-max-desktop, 180px));
+  }
+}
+@media screen and (min-width: 1440px) {
+  .p-xxs-sizing {
+    font-size: clamp(10px, 10 / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+    font-size: clamp(var(--p-xxs-font-size-min-desktop, 10px), var(--p-xxs-desktop, 10) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--p-xxs-font-size-max-desktop, 180px));
+  }
+}
+@media (max-width: 768px) {
+  .cmpl-text-editor-settings .p-xxs-fs-mobile {
+    font-size: clamp(10px, 10 / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+    font-size: clamp(var(--p-xxs-font-size-min-desktop, 10px), var(--p-xxs-desktop, 10) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--p-xxs-font-size-max-desktop, 180px));
+  }
+}
+@media (min-width: 768px) and (max-width: 1024px) {
+  .cmpl-text-editor-settings .p-xxs-fs-portrait {
+    font-size: clamp(10px, 10 / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+    font-size: clamp(var(--p-xxs-font-size-min-desktop, 10px), var(--p-xxs-desktop, 10) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--p-xxs-font-size-max-desktop, 180px));
+  }
+}
+@media screen and (min-width: 1024px) {
+  .cmpl-text-editor-settings .p-xxs-fs-desktop {
+    font-size: clamp(10px, 10 / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+    font-size: clamp(var(--p-xxs-font-size-min-desktop, 10px), var(--p-xxs-desktop, 10) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--p-xxs-font-size-max-desktop, 180px));
+  }
+}
+.p-xxxs-sizing {
+  line-height: var(--paragraph-line-height);
+  letter-spacing: var(--paragraph-letter-spacing);
+  font-family: var(--paragraph-font-family);
+}
+.p-xxxs-sizing strong,
+.p-xxxs-sizing b {
+  font-weight: var(--paragraph-bold-font-weight);
+}
+.p-xxxs-sizing:has(.font-tertiary) {
+  line-height: calc(var(--paragraph-line-height) * var(--global-line-height-multiplier-tertiary));
+}
+.p-xxxs-sizing em {
+  font-style: italic;
+}
+.p-xxxs-sizing {
+  font-size: clamp(10px, var(--p-xxxs-mobile) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+  font-size: clamp(var(--p-xxxs-font-size-min-mobile, 10px), var(--p-xxxs-mobile) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--p-xxxs-font-size-max-mobile, 180px));
+}
+@media screen and (min-width: 768px) {
+  .p-xxxs-sizing {
+    font-size: clamp(10px, var(--p-xxxs-portrait) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+    font-size: clamp(var(--p-xxxs-font-size-min-mobile, 10px), var(--p-xxxs-portrait) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--p-xxxs-font-size-max-mobile, 180px));
+  }
+}
+@media screen and (min-width: 1024px) {
+  .p-xxxs-sizing {
+    font-size: clamp(10px, var(--p-xxxs-landscape) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+    font-size: clamp(var(--p-xxxs-font-size-min-desktop, 10px), var(--p-xxxs-landscape) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--p-xxxs-font-size-max-desktop, 180px));
+  }
+}
+@media screen and (min-width: 1440px) {
+  .p-xxxs-sizing {
+    font-size: clamp(10px, var(--p-xxxs-desktop) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+    font-size: clamp(var(--p-xxxs-font-size-min-desktop, 10px), var(--p-xxxs-desktop) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--p-xxxs-font-size-max-desktop, 180px));
+  }
+}
+@media (max-width: 768px) {
+  .cmpl-text-editor-settings .p-xxs-fs-mobile {
+    font-size: clamp(10px, var(--p-xxxs-desktop) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+    font-size: clamp(var(--p-xxxs-font-size-min-desktop, 10px), var(--p-xxxs-desktop) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--p-xxxs-font-size-max-desktop, 180px));
+  }
+}
+@media (min-width: 768px) and (max-width: 1024px) {
+  .cmpl-text-editor-settings .p-xxs-fs-portrait {
+    font-size: clamp(10px, var(--p-xxxs-desktop) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+    font-size: clamp(var(--p-xxxs-font-size-min-desktop, 10px), var(--p-xxxs-desktop) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--p-xxxs-font-size-max-desktop, 180px));
+  }
+}
+@media screen and (min-width: 1024px) {
+  .cmpl-text-editor-settings .p-xxs-fs-desktop {
+    font-size: clamp(10px, var(--p-xxxs-desktop) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+    font-size: clamp(var(--p-xxxs-font-size-min-desktop, 10px), var(--p-xxxs-desktop) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--p-xxxs-font-size-max-desktop, 180px));
+  }
+}
+@layer base-styles {
+  *,
+  *::before,
+  *::after {
+    box-sizing: border-box;
+  }
+  ul,
+  ol {
+    padding: 0;
+  }
+  body,
+  h1,
+  h2,
+  h3,
+  h4,
+  p,
+  ul,
+  ol,
+  li,
+  figure,
+  figcaption,
+  blockquote,
+  dl,
+  dd {
+    margin: 0;
+  }
+  *,
+  *::before,
+  *::after {
+    box-sizing: border-box;
+  }
+  .override-element-styles h1,
+  .override-element-styles h2,
+  .override-element-styles h3,
+  .override-element-styles h4,
+  .override-element-styles h5,
+  .override-element-styles h6 {
+    font-size: 0;
+  }
+  .standard-content-box-wysiwyg-editor h1,
+  .standard-content-box-wysiwyg-editor h2,
+  .standard-content-box-wysiwyg-editor h3,
+  .standard-content-box-wysiwyg-editor h4,
+  .standard-content-box-wysiwyg-editor h5,
+  .standard-content-box-wysiwyg-editor h6 {
+    margin-bottom: var(--heading-block-spacing);
+  }
+  .standard-content-box-wysiwyg-editor h1:last-child,
+  .standard-content-box-wysiwyg-editor h2:last-child,
+  .standard-content-box-wysiwyg-editor h3:last-child,
+  .standard-content-box-wysiwyg-editor h4:last-child,
+  .standard-content-box-wysiwyg-editor h5:last-child,
+  .standard-content-box-wysiwyg-editor h6:last-child {
+    margin-bottom: 0;
+  }
+  .standard-content-box-wysiwyg-editor p {
+    margin-bottom: var(--paragraph-block-spacing);
+  }
+  .standard-content-box-wysiwyg-editor p:last-child {
+    margin-bottom: 0;
+  }
+  p {
+    margin: 0;
+  }
+  a {
+    -webkit-text-decoration-skip: ink;
+    text-decoration-skip-ink: auto;
+    color: var(--link-colour);
+    -webkit-text-decoration: var(--link-decoration-style);
+    text-decoration: var(--link-decoration-style);
+    text-decoration-color: var(--link-decoration-colour);
+  }
+  a strong,
+  a b {
+    font-weight: var(--weight-bold);
+  }
+  a:hover {
+    cursor: pointer;
+    color: var(--link-colour-hover);
+    -webkit-text-decoration: var(--link-decoration-style-hover);
+    text-decoration: var(--link-decoration-style-hover);
+    text-decoration-color: var(--link-decoration-colour-hover);
+  }
+  blockquote {
+    margin: 0;
+    quotes: "\201c" "\201d" "\2018" "\2019";
+    font-weight: bold;
+  }
+  blockquote::before {
+    content: open-quote;
+  }
+  blockquote::after {
+    content: close-quote;
+  }
+  figure,
+  figcaption,
+  dl,
+  dd {
+    margin: 0;
+  }
+  q::before {
+    content: open-quote;
+  }
+  q::after {
+    content: close-quote;
+  }
+  ol {
+    list-style-type: decimal;
+  }
+  ul {
+    list-style-type: disc;
+  }
+  ol,
+  ul {
+    padding: 0;
+    margin: 0;
+    margin-bottom: var(--paragraph-block-spacing);
+    list-style-position: inside;
+  }
+  ol:last-child,
+  ul:last-child {
+    margin-bottom: 0;
+  }
+  ol li,
+  ul li {
+    margin-bottom: var(--list-item-block-spacing);
+    line-height: var(--list-item-line-height);
+    letter-spacing: var(--list-item-letter-spacing);
+  }
+  ol li:last-child,
+  ul li:last-child {
+    margin-bottom: 0;
+  }
+  html {
+    min-height: 100%;
+  }
+  html.lock-position {
+    overflow: hidden;
+    touch-action: none;
+    -webkit-overflow-scrolling: none;
+    overscroll-behavior: none;
+  }
+  .lazy-fade {
+    opacity: 0;
+  }
+  .loaded:not(.cmpl-block-animations) {
+    opacity: 1;
+  }
+  .js-enabled-hide {
+    display: none;
+  }
+  body {
+    display: flex;
+    flex-direction: column;
+    scroll-behavior: smooth;
+    text-rendering: optimizeSpeed;
+    margin: 0;
+    padding: 0;
+    height: auto;
+    min-height: 100vh;
+    position: relative;
+    background: var(--body-background-colour);
+    --default-text-colour-mobile: var(--theme-primary-text-colour);
+    color: var(--default-text-colour-mobile);
+  }
+  @media screen and (min-width: 1024px) {
+    body {
+      --default-text-colour-desktop: var(--theme-primary-text-colour);
+      color: var(--default-text-colour-desktop);
+    }
+  }
+  body.lock-position {
+    overflow: hidden;
+    touch-action: none;
+    -webkit-overflow-scrolling: none;
+    overscroll-behavior: none;
+  }
+  body.hide-nav .site-header {
+    display: none;
+  }
+  .body-container-background-image__picture,
+  .page-container-background-image__picture {
+    height: 100%;
+    position: var(--body-background-image-position-type);
+    inset: 0;
+  }
+  .body-container-background-image__image,
+  .page-container-background-image__image {
+    height: 100%;
+    -o-object-fit: var(--body-background-image-fit);
+    object-fit: var(--body-background-image-fit);
+    -o-object-position: var(--body-background-image-position);
+    object-position: var(--body-background-image-position);
+  }
+  .body-container-background-video {
+    position: fixed;
+    -o-object-fit: cover;
+    object-fit: cover;
+    inset: 0;
+    width: 100%;
+  }
+  img {
+    width: 100%;
+    height: auto;
+    display: block;
+  }
+  main {
+    height: auto;
+    width: 100%;
+    max-width: var(--global-content-max-width-main);
+    margin-inline: auto;
+    background-image: var(--main-container-background-image);
+    background-repeat: repeat;
+  }
+  header,
+  footer,
+  section {
+    width: 100%;
+    max-width: 100%;
+  }
+  .site-footer-block {
+    margin-top: auto;
+  }
+  .grecaptcha-badge {
+    z-index: 50;
+    bottom: 0 !important;
+  }
+  @media (prefers-reduced-motion: reduce) {
+    * {
+      animation-duration: 0.01ms !important;
+      animation-iteration-count: 1 !important;
+      transition-duration: 0.01ms !important;
+      scroll-behavior: auto !important;
+      transition: 0.01ms !important;
+    }
+  }
+}
+@layer components {
+  .cmpl-block-padding {
+    padding: calc(var(--global-inline-spacing) * 0) calc(var(--global-inline-spacing) * 0) calc(var(--global-inline-spacing) * 0) calc(var(--global-inline-spacing) * 0);
+    padding: calc(var(--global-inline-spacing) * var(--padding-block-multiplier-mobile-top, 0)) calc(var(--global-inline-spacing) * var(--padding-inline-multiplier-mobile-right, 0)) calc(var(--global-inline-spacing) * var(--padding-block-multiplier-mobile-bottom, 0)) calc(var(--global-inline-spacing) * var(--padding-inline-multiplier-mobile-left, 0));
+  }
+  @media screen and (min-width: 768px) {
+    .cmpl-block-padding {
+      padding: calc(var(--global-inline-spacing) * 0) calc(var(--global-inline-spacing) * 0) calc(var(--global-inline-spacing) * 0) calc(var(--global-inline-spacing) * 0);
+      padding: calc(var(--global-inline-spacing) * var(--padding-block-multiplier-portrait-top, 0)) calc(var(--global-inline-spacing) * var(--padding-inline-multiplier-portrait-right, 0)) calc(var(--global-inline-spacing) * var(--padding-block-multiplier-portrait-bottom, 0)) calc(var(--global-inline-spacing) * var(--padding-inline-multiplier-portrait-left, 0));
+    }
+  }
+  @media screen and (min-width: 1024px) {
+    .cmpl-block-padding {
+      padding: calc(var(--global-inline-spacing) * 0) calc(var(--global-inline-spacing) * 0) calc(var(--global-inline-spacing) * 0) calc(var(--global-inline-spacing) * 0);
+      padding: calc(var(--global-inline-spacing) * var(--padding-block-multiplier-desktop-top, 0)) calc(var(--global-inline-spacing) * var(--padding-inline-multiplier-desktop-right, 0)) calc(var(--global-inline-spacing) * var(--padding-block-multiplier-desktop-bottom, 0)) calc(var(--global-inline-spacing) * var(--padding-inline-multiplier-desktop-left, 0));
+    }
+  }
+}
+.cmpl-block-animations {
+  --slide-distance-default: 50;
+}
+@keyframes rotate {
+  from {
+    opacity: 1;
+    rotate: 0deg;
+  }
+  to {
+    opacity: 1;
+    rotate: 360deg;
+  }
+}
+@keyframes fade-in {
+  from {
+    opacity: 0;
+  }
+  100% {
+    opacity: 1;
+  }
+}
+@keyframes fade-in-left {
+  from {
+    transform: translateX(calc(var(--slide-distance, var(--slide-distance-default)) * -1 / var(--design-reference) * var(--screen-width)));
+    opacity: 0;
+  }
+  100% {
+    transform: translateX(0%);
+    opacity: 1;
+  }
+}
+@keyframes fade-in-right {
+  from {
+    transform: translateX(calc(var(--slide-distance, var(--slide-distance-default)) / var(--design-reference) * var(--screen-width)));
+    opacity: 0;
+  }
+  100% {
+    transform: translateX(0%);
+    opacity: 1;
+  }
+}
+@keyframes fade-in-up {
+  from {
+    transform: translateY(calc(var(--slide-distance, var(--slide-distance-default)) / var(--design-reference) * var(--screen-width)));
+    opacity: 0;
+  }
+  100% {
+    transform: translateY(0%);
+    opacity: 1;
+  }
+}
+@keyframes fade-in-down {
+  from {
+    transform: translateY(calc(var(--slide-distance, var(--slide-distance-default)) * -1 / var(--design-reference) * var(--screen-width)));
+    opacity: 0;
+  }
+  100% {
+    transform: translateY(0%);
+    opacity: 1;
+  }
+}
+@keyframes scale-in {
+  from {
+    opacity: 1;
+    scale: 0;
+  }
+  100% {
+    opacity: 1;
+    scale: 1;
+  }
+}
+@keyframes slide-reveal-right {
+  from {
+    clip-path: inset(0 100% 0 0);
+    opacity: 1;
+  }
+  100% {
+    clip-path: inset(0 0 0 0);
+    opacity: 1;
+  }
+}
+@keyframes slide-reveal-left {
+  from {
+    clip-path: inset(0 0 0 100%);
+    opacity: 1;
+  }
+  100% {
+    clip-path: inset(0 0 0 0);
+    opacity: 1;
+  }
+}
+@keyframes reveal-up {
+  from {
+    opacity: 1;
+    clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);
+  }
+  100% {
+    opacity: 1;
+    clip-path: polygon(0 100%, 100% 100%, 100% 0, 0 0);
+  }
+}
+@keyframes reveal-up-and-slide {
+  from {
+    opacity: 1;
+    transition: -100%;
+    clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);
+  }
+  100% {
+    opacity: 1;
+    transition: 0%;
+    clip-path: polygon(0 100%, 100% 100%, 100% 0, 0 0);
+  }
+}
+.cmpl-block-animations.trigger-animation {
+  animation: var(--animation-name) var(--animation-duration) var(--animation-delay) var(--animation-easing) var(--animation-repeat) var(--animation-fill-mode) var(--animation-direction);
+  animation-timeline: var(--animation-timeline);
+}
+@layer components {
+  .cmpl-block-settings {
+    min-height: calc(0 / var(--design-reference) * var(--screen-width));
+    min-height: calc(var(--block-min-height-mobile, 0) / var(--design-reference) * var(--screen-width));
+    height: auto;
+    height: var(--block-height-mobile, auto);
+    overflow: hidden;
+    overflow: var(--block-overflow, hidden);
+    border-radius: var(--block-border-radius);
+    position: relative;
+    position: var(--block-position-type, relative);
+    z-index: 5;
+    z-index: var(--block-z-index, 5);
+    top: auto;
+    top: initial;
+    top: var(--block-position-top, unset);
+    right: auto;
+    right: initial;
+    right: var(--block-position-right, unset);
+    bottom: auto;
+    bottom: initial;
+    bottom: var(--block-position-bottom, unset);
+    left: auto;
+    left: initial;
+    left: var(--block-position-left, unset);
+    background-color: transparent;
+    background-color: var(--block-background-colour, transparent);
+    pointer-events: all;
+    pointer-events: var(--block-pointer-events, all);
+    aspect-ratio: unset;
+    aspect-ratio: var(--block-aspect-ratio-mobile, unset);
+  }
+  .wp-admin .cmpl-block-settings {
+    position: relative;
+  }
+  @media screen and (min-width: 768px) {
+    .cmpl-block-settings {
+      height: auto;
+      height: var(--block-height-portrait, auto);
+      aspect-ratio: unset;
+      aspect-ratio: var(--block-aspect-ratio-portrait, unset);
+      min-height: calc(0 / var(--design-reference) * var(--screen-width));
+      min-height: calc(var(--block-min-height-portrait, 0) / var(--design-reference) * var(--screen-width));
+    }
+  }
+  @media screen and (min-width: 1024px) {
+    .cmpl-block-settings {
+      height: auto;
+      height: var(--block-height-desktop, auto);
+      aspect-ratio: unset;
+      aspect-ratio: var(--block-aspect-ratio, unset);
+      min-height: calc(0 / var(--design-reference) * var(--screen-width));
+      min-height: calc(var(--block-min-height-desktop, 0) / var(--design-reference) * var(--screen-width));
+    }
+  }
+}
+[class*=cmpl-cta-style-] {
+  border: medium none currentcolor;
+  border: initial;
+  line-height: 100%;
+  position: relative;
+  display: flex;
+  gap: 1em;
+  justify-content: center;
+  align-items: center;
+  text-decoration-line: none;
+  text-decoration-line: initial;
+  text-align: center;
+  transition: background-color 0.1s, border-colour 0.1s;
+}
+[class*=cmpl-cta-style-]:hover,
+[class*=cmpl-cta-style-]:active,
+[class*=cmpl-cta-style-]:focus {
+  cursor: pointer;
+}
+[class*=cmpl-cta-style-][disabled] {
+  cursor: not-allowed;
+}
+[class*=cmpl-cta-style-] {
+  margin-bottom: 0;
+  overflow: hidden;
+}
+.cmpl-cta-span {
+  width: 100%;
+}
+.cmpl-cta-icon {
+  width: 1em;
+}
+.cmpl-cta-style-1 {
+  justify-self: var(--cta-alignment);
+  justify-content: center;
+  justify-content: var(--cta-style-1-content-vertical-alignment, center);
+  background-image: var(--cta-style1-image-background);
+  background-size: var(--cta-style1-image-background-size);
+  background-repeat: var(--cta-style1-image-background-repeat);
+  background-color: var(--cta-style-1-mobile-background-colour);
+  color: var(--cta-style-1-mobile-colour);
+}
+.cmpl-cta-style-1 svg * {
+  fill: currentColor;
+  stroke: currentColor;
+}
+.cmpl-cta-style-1 {
+  border: var(--cta-style-1-border-width) solid var(--cta-style-1-mobile-border-colour);
+  border-radius: var(--cta-style-1-border-radius);
+  font-weight: var(--cta-style-1-font-weight);
+  letter-spacing: var(--cta-style-1-letter-spacing);
+  line-height: var(--cta-style-1-line-height);
+  font-family: var(--cta-style-1-font-family);
+  text-transform: var(--cta-style-1-text-transform);
+  font-style: var(--cta-style-1-font-style);
+  text-align: var(--cta-style-1-text-align);
+  -webkit-text-decoration: var(--cta-style-1-decoration-style);
+  text-decoration: var(--cta-style-1-decoration-style);
+  text-decoration-color: var(--cta-style-1-decoration-colour);
+  font-size: clamp(10px, var(--cta-style-1-font-size-mobile) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+  font-size: clamp(var(--cta-style-font-size-min-mobile, 10px), var(--cta-style-1-font-size-mobile) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--cta-style-font-size-max-mobile, 180px));
+  min-width: var(--cta-style-1-min-width-mobile);
+  padding: calc(var(--cta-style-1-padding-block-mobile) / var(--design-reference) * var(--screen-width)) calc(var(--cta-style-1-padding-inline-mobile) / var(--design-reference) * var(--screen-width));
+  --box-shadow-offset-x: var(--cta-style-1-shadow-offset-x, 0);
+  --box-shadow-offset-y: var(--cta-style-1-shadow-offset-y, 0);
+  --box-shadow-blur: var(--cta-style-1-shadow-blur, 0);
+  --box-shadow-spread: var(--cta-style-1-shadow-radius, 0);
+  --box-shadow-colour: var(--cta-style-1-shadow-colour, 0);
+  --box-shadow-position: var(--cta-style-1-shadow-position, 0);
+  --box-shadow-hover-offset-x: var( --cta-style-1-shadow-offset-hover-x, 0 );
+  --box-shadow-hover-offset-y: var( --cta-style-1-shadow-offset-hover-y, 0 );
+  --box-shadow-hover-blur: var( --cta-style-1-shadow-hover-blur, 0 );
+  --box-shadow-hover-spread: var( --cta-style-1-shadow-hover-radius, 0 );
+  --box-shadow-hover-colour: var( --cta-style-1-shadow-hover-colour, 0 );
+  --box-shadow-hover-position: var( --cta-style-1-shadow-hover-position, 0 );
+  box-shadow: calc(0 / var(--desktop-design-reference) * var(--screen-width-static)) calc(0 / var(--desktop-design-reference) * var(--screen-width-static)) calc(0 / var(--desktop-design-reference) * var(--screen-width-static)) calc(0 / var(--desktop-design-reference) * var(--screen-width-static)) 0 0;
+  box-shadow: calc(var(--box-shadow-offset-x) / var(--desktop-design-reference) * var(--screen-width-static)) calc(var(--box-shadow-offset-y) / var(--desktop-design-reference) * var(--screen-width-static)) calc(var(--box-shadow-blur) / var(--desktop-design-reference) * var(--screen-width-static)) calc(var(--box-shadow-spread) / var(--desktop-design-reference) * var(--screen-width-static)) var(--box-shadow-colour) var(--box-shadow-position);
+}
+.cmpl-cta-style-1:hover {
+  box-shadow: calc(var(--box-shadow-hover-offset-x) / var(--desktop-design-reference) * var(--screen-width-static)) calc(var(--box-shadow-hover-offset-y) / var(--desktop-design-reference) * var(--screen-width-static)) calc(var(--box-shadow-hover-blur) / var(--desktop-design-reference) * var(--screen-width-static)) calc(var(--box-shadow-hover-spread) / var(--desktop-design-reference) * var(--screen-width-static)) var(--box-shadow-hover-colour) var(--box-shadow-hover-position);
+}
+@media screen and (min-width: 768px) {
+  .cmpl-cta-style-1 {
+    font-size: clamp(10px, var(--cta-style-1-font-size-portrait) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+    font-size: clamp(var(--cta-style-font-size-min-mobile, 10px), var(--cta-style-1-font-size-portrait) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--cta-style-font-size-max-mobile, 180px));
+    min-width: var(--cta-style-1-min-width-portrait);
+    padding: calc(var(--cta-style-1-padding-block-portrait) / var(--design-reference) * var(--screen-width)) calc(var(--cta-style-1-padding-inline-portrait) / var(--design-reference) * var(--screen-width));
+    background-color: var(--cta-style-1-background-colour);
+    border: var(--cta-style-1-border-width) solid var(--cta-style-1-border-colour);
+    color: var(--cta-style-1-colour);
+  }
+  .cmpl-cta-style-1 svg * {
+    fill: currentColor;
+    stroke: currentColor;
+  }
+}
+@media screen and (min-width: 1024px) {
+  .cmpl-cta-style-1 {
+    font-size: clamp(10px, var(--cta-style-1-font-size-landscape) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+    font-size: clamp(var(--cta-style-font-size-min-desktop, 10px), var(--cta-style-1-font-size-landscape) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--cta-style-font-size-max-desktop, 180px));
+    min-width: var(--cta-style-1-min-width-landscape);
+    padding: calc(var(--cta-style-1-padding-block-landscape) / var(--design-reference) * var(--screen-width)) calc(var(--cta-style-1-padding-inline-landscape) / var(--design-reference) * var(--screen-width));
+  }
+}
+@media screen and (min-width: 1440px) {
+  .cmpl-cta-style-1 {
+    font-size: clamp(10px, var(--cta-style-1-font-size-desktop) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+    font-size: clamp(var(--cta-style-font-size-min-desktop, 10px), var(--cta-style-1-font-size-desktop) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--cta-style-font-size-max-desktop, 180px));
+    min-width: var(--cta-style-1-min-width-desktop);
+    padding: calc(var(--cta-style-1-padding-block-desktop) / var(--design-reference) * var(--screen-width)) calc(var(--cta-style-1-padding-inline-desktop) / var(--design-reference) * var(--screen-width));
+  }
+}
+@media (hover: hover) {
+  .cmpl-cta-style-1:hover {
+    -webkit-text-decoration: var(--cta-style-1-decoration-style-hover);
+    text-decoration: var(--cta-style-1-decoration-style-hover);
+    text-decoration-color: var(--cta-style-1-decoration-colour-hover);
+    border: var(--cta-style-1-border-width) solid var(--cta-style-1-mobile-hover-border-colour);
+    background-color: var(--cta-style-1-mobile-hover-background-colour);
+    color: var(--cta-style-1-mobile-hover-colour);
+  }
+  .cmpl-cta-style-1:hover svg * {
+    fill: currentColor;
+    stroke: currentColor;
+  }
+}
+@media (hover: hover) and (hover: none) {
+  .cmpl-cta-style-1:hover {
+    background-color: var(--cta-style-1-mobile-background-colour);
+  }
+}
+@media screen and (hover: hover) and (min-width: 768px) {
+  .cmpl-cta-style-1:hover {
+    background-color: var(--cta-style-1-hover-background-colour);
+    border: var(--cta-style-1-border-width) solid var(--cta-style-1-hover-border-colour);
+    color: var(--cta-style-1-hover-colour);
+  }
+  .cmpl-cta-style-1:hover svg * {
+    fill: currentColor;
+    stroke: currentColor;
+  }
+}
+.cmpl-cta-style-1:active {
+  color: var(--cta-style-1-active-colour);
+  background-color: var(--cta-style-1-active-background-colour);
+  border: var(--cta-style-1-border-width) solid var(--cta-style-1-active-border-colour);
+}
+.cmpl-cta-style-1--inactive,
+.cmpl-cta-style-1.cta-style-inactive,
+.cmpl-cta-style-1[disabled] {
+  color: var(--cta-style-1-inactive-colour);
+  background-color: var(--cta-style-1-inactive-background-colour);
+  border: var(--cta-style-1-border-width) solid var(--cta-style-1-inactive-border-colour);
+}
+.cmpl-cta-style-1--selected,
+.cmpl-cta-style-1.cta-style-selected {
+  color: var(--cta-style-1-selected-colour);
+  background-color: var(--cta-style-1-selected-background-colour);
+  border: var(--cta-style-1-border-width) solid var(--cta-style-1-selected-border-colour);
+}
+.cmpl-cta-style-2 {
+  justify-self: var(--cta-alignment);
+  justify-content: center;
+  justify-content: var(--cta-style-2-content-vertical-alignment, center);
+  background-image: var(--cta-style2-image-background);
+  background-size: var(--cta-style2-image-background-size);
+  background-repeat: var(--cta-style2-image-background-repeat);
+  background-color: var(--cta-style-2-mobile-background-colour);
+  color: var(--cta-style-2-mobile-colour);
+}
+.cmpl-cta-style-2 svg * {
+  fill: currentColor;
+  stroke: currentColor;
+}
+.cmpl-cta-style-2 {
+  border: var(--cta-style-2-border-width) solid var(--cta-style-2-mobile-border-colour);
+  border-radius: var(--cta-style-2-border-radius);
+  font-weight: var(--cta-style-2-font-weight);
+  letter-spacing: var(--cta-style-2-letter-spacing);
+  line-height: var(--cta-style-2-line-height);
+  font-family: var(--cta-style-2-font-family);
+  text-transform: var(--cta-style-2-text-transform);
+  font-style: var(--cta-style-2-font-style);
+  text-align: var(--cta-style-2-text-align);
+  -webkit-text-decoration: var(--cta-style-2-decoration-style);
+  text-decoration: var(--cta-style-2-decoration-style);
+  text-decoration-color: var(--cta-style-2-decoration-colour);
+  font-size: clamp(10px, var(--cta-style-2-font-size-mobile) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+  font-size: clamp(var(--cta-style-font-size-min-mobile, 10px), var(--cta-style-2-font-size-mobile) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--cta-style-font-size-max-mobile, 180px));
+  min-width: var(--cta-style-2-min-width-mobile);
+  padding: calc(var(--cta-style-2-padding-block-mobile) / var(--design-reference) * var(--screen-width)) calc(var(--cta-style-2-padding-inline-mobile) / var(--design-reference) * var(--screen-width));
+  --box-shadow-offset-x: var(--cta-style-2-shadow-offset-x, 0);
+  --box-shadow-offset-y: var(--cta-style-2-shadow-offset-y, 0);
+  --box-shadow-blur: var(--cta-style-2-shadow-blur, 0);
+  --box-shadow-spread: var(--cta-style-2-shadow-radius, 0);
+  --box-shadow-colour: var(--cta-style-2-shadow-colour, 0);
+  --box-shadow-position: var(--cta-style-2-shadow-position, 0);
+  --box-shadow-hover-offset-x: var( --cta-style-2-shadow-offset-hover-x, 0 );
+  --box-shadow-hover-offset-y: var( --cta-style-2-shadow-offset-hover-y, 0 );
+  --box-shadow-hover-blur: var( --cta-style-2-shadow-hover-blur, 0 );
+  --box-shadow-hover-spread: var( --cta-style-2-shadow-hover-radius, 0 );
+  --box-shadow-hover-colour: var( --cta-style-2-shadow-hover-colour, 0 );
+  --box-shadow-hover-position: var( --cta-style-2-shadow-hover-position, 0 );
+  box-shadow: calc(0 / var(--desktop-design-reference) * var(--screen-width-static)) calc(0 / var(--desktop-design-reference) * var(--screen-width-static)) calc(0 / var(--desktop-design-reference) * var(--screen-width-static)) calc(0 / var(--desktop-design-reference) * var(--screen-width-static)) 0 0;
+  box-shadow: calc(var(--box-shadow-offset-x) / var(--desktop-design-reference) * var(--screen-width-static)) calc(var(--box-shadow-offset-y) / var(--desktop-design-reference) * var(--screen-width-static)) calc(var(--box-shadow-blur) / var(--desktop-design-reference) * var(--screen-width-static)) calc(var(--box-shadow-spread) / var(--desktop-design-reference) * var(--screen-width-static)) var(--box-shadow-colour) var(--box-shadow-position);
+}
+.cmpl-cta-style-2:hover {
+  box-shadow: calc(var(--box-shadow-hover-offset-x) / var(--desktop-design-reference) * var(--screen-width-static)) calc(var(--box-shadow-hover-offset-y) / var(--desktop-design-reference) * var(--screen-width-static)) calc(var(--box-shadow-hover-blur) / var(--desktop-design-reference) * var(--screen-width-static)) calc(var(--box-shadow-hover-spread) / var(--desktop-design-reference) * var(--screen-width-static)) var(--box-shadow-hover-colour) var(--box-shadow-hover-position);
+}
+@media screen and (min-width: 768px) {
+  .cmpl-cta-style-2 {
+    font-size: clamp(10px, var(--cta-style-2-font-size-portrait) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+    font-size: clamp(var(--cta-style-font-size-min-mobile, 10px), var(--cta-style-2-font-size-portrait) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--cta-style-font-size-max-mobile, 180px));
+    min-width: var(--cta-style-2-min-width-portrait);
+    padding: calc(var(--cta-style-2-padding-block-portrait) / var(--design-reference) * var(--screen-width)) calc(var(--cta-style-2-padding-inline-portrait) / var(--design-reference) * var(--screen-width));
+    background-color: var(--cta-style-2-background-colour);
+    border: var(--cta-style-2-border-width) solid var(--cta-style-2-border-colour);
+    color: var(--cta-style-2-colour);
+  }
+  .cmpl-cta-style-2 svg * {
+    fill: currentColor;
+    stroke: currentColor;
+  }
+}
+@media screen and (min-width: 1024px) {
+  .cmpl-cta-style-2 {
+    font-size: clamp(10px, var(--cta-style-2-font-size-landscape) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+    font-size: clamp(var(--cta-style-font-size-min-desktop, 10px), var(--cta-style-2-font-size-landscape) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--cta-style-font-size-max-desktop, 180px));
+    min-width: var(--cta-style-2-min-width-landscape);
+    padding: calc(var(--cta-style-2-padding-block-landscape) / var(--design-reference) * var(--screen-width)) calc(var(--cta-style-2-padding-inline-landscape) / var(--design-reference) * var(--screen-width));
+  }
+}
+@media screen and (min-width: 1440px) {
+  .cmpl-cta-style-2 {
+    font-size: clamp(10px, var(--cta-style-2-font-size-desktop) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+    font-size: clamp(var(--cta-style-font-size-min-desktop, 10px), var(--cta-style-2-font-size-desktop) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--cta-style-font-size-max-desktop, 180px));
+    min-width: var(--cta-style-2-min-width-desktop);
+    padding: calc(var(--cta-style-2-padding-block-desktop) / var(--design-reference) * var(--screen-width)) calc(var(--cta-style-2-padding-inline-desktop) / var(--design-reference) * var(--screen-width));
+  }
+}
+@media (hover: hover) {
+  .cmpl-cta-style-2:hover {
+    -webkit-text-decoration: var(--cta-style-2-decoration-style-hover);
+    text-decoration: var(--cta-style-2-decoration-style-hover);
+    text-decoration-color: var(--cta-style-2-decoration-colour-hover);
+    border: var(--cta-style-2-border-width) solid var(--cta-style-2-mobile-hover-border-colour);
+    background-color: var(--cta-style-2-mobile-hover-background-colour);
+    color: var(--cta-style-2-mobile-hover-colour);
+  }
+  .cmpl-cta-style-2:hover svg * {
+    fill: currentColor;
+    stroke: currentColor;
+  }
+}
+@media (hover: hover) and (hover: none) {
+  .cmpl-cta-style-2:hover {
+    background-color: var(--cta-style-2-mobile-background-colour);
+  }
+}
+@media screen and (hover: hover) and (min-width: 768px) {
+  .cmpl-cta-style-2:hover {
+    background-color: var(--cta-style-2-hover-background-colour);
+    border: var(--cta-style-2-border-width) solid var(--cta-style-2-hover-border-colour);
+    color: var(--cta-style-2-hover-colour);
+  }
+  .cmpl-cta-style-2:hover svg * {
+    fill: currentColor;
+    stroke: currentColor;
+  }
+}
+.cmpl-cta-style-2:active {
+  color: var(--cta-style-2-active-colour);
+  background-color: var(--cta-style-2-active-background-colour);
+  border: var(--cta-style-2-border-width) solid var(--cta-style-2-active-border-colour);
+}
+.cmpl-cta-style-2--inactive,
+.cmpl-cta-style-2.cta-style-inactive,
+.cmpl-cta-style-2[disabled] {
+  color: var(--cta-style-2-inactive-colour);
+  background-color: var(--cta-style-2-inactive-background-colour);
+  border: var(--cta-style-2-border-width) solid var(--cta-style-2-inactive-border-colour);
+}
+.cmpl-cta-style-2--selected,
+.cmpl-cta-style-2.cta-style-selected {
+  color: var(--cta-style-2-selected-colour);
+  background-color: var(--cta-style-2-selected-background-colour);
+  border: var(--cta-style-2-border-width) solid var(--cta-style-2-selected-border-colour);
+}
+.cmpl-cta-style-3 {
+  justify-self: var(--cta-alignment);
+  justify-content: center;
+  justify-content: var(--cta-style-3-content-vertical-alignment, center);
+  background-image: var(--cta-style3-image-background);
+  background-size: var(--cta-style3-image-background-size);
+  background-repeat: var(--cta-style3-image-background-repeat);
+  background-color: var(--cta-style-3-mobile-background-colour);
+  color: var(--cta-style-3-mobile-colour);
+}
+.cmpl-cta-style-3 svg * {
+  fill: currentColor;
+  stroke: currentColor;
+}
+.cmpl-cta-style-3 {
+  border: var(--cta-style-3-border-width) solid var(--cta-style-3-mobile-border-colour);
+  border-radius: var(--cta-style-3-border-radius);
+  font-weight: var(--cta-style-3-font-weight);
+  letter-spacing: var(--cta-style-3-letter-spacing);
+  line-height: var(--cta-style-3-line-height);
+  font-family: var(--cta-style-3-font-family);
+  text-transform: var(--cta-style-3-text-transform);
+  font-style: var(--cta-style-3-font-style);
+  text-align: var(--cta-style-3-text-align);
+  -webkit-text-decoration: var(--cta-style-3-decoration-style);
+  text-decoration: var(--cta-style-3-decoration-style);
+  text-decoration-color: var(--cta-style-3-decoration-colour);
+  font-size: clamp(10px, var(--cta-style-3-font-size-mobile) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+  font-size: clamp(var(--cta-style-font-size-min-mobile, 10px), var(--cta-style-3-font-size-mobile) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--cta-style-font-size-max-mobile, 180px));
+  min-width: var(--cta-style-3-min-width-mobile);
+  padding: calc(var(--cta-style-3-padding-block-mobile) / var(--design-reference) * var(--screen-width)) calc(var(--cta-style-3-padding-inline-mobile) / var(--design-reference) * var(--screen-width));
+  --box-shadow-offset-x: var(--cta-style-3-shadow-offset-x, 0);
+  --box-shadow-offset-y: var(--cta-style-3-shadow-offset-y, 0);
+  --box-shadow-blur: var(--cta-style-3-shadow-blur, 0);
+  --box-shadow-spread: var(--cta-style-3-shadow-radius, 0);
+  --box-shadow-colour: var(--cta-style-3-shadow-colour, 0);
+  --box-shadow-position: var(--cta-style-3-shadow-position, 0);
+  --box-shadow-hover-offset-x: var( --cta-style-3-shadow-offset-hover-x, 0 );
+  --box-shadow-hover-offset-y: var( --cta-style-3-shadow-offset-hover-y, 0 );
+  --box-shadow-hover-blur: var( --cta-style-3-shadow-hover-blur, 0 );
+  --box-shadow-hover-spread: var( --cta-style-3-shadow-hover-radius, 0 );
+  --box-shadow-hover-colour: var( --cta-style-3-shadow-hover-colour, 0 );
+  --box-shadow-hover-position: var( --cta-style-3-shadow-hover-position, 0 );
+  box-shadow: calc(0 / var(--desktop-design-reference) * var(--screen-width-static)) calc(0 / var(--desktop-design-reference) * var(--screen-width-static)) calc(0 / var(--desktop-design-reference) * var(--screen-width-static)) calc(0 / var(--desktop-design-reference) * var(--screen-width-static)) 0 0;
+  box-shadow: calc(var(--box-shadow-offset-x) / var(--desktop-design-reference) * var(--screen-width-static)) calc(var(--box-shadow-offset-y) / var(--desktop-design-reference) * var(--screen-width-static)) calc(var(--box-shadow-blur) / var(--desktop-design-reference) * var(--screen-width-static)) calc(var(--box-shadow-spread) / var(--desktop-design-reference) * var(--screen-width-static)) var(--box-shadow-colour) var(--box-shadow-position);
+}
+.cmpl-cta-style-3:hover {
+  box-shadow: calc(var(--box-shadow-hover-offset-x) / var(--desktop-design-reference) * var(--screen-width-static)) calc(var(--box-shadow-hover-offset-y) / var(--desktop-design-reference) * var(--screen-width-static)) calc(var(--box-shadow-hover-blur) / var(--desktop-design-reference) * var(--screen-width-static)) calc(var(--box-shadow-hover-spread) / var(--desktop-design-reference) * var(--screen-width-static)) var(--box-shadow-hover-colour) var(--box-shadow-hover-position);
+}
+@media screen and (min-width: 768px) {
+  .cmpl-cta-style-3 {
+    font-size: clamp(10px, var(--cta-style-3-font-size-portrait) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+    font-size: clamp(var(--cta-style-font-size-min-mobile, 10px), var(--cta-style-3-font-size-portrait) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--cta-style-font-size-max-mobile, 180px));
+    min-width: var(--cta-style-3-min-width-portrait);
+    padding: calc(var(--cta-style-3-padding-block-portrait) / var(--design-reference) * var(--screen-width)) calc(var(--cta-style-3-padding-inline-portrait) / var(--design-reference) * var(--screen-width));
+    background-color: var(--cta-style-3-background-colour);
+    border: var(--cta-style-3-border-width) solid var(--cta-style-3-border-colour);
+    color: var(--cta-style-3-colour);
+  }
+  .cmpl-cta-style-3 svg * {
+    fill: currentColor;
+    stroke: currentColor;
+  }
+}
+@media screen and (min-width: 1024px) {
+  .cmpl-cta-style-3 {
+    font-size: clamp(10px, var(--cta-style-3-font-size-landscape) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+    font-size: clamp(var(--cta-style-font-size-min-desktop, 10px), var(--cta-style-3-font-size-landscape) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--cta-style-font-size-max-desktop, 180px));
+    min-width: var(--cta-style-3-min-width-landscape);
+    padding: calc(var(--cta-style-3-padding-block-landscape) / var(--design-reference) * var(--screen-width)) calc(var(--cta-style-3-padding-inline-landscape) / var(--design-reference) * var(--screen-width));
+  }
+}
+@media screen and (min-width: 1440px) {
+  .cmpl-cta-style-3 {
+    font-size: clamp(10px, var(--cta-style-3-font-size-desktop) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+    font-size: clamp(var(--cta-style-font-size-min-desktop, 10px), var(--cta-style-3-font-size-desktop) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--cta-style-font-size-max-desktop, 180px));
+    min-width: var(--cta-style-3-min-width-desktop);
+    padding: calc(var(--cta-style-3-padding-block-desktop) / var(--design-reference) * var(--screen-width)) calc(var(--cta-style-3-padding-inline-desktop) / var(--design-reference) * var(--screen-width));
+  }
+}
+@media (hover: hover) {
+  .cmpl-cta-style-3:hover {
+    -webkit-text-decoration: var(--cta-style-3-decoration-style-hover);
+    text-decoration: var(--cta-style-3-decoration-style-hover);
+    text-decoration-color: var(--cta-style-3-decoration-colour-hover);
+    border: var(--cta-style-3-border-width) solid var(--cta-style-3-mobile-hover-border-colour);
+    background-color: var(--cta-style-3-mobile-hover-background-colour);
+    color: var(--cta-style-3-mobile-hover-colour);
+  }
+  .cmpl-cta-style-3:hover svg * {
+    fill: currentColor;
+    stroke: currentColor;
+  }
+}
+@media (hover: hover) and (hover: none) {
+  .cmpl-cta-style-3:hover {
+    background-color: var(--cta-style-3-mobile-background-colour);
+  }
+}
+@media screen and (hover: hover) and (min-width: 768px) {
+  .cmpl-cta-style-3:hover {
+    background-color: var(--cta-style-3-hover-background-colour);
+    border: var(--cta-style-3-border-width) solid var(--cta-style-3-hover-border-colour);
+    color: var(--cta-style-3-hover-colour);
+  }
+  .cmpl-cta-style-3:hover svg * {
+    fill: currentColor;
+    stroke: currentColor;
+  }
+}
+.cmpl-cta-style-3:active {
+  color: var(--cta-style-3-active-colour);
+  background-color: var(--cta-style-3-active-background-colour);
+  border: var(--cta-style-3-border-width) solid var(--cta-style-3-active-border-colour);
+}
+.cmpl-cta-style-3--inactive,
+.cmpl-cta-style-3.cta-style-inactive,
+.cmpl-cta-style-3[disabled] {
+  color: var(--cta-style-3-inactive-colour);
+  background-color: var(--cta-style-3-inactive-background-colour);
+  border: var(--cta-style-3-border-width) solid var(--cta-style-3-inactive-border-colour);
+}
+.cmpl-cta-style-3--selected,
+.cmpl-cta-style-3.cta-style-selected {
+  color: var(--cta-style-3-selected-colour);
+  background-color: var(--cta-style-3-selected-background-colour);
+  border: var(--cta-style-3-border-width) solid var(--cta-style-3-selected-border-colour);
+}
+.cmpl-cta-style-4 {
+  justify-self: var(--cta-alignment);
+  justify-content: center;
+  justify-content: var(--cta-style-4-content-vertical-alignment, center);
+  background-image: var(--cta-style4-image-background);
+  background-size: var(--cta-style4-image-background-size);
+  background-repeat: var(--cta-style4-image-background-repeat);
+  background-color: var(--cta-style-4-mobile-background-colour);
+  color: var(--cta-style-4-mobile-colour);
+}
+.cmpl-cta-style-4 svg * {
+  fill: currentColor;
+  stroke: currentColor;
+}
+.cmpl-cta-style-4 {
+  border: var(--cta-style-4-border-width) solid var(--cta-style-4-mobile-border-colour);
+  border-radius: var(--cta-style-4-border-radius);
+  font-weight: var(--cta-style-4-font-weight);
+  letter-spacing: var(--cta-style-4-letter-spacing);
+  line-height: var(--cta-style-4-line-height);
+  font-family: var(--cta-style-4-font-family);
+  text-transform: var(--cta-style-4-text-transform);
+  font-style: var(--cta-style-4-font-style);
+  text-align: var(--cta-style-4-text-align);
+  -webkit-text-decoration: var(--cta-style-4-decoration-style);
+  text-decoration: var(--cta-style-4-decoration-style);
+  text-decoration-color: var(--cta-style-4-decoration-colour);
+  font-size: clamp(10px, var(--cta-style-4-font-size-mobile) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+  font-size: clamp(var(--cta-style-font-size-min-mobile, 10px), var(--cta-style-4-font-size-mobile) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--cta-style-font-size-max-mobile, 180px));
+  min-width: var(--cta-style-4-min-width-mobile);
+  padding: calc(var(--cta-style-4-padding-block-mobile) / var(--design-reference) * var(--screen-width)) calc(var(--cta-style-4-padding-inline-mobile) / var(--design-reference) * var(--screen-width));
+  --box-shadow-offset-x: var(--cta-style-4-shadow-offset-x, 0);
+  --box-shadow-offset-y: var(--cta-style-4-shadow-offset-y, 0);
+  --box-shadow-blur: var(--cta-style-4-shadow-blur, 0);
+  --box-shadow-spread: var(--cta-style-4-shadow-radius, 0);
+  --box-shadow-colour: var(--cta-style-4-shadow-colour, 0);
+  --box-shadow-position: var(--cta-style-4-shadow-position, 0);
+  --box-shadow-hover-offset-x: var( --cta-style-4-shadow-offset-hover-x, 0 );
+  --box-shadow-hover-offset-y: var( --cta-style-4-shadow-offset-hover-y, 0 );
+  --box-shadow-hover-blur: var( --cta-style-4-shadow-hover-blur, 0 );
+  --box-shadow-hover-spread: var( --cta-style-4-shadow-hover-radius, 0 );
+  --box-shadow-hover-colour: var( --cta-style-4-shadow-hover-colour, 0 );
+  --box-shadow-hover-position: var( --cta-style-4-shadow-hover-position, 0 );
+  box-shadow: calc(0 / var(--desktop-design-reference) * var(--screen-width-static)) calc(0 / var(--desktop-design-reference) * var(--screen-width-static)) calc(0 / var(--desktop-design-reference) * var(--screen-width-static)) calc(0 / var(--desktop-design-reference) * var(--screen-width-static)) 0 0;
+  box-shadow: calc(var(--box-shadow-offset-x) / var(--desktop-design-reference) * var(--screen-width-static)) calc(var(--box-shadow-offset-y) / var(--desktop-design-reference) * var(--screen-width-static)) calc(var(--box-shadow-blur) / var(--desktop-design-reference) * var(--screen-width-static)) calc(var(--box-shadow-spread) / var(--desktop-design-reference) * var(--screen-width-static)) var(--box-shadow-colour) var(--box-shadow-position);
+}
+.cmpl-cta-style-4:hover {
+  box-shadow: calc(var(--box-shadow-hover-offset-x) / var(--desktop-design-reference) * var(--screen-width-static)) calc(var(--box-shadow-hover-offset-y) / var(--desktop-design-reference) * var(--screen-width-static)) calc(var(--box-shadow-hover-blur) / var(--desktop-design-reference) * var(--screen-width-static)) calc(var(--box-shadow-hover-spread) / var(--desktop-design-reference) * var(--screen-width-static)) var(--box-shadow-hover-colour) var(--box-shadow-hover-position);
+}
+@media screen and (min-width: 768px) {
+  .cmpl-cta-style-4 {
+    font-size: clamp(10px, var(--cta-style-4-font-size-portrait) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+    font-size: clamp(var(--cta-style-font-size-min-mobile, 10px), var(--cta-style-4-font-size-portrait) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--cta-style-font-size-max-mobile, 180px));
+    min-width: var(--cta-style-4-min-width-portrait);
+    padding: calc(var(--cta-style-4-padding-block-portrait) / var(--design-reference) * var(--screen-width)) calc(var(--cta-style-4-padding-inline-portrait) / var(--design-reference) * var(--screen-width));
+    background-color: var(--cta-style-4-background-colour);
+    border: var(--cta-style-4-border-width) solid var(--cta-style-4-border-colour);
+    color: var(--cta-style-4-colour);
+  }
+  .cmpl-cta-style-4 svg * {
+    fill: currentColor;
+    stroke: currentColor;
+  }
+}
+@media screen and (min-width: 1024px) {
+  .cmpl-cta-style-4 {
+    font-size: clamp(10px, var(--cta-style-4-font-size-landscape) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+    font-size: clamp(var(--cta-style-font-size-min-desktop, 10px), var(--cta-style-4-font-size-landscape) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--cta-style-font-size-max-desktop, 180px));
+    min-width: var(--cta-style-4-min-width-landscape);
+    padding: calc(var(--cta-style-4-padding-block-landscape) / var(--design-reference) * var(--screen-width)) calc(var(--cta-style-4-padding-inline-landscape) / var(--design-reference) * var(--screen-width));
+  }
+}
+@media screen and (min-width: 1440px) {
+  .cmpl-cta-style-4 {
+    font-size: clamp(10px, var(--cta-style-4-font-size-desktop) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+    font-size: clamp(var(--cta-style-font-size-min-desktop, 10px), var(--cta-style-4-font-size-desktop) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--cta-style-font-size-max-desktop, 180px));
+    min-width: var(--cta-style-4-min-width-desktop);
+    padding: calc(var(--cta-style-4-padding-block-desktop) / var(--design-reference) * var(--screen-width)) calc(var(--cta-style-4-padding-inline-desktop) / var(--design-reference) * var(--screen-width));
+  }
+}
+@media (hover: hover) {
+  .cmpl-cta-style-4:hover {
+    -webkit-text-decoration: var(--cta-style-4-decoration-style-hover);
+    text-decoration: var(--cta-style-4-decoration-style-hover);
+    text-decoration-color: var(--cta-style-4-decoration-colour-hover);
+    border: var(--cta-style-4-border-width) solid var(--cta-style-4-mobile-hover-border-colour);
+    background-color: var(--cta-style-4-mobile-hover-background-colour);
+    color: var(--cta-style-4-mobile-hover-colour);
+  }
+  .cmpl-cta-style-4:hover svg * {
+    fill: currentColor;
+    stroke: currentColor;
+  }
+}
+@media (hover: hover) and (hover: none) {
+  .cmpl-cta-style-4:hover {
+    background-color: var(--cta-style-4-mobile-background-colour);
+  }
+}
+@media screen and (hover: hover) and (min-width: 768px) {
+  .cmpl-cta-style-4:hover {
+    background-color: var(--cta-style-4-hover-background-colour);
+    border: var(--cta-style-4-border-width) solid var(--cta-style-4-hover-border-colour);
+    color: var(--cta-style-4-hover-colour);
+  }
+  .cmpl-cta-style-4:hover svg * {
+    fill: currentColor;
+    stroke: currentColor;
+  }
+}
+.cmpl-cta-style-4:active {
+  color: var(--cta-style-4-active-colour);
+  background-color: var(--cta-style-4-active-background-colour);
+  border: var(--cta-style-4-border-width) solid var(--cta-style-4-active-border-colour);
+}
+.cmpl-cta-style-4--inactive,
+.cmpl-cta-style-4.cta-style-inactive,
+.cmpl-cta-style-4[disabled] {
+  color: var(--cta-style-4-inactive-colour);
+  background-color: var(--cta-style-4-inactive-background-colour);
+  border: var(--cta-style-4-border-width) solid var(--cta-style-4-inactive-border-colour);
+}
+.cmpl-cta-style-4--selected,
+.cmpl-cta-style-4.cta-style-selected {
+  color: var(--cta-style-4-selected-colour);
+  background-color: var(--cta-style-4-selected-background-colour);
+  border: var(--cta-style-4-border-width) solid var(--cta-style-4-selected-border-colour);
+}
+.cmpl-cta-style-5 {
+  justify-self: var(--cta-alignment);
+  justify-content: center;
+  justify-content: var(--cta-style-5-content-vertical-alignment, center);
+  background-image: var(--cta-style5-image-background);
+  background-size: var(--cta-style5-image-background-size);
+  background-repeat: var(--cta-style5-image-background-repeat);
+  background-color: var(--cta-style-5-mobile-background-colour);
+  color: var(--cta-style-5-mobile-colour);
+}
+.cmpl-cta-style-5 svg * {
+  fill: currentColor;
+  stroke: currentColor;
+}
+.cmpl-cta-style-5 {
+  border: var(--cta-style-5-border-width) solid var(--cta-style-5-mobile-border-colour);
+  border-radius: var(--cta-style-5-border-radius);
+  font-weight: var(--cta-style-5-font-weight);
+  letter-spacing: var(--cta-style-5-letter-spacing);
+  line-height: var(--cta-style-5-line-height);
+  font-family: var(--cta-style-5-font-family);
+  text-transform: var(--cta-style-5-text-transform);
+  font-style: var(--cta-style-5-font-style);
+  text-align: var(--cta-style-5-text-align);
+  -webkit-text-decoration: var(--cta-style-5-decoration-style);
+  text-decoration: var(--cta-style-5-decoration-style);
+  text-decoration-color: var(--cta-style-5-decoration-colour);
+  font-size: clamp(10px, var(--cta-style-5-font-size-mobile) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+  font-size: clamp(var(--cta-style-font-size-min-mobile, 10px), var(--cta-style-5-font-size-mobile) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--cta-style-font-size-max-mobile, 180px));
+  min-width: var(--cta-style-5-min-width-mobile);
+  padding: calc(var(--cta-style-5-padding-block-mobile) / var(--design-reference) * var(--screen-width)) calc(var(--cta-style-5-padding-inline-mobile) / var(--design-reference) * var(--screen-width));
+  --box-shadow-offset-x: var(--cta-style-5-shadow-offset-x, 0);
+  --box-shadow-offset-y: var(--cta-style-5-shadow-offset-y, 0);
+  --box-shadow-blur: var(--cta-style-5-shadow-blur, 0);
+  --box-shadow-spread: var(--cta-style-5-shadow-radius, 0);
+  --box-shadow-colour: var(--cta-style-5-shadow-colour, 0);
+  --box-shadow-position: var(--cta-style-5-shadow-position, 0);
+  --box-shadow-hover-offset-x: var( --cta-style-5-shadow-offset-hover-x, 0 );
+  --box-shadow-hover-offset-y: var( --cta-style-5-shadow-offset-hover-y, 0 );
+  --box-shadow-hover-blur: var( --cta-style-5-shadow-hover-blur, 0 );
+  --box-shadow-hover-spread: var( --cta-style-5-shadow-hover-radius, 0 );
+  --box-shadow-hover-colour: var( --cta-style-5-shadow-hover-colour, 0 );
+  --box-shadow-hover-position: var( --cta-style-5-shadow-hover-position, 0 );
+  box-shadow: calc(0 / var(--desktop-design-reference) * var(--screen-width-static)) calc(0 / var(--desktop-design-reference) * var(--screen-width-static)) calc(0 / var(--desktop-design-reference) * var(--screen-width-static)) calc(0 / var(--desktop-design-reference) * var(--screen-width-static)) 0 0;
+  box-shadow: calc(var(--box-shadow-offset-x) / var(--desktop-design-reference) * var(--screen-width-static)) calc(var(--box-shadow-offset-y) / var(--desktop-design-reference) * var(--screen-width-static)) calc(var(--box-shadow-blur) / var(--desktop-design-reference) * var(--screen-width-static)) calc(var(--box-shadow-spread) / var(--desktop-design-reference) * var(--screen-width-static)) var(--box-shadow-colour) var(--box-shadow-position);
+}
+.cmpl-cta-style-5:hover {
+  box-shadow: calc(var(--box-shadow-hover-offset-x) / var(--desktop-design-reference) * var(--screen-width-static)) calc(var(--box-shadow-hover-offset-y) / var(--desktop-design-reference) * var(--screen-width-static)) calc(var(--box-shadow-hover-blur) / var(--desktop-design-reference) * var(--screen-width-static)) calc(var(--box-shadow-hover-spread) / var(--desktop-design-reference) * var(--screen-width-static)) var(--box-shadow-hover-colour) var(--box-shadow-hover-position);
+}
+@media screen and (min-width: 768px) {
+  .cmpl-cta-style-5 {
+    font-size: clamp(10px, var(--cta-style-5-font-size-portrait) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+    font-size: clamp(var(--cta-style-font-size-min-mobile, 10px), var(--cta-style-5-font-size-portrait) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--cta-style-font-size-max-mobile, 180px));
+    min-width: var(--cta-style-5-min-width-portrait);
+    padding: calc(var(--cta-style-5-padding-block-portrait) / var(--design-reference) * var(--screen-width)) calc(var(--cta-style-5-padding-inline-portrait) / var(--design-reference) * var(--screen-width));
+    background-color: var(--cta-style-5-background-colour);
+    border: var(--cta-style-5-border-width) solid var(--cta-style-5-border-colour);
+    color: var(--cta-style-5-colour);
+  }
+  .cmpl-cta-style-5 svg * {
+    fill: currentColor;
+    stroke: currentColor;
+  }
+}
+@media screen and (min-width: 1024px) {
+  .cmpl-cta-style-5 {
+    font-size: clamp(10px, var(--cta-style-5-font-size-landscape) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+    font-size: clamp(var(--cta-style-font-size-min-desktop, 10px), var(--cta-style-5-font-size-landscape) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--cta-style-font-size-max-desktop, 180px));
+    min-width: var(--cta-style-5-min-width-landscape);
+    padding: calc(var(--cta-style-5-padding-block-landscape) / var(--design-reference) * var(--screen-width)) calc(var(--cta-style-5-padding-inline-landscape) / var(--design-reference) * var(--screen-width));
+  }
+}
+@media screen and (min-width: 1440px) {
+  .cmpl-cta-style-5 {
+    font-size: clamp(10px, var(--cta-style-5-font-size-desktop) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+    font-size: clamp(var(--cta-style-font-size-min-desktop, 10px), var(--cta-style-5-font-size-desktop) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--cta-style-font-size-max-desktop, 180px));
+    min-width: var(--cta-style-5-min-width-desktop);
+    padding: calc(var(--cta-style-5-padding-block-desktop) / var(--design-reference) * var(--screen-width)) calc(var(--cta-style-5-padding-inline-desktop) / var(--design-reference) * var(--screen-width));
+  }
+}
+@media (hover: hover) {
+  .cmpl-cta-style-5:hover {
+    -webkit-text-decoration: var(--cta-style-5-decoration-style-hover);
+    text-decoration: var(--cta-style-5-decoration-style-hover);
+    text-decoration-color: var(--cta-style-5-decoration-colour-hover);
+    border: var(--cta-style-5-border-width) solid var(--cta-style-5-mobile-hover-border-colour);
+    background-color: var(--cta-style-5-mobile-hover-background-colour);
+    color: var(--cta-style-5-mobile-hover-colour);
+  }
+  .cmpl-cta-style-5:hover svg * {
+    fill: currentColor;
+    stroke: currentColor;
+  }
+}
+@media (hover: hover) and (hover: none) {
+  .cmpl-cta-style-5:hover {
+    background-color: var(--cta-style-5-mobile-background-colour);
+  }
+}
+@media screen and (hover: hover) and (min-width: 768px) {
+  .cmpl-cta-style-5:hover {
+    background-color: var(--cta-style-5-hover-background-colour);
+    border: var(--cta-style-5-border-width) solid var(--cta-style-5-hover-border-colour);
+    color: var(--cta-style-5-hover-colour);
+  }
+  .cmpl-cta-style-5:hover svg * {
+    fill: currentColor;
+    stroke: currentColor;
+  }
+}
+.cmpl-cta-style-5:active {
+  color: var(--cta-style-5-active-colour);
+  background-color: var(--cta-style-5-active-background-colour);
+  border: var(--cta-style-5-border-width) solid var(--cta-style-5-active-border-colour);
+}
+.cmpl-cta-style-5--inactive,
+.cmpl-cta-style-5.cta-style-inactive,
+.cmpl-cta-style-5[disabled] {
+  color: var(--cta-style-5-inactive-colour);
+  background-color: var(--cta-style-5-inactive-background-colour);
+  border: var(--cta-style-5-border-width) solid var(--cta-style-5-inactive-border-colour);
+}
+.cmpl-cta-style-5--selected,
+.cmpl-cta-style-5.cta-style-selected {
+  color: var(--cta-style-5-selected-colour);
+  background-color: var(--cta-style-5-selected-background-colour);
+  border: var(--cta-style-5-border-width) solid var(--cta-style-5-selected-border-colour);
+}
+.cmpl-cta-style-6 {
+  justify-self: var(--cta-alignment);
+  justify-content: center;
+  justify-content: var(--cta-style-6-content-vertical-alignment, center);
+  background-image: var(--cta-style6-image-background);
+  background-size: var(--cta-style6-image-background-size);
+  background-repeat: var(--cta-style6-image-background-repeat);
+  background-color: var(--cta-style-6-mobile-background-colour);
+  color: var(--cta-style-6-mobile-colour);
+}
+.cmpl-cta-style-6 svg * {
+  fill: currentColor;
+  stroke: currentColor;
+}
+.cmpl-cta-style-6 {
+  border: var(--cta-style-6-border-width) solid var(--cta-style-6-mobile-border-colour);
+  border-radius: var(--cta-style-6-border-radius);
+  font-weight: var(--cta-style-6-font-weight);
+  letter-spacing: var(--cta-style-6-letter-spacing);
+  line-height: var(--cta-style-6-line-height);
+  font-family: var(--cta-style-6-font-family);
+  text-transform: var(--cta-style-6-text-transform);
+  font-style: var(--cta-style-6-font-style);
+  text-align: var(--cta-style-6-text-align);
+  -webkit-text-decoration: var(--cta-style-6-decoration-style);
+  text-decoration: var(--cta-style-6-decoration-style);
+  text-decoration-color: var(--cta-style-6-decoration-colour);
+  font-size: clamp(10px, var(--cta-style-6-font-size-mobile) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+  font-size: clamp(var(--cta-style-font-size-min-mobile, 10px), var(--cta-style-6-font-size-mobile) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--cta-style-font-size-max-mobile, 180px));
+  min-width: var(--cta-style-6-min-width-mobile);
+  padding: calc(var(--cta-style-6-padding-block-mobile) / var(--design-reference) * var(--screen-width)) calc(var(--cta-style-6-padding-inline-mobile) / var(--design-reference) * var(--screen-width));
+  --box-shadow-offset-x: var(--cta-style-6-shadow-offset-x, 0);
+  --box-shadow-offset-y: var(--cta-style-6-shadow-offset-y, 0);
+  --box-shadow-blur: var(--cta-style-6-shadow-blur, 0);
+  --box-shadow-spread: var(--cta-style-6-shadow-radius, 0);
+  --box-shadow-colour: var(--cta-style-6-shadow-colour, 0);
+  --box-shadow-position: var(--cta-style-6-shadow-position, 0);
+  --box-shadow-hover-offset-x: var( --cta-style-6-shadow-offset-hover-x, 0 );
+  --box-shadow-hover-offset-y: var( --cta-style-6-shadow-offset-hover-y, 0 );
+  --box-shadow-hover-blur: var( --cta-style-6-shadow-hover-blur, 0 );
+  --box-shadow-hover-spread: var( --cta-style-6-shadow-hover-radius, 0 );
+  --box-shadow-hover-colour: var( --cta-style-6-shadow-hover-colour, 0 );
+  --box-shadow-hover-position: var( --cta-style-6-shadow-hover-position, 0 );
+  box-shadow: calc(0 / var(--desktop-design-reference) * var(--screen-width-static)) calc(0 / var(--desktop-design-reference) * var(--screen-width-static)) calc(0 / var(--desktop-design-reference) * var(--screen-width-static)) calc(0 / var(--desktop-design-reference) * var(--screen-width-static)) 0 0;
+  box-shadow: calc(var(--box-shadow-offset-x) / var(--desktop-design-reference) * var(--screen-width-static)) calc(var(--box-shadow-offset-y) / var(--desktop-design-reference) * var(--screen-width-static)) calc(var(--box-shadow-blur) / var(--desktop-design-reference) * var(--screen-width-static)) calc(var(--box-shadow-spread) / var(--desktop-design-reference) * var(--screen-width-static)) var(--box-shadow-colour) var(--box-shadow-position);
+}
+.cmpl-cta-style-6:hover {
+  box-shadow: calc(var(--box-shadow-hover-offset-x) / var(--desktop-design-reference) * var(--screen-width-static)) calc(var(--box-shadow-hover-offset-y) / var(--desktop-design-reference) * var(--screen-width-static)) calc(var(--box-shadow-hover-blur) / var(--desktop-design-reference) * var(--screen-width-static)) calc(var(--box-shadow-hover-spread) / var(--desktop-design-reference) * var(--screen-width-static)) var(--box-shadow-hover-colour) var(--box-shadow-hover-position);
+}
+@media screen and (min-width: 768px) {
+  .cmpl-cta-style-6 {
+    font-size: clamp(10px, var(--cta-style-6-font-size-portrait) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+    font-size: clamp(var(--cta-style-font-size-min-mobile, 10px), var(--cta-style-6-font-size-portrait) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--cta-style-font-size-max-mobile, 180px));
+    min-width: var(--cta-style-6-min-width-portrait);
+    padding: calc(var(--cta-style-6-padding-block-portrait) / var(--design-reference) * var(--screen-width)) calc(var(--cta-style-6-padding-inline-portrait) / var(--design-reference) * var(--screen-width));
+    background-color: var(--cta-style-6-background-colour);
+    border: var(--cta-style-6-border-width) solid var(--cta-style-6-border-colour);
+    color: var(--cta-style-6-colour);
+  }
+  .cmpl-cta-style-6 svg * {
+    fill: currentColor;
+    stroke: currentColor;
+  }
+}
+@media screen and (min-width: 1024px) {
+  .cmpl-cta-style-6 {
+    font-size: clamp(10px, var(--cta-style-6-font-size-landscape) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+    font-size: clamp(var(--cta-style-font-size-min-desktop, 10px), var(--cta-style-6-font-size-landscape) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--cta-style-font-size-max-desktop, 180px));
+    min-width: var(--cta-style-6-min-width-landscape);
+    padding: calc(var(--cta-style-6-padding-block-landscape) / var(--design-reference) * var(--screen-width)) calc(var(--cta-style-6-padding-inline-landscape) / var(--design-reference) * var(--screen-width));
+  }
+}
+@media screen and (min-width: 1440px) {
+  .cmpl-cta-style-6 {
+    font-size: clamp(10px, var(--cta-style-6-font-size-desktop) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+    font-size: clamp(var(--cta-style-font-size-min-desktop, 10px), var(--cta-style-6-font-size-desktop) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--cta-style-font-size-max-desktop, 180px));
+    min-width: var(--cta-style-6-min-width-desktop);
+    padding: calc(var(--cta-style-6-padding-block-desktop) / var(--design-reference) * var(--screen-width)) calc(var(--cta-style-6-padding-inline-desktop) / var(--design-reference) * var(--screen-width));
+  }
+}
+@media (hover: hover) {
+  .cmpl-cta-style-6:hover {
+    -webkit-text-decoration: var(--cta-style-6-decoration-style-hover);
+    text-decoration: var(--cta-style-6-decoration-style-hover);
+    text-decoration-color: var(--cta-style-6-decoration-colour-hover);
+    border: var(--cta-style-6-border-width) solid var(--cta-style-6-mobile-hover-border-colour);
+    background-color: var(--cta-style-6-mobile-hover-background-colour);
+    color: var(--cta-style-6-mobile-hover-colour);
+  }
+  .cmpl-cta-style-6:hover svg * {
+    fill: currentColor;
+    stroke: currentColor;
+  }
+}
+@media (hover: hover) and (hover: none) {
+  .cmpl-cta-style-6:hover {
+    background-color: var(--cta-style-6-mobile-background-colour);
+  }
+}
+@media screen and (hover: hover) and (min-width: 768px) {
+  .cmpl-cta-style-6:hover {
+    background-color: var(--cta-style-6-hover-background-colour);
+    border: var(--cta-style-6-border-width) solid var(--cta-style-6-hover-border-colour);
+    color: var(--cta-style-6-hover-colour);
+  }
+  .cmpl-cta-style-6:hover svg * {
+    fill: currentColor;
+    stroke: currentColor;
+  }
+}
+.cmpl-cta-style-6:active {
+  color: var(--cta-style-6-active-colour);
+  background-color: var(--cta-style-6-active-background-colour);
+  border: var(--cta-style-6-border-width) solid var(--cta-style-6-active-border-colour);
+}
+.cmpl-cta-style-6--inactive,
+.cmpl-cta-style-6.cta-style-inactive,
+.cmpl-cta-style-6[disabled] {
+  color: var(--cta-style-6-inactive-colour);
+  background-color: var(--cta-style-6-inactive-background-colour);
+  border: var(--cta-style-6-border-width) solid var(--cta-style-6-inactive-border-colour);
+}
+.cmpl-cta-style-6--selected,
+.cmpl-cta-style-6.cta-style-selected {
+  color: var(--cta-style-6-selected-colour);
+  background-color: var(--cta-style-6-selected-background-colour);
+  border: var(--cta-style-6-border-width) solid var(--cta-style-6-selected-border-colour);
+}
+.cmpl-cta-style-7 {
+  justify-self: var(--cta-alignment);
+  justify-content: center;
+  justify-content: var(--cta-style-7-content-vertical-alignment, center);
+  background-image: var(--cta-style7-image-background);
+  background-size: var(--cta-style7-image-background-size);
+  background-repeat: var(--cta-style7-image-background-repeat);
+  background-color: var(--cta-style-7-mobile-background-colour);
+  color: var(--cta-style-7-mobile-colour);
+}
+.cmpl-cta-style-7 svg * {
+  fill: currentColor;
+  stroke: currentColor;
+}
+.cmpl-cta-style-7 {
+  border: var(--cta-style-7-border-width) solid var(--cta-style-7-mobile-border-colour);
+  border-radius: var(--cta-style-7-border-radius);
+  font-weight: var(--cta-style-7-font-weight);
+  letter-spacing: var(--cta-style-7-letter-spacing);
+  line-height: var(--cta-style-7-line-height);
+  font-family: var(--cta-style-7-font-family);
+  text-transform: var(--cta-style-7-text-transform);
+  font-style: var(--cta-style-7-font-style);
+  text-align: var(--cta-style-7-text-align);
+  -webkit-text-decoration: var(--cta-style-7-decoration-style);
+  text-decoration: var(--cta-style-7-decoration-style);
+  text-decoration-color: var(--cta-style-7-decoration-colour);
+  font-size: clamp(10px, var(--cta-style-7-font-size-mobile) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+  font-size: clamp(var(--cta-style-font-size-min-mobile, 10px), var(--cta-style-7-font-size-mobile) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--cta-style-font-size-max-mobile, 180px));
+  min-width: var(--cta-style-7-min-width-mobile);
+  padding: calc(var(--cta-style-7-padding-block-mobile) / var(--design-reference) * var(--screen-width)) calc(var(--cta-style-7-padding-inline-mobile) / var(--design-reference) * var(--screen-width));
+  --box-shadow-offset-x: var(--cta-style-7-shadow-offset-x, 0);
+  --box-shadow-offset-y: var(--cta-style-7-shadow-offset-y, 0);
+  --box-shadow-blur: var(--cta-style-7-shadow-blur, 0);
+  --box-shadow-spread: var(--cta-style-7-shadow-radius, 0);
+  --box-shadow-colour: var(--cta-style-7-shadow-colour, 0);
+  --box-shadow-position: var(--cta-style-7-shadow-position, 0);
+  --box-shadow-hover-offset-x: var( --cta-style-7-shadow-offset-hover-x, 0 );
+  --box-shadow-hover-offset-y: var( --cta-style-7-shadow-offset-hover-y, 0 );
+  --box-shadow-hover-blur: var( --cta-style-7-shadow-hover-blur, 0 );
+  --box-shadow-hover-spread: var( --cta-style-7-shadow-hover-radius, 0 );
+  --box-shadow-hover-colour: var( --cta-style-7-shadow-hover-colour, 0 );
+  --box-shadow-hover-position: var( --cta-style-7-shadow-hover-position, 0 );
+  box-shadow: calc(0 / var(--desktop-design-reference) * var(--screen-width-static)) calc(0 / var(--desktop-design-reference) * var(--screen-width-static)) calc(0 / var(--desktop-design-reference) * var(--screen-width-static)) calc(0 / var(--desktop-design-reference) * var(--screen-width-static)) 0 0;
+  box-shadow: calc(var(--box-shadow-offset-x) / var(--desktop-design-reference) * var(--screen-width-static)) calc(var(--box-shadow-offset-y) / var(--desktop-design-reference) * var(--screen-width-static)) calc(var(--box-shadow-blur) / var(--desktop-design-reference) * var(--screen-width-static)) calc(var(--box-shadow-spread) / var(--desktop-design-reference) * var(--screen-width-static)) var(--box-shadow-colour) var(--box-shadow-position);
+}
+.cmpl-cta-style-7:hover {
+  box-shadow: calc(var(--box-shadow-hover-offset-x) / var(--desktop-design-reference) * var(--screen-width-static)) calc(var(--box-shadow-hover-offset-y) / var(--desktop-design-reference) * var(--screen-width-static)) calc(var(--box-shadow-hover-blur) / var(--desktop-design-reference) * var(--screen-width-static)) calc(var(--box-shadow-hover-spread) / var(--desktop-design-reference) * var(--screen-width-static)) var(--box-shadow-hover-colour) var(--box-shadow-hover-position);
+}
+@media screen and (min-width: 768px) {
+  .cmpl-cta-style-7 {
+    font-size: clamp(10px, var(--cta-style-7-font-size-portrait) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+    font-size: clamp(var(--cta-style-font-size-min-mobile, 10px), var(--cta-style-7-font-size-portrait) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--cta-style-font-size-max-mobile, 180px));
+    min-width: var(--cta-style-7-min-width-portrait);
+    padding: calc(var(--cta-style-7-padding-block-portrait) / var(--design-reference) * var(--screen-width)) calc(var(--cta-style-7-padding-inline-portrait) / var(--design-reference) * var(--screen-width));
+    background-color: var(--cta-style-7-background-colour);
+    border: var(--cta-style-7-border-width) solid var(--cta-style-7-border-colour);
+    color: var(--cta-style-7-colour);
+  }
+  .cmpl-cta-style-7 svg * {
+    fill: currentColor;
+    stroke: currentColor;
+  }
+}
+@media screen and (min-width: 1024px) {
+  .cmpl-cta-style-7 {
+    font-size: clamp(10px, var(--cta-style-7-font-size-landscape) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+    font-size: clamp(var(--cta-style-font-size-min-desktop, 10px), var(--cta-style-7-font-size-landscape) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--cta-style-font-size-max-desktop, 180px));
+    min-width: var(--cta-style-7-min-width-landscape);
+    padding: calc(var(--cta-style-7-padding-block-landscape) / var(--design-reference) * var(--screen-width)) calc(var(--cta-style-7-padding-inline-landscape) / var(--design-reference) * var(--screen-width));
+  }
+}
+@media screen and (min-width: 1440px) {
+  .cmpl-cta-style-7 {
+    font-size: clamp(10px, var(--cta-style-7-font-size-desktop) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+    font-size: clamp(var(--cta-style-font-size-min-desktop, 10px), var(--cta-style-7-font-size-desktop) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--cta-style-font-size-max-desktop, 180px));
+    min-width: var(--cta-style-7-min-width-desktop);
+    padding: calc(var(--cta-style-7-padding-block-desktop) / var(--design-reference) * var(--screen-width)) calc(var(--cta-style-7-padding-inline-desktop) / var(--design-reference) * var(--screen-width));
+  }
+}
+@media (hover: hover) {
+  .cmpl-cta-style-7:hover {
+    -webkit-text-decoration: var(--cta-style-7-decoration-style-hover);
+    text-decoration: var(--cta-style-7-decoration-style-hover);
+    text-decoration-color: var(--cta-style-7-decoration-colour-hover);
+    border: var(--cta-style-7-border-width) solid var(--cta-style-7-mobile-hover-border-colour);
+    background-color: var(--cta-style-7-mobile-hover-background-colour);
+    color: var(--cta-style-7-mobile-hover-colour);
+  }
+  .cmpl-cta-style-7:hover svg * {
+    fill: currentColor;
+    stroke: currentColor;
+  }
+}
+@media (hover: hover) and (hover: none) {
+  .cmpl-cta-style-7:hover {
+    background-color: var(--cta-style-7-mobile-background-colour);
+  }
+}
+@media screen and (hover: hover) and (min-width: 768px) {
+  .cmpl-cta-style-7:hover {
+    background-color: var(--cta-style-7-hover-background-colour);
+    border: var(--cta-style-7-border-width) solid var(--cta-style-7-hover-border-colour);
+    color: var(--cta-style-7-hover-colour);
+  }
+  .cmpl-cta-style-7:hover svg * {
+    fill: currentColor;
+    stroke: currentColor;
+  }
+}
+.cmpl-cta-style-7:active {
+  color: var(--cta-style-7-active-colour);
+  background-color: var(--cta-style-7-active-background-colour);
+  border: var(--cta-style-7-border-width) solid var(--cta-style-7-active-border-colour);
+}
+.cmpl-cta-style-7--inactive,
+.cmpl-cta-style-7.cta-style-inactive,
+.cmpl-cta-style-7[disabled] {
+  color: var(--cta-style-7-inactive-colour);
+  background-color: var(--cta-style-7-inactive-background-colour);
+  border: var(--cta-style-7-border-width) solid var(--cta-style-7-inactive-border-colour);
+}
+.cmpl-cta-style-7--selected,
+.cmpl-cta-style-7.cta-style-selected {
+  color: var(--cta-style-7-selected-colour);
+  background-color: var(--cta-style-7-selected-background-colour);
+  border: var(--cta-style-7-border-width) solid var(--cta-style-7-selected-border-colour);
+}
+.cmpl-cta-style-8 {
+  justify-self: var(--cta-alignment);
+  justify-content: center;
+  justify-content: var(--cta-style-8-content-vertical-alignment, center);
+  background-image: var(--cta-style8-image-background);
+  background-size: var(--cta-style8-image-background-size);
+  background-repeat: var(--cta-style8-image-background-repeat);
+  background-color: var(--cta-style-8-mobile-background-colour);
+  color: var(--cta-style-8-mobile-colour);
+}
+.cmpl-cta-style-8 svg * {
+  fill: currentColor;
+  stroke: currentColor;
+}
+.cmpl-cta-style-8 {
+  border: var(--cta-style-8-border-width) solid var(--cta-style-8-mobile-border-colour);
+  border-radius: var(--cta-style-8-border-radius);
+  font-weight: var(--cta-style-8-font-weight);
+  letter-spacing: var(--cta-style-8-letter-spacing);
+  line-height: var(--cta-style-8-line-height);
+  font-family: var(--cta-style-8-font-family);
+  text-transform: var(--cta-style-8-text-transform);
+  font-style: var(--cta-style-8-font-style);
+  text-align: var(--cta-style-8-text-align);
+  -webkit-text-decoration: var(--cta-style-8-decoration-style);
+  text-decoration: var(--cta-style-8-decoration-style);
+  text-decoration-color: var(--cta-style-8-decoration-colour);
+  font-size: clamp(10px, var(--cta-style-8-font-size-mobile) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+  font-size: clamp(var(--cta-style-font-size-min-mobile, 10px), var(--cta-style-8-font-size-mobile) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--cta-style-font-size-max-mobile, 180px));
+  min-width: var(--cta-style-8-min-width-mobile);
+  padding: calc(var(--cta-style-8-padding-block-mobile) / var(--design-reference) * var(--screen-width)) calc(var(--cta-style-8-padding-inline-mobile) / var(--design-reference) * var(--screen-width));
+  --box-shadow-offset-x: var(--cta-style-8-shadow-offset-x, 0);
+  --box-shadow-offset-y: var(--cta-style-8-shadow-offset-y, 0);
+  --box-shadow-blur: var(--cta-style-8-shadow-blur, 0);
+  --box-shadow-spread: var(--cta-style-8-shadow-radius, 0);
+  --box-shadow-colour: var(--cta-style-8-shadow-colour, 0);
+  --box-shadow-position: var(--cta-style-8-shadow-position, 0);
+  --box-shadow-hover-offset-x: var( --cta-style-8-shadow-offset-hover-x, 0 );
+  --box-shadow-hover-offset-y: var( --cta-style-8-shadow-offset-hover-y, 0 );
+  --box-shadow-hover-blur: var( --cta-style-8-shadow-hover-blur, 0 );
+  --box-shadow-hover-spread: var( --cta-style-8-shadow-hover-radius, 0 );
+  --box-shadow-hover-colour: var( --cta-style-8-shadow-hover-colour, 0 );
+  --box-shadow-hover-position: var( --cta-style-8-shadow-hover-position, 0 );
+  box-shadow: calc(0 / var(--desktop-design-reference) * var(--screen-width-static)) calc(0 / var(--desktop-design-reference) * var(--screen-width-static)) calc(0 / var(--desktop-design-reference) * var(--screen-width-static)) calc(0 / var(--desktop-design-reference) * var(--screen-width-static)) 0 0;
+  box-shadow: calc(var(--box-shadow-offset-x) / var(--desktop-design-reference) * var(--screen-width-static)) calc(var(--box-shadow-offset-y) / var(--desktop-design-reference) * var(--screen-width-static)) calc(var(--box-shadow-blur) / var(--desktop-design-reference) * var(--screen-width-static)) calc(var(--box-shadow-spread) / var(--desktop-design-reference) * var(--screen-width-static)) var(--box-shadow-colour) var(--box-shadow-position);
+}
+.cmpl-cta-style-8:hover {
+  box-shadow: calc(var(--box-shadow-hover-offset-x) / var(--desktop-design-reference) * var(--screen-width-static)) calc(var(--box-shadow-hover-offset-y) / var(--desktop-design-reference) * var(--screen-width-static)) calc(var(--box-shadow-hover-blur) / var(--desktop-design-reference) * var(--screen-width-static)) calc(var(--box-shadow-hover-spread) / var(--desktop-design-reference) * var(--screen-width-static)) var(--box-shadow-hover-colour) var(--box-shadow-hover-position);
+}
+@media screen and (min-width: 768px) {
+  .cmpl-cta-style-8 {
+    font-size: clamp(10px, var(--cta-style-8-font-size-portrait) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+    font-size: clamp(var(--cta-style-font-size-min-mobile, 10px), var(--cta-style-8-font-size-portrait) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--cta-style-font-size-max-mobile, 180px));
+    min-width: var(--cta-style-8-min-width-portrait);
+    padding: calc(var(--cta-style-8-padding-block-portrait) / var(--design-reference) * var(--screen-width)) calc(var(--cta-style-8-padding-inline-portrait) / var(--design-reference) * var(--screen-width));
+    background-color: var(--cta-style-8-background-colour);
+    border: var(--cta-style-8-border-width) solid var(--cta-style-8-border-colour);
+    color: var(--cta-style-8-colour);
+  }
+  .cmpl-cta-style-8 svg * {
+    fill: currentColor;
+    stroke: currentColor;
+  }
+}
+@media screen and (min-width: 1024px) {
+  .cmpl-cta-style-8 {
+    font-size: clamp(10px, var(--cta-style-8-font-size-landscape) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+    font-size: clamp(var(--cta-style-font-size-min-desktop, 10px), var(--cta-style-8-font-size-landscape) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--cta-style-font-size-max-desktop, 180px));
+    min-width: var(--cta-style-8-min-width-landscape);
+    padding: calc(var(--cta-style-8-padding-block-landscape) / var(--design-reference) * var(--screen-width)) calc(var(--cta-style-8-padding-inline-landscape) / var(--design-reference) * var(--screen-width));
+  }
+}
+@media screen and (min-width: 1440px) {
+  .cmpl-cta-style-8 {
+    font-size: clamp(10px, var(--cta-style-8-font-size-desktop) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+    font-size: clamp(var(--cta-style-font-size-min-desktop, 10px), var(--cta-style-8-font-size-desktop) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--cta-style-font-size-max-desktop, 180px));
+    min-width: var(--cta-style-8-min-width-desktop);
+    padding: calc(var(--cta-style-8-padding-block-desktop) / var(--design-reference) * var(--screen-width)) calc(var(--cta-style-8-padding-inline-desktop) / var(--design-reference) * var(--screen-width));
+  }
+}
+@media (hover: hover) {
+  .cmpl-cta-style-8:hover {
+    -webkit-text-decoration: var(--cta-style-8-decoration-style-hover);
+    text-decoration: var(--cta-style-8-decoration-style-hover);
+    text-decoration-color: var(--cta-style-8-decoration-colour-hover);
+    border: var(--cta-style-8-border-width) solid var(--cta-style-8-mobile-hover-border-colour);
+    background-color: var(--cta-style-8-mobile-hover-background-colour);
+    color: var(--cta-style-8-mobile-hover-colour);
+  }
+  .cmpl-cta-style-8:hover svg * {
+    fill: currentColor;
+    stroke: currentColor;
+  }
+}
+@media (hover: hover) and (hover: none) {
+  .cmpl-cta-style-8:hover {
+    background-color: var(--cta-style-8-mobile-background-colour);
+  }
+}
+@media screen and (hover: hover) and (min-width: 768px) {
+  .cmpl-cta-style-8:hover {
+    background-color: var(--cta-style-8-hover-background-colour);
+    border: var(--cta-style-8-border-width) solid var(--cta-style-8-hover-border-colour);
+    color: var(--cta-style-8-hover-colour);
+  }
+  .cmpl-cta-style-8:hover svg * {
+    fill: currentColor;
+    stroke: currentColor;
+  }
+}
+.cmpl-cta-style-8:active {
+  color: var(--cta-style-8-active-colour);
+  background-color: var(--cta-style-8-active-background-colour);
+  border: var(--cta-style-8-border-width) solid var(--cta-style-8-active-border-colour);
+}
+.cmpl-cta-style-8--inactive,
+.cmpl-cta-style-8.cta-style-inactive,
+.cmpl-cta-style-8[disabled] {
+  color: var(--cta-style-8-inactive-colour);
+  background-color: var(--cta-style-8-inactive-background-colour);
+  border: var(--cta-style-8-border-width) solid var(--cta-style-8-inactive-border-colour);
+}
+.cmpl-cta-style-8--selected,
+.cmpl-cta-style-8.cta-style-selected {
+  color: var(--cta-style-8-selected-colour);
+  background-color: var(--cta-style-8-selected-background-colour);
+  border: var(--cta-style-8-border-width) solid var(--cta-style-8-selected-border-colour);
+}
+.cmpl-cta-style-9 {
+  justify-self: var(--cta-alignment);
+  justify-content: center;
+  justify-content: var(--cta-style-9-content-vertical-alignment, center);
+  background-image: var(--cta-style9-image-background);
+  background-size: var(--cta-style9-image-background-size);
+  background-repeat: var(--cta-style9-image-background-repeat);
+  background-color: var(--cta-style-9-mobile-background-colour);
+  color: var(--cta-style-9-mobile-colour);
+}
+.cmpl-cta-style-9 svg * {
+  fill: currentColor;
+  stroke: currentColor;
+}
+.cmpl-cta-style-9 {
+  border: var(--cta-style-9-border-width) solid var(--cta-style-9-mobile-border-colour);
+  border-radius: var(--cta-style-9-border-radius);
+  font-weight: var(--cta-style-9-font-weight);
+  letter-spacing: var(--cta-style-9-letter-spacing);
+  line-height: var(--cta-style-9-line-height);
+  font-family: var(--cta-style-9-font-family);
+  text-transform: var(--cta-style-9-text-transform);
+  font-style: var(--cta-style-9-font-style);
+  text-align: var(--cta-style-9-text-align);
+  -webkit-text-decoration: var(--cta-style-9-decoration-style);
+  text-decoration: var(--cta-style-9-decoration-style);
+  text-decoration-color: var(--cta-style-9-decoration-colour);
+  font-size: clamp(10px, var(--cta-style-9-font-size-mobile) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+  font-size: clamp(var(--cta-style-font-size-min-mobile, 10px), var(--cta-style-9-font-size-mobile) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--cta-style-font-size-max-mobile, 180px));
+  min-width: var(--cta-style-9-min-width-mobile);
+  padding: calc(var(--cta-style-9-padding-block-mobile) / var(--design-reference) * var(--screen-width)) calc(var(--cta-style-9-padding-inline-mobile) / var(--design-reference) * var(--screen-width));
+  --box-shadow-offset-x: var(--cta-style-9-shadow-offset-x, 0);
+  --box-shadow-offset-y: var(--cta-style-9-shadow-offset-y, 0);
+  --box-shadow-blur: var(--cta-style-9-shadow-blur, 0);
+  --box-shadow-spread: var(--cta-style-9-shadow-radius, 0);
+  --box-shadow-colour: var(--cta-style-9-shadow-colour, 0);
+  --box-shadow-position: var(--cta-style-9-shadow-position, 0);
+  --box-shadow-hover-offset-x: var( --cta-style-9-shadow-offset-hover-x, 0 );
+  --box-shadow-hover-offset-y: var( --cta-style-9-shadow-offset-hover-y, 0 );
+  --box-shadow-hover-blur: var( --cta-style-9-shadow-hover-blur, 0 );
+  --box-shadow-hover-spread: var( --cta-style-9-shadow-hover-radius, 0 );
+  --box-shadow-hover-colour: var( --cta-style-9-shadow-hover-colour, 0 );
+  --box-shadow-hover-position: var( --cta-style-9-shadow-hover-position, 0 );
+  box-shadow: calc(0 / var(--desktop-design-reference) * var(--screen-width-static)) calc(0 / var(--desktop-design-reference) * var(--screen-width-static)) calc(0 / var(--desktop-design-reference) * var(--screen-width-static)) calc(0 / var(--desktop-design-reference) * var(--screen-width-static)) 0 0;
+  box-shadow: calc(var(--box-shadow-offset-x) / var(--desktop-design-reference) * var(--screen-width-static)) calc(var(--box-shadow-offset-y) / var(--desktop-design-reference) * var(--screen-width-static)) calc(var(--box-shadow-blur) / var(--desktop-design-reference) * var(--screen-width-static)) calc(var(--box-shadow-spread) / var(--desktop-design-reference) * var(--screen-width-static)) var(--box-shadow-colour) var(--box-shadow-position);
+}
+.cmpl-cta-style-9:hover {
+  box-shadow: calc(var(--box-shadow-hover-offset-x) / var(--desktop-design-reference) * var(--screen-width-static)) calc(var(--box-shadow-hover-offset-y) / var(--desktop-design-reference) * var(--screen-width-static)) calc(var(--box-shadow-hover-blur) / var(--desktop-design-reference) * var(--screen-width-static)) calc(var(--box-shadow-hover-spread) / var(--desktop-design-reference) * var(--screen-width-static)) var(--box-shadow-hover-colour) var(--box-shadow-hover-position);
+}
+@media screen and (min-width: 768px) {
+  .cmpl-cta-style-9 {
+    font-size: clamp(10px, var(--cta-style-9-font-size-portrait) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+    font-size: clamp(var(--cta-style-font-size-min-mobile, 10px), var(--cta-style-9-font-size-portrait) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--cta-style-font-size-max-mobile, 180px));
+    min-width: var(--cta-style-9-min-width-portrait);
+    padding: calc(var(--cta-style-9-padding-block-portrait) / var(--design-reference) * var(--screen-width)) calc(var(--cta-style-9-padding-inline-portrait) / var(--design-reference) * var(--screen-width));
+    background-color: var(--cta-style-9-background-colour);
+    border: var(--cta-style-9-border-width) solid var(--cta-style-9-border-colour);
+    color: var(--cta-style-9-colour);
+  }
+  .cmpl-cta-style-9 svg * {
+    fill: currentColor;
+    stroke: currentColor;
+  }
+}
+@media screen and (min-width: 1024px) {
+  .cmpl-cta-style-9 {
+    font-size: clamp(10px, var(--cta-style-9-font-size-landscape) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+    font-size: clamp(var(--cta-style-font-size-min-desktop, 10px), var(--cta-style-9-font-size-landscape) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--cta-style-font-size-max-desktop, 180px));
+    min-width: var(--cta-style-9-min-width-landscape);
+    padding: calc(var(--cta-style-9-padding-block-landscape) / var(--design-reference) * var(--screen-width)) calc(var(--cta-style-9-padding-inline-landscape) / var(--design-reference) * var(--screen-width));
+  }
+}
+@media screen and (min-width: 1440px) {
+  .cmpl-cta-style-9 {
+    font-size: clamp(10px, var(--cta-style-9-font-size-desktop) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+    font-size: clamp(var(--cta-style-font-size-min-desktop, 10px), var(--cta-style-9-font-size-desktop) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--cta-style-font-size-max-desktop, 180px));
+    min-width: var(--cta-style-9-min-width-desktop);
+    padding: calc(var(--cta-style-9-padding-block-desktop) / var(--design-reference) * var(--screen-width)) calc(var(--cta-style-9-padding-inline-desktop) / var(--design-reference) * var(--screen-width));
+  }
+}
+@media (hover: hover) {
+  .cmpl-cta-style-9:hover {
+    -webkit-text-decoration: var(--cta-style-9-decoration-style-hover);
+    text-decoration: var(--cta-style-9-decoration-style-hover);
+    text-decoration-color: var(--cta-style-9-decoration-colour-hover);
+    border: var(--cta-style-9-border-width) solid var(--cta-style-9-mobile-hover-border-colour);
+    background-color: var(--cta-style-9-mobile-hover-background-colour);
+    color: var(--cta-style-9-mobile-hover-colour);
+  }
+  .cmpl-cta-style-9:hover svg * {
+    fill: currentColor;
+    stroke: currentColor;
+  }
+}
+@media (hover: hover) and (hover: none) {
+  .cmpl-cta-style-9:hover {
+    background-color: var(--cta-style-9-mobile-background-colour);
+  }
+}
+@media screen and (hover: hover) and (min-width: 768px) {
+  .cmpl-cta-style-9:hover {
+    background-color: var(--cta-style-9-hover-background-colour);
+    border: var(--cta-style-9-border-width) solid var(--cta-style-9-hover-border-colour);
+    color: var(--cta-style-9-hover-colour);
+  }
+  .cmpl-cta-style-9:hover svg * {
+    fill: currentColor;
+    stroke: currentColor;
+  }
+}
+.cmpl-cta-style-9:active {
+  color: var(--cta-style-9-active-colour);
+  background-color: var(--cta-style-9-active-background-colour);
+  border: var(--cta-style-9-border-width) solid var(--cta-style-9-active-border-colour);
+}
+.cmpl-cta-style-9--inactive,
+.cmpl-cta-style-9.cta-style-inactive,
+.cmpl-cta-style-9[disabled] {
+  color: var(--cta-style-9-inactive-colour);
+  background-color: var(--cta-style-9-inactive-background-colour);
+  border: var(--cta-style-9-border-width) solid var(--cta-style-9-inactive-border-colour);
+}
+.cmpl-cta-style-9--selected,
+.cmpl-cta-style-9.cta-style-selected {
+  color: var(--cta-style-9-selected-colour);
+  background-color: var(--cta-style-9-selected-background-colour);
+  border: var(--cta-style-9-border-width) solid var(--cta-style-9-selected-border-colour);
+}
+.cmpl-cta-style-10 {
+  justify-self: var(--cta-alignment);
+  justify-content: center;
+  justify-content: var(--cta-style-10-content-vertical-alignment, center);
+  background-image: var(--cta-style10-image-background);
+  background-size: var(--cta-style10-image-background-size);
+  background-repeat: var(--cta-style10-image-background-repeat);
+  background-color: var(--cta-style-10-mobile-background-colour);
+  color: var(--cta-style-10-mobile-colour);
+}
+.cmpl-cta-style-10 svg * {
+  fill: currentColor;
+  stroke: currentColor;
+}
+.cmpl-cta-style-10 {
+  border: var(--cta-style-10-border-width) solid var(--cta-style-10-mobile-border-colour);
+  border-radius: var(--cta-style-10-border-radius);
+  font-weight: var(--cta-style-10-font-weight);
+  letter-spacing: var(--cta-style-10-letter-spacing);
+  line-height: var(--cta-style-10-line-height);
+  font-family: var(--cta-style-10-font-family);
+  text-transform: var(--cta-style-10-text-transform);
+  font-style: var(--cta-style-10-font-style);
+  text-align: var(--cta-style-10-text-align);
+  -webkit-text-decoration: var(--cta-style-10-decoration-style);
+  text-decoration: var(--cta-style-10-decoration-style);
+  text-decoration-color: var(--cta-style-10-decoration-colour);
+  font-size: clamp(10px, var(--cta-style-10-font-size-mobile) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+  font-size: clamp(var(--cta-style-font-size-min-mobile, 10px), var(--cta-style-10-font-size-mobile) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--cta-style-font-size-max-mobile, 180px));
+  min-width: var(--cta-style-10-min-width-mobile);
+  padding: calc(var(--cta-style-10-padding-block-mobile) / var(--design-reference) * var(--screen-width)) calc(var(--cta-style-10-padding-inline-mobile) / var(--design-reference) * var(--screen-width));
+  --box-shadow-offset-x: var(--cta-style-10-shadow-offset-x, 0);
+  --box-shadow-offset-y: var(--cta-style-10-shadow-offset-y, 0);
+  --box-shadow-blur: var(--cta-style-10-shadow-blur, 0);
+  --box-shadow-spread: var(--cta-style-10-shadow-radius, 0);
+  --box-shadow-colour: var(--cta-style-10-shadow-colour, 0);
+  --box-shadow-position: var(--cta-style-10-shadow-position, 0);
+  --box-shadow-hover-offset-x: var( --cta-style-10-shadow-offset-hover-x, 0 );
+  --box-shadow-hover-offset-y: var( --cta-style-10-shadow-offset-hover-y, 0 );
+  --box-shadow-hover-blur: var( --cta-style-10-shadow-hover-blur, 0 );
+  --box-shadow-hover-spread: var( --cta-style-10-shadow-hover-radius, 0 );
+  --box-shadow-hover-colour: var( --cta-style-10-shadow-hover-colour, 0 );
+  --box-shadow-hover-position: var( --cta-style-10-shadow-hover-position, 0 );
+  box-shadow: calc(0 / var(--desktop-design-reference) * var(--screen-width-static)) calc(0 / var(--desktop-design-reference) * var(--screen-width-static)) calc(0 / var(--desktop-design-reference) * var(--screen-width-static)) calc(0 / var(--desktop-design-reference) * var(--screen-width-static)) 0 0;
+  box-shadow: calc(var(--box-shadow-offset-x) / var(--desktop-design-reference) * var(--screen-width-static)) calc(var(--box-shadow-offset-y) / var(--desktop-design-reference) * var(--screen-width-static)) calc(var(--box-shadow-blur) / var(--desktop-design-reference) * var(--screen-width-static)) calc(var(--box-shadow-spread) / var(--desktop-design-reference) * var(--screen-width-static)) var(--box-shadow-colour) var(--box-shadow-position);
+}
+.cmpl-cta-style-10:hover {
+  box-shadow: calc(var(--box-shadow-hover-offset-x) / var(--desktop-design-reference) * var(--screen-width-static)) calc(var(--box-shadow-hover-offset-y) / var(--desktop-design-reference) * var(--screen-width-static)) calc(var(--box-shadow-hover-blur) / var(--desktop-design-reference) * var(--screen-width-static)) calc(var(--box-shadow-hover-spread) / var(--desktop-design-reference) * var(--screen-width-static)) var(--box-shadow-hover-colour) var(--box-shadow-hover-position);
+}
+@media screen and (min-width: 768px) {
+  .cmpl-cta-style-10 {
+    font-size: clamp(10px, var(--cta-style-10-font-size-portrait) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+    font-size: clamp(var(--cta-style-font-size-min-mobile, 10px), var(--cta-style-10-font-size-portrait) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--cta-style-font-size-max-mobile, 180px));
+    min-width: var(--cta-style-10-min-width-portrait);
+    padding: calc(var(--cta-style-10-padding-block-portrait) / var(--design-reference) * var(--screen-width)) calc(var(--cta-style-10-padding-inline-portrait) / var(--design-reference) * var(--screen-width));
+    background-color: var(--cta-style-10-background-colour);
+    border: var(--cta-style-10-border-width) solid var(--cta-style-10-border-colour);
+    color: var(--cta-style-10-colour);
+  }
+  .cmpl-cta-style-10 svg * {
+    fill: currentColor;
+    stroke: currentColor;
+  }
+}
+@media screen and (min-width: 1024px) {
+  .cmpl-cta-style-10 {
+    font-size: clamp(10px, var(--cta-style-10-font-size-landscape) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+    font-size: clamp(var(--cta-style-font-size-min-desktop, 10px), var(--cta-style-10-font-size-landscape) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--cta-style-font-size-max-desktop, 180px));
+    min-width: var(--cta-style-10-min-width-landscape);
+    padding: calc(var(--cta-style-10-padding-block-landscape) / var(--design-reference) * var(--screen-width)) calc(var(--cta-style-10-padding-inline-landscape) / var(--design-reference) * var(--screen-width));
+  }
+}
+@media screen and (min-width: 1440px) {
+  .cmpl-cta-style-10 {
+    font-size: clamp(10px, var(--cta-style-10-font-size-desktop) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+    font-size: clamp(var(--cta-style-font-size-min-desktop, 10px), var(--cta-style-10-font-size-desktop) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--cta-style-font-size-max-desktop, 180px));
+    min-width: var(--cta-style-10-min-width-desktop);
+    padding: calc(var(--cta-style-10-padding-block-desktop) / var(--design-reference) * var(--screen-width)) calc(var(--cta-style-10-padding-inline-desktop) / var(--design-reference) * var(--screen-width));
+  }
+}
+@media (hover: hover) {
+  .cmpl-cta-style-10:hover {
+    -webkit-text-decoration: var(--cta-style-10-decoration-style-hover);
+    text-decoration: var(--cta-style-10-decoration-style-hover);
+    text-decoration-color: var(--cta-style-10-decoration-colour-hover);
+    border: var(--cta-style-10-border-width) solid var(--cta-style-10-mobile-hover-border-colour);
+    background-color: var(--cta-style-10-mobile-hover-background-colour);
+    color: var(--cta-style-10-mobile-hover-colour);
+  }
+  .cmpl-cta-style-10:hover svg * {
+    fill: currentColor;
+    stroke: currentColor;
+  }
+}
+@media (hover: hover) and (hover: none) {
+  .cmpl-cta-style-10:hover {
+    background-color: var(--cta-style-10-mobile-background-colour);
+  }
+}
+@media screen and (hover: hover) and (min-width: 768px) {
+  .cmpl-cta-style-10:hover {
+    background-color: var(--cta-style-10-hover-background-colour);
+    border: var(--cta-style-10-border-width) solid var(--cta-style-10-hover-border-colour);
+    color: var(--cta-style-10-hover-colour);
+  }
+  .cmpl-cta-style-10:hover svg * {
+    fill: currentColor;
+    stroke: currentColor;
+  }
+}
+.cmpl-cta-style-10:active {
+  color: var(--cta-style-10-active-colour);
+  background-color: var(--cta-style-10-active-background-colour);
+  border: var(--cta-style-10-border-width) solid var(--cta-style-10-active-border-colour);
+}
+.cmpl-cta-style-10--inactive,
+.cmpl-cta-style-10.cta-style-inactive,
+.cmpl-cta-style-10[disabled] {
+  color: var(--cta-style-10-inactive-colour);
+  background-color: var(--cta-style-10-inactive-background-colour);
+  border: var(--cta-style-10-border-width) solid var(--cta-style-10-inactive-border-colour);
+}
+.cmpl-cta-style-10--selected,
+.cmpl-cta-style-10.cta-style-selected {
+  color: var(--cta-style-10-selected-colour);
+  background-color: var(--cta-style-10-selected-background-colour);
+  border: var(--cta-style-10-border-width) solid var(--cta-style-10-selected-border-colour);
+}
+.cmpl-cta-style-11 {
+  justify-self: var(--cta-alignment);
+  justify-content: center;
+  justify-content: var(--cta-style-11-content-vertical-alignment, center);
+  background-image: var(--cta-style11-image-background);
+  background-size: var(--cta-style11-image-background-size);
+  background-repeat: var(--cta-style11-image-background-repeat);
+  background-color: var(--cta-style-11-mobile-background-colour);
+  color: var(--cta-style-11-mobile-colour);
+}
+.cmpl-cta-style-11 svg * {
+  fill: currentColor;
+  stroke: currentColor;
+}
+.cmpl-cta-style-11 {
+  border: var(--cta-style-11-border-width) solid var(--cta-style-11-mobile-border-colour);
+  border-radius: var(--cta-style-11-border-radius);
+  font-weight: var(--cta-style-11-font-weight);
+  letter-spacing: var(--cta-style-11-letter-spacing);
+  line-height: var(--cta-style-11-line-height);
+  font-family: var(--cta-style-11-font-family);
+  text-transform: var(--cta-style-11-text-transform);
+  font-style: var(--cta-style-11-font-style);
+  text-align: var(--cta-style-11-text-align);
+  -webkit-text-decoration: var(--cta-style-11-decoration-style);
+  text-decoration: var(--cta-style-11-decoration-style);
+  text-decoration-color: var(--cta-style-11-decoration-colour);
+  font-size: clamp(10px, var(--cta-style-11-font-size-mobile) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+  font-size: clamp(var(--cta-style-font-size-min-mobile, 10px), var(--cta-style-11-font-size-mobile) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--cta-style-font-size-max-mobile, 180px));
+  min-width: var(--cta-style-11-min-width-mobile);
+  padding: calc(var(--cta-style-11-padding-block-mobile) / var(--design-reference) * var(--screen-width)) calc(var(--cta-style-11-padding-inline-mobile) / var(--design-reference) * var(--screen-width));
+  --box-shadow-offset-x: var(--cta-style-11-shadow-offset-x, 0);
+  --box-shadow-offset-y: var(--cta-style-11-shadow-offset-y, 0);
+  --box-shadow-blur: var(--cta-style-11-shadow-blur, 0);
+  --box-shadow-spread: var(--cta-style-11-shadow-radius, 0);
+  --box-shadow-colour: var(--cta-style-11-shadow-colour, 0);
+  --box-shadow-position: var(--cta-style-11-shadow-position, 0);
+  --box-shadow-hover-offset-x: var( --cta-style-11-shadow-offset-hover-x, 0 );
+  --box-shadow-hover-offset-y: var( --cta-style-11-shadow-offset-hover-y, 0 );
+  --box-shadow-hover-blur: var( --cta-style-11-shadow-hover-blur, 0 );
+  --box-shadow-hover-spread: var( --cta-style-11-shadow-hover-radius, 0 );
+  --box-shadow-hover-colour: var( --cta-style-11-shadow-hover-colour, 0 );
+  --box-shadow-hover-position: var( --cta-style-11-shadow-hover-position, 0 );
+  box-shadow: calc(0 / var(--desktop-design-reference) * var(--screen-width-static)) calc(0 / var(--desktop-design-reference) * var(--screen-width-static)) calc(0 / var(--desktop-design-reference) * var(--screen-width-static)) calc(0 / var(--desktop-design-reference) * var(--screen-width-static)) 0 0;
+  box-shadow: calc(var(--box-shadow-offset-x) / var(--desktop-design-reference) * var(--screen-width-static)) calc(var(--box-shadow-offset-y) / var(--desktop-design-reference) * var(--screen-width-static)) calc(var(--box-shadow-blur) / var(--desktop-design-reference) * var(--screen-width-static)) calc(var(--box-shadow-spread) / var(--desktop-design-reference) * var(--screen-width-static)) var(--box-shadow-colour) var(--box-shadow-position);
+}
+.cmpl-cta-style-11:hover {
+  box-shadow: calc(var(--box-shadow-hover-offset-x) / var(--desktop-design-reference) * var(--screen-width-static)) calc(var(--box-shadow-hover-offset-y) / var(--desktop-design-reference) * var(--screen-width-static)) calc(var(--box-shadow-hover-blur) / var(--desktop-design-reference) * var(--screen-width-static)) calc(var(--box-shadow-hover-spread) / var(--desktop-design-reference) * var(--screen-width-static)) var(--box-shadow-hover-colour) var(--box-shadow-hover-position);
+}
+@media screen and (min-width: 768px) {
+  .cmpl-cta-style-11 {
+    font-size: clamp(10px, var(--cta-style-11-font-size-portrait) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+    font-size: clamp(var(--cta-style-font-size-min-mobile, 10px), var(--cta-style-11-font-size-portrait) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--cta-style-font-size-max-mobile, 180px));
+    min-width: var(--cta-style-11-min-width-portrait);
+    padding: calc(var(--cta-style-11-padding-block-portrait) / var(--design-reference) * var(--screen-width)) calc(var(--cta-style-11-padding-inline-portrait) / var(--design-reference) * var(--screen-width));
+    background-color: var(--cta-style-11-background-colour);
+    border: var(--cta-style-11-border-width) solid var(--cta-style-11-border-colour);
+    color: var(--cta-style-11-colour);
+  }
+  .cmpl-cta-style-11 svg * {
+    fill: currentColor;
+    stroke: currentColor;
+  }
+}
+@media screen and (min-width: 1024px) {
+  .cmpl-cta-style-11 {
+    font-size: clamp(10px, var(--cta-style-11-font-size-landscape) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+    font-size: clamp(var(--cta-style-font-size-min-desktop, 10px), var(--cta-style-11-font-size-landscape) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--cta-style-font-size-max-desktop, 180px));
+    min-width: var(--cta-style-11-min-width-landscape);
+    padding: calc(var(--cta-style-11-padding-block-landscape) / var(--design-reference) * var(--screen-width)) calc(var(--cta-style-11-padding-inline-landscape) / var(--design-reference) * var(--screen-width));
+  }
+}
+@media screen and (min-width: 1440px) {
+  .cmpl-cta-style-11 {
+    font-size: clamp(10px, var(--cta-style-11-font-size-desktop) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+    font-size: clamp(var(--cta-style-font-size-min-desktop, 10px), var(--cta-style-11-font-size-desktop) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--cta-style-font-size-max-desktop, 180px));
+    min-width: var(--cta-style-11-min-width-desktop);
+    padding: calc(var(--cta-style-11-padding-block-desktop) / var(--design-reference) * var(--screen-width)) calc(var(--cta-style-11-padding-inline-desktop) / var(--design-reference) * var(--screen-width));
+  }
+}
+@media (hover: hover) {
+  .cmpl-cta-style-11:hover {
+    -webkit-text-decoration: var(--cta-style-11-decoration-style-hover);
+    text-decoration: var(--cta-style-11-decoration-style-hover);
+    text-decoration-color: var(--cta-style-11-decoration-colour-hover);
+    border: var(--cta-style-11-border-width) solid var(--cta-style-11-mobile-hover-border-colour);
+    background-color: var(--cta-style-11-mobile-hover-background-colour);
+    color: var(--cta-style-11-mobile-hover-colour);
+  }
+  .cmpl-cta-style-11:hover svg * {
+    fill: currentColor;
+    stroke: currentColor;
+  }
+}
+@media (hover: hover) and (hover: none) {
+  .cmpl-cta-style-11:hover {
+    background-color: var(--cta-style-11-mobile-background-colour);
+  }
+}
+@media screen and (hover: hover) and (min-width: 768px) {
+  .cmpl-cta-style-11:hover {
+    background-color: var(--cta-style-11-hover-background-colour);
+    border: var(--cta-style-11-border-width) solid var(--cta-style-11-hover-border-colour);
+    color: var(--cta-style-11-hover-colour);
+  }
+  .cmpl-cta-style-11:hover svg * {
+    fill: currentColor;
+    stroke: currentColor;
+  }
+}
+.cmpl-cta-style-11:active {
+  color: var(--cta-style-11-active-colour);
+  background-color: var(--cta-style-11-active-background-colour);
+  border: var(--cta-style-11-border-width) solid var(--cta-style-11-active-border-colour);
+}
+.cmpl-cta-style-11--inactive,
+.cmpl-cta-style-11.cta-style-inactive,
+.cmpl-cta-style-11[disabled] {
+  color: var(--cta-style-11-inactive-colour);
+  background-color: var(--cta-style-11-inactive-background-colour);
+  border: var(--cta-style-11-border-width) solid var(--cta-style-11-inactive-border-colour);
+}
+.cmpl-cta-style-11--selected,
+.cmpl-cta-style-11.cta-style-selected {
+  color: var(--cta-style-11-selected-colour);
+  background-color: var(--cta-style-11-selected-background-colour);
+  border: var(--cta-style-11-border-width) solid var(--cta-style-11-selected-border-colour);
+}
+.cmpl-cta-style-12 {
+  justify-self: var(--cta-alignment);
+  justify-content: center;
+  justify-content: var(--cta-style-12-content-vertical-alignment, center);
+  background-image: var(--cta-style12-image-background);
+  background-size: var(--cta-style12-image-background-size);
+  background-repeat: var(--cta-style12-image-background-repeat);
+  background-color: var(--cta-style-12-mobile-background-colour);
+  color: var(--cta-style-12-mobile-colour);
+}
+.cmpl-cta-style-12 svg * {
+  fill: currentColor;
+  stroke: currentColor;
+}
+.cmpl-cta-style-12 {
+  border: var(--cta-style-12-border-width) solid var(--cta-style-12-mobile-border-colour);
+  border-radius: var(--cta-style-12-border-radius);
+  font-weight: var(--cta-style-12-font-weight);
+  letter-spacing: var(--cta-style-12-letter-spacing);
+  line-height: var(--cta-style-12-line-height);
+  font-family: var(--cta-style-12-font-family);
+  text-transform: var(--cta-style-12-text-transform);
+  font-style: var(--cta-style-12-font-style);
+  text-align: var(--cta-style-12-text-align);
+  -webkit-text-decoration: var(--cta-style-12-decoration-style);
+  text-decoration: var(--cta-style-12-decoration-style);
+  text-decoration-color: var(--cta-style-12-decoration-colour);
+  font-size: clamp(10px, var(--cta-style-12-font-size-mobile) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+  font-size: clamp(var(--cta-style-font-size-min-mobile, 10px), var(--cta-style-12-font-size-mobile) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--cta-style-font-size-max-mobile, 180px));
+  min-width: var(--cta-style-12-min-width-mobile);
+  padding: calc(var(--cta-style-12-padding-block-mobile) / var(--design-reference) * var(--screen-width)) calc(var(--cta-style-12-padding-inline-mobile) / var(--design-reference) * var(--screen-width));
+  --box-shadow-offset-x: var(--cta-style-12-shadow-offset-x, 0);
+  --box-shadow-offset-y: var(--cta-style-12-shadow-offset-y, 0);
+  --box-shadow-blur: var(--cta-style-12-shadow-blur, 0);
+  --box-shadow-spread: var(--cta-style-12-shadow-radius, 0);
+  --box-shadow-colour: var(--cta-style-12-shadow-colour, 0);
+  --box-shadow-position: var(--cta-style-12-shadow-position, 0);
+  --box-shadow-hover-offset-x: var( --cta-style-12-shadow-offset-hover-x, 0 );
+  --box-shadow-hover-offset-y: var( --cta-style-12-shadow-offset-hover-y, 0 );
+  --box-shadow-hover-blur: var( --cta-style-12-shadow-hover-blur, 0 );
+  --box-shadow-hover-spread: var( --cta-style-12-shadow-hover-radius, 0 );
+  --box-shadow-hover-colour: var( --cta-style-12-shadow-hover-colour, 0 );
+  --box-shadow-hover-position: var( --cta-style-12-shadow-hover-position, 0 );
+  box-shadow: calc(0 / var(--desktop-design-reference) * var(--screen-width-static)) calc(0 / var(--desktop-design-reference) * var(--screen-width-static)) calc(0 / var(--desktop-design-reference) * var(--screen-width-static)) calc(0 / var(--desktop-design-reference) * var(--screen-width-static)) 0 0;
+  box-shadow: calc(var(--box-shadow-offset-x) / var(--desktop-design-reference) * var(--screen-width-static)) calc(var(--box-shadow-offset-y) / var(--desktop-design-reference) * var(--screen-width-static)) calc(var(--box-shadow-blur) / var(--desktop-design-reference) * var(--screen-width-static)) calc(var(--box-shadow-spread) / var(--desktop-design-reference) * var(--screen-width-static)) var(--box-shadow-colour) var(--box-shadow-position);
+}
+.cmpl-cta-style-12:hover {
+  box-shadow: calc(var(--box-shadow-hover-offset-x) / var(--desktop-design-reference) * var(--screen-width-static)) calc(var(--box-shadow-hover-offset-y) / var(--desktop-design-reference) * var(--screen-width-static)) calc(var(--box-shadow-hover-blur) / var(--desktop-design-reference) * var(--screen-width-static)) calc(var(--box-shadow-hover-spread) / var(--desktop-design-reference) * var(--screen-width-static)) var(--box-shadow-hover-colour) var(--box-shadow-hover-position);
+}
+@media screen and (min-width: 768px) {
+  .cmpl-cta-style-12 {
+    font-size: clamp(10px, var(--cta-style-12-font-size-portrait) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+    font-size: clamp(var(--cta-style-font-size-min-mobile, 10px), var(--cta-style-12-font-size-portrait) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--cta-style-font-size-max-mobile, 180px));
+    min-width: var(--cta-style-12-min-width-portrait);
+    padding: calc(var(--cta-style-12-padding-block-portrait) / var(--design-reference) * var(--screen-width)) calc(var(--cta-style-12-padding-inline-portrait) / var(--design-reference) * var(--screen-width));
+    background-color: var(--cta-style-12-background-colour);
+    border: var(--cta-style-12-border-width) solid var(--cta-style-12-border-colour);
+    color: var(--cta-style-12-colour);
+  }
+  .cmpl-cta-style-12 svg * {
+    fill: currentColor;
+    stroke: currentColor;
+  }
+}
+@media screen and (min-width: 1024px) {
+  .cmpl-cta-style-12 {
+    font-size: clamp(10px, var(--cta-style-12-font-size-landscape) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+    font-size: clamp(var(--cta-style-font-size-min-desktop, 10px), var(--cta-style-12-font-size-landscape) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--cta-style-font-size-max-desktop, 180px));
+    min-width: var(--cta-style-12-min-width-landscape);
+    padding: calc(var(--cta-style-12-padding-block-landscape) / var(--design-reference) * var(--screen-width)) calc(var(--cta-style-12-padding-inline-landscape) / var(--design-reference) * var(--screen-width));
+  }
+}
+@media screen and (min-width: 1440px) {
+  .cmpl-cta-style-12 {
+    font-size: clamp(10px, var(--cta-style-12-font-size-desktop) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+    font-size: clamp(var(--cta-style-font-size-min-desktop, 10px), var(--cta-style-12-font-size-desktop) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--cta-style-font-size-max-desktop, 180px));
+    min-width: var(--cta-style-12-min-width-desktop);
+    padding: calc(var(--cta-style-12-padding-block-desktop) / var(--design-reference) * var(--screen-width)) calc(var(--cta-style-12-padding-inline-desktop) / var(--design-reference) * var(--screen-width));
+  }
+}
+@media (hover: hover) {
+  .cmpl-cta-style-12:hover {
+    -webkit-text-decoration: var(--cta-style-12-decoration-style-hover);
+    text-decoration: var(--cta-style-12-decoration-style-hover);
+    text-decoration-color: var(--cta-style-12-decoration-colour-hover);
+    border: var(--cta-style-12-border-width) solid var(--cta-style-12-mobile-hover-border-colour);
+    background-color: var(--cta-style-12-mobile-hover-background-colour);
+    color: var(--cta-style-12-mobile-hover-colour);
+  }
+  .cmpl-cta-style-12:hover svg * {
+    fill: currentColor;
+    stroke: currentColor;
+  }
+}
+@media (hover: hover) and (hover: none) {
+  .cmpl-cta-style-12:hover {
+    background-color: var(--cta-style-12-mobile-background-colour);
+  }
+}
+@media screen and (hover: hover) and (min-width: 768px) {
+  .cmpl-cta-style-12:hover {
+    background-color: var(--cta-style-12-hover-background-colour);
+    border: var(--cta-style-12-border-width) solid var(--cta-style-12-hover-border-colour);
+    color: var(--cta-style-12-hover-colour);
+  }
+  .cmpl-cta-style-12:hover svg * {
+    fill: currentColor;
+    stroke: currentColor;
+  }
+}
+.cmpl-cta-style-12:active {
+  color: var(--cta-style-12-active-colour);
+  background-color: var(--cta-style-12-active-background-colour);
+  border: var(--cta-style-12-border-width) solid var(--cta-style-12-active-border-colour);
+}
+.cmpl-cta-style-12--inactive,
+.cmpl-cta-style-12.cta-style-inactive,
+.cmpl-cta-style-12[disabled] {
+  color: var(--cta-style-12-inactive-colour);
+  background-color: var(--cta-style-12-inactive-background-colour);
+  border: var(--cta-style-12-border-width) solid var(--cta-style-12-inactive-border-colour);
+}
+.cmpl-cta-style-12--selected,
+.cmpl-cta-style-12.cta-style-selected {
+  color: var(--cta-style-12-selected-colour);
+  background-color: var(--cta-style-12-selected-background-colour);
+  border: var(--cta-style-12-border-width) solid var(--cta-style-12-selected-border-colour);
+}
+.cmpl-cta-style-13 {
+  justify-self: var(--cta-alignment);
+  justify-content: center;
+  justify-content: var(--cta-style-13-content-vertical-alignment, center);
+  background-image: var(--cta-style13-image-background);
+  background-size: var(--cta-style13-image-background-size);
+  background-repeat: var(--cta-style13-image-background-repeat);
+  background-color: var(--cta-style-13-mobile-background-colour);
+  color: var(--cta-style-13-mobile-colour);
+}
+.cmpl-cta-style-13 svg * {
+  fill: currentColor;
+  stroke: currentColor;
+}
+.cmpl-cta-style-13 {
+  border: var(--cta-style-13-border-width) solid var(--cta-style-13-mobile-border-colour);
+  border-radius: var(--cta-style-13-border-radius);
+  font-weight: var(--cta-style-13-font-weight);
+  letter-spacing: var(--cta-style-13-letter-spacing);
+  line-height: var(--cta-style-13-line-height);
+  font-family: var(--cta-style-13-font-family);
+  text-transform: var(--cta-style-13-text-transform);
+  font-style: var(--cta-style-13-font-style);
+  text-align: var(--cta-style-13-text-align);
+  -webkit-text-decoration: var(--cta-style-13-decoration-style);
+  text-decoration: var(--cta-style-13-decoration-style);
+  text-decoration-color: var(--cta-style-13-decoration-colour);
+  font-size: clamp(10px, var(--cta-style-13-font-size-mobile) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+  font-size: clamp(var(--cta-style-font-size-min-mobile, 10px), var(--cta-style-13-font-size-mobile) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--cta-style-font-size-max-mobile, 180px));
+  min-width: var(--cta-style-13-min-width-mobile);
+  padding: calc(var(--cta-style-13-padding-block-mobile) / var(--design-reference) * var(--screen-width)) calc(var(--cta-style-13-padding-inline-mobile) / var(--design-reference) * var(--screen-width));
+  --box-shadow-offset-x: var(--cta-style-13-shadow-offset-x, 0);
+  --box-shadow-offset-y: var(--cta-style-13-shadow-offset-y, 0);
+  --box-shadow-blur: var(--cta-style-13-shadow-blur, 0);
+  --box-shadow-spread: var(--cta-style-13-shadow-radius, 0);
+  --box-shadow-colour: var(--cta-style-13-shadow-colour, 0);
+  --box-shadow-position: var(--cta-style-13-shadow-position, 0);
+  --box-shadow-hover-offset-x: var( --cta-style-13-shadow-offset-hover-x, 0 );
+  --box-shadow-hover-offset-y: var( --cta-style-13-shadow-offset-hover-y, 0 );
+  --box-shadow-hover-blur: var( --cta-style-13-shadow-hover-blur, 0 );
+  --box-shadow-hover-spread: var( --cta-style-13-shadow-hover-radius, 0 );
+  --box-shadow-hover-colour: var( --cta-style-13-shadow-hover-colour, 0 );
+  --box-shadow-hover-position: var( --cta-style-13-shadow-hover-position, 0 );
+  box-shadow: calc(0 / var(--desktop-design-reference) * var(--screen-width-static)) calc(0 / var(--desktop-design-reference) * var(--screen-width-static)) calc(0 / var(--desktop-design-reference) * var(--screen-width-static)) calc(0 / var(--desktop-design-reference) * var(--screen-width-static)) 0 0;
+  box-shadow: calc(var(--box-shadow-offset-x) / var(--desktop-design-reference) * var(--screen-width-static)) calc(var(--box-shadow-offset-y) / var(--desktop-design-reference) * var(--screen-width-static)) calc(var(--box-shadow-blur) / var(--desktop-design-reference) * var(--screen-width-static)) calc(var(--box-shadow-spread) / var(--desktop-design-reference) * var(--screen-width-static)) var(--box-shadow-colour) var(--box-shadow-position);
+}
+.cmpl-cta-style-13:hover {
+  box-shadow: calc(var(--box-shadow-hover-offset-x) / var(--desktop-design-reference) * var(--screen-width-static)) calc(var(--box-shadow-hover-offset-y) / var(--desktop-design-reference) * var(--screen-width-static)) calc(var(--box-shadow-hover-blur) / var(--desktop-design-reference) * var(--screen-width-static)) calc(var(--box-shadow-hover-spread) / var(--desktop-design-reference) * var(--screen-width-static)) var(--box-shadow-hover-colour) var(--box-shadow-hover-position);
+}
+@media screen and (min-width: 768px) {
+  .cmpl-cta-style-13 {
+    font-size: clamp(10px, var(--cta-style-13-font-size-portrait) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+    font-size: clamp(var(--cta-style-font-size-min-mobile, 10px), var(--cta-style-13-font-size-portrait) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--cta-style-font-size-max-mobile, 180px));
+    min-width: var(--cta-style-13-min-width-portrait);
+    padding: calc(var(--cta-style-13-padding-block-portrait) / var(--design-reference) * var(--screen-width)) calc(var(--cta-style-13-padding-inline-portrait) / var(--design-reference) * var(--screen-width));
+    background-color: var(--cta-style-13-background-colour);
+    border: var(--cta-style-13-border-width) solid var(--cta-style-13-border-colour);
+    color: var(--cta-style-13-colour);
+  }
+  .cmpl-cta-style-13 svg * {
+    fill: currentColor;
+    stroke: currentColor;
+  }
+}
+@media screen and (min-width: 1024px) {
+  .cmpl-cta-style-13 {
+    font-size: clamp(10px, var(--cta-style-13-font-size-landscape) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+    font-size: clamp(var(--cta-style-font-size-min-desktop, 10px), var(--cta-style-13-font-size-landscape) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--cta-style-font-size-max-desktop, 180px));
+    min-width: var(--cta-style-13-min-width-landscape);
+    padding: calc(var(--cta-style-13-padding-block-landscape) / var(--design-reference) * var(--screen-width)) calc(var(--cta-style-13-padding-inline-landscape) / var(--design-reference) * var(--screen-width));
+  }
+}
+@media screen and (min-width: 1440px) {
+  .cmpl-cta-style-13 {
+    font-size: clamp(10px, var(--cta-style-13-font-size-desktop) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+    font-size: clamp(var(--cta-style-font-size-min-desktop, 10px), var(--cta-style-13-font-size-desktop) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--cta-style-font-size-max-desktop, 180px));
+    min-width: var(--cta-style-13-min-width-desktop);
+    padding: calc(var(--cta-style-13-padding-block-desktop) / var(--design-reference) * var(--screen-width)) calc(var(--cta-style-13-padding-inline-desktop) / var(--design-reference) * var(--screen-width));
+  }
+}
+@media (hover: hover) {
+  .cmpl-cta-style-13:hover {
+    -webkit-text-decoration: var(--cta-style-13-decoration-style-hover);
+    text-decoration: var(--cta-style-13-decoration-style-hover);
+    text-decoration-color: var(--cta-style-13-decoration-colour-hover);
+    border: var(--cta-style-13-border-width) solid var(--cta-style-13-mobile-hover-border-colour);
+    background-color: var(--cta-style-13-mobile-hover-background-colour);
+    color: var(--cta-style-13-mobile-hover-colour);
+  }
+  .cmpl-cta-style-13:hover svg * {
+    fill: currentColor;
+    stroke: currentColor;
+  }
+}
+@media (hover: hover) and (hover: none) {
+  .cmpl-cta-style-13:hover {
+    background-color: var(--cta-style-13-mobile-background-colour);
+  }
+}
+@media screen and (hover: hover) and (min-width: 768px) {
+  .cmpl-cta-style-13:hover {
+    background-color: var(--cta-style-13-hover-background-colour);
+    border: var(--cta-style-13-border-width) solid var(--cta-style-13-hover-border-colour);
+    color: var(--cta-style-13-hover-colour);
+  }
+  .cmpl-cta-style-13:hover svg * {
+    fill: currentColor;
+    stroke: currentColor;
+  }
+}
+.cmpl-cta-style-13:active {
+  color: var(--cta-style-13-active-colour);
+  background-color: var(--cta-style-13-active-background-colour);
+  border: var(--cta-style-13-border-width) solid var(--cta-style-13-active-border-colour);
+}
+.cmpl-cta-style-13--inactive,
+.cmpl-cta-style-13.cta-style-inactive,
+.cmpl-cta-style-13[disabled] {
+  color: var(--cta-style-13-inactive-colour);
+  background-color: var(--cta-style-13-inactive-background-colour);
+  border: var(--cta-style-13-border-width) solid var(--cta-style-13-inactive-border-colour);
+}
+.cmpl-cta-style-13--selected,
+.cmpl-cta-style-13.cta-style-selected {
+  color: var(--cta-style-13-selected-colour);
+  background-color: var(--cta-style-13-selected-background-colour);
+  border: var(--cta-style-13-border-width) solid var(--cta-style-13-selected-border-colour);
+}
+.cmpl-cta-style-14 {
+  justify-self: var(--cta-alignment);
+  justify-content: center;
+  justify-content: var(--cta-style-14-content-vertical-alignment, center);
+  background-image: var(--cta-style14-image-background);
+  background-size: var(--cta-style14-image-background-size);
+  background-repeat: var(--cta-style14-image-background-repeat);
+  background-color: var(--cta-style-14-mobile-background-colour);
+  color: var(--cta-style-14-mobile-colour);
+}
+.cmpl-cta-style-14 svg * {
+  fill: currentColor;
+  stroke: currentColor;
+}
+.cmpl-cta-style-14 {
+  border: var(--cta-style-14-border-width) solid var(--cta-style-14-mobile-border-colour);
+  border-radius: var(--cta-style-14-border-radius);
+  font-weight: var(--cta-style-14-font-weight);
+  letter-spacing: var(--cta-style-14-letter-spacing);
+  line-height: var(--cta-style-14-line-height);
+  font-family: var(--cta-style-14-font-family);
+  text-transform: var(--cta-style-14-text-transform);
+  font-style: var(--cta-style-14-font-style);
+  text-align: var(--cta-style-14-text-align);
+  -webkit-text-decoration: var(--cta-style-14-decoration-style);
+  text-decoration: var(--cta-style-14-decoration-style);
+  text-decoration-color: var(--cta-style-14-decoration-colour);
+  font-size: clamp(10px, var(--cta-style-14-font-size-mobile) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+  font-size: clamp(var(--cta-style-font-size-min-mobile, 10px), var(--cta-style-14-font-size-mobile) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--cta-style-font-size-max-mobile, 180px));
+  min-width: var(--cta-style-14-min-width-mobile);
+  padding: calc(var(--cta-style-14-padding-block-mobile) / var(--design-reference) * var(--screen-width)) calc(var(--cta-style-14-padding-inline-mobile) / var(--design-reference) * var(--screen-width));
+  --box-shadow-offset-x: var(--cta-style-14-shadow-offset-x, 0);
+  --box-shadow-offset-y: var(--cta-style-14-shadow-offset-y, 0);
+  --box-shadow-blur: var(--cta-style-14-shadow-blur, 0);
+  --box-shadow-spread: var(--cta-style-14-shadow-radius, 0);
+  --box-shadow-colour: var(--cta-style-14-shadow-colour, 0);
+  --box-shadow-position: var(--cta-style-14-shadow-position, 0);
+  --box-shadow-hover-offset-x: var( --cta-style-14-shadow-offset-hover-x, 0 );
+  --box-shadow-hover-offset-y: var( --cta-style-14-shadow-offset-hover-y, 0 );
+  --box-shadow-hover-blur: var( --cta-style-14-shadow-hover-blur, 0 );
+  --box-shadow-hover-spread: var( --cta-style-14-shadow-hover-radius, 0 );
+  --box-shadow-hover-colour: var( --cta-style-14-shadow-hover-colour, 0 );
+  --box-shadow-hover-position: var( --cta-style-14-shadow-hover-position, 0 );
+  box-shadow: calc(0 / var(--desktop-design-reference) * var(--screen-width-static)) calc(0 / var(--desktop-design-reference) * var(--screen-width-static)) calc(0 / var(--desktop-design-reference) * var(--screen-width-static)) calc(0 / var(--desktop-design-reference) * var(--screen-width-static)) 0 0;
+  box-shadow: calc(var(--box-shadow-offset-x) / var(--desktop-design-reference) * var(--screen-width-static)) calc(var(--box-shadow-offset-y) / var(--desktop-design-reference) * var(--screen-width-static)) calc(var(--box-shadow-blur) / var(--desktop-design-reference) * var(--screen-width-static)) calc(var(--box-shadow-spread) / var(--desktop-design-reference) * var(--screen-width-static)) var(--box-shadow-colour) var(--box-shadow-position);
+}
+.cmpl-cta-style-14:hover {
+  box-shadow: calc(var(--box-shadow-hover-offset-x) / var(--desktop-design-reference) * var(--screen-width-static)) calc(var(--box-shadow-hover-offset-y) / var(--desktop-design-reference) * var(--screen-width-static)) calc(var(--box-shadow-hover-blur) / var(--desktop-design-reference) * var(--screen-width-static)) calc(var(--box-shadow-hover-spread) / var(--desktop-design-reference) * var(--screen-width-static)) var(--box-shadow-hover-colour) var(--box-shadow-hover-position);
+}
+@media screen and (min-width: 768px) {
+  .cmpl-cta-style-14 {
+    font-size: clamp(10px, var(--cta-style-14-font-size-portrait) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+    font-size: clamp(var(--cta-style-font-size-min-mobile, 10px), var(--cta-style-14-font-size-portrait) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--cta-style-font-size-max-mobile, 180px));
+    min-width: var(--cta-style-14-min-width-portrait);
+    padding: calc(var(--cta-style-14-padding-block-portrait) / var(--design-reference) * var(--screen-width)) calc(var(--cta-style-14-padding-inline-portrait) / var(--design-reference) * var(--screen-width));
+    background-color: var(--cta-style-14-background-colour);
+    border: var(--cta-style-14-border-width) solid var(--cta-style-14-border-colour);
+    color: var(--cta-style-14-colour);
+  }
+  .cmpl-cta-style-14 svg * {
+    fill: currentColor;
+    stroke: currentColor;
+  }
+}
+@media screen and (min-width: 1024px) {
+  .cmpl-cta-style-14 {
+    font-size: clamp(10px, var(--cta-style-14-font-size-landscape) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+    font-size: clamp(var(--cta-style-font-size-min-desktop, 10px), var(--cta-style-14-font-size-landscape) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--cta-style-font-size-max-desktop, 180px));
+    min-width: var(--cta-style-14-min-width-landscape);
+    padding: calc(var(--cta-style-14-padding-block-landscape) / var(--design-reference) * var(--screen-width)) calc(var(--cta-style-14-padding-inline-landscape) / var(--design-reference) * var(--screen-width));
+  }
+}
+@media screen and (min-width: 1440px) {
+  .cmpl-cta-style-14 {
+    font-size: clamp(10px, var(--cta-style-14-font-size-desktop) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+    font-size: clamp(var(--cta-style-font-size-min-desktop, 10px), var(--cta-style-14-font-size-desktop) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--cta-style-font-size-max-desktop, 180px));
+    min-width: var(--cta-style-14-min-width-desktop);
+    padding: calc(var(--cta-style-14-padding-block-desktop) / var(--design-reference) * var(--screen-width)) calc(var(--cta-style-14-padding-inline-desktop) / var(--design-reference) * var(--screen-width));
+  }
+}
+@media (hover: hover) {
+  .cmpl-cta-style-14:hover {
+    -webkit-text-decoration: var(--cta-style-14-decoration-style-hover);
+    text-decoration: var(--cta-style-14-decoration-style-hover);
+    text-decoration-color: var(--cta-style-14-decoration-colour-hover);
+    border: var(--cta-style-14-border-width) solid var(--cta-style-14-mobile-hover-border-colour);
+    background-color: var(--cta-style-14-mobile-hover-background-colour);
+    color: var(--cta-style-14-mobile-hover-colour);
+  }
+  .cmpl-cta-style-14:hover svg * {
+    fill: currentColor;
+    stroke: currentColor;
+  }
+}
+@media (hover: hover) and (hover: none) {
+  .cmpl-cta-style-14:hover {
+    background-color: var(--cta-style-14-mobile-background-colour);
+  }
+}
+@media screen and (hover: hover) and (min-width: 768px) {
+  .cmpl-cta-style-14:hover {
+    background-color: var(--cta-style-14-hover-background-colour);
+    border: var(--cta-style-14-border-width) solid var(--cta-style-14-hover-border-colour);
+    color: var(--cta-style-14-hover-colour);
+  }
+  .cmpl-cta-style-14:hover svg * {
+    fill: currentColor;
+    stroke: currentColor;
+  }
+}
+.cmpl-cta-style-14:active {
+  color: var(--cta-style-14-active-colour);
+  background-color: var(--cta-style-14-active-background-colour);
+  border: var(--cta-style-14-border-width) solid var(--cta-style-14-active-border-colour);
+}
+.cmpl-cta-style-14--inactive,
+.cmpl-cta-style-14.cta-style-inactive,
+.cmpl-cta-style-14[disabled] {
+  color: var(--cta-style-14-inactive-colour);
+  background-color: var(--cta-style-14-inactive-background-colour);
+  border: var(--cta-style-14-border-width) solid var(--cta-style-14-inactive-border-colour);
+}
+.cmpl-cta-style-14--selected,
+.cmpl-cta-style-14.cta-style-selected {
+  color: var(--cta-style-14-selected-colour);
+  background-color: var(--cta-style-14-selected-background-colour);
+  border: var(--cta-style-14-border-width) solid var(--cta-style-14-selected-border-colour);
+}
+.cmpl-cta-style-15 {
+  justify-self: var(--cta-alignment);
+  justify-content: center;
+  justify-content: var(--cta-style-15-content-vertical-alignment, center);
+  background-image: var(--cta-style15-image-background);
+  background-size: var(--cta-style15-image-background-size);
+  background-repeat: var(--cta-style15-image-background-repeat);
+  background-color: var(--cta-style-15-mobile-background-colour);
+  color: var(--cta-style-15-mobile-colour);
+}
+.cmpl-cta-style-15 svg * {
+  fill: currentColor;
+  stroke: currentColor;
+}
+.cmpl-cta-style-15 {
+  border: var(--cta-style-15-border-width) solid var(--cta-style-15-mobile-border-colour);
+  border-radius: var(--cta-style-15-border-radius);
+  font-weight: var(--cta-style-15-font-weight);
+  letter-spacing: var(--cta-style-15-letter-spacing);
+  line-height: var(--cta-style-15-line-height);
+  font-family: var(--cta-style-15-font-family);
+  text-transform: var(--cta-style-15-text-transform);
+  font-style: var(--cta-style-15-font-style);
+  text-align: var(--cta-style-15-text-align);
+  -webkit-text-decoration: var(--cta-style-15-decoration-style);
+  text-decoration: var(--cta-style-15-decoration-style);
+  text-decoration-color: var(--cta-style-15-decoration-colour);
+  font-size: clamp(10px, var(--cta-style-15-font-size-mobile) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+  font-size: clamp(var(--cta-style-font-size-min-mobile, 10px), var(--cta-style-15-font-size-mobile) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--cta-style-font-size-max-mobile, 180px));
+  min-width: var(--cta-style-15-min-width-mobile);
+  padding: calc(var(--cta-style-15-padding-block-mobile) / var(--design-reference) * var(--screen-width)) calc(var(--cta-style-15-padding-inline-mobile) / var(--design-reference) * var(--screen-width));
+  --box-shadow-offset-x: var(--cta-style-15-shadow-offset-x, 0);
+  --box-shadow-offset-y: var(--cta-style-15-shadow-offset-y, 0);
+  --box-shadow-blur: var(--cta-style-15-shadow-blur, 0);
+  --box-shadow-spread: var(--cta-style-15-shadow-radius, 0);
+  --box-shadow-colour: var(--cta-style-15-shadow-colour, 0);
+  --box-shadow-position: var(--cta-style-15-shadow-position, 0);
+  --box-shadow-hover-offset-x: var( --cta-style-15-shadow-offset-hover-x, 0 );
+  --box-shadow-hover-offset-y: var( --cta-style-15-shadow-offset-hover-y, 0 );
+  --box-shadow-hover-blur: var( --cta-style-15-shadow-hover-blur, 0 );
+  --box-shadow-hover-spread: var( --cta-style-15-shadow-hover-radius, 0 );
+  --box-shadow-hover-colour: var( --cta-style-15-shadow-hover-colour, 0 );
+  --box-shadow-hover-position: var( --cta-style-15-shadow-hover-position, 0 );
+  box-shadow: calc(0 / var(--desktop-design-reference) * var(--screen-width-static)) calc(0 / var(--desktop-design-reference) * var(--screen-width-static)) calc(0 / var(--desktop-design-reference) * var(--screen-width-static)) calc(0 / var(--desktop-design-reference) * var(--screen-width-static)) 0 0;
+  box-shadow: calc(var(--box-shadow-offset-x) / var(--desktop-design-reference) * var(--screen-width-static)) calc(var(--box-shadow-offset-y) / var(--desktop-design-reference) * var(--screen-width-static)) calc(var(--box-shadow-blur) / var(--desktop-design-reference) * var(--screen-width-static)) calc(var(--box-shadow-spread) / var(--desktop-design-reference) * var(--screen-width-static)) var(--box-shadow-colour) var(--box-shadow-position);
+}
+.cmpl-cta-style-15:hover {
+  box-shadow: calc(var(--box-shadow-hover-offset-x) / var(--desktop-design-reference) * var(--screen-width-static)) calc(var(--box-shadow-hover-offset-y) / var(--desktop-design-reference) * var(--screen-width-static)) calc(var(--box-shadow-hover-blur) / var(--desktop-design-reference) * var(--screen-width-static)) calc(var(--box-shadow-hover-spread) / var(--desktop-design-reference) * var(--screen-width-static)) var(--box-shadow-hover-colour) var(--box-shadow-hover-position);
+}
+@media screen and (min-width: 768px) {
+  .cmpl-cta-style-15 {
+    font-size: clamp(10px, var(--cta-style-15-font-size-portrait) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+    font-size: clamp(var(--cta-style-font-size-min-mobile, 10px), var(--cta-style-15-font-size-portrait) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--cta-style-font-size-max-mobile, 180px));
+    min-width: var(--cta-style-15-min-width-portrait);
+    padding: calc(var(--cta-style-15-padding-block-portrait) / var(--design-reference) * var(--screen-width)) calc(var(--cta-style-15-padding-inline-portrait) / var(--design-reference) * var(--screen-width));
+    background-color: var(--cta-style-15-background-colour);
+    border: var(--cta-style-15-border-width) solid var(--cta-style-15-border-colour);
+    color: var(--cta-style-15-colour);
+  }
+  .cmpl-cta-style-15 svg * {
+    fill: currentColor;
+    stroke: currentColor;
+  }
+}
+@media screen and (min-width: 1024px) {
+  .cmpl-cta-style-15 {
+    font-size: clamp(10px, var(--cta-style-15-font-size-landscape) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+    font-size: clamp(var(--cta-style-font-size-min-desktop, 10px), var(--cta-style-15-font-size-landscape) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--cta-style-font-size-max-desktop, 180px));
+    min-width: var(--cta-style-15-min-width-landscape);
+    padding: calc(var(--cta-style-15-padding-block-landscape) / var(--design-reference) * var(--screen-width)) calc(var(--cta-style-15-padding-inline-landscape) / var(--design-reference) * var(--screen-width));
+  }
+}
+@media screen and (min-width: 1440px) {
+  .cmpl-cta-style-15 {
+    font-size: clamp(10px, var(--cta-style-15-font-size-desktop) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+    font-size: clamp(var(--cta-style-font-size-min-desktop, 10px), var(--cta-style-15-font-size-desktop) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--cta-style-font-size-max-desktop, 180px));
+    min-width: var(--cta-style-15-min-width-desktop);
+    padding: calc(var(--cta-style-15-padding-block-desktop) / var(--design-reference) * var(--screen-width)) calc(var(--cta-style-15-padding-inline-desktop) / var(--design-reference) * var(--screen-width));
+  }
+}
+@media (hover: hover) {
+  .cmpl-cta-style-15:hover {
+    -webkit-text-decoration: var(--cta-style-15-decoration-style-hover);
+    text-decoration: var(--cta-style-15-decoration-style-hover);
+    text-decoration-color: var(--cta-style-15-decoration-colour-hover);
+    border: var(--cta-style-15-border-width) solid var(--cta-style-15-mobile-hover-border-colour);
+    background-color: var(--cta-style-15-mobile-hover-background-colour);
+    color: var(--cta-style-15-mobile-hover-colour);
+  }
+  .cmpl-cta-style-15:hover svg * {
+    fill: currentColor;
+    stroke: currentColor;
+  }
+}
+@media (hover: hover) and (hover: none) {
+  .cmpl-cta-style-15:hover {
+    background-color: var(--cta-style-15-mobile-background-colour);
+  }
+}
+@media screen and (hover: hover) and (min-width: 768px) {
+  .cmpl-cta-style-15:hover {
+    background-color: var(--cta-style-15-hover-background-colour);
+    border: var(--cta-style-15-border-width) solid var(--cta-style-15-hover-border-colour);
+    color: var(--cta-style-15-hover-colour);
+  }
+  .cmpl-cta-style-15:hover svg * {
+    fill: currentColor;
+    stroke: currentColor;
+  }
+}
+.cmpl-cta-style-15:active {
+  color: var(--cta-style-15-active-colour);
+  background-color: var(--cta-style-15-active-background-colour);
+  border: var(--cta-style-15-border-width) solid var(--cta-style-15-active-border-colour);
+}
+.cmpl-cta-style-15--inactive,
+.cmpl-cta-style-15.cta-style-inactive,
+.cmpl-cta-style-15[disabled] {
+  color: var(--cta-style-15-inactive-colour);
+  background-color: var(--cta-style-15-inactive-background-colour);
+  border: var(--cta-style-15-border-width) solid var(--cta-style-15-inactive-border-colour);
+}
+.cmpl-cta-style-15--selected,
+.cmpl-cta-style-15.cta-style-selected {
+  color: var(--cta-style-15-selected-colour);
+  background-color: var(--cta-style-15-selected-background-colour);
+  border: var(--cta-style-15-border-width) solid var(--cta-style-15-selected-border-colour);
+}
+.cmpl-cta-style-16 {
+  justify-self: var(--cta-alignment);
+  justify-content: center;
+  justify-content: var(--cta-style-16-content-vertical-alignment, center);
+  background-image: var(--cta-style16-image-background);
+  background-size: var(--cta-style16-image-background-size);
+  background-repeat: var(--cta-style16-image-background-repeat);
+  background-color: var(--cta-style-16-mobile-background-colour);
+  color: var(--cta-style-16-mobile-colour);
+}
+.cmpl-cta-style-16 svg * {
+  fill: currentColor;
+  stroke: currentColor;
+}
+.cmpl-cta-style-16 {
+  border: var(--cta-style-16-border-width) solid var(--cta-style-16-mobile-border-colour);
+  border-radius: var(--cta-style-16-border-radius);
+  font-weight: var(--cta-style-16-font-weight);
+  letter-spacing: var(--cta-style-16-letter-spacing);
+  line-height: var(--cta-style-16-line-height);
+  font-family: var(--cta-style-16-font-family);
+  text-transform: var(--cta-style-16-text-transform);
+  font-style: var(--cta-style-16-font-style);
+  text-align: var(--cta-style-16-text-align);
+  -webkit-text-decoration: var(--cta-style-16-decoration-style);
+  text-decoration: var(--cta-style-16-decoration-style);
+  text-decoration-color: var(--cta-style-16-decoration-colour);
+  font-size: clamp(10px, var(--cta-style-16-font-size-mobile) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+  font-size: clamp(var(--cta-style-font-size-min-mobile, 10px), var(--cta-style-16-font-size-mobile) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--cta-style-font-size-max-mobile, 180px));
+  min-width: var(--cta-style-16-min-width-mobile);
+  padding: calc(var(--cta-style-16-padding-block-mobile) / var(--design-reference) * var(--screen-width)) calc(var(--cta-style-16-padding-inline-mobile) / var(--design-reference) * var(--screen-width));
+  --box-shadow-offset-x: var(--cta-style-16-shadow-offset-x, 0);
+  --box-shadow-offset-y: var(--cta-style-16-shadow-offset-y, 0);
+  --box-shadow-blur: var(--cta-style-16-shadow-blur, 0);
+  --box-shadow-spread: var(--cta-style-16-shadow-radius, 0);
+  --box-shadow-colour: var(--cta-style-16-shadow-colour, 0);
+  --box-shadow-position: var(--cta-style-16-shadow-position, 0);
+  --box-shadow-hover-offset-x: var( --cta-style-16-shadow-offset-hover-x, 0 );
+  --box-shadow-hover-offset-y: var( --cta-style-16-shadow-offset-hover-y, 0 );
+  --box-shadow-hover-blur: var( --cta-style-16-shadow-hover-blur, 0 );
+  --box-shadow-hover-spread: var( --cta-style-16-shadow-hover-radius, 0 );
+  --box-shadow-hover-colour: var( --cta-style-16-shadow-hover-colour, 0 );
+  --box-shadow-hover-position: var( --cta-style-16-shadow-hover-position, 0 );
+  box-shadow: calc(0 / var(--desktop-design-reference) * var(--screen-width-static)) calc(0 / var(--desktop-design-reference) * var(--screen-width-static)) calc(0 / var(--desktop-design-reference) * var(--screen-width-static)) calc(0 / var(--desktop-design-reference) * var(--screen-width-static)) 0 0;
+  box-shadow: calc(var(--box-shadow-offset-x) / var(--desktop-design-reference) * var(--screen-width-static)) calc(var(--box-shadow-offset-y) / var(--desktop-design-reference) * var(--screen-width-static)) calc(var(--box-shadow-blur) / var(--desktop-design-reference) * var(--screen-width-static)) calc(var(--box-shadow-spread) / var(--desktop-design-reference) * var(--screen-width-static)) var(--box-shadow-colour) var(--box-shadow-position);
+}
+.cmpl-cta-style-16:hover {
+  box-shadow: calc(var(--box-shadow-hover-offset-x) / var(--desktop-design-reference) * var(--screen-width-static)) calc(var(--box-shadow-hover-offset-y) / var(--desktop-design-reference) * var(--screen-width-static)) calc(var(--box-shadow-hover-blur) / var(--desktop-design-reference) * var(--screen-width-static)) calc(var(--box-shadow-hover-spread) / var(--desktop-design-reference) * var(--screen-width-static)) var(--box-shadow-hover-colour) var(--box-shadow-hover-position);
+}
+@media screen and (min-width: 768px) {
+  .cmpl-cta-style-16 {
+    font-size: clamp(10px, var(--cta-style-16-font-size-portrait) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+    font-size: clamp(var(--cta-style-font-size-min-mobile, 10px), var(--cta-style-16-font-size-portrait) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--cta-style-font-size-max-mobile, 180px));
+    min-width: var(--cta-style-16-min-width-portrait);
+    padding: calc(var(--cta-style-16-padding-block-portrait) / var(--design-reference) * var(--screen-width)) calc(var(--cta-style-16-padding-inline-portrait) / var(--design-reference) * var(--screen-width));
+    background-color: var(--cta-style-16-background-colour);
+    border: var(--cta-style-16-border-width) solid var(--cta-style-16-border-colour);
+    color: var(--cta-style-16-colour);
+  }
+  .cmpl-cta-style-16 svg * {
+    fill: currentColor;
+    stroke: currentColor;
+  }
+}
+@media screen and (min-width: 1024px) {
+  .cmpl-cta-style-16 {
+    font-size: clamp(10px, var(--cta-style-16-font-size-landscape) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+    font-size: clamp(var(--cta-style-font-size-min-desktop, 10px), var(--cta-style-16-font-size-landscape) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--cta-style-font-size-max-desktop, 180px));
+    min-width: var(--cta-style-16-min-width-landscape);
+    padding: calc(var(--cta-style-16-padding-block-landscape) / var(--design-reference) * var(--screen-width)) calc(var(--cta-style-16-padding-inline-landscape) / var(--design-reference) * var(--screen-width));
+  }
+}
+@media screen and (min-width: 1440px) {
+  .cmpl-cta-style-16 {
+    font-size: clamp(10px, var(--cta-style-16-font-size-desktop) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+    font-size: clamp(var(--cta-style-font-size-min-desktop, 10px), var(--cta-style-16-font-size-desktop) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--cta-style-font-size-max-desktop, 180px));
+    min-width: var(--cta-style-16-min-width-desktop);
+    padding: calc(var(--cta-style-16-padding-block-desktop) / var(--design-reference) * var(--screen-width)) calc(var(--cta-style-16-padding-inline-desktop) / var(--design-reference) * var(--screen-width));
+  }
+}
+@media (hover: hover) {
+  .cmpl-cta-style-16:hover {
+    -webkit-text-decoration: var(--cta-style-16-decoration-style-hover);
+    text-decoration: var(--cta-style-16-decoration-style-hover);
+    text-decoration-color: var(--cta-style-16-decoration-colour-hover);
+    border: var(--cta-style-16-border-width) solid var(--cta-style-16-mobile-hover-border-colour);
+    background-color: var(--cta-style-16-mobile-hover-background-colour);
+    color: var(--cta-style-16-mobile-hover-colour);
+  }
+  .cmpl-cta-style-16:hover svg * {
+    fill: currentColor;
+    stroke: currentColor;
+  }
+}
+@media (hover: hover) and (hover: none) {
+  .cmpl-cta-style-16:hover {
+    background-color: var(--cta-style-16-mobile-background-colour);
+  }
+}
+@media screen and (hover: hover) and (min-width: 768px) {
+  .cmpl-cta-style-16:hover {
+    background-color: var(--cta-style-16-hover-background-colour);
+    border: var(--cta-style-16-border-width) solid var(--cta-style-16-hover-border-colour);
+    color: var(--cta-style-16-hover-colour);
+  }
+  .cmpl-cta-style-16:hover svg * {
+    fill: currentColor;
+    stroke: currentColor;
+  }
+}
+.cmpl-cta-style-16:active {
+  color: var(--cta-style-16-active-colour);
+  background-color: var(--cta-style-16-active-background-colour);
+  border: var(--cta-style-16-border-width) solid var(--cta-style-16-active-border-colour);
+}
+.cmpl-cta-style-16--inactive,
+.cmpl-cta-style-16.cta-style-inactive,
+.cmpl-cta-style-16[disabled] {
+  color: var(--cta-style-16-inactive-colour);
+  background-color: var(--cta-style-16-inactive-background-colour);
+  border: var(--cta-style-16-border-width) solid var(--cta-style-16-inactive-border-colour);
+}
+.cmpl-cta-style-16--selected,
+.cmpl-cta-style-16.cta-style-selected {
+  color: var(--cta-style-16-selected-colour);
+  background-color: var(--cta-style-16-selected-background-colour);
+  border: var(--cta-style-16-border-width) solid var(--cta-style-16-selected-border-colour);
+}
+.cmpl-cta-style-17 {
+  justify-self: var(--cta-alignment);
+  justify-content: center;
+  justify-content: var(--cta-style-17-content-vertical-alignment, center);
+  background-image: var(--cta-style17-image-background);
+  background-size: var(--cta-style17-image-background-size);
+  background-repeat: var(--cta-style17-image-background-repeat);
+  background-color: var(--cta-style-17-mobile-background-colour);
+  color: var(--cta-style-17-mobile-colour);
+}
+.cmpl-cta-style-17 svg * {
+  fill: currentColor;
+  stroke: currentColor;
+}
+.cmpl-cta-style-17 {
+  border: var(--cta-style-17-border-width) solid var(--cta-style-17-mobile-border-colour);
+  border-radius: var(--cta-style-17-border-radius);
+  font-weight: var(--cta-style-17-font-weight);
+  letter-spacing: var(--cta-style-17-letter-spacing);
+  line-height: var(--cta-style-17-line-height);
+  font-family: var(--cta-style-17-font-family);
+  text-transform: var(--cta-style-17-text-transform);
+  font-style: var(--cta-style-17-font-style);
+  text-align: var(--cta-style-17-text-align);
+  -webkit-text-decoration: var(--cta-style-17-decoration-style);
+  text-decoration: var(--cta-style-17-decoration-style);
+  text-decoration-color: var(--cta-style-17-decoration-colour);
+  font-size: clamp(10px, var(--cta-style-17-font-size-mobile) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+  font-size: clamp(var(--cta-style-font-size-min-mobile, 10px), var(--cta-style-17-font-size-mobile) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--cta-style-font-size-max-mobile, 180px));
+  min-width: var(--cta-style-17-min-width-mobile);
+  padding: calc(var(--cta-style-17-padding-block-mobile) / var(--design-reference) * var(--screen-width)) calc(var(--cta-style-17-padding-inline-mobile) / var(--design-reference) * var(--screen-width));
+  --box-shadow-offset-x: var(--cta-style-17-shadow-offset-x, 0);
+  --box-shadow-offset-y: var(--cta-style-17-shadow-offset-y, 0);
+  --box-shadow-blur: var(--cta-style-17-shadow-blur, 0);
+  --box-shadow-spread: var(--cta-style-17-shadow-radius, 0);
+  --box-shadow-colour: var(--cta-style-17-shadow-colour, 0);
+  --box-shadow-position: var(--cta-style-17-shadow-position, 0);
+  --box-shadow-hover-offset-x: var( --cta-style-17-shadow-offset-hover-x, 0 );
+  --box-shadow-hover-offset-y: var( --cta-style-17-shadow-offset-hover-y, 0 );
+  --box-shadow-hover-blur: var( --cta-style-17-shadow-hover-blur, 0 );
+  --box-shadow-hover-spread: var( --cta-style-17-shadow-hover-radius, 0 );
+  --box-shadow-hover-colour: var( --cta-style-17-shadow-hover-colour, 0 );
+  --box-shadow-hover-position: var( --cta-style-17-shadow-hover-position, 0 );
+  box-shadow: calc(0 / var(--desktop-design-reference) * var(--screen-width-static)) calc(0 / var(--desktop-design-reference) * var(--screen-width-static)) calc(0 / var(--desktop-design-reference) * var(--screen-width-static)) calc(0 / var(--desktop-design-reference) * var(--screen-width-static)) 0 0;
+  box-shadow: calc(var(--box-shadow-offset-x) / var(--desktop-design-reference) * var(--screen-width-static)) calc(var(--box-shadow-offset-y) / var(--desktop-design-reference) * var(--screen-width-static)) calc(var(--box-shadow-blur) / var(--desktop-design-reference) * var(--screen-width-static)) calc(var(--box-shadow-spread) / var(--desktop-design-reference) * var(--screen-width-static)) var(--box-shadow-colour) var(--box-shadow-position);
+}
+.cmpl-cta-style-17:hover {
+  box-shadow: calc(var(--box-shadow-hover-offset-x) / var(--desktop-design-reference) * var(--screen-width-static)) calc(var(--box-shadow-hover-offset-y) / var(--desktop-design-reference) * var(--screen-width-static)) calc(var(--box-shadow-hover-blur) / var(--desktop-design-reference) * var(--screen-width-static)) calc(var(--box-shadow-hover-spread) / var(--desktop-design-reference) * var(--screen-width-static)) var(--box-shadow-hover-colour) var(--box-shadow-hover-position);
+}
+@media screen and (min-width: 768px) {
+  .cmpl-cta-style-17 {
+    font-size: clamp(10px, var(--cta-style-17-font-size-portrait) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+    font-size: clamp(var(--cta-style-font-size-min-mobile, 10px), var(--cta-style-17-font-size-portrait) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--cta-style-font-size-max-mobile, 180px));
+    min-width: var(--cta-style-17-min-width-portrait);
+    padding: calc(var(--cta-style-17-padding-block-portrait) / var(--design-reference) * var(--screen-width)) calc(var(--cta-style-17-padding-inline-portrait) / var(--design-reference) * var(--screen-width));
+    background-color: var(--cta-style-17-background-colour);
+    border: var(--cta-style-17-border-width) solid var(--cta-style-17-border-colour);
+    color: var(--cta-style-17-colour);
+  }
+  .cmpl-cta-style-17 svg * {
+    fill: currentColor;
+    stroke: currentColor;
+  }
+}
+@media screen and (min-width: 1024px) {
+  .cmpl-cta-style-17 {
+    font-size: clamp(10px, var(--cta-style-17-font-size-landscape) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+    font-size: clamp(var(--cta-style-font-size-min-desktop, 10px), var(--cta-style-17-font-size-landscape) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--cta-style-font-size-max-desktop, 180px));
+    min-width: var(--cta-style-17-min-width-landscape);
+    padding: calc(var(--cta-style-17-padding-block-landscape) / var(--design-reference) * var(--screen-width)) calc(var(--cta-style-17-padding-inline-landscape) / var(--design-reference) * var(--screen-width));
+  }
+}
+@media screen and (min-width: 1440px) {
+  .cmpl-cta-style-17 {
+    font-size: clamp(10px, var(--cta-style-17-font-size-desktop) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+    font-size: clamp(var(--cta-style-font-size-min-desktop, 10px), var(--cta-style-17-font-size-desktop) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--cta-style-font-size-max-desktop, 180px));
+    min-width: var(--cta-style-17-min-width-desktop);
+    padding: calc(var(--cta-style-17-padding-block-desktop) / var(--design-reference) * var(--screen-width)) calc(var(--cta-style-17-padding-inline-desktop) / var(--design-reference) * var(--screen-width));
+  }
+}
+@media (hover: hover) {
+  .cmpl-cta-style-17:hover {
+    -webkit-text-decoration: var(--cta-style-17-decoration-style-hover);
+    text-decoration: var(--cta-style-17-decoration-style-hover);
+    text-decoration-color: var(--cta-style-17-decoration-colour-hover);
+    border: var(--cta-style-17-border-width) solid var(--cta-style-17-mobile-hover-border-colour);
+    background-color: var(--cta-style-17-mobile-hover-background-colour);
+    color: var(--cta-style-17-mobile-hover-colour);
+  }
+  .cmpl-cta-style-17:hover svg * {
+    fill: currentColor;
+    stroke: currentColor;
+  }
+}
+@media (hover: hover) and (hover: none) {
+  .cmpl-cta-style-17:hover {
+    background-color: var(--cta-style-17-mobile-background-colour);
+  }
+}
+@media screen and (hover: hover) and (min-width: 768px) {
+  .cmpl-cta-style-17:hover {
+    background-color: var(--cta-style-17-hover-background-colour);
+    border: var(--cta-style-17-border-width) solid var(--cta-style-17-hover-border-colour);
+    color: var(--cta-style-17-hover-colour);
+  }
+  .cmpl-cta-style-17:hover svg * {
+    fill: currentColor;
+    stroke: currentColor;
+  }
+}
+.cmpl-cta-style-17:active {
+  color: var(--cta-style-17-active-colour);
+  background-color: var(--cta-style-17-active-background-colour);
+  border: var(--cta-style-17-border-width) solid var(--cta-style-17-active-border-colour);
+}
+.cmpl-cta-style-17--inactive,
+.cmpl-cta-style-17.cta-style-inactive,
+.cmpl-cta-style-17[disabled] {
+  color: var(--cta-style-17-inactive-colour);
+  background-color: var(--cta-style-17-inactive-background-colour);
+  border: var(--cta-style-17-border-width) solid var(--cta-style-17-inactive-border-colour);
+}
+.cmpl-cta-style-17--selected,
+.cmpl-cta-style-17.cta-style-selected {
+  color: var(--cta-style-17-selected-colour);
+  background-color: var(--cta-style-17-selected-background-colour);
+  border: var(--cta-style-17-border-width) solid var(--cta-style-17-selected-border-colour);
+}
+.cmpl-cta-style-18 {
+  justify-self: var(--cta-alignment);
+  justify-content: center;
+  justify-content: var(--cta-style-18-content-vertical-alignment, center);
+  background-image: var(--cta-style18-image-background);
+  background-size: var(--cta-style18-image-background-size);
+  background-repeat: var(--cta-style18-image-background-repeat);
+  background-color: var(--cta-style-18-mobile-background-colour);
+  color: var(--cta-style-18-mobile-colour);
+}
+.cmpl-cta-style-18 svg * {
+  fill: currentColor;
+  stroke: currentColor;
+}
+.cmpl-cta-style-18 {
+  border: var(--cta-style-18-border-width) solid var(--cta-style-18-mobile-border-colour);
+  border-radius: var(--cta-style-18-border-radius);
+  font-weight: var(--cta-style-18-font-weight);
+  letter-spacing: var(--cta-style-18-letter-spacing);
+  line-height: var(--cta-style-18-line-height);
+  font-family: var(--cta-style-18-font-family);
+  text-transform: var(--cta-style-18-text-transform);
+  font-style: var(--cta-style-18-font-style);
+  text-align: var(--cta-style-18-text-align);
+  -webkit-text-decoration: var(--cta-style-18-decoration-style);
+  text-decoration: var(--cta-style-18-decoration-style);
+  text-decoration-color: var(--cta-style-18-decoration-colour);
+  font-size: clamp(10px, var(--cta-style-18-font-size-mobile) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+  font-size: clamp(var(--cta-style-font-size-min-mobile, 10px), var(--cta-style-18-font-size-mobile) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--cta-style-font-size-max-mobile, 180px));
+  min-width: var(--cta-style-18-min-width-mobile);
+  padding: calc(var(--cta-style-18-padding-block-mobile) / var(--design-reference) * var(--screen-width)) calc(var(--cta-style-18-padding-inline-mobile) / var(--design-reference) * var(--screen-width));
+  --box-shadow-offset-x: var(--cta-style-18-shadow-offset-x, 0);
+  --box-shadow-offset-y: var(--cta-style-18-shadow-offset-y, 0);
+  --box-shadow-blur: var(--cta-style-18-shadow-blur, 0);
+  --box-shadow-spread: var(--cta-style-18-shadow-radius, 0);
+  --box-shadow-colour: var(--cta-style-18-shadow-colour, 0);
+  --box-shadow-position: var(--cta-style-18-shadow-position, 0);
+  --box-shadow-hover-offset-x: var( --cta-style-18-shadow-offset-hover-x, 0 );
+  --box-shadow-hover-offset-y: var( --cta-style-18-shadow-offset-hover-y, 0 );
+  --box-shadow-hover-blur: var( --cta-style-18-shadow-hover-blur, 0 );
+  --box-shadow-hover-spread: var( --cta-style-18-shadow-hover-radius, 0 );
+  --box-shadow-hover-colour: var( --cta-style-18-shadow-hover-colour, 0 );
+  --box-shadow-hover-position: var( --cta-style-18-shadow-hover-position, 0 );
+  box-shadow: calc(0 / var(--desktop-design-reference) * var(--screen-width-static)) calc(0 / var(--desktop-design-reference) * var(--screen-width-static)) calc(0 / var(--desktop-design-reference) * var(--screen-width-static)) calc(0 / var(--desktop-design-reference) * var(--screen-width-static)) 0 0;
+  box-shadow: calc(var(--box-shadow-offset-x) / var(--desktop-design-reference) * var(--screen-width-static)) calc(var(--box-shadow-offset-y) / var(--desktop-design-reference) * var(--screen-width-static)) calc(var(--box-shadow-blur) / var(--desktop-design-reference) * var(--screen-width-static)) calc(var(--box-shadow-spread) / var(--desktop-design-reference) * var(--screen-width-static)) var(--box-shadow-colour) var(--box-shadow-position);
+}
+.cmpl-cta-style-18:hover {
+  box-shadow: calc(var(--box-shadow-hover-offset-x) / var(--desktop-design-reference) * var(--screen-width-static)) calc(var(--box-shadow-hover-offset-y) / var(--desktop-design-reference) * var(--screen-width-static)) calc(var(--box-shadow-hover-blur) / var(--desktop-design-reference) * var(--screen-width-static)) calc(var(--box-shadow-hover-spread) / var(--desktop-design-reference) * var(--screen-width-static)) var(--box-shadow-hover-colour) var(--box-shadow-hover-position);
+}
+@media screen and (min-width: 768px) {
+  .cmpl-cta-style-18 {
+    font-size: clamp(10px, var(--cta-style-18-font-size-portrait) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+    font-size: clamp(var(--cta-style-font-size-min-mobile, 10px), var(--cta-style-18-font-size-portrait) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--cta-style-font-size-max-mobile, 180px));
+    min-width: var(--cta-style-18-min-width-portrait);
+    padding: calc(var(--cta-style-18-padding-block-portrait) / var(--design-reference) * var(--screen-width)) calc(var(--cta-style-18-padding-inline-portrait) / var(--design-reference) * var(--screen-width));
+    background-color: var(--cta-style-18-background-colour);
+    border: var(--cta-style-18-border-width) solid var(--cta-style-18-border-colour);
+    color: var(--cta-style-18-colour);
+  }
+  .cmpl-cta-style-18 svg * {
+    fill: currentColor;
+    stroke: currentColor;
+  }
+}
+@media screen and (min-width: 1024px) {
+  .cmpl-cta-style-18 {
+    font-size: clamp(10px, var(--cta-style-18-font-size-landscape) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+    font-size: clamp(var(--cta-style-font-size-min-desktop, 10px), var(--cta-style-18-font-size-landscape) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--cta-style-font-size-max-desktop, 180px));
+    min-width: var(--cta-style-18-min-width-landscape);
+    padding: calc(var(--cta-style-18-padding-block-landscape) / var(--design-reference) * var(--screen-width)) calc(var(--cta-style-18-padding-inline-landscape) / var(--design-reference) * var(--screen-width));
+  }
+}
+@media screen and (min-width: 1440px) {
+  .cmpl-cta-style-18 {
+    font-size: clamp(10px, var(--cta-style-18-font-size-desktop) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+    font-size: clamp(var(--cta-style-font-size-min-desktop, 10px), var(--cta-style-18-font-size-desktop) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--cta-style-font-size-max-desktop, 180px));
+    min-width: var(--cta-style-18-min-width-desktop);
+    padding: calc(var(--cta-style-18-padding-block-desktop) / var(--design-reference) * var(--screen-width)) calc(var(--cta-style-18-padding-inline-desktop) / var(--design-reference) * var(--screen-width));
+  }
+}
+@media (hover: hover) {
+  .cmpl-cta-style-18:hover {
+    -webkit-text-decoration: var(--cta-style-18-decoration-style-hover);
+    text-decoration: var(--cta-style-18-decoration-style-hover);
+    text-decoration-color: var(--cta-style-18-decoration-colour-hover);
+    border: var(--cta-style-18-border-width) solid var(--cta-style-18-mobile-hover-border-colour);
+    background-color: var(--cta-style-18-mobile-hover-background-colour);
+    color: var(--cta-style-18-mobile-hover-colour);
+  }
+  .cmpl-cta-style-18:hover svg * {
+    fill: currentColor;
+    stroke: currentColor;
+  }
+}
+@media (hover: hover) and (hover: none) {
+  .cmpl-cta-style-18:hover {
+    background-color: var(--cta-style-18-mobile-background-colour);
+  }
+}
+@media screen and (hover: hover) and (min-width: 768px) {
+  .cmpl-cta-style-18:hover {
+    background-color: var(--cta-style-18-hover-background-colour);
+    border: var(--cta-style-18-border-width) solid var(--cta-style-18-hover-border-colour);
+    color: var(--cta-style-18-hover-colour);
+  }
+  .cmpl-cta-style-18:hover svg * {
+    fill: currentColor;
+    stroke: currentColor;
+  }
+}
+.cmpl-cta-style-18:active {
+  color: var(--cta-style-18-active-colour);
+  background-color: var(--cta-style-18-active-background-colour);
+  border: var(--cta-style-18-border-width) solid var(--cta-style-18-active-border-colour);
+}
+.cmpl-cta-style-18--inactive,
+.cmpl-cta-style-18.cta-style-inactive,
+.cmpl-cta-style-18[disabled] {
+  color: var(--cta-style-18-inactive-colour);
+  background-color: var(--cta-style-18-inactive-background-colour);
+  border: var(--cta-style-18-border-width) solid var(--cta-style-18-inactive-border-colour);
+}
+.cmpl-cta-style-18--selected,
+.cmpl-cta-style-18.cta-style-selected {
+  color: var(--cta-style-18-selected-colour);
+  background-color: var(--cta-style-18-selected-background-colour);
+  border: var(--cta-style-18-border-width) solid var(--cta-style-18-selected-border-colour);
+}
+.cmpl-cta-style-19 {
+  justify-self: var(--cta-alignment);
+  justify-content: center;
+  justify-content: var(--cta-style-19-content-vertical-alignment, center);
+  background-image: var(--cta-style19-image-background);
+  background-size: var(--cta-style19-image-background-size);
+  background-repeat: var(--cta-style19-image-background-repeat);
+  background-color: var(--cta-style-19-mobile-background-colour);
+  color: var(--cta-style-19-mobile-colour);
+}
+.cmpl-cta-style-19 svg * {
+  fill: currentColor;
+  stroke: currentColor;
+}
+.cmpl-cta-style-19 {
+  border: var(--cta-style-19-border-width) solid var(--cta-style-19-mobile-border-colour);
+  border-radius: var(--cta-style-19-border-radius);
+  font-weight: var(--cta-style-19-font-weight);
+  letter-spacing: var(--cta-style-19-letter-spacing);
+  line-height: var(--cta-style-19-line-height);
+  font-family: var(--cta-style-19-font-family);
+  text-transform: var(--cta-style-19-text-transform);
+  font-style: var(--cta-style-19-font-style);
+  text-align: var(--cta-style-19-text-align);
+  -webkit-text-decoration: var(--cta-style-19-decoration-style);
+  text-decoration: var(--cta-style-19-decoration-style);
+  text-decoration-color: var(--cta-style-19-decoration-colour);
+  font-size: clamp(10px, var(--cta-style-19-font-size-mobile) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+  font-size: clamp(var(--cta-style-font-size-min-mobile, 10px), var(--cta-style-19-font-size-mobile) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--cta-style-font-size-max-mobile, 180px));
+  min-width: var(--cta-style-19-min-width-mobile);
+  padding: calc(var(--cta-style-19-padding-block-mobile) / var(--design-reference) * var(--screen-width)) calc(var(--cta-style-19-padding-inline-mobile) / var(--design-reference) * var(--screen-width));
+  --box-shadow-offset-x: var(--cta-style-19-shadow-offset-x, 0);
+  --box-shadow-offset-y: var(--cta-style-19-shadow-offset-y, 0);
+  --box-shadow-blur: var(--cta-style-19-shadow-blur, 0);
+  --box-shadow-spread: var(--cta-style-19-shadow-radius, 0);
+  --box-shadow-colour: var(--cta-style-19-shadow-colour, 0);
+  --box-shadow-position: var(--cta-style-19-shadow-position, 0);
+  --box-shadow-hover-offset-x: var( --cta-style-19-shadow-offset-hover-x, 0 );
+  --box-shadow-hover-offset-y: var( --cta-style-19-shadow-offset-hover-y, 0 );
+  --box-shadow-hover-blur: var( --cta-style-19-shadow-hover-blur, 0 );
+  --box-shadow-hover-spread: var( --cta-style-19-shadow-hover-radius, 0 );
+  --box-shadow-hover-colour: var( --cta-style-19-shadow-hover-colour, 0 );
+  --box-shadow-hover-position: var( --cta-style-19-shadow-hover-position, 0 );
+  box-shadow: calc(0 / var(--desktop-design-reference) * var(--screen-width-static)) calc(0 / var(--desktop-design-reference) * var(--screen-width-static)) calc(0 / var(--desktop-design-reference) * var(--screen-width-static)) calc(0 / var(--desktop-design-reference) * var(--screen-width-static)) 0 0;
+  box-shadow: calc(var(--box-shadow-offset-x) / var(--desktop-design-reference) * var(--screen-width-static)) calc(var(--box-shadow-offset-y) / var(--desktop-design-reference) * var(--screen-width-static)) calc(var(--box-shadow-blur) / var(--desktop-design-reference) * var(--screen-width-static)) calc(var(--box-shadow-spread) / var(--desktop-design-reference) * var(--screen-width-static)) var(--box-shadow-colour) var(--box-shadow-position);
+}
+.cmpl-cta-style-19:hover {
+  box-shadow: calc(var(--box-shadow-hover-offset-x) / var(--desktop-design-reference) * var(--screen-width-static)) calc(var(--box-shadow-hover-offset-y) / var(--desktop-design-reference) * var(--screen-width-static)) calc(var(--box-shadow-hover-blur) / var(--desktop-design-reference) * var(--screen-width-static)) calc(var(--box-shadow-hover-spread) / var(--desktop-design-reference) * var(--screen-width-static)) var(--box-shadow-hover-colour) var(--box-shadow-hover-position);
+}
+@media screen and (min-width: 768px) {
+  .cmpl-cta-style-19 {
+    font-size: clamp(10px, var(--cta-style-19-font-size-portrait) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+    font-size: clamp(var(--cta-style-font-size-min-mobile, 10px), var(--cta-style-19-font-size-portrait) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--cta-style-font-size-max-mobile, 180px));
+    min-width: var(--cta-style-19-min-width-portrait);
+    padding: calc(var(--cta-style-19-padding-block-portrait) / var(--design-reference) * var(--screen-width)) calc(var(--cta-style-19-padding-inline-portrait) / var(--design-reference) * var(--screen-width));
+    background-color: var(--cta-style-19-background-colour);
+    border: var(--cta-style-19-border-width) solid var(--cta-style-19-border-colour);
+    color: var(--cta-style-19-colour);
+  }
+  .cmpl-cta-style-19 svg * {
+    fill: currentColor;
+    stroke: currentColor;
+  }
+}
+@media screen and (min-width: 1024px) {
+  .cmpl-cta-style-19 {
+    font-size: clamp(10px, var(--cta-style-19-font-size-landscape) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+    font-size: clamp(var(--cta-style-font-size-min-desktop, 10px), var(--cta-style-19-font-size-landscape) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--cta-style-font-size-max-desktop, 180px));
+    min-width: var(--cta-style-19-min-width-landscape);
+    padding: calc(var(--cta-style-19-padding-block-landscape) / var(--design-reference) * var(--screen-width)) calc(var(--cta-style-19-padding-inline-landscape) / var(--design-reference) * var(--screen-width));
+  }
+}
+@media screen and (min-width: 1440px) {
+  .cmpl-cta-style-19 {
+    font-size: clamp(10px, var(--cta-style-19-font-size-desktop) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+    font-size: clamp(var(--cta-style-font-size-min-desktop, 10px), var(--cta-style-19-font-size-desktop) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--cta-style-font-size-max-desktop, 180px));
+    min-width: var(--cta-style-19-min-width-desktop);
+    padding: calc(var(--cta-style-19-padding-block-desktop) / var(--design-reference) * var(--screen-width)) calc(var(--cta-style-19-padding-inline-desktop) / var(--design-reference) * var(--screen-width));
+  }
+}
+@media (hover: hover) {
+  .cmpl-cta-style-19:hover {
+    -webkit-text-decoration: var(--cta-style-19-decoration-style-hover);
+    text-decoration: var(--cta-style-19-decoration-style-hover);
+    text-decoration-color: var(--cta-style-19-decoration-colour-hover);
+    border: var(--cta-style-19-border-width) solid var(--cta-style-19-mobile-hover-border-colour);
+    background-color: var(--cta-style-19-mobile-hover-background-colour);
+    color: var(--cta-style-19-mobile-hover-colour);
+  }
+  .cmpl-cta-style-19:hover svg * {
+    fill: currentColor;
+    stroke: currentColor;
+  }
+}
+@media (hover: hover) and (hover: none) {
+  .cmpl-cta-style-19:hover {
+    background-color: var(--cta-style-19-mobile-background-colour);
+  }
+}
+@media screen and (hover: hover) and (min-width: 768px) {
+  .cmpl-cta-style-19:hover {
+    background-color: var(--cta-style-19-hover-background-colour);
+    border: var(--cta-style-19-border-width) solid var(--cta-style-19-hover-border-colour);
+    color: var(--cta-style-19-hover-colour);
+  }
+  .cmpl-cta-style-19:hover svg * {
+    fill: currentColor;
+    stroke: currentColor;
+  }
+}
+.cmpl-cta-style-19:active {
+  color: var(--cta-style-19-active-colour);
+  background-color: var(--cta-style-19-active-background-colour);
+  border: var(--cta-style-19-border-width) solid var(--cta-style-19-active-border-colour);
+}
+.cmpl-cta-style-19--inactive,
+.cmpl-cta-style-19.cta-style-inactive,
+.cmpl-cta-style-19[disabled] {
+  color: var(--cta-style-19-inactive-colour);
+  background-color: var(--cta-style-19-inactive-background-colour);
+  border: var(--cta-style-19-border-width) solid var(--cta-style-19-inactive-border-colour);
+}
+.cmpl-cta-style-19--selected,
+.cmpl-cta-style-19.cta-style-selected {
+  color: var(--cta-style-19-selected-colour);
+  background-color: var(--cta-style-19-selected-background-colour);
+  border: var(--cta-style-19-border-width) solid var(--cta-style-19-selected-border-colour);
+}
+.cmpl-cta-style-20 {
+  justify-self: var(--cta-alignment);
+  justify-content: center;
+  justify-content: var(--cta-style-20-content-vertical-alignment, center);
+  background-image: var(--cta-style20-image-background);
+  background-size: var(--cta-style20-image-background-size);
+  background-repeat: var(--cta-style20-image-background-repeat);
+  background-color: var(--cta-style-20-mobile-background-colour);
+  color: var(--cta-style-20-mobile-colour);
+}
+.cmpl-cta-style-20 svg * {
+  fill: currentColor;
+  stroke: currentColor;
+}
+.cmpl-cta-style-20 {
+  border: var(--cta-style-20-border-width) solid var(--cta-style-20-mobile-border-colour);
+  border-radius: var(--cta-style-20-border-radius);
+  font-weight: var(--cta-style-20-font-weight);
+  letter-spacing: var(--cta-style-20-letter-spacing);
+  line-height: var(--cta-style-20-line-height);
+  font-family: var(--cta-style-20-font-family);
+  text-transform: var(--cta-style-20-text-transform);
+  font-style: var(--cta-style-20-font-style);
+  text-align: var(--cta-style-20-text-align);
+  -webkit-text-decoration: var(--cta-style-20-decoration-style);
+  text-decoration: var(--cta-style-20-decoration-style);
+  text-decoration-color: var(--cta-style-20-decoration-colour);
+  font-size: clamp(10px, var(--cta-style-20-font-size-mobile) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+  font-size: clamp(var(--cta-style-font-size-min-mobile, 10px), var(--cta-style-20-font-size-mobile) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--cta-style-font-size-max-mobile, 180px));
+  min-width: var(--cta-style-20-min-width-mobile);
+  padding: calc(var(--cta-style-20-padding-block-mobile) / var(--design-reference) * var(--screen-width)) calc(var(--cta-style-20-padding-inline-mobile) / var(--design-reference) * var(--screen-width));
+  --box-shadow-offset-x: var(--cta-style-20-shadow-offset-x, 0);
+  --box-shadow-offset-y: var(--cta-style-20-shadow-offset-y, 0);
+  --box-shadow-blur: var(--cta-style-20-shadow-blur, 0);
+  --box-shadow-spread: var(--cta-style-20-shadow-radius, 0);
+  --box-shadow-colour: var(--cta-style-20-shadow-colour, 0);
+  --box-shadow-position: var(--cta-style-20-shadow-position, 0);
+  --box-shadow-hover-offset-x: var( --cta-style-20-shadow-offset-hover-x, 0 );
+  --box-shadow-hover-offset-y: var( --cta-style-20-shadow-offset-hover-y, 0 );
+  --box-shadow-hover-blur: var( --cta-style-20-shadow-hover-blur, 0 );
+  --box-shadow-hover-spread: var( --cta-style-20-shadow-hover-radius, 0 );
+  --box-shadow-hover-colour: var( --cta-style-20-shadow-hover-colour, 0 );
+  --box-shadow-hover-position: var( --cta-style-20-shadow-hover-position, 0 );
+  box-shadow: calc(0 / var(--desktop-design-reference) * var(--screen-width-static)) calc(0 / var(--desktop-design-reference) * var(--screen-width-static)) calc(0 / var(--desktop-design-reference) * var(--screen-width-static)) calc(0 / var(--desktop-design-reference) * var(--screen-width-static)) 0 0;
+  box-shadow: calc(var(--box-shadow-offset-x) / var(--desktop-design-reference) * var(--screen-width-static)) calc(var(--box-shadow-offset-y) / var(--desktop-design-reference) * var(--screen-width-static)) calc(var(--box-shadow-blur) / var(--desktop-design-reference) * var(--screen-width-static)) calc(var(--box-shadow-spread) / var(--desktop-design-reference) * var(--screen-width-static)) var(--box-shadow-colour) var(--box-shadow-position);
+}
+.cmpl-cta-style-20:hover {
+  box-shadow: calc(var(--box-shadow-hover-offset-x) / var(--desktop-design-reference) * var(--screen-width-static)) calc(var(--box-shadow-hover-offset-y) / var(--desktop-design-reference) * var(--screen-width-static)) calc(var(--box-shadow-hover-blur) / var(--desktop-design-reference) * var(--screen-width-static)) calc(var(--box-shadow-hover-spread) / var(--desktop-design-reference) * var(--screen-width-static)) var(--box-shadow-hover-colour) var(--box-shadow-hover-position);
+}
+@media screen and (min-width: 768px) {
+  .cmpl-cta-style-20 {
+    font-size: clamp(10px, var(--cta-style-20-font-size-portrait) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+    font-size: clamp(var(--cta-style-font-size-min-mobile, 10px), var(--cta-style-20-font-size-portrait) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--cta-style-font-size-max-mobile, 180px));
+    min-width: var(--cta-style-20-min-width-portrait);
+    padding: calc(var(--cta-style-20-padding-block-portrait) / var(--design-reference) * var(--screen-width)) calc(var(--cta-style-20-padding-inline-portrait) / var(--design-reference) * var(--screen-width));
+    background-color: var(--cta-style-20-background-colour);
+    border: var(--cta-style-20-border-width) solid var(--cta-style-20-border-colour);
+    color: var(--cta-style-20-colour);
+  }
+  .cmpl-cta-style-20 svg * {
+    fill: currentColor;
+    stroke: currentColor;
+  }
+}
+@media screen and (min-width: 1024px) {
+  .cmpl-cta-style-20 {
+    font-size: clamp(10px, var(--cta-style-20-font-size-landscape) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+    font-size: clamp(var(--cta-style-font-size-min-desktop, 10px), var(--cta-style-20-font-size-landscape) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--cta-style-font-size-max-desktop, 180px));
+    min-width: var(--cta-style-20-min-width-landscape);
+    padding: calc(var(--cta-style-20-padding-block-landscape) / var(--design-reference) * var(--screen-width)) calc(var(--cta-style-20-padding-inline-landscape) / var(--design-reference) * var(--screen-width));
+  }
+}
+@media screen and (min-width: 1440px) {
+  .cmpl-cta-style-20 {
+    font-size: clamp(10px, var(--cta-style-20-font-size-desktop) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), 180px);
+    font-size: clamp(var(--cta-style-font-size-min-desktop, 10px), var(--cta-style-20-font-size-desktop) / var(--design-reference) * var(--font-reference) * var(--font-size-multiplier), var(--cta-style-font-size-max-desktop, 180px));
+    min-width: var(--cta-style-20-min-width-desktop);
+    padding: calc(var(--cta-style-20-padding-block-desktop) / var(--design-reference) * var(--screen-width)) calc(var(--cta-style-20-padding-inline-desktop) / var(--design-reference) * var(--screen-width));
+  }
+}
+@media (hover: hover) {
+  .cmpl-cta-style-20:hover {
+    -webkit-text-decoration: var(--cta-style-20-decoration-style-hover);
+    text-decoration: var(--cta-style-20-decoration-style-hover);
+    text-decoration-color: var(--cta-style-20-decoration-colour-hover);
+    border: var(--cta-style-20-border-width) solid var(--cta-style-20-mobile-hover-border-colour);
+    background-color: var(--cta-style-20-mobile-hover-background-colour);
+    color: var(--cta-style-20-mobile-hover-colour);
+  }
+  .cmpl-cta-style-20:hover svg * {
+    fill: currentColor;
+    stroke: currentColor;
+  }
+}
+@media (hover: hover) and (hover: none) {
+  .cmpl-cta-style-20:hover {
+    background-color: var(--cta-style-20-mobile-background-colour);
+  }
+}
+@media screen and (hover: hover) and (min-width: 768px) {
+  .cmpl-cta-style-20:hover {
+    background-color: var(--cta-style-20-hover-background-colour);
+    border: var(--cta-style-20-border-width) solid var(--cta-style-20-hover-border-colour);
+    color: var(--cta-style-20-hover-colour);
+  }
+  .cmpl-cta-style-20:hover svg * {
+    fill: currentColor;
+    stroke: currentColor;
+  }
+}
+.cmpl-cta-style-20:active {
+  color: var(--cta-style-20-active-colour);
+  background-color: var(--cta-style-20-active-background-colour);
+  border: var(--cta-style-20-border-width) solid var(--cta-style-20-active-border-colour);
+}
+.cmpl-cta-style-20--inactive,
+.cmpl-cta-style-20.cta-style-inactive,
+.cmpl-cta-style-20[disabled] {
+  color: var(--cta-style-20-inactive-colour);
+  background-color: var(--cta-style-20-inactive-background-colour);
+  border: var(--cta-style-20-border-width) solid var(--cta-style-20-inactive-border-colour);
+}
+.cmpl-cta-style-20--selected,
+.cmpl-cta-style-20.cta-style-selected {
+  color: var(--cta-style-20-selected-colour);
+  background-color: var(--cta-style-20-selected-background-colour);
+  border: var(--cta-style-20-border-width) solid var(--cta-style-20-selected-border-colour);
+}
+@layer base-styles {
+  .cmpl-core-group-container-styles {
+    display: grid;
+    grid-template: "main"/1fr;
+    place-items: center;
+  }
+  .cmpl-core-group-container-styles__grid-container {
+    grid-area: main;
+    place-self: stretch;
+  }
+  .cmpl-core-group-container-styles__grid-container.flex-layout-container {
+    display: flex;
+    display: var(--display-type, flex);
+    justify-content: flex-start;
+    justify-content: var(--justify-content-mobile, flex-start);
+    flex-direction: row;
+    flex-direction: var(--flex-direction-mobile, row);
+    align-items: center;
+    align-items: var(--align-items-mobile, center);
+    gap: calc(var(--global-inline-spacing) * 0) calc(var(--global-inline-spacing) * 0);
+    gap: calc(var(--global-inline-spacing) * var(--row-gap-mult-mobile, 0)) calc(var(--global-inline-spacing) * var(--column-gap-mult-mobile, 0));
+    flex-wrap: nowrap;
+    flex-wrap: var(--flex-wrap-mobile, nowrap);
+  }
+  @media screen and (min-width: 768px) {
+    .cmpl-core-group-container-styles__grid-container.flex-layout-container {
+      justify-content: flex-start;
+      justify-content: var(--justify-content-portrait, flex-start);
+      flex-direction: row;
+      flex-direction: var(--flex-direction-portrait, row);
+      align-items: center;
+      align-items: var(--align-items-portrait, center);
+      gap: calc(var(--global-inline-spacing) * 0) calc(var(--global-inline-spacing) * 0);
+      gap: calc(var(--global-inline-spacing) * var(--row-gap-mult-portrait, 0)) calc(var(--global-inline-spacing) * var(--column-gap-mult-portrait, 0));
+      flex-wrap: nowrap;
+      flex-wrap: var(--flex-wrap-portrait, nowrap);
+    }
+  }
+  @media screen and (min-width: 1024px) {
+    .cmpl-core-group-container-styles__grid-container.flex-layout-container {
+      justify-content: flex-start;
+      justify-content: var(--justify-content-desktop, flex-start);
+      flex-direction: row;
+      flex-direction: var(--flex-direction-desktop, row);
+      align-items: center;
+      align-items: var(--align-items-desktop, center);
+      gap: calc(var(--global-inline-spacing) * 0) calc(var(--global-inline-spacing) * 0);
+      gap: calc(var(--global-inline-spacing) * var(--row-gap-mult-desktop, 0)) calc(var(--global-inline-spacing) * var(--column-gap-mult-desktop, 0));
+      flex-wrap: nowrap;
+      flex-wrap: var(--flex-wrap-desktop, nowrap);
+    }
+  }
+  .cmpl-core-group-container-styles__grid-container.grid-layout-container {
+    display: "grid";
+    display: var(--display-type, "grid");
+    position: relative;
+    scroll-behavior: smooth;
+    overscroll-behavior-x: contain;
+    scroll-snap-type: none;
+    scroll-snap-type: var(--scroll-snap-type-mobile, none);
+  }
+  .cmpl-core-group-container-styles__grid-container.grid-layout-container > div {
+    scroll-snap-align: start;
+    scroll-snap-align: var(--scroll-snap-align-mobile, start);
+  }
+  .cmpl-core-group-container-styles__grid-container.grid-layout-container {
+    overflow: hidden;
+    overflow: var(--container-overflow-type-mobile, hidden);
+    grid-gap: calc(var(--global-inline-spacing) * 0) calc(var(--global-inline-spacing) * 0);
+    grid-gap: calc(var(--global-inline-spacing) * var(--row-gap-mult-mobile, 0)) calc(var(--global-inline-spacing) * var(--column-gap-mult-mobile, 0));
+    grid-auto-flow: row;
+    grid-auto-flow: var(--grid-auto-flow-mobile, row);
+    grid-auto-columns: 1fr;
+    grid-auto-columns: var(--grid-auto-columns-mobile, 1fr);
+    grid-auto-rows: auto;
+    grid-auto-rows: var(--grid-auto-rows-mobile, auto);
+    grid-template-columns: var(--grid-template-columns-custom-mobile, repeat(var(--grid-template-columns-mobile), 1fr));
+    grid-template-columns: var(--grid-template-columns-custom-mobile, repeat(var(--grid-template-columns-mobile), var(--grid-auto-columns-mobile, 1fr)));
+    grid-template-rows: var(--grid-template-rows-custom-mobile, repeat(var(--grid-template-rows-mobile), 1fr));
+    grid-template-rows: var(--grid-template-rows-custom-mobile, repeat(var(--grid-template-rows-mobile), var(--grid-auto-rows-mobile, 1fr)));
+  }
+  @media screen and (min-width: 1024px) {
+    .cmpl-core-group-container-styles__grid-container.grid-layout-container.scroll-btns-desktop::scroll-button(left) {
+      content: "\25c4";
+      position: absolute;
+      place-self: center flex-start;
+      z-index: 50;
+    }
+    .cmpl-core-group-container-styles__grid-container.grid-layout-container.scroll-btns-desktop::scroll-button(right) {
+      content: "\25ba";
+      position: absolute;
+      place-self: center flex-end;
+      z-index: 50;
+    }
+    .cmpl-core-group-container-styles__grid-container.grid-layout-container.scroll-btns-desktop::scroll-button(*) {
+      border: 1px solid black;
+      border-radius: 10px;
+      font-size: var(--scroll-button-font-size, calc(30 / var(--design-reference) * var(--screen-width)));
+      background: rgba(0, 0, 0, 0.163);
+      color: white;
+      opacity: 0.7;
+      cursor: pointer;
+      transition: scale 0.3s ease-in-out;
+    }
+    .cmpl-core-group-container-styles__grid-container.grid-layout-container.scroll-btns-desktop::scroll-button(*):hover,
+    .cmpl-core-group-container-styles__grid-container.grid-layout-container.scroll-btns-desktop::scroll-button(*):focus {
+      opacity: 1;
+      scale: 1.2;
+    }
+    .cmpl-core-group-container-styles__grid-container.grid-layout-container.scroll-btns-desktop::scroll-button(*):active {
+      translate: 1px 1px;
+    }
+    .cmpl-core-group-container-styles__grid-container.grid-layout-container.scroll-btns-desktop::scroll-button(*):disabled {
+      opacity: 0.2;
+      cursor: inherit;
+    }
+  }
+  @media screen and (min-width: 768px) and (max-width: 1023px) {
+    .cmpl-core-group-container-styles__grid-container.grid-layout-container.scroll-btns-portrait::scroll-button(left) {
+      content: "\25c4";
+      position: absolute;
+      place-self: center flex-start;
+      z-index: 50;
+    }
+    .cmpl-core-group-container-styles__grid-container.grid-layout-container.scroll-btns-portrait::scroll-button(right) {
+      content: "\25ba";
+      position: absolute;
+      place-self: center flex-end;
+      z-index: 50;
+    }
+    .cmpl-core-group-container-styles__grid-container.grid-layout-container.scroll-btns-portrait::scroll-button(*) {
+      border: 1px solid black;
+      border-radius: 10px;
+      font-size: var(--scroll-button-font-size, calc(30 / var(--design-reference) * var(--screen-width)));
+      background: rgba(0, 0, 0, 0.163);
+      color: white;
+      opacity: 0.7;
+      cursor: pointer;
+      transition: scale 0.3s ease-in-out;
+    }
+    .cmpl-core-group-container-styles__grid-container.grid-layout-container.scroll-btns-portrait::scroll-button(*):hover,
+    .cmpl-core-group-container-styles__grid-container.grid-layout-container.scroll-btns-portrait::scroll-button(*):focus {
+      opacity: 1;
+      scale: 1.2;
+    }
+    .cmpl-core-group-container-styles__grid-container.grid-layout-container.scroll-btns-portrait::scroll-button(*):active {
+      translate: 1px 1px;
+    }
+    .cmpl-core-group-container-styles__grid-container.grid-layout-container.scroll-btns-portrait::scroll-button(*):disabled {
+      opacity: 0.2;
+      cursor: inherit;
+    }
+  }
+  @media screen and (max-width: 767px) {
+    .cmpl-core-group-container-styles__grid-container.grid-layout-container.scroll-btns-mobile::scroll-button(left) {
+      content: "\25c4";
+      position: absolute;
+      place-self: center flex-start;
+      z-index: 50;
+    }
+    .cmpl-core-group-container-styles__grid-container.grid-layout-container.scroll-btns-mobile::scroll-button(right) {
+      content: "\25ba";
+      position: absolute;
+      place-self: center flex-end;
+      z-index: 50;
+    }
+    .cmpl-core-group-container-styles__grid-container.grid-layout-container.scroll-btns-mobile::scroll-button(*) {
+      border: 1px solid black;
+      border-radius: 10px;
+      font-size: var(--scroll-button-font-size, calc(30 / var(--design-reference) * var(--screen-width)));
+      background: rgba(0, 0, 0, 0.163);
+      color: white;
+      opacity: 0.7;
+      cursor: pointer;
+      transition: scale 0.3s ease-in-out;
+    }
+    .cmpl-core-group-container-styles__grid-container.grid-layout-container.scroll-btns-mobile::scroll-button(*):hover,
+    .cmpl-core-group-container-styles__grid-container.grid-layout-container.scroll-btns-mobile::scroll-button(*):focus {
+      opacity: 1;
+      scale: 1.2;
+    }
+    .cmpl-core-group-container-styles__grid-container.grid-layout-container.scroll-btns-mobile::scroll-button(*):active {
+      translate: 1px 1px;
+    }
+    .cmpl-core-group-container-styles__grid-container.grid-layout-container.scroll-btns-mobile::scroll-button(*):disabled {
+      opacity: 0.2;
+      cursor: inherit;
+    }
+  }
+  @media screen and (min-width: 768px) {
+    .cmpl-core-group-container-styles__grid-container.grid-layout-container {
+      scroll-snap-type: none;
+      scroll-snap-type: var(--scroll-snap-type-portrait, none);
+    }
+    .cmpl-core-group-container-styles__grid-container.grid-layout-container > div {
+      scroll-snap-align: start;
+      scroll-snap-align: var(--scroll-snap-align-portrait, start);
+    }
+    .cmpl-core-group-container-styles__grid-container.grid-layout-container {
+      overflow: hidden;
+      overflow: var(--container-overflow-type-portrait, hidden);
+      grid-auto-flow: row;
+      grid-auto-flow: var(--grid-auto-flow-portrait, row);
+      grid-auto-columns: 1fr;
+      grid-auto-columns: var(--grid-auto-columns-portrait, 1fr);
+      grid-auto-rows: auto;
+      grid-auto-rows: var(--grid-auto-rows-portrait, auto);
+      grid-gap: calc(var(--global-inline-spacing) * 0) calc(var(--global-inline-spacing) * 0);
+      grid-gap: calc(var(--global-inline-spacing) * var(--row-gap-mult-portrait, 0)) calc(var(--global-inline-spacing) * var(--column-gap-mult-portrait, 0));
+      grid-template-columns: var(--grid-template-columns-custom-portrait, repeat(var(--grid-template-columns-portrait), 1fr));
+      grid-template-columns: var(--grid-template-columns-custom-portrait, repeat(var(--grid-template-columns-portrait), var(--grid-auto-columns-portrait, 1fr)));
+      grid-template-rows: var(--grid-template-rows-custom-portrait, repeat(var(--grid-template-rows-portrait), 1fr));
+      grid-template-rows: var(--grid-template-rows-custom-portrait, repeat(var(--grid-template-rows-portrait), var(--grid-auto-rows-portrait, 1fr)));
+    }
+  }
+  @media screen and (min-width: 1024px) {
+    .cmpl-core-group-container-styles__grid-container.grid-layout-container {
+      scroll-snap-type: none;
+      scroll-snap-type: var(--scroll-snap-type-desktop, none);
+    }
+    .cmpl-core-group-container-styles__grid-container.grid-layout-container > div {
+      scroll-snap-align: start;
+      scroll-snap-align: var(--scroll-snap-align-desktop, start);
+    }
+    .cmpl-core-group-container-styles__grid-container.grid-layout-container {
+      overflow: hidden;
+      overflow: var(--container-overflow-type-desktop, hidden);
+      grid-gap: calc(var(--global-inline-spacing) * 0) calc(var(--global-inline-spacing) * 0);
+      grid-gap: calc(var(--global-inline-spacing) * var(--row-gap-mult-desktop, 0)) calc(var(--global-inline-spacing) * var(--column-gap-mult-desktop, 0));
+      grid-auto-flow: row;
+      grid-auto-flow: var(--grid-auto-flow-desktop, row);
+      grid-auto-columns: 1fr;
+      grid-auto-columns: var(--grid-auto-columns-desktop, 1fr);
+      grid-auto-rows: auto;
+      grid-auto-rows: var(--grid-auto-rows-desktop, auto);
+      grid-template-columns: repeat(1, 1fr);
+      grid-template-columns: var(--grid-template-columns-custom-desktop, repeat(var(--grid-template-columns-desktop, 1), var(--grid-auto-columns-desktop, 1fr)));
+      grid-template-rows: var(--grid-template-rows-custom-desktop, repeat(var(--grid-template-rows-desktop), 1fr));
+      grid-template-rows: var(--grid-template-rows-custom-desktop, repeat(var(--grid-template-rows-desktop), var(--grid-auto-rows-desktop, 1fr)));
+    }
+  }
+  .cmpl-core-group-container-styles__block-container {
+    pointer-events: none;
+    position: relative;
+  }
+  .cmpl-core-group-container-styles__block-container.grid-layout-container {
+    display: grid;
+    z-index: 5;
+    z-index: var(--element-z-index, 5);
+    grid-row: var(--grid-row-start-mobile)/span var(--grid-row-span-mobile);
+    grid-column: var(--grid-column-start-mobile)/span var(--grid-column-span-mobile);
+    place-self: var(--grid-vertical-placement-mobile) var(--grid-horizontal-placement-mobile);
+  }
+  .cmpl-core-group-container-styles__block-container.grid-layout-container:has(> .subgrid-layout-mobile) {
+    grid-template-rows: subgrid;
+  }
+  .cmpl-core-group-container-styles__block-container.grid-layout-container:has(> .subgrid-layout-mobile) > section {
+    grid-row: 1/-1;
+    grid-column: 1/-1;
+  }
+  @media screen and (min-width: 768px) {
+    .cmpl-core-group-container-styles__block-container.grid-layout-container {
+      grid-row: var(--grid-row-start-portrait)/span var(--grid-row-span-portrait);
+      grid-column: var(--grid-column-start-portrait)/span var(--grid-column-span-portrait);
+      place-self: var(--grid-vertical-placement-portrait) var(--grid-horizontal-placement-portrait);
+    }
+    .cmpl-core-group-container-styles__block-container.grid-layout-container:has(> .subgrid-layout-portrait) {
+      grid-template-rows: subgrid;
+    }
+    .cmpl-core-group-container-styles__block-container.grid-layout-container:has(> .subgrid-layout-portrait) > section {
+      grid-row: 1/-1;
+      grid-column: 1/-1;
+    }
+  }
+  @media screen and (min-width: 1024px) {
+    .cmpl-core-group-container-styles__block-container.grid-layout-container {
+      grid-row: var(--grid-row-start)/span var(--grid-row-span);
+      grid-column: var(--grid-column-start)/span var(--grid-column-span);
+      place-self: var(--grid-vertical-placement-desktop) var(--grid-horizontal-placement-desktop);
+    }
+    .cmpl-core-group-container-styles__block-container.grid-layout-container:has(> .subgrid-layout-desktop) {
+      grid-template-rows: subgrid;
+    }
+    .cmpl-core-group-container-styles__block-container.grid-layout-container:has(> .subgrid-layout-desktop) > section {
+      grid-row: 1/-1;
+      grid-column: 1/-1;
+    }
+  }
+  .cmpl-core-group-container-styles__block-container:has(.video-content-v3__video-container.video-playing.video-playing--high-z-index) {
+    z-index: 50;
+  }
+  .cmpl-core-group-container-styles__block-number {
+    z-index: 99;
+    position: absolute;
+    font-size: 40px;
+    left: 50%;
+    top: 50%;
+    transform: translate(-50%, -50%);
+    color: white;
+    text-shadow: 1px 1px 1px blue;
+  }
+}