npm - @cfpb/cfpb-design-system - Versions diffs - 3.4.13 → 3.5.0 - Mend

@cfpb/cfpb-design-system 3.4.13 → 3.5.0

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

Files changed (21) hide show

package/CHANGELOG.md +23 -1
package/dist/components/cfpb-expandables/index.css +1 -1
package/dist/components/cfpb-expandables/index.css.map +2 -2
package/dist/components/cfpb-expandables/index.js.map +1 -1
package/dist/components/cfpb-forms/index.css +1 -1
package/dist/components/cfpb-forms/index.css.map +2 -2
package/dist/components/cfpb-forms/index.js.map +1 -1
package/dist/components/cfpb-layout/index.css +1 -1
package/dist/components/cfpb-layout/index.css.map +2 -2
package/dist/components/cfpb-layout/index.js +1 -1
package/dist/components/cfpb-layout/index.js.map +1 -1
package/dist/index.css +1 -1
package/dist/index.css.map +2 -2
package/dist/index.js.map +1 -1
package/dist/utilities/index.css +1 -1
package/dist/utilities/index.css.map +2 -2
package/dist/utilities/index.js.map +1 -1
package/package.json +1 -1
package/src/components/cfpb-forms/tag.scss +15 -13
package/src/components/cfpb-layout/featured-content-module.scss +0 -22
package/src/components/cfpb-layout/hero.scss +10 -1

