/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

.display-1-regular {
  /* Display 1/Large/Regular */
  font-size: 70px;
  font-style: normal;
  font-weight: 400;
  line-height: 80px;
}

.display-1-medium {
  /* Display 1/Large/Medium */
  font-size: 70px;
  font-style: normal;
  font-weight: 500;
  line-height: 80px;
}

.display-1-bold {
  /* Display 1/Large/Bold */
  font-size: 70px;
  font-style: normal;
  font-weight: 700;
  line-height: 80px;
}

.display-2-regular {
  /* Display 2/Large/Regular */
  font-size: 62px;
  font-style: normal;
  font-weight: 400;
  line-height: 72px;
}

.display-2-medium {
  /* Display 2/Large/Medium */
  font-size: 62px;
  font-style: normal;
  font-weight: 500;
  line-height: 72px;
}

.display-2-bold {
  /* Display 2/Large/Bold */
  font-size: 62px;
  font-style: normal;
  font-weight: 700;
  line-height: 72px;
}

.display-3-regular {
  /* Display 3/Large/Regular */
  font-size: 54px;
  font-style: normal;
  font-weight: 400;
  line-height: 64px;
}

.display-3-medium {
  /* Display 3/Large/Medium */
  font-size: 54px;
  font-style: normal;
  font-weight: 500;
  line-height: 64px;
}

.display-3-bold {
  /* Display 3/Large/Bold */
  font-size: 54px;
  font-style: normal;
  font-weight: 700;
  line-height: 64px;
}

.headline-1-regular {
  /* Headline 1/Large/Regular */
  font-size: 48px;
  font-style: normal;
  font-weight: 400;
  line-height: 56px;
}

.headline-1-medium {
  /* Headline 1/Large/Medium */
  font-size: 48px;
  font-style: normal;
  font-weight: 500;
  line-height: 56px;
}

.headline-1-bold {
  /* Headline 1/Large/Bold */
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
  line-height: 56px;
}

.headline-2-regular {
  /* Headline 2/Large/Regular */
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
  line-height: 48px;
}

.headline-2-medium {
  /* Headline 2/Large/Medium */
  font-size: 40px;
  font-style: normal;
  font-weight: 500;
  line-height: 48px;
}

.headline-2-bold {
  /* Headline 2/Large/Bold */
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 48px;
}

.headline-3-regular {
  /* Headline 3/Large/Regular */
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: 40px;
}

.headline-3-medium {
  /* Headline 3/Large/Medium */
  font-size: 32px;
  font-style: normal;
  font-weight: 500;
  line-height: 40px;
}

.headline-3-bold {
  /* Headline 3/Large/Bold */
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 40px;
}

.title-regular {
  /* Title/Regular */
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
}

.title-medium {
  /* Title/Medium */
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 32px;
}

.title-bold {
  /* Title/Bold */
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
}

.subtitle-regular {
  /* Subtitle/Regular */
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
}

.subtitle-medium {
  /* Subtitle/Medium */
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
}

.subtitle-bold {
  /* Subtitle/Bold */
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px;
}

.body-1-light {
  /* Body 1/LH-SM/Light */
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 24px;
}

.body-1-regular {
  /* Body 1/LH-SM/Regular */
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}

.body-1-medium {
  /* Body 1/LH-SM/Medium */
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
}

.body-1-bold {
  /* Body 1/LH-SM/Bold */
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
}

.body-1-underline {
  /* Body 1/LH-SM/Underline */
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  text-decoration-line: underline;
}

.body-1-superscript {
  /* Body 1/LH-SM/Superscript */
  font-feature-settings: "sups" on;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  text-decoration-line: underline;
}

.body-1-lh-md-light {
  /* Body 1/LH-MD/Light */
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 32px;
}

.body-1-lh-md-regular {
  /* Body 1/LH-MD/Regular */
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
}

.body-1-lh-md-medium {
  /* Body 1/LH-MD/Medium */
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 32px;
}

.body-1-lh-md-bold {
  /* Body 1/LH-MD/Bold */
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
}

.body-1-lh-md-underline {
  /* Body 1/LH-MD/Underline */
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
  text-decoration-line: underline;
}

.body-1-lh-lg-light {
  /* Body 1/LH-LG/Light */
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 40px;
}

.body-1-lh-lg-regular {
  /* Body 1/LH-LG/Regular */
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 40px;
}

.body-1-lh-lg-medium {
  /* Body 1/LH-LG/Medium */
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 40px;
}

.body-1-lh-lg-bold {
  /* Body 1/LH-LG/Bold */
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 40px;
}

.body-1-lh-lg-underline {
  /* Body 1/LH-LG/Underline */
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 40px;
  text-decoration-line: underline;
}

.body-2-light {
  /* Body 2/Light */
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 20px;
}

