/*
Theme Import & Include
-----------------------
Assigned to it's own :root element to avoid sass nesting issues
*/
@font-face {
  font-family: LabGrotesqueO-Bold;
  font-style: normal;
  font-weight: 600 700;
  src: url("https://img.cdndtl.co.uk/sites/fonts/snoop/labgrotesque/LabGrotesqueO-Bold.woff2") format("woff2");
}
@font-face {
  font-family: LabGrotesqueO-Regular;
  font-style: normal;
  font-weight: 400;
  src: url("https://img.cdndtl.co.uk/sites/fonts/snoop/labgrotesque/LabGrotesqueO-Regular.woff2") format("woff2");
}
:root {
  --theme-variant: dark;
  /* Common base colours to only be used in this file */
  --base-primary: #231a4f;
  --base-secondary: #644cff;
  --base-color-white: #fff;
  --base-color-black: #000;
  --base-color-red: #fe0039;
  --base-color-green: #1c7c54;
  --base-color-blue: #1b1db7;
  --base-color-grey-1: #4a4a4a;
  --base-primary-alpha-100: #231a4f;
  --base-primary-alpha-92: #231a4feb;
  --site-color-primary: var(--base-primary);
  --site-color-primary-highlight: var(--base-primary);
  --site-color-primary-contrast: var(--base-color-white);
  --site-color-secondary: var(--site-color-primary);
  --site-color-secondary-contrast: var(--base-color-white);
  --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(--site-color-primary);
  --site-color-text-link: var(--base-secondary);
  --site-color-text-link-hover: var(--site-color-primary-highlight);
  --site-color-text-link-focus: var(--site-color-primary-highlight);
  --site-color-text-dark-bg: var(--base-color-white);
  --site-color-placeholder-text: #4a4a4a60;
  --site-color-page-header: var(--base-color-white);
  --site-color-footer: var(--site-color-primary);
  --site-color-email-header: #00dbeb;
  --mint-header-text-color: var(--base-color-black);
  --site-color-background-fill: #fff;
  --site-color-enquiry-background-fill: #fff;
  --site-color-results-background-fill: #e4f1f5;
  --site-color-cell-background: #ececec;
  --site-color-card-background: var(--base-color-white);
  --site-color-overlay-background: var(--base-primary-alpha-100);
  --site-color-overlay-background-92: var(--base-primary-alpha-92);
  --site-color-cta: #ff4f00;
  --site-color-cta-focus: #e54600;
  --site-color-cta-hover: #e54600;
  --site-color-cta-dark-bg: var(--base-color-white);
  --site-color-secondary-cta-border: #ff4f00;
  --site-color-secondary-cta-link: #ff4f00;
  --site-color-secondary-cta-icon: #ff4f00;
  --site-color-secondary-cta-focus: #e54600;
  --site-color-secondary-cta-hover: #e54600;
  --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(--site-color-primary);
  --site-color-input-hover: var(--site-color-primary);
  --site-color-input-selected: var(--site-color-primary);
  --site-color-input-icon: var(--base-secondary);
  --site-color-input-icon-bg: #e4f1f5;
  --site-color-selected-background: #e5e3ef;
  --site-color-selected-border: var(--site-color-primary);
  --site-color-unselected-border: #bebad4;
  --site-color-cashback: var(--base-secondary);
  --site-color-primary-decal: #00dbeb;
  --site-color-secondary-decal: var(--site-color-primary);
  --site-color-scroll-bar: var(--site-color-primary);
  --site-color-keyline: #cedae4;
  --site-color-keyline-dark-bg: var(--base-color-white);
  /* -----------------------
  /* Site component specific colour/style variables
  /* ----------------------- */
  --site-filters-title-color: var(--site-color-title);
  --site-filters-background-color: var(--base-color-white);
  --site-filters-prompt-text-colour: var(--base-color-grey-1);
  --site-filters-btn-icon-color: var(--site-color-primary);
  --site-filters-btn-border-color: var(--site-color-primary);
  --site-filters-btn-border-color-hover: var(--site-color-primary);
  --site-filters-btn-border-color-focus: var(--site-color-primary);
  --site-filters-btn-outline-color: var(--site-color-primary);
  --site-filters-btn-outline-color-hover: var(--site-color-primary);
  --site-result-card-border-radius: 16px;
  --site-font-family: "LabGrotesqueO-Regular", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, helvetica, arial,
    sans-serif;
  --site-font-family-heading: "LabGrotesqueO-Bold", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, helvetica,
    arial, sans-serif;
  /* -----------------------
  /* Mint Component Styling Variables
  /* ----------------------- */
  --mint-header-partnered-logo-height: 40px;
  --mint-header-logo-height: 40px;
  --mint-footer-logo-height: 30px;
  --mint-header-border-color: var(--site-color-keyline);
  --mint-footer-text-hover-color: var(--base-color-white);
  --mint-btn-border-radius: 24px;
  --mint-btn-text-contrast: var(--base-secondary);
  --mint-btn-text-contrast-highlight: var(--base-secondary);
  --mint-tooltip-color-background: var(--base-color-white);
  --mint-tooltip-color-hover: var(--site-color-input-icon);
  --mint-icon-color-border: var(--site-color-input-icon-bg);
  --mint-icon-color-hover: var(--site-color-input-icon);
  --mint-icon-color-background-hover: var(--site-color-input-icon-bg);
  --mint-icon-btn-color-hover: var(--site-color-primary);
  --mint-icon-btn-color-background-hover: var(--site-color-input-icon-bg);
  --mint-notice-border-radius: 10px;
  --mint-notice-color-primary-title: var(--site-color-title);
  --mint-transition-progress-color: var(--base-secondary);
  --mint-transition-progress-text-color: var(--base-secondary);
  --mint-checkbox-background-focus: var(--base-color-white);
  --mint-checkbox-background-active: var(--base-color-white);
  --mint-checkbox-border-radius: 24px;
  --mint-checkbox-border-width: 2px;
  --mint-checkbox-border: #e4f1f5;
  --mint-checkbox-border-active: #e4f1f5;
  --mint-checkbox-text-color-hover: var(--site-color-primary);
  --mint-checkbox-tick-box-background-color: var(--base-color-white);
  --mint-checkbox-tick-box-background-color-active: var(--base-secondary);
  --mint-checkbox-tick-box-border-active: #e4f1f5;
  --mint-checkbox-tick-box-border-radius: 50%;
  --mint-checkbox-tick-color: var(--base-color-white);
  --mint-checkbox-tick-color-active: var(--base-secondary);
  --mint-radio-btn-background-active: var(--base-secondary);
  --mint-radio-btn-border-radius: 24px;
  --mint-radio-btn-border-width: 2px;
  --mint-radio-btn-border: #e4f1f5;
  --mint-radio-btn-border-focus: var(--base-secondary);
  --mint-radio-btn-border-active: var(--base-secondary);
  --mint-radio-btn-text-color: var(--site-color-primary);
  --mint-radio-btn-text-color-hover: var(--site-color-primary);
  --mint-radio-btn-text-color-active: var(--site-color-secondary-contrast);
  --mint-cashback-title-font-weight: bold;
  --mint-cashback-color-title: #000;
  --mint-cashback-title-background-color: var(--site-color-results-background-fill);
  --mint-cashback-body-background-color: var(--base-secondary);
  --mint-cashback-body-color: var(--base-color-white);
  --mint-cashback-body-hover-color: var(--base-color-white);
  --mint-quote-expiry-green: var(--base-color-green);
  --mint-quote-expiry-amber: #f7aa00;
  --mint-quote-expiry-red: var(--base-color-red);
}

