npm - @cfpb/cfpb-design-system - Versions diffs - 3.1.8 → 3.2.0 - Mend

@cfpb/cfpb-design-system 3.1.8 → 3.2.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 (49) hide show

package/dist/base/index.css +1 -1
package/dist/base/index.css.map +2 -2
package/dist/base/index.js +1 -1
package/dist/base/index.js.map +1 -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 +1 -1
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 +1 -1
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/components/cfpb-notifications/index.css +1 -1
package/dist/components/cfpb-notifications/index.css.map +2 -2
package/dist/components/cfpb-notifications/index.js.map +1 -1
package/dist/components/cfpb-tables/index.css +1 -1
package/dist/components/cfpb-tables/index.css.map +2 -2
package/dist/components/cfpb-tables/index.js +1 -1
package/dist/components/cfpb-tables/index.js.map +1 -1
package/dist/components/cfpb-typography/index.css +1 -1
package/dist/components/cfpb-typography/index.css.map +2 -2
package/dist/components/cfpb-typography/index.js +1 -1
package/dist/components/cfpb-typography/index.js.map +1 -1
package/dist/index.css +1 -1
package/dist/index.css.map +2 -2
package/dist/index.js +1 -1
package/dist/index.js.map +3 -3
package/dist/utilities/index.css +1 -1
package/dist/utilities/index.css.map +2 -2
package/dist/utilities/index.js +1 -1
package/dist/utilities/index.js.map +3 -3
package/package.json +2 -2
package/src/abstracts/heading-mixins.scss +245 -190
package/src/base/base.scss +12 -15
package/src/components/cfpb-forms/label.scss +3 -9
package/src/components/cfpb-forms/tag.scss +6 -0
package/src/components/cfpb-layout/card-group.scss +1 -2
package/src/components/cfpb-layout/card.scss +2 -3
package/src/components/cfpb-layout/hero.scss +4 -6
package/src/components/cfpb-tables/table.scss +6 -2
package/src/components/cfpb-typography/date.scss +2 -2
package/src/components/cfpb-typography/meta-header.scss +3 -9
package/src/components/cfpb-typography/pull-quote.scss +7 -9
package/src/components/cfpb-typography/slug-header.scss +2 -3
package/src/utilities/utilities.scss +2 -2

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    margin-bottom: 0.6818181818em;\n    font-size: 1.375em;\n    font-weight: normal;\n    letter-spacing: inherit;\n    line-height: 1.25;\n    text-transform: inherit;\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    margin-bottom: 0.8333333333em;\n    font-size: 1.125em;\n    font-weight: 500;\n    letter-spacing: inherit;\n    line-height: 1.25;\n    text-transform: inherit;\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  margin-bottom: 0.6818181818em;\n  font-size: 1.375em;\n  font-weight: normal;\n  letter-spacing: inherit;\n  line-height: 1.25;\n  text-transform: inherit;\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  margin-bottom: 0.5769230769em;\n  font-size: 1.625em;\n  font-weight: 600;\n  letter-spacing: inherit;\n  line-height: 1.25;\n  text-transform: inherit;\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  .o-card-group--count-3 .o-card-group__cards .m-card:nth-of-type(1) h3 {\n    margin-bottom: 0.6818181818em;\n    font-size: 1.375em;\n    font-weight: normal;\n    letter-spacing: inherit;\n    line-height: 1.25;\n    text-transform: inherit;\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 {\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  margin-bottom: 0.4411764706em;\n  font-size: 2.125em;\n  font-weight: 600;\n  letter-spacing: inherit;\n  line-height: 1.25;\n  text-transform: inherit;\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-bottom: 0.6818181818em;\n  font-size: 1.375em;\n  font-weight: normal;\n  letter-spacing: inherit;\n  line-height: 1.25;\n  text-transform: inherit;\n  margin-top: 0;\n  margin-bottom: 15px;\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  }\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    margin-bottom: 0.6818181818em;\n    font-size: 1.375em;\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: 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    margin-bottom: 0.5769230769em;\n    font-size: 1.625em;\n    font-weight: 600;\n    letter-spacing: inherit;\n    line-height: 1.25;\n    text-transform: inherit;\n    font-weight: 400;\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    margin-bottom: 0.5769230769em;\n    font-size: 1.625em;\n    font-weight: 600;\n    letter-spacing: inherit;\n    line-height: 1.25;\n    text-transform: inherit;\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.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}"],
   "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"]
 }

package/dist/components/cfpb-notifications/index.css CHANGED Viewed

@@ -1,2 +1,2 @@
-.o-banner{padding:.9375em 0;background:var(--gold-10);border-bottom:1px solid var(--gray-40);font-size:.875em}.o-banner .m-notification{border:none;padding:0}.o-banner .m-notification__icon{left:0;top:0}.o-banner--dark{background:var(--teal-dark);border-color:var(--teal-dark);color:var(--white)}.o-banner--dark .m-notification{background:var(--teal-dark)}.o-banner--dark .m-notification .cf-icon-svg{fill:var(--white)}.o-banner--dark .m-notification a{color:var(--white);border-color:var(--white)}.o-banner--dark .m-notification a:visited,.o-banner--dark .m-notification a.visited{border-color:var(--teal-40);color:var(--teal-40)}.o-banner--dark .m-notification a:hover,.o-banner--dark .m-notification a.hover{border-color:var(--gray-15);color:var(--gray-15)}.o-banner--dark .m-notification a:focus,.o-banner--dark .m-notification a.focus{border-color:var(--white);color:var(--white)}.o-banner--dark .m-notification a:active,.o-banner--dark .m-notification a.active{border-color:var(--gray-15);color:var(--gray-15)}@media only all and (min-width: 37.5625em){.o-banner{font-size:1em}}.no-js .u-js-only,.u-hide-if-js{display:none!important}.no-js .u-hide-if-js{display:block!important}.u-clearfix:after{content:"";display:table;clear:both}.u-visually-hidden{position:absolute;width:1px;height:1px;border:0;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0)}@media only all and (max-width: 37.5em){.u-hide-on-mobile{display:none}}.u-show-on-mobile{display:none}@media only all and (max-width: 37.5em){.u-show-on-mobile{display:block}}.u-hidden{display:none!important}.u-invisible{visibility:hidden}.u-inline-block{display:inline-block}.u-right{float:right}.u-break-word{word-break:break-all}.u-nowrap{white-space:nowrap}.u-flexible-container{position:relative;padding-bottom:56.25%;height:0}.u-flexible-container__inner{position:absolute;top:0;left:0;width:100%;height:100%}.u-flexible-container--4-3{position:relative;padding-bottom:75%;height:0}.u-mt0{margin-top:0!important}.u-mb0{margin-bottom:0!important}.u-mt5{margin-top:5px!important}.u-mb5{margin-bottom:5px!important}.u-mt10{margin-top:10px!important}.u-mb10{margin-bottom:10px!important}.u-mt15{margin-top:15px!important}.u-mb15{margin-bottom:15px!important}.u-mt20{margin-top:20px!important}.u-mb20{margin-bottom:20px!important}.u-mt30{margin-top:30px!important}.u-mb30{margin-bottom:30px!important}.u-mt45{margin-top:45px!important}.u-mb45{margin-bottom:45px!important}.u-mt60{margin-top:60px!important}.u-mb60{margin-bottom:60px!important}.u-w100pct{width:100%}.u-w90pct{width:90%}.u-w80pct{width:80%}.u-w70pct{width:70%}.u-w60pct{width:60%}.u-w50pct{width:50%}.u-w40pct{width:40%}.u-w30pct{width:30%}.u-w20pct{width:20%}.u-w10pct{width:10%}.u-w75pct{width:75%}.u-w25pct{width:25%}.u-w66pct{width:.6666666667%}.u-w33pct{width:.3333333333%}small,.u-small-text{font-size:.875em}.u-no-animation{transition-duration:0s!important}.u-move-transition{transition:transform .25s ease-out}.u-move-to-origin{transform:translateZ(0)}.u-move-left{transform:translate3d(-100%,0,0)}.u-move-left-2x{transform:translate3d(-200%,0,0)}.u-move-left-3x{transform:translate3d(-300%,0,0)}.u-move-right{transform:translate3d(100%,0,0)}.u-move-up{transform:translate3d(0,-100%,0)}.u-alpha-transition{transition:opacity .25s linear}.u-alpha-100{opacity:1}.u-alpha-0{opacity:0}.u-max-height-transition{overflow:hidden;contain:paint;transition:max-height .2s ease-out}.u-max-height-zero{max-height:0!important}.u-max-height-summary{max-height:88px!important}.m-notification{display:none;position:relative;padding:15px;background:var(--gray-5);border:1px solid var(--gray-40)}.m-notification>.cf-icon-svg{position:absolute;fill:var(--gray)}.m-notification--success{background:var(--green-10);border-color:var(--green)}.m-notification--success>.cf-icon-svg{fill:var(--green)}.m-notification--warning{background:var(--gold-10);border-color:var(--gold)}.m-notification--warning>.cf-icon-svg{fill:var(--gold)}.m-notification--error{background:var(--red-10);border-color:var(--red)}.m-notification--error>.cf-icon-svg{fill:var(--red)}.m-notification--success a,.m-notification--warning a,.m-notification--error a{color:var(--pacific-mid-dark);border-color:var(--pacific-mid-dark)}.m-notification--success a:visited,.m-notification--success a.visited,.m-notification--warning a:visited,.m-notification--warning a.visited,.m-notification--error a:visited,.m-notification--error a.visited{border-color:var(--teal);color:var(--teal)}.m-notification--success a:hover,.m-notification--success a.hover,.m-notification--warning a:hover,.m-notification--warning a.hover,.m-notification--error a:hover,.m-notification--error a.hover{border-color:var(--pacific-dark);color:var(--pacific-dark)}.m-notification--success a:focus,.m-notification--success a.focus,.m-notification--warning a:focus,.m-notification--warning a.focus,.m-notification--error a:focus,.m-notification--error a.focus{border-color:var(--pacific-mid-dark);color:var(--pacific-mid-dark)}.m-notification--success a:active,.m-notification--success a.active,.m-notification--warning a:active,.m-notification--warning a.active,.m-notification--error a:active,.m-notification--error a.active{border-color:var(--navy-dark);color:var(--navy-dark)}.m-notification--visible{display:block}.cf-icon-svg+.m-notification__content{padding-left:1.5625rem}.m-notification__message{font-size:1rem;line-height:1.25;font-weight:500}@media only all and (min-width: 37.5625em){.m-notification__message{font-size:1.125rem}}.m-notification__explanation{margin-top:.3125rem;margin-bottom:.9375rem}.m-notification__message+.m-list{margin-top:.9375rem}@media only all and (min-width: 37.5625em){.m-notification .cf-icon-svg{font-size:1.125rem}.m-notification__explanation{margin-bottom:0}.m-notification .m-list{margin-top:.3125rem}.m-notification .m-list__item{margin-bottom:.3125rem}}html[lang=ar] .m-notification .cf-icon-svg+.m-notification__content{padding-left:initial;padding-right:1.5625rem}html[lang=ar] .m-notification .m-list{padding-right:0}
+.o-banner{padding:.9375em 0;background:var(--gold-10);border-bottom:1px solid var(--gray-40);font-size:.875em}.o-banner .m-notification{border:none;padding:0}.o-banner .m-notification__icon{left:0;top:0}.o-banner--dark{background:var(--teal-dark);border-color:var(--teal-dark);color:var(--white)}.o-banner--dark .m-notification{background:var(--teal-dark)}.o-banner--dark .m-notification .cf-icon-svg{fill:var(--white)}.o-banner--dark .m-notification a{color:var(--white);border-color:var(--white)}.o-banner--dark .m-notification a:visited,.o-banner--dark .m-notification a.visited{border-color:var(--teal-40);color:var(--teal-40)}.o-banner--dark .m-notification a:hover,.o-banner--dark .m-notification a.hover{border-color:var(--gray-15);color:var(--gray-15)}.o-banner--dark .m-notification a:focus,.o-banner--dark .m-notification a.focus{border-color:var(--white);color:var(--white)}.o-banner--dark .m-notification a:active,.o-banner--dark .m-notification a.active{border-color:var(--gray-15);color:var(--gray-15)}@media only all and (min-width: 37.5625em){.o-banner{font-size:1em}}.no-js .u-js-only,.u-hide-if-js{display:none!important}.no-js .u-hide-if-js{display:block!important}.u-clearfix:after{content:"";display:table;clear:both}.u-visually-hidden{position:absolute;width:1px;height:1px;border:0;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0)}@media only all and (max-width: 37.5em){.u-hide-on-mobile{display:none}}.u-show-on-mobile{display:none}@media only all and (max-width: 37.5em){.u-show-on-mobile{display:block}}.u-hidden{display:none!important}.u-invisible{visibility:hidden}.u-inline-block{display:inline-block}.u-right{float:right}.u-break-word{word-break:break-all}.u-nowrap{white-space:nowrap}.u-flexible-container{position:relative;padding-bottom:56.25%;height:0}.u-flexible-container__inner{position:absolute;top:0;left:0;width:100%;height:100%}.u-flexible-container--4-3{position:relative;padding-bottom:75%;height:0}.u-mt0{margin-top:0!important}.u-mb0{margin-bottom:0!important}.u-mt5{margin-top:5px!important}.u-mb5{margin-bottom:5px!important}.u-mt10{margin-top:10px!important}.u-mb10{margin-bottom:10px!important}.u-mt15{margin-top:15px!important}.u-mb15{margin-bottom:15px!important}.u-mt20{margin-top:20px!important}.u-mb20{margin-bottom:20px!important}.u-mt30{margin-top:30px!important}.u-mb30{margin-bottom:30px!important}.u-mt45{margin-top:45px!important}.u-mb45{margin-bottom:45px!important}.u-mt60{margin-top:60px!important}.u-mb60{margin-bottom:60px!important}.u-w100pct{width:100%}.u-w90pct{width:90%}.u-w80pct{width:80%}.u-w70pct{width:70%}.u-w60pct{width:60%}.u-w50pct{width:50%}.u-w40pct{width:40%}.u-w30pct{width:30%}.u-w20pct{width:20%}.u-w10pct{width:10%}.u-w75pct{width:75%}.u-w25pct{width:25%}.u-w66pct{width:66.6666666667%}.u-w33pct{width:33.3333333333%}small,.u-small-text{font-size:.875em}.u-no-animation{transition-duration:0s!important}.u-move-transition{transition:transform .25s ease-out}.u-move-to-origin{transform:translateZ(0)}.u-move-left{transform:translate3d(-100%,0,0)}.u-move-left-2x{transform:translate3d(-200%,0,0)}.u-move-left-3x{transform:translate3d(-300%,0,0)}.u-move-right{transform:translate3d(100%,0,0)}.u-move-up{transform:translate3d(0,-100%,0)}.u-alpha-transition{transition:opacity .25s linear}.u-alpha-100{opacity:1}.u-alpha-0{opacity:0}.u-max-height-transition{overflow:hidden;contain:paint;transition:max-height .2s ease-out}.u-max-height-zero{max-height:0!important}.u-max-height-summary{max-height:88px!important}.m-notification{display:none;position:relative;padding:15px;background:var(--gray-5);border:1px solid var(--gray-40)}.m-notification>.cf-icon-svg{position:absolute;fill:var(--gray)}.m-notification--success{background:var(--green-10);border-color:var(--green)}.m-notification--success>.cf-icon-svg{fill:var(--green)}.m-notification--warning{background:var(--gold-10);border-color:var(--gold)}.m-notification--warning>.cf-icon-svg{fill:var(--gold)}.m-notification--error{background:var(--red-10);border-color:var(--red)}.m-notification--error>.cf-icon-svg{fill:var(--red)}.m-notification--success a,.m-notification--warning a,.m-notification--error a{color:var(--pacific-mid-dark);border-color:var(--pacific-mid-dark)}.m-notification--success a:visited,.m-notification--success a.visited,.m-notification--warning a:visited,.m-notification--warning a.visited,.m-notification--error a:visited,.m-notification--error a.visited{border-color:var(--teal);color:var(--teal)}.m-notification--success a:hover,.m-notification--success a.hover,.m-notification--warning a:hover,.m-notification--warning a.hover,.m-notification--error a:hover,.m-notification--error a.hover{border-color:var(--pacific-dark);color:var(--pacific-dark)}.m-notification--success a:focus,.m-notification--success a.focus,.m-notification--warning a:focus,.m-notification--warning a.focus,.m-notification--error a:focus,.m-notification--error a.focus{border-color:var(--pacific-mid-dark);color:var(--pacific-mid-dark)}.m-notification--success a:active,.m-notification--success a.active,.m-notification--warning a:active,.m-notification--warning a.active,.m-notification--error a:active,.m-notification--error a.active{border-color:var(--navy-dark);color:var(--navy-dark)}.m-notification--visible{display:block}.cf-icon-svg+.m-notification__content{padding-left:1.5625rem}.m-notification__message{font-size:1rem;line-height:1.25;font-weight:500}@media only all and (min-width: 37.5625em){.m-notification__message{font-size:1.125rem}}.m-notification__explanation{margin-top:.3125rem;margin-bottom:.9375rem}.m-notification__message+.m-list{margin-top:.9375rem}@media only all and (min-width: 37.5625em){.m-notification .cf-icon-svg{font-size:1.125rem}.m-notification__explanation{margin-bottom:0}.m-notification .m-list{margin-top:.3125rem}.m-notification .m-list__item{margin-bottom:.3125rem}}html[lang=ar] .m-notification .cf-icon-svg+.m-notification__content{padding-left:initial;padding-right:1.5625rem}html[lang=ar] .m-notification .m-list{padding-right:0}
 /*# sourceMappingURL=index.css.map */