.body-2-regular {
  /* Body 2/Regular */
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

.body-2-medium {
  /* Body 2/Medium */
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
}

.body-2-bold {
  /* Body 2/Bold */
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
}

.body-2-underline {
  /* Body 2/Underline */
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  text-decoration-line: underline;
}

.body-2-superscript {
  /* Body 2/Superscript */
  font-feature-settings: "sups" on;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  text-decoration-line: underline;
}

.body-2-lh-md-light {
  /* Body 2/LH-MD/Light */
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 24px;
}

.body-2-lh-md-regular {
  /* Body 2/LH-MD/Regular */
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}

.body-2-lh-md-medium {
  /* Body 2/LH-MD/Medium */
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
}

.body-2-lh-md-bold {
  /* Body 2/LH-MD/Bold */
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
}

.body-2-lh-md-underline {
  /* Body 2/LH-MD/Underline */
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  text-decoration-line: underline;
}

.body-2-lh-lg-light {
  /* Body 2/LH-LG/Light */
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 28px;
}

.body-2-lh-lg-regular {
  /* Body 2/LH-LG/Regular */
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
}

.body-2-lh-lg-medium {
  /* Body 2/LH-LG/Medium */
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
}

.body-2-lh-lg-bold {
  /* Body 2/LH-LG/Bold */
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px;
}

.body-2-lh-lg-underline {
  /* Body 2/LH-LG/Underline */
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  text-decoration-line: underline;
}

.caption-regular {
  /* Caption/Regular */
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
}

.caption-medium {
  /* Caption/Medium */
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
}

.caption-bold {
  /* Caption/Bold */
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 16px;
}

.caption-underline {
  /* Caption/Underline */
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  text-decoration-line: underline;
}

.caption-superscript {
  /* Caption/Superscript */
  font-feature-settings: "sups" on;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  text-decoration-line: underline;
}

/** MEDIA QUERIES */
@media only screen and (max-width: 767px) {
  .display-1-regular {
    /* Display 1/Large/Regular */
    font-size: 48px;
    font-style: normal;
    font-weight: 400;
    line-height: 56px;
  }
  .display-1-medium {
    /* Display 1/Large/Medium */
    font-size: 48px;
    font-style: normal;
    font-weight: 500;
    line-height: 56px;
  }
  .display-1-bold {
    /* Display 1/Large/Bold */
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: 56px;
  }
  .display-2-regular {
    /* Display 2/Large/Regular */
    font-size: 44px;
    font-style: normal;
    font-weight: 400;
    line-height: 52px;
  }
  .display-2-medium {
    /* Display 2/Large/Medium */
    font-size: 44px;
    font-style: normal;
    font-weight: 500;
    line-height: 52px;
  }
  .display-2-bold {
    /* Display 2/Large/Bold */
    font-size: 44px;
    font-style: normal;
    font-weight: 700;
    line-height: 52px;
  }
  .display-3-regular {
    /* Display 3/Large/Regular */
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: 48px;
  }
  .display-3-medium {
    /* Display 3/Large/Medium */
    font-size: 40px;
    font-style: normal;
    font-weight: 500;
    line-height: 48px;
  }
  .display-3-bold {
    /* Display 3/Large/Bold */
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 48px;
  }
  .headline-1-regular {
    /* Headline 1/Large/Regular */
    font-size: 36px;
    font-style: normal;
    font-weight: 400;
    line-height: 44px;
  }
  .headline-1-medium {
    /* Headline 1/Large/Medium */
    font-size: 36px;
    font-style: normal;
    font-weight: 500;
    line-height: 44px;
  }
  .headline-1-bold {
    /* Headline 1/Large/Bold */
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 44px;
  }
  .headline-2-regular {
    /* Headline 2/Large/Regular */
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: 40px;
  }
  .headline-2-medium {
    /* Headline 2/Large/Medium */
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    line-height: 40px;
  }
  .headline-2-bold {
    /* Headline 2/Large/Bold */
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px;
  }
  .headline-3-regular {
    /* Headline 3/Large/Regular */
    font-size: 28px;
    font-style: normal;
    font-weight: 400;
    line-height: 36px;
  }
  .headline-3-medium {
    /* Headline 3/Large/Medium */
    font-size: 28px;
    font-style: normal;
    font-weight: 500;
    line-height: 36px;
  }
  .headline-3-bold {
    /* Headline 3/Large/Bold */
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 36px;
  }
}
/*************************************************************
 * BASE FORD VARIABLES                                       *
 * 1. PRIMITIVES                                             *
 *    1.1 Breakpoints                                        *
 *    1.2 Color                                              *
 *        1.2.1 Ford Colors                                  *
 *              1.2.1.1 Ford Blue                            *
 *              1.2.1.2 Grabber                              *
 *              1.2.1.3 Skyview                              *
 *              1.2.1.4 Twilight                             *
 *        1.2.2 Lincoln Colors                               *
 *              1.2.2.1 Graphite                             *
 *              1.2.2.2 Coral                                *
 *        1.2.3 Shared Colors                                *
 *              1.2.3.1 Green                                *
 *              1.2.3.2 Amber                                *
 *              1.2.3.3 Red                                  *
 *              1.2.3.4 Neutral                              *
 *              1.2.3.5 Opacity-White                        *
 *              1.2.3.6 Opacity-Black                        *
 *    1.3 Spacing                                            *
 *    1.4 Radius                                             *
 *    1.5 Border Width                                       *
 * 2. ALIASES                                                *
 *    2.1 Color                                              *
 *        2.1.1  Light Text Colors                           *
 *        2.1.2  Dark Text Colors                            *
 *        2.1.3  Light Fill Colors                           *
 *        2.1.4  Dark Fill Colors                            *
 *        2.1.5  Light Icon Colors                           *
 *        2.1.6  Dark Icon Colors                            *
 *        2.1.7  Light Stroke Colors                         *
 *        2.1.8  Dark Stroke Colors                          *
 *        2.1.9  Opacity Black                               *
 *        2.1.10 Opacity White                               *
 *    2.2 Radius                                             *
 *    2.3 Spacing                                            *
 *    2.4 Border Width                                       *
 *                                                           *
 * FORD COMPONENT VARIABLES                                  *
 *************************************************************/
/********************************************
 * BASE FORD VARIABLES                      *
 ********************************************/
/*----------------------*
 * 1. PRIMITIVES        *
 *----------------------*/
/**** 1.1 Breakpoints ****/
/**** 1.2 Color ****/
/* 1.2.1 Ford Colors */
/* 1.2.2 Lincoln Colors */
/* 1.2.3 Shared Colors */
/**** 1.3 Spacing ****/
/**** 1.4 Radius ****/
/**** 1.5 Border Width ****/
/*----------------------*
 * 2. ALIASES           *
 *----------------------*/
/**** 2.1 Color ****/
body,
*[data-app-brand=ford],
*[data-app-brand=ford] *,
*[data-app-brand=lincoln] *[data-component-brand=ford],
*[data-app-brand=lincoln] *[data-component-brand=ford] * {
  --brand-color-text-on-light-brand-strong: #00095b;
  --brand-color-text-on-light-brand-strongest: #00142e;
  --brand-color-text-on-light-interactive: #0562d2;
  --brand-color-text-on-light-interactive-hover: #044ea7;
}

*[data-app-brand=lincoln],
*[data-app-brand=lincoln] *,
*[data-app-brand=ford] *[data-component-brand=lincoln],
*[data-app-brand=ford] *[data-component-brand=lincoln] * {
  --brand-color-text-on-light-brand-strong: #485b65;
  --brand-color-text-on-light-brand-strongest: #22292b;
  --brand-color-text-on-light-interactive: #f26147;
  --brand-color-text-on-light-interactive-hover: #c44e3a;
}

body,
*[data-app-brand=ford],
*[data-app-brand=ford] *,
*[data-app-brand=lincoln] *[data-component-brand=ford],
*[data-app-brand=lincoln] *[data-component-brand=ford] * {
  --brand-color-text-on-dark-brand-strong: #666b9d;
  --brand-color-text-on-dark-brand-strongest: #9ca3ad;
  --brand-color-text-on-dark-interactive: #388cf2;
  --brand-color-text-on-dark-interactive-hover: #2480f1;
}

*[data-app-brand=lincoln],
*[data-app-brand=lincoln] *,
*[data-app-brand=ford] *[data-component-brand=lincoln],
*[data-app-brand=ford] *[data-component-brand=lincoln] * {
  --brand-color-text-on-dark-brand-strong: #919da3;
  --brand-color-text-on-dark-brand-strongest: #a3adb2;
  --brand-color-text-on-dark-interactive: #f6907e;
  --brand-color-text-on-dark-interactive-hover: #f5816c;
}

body,
*[data-app-brand=ford],
*[data-app-brand=ford] *,
*[data-app-brand=lincoln] *[data-component-brand=ford],
*[data-app-brand=lincoln] *[data-component-brand=ford] * {
  --brand-color-fill-on-light-interactive: #0562d2;
  --brand-color-fill-on-light-interactive-hover: #044ea7;
  --brand-color-fill-on-light-informational-subtle: #e4f1ff;
  --brand-color-fill-on-light-informational-strong: #0562d2;
  --brand-color-fill-on-light-brand-strong: #00095b;
  --brand-color-fill-on-light-brand-strongest: #00142e;
}

*[data-app-brand=lincoln],
*[data-app-brand=lincoln] *,
*[data-app-brand=ford] *[data-component-brand=lincoln],
*[data-app-brand=ford] *[data-component-brand=lincoln] * {
  --brand-color-fill-on-light-interactive: #f26147;
  --brand-color-fill-on-light-interactive-hover: #c44e3a;
  --brand-color-fill-on-light-informational-subtle: #feefed;
  --brand-color-fill-on-light-informational-strong: #f26147;
  --brand-color-fill-on-light-brand-strong: #485b65;
  --brand-color-fill-on-light-brand-strongest: #22292b;
}

body,
*[data-app-brand=ford],
*[data-app-brand=ford] *,
*[data-app-brand=lincoln] *[data-component-brand=ford],
*[data-app-brand=lincoln] *[data-component-brand=ford] * {
  --brand-color-fill-on-dark-interactive: #388cf2;
  --brand-color-fill-on-dark-interactive-hover: #2480f1;
  --brand-color-fill-on-dark-informational-subtle: #e4f1ff;
  --brand-color-fill-on-dark-informational-strong: #2480f1;
  --brand-color-fill-on-dark-brand-strong: #00095b;
  --brand-color-fill-on-dark-brand-strongest-twilight: #00142e;
  --brand-color-fill-on-dark-brand-strongest: #9ca3ad;
}

*[data-app-brand=lincoln],
*[data-app-brand=lincoln] *,
*[data-app-brand=lincoln] :deep(*),
*[data-app-brand=ford] *[data-component-brand=lincoln],
*[data-app-brand=ford] *[data-component-brand=lincoln] * {
  --brand-color-fill-on-dark-interactive: #f6907e;
  --brand-color-fill-on-dark-interactive-hover: #f5816c;
  --brand-color-fill-on-dark-informational-subtle: #feefed;
  --brand-color-fill-on-dark-informational-strong: #f5816c;
  --brand-color-fill-on-dark-brand-strong: #485b65;
  --brand-color-fill-on-dark-brand-strongest-twilight: #22292b;
  --brand-color-fill-on-dark-brand-strongest: #a3adb2;
}

body,
*[data-app-brand=ford],
*[data-app-brand=ford] *,
*[data-app-brand=lincoln] *[data-component-brand=ford],
*[data-app-brand=lincoln] *[data-component-brand=ford] * {
  --brand-color-icon-on-light-brand-strong: #00095b;
  --brand-color-icon-on-light-brand-strongest: #00142e;
  --brand-color-icon-on-light-interactive: #0562d2;
  --brand-color-icon-on-light-interactive-hover: #044ea7;
}

*[data-app-brand=lincoln],
*[data-app-brand=lincoln] *,
*[data-app-brand=ford] *[data-component-brand=lincoln],
*[data-app-brand=ford] *[data-component-brand=lincoln] * {
  --brand-color-icon-on-light-brand-strong: #485b65;
  --brand-color-icon-on-light-brand-strongest: #485b65;
  --brand-color-icon-on-light-interactive: #f26147;
  --brand-color-icon-on-light-interactive-hover: #c44e3a;
}

body,
*[data-app-brand=ford],
*[data-app-brand=ford] *,
*[data-app-brand=lincoln] *[data-component-brand=ford],
*[data-app-brand=lincoln] *[data-component-brand=ford] * {
  --brand-color-icon-on-dark-brand-strong: #666b9d;
  --brand-color-icon-on-dark-brand-strongest: #9ca3ad;
  --brand-color-icon-on-dark-interactive: #388cf2;
  --brand-color-icon-on-dark-interactive-hover: #2480f1;
}

*[data-app-brand=lincoln],
*[data-app-brand=lincoln] *,
*[data-app-brand=ford] *[data-component-brand=lincoln],
*[data-app-brand=ford] *[data-component-brand=lincoln] * {
  --brand-color-icon-on-dark-brand-strong: #919da3;
  --brand-color-icon-on-dark-brand-strongest: #a3adb2;
  --brand-color-icon-on-dark-interactive: #f6907e;
  --brand-color-icon-on-dark-interactive-hover: #f5816c;
}

body,
*[data-app-brand=ford],
*[data-app-brand=ford] *,
*[data-app-brand=lincoln] *[data-component-brand=ford],
*[data-app-brand=lincoln] *[data-component-brand=ford] * {
  --brand-color-stroke-on-light-brand-strong: #00095b;
  --brand-color-stroke-on-light-brand-strongest: #00142e;
  --brand-color-stroke-on-light-interactive: #0562d2;
  --brand-color-stroke-on-light-interactive-hover: #044ea7;
}

*[data-app-brand=lincoln],
*[data-app-brand=lincoln] *,
*[data-app-brand=ford] *[data-component-brand=lincoln],
*[data-app-brand=ford] *[data-component-brand=lincoln] * {
  --brand-color-stroke-on-light-brand-strong: #485b65;
  --brand-color-stroke-on-light-brand-strongest: #485b65;
  --brand-color-stroke-on-light-interactive: #f26147;
  --brand-color-stroke-on-light-interactive-hover: #c44e3a;
}

body,
*[data-app-brand=ford],
*[data-app-brand=ford] *,
*[data-app-brand=lincoln] *[data-component-brand=ford],
*[data-app-brand=lincoln] *[data-component-brand=ford] * {
  --brand-color-stroke-on-dark-brand-strong: #666b9d;
  --brand-color-stroke-on-dark-brand-strongest: #9ca3ad;
  --brand-color-stroke-on-dark-interactive: #388cf2;
  --brand-color-stroke-on-dark-interactive-hover: #2480f1;
}

*[data-app-brand=lincoln],
*[data-app-brand=lincoln] *,
*[data-app-brand=ford] *[data-component-brand=lincoln],
*[data-app-brand=ford] *[data-component-brand=lincoln] * {
  --brand-color-stroke-on-dark-brand-strong: #919da3;
  --brand-color-stroke-on-dark-brand-strongest: #a3adb2;
  --brand-color-stroke-on-dark-interactive: #f6907e;
  --brand-color-stroke-on-dark-interactive-hover: #f5816c;
}

/**** 2.2 Radius ****/
/**** 2.3 Spacing ****/
/**** 2.4 Border Width ****/
/********************************************
 * FORD COMPONENT VARIABLES                 *
 ********************************************/
/*----------------------*
 * ACCORDION ITEM       *
 *----------------------*/
/**** On Light ****/
/**** On Dark ****/
body,
*[data-app-brand=ford],
*[data-app-brand=ford] *,
*[data-app-brand=lincoln] *[data-component-brand=ford],
*[data-app-brand=lincoln] *[data-component-brand=ford] * {
  --brand-accordion-item-on-light-header-icon: #333333;
  --brand-accordion-item-on-light-title-open: #333333;
  --brand-accordion-item-on-light-subtitle-open: #333333;
}

*[data-app-brand=lincoln],
*[data-app-brand=lincoln] *,
*[data-app-brand=ford] *[data-component-brand=lincoln],
*[data-app-brand=ford] *[data-component-brand=lincoln] * {
  --brand-accordion-item-on-light-header-icon: var(--brand-color-icon-on-light-interactive);
  --brand-accordion-item-on-light-title-open: var(--brand-color-text-on-light-interactive);
  --brand-accordion-item-on-light-subtitle-open: var(--brand-color-text-on-light-interactive);
}

/*----------------------*
 * ACCORDION LIST       *
 *----------------------*/
/**** On Light ****/
/**** On Dark ****/
/*----------------------*
 * BUTTON               *
 *----------------------*/
/**** Shared ****/
/**** Primary ****/
/**** Secondary ****/
/**** Tertiary ****/
body,
*[data-app-brand=ford],
*[data-app-brand=ford] *,
*[data-app-brand=lincoln] *[data-component-brand=ford],
*[data-app-brand=lincoln] *[data-component-brand=ford] * {
  --brand-button-primary-default-on-light-fill: #066fef;
  --brand-button-primary-default-on-light-hover-fill: #044ea7;
  --brand-button-primary-default-on-dark-fill: #066fef;
  --brand-button-primary-default-on-dark-hover-fill: #0562d2;
  --brand-button-secondary-default-on-light-border: var(--brand-color-stroke-on-light-interactive);
  --brand-button-secondary-default-on-light-text: var(--brand-color-text-on-light-interactive);
  --brand-button-secondary-default-on-light-icon: var(--brand-color-icon-on-light-interactive);
  --brand-button-secondary-default-on-light-hover-border: var(--brand-color-stroke-on-light-interactive-hover);
  --brand-button-secondary-default-on-light-hover-text: var(--brand-color-text-on-light-interactive-hover);
  --brand-button-secondary-default-on-light-hover-icon: var(--brand-color-icon-on-light-interactive-hover);
  --brand-button-secondary-default-on-dark-border: var(--brand-color-stroke-on-dark-interactive);
  --brand-button-secondary-default-on-dark-text: var(--brand-color-text-on-dark-interactive);
  --brand-button-secondary-default-on-dark-icon: var(--brand-color-icon-on-dark-interactive);
  --brand-button-secondary-default-on-dark-hover-border: var(--brand-color-stroke-on-dark-interactive-hover);
  --brand-button-secondary-default-on-dark-hover-text: var(--brand-color-text-on-dark-interactive-hover);
  --brand-button-secondary-default-on-dark-hover-icon: var(--brand-color-icon-on-dark-interactive-hover);
  --brand-button-tertiary-default-on-light-text: var(--brand-color-text-on-light-interactive);
  --brand-button-tertiary-default-on-light-icon: var(--brand-color-icon-on-light-interactive);
  --brand-button-tertiary-default-on-light-hover-text: var(--brand-color-text-on-light-interactive-hover);
  --brand-button-tertiary-default-on-light-hover-icon: var(--brand-color-icon-on-light-interactive-hover);
  --brand-button-tertiary-default-on-dark-text: var(--brand-color-text-on-dark-interactive);
  --brand-button-tertiary-default-on-dark-icon: var(--brand-color-icon-on-dark-interactive);
  --brand-button-tertiary-default-on-dark-hover-text: var(--brand-color-text-on-dark-interactive-hover);
  --brand-button-tertiary-default-on-dark-hover-icon: var(--brand-color-icon-on-dark-interactive-hover);
}

*[data-app-brand=lincoln],
*[data-app-brand=lincoln] *,
*[data-app-brand=ford] *[data-component-brand=lincoln],
*[data-app-brand=ford] *[data-component-brand=lincoln] * {
  --brand-button-primary-default-on-light-fill: var(--brand-color-fill-on-light-brand-strong);
  --brand-button-primary-default-on-light-hover-fill: var(--brand-color-fill-on-light-brand-strong);
  --brand-button-primary-default-on-dark-fill: var(--brand-color-fill-on-dark-brand-strong);
  --brand-button-primary-default-on-dark-hover-fill: var(--brand-color-fill-on-dark-brand-strong);
  --brand-button-secondary-default-on-light-border: var(--brand-color-stroke-on-light-brand-strong);
  --brand-button-secondary-default-on-light-text: var(--brand-color-text-on-light-brand-strong);
  --brand-button-secondary-default-on-light-icon: var(--brand-color-icon-on-light-brand-strong);
  --brand-button-secondary-default-on-light-hover-border: var(--brand-color-stroke-on-light-brand-strong);
  --brand-button-secondary-default-on-light-hover-text: var(--brand-color-text-on-light-brand-strong);
  --brand-button-secondary-default-on-light-hover-icon: var(--brand-color-icon-on-light-brand-strong);
  --brand-button-secondary-default-on-dark-border: var(--brand-color-stroke-on-dark-brand-strong);
  --brand-button-secondary-default-on-dark-text: var(--brand-color-text-on-dark-brand-strong);
  --brand-button-secondary-default-on-dark-icon: var(--brand-color-icon-on-dark-brand-strong);
  --brand-button-secondary-default-on-dark-hover-border: var(--brand-color-stroke-on-dark-brand-strong);
  --brand-button-secondary-default-on-dark-hover-text: var(--brand-color-text-on-dark-brand-strong);
  --brand-button-secondary-default-on-dark-hover-icon: var(--brand-color-icon-on-dark-brand-strong);
  --brand-button-tertiary-default-on-light-text: var(--brand-color-text-on-light-brand-strong);
  --brand-button-tertiary-default-on-light-icon: var(--brand-color-icon-on-light-brand-strong);
  --brand-button-tertiary-default-on-light-hover-text: var(--brand-color-text-on-light-brand-strong);
  --brand-button-tertiary-default-on-light-hover-icon: var(--brand-color-icon-on-light-brand-strong);
  --brand-button-tertiary-default-on-dark-text: var(--brand-color-text-on-dark-brand-strong);
  --brand-button-tertiary-default-on-dark-icon: var(--brand-color-icon-on-dark-brand-strong);
  --brand-button-tertiary-default-on-dark-hover-text: var(--brand-color-text-on-dark-brand-strong);
  --brand-button-tertiary-default-on-dark-hover-icon: var(--brand-color-icon-on-dark-brand-strong);
}

/*----------------------*
 * CARD                 *
 *----------------------*/
/*----------------------*
 * CAROUSEL             *
 *----------------------*/
/*----------------------*
 * CHECKBOX             *
 *----------------------*/
/**** On Light ****/
/**** On Dark ****/
body,
*[data-app-brand=ford],
*[data-app-brand=ford] *,
*[data-app-brand=lincoln] *[data-component-brand=ford],
*[data-app-brand=lincoln] *[data-component-brand=ford] * {
  --brand-checkbox-on-light-fill-selected: #066fef;
  --brand-checkbox-on-light-border-disabled: #066fef;
  --brand-checkbox-on-dark-fill-selected: #066fef;
  --brand-checkbox-on-dark-border-disabled: #066fef;
}

*[data-app-brand=lincoln],
*[data-app-brand=lincoln] *,
*[data-app-brand=ford] *[data-component-brand=lincoln],
*[data-app-brand=ford] *[data-component-brand=lincoln] * {
  --brand-checkbox-on-light-fill-selected: var(--brand-color-fill-on-light-interactive);
  --brand-checkbox-on-light-border-disabled: var(--brand-color-stroke-on-light-interactive);
  --brand-checkbox-on-dark-fill-selected: var(--brand-color-fill-on-dark-interactive);
  --brand-checkbox-on-dark-border-disabled: var(--brand-color-stroke-on-dark-interactive);
}

/*----------------------*
 * CHECKBOX GROUP       *
 *----------------------*/
/**** On Light ****/
/**** On Dark ****/
/*----------------------*
 * CHIP                 *
 *----------------------*/
/* Informational Bold */
/* Informational Subtle */
/* Dismissible */
/* Clickable */
/*---------------------------*
 * CIRCLE PROGRESS INDICATOR *
 *---------------------------*/
/**** On Light ****/
/**** On Dark ****/
/*---------------------------*
 * DIALOGUE MODAL            *
 *---------------------------*/
/*---------------------------*
 * DIALOGUE NOTIFICATION     *
 *---------------------------*/
/*---------------------------*
 * DIALOGUE SNACKBAR         *
 *---------------------------*/
/*---------------------------*
 * DROPDOWN MENU             *
 *---------------------------*/
/*---------------------------*
 * DROPDOWN MENU OPTION      *
 *---------------------------*/
/*---------------------------*
 * DROPDOWN MENU BUTTON      *
 *---------------------------*/
/*---------------------------*
 * INPUTS                    *
 *---------------------------*/
/* On Light */
/* On Dark */
/*---------------------------*
 * DROPDOWN SELECT           *
 *---------------------------*/
/* On Light */
/* On Dark */
/*---------------------------*
 * LIST ITEM                 *
 *---------------------------*/
/*---------------------------*
 * RADIO BUTTON              *
 *---------------------------*/
/* On Light */
/* On Dark */
/*---------------------------*
 * RADIO BUTTON GROUP        *
 *---------------------------*/
/* On Light */
/* On Dark */
/*---------------------------*
 * DRAWER                    *
 *---------------------------*/
/*---------------------------*
 * SELECTION CARD            *
 *---------------------------*/
/*---------------------------*
 * TABS                      *
 *---------------------------*/
/*---------------------------*
 * SEGMENTED CONTROLS        *
 *---------------------------*/
/*---------------------------*
 * COMBO BOX                 *
 *---------------------------*/
html, body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}

/* Ensure the body doesn't scroll horizontally by default */
body {
  overflow-x: hidden;
  scroll-behavior: smooth;
}

.inner-content-container {
  width: calc(100vw - 112px);
  max-width: 1440px;
  box-sizing: border-box;
  margin: 0 56px;
}
.inner-content-container.inner-content-main {
  padding: 56px 0;
  min-height: calc(100vh - 56px - 82px);
}
@media screen and (min-width: 320px) and (max-width: 991px) {
  .inner-content-container {
    width: calc(100vw - 80px);
    margin: 0 40px;
  }
  .inner-content-container.inner-content-main {
    padding: 40px 0;
  }
}
@media screen and (max-width: 319px) {
  .inner-content-container {
    width: calc(100vw - 48px);
    margin: 0 24px;
  }
  .inner-content-container.inner-content-main {
    padding: 24px 0;
  }
}

