@cfpb/cfpb-design-system/dist/components/cfpb-forms/index.css.map

CFPB's UI framework

{
  "version": 3,
  "sources": ["../../../../../packages/cfpb-design-system/src/components/cfpb-forms/form.scss", "../../../../../packages/cfpb-design-system/src/components/cfpb-forms/form-alert.scss", "../../../../../packages/cfpb-design-system/src/components/cfpb-forms/form-field.scss", "../../../../../packages/cfpb-design-system/src/components/cfpb-forms/label.scss", "../../../../../packages/cfpb-design-system/src/components/cfpb-forms/range.scss", "../../../../../packages/cfpb-design-system/src/components/cfpb-forms/search-input.scss", "../../../../../packages/cfpb-design-system/src/components/cfpb-forms/select.scss", "../../../../../packages/cfpb-design-system/src/components/cfpb-forms/tag.scss", "../../../../../packages/cfpb-design-system/src/components/cfpb-forms/text-input.scss", "../../../../../packages/cfpb-design-system/src/base/normalize.scss", "../../../../../packages/cfpb-design-system/src/base/base.scss", "../../../../../packages/cfpb-design-system/src/components/cfpb-buttons/button.scss", "../../../../../packages/cfpb-design-system/src/components/cfpb-buttons/button-group.scss", "../../../../../packages/cfpb-design-system/src/components/cfpb-buttons/button-link.scss", "../../../../../packages/cfpb-design-system/src/components/cfpb-buttons/button-with-icon.scss", "../../../../../packages/cfpb-design-system/src/components/cfpb-expandables/expandable.scss", "../../../../../packages/cfpb-design-system/src/components/cfpb-expandables/expandable-group.scss", "../../../../../packages/cfpb-design-system/src/components/cfpb-expandables/summary.scss", "../../../../../packages/cfpb-design-system/src/components/cfpb-expandables/summary-minimal.scss", "../../../../../packages/cfpb-design-system/src/components/cfpb-icons/icon.scss", "../../../../../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", "../../../../../packages/cfpb-design-system/src/components/cfpb-notifications/banner.scss", "../../../../../packages/cfpb-design-system/src/components/cfpb-notifications/notification.scss", "../../../../../packages/cfpb-design-system/src/components/cfpb-pagination/pagination.scss", "../../../../../packages/cfpb-design-system/src/components/cfpb-tables/table.scss", "../../../../../packages/cfpb-design-system/src/components/cfpb-typography/date.scss", "../../../../../packages/cfpb-design-system/src/components/cfpb-typography/link.scss", "../../../../../packages/cfpb-design-system/src/components/cfpb-typography/list.scss", "../../../../../packages/cfpb-design-system/src/components/cfpb-typography/meta-header.scss", "../../../../../packages/cfpb-design-system/src/components/cfpb-typography/pull-quote.scss", "../../../../../packages/cfpb-design-system/src/components/cfpb-typography/slug-header.scss", "../../../../../packages/cfpb-design-system/src/components/cfpb-typography/tagline.scss", "../../../../../packages/cfpb-design-system/src/utilities/transition/transition.scss", "../../../../../packages/cfpb-design-system/src/components/cfpb-forms/multiselect.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.o-form__group {\n  margin-bottom: 1.875em;\n}\n.o-form__fieldset {\n  border: none;\n  margin: 0;\n  padding: 0;\n}\n.o-form__fieldset .m-form-field + .m-form-field {\n  margin-top: 0.625em;\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.a-form-alert .cf-icon-svg {\n  color: var(--gray);\n  float: left;\n}\n.a-form-alert__text {\n  display: block;\n  margin-left: 1.25em;\n}\n.a-form-alert--success .cf-icon-svg {\n  color: var(--green);\n}\n.a-form-alert--error .cf-icon-svg {\n  color: var(--red);\n}\n.a-form-alert--warning .cf-icon-svg {\n  color: var(--gold);\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-form-field .a-text-input--full {\n  box-sizing: border-box;\n  width: 100%;\n}\n.m-form-field .a-label + .a-text-input {\n  margin-top: 0.3125em;\n}\n.m-form-field--checkbox .a-label, .m-form-field--radio .a-label {\n  /* autoprefixer: ignore next */\n  display: inline-grid;\n  grid-template-columns: 1.875em auto;\n  vertical-align: top;\n  cursor: pointer;\n  overflow-wrap: anywhere;\n}\n.m-form-field--checkbox .a-label::before, .m-form-field--radio .a-label::before {\n  display: inline-block;\n  grid-row-start: 1;\n  grid-row-end: 3;\n  border: 1px solid var(--gray-60);\n  height: 1.125em;\n  width: 1.125em;\n  margin-right: 10px;\n  background-color: var(--white);\n  content: \"\";\n  vertical-align: top;\n  position: relative;\n  top: 1px;\n  left: 1px;\n}\n.m-form-field--checkbox .a-label:hover::before, .m-form-field--checkbox .a-label.hover::before, .m-form-field--radio .a-label:hover::before, .m-form-field--radio .a-label.hover::before {\n  border-color: var(--pacific);\n}\n.m-form-field--checkbox .a-label__helper, .m-form-field--radio .a-label__helper {\n  display: block;\n}\n.m-form-field--checkbox .a-checkbox,\n.m-form-field--checkbox .a-radio, .m-form-field--radio .a-checkbox,\n.m-form-field--radio .a-radio {\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.m-form-field--checkbox .a-checkbox:focus + .a-label, .m-form-field--checkbox .a-checkbox.focus + .a-label,\n.m-form-field--checkbox .a-radio:focus + .a-label,\n.m-form-field--checkbox .a-radio.focus + .a-label, .m-form-field--radio .a-checkbox:focus + .a-label, .m-form-field--radio .a-checkbox.focus + .a-label,\n.m-form-field--radio .a-radio:focus + .a-label,\n.m-form-field--radio .a-radio.focus + .a-label {\n  outline: 1px dotted var(--pacific);\n  outline-offset: 1px;\n}\n.m-form-field--checkbox .a-checkbox:disabled:checked + .a-label::before, .m-form-field--checkbox .a-checkbox:disabled:focus + .a-label::before, .m-form-field--checkbox .a-checkbox:disabled.focus + .a-label::before, .m-form-field--checkbox .a-checkbox:disabled:hover + .a-label::before, .m-form-field--checkbox .a-checkbox:disabled.hover + .a-label::before,\n.m-form-field--checkbox .a-radio:disabled:checked + .a-label::before,\n.m-form-field--checkbox .a-radio:disabled:focus + .a-label::before,\n.m-form-field--checkbox .a-radio:disabled.focus + .a-label::before,\n.m-form-field--checkbox .a-radio:disabled:hover + .a-label::before,\n.m-form-field--checkbox .a-radio:disabled.hover + .a-label::before, .m-form-field--radio .a-checkbox:disabled:checked + .a-label::before, .m-form-field--radio .a-checkbox:disabled:focus + .a-label::before, .m-form-field--radio .a-checkbox:disabled.focus + .a-label::before, .m-form-field--radio .a-checkbox:disabled:hover + .a-label::before, .m-form-field--radio .a-checkbox:disabled.hover + .a-label::before,\n.m-form-field--radio .a-radio:disabled:checked + .a-label::before,\n.m-form-field--radio .a-radio:disabled:focus + .a-label::before,\n.m-form-field--radio .a-radio:disabled.focus + .a-label::before,\n.m-form-field--radio .a-radio:disabled:hover + .a-label::before,\n.m-form-field--radio .a-radio:disabled.hover + .a-label::before {\n  border-color: var(--gray-60);\n  outline: none;\n  box-shadow: none;\n}\n.m-form-field--checkbox .a-checkbox:disabled + .a-label,\n.m-form-field--checkbox .a-radio:disabled + .a-label, .m-form-field--radio .a-checkbox:disabled + .a-label,\n.m-form-field--radio .a-radio:disabled + .a-label {\n  cursor: not-allowed;\n  color: var(--gray-dark);\n}\n.m-form-field--checkbox .a-checkbox:disabled + .a-label::before,\n.m-form-field--checkbox .a-radio:disabled + .a-label::before, .m-form-field--radio .a-checkbox:disabled + .a-label::before,\n.m-form-field--radio .a-radio:disabled + .a-label::before {\n  background: var(--gray-10);\n  border-color: var(--gray-60);\n}\n.m-form-field--checkbox .a-checkbox:focus + .a-label::before, .m-form-field--checkbox .a-checkbox.focus + .a-label::before {\n  border-color: var(--pacific);\n  box-shadow: 0 0 0 1px var(--pacific);\n}\n.m-form-field--checkbox .a-checkbox:hover + .a-label::before, .m-form-field--checkbox .a-checkbox.hover + .a-label::before {\n  border-color: var(--pacific);\n  box-shadow: 0 0 0 1px var(--pacific);\n}\n.m-form-field--checkbox .a-checkbox:checked + .a-label::before {\n  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns=\"http://www.w3.org/2000/svg\" class=\"cf-icon-svg cf-icon-svg--approved\" viewBox=\"0 0 12 19\"><path d=\"M4.63 15.638a1.03 1.03 0 0 1-.79-.37L.36 11.09a1.03 1.03 0 1 1 1.58-1.316l2.535 3.043L9.958 3.32a1.029 1.029 0 0 1 1.783 1.03L5.52 15.122a1.03 1.03 0 0 1-.803.511l-.088.004z\"/></svg>');\n  background-size: auto 1.1875em;\n  background-repeat: no-repeat;\n  background-position: center 0;\n}\n.m-form-field--checkbox .a-checkbox:disabled:checked + .a-label::before {\n  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"rgb(90,93,97)\" viewBox=\"0 0 12 19\"><path d=\"M4.63 15.638a1.03 1.03 0 0 1-.79-.37L.36 11.09a1.03 1.03 0 1 1 1.58-1.316l2.535 3.043L9.958 3.32a1.029 1.029 0 0 1 1.783 1.03L5.52 15.122a1.03 1.03 0 0 1-.803.511l-.088.004z\"/></svg>');\n}\n.m-form-field--checkbox-error .a-label::before {\n  border-color: var(--red);\n  outline: 1px solid var(--red);\n}\n.m-form-field--checkbox-error .a-label:hover::before, .m-form-field--checkbox-error .a-label.hover::before {\n  border-color: var(--pacific);\n  outline-color: var(--pacific);\n}\n.m-form-field--checkbox-error .a-checkbox:hover + .a-label::before, .m-form-field--checkbox-error .a-checkbox.hover + .a-label::before {\n  border-color: var(--pacific);\n  outline-color: var(--pacific);\n}\n.m-form-field--checkbox-error .a-checkbox:focus + .a-label::before, .m-form-field--checkbox-error .a-checkbox.focus + .a-label::before {\n  border-color: var(--red);\n  box-shadow: 0 0 0 1px var(--red);\n  outline-color: var(--red);\n}\n.m-form-field--checkbox-error .a-checkbox:focus + .a-label, .m-form-field--checkbox-error .a-checkbox.focus + .a-label {\n  outline: 1px dotted var(--red);\n  outline-offset: 1px;\n}\n.m-form-field--checkbox-warning .a-label::before {\n  border-color: var(--gold);\n  outline: 1px solid var(--gold);\n}\n.m-form-field--checkbox-warning .a-label:hover::before, .m-form-field--checkbox-warning .a-label.hover::before {\n  border-color: var(--pacific);\n  outline-color: var(--pacific);\n}\n.m-form-field--checkbox-warning .a-checkbox:hover + .a-label::before, .m-form-field--checkbox-warning .a-checkbox.hover + .a-label::before {\n  border-color: var(--pacific);\n  outline-color: var(--pacific);\n}\n.m-form-field--checkbox-warning .a-checkbox:focus + .a-label::before, .m-form-field--checkbox-warning .a-checkbox.focus + .a-label::before {\n  border-color: var(--gold);\n  box-shadow: 0 0 0 1px var(--gold);\n  outline-color: var(--gold);\n}\n.m-form-field--checkbox-warning .a-checkbox:focus + .a-label, .m-form-field--checkbox-warning .a-checkbox.focus + .a-label {\n  outline: 1px dotted var(--gold);\n  outline-offset: 1px;\n}\n.m-form-field--checkbox-success .a-label::before {\n  border-color: var(--green);\n  outline: 1px solid var(--green);\n}\n.m-form-field--checkbox-success .a-label:hover::before, .m-form-field--checkbox-success .a-label.hover::before {\n  border-color: var(--pacific);\n  outline-color: var(--pacific);\n}\n.m-form-field--checkbox-success .a-checkbox:hover + .a-label::before, .m-form-field--checkbox-success .a-checkbox.hover + .a-label::before {\n  border-color: var(--pacific);\n  outline-color: var(--pacific);\n}\n.m-form-field--checkbox-success .a-checkbox:focus + .a-label::before, .m-form-field--checkbox-success .a-checkbox.focus + .a-label::before {\n  border-color: var(--green);\n  box-shadow: 0 0 0 1px var(--green);\n  outline-color: var(--green);\n}\n.m-form-field--checkbox-success .a-checkbox:focus + .a-label, .m-form-field--checkbox-success .a-checkbox.focus + .a-label {\n  outline: 1px dotted var(--green);\n  outline-offset: 1px;\n}\n.m-form-field--radio .a-label::before {\n  border-radius: 50%;\n  /* The rotate is needed to fix a bug in Firefox where radio\n             button was not centered. */\n  transform: rotate(0deg);\n}\n.m-form-field--radio .a-radio:focus + .a-label::before, .m-form-field--radio .a-radio.focus + .a-label::before {\n  outline: none;\n  border-color: var(--pacific);\n  box-shadow: 0 0 0 1px var(--pacific);\n}\n.m-form-field--radio .a-radio:hover + .a-label::before, .m-form-field--radio .a-radio.hover + .a-label::before {\n  outline: none;\n  border-color: var(--pacific);\n  box-shadow: 0 0 0 1px var(--pacific);\n}\n.m-form-field--radio .a-radio:checked + .a-label::before {\n  background-color: var(--pacific);\n  box-shadow: inset 0 0 0 2px var(--white);\n}\n.m-form-field--radio .a-radio:checked:disabled + .a-label::before {\n  background-color: var(--gray-40);\n  box-shadow: inset 0 0 0 2px var(--gray-10);\n}\n.m-form-field--radio .a-radio:focus:checked + .a-label::before, .m-form-field--radio .a-radio.focus:checked + .a-label::before {\n  border-color: var(--pacific);\n  box-shadow: 0 0 0 1px var(--pacific), inset 0 0 0 2px var(--white);\n}\n.m-form-field--radio .a-radio:hover:checked + .a-label::before, .m-form-field--radio .a-radio.hover:checked + .a-label::before {\n  border-color: var(--pacific);\n  box-shadow: 0 0 0 1px var(--pacific), inset 0 0 0 2px var(--white);\n}\n.m-form-field--lg-target {\n  display: block;\n}\n.m-form-field--lg-target .a-label {\n  box-sizing: border-box;\n  width: 100%;\n  padding: 15px;\n  background-color: var(--gray-10);\n}\n.m-form-field--lg-target .a-checkbox:checked + .a-label,\n.m-form-field--lg-target .a-radio:checked + .a-label {\n  background-color: var(--pacific-20);\n  box-shadow: inset 0 0 0 1px var(--pacific);\n}\n.m-form-field--lg-target .a-checkbox:hover + .a-label, .m-form-field--lg-target .a-checkbox.hover + .a-label, .m-form-field--lg-target .a-checkbox:focus + .a-label, .m-form-field--lg-target .a-checkbox.focus + .a-label,\n.m-form-field--lg-target .a-radio:hover + .a-label,\n.m-form-field--lg-target .a-radio.hover + .a-label,\n.m-form-field--lg-target .a-radio:focus + .a-label,\n.m-form-field--lg-target .a-radio.focus + .a-label {\n  box-shadow: inset 0 0 0 2px var(--pacific);\n}\n.m-form-field--lg-target .a-checkbox:focus + .a-label, .m-form-field--lg-target .a-checkbox.focus + .a-label, .m-form-field--lg-target .a-checkbox:checked + .a-label,\n.m-form-field--lg-target .a-radio:focus + .a-label,\n.m-form-field--lg-target .a-radio.focus + .a-label,\n.m-form-field--lg-target .a-radio:checked + .a-label {\n  outline-offset: 1px;\n}\n.m-form-field--lg-target .a-checkbox:disabled + .a-label, .m-form-field--lg-target .a-checkbox:checked:disabled + .a-label, .m-form-field--lg-target .a-checkbox:hover:disabled + .a-label,\n.m-form-field--lg-target .a-radio:disabled + .a-label,\n.m-form-field--lg-target .a-radio:checked:disabled + .a-label,\n.m-form-field--lg-target .a-radio:hover:disabled + .a-label {\n  color: var(--gray-dark);\n  box-shadow: none;\n  background-color: var(--gray-20);\n}\n.m-form-field--lg-target .a-checkbox:checked:disabled + .a-label, .m-form-field--lg-target .a-checkbox:checked:disabled + .a-label::before,\n.m-form-field--lg-target .a-radio:checked:disabled + .a-label,\n.m-form-field--lg-target .a-radio:checked:disabled + .a-label::before {\n  border: 1px solid var(--gray-60);\n}\n.m-form-field .a-form-alert {\n  margin-top: 0.9375em;\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.a-label {\n  display: inline-block;\n}\n.a-label__helper {\n  color: var(--gray-dark);\n  font-size: 1rem;\n  font-weight: normal;\n}\n.a-label__helper--block {\n  display: block;\n  margin-top: 0.8333333333em;\n}\n.a-label--heading {\n  display: block;\n  margin-bottom: 0.5555555556em;\n  font-size: 1.125em;\n  font-weight: 500;\n  letter-spacing: inherit;\n  line-height: 1.25;\n  text-transform: inherit;\n}\np + .a-label--heading, ul + .a-label--heading, ol + .a-label--heading, dl + .a-label--heading, figure + .a-label--heading, img + .a-label--heading, table + .a-label--heading, blockquote + .a-label--heading, h1 + .a-label--heading, .h1 + .a-label--heading, h2 + .a-label--heading, .h2 + .a-label--heading, h3 + .a-label--heading, .h3 + .a-label--heading, h5 + .a-label--heading, .h5 + .a-label--heading, h6 + .a-label--heading, .h6 + .a-label--heading {\n  margin-top: 1.6666666667em;\n}\n@media only all and (max-width: 37.5em) {\n  .a-label--heading {\n    margin-bottom: 0.625em;\n    font-size: 1em;\n    line-height: 1.125;\n  }\n}\n.a-label--heading .a-label__helper--block {\n  margin-top: 0.625rem;\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.a-range {\n  appearance: none;\n  width: 100%;\n  min-height: 49px;\n}\n.a-range::-webkit-slider-runnable-track {\n  height: 0.6875rem;\n  width: 100%;\n  background-color: var(--gray-80);\n  border: 1px solid var(--gray-40);\n  border-radius: 8px;\n  cursor: pointer;\n}\n.a-range::-moz-range-track {\n  height: 0.6875rem;\n  width: 100%;\n  background-color: var(--gray-80);\n  border: 1px solid var(--gray-40);\n  border-radius: 8px;\n  cursor: pointer;\n}\n.a-range::-webkit-slider-thumb {\n  height: 2.8125rem;\n  width: 2.8125rem;\n  margin-top: -1.125rem;\n  appearance: none;\n  border: 1px solid var(--gray-40);\n  border-radius: 50%;\n  background-color: var(--gray-10);\n  cursor: pointer;\n}\n.a-range::-moz-range-thumb {\n  height: 2.8125rem;\n  width: 2.8125rem;\n  margin-top: -1.125rem;\n  appearance: none;\n  border: 1px solid var(--gray-40);\n  border-radius: 50%;\n  background-color: var(--gray-10);\n  cursor: pointer;\n}\n.a-range:focus, .a-range.focus {\n  box-shadow: none;\n  outline: none;\n}\n.a-range:focus::-webkit-slider-thumb, .a-range.focus::-webkit-slider-thumb {\n  background-color: var(--pacific-20);\n  border: 2px solid var(--pacific);\n}\n.a-range:focus::-moz-range-thumb, .a-range.focus::-moz-range-thumb {\n  background-color: var(--pacific-20);\n  border: 2px solid var(--pacific);\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-search-input {\n  display: flex;\n  flex-direction: column;\n  row-gap: 0.9375rem;\n}\n.o-search-input__input {\n  position: relative;\n  display: flex;\n  width: initial;\n  flex: 0 1 100%;\n}\n.o-search-input__input-label {\n  position: absolute;\n  left: 10px;\n  align-self: center;\n  cursor: pointer;\n}\n.o-search-input__input input[type=search] {\n  width: 100%;\n  white-space: nowrap;\n  padding-left: 30px;\n  appearance: none;\n}\n.o-search-input__input button[type=reset] {\n  display: none;\n  position: absolute;\n  right: 0;\n  align-self: center;\n  color: var(--gray-40);\n  font-size: 20px;\n  border: 1px solid transparent;\n  background-color: transparent;\n  outline: 0;\n  width: 44px;\n  padding: 5px;\n  text-align: right;\n}\n.o-search-input__input button[type=reset] > svg {\n  width: 25px;\n  cursor: pointer;\n  pointer-events: none;\n}\n.o-search-input__input button[type=reset]:hover {\n  color: var(--black);\n}\n.o-search-input__input button[type=reset]:focus {\n  color: var(--black);\n}\n.o-search-input__input button[type=reset]:focus > svg {\n  outline: 1px dotted var(--pacific);\n}\n.o-search-input__input input[type=search]:placeholder-shown ~ button[type=reset] {\n  display: none;\n}\n.o-search-input__input input[type=search]:not(:placeholder-shown) {\n  padding-right: 34px;\n}\n.o-search-input__input input[type=search]::-webkit-search-decoration,\n.o-search-input__input input[type=search]::-webkit-search-cancel-button,\n.o-search-input__input input[type=search]::-webkit-search-results-button,\n.o-search-input__input input[type=search]::-webkit-search-results-decoration {\n  display: none;\n}\n.o-search-input:focus-within button[type=reset], .o-search-input .o-search-input__input:hover button[type=reset] {\n  display: block;\n}\n.o-search-input button[type=submit] {\n  line-height: 1.1875;\n}\n@media only all and (min-width: 37.5625em) {\n  .o-search-input {\n    flex-direction: row;\n    border-left: 0;\n  }\n  .o-search-input button[type=submit] {\n    border-top-left-radius: 0;\n    border-bottom-left-radius: 0;\n    flex-basis: 25%;\n  }\n}\n\n.no-js .o-search-input button[type=reset] {\n  display: none !important;\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.a-select {\n  position: relative;\n  border: 1px solid var(--gray-60);\n}\n.a-select select {\n  width: 100%;\n  line-height: 1.375;\n  padding: 0.4375em 0.375em 0.375em;\n  border: 0;\n  appearance: none;\n  background-color: var(--white);\n  border-radius: 0;\n  color: var(--black);\n}\n.a-select select:hover, .a-select select.hover {\n  outline: 2px solid var(--pacific);\n  outline-offset: 0;\n}\n.a-select select:active, .a-select select:focus, .a-select select.focus {\n  box-shadow: 0 0 0 2px var(--pacific);\n  outline: 1px dotted var(--pacific);\n  outline-offset: 3px;\n}\n.a-select select[disabled] {\n  color: var(--gray-dark);\n  background-color: var(--gray-10);\n  cursor: not-allowed;\n}\n.a-select select[disabled]:hover, .a-select select[disabled].hover, .a-select select[disabled]:focus, .a-select select[disabled].focus {\n  outline: none;\n}\n.a-select select[disabled] option,\n.a-select select[disabled] option:disabled,\n.a-select select option:disabled {\n  color: var(--gray-dark);\n}\n.a-select::after {\n  width: 2.1875em;\n  box-sizing: border-box;\n  border-left: 1px solid var(--gray-60);\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  background-color: var(--gray-10);\n  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns=\"http://www.w3.org/2000/svg\" class=\"cf-icon-svg cf-icon-svg--down\" viewBox=\"0 0 17 19\"><path d=\"M8.5 15.313a1.03 1.03 0 0 1-.728-.302l-6.8-6.8a1.03 1.03 0 0 1 1.455-1.456L8.5 12.828l6.073-6.073a1.03 1.03 0 0 1 1.455 1.456l-6.8 6.8a1.03 1.03 0 0 1-.728.302\"/></svg>');\n  background-size: auto 1.1875em;\n  background-repeat: no-repeat;\n  background-position: center center;\n  content: \"\";\n  pointer-events: none;\n}\n.a-select--disabled::after {\n  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"rgb(90,93,97)\" viewBox=\"0 0 17 19\"><path d=\"M8.5 15.313a1.03 1.03 0 0 1-.728-.302l-6.8-6.8a1.03 1.03 0 0 1 1.455-1.456L8.5 12.828l6.073-6.073a1.03 1.03 0 0 1 1.455 1.456l-6.8 6.8a1.03 1.03 0 0 1-.728.302\"/></svg>');\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/* ==========================================================================\n   consumerfinance.gov\n   tag\n   ========================================================================== */\n.a-tag-filter {\n  display: flex;\n  gap: 0.625rem;\n  border: 1px solid var(--teal);\n  padding: 4px 6px;\n  background-color: var(--teal-20);\n  border-radius: 0.1875rem;\n  color: var(--black);\n  text-align: left;\n  min-width: -moz-fit-content;\n  min-width: fit-content;\n}\n.a-tag-filter:hover {\n  background-color: var(--teal-40);\n  cursor: pointer;\n}\n.a-tag-filter:focus {\n  outline: 1px dotted var(--teal);\n  outline-offset: 1px;\n}\n.a-tag-filter:active {\n  background-color: var(--teal);\n}\n.a-tag-filter .cf-icon-svg {\n  pointer-events: none;\n  flex: none;\n}\n.a-tag-filter > label {\n  display: contents;\n  pointer-events: none;\n}\n\na.a-tag-filter {\n  color: var(--black);\n  border-color: var(--black);\n}\na.a-tag-filter:visited, a.a-tag-filter.visited {\n  border-color: var(--black);\n  color: var(--black);\n}\na.a-tag-filter:hover, a.a-tag-filter.hover {\n  border-color: var(--black);\n  color: var(--black);\n}\na.a-tag-filter:focus, a.a-tag-filter.focus {\n  border-color: var(--black);\n  color: var(--black);\n}\na.a-tag-filter:active, a.a-tag-filter.active {\n  border-color: var(--black);\n  color: var(--black);\n}\n\n.a-tag-topic {\n  display: flex;\n  gap: 0.3125rem;\n}\n\n.a-tag-topic {\n  font-size: 0.75rem;\n  font-weight: 600;\n  text-transform: uppercase;\n  color: var(--gold-80);\n  letter-spacing: 1px;\n}\n.a-tag-topic .a-tag-topic__text {\n  color: var(--gray);\n  word-break: break-word;\n}\n@media only all and (max-width: 37.5em) {\n  .a-tag-topic {\n    position: relative;\n    display: flex;\n    align-items: center;\n    gap: 0.3125rem;\n    box-sizing: border-box;\n    padding-top: 0.625em;\n    padding-bottom: 0.625em;\n    width: 100%;\n  }\n  .a-tag-topic .cf-icon-svg--right {\n    margin-left: auto;\n  }\n  .a-tag-topic .a-tag-topic__text {\n    border-bottom-width: 0;\n    flex-shrink: 10;\n  }\n}\n\na.a-tag-topic {\n  border-color: var(--gold-80);\n  color: var(--gold-80);\n  border-color: var(--gold-80);\n}\na.a-tag-topic:visited, a.a-tag-topic.visited {\n  border-color: var(--gold-80);\n  color: var(--gold-80);\n}\na.a-tag-topic:hover, a.a-tag-topic.hover {\n  border-color: var(--gold-80);\n  color: var(--gold-80);\n}\na.a-tag-topic:focus, a.a-tag-topic.focus {\n  border-color: var(--gold-80);\n  color: var(--gold-80);\n}\na.a-tag-topic:active, a.a-tag-topic.active {\n  border-color: var(--gold-80);\n  color: var(--gold-80);\n}\na.a-tag-topic .a-tag-topic__text {\n  border-bottom-color: var(--gold-80);\n}\n@media only all and (max-width: 37.5em) {\n  a.a-tag-topic {\n    border-top-width: 1px;\n    border-bottom-width: 1px;\n  }\n  a.a-tag-topic:focus {\n    outline: none;\n  }\n  a.a-tag-topic:focus::after {\n    content: \"\";\n    display: block;\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    outline: 1px dotted var(--gray);\n    outline-offset: 2px;\n  }\n}\n\n@media only all and (max-width: 37.5em) {\n  li:has(.a-tag-topic) + li:has(.a-tag-topic) .a-tag-topic {\n    position: relative;\n    border-top: none;\n  }\n  li:has(.a-tag-topic) + li:has(.a-tag-topic) a.a-tag-topic:hover::before,\n  li:has(.a-tag-topic) + li:has(.a-tag-topic) a.a-tag-topic:focus::before {\n    position: absolute;\n    top: -1px;\n    content: \"\";\n    display: block;\n    height: 1px;\n    width: 100%;\n    border-top: 1px solid currentcolor;\n  }\n}\n.a-tag-topic__bullet {\n  font-size: 1rem;\n  line-height: 1rem;\n}\n\n@media only all and (min-width: 37.5625em) {\n  a.a-tag-topic__text {\n    color: var(--gray);\n    border-color: var(--gray);\n  }\n  a.a-tag-topic__text:visited, a.a-tag-topic__text.visited {\n    border-color: var(--gray);\n    color: var(--gray);\n  }\n  a.a-tag-topic__text:hover, a.a-tag-topic__text.hover {\n    border-color: var(--gray);\n    color: var(--gray);\n  }\n  a.a-tag-topic__text:focus, a.a-tag-topic__text.focus {\n    border-color: var(--gray);\n    color: var(--gray);\n  }\n  a.a-tag-topic__text:active, a.a-tag-topic__text.active {\n    border-color: var(--gray);\n    color: var(--gray);\n  }\n  a.a-tag-topic,\n  a.a-tag-topic:visited,\n  a.a-tag-topic:hover,\n  a.a-tag-topic:focus,\n  a.a-tag-topic:active {\n    border-bottom: none;\n    outline-offset: 1px;\n  }\n  a.a-tag-topic .a-tag-topic__text,\n  a.a-tag-topic:visited .a-tag-topic__text,\n  a.a-tag-topic:hover .a-tag-topic__text,\n  a.a-tag-topic:focus .a-tag-topic__text,\n  a.a-tag-topic:active .a-tag-topic__text {\n    padding-bottom: 1px;\n    border-bottom: 1px dotted var(--gold-80);\n  }\n  a.a-tag-topic:hover .a-tag-topic__text {\n    border-bottom: 1px solid var(--gold-80);\n  }\n  a.a-tag-topic:focus {\n    outline-color: var(--gray);\n  }\n  a.a-tag-topic:focus .a-tag-topic__text {\n    border-bottom-style: solid !important;\n  }\n}\n.m-tag-group {\n  padding-left: 0;\n  list-style-type: none;\n}\n.m-tag-group li {\n  margin-bottom: 0;\n  display: contents;\n}\n@media only all and (min-width: 37.5625em) {\n  .m-tag-group {\n    display: flex;\n    gap: 0.9375em;\n    flex-wrap: wrap;\n  }\n  .m-tag-group--stacked {\n    flex-direction: column;\n    width: -moz-fit-content;\n    width: fit-content;\n  }\n}\n.m-tag-group:has(.a-tag-filter) {\n  display: flex;\n  gap: 0.9375em;\n  flex-wrap: wrap;\n}\n\nhtml[lang=ar] .m-tag-group {\n  direction: rtl;\n  padding-right: 0;\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.a-text-input {\n  appearance: none;\n  display: inline-block;\n  padding: 0.4375em;\n  border: 1px solid var(--gray-60);\n  background: var(--white);\n  color: var(--black);\n}\n.a-text-input:hover, .a-text-input.hover {\n  border-color: var(--pacific);\n  outline: 1px solid var(--pacific);\n}\n.a-text-input:focus, .a-text-input.focus {\n  border-color: var(--pacific);\n  box-shadow: 0 0 0 1px var(--pacific);\n  outline: 1px dotted var(--pacific);\n  outline-offset: 2px;\n}\n.a-text-input:disabled, .a-text-input:disabled:hover, .a-text-input:disabled.hover, .a-text-input:disabled:focus, .a-text-input:disabled.focus {\n  color: var(--gray-dark);\n  background-color: var(--gray-10);\n  cursor: not-allowed;\n  border-color: var(--gray-60);\n  outline: none;\n}\n.a-text-input--error {\n  border-color: var(--red);\n  outline: 1px solid var(--red);\n}\n.a-text-input--error:hover, .a-text-input--error.hover {\n  border-color: var(--red-dark);\n  outline: 1px solid var(--red-dark);\n  outline-offset