/*
Theme Import & Include
-----------------------
Assigned to it's own :root element to avoid sass nesting issues
*/
@import 'https://fonts.googleapis.com/css2?family=Inter:wght@300;400;700&family=Lato:wght@400;700&display=swap';
:root {
  --theme-variant: dark;
  --base-primary: #1c7c54;
  --base-secondary: #1b1db7;
  --base-color-white: #fff;
  --base-color-white-1: #f6f9f8;
  --base-color-white-2: #e9e9fc;
  --base-color-white-3: #e9e9fc;
  --base-color-black: #000;
  --base-color-red: #fe0039;
  --base-color-green: #1c7c54;
  --base-color-blue: #1b1db7;
  --base-color-grey-1: #202a25;
  --base-color-grey-alpha-60: rgba(33 33 33 / 60%);
  --base-primary-alpha-100: rgba(28 124 84 / 100%);
  --base-primary-alpha-92: rgba(28 124 84 / 92%);
  --base-selected-background: #d3d3f8;
  --base-unselected-border: #9091ef;
  --base-primary-decal: #15686a;
  --site-color-primary: var(--base-primary);
  --site-color-primary-highlight: #196d4a;
  --site-color-primary-contrast: var(--base-color-white);
  --site-color-secondary: var(--base-secondary);
  --site-color-secondary-contrast: var(--base-color-white);
  --site-color-secondary-highlight: #131480;
  --site-color-error-color: var(--base-color-red);
  --site-color-error-color-light: #fce8e8;
  --site-color-overlay: var(--base-primary-alpha-100);
  --site-color-overlay-transparent: var(--base-primary-alpha-92);
  --site-color-body-copy: var(--base-color-grey-1);
  --site-color-title: var(--base-color-grey-1);
  --site-color-text-link: var(--base-primary);
  --site-color-text-link-hover: var(--base-secondary);
  --site-color-text-link-focus: var(--base-secondary);
  --site-color-text-dark-bg: var(--base-color-white);
  --site-color-placeholder-text: var(--base-color-grey-alpha-60);
  --site-color-page-header: var(--site-color-primary);
  --site-color-footer: var(--site-color-primary);
  --site-color-email-header: var(--base-primary);
  --site-color-background-fill: var(--base-color-white-1);
  --site-color-enquiry-background-fill: var(--base-color-white-1);
  --site-color-results-background-fill: var(--base-color-white-1);
  --site-color-cell-background: var(--base-color-white-2);
  --site-color-card-background: var(--base-color-white);
  --site-color-overlay-background: var(--base-primary);
  --site-color-overlay-background-92: var(--base-primary-alpha-92);
  --site-color-cta: var(--site-color-primary);
  --site-color-cta-focus: var(--site-color-primary-highlight);
  --site-color-cta-hover: var(--site-color-primary-highlight);
  --site-color-cta-dark-bg: var(--site-color-primary-contrast);
  --site-color-secondary-cta-border: var(--site-color-primary);
  --site-color-secondary-cta-link: var(--site-color-primary);
  --site-color-secondary-cta-icon: var(--site-color-primary);
  --site-color-secondary-cta-focus: var(--site-color-primary-highlight);
  --site-color-secondary-cta-hover: var(--site-color-primary-highlight);
  --site-color-extras-added: var(--base-color-green);
  --site-color-extras-included: var(--base-color-blue);
  --site-color-extras-unavailable: var(--base-color-red);
  --site-color-input-background: var(--base-color-white);
  --site-color-input-focus: var(--base-secondary);
  --site-color-input-hover: var(--base-secondary);
  --site-color-input-selected: var(--base-selected-background);
  --site-color-input-icon: var(--base-primary);
  --site-color-input-icon-bg: var(--base-color-white);
  --site-color-selected-background: var(--base-selected-background);
  --site-color-selected-border: var(--base-secondary);
  --site-color-unselected-border: var(--base-unselected-border);
  --site-color-cashback: var(--base-color-blue);
  --site-color-primary-decal: var(--base-primary-decal);
  --site-color-secondary-decal: var(--base-color-grey-1);
  --site-color-scroll-bar: var(--base-primary);
  --site-color-keyline: var(--base-color-white-3);
  --site-color-keyline-dark-bg: var(--base-color-white);
  --mint-transition-title-color: var(--site-color-secondary);
  --mint-transition-progress-color: var(--site-color-secondary);
  --mint-transition-progress-text-color: var(--site-color-secondary);
  --mint-quote-expiry-green: var(--base-color-green);
  --mint-quote-expiry-amber: #f7aa00;
  --mint-quote-expiry-red: var(--base-color-red);
}

/*# sourceMappingURL=homecompare.css.map */