/*************************************************************
 * BASE FORD VARIABLES                                       *
 * 1. PRIMITIVES                                             *
 *    1.1 Breakpoints                                        *
 *    1.2 Color                                              *
 *        1.2.1 Ford Colors                                  *
 *              1.2.1.1 Ford Blue                            *
 *              1.2.1.2 Grabber                              *
 *              1.2.1.3 Skyview                              *
 *              1.2.1.4 Twilight                             *
 *        1.2.2 Lincoln Colors                               *
 *              1.2.2.1 Graphite                             *
 *              1.2.2.2 Coral                                *
 *        1.2.3 Shared Colors                                *
 *              1.2.3.1 Green                                *
 *              1.2.3.2 Amber                                *
 *              1.2.3.3 Red                                  *
 *              1.2.3.4 Neutral                              *
 *              1.2.3.5 Opacity-White                        *
 *              1.2.3.6 Opacity-Black                        *
 *    1.3 Spacing                                            *
 *    1.4 Radius                                             *
 *    1.5 Border Width                                       *
 * 2. ALIASES                                                *
 *    2.1 Color                                              *
 *        2.1.1  Light Text Colors                           *
 *        2.1.2  Dark Text Colors                            *
 *        2.1.3  Light Fill Colors                           *
 *        2.1.4  Dark Fill Colors                            *
 *        2.1.5  Light Icon Colors                           *
 *        2.1.6  Dark Icon Colors                            *
 *        2.1.7  Light Stroke Colors                         *
 *        2.1.8  Dark Stroke Colors                          *
 *        2.1.9  Opacity Black                               *
 *        2.1.10 Opacity White                               *
 *    2.2 Radius                                             *
 *    2.3 Spacing                                            *
 *    2.4 Border Width                                       *
 *                                                           *
 * FORD COMPONENT VARIABLES                                  *
 *************************************************************/
/********************************************
 * BASE FORD VARIABLES                      *
 ********************************************/
/*----------------------*
 * 1. PRIMITIVES        *
 *----------------------*/
/**** 1.1 Breakpoints ****/
/**** 1.2 Color ****/
/* 1.2.1 Ford Colors */
/* 1.2.2 Lincoln Colors */
/* 1.2.3 Shared Colors */
/**** 1.3 Spacing ****/
/**** 1.4 Radius ****/
/**** 1.5 Border Width ****/
/*----------------------*
 * 2. ALIASES           *
 *----------------------*/
/**** 2.1 Color ****/
body,
*[data-app-brand=ford],
*[data-app-brand=ford] *,
*[data-app-brand=lincoln] *[data-component-brand=ford],
*[data-app-brand=lincoln] *[data-component-brand=ford] * {
  --brand-color-text-on-light-brand-strong: #00095b;
  --brand-color-text-on-light-brand-strongest: #00142e;
  --brand-color-text-on-light-interactive: #0562d2;
  --brand-color-text-on-light-interactive-hover: #044ea7;
}

*[data-app-brand=lincoln],
*[data-app-brand=lincoln] *,
*[data-app-brand=ford] *[data-component-brand=lincoln],
*[data-app-brand=ford] *[data-component-brand=lincoln] * {
  --brand-color-text-on-light-brand-strong: #485b65;
  --brand-color-text-on-light-brand-strongest: #22292b;
  --brand-color-text-on-light-interactive: #f26147;
  --brand-color-text-on-light-interactive-hover: #c44e3a;
}

body,
*[data-app-brand=ford],
*[data-app-brand=ford] *,
*[data-app-brand=lincoln] *[data-component-brand=ford],
*[data-app-brand=lincoln] *[data-component-brand=ford] * {
  --brand-color-text-on-dark-brand-strong: #666b9d;
  --brand-color-text-on-dark-brand-strongest: #9ca3ad;
  --brand-color-text-on-dark-interactive: #388cf2;
  --brand-color-text-on-dark-interactive-hover: #2480f1;
}

*[data-app-brand=lincoln],
*[data-app-brand=lincoln] *,
*[data-app-brand=ford] *[data-component-brand=lincoln],
*[data-app-brand=ford] *[data-component-brand=lincoln] * {
  --brand-color-text-on-dark-brand-strong: #919da3;
  --brand-color-text-on-dark-brand-strongest: #a3adb2;
  --brand-color-text-on-dark-interactive: #f6907e;
  --brand-color-text-on-dark-interactive-hover: #f5816c;
}

body,
*[data-app-brand=ford],
*[data-app-brand=ford] *,
*[data-app-brand=lincoln] *[data-component-brand=ford],
*[data-app-brand=lincoln] *[data-component-brand=ford] * {
  --brand-color-fill-on-light-interactive: #0562d2;
  --brand-color-fill-on-light-interactive-hover: #044ea7;
  --brand-color-fill-on-light-informational-subtle: #e4f1ff;
  --brand-color-fill-on-light-informational-strong: #0562d2;
  --brand-color-fill-on-light-brand-strong: #00095b;
  --brand-color-fill-on-light-brand-strongest: #00142e;
}

*[data-app-brand=lincoln],
*[data-app-brand=lincoln] *,
*[data-app-brand=ford] *[data-component-brand=lincoln],
*[data-app-brand=ford] *[data-component-brand=lincoln] * {
  --brand-color-fill-on-light-interactive: #f26147;
  --brand-color-fill-on-light-interactive-hover: #c44e3a;
  --brand-color-fill-on-light-informational-subtle: #feefed;
  --brand-color-fill-on-light-informational-strong: #f26147;
  --brand-color-fill-on-light-brand-strong: #485b65;
  --brand-color-fill-on-light-brand-strongest: #22292b;
}

body,
*[data-app-brand=ford],
*[data-app-brand=ford] *,
*[data-app-brand=lincoln] *[data-component-brand=ford],
*[data-app-brand=lincoln] *[data-component-brand=ford] * {
  --brand-color-fill-on-dark-interactive: #388cf2;
  --brand-color-fill-on-dark-interactive-hover: #2480f1;
  --brand-color-fill-on-dark-informational-subtle: #e4f1ff;
  --brand-color-fill-on-dark-informational-strong: #2480f1;
  --brand-color-fill-on-dark-brand-strong: #00095b;
  --brand-color-fill-on-dark-brand-strongest-twilight: #00142e;
  --brand-color-fill-on-dark-brand-strongest: #9ca3ad;
}

*[data-app-brand=lincoln],
*[data-app-brand=lincoln] *,
*[data-app-brand=lincoln] :deep(*),
*[data-app-brand=ford] *[data-component-brand=lincoln],
*[data-app-brand=ford] *[data-component-brand=lincoln] * {
  --brand-color-fill-on-dark-interactive: #f6907e;
  --brand-color-fill-on-dark-interactive-hover: #f5816c;
  --brand-color-fill-on-dark-informational-subtle: #feefed;
  --brand-color-fill-on-dark-informational-strong: #f5816c;
  --brand-color-fill-on-dark-brand-strong: #485b65;
  --brand-color-fill-on-dark-brand-strongest-twilight: #22292b;
  --brand-color-fill-on-dark-brand-strongest: #a3adb2;
}

body,
*[data-app-brand=ford],
*[data-app-brand=ford] *,
*[data-app-brand=lincoln] *[data-component-brand=ford],
*[data-app-brand=lincoln] *[data-component-brand=ford] * {
  --brand-color-icon-on-light-brand-strong: #00095b;
  --brand-color-icon-on-light-brand-strongest: #00142e;
  --brand-color-icon-on-light-interactive: #0562d2;
  --brand-color-icon-on-light-interactive-hover: #044ea7;
}

*[data-app-brand=lincoln],
*[data-app-brand=lincoln] *,
*[data-app-brand=ford] *[data-component-brand=lincoln],
*[data-app-brand=ford] *[data-component-brand=lincoln] * {
  --brand-color-icon-on-light-brand-strong: #485b65;
  --brand-color-icon-on-light-brand-strongest: #485b65;
  --brand-color-icon-on-light-interactive: #f26147;
  --brand-color-icon-on-light-interactive-hover: #c44e3a;
}

body,
*[data-app-brand=ford],
*[data-app-brand=ford] *,
*[data-app-brand=lincoln] *[data-component-brand=ford],
*[data-app-brand=lincoln] *[data-component-brand=ford] * {
  --brand-color-icon-on-dark-brand-strong: #666b9d;
  --brand-color-icon-on-dark-brand-strongest: #9ca3ad;
  --brand-color-icon-on-dark-interactive: #388cf2;
  --brand-color-icon-on-dark-interactive-hover: #2480f1;
}

*[data-app-brand=lincoln],
*[data-app-brand=lincoln] *,
*[data-app-brand=ford] *[data-component-brand=lincoln],
*[data-app-brand=ford] *[data-component-brand=lincoln] * {
  --brand-color-icon-on-dark-brand-strong: #919da3;
  --brand-color-icon-on-dark-brand-strongest: #a3adb2;
  --brand-color-icon-on-dark-interactive: #f6907e;
  --brand-color-icon-on-dark-interactive-hover: #f5816c;
}

body,
*[data-app-brand=ford],
*[data-app-brand=ford] *,
*[data-app-brand=lincoln] *[data-component-brand=ford],
*[data-app-brand=lincoln] *[data-component-brand=ford] * {
  --brand-color-stroke-on-light-brand-strong: #00095b;
  --brand-color-stroke-on-light-brand-strongest: #00142e;
  --brand-color-stroke-on-light-interactive: #0562d2;
  --brand-color-stroke-on-light-interactive-hover: #044ea7;
}

*[data-app-brand=lincoln],
*[data-app-brand=lincoln] *,
*[data-app-brand=ford] *[data-component-brand=lincoln],
*[data-app-brand=ford] *[data-component-brand=lincoln] * {
  --brand-color-stroke-on-light-brand-strong: #485b65;
  --brand-color-stroke-on-light-brand-strongest: #485b65;
  --brand-color-stroke-on-light-interactive: #f26147;
  --brand-color-stroke-on-light-interactive-hover: #c44e3a;
}

body,
*[data-app-brand=ford],
*[data-app-brand=ford] *,
*[data-app-brand=lincoln] *[data-component-brand=ford],
*[data-app-brand=lincoln] *[data-component-brand=ford] * {
  --brand-color-stroke-on-dark-brand-strong: #666b9d;
  --brand-color-stroke-on-dark-brand-strongest: #9ca3ad;
  --brand-color-stroke-on-dark-interactive: #388cf2;
  --brand-color-stroke-on-dark-interactive-hover: #2480f1;
}

*[data-app-brand=lincoln],
*[data-app-brand=lincoln] *,
*[data-app-brand=ford] *[data-component-brand=lincoln],
*[data-app-brand=ford] *[data-component-brand=lincoln] * {
  --brand-color-stroke-on-dark-brand-strong: #919da3;
  --brand-color-stroke-on-dark-brand-strongest: #a3adb2;
  --brand-color-stroke-on-dark-interactive: #f6907e;
  --brand-color-stroke-on-dark-interactive-hover: #f5816c;
}

/**** 2.2 Radius ****/
/**** 2.3 Spacing ****/
/**** 2.4 Border Width ****/
/********************************************
 * FORD COMPONENT VARIABLES                 *
 ********************************************/
/*----------------------*
 * ACCORDION ITEM       *
 *----------------------*/
/**** On Light ****/
/**** On Dark ****/
body,
*[data-app-brand=ford],
*[data-app-brand=ford] *,
*[data-app-brand=lincoln] *[data-component-brand=ford],
*[data-app-brand=lincoln] *[data-component-brand=ford] * {
  --brand-accordion-item-on-light-header-icon: #333333;
  --brand-accordion-item-on-light-title-open: #333333;
  --brand-accordion-item-on-light-subtitle-open: #333333;
}

*[data-app-brand=lincoln],
*[data-app-brand=lincoln] *,
*[data-app-brand=ford] *[data-component-brand=lincoln],
*[data-app-brand=ford] *[data-component-brand=lincoln] * {
  --brand-accordion-item-on-light-header-icon: var(--brand-color-icon-on-light-interactive);
  --brand-accordion-item-on-light-title-open: var(--brand-color-text-on-light-interactive);
  --brand-accordion-item-on-light-subtitle-open: var(--brand-color-text-on-light-interactive);
}

/*----------------------*
 * ACCORDION LIST       *
 *----------------------*/
/**** On Light ****/
/**** On Dark ****/
/*----------------------*
 * BUTTON               *
 *----------------------*/
/**** Shared ****/
/**** Primary ****/
/**** Secondary ****/
/**** Tertiary ****/
body,
*[data-app-brand=ford],
*[data-app-brand=ford] *,
*[data-app-brand=lincoln] *[data-component-brand=ford],
*[data-app-brand=lincoln] *[data-component-brand=ford] * {
  --brand-button-primary-default-on-light-fill: #066fef;
  --brand-button-primary-default-on-light-hover-fill: #044ea7;
  --brand-button-primary-default-on-dark-fill: #066fef;
  --brand-button-primary-default-on-dark-hover-fill: #0562d2;
  --brand-button-secondary-default-on-light-border: var(--brand-color-stroke-on-light-interactive);
  --brand-button-secondary-default-on-light-text: var(--brand-color-text-on-light-interactive);
  --brand-button-secondary-default-on-light-icon: var(--brand-color-icon-on-light-interactive);
  --brand-button-secondary-default-on-light-hover-border: var(--brand-color-stroke-on-light-interactive-hover);
  --brand-button-secondary-default-on-light-hover-text: var(--brand-color-text-on-light-interactive-hover);
  --brand-button-secondary-default-on-light-hover-icon: var(--brand-color-icon-on-light-interactive-hover);
  --brand-button-secondary-default-on-dark-border: var(--brand-color-stroke-on-dark-interactive);
  --brand-button-secondary-default-on-dark-text: var(--brand-color-text-on-dark-interactive);
  --brand-button-secondary-default-on-dark-icon: var(--brand-color-icon-on-dark-interactive);
  --brand-button-secondary-default-on-dark-hover-border: var(--brand-color-stroke-on-dark-interactive-hover);
  --brand-button-secondary-default-on-dark-hover-text: var(--brand-color-text-on-dark-interactive-hover);
  --brand-button-secondary-default-on-dark-hover-icon: var(--brand-color-icon-on-dark-interactive-hover);
  --brand-button-tertiary-default-on-light-text: var(--brand-color-text-on-light-interactive);
  --brand-button-tertiary-default-on-light-icon: var(--brand-color-icon-on-light-interactive);
  --brand-button-tertiary-default-on-light-hover-text: var(--brand-color-text-on-light-interactive-hover);
  --brand-button-tertiary-default-on-light-hover-icon: var(--brand-color-icon-on-light-interactive-hover);
  --brand-button-tertiary-default-on-dark-text: var(--brand-color-text-on-dark-interactive);
  --brand-button-tertiary-default-on-dark-icon: var(--brand-color-icon-on-dark-interactive);
  --brand-button-tertiary-default-on-dark-hover-text: var(--brand-color-text-on-dark-interactive-hover);
  --brand-button-tertiary-default-on-dark-hover-icon: var(--brand-color-icon-on-dark-interactive-hover);
}

*[data-app-brand=lincoln],
*[data-app-brand=lincoln] *,
*[data-app-brand=ford] *[data-component-brand=lincoln],
*[data-app-brand=ford] *[data-component-brand=lincoln] * {
  --brand-button-primary-default-on-light-fill: var(--brand-color-fill-on-light-brand-strong);
  --brand-button-primary-default-on-light-hover-fill: var(--brand-color-fill-on-light-brand-strong);
  --brand-button-primary-default-on-dark-fill: var(--brand-color-fill-on-dark-brand-strong);
  --brand-button-primary-default-on-dark-hover-fill: var(--brand-color-fill-on-dark-brand-strong);
  --brand-button-secondary-default-on-light-border: var(--brand-color-stroke-on-light-brand-strong);
  --brand-button-secondary-default-on-light-text: var(--brand-color-text-on-light-brand-strong);
  --brand-button-secondary-default-on-light-icon: var(--brand-color-icon-on-light-brand-strong);
  --brand-button-secondary-default-on-light-hover-border: var(--brand-color-stroke-on-light-brand-strong);
  --brand-button-secondary-default-on-light-hover-text: var(--brand-color-text-on-light-brand-strong);
  --brand-button-secondary-default-on-light-hover-icon: var(--brand-color-icon-on-light-brand-strong);
  --brand-button-secondary-default-on-dark-border: var(--brand-color-stroke-on-dark-brand-strong);
  --brand-button-secondary-default-on-dark-text: var(--brand-color-text-on-dark-brand-strong);
  --brand-button-secondary-default-on-dark-icon: var(--brand-color-icon-on-dark-brand-strong);
  --brand-button-secondary-default-on-dark-hover-border: var(--brand-color-stroke-on-dark-brand-strong);
  --brand-button-secondary-default-on-dark-hover-text: var(--brand-color-text-on-dark-brand-strong);
  --brand-button-secondary-default-on-dark-hover-icon: var(--brand-color-icon-on-dark-brand-strong);
  --brand-button-tertiary-default-on-light-text: var(--brand-color-text-on-light-brand-strong);
  --brand-button-tertiary-default-on-light-icon: var(--brand-color-icon-on-light-brand-strong);
  --brand-button-tertiary-default-on-light-hover-text: var(--brand-color-text-on-light-brand-strong);
  --brand-button-tertiary-default-on-light-hover-icon: var(--brand-color-icon-on-light-brand-strong);
  --brand-button-tertiary-default-on-dark-text: var(--brand-color-text-on-dark-brand-strong);
  --brand-button-tertiary-default-on-dark-icon: var(--brand-color-icon-on-dark-brand-strong);
  --brand-button-tertiary-default-on-dark-hover-text: var(--brand-color-text-on-dark-brand-strong);
  --brand-button-tertiary-default-on-dark-hover-icon: var(--brand-color-icon-on-dark-brand-strong);
}