package/dist/components/cfpb-notifications/index.css.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../packages/cfpb-design-system/src/components/cfpb-notifications/banner.scss", "../../../../../packages/cfpb-design-system/src/components/cfpb-notifications/notification.scss"],
-  "sourcesContent": ["/* ==========================================================================\n   Design System\n   Notifications Styling\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   Utilities\n   ========================================================================== */\n.no-js .u-js-only {\n  display: none !important;\n}\n\n.u-hide-if-js {\n  display: none !important;\n}\n.no-js .u-hide-if-js {\n  display: block !important;\n}\n\n.u-clearfix::after {\n  content: \"\";\n  display: table;\n  clear: both;\n}\n\n.u-visually-hidden {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  border: 0;\n  margin: -1px;\n  padding: 0;\n  overflow: hidden;\n  clip: rect(0 0 0 0);\n}\n\n@media only all and (max-width: 37.5em) {\n  .u-hide-on-mobile {\n    display: none;\n  }\n}\n\n.u-show-on-mobile {\n  display: none;\n}\n@media only all and (max-width: 37.5em) {\n  .u-show-on-mobile {\n    display: block;\n  }\n}\n\n.u-hidden {\n  display: none !important;\n}\n\n.u-invisible {\n  visibility: hidden;\n}\n\n.u-inline-block {\n  display: inline-block;\n}\n\n.u-right {\n  float: right;\n}\n\n.u-break-word {\n  word-break: break-all;\n}\n\n.u-nowrap {\n  white-space: nowrap;\n}\n\n/* stylelint-disable selector-class-pattern */\n.u-flexible-container {\n  /* stylelint-enable */\n  position: relative;\n  padding-bottom: 56.25%;\n  height: 0;\n}\n.u-flexible-container__inner {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n}\n.u-flexible-container--4-3 {\n  /* stylelint-enable */\n  position: relative;\n  padding-bottom: 75%;\n  height: 0;\n}\n\n/* stylelint-disable selector-class-pattern */\n/* stylelint-enable */\n.u-mt0 {\n  margin-top: 0 !important;\n}\n\n.u-mb0 {\n  margin-bottom: 0 !important;\n}\n\n.u-mt5 {\n  margin-top: 5px !important;\n}\n\n.u-mb5 {\n  margin-bottom: 5px !important;\n}\n\n.u-mt10 {\n  margin-top: 10px !important;\n}\n\n.u-mb10 {\n  margin-bottom: 10px !important;\n}\n\n.u-mt15 {\n  margin-top: 15px !important;\n}\n\n.u-mb15 {\n  margin-bottom: 15px !important;\n}\n\n.u-mt20 {\n  margin-top: 20px !important;\n}\n\n.u-mb20 {\n  margin-bottom: 20px !important;\n}\n\n.u-mt30 {\n  margin-top: 30px !important;\n}\n\n.u-mb30 {\n  margin-bottom: 30px !important;\n}\n\n.u-mt45 {\n  margin-top: 45px !important;\n}\n\n.u-mb45 {\n  margin-bottom: 45px !important;\n}\n\n.u-mt60 {\n  margin-top: 60px !important;\n}\n\n.u-mb60 {\n  margin-bottom: 60px !important;\n}\n\n.u-w100pct {\n  width: 100%;\n}\n\n.u-w90pct {\n  width: 90%;\n}\n\n.u-w80pct {\n  width: 80%;\n}\n\n.u-w70pct {\n  width: 70%;\n}\n\n.u-w60pct {\n  width: 60%;\n}\n\n.u-w50pct {\n  width: 50%;\n}\n\n.u-w40pct {\n  width: 40%;\n}\n\n.u-w30pct {\n  width: 30%;\n}\n\n.u-w20pct {\n  width: 20%;\n}\n\n.u-w10pct {\n  width: 10%;\n}\n\n.u-w75pct {\n  width: 75%;\n}\n\n.u-w25pct {\n  width: 25%;\n}\n\n.u-w66pct {\n  width: 0.6666666667%;\n}\n\n.u-w33pct {\n  width: 0.3333333333%;\n}\n\n/* stylelint-disable selector-class-pattern */\nsmall,\n.u-small-text {\n  /* stylelint-enable */\n  font-size: 0.875em;\n}\n\n/* ==========================================================================\n   Utility classes for transitions.\n\n   Adds transitions utilty classes for transform, opacity,\n   and for the removing the transition duration.\n   ========================================================================== */\n.u-no-animation {\n  transition-duration: 0s !important;\n}\n\n.u-move-transition {\n  transition: transform 0.25s ease-out;\n}\n\n.u-move-to-origin {\n  transform: translate3d(0, 0, 0);\n}\n\n.u-move-left {\n  transform: translate3d(-100%, 0, 0);\n}\n\n.u-move-left-2x {\n  transform: translate3d(-200%, 0, 0);\n}\n\n.u-move-left-3x {\n  transform: translate3d(-300%, 0, 0);\n}\n\n.u-move-right {\n  transform: translate3d(100%, 0, 0);\n}\n\n.u-move-up {\n  transform: translate3d(0, -100%, 0);\n}\n\n.u-alpha-transition {\n  transition: opacity 0.25s linear;\n}\n\n.u-alpha-100 {\n  opacity: 1;\n}\n\n.u-alpha-0 {\n  opacity: 0;\n}\n\n.u-max-height-transition {\n  overflow: hidden;\n  contain: paint;\n  transition: max-height 0.2s ease-out;\n}\n\n/*\n.u-max-height-default {\n  This class is kept for documentation completeness.\n  The actual max-height is set in the JavaScript,\n  so that we know what the actual height of the content is for easing purposes.\n}\n*/\n.u-max-height-zero {\n  max-height: 0 !important;\n}\n\n.u-max-height-summary {\n  /* The value set here should show 4 lines of text at our standard 16px\n     base font size. The calculation comes from the following:\n     88px = 16 * 5.5em.\n     5.5em = base-line-height (22px) * 4 / base-font-size (16px)\n  */\n  max-height: 88px !important;\n}\n\n.o-banner {\n  padding: 0.9375em 0;\n  background: var(--gold-10);\n  border-bottom: 1px solid var(--gray-40);\n  font-size: 0.875em;\n}\n.o-banner .m-notification {\n  border: none;\n  padding: 0;\n}\n.o-banner .m-notification__icon {\n  left: 0;\n  top: 0;\n}\n.o-banner--dark {\n  background: var(--teal-dark);\n  border-color: var(--teal-dark);\n  color: var(--white);\n}\n.o-banner--dark .m-notification {\n  background: var(--teal-dark);\n}\n.o-banner--dark .m-notification .cf-icon-svg {\n  fill: var(--white);\n}\n.o-banner--dark .m-notification a {\n  color: var(--white);\n  border-color: var(--white);\n}\n.o-banner--dark .m-notification a:visited, .o-banner--dark .m-notification a.visited {\n  border-color: var(--teal-40);\n  color: var(--teal-40);\n}\n.o-banner--dark .m-notification a:hover, .o-banner--dark .m-notification a.hover {\n  border-color: var(--gray-15);\n  color: var(--gray-15);\n}\n.o-banner--dark .m-notification a:focus, .o-banner--dark .m-notification a.focus {\n  border-color: var(--white);\n  color: var(--white);\n}\n.o-banner--dark .m-notification a:active, .o-banner--dark .m-notification a.active {\n  border-color: var(--gray-15);\n  color: var(--gray-15);\n}\n@media only all and (min-width: 37.5625em) {\n  .o-banner {\n    font-size: 1em;\n  }\n}", "/* ==========================================================================\n   Design System\n   Notifications Styling\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   Utilities\n   ========================================================================== */\n.no-js .u-js-only {\n  display: none !important;\n}\n\n.u-hide-if-js {\n  display: none !important;\n}\n.no-js .u-hide-if-js {\n  display: block !important;\n}\n\n.u-clearfix::after {\n  content: \"\";\n  display: table;\n  clear: both;\n}\n\n.u-visually-hidden {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  border: 0;\n  margin: -1px;\n  padding: 0;\n  overflow: hidden;\n  clip: rect(0 0 0 0);\n}\n\n@media only all and (max-width: 37.5em) {\n  .u-hide-on-mobile {\n    display: none;\n  }\n}\n\n.u-show-on-mobile {\n  display: none;\n}\n@media only all and (max-width: 37.5em) {\n  .u-show-on-mobile {\n    display: block;\n  }\n}\n\n.u-hidden {\n  display: none !important;\n}\n\n.u-invisible {\n  visibility: hidden;\n}\n\n.u-inline-block {\n  display: inline-block;\n}\n\n.u-right {\n  float: right;\n}\n\n.u-break-word {\n  word-break: break-all;\n}\n\n.u-nowrap {\n  white-space: nowrap;\n}\n\n/* stylelint-disable selector-class-pattern */\n.u-flexible-container {\n  /* stylelint-enable */\n  position: relative;\n  padding-bottom: 56.25%;\n  height: 0;\n}\n.u-flexible-container__inner {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n}\n.u-flexible-container--4-3 {\n  /* stylelint-enable */\n  position: relative;\n  padding-bottom: 75%;\n  height: 0;\n}\n\n/* stylelint-disable selector-class-pattern */\n/* stylelint-enable */\n.u-mt0 {\n  margin-top: 0 !important;\n}\n\n.u-mb0 {\n  margin-bottom: 0 !important;\n}\n\n.u-mt5 {\n  margin-top: 5px !important;\n}\n\n.u-mb5 {\n  margin-bottom: 5px !important;\n}\n\n.u-mt10 {\n  margin-top: 10px !important;\n}\n\n.u-mb10 {\n  margin-bottom: 10px !important;\n}\n\n.u-mt15 {\n  margin-top: 15px !important;\n}\n\n.u-mb15 {\n  margin-bottom: 15px !important;\n}\n\n.u-mt20 {\n  margin-top: 20px !important;\n}\n\n.u-mb20 {\n  margin-bottom: 20px !important;\n}\n\n.u-mt30 {\n  margin-top: 30px !important;\n}\n\n.u-mb30 {\n  margin-bottom: 30px !important;\n}\n\n.u-mt45 {\n  margin-top: 45px !important;\n}\n\n.u-mb45 {\n  margin-bottom: 45px !important;\n}\n\n.u-mt60 {\n  margin-top: 60px !important;\n}\n\n.u-mb60 {\n  margin-bottom: 60px !important;\n}\n\n.u-w100pct {\n  width: 100%;\n}\n\n.u-w90pct {\n  width: 90%;\n}\n\n.u-w80pct {\n  width: 80%;\n}\n\n.u-w70pct {\n  width: 70%;\n}\n\n.u-w60pct {\n  width: 60%;\n}\n\n.u-w50pct {\n  width: 50%;\n}\n\n.u-w40pct {\n  width: 40%;\n}\n\n.u-w30pct {\n  width: 30%;\n}\n\n.u-w20pct {\n  width: 20%;\n}\n\n.u-w10pct {\n  width: 10%;\n}\n\n.u-w75pct {\n  width: 75%;\n}\n\n.u-w25pct {\n  width: 25%;\n}\n\n.u-w66pct {\n  width: 0.6666666667%;\n}\n\n.u-w33pct {\n  width: 0.3333333333%;\n}\n\n/* stylelint-disable selector-class-pattern */\nsmall,\n.u-small-text {\n  /* stylelint-enable */\n  font-size: 0.875em;\n}\n\n/* ==========================================================================\n   Utility classes for transitions.\n\n   Adds transitions utilty classes for transform, opacity,\n   and for the removing the transition duration.\n   ========================================================================== */\n.u-no-animation {\n  transition-duration: 0s !important;\n}\n\n.u-move-transition {\n  transition: transform 0.25s ease-out;\n}\n\n.u-move-to-origin {\n  transform: translate3d(0, 0, 0);\n}\n\n.u-move-left {\n  transform: translate3d(-100%, 0, 0);\n}\n\n.u-move-left-2x {\n  transform: translate3d(-200%, 0, 0);\n}\n\n.u-move-left-3x {\n  transform: translate3d(-300%, 0, 0);\n}\n\n.u-move-right {\n  transform: translate3d(100%, 0, 0);\n}\n\n.u-move-up {\n  transform: translate3d(0, -100%, 0);\n}\n\n.u-alpha-transition {\n  transition: opacity 0.25s linear;\n}\n\n.u-alpha-100 {\n  opacity: 1;\n}\n\n.u-alpha-0 {\n  opacity: 0;\n}\n\n.u-max-height-transition {\n  overflow: hidden;\n  contain: paint;\n  transition: max-height 0.2s ease-out;\n}\n\n/*\n.u-max-height-default {\n  This class is kept for documentation completeness.\n  The actual max-height is set in the JavaScript,\n  so that we know what the actual height of the content is for easing purposes.\n}\n*/\n.u-max-height-zero {\n  max-height: 0 !important;\n}\n\n.u-max-height-summary {\n  /* The value set here should show 4 lines of text at our standard 16px\n     base font size. The calculation comes from the following:\n     88px = 16 * 5.5em.\n     5.5em = base-line-height (22px) * 4 / base-font-size (16px)\n  */\n  max-height: 88px !important;\n}\n\n.m-notification {\n  display: none;\n  position: relative;\n  padding: 15px;\n  background: var(--gray-5);\n  border: 1px solid var(--gray-40);\n}\n.m-notification > .cf-icon-svg {\n  position: absolute;\n  fill: var(--gray);\n}\n.m-notification--success {\n  background: var(--green-10);\n  border-color: var(--green);\n}\n.m-notification--success > .cf-icon-svg {\n  fill: var(--green);\n}\n.m-notification--warning {\n  background: var(--gold-10);\n  border-color: var(--gold);\n}\n.m-notification--warning > .cf-icon-svg {\n  fill: var(--gold);\n}\n.m-notification--error {\n  background: var(--red-10);\n  border-color: var(--red);\n}\n.m-notification--error > .cf-icon-svg {\n  fill: var(--red);\n}\n.m-notification--success a, .m-notification--warning a, .m-notification--error a {\n  color: var(--pacific-mid-dark);\n  border-color: var(--pacific-mid-dark);\n}\n.m-notification--success a:visited, .m-notification--success a.visited, .m-notification--warning a:visited, .m-notification--warning a.visited, .m-notification--error a:visited, .m-notification--error a.visited {\n  border-color: var(--teal);\n  color: var(--teal);\n}\n.m-notification--success a:hover, .m-notification--success a.hover, .m-notification--warning a:hover, .m-notification--warning a.hover, .m-notification--error a:hover, .m-notification--error a.hover {\n  border-color: var(--pacific-dark);\n  color: var(--pacific-dark);\n}\n.m-notification--success a:focus, .m-notification--success a.focus, .m-notification--warning a:focus, .m-notification--warning a.focus, .m-notification--error a:focus, .m-notification--error a.focus {\n  border-color: var(--pacific-mid-dark);\n  color: var(--pacific-mid-dark);\n}\n.m-notification--success a:active, .m-notification--success a.active, .m-notification--warning a:active, .m-notification--warning a.active, .m-notification--error a:active, .m-notification--error a.active {\n  border-color: var(--navy-dark);\n  color: var(--navy-dark);\n}\n.m-notification--visible {\n  display: block;\n}\n.cf-icon-svg + .m-notification__content {\n  padding-left: 1.5625rem;\n}\n.m-notification__message {\n  font-size: 1rem;\n  line-height: 1.25;\n  font-weight: 500;\n}\n@media only all and (min-width: 37.5625em) {\n  .m-notification__message {\n    font-size: 1.125rem;\n  }\n}\n.m-notification__explanation {\n  margin-top: 0.3125rem;\n  margin-bottom: 0.9375rem;\n}\n.m-notification__message + .m-list {\n  margin-top: 0.9375rem;\n}\n@media only all and (min-width: 37.5625em) {\n  .m-notification .cf-icon-svg {\n    font-size: 1.125rem;\n  }\n  .m-notification__explanation {\n    margin-bottom: 0;\n  }\n  .m-notification .m-list {\n    margin-top: 0.3125rem;\n  }\n  .m-notification .m-list__item {\n    margin-bottom: 0.3125rem;\n  }\n}\n\nhtml[lang=ar] .m-notification .cf-icon-svg + .m-notification__content {\n  padding-left: initial;\n  padding-right: 1.5625rem;\n}\nhtml[lang=ar] .m-notification .m-list {\n  padding-right: 0;\n}"],
-  "mappings": "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",
+  "sourcesContent": ["/* ==========================================================================\n   Design System\n   Notifications Styling\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   Utilities\n   ========================================================================== */\n.no-js .u-js-only {\n  display: none !important;\n}\n\n.u-hide-if-js {\n  display: none !important;\n}\n.no-js .u-hide-if-js {\n  display: block !important;\n}\n\n.u-clearfix::after {\n  content: \"\";\n  display: table;\n  clear: both;\n}\n\n.u-visually-hidden {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  border: 0;\n  margin: -1px;\n  padding: 0;\n  overflow: hidden;\n  clip: rect(0 0 0 0);\n}\n\n@media only all and (max-width: 37.5em) {\n  .u-hide-on-mobile {\n    display: none;\n  }\n}\n\n.u-show-on-mobile {\n  display: none;\n}\n@media only all and (max-width: 37.5em) {\n  .u-show-on-mobile {\n    display: block;\n  }\n}\n\n.u-hidden {\n  display: none !important;\n}\n\n.u-invisible {\n  visibility: hidden;\n}\n\n.u-inline-block {\n  display: inline-block;\n}\n\n.u-right {\n  float: right;\n}\n\n.u-break-word {\n  word-break: break-all;\n}\n\n.u-nowrap {\n  white-space: nowrap;\n}\n\n/* stylelint-disable selector-class-pattern */\n.u-flexible-container {\n  /* stylelint-enable */\n  position: relative;\n  padding-bottom: 56.25%;\n  height: 0;\n}\n.u-flexible-container__inner {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n}\n.u-flexible-container--4-3 {\n  /* stylelint-enable */\n  position: relative;\n  padding-bottom: 75%;\n  height: 0;\n}\n\n/* stylelint-disable selector-class-pattern */\n/* stylelint-enable */\n.u-mt0 {\n  margin-top: 0 !important;\n}\n\n.u-mb0 {\n  margin-bottom: 0 !important;\n}\n\n.u-mt5 {\n  margin-top: 5px !important;\n}\n\n.u-mb5 {\n  margin-bottom: 5px !important;\n}\n\n.u-mt10 {\n  margin-top: 10px !important;\n}\n\n.u-mb10 {\n  margin-bottom: 10px !important;\n}\n\n.u-mt15 {\n  margin-top: 15px !important;\n}\n\n.u-mb15 {\n  margin-bottom: 15px !important;\n}\n\n.u-mt20 {\n  margin-top: 20px !important;\n}\n\n.u-mb20 {\n  margin-bottom: 20px !important;\n}\n\n.u-mt30 {\n  margin-top: 30px !important;\n}\n\n.u-mb30 {\n  margin-bottom: 30px !important;\n}\n\n.u-mt45 {\n  margin-top: 45px !important;\n}\n\n.u-mb45 {\n  margin-bottom: 45px !important;\n}\n\n.u-mt60 {\n  margin-top: 60px !important;\n}\n\n.u-mb60 {\n  margin-bottom: 60px !important;\n}\n\n.u-w100pct {\n  width: 100%;\n}\n\n.u-w90pct {\n  width: 90%;\n}\n\n.u-w80pct {\n  width: 80%;\n}\n\n.u-w70pct {\n  width: 70%;\n}\n\n.u-w60pct {\n  width: 60%;\n}\n\n.u-w50pct {\n  width: 50%;\n}\n\n.u-w40pct {\n  width: 40%;\n}\n\n.u-w30pct {\n  width: 30%;\n}\n\n.u-w20pct {\n  width: 20%;\n}\n\n.u-w10pct {\n  width: 10%;\n}\n\n.u-w75pct {\n  width: 75%;\n}\n\n.u-w25pct {\n  width: 25%;\n}\n\n.u-w66pct {\n  width: 66.6666666667%;\n}\n\n.u-w33pct {\n  width: 33.3333333333%;\n}\n\n/* stylelint-disable selector-class-pattern */\nsmall,\n.u-small-text {\n  /* stylelint-enable */\n  font-size: 0.875em;\n}\n\n/* ==========================================================================\n   Utility classes for transitions.\n\n   Adds transitions utilty classes for transform, opacity,\n   and for the removing the transition duration.\n   ========================================================================== */\n.u-no-animation {\n  transition-duration: 0s !important;\n}\n\n.u-move-transition {\n  transition: transform 0.25s ease-out;\n}\n\n.u-move-to-origin {\n  transform: translate3d(0, 0, 0);\n}\n\n.u-move-left {\n  transform: translate3d(-100%, 0, 0);\n}\n\n.u-move-left-2x {\n  transform: translate3d(-200%, 0, 0);\n}\n\n.u-move-left-3x {\n  transform: translate3d(-300%, 0, 0);\n}\n\n.u-move-right {\n  transform: translate3d(100%, 0, 0);\n}\n\n.u-move-up {\n  transform: translate3d(0, -100%, 0);\n}\n\n.u-alpha-transition {\n  transition: opacity 0.25s linear;\n}\n\n.u-alpha-100 {\n  opacity: 1;\n}\n\n.u-alpha-0 {\n  opacity: 0;\n}\n\n.u-max-height-transition {\n  overflow: hidden;\n  contain: paint;\n  transition: max-height 0.2s ease-out;\n}\n\n/*\n.u-max-height-default {\n  This class is kept for documentation completeness.\n  The actual max-height is set in the JavaScript,\n  so that we know what the actual height of the content is for easing purposes.\n}\n*/\n.u-max-height-zero {\n  max-height: 0 !important;\n}\n\n.u-max-height-summary {\n  /* The value set here should show 4 lines of text at our standard 16px\n     base font size. The calculation comes from the following:\n     88px = 16 * 5.5em.\n     5.5em = base-line-height (22px) * 4 / base-font-size (16px)\n  */\n  max-height: 88px !important;\n}\n\n.o-banner {\n  padding: 0.9375em 0;\n  background: var(--gold-10);\n  border-bottom: 1px solid var(--gray-40);\n  font-size: 0.875em;\n}\n.o-banner .m-notification {\n  border: none;\n  padding: 0;\n}\n.o-banner .m-notification__icon {\n  left: 0;\n  top: 0;\n}\n.o-banner--dark {\n  background: var(--teal-dark);\n  border-color: var(--teal-dark);\n  color: var(--white);\n}\n.o-banner--dark .m-notification {\n  background: var(--teal-dark);\n}\n.o-banner--dark .m-notification .cf-icon-svg {\n  fill: var(--white);\n}\n.o-banner--dark .m-notification a {\n  color: var(--white);\n  border-color: var(--white);\n}\n.o-banner--dark .m-notification a:visited, .o-banner--dark .m-notification a.visited {\n  border-color: var(--teal-40);\n  color: var(--teal-40);\n}\n.o-banner--dark .m-notification a:hover, .o-banner--dark .m-notification a.hover {\n  border-color: var(--gray-15);\n  color: var(--gray-15);\n}\n.o-banner--dark .m-notification a:focus, .o-banner--dark .m-notification a.focus {\n  border-color: var(--white);\n  color: var(--white);\n}\n.o-banner--dark .m-notification a:active, .o-banner--dark .m-notification a.active {\n  border-color: var(--gray-15);\n  color: var(--gray-15);\n}\n@media only all and (min-width: 37.5625em) {\n  .o-banner {\n    font-size: 1em;\n  }\n}", "/* ==========================================================================\n   Design System\n   Notifications Styling\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   Utilities\n   ========================================================================== */\n.no-js .u-js-only {\n  display: none !important;\n}\n\n.u-hide-if-js {\n  display: none !important;\n}\n.no-js .u-hide-if-js {\n  display: block !important;\n}\n\n.u-clearfix::after {\n  content: \"\";\n  display: table;\n  clear: both;\n}\n\n.u-visually-hidden {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  border: 0;\n  margin: -1px;\n  padding: 0;\n  overflow: hidden;\n  clip: rect(0 0 0 0);\n}\n\n@media only all and (max-width: 37.5em) {\n  .u-hide-on-mobile {\n    display: none;\n  }\n}\n\n.u-show-on-mobile {\n  display: none;\n}\n@media only all and (max-width: 37.5em) {\n  .u-show-on-mobile {\n    display: block;\n  }\n}\n\n.u-hidden {\n  display: none !important;\n}\n\n.u-invisible {\n  visibility: hidden;\n}\n\n.u-inline-block {\n  display: inline-block;\n}\n\n.u-right {\n  float: right;\n}\n\n.u-break-word {\n  word-break: break-all;\n}\n\n.u-nowrap {\n  white-space: nowrap;\n}\n\n/* stylelint-disable selector-class-pattern */\n.u-flexible-container {\n  /* stylelint-enable */\n  position: relative;\n  padding-bottom: 56.25%;\n  height: 0;\n}\n.u-flexible-container__inner {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n}\n.u-flexible-container--4-3 {\n  /* stylelint-enable */\n  position: relative;\n  padding-bottom: 75%;\n  height: 0;\n}\n\n/* stylelint-disable selector-class-pattern */\n/* stylelint-enable */\n.u-mt0 {\n  margin-top: 0 !important;\n}\n\n.u-mb0 {\n  margin-bottom: 0 !important;\n}\n\n.u-mt5 {\n  margin-top: 5px !important;\n}\n\n.u-mb5 {\n  margin-bottom: 5px !important;\n}\n\n.u-mt10 {\n  margin-top: 10px !important;\n}\n\n.u-mb10 {\n  margin-bottom: 10px !important;\n}\n\n.u-mt15 {\n  margin-top: 15px !important;\n}\n\n.u-mb15 {\n  margin-bottom: 15px !important;\n}\n\n.u-mt20 {\n  margin-top: 20px !important;\n}\n\n.u-mb20 {\n  margin-bottom: 20px !important;\n}\n\n.u-mt30 {\n  margin-top: 30px !important;\n}\n\n.u-mb30 {\n  margin-bottom: 30px !important;\n}\n\n.u-mt45 {\n  margin-top: 45px !important;\n}\n\n.u-mb45 {\n  margin-bottom: 45px !important;\n}\n\n.u-mt60 {\n  margin-top: 60px !important;\n}\n\n.u-mb60 {\n  margin-bottom: 60px !important;\n}\n\n.u-w100pct {\n  width: 100%;\n}\n\n.u-w90pct {\n  width: 90%;\n}\n\n.u-w80pct {\n  width: 80%;\n}\n\n.u-w70pct {\n  width: 70%;\n}\n\n.u-w60pct {\n  width: 60%;\n}\n\n.u-w50pct {\n  width: 50%;\n}\n\n.u-w40pct {\n  width: 40%;\n}\n\n.u-w30pct {\n  width: 30%;\n}\n\n.u-w20pct {\n  width: 20%;\n}\n\n.u-w10pct {\n  width: 10%;\n}\n\n.u-w75pct {\n  width: 75%;\n}\n\n.u-w25pct {\n  width: 25%;\n}\n\n.u-w66pct {\n  width: 66.6666666667%;\n}\n\n.u-w33pct {\n  width: 33.3333333333%;\n}\n\n/* stylelint-disable selector-class-pattern */\nsmall,\n.u-small-text {\n  /* stylelint-enable */\n  font-size: 0.875em;\n}\n\n/* ==========================================================================\n   Utility classes for transitions.\n\n   Adds transitions utilty classes for transform, opacity,\n   and for the removing the transition duration.\n   ========================================================================== */\n.u-no-animation {\n  transition-duration: 0s !important;\n}\n\n.u-move-transition {\n  transition: transform 0.25s ease-out;\n}\n\n.u-move-to-origin {\n  transform: translate3d(0, 0, 0);\n}\n\n.u-move-left {\n  transform: translate3d(-100%, 0, 0);\n}\n\n.u-move-left-2x {\n  transform: translate3d(-200%, 0, 0);\n}\n\n.u-move-left-3x {\n  transform: translate3d(-300%, 0, 0);\n}\n\n.u-move-right {\n  transform: translate3d(100%, 0, 0);\n}\n\n.u-move-up {\n  transform: translate3d(0, -100%, 0);\n}\n\n.u-alpha-transition {\n  transition: opacity 0.25s linear;\n}\n\n.u-alpha-100 {\n  opacity: 1;\n}\n\n.u-alpha-0 {\n  opacity: 0;\n}\n\n.u-max-height-transition {\n  overflow: hidden;\n  contain: paint;\n  transition: max-height 0.2s ease-out;\n}\n\n/*\n.u-max-height-default {\n  This class is kept for documentation completeness.\n  The actual max-height is set in the JavaScript,\n  so that we know what the actual height of the content is for easing purposes.\n}\n*/\n.u-max-height-zero {\n  max-height: 0 !important;\n}\n\n.u-max-height-summary {\n  /* The value set here should show 4 lines of text at our standard 16px\n     base font size. The calculation comes from the following:\n     88px = 16 * 5.5em.\n     5.5em = base-line-height (22px) * 4 / base-font-size (16px)\n  */\n  max-height: 88px !important;\n}\n\n.m-notification {\n  display: none;\n  position: relative;\n  padding: 15px;\n  background: var(--gray-5);\n  border: 1px solid var(--gray-40);\n}\n.m-notification > .cf-icon-svg {\n  position: absolute;\n  fill: var(--gray);\n}\n.m-notification--success {\n  background: var(--green-10);\n  border-color: var(--green);\n}\n.m-notification--success > .cf-icon-svg {\n  fill: var(--green);\n}\n.m-notification--warning {\n  background: var(--gold-10);\n  border-color: var(--gold);\n}\n.m-notification--warning > .cf-icon-svg {\n  fill: var(--gold);\n}\n.m-notification--error {\n  background: var(--red-10);\n  border-color: var(--red);\n}\n.m-notification--error > .cf-icon-svg {\n  fill: var(--red);\n}\n.m-notification--success a, .m-notification--warning a, .m-notification--error a {\n  color: var(--pacific-mid-dark);\n  border-color: var(--pacific-mid-dark);\n}\n.m-notification--success a:visited, .m-notification--success a.visited, .m-notification--warning a:visited, .m-notification--warning a.visited, .m-notification--error a:visited, .m-notification--error a.visited {\n  border-color: var(--teal);\n  color: var(--teal);\n}\n.m-notification--success a:hover, .m-notification--success a.hover, .m-notification--warning a:hover, .m-notification--warning a.hover, .m-notification--error a:hover, .m-notification--error a.hover {\n  border-color: var(--pacific-dark);\n  color: var(--pacific-dark);\n}\n.m-notification--success a:focus, .m-notification--success a.focus, .m-notification--warning a:focus, .m-notification--warning a.focus, .m-notification--error a:focus, .m-notification--error a.focus {\n  border-color: var(--pacific-mid-dark);\n  color: var(--pacific-mid-dark);\n}\n.m-notification--success a:active, .m-notification--success a.active, .m-notification--warning a:active, .m-notification--warning a.active, .m-notification--error a:active, .m-notification--error a.active {\n  border-color: var(--navy-dark);\n  color: var(--navy-dark);\n}\n.m-notification--visible {\n  display: block;\n}\n.cf-icon-svg + .m-notification__content {\n  padding-left: 1.5625rem;\n}\n.m-notification__message {\n  font-size: 1rem;\n  line-height: 1.25;\n  font-weight: 500;\n}\n@media only all and (min-width: 37.5625em) {\n  .m-notification__message {\n    font-size: 1.125rem;\n  }\n}\n.m-notification__explanation {\n  margin-top: 0.3125rem;\n  margin-bottom: 0.9375rem;\n}\n.m-notification__message + .m-list {\n  margin-top: 0.9375rem;\n}\n@media only all and (min-width: 37.5625em) {\n  .m-notification .cf-icon-svg {\n    font-size: 1.125rem;\n  }\n  .m-notification__explanation {\n    margin-bottom: 0;\n  }\n  .m-notification .m-list {\n    margin-top: 0.3125rem;\n  }\n  .m-notification .m-list__item {\n    margin-bottom: 0.3125rem;\n  }\n}\n\nhtml[lang=ar] .m-notification .cf-icon-svg + .m-notification__content {\n  padding-left: initial;\n  padding-right: 1.5625rem;\n}\nhtml[lang=ar] .m-notification .m-list {\n  padding-right: 0;\n}"],
+  "mappings": "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",
   "names": []
 }

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../packages/cfpb-design-system/src/components/cfpb-notifications/banner.scss", "../../../../../packages/cfpb-design-system/src/components/cfpb-notifications/notification.scss"],
-  "sourcesContent": ["/* ==========================================================================\n   Design System\n   Notifications Styling\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   Utilities\n   ========================================================================== */\n.no-js .u-js-only {\n  display: none !important;\n}\n\n.u-hide-if-js {\n  display: none !important;\n}\n.no-js .u-hide-if-js {\n  display: block !important;\n}\n\n.u-clearfix::after {\n  content: \"\";\n  display: table;\n  clear: both;\n}\n\n.u-visually-hidden {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  border: 0;\n  margin: -1px;\n  padding: 0;\n  overflow: hidden;\n  clip: rect(0 0 0 0);\n}\n\n@media only all and (max-width: 37.5em) {\n  .u-hide-on-mobile {\n    display: none;\n  }\n}\n\n.u-show-on-mobile {\n  display: none;\n}\n@media only all and (max-width: 37.5em) {\n  .u-show-on-mobile {\n    display: block;\n  }\n}\n\n.u-hidden {\n  display: none !important;\n}\n\n.u-invisible {\n  visibility: hidden;\n}\n\n.u-inline-block {\n  display: inline-block;\n}\n\n.u-right {\n  float: right;\n}\n\n.u-break-word {\n  word-break: break-all;\n}\n\n.u-nowrap {\n  white-space: nowrap;\n}\n\n/* stylelint-disable selector-class-pattern */\n.u-flexible-container {\n  /* stylelint-enable */\n  position: relative;\n  padding-bottom: 56.25%;\n  height: 0;\n}\n.u-flexible-container__inner {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n}\n.u-flexible-container--4-3 {\n  /* stylelint-enable */\n  position: relative;\n  padding-bottom: 75%;\n  height: 0;\n}\n\n/* stylelint-disable selector-class-pattern */\n/* stylelint-enable */\n.u-mt0 {\n  margin-top: 0 !important;\n}\n\n.u-mb0 {\n  margin-bottom: 0 !important;\n}\n\n.u-mt5 {\n  margin-top: 5px !important;\n}\n\n.u-mb5 {\n  margin-bottom: 5px !important;\n}\n\n.u-mt10 {\n  margin-top: 10px !important;\n}\n\n.u-mb10 {\n  margin-bottom: 10px !important;\n}\n\n.u-mt15 {\n  margin-top: 15px !important;\n}\n\n.u-mb15 {\n  margin-bottom: 15px !important;\n}\n\n.u-mt20 {\n  margin-top: 20px !important;\n}\n\n.u-mb20 {\n  margin-bottom: 20px !important;\n}\n\n.u-mt30 {\n  margin-top: 30px !important;\n}\n\n.u-mb30 {\n  margin-bottom: 30px !important;\n}\n\n.u-mt45 {\n  margin-top: 45px !important;\n}\n\n.u-mb45 {\n  margin-bottom: 45px !important;\n}\n\n.u-mt60 {\n  margin-top: 60px !important;\n}\n\n.u-mb60 {\n  margin-bottom: 60px !important;\n}\n\n.u-w100pct {\n  width: 100%;\n}\n\n.u-w90pct {\n  width: 90%;\n}\n\n.u-w80pct {\n  width: 80%;\n}\n\n.u-w70pct {\n  width: 70%;\n}\n\n.u-w60pct {\n  width: 60%;\n}\n\n.u-w50pct {\n  width: 50%;\n}\n\n.u-w40pct {\n  width: 40%;\n}\n\n.u-w30pct {\n  width: 30%;\n}\n\n.u-w20pct {\n  width: 20%;\n}\n\n.u-w10pct {\n  width: 10%;\n}\n\n.u-w75pct {\n  width: 75%;\n}\n\n.u-w25pct {\n  width: 25%;\n}\n\n.u-w66pct {\n  width: 0.6666666667%;\n}\n\n.u-w33pct {\n  width: 0.3333333333%;\n}\n\n/* stylelint-disable selector-class-pattern */\nsmall,\n.u-small-text {\n  /* stylelint-enable */\n  font-size: 0.875em;\n}\n\n/* ==========================================================================\n   Utility classes for transitions.\n\n   Adds transitions utilty classes for transform, opacity,\n   and for the removing the transition duration.\n   ========================================================================== */\n.u-no-animation {\n  transition-duration: 0s !important;\n}\n\n.u-move-transition {\n  transition: transform 0.25s ease-out;\n}\n\n.u-move-to-origin {\n  transform: translate3d(0, 0, 0);\n}\n\n.u-move-left {\n  transform: translate3d(-100%, 0, 0);\n}\n\n.u-move-left-2x {\n  transform: translate3d(-200%, 0, 0);\n}\n\n.u-move-left-3x {\n  transform: translate3d(-300%, 0, 0);\n}\n\n.u-move-right {\n  transform: translate3d(100%, 0, 0);\n}\n\n.u-move-up {\n  transform: translate3d(0, -100%, 0);\n}\n\n.u-alpha-transition {\n  transition: opacity 0.25s linear;\n}\n\n.u-alpha-100 {\n  opacity: 1;\n}\n\n.u-alpha-0 {\n  opacity: 0;\n}\n\n.u-max-height-transition {\n  overflow: hidden;\n  contain: paint;\n  transition: max-height 0.2s ease-out;\n}\n\n/*\n.u-max-height-default {\n  This class is kept for documentation completeness.\n  The actual max-height is set in the JavaScript,\n  so that we know what the actual height of the content is for easing purposes.\n}\n*/\n.u-max-height-zero {\n  max-height: 0 !important;\n}\n\n.u-max-height-summary {\n  /* The value set here should show 4 lines of text at our standard 16px\n     base font size. The calculation comes from the following:\n     88px = 16 * 5.5em.\n     5.5em = base-line-height (22px) * 4 / base-font-size (16px)\n  */\n  max-height: 88px !important;\n}\n\n.o-banner {\n  padding: 0.9375em 0;\n  background: var(--gold-10);\n  border-bottom: 1px solid var(--gray-40);\n  font-size: 0.875em;\n}\n.o-banner .m-notification {\n  border: none;\n  padding: 0;\n}\n.o-banner .m-notification__icon {\n  left: 0;\n  top: 0;\n}\n.o-banner--dark {\n  background: var(--teal-dark);\n  border-color: var(--teal-dark);\n  color: var(--white);\n}\n.o-banner--dark .m-notification {\n  background: var(--teal-dark);\n}\n.o-banner--dark .m-notification .cf-icon-svg {\n  fill: var(--white);\n}\n.o-banner--dark .m-notification a {\n  color: var(--white);\n  border-color: var(--white);\n}\n.o-banner--dark .m-notification a:visited, .o-banner--dark .m-notification a.visited {\n  border-color: var(--teal-40);\n  color: var(--teal-40);\n}\n.o-banner--dark .m-notification a:hover, .o-banner--dark .m-notification a.hover {\n  border-color: var(--gray-15);\n  color: var(--gray-15);\n}\n.o-banner--dark .m-notification a:focus, .o-banner--dark .m-notification a.focus {\n  border-color: var(--white);\n  color: var(--white);\n}\n.o-banner--dark .m-notification a:active, .o-banner--dark .m-notification a.active {\n  border-color: var(--gray-15);\n  color: var(--gray-15);\n}\n@media only all and (min-width: 37.5625em) {\n  .o-banner {\n    font-size: 1em;\n  }\n}", "/* ==========================================================================\n   Design System\n   Notifications Styling\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   Utilities\n   ========================================================================== */\n.no-js .u-js-only {\n  display: none !important;\n}\n\n.u-hide-if-js {\n  display: none !important;\n}\n.no-js .u-hide-if-js {\n  display: block !important;\n}\n\n.u-clearfix::after {\n  content: \"\";\n  display: table;\n  clear: both;\n}\n\n.u-visually-hidden {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  border: 0;\n  margin: -1px;\n  padding: 0;\n  overflow: hidden;\n  clip: rect(0 0 0 0);\n}\n\n@media only all and (max-width: 37.5em) {\n  .u-hide-on-mobile {\n    display: none;\n  }\n}\n\n.u-show-on-mobile {\n  display: none;\n}\n@media only all and (max-width: 37.5em) {\n  .u-show-on-mobile {\n    display: block;\n  }\n}\n\n.u-hidden {\n  display: none !important;\n}\n\n.u-invisible {\n  visibility: hidden;\n}\n\n.u-inline-block {\n  display: inline-block;\n}\n\n.u-right {\n  float: right;\n}\n\n.u-break-word {\n  word-break: break-all;\n}\n\n.u-nowrap {\n  white-space: nowrap;\n}\n\n/* stylelint-disable selector-class-pattern */\n.u-flexible-container {\n  /* stylelint-enable */\n  position: relative;\n  padding-bottom: 56.25%;\n  height: 0;\n}\n.u-flexible-container__inner {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n}\n.u-flexible-container--4-3 {\n  /* stylelint-enable */\n  position: relative;\n  padding-bottom: 75%;\n  height: 0;\n}\n\n/* stylelint-disable selector-class-pattern */\n/* stylelint-enable */\n.u-mt0 {\n  margin-top: 0 !important;\n}\n\n.u-mb0 {\n  margin-bottom: 0 !important;\n}\n\n.u-mt5 {\n  margin-top: 5px !important;\n}\n\n.u-mb5 {\n  margin-bottom: 5px !important;\n}\n\n.u-mt10 {\n  margin-top: 10px !important;\n}\n\n.u-mb10 {\n  margin-bottom: 10px !important;\n}\n\n.u-mt15 {\n  margin-top: 15px !important;\n}\n\n.u-mb15 {\n  margin-bottom: 15px !important;\n}\n\n.u-mt20 {\n  margin-top: 20px !important;\n}\n\n.u-mb20 {\n  margin-bottom: 20px !important;\n}\n\n.u-mt30 {\n  margin-top: 30px !important;\n}\n\n.u-mb30 {\n  margin-bottom: 30px !important;\n}\n\n.u-mt45 {\n  margin-top: 45px !important;\n}\n\n.u-mb45 {\n  margin-bottom: 45px !important;\n}\n\n.u-mt60 {\n  margin-top: 60px !important;\n}\n\n.u-mb60 {\n  margin-bottom: 60px !important;\n}\n\n.u-w100pct {\n  width: 100%;\n}\n\n.u-w90pct {\n  width: 90%;\n}\n\n.u-w80pct {\n  width: 80%;\n}\n\n.u-w70pct {\n  width: 70%;\n}\n\n.u-w60pct {\n  width: 60%;\n}\n\n.u-w50pct {\n  width: 50%;\n}\n\n.u-w40pct {\n  width: 40%;\n}\n\n.u-w30pct {\n  width: 30%;\n}\n\n.u-w20pct {\n  width: 20%;\n}\n\n.u-w10pct {\n  width: 10%;\n}\n\n.u-w75pct {\n  width: 75%;\n}\n\n.u-w25pct {\n  width: 25%;\n}\n\n.u-w66pct {\n  width: 0.6666666667%;\n}\n\n.u-w33pct {\n  width: 0.3333333333%;\n}\n\n/* stylelint-disable selector-class-pattern */\nsmall,\n.u-small-text {\n  /* stylelint-enable */\n  font-size: 0.875em;\n}\n\n/* ==========================================================================\n   Utility classes for transitions.\n\n   Adds transitions utilty classes for transform, opacity,\n   and for the removing the transition duration.\n   ========================================================================== */\n.u-no-animation {\n  transition-duration: 0s !important;\n}\n\n.u-move-transition {\n  transition: transform 0.25s ease-out;\n}\n\n.u-move-to-origin {\n  transform: translate3d(0, 0, 0);\n}\n\n.u-move-left {\n  transform: translate3d(-100%, 0, 0);\n}\n\n.u-move-left-2x {\n  transform: translate3d(-200%, 0, 0);\n}\n\n.u-move-left-3x {\n  transform: translate3d(-300%, 0, 0);\n}\n\n.u-move-right {\n  transform: translate3d(100%, 0, 0);\n}\n\n.u-move-up {\n  transform: translate3d(0, -100%, 0);\n}\n\n.u-alpha-transition {\n  transition: opacity 0.25s linear;\n}\n\n.u-alpha-100 {\n  opacity: 1;\n}\n\n.u-alpha-0 {\n  opacity: 0;\n}\n\n.u-max-height-transition {\n  overflow: hidden;\n  contain: paint;\n  transition: max-height 0.2s ease-out;\n}\n\n/*\n.u-max-height-default {\n  This class is kept for documentation completeness.\n  The actual max-height is set in the JavaScript,\n  so that we know what the actual height of the content is for easing purposes.\n}\n*/\n.u-max-height-zero {\n  max-height: 0 !important;\n}\n\n.u-max-height-summary {\n  /* The value set here should show 4 lines of text at our standard 16px\n     base font size. The calculation comes from the following:\n     88px = 16 * 5.5em.\n     5.5em = base-line-height (22px) * 4 / base-font-size (16px)\n  */\n  max-height: 88px !important;\n}\n\n.m-notification {\n  display: none;\n  position: relative;\n  padding: 15px;\n  background: var(--gray-5);\n  border: 1px solid var(--gray-40);\n}\n.m-notification > .cf-icon-svg {\n  position: absolute;\n  fill: var(--gray);\n}\n.m-notification--success {\n  background: var(--green-10);\n  border-color: var(--green);\n}\n.m-notification--success > .cf-icon-svg {\n  fill: var(--green);\n}\n.m-notification--warning {\n  background: var(--gold-10);\n  border-color: var(--gold);\n}\n.m-notification--warning > .cf-icon-svg {\n  fill: var(--gold);\n}\n.m-notification--error {\n  background: var(--red-10);\n  border-color: var(--red);\n}\n.m-notification--error > .cf-icon-svg {\n  fill: var(--red);\n}\n.m-notification--success a, .m-notification--warning a, .m-notification--error a {\n  color: var(--pacific-mid-dark);\n  border-color: var(--pacific-mid-dark);\n}\n.m-notification--success a:visited, .m-notification--success a.visited, .m-notification--warning a:visited, .m-notification--warning a.visited, .m-notification--error a:visited, .m-notification--error a.visited {\n  border-color: var(--teal);\n  color: var(--teal);\n}\n.m-notification--success a:hover, .m-notification--success a.hover, .m-notification--warning a:hover, .m-notification--warning a.hover, .m-notification--error a:hover, .m-notification--error a.hover {\n  border-color: var(--pacific-dark);\n  color: var(--pacific-dark);\n}\n.m-notification--success a:focus, .m-notification--success a.focus, .m-notification--warning a:focus, .m-notification--warning a.focus, .m-notification--error a:focus, .m-notification--error a.focus {\n  border-color: var(--pacific-mid-dark);\n  color: var(--pacific-mid-dark);\n}\n.m-notification--success a:active, .m-notification--success a.active, .m-notification--warning a:active, .m-notification--warning a.active, .m-notification--error a:active, .m-notification--error a.active {\n  border-color: var(--navy-dark);\n  color: var(--navy-dark);\n}\n.m-notification--visible {\n  display: block;\n}\n.cf-icon-svg + .m-notification__content {\n  padding-left: 1.5625rem;\n}\n.m-notification__message {\n  font-size: 1rem;\n  line-height: 1.25;\n  font-weight: 500;\n}\n@media only all and (min-width: 37.5625em) {\n  .m-notification__message {\n    font-size: 1.125rem;\n  }\n}\n.m-notification__explanation {\n  margin-top: 0.3125rem;\n  margin-bottom: 0.9375rem;\n}\n.m-notification__message + .m-list {\n  margin-top: 0.9375rem;\n}\n@media only all and (min-width: 37.5625em) {\n  .m-notification .cf-icon-svg {\n    font-size: 1.125rem;\n  }\n  .m-notification__explanation {\n    margin-bottom: 0;\n  }\n  .m-notification .m-list {\n    margin-top: 0.3125rem;\n  }\n  .m-notification .m-list__item {\n    margin-bottom: 0.3125rem;\n  }\n}\n\nhtml[lang=ar] .m-notification .cf-icon-svg + .m-notification__content {\n  padding-left: initial;\n  padding-right: 1.5625rem;\n}\nhtml[lang=ar] .m-notification .m-list {\n  padding-right: 0;\n}"],
+  "sourcesContent": ["/* ==========================================================================\n   Design System\n   Notifications Styling\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   Utilities\n   ========================================================================== */\n.no-js .u-js-only {\n  display: none !important;\n}\n\n.u-hide-if-js {\n  display: none !important;\n}\n.no-js .u-hide-if-js {\n  display: block !important;\n}\n\n.u-clearfix::after {\n  content: \"\";\n  display: table;\n  clear: both;\n}\n\n.u-visually-hidden {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  border: 0;\n  margin: -1px;\n  padding: 0;\n  overflow: hidden;\n  clip: rect(0 0 0 0);\n}\n\n@media only all and (max-width: 37.5em) {\n  .u-hide-on-mobile {\n    display: none;\n  }\n}\n\n.u-show-on-mobile {\n  display: none;\n}\n@media only all and (max-width: 37.5em) {\n  .u-show-on-mobile {\n    display: block;\n  }\n}\n\n.u-hidden {\n  display: none !important;\n}\n\n.u-invisible {\n  visibility: hidden;\n}\n\n.u-inline-block {\n  display: inline-block;\n}\n\n.u-right {\n  float: right;\n}\n\n.u-break-word {\n  word-break: break-all;\n}\n\n.u-nowrap {\n  white-space: nowrap;\n}\n\n/* stylelint-disable selector-class-pattern */\n.u-flexible-container {\n  /* stylelint-enable */\n  position: relative;\n  padding-bottom: 56.25%;\n  height: 0;\n}\n.u-flexible-container__inner {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n}\n.u-flexible-container--4-3 {\n  /* stylelint-enable */\n  position: relative;\n  padding-bottom: 75%;\n  height: 0;\n}\n\n/* stylelint-disable selector-class-pattern */\n/* stylelint-enable */\n.u-mt0 {\n  margin-top: 0 !important;\n}\n\n.u-mb0 {\n  margin-bottom: 0 !important;\n}\n\n.u-mt5 {\n  margin-top: 5px !important;\n}\n\n.u-mb5 {\n  margin-bottom: 5px !important;\n}\n\n.u-mt10 {\n  margin-top: 10px !important;\n}\n\n.u-mb10 {\n  margin-bottom: 10px !important;\n}\n\n.u-mt15 {\n  margin-top: 15px !important;\n}\n\n.u-mb15 {\n  margin-bottom: 15px !important;\n}\n\n.u-mt20 {\n  margin-top: 20px !important;\n}\n\n.u-mb20 {\n  margin-bottom: 20px !important;\n}\n\n.u-mt30 {\n  margin-top: 30px !important;\n}\n\n.u-mb30 {\n  margin-bottom: 30px !important;\n}\n\n.u-mt45 {\n  margin-top: 45px !important;\n}\n\n.u-mb45 {\n  margin-bottom: 45px !important;\n}\n\n.u-mt60 {\n  margin-top: 60px !important;\n}\n\n.u-mb60 {\n  margin-bottom: 60px !important;\n}\n\n.u-w100pct {\n  width: 100%;\n}\n\n.u-w90pct {\n  width: 90%;\n}\n\n.u-w80pct {\n  width: 80%;\n}\n\n.u-w70pct {\n  width: 70%;\n}\n\n.u-w60pct {\n  width: 60%;\n}\n\n.u-w50pct {\n  width: 50%;\n}\n\n.u-w40pct {\n  width: 40%;\n}\n\n.u-w30pct {\n  width: 30%;\n}\n\n.u-w20pct {\n  width: 20%;\n}\n\n.u-w10pct {\n  width: 10%;\n}\n\n.u-w75pct {\n  width: 75%;\n}\n\n.u-w25pct {\n  width: 25%;\n}\n\n.u-w66pct {\n  width: 66.6666666667%;\n}\n\n.u-w33pct {\n  width: 33.3333333333%;\n}\n\n/* stylelint-disable selector-class-pattern */\nsmall,\n.u-small-text {\n  /* stylelint-enable */\n  font-size: 0.875em;\n}\n\n/* ==========================================================================\n   Utility classes for transitions.\n\n   Adds transitions utilty classes for transform, opacity,\n   and for the removing the transition duration.\n   ========================================================================== */\n.u-no-animation {\n  transition-duration: 0s !important;\n}\n\n.u-move-transition {\n  transition: transform 0.25s ease-out;\n}\n\n.u-move-to-origin {\n  transform: translate3d(0, 0, 0);\n}\n\n.u-move-left {\n  transform: translate3d(-100%, 0, 0);\n}\n\n.u-move-left-2x {\n  transform: translate3d(-200%, 0, 0);\n}\n\n.u-move-left-3x {\n  transform: translate3d(-300%, 0, 0);\n}\n\n.u-move-right {\n  transform: translate3d(100%, 0, 0);\n}\n\n.u-move-up {\n  transform: translate3d(0, -100%, 0);\n}\n\n.u-alpha-transition {\n  transition: opacity 0.25s linear;\n}\n\n.u-alpha-100 {\n  opacity: 1;\n}\n\n.u-alpha-0 {\n  opacity: 0;\n}\n\n.u-max-height-transition {\n  overflow: hidden;\n  contain: paint;\n  transition: max-height 0.2s ease-out;\n}\n\n/*\n.u-max-height-default {\n  This class is kept for documentation completeness.\n  The actual max-height is set in the JavaScript,\n  so that we know what the actual height of the content is for easing purposes.\n}\n*/\n.u-max-height-zero {\n  max-height: 0 !important;\n}\n\n.u-max-height-summary {\n  /* The value set here should show 4 lines of text at our standard 16px\n     base font size. The calculation comes from the following:\n     88px = 16 * 5.5em.\n     5.5em = base-line-height (22px) * 4 / base-font-size (16px)\n  */\n  max-height: 88px !important;\n}\n\n.o-banner {\n  padding: 0.9375em 0;\n  background: var(--gold-10);\n  border-bottom: 1px solid var(--gray-40);\n  font-size: 0.875em;\n}\n.o-banner .m-notification {\n  border: none;\n  padding: 0;\n}\n.o-banner .m-notification__icon {\n  left: 0;\n  top: 0;\n}\n.o-banner--dark {\n  background: var(--teal-dark);\n  border-color: var(--teal-dark);\n  color: var(--white);\n}\n.o-banner--dark .m-notification {\n  background: var(--teal-dark);\n}\n.o-banner--dark .m-notification .cf-icon-svg {\n  fill: var(--white);\n}\n.o-banner--dark .m-notification a {\n  color: var(--white);\n  border-color: var(--white);\n}\n.o-banner--dark .m-notification a:visited, .o-banner--dark .m-notification a.visited {\n  border-color: var(--teal-40);\n  color: var(--teal-40);\n}\n.o-banner--dark .m-notification a:hover, .o-banner--dark .m-notification a.hover {\n  border-color: var(--gray-15);\n  color: var(--gray-15);\n}\n.o-banner--dark .m-notification a:focus, .o-banner--dark .m-notification a.focus {\n  border-color: var(--white);\n  color: var(--white);\n}\n.o-banner--dark .m-notification a:active, .o-banner--dark .m-notification a.active {\n  border-color: var(--gray-15);\n  color: var(--gray-15);\n}\n@media only all and (min-width: 37.5625em) {\n  .o-banner {\n    font-size: 1em;\n  }\n}", "/* ==========================================================================\n   Design System\n   Notifications Styling\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   Utilities\n   ========================================================================== */\n.no-js .u-js-only {\n  display: none !important;\n}\n\n.u-hide-if-js {\n  display: none !important;\n}\n.no-js .u-hide-if-js {\n  display: block !important;\n}\n\n.u-clearfix::after {\n  content: \"\";\n  display: table;\n  clear: both;\n}\n\n.u-visually-hidden {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  border: 0;\n  margin: -1px;\n  padding: 0;\n  overflow: hidden;\n  clip: rect(0 0 0 0);\n}\n\n@media only all and (max-width: 37.5em) {\n  .u-hide-on-mobile {\n    display: none;\n  }\n}\n\n.u-show-on-mobile {\n  display: none;\n}\n@media only all and (max-width: 37.5em) {\n  .u-show-on-mobile {\n    display: block;\n  }\n}\n\n.u-hidden {\n  display: none !important;\n}\n\n.u-invisible {\n  visibility: hidden;\n}\n\n.u-inline-block {\n  display: inline-block;\n}\n\n.u-right {\n  float: right;\n}\n\n.u-break-word {\n  word-break: break-all;\n}\n\n.u-nowrap {\n  white-space: nowrap;\n}\n\n/* stylelint-disable selector-class-pattern */\n.u-flexible-container {\n  /* stylelint-enable */\n  position: relative;\n  padding-bottom: 56.25%;\n  height: 0;\n}\n.u-flexible-container__inner {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n}\n.u-flexible-container--4-3 {\n  /* stylelint-enable */\n  position: relative;\n  padding-bottom: 75%;\n  height: 0;\n}\n\n/* stylelint-disable selector-class-pattern */\n/* stylelint-enable */\n.u-mt0 {\n  margin-top: 0 !important;\n}\n\n.u-mb0 {\n  margin-bottom: 0 !important;\n}\n\n.u-mt5 {\n  margin-top: 5px !important;\n}\n\n.u-mb5 {\n  margin-bottom: 5px !important;\n}\n\n.u-mt10 {\n  margin-top: 10px !important;\n}\n\n.u-mb10 {\n  margin-bottom: 10px !important;\n}\n\n.u-mt15 {\n  margin-top: 15px !important;\n}\n\n.u-mb15 {\n  margin-bottom: 15px !important;\n}\n\n.u-mt20 {\n  margin-top: 20px !important;\n}\n\n.u-mb20 {\n  margin-bottom: 20px !important;\n}\n\n.u-mt30 {\n  margin-top: 30px !important;\n}\n\n.u-mb30 {\n  margin-bottom: 30px !important;\n}\n\n.u-mt45 {\n  margin-top: 45px !important;\n}\n\n.u-mb45 {\n  margin-bottom: 45px !important;\n}\n\n.u-mt60 {\n  margin-top: 60px !important;\n}\n\n.u-mb60 {\n  margin-bottom: 60px !important;\n}\n\n.u-w100pct {\n  width: 100%;\n}\n\n.u-w90pct {\n  width: 90%;\n}\n\n.u-w80pct {\n  width: 80%;\n}\n\n.u-w70pct {\n  width: 70%;\n}\n\n.u-w60pct {\n  width: 60%;\n}\n\n.u-w50pct {\n  width: 50%;\n}\n\n.u-w40pct {\n  width: 40%;\n}\n\n.u-w30pct {\n  width: 30%;\n}\n\n.u-w20pct {\n  width: 20%;\n}\n\n.u-w10pct {\n  width: 10%;\n}\n\n.u-w75pct {\n  width: 75%;\n}\n\n.u-w25pct {\n  width: 25%;\n}\n\n.u-w66pct {\n  width: 66.6666666667%;\n}\n\n.u-w33pct {\n  width: 33.3333333333%;\n}\n\n/* stylelint-disable selector-class-pattern */\nsmall,\n.u-small-text {\n  /* stylelint-enable */\n  font-size: 0.875em;\n}\n\n/* ==========================================================================\n   Utility classes for transitions.\n\n   Adds transitions utilty classes for transform, opacity,\n   and for the removing the transition duration.\n   ========================================================================== */\n.u-no-animation {\n  transition-duration: 0s !important;\n}\n\n.u-move-transition {\n  transition: transform 0.25s ease-out;\n}\n\n.u-move-to-origin {\n  transform: translate3d(0, 0, 0);\n}\n\n.u-move-left {\n  transform: translate3d(-100%, 0, 0);\n}\n\n.u-move-left-2x {\n  transform: translate3d(-200%, 0, 0);\n}\n\n.u-move-left-3x {\n  transform: translate3d(-300%, 0, 0);\n}\n\n.u-move-right {\n  transform: translate3d(100%, 0, 0);\n}\n\n.u-move-up {\n  transform: translate3d(0, -100%, 0);\n}\n\n.u-alpha-transition {\n  transition: opacity 0.25s linear;\n}\n\n.u-alpha-100 {\n  opacity: 1;\n}\n\n.u-alpha-0 {\n  opacity: 0;\n}\n\n.u-max-height-transition {\n  overflow: hidden;\n  contain: paint;\n  transition: max-height 0.2s ease-out;\n}\n\n/*\n.u-max-height-default {\n  This class is kept for documentation completeness.\n  The actual max-height is set in the JavaScript,\n  so that we know what the actual height of the content is for easing purposes.\n}\n*/\n.u-max-height-zero {\n  max-height: 0 !important;\n}\n\n.u-max-height-summary {\n  /* The value set here should show 4 lines of text at our standard 16px\n     base font size. The calculation comes from the following:\n     88px = 16 * 5.5em.\n     5.5em = base-line-height (22px) * 4 / base-font-size (16px)\n  */\n  max-height: 88px !important;\n}\n\n.m-notification {\n  display: none;\n  position: relative;\n  padding: 15px;\n  background: var(--gray-5);\n  border: 1px solid var(--gray-40);\n}\n.m-notification > .cf-icon-svg {\n  position: absolute;\n  fill: var(--gray);\n}\n.m-notification--success {\n  background: var(--green-10);\n  border-color: var(--green);\n}\n.m-notification--success > .cf-icon-svg {\n  fill: var(--green);\n}\n.m-notification--warning {\n  background: var(--gold-10);\n  border-color: var(--gold);\n}\n.m-notification--warning > .cf-icon-svg {\n  fill: var(--gold);\n}\n.m-notification--error {\n  background: var(--red-10);\n  border-color: var(--red);\n}\n.m-notification--error > .cf-icon-svg {\n  fill: var(--red);\n}\n.m-notification--success a, .m-notification--warning a, .m-notification--error a {\n  color: var(--pacific-mid-dark);\n  border-color: var(--pacific-mid-dark);\n}\n.m-notification--success a:visited, .m-notification--success a.visited, .m-notification--warning a:visited, .m-notification--warning a.visited, .m-notification--error a:visited, .m-notification--error a.visited {\n  border-color: var(--teal);\n  color: var(--teal);\n}\n.m-notification--success a:hover, .m-notification--success a.hover, .m-notification--warning a:hover, .m-notification--warning a.hover, .m-notification--error a:hover, .m-notification--error a.hover {\n  border-color: var(--pacific-dark);\n  color: var(--pacific-dark);\n}\n.m-notification--success a:focus, .m-notification--success a.focus, .m-notification--warning a:focus, .m-notification--warning a.focus, .m-notification--error a:focus, .m-notification--error a.focus {\n  border-color: var(--pacific-mid-dark);\n  color: var(--pacific-mid-dark);\n}\n.m-notification--success a:active, .m-notification--success a.active, .m-notification--warning a:active, .m-notification--warning a.active, .m-notification--error a:active, .m-notification--error a.active {\n  border-color: var(--navy-dark);\n  color: var(--navy-dark);\n}\n.m-notification--visible {\n  display: block;\n}\n.cf-icon-svg + .m-notification__content {\n  padding-left: 1.5625rem;\n}\n.m-notification__message {\n  font-size: 1rem;\n  line-height: 1.25;\n  font-weight: 500;\n}\n@media only all and (min-width: 37.5625em) {\n  .m-notification__message {\n    font-size: 1.125rem;\n  }\n}\n.m-notification__explanation {\n  margin-top: 0.3125rem;\n  margin-bottom: 0.9375rem;\n}\n.m-notification__message + .m-list {\n  margin-top: 0.9375rem;\n}\n@media only all and (min-width: 37.5625em) {\n  .m-notification .cf-icon-svg {\n    font-size: 1.125rem;\n  }\n  .m-notification__explanation {\n    margin-bottom: 0;\n  }\n  .m-notification .m-list {\n    margin-top: 0.3125rem;\n  }\n  .m-notification .m-list__item {\n    margin-bottom: 0.3125rem;\n  }\n}\n\nhtml[lang=ar] .m-notification .cf-icon-svg + .m-notification__content {\n  padding-left: initial;\n  padding-right: 1.5625rem;\n}\nhtml[lang=ar] .m-notification .m-list {\n  padding-right: 0;\n}"],
   "mappings": "gGAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,IAAAA,EAAA,GCAA,IAAAC,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,IAAAA,EAAA",
   "names": ["banner_exports", "__export", "banner_default", "notification_exports", "__export", "notification_default"]
 }