package/dist/components/cfpb-layout/index.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../packages/cfpb-design-system/src/components/cfpb-layout/card.scss", "../../../../../packages/cfpb-design-system/src/components/cfpb-layout/card-group.scss", "../../../../../packages/cfpb-design-system/src/components/cfpb-layout/email-signup.scss", "../../../../../packages/cfpb-design-system/src/components/cfpb-layout/featured-content-module.scss", "../../../../../packages/cfpb-design-system/src/components/cfpb-layout/hero.scss", "../../../../../packages/cfpb-design-system/src/components/cfpb-layout/layout.scss", "../../../../../packages/cfpb-design-system/src/components/cfpb-layout/text-introduction.scss", "../../../../../packages/cfpb-design-system/src/components/cfpb-layout/well.scss"],
-  "sourcesContent": ["/* ==========================================================================\n   Design System\n   Variables\n   ========================================================================== */\n/* ==========================================================================\n   Design System\n   Breakpoint variables.\n\n   NOTE: If any of the values in this file are adjusted,\n         they need to be adjusted in vars-breakpoints.js as well.\n   ========================================================================== */\n/* ==========================================================================\n   Design System\n   Grid mixins\n   ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n   Design System\n   Media queries\n   ========================================================================== */\n/* ==========================================================================\n   Design System\n   Base styles\n   ========================================================================== */\n.m-card {\n  position: relative;\n}\n.m-card:not(.m-card--breakout) > a {\n  padding: 1.875em;\n}\n.m-card:not(.m-card--breakout) .m-card__footer {\n  margin-top: auto;\n}\n.m-card:not(.m-card--breakout, .m-card--topic) {\n  background: var(--white);\n  border: 1px solid var(--gray-20);\n  border-bottom-width: 3px;\n  padding: 1.875em;\n}\n.m-card:not(.m-card--breakout, .m-card--topic), .m-card > a {\n  display: flex;\n  flex-direction: column;\n  flex-grow: 1;\n  flex-basis: 0;\n  box-sizing: border-box;\n  height: 100%;\n}\n.m-card a:focus {\n  outline-offset: 2px;\n}\n.m-card__footer > a {\n  font-weight: 500;\n  border-bottom-width: 1px;\n}\n@media only all and (max-width: 56.3125em) {\n  .m-card__heading {\n    font-size: 1.375em;\n    font-weight: normal;\n    letter-spacing: inherit;\n    line-height: 1.25;\n    text-transform: inherit;\n    margin-bottom: 0.6818181818em;\n  }\n  p + .m-card__heading, ul + .m-card__heading, ol + .m-card__heading, dl + .m-card__heading, figure + .m-card__heading, img + .m-card__heading, table + .m-card__heading, blockquote + .m-card__heading, h1 + .m-card__heading, .h1 + .m-card__heading, h2 + .m-card__heading, .h2 + .m-card__heading, h4 + .m-card__heading, .h4 + .m-card__heading, h5 + .m-card__heading, .h5 + .m-card__heading, h6 + .m-card__heading, .h6 + .m-card__heading {\n    margin-top: 1.3636363636em;\n  }\n}\n@media only all and (max-width: 56.3125em) and (max-width: 37.5em) {\n  .m-card__heading {\n    font-size: 1.125em;\n    font-weight: normal;\n    letter-spacing: inherit;\n    line-height: 1.25;\n    text-transform: inherit;\n    margin-bottom: 0.8333333333em;\n  }\n  p + .m-card__heading, ul + .m-card__heading, ol + .m-card__heading, dl + .m-card__heading, figure + .m-card__heading, img + .m-card__heading, table + .m-card__heading, blockquote + .m-card__heading, h1 + .m-card__heading, .h1 + .m-card__heading, h2 + .m-card__heading, .h2 + .m-card__heading, h3 + .m-card__heading, .h3 + .m-card__heading, h5 + .m-card__heading, .h5 + .m-card__heading, h6 + .m-card__heading, .h6 + .m-card__heading {\n    margin-top: 1.6666666667em;\n  }\n}\n.m-card__heading > a {\n  color: var(--black);\n}\n.m-card__heading > a:hover {\n  color: var(--pacific);\n}\n.m-card__heading > a .m-card__icon {\n  font-size: 1em;\n  margin-bottom: 0;\n  padding-right: 0.46875em;\n}\n.m-card__heading > a .m-card__icon, .m-card__heading > a span {\n  display: table-cell;\n}\n.m-card > .m-list {\n  margin-top: 10px;\n  margin-bottom: 30px;\n}\n.m-card--topic {\n  text-align: center;\n  width: 170px;\n  background: var(--white);\n}\n.m-card--topic > a {\n  border: 1px solid var(--gray-20);\n  border-bottom-width: 3px;\n}\n.m-card--topic .m-card__icon {\n  font-size: 1.875em;\n  color: var(--green);\n  margin-bottom: 0.3125em;\n}\n.m-card--topic:hover > a {\n  box-shadow: 0 2px 0 0 inset var(--gray-20), 2px 0 0 0 inset var(--gray-20), -2px 0 0 0 inset var(--gray-20);\n}\n.m-card--topic:hover::after {\n  content: \"\";\n  position: absolute;\n  left: 0;\n  bottom: 1px;\n  height: 5px;\n  width: 100%;\n  background: var(--green);\n}\n.m-card--topic .m-card__footer > span {\n  display: inline;\n  border-width: 0;\n  border-bottom-width: 1px;\n  border-color: var(--pacific);\n  border-style: dotted;\n  font-weight: 500;\n  color: var(--pacific);\n  text-decoration: none;\n}\n.m-card--topic > a:visited .m-card__footer > span {\n  border-color: var(--teal);\n  color: var(--teal);\n}\n.m-card--topic:hover .m-card__footer > span {\n  border-style: solid;\n  border-color: var(--pacific-dark);\n  color: var(--pacific-dark);\n}\n.m-card--topic > a:focus .m-card__footer > span {\n  border-color: var(--pacific-dark);\n  color: var(--pacific-dark);\n}\n.m-card--topic > a:active .m-card__footer > span {\n  border-color: var(--pacific-dark);\n  border-style: solid;\n  color: var(--pacific-dark);\n}\n.m-card--topic-action .m-card__icon {\n  color: var(--pacific);\n}\n.m-card--breakout {\n  min-width: 210px;\n  text-align: center;\n}\n.m-card--breakout > a {\n  padding-top: 60px;\n}\n.m-card--breakout .m-card__inner-wrapper {\n  position: relative;\n  z-index: 0;\n  min-height: 135px;\n  background: var(--gray-5);\n  border: 1px solid var(--gray-20);\n  border-bottom-width: 3px;\n}\n.m-card--breakout .m-card__img {\n  position: absolute;\n  z-index: 1;\n  top: 0;\n  left: 50%;\n  width: 210px;\n  height: 120px;\n  margin-left: -105px;\n}\n.m-card--breakout .m-card__footer {\n  margin-top: 84px;\n}\n.m-card--breakout:hover .m-card__inner-wrapper {\n  box-shadow: 0 2px 0 0 inset var(--gray-20), 2px 0 0 0 inset var(--gray-20), -2px 0 0 0 inset var(--gray-20);\n}\n.m-card--breakout:hover::after {\n  content: \"\";\n  position: absolute;\n  left: 0;\n  bottom: 1px;\n  height: 5px;\n  width: 100%;\n  background: var(--green);\n}\n.m-card--breakout .m-card__footer > span {\n  display: inline;\n  border-width: 0;\n  border-bottom-width: 1px;\n  border-color: var(--pacific);\n  border-style: dotted;\n  font-weight: 500;\n  color: var(--pacific);\n  text-decoration: none;\n}\n.m-card--breakout > a:visited .m-card__footer > span {\n  border-color: var(--teal);\n  color: var(--teal);\n}\n.m-card--breakout:hover .m-card__footer > span {\n  border-style: solid;\n  border-color: var(--pacific-dark);\n  color: var(--pacific-dark);\n}\n.m-card--breakout > a:focus .m-card__footer > span {\n  border-color: var(--pacific);\n  color: var(--pacific);\n}\n.m-card--breakout > a:active .m-card__footer > span {\n  border-color: var(--navy);\n  border-style: solid;\n  color: var(--navy);\n}\n.m-card--breakout .m-card__footer > span {\n  font-size: 1.375em;\n  font-weight: normal;\n  letter-spacing: inherit;\n  line-height: 1.25;\n  text-transform: inherit;\n  margin-bottom: 0.6818181818em;\n}\np + .m-card--breakout .m-card__footer > span, ul + .m-card--breakout .m-card__footer > span, ol + .m-card--breakout .m-card__footer > span, dl + .m-card--breakout .m-card__footer > span, figure + .m-card--breakout .m-card__footer > span, img + .m-card--breakout .m-card__footer > span, table + .m-card--breakout .m-card__footer > span, blockquote + .m-card--breakout .m-card__footer > span, h1 + .m-card--breakout .m-card__footer > span, .h1 + .m-card--breakout .m-card__footer > span, h2 + .m-card--breakout .m-card__footer > span, .h2 + .m-card--breakout .m-card__footer > span, h4 + .m-card--breakout .m-card__footer > span, .h4 + .m-card--breakout .m-card__footer > span, h5 + .m-card--breakout .m-card__footer > span, .h5 + .m-card--breakout .m-card__footer > span, h6 + .m-card--breakout .m-card__footer > span, .h6 + .m-card--breakout .m-card__footer > span {\n  margin-top: 1.3636363636em;\n}", "/* ==========================================================================\n   Design System\n   Variables\n   ========================================================================== */\n/* ==========================================================================\n   Design System\n   Breakpoint variables.\n\n   NOTE: If any of the values in this file are adjusted,\n         they need to be adjusted in vars-breakpoints.js as well.\n   ========================================================================== */\n/* ==========================================================================\n   Design System\n   Grid mixins\n   ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n   Design System\n   Media queries\n   ========================================================================== */\n/* ==========================================================================\n   Design System\n   Base styles\n   ========================================================================== */\n.o-card-group > h2 {\n  margin-bottom: 1.875rem;\n}\n.o-card-group--column-2 .o-card-group__cards {\n  grid-template-columns: 1fr 1fr;\n}\n.o-card-group--column-3 .o-card-group__cards {\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n}\n@media only all and (max-width: 63.8125em) {\n  .o-card-group--column-3 .o-card-group__cards {\n    grid-template-columns: 1fr 1fr;\n  }\n}\n.o-card-group__cards {\n  display: grid;\n  grid-column-gap: 1.25em;\n  grid-row-gap: 1.25em;\n}\n@media only all and (max-width: 37.5em) {\n  .o-card-group__cards {\n    grid-template-columns: 100% !important;\n  }\n}\n.o-card-group--bg-green {\n  padding: 1.875em;\n  background: var(--green-20);\n}\n\n/* stylelint-disable selector-type-no-unknown */\n_:-ms-lang(x),\n.o-card-group__cards {\n  display: block;\n}\n_:-ms-lang(x) .m-card,\n.o-card-group__cards .m-card {\n  display: block;\n  float: left;\n  margin-bottom: 10px;\n}\n\n_:-ms-lang(x) .o-card-group__cards .m-card,\n.o-card-group--column-2 .o-card-group__cards .m-card {\n  width: 48%;\n  margin-right: 2%;\n}\n_:-ms-lang(x) .o-card-group__cards .m-card:last-child,\n.o-card-group--column-2 .o-card-group__cards .m-card:last-child {\n  margin-right: 0;\n}\n\n_:-ms-lang(x) .o-card-group__cards .m-card,\n.o-card-group--column-3 .o-card-group__cards .m-card {\n  width: 32%;\n  margin-right: 1%;\n}\n_:-ms-lang(x) .o-card-group__cards .m-card:last-child,\n.o-card-group--column-3 .o-card-group__cards .m-card:last-child {\n  margin-right: 0;\n}\n\n_:-ms-lang(x),\n.o-card-group::after {\n  content: \"\";\n  display: table;\n  clear: both;\n}\n\n/* stylelint-enable selector-type-no-unknown */\n/* stylelint-disable no-duplicate-selectors */\n.o-card-group {\n  /* stylelint-enable no-duplicate-selectors */\n}\n.o-card-group--count-2 .m-card:nth-of-type(1), .o-card-group--count-3 .m-card:nth-of-type(1), .o-card-group--count-4 .m-card:nth-of-type(1) {\n  grid-area: card1;\n}\n.o-card-group--count-2 .m-card:nth-of-type(2), .o-card-group--count-3 .m-card:nth-of-type(2), .o-card-group--count-4 .m-card:nth-of-type(2) {\n  grid-area: card2;\n}\n.o-card-group--count-2 .m-card:nth-of-type(3), .o-card-group--count-3 .m-card:nth-of-type(3), .o-card-group--count-4 .m-card:nth-of-type(3) {\n  grid-area: card3;\n}\n.o-card-group--count-2 .m-card:nth-of-type(4), .o-card-group--count-3 .m-card:nth-of-type(4), .o-card-group--count-4 .m-card:nth-of-type(4) {\n  grid-area: card4;\n}\n.o-card-group--count-2 .o-card-group__cards {\n  grid-template-columns: 1fr 1fr;\n  grid-template-areas: \"card1 card2\";\n}\n.o-card-group--count-3 .o-card-group__cards {\n  grid-template-columns: 1fr 1fr;\n  grid-template-areas: \"card1 card2\" \"card1 card3\";\n}\n.o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3 {\n  font-size: 1.625em;\n  font-weight: 600;\n  letter-spacing: inherit;\n  line-height: 1.25;\n  text-transform: inherit;\n  margin-bottom: 0.5769230769em;\n}\np + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, ul + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, ol + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, dl + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, figure + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, img + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, table + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, blockquote + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3 {\n  margin-top: 1.7307692308em;\n}\nh1 + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, .h1 + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, h3 + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, .h3 + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, h4 + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, .h4 + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, h5 + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, .h5 + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, h6 + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, .h6 + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3 {\n  margin-top: 1.1538461538em;\n}\n@media only all and (max-width: 37.5em) {\n  p + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, ul + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, ol + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, dl + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, figure + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, img + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, table + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, blockquote + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3 {\n    margin-top: 1.3636363636em;\n  }\n}\n@media only all and (max-width: 37.5em) {\n  .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3 {\n    font-size: 1.375em;\n    font-weight: 600;\n    letter-spacing: inherit;\n    line-height: 1.25;\n    text-transform: inherit;\n    margin-bottom: 0.6818181818em;\n  }\n  p + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, ul + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, ol + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, dl + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, figure + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, img + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, table + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, blockquote + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, h1 + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, .h1 + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, h2 + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, .h2 + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, h4 + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, .h4 + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, h5 + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, .h5 + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, h6 + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, .h6 + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3 {\n    margin-top: 1.3636363636em;\n  }\n}\n.o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) > a {\n  justify-content: center;\n}\n.o-card-group--count-4 .o-card-group__cards {\n  grid-template-columns: 1fr 1fr;\n  grid-template-areas: \"card1 card2\" \"card3 card4\";\n}\n.o-card-group--flow .o-card-group__cards {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n}\n\n@media only all and (min-width: 37.5625em) and (max-width: 56.25em) {\n  .o-card-group--count-3 .o-card-group__cards {\n    grid-template-columns: 1fr 1fr;\n    grid-template-areas: \"card1 card1\" \"card2 card3\";\n  }\n}\n@media only all and (max-width: 37.5em) {\n  .o-card-group--count-2 .o-card-group__cards {\n    grid-template-columns: 1fr;\n    grid-template-areas: \"card1\" \"card2\";\n  }\n  .o-card-group--count-3 .o-card-group__cards {\n    grid-template-columns: 1fr;\n    grid-template-areas: \"card1\" \"card2\" \"card3\";\n  }\n  .o-card-group--count-4 .o-card-group__cards {\n    grid-template-columns: 1fr;\n    grid-template-areas: \"card1\" \"card2\" \"card3\" \"card4\";\n  }\n  .o-card-group--flow .o-card-group__cards {\n    display: block;\n  }\n  .o-card-group--flow .o-card-group__cards .m-card {\n    width: 100%;\n    margin-bottom: 1.875em;\n  }\n}", "/* ==========================================================================\n   Design System\n   Variables\n   ========================================================================== */\n/* ==========================================================================\n   Design System\n   Breakpoint variables.\n\n   NOTE: If any of the values in this file are adjusted,\n         they need to be adjusted in vars-breakpoints.js as well.\n   ========================================================================== */\n/* ==========================================================================\n   Design System\n   Grid mixins\n   ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n   Design System\n   Media queries\n   ========================================================================== */\n/* ==========================================================================\n   Design System\n   Base styles\n   ========================================================================== */\n.o-email-signup .m-notification {\n  margin-bottom: 0.9375em;\n}\n.o-email-signup .a-text-input {\n  max-width: 23.125rem;\n}\n.o-email-signup__buttons {\n  display: flex;\n  margin-top: 0.9375em;\n  align-items: center;\n  flex-wrap: wrap-reverse;\n  gap: 0.9375em;\n}\n.o-email-signup .a-btn {\n  text-align: inherit;\n}\n@media only all and (max-width: 37.5em) {\n  .o-email-signup .a-label--heading {\n    font-size: 1em;\n  }\n}", "/* ==========================================================================\n   Design System\n   Variables\n   ========================================================================== */\n/* ==========================================================================\n   Design System\n   Breakpoint variables.\n\n   NOTE: If any of the values in this file are adjusted,\n         they need to be adjusted in vars-breakpoints.js as well.\n   ========================================================================== */\n/* ==========================================================================\n   Design System\n   Grid mixins\n   ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n   Design System\n   Media queries\n   ========================================================================== */\n/* ==========================================================================\n   Design System\n   Base styles\n   ========================================================================== */\n.o-featured-content-module {\n  min-height: 220px;\n  position: relative;\n  border: 1px solid var(--gray-40);\n  background-color: var(--gray-5);\n}\n.o-featured-content-module__text {\n  padding-top: 1.875em;\n  padding-bottom: 1.875em;\n}\n.o-featured-content-module__img {\n  display: block;\n}\n@media only all and (max-width: 37.5em) {\n  .o-featured-content-module__text {\n    padding-right: 0.9375em;\n    padding-left: 0.9375em;\n  }\n  .o-featured-content-module__visual {\n    padding-right: 0.9375em;\n    padding-bottom: 0.9375em;\n    padding-left: 0.9375em;\n  }\n  .o-featured-content-module__img {\n    margin-right: auto;\n    margin-left: auto;\n  }\n}\n@media only all and (min-width: 37.5625em) {\n  .o-featured-content-module__text {\n    padding-right: 300px;\n    padding-left: 1.875em;\n  }\n  .o-featured-content-module__visual {\n    height: 100%;\n    overflow: hidden;\n    position: absolute;\n    top: 0;\n    right: 0;\n    width: 270px;\n  }\n  .o-featured-content-module__img {\n    max-width: none;\n    height: 100%;\n    position: absolute;\n    left: 50%;\n    transform: translateX(-50%);\n  }\n}\n.o-featured-content-module--left {\n  /* Left modifier doesn't have a border/background. If in the future we\n     have a left arranged FCM we'll want to make the border/background\n     its own modifer */\n  border: initial;\n  background-color: initial;\n}\n.o-featured-content-module--left .o-featured-content-module__visual {\n  left: 0;\n  right: initial;\n}\n@media only all and (min-width: 37.5625em) {\n  .o-featured-content-module--left .o-featured-content-module__text {\n    padding-left: 300px;\n    padding-right: 1.875em;\n  }\n}", "/* ==========================================================================\n   Design System\n   Variables\n   ========================================================================== */\n/* ==========================================================================\n   Design System\n   Breakpoint variables.\n\n   NOTE: If any of the values in this file are adjusted,\n         they need to be adjusted in vars-breakpoints.js as well.\n   ========================================================================== */\n/* ==========================================================================\n   Design System\n   Grid mixins\n   ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n   Design System\n   Media queries\n   ========================================================================== */\n/* ==========================================================================\n   Design System\n   Base styles\n   ========================================================================== */\n.m-hero {\n  background-color: var(--gray-5);\n}\n.m-hero__wrapper {\n  display: grid;\n  max-width: 1200px;\n  margin: 0 auto;\n  padding-top: 30px;\n  padding-bottom: 30px;\n}\n.m-hero__text {\n  padding-right: 15px;\n  padding-left: 15px;\n}\n.m-hero__heading {\n  font-size: 2.125em;\n  font-weight: 600;\n  letter-spacing: inherit;\n  line-height: 1.25;\n  text-transform: inherit;\n  margin-bottom: 0.4411764706em;\n}\np + .m-hero__heading, ul + .m-hero__heading, ol + .m-hero__heading, dl + .m-hero__heading, figure + .m-hero__heading, img + .m-hero__heading, table + .m-hero__heading, blockquote + .m-hero__heading {\n  margin-top: 1.7647058824em;\n}\n.m-hero__subhead {\n  font-size: 22px;\n  line-height: 1.25;\n}\n.m-hero__image-wrapper {\n  box-sizing: border-box;\n  overflow: hidden;\n}\n.m-hero__image {\n  background-position: center;\n  background-repeat: no-repeat;\n  background-size: contain;\n  width: 100%;\n  display: none;\n}\n@supports (display: grid) {\n  .m-hero__image {\n    display: block;\n  }\n}\n.m-hero--knockout {\n  background-color: var(--gray);\n  color: var(--white);\n}\n.m-hero--overlay .m-hero__wrapper {\n  background-position: center;\n  background-repeat: no-repeat;\n  background-size: cover;\n}\n.m-hero--jumbo, .m-hero--50-50 {\n  background-color: var(--white);\n}\n.m-hero--jumbo .m-hero__subhead, .m-hero--50-50 .m-hero__subhead {\n  margin-top: 0;\n  margin-bottom: 15px;\n  font-size: 1.375em;\n  font-weight: normal;\n  letter-spacing: inherit;\n  line-height: 1.25;\n  text-transform: inherit;\n}\n@media only all and (max-width: 37.5em) {\n  .m-hero--jumbo .m-hero__subhead, .m-hero--50-50 .m-hero__subhead {\n    font-size: 1.125em;\n    font-weight: normal;\n    letter-spacing: inherit;\n    line-height: 1.25;\n    text-transform: inherit;\n  }\n}\n@media only all and (min-width: 37.5625em) {\n  .m-hero--jumbo .m-hero__subhead, .m-hero--50-50 .m-hero__subhead {\n    font-size: 1.375em;\n    font-weight: normal;\n    letter-spacing: inherit;\n    line-height: 1.25;\n    text-transform: inherit;\n    margin-bottom: 0.6818181818em;\n  }\n  p + .m-hero--jumbo .m-hero__subhead, ul + .m-hero--jumbo .m-hero__subhead, ol + .m-hero--jumbo .m-hero__subhead, dl + .m-hero--jumbo .m-hero__subhead, figure + .m-hero--jumbo .m-hero__subhead, img + .m-hero--jumbo .m-hero__subhead, table + .m-hero--jumbo .m-hero__subhead, blockquote + .m-hero--jumbo .m-hero__subhead, h1 + .m-hero--jumbo .m-hero__subhead, .h1 + .m-hero--jumbo .m-hero__subhead, h2 + .m-hero--jumbo .m-hero__subhead, .h2 + .m-hero--jumbo .m-hero__subhead, h4 + .m-hero--jumbo .m-hero__subhead, .h4 + .m-hero--jumbo .m-hero__subhead, h5 + .m-hero--jumbo .m-hero__subhead, .h5 + .m-hero--jumbo .m-hero__subhead, h6 + .m-hero--jumbo .m-hero__subhead, .h6 + .m-hero--jumbo .m-hero__subhead, p + .m-hero--50-50 .m-hero__subhead, ul + .m-hero--50-50 .m-hero__subhead, ol + .m-hero--50-50 .m-hero__subhead, dl + .m-hero--50-50 .m-hero__subhead, figure + .m-hero--50-50 .m-hero__subhead, img + .m-hero--50-50 .m-hero__subhead, table + .m-hero--50-50 .m-hero__subhead, blockquote + .m-hero--50-50 .m-hero__subhead, h1 + .m-hero--50-50 .m-hero__subhead, .h1 + .m-hero--50-50 .m-hero__subhead, h2 + .m-hero--50-50 .m-hero__subhead, .h2 + .m-hero--50-50 .m-hero__subhead, h4 + .m-hero--50-50 .m-hero__subhead, .h4 + .m-hero--50-50 .m-hero__subhead, h5 + .m-hero--50-50 .m-hero__subhead, .h5 + .m-hero--50-50 .m-hero__subhead, h6 + .m-hero--50-50 .m-hero__subhead, .h6 + .m-hero--50-50 .m-hero__subhead {\n    margin-top: 1.3636363636em;\n  }\n}\n@media only all and (min-width: 63.8125em) {\n  .m-hero--jumbo .m-hero__wrapper, .m-hero--50-50 .m-hero__wrapper {\n    min-height: 285px;\n  }\n  .m-hero--jumbo .m-hero__heading, .m-hero--50-50 .m-hero__heading {\n    margin-bottom: 0.4166666667em;\n    font-size: 3em;\n    font-weight: normal;\n    line-height: 1.25;\n  }\n  .m-hero--jumbo .m-hero__subhead, .m-hero--50-50 .m-hero__subhead {\n    font-size: 1.625em;\n    font-weight: 400;\n    letter-spacing: inherit;\n    line-height: 1.25;\n    text-transform: inherit;\n    margin-bottom: 0.5769230769em;\n  }\n  p + .m-hero--jumbo .m-hero__subhead, ul + .m-hero--jumbo .m-hero__subhead, ol + .m-hero--jumbo .m-hero__subhead, dl + .m-hero--jumbo .m-hero__subhead, figure + .m-hero--jumbo .m-hero__subhead, img + .m-hero--jumbo .m-hero__subhead, table + .m-hero--jumbo .m-hero__subhead, blockquote + .m-hero--jumbo .m-hero__subhead, p + .m-hero--50-50 .m-hero__subhead, ul + .m-hero--50-50 .m-hero__subhead, ol + .m-hero--50-50 .m-hero__subhead, dl + .m-hero--50-50 .m-hero__subhead, figure + .m-hero--50-50 .m-hero__subhead, img + .m-hero--50-50 .m-hero__subhead, table + .m-hero--50-50 .m-hero__subhead, blockquote + .m-hero--50-50 .m-hero__subhead {\n    margin-top: 1.7307692308em;\n  }\n  h1 + .m-hero--jumbo .m-hero__subhead, .h1 + .m-hero--jumbo .m-hero__subhead, h3 + .m-hero--jumbo .m-hero__subhead, .h3 + .m-hero--jumbo .m-hero__subhead, h4 + .m-hero--jumbo .m-hero__subhead, .h4 + .m-hero--jumbo .m-hero__subhead, h5 + .m-hero--jumbo .m-hero__subhead, .h5 + .m-hero--jumbo .m-hero__subhead, h6 + .m-hero--jumbo .m-hero__subhead, .h6 + .m-hero--jumbo .m-hero__subhead, h1 + .m-hero--50-50 .m-hero__subhead, .h1 + .m-hero--50-50 .m-hero__subhead, h3 + .m-hero--50-50 .m-hero__subhead, .h3 + .m-hero--50-50 .m-hero__subhead, h4 + .m-hero--50-50 .m-hero__subhead, .h4 + .m-hero--50-50 .m-hero__subhead, h5 + .m-hero--50-50 .m-hero__subhead, .h5 + .m-hero--50-50 .m-hero__subhead, h6 + .m-hero--50-50 .m-hero__subhead, .h6 + .m-hero--50-50 .m-hero__subhead {\n    margin-top: 1.1538461538em;\n  }\n}\n\n@media only all and (max-width: 37.5em) {\n  .m-hero__image-wrapper {\n    margin-top: 1.875em;\n  }\n  .m-hero--overlay .m-hero__wrapper {\n    background-image: none !important;\n  }\n  .m-hero--jumbo .m-hero__wrapper {\n    padding-bottom: 0;\n  }\n}\n@media only all and (max-width: 56.25em) {\n  .m-hero__heading {\n    font-size: 1.625em;\n    font-weight: 600;\n    letter-spacing: inherit;\n    line-height: 1.25;\n    text-transform: inherit;\n    margin-bottom: 0.5769230769em;\n  }\n  p + .m-hero__heading, ul + .m-hero__heading, ol + .m-hero__heading, dl + .m-hero__heading, figure + .m-hero__heading, img + .m-hero__heading, table + .m-hero__heading, blockquote + .m-hero__heading {\n    margin-top: 1.7307692308em;\n  }\n  h1 + .m-hero__heading, .h1 + .m-hero__heading, h3 + .m-hero__heading, .h3 + .m-hero__heading, h4 + .m-hero__heading, .h4 + .m-hero__heading, h5 + .m-hero__heading, .h5 + .m-hero__heading, h6 + .m-hero__heading, .h6 + .m-hero__heading {\n    margin-top: 1.1538461538em;\n  }\n  .m-hero__subhead {\n    font-size: 18px;\n  }\n}\n@media only all and (min-width: 37.5625em) {\n  .m-hero__wrapper {\n    grid-template-columns: 7fr 5fr;\n    padding-right: 15px;\n    padding-left: 15px;\n    min-height: 225px;\n  }\n  .m-hero__text {\n    margin: auto;\n  }\n  .m-hero__image-wrapper {\n    padding-right: 15px;\n    padding-left: 15px;\n    display: flex;\n    align-items: center;\n  }\n  .m-hero--bleeding .m-hero__image-wrapper {\n    width: 100%;\n    margin-top: -2.8125em;\n    margin-bottom: -2.8125em;\n  }\n  .m-hero--bleeding .m-hero__image {\n    padding-bottom: 0 !important;\n    height: 100%;\n    width: 100%;\n    background-size: cover;\n  }\n  .m-hero--overlay .m-hero__image {\n    display: none;\n  }\n  .m-hero--jumbo .m-hero__wrapper {\n    background-position: 50%;\n    background-repeat: no-repeat;\n    background-size: cover;\n  }\n  .m-hero--jumbo .m-hero__image {\n    display: none;\n  }\n  .m-hero--50-50 .m-hero__wrapper {\n    grid-template-columns: 1fr 1fr;\n    border: 1px solid var(--gray-40);\n    border-top: none;\n    background-position: 100% center;\n    background-repeat: no-repeat;\n    background-size: 50%;\n  }\n  .m-hero--50-50 .m-hero__image {\n    display: none;\n  }\n}\n@media only all and (min-width: 63.8125em) {\n  .m-hero__wrapper {\n    padding-top: 2.8125em;\n    padding-bottom: 2.8125em;\n    min-height: 195px;\n  }\n  .m-hero--bleeding .m-hero__image-wrapper {\n    margin-top: -2.8125em;\n    margin-bottom: -2.8125em;\n  }\n  .m-hero--50-50 .m-hero__wrapper {\n    min-height: 345px;\n  }\n}", "/* ==========================================================================\n   Design System\n   Variables\n   ========================================================================== */\n/* ==========================================================================\n   Design System\n   Breakpoint variables.\n\n   NOTE: If any of the values in this file are adjusted,\n         they need to be adjusted in vars-breakpoints.js as well.\n   ========================================================================== */\n/* ==========================================================================\n   Design System\n   Grid mixins\n   ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n   Design System\n   Media queries\n   ========================================================================== */\n/* ==========================================================================\n   Design System\n   Base styles\n   ========================================================================== */\n/* ==========================================================================\n   Design System\n   Layout Helpers\n   ========================================================================== */\n.content-l {\n  position: relative;\n}\n@media only all and (min-width: 37.5625em) {\n  .content-l {\n    display: block;\n    position: relative;\n    margin-left: -15px;\n    margin-right: -15px;\n  }\n}\n\n@media only all and (max-width: 37.5em) {\n  .content-l__col + .content-l__col {\n    margin-top: 1.875em;\n  }\n}\n\n@media only all and (min-width: 37.5625em) {\n  .content-l__col-1 {\n    /* stylelint-enable */\n    display: inline-block;\n    box-sizing: border-box;\n    width: 100%;\n    border: solid transparent;\n    border-width: 0 15px;\n    margin-right: -0.25em;\n    vertical-align: top;\n  }\n  .content-l__col-1-2 {\n    /* stylelint-enable */\n    display: inline-block;\n    box-sizing: border-box;\n    width: 50%;\n    border: solid transparent;\n    border-width: 0 15px;\n    margin-right: -0.25em;\n    vertical-align: top;\n  }\n  .content-l__col-1-3 {\n    /* stylelint-enable */\n    display: inline-block;\n    box-sizing: border-box;\n    width: 33.3333333333%;\n    border: solid transparent;\n    border-width: 0 15px;\n    margin-right: -0.25em;\n    vertical-align: top;\n  }\n  .content-l__col-2-3 {\n    /* stylelint-enable */\n    display: inline-block;\n    box-sizing: border-box;\n    width: 66.6666666667%;\n    border: solid transparent;\n    border-width: 0 15px;\n    margin-right: -0.25em;\n    vertical-align: top;\n  }\n  .content-l__col-3-8 {\n    /* stylelint-enable */\n    display: inline-block;\n    box-sizing: border-box;\n    width: 37.5%;\n    border: solid transparent;\n    border-width: 0 15px;\n    margin-right: -0.25em;\n    vertical-align: top;\n  }\n  .content-l__col-5-8 {\n    /* stylelint-enable */\n    display: inline-block;\n    box-sizing: border-box;\n    width: 62.5%;\n    border: solid transparent;\n    border-width: 0 15px;\n    margin-right: -0.25em;\n    vertical-align: top;\n  }\n  .content-l__col-1-4 {\n    /* stylelint-enable */\n    display: inline-block;\n    box-sizing: border-box;\n    width: 25%;\n    border: solid transparent;\n    border-width: 0 15px;\n    margin-right: -0.25em;\n    vertical-align: top;\n  }\n  .content-l__col-3-4 {\n    /* stylelint-enable */\n    display: inline-block;\n    box-sizing: border-box;\n    width: 75%;\n    border: solid transparent;\n    border-width: 0 15px;\n    margin-right: -0.25em;\n    vertical-align: top;\n  }\n}\n.content__line {\n  height: 1px;\n  background: var(--gray-40);\n}\n\n.content__main dd,\n.content__main dt,\n.content__main h3,\n.content__main h4,\n.content__main h5,\n.content__main h6,\n.content__main li,\n.content__main p,\n.content__main label,\n.content__intro dd,\n.content__intro dt,\n.content__intro h3,\n.content__intro h4,\n.content__intro h5,\n.content__intro h6,\n.content__intro li,\n.content__intro p,\n.content__intro label {\n  max-width: 41.875rem;\n}\n\n.content__intro,\n.content__main,\n.content__sidebar {\n  padding: 1.875em 0.9375em;\n}\n@media only all and (min-width: 37.5625em) {\n  .content__intro,\n  .content__main,\n  .content__sidebar {\n    /* stylelint-enable */\n    display: inline-block;\n    box-sizing: border-box;\n    width: 100%;\n    border: solid transparent;\n    border-width: 0 15px;\n    margin-right: -0.25em;\n    vertical-align: top;\n    padding: 2.8125em 0.9375em;\n  }\n}\n@media only all and (min-width: 56.3125em) {\n  .content__intro,\n  .content__main,\n  .content__sidebar {\n    padding: 2.8125em 0;\n  }\n}\n\n@media only all and (min-width: 56.3125em) {\n  .content__intro {\n    /* stylelint-enable */\n    display: inline-block;\n    box-sizing: border-box;\n    width: 100%;\n    border: solid transparent;\n    border-width: 0 15px;\n    margin-right: -0.25em;\n    vertical-align: top;\n  }\n}\n@media only all and (min-width: 56.3125em) {\n  .content--1-3 .content__sidebar {\n    /* stylelint-enable */\n    display: inline-block;\n    box-sizing: border-box;\n    width: 25%;\n    border: solid transparent;\n    border-width: 0 15px;\n    margin-right: -0.25em;\n    vertical-align: top;\n    padding-right: 1.875em;\n  }\n  .content--1-3 .content__main {\n    /* stylelint-enable */\n    display: inline-block;\n    box-sizing: border-box;\n    width: 75%;\n    border: solid transparent;\n    border-width: 0 15px;\n    margin-right: -0.25em;\n    vertical-align: top;\n    position: relative;\n  }\n  .content--1-3 .content__main::after {\n    content: \"\";\n    border-left: 1px solid var(--gray-40);\n    position: absolute;\n    top: 2.8125em;\n    bottom: 0;\n    left: -1.875em;\n  }\n  .content--2-1 .content__main {\n    /* stylelint-enable */\n    display: inline-block;\n    box-sizing: border-box;\n    width: 66.6666666667%;\n    border: solid transparent;\n    border-width: 0 15px;\n    margin-right: -0.25em;\n    vertical-align: top;\n  }\n  .content--2-1 .content__main::after {\n    right: -1.875em;\n  }\n  .content--2-1 .content__sidebar {\n    /* stylelint-enable */\n    display: inline-block;\n    box-sizing: border-box;\n    width: 33.3333333333%;\n    border: solid transparent;\n    border-width: 0 15px;\n    margin-right: -0.25em;\n    vertical-align: top;\n    padding-left: 1.875em;\n  }\n}\n.content--flush-bottom {\n  padding-bottom: 0;\n}\n\n@media only all and (max-width: 56.25em) {\n  .content--flush-top-on-small {\n    padding-top: 0;\n  }\n}\n\n@media only all and (max-width: 56.25em) {\n  .content--flush-all-on-small {\n    padding: 0;\n    border: none;\n  }\n}\n\n.block {\n  margin-top: 3.75em;\n  margin-bottom: 3.75em;\n}\n.block--border-top {\n  border-top: 1px solid var(--gray-40);\n}\n.block--border-right {\n  border-right: 1px solid var(--gray-40);\n}\n.block--border-bottom {\n  border-bottom: 1px solid var(--gray-40);\n}\n.block--border-left {\n  border-left: 1px solid var(--gray-40);\n}\n.block--border {\n  border: 1px solid var(--gray-40);\n}\n.block--flush-top {\n  margin-top: 0 !important;\n}\n.block--flush-top.block--border, .block--flush-top.block--border-top {\n  border-top: none;\n}\n.block--flush-bottom {\n  margin-bottom: 0 !important;\n}\n.block--flush-bottom.block--border, .block--flush-bottom.block--border-bottom {\n  border-bottom: none;\n}\n.block--flush-sides {\n  margin-right: -15px;\n  margin-left: -15px;\n}\n@media only all and (max-width: 37.5em) {\n  .block--flush-sides.block--border, .block--flush-sides.block--border-right, .block--flush-sides.block--border-left {\n    border-right: none;\n    border-left: none;\n  }\n}\n@media only all and (min-width: 37.5625em) {\n  .block--flush-sides {\n    margin-right: -30px;\n    margin-left: -30px;\n  }\n}\n.block--flush {\n  margin-top: 0 !important;\n  margin-right: -15px;\n  margin-bottom: 0 !important;\n  margin-left: -15px;\n}\n.block--flush.block--border, .block--flush.block--border-top, .block--flush.block--border-bottom {\n  border-top: none;\n  border-bottom: none;\n}\n@media only all and (max-width: 37.5em) {\n  .block--flush.block--border, .block--flush.block--border-right, .block--flush.block--border-left {\n    border-right: none;\n    border-left: none;\n  }\n}\n@media only all and (min-width: 37.5625em) {\n  .block--flush {\n    margin-right: -30px;\n    margin-left: -30px;\n  }\n}\n.block--bg {\n  padding: 1.875em 0.9375em;\n  padding-bottom: 3.75em;\n  background: var(--gray-5);\n}\n@media only all and (min-width: 37.5625em) {\n  .block--bg {\n    padding: 2.8125em 1.875em;\n  }\n}\n.block--padded-top {\n  padding-top: 1.875em;\n  margin-top: 1.875em;\n}\n.block--padded-bottom {\n  padding-bottom: 1.875em;\n  margin-bottom: 1.875em;\n}\n.block--sub {\n  margin-top: 1.875em;\n  margin-bottom: 1.875em;\n}\n\n@media only all and (min-width: 56.3125em) {\n  .wrapper {\n    /* stylelint-enable */\n    max-width: 1200px;\n    padding-right: 15px;\n    padding-left: 15px;\n    margin: 0 auto;\n    clear: both;\n  }\n}\n.wrapper--match-content {\n  padding-left: 15px;\n  padding-right: 15px;\n}\n@media only all and (min-width: 37.5625em) {\n  .wrapper--match-content {\n    padding-left: 30px;\n    padding-right: 30px;\n    max-width: 1200px;\n  }\n}", ".o-text-introduction {\n  margin-top: 0;\n  margin-bottom: 60px;\n}\n.o-text-introduction > * {\n  margin-top: 0;\n  margin-bottom: 15px;\n  max-width: 41.875rem;\n}", "/* ==========================================================================\n   Design System\n   Variables\n   ========================================================================== */\n/* ==========================================================================\n   Design System\n   Breakpoint variables.\n\n   NOTE: If any of the values in this file are adjusted,\n         they need to be adjusted in vars-breakpoints.js as well.\n   ========================================================================== */\n/* ==========================================================================\n   Design System\n   Grid mixins\n   ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n   Design System\n   Media queries\n   ========================================================================== */\n/* ==========================================================================\n   Design System\n   Base styles\n   ========================================================================== */\n.o-well {\n  box-sizing: border-box;\n  padding: 1.875em 0.9375em;\n  border: 1px solid var(--gray-40);\n  background-color: var(--gray-5);\n}\n@media only all and (min-width: 37.5625em) {\n  .o-well {\n    padding-left: 1.875em;\n    padding-right: 1.875em;\n  }\n}"],
+  "sourcesContent": ["/* ==========================================================================\n   Design System\n   Variables\n   ========================================================================== */\n/* ==========================================================================\n   Design System\n   Breakpoint variables.\n\n   NOTE: If any of the values in this file are adjusted,\n         they need to be adjusted in vars-breakpoints.js as well.\n   ========================================================================== */\n/* ==========================================================================\n   Design System\n   Grid mixins\n   ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n   Design System\n   Media queries\n   ========================================================================== */\n/* ==========================================================================\n   Design System\n   Base styles\n   ========================================================================== */\n.m-card {\n  position: relative;\n}\n.m-card:not(.m-card--breakout) > a {\n  padding: 1.875em;\n}\n.m-card:not(.m-card--breakout) .m-card__footer {\n  margin-top: auto;\n}\n.m-card:not(.m-card--breakout, .m-card--topic) {\n  background: var(--white);\n  border: 1px solid var(--gray-20);\n  border-bottom-width: 3px;\n  padding: 1.875em;\n}\n.m-card:not(.m-card--breakout, .m-card--topic), .m-card > a {\n  display: flex;\n  flex-direction: column;\n  flex-grow: 1;\n  flex-basis: 0;\n  box-sizing: border-box;\n  height: 100%;\n}\n.m-card a:focus {\n  outline-offset: 2px;\n}\n.m-card__footer > a {\n  font-weight: 500;\n  border-bottom-width: 1px;\n}\n@media only all and (max-width: 56.3125em) {\n  .m-card__heading {\n    font-size: 1.375em;\n    font-weight: normal;\n    letter-spacing: inherit;\n    line-height: 1.25;\n    text-transform: inherit;\n    margin-bottom: 0.6818181818em;\n  }\n  p + .m-card__heading, ul + .m-card__heading, ol + .m-card__heading, dl + .m-card__heading, figure + .m-card__heading, img + .m-card__heading, table + .m-card__heading, blockquote + .m-card__heading, h1 + .m-card__heading, .h1 + .m-card__heading, h2 + .m-card__heading, .h2 + .m-card__heading, h4 + .m-card__heading, .h4 + .m-card__heading, h5 + .m-card__heading, .h5 + .m-card__heading, h6 + .m-card__heading, .h6 + .m-card__heading {\n    margin-top: 1.3636363636em;\n  }\n}\n@media only all and (max-width: 56.3125em) and (max-width: 37.5em) {\n  .m-card__heading {\n    font-size: 1.125em;\n    font-weight: normal;\n    letter-spacing: inherit;\n    line-height: 1.25;\n    text-transform: inherit;\n    margin-bottom: 0.8333333333em;\n  }\n  p + .m-card__heading, ul + .m-card__heading, ol + .m-card__heading, dl + .m-card__heading, figure + .m-card__heading, img + .m-card__heading, table + .m-card__heading, blockquote + .m-card__heading, h1 + .m-card__heading, .h1 + .m-card__heading, h2 + .m-card__heading, .h2 + .m-card__heading, h3 + .m-card__heading, .h3 + .m-card__heading, h5 + .m-card__heading, .h5 + .m-card__heading, h6 + .m-card__heading, .h6 + .m-card__heading {\n    margin-top: 1.6666666667em;\n  }\n}\n.m-card__heading > a {\n  color: var(--black);\n}\n.m-card__heading > a:hover {\n  color: var(--pacific);\n}\n.m-card__heading > a .m-card__icon {\n  font-size: 1em;\n  margin-bottom: 0;\n  padding-right: 0.46875em;\n}\n.m-card__heading > a .m-card__icon, .m-card__heading > a span {\n  display: table-cell;\n}\n.m-card > .m-list {\n  margin-top: 10px;\n  margin-bottom: 30px;\n}\n.m-card--topic {\n  text-align: center;\n  width: 170px;\n  background: var(--white);\n}\n.m-card--topic > a {\n  border: 1px solid var(--gray-20);\n  border-bottom-width: 3px;\n}\n.m-card--topic .m-card__icon {\n  font-size: 1.875em;\n  color: var(--green);\n  margin-bottom: 0.3125em;\n}\n.m-card--topic:hover > a {\n  box-shadow: 0 2px 0 0 inset var(--gray-20), 2px 0 0 0 inset var(--gray-20), -2px 0 0 0 inset var(--gray-20);\n}\n.m-card--topic:hover::after {\n  content: \"\";\n  position: absolute;\n  left: 0;\n  bottom: 1px;\n  height: 5px;\n  width: 100%;\n  background: var(--green);\n}\n.m-card--topic .m-card__footer > span {\n  display: inline;\n  border-width: 0;\n  border-bottom-width: 1px;\n  border-color: var(--pacific);\n  border-style: dotted;\n  font-weight: 500;\n  color: var(--pacific);\n  text-decoration: none;\n}\n.m-card--topic > a:visited .m-card__footer > span {\n  border-color: var(--teal);\n  color: var(--teal);\n}\n.m-card--topic:hover .m-card__footer > span {\n  border-style: solid;\n  border-color: var(--pacific-dark);\n  color: var(--pacific-dark);\n}\n.m-card--topic > a:focus .m-card__footer > span {\n  border-color: var(--pacific-dark);\n  color: var(--pacific-dark);\n}\n.m-card--topic > a:active .m-card__footer > span {\n  border-color: var(--pacific-dark);\n  border-style: solid;\n  color: var(--pacific-dark);\n}\n.m-card--topic-action .m-card__icon {\n  color: var(--pacific);\n}\n.m-card--breakout {\n  min-width: 210px;\n  text-align: center;\n}\n.m-card--breakout > a {\n  padding-top: 60px;\n}\n.m-card--breakout .m-card__inner-wrapper {\n  position: relative;\n  z-index: 0;\n  min-height: 135px;\n  background: var(--gray-5);\n  border: 1px solid var(--gray-20);\n  border-bottom-width: 3px;\n}\n.m-card--breakout .m-card__img {\n  position: absolute;\n  z-index: 1;\n  top: 0;\n  left: 50%;\n  width: 210px;\n  height: 120px;\n  margin-left: -105px;\n}\n.m-card--breakout .m-card__footer {\n  margin-top: 84px;\n}\n.m-card--breakout:hover .m-card__inner-wrapper {\n  box-shadow: 0 2px 0 0 inset var(--gray-20), 2px 0 0 0 inset var(--gray-20), -2px 0 0 0 inset var(--gray-20);\n}\n.m-card--breakout:hover::after {\n  content: \"\";\n  position: absolute;\n  left: 0;\n  bottom: 1px;\n  height: 5px;\n  width: 100%;\n  background: var(--green);\n}\n.m-card--breakout .m-card__footer > span {\n  display: inline;\n  border-width: 0;\n  border-bottom-width: 1px;\n  border-color: var(--pacific);\n  border-style: dotted;\n  font-weight: 500;\n  color: var(--pacific);\n  text-decoration: none;\n}\n.m-card--breakout > a:visited .m-card__footer > span {\n  border-color: var(--teal);\n  color: var(--teal);\n}\n.m-card--breakout:hover .m-card__footer > span {\n  border-style: solid;\n  border-color: var(--pacific-dark);\n  color: var(--pacific-dark);\n}\n.m-card--breakout > a:focus .m-card__footer > span {\n  border-color: var(--pacific);\n  color: var(--pacific);\n}\n.m-card--breakout > a:active .m-card__footer > span {\n  border-color: var(--navy);\n  border-style: solid;\n  color: var(--navy);\n}\n.m-card--breakout .m-card__footer > span {\n  font-size: 1.375em;\n  font-weight: normal;\n  letter-spacing: inherit;\n  line-height: 1.25;\n  text-transform: inherit;\n  margin-bottom: 0.6818181818em;\n}\np + .m-card--breakout .m-card__footer > span, ul + .m-card--breakout .m-card__footer > span, ol + .m-card--breakout .m-card__footer > span, dl + .m-card--breakout .m-card__footer > span, figure + .m-card--breakout .m-card__footer > span, img + .m-card--breakout .m-card__footer > span, table + .m-card--breakout .m-card__footer > span, blockquote + .m-card--breakout .m-card__footer > span, h1 + .m-card--breakout .m-card__footer > span, .h1 + .m-card--breakout .m-card__footer > span, h2 + .m-card--breakout .m-card__footer > span, .h2 + .m-card--breakout .m-card__footer > span, h4 + .m-card--breakout .m-card__footer > span, .h4 + .m-card--breakout .m-card__footer > span, h5 + .m-card--breakout .m-card__footer > span, .h5 + .m-card--breakout .m-card__footer > span, h6 + .m-card--breakout .m-card__footer > span, .h6 + .m-card--breakout .m-card__footer > span {\n  margin-top: 1.3636363636em;\n}", "/* ==========================================================================\n   Design System\n   Variables\n   ========================================================================== */\n/* ==========================================================================\n   Design System\n   Breakpoint variables.\n\n   NOTE: If any of the values in this file are adjusted,\n         they need to be adjusted in vars-breakpoints.js as well.\n   ========================================================================== */\n/* ==========================================================================\n   Design System\n   Grid mixins\n   ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n   Design System\n   Media queries\n   ========================================================================== */\n/* ==========================================================================\n   Design System\n   Base styles\n   ========================================================================== */\n.o-card-group > h2 {\n  margin-bottom: 1.875rem;\n}\n.o-card-group--column-2 .o-card-group__cards {\n  grid-template-columns: 1fr 1fr;\n}\n.o-card-group--column-3 .o-card-group__cards {\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n}\n@media only all and (max-width: 63.8125em) {\n  .o-card-group--column-3 .o-card-group__cards {\n    grid-template-columns: 1fr 1fr;\n  }\n}\n.o-card-group__cards {\n  display: grid;\n  grid-column-gap: 1.25em;\n  grid-row-gap: 1.25em;\n}\n@media only all and (max-width: 37.5em) {\n  .o-card-group__cards {\n    grid-template-columns: 100% !important;\n  }\n}\n.o-card-group--bg-green {\n  padding: 1.875em;\n  background: var(--green-20);\n}\n\n/* stylelint-disable selector-type-no-unknown */\n_:-ms-lang(x),\n.o-card-group__cards {\n  display: block;\n}\n_:-ms-lang(x) .m-card,\n.o-card-group__cards .m-card {\n  display: block;\n  float: left;\n  margin-bottom: 10px;\n}\n\n_:-ms-lang(x) .o-card-group__cards .m-card,\n.o-card-group--column-2 .o-card-group__cards .m-card {\n  width: 48%;\n  margin-right: 2%;\n}\n_:-ms-lang(x) .o-card-group__cards .m-card:last-child,\n.o-card-group--column-2 .o-card-group__cards .m-card:last-child {\n  margin-right: 0;\n}\n\n_:-ms-lang(x) .o-card-group__cards .m-card,\n.o-card-group--column-3 .o-card-group__cards .m-card {\n  width: 32%;\n  margin-right: 1%;\n}\n_:-ms-lang(x) .o-card-group__cards .m-card:last-child,\n.o-card-group--column-3 .o-card-group__cards .m-card:last-child {\n  margin-right: 0;\n}\n\n_:-ms-lang(x),\n.o-card-group::after {\n  content: \"\";\n  display: table;\n  clear: both;\n}\n\n/* stylelint-enable selector-type-no-unknown */\n/* stylelint-disable no-duplicate-selectors */\n.o-card-group {\n  /* stylelint-enable no-duplicate-selectors */\n}\n.o-card-group--count-2 .m-card:nth-of-type(1), .o-card-group--count-3 .m-card:nth-of-type(1), .o-card-group--count-4 .m-card:nth-of-type(1) {\n  grid-area: card1;\n}\n.o-card-group--count-2 .m-card:nth-of-type(2), .o-card-group--count-3 .m-card:nth-of-type(2), .o-card-group--count-4 .m-card:nth-of-type(2) {\n  grid-area: card2;\n}\n.o-card-group--count-2 .m-card:nth-of-type(3), .o-card-group--count-3 .m-card:nth-of-type(3), .o-card-group--count-4 .m-card:nth-of-type(3) {\n  grid-area: card3;\n}\n.o-card-group--count-2 .m-card:nth-of-type(4), .o-card-group--count-3 .m-card:nth-of-type(4), .o-card-group--count-4 .m-card:nth-of-type(4) {\n  grid-area: card4;\n}\n.o-card-group--count-2 .o-card-group__cards {\n  grid-template-columns: 1fr 1fr;\n  grid-template-areas: \"card1 card2\";\n}\n.o-card-group--count-3 .o-card-group__cards {\n  grid-template-columns: 1fr 1fr;\n  grid-template-areas: \"card1 card2\" \"card1 card3\";\n}\n.o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3 {\n  font-size: 1.625em;\n  font-weight: 600;\n  letter-spacing: inherit;\n  line-height: 1.25;\n  text-transform: inherit;\n  margin-bottom: 0.5769230769em;\n}\np + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, ul + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, ol + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, dl + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, figure + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, img + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, table + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, blockquote + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3 {\n  margin-top: 1.7307692308em;\n}\nh1 + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, .h1 + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, h3 + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, .h3 + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, h4 + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, .h4 + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, h5 + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, .h5 + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, h6 + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, .h6 + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3 {\n  margin-top: 1.1538461538em;\n}\n@media only all and (max-width: 37.5em) {\n  p + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, ul + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, ol + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, dl + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, figure + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, img + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, table + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, blockquote + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3 {\n    margin-top: 1.3636363636em;\n  }\n}\n@media only all and (max-width: 37.5em) {\n  .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3 {\n    font-size: 1.375em;\n    font-weight: 600;\n    letter-spacing: inherit;\n    line-height: 1.25;\n    text-transform: inherit;\n    margin-bottom: 0.6818181818em;\n  }\n  p + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, ul + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, ol + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, dl + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, figure + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, img + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, table + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, blockquote + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, h1 + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, .h1 + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, h2 + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, .h2 + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, h4 + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, .h4 + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, h5 + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, .h5 + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, h6 + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3, .h6 + .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3 {\n    margin-top: 1.3636363636em;\n  }\n}\n.o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) > a {\n  justify-content: center;\n}\n.o-card-group--count-4 .o-card-group__cards {\n  grid-template-columns: 1fr 1fr;\n  grid-template-areas: \"card1 card2\" \"card3 card4\";\n}\n.o-card-group--flow .o-card-group__cards {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n}\n\n@media only all and (min-width: 37.5625em) and (max-width: 56.25em) {\n  .o-card-group--count-3 .o-card-group__cards {\n    grid-template-columns: 1fr 1fr;\n    grid-template-areas: \"card1 card1\" \"card2 card3\";\n  }\n}\n@media only all and (max-width: 37.5em) {\n  .o-card-group--count-2 .o-card-group__cards {\n    grid-template-columns: 1fr;\n    grid-template-areas: \"card1\" \"card2\";\n  }\n  .o-card-group--count-3 .o-card-group__cards {\n    grid-template-columns: 1fr;\n    grid-template-areas: \"card1\" \"card2\" \"card3\";\n  }\n  .o-card-group--count-4 .o-card-group__cards {\n    grid-template-columns: 1fr;\n    grid-template-areas: \"card1\" \"card2\" \"card3\" \"card4\";\n  }\n  .o-card-group--flow .o-card-group__cards {\n    display: block;\n  }\n  .o-card-group--flow .o-card-group__cards .m-card {\n    width: 100%;\n    margin-bottom: 1.875em;\n  }\n}", "/* ==========================================================================\n   Design System\n   Variables\n   ========================================================================== */\n/* ==========================================================================\n   Design System\n   Breakpoint variables.\n\n   NOTE: If any of the values in this file are adjusted,\n         they need to be adjusted in vars-breakpoints.js as well.\n   ========================================================================== */\n/* ==========================================================================\n   Design System\n   Grid mixins\n   ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n   Design System\n   Media queries\n   ========================================================================== */\n/* ==========================================================================\n   Design System\n   Base styles\n   ========================================================================== */\n.o-email-signup .m-notification {\n  margin-bottom: 0.9375em;\n}\n.o-email-signup .a-text-input {\n  max-width: 23.125rem;\n}\n.o-email-signup__buttons {\n  display: flex;\n  margin-top: 0.9375em;\n  align-items: center;\n  flex-wrap: wrap-reverse;\n  gap: 0.9375em;\n}\n.o-email-signup .a-btn {\n  text-align: inherit;\n}\n@media only all and (max-width: 37.5em) {\n  .o-email-signup .a-label--heading {\n    font-size: 1em;\n  }\n}", "/* ==========================================================================\n   Design System\n   Variables\n   ========================================================================== */\n/* ==========================================================================\n   Design System\n   Breakpoint variables.\n\n   NOTE: If any of the values in this file are adjusted,\n         they need to be adjusted in vars-breakpoints.js as well.\n   ========================================================================== */\n/* ==========================================================================\n   Design System\n   Grid mixins\n   ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n   Design System\n   Media queries\n   ========================================================================== */\n/* ==========================================================================\n   Design System\n   Base styles\n   ========================================================================== */\n.o-featured-content-module {\n  min-height: 220px;\n  position: relative;\n  border: 1px solid var(--gray-40);\n  background-color: var(--gray-5);\n}\n.o-featured-content-module__text {\n  padding-top: 1.875em;\n  padding-bottom: 1.875em;\n}\n.o-featured-content-module__img {\n  display: block;\n}\n@media only all and (max-width: 37.5em) {\n  .o-featured-content-module__text {\n    padding-right: 0.9375em;\n    padding-left: 0.9375em;\n  }\n  .o-featured-content-module__visual {\n    padding-right: 0.9375em;\n    padding-bottom: 0.9375em;\n    padding-left: 0.9375em;\n  }\n  .o-featured-content-module__img {\n    margin-right: auto;\n    margin-left: auto;\n  }\n}\n@media only all and (min-width: 37.5625em) {\n  .o-featured-content-module__text {\n    padding-right: 300px;\n    padding-left: 1.875em;\n  }\n  .o-featured-content-module__visual {\n    height: 100%;\n    overflow: hidden;\n    position: absolute;\n    top: 0;\n    right: 0;\n    width: 270px;\n  }\n  .o-featured-content-module__img {\n    max-width: none;\n    height: 100%;\n    position: absolute;\n    left: 50%;\n    transform: translateX(-50%);\n  }\n}", "/* ==========================================================================\n   Design System\n   Variables\n   ========================================================================== */\n/* ==========================================================================\n   Design System\n   Breakpoint variables.\n\n   NOTE: If any of the values in this file are adjusted,\n         they need to be adjusted in vars-breakpoints.js as well.\n   ========================================================================== */\n/* ==========================================================================\n   Design System\n   Grid mixins\n   ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n   Design System\n   Media queries\n   ========================================================================== */\n/* ==========================================================================\n   Design System\n   Base styles\n   ========================================================================== */\n.m-hero {\n  background-color: var(--gray-5);\n}\n.m-hero__wrapper {\n  display: grid;\n  max-width: 1200px;\n  margin: 0 auto;\n  padding-top: 30px;\n  padding-bottom: 30px;\n}\n.m-hero__text {\n  padding-right: 15px;\n  padding-left: 15px;\n}\n.m-hero__heading {\n  font-size: 2.125em;\n  font-weight: 600;\n  letter-spacing: inherit;\n  line-height: 1.25;\n  text-transform: inherit;\n  margin-bottom: 0.4411764706em;\n}\np + .m-hero__heading, ul + .m-hero__heading, ol + .m-hero__heading, dl + .m-hero__heading, figure + .m-hero__heading, img + .m-hero__heading, table + .m-hero__heading, blockquote + .m-hero__heading {\n  margin-top: 1.7647058824em;\n}\n.m-hero__subhead {\n  font-size: 22px;\n  line-height: 1.25;\n}\n.m-hero__image-wrapper {\n  box-sizing: border-box;\n  overflow: hidden;\n}\n.m-hero__image {\n  background-position: center;\n  background-repeat: no-repeat;\n  background-size: contain;\n  width: 100%;\n  display: none;\n}\n@supports (display: grid) {\n  .m-hero__image {\n    display: block;\n  }\n}\n.m-hero--knockout {\n  background-color: var(--gray);\n  color: var(--white);\n}\n.m-hero--overlay .m-hero__wrapper {\n  background-position: center;\n  background-repeat: no-repeat;\n  background-size: cover;\n}\n.m-hero--jumbo, .m-hero--50-50 {\n  background-color: var(--white);\n}\n.m-hero--jumbo .m-hero__subhead, .m-hero--50-50 .m-hero__subhead {\n  margin-top: 0;\n  margin-bottom: 15px;\n  font-size: 1.375em;\n  font-weight: normal;\n  letter-spacing: inherit;\n  line-height: 1.25;\n  text-transform: inherit;\n}\n@media only all and (max-width: 37.5em) {\n  .m-hero--jumbo .m-hero__subhead, .m-hero--50-50 .m-hero__subhead {\n    font-size: 1.125em;\n    font-weight: normal;\n    letter-spacing: inherit;\n    line-height: 1.25;\n    text-transform: inherit;\n  }\n}\n@media only all and (min-width: 37.5625em) {\n  .m-hero--jumbo .m-hero__subhead, .m-hero--50-50 .m-hero__subhead {\n    font-size: 1.375em;\n    font-weight: normal;\n    letter-spacing: inherit;\n    line-height: 1.25;\n    text-transform: inherit;\n    margin-bottom: 0.6818181818em;\n  }\n  p + .m-hero--jumbo .m-hero__subhead, ul + .m-hero--jumbo .m-hero__subhead, ol + .m-hero--jumbo .m-hero__subhead, dl + .m-hero--jumbo .m-hero__subhead, figure + .m-hero--jumbo .m-hero__subhead, img + .m-hero--jumbo .m-hero__subhead, table + .m-hero--jumbo .m-hero__subhead, blockquote + .m-hero--jumbo .m-hero__subhead, h1 + .m-hero--jumbo .m-hero__subhead, .h1 + .m-hero--jumbo .m-hero__subhead, h2 + .m-hero--jumbo .m-hero__subhead, .h2 + .m-hero--jumbo .m-hero__subhead, h4 + .m-hero--jumbo .m-hero__subhead, .h4 + .m-hero--jumbo .m-hero__subhead, h5 + .m-hero--jumbo .m-hero__subhead, .h5 + .m-hero--jumbo .m-hero__subhead, h6 + .m-hero--jumbo .m-hero__subhead, .h6 + .m-hero--jumbo .m-hero__subhead, p + .m-hero--50-50 .m-hero__subhead, ul + .m-hero--50-50 .m-hero__subhead, ol + .m-hero--50-50 .m-hero__subhead, dl + .m-hero--50-50 .m-hero__subhead, figure + .m-hero--50-50 .m-hero__subhead, img + .m-hero--50-50 .m-hero__subhead, table + .m-hero--50-50 .m-hero__subhead, blockquote + .m-hero--50-50 .m-hero__subhead, h1 + .m-hero--50-50 .m-hero__subhead, .h1 + .m-hero--50-50 .m-hero__subhead, h2 + .m-hero--50-50 .m-hero__subhead, .h2 + .m-hero--50-50 .m-hero__subhead, h4 + .m-hero--50-50 .m-hero__subhead, .h4 + .m-hero--50-50 .m-hero__subhead, h5 + .m-hero--50-50 .m-hero__subhead, .h5 + .m-hero--50-50 .m-hero__subhead, h6 + .m-hero--50-50 .m-hero__subhead, .h6 + .m-hero--50-50 .m-hero__subhead {\n    margin-top: 1.3636363636em;\n  }\n}\n@media only all and (min-width: 63.8125em) {\n  .m-hero--jumbo .m-hero__wrapper, .m-hero--50-50 .m-hero__wrapper {\n    min-height: 285px;\n  }\n  .m-hero--jumbo .m-hero__heading, .m-hero--50-50 .m-hero__heading {\n    margin-bottom: 0.4166666667em;\n    font-size: 3em;\n    font-weight: normal;\n    line-height: 1.25;\n  }\n  .m-hero--jumbo .m-hero__subhead, .m-hero--50-50 .m-hero__subhead {\n    font-size: 1.625em;\n    font-weight: 400;\n    letter-spacing: inherit;\n    line-height: 1.25;\n    text-transform: inherit;\n    margin-bottom: 0.5769230769em;\n  }\n  p + .m-hero--jumbo .m-hero__subhead, ul + .m-hero--jumbo .m-hero__subhead, ol + .m-hero--jumbo .m-hero__subhead, dl + .m-hero--jumbo .m-hero__subhead, figure + .m-hero--jumbo .m-hero__subhead, img + .m-hero--jumbo .m-hero__subhead, table + .m-hero--jumbo .m-hero__subhead, blockquote + .m-hero--jumbo .m-hero__subhead, p + .m-hero--50-50 .m-hero__subhead, ul + .m-hero--50-50 .m-hero__subhead, ol + .m-hero--50-50 .m-hero__subhead, dl + .m-hero--50-50 .m-hero__subhead, figure + .m-hero--50-50 .m-hero__subhead, img + .m-hero--50-50 .m-hero__subhead, table + .m-hero--50-50 .m-hero__subhead, blockquote + .m-hero--50-50 .m-hero__subhead {\n    margin-top: 1.7307692308em;\n  }\n  h1 + .m-hero--jumbo .m-hero__subhead, .h1 + .m-hero--jumbo .m-hero__subhead, h3 + .m-hero--jumbo .m-hero__subhead, .h3 + .m-hero--jumbo .m-hero__subhead, h4 + .m-hero--jumbo .m-hero__subhead, .h4 + .m-hero--jumbo .m-hero__subhead, h5 + .m-hero--jumbo .m-hero__subhead, .h5 + .m-hero--jumbo .m-hero__subhead, h6 + .m-hero--jumbo .m-hero__subhead, .h6 + .m-hero--jumbo .m-hero__subhead, h1 + .m-hero--50-50 .m-hero__subhead, .h1 + .m-hero--50-50 .m-hero__subhead, h3 + .m-hero--50-50 .m-hero__subhead, .h3 + .m-hero--50-50 .m-hero__subhead, h4 + .m-hero--50-50 .m-hero__subhead, .h4 + .m-hero--50-50 .m-hero__subhead, h5 + .m-hero--50-50 .m-hero__subhead, .h5 + .m-hero--50-50 .m-hero__subhead, h6 + .m-hero--50-50 .m-hero__subhead, .h6 + .m-hero--50-50 .m-hero__subhead {\n    margin-top: 1.1538461538em;\n  }\n}\n\n@media only all and (max-width: 37.5em) {\n  .m-hero__image-wrapper {\n    margin-top: 1.875em;\n  }\n  .m-hero--overlay .m-hero__wrapper {\n    background-image: none !important;\n  }\n  .m-hero--jumbo .m-hero__wrapper {\n    padding-bottom: 0;\n  }\n}\n@media only all and (max-width: 56.25em) {\n  .m-hero__heading {\n    font-size: 1.625em;\n    font-weight: 600;\n    letter-spacing: inherit;\n    line-height: 1.25;\n    text-transform: inherit;\n    margin-bottom: 0.5769230769em;\n  }\n  p + .m-hero__heading, ul + .m-hero__heading, ol + .m-hero__heading, dl + .m-hero__heading, figure + .m-hero__heading, img + .m-hero__heading, table + .m-hero__heading, blockquote + .m-hero__heading {\n    margin-top: 1.7307692308em;\n  }\n  h1 + .m-hero__heading, .h1 + .m-hero__heading, h3 + .m-hero__heading, .h3 + .m-hero__heading, h4 + .m-hero__heading, .h4 + .m-hero__heading, h5 + .m-hero__heading, .h5 + .m-hero__heading, h6 + .m-hero__heading, .h6 + .m-hero__heading {\n    margin-top: 1.1538461538em;\n  }\n  .m-hero__subhead {\n    font-size: 18px;\n  }\n}\n@media only all and (min-width: 37.5625em) {\n  .m-hero__wrapper {\n    grid-template-columns: 7fr 5fr;\n    padding-right: 15px;\n    padding-left: 15px;\n    min-height: 225px;\n  }\n  .m-hero__text {\n    margin: auto 0;\n  }\n  .m-hero__image-wrapper {\n    padding-right: 15px;\n    padding-left: 15px;\n    display: flex;\n    align-items: center;\n  }\n  .m-hero--bleeding .m-hero__image-wrapper {\n    width: 100%;\n    margin-top: -2.8125em;\n    margin-bottom: -2.8125em;\n  }\n  .m-hero--bleeding .m-hero__image {\n    padding-bottom: 0 !important;\n    height: 100%;\n    width: 100%;\n    background-size: cover;\n  }\n  .m-hero--overlay .m-hero__image {\n    display: none;\n  }\n  .m-hero--jumbo .m-hero__wrapper {\n    background-position: 50%;\n    background-repeat: no-repeat;\n    background-size: cover;\n  }\n  .m-hero--jumbo .m-hero__image {\n    display: none;\n  }\n  .m-hero--50-50 .m-hero__wrapper {\n    grid-template-columns: 1fr 1fr;\n    border: 1px solid var(--gray-40);\n    border-top: none;\n    background-position: 100% center;\n    background-repeat: no-repeat;\n    background-size: 50%;\n  }\n  .m-hero--50-50 .m-hero__image {\n    display: none;\n  }\n}\n@media only all and (min-width: 63.8125em) {\n  .m-hero__wrapper {\n    padding-top: 2.8125em;\n    padding-bottom: 2.8125em;\n    min-height: 195px;\n  }\n  .m-hero--bleeding .m-hero__image-wrapper {\n    margin-top: -2.8125em;\n    margin-bottom: -2.8125em;\n  }\n  .m-hero--50-50 .m-hero__wrapper {\n    min-height: 345px;\n  }\n}", "/* ==========================================================================\n   Design System\n   Variables\n   ========================================================================== */\n/* ==========================================================================\n   Design System\n   Breakpoint variables.\n\n   NOTE: If any of the values in this file are adjusted,\n         they need to be adjusted in vars-breakpoints.js as well.\n   ========================================================================== */\n/* ==========================================================================\n   Design System\n   Grid mixins\n   ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n   Design System\n   Media queries\n   ========================================================================== */\n/* ==========================================================================\n   Design System\n   Base styles\n   ========================================================================== */\n/* ==========================================================================\n   Design System\n   Layout Helpers\n   ========================================================================== */\n.content-l {\n  position: relative;\n}\n@media only all and (min-width: 37.5625em) {\n  .content-l {\n    display: block;\n    position: relative;\n    margin-left: -15px;\n    margin-right: -15px;\n  }\n}\n\n@media only all and (max-width: 37.5em) {\n  .content-l__col + .content-l__col {\n    margin-top: 1.875em;\n  }\n}\n\n@media only all and (min-width: 37.5625em) {\n  .content-l__col-1 {\n    /* stylelint-enable */\n    display: inline-block;\n    box-sizing: border-box;\n    width: 100%;\n    border: solid transparent;\n    border-width: 0 15px;\n    margin-right: -0.25em;\n    vertical-align: top;\n  }\n  .content-l__col-1-2 {\n    /* stylelint-enable */\n    display: inline-block;\n    box-sizing: border-box;\n    width: 50%;\n    border: solid transparent;\n    border-width: 0 15px;\n    margin-right: -0.25em;\n    vertical-align: top;\n  }\n  .content-l__col-1-3 {\n    /* stylelint-enable */\n    display: inline-block;\n    box-sizing: border-box;\n    width: 33.3333333333%;\n    border: solid transparent;\n    border-width: 0 15px;\n    margin-right: -0.25em;\n    vertical-align: top;\n  }\n  .content-l__col-2-3 {\n    /* stylelint-enable */\n    display: inline-block;\n    box-sizing: border-box;\n    width: 66.6666666667%;\n    border: solid transparent;\n    border-width: 0 15px;\n    margin-right: -0.25em;\n    vertical-align: top;\n  }\n  .content-l__col-3-8 {\n    /* stylelint-enable */\n    display: inline-block;\n    box-sizing: border-box;\n    width: 37.5%;\n    border: solid transparent;\n    border-width: 0 15px;\n    margin-right: -0.25em;\n    vertical-align: top;\n  }\n  .content-l__col-5-8 {\n    /* stylelint-enable */\n    display: inline-block;\n    box-sizing: border-box;\n    width: 62.5%;\n    border: solid transparent;\n    border-width: 0 15px;\n    margin-right: -0.25em;\n    vertical-align: top;\n  }\n  .content-l__col-1-4 {\n    /* stylelint-enable */\n    display: inline-block;\n    box-sizing: border-box;\n    width: 25%;\n    border: solid transparent;\n    border-width: 0 15px;\n    margin-right: -0.25em;\n    vertical-align: top;\n  }\n  .content-l__col-3-4 {\n    /* stylelint-enable */\n    display: inline-block;\n    box-sizing: border-box;\n    width: 75%;\n    border: solid transparent;\n    border-width: 0 15px;\n    margin-right: -0.25em;\n    vertical-align: top;\n  }\n}\n.content__line {\n  height: 1px;\n  background: var(--gray-40);\n}\n\n.content__main dd,\n.content__main dt,\n.content__main h3,\n.content__main h4,\n.content__main h5,\n.content__main h6,\n.content__main li,\n.content__main p,\n.content__main label,\n.content__intro dd,\n.content__intro dt,\n.content__intro h3,\n.content__intro h4,\n.content__intro h5,\n.content__intro h6,\n.content__intro li,\n.content__intro p,\n.content__intro label {\n  max-width: 41.875rem;\n}\n\n.content__intro,\n.content__main,\n.content__sidebar {\n  padding: 1.875em 0.9375em;\n}\n@media only all and (min-width: 37.5625em) {\n  .content__intro,\n  .content__main,\n  .content__sidebar {\n    /* stylelint-enable */\n    display: inline-block;\n    box-sizing: border-box;\n    width: 100%;\n    border: solid transparent;\n    border-width: 0 15px;\n    margin-right: -0.25em;\n    vertical-align: top;\n    padding: 2.8125em 0.9375em;\n  }\n}\n@media only all and (min-width: 56.3125em) {\n  .content__intro,\n  .content__main,\n  .content__sidebar {\n    padding: 2.8125em 0;\n  }\n}\n\n@media only all and (min-width: 56.3125em) {\n  .content__intro {\n    /* stylelint-enable */\n    display: inline-block;\n    box-sizing: border-box;\n    width: 100%;\n    border: solid transparent;\n    border-width: 0 15px;\n    margin-right: -0.25em;\n    vertical-align: top;\n  }\n}\n@media only all and (min-width: 56.3125em) {\n  .content--1-3 .content__sidebar {\n    /* stylelint-enable */\n    display: inline-block;\n    box-sizing: border-box;\n    width: 25%;\n    border: solid transparent;\n    border-width: 0 15px;\n    margin-right: -0.25em;\n    vertical-align: top;\n    padding-right: 1.875em;\n  }\n  .content--1-3 .content__main {\n    /* stylelint-enable */\n    display: inline-block;\n    box-sizing: border-box;\n    width: 75%;\n    border: solid transparent;\n    border-width: 0 15px;\n    margin-right: -0.25em;\n    vertical-align: top;\n    position: relative;\n  }\n  .content--1-3 .content__main::after {\n    content: \"\";\n    border-left: 1px solid var(--gray-40);\n    position: absolute;\n    top: 2.8125em;\n    bottom: 0;\n    left: -1.875em;\n  }\n  .content--2-1 .content__main {\n    /* stylelint-enable */\n    display: inline-block;\n    box-sizing: border-box;\n    width: 66.6666666667%;\n    border: solid transparent;\n    border-width: 0 15px;\n    margin-right: -0.25em;\n    vertical-align: top;\n  }\n  .content--2-1 .content__main::after {\n    right: -1.875em;\n  }\n  .content--2-1 .content__sidebar {\n    /* stylelint-enable */\n    display: inline-block;\n    box-sizing: border-box;\n    width: 33.3333333333%;\n    border: solid transparent;\n    border-width: 0 15px;\n    margin-right: -0.25em;\n    vertical-align: top;\n    padding-left: 1.875em;\n  }\n}\n.content--flush-bottom {\n  padding-bottom: 0;\n}\n\n@media only all and (max-width: 56.25em) {\n  .content--flush-top-on-small {\n    padding-top: 0;\n  }\n}\n\n@media only all and (max-width: 56.25em) {\n  .content--flush-all-on-small {\n    padding: 0;\n    border: none;\n  }\n}\n\n.block {\n  margin-top: 3.75em;\n  margin-bottom: 3.75em;\n}\n.block--border-top {\n  border-top: 1px solid var(--gray-40);\n}\n.block--border-right {\n  border-right: 1px solid var(--gray-40);\n}\n.block--border-bottom {\n  border-bottom: 1px solid var(--gray-40);\n}\n.block--border-left {\n  border-left: 1px solid var(--gray-40);\n}\n.block--border {\n  border: 1px solid var(--gray-40);\n}\n.block--flush-top {\n  margin-top: 0 !important;\n}\n.block--flush-top.block--border, .block--flush-top.block--border-top {\n  border-top: none;\n}\n.block--flush-bottom {\n  margin-bottom: 0 !important;\n}\n.block--flush-bottom.block--border, .block--flush-bottom.block--border-bottom {\n  border-bottom: none;\n}\n.block--flush-sides {\n  margin-right: -15px;\n  margin-left: -15px;\n}\n@media only all and (max-width: 37.5em) {\n  .block--flush-sides.block--border, .block--flush-sides.block--border-right, .block--flush-sides.block--border-left {\n    border-right: none;\n    border-left: none;\n  }\n}\n@media only all and (min-width: 37.5625em) {\n  .block--flush-sides {\n    margin-right: -30px;\n    margin-left: -30px;\n  }\n}\n.block--flush {\n  margin-top: 0 !important;\n  margin-right: -15px;\n  margin-bottom: 0 !important;\n  margin-left: -15px;\n}\n.block--flush.block--border, .block--flush.block--border-top, .block--flush.block--border-bottom {\n  border-top: none;\n  border-bottom: none;\n}\n@media only all and (max-width: 37.5em) {\n  .block--flush.block--border, .block--flush.block--border-right, .block--flush.block--border-left {\n    border-right: none;\n    border-left: none;\n  }\n}\n@media only all and (min-width: 37.5625em) {\n  .block--flush {\n    margin-right: -30px;\n    margin-left: -30px;\n  }\n}\n.block--bg {\n  padding: 1.875em 0.9375em;\n  padding-bottom: 3.75em;\n  background: var(--gray-5);\n}\n@media only all and (min-width: 37.5625em) {\n  .block--bg {\n    padding: 2.8125em 1.875em;\n  }\n}\n.block--padded-top {\n  padding-top: 1.875em;\n  margin-top: 1.875em;\n}\n.block--padded-bottom {\n  padding-bottom: 1.875em;\n  margin-bottom: 1.875em;\n}\n.block--sub {\n  margin-top: 1.875em;\n  margin-bottom: 1.875em;\n}\n\n@media only all and (min-width: 56.3125em) {\n  .wrapper {\n    /* stylelint-enable */\n    max-width: 1200px;\n    padding-right: 15px;\n    padding-left: 15px;\n    margin: 0 auto;\n    clear: both;\n  }\n}\n.wrapper--match-content {\n  padding-left: 15px;\n  padding-right: 15px;\n}\n@media only all and (min-width: 37.5625em) {\n  .wrapper--match-content {\n    padding-left: 30px;\n    padding-right: 30px;\n    max-width: 1200px;\n  }\n}", ".o-text-introduction {\n  margin-top: 0;\n  margin-bottom: 60px;\n}\n.o-text-introduction > * {\n  margin-top: 0;\n  margin-bottom: 15px;\n  max-width: 41.875rem;\n}", "/* ==========================================================================\n   Design System\n   Variables\n   ========================================================================== */\n/* ==========================================================================\n   Design System\n   Breakpoint variables.\n\n   NOTE: If any of the values in this file are adjusted,\n         they need to be adjusted in vars-breakpoints.js as well.\n   ========================================================================== */\n/* ==========================================================================\n   Design System\n   Grid mixins\n   ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n   Design System\n   Media queries\n   ========================================================================== */\n/* ==========================================================================\n   Design System\n   Base styles\n   ========================================================================== */\n.o-well {\n  box-sizing: border-box;\n  padding: 1.875em 0.9375em;\n  border: 1px solid var(--gray-40);\n  background-color: var(--gray-5);\n}\n@media only all and (min-width: 37.5625em) {\n  .o-well {\n    padding-left: 1.875em;\n    padding-right: 1.875em;\n  }\n}"],
   "mappings": "gGAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,IAAAA,EAAA,GCAA,IAAAC,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,IAAAA,EAAA,GCAA,IAAAC,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,IAAAA,EAAA,GCAA,IAAAC,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,IAAAA,EAAA,GCAA,IAAAC,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,IAAAA,EAAA,GCAA,IAAAC,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,IAAAA,EAAA,GCAA,IAAAC,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,IAAAA,EAAA,GCAA,IAAAC,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,IAAAA,EAAA",
   "names": ["card_exports", "__export", "card_default", "card_group_exports", "__export", "card_group_default", "email_signup_exports", "__export", "email_signup_default", "featured_content_module_exports", "__export", "featured_content_module_default", "hero_exports", "__export", "hero_default", "layout_exports", "__export", "layout_default", "text_introduction_exports", "__export", "text_introduction_default", "well_exports", "__export", "well_default"]
 }