/*----------------------*
 * CARD                 *
 *----------------------*/
/*----------------------*
 * CAROUSEL             *
 *----------------------*/
/*----------------------*
 * CHECKBOX             *
 *----------------------*/
/**** On Light ****/
/**** On Dark ****/
body,
*[data-app-brand=ford],
*[data-app-brand=ford] *,
*[data-app-brand=lincoln] *[data-component-brand=ford],
*[data-app-brand=lincoln] *[data-component-brand=ford] * {
  --brand-checkbox-on-light-fill-selected: #066fef;
  --brand-checkbox-on-light-border-disabled: #066fef;
  --brand-checkbox-on-dark-fill-selected: #066fef;
  --brand-checkbox-on-dark-border-disabled: #066fef;
}

*[data-app-brand=lincoln],
*[data-app-brand=lincoln] *,
*[data-app-brand=ford] *[data-component-brand=lincoln],
*[data-app-brand=ford] *[data-component-brand=lincoln] * {
  --brand-checkbox-on-light-fill-selected: var(--brand-color-fill-on-light-interactive);
  --brand-checkbox-on-light-border-disabled: var(--brand-color-stroke-on-light-interactive);
  --brand-checkbox-on-dark-fill-selected: var(--brand-color-fill-on-dark-interactive);
  --brand-checkbox-on-dark-border-disabled: var(--brand-color-stroke-on-dark-interactive);
}

/*----------------------*
 * CHECKBOX GROUP       *
 *----------------------*/
/**** On Light ****/
/**** On Dark ****/
/*----------------------*
 * CHIP                 *
 *----------------------*/
/* Informational Bold */
/* Informational Subtle */
/* Dismissible */
/* Clickable */
/*---------------------------*
 * CIRCLE PROGRESS INDICATOR *
 *---------------------------*/
/**** On Light ****/
/**** On Dark ****/
/*---------------------------*
 * DIALOGUE MODAL            *
 *---------------------------*/
/*---------------------------*
 * DIALOGUE NOTIFICATION     *
 *---------------------------*/
/*---------------------------*
 * DIALOGUE SNACKBAR         *
 *---------------------------*/
/*---------------------------*
 * DROPDOWN MENU             *
 *---------------------------*/
/*---------------------------*
 * DROPDOWN MENU OPTION      *
 *---------------------------*/
/*---------------------------*
 * DROPDOWN MENU BUTTON      *
 *---------------------------*/
/*---------------------------*
 * INPUTS                    *
 *---------------------------*/
/* On Light */
/* On Dark */
/*---------------------------*
 * DROPDOWN SELECT           *
 *---------------------------*/
/* On Light */
/* On Dark */
/*---------------------------*
 * LIST ITEM                 *
 *---------------------------*/
/*---------------------------*
 * RADIO BUTTON              *
 *---------------------------*/
/* On Light */
/* On Dark */
/*---------------------------*
 * RADIO BUTTON GROUP        *
 *---------------------------*/
/* On Light */
/* On Dark */
/*---------------------------*
 * DRAWER                    *
 *---------------------------*/
/*---------------------------*
 * SELECTION CARD            *
 *---------------------------*/
/*---------------------------*
 * TABS                      *
 *---------------------------*/
/*---------------------------*
 * SEGMENTED CONTROLS        *
 *---------------------------*/
/*---------------------------*
 * COMBO BOX                 *
 *---------------------------*/
#app-footer {
  height: 82px;
  width: 100%;
  background-color: #e6e8ea;
  display: flex;
  justify-content: center;
}
#app-footer .app-footer-content {
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0 24px;
}
#app-footer .app-footer-content p {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 2px 24px;
  color: #666666;
  margin-bottom: 0;
}
#app-footer .app-footer-content .lincoln-footer-logo,
#app-footer .app-footer-content .ford-footer-logo {
  display: none;
}
body[data-app-brand=ford] #app-footer .app-footer-content .ford-footer-logo, body:not([data-app-brand]) #app-footer .app-footer-content .ford-footer-logo {
  display: block;
}
body[data-app-brand=ford] #app-footer .app-footer-content .lincoln-footer-logo, body:not([data-app-brand]) #app-footer .app-footer-content .lincoln-footer-logo {
  display: none;
}
body[data-app-brand=lincoln] #app-footer .app-footer-content .ford-footer-logo {
  display: none;
}
body[data-app-brand=lincoln] #app-footer .app-footer-content .lincoln-footer-logo {
  display: block;
}

/*************************************************************
 * BASE FORD VARIABLES                                       *
 * 1. PRIMITIVES                                             *
 *    1.1 Breakpoints                                        *
 *    1.2 Color                                              *
 *        1.2.1 Ford Colors                                  *
 *              1.2.1.1 Ford Blue                            *
 *              1.2.1.2 Grabber                              *
 *              1.2.1.3 Skyview                              *
 *              1.2.1.4 Twilight                             *
 *        1.2.2 Lincoln Colors                               *
 *              1.2.2.1 Graphite                             *
 *              1.2.2.2 Coral                                *
 *        1.2.3 Shared Colors                                *
 *              1.2.3.1 Green                                *
 *              1.2.3.2 Amber                                *
 *              1.2.3.3 Red                                  *
 *              1.2.3.4 Neutral                              *
 *              1.2.3.5 Opacity-White                        *
 *              1.2.3.6 Opacity-Black                        *
 *    1.3 Spacing                                            *
 *    1.4 Radius                                             *
 *    1.5 Border Width                                       *
 * 2. ALIASES                                                *
 *    2.1 Color                                              *
 *        2.1.1  Light Text Colors                           *
 *        2.1.2  Dark Text Colors                            *
 *        2.1.3  Light Fill Colors                           *
 *        2.1.4  Dark Fill Colors                            *
 *        2.1.5  Light Icon Colors                           *
 *        2.1.6  Dark Icon Colors                            *
 *        2.1.7  Light Stroke Colors                         *
 *        2.1.8  Dark Stroke Colors                          *
 *        2.1.9  Opacity Black                               *
 *        2.1.10 Opacity White                               *
 *    2.2 Radius                                             *
 *    2.3 Spacing                                            *
 *    2.4 Border Width                                       *
 *                                                           *
 * FORD COMPONENT VARIABLES                                  *
 *************************************************************/
/********************************************
 * BASE FORD VARIABLES                      *
 ********************************************/
/*----------------------*
 * 1. PRIMITIVES        *
 *----------------------*/
/**** 1.1 Breakpoints ****/
/**** 1.2 Color ****/
/* 1.2.1 Ford Colors */
/* 1.2.2 Lincoln Colors */
/* 1.2.3 Shared Colors */
/**** 1.3 Spacing ****/
/**** 1.4 Radius ****/
/**** 1.5 Border Width ****/
/*----------------------*
 * 2. ALIASES           *
 *----------------------*/
/**** 2.1 Color ****/
body,
*[data-app-brand=ford],
*[data-app-brand=ford] *,
*[data-app-brand=lincoln] *[data-component-brand=ford],
*[data-app-brand=lincoln] *[data-component-brand=ford] * {
  --brand-color-text-on-light-brand-strong: #00095b;
  --brand-color-text-on-light-brand-strongest: #00142e;
  --brand-color-text-on-light-interactive: #0562d2;
  --brand-color-text-on-light-interactive-hover: #044ea7;
}

*[data-app-brand=lincoln],
*[data-app-brand=lincoln] *,
*[data-app-brand=ford] *[data-component-brand=lincoln],
*[data-app-brand=ford] *[data-component-brand=lincoln] * {
  --brand-color-text-on-light-brand-strong: #485b65;
  --brand-color-text-on-light-brand-strongest: #22292b;
  --brand-color-text-on-light-interactive: #f26147;
  --brand-color-text-on-light-interactive-hover: #c44e3a;
}

body,
*[data-app-brand=ford],
*[data-app-brand=ford] *,
*[data-app-brand=lincoln] *[data-component-brand=ford],
*[data-app-brand=lincoln] *[data-component-brand=ford] * {
  --brand-color-text-on-dark-brand-strong: #666b9d;
  --brand-color-text-on-dark-brand-strongest: #9ca3ad;
  --brand-color-text-on-dark-interactive: #388cf2;
  --brand-color-text-on-dark-interactive-hover: #2480f1;
}

*[data-app-brand=lincoln],
*[data-app-brand=lincoln] *,
*[data-app-brand=ford] *[data-component-brand=lincoln],
*[data-app-brand=ford] *[data-component-brand=lincoln] * {
  --brand-color-text-on-dark-brand-strong: #919da3;
  --brand-color-text-on-dark-brand-strongest: #a3adb2;
  --brand-color-text-on-dark-interactive: #f6907e;
  --brand-color-text-on-dark-interactive-hover: #f5816c;
}

body,
*[data-app-brand=ford],
*[data-app-brand=ford] *,
*[data-app-brand=lincoln] *[data-component-brand=ford],
*[data-app-brand=lincoln] *[data-component-brand=ford] * {
  --brand-color-fill-on-light-interactive: #0562d2;
  --brand-color-fill-on-light-interactive-hover: #044ea7;
  --brand-color-fill-on-light-informational-subtle: #e4f1ff;
  --brand-color-fill-on-light-informational-strong: #0562d2;
  --brand-color-fill-on-light-brand-strong: #00095b;
  --brand-color-fill-on-light-brand-strongest: #00142e;
}

*[data-app-brand=lincoln],
*[data-app-brand=lincoln] *,
*[data-app-brand=ford] *[data-component-brand=lincoln],
*[data-app-brand=ford] *[data-component-brand=lincoln] * {
  --brand-color-fill-on-light-interactive: #f26147;
  --brand-color-fill-on-light-interactive-hover: #c44e3a;
  --brand-color-fill-on-light-informational-subtle: #feefed;
  --brand-color-fill-on-light-informational-strong: #f26147;
  --brand-color-fill-on-light-brand-strong: #485b65;
  --brand-color-fill-on-light-brand-strongest: #22292b;
}

body,
*[data-app-brand=ford],
*[data-app-brand=ford] *,
*[data-app-brand=lincoln] *[data-component-brand=ford],
*[data-app-brand=lincoln] *[data-component-brand=ford] * {
  --brand-color-fill-on-dark-interactive: #388cf2;
  --brand-color-fill-on-dark-interactive-hover: #2480f1;
  --brand-color-fill-on-dark-informational-subtle: #e4f1ff;
  --brand-color-fill-on-dark-informational-strong: #2480f1;
  --brand-color-fill-on-dark-brand-strong: #00095b;
  --brand-color-fill-on-dark-brand-strongest-twilight: #00142e;
  --brand-color-fill-on-dark-brand-strongest: #9ca3ad;
}

*[data-app-brand=lincoln],
*[data-app-brand=lincoln] *,
*[data-app-brand=lincoln] :deep(*),
*[data-app-brand=ford] *[data-component-brand=lincoln],
*[data-app-brand=ford] *[data-component-brand=lincoln] * {
  --brand-color-fill-on-dark-interactive: #f6907e;
  --brand-color-fill-on-dark-interactive-hover: #f5816c;
  --brand-color-fill-on-dark-informational-subtle: #feefed;
  --brand-color-fill-on-dark-informational-strong: #f5816c;
  --brand-color-fill-on-dark-brand-strong: #485b65;
  --brand-color-fill-on-dark-brand-strongest-twilight: #22292b;
  --brand-color-fill-on-dark-brand-strongest: #a3adb2;
}

body,
*[data-app-brand=ford],
*[data-app-brand=ford] *,
*[data-app-brand=lincoln] *[data-component-brand=ford],
*[data-app-brand=lincoln] *[data-component-brand=ford] * {
  --brand-color-icon-on-light-brand-strong: #00095b;
  --brand-color-icon-on-light-brand-strongest: #00142e;
  --brand-color-icon-on-light-interactive: #0562d2;
  --brand-color-icon-on-light-interactive-hover: #044ea7;
}

*[data-app-brand=lincoln],
*[data-app-brand=lincoln] *,
*[data-app-brand=ford] *[data-component-brand=lincoln],
*[data-app-brand=ford] *[data-component-brand=lincoln] * {
  --brand-color-icon-on-light-brand-strong: #485b65;
  --brand-color-icon-on-light-brand-strongest: #485b65;
  --brand-color-icon-on-light-interactive: #f26147;
  --brand-color-icon-on-light-interactive-hover: #c44e3a;
}

body,
*[data-app-brand=ford],
*[data-app-brand=ford] *,
*[data-app-brand=lincoln] *[data-component-brand=ford],
*[data-app-brand=lincoln] *[data-component-brand=ford] * {
  --brand-color-icon-on-dark-brand-strong: #666b9d;
  --brand-color-icon-on-dark-brand-strongest: #9ca3ad;
  --brand-color-icon-on-dark-interactive: #388cf2;
  --brand-color-icon-on-dark-interactive-hover: #2480f1;
}

*[data-app-brand=lincoln],
*[data-app-brand=lincoln] *,
*[data-app-brand=ford] *[data-component-brand=lincoln],
*[data-app-brand=ford] *[data-component-brand=lincoln] * {
  --brand-color-icon-on-dark-brand-strong: #919da3;
  --brand-color-icon-on-dark-brand-strongest: #a3adb2;
  --brand-color-icon-on-dark-interactive: #f6907e;
  --brand-color-icon-on-dark-interactive-hover: #f5816c;
}

body,
*[data-app-brand=ford],
*[data-app-brand=ford] *,
*[data-app-brand=lincoln] *[data-component-brand=ford],
*[data-app-brand=lincoln] *[data-component-brand=ford] * {
  --brand-color-stroke-on-light-brand-strong: #00095b;
  --brand-color-stroke-on-light-brand-strongest: #00142e;
  --brand-color-stroke-on-light-interactive: #0562d2;
  --brand-color-stroke-on-light-interactive-hover: #044ea7;
}

*[data-app-brand=lincoln],
*[data-app-brand=lincoln] *,
*[data-app-brand=ford] *[data-component-brand=lincoln],
*[data-app-brand=ford] *[data-component-brand=lincoln] * {
  --brand-color-stroke-on-light-brand-strong: #485b65;
  --brand-color-stroke-on-light-brand-strongest: #485b65;
  --brand-color-stroke-on-light-interactive: #f26147;
  --brand-color-stroke-on-light-interactive-hover: #c44e3a;
}

body,
*[data-app-brand=ford],
*[data-app-brand=ford] *,
*[data-app-brand=lincoln] *[data-component-brand=ford],
*[data-app-brand=lincoln] *[data-component-brand=ford] * {
  --brand-color-stroke-on-dark-brand-strong: #666b9d;
  --brand-color-stroke-on-dark-brand-strongest: #9ca3ad;
  --brand-color-stroke-on-dark-interactive: #388cf2;
  --brand-color-stroke-on-dark-interactive-hover: #2480f1;
}