package/dist/components/cfpb-tables/index.css CHANGED Viewed

@@ -1,2 +1,2 @@
-.o-table__cell--right-align{text-align:right}.o-table-wrapper--scrolling{box-sizing:border-box;overflow-y:hidden}.o-table-wrapper--scrolling table{border:1px solid var(--gray-40)}.o-table-wrapper--scrolling table>tbody>tr:nth-child(2n)>th,.o-table-wrapper--scrolling table>tbody>tr:nth-child(2n)>td{background:var(--gray-5)}@media only all and (min-width: 37.5625em){.o-table--striped>tbody>tr:nth-child(2n)>th,.o-table--striped>tbody>tr:nth-child(2n)>td{background:var(--gray-5)}}@media only screen and (max-width: 600px){.o-table{width:100%}.o-table--striped tr:nth-child(2n)>th,.o-table--striped tr:nth-child(2n)>td{background:var(--white)}.o-table--stack-on-small{border-top:1px solid var(--gray-40)}.o-table--stack-on-small tr,.o-table--stack-on-small td,.o-table--stack-on-small [data-display-table=row],.o-table--stack-on-small [data-display-table=cell]{display:block}.o-table--stack-on-small th,.o-table--stack-on-small td,.o-table--stack-on-small [data-display-table=cell]{padding-right:0;padding-left:0;width:100%}.o-table--stack-on-small>thead,.o-table--stack-on-small [data-display-table=thead]{display:none}.o-table--stack-on-small td[data-label]:before{font-size:.875em;font-weight:600;letter-spacing:1px;line-height:1.25;text-transform:uppercase;display:block;margin-top:0;margin-bottom:.3125em;content:attr(data-label);line-height:1.83333333}.o-table--stack-on-small td:last-child,.o-table--stack-on-small [data-display-table=cell]:last-child{margin-bottom:1.875em}.o-table--entry-header-on-small>tbody td:first-child{padding-bottom:.75em;border-bottom:1px solid var(--gray);margin-bottom:.625em;margin-top:0;background-color:var(--gray-5);font-size:1.125em;font-weight:400;line-height:1.22222222}.o-table--entry-header-on-small>tbody td:first-child:before{display:none}.o-table--entry-header-on-small>tbody>tr{border-bottom:none;margin-bottom:1.875em}}
+.o-table__cell--right-align{text-align:right}.o-table-wrapper--scrolling{box-sizing:border-box;overflow-y:hidden}.o-table-wrapper--scrolling table{border:1px solid var(--gray-40)}.o-table-wrapper--scrolling table>tbody>tr:nth-child(2n)>th,.o-table-wrapper--scrolling table>tbody>tr:nth-child(2n)>td{background:var(--gray-5)}@media only all and (min-width: 37.5625em){.o-table--striped>tbody>tr:nth-child(2n)>th,.o-table--striped>tbody>tr:nth-child(2n)>td{background:var(--gray-5)}}@media only screen and (max-width: 600px){.o-table{width:100%}.o-table--striped tr:nth-child(2n)>th,.o-table--striped tr:nth-child(2n)>td{background:var(--white)}.o-table--stack-on-small{border-top:1px solid var(--gray-40)}.o-table--stack-on-small tr,.o-table--stack-on-small td,.o-table--stack-on-small [data-display-table=row],.o-table--stack-on-small [data-display-table=cell]{display:block}.o-table--stack-on-small th,.o-table--stack-on-small td,.o-table--stack-on-small [data-display-table=cell]{padding-right:0;padding-left:0;width:100%}.o-table--stack-on-small>thead,.o-table--stack-on-small [data-display-table=thead]{display:none}.o-table--stack-on-small td[data-label]:before{display:block;margin-top:0;margin-bottom:.3125em;content:attr(data-label);line-height:1.83333333;font-size:.875em;font-weight:600;letter-spacing:1px;text-transform:uppercase}.o-table--stack-on-small td:last-child,.o-table--stack-on-small [data-display-table=cell]:last-child{margin-bottom:1.875em}.o-table--entry-header-on-small>tbody td:first-child{padding-bottom:.75em;border-bottom:1px solid var(--gray);margin-bottom:.625em;margin-top:0;background-color:var(--gray-5);font-size:1.125em;font-weight:400;line-height:1.22222222}.o-table--entry-header-on-small>tbody td:first-child:before{display:none}.o-table--entry-header-on-small>tbody>tr{border-bottom:none;margin-bottom:1.875em}}
 /*# sourceMappingURL=index.css.map */