:root {
  --theme-variant: dark;
  --color-primary: #644cff !important;
  --site-color-primary-contrast: #fff;
  --color-primary-background: #e4f1f5 !important;
  --site-color-background-fill: #e4f1f5 !important;
  --site-color-enquiry-background-fill: #e4f1f5 !important;
  --mint-offcanvas-bg-color-opaque: var(--color-primary);
  --mint-offcanvas-bg-color: var(--color-primary);
  --mint-ssp-layout-background-right: #fff;
  --dialogue-b2b-color-link: var(--base-secondary);
  --dialogue-b2b-color-cta: #ff4f00;
  --dialogue-b2b-color-border: #cedae4;
  --dialogue-b2b-color-border-light: #cedae4;
  --dialogue-b2b-color-border-help: var(--base-secondary);
  --dialogue-b2b-color-focus: var(--color-primary);
  --dialogue-b2b-color-controls: #736d8d;
  --dialogue-b2b-color-notification: #011054;
  --dialogue-b2b-color-notification-light: #e9f5fe;
  --dialogue-b2b-color-notification-success: #1a8410;
  --dialogue-b2b-color-notification-success-light: #1a8410;
  --dialogue-b2b-color-notification-error: var(--base-color-red);
  --dialogue-b2b-color-notification-error-light: #f9eff2;
  --dialogue-b2b-color-notification-warning: #f76900;
  --dialogue-b2b-color-notification-warning-light: #fffaf7;
  --dialogue-b2b-color-text-page-heading: var(--base-secondary) !important;
  --dialogue-b2b-color-text-link: var(--base-secondary) !important;
  --dialogue-b2b-color-text-body: #736d8d !important;
  --dialogue-b2b-color-text-body-dark: var(--color-primary) !important;
  --color-field-state-base-border: var(--color-primary);
  --color-field-state-hover-bg: var(--base-color-white) !important;
  --color-field-state-hover-border: var(--color-primary) !important;
  --color-field-state-selected-bg: var(--base-secondary) !important;
  --color-field-state-selected-border: var(--color-primary) !important;
  --dialogue-b2b-color-progress-indicator: var(--color-primary);
  --dialogue-b2b-color-progress-background: linear-gradient(var(--base-color-white), var(--base-color-white));
}