*[data-app-brand=lincoln],
*[data-app-brand=lincoln] *,
*[data-app-brand=ford] *[data-component-brand=lincoln],
*[data-app-brand=ford] *[data-component-brand=lincoln] * {
  --brand-color-stroke-on-dark-brand-strong: #919da3;
  --brand-color-stroke-on-dark-brand-strongest: #a3adb2;
  --brand-color-stroke-on-dark-interactive: #f6907e;
  --brand-color-stroke-on-dark-interactive-hover: #f5816c;
}

/**** 2.2 Radius ****/
/**** 2.3 Spacing ****/
/**** 2.4 Border Width ****/
/********************************************
 * FORD COMPONENT VARIABLES                 *
 ********************************************/
/*----------------------*
 * ACCORDION ITEM       *
 *----------------------*/
/**** On Light ****/
/**** On Dark ****/
body,
*[data-app-brand=ford],
*[data-app-brand=ford] *,
*[data-app-brand=lincoln] *[data-component-brand=ford],
*[data-app-brand=lincoln] *[data-component-brand=ford] * {
  --brand-accordion-item-on-light-header-icon: #333333;
  --brand-accordion-item-on-light-title-open: #333333;
  --brand-accordion-item-on-light-subtitle-open: #333333;
}

*[data-app-brand=lincoln],
*[data-app-brand=lincoln] *,
*[data-app-brand=ford] *[data-component-brand=lincoln],
*[data-app-brand=ford] *[data-component-brand=lincoln] * {
  --brand-accordion-item-on-light-header-icon: var(--brand-color-icon-on-light-interactive);
  --brand-accordion-item-on-light-title-open: var(--brand-color-text-on-light-interactive);
  --brand-accordion-item-on-light-subtitle-open: var(--brand-color-text-on-light-interactive);
}

/*----------------------*
 * ACCORDION LIST       *
 *----------------------*/
/**** On Light ****/
/**** On Dark ****/
/*----------------------*
 * BUTTON               *
 *----------------------*/
/**** Shared ****/
/**** Primary ****/
/**** Secondary ****/
/**** Tertiary ****/
body,
*[data-app-brand=ford],
*[data-app-brand=ford] *,
*[data-app-brand=lincoln] *[data-component-brand=ford],
*[data-app-brand=lincoln] *[data-component-brand=ford] * {
  --brand-button-primary-default-on-light-fill: #066fef;
  --brand-button-primary-default-on-light-hover-fill: #044ea7;
  --brand-button-primary-default-on-dark-fill: #066fef;
  --brand-button-primary-default-on-dark-hover-fill: #0562d2;
  --brand-button-secondary-default-on-light-border: var(--brand-color-stroke-on-light-interactive);
  --brand-button-secondary-default-on-light-text: var(--brand-color-text-on-light-interactive);
  --brand-button-secondary-default-on-light-icon: var(--brand-color-icon-on-light-interactive);
  --brand-button-secondary-default-on-light-hover-border: var(--brand-color-stroke-on-light-interactive-hover);
  --brand-button-secondary-default-on-light-hover-text: var(--brand-color-text-on-light-interactive-hover);
  --brand-button-secondary-default-on-light-hover-icon: var(--brand-color-icon-on-light-interactive-hover);
  --brand-button-secondary-default-on-dark-border: var(--brand-color-stroke-on-dark-interactive);
  --brand-button-secondary-default-on-dark-text: var(--brand-color-text-on-dark-interactive);
  --brand-button-secondary-default-on-dark-icon: var(--brand-color-icon-on-dark-interactive);
  --brand-button-secondary-default-on-dark-hover-border: var(--brand-color-stroke-on-dark-interactive-hover);
  --brand-button-secondary-default-on-dark-hover-text: var(--brand-color-text-on-dark-interactive-hover);
  --brand-button-secondary-default-on-dark-hover-icon: var(--brand-color-icon-on-dark-interactive-hover);
  --brand-button-tertiary-default-on-light-text: var(--brand-color-text-on-light-interactive);
  --brand-button-tertiary-default-on-light-icon: var(--brand-color-icon-on-light-interactive);
  --brand-button-tertiary-default-on-light-hover-text: var(--brand-color-text-on-light-interactive-hover);
  --brand-button-tertiary-default-on-light-hover-icon: var(--brand-color-icon-on-light-interactive-hover);
  --brand-button-tertiary-default-on-dark-text: var(--brand-color-text-on-dark-interactive);
  --brand-button-tertiary-default-on-dark-icon: var(--brand-color-icon-on-dark-interactive);
  --brand-button-tertiary-default-on-dark-hover-text: var(--brand-color-text-on-dark-interactive-hover);
  --brand-button-tertiary-default-on-dark-hover-icon: var(--brand-color-icon-on-dark-interactive-hover);
}

*[data-app-brand=lincoln],
*[data-app-brand=lincoln] *,
*[data-app-brand=ford] *[data-component-brand=lincoln],
*[data-app-brand=ford] *[data-component-brand=lincoln] * {
  --brand-button-primary-default-on-light-fill: var(--brand-color-fill-on-light-brand-strong);
  --brand-button-primary-default-on-light-hover-fill: var(--brand-color-fill-on-light-brand-strong);
  --brand-button-primary-default-on-dark-fill: var(--brand-color-fill-on-dark-brand-strong);
  --brand-button-primary-default-on-dark-hover-fill: var(--brand-color-fill-on-dark-brand-strong);
  --brand-button-secondary-default-on-light-border: var(--brand-color-stroke-on-light-brand-strong);
  --brand-button-secondary-default-on-light-text: var(--brand-color-text-on-light-brand-strong);
  --brand-button-secondary-default-on-light-icon: var(--brand-color-icon-on-light-brand-strong);
  --brand-button-secondary-default-on-light-hover-border: var(--brand-color-stroke-on-light-brand-strong);
  --brand-button-secondary-default-on-light-hover-text: var(--brand-color-text-on-light-brand-strong);
  --brand-button-secondary-default-on-light-hover-icon: var(--brand-color-icon-on-light-brand-strong);
  --brand-button-secondary-default-on-dark-border: var(--brand-color-stroke-on-dark-brand-strong);
  --brand-button-secondary-default-on-dark-text: var(--brand-color-text-on-dark-brand-strong);
  --brand-button-secondary-default-on-dark-icon: var(--brand-color-icon-on-dark-brand-strong);
  --brand-button-secondary-default-on-dark-hover-border: var(--brand-color-stroke-on-dark-brand-strong);
  --brand-button-secondary-default-on-dark-hover-text: var(--brand-color-text-on-dark-brand-strong);
  --brand-button-secondary-default-on-dark-hover-icon: var(--brand-color-icon-on-dark-brand-strong);
  --brand-button-tertiary-default-on-light-text: var(--brand-color-text-on-light-brand-strong);
  --brand-button-tertiary-default-on-light-icon: var(--brand-color-icon-on-light-brand-strong);
  --brand-button-tertiary-default-on-light-hover-text: var(--brand-color-text-on-light-brand-strong);
  --brand-button-tertiary-default-on-light-hover-icon: var(--brand-color-icon-on-light-brand-strong);
  --brand-button-tertiary-default-on-dark-text: var(--brand-color-text-on-dark-brand-strong);
  --brand-button-tertiary-default-on-dark-icon: var(--brand-color-icon-on-dark-brand-strong);
  --brand-button-tertiary-default-on-dark-hover-text: var(--brand-color-text-on-dark-brand-strong);
  --brand-button-tertiary-default-on-dark-hover-icon: var(--brand-color-icon-on-dark-brand-strong);
}

/*----------------------*
 * CARD                 *
 *----------------------*/
/*----------------------*
 * CAROUSEL             *
 *----------------------*/
/*----------------------*
 * CHECKBOX             *
 *----------------------*/
/**** On Light ****/
/**** On Dark ****/
body,
*[data-app-brand=ford],
*[data-app-brand=ford] *,
*[data-app-brand=lincoln] *[data-component-brand=ford],
*[data-app-brand=lincoln] *[data-component-brand=ford] * {
  --brand-checkbox-on-light-fill-selected: #066fef;
  --brand-checkbox-on-light-border-disabled: #066fef;
  --brand-checkbox-on-dark-fill-selected: #066fef;
  --brand-checkbox-on-dark-border-disabled: #066fef;
}

*[data-app-brand=lincoln],
*[data-app-brand=lincoln] *,
*[data-app-brand=ford] *[data-component-brand=lincoln],
*[data-app-brand=ford] *[data-component-brand=lincoln] * {
  --brand-checkbox-on-light-fill-selected: var(--brand-color-fill-on-light-interactive);
  --brand-checkbox-on-light-border-disabled: var(--brand-color-stroke-on-light-interactive);
  --brand-checkbox-on-dark-fill-selected: var(--brand-color-fill-on-dark-interactive);
  --brand-checkbox-on-dark-border-disabled: var(--brand-color-stroke-on-dark-interactive);
}

/*----------------------*
 * CHECKBOX GROUP       *
 *----------------------*/
/**** On Light ****/
/**** On Dark ****/
/*----------------------*
 * CHIP                 *
 *----------------------*/
/* Informational Bold */
/* Informational Subtle */
/* Dismissible */
/* Clickable */
/*---------------------------*
 * CIRCLE PROGRESS INDICATOR *
 *---------------------------*/
/**** On Light ****/
/**** On Dark ****/
/*---------------------------*
 * DIALOGUE MODAL            *
 *---------------------------*/
/*---------------------------*
 * DIALOGUE NOTIFICATION     *
 *---------------------------*/
/*---------------------------*
 * DIALOGUE SNACKBAR         *
 *---------------------------*/
/*---------------------------*
 * DROPDOWN MENU             *
 *---------------------------*/
/*---------------------------*
 * DROPDOWN MENU OPTION      *
 *---------------------------*/
/*---------------------------*
 * DROPDOWN MENU BUTTON      *
 *---------------------------*/
/*---------------------------*
 * INPUTS                    *
 *---------------------------*/
/* On Light */
/* On Dark */
/*---------------------------*
 * DROPDOWN SELECT           *
 *---------------------------*/
/* On Light */
/* On Dark */
/*---------------------------*
 * LIST ITEM                 *
 *---------------------------*/
/*---------------------------*
 * RADIO BUTTON              *
 *---------------------------*/
/* On Light */
/* On Dark */
/*---------------------------*
 * RADIO BUTTON GROUP        *
 *---------------------------*/
/* On Light */
/* On Dark */
/*---------------------------*
 * DRAWER                    *
 *---------------------------*/
/*---------------------------*
 * SELECTION CARD            *
 *---------------------------*/
/*---------------------------*
 * TABS                      *
 *---------------------------*/
/*---------------------------*
 * SEGMENTED CONTROLS        *
 *---------------------------*/
/*---------------------------*
 * COMBO BOX                 *
 *---------------------------*/
#app-header {
  height: 56px;
  width: 100%;
  background-color: white;
  display: flex;
  justify-content: center;
}
#app-header .app-header-content {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
#app-header .app-header-content .lincoln-header-logo,
#app-header .app-header-content .ford-header-logo {
  display: none;
}
body[data-app-brand=ford] #app-header .app-header-content .ford-header-logo, body:not([data-app-brand]) #app-header .app-header-content .ford-header-logo {
  display: block;
}
body[data-app-brand=ford] #app-header .app-header-content .lincoln-header-logo, body:not([data-app-brand]) #app-header .app-header-content .lincoln-header-logo {
  display: none;
}
body[data-app-brand=lincoln] #app-header .app-header-content {
  justify-content: flex-start;
}
body[data-app-brand=lincoln] #app-header .app-header-content .ford-header-logo {
  display: none;
}
body[data-app-brand=lincoln] #app-header .app-header-content .lincoln-header-logo {
  display: block;
}
@media screen and (max-width: 767px) {
  #app-header .app-header-content {
    justify-content: flex-start;
  }
}
#app-header .app-header-content .search-bar {
  position: absolute;
  right: 70px;
}
#app-header .app-header-content .search-bar .search-icon {
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
}
#app-header .app-header-content .search-bar .icon-button {
  position: absolute;
  right: 1px;
  top: 50%;
  transform: translateY(-50%);
  background: transparent;
}
#app-header .app-header-content .search-bar .icon-button:hover {
  background: transparent;
}
#app-header .app-header-content .search-bar .icon-button .close-icon {
  width: 10px;
  height: 10px;
}
#app-header .app-header-content .search-bar input {
  height: 32px;
  padding: 0 12px;
  padding-left: 30px;
  border: 1px solid #b2b2b2;
  border-radius: 4px;
  font-size: 14px;
  color: #333333;
}
#app-header .app-header-content .search-bar input::placeholder {
  color: #666666;
}
#app-header .app-header-content .search-bar input:focus {
  outline: none;
  border-color: var(--brand-color-fill-on-light-interactive);
}
#app-header .app-header-content .search-bar button {
  margin-left: 8px;
  padding: 0 12px;
  height: 32px;
  border: none;
  background-color: #e5e5e5;
  color: #333333;
  border-radius: 4px;
  cursor: pointer;
}
#app-header .app-header-content .search-bar button:hover {
  background-color: #999999;
}
#app-header .app-header-content .dropdown {
  position: absolute;
  right: 0;
}
#app-header .app-header-content .dropdown button {
  margin: 0;
  padding: 0;
  border: none;
  background-color: unset;
}
#app-header .app-header-content .dropdown .dropdown-menu {
  border-color: #b2b2b2;
  left: unset;
  right: 0;
  margin-top: 8px;
  padding: 0;
  text-align: right;
}
#app-header .app-header-content .dropdown .dropdown-menu .dropdown-info {
  padding: 8px 12px;
}
#app-header .app-header-content .dropdown .dropdown-menu .dropdown-info p {
  margin-bottom: 0;
}
#app-header .app-header-content .dropdown .dropdown-menu > a {
  display: block;
  padding: 8px 12px;
  border-top: 1px solid #b2b2b2;
  color: #333333;
}
#app-header .app-header-content .dropdown .dropdown-menu > a:hover {
  text-decoration: none;
  background-color: #e5e5e5;
}

/*************************************************************
 * BASE FORD VARIABLES                                       *
 * 1. PRIMITIVES                                             *
 *    1.1 Breakpoints                                        *
 *    1.2 Color                                              *
 *        1.2.1 Ford Colors                                  *
 *              1.2.1.1 Ford Blue                            *
 *              1.2.1.2 Grabber                              *
 *              1.2.1.3 Skyview                              *
 *              1.2.1.4 Twilight                             *
 *        1.2.2 Lincoln Colors                               *
 *              1.2.2.1 Graphite                             *
 *              1.2.2.2 Coral                                *
 *        1.2.3 Shared Colors                                *
 *              1.2.3.1 Green                                *
 *              1.2.3.2 Amber                                *
 *              1.2.3.3 Red                                  *
 *              1.2.3.4 Neutral                              *
 *              1.2.3.5 Opacity-White                        *
 *              1.2.3.6 Opacity-Black                        *
 *    1.3 Spacing                                            *
 *    1.4 Radius                                             *
 *    1.5 Border Width                                       *
 * 2. ALIASES                                                *
 *    2.1 Color                                              *
 *        2.1.1  Light Text Colors                           *
 *        2.1.2  Dark Text Colors                            *
 *        2.1.3  Light Fill Colors                           *
 *        2.1.4  Dark Fill Colors                            *
 *        2.1.5  Light Icon Colors                           *
 *        2.1.6  Dark Icon Colors                            *
 *        2.1.7  Light Stroke Colors                         *
 *        2.1.8  Dark Stroke Colors                          *
 *        2.1.9  Opacity Black                               *
 *        2.1.10 Opacity White                               *
 *    2.2 Radius                                             *
 *    2.3 Spacing                                            *
 *    2.4 Border Width                                       *
 *                                                           *
 * FORD COMPONENT VARIABLES                                  *
 *************************************************************/
/********************************************
 * BASE FORD VARIABLES                      *
 ********************************************/
/*----------------------*
 * 1. PRIMITIVES        *
 *----------------------*/