package/dist/components/cfpb-tables/index.css.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../packages/cfpb-design-system/src/components/cfpb-tables/table.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/* ==========================================================================\n   Design System\n   Table Styling\n   ========================================================================== */\n.o-table__cell--right-align {\n  text-align: right;\n}\n\n.o-table-wrapper--scrolling {\n  box-sizing: border-box;\n  overflow-y: hidden;\n}\n.o-table-wrapper--scrolling table {\n  border: 1px solid var(--gray-40);\n}\n.o-table-wrapper--scrolling table > tbody > tr:nth-child(even) > th, .o-table-wrapper--scrolling table > tbody > tr:nth-child(even) > td {\n  background: var(--gray-5);\n}\n\n@media only all and (min-width: 37.5625em) {\n  .o-table--striped > tbody > tr:nth-child(even) > th, .o-table--striped > tbody > tr:nth-child(even) > td {\n    background: var(--gray-5);\n  }\n}\n@media only screen and (max-width: 600px) {\n  .o-table {\n    width: 100%;\n  }\n  .o-table--striped tr:nth-child(even) > th, .o-table--striped tr:nth-child(even) > td {\n    background: var(--white);\n  }\n  .o-table--stack-on-small {\n    border-top: 1px solid var(--gray-40);\n  }\n  .o-table--stack-on-small tr,\n  .o-table--stack-on-small td,\n  .o-table--stack-on-small [data-display-table=row],\n  .o-table--stack-on-small [data-display-table=cell] {\n    display: block;\n  }\n  .o-table--stack-on-small th,\n  .o-table--stack-on-small td,\n  .o-table--stack-on-small [data-display-table=cell] {\n    padding-right: 0;\n    padding-left: 0;\n    width: 100%;\n  }\n  .o-table--stack-on-small > thead,\n  .o-table--stack-on-small [data-display-table=thead] {\n    display: none;\n  }\n  .o-table--stack-on-small td[data-label]::before {\n    margin-bottom: 1.0714285714em;\n    font-size: 0.875em;\n    font-weight: 600;\n    letter-spacing: 1px;\n    line-height: 1.25;\n    text-transform: uppercase;\n    display: block;\n    margin-top: 0;\n    margin-bottom: 0.3125em;\n    content: attr(data-label);\n    line-height: 1.83333333;\n  }\n  .o-table--stack-on-small td:last-child,\n  .o-table--stack-on-small [data-display-table=cell]:last-child {\n    margin-bottom: 1.875em;\n  }\n  .o-table--entry-header-on-small > tbody td:first-child {\n    padding-bottom: 0.75em;\n    border-bottom: 1px solid var(--gray);\n    margin-bottom: 0.625em;\n    margin-top: 0;\n    background-color: var(--gray-5);\n    font-size: 1.125em;\n    font-weight: 400;\n    line-height: 1.22222222;\n  }\n  .o-table--entry-header-on-small > tbody td:first-child::before {\n    display: none;\n  }\n  .o-table--entry-header-on-small > tbody > tr {\n    border-bottom: none;\n    margin-bottom: 1.875em;\n  }\n}"],
-  "mappings": "AA+BA,CAAC,2BACC,WAAY,KACd,CAEA,CAAC,2BACC,WAAY,WACZ,WAAY,MACd,CACA,CAJC,2BAI2B,MAC1B,OAAQ,IAAI,MAAM,IAAI,UACxB,CACA,CAPC,2BAO2B,KAAM,CAAE,KAAM,CAAE,EAAE,cAAiB,CAAE,GAAI,CAPpE,2BAOgG,KAAM,CAAE,KAAM,CAAE,EAAE,cAAiB,CAAE,GACpI,WAAY,IAAI,SAClB,CAEA,OAAO,KAAK,IAAI,IAAI,CAAC,SAAS,EAAE,WAC9B,CAAC,gBAAiB,CAAE,KAAM,CAAE,EAAE,cAAiB,CAAE,GAAI,CAApD,gBAAsE,CAAE,KAAM,CAAE,EAAE,cAAiB,CAAE,GACpG,WAAY,IAAI,SAClB,CACF,CACA,OAAO,KAAK,OAAO,IAAI,CAAC,SAAS,EAAE,OACjC,CAAC,QACC,MAAO,IACT,CACA,CARC,iBAQiB,EAAE,cAAiB,CAAE,GAAI,CAR1C,iBAQ4D,EAAE,cAAiB,CAAE,GAChF,WAAY,IAAI,QAClB,CACA,CAAC,wBACC,WAAY,IAAI,MAAM,IAAI,UAC5B,CACA,CAHC,wBAGwB,GACzB,CAJC,wBAIwB,GACzB,CALC,wBAKwB,CAAC,wBAC1B,CANC,wBAMwB,CAAC,yBACxB,QAAS,KACX,CACA,CATC,wBASwB,GACzB,CAVC,wBAUwB,GACzB,CAXC,wBAWwB,CAAC,yBACxB,cAAe,EACf,aAAc,EACd,MAAO,IACT,CACA,CAhBC,uBAgBwB,CAAE,MAC3B,CAjBC,wBAiBwB,CAAC,0BACxB,QAAS,IACX,CACA,CApBC,wBAoBwB,EAAE,CAAC,WAAW,QAErC,UAAW,OACX,YAAa,IACb,eAAgB,IAChB,YAAa,KACb,eAAgB,UAChB,QAAS,MACT,WAAY,EACZ,cAAe,QACf,QAAS,KAAK,YACd,YAAa,UACf,CACA,CAjCC,wBAiCwB,EAAE,YAC3B,CAlCC,wBAkCwB,CAAC,wBAAwB,YAChD,cAAe,OACjB,CACA,CAAC,8BAA+B,CAAE,MAAM,EAAE,aACxC,eAAgB,MAChB,cAAe,IAAI,MAAM,IAAI,QAC7B,cAAe,OACf,WAAY,EACZ,iBAAkB,IAAI,UACtB,UAAW,QACX,YAAa,IACb,YAAa,UACf,CACA,CAVC,8BAU+B,CAAE,MAAM,EAAE,YAAY,QACpD,QAAS,IACX,CACA,CAbC,8BAa+B,CAAE,KAAM,CAAE,GACxC,cAAe,KACf,cAAe,OACjB,CACF",
+  "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/* ==========================================================================\n   Design System\n   Table Styling\n   ========================================================================== */\n.o-table__cell--right-align {\n  text-align: right;\n}\n\n.o-table-wrapper--scrolling {\n  box-sizing: border-box;\n  overflow-y: hidden;\n}\n.o-table-wrapper--scrolling table {\n  border: 1px solid var(--gray-40);\n}\n.o-table-wrapper--scrolling table > tbody > tr:nth-child(even) > th, .o-table-wrapper--scrolling table > tbody > tr:nth-child(even) > td {\n  background: var(--gray-5);\n}\n\n@media only all and (min-width: 37.5625em) {\n  .o-table--striped > tbody > tr:nth-child(even) > th, .o-table--striped > tbody > tr:nth-child(even) > td {\n    background: var(--gray-5);\n  }\n}\n@media only screen and (max-width: 600px) {\n  .o-table {\n    width: 100%;\n  }\n  .o-table--striped tr:nth-child(even) > th, .o-table--striped tr:nth-child(even) > td {\n    background: var(--white);\n  }\n  .o-table--stack-on-small {\n    border-top: 1px solid var(--gray-40);\n  }\n  .o-table--stack-on-small tr,\n  .o-table--stack-on-small td,\n  .o-table--stack-on-small [data-display-table=row],\n  .o-table--stack-on-small [data-display-table=cell] {\n    display: block;\n  }\n  .o-table--stack-on-small th,\n  .o-table--stack-on-small td,\n  .o-table--stack-on-small [data-display-table=cell] {\n    padding-right: 0;\n    padding-left: 0;\n    width: 100%;\n  }\n  .o-table--stack-on-small > thead,\n  .o-table--stack-on-small [data-display-table=thead] {\n    display: none;\n  }\n  .o-table--stack-on-small td[data-label]::before {\n    display: block;\n    margin-top: 0;\n    margin-bottom: 0.3125em;\n    content: attr(data-label);\n    line-height: 1.83333333;\n    font-size: 0.875em;\n    font-weight: 600;\n    letter-spacing: 1px;\n    text-transform: uppercase;\n  }\n  .o-table--stack-on-small td:last-child,\n  .o-table--stack-on-small [data-display-table=cell]:last-child {\n    margin-bottom: 1.875em;\n  }\n  .o-table--entry-header-on-small > tbody td:first-child {\n    padding-bottom: 0.75em;\n    border-bottom: 1px solid var(--gray);\n    margin-bottom: 0.625em;\n    margin-top: 0;\n    background-color: var(--gray-5);\n    font-size: 1.125em;\n    font-weight: 400;\n    line-height: 1.22222222;\n  }\n  .o-table--entry-header-on-small > tbody td:first-child::before {\n    display: none;\n  }\n  .o-table--entry-header-on-small > tbody > tr {\n    border-bottom: none;\n    margin-bottom: 1.875em;\n  }\n}"],
+  "mappings": "AA+BA,CAAC,2BACC,WAAY,KACd,CAEA,CAAC,2BACC,WAAY,WACZ,WAAY,MACd,CACA,CAJC,2BAI2B,MAC1B,OAAQ,IAAI,MAAM,IAAI,UACxB,CACA,CAPC,2BAO2B,KAAM,CAAE,KAAM,CAAE,EAAE,cAAiB,CAAE,GAAI,CAPpE,2BAOgG,KAAM,CAAE,KAAM,CAAE,EAAE,cAAiB,CAAE,GACpI,WAAY,IAAI,SAClB,CAEA,OAAO,KAAK,IAAI,IAAI,CAAC,SAAS,EAAE,WAC9B,CAAC,gBAAiB,CAAE,KAAM,CAAE,EAAE,cAAiB,CAAE,GAAI,CAApD,gBAAsE,CAAE,KAAM,CAAE,EAAE,cAAiB,CAAE,GACpG,WAAY,IAAI,SAClB,CACF,CACA,OAAO,KAAK,OAAO,IAAI,CAAC,SAAS,EAAE,OACjC,CAAC,QACC,MAAO,IACT,CACA,CARC,iBAQiB,EAAE,cAAiB,CAAE,GAAI,CAR1C,iBAQ4D,EAAE,cAAiB,CAAE,GAChF,WAAY,IAAI,QAClB,CACA,CAAC,wBACC,WAAY,IAAI,MAAM,IAAI,UAC5B,CACA,CAHC,wBAGwB,GACzB,CAJC,wBAIwB,GACzB,CALC,wBAKwB,CAAC,wBAC1B,CANC,wBAMwB,CAAC,yBACxB,QAAS,KACX,CACA,CATC,wBASwB,GACzB,CAVC,wBAUwB,GACzB,CAXC,wBAWwB,CAAC,yBACxB,cAAe,EACf,aAAc,EACd,MAAO,IACT,CACA,CAhBC,uBAgBwB,CAAE,MAC3B,CAjBC,wBAiBwB,CAAC,0BACxB,QAAS,IACX,CACA,CApBC,wBAoBwB,EAAE,CAAC,WAAW,QACrC,QAAS,MACT,WAAY,EACZ,cAAe,QACf,QAAS,KAAK,YACd,YAAa,WACb,UAAW,OACX,YAAa,IACb,eAAgB,IAChB,eAAgB,SAClB,CACA,CA/BC,wBA+BwB,EAAE,YAC3B,CAhCC,wBAgCwB,CAAC,wBAAwB,YAChD,cAAe,OACjB,CACA,CAAC,8BAA+B,CAAE,MAAM,EAAE,aACxC,eAAgB,MAChB,cAAe,IAAI,MAAM,IAAI,QAC7B,cAAe,OACf,WAAY,EACZ,iBAAkB,IAAI,UACtB,UAAW,QACX,YAAa,IACb,YAAa,UACf,CACA,CAVC,8BAU+B,CAAE,MAAM,EAAE,YAAY,QACpD,QAAS,IACX,CACA,CAbC,8BAa+B,CAAE,KAAM,CAAE,GACxC,cAAe,KACf,cAAe,OACjB,CACF",
   "names": []
 }

