/* Certainty tokens sourced from @guaranteed-rate/ui-tokens */
@import url("https://fonts.googleapis.com/css2?family=Lato:wght@400;700;900&family=Montserrat:wght@400;600;700;900&display=swap");

:root {
  --border-radius-circle: 9999px;
  --border-radius-heavy: 9999px;
  --border-radius-light: 4px;
  --border-radius-medium: 8px;
  --border-radius-square: 0;
  --border-radius-button: 9999px;
  --border-radius-strong: 24px;
  --border-radius-stronger: 40px;
  --border-width-large: 4px;
  --border-width-medium: 3px;
  --border-width-small: 2px;
  --border-width-xLarge: 5px;
  --border-width-xSmall: 1px;
  --color-credit-excellent: #53a8a0;
  --color-credit-fair: #ffaa2b;
  --color-credit-good: #1780a3;
  --color-credit-poor: #c12950;
  --color-data-1: #1780a3;
  --color-data-2: #53a8a0;
  --color-data-3: #de5a3e;
  --color-data-4: #ffaa2b;
  --color-data-5: #d5c5a8;
  --color-marketing-1-base: #ba9d69;
  --color-marketing-1-dark: #856a3e;
  --color-marketing-1-light: #eee6d9;
  --color-marketing-1-lighter: #f5f1e9;
  --color-marketing-2-base: #f1694c;
  --color-marketing-2-dark: #be3d26;
  --color-marketing-2-light: #f8b4a5;
  --color-marketing-2-lighter: #fde9e4;
  --color-marketing-3-base: #54ba83;
  --color-marketing-3-dark: #327c53;
  --color-marketing-3-light: #d4eee0;
  --color-marketing-3-lighter: #e6f5ed;
  --color-marketing-4-base: #c12950;
  --color-marketing-4-dark: #b42042;
  --color-marketing-4-light: #e094a7;
  --color-marketing-4-lighter: #f6dfe5;
  --color-marketing-5-base: #ffbe16;
  --color-marketing-5-dark: #9f6400;
  --color-marketing-5-light: #ffebb9;
  --color-marketing-5-lighter: #fff5dc;
  --color-marketing-6-base: #a3b9c4;
  --color-marketing-6-dark: #567587;
  --color-marketing-6-light: #d5e0e6;
  --color-marketing-6-lighter: #f5f8fa;
  --color-marketing-7-base: #2f7559;
  --color-marketing-7-dark: #25654a;
  --color-marketing-7-light: #cbdcd5;
  --color-marketing-7-lighter: #e0eae6;
  --color-marketing-8-base: #f66d6e;
  --color-marketing-8-dark: #d81011;
  --color-marketing-8-light: #fddadb;
  --color-marketing-8-lighter: #fee9e9;
  --color-primary-body-base: #002738;
  --color-primary-body-dark: #001f2d;
  --color-primary-body-light: #80939b;
  --color-primary-brand-base: #0070ce;
  --color-primary-brand-dark: #0061c4;
  --color-primary-brand-lightest: #e5f0fa;
  --color-primary-logo: #0070ce;
  --color-secondary-action-2-base: #0070ce;
  --color-secondary-action-2-dark: #0061c4;
  --color-secondary-action-2-light: #80b7e7;
  --color-secondary-action-2-lighter: #bfdbf3;
  --color-secondary-action-2-lightest: #e5f1fa;
  --color-secondary-action-base: #0070ce;
  --color-secondary-action-dark: #0061c4;
  --color-secondary-action-hover: #f2f8fd;
  --color-secondary-action-light: #80b7e7;
  --color-secondary-action-lighter: #bfdbf3;
  --color-secondary-action-lightest: #e5f1fa;
  --color-secondary-inactive-base: #5e6265;
  --color-secondary-inactive-light: #c7c9ca;
  --color-secondary-inactive-lighter: #dedfe0;
  --color-secondary-inactive-lightest: #f2f2f2;
  --color-secondary-inactive-medium: #797d7f;
  --color-secondary-input-base: #0070ce;
  --color-secondary-input-dark: #0061c4;
  --color-secondary-input-lighter: #bfdbf3;
  --color-secondary-input-lightest: #e5f1fa;
  --color-secondary-input-medium: #4094da;
  --color-secondary-white: #ffffff;
  --color-status-critical-base: #c12950;
  --color-status-critical-dark: #9f1f40;
  --color-status-critical-lighter: #efc9d3;
  --color-status-critical-lightest: #f8e9ed;
  --color-status-info-base: #1780a3;
  --color-status-info-dark: #106a88;
  --color-status-info-lightest: #e7f2f5;
  --color-status-ok-base: #53a8a0;
  --color-status-ok-dark: #3a7a75;
  --color-status-ok-lightest: #edf6f5;
  --color-status-warning-base: #ffaa2b;
  --color-status-warning-dark: #9f640c;
  --color-status-warning-lightest: #fff6e9;
  --color-effects-overlay: #00000026;
  --effect-opacity-10: 0.1;
  --effect-opacity-15: 0.15;
  --effect-opacity-20: 0.2;
  --effect-opacity-30: 0.3;
  --effect-opacity-40: 0.4;
  --effect-opacity-50: 0.5;
  --effect-opacity-60: 0.6;
  --effect-opacity-70: 0.7;
  --effect-opacity-80: 0.8;
  --effect-opacity-90: 0.9;
  --effect-opacity-100: 1;
  --font-family-compliance: Lato, sans-serif;
  --font-family-headline: Montserrat, sans-serif;
  --font-family-primary: Lato, sans-serif;
  --font-lineHeight-2xl: 4rem;
  --font-lineHeight-2xs: 1.5rem;
  --font-lineHeight-3xl: 4.5rem;
  --font-lineHeight-3xs: 1.25rem;
  --font-lineHeight-4xl: 5rem;
  --font-lineHeight-4xs: 1rem;
  --font-lineHeight-5xs: 0.75rem;
  --font-lineHeight-l: 3rem;
  --font-lineHeight-m: 2.5rem;
  --font-lineHeight-s: 2rem;
  --font-lineHeight-xl: 3.5rem;
  --font-lineHeight-xs: 1.75rem;
  --font-size-2xl: 3.5rem;
  --font-size-2xs: 1.25rem;
  --font-size-3xl: 4rem;
  --font-size-3xs: 1rem;
  --font-size-4xl: 4.5rem;
  --font-size-4xs: 0.875rem;
  --font-size-l: 2.5rem;
  --font-size-m: 2rem;
  --font-size-s: 1.75rem;
  --font-size-xl: 3rem;
  --font-size-xs: 1.5rem;
  --font-weight-black: 900;
  --font-weight-bold: 700;
  --font-weight-regular: 400;
  --font-weight-semibold: 600;
  --layout-screen-large: 1024px;
  --layout-screen-medium: 768px;
  --layout-screen-small: 576px;
  --layout-screen-xLarge: 1200px;
  --layout-screen-xSmall: 390px;
  --layout-screen-xxLarge: 1440px;
  --layout-z-above: 1;
  --layout-z-below: -1;
  --layout-z-bottom: -999;
  --layout-z-default: 0;
  --layout-z-dropdown: 100;
  --layout-z-fixed: 300;
  --layout-z-modal: 600;
  --layout-z-modalBackdrop: 400;
  --layout-z-offcanvas: 500;
  --layout-z-popover: 700;
  --layout-z-sticky: 200;
  --layout-z-tooltip: 800;
  --layout-z-top: 999;
  --motion-transition-easeInOut-long: 400ms ease-in-out;
  --motion-transition-easeInOut-medium: 300ms ease-in-out;
  --motion-transition-easeInOut-short: 200ms ease-in-out;
  --space-xy-large-px: 32px;
  --space-xy-large-rem: 2rem;
  --space-xy-medium-px: 24px;
  --space-xy-medium-rem: 1.5rem;
  --space-xy-small-px: 16px;
  --space-xy-small-rem: 1rem;
  --space-xy-xLarge-px: 48px;
  --space-xy-xLarge-rem: 3rem;
  --space-xy-xSmall-px: 12px;
  --space-xy-xSmall-rem: 0.75rem;
  --space-xy-xxLarge-px: 72px;
  --space-xy-xxLarge-rem: 4.5rem;
  --space-xy-xxSmall-px: 8px;
  --space-xy-xxSmall-rem: 0.5rem;
  --space-xy-xxxLarge-px: 120px;
  --space-xy-xxxLarge-rem: 7.5rem;
  --space-xy-xxxSmall-px: 4px;
  --space-xy-xxxSmall-rem: 0.25rem;
  --shared-button-primary-border-radius: var(--border-radius-button);
  --shared-button-primary-font-color: #ffffff;
  --shared-button-primary-backgroundColor: var(--color-primary-brand-base);
  --shared-button-primary-hover-backgroundColor: var(
    --color-primary-brand-dark
  );
  --shared-button-primary-loader-color: #ffffff;
  --shared-button-secondary-border-radius: var(--border-radius-heavy);
  --shared-button-secondary-border-color: var(--color-primary-brand-base);
  --shared-button-secondary-border-width: 1px;
  --shared-button-secondary-font-color: var(--color-primary-brand-base);
  --shared-button-secondary-hover-backgroundColor: var(
    --color-primary-brand-lightest
  );
  --shared-button-secondary-hover-border-color: var(--color-primary-brand-dark);
  --shared-button-secondary-hover-font-color: var(--color-primary-brand-dark);
  --shared-button-secondary-loader-color: var(--color-primary-brand-base);
  --shared-button-tertiary-loader-color: var(--color-secondary-action-base);
  --shared-button-quaternary-loader-color: var(--color-primary-body-base);
  --shared-gradient-1: linear-gradient(45deg, #0061c4, #0070ce);
  --shared-gradient-2: linear-gradient(45deg, #222222, #444444);
  --shared-mobile-header-height: 4.25rem;
  --shared-desktop-header-height: 4.25rem;
  --shared-input-height: 3.25rem;
  --shared-marker-color: var(--color-primary-brand-base);
  --shared-modal-width: 40rem;
  --shared-modal-backdrop-filter: blur(5px);
  --shared-modal-background-color: rgba(0, 0, 0, 0.15);
  --apple-mobile-backscroll-taskbar-height: 9rem;
}