/**** 1.1 Breakpoints ****/
/**** 1.2 Color ****/
/* 1.2.1 Ford Colors */
/* 1.2.2 Lincoln Colors */
/* 1.2.3 Shared Colors */
/**** 1.3 Spacing ****/
/**** 1.4 Radius ****/
/**** 1.5 Border Width ****/
/*----------------------*
 * 2. ALIASES           *
 *----------------------*/
/**** 2.1 Color ****/
body,
*[data-app-brand=ford],
*[data-app-brand=ford] *,
*[data-app-brand=lincoln] *[data-component-brand=ford],
*[data-app-brand=lincoln] *[data-component-brand=ford] * {
  --brand-color-text-on-light-brand-strong: #00095b;
  --brand-color-text-on-light-brand-strongest: #00142e;
  --brand-color-text-on-light-interactive: #0562d2;
  --brand-color-text-on-light-interactive-hover: #044ea7;
}

*[data-app-brand=lincoln],
*[data-app-brand=lincoln] *,
*[data-app-brand=ford] *[data-component-brand=lincoln],
*[data-app-brand=ford] *[data-component-brand=lincoln] * {
  --brand-color-text-on-light-brand-strong: #485b65;
  --brand-color-text-on-light-brand-strongest: #22292b;
  --brand-color-text-on-light-interactive: #f26147;
  --brand-color-text-on-light-interactive-hover: #c44e3a;
}

body,
*[data-app-brand=ford],
*[data-app-brand=ford] *,
*[data-app-brand=lincoln] *[data-component-brand=ford],
*[data-app-brand=lincoln] *[data-component-brand=ford] * {
  --brand-color-text-on-dark-brand-strong: #666b9d;
  --brand-color-text-on-dark-brand-strongest: #9ca3ad;
  --brand-color-text-on-dark-interactive: #388cf2;
  --brand-color-text-on-dark-interactive-hover: #2480f1;
}

*[data-app-brand=lincoln],
*[data-app-brand=lincoln] *,
*[data-app-brand=ford] *[data-component-brand=lincoln],
*[data-app-brand=ford] *[data-component-brand=lincoln] * {
  --brand-color-text-on-dark-brand-strong: #919da3;
  --brand-color-text-on-dark-brand-strongest: #a3adb2;
  --brand-color-text-on-dark-interactive: #f6907e;
  --brand-color-text-on-dark-interactive-hover: #f5816c;
}

body,
*[data-app-brand=ford],
*[data-app-brand=ford] *,
*[data-app-brand=lincoln] *[data-component-brand=ford],
*[data-app-brand=lincoln] *[data-component-brand=ford] * {
  --brand-color-fill-on-light-interactive: #0562d2;
  --brand-color-fill-on-light-interactive-hover: #044ea7;
  --brand-color-fill-on-light-informational-subtle: #e4f1ff;
  --brand-color-fill-on-light-informational-strong: #0562d2;
  --brand-color-fill-on-light-brand-strong: #00095b;
  --brand-color-fill-on-light-brand-strongest: #00142e;
}

*[data-app-brand=lincoln],
*[data-app-brand=lincoln] *,
*[data-app-brand=ford] *[data-component-brand=lincoln],
*[data-app-brand=ford] *[data-component-brand=lincoln] * {
  --brand-color-fill-on-light-interactive: #f26147;
  --brand-color-fill-on-light-interactive-hover: #c44e3a;
  --brand-color-fill-on-light-informational-subtle: #feefed;
  --brand-color-fill-on-light-informational-strong: #f26147;
  --brand-color-fill-on-light-brand-strong: #485b65;
  --brand-color-fill-on-light-brand-strongest: #22292b;
}

body,
*[data-app-brand=ford],
*[data-app-brand=ford] *,
*[data-app-brand=lincoln] *[data-component-brand=ford],
*[data-app-brand=lincoln] *[data-component-brand=ford] * {
  --brand-color-fill-on-dark-interactive: #388cf2;
  --brand-color-fill-on-dark-interactive-hover: #2480f1;
  --brand-color-fill-on-dark-informational-subtle: #e4f1ff;
  --brand-color-fill-on-dark-informational-strong: #2480f1;
  --brand-color-fill-on-dark-brand-strong: #00095b;
  --brand-color-fill-on-dark-brand-strongest-twilight: #00142e;
  --brand-color-fill-on-dark-brand-strongest: #9ca3ad;
}

*[data-app-brand=lincoln],
*[data-app-brand=lincoln] *,
*[data-app-brand=lincoln] :deep(*),
*[data-app-brand=ford] *[data-component-brand=lincoln],
*[data-app-brand=ford] *[data-component-brand=lincoln] * {
  --brand-color-fill-on-dark-interactive: #f6907e;
  --brand-color-fill-on-dark-interactive-hover: #f5816c;
  --brand-color-fill-on-dark-informational-subtle: #feefed;
  --brand-color-fill-on-dark-informational-strong: #f5816c;
  --brand-color-fill-on-dark-brand-strong: #485b65;
  --brand-color-fill-on-dark-brand-strongest-twilight: #22292b;
  --brand-color-fill-on-dark-brand-strongest: #a3adb2;
}

body,
*[data-app-brand=ford],
*[data-app-brand=ford] *,
*[data-app-brand=lincoln] *[data-component-brand=ford],
*[data-app-brand=lincoln] *[data-component-brand=ford] * {
  --brand-color-icon-on-light-brand-strong: #00095b;
  --brand-color-icon-on-light-brand-strongest: #00142e;
  --brand-color-icon-on-light-interactive: #0562d2;
  --brand-color-icon-on-light-interactive-hover: #044ea7;
}

*[data-app-brand=lincoln],
*[data-app-brand=lincoln] *,
*[data-app-brand=ford] *[data-component-brand=lincoln],
*[data-app-brand=ford] *[data-component-brand=lincoln] * {
  --brand-color-icon-on-light-brand-strong: #485b65;
  --brand-color-icon-on-light-brand-strongest: #485b65;
  --brand-color-icon-on-light-interactive: #f26147;
  --brand-color-icon-on-light-interactive-hover: #c44e3a;
}

body,
*[data-app-brand=ford],
*[data-app-brand=ford] *,
*[data-app-brand=lincoln] *[data-component-brand=ford],
*[data-app-brand=lincoln] *[data-component-brand=ford] * {
  --brand-color-icon-on-dark-brand-strong: #666b9d;
  --brand-color-icon-on-dark-brand-strongest: #9ca3ad;
  --brand-color-icon-on-dark-interactive: #388cf2;
  --brand-color-icon-on-dark-interactive-hover: #2480f1;
}

*[data-app-brand=lincoln],
*[data-app-brand=lincoln] *,
*[data-app-brand=ford] *[data-component-brand=lincoln],
*[data-app-brand=ford] *[data-component-brand=lincoln] * {
  --brand-color-icon-on-dark-brand-strong: #919da3;
  --brand-color-icon-on-dark-brand-strongest: #a3adb2;
  --brand-color-icon-on-dark-interactive: #f6907e;
  --brand-color-icon-on-dark-interactive-hover: #f5816c;
}

body,
*[data-app-brand=ford],
*[data-app-brand=ford] *,
*[data-app-brand=lincoln] *[data-component-brand=ford],
*[data-app-brand=lincoln] *[data-component-brand=ford] * {
  --brand-color-stroke-on-light-brand-strong: #00095b;
  --brand-color-stroke-on-light-brand-strongest: #00142e;
  --brand-color-stroke-on-light-interactive: #0562d2;
  --brand-color-stroke-on-light-interactive-hover: #044ea7;
}

*[data-app-brand=lincoln],
*[data-app-brand=lincoln] *,
*[data-app-brand=ford] *[data-component-brand=lincoln],
*[data-app-brand=ford] *[data-component-brand=lincoln] * {
  --brand-color-stroke-on-light-brand-strong: #485b65;
  --brand-color-stroke-on-light-brand-strongest: #485b65;
  --brand-color-stroke-on-light-interactive: #f26147;
  --brand-color-stroke-on-light-interactive-hover: #c44e3a;
}

body,
*[data-app-brand=ford],
*[data-app-brand=ford] *,
*[data-app-brand=lincoln] *[data-component-brand=ford],
*[data-app-brand=lincoln] *[data-component-brand=ford] * {
  --brand-color-stroke-on-dark-brand-strong: #666b9d;
  --brand-color-stroke-on-dark-brand-strongest: #9ca3ad;
  --brand-color-stroke-on-dark-interactive: #388cf2;
  --brand-color-stroke-on-dark-interactive-hover: #2480f1;
}

*[data-app-brand=lincoln],
*[data-app-brand=lincoln] *,
*[data-app-brand=ford] *[data-component-brand=lincoln],
*[data-app-brand=ford] *[data-component-brand=lincoln] * {
  --brand-color-stroke-on-dark-brand-strong: #919da3;
  --brand-color-stroke-on-dark-brand-strongest: #a3adb2;
  --brand-color-stroke-on-dark-interactive: #f6907e;
  --brand-color-stroke-on-dark-interactive-hover: #f5816c;
}

/**** 2.2 Radius ****/
/**** 2.3 Spacing ****/
/**** 2.4 Border Width ****/
/********************************************
 * FORD COMPONENT VARIABLES                 *
 ********************************************/
/*----------------------*
 * ACCORDION ITEM       *
 *----------------------*/
/**** On Light ****/
/**** On Dark ****/
body,
*[data-app-brand=ford],
*[data-app-brand=ford] *,
*[data-app-brand=lincoln] *[data-component-brand=ford],
*[data-app-brand=lincoln] *[data-component-brand=ford] * {
  --brand-accordion-item-on-light-header-icon: #333333;
  --brand-accordion-item-on-light-title-open: #333333;
  --brand-accordion-item-on-light-subtitle-open: #333333;
}

*[data-app-brand=lincoln],
*[data-app-brand=lincoln] *,
*[data-app-brand=ford] *[data-component-brand=lincoln],
*[data-app-brand=ford] *[data-component-brand=lincoln] * {
  --brand-accordion-item-on-light-header-icon: var(--brand-color-icon-on-light-interactive);
  --brand-accordion-item-on-light-title-open: var(--brand-color-text-on-light-interactive);
  --brand-accordion-item-on-light-subtitle-open: var(--brand-color-text-on-light-interactive);
}

/*----------------------*
 * ACCORDION LIST       *
 *----------------------*/
/**** On Light ****/
/**** On Dark ****/
/*----------------------*
 * BUTTON               *
 *----------------------*/
/**** Shared ****/
/**** Primary ****/
/**** Secondary ****/
/**** Tertiary ****/
body,
*[data-app-brand=ford],
*[data-app-brand=ford] *,
*[data-app-brand=lincoln] *[data-component-brand=ford],
*[data-app-brand=lincoln] *[data-component-brand=ford] * {
  --brand-button-primary-default-on-light-fill: #066fef;
  --brand-button-primary-default-on-light-hover-fill: #044ea7;
  --brand-button-primary-default-on-dark-fill: #066fef;
  --brand-button-primary-default-on-dark-hover-fill: #0562d2;
  --brand-button-secondary-default-on-light-border: var(--brand-color-stroke-on-light-interactive);
  --brand-button-secondary-default-on-light-text: var(--brand-color-text-on-light-interactive);
  --brand-button-secondary-default-on-light-icon: var(--brand-color-icon-on-light-interactive);
  --brand-button-secondary-default-on-light-hover-border: var(--brand-color-stroke-on-light-interactive-hover);
  --brand-button-secondary-default-on-light-hover-text: var(--brand-color-text-on-light-interactive-hover);
  --brand-button-secondary-default-on-light-hover-icon: var(--brand-color-icon-on-light-interactive-hover);
  --brand-button-secondary-default-on-dark-border: var(--brand-color-stroke-on-dark-interactive);
  --brand-button-secondary-default-on-dark-text: var(--brand-color-text-on-dark-interactive);
  --brand-button-secondary-default-on-dark-icon: var(--brand-color-icon-on-dark-interactive);
  --brand-button-secondary-default-on-dark-hover-border: var(--brand-color-stroke-on-dark-interactive-hover);
  --brand-button-secondary-default-on-dark-hover-text: var(--brand-color-text-on-dark-interactive-hover);
  --brand-button-secondary-default-on-dark-hover-icon: var(--brand-color-icon-on-dark-interactive-hover);
  --brand-button-tertiary-default-on-light-text: var(--brand-color-text-on-light-interactive);
  --brand-button-tertiary-default-on-light-icon: var(--brand-color-icon-on-light-interactive);
  --brand-button-tertiary-default-on-light-hover-text: var(--brand-color-text-on-light-interactive-hover);
  --brand-button-tertiary-default-on-light-hover-icon: var(--brand-color-icon-on-light-interactive-hover);
  --brand-button-tertiary-default-on-dark-text: var(--brand-color-text-on-dark-interactive);
  --brand-button-tertiary-default-on-dark-icon: var(--brand-color-icon-on-dark-interactive);
  --brand-button-tertiary-default-on-dark-hover-text: var(--brand-color-text-on-dark-interactive-hover);
  --brand-button-tertiary-default-on-dark-hover-icon: var(--brand-color-icon-on-dark-interactive-hover);
}

*[data-app-brand=lincoln],
*[data-app-brand=lincoln] *,
*[data-app-brand=ford] *[data-component-brand=lincoln],
*[data-app-brand=ford] *[data-component-brand=lincoln] * {
  --brand-button-primary-default-on-light-fill: var(--brand-color-fill-on-light-brand-strong);
  --brand-button-primary-default-on-light-hover-fill: var(--brand-color-fill-on-light-brand-strong);
  --brand-button-primary-default-on-dark-fill: var(--brand-color-fill-on-dark-brand-strong);
  --brand-button-primary-default-on-dark-hover-fill: var(--brand-color-fill-on-dark-brand-strong);
  --brand-button-secondary-default-on-light-border: var(--brand-color-stroke-on-light-brand-strong);
  --brand-button-secondary-default-on-light-text: var(--brand-color-text-on-light-brand-strong);
  --brand-button-secondary-default-on-light-icon: var(--brand-color-icon-on-light-brand-strong);
  --brand-button-secondary-default-on-light-hover-border: var(--brand-color-stroke-on-light-brand-strong);
  --brand-button-secondary-default-on-light-hover-text: var(--brand-color-text-on-light-brand-strong);
  --brand-button-secondary-default-on-light-hover-icon: var(--brand-color-icon-on-light-brand-strong);
  --brand-button-secondary-default-on-dark-border: var(--brand-color-stroke-on-dark-brand-strong);
  --brand-button-secondary-default-on-dark-text: var(--brand-color-text-on-dark-brand-strong);
  --brand-button-secondary-default-on-dark-icon: var(--brand-color-icon-on-dark-brand-strong);
  --brand-button-secondary-default-on-dark-hover-border: var(--brand-color-stroke-on-dark-brand-strong);
  --brand-button-secondary-default-on-dark-hover-text: var(--brand-color-text-on-dark-brand-strong);
  --brand-button-secondary-default-on-dark-hover-icon: var(--brand-color-icon-on-dark-brand-strong);
  --brand-button-tertiary-default-on-light-text: var(--brand-color-text-on-light-brand-strong);
  --brand-button-tertiary-default-on-light-icon: var(--brand-color-icon-on-light-brand-strong);
  --brand-button-tertiary-default-on-light-hover-text: var(--brand-color-text-on-light-brand-strong);
  --brand-button-tertiary-default-on-light-hover-icon: var(--brand-color-icon-on-light-brand-strong);
  --brand-button-tertiary-default-on-dark-text: var(--brand-color-text-on-dark-brand-strong);
  --brand-button-tertiary-default-on-dark-icon: var(--brand-color-icon-on-dark-brand-strong);
  --brand-button-tertiary-default-on-dark-hover-text: var(--brand-color-text-on-dark-brand-strong);
  --brand-button-tertiary-default-on-dark-hover-icon: var(--brand-color-icon-on-dark-brand-strong);
}