package/dist/components/cfpb-tables/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-(()=>{var o=Object.defineProperty;var s=(l,e)=>{for(var a in e)o(l,a,{get:e[a],enumerable:!0})};var t={};s(t,{default:()=>r});var r={};})();
+(()=>{var o=Object.defineProperty;var s=(l,e)=>{for(var a in e)o(l,a,{get:e[a],enumerable:!0})};var t={};s(t,{default:()=>n});var n={};})();
 //# sourceMappingURL=index.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../packages/cfpb-design-system/src/components/cfpb-tables/table.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/* ==========================================================================\n   Design System\n   Table Styling\n   ========================================================================== */\n.o-table__cell--right-align {\n  text-align: right;\n}\n\n.o-table-wrapper--scrolling {\n  box-sizing: border-box;\n  overflow-y: hidden;\n}\n.o-table-wrapper--scrolling table {\n  border: 1px solid var(--gray-40);\n}\n.o-table-wrapper--scrolling table > tbody > tr:nth-child(even) > th, .o-table-wrapper--scrolling table > tbody > tr:nth-child(even) > td {\n  background: var(--gray-5);\n}\n\n@media only all and (min-width: 37.5625em) {\n  .o-table--striped > tbody > tr:nth-child(even) > th, .o-table--striped > tbody > tr:nth-child(even) > td {\n    background: var(--gray-5);\n  }\n}\n@media only screen and (max-width: 600px) {\n  .o-table {\n    width: 100%;\n  }\n  .o-table--striped tr:nth-child(even) > th, .o-table--striped tr:nth-child(even) > td {\n    background: var(--white);\n  }\n  .o-table--stack-on-small {\n    border-top: 1px solid var(--gray-40);\n  }\n  .o-table--stack-on-small tr,\n  .o-table--stack-on-small td,\n  .o-table--stack-on-small [data-display-table=row],\n  .o-table--stack-on-small [data-display-table=cell] {\n    display: block;\n  }\n  .o-table--stack-on-small th,\n  .o-table--stack-on-small td,\n  .o-table--stack-on-small [data-display-table=cell] {\n    padding-right: 0;\n    padding-left: 0;\n    width: 100%;\n  }\n  .o-table--stack-on-small > thead,\n  .o-table--stack-on-small [data-display-table=thead] {\n    display: none;\n  }\n  .o-table--stack-on-small td[data-label]::before {\n    margin-bottom: 1.0714285714em;\n    font-size: 0.875em;\n    font-weight: 600;\n    letter-spacing: 1px;\n    line-height: 1.25;\n    text-transform: uppercase;\n    display: block;\n    margin-top: 0;\n    margin-bottom: 0.3125em;\n    content: attr(data-label);\n    line-height: 1.83333333;\n  }\n  .o-table--stack-on-small td:last-child,\n  .o-table--stack-on-small [data-display-table=cell]:last-child {\n    margin-bottom: 1.875em;\n  }\n  .o-table--entry-header-on-small > tbody td:first-child {\n    padding-bottom: 0.75em;\n    border-bottom: 1px solid var(--gray);\n    margin-bottom: 0.625em;\n    margin-top: 0;\n    background-color: var(--gray-5);\n    font-size: 1.125em;\n    font-weight: 400;\n    line-height: 1.22222222;\n  }\n  .o-table--entry-header-on-small > tbody td:first-child::before {\n    display: none;\n  }\n  .o-table--entry-header-on-small > tbody > tr {\n    border-bottom: none;\n    margin-bottom: 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/* ==========================================================================\n   Design System\n   Table Styling\n   ========================================================================== */\n.o-table__cell--right-align {\n  text-align: right;\n}\n\n.o-table-wrapper--scrolling {\n  box-sizing: border-box;\n  overflow-y: hidden;\n}\n.o-table-wrapper--scrolling table {\n  border: 1px solid var(--gray-40);\n}\n.o-table-wrapper--scrolling table > tbody > tr:nth-child(even) > th, .o-table-wrapper--scrolling table > tbody > tr:nth-child(even) > td {\n  background: var(--gray-5);\n}\n\n@media only all and (min-width: 37.5625em) {\n  .o-table--striped > tbody > tr:nth-child(even) > th, .o-table--striped > tbody > tr:nth-child(even) > td {\n    background: var(--gray-5);\n  }\n}\n@media only screen and (max-width: 600px) {\n  .o-table {\n    width: 100%;\n  }\n  .o-table--striped tr:nth-child(even) > th, .o-table--striped tr:nth-child(even) > td {\n    background: var(--white);\n  }\n  .o-table--stack-on-small {\n    border-top: 1px solid var(--gray-40);\n  }\n  .o-table--stack-on-small tr,\n  .o-table--stack-on-small td,\n  .o-table--stack-on-small [data-display-table=row],\n  .o-table--stack-on-small [data-display-table=cell] {\n    display: block;\n  }\n  .o-table--stack-on-small th,\n  .o-table--stack-on-small td,\n  .o-table--stack-on-small [data-display-table=cell] {\n    padding-right: 0;\n    padding-left: 0;\n    width: 100%;\n  }\n  .o-table--stack-on-small > thead,\n  .o-table--stack-on-small [data-display-table=thead] {\n    display: none;\n  }\n  .o-table--stack-on-small td[data-label]::before {\n    display: block;\n    margin-top: 0;\n    margin-bottom: 0.3125em;\n    content: attr(data-label);\n    line-height: 1.83333333;\n    font-size: 0.875em;\n    font-weight: 600;\n    letter-spacing: 1px;\n    text-transform: uppercase;\n  }\n  .o-table--stack-on-small td:last-child,\n  .o-table--stack-on-small [data-display-table=cell]:last-child {\n    margin-bottom: 1.875em;\n  }\n  .o-table--entry-header-on-small > tbody td:first-child {\n    padding-bottom: 0.75em;\n    border-bottom: 1px solid var(--gray);\n    margin-bottom: 0.625em;\n    margin-top: 0;\n    background-color: var(--gray-5);\n    font-size: 1.125em;\n    font-weight: 400;\n    line-height: 1.22222222;\n  }\n  .o-table--entry-header-on-small > tbody td:first-child::before {\n    display: none;\n  }\n  .o-table--entry-header-on-small > tbody > tr {\n    border-bottom: none;\n    margin-bottom: 1.875em;\n  }\n}"],
   "mappings": "gGAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,IAAAA,EAAA",
   "names": ["table_exports", "__export", "table_default"]
 }