.enquiry-view__nqa .question-header {
  color: var(--site-color-primary);
}
.enquiry-view__nqa .question-progress {
  border-bottom: solid 1px var(--site-color-keyline);
}
.enquiry-view__nqa .question-header__subtitle {
  font-family: var(--site-font-family-heading);
  font-size: 1.25rem;
  color: #736d8d;
}
.enquiry-view__nqa .question-header__subtitle strong {
  color: var(--site-color-primary);
}
.enquiry-view__nqa legend {
  font-size: 1.75rem;
  color: var(--site-color-primary);
}
.enquiry-view__nqa .mint-button[type=submit],
.enquiry-view__nqa .mint-button[data-qa-previous-page-button],
.enquiry-view__nqa .mint-button.collection__add {
  --focus-ring-border-radius: 50px !important;
  --color-focus: var(--site-color-cta);
  border-radius: 50px;
}
.enquiry-view__nqa .mint-select__control {
  background-color: var(--site-color-primary-contrast) !important;
  border-radius: 2rem !important;
}
.enquiry-view__nqa .mint-input,
.enquiry-view__nqa .mint-radio,
.enquiry-view__nqa .mint-date-input,
.enquiry-view__nqa .mint-select {
  border-radius: 2rem !important;
}
.enquiry-view__nqa .mint-input:hover,
.enquiry-view__nqa .mint-alert {
  background-color: var(--color-white) !important;
  --color-field-state-base-text: var(--color-primary) !important;
}
.enquiry-view__nqa .mint-radio .mint-radio__indicator:after {
  background-color: var(--color-primary) !important;
}
.enquiry-view__nqa .mint-radio--is-selected,
.enquiry-view__nqa .mint-radio:hover {
  background-color: rgba(100, 76, 255, 0.1607843137) !important;
}
.enquiry-view__nqa .enquiry-view__nqa,
.enquiry-view__nqa .dialogue-container {
  background-color: #e4f1f5;
}

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