/*----------------------*
 * CARD                 *
 *----------------------*/
/*----------------------*
 * CAROUSEL             *
 *----------------------*/
/*----------------------*
 * CHECKBOX             *
 *----------------------*/
/**** On Light ****/
/**** On Dark ****/
body,
*[data-app-brand=ford],
*[data-app-brand=ford] *,
*[data-app-brand=lincoln] *[data-component-brand=ford],
*[data-app-brand=lincoln] *[data-component-brand=ford] * {
  --brand-checkbox-on-light-fill-selected: #066fef;
  --brand-checkbox-on-light-border-disabled: #066fef;
  --brand-checkbox-on-dark-fill-selected: #066fef;
  --brand-checkbox-on-dark-border-disabled: #066fef;
}

*[data-app-brand=lincoln],
*[data-app-brand=lincoln] *,
*[data-app-brand=ford] *[data-component-brand=lincoln],
*[data-app-brand=ford] *[data-component-brand=lincoln] * {
  --brand-checkbox-on-light-fill-selected: var(--brand-color-fill-on-light-interactive);
  --brand-checkbox-on-light-border-disabled: var(--brand-color-stroke-on-light-interactive);
  --brand-checkbox-on-dark-fill-selected: var(--brand-color-fill-on-dark-interactive);
  --brand-checkbox-on-dark-border-disabled: var(--brand-color-stroke-on-dark-interactive);
}

/*----------------------*
 * CHECKBOX GROUP       *
 *----------------------*/
/**** On Light ****/
/**** On Dark ****/
/*----------------------*
 * CHIP                 *
 *----------------------*/
/* Informational Bold */
/* Informational Subtle */
/* Dismissible */
/* Clickable */
/*---------------------------*
 * CIRCLE PROGRESS INDICATOR *
 *---------------------------*/
/**** On Light ****/
/**** On Dark ****/
/*---------------------------*
 * DIALOGUE MODAL            *
 *---------------------------*/
/*---------------------------*
 * DIALOGUE NOTIFICATION     *
 *---------------------------*/
/*---------------------------*
 * DIALOGUE SNACKBAR         *
 *---------------------------*/
/*---------------------------*
 * DROPDOWN MENU             *
 *---------------------------*/
/*---------------------------*
 * DROPDOWN MENU OPTION      *
 *---------------------------*/
/*---------------------------*
 * DROPDOWN MENU BUTTON      *
 *---------------------------*/
/*---------------------------*
 * INPUTS                    *
 *---------------------------*/
/* On Light */
/* On Dark */
/*---------------------------*
 * DROPDOWN SELECT           *
 *---------------------------*/
/* On Light */
/* On Dark */
/*---------------------------*
 * LIST ITEM                 *
 *---------------------------*/
/*---------------------------*
 * RADIO BUTTON              *
 *---------------------------*/
/* On Light */
/* On Dark */
/*---------------------------*
 * RADIO BUTTON GROUP        *
 *---------------------------*/
/* On Light */
/* On Dark */
/*---------------------------*
 * DRAWER                    *
 *---------------------------*/
/*---------------------------*
 * SELECTION CARD            *
 *---------------------------*/
/*---------------------------*
 * TABS                      *
 *---------------------------*/
/*---------------------------*
 * SEGMENTED CONTROLS        *
 *---------------------------*/
/*---------------------------*
 * COMBO BOX                 *
 *---------------------------*/
.cms-page-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
}
.cms-page-container .cms-content-container {
  width: 100%;
  display: flex;
  align-items: flex-start;
}
.cms-page-container .cms-content-container .cms-sidebar {
  width: 250px;
  border-radius: 8px;
  background-color: #f0f0f0;
  overflow: hidden;
}
.cms-page-container .cms-content-container .cms-sidebar ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.cms-page-container .cms-content-container .cms-sidebar ul li a {
  display: block;
  padding: 12px;
  color: inherit;
}
.cms-page-container .cms-content-container .cms-sidebar ul li a.active {
  background-color: #cccccc;
}
.cms-page-container .cms-content-container .cms-sidebar ul li a:hover {
  text-decoration: none;
  background-color: #cccccc;
}
.cms-page-container .cms-content-container .cms-sidebar ul li:not(:last-of-type) a {
  border-bottom: 1px solid #b2b2b2;
}
.cms-page-container .cms-content-container .cms-main-content {
  width: calc(100% - 250px - 56px);
  margin-left: 56px;
}
.cms-page-container .cms-content-container .cms-main-content .index-table-content {
  width: 100%;
}
.cms-page-container .cms-content-container .cms-main-content .index-table-content .table-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  padding-bottom: 24px;
  margin-bottom: 24px;
  border-bottom: 1px solid #b2b2b2;
}
.cms-page-container .cms-content-container .cms-main-content .index-table-content .table-wrapper {
  overflow-x: scroll;
}
.cms-page-container .cms-content-container .cms-main-content .index-table-content .table-wrapper table {
  width: 100%;
}
.cms-page-container .cms-content-container .cms-main-content .index-table-content .table-wrapper table thead th {
  padding: 12px 16px 12px 0;
}
.cms-page-container .cms-content-container .cms-main-content .index-table-content .table-wrapper table thead th:has(input.id-field) {
  max-width: 100px;
}
.cms-page-container .cms-content-container .cms-main-content .index-table-content .table-wrapper table thead th:first-of-type {
  padding-left: 16px;
}
.cms-page-container .cms-content-container .cms-main-content .index-table-content .table-wrapper table thead th .th-content-container {
  display: flex;
  flex-direction: column;
}
.cms-page-container .cms-content-container .cms-main-content .index-table-content .table-wrapper table thead th .th-content-container .sort_link {
  display: flex;
  justify-content: space-between;
  margin-bottom: 4px;
}
.cms-page-container .cms-content-container .cms-main-content .index-table-content .table-wrapper table thead th .th-content-container input, .cms-page-container .cms-content-container .cms-main-content .index-table-content .table-wrapper table thead th .th-content-container select {
  border: 1px solid gray;
  border-radius: 4px;
  box-sizing: border-box;
  height: 34px;
  padding: 4px 8px;
  background-color: white;
}
.cms-page-container .cms-content-container .cms-main-content .index-table-content .table-wrapper table thead th.control-btns-col {
  vertical-align: bottom;
}
.cms-page-container .cms-content-container .cms-main-content .index-table-content .table-wrapper table tbody td {
  padding: 12px 16px 12px 0;
}
.cms-page-container .cms-content-container .cms-main-content .index-table-content .table-wrapper table tbody td:first-of-type {
  padding-left: 16px;
}
.cms-page-container .cms-content-container .cms-main-content .index-table-content .table-wrapper table tbody td .control-btn-container {
  display: flex;
  gap: 8px;
}
.cms-page-container .cms-content-container .cms-main-content .index-table-content .pagination {
  width: 100%;
  display: flex;
  flex-direction: column;
  text-align: center;
  align-items: center;
}
.cms-page-container .cms-content-container .cms-main-content .index-table-content .pagination nav.pagy.nav {
  width: fit-content;
  display: flex;
  gap: 4px;
}
.cms-page-container .cms-content-container .cms-main-content .record-show-content .table-wrapper table {
  width: 100%;
}
.cms-page-container .cms-content-container .cms-main-content .record-show-content .table-wrapper table td, .cms-page-container .cms-content-container .cms-main-content .record-show-content .table-wrapper table th {
  padding: 12px 16px 12px 0;
}
.cms-page-container .cms-content-container .cms-main-content .record-show-content .table-wrapper table td:first-of-type, .cms-page-container .cms-content-container .cms-main-content .record-show-content .table-wrapper table th:first-of-type {
  padding-left: 16px;
}
.cms-page-container .cms-content-container .cms-main-content .record-show-content .table-wrapper .table-heading {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  padding-bottom: 24px;
  margin-bottom: 24px;
  border-bottom: 1px solid #b2b2b2;
}
.cms-page-container .cms-content-container .cms-main-content .record-show-content .table-wrapper .table-heading .control-btn-container {
  display: flex;
  gap: 8px;
}
.cms-page-container .cms-content-container .cms-main-content .record-show-content .papertrail-table-content {
  margin-top: 24px;
}
.cms-page-container .cms-content-container .cms-main-content .record-edit-content .table-wrapper .record-edit-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  padding-bottom: 24px;
  margin-bottom: 24px;
  border-bottom: 1px solid #b2b2b2;
}
.cms-page-container .cms-content-container .cms-main-content .record-edit-content .table-wrapper .record-edit-header .control-btn-container {
  display: flex;
  gap: 8px;
}
.cms-page-container .cms-content-container .cms-main-content .record-edit-content .table-wrapper .record-edit-fields-container .edit-record-field-row .select2 {
  width: 300px !important;
}
.cms-page-container .cms-content-container .cms-main-content .record-edit-content .table-wrapper .record-edit-fields-container .edit-record-field-row:not(:last-of-type) {
  margin-bottom: 12px;
}
.cms-page-container .cms-content-container .cms-main-content .record-edit-content .table-wrapper .record-edit-fields-container .edit-record-field-row:not(:last-of-type) input:not([type=checkbox]), .cms-page-container .cms-content-container .cms-main-content .record-edit-content .table-wrapper .record-edit-fields-container .edit-record-field-row:not(:last-of-type) select {
  width: 100%;
  max-width: 300px;
  padding: 4px 12px;
}
.cms-page-container .cms-content-container .cms-main-content .record-edit-content .table-wrapper .record-edit-fields-container label:not(.checkbox-label) {
  width: 100%;
}
.cms-page-container .cms-content-container .cms-main-content .record-edit-content .table-wrapper .record-edit-fields-container .active-storage-image-field {
  padding-top: 16px;
  padding-bottom: 16px;
}
.cms-page-container .cms-content-container .cms-main-content .record-edit-content .table-wrapper .record-edit-fields-container .checkbox-label {
  padding-left: 16px;
}
.cms-page-container .cms-content-container .cms-main-content .record-edit-content .table-wrapper .record-edit-fields-container .save-btn-container {
  margin-top: 16px;
}

.select2-container--default .select2-results__option[aria-disabled=true] {
  display: none;
}

#app-main {
  background-color: white;
  width: 100%;
  min-height: calc(100vh - 56px - 82px);
}
#app-main #app {
  min-height: calc(100vh - 56px - 82px);
}

/*************************************************************
 * BASE FORD VARIABLES                                       *
 * 1. PRIMITIVES                                             *
 *    1.1 Breakpoints                                        *
 *    1.2 Color                                              *
 *        1.2.1 Ford Colors                                  *
 *              1.2.1.1 Ford Blue                            *
 *              1.2.1.2 Grabber                              *
 *              1.2.1.3 Skyview                              *
 *              1.2.1.4 Twilight                             *
 *        1.2.2 Lincoln Colors                               *
 *              1.2.2.1 Graphite                             *
 *              1.2.2.2 Coral                                *
 *        1.2.3 Shared Colors                                *
 *              1.2.3.1 Green                                *
 *              1.2.3.2 Amber                                *
 *              1.2.3.3 Red                                  *
 *              1.2.3.4 Neutral                              *
 *              1.2.3.5 Opacity-White                        *
 *              1.2.3.6 Opacity-Black                        *
 *    1.3 Spacing                                            *
 *    1.4 Radius                                             *
 *    1.5 Border Width                                       *
 * 2. ALIASES                                                *
 *    2.1 Color                                              *
 *        2.1.1  Light Text Colors                           *
 *        2.1.2  Dark Text Colors                            *
 *        2.1.3  Light Fill Colors                           *
 *        2.1.4  Dark Fill Colors                            *
 *        2.1.5  Light Icon Colors                           *
 *        2.1.6  Dark Icon Colors                            *
 *        2.1.7  Light Stroke Colors                         *
 *        2.1.8  Dark Stroke Colors                          *
 *        2.1.9  Opacity Black                               *
 *        2.1.10 Opacity White                               *
 *    2.2 Radius                                             *
 *    2.3 Spacing                                            *
 *    2.4 Border Width                                       *
 *                                                           *
 * FORD COMPONENT VARIABLES                                  *
 *************************************************************/
/********************************************
 * BASE FORD VARIABLES                      *
 ********************************************/
/*----------------------*
 * 1. PRIMITIVES        *
 *----------------------*/
/**** 1.1 Breakpoints ****/
/**** 1.2 Color ****/
/* 1.2.1 Ford Colors */
/* 1.2.2 Lincoln Colors */
/* 1.2.3 Shared Colors */
/**** 1.3 Spacing ****/
/**** 1.4 Radius ****/
/**** 1.5 Border Width ****/
/*----------------------*
 * 2. ALIASES           *
 *----------------------*/
/**** 2.1 Color ****/
body,
*[data-app-brand=ford],
*[data-app-brand=ford] *,
*[data-app-brand=lincoln] *[data-component-brand=ford],
*[data-app-brand=lincoln] *[data-component-brand=ford] * {
  --brand-color-text-on-light-brand-strong: #00095b;
  --brand-color-text-on-light-brand-strongest: #00142e;
  --brand-color-text-on-light-interactive: #0562d2;
  --brand-color-text-on-light-interactive-hover: #044ea7;
}

*[data-app-brand=lincoln],
*[data-app-brand=lincoln] *,
*[data-app-brand=ford] *[data-component-brand=lincoln],
*[data-app-brand=ford] *[data-component-brand=lincoln] * {
  --brand-color-text-on-light-brand-strong: #485b65;
  --brand-color-text-on-light-brand-strongest: #22292b;
  --brand-color-text-on-light-interactive: #f26147;
  --brand-color-text-on-light-interactive-hover: #c44e3a;
}

body,
*[data-app-brand=ford],
*[data-app-brand=ford] *,
*[data-app-brand=lincoln] *[data-component-brand=ford],
*[data-app-brand=lincoln] *[data-component-brand=ford] * {
  --brand-color-text-on-dark-brand-strong: #666b9d;
  --brand-color-text-on-dark-brand-strongest: #9ca3ad;
  --brand-color-text-on-dark-interactive: #388cf2;
  --brand-color-text-on-dark-interactive-hover: #2480f1;
}

*[data-app-brand=lincoln],
*[data-app-brand=lincoln] *,
*[data-app-brand=ford] *[data-component-brand=lincoln],
*[data-app-brand=ford] *[data-component-brand=lincoln] * {
  --brand-color-text-on-dark-brand-strong: #919da3;
  --brand-color-text-on-dark-brand-strongest: #a3adb2;
  --brand-color-text-on-dark-interactive: #f6907e;
  --brand-color-text-on-dark-interactive-hover: #f5816c;
}

body,
*[data-app-brand=ford],
*[data-app-brand=ford] *,
*[data-app-brand=lincoln] *[data-component-brand=ford],
*[data-app-brand=lincoln] *[data-component-brand=ford] * {
  --brand-color-fill-on-light-interactive: #0562d2;
  --brand-color-fill-on-light-interactive-hover: #044ea7;
  --brand-color-fill-on-light-informational-subtle: #e4f1ff;
  --brand-color-fill-on-light-informational-strong: #0562d2;
  --brand-color-fill-on-light-brand-strong: #00095b;
  --brand-color-fill-on-light-brand-strongest: #00142e;
}

*[data-app-brand=lincoln],
*[data-app-brand=lincoln] *,
*[data-app-brand=ford] *[data-component-brand=lincoln],
*[data-app-brand=ford] *[data-component-brand=lincoln] * {
  --brand-color-fill-on-light-interactive: #f26147;
  --brand-color-fill-on-light-interactive-hover: #c44e3a;
  --brand-color-fill-on-light-informational-subtle: #feefed;
  --brand-color-fill-on-light-informational-strong: #f26147;
  --brand-color-fill-on-light-brand-strong: #485b65;
  --brand-color-fill-on-light-brand-strongest: #22292b;
}