package/dist/components/cfpb-typography/index.css CHANGED Viewed

@@ -1,2 +1,2 @@
-@charset "UTF-8";.a-date{margin-bottom:1.0714285714em;font-size:.875em;font-weight:600;letter-spacing:1px;line-height:1.25;text-transform:uppercase;color:var(--gray);white-space:nowrap}.no-js .u-js-only,.u-hide-if-js{display:none!important}.no-js .u-hide-if-js{display:block!important}.u-clearfix:after{content:"";display:table;clear:both}.u-visually-hidden{position:absolute;width:1px;height:1px;border:0;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0)}@media only all and (max-width: 37.5em){.u-hide-on-mobile{display:none}}.u-show-on-mobile{display:none}@media only all and (max-width: 37.5em){.u-show-on-mobile{display:block}}.u-hidden{display:none!important}.u-invisible{visibility:hidden}.u-inline-block{display:inline-block}.u-right{float:right}.u-break-word{word-break:break-all}.u-nowrap{white-space:nowrap}.u-flexible-container{position:relative;padding-bottom:56.25%;height:0}.u-flexible-container__inner{position:absolute;top:0;left:0;width:100%;height:100%}.u-flexible-container--4-3{position:relative;padding-bottom:75%;height:0}.u-mt0{margin-top:0!important}.u-mb0{margin-bottom:0!important}.u-mt5{margin-top:5px!important}.u-mb5{margin-bottom:5px!important}.u-mt10{margin-top:10px!important}.u-mb10{margin-bottom:10px!important}.u-mt15{margin-top:15px!important}.u-mb15{margin-bottom:15px!important}.u-mt20{margin-top:20px!important}.u-mb20{margin-bottom:20px!important}.u-mt30{margin-top:30px!important}.u-mb30{margin-bottom:30px!important}.u-mt45{margin-top:45px!important}.u-mb45{margin-bottom:45px!important}.u-mt60{margin-top:60px!important}.u-mb60{margin-bottom:60px!important}.u-w100pct{width:100%}.u-w90pct{width:90%}.u-w80pct{width:80%}.u-w70pct{width:70%}.u-w60pct{width:60%}.u-w50pct{width:50%}.u-w40pct{width:40%}.u-w30pct{width:30%}.u-w20pct{width:20%}.u-w10pct{width:10%}.u-w75pct{width:75%}.u-w25pct{width:25%}.u-w66pct{width:.6666666667%}.u-w33pct{width:.3333333333%}small,.u-small-text{font-size:.875em}.u-no-animation{transition-duration:0s!important}.u-move-transition{transition:transform .25s ease-out}.u-move-to-origin{transform:translateZ(0)}.u-move-left{transform:translate3d(-100%,0,0)}.u-move-left-2x{transform:translate3d(-200%,0,0)}.u-move-left-3x{transform:translate3d(-300%,0,0)}.u-move-right{transform:translate3d(100%,0,0)}.u-move-up{transform:translate3d(0,-100%,0)}.u-alpha-transition{transition:opacity .25s linear}.u-alpha-100{opacity:1}.u-alpha-0{opacity:0}.u-max-height-transition{overflow:hidden;contain:paint;transition:max-height .2s ease-out}.u-max-height-zero{max-height:0!important}.u-max-height-summary{max-height:88px!important}.a-link{border-bottom-width:0}.a-link .a-link__text{border-bottom-width:1px;border-bottom-style:inherit}.a-link--jump{font-weight:500}@media only all and (max-width: 37.5em){.a-link--jump{position:relative;display:flex;align-items:center;gap:.3125rem;box-sizing:border-box;padding-top:.625em;padding-bottom:.625em;width:100%}.a-link--jump .cf-icon-svg--right{margin-left:auto}.a-link--jump .a-link__text{border-bottom-width:0;flex-shrink:10}}a.a-link--jump{font-weight:500}@media only all and (max-width: 37.5em){a.a-link--jump{border-top-width:1px;border-bottom-width:1px}a.a-link--jump:focus{outline:none}a.a-link--jump:focus:after{content:"";display:block;position:absolute;width:100%;height:100%;outline:1px dotted var(--gray);outline-offset:2px}}@media only all and (max-width: 37.5em){li:has(.a-link--jump)+li:has(.a-link--jump) .a-link--jump{position:relative;border-top:none}li:has(.a-link--jump)+li:has(.a-link--jump) a.a-link--jump:hover:before,li:has(.a-link--jump)+li:has(.a-link--jump) a.a-link--jump:focus:before{position:absolute;top:-1px;content:"";display:block;height:1px;width:100%;border-top:1px solid currentcolor}}.m-list--unstyled,.m-list--horizontal,.m-list--links{padding-left:0;list-style-type:none}.m-list--unstyled .m-list__item,.m-list--horizontal .m-list__item,.m-list--links .m-list__item{margin-left:0}.m-list--spaced .m-list--spaced,.m-list--spaced .m-list__item+.m-list__item{margin-top:1.5em}.m-list--horizontal .m-list__item{display:inline-block;margin-right:.25em;margin-bottom:0}@media only all and (max-width: 37.5em){.m-list--links .m-list__item{margin-bottom:0}}html[lang=ar] .m-list{padding-right:0}.m-meta-header{display:flex;flex-direction:column-reverse;flex-wrap:wrap-reverse;row-gap:.625rem;column-gap:1.3125rem;width:-moz-fit-content;width:fit-content;padding-bottom:.625rem;overflow:hidden}.m-meta-header__item-group{display:flex;flex-wrap:wrap;column-gap:1.3125rem}.m-meta-header__item{display:grid;grid-template-columns:0 auto 1fr;row-gap:.3125rem;margin-bottom:.8333333333em;font-size:1.125em;font-weight:500;letter-spacing:inherit;line-height:1.25;text-transform:inherit}p+.m-meta-header__item,ul+.m-meta-header__item,ol+.m-meta-header__item,dl+.m-meta-header__item,figure+.m-meta-header__item,img+.m-meta-header__item,table+.m-meta-header__item,blockquote+.m-meta-header__item,h1+.m-meta-header__item,.h1+.m-meta-header__item,h2+.m-meta-header__item,.h2+.m-meta-header__item,h3+.m-meta-header__item,.h3+.m-meta-header__item,h5+.m-meta-header__item,.h5+.m-meta-header__item,h6+.m-meta-header__item,.h6+.m-meta-header__item{margin-top:1.6666666667em}@media only all and (max-width: 37.5em){.m-meta-header__item{margin-bottom:.625em;font-size:1em;line-height:1.125}}.m-meta-header__item{text-wrap:balance;margin-bottom:0}@media only all and (max-width: 37.5em){.m-meta-header__item{margin-bottom:.3125rem}}.m-meta-header__item .cf-icon-svg{margin-right:.3125rem}.m-meta-header__item:before{content:"|";margin-left:-.8125rem}.m-meta-header__item .a-date{font-size:.875rem;line-height:1.7142857143;margin-bottom:0}@media only all and (min-width: 37.5625em){.m-meta-header{flex-direction:row}}.m-pull-quote__body{margin-bottom:.6818181818em;font-size:1.375em;font-weight:400;letter-spacing:inherit;line-height:1.25;text-transform:inherit;color:var(--black)}@media only all and (max-width: 37.5em){.m-pull-quote__body{margin-bottom:.8333333333em;font-size:1.125em;font-weight:500;letter-spacing:inherit;line-height:1.25;text-transform:inherit}}.m-pull-quote__citation{margin-bottom:1.0714285714em;font-size:.875em;font-weight:600;letter-spacing:1px;line-height:1.25;text-transform:uppercase;color:var(--gray)}.m-pull-quote__citation:before{content:"\2014"}.m-slug-header{border-top:1px solid var(--gray-40)}.m-slug-header__heading{margin-bottom:1.0714285714em;font-size:.875em;font-weight:600;letter-spacing:1px;line-height:1.25;text-transform:uppercase;display:inline-block;padding-top:.2857142857em;border-top:5px solid var(--green);margin-top:-3px}.a-tagline{font-size:.75rem;display:grid;grid-template-columns:22px 1fr;grid-column-gap:10px}.a-tagline__text{display:inline-block}.a-tagline .u-usa-flag{margin-top:1px}.a-tagline--large{font-size:1rem}.a-tagline--large .u-usa-flag{margin-top:4px}.u-usa-flag{display:inline-block;width:24px;height:13px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAZCAMAAABAf11LAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAE5QTFRF////sxlC7MbQ2YyhxlNxCjFhR2WJV3GSKUt1dYumOFh/GT5rhZiwwszYsr/OlKW6Zn6c0djh8PL1iR9Ko7LE4OXrl0pttKC0pXWRtYKbSuJhRQAAANFJREFUeNrkkctuwyAUREnSuW/ApHYf//+jBVdZVcJi3aORgAXcMyLBAAJEzsVG3m8TkifyI3zfPQ6nJJLo421CArSBmkgjNEWtQE4zXJmClXuCWIlU5hdQxCqbqnE1KdIz79CVDvBwZxyKfQfmHTyzl01UZSvOWSTbhZLSWeDMufWLC/1ls3amT4qQq394EjIjApxBT+/nr8eEBNuKcB9SWMpmEXalNOylmlUZNTr4vE/4VdKhpC+leQf6y/e0wzL3RdJtkfUJyzwW+ZcdfgQYAJmJD3zerW6OAAAAAElFTkSuQmCC);background-size:contain;background-repeat:no-repeat}
+@charset "UTF-8";.a-date{color:var(--gray);white-space:nowrap;font-size:.875em;font-weight:600;letter-spacing:1px;line-height:1.25;text-transform:uppercase;margin-bottom:1.0714285714em}p+.a-date,ul+.a-date,ol+.a-date,dl+.a-date,figure+.a-date,img+.a-date,table+.a-date,blockquote+.a-date,h1+.a-date,.h1+.a-date,h2+.a-date,.h2+.a-date,h3+.a-date,.h3+.a-date,h4+.a-date,.h4+.a-date,h6+.a-date,.h6+.a-date{margin-top:2.1428571429em}.no-js .u-js-only,.u-hide-if-js{display:none!important}.no-js .u-hide-if-js{display:block!important}.u-clearfix:after{content:"";display:table;clear:both}.u-visually-hidden{position:absolute;width:1px;height:1px;border:0;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0)}@media only all and (max-width: 37.5em){.u-hide-on-mobile{display:none}}.u-show-on-mobile{display:none}@media only all and (max-width: 37.5em){.u-show-on-mobile{display:block}}.u-hidden{display:none!important}.u-invisible{visibility:hidden}.u-inline-block{display:inline-block}.u-right{float:right}.u-break-word{word-break:break-all}.u-nowrap{white-space:nowrap}.u-flexible-container{position:relative;padding-bottom:56.25%;height:0}.u-flexible-container__inner{position:absolute;top:0;left:0;width:100%;height:100%}.u-flexible-container--4-3{position:relative;padding-bottom:75%;height:0}.u-mt0{margin-top:0!important}.u-mb0{margin-bottom:0!important}.u-mt5{margin-top:5px!important}.u-mb5{margin-bottom:5px!important}.u-mt10{margin-top:10px!important}.u-mb10{margin-bottom:10px!important}.u-mt15{margin-top:15px!important}.u-mb15{margin-bottom:15px!important}.u-mt20{margin-top:20px!important}.u-mb20{margin-bottom:20px!important}.u-mt30{margin-top:30px!important}.u-mb30{margin-bottom:30px!important}.u-mt45{margin-top:45px!important}.u-mb45{margin-bottom:45px!important}.u-mt60{margin-top:60px!important}.u-mb60{margin-bottom:60px!important}.u-w100pct{width:100%}.u-w90pct{width:90%}.u-w80pct{width:80%}.u-w70pct{width:70%}.u-w60pct{width:60%}.u-w50pct{width:50%}.u-w40pct{width:40%}.u-w30pct{width:30%}.u-w20pct{width:20%}.u-w10pct{width:10%}.u-w75pct{width:75%}.u-w25pct{width:25%}.u-w66pct{width:66.6666666667%}.u-w33pct{width:33.3333333333%}small,.u-small-text{font-size:.875em}.u-no-animation{transition-duration:0s!important}.u-move-transition{transition:transform .25s ease-out}.u-move-to-origin{transform:translateZ(0)}.u-move-left{transform:translate3d(-100%,0,0)}.u-move-left-2x{transform:translate3d(-200%,0,0)}.u-move-left-3x{transform:translate3d(-300%,0,0)}.u-move-right{transform:translate3d(100%,0,0)}.u-move-up{transform:translate3d(0,-100%,0)}.u-alpha-transition{transition:opacity .25s linear}.u-alpha-100{opacity:1}.u-alpha-0{opacity:0}.u-max-height-transition{overflow:hidden;contain:paint;transition:max-height .2s ease-out}.u-max-height-zero{max-height:0!important}.u-max-height-summary{max-height:88px!important}.a-link{border-bottom-width:0}.a-link .a-link__text{border-bottom-width:1px;border-bottom-style:inherit}.a-link--jump{font-weight:500}@media only all and (max-width: 37.5em){.a-link--jump{position:relative;display:flex;align-items:center;gap:.3125rem;box-sizing:border-box;padding-top:.625em;padding-bottom:.625em;width:100%}.a-link--jump .cf-icon-svg--right{margin-left:auto}.a-link--jump .a-link__text{border-bottom-width:0;flex-shrink:10}}a.a-link--jump{font-weight:500}@media only all and (max-width: 37.5em){a.a-link--jump{border-top-width:1px;border-bottom-width:1px}a.a-link--jump:focus{outline:none}a.a-link--jump:focus:after{content:"";display:block;position:absolute;width:100%;height:100%;outline:1px dotted var(--gray);outline-offset:2px}}@media only all and (max-width: 37.5em){li:has(.a-link--jump)+li:has(.a-link--jump) .a-link--jump{position:relative;border-top:none}li:has(.a-link--jump)+li:has(.a-link--jump) a.a-link--jump:hover:before,li:has(.a-link--jump)+li:has(.a-link--jump) a.a-link--jump:focus:before{position:absolute;top:-1px;content:"";display:block;height:1px;width:100%;border-top:1px solid currentcolor}}.m-list--unstyled,.m-list--horizontal,.m-list--links{padding-left:0;list-style-type:none}.m-list--unstyled .m-list__item,.m-list--horizontal .m-list__item,.m-list--links .m-list__item{margin-left:0}.m-list--spaced .m-list--spaced,.m-list--spaced .m-list__item+.m-list__item{margin-top:1.5em}.m-list--horizontal .m-list__item{display:inline-block;margin-right:.25em;margin-bottom:0}@media only all and (max-width: 37.5em){.m-list--links .m-list__item{margin-bottom:0}}html[lang=ar] .m-list{padding-right:0}.m-meta-header{display:flex;flex-direction:column-reverse;flex-wrap:wrap-reverse;row-gap:.625rem;column-gap:1.3125rem;width:-moz-fit-content;width:fit-content;padding-bottom:.625rem;overflow:hidden}.m-meta-header__item-group{display:flex;flex-wrap:wrap;column-gap:1.3125rem}.m-meta-header__item{display:grid;grid-template-columns:0 auto 1fr;row-gap:.3125rem;text-wrap:balance;margin-bottom:0;font-size:1.125em;font-weight:500;letter-spacing:inherit;line-height:1.25;text-transform:inherit}p+.m-meta-header__item,ul+.m-meta-header__item,ol+.m-meta-header__item,dl+.m-meta-header__item,figure+.m-meta-header__item,img+.m-meta-header__item,table+.m-meta-header__item,blockquote+.m-meta-header__item,h1+.m-meta-header__item,.h1+.m-meta-header__item,h2+.m-meta-header__item,.h2+.m-meta-header__item,h3+.m-meta-header__item,.h3+.m-meta-header__item,h5+.m-meta-header__item,.h5+.m-meta-header__item,h6+.m-meta-header__item,.h6+.m-meta-header__item{margin-top:1.6666666667em}@media only all and (max-width: 37.5em){.m-meta-header__item{margin-bottom:.625em;font-size:1em;line-height:1.125}}@media only all and (max-width: 37.5em){.m-meta-header__item{margin-bottom:.3125rem}}.m-meta-header__item .cf-icon-svg{margin-right:.3125rem}.m-meta-header__item:before{content:"|";margin-left:-.8125rem}.m-meta-header__item .a-date{font-size:.875rem;line-height:1.7142857143;margin-bottom:0}@media only all and (min-width: 37.5625em){.m-meta-header{flex-direction:row}}.m-pull-quote__body{color:var(--black);font-size:1.375em;font-weight:400;letter-spacing:inherit;line-height:1.25;text-transform:inherit}@media only all and (max-width: 37.5em){.m-pull-quote__body{font-size:1.125em;font-weight:400;letter-spacing:inherit;line-height:1.25;text-transform:inherit}}.m-pull-quote__citation{color:var(--gray);font-size:.875em;font-weight:600;letter-spacing:1px;line-height:1.25;text-transform:uppercase;margin-bottom:1.0714285714em}p+.m-pull-quote__citation,ul+.m-pull-quote__citation,ol+.m-pull-quote__citation,dl+.m-pull-quote__citation,figure+.m-pull-quote__citation,img+.m-pull-quote__citation,table+.m-pull-quote__citation,blockquote+.m-pull-quote__citation,h1+.m-pull-quote__citation,.h1+.m-pull-quote__citation,h2+.m-pull-quote__citation,.h2+.m-pull-quote__citation,h3+.m-pull-quote__citation,.h3+.m-pull-quote__citation,h4+.m-pull-quote__citation,.h4+.m-pull-quote__citation,h6+.m-pull-quote__citation,.h6+.m-pull-quote__citation{margin-top:2.1428571429em}.m-pull-quote__citation:before{content:"\2014"}.m-slug-header{border-top:1px solid var(--gray-40)}.m-slug-header__heading{display:inline-block;padding-top:.2857142857em;border-top:5px solid var(--green);margin-top:-3px;font-size:.875em;font-weight:600;letter-spacing:1px;line-height:1.25;text-transform:uppercase;margin-bottom:1.0714285714em}.a-tagline{font-size:.75rem;display:grid;grid-template-columns:22px 1fr;grid-column-gap:10px}.a-tagline__text{display:inline-block}.a-tagline .u-usa-flag{margin-top:1px}.a-tagline--large{font-size:1rem}.a-tagline--large .u-usa-flag{margin-top:4px}.u-usa-flag{display:inline-block;width:24px;height:13px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAZCAMAAABAf11LAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAE5QTFRF////sxlC7MbQ2YyhxlNxCjFhR2WJV3GSKUt1dYumOFh/GT5rhZiwwszYsr/OlKW6Zn6c0djh8PL1iR9Ko7LE4OXrl0pttKC0pXWRtYKbSuJhRQAAANFJREFUeNrkkctuwyAUREnSuW/ApHYf//+jBVdZVcJi3aORgAXcMyLBAAJEzsVG3m8TkifyI3zfPQ6nJJLo421CArSBmkgjNEWtQE4zXJmClXuCWIlU5hdQxCqbqnE1KdIz79CVDvBwZxyKfQfmHTyzl01UZSvOWSTbhZLSWeDMufWLC/1ls3amT4qQq394EjIjApxBT+/nr8eEBNuKcB9SWMpmEXalNOylmlUZNTr4vE/4VdKhpC+leQf6y/e0wzL3RdJtkfUJyzwW+ZcdfgQYAJmJD3zerW6OAAAAAElFTkSuQmCC);background-size:contain;background-repeat:no-repeat}
 /*# sourceMappingURL=index.css.map */