body,
*[data-app-brand=ford],
*[data-app-brand=ford] *,
*[data-app-brand=lincoln] *[data-component-brand=ford],
*[data-app-brand=lincoln] *[data-component-brand=ford] * {
  --brand-color-fill-on-dark-interactive: #388cf2;
  --brand-color-fill-on-dark-interactive-hover: #2480f1;
  --brand-color-fill-on-dark-informational-subtle: #e4f1ff;
  --brand-color-fill-on-dark-informational-strong: #2480f1;
  --brand-color-fill-on-dark-brand-strong: #00095b;
  --brand-color-fill-on-dark-brand-strongest-twilight: #00142e;
  --brand-color-fill-on-dark-brand-strongest: #9ca3ad;
}

*[data-app-brand=lincoln],
*[data-app-brand=lincoln] *,
*[data-app-brand=lincoln] :deep(*),
*[data-app-brand=ford] *[data-component-brand=lincoln],
*[data-app-brand=ford] *[data-component-brand=lincoln] * {
  --brand-color-fill-on-dark-interactive: #f6907e;
  --brand-color-fill-on-dark-interactive-hover: #f5816c;
  --brand-color-fill-on-dark-informational-subtle: #feefed;
  --brand-color-fill-on-dark-informational-strong: #f5816c;
  --brand-color-fill-on-dark-brand-strong: #485b65;
  --brand-color-fill-on-dark-brand-strongest-twilight: #22292b;
  --brand-color-fill-on-dark-brand-strongest: #a3adb2;
}

body,
*[data-app-brand=ford],
*[data-app-brand=ford] *,
*[data-app-brand=lincoln] *[data-component-brand=ford],
*[data-app-brand=lincoln] *[data-component-brand=ford] * {
  --brand-color-icon-on-light-brand-strong: #00095b;
  --brand-color-icon-on-light-brand-strongest: #00142e;
  --brand-color-icon-on-light-interactive: #0562d2;
  --brand-color-icon-on-light-interactive-hover: #044ea7;
}

*[data-app-brand=lincoln],
*[data-app-brand=lincoln] *,
*[data-app-brand=ford] *[data-component-brand=lincoln],
*[data-app-brand=ford] *[data-component-brand=lincoln] * {
  --brand-color-icon-on-light-brand-strong: #485b65;
  --brand-color-icon-on-light-brand-strongest: #485b65;
  --brand-color-icon-on-light-interactive: #f26147;
  --brand-color-icon-on-light-interactive-hover: #c44e3a;
}

body,
*[data-app-brand=ford],
*[data-app-brand=ford] *,
*[data-app-brand=lincoln] *[data-component-brand=ford],
*[data-app-brand=lincoln] *[data-component-brand=ford] * {
  --brand-color-icon-on-dark-brand-strong: #666b9d;
  --brand-color-icon-on-dark-brand-strongest: #9ca3ad;
  --brand-color-icon-on-dark-interactive: #388cf2;
  --brand-color-icon-on-dark-interactive-hover: #2480f1;
}

*[data-app-brand=lincoln],
*[data-app-brand=lincoln] *,
*[data-app-brand=ford] *[data-component-brand=lincoln],
*[data-app-brand=ford] *[data-component-brand=lincoln] * {
  --brand-color-icon-on-dark-brand-strong: #919da3;
  --brand-color-icon-on-dark-brand-strongest: #a3adb2;
  --brand-color-icon-on-dark-interactive: #f6907e;
  --brand-color-icon-on-dark-interactive-hover: #f5816c;
}

body,
*[data-app-brand=ford],
*[data-app-brand=ford] *,
*[data-app-brand=lincoln] *[data-component-brand=ford],
*[data-app-brand=lincoln] *[data-component-brand=ford] * {
  --brand-color-stroke-on-light-brand-strong: #00095b;
  --brand-color-stroke-on-light-brand-strongest: #00142e;
  --brand-color-stroke-on-light-interactive: #0562d2;
  --brand-color-stroke-on-light-interactive-hover: #044ea7;
}

*[data-app-brand=lincoln],
*[data-app-brand=lincoln] *,
*[data-app-brand=ford] *[data-component-brand=lincoln],
*[data-app-brand=ford] *[data-component-brand=lincoln] * {
  --brand-color-stroke-on-light-brand-strong: #485b65;
  --brand-color-stroke-on-light-brand-strongest: #485b65;
  --brand-color-stroke-on-light-interactive: #f26147;
  --brand-color-stroke-on-light-interactive-hover: #c44e3a;
}

body,
*[data-app-brand=ford],
*[data-app-brand=ford] *,
*[data-app-brand=lincoln] *[data-component-brand=ford],
*[data-app-brand=lincoln] *[data-component-brand=ford] * {
  --brand-color-stroke-on-dark-brand-strong: #666b9d;
  --brand-color-stroke-on-dark-brand-strongest: #9ca3ad;
  --brand-color-stroke-on-dark-interactive: #388cf2;
  --brand-color-stroke-on-dark-interactive-hover: #2480f1;
}

*[data-app-brand=lincoln],
*[data-app-brand=lincoln] *,
*[data-app-brand=ford] *[data-component-brand=lincoln],
*[data-app-brand=ford] *[data-component-brand=lincoln] * {
  --brand-color-stroke-on-dark-brand-strong: #919da3;
  --brand-color-stroke-on-dark-brand-strongest: #a3adb2;
  --brand-color-stroke-on-dark-interactive: #f6907e;
  --brand-color-stroke-on-dark-interactive-hover: #f5816c;
}

/**** 2.2 Radius ****/
/**** 2.3 Spacing ****/
/**** 2.4 Border Width ****/
/********************************************
 * FORD COMPONENT VARIABLES                 *
 ********************************************/
/*----------------------*
 * ACCORDION ITEM       *
 *----------------------*/
/**** On Light ****/
/**** On Dark ****/
body,
*[data-app-brand=ford],
*[data-app-brand=ford] *,
*[data-app-brand=lincoln] *[data-component-brand=ford],
*[data-app-brand=lincoln] *[data-component-brand=ford] * {
  --brand-accordion-item-on-light-header-icon: #333333;
  --brand-accordion-item-on-light-title-open: #333333;
  --brand-accordion-item-on-light-subtitle-open: #333333;
}

*[data-app-brand=lincoln],
*[data-app-brand=lincoln] *,
*[data-app-brand=ford] *[data-component-brand=lincoln],
*[data-app-brand=ford] *[data-component-brand=lincoln] * {
  --brand-accordion-item-on-light-header-icon: var(--brand-color-icon-on-light-interactive);
  --brand-accordion-item-on-light-title-open: var(--brand-color-text-on-light-interactive);
  --brand-accordion-item-on-light-subtitle-open: var(--brand-color-text-on-light-interactive);
}

/*----------------------*
 * ACCORDION LIST       *
 *----------------------*/
/**** On Light ****/
/**** On Dark ****/
/*----------------------*
 * BUTTON               *
 *----------------------*/
/**** Shared ****/
/**** Primary ****/
/**** Secondary ****/
/**** Tertiary ****/
body,
*[data-app-brand=ford],
*[data-app-brand=ford] *,
*[data-app-brand=lincoln] *[data-component-brand=ford],
*[data-app-brand=lincoln] *[data-component-brand=ford] * {
  --brand-button-primary-default-on-light-fill: #066fef;
  --brand-button-primary-default-on-light-hover-fill: #044ea7;
  --brand-button-primary-default-on-dark-fill: #066fef;
  --brand-button-primary-default-on-dark-hover-fill: #0562d2;
  --brand-button-secondary-default-on-light-border: var(--brand-color-stroke-on-light-interactive);
  --brand-button-secondary-default-on-light-text: var(--brand-color-text-on-light-interactive);
  --brand-button-secondary-default-on-light-icon: var(--brand-color-icon-on-light-interactive);
  --brand-button-secondary-default-on-light-hover-border: var(--brand-color-stroke-on-light-interactive-hover);
  --brand-button-secondary-default-on-light-hover-text: var(--brand-color-text-on-light-interactive-hover);
  --brand-button-secondary-default-on-light-hover-icon: var(--brand-color-icon-on-light-interactive-hover);
  --brand-button-secondary-default-on-dark-border: var(--brand-color-stroke-on-dark-interactive);
  --brand-button-secondary-default-on-dark-text: var(--brand-color-text-on-dark-interactive);
  --brand-button-secondary-default-on-dark-icon: var(--brand-color-icon-on-dark-interactive);
  --brand-button-secondary-default-on-dark-hover-border: var(--brand-color-stroke-on-dark-interactive-hover);
  --brand-button-secondary-default-on-dark-hover-text: var(--brand-color-text-on-dark-interactive-hover);
  --brand-button-secondary-default-on-dark-hover-icon: var(--brand-color-icon-on-dark-interactive-hover);
  --brand-button-tertiary-default-on-light-text: var(--brand-color-text-on-light-interactive);
  --brand-button-tertiary-default-on-light-icon: var(--brand-color-icon-on-light-interactive);
  --brand-button-tertiary-default-on-light-hover-text: var(--brand-color-text-on-light-interactive-hover);
  --brand-button-tertiary-default-on-light-hover-icon: var(--brand-color-icon-on-light-interactive-hover);
  --brand-button-tertiary-default-on-dark-text: var(--brand-color-text-on-dark-interactive);
  --brand-button-tertiary-default-on-dark-icon: var(--brand-color-icon-on-dark-interactive);
  --brand-button-tertiary-default-on-dark-hover-text: var(--brand-color-text-on-dark-interactive-hover);
  --brand-button-tertiary-default-on-dark-hover-icon: var(--brand-color-icon-on-dark-interactive-hover);
}

*[data-app-brand=lincoln],
*[data-app-brand=lincoln] *,
*[data-app-brand=ford] *[data-component-brand=lincoln],
*[data-app-brand=ford] *[data-component-brand=lincoln] * {
  --brand-button-primary-default-on-light-fill: var(--brand-color-fill-on-light-brand-strong);
  --brand-button-primary-default-on-light-hover-fill: var(--brand-color-fill-on-light-brand-strong);
  --brand-button-primary-default-on-dark-fill: var(--brand-color-fill-on-dark-brand-strong);
  --brand-button-primary-default-on-dark-hover-fill: var(--brand-color-fill-on-dark-brand-strong);
  --brand-button-secondary-default-on-light-border: var(--brand-color-stroke-on-light-brand-strong);
  --brand-button-secondary-default-on-light-text: var(--brand-color-text-on-light-brand-strong);
  --brand-button-secondary-default-on-light-icon: var(--brand-color-icon-on-light-brand-strong);
  --brand-button-secondary-default-on-light-hover-border: var(--brand-color-stroke-on-light-brand-strong);
  --brand-button-secondary-default-on-light-hover-text: var(--brand-color-text-on-light-brand-strong);
  --brand-button-secondary-default-on-light-hover-icon: var(--brand-color-icon-on-light-brand-strong);
  --brand-button-secondary-default-on-dark-border: var(--brand-color-stroke-on-dark-brand-strong);
  --brand-button-secondary-default-on-dark-text: var(--brand-color-text-on-dark-brand-strong);
  --brand-button-secondary-default-on-dark-icon: var(--brand-color-icon-on-dark-brand-strong);
  --brand-button-secondary-default-on-dark-hover-border: var(--brand-color-stroke-on-dark-brand-strong);
  --brand-button-secondary-default-on-dark-hover-text: var(--brand-color-text-on-dark-brand-strong);
  --brand-button-secondary-default-on-dark-hover-icon: var(--brand-color-icon-on-dark-brand-strong);
  --brand-button-tertiary-default-on-light-text: var(--brand-color-text-on-light-brand-strong);
  --brand-button-tertiary-default-on-light-icon: var(--brand-color-icon-on-light-brand-strong);
  --brand-button-tertiary-default-on-light-hover-text: var(--brand-color-text-on-light-brand-strong);
  --brand-button-tertiary-default-on-light-hover-icon: var(--brand-color-icon-on-light-brand-strong);
  --brand-button-tertiary-default-on-dark-text: var(--brand-color-text-on-dark-brand-strong);
  --brand-button-tertiary-default-on-dark-icon: var(--brand-color-icon-on-dark-brand-strong);
  --brand-button-tertiary-default-on-dark-hover-text: var(--brand-color-text-on-dark-brand-strong);
  --brand-button-tertiary-default-on-dark-hover-icon: var(--brand-color-icon-on-dark-brand-strong);
}

/*----------------------*
 * CARD                 *
 *----------------------*/
/*----------------------*
 * CAROUSEL             *
 *----------------------*/
/*----------------------*
 * CHECKBOX             *
 *----------------------*/
/**** On Light ****/
/**** On Dark ****/
body,
*[data-app-brand=ford],
*[data-app-brand=ford] *,
*[data-app-brand=lincoln] *[data-component-brand=ford],
*[data-app-brand=lincoln] *[data-component-brand=ford] * {
  --brand-checkbox-on-light-fill-selected: #066fef;
  --brand-checkbox-on-light-border-disabled: #066fef;
  --brand-checkbox-on-dark-fill-selected: #066fef;
  --brand-checkbox-on-dark-border-disabled: #066fef;
}

*[data-app-brand=lincoln],
*[data-app-brand=lincoln] *,
*[data-app-brand=ford] *[data-component-brand=lincoln],
*[data-app-brand=ford] *[data-component-brand=lincoln] * {
  --brand-checkbox-on-light-fill-selected: var(--brand-color-fill-on-light-interactive);
  --brand-checkbox-on-light-border-disabled: var(--brand-color-stroke-on-light-interactive);
  --brand-checkbox-on-dark-fill-selected: var(--brand-color-fill-on-dark-interactive);
  --brand-checkbox-on-dark-border-disabled: var(--brand-color-stroke-on-dark-interactive);
}

/*----------------------*
 * CHECKBOX GROUP       *
 *----------------------*/
/**** On Light ****/
/**** On Dark ****/
/*----------------------*
 * CHIP                 *
 *----------------------*/
/* Informational Bold */
/* Informational Subtle */
/* Dismissible */
/* Clickable */
/*---------------------------*
 * CIRCLE PROGRESS INDICATOR *
 *---------------------------*/
/**** On Light ****/
/**** On Dark ****/
/*---------------------------*
 * DIALOGUE MODAL            *
 *---------------------------*/
/*---------------------------*
 * DIALOGUE NOTIFICATION     *
 *---------------------------*/
/*---------------------------*
 * DIALOGUE SNACKBAR         *
 *---------------------------*/
/*---------------------------*
 * DROPDOWN MENU             *
 *---------------------------*/
/*---------------------------*
 * DROPDOWN MENU OPTION      *
 *---------------------------*/
/*---------------------------*
 * DROPDOWN MENU BUTTON      *
 *---------------------------*/
/*---------------------------*
 * INPUTS                    *
 *---------------------------*/
/* On Light */
/* On Dark */
/*---------------------------*
 * DROPDOWN SELECT           *
 *---------------------------*/
/* On Light */
/* On Dark */
/*---------------------------*
 * LIST ITEM                 *
 *---------------------------*/
/*---------------------------*
 * RADIO BUTTON              *
 *---------------------------*/
/* On Light */
/* On Dark */
/*---------------------------*
 * RADIO BUTTON GROUP        *
 *---------------------------*/
/* On Light */
/* On Dark */
/*---------------------------*
 * DRAWER                    *
 *---------------------------*/
/*---------------------------*
 * SELECTION CARD            *
 *---------------------------*/
/*---------------------------*
 * TABS                      *
 *---------------------------*/
/*---------------------------*
 * SEGMENTED CONTROLS        *
 *---------------------------*/
/*---------------------------*
 * COMBO BOX                 *
 *---------------------------*/
#user-login-container {
  width: 100%;
  padding: 56px;
  display: flex;
  justify-content: center;
}
@media screen and (min-width: 320px) and (max-width: 991px) {
  #user-login-container {
    padding: 40px;
  }
}
@media screen and (max-width: 319px) {
  #user-login-container {
    padding: 24px;
  }
}
#user-login-container .sign-in-area {
  width: 100%;
  max-width: 800px;
}