@cfpb/ccdb5-ui 2.11.0 → 2.11.4

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 (5) hide show
  1. package/dist/ccdb5.css +2 -2
  2. package/dist/ccdb5.css.map +1 -1
  3. package/dist/ccdb5.js +62 -62
  4. package/dist/ccdb5.js.map +1 -1
  5. package/package.json +27 -26
package/dist/ccdb5.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"static/css/main.5cb82fd6.css","mappings":"AAIA,4DCQA,KACE,uBACA,0BACA,8BAOF,KDtBA,SCkCA,QACE,oBAOF,iBAEE,UAYF,GACE,cDzDF,eCiEA,GAEE,uBACA,SAOF,kBAIE,4BACA,cAOF,IACE,qBAOF,EACE,uCAOF,MACE,cAOF,QAEE,cACA,cACA,kBACA,wBAGF,IACE,UAGF,IACE,cAWF,ODvIA,SCmJA,SACE,yBDpJF,wCC8JA,OACE,SD/JF,UCyKA,6BAIE,oBACA,eD9KF,SCuLA,aAEE,mBAUF,cAEE,oBAWF,oEAIE,0BACA,eAOF,sCAEE,eAQF,uCAEE,sBDxOF,UCkPA,mBACE,6BAGA,uBAQF,+FAEE,wBAOF,iDAEE,SDzQF,UCkRA,SACE,cACA,mBAWF,MACE,yBACA,iBCjSF,MAiCE,iBACA,oBACA,oBAGA,sBACA,0BACA,iBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBAGA,qBACA,yBACA,gBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBAGA,wBACA,4BACA,mBACA,sBACA,sBACA,sBACA,sBACA,sBACA,sBACA,sBACA,sBACA,sBAGA,qBACA,yBACA,gBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBAGA,uBACA,2BACA,kBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBAGA,oBACA,wBACA,eACA,kBACA,kBACA,kBACA,kBACA,kBACA,kBACA,kBACA,kBACA,kBAGA,qBACA,yBACA,gBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBAGA,wBACA,4BACA,mBACA,sBACA,sBACA,sBACA,sBACA,sBACA,sBACA,sBACA,sBACA,sBAGA,uBACA,qBACA,yBACA,gBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,kBAGA,iBACA,cC9JA,gCACE,uBAWF,qBACE,wBASF,kBACE,WACA,cACA,WAQJ,mBACE,kBACA,UACA,WACA,SH/CF,sBGkDE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EA,mCACE,yDAEA,yCACE,8BA7DR,0CAkEM,kBACA,QACA,UACA,iBACA,+BC/JR,QACE,kBAGE,iCvB7DJ,gBuB4DE,8CAMI,gBAIJ,8CACE,wCACA,yDACA,wBvBzEJ,gBuB6EE,wDAEE,aACA,sBACA,YACA,aACA,sBACA,YAGF,gBACE,mBAGF,iBACE,gBACA,wBnB1EF,2DCqCA,0BACA,kBACA,gBACA,uBACA,iBACA,uBA4IA,0WAkBE,yBDxMF,gGCgDA,0BACA,kBACA,gBACA,uBACA,iBACA,wBkBgCA,kBACE,iCAEA,wBACE,mCAGF,+BACE,cACA,gBACA,uBAGF,sDAEE,mBAIJ,gBACE,gBACA,mBAIF,eACE,kBACA,YACA,wCAEA,iBACE,yDACA,wBAPJ,4BAWI,kBACA,iCACA,sBAGF,uBAEI,iLArGN,2BACE,WACA,kBACA,OACA,WACA,WACA,WACA,2CA4EF,mCA1HE,eACA,eACA,wBACA,iDACA,oBACA,gBACA,mCACA,qBAGF,6CACE,8CACA,gCAOF,yCACE,mBACA,sDACA,wCAGF,2CACE,sDACA,wCAGF,4CACE,sDACA,mBACA,wCAwHF,mCAEI,mCAOJ,kBACE,gBACA,kBAFF,oBAMI,iBANJ,wCAUI,kBACA,UACA,iBAEA,4CACA,yDACA,wBAhBJ,8BAoBI,kBACA,UACA,MACA,SACA,YACA,aAGA,mBA5BJ,iCAiCI,gBAGF,8CAEI,iLAjKN,8BACE,WACA,kBACA,OACA,WACA,WACA,WACA,2CAoHF,sCAlKE,eACA,eACA,wBACA,iDACA,oBACA,gBACA,mCACA,qBAGF,gDACE,8CACA,gCAOF,4CACE,mBACA,sDACA,wCAGF,8CACE,iDACA,mCAGF,+CACE,8CACA,mBACA,gCAiIF,sClBjHA,0BACA,kBACA,gBACA,uBACA,iBACA,uBmBvDF,QACE,wDAEA,gBACE,aACA,iBxBXJ,cwBaI,iBACA,oBAGF,aACE,mBACA,kBAGF,gBnBYA,0BACA,kBACA,gBACA,uBACA,iBACA,uBmBbA,gBAGE,eACA,iBAGF,sBACE,sBACA,gBAGF,cACE,2BACA,4BACA,wBAEA,WAKA,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CA,sCACA,kBACA,gBACA,gBACA,gBACA,iBACA,qBACA,iBACA,oBACA,sBACA,kBACA,mBACA,oBACA,gBACA,sCACA,qBACA,UAGF,cACE,kCAGF,wBACE,cACA,oCACA,sCAGF,+BACE,kBACA,WACA,yBACA,mBAGF,2FACE,SAGF,yGACE,SACA,uFACA,sCAIF,6FACE,OACA,qCACA,qCAGF,2GACE,WACA,gIACA,wCAIF,iGACE,MAGF,+GACE,YACA,uFACA,yCAIF,8FACE,QACA,qCACA,qCAGF,4GACE,UACA,gIACA,uCAIF,eACE,sCACA,gEACA,8BACA,kBACA,sCACA,8CAGF,SACE,0BACA,8BACA,gCACA,sBACA,+BACA,8DACA,kCACA,mDACA,yDACA,oCACA,qCACA,oCACA,gCACA,kCACA,kCACA,iCACA,+BACA,iCACA,0DACA,iCACA,cACA,sCACA,sCACA,kBACA,gBACA,gBACA,gBACA,iBACA,qBACA,iBACA,oBACA,sBACA,kBACA,mBACA,oBACA,gBACA,sCACA,qBACA,sCACA,4BACA,2EACA,8CAGF,wBACE,cACA,oCACA,sCAGF,6DACE,kBACA,cACA,WACA,yBACA,mBACA,eAGF,2FACE,oFAGF,gNACE,uFAGF,yGACE,SACA,gDAGF,uGACE,sCACA,sCAIF,6FACE,kFACA,qCACA,qCAGF,oNACE,gIAGF,2GACE,OACA,kDAGF,yGACE,oCACA,wCAIF,iGACE,iFAGF,4NACE,uFAGF,+GACE,MACA,mDAGF,6GACE,mCACA,yCAGF,iHACE,kBACA,MACA,SACA,cACA,oCACA,sDACA,WACA,+EAIF,8FACE,mFACA,qCACA,qCAGF,sNACE,gIAGF,4GACE,QACA,iDAGF,0GACE,qCACA,uCAIF,gBACE,8EACA,gBACA,6CACA,qCACA,6CACA,kFACA,6DACA,8DAGF,sBACE,aAGF,cACE,0EACA,mCCxRF,wBtFAA,csFAA,6BAGI,ctFHJ,csFKI,0BCLJ,iBAAiB,kBAAkB,uBAAuB,eAAe,UAAU,4BAA4B,qBAAqB,0BAA0B,0BAA0B,0BAA0B,kBAAkB,0BAA0B,0BAA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","sources":["css/App.less","../node_modules/@cfpb/cfpb-core/src/normalize.css","../node_modules/@cfpb/cfpb-core/src/brand-colors.less","../node_modules/@cfpb/cfpb-core/src/utilities.less","../node_modules/@cfpb/cfpb-core/src/media-queries.less","../node_modules/@cfpb/cfpb-core/src/base.less","../node_modules/@cfpb/cfpb-atomic-component/src/utilities/transition/transition.less","../node_modules/@cfpb/cfpb-icons/src/cfpb-icons.less","../node_modules/@cfpb/cfpb-buttons/src/atoms/buttons.less","../node_modules/@cfpb/cfpb-buttons/src/atoms/button-links.less","../node_modules/@cfpb/cfpb-buttons/src/atoms/buttons-with-icons.less","../node_modules/@cfpb/cfpb-buttons/src/molecules/button-groups.less","../node_modules/@cfpb/cfpb-forms/src/atoms/form-alert.less","../node_modules/@cfpb/cfpb-forms/src/atoms/label.less","../node_modules/@cfpb/cfpb-forms/src/atoms/legend.less","../node_modules/@cfpb/cfpb-forms/src/atoms/range.less","../node_modules/@cfpb/cfpb-forms/src/atoms/select.less","../node_modules/@cfpb/cfpb-forms/src/atoms/text-input.less","../node_modules/@cfpb/cfpb-forms/src/molecules/btn-inside-input.less","../node_modules/@cfpb/cfpb-forms/src/molecules/form-fields.less","../node_modules/@cfpb/cfpb-forms/src/organisms/form.less","../node_modules/@cfpb/cfpb-grid/src/cfpb-grid.less","../node_modules/@cfpb/cfpb-forms/src/organisms/multiselect.less","../node_modules/@cfpb/cfpb-layout/src/molecules/card.less","../node_modules/@cfpb/cfpb-layout/src/molecules/heroes.less","../node_modules/@cfpb/cfpb-layout/src/organisms/card-group.less","../node_modules/@cfpb/cfpb-layout/src/organisms/featured-content-module.less","../node_modules/@cfpb/cfpb-layout/src/organisms/wells.less","../node_modules/@cfpb/cfpb-layout/src/organisms/email-signup.less","../node_modules/@cfpb/cfpb-layout/src/organisms/text-introduction.less","../node_modules/@cfpb/cfpb-layout/src/cfpb-layout.less","../node_modules/@cfpb/cfpb-typography/src/atoms/date.less","../node_modules/@cfpb/cfpb-typography/src/atoms/headings.less","../node_modules/@cfpb/cfpb-typography/src/atoms/links.less","../node_modules/@cfpb/cfpb-typography/src/atoms/tagline.less","../node_modules/@cfpb/cfpb-typography/src/molecules/list.less","../node_modules/@cfpb/cfpb-typography/src/molecules/meta-header.less","../node_modules/@cfpb/cfpb-typography/src/molecules/pull-quote.less","../node_modules/@cfpb/cfpb-typography/src/molecules/slug-header.less","../node_modules/@cfpb/cfpb-typography/src/licensed-fonts.less","../node_modules/@cfpb/cfpb-notifications/src/molecules/notification.less","../node_modules/@cfpb/cfpb-notifications/src/organisms/banner.less","../node_modules/@cfpb/cfpb-pagination/src/molecules/pagination.less","../node_modules/@cfpb/cfpb-expandables/src/expandable.less","../node_modules/@cfpb/cfpb-expandables/src/summary.less","../node_modules/@cfpb/cfpb-expandables/src/summary-minimal.less","../node_modules/@cfpb/cfpb-tables/src/cfpb-tables.less","components/Print/print.less","components/ComplaintDetail/ComplaintDetail.less","components/Loading/Loading.less","components/Search/Hero/Hero.less","components/Filters/FilterPanel.less","components/Filters/CollapsibleFilter.less","components/Typeahead/Typeahead.less","components/Filters/DateFilter.less","components/Filters/DateRanges.less","components/Filters/AggregationBranch.less","components/Filters/Aggregation.less","components/List/ListPanel/ListPanel.less","components/select.less","components/RefineBar/RefineBar.less","components/ActionBar/ActionBar.less","components/Warnings/Warning.less","components/List/ComplaintCard/ComplaintCard.less","components/Filters/FilterPanelToggle.less","components/RefineBar/Separator.less","components/Map/MapToolbar.less","components/Charts/RowChart.less","components/Map/TileChartMap/TileChartMap.less","components/Print/PrintInfo.less","components/Trends/TrendsPanel.less","components/RefineBar/ChartToggles.less","components/Trends/FocusHeader.less","components/Trends/LensTabs.less","components/Charts/LineChart.less","components/Charts/StackedAreaChart.less","components/TabbedNavigation.less","components/Trends/TrendDepthToggle.less","components/Dialogs/RootModal.less","components/Dialogs/DataExport/DataExport.less","components/Search/SearchPanel.less","components/Search/PillPanel.less","components/Search/Pill.less","components/Search/SearchBar.less","components/Search/AdvancedTips/AdvancedTips.less","components/Common/TooltipWrapper/TooltipWrapper.less","components/Search/AdvancedTips/ComplexExample.less","../node_modules/intro.js/introjs.css","components/Tour/Tour.less","components/Tour/TourButton.less"],"sourcesContent":["// Import Design System Components.\n@import (less) '@cfpb/cfpb-core/src/cfpb-core.less';\n@import (less) '@cfpb/cfpb-atomic-component/src/cfpb-atomic-component.less';\n@import (less) '@cfpb/cfpb-icons/src/cfpb-icons.less';\n@import (less) '@cfpb/cfpb-buttons/src/cfpb-buttons.less';\n@import (less) '@cfpb/cfpb-forms/src/cfpb-forms.less';\n@import (less) '@cfpb/cfpb-grid/src/cfpb-grid.less';\n@import (less) '@cfpb/cfpb-layout/src/cfpb-layout.less';\n@import (less) '@cfpb/cfpb-typography/src/cfpb-typography.less';\n@import (less) '@cfpb/cfpb-notifications/src/cfpb-notifications.less';\n@import (less) '@cfpb/cfpb-pagination/src/cfpb-pagination.less';\n@import (less) '@cfpb/cfpb-expandables/src/cfpb-expandables.less';\n@import (less) '@cfpb/cfpb-tables/src/cfpb-tables.less';\n@import (less) '../components/Print/print.less';\n\n// Icon font path\n@cf-icon-path: '../css/fonts';\n\n// Webfont variables\n// This is the path for self-hosted fonts.\n@cf-fonts-path: '/static/fonts';\n\n// Override for Design System.\n// Fix for spacing in mega menu headings.\n.o-mega-menu_group-heading,\n.o-mega-menu_content-2-list__featured ul {\n margin-bottom: 1.875em;\n}\n\n// Fix for erroneously added border below external link in mega menu.\n.o-mega-menu_content-link .a-link_text {\n border-bottom-width: 0;\n}\n\n// Fix for incorrect header width.\n.o-header .wrapper,\n.o-footer .wrapper {\n max-width: 1170px !important;\n}\n\n// App-wide definitions\n\n.layout-row {\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n}\n\n.layout-column {\n display: flex;\n flex-direction: column;\n}\n\n.flex-fixed {\n flex: none;\n}\n\n.flex-all {\n flex: 1 0 auto;\n}\n\n.body-copy {\n font-size: 16px;\n}\n\n.cols {\n .grid_nested-col-group();\n}\n\n.col::before {\n display: block;\n\n width: 100%;\n content: '';\n}\n\n.col-1 {\n .grid_column(1);\n}\n\n.col-2 {\n .grid_column(2);\n}\n\n.col-3 {\n .grid_column(3);\n}\n\n.col-4 {\n .grid_column(4);\n}\n\n.col-6 {\n .grid_column(6);\n}\n\n.col-8 {\n .grid_column(8);\n}\n\n.col-9 {\n .grid_column(9);\n}\n\n.col-10 {\n .grid_column(10);\n}\n\n.col-12 {\n .grid_column(12);\n}\n\n// Overrides\n\n.content__1-3 {\n margin-bottom: @grid_gutter-width * 2;\n\n .content_wrapper {\n padding-left: 0;\n padding-right: 0;\n border: 1px solid var(--gray-40);\n border-right: none;\n max-width: initial;\n\n @media @phone {\n border: none;\n }\n }\n\n .content_sidebar {\n width: 420px;\n padding: 0;\n border: 0;\n margin: 0;\n }\n\n .content_main {\n width: ~'calc(100% - 420px)';\n padding: 0;\n border: 0;\n\n &::after {\n border-left: 0;\n }\n }\n}\n\n// gutters\n.wrapper__match-content {\n @media @tablet {\n padding-left: 20px;\n padding-right: 20px;\n }\n\n @media @desktop {\n padding-left: 30px;\n padding-right: 30px;\n }\n\n @media @superwide {\n padding-left: 80px;\n padding-right: 80px;\n }\n}\n\n@media @tablet-lg {\n .content__1-3 {\n .content_sidebar {\n width: 305px;\n }\n\n .content_main {\n width: ~'calc(100% - 305px)';\n }\n }\n}\n\n@media @tablet-sm {\n .content__1-3 {\n .content_main {\n width: 100%;\n }\n .content_sidebar {\n &.map,\n &.list {\n width: 100%;\n }\n }\n }\n .filter-button {\n display: block;\n margin: 20px 10px;\n button {\n width: 100%;\n }\n }\n}\n\n@media @phone {\n .filter-button {\n display: block;\n margin: 20px 0;\n button {\n width: 100%;\n }\n }\n .content__1-3 {\n margin-bottom: 0;\n .content {\n &_sidebar,\n &_main {\n width: 100%;\n }\n }\n }\n}\n\nbody {\n a,\n .a-btn__link {\n color: @link-text;\n &:hover {\n color: @link-text-hover;\n }\n }\n}\n\n::-ms-clear {\n display: none;\n}\n\n@hack: true;@import (reference) \"/Users/bradforda/Projects/ccdb5-ui/src/css/base.less\";","/*! normalize.css v2.1.3 | MIT License | git.io/normalize */\n\n/* ==========================================================================\n Base\n ========================================================================== */\n\n/**\n * 1. Set default font family to sans-serif.\n * 2. Prevent iOS text size adjust after orientation change, without disabling\n * user zoom.\n */\n\nhtml {\n font-family: sans-serif; /* 1 */\n -ms-text-size-adjust: 100%; /* 2 */\n -webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/**\n * Remove default margin.\n */\n\nbody {\n margin: 0;\n}\n\n/* ==========================================================================\n Links\n ========================================================================== */\n\n/**\n * Address `outline` inconsistency between Chrome and other browsers.\n */\n\na:focus {\n outline: thin dotted;\n}\n\n/**\n * Improve readability when focused and also mouse hovered in all browsers.\n */\n\na:active,\na:hover {\n outline: 0;\n}\n\n/* ==========================================================================\n Typography\n ========================================================================== */\n\n/**\n * Address variable `h1` font-size and margin within `section` and `article`\n * contexts in Firefox 4+, Safari 5, and Chrome.\n */\n\nh1 {\n font-size: 2em;\n margin: 0.67em 0;\n}\n\n/**\n * Address differences between Firefox and other browsers.\n */\n\nhr {\n -moz-box-sizing: content-box;\n box-sizing: content-box;\n height: 0;\n}\n\n/**\n * Correct font family set oddly in Safari 5 and Chrome.\n */\n\ncode,\nkbd,\npre,\nsamp {\n font-family: monospace, serif;\n font-size: 1em;\n}\n\n/**\n * Improve readability of pre-formatted text in all browsers.\n */\n\npre {\n white-space: pre-wrap;\n}\n\n/**\n * Set consistent quote types.\n */\n\nq {\n quotes: '\\201C' '\\201D' '\\2018' '\\2019';\n}\n\n/**\n * Address inconsistent and variable font size in all browsers.\n */\n\nsmall {\n font-size: 80%;\n}\n\n/**\n * Prevent `sub` and `sup` affecting `line-height` in all browsers.\n */\n\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsup {\n top: -0.5em;\n}\n\nsub {\n bottom: -0.25em;\n}\n\n/* ==========================================================================\n Figures\n ========================================================================== */\n\n/**\n * Address margin not present in IE 8/9 and Safari 5.\n */\n\nfigure {\n margin: 0;\n}\n\n/* ==========================================================================\n Forms\n ========================================================================== */\n\n/**\n * Define consistent border, margin, and padding.\n */\n\nfieldset {\n border: 1px solid #c0c0c0;\n margin: 0 2px;\n padding: 0.35em 0.625em 0.75em;\n}\n\n/**\n * 1. Correct `color` not being inherited in IE 8/9.\n * 2. Remove padding so people aren't caught out if they zero out fieldsets.\n */\n\nlegend {\n border: 0; /* 1 */\n padding: 0; /* 2 */\n}\n\n/**\n * 1. Correct font family not being inherited in all browsers.\n * 2. Correct font size not being inherited in all browsers.\n * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.\n */\n\nbutton,\ninput,\nselect,\ntextarea {\n font-family: inherit; /* 1 */\n font-size: 100%; /* 2 */\n margin: 0; /* 3 */\n}\n\n/**\n * Address Firefox 4+ setting `line-height` on `input` using `!important` in\n * the UA stylesheet.\n */\n\nbutton,\ninput {\n line-height: normal;\n}\n\n/**\n * Address inconsistent `text-transform` inheritance for `button` and `select`.\n * All other form control elements do not inherit `text-transform` values.\n * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.\n * Correct `select` style inheritance in Firefox 4+ and Opera.\n */\n\nbutton,\nselect {\n text-transform: none;\n}\n\n/**\n * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`\n * and `video` controls.\n * 2. Correct inability to style clickable `input` types in iOS.\n * 3. Improve usability and consistency of cursor style between image-type\n * `input` and others.\n */\n\nbutton,\n html input[type=\"button\"], /* 1 */\n input[type=\"reset\"],\n input[type=\"submit\"] {\n -webkit-appearance: button; /* 2 */\n cursor: pointer; /* 3 */\n}\n\n/**\n * Re-set default cursor for disabled elements.\n */\n\nbutton[disabled],\nhtml input[disabled] {\n cursor: default;\n}\n\n/**\n * 1. Address box sizing set to `content-box` in IE 8/9/10.\n * 2. Remove excess padding in IE 8/9/10.\n */\n\ninput[type='checkbox'],\ninput[type='radio'] {\n box-sizing: border-box; /* 1 */\n padding: 0; /* 2 */\n}\n\n/**\n * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.\n * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome\n * (include `-moz` to future-proof).\n */\n\ninput[type='search'] {\n -webkit-appearance: textfield; /* 1 */\n -moz-box-sizing: content-box;\n -webkit-box-sizing: content-box; /* 2 */\n box-sizing: content-box;\n}\n\n/**\n * Remove inner padding and search cancel button in Safari 5 and Chrome\n * on OS X.\n */\n\ninput[type='search']::-webkit-search-cancel-button,\ninput[type='search']::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n/**\n * Remove inner padding and border in Firefox 4+.\n */\n\nbutton::-moz-focus-inner,\ninput::-moz-focus-inner {\n border: 0;\n padding: 0;\n}\n\n/**\n * 1. Remove default vertical scrollbar in IE 8/9.\n * 2. Improve readability and alignment in all browsers.\n */\n\ntextarea {\n overflow: auto; /* 1 */\n vertical-align: top; /* 2 */\n}\n\n/* ==========================================================================\n Tables\n ========================================================================== */\n\n/**\n * Remove most spacing between table cells.\n */\n\ntable {\n border-collapse: collapse;\n border-spacing: 0;\n}\n",":root {\n /* ==========================================================================\n Design System\n Color variables\n ========================================================================== */\n\n // Official CFPB color palette.\n // Current as of November 20, 2020.\n // To view the colors in the Design System, visit:\n // https://cfpb.github.io/design-system/foundation/color\n //\n // | Beige | Green | Teal | Pacific | Navy | Purple | Red | Gold | Neutral | Gray |\n // | ------ | ------ | ------ | ------- | ------ | ------ | ------ | ------ | ------- | ------ |\n // darker | | | | | | | | | | 293037 |\n // dark | | 1e9642 | 005e5d | 0050b4 | 002d72 | a01b68 | b63014 | dc731c | 745745 | 43484e |\n // mid-dark | | 1fa040 | 126b69 | 0061c1 | 123c7c | aa2071 | c3381c | ed881b | 7d604b | 4f5257 |\n // base | bea96f | 20aa3f | 257675 | 0072ce | 254b87 | b4267a | d14124 | ff9e1b | 8a6c57 | 5a5d61 |\n // 90 | | 48b753 | 3e8685 | 2284d5 | 3e5f95 | be438b | d75a40 | ffab39 | 957865 | 676a6f |\n // 80 | | 66c368 | 579695 | 4497dc | 5674a3 | c55998 | dd735d | ffb858 | a18573 | 75787b |\n // 70 | | 93cf7c | 70a6a5 | 61a7e2 | 6f88b2 | cd70a5 | e28875 | ffc372 | ad9484 | 838588 |\n // 60 | d8c8a0 | addc91 | 89b6b5 | 7eb7e8 | 889cc0 | d486b2 | e79e8e | ffce8d | baa496 | 919395 |\n // 50 | | bae0a2 | 9ec4c3 | 96c4ed | 9daecc | dc9cbf | ebb0a3 | ffd8a3 | c6b4a9 | a2a3a4 |\n // 40 | | c7e5b3 | b4d2d1 | afd2f2 | b3c0d9 | e3b2cc | f0c3b8 | ffe1b9 | d3c5bc | b4b5b6 |\n // 30 | f0e8d8 | d4eac6 | c4dddc | c3ddf6 | c3cde2 | ebc9d9 | f3d1c8 | ffe8cb | ddd1c9 | c3c4c4 |\n // 20 | | e2efd8 | d4e7e6 | d6e8fa | d3daeb | f0d8e2 | f7e0d9 | fff0dd | e7ddd7 | d2d3d5 |\n // 15 | | | | | | | | | | dcdddf |\n // 10 | | f0f8eb | f0f7f6 | eff8fd | f4f6fa | fdf3f8 | fbefec | fff6ec | f8f5f2 | e7e8e9 |\n // 5 | | | | | | | | | | f7f8f9 |\n //\n // CFPB Black: 101820\n // CFPB White: ffffff\n\n // Beige family\n --beige: #bea96f;\n --beige-30: #f0e8d8;\n --beige-60: #d8c8a0;\n\n // Green family\n --green-dark: #1e9642;\n --green-mid-dark: #1fa040;\n --green: #20aa3f; // Primary brand green color, aka \"CFPB Green\"\n --green-90: #48b753;\n --green-80: #66c368;\n --green-70: #93cf7c;\n --green-60: #addc91;\n --green-50: #bae0a2;\n --green-40: #c7e5b3;\n --green-30: #d4eac6;\n --green-20: #e2efd8;\n --green-10: #f0f8eb;\n\n // Teal family\n --teal-dark: #005e5d;\n --teal-mid-dark: #126b69;\n --teal: #257675;\n --teal-90: #3e8685;\n --teal-80: #579695;\n --teal-70: #70a6a5;\n --teal-60: #89b6b5;\n --teal-50: #9ec4c3;\n --teal-40: #b4d2d1;\n --teal-30: #c4dddc;\n --teal-20: #d4e7e6;\n --teal-10: #f0f7f6;\n\n // Pacific family\n --pacific-dark: #0050b4;\n --pacific-mid-dark: #0061c1;\n --pacific: #0072ce;\n --pacific-90: #2284d5;\n --pacific-80: #4497dc;\n --pacific-70: #61a7e2;\n --pacific-60: #7eb7e8;\n --pacific-50: #96c4ed;\n --pacific-40: #afd2f2;\n --pacific-30: #c3ddf6;\n --pacific-20: #d6e8fa;\n --pacific-10: #eff8fd;\n\n // Navy family\n --navy-dark: #002d72;\n --navy-mid-dark: #123c7c;\n --navy: #254b87;\n --navy-90: #3e5f95;\n --navy-80: #5674a3;\n --navy-70: #6f88b2;\n --navy-60: #889cc0;\n --navy-50: #9daecc;\n --navy-40: #b3c0d9;\n --navy-30: #c3cde2;\n --navy-20: #d3daeb;\n --navy-10: #f4f6fa;\n\n // Purple family\n --purple-dark: #a01b68;\n --purple-mid-dark: #aa2071;\n --purple: #b4267a;\n --purple-90: #be438b;\n --purple-80: #c55998;\n --purple-70: #cd70a5;\n --purple-60: #d486b2;\n --purple-50: #dc9cbf;\n --purple-40: #e3b2cc;\n --purple-30: #ebc9d9;\n --purple-20: #f0d8e2;\n --purple-10: #fdf3f8;\n\n // Red family\n --red-dark: #b63014;\n --red-mid-dark: #c3381c;\n --red: #d14124;\n --red-90: #d75a40;\n --red-80: #dd735d;\n --red-70: #e28875;\n --red-60: #e79e8e;\n --red-50: #ebb0a3;\n --red-40: #f0c3b8;\n --red-30: #f3d1c8;\n --red-20: #f7e0d9;\n --red-10: #fbefec;\n\n // Gold family\n --gold-dark: #dc731c;\n --gold-mid-dark: #ed881b;\n --gold: #ff9e1b;\n --gold-90: #ffab39;\n --gold-80: #ffb858;\n --gold-70: #ffc372;\n --gold-60: #ffce8d;\n --gold-50: #ffd8a3;\n --gold-40: #ffe1b9;\n --gold-30: #ffe8cb;\n --gold-20: #fff0dd;\n --gold-10: #fff6ec;\n\n // Neutral family\n --neutral-dark: #745745;\n --neutral-mid-dark: #7d604b;\n --neutral: #8a6c57;\n --neutral-90: #957865;\n --neutral-80: #a18573;\n --neutral-70: #ad9484;\n --neutral-60: #baa496;\n --neutral-50: #c6b4a9;\n --neutral-40: #d3c5bc;\n --neutral-30: #ddd1c9;\n --neutral-20: #e7ddd7;\n --neutral-10: #f8f5f2;\n\n // Gray family\n --gray-darker: #293037;\n --gray-dark: #43484e;\n --gray-mid-dark: #4f5257;\n --gray: #5a5d61;\n --gray-90: #676a6f;\n --gray-80: #75787b;\n --gray-70: #838588;\n --gray-60: #919395;\n --gray-50: #a2a3a4;\n --gray-40: #b4b5b6;\n --gray-30: #c3c4c4;\n --gray-20: #d2d3d5;\n --gray-15: #dcdddf;\n --gray-10: #e7e8e9;\n --gray-5: #f7f8f9;\n\n // with special guests\n --black: #101820; // Also known as \"CFPB Black\"\n --white: #fff;\n}\n","/* ==========================================================================\n Design System\n Utilities\n ========================================================================== */\n\n//\n// JS-only\n//\n\n.u-js-only {\n .no-js & {\n display: none !important;\n }\n}\n\n//\n// To hide an element when JS is on\n// And show it when JS is off\n//\n\n.u-hide-if-js {\n display: none !important;\n .no-js & {\n display: block !important;\n }\n}\n\n//\n// Clearfix\n//\n\n.u-clearfix {\n &::after {\n content: '';\n display: table;\n clear: both;\n }\n}\n\n//\n// Visually hidden\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` is deprecated, but retained for safety in making sure that this\n // utility works as expected for screenreaders. Comma-separated syntax is\n // not used because space-separated is more backward-compatible,\n // per https://developer.mozilla.org/en-US/docs/Web/CSS/clip\n clip: rect(0 0 0 0);\n}\n\n//\n// Width-specific display\n//\n\n.u-hide-on-mobile {\n // Mobile only.\n .respond-to-max(@bp-xs-max, {\n display: none;\n });\n}\n\n.u-show-on-mobile {\n display: none;\n\n // Mobile only.\n .respond-to-max(@bp-xs-max, {\n display: block;\n });\n}\n\n//\n// Hide an element.\n//\n\n.u-hidden {\n display: none !important;\n}\n\n//\n// Hide an element while retaining its layout.\n//\n\n.u-invisible {\n visibility: hidden;\n}\n\n// TODO: Deprecated. Remove in CFv5.\n//\n// Inline block\n//\n\n.u-inline-block {\n display: inline-block;\n}\n\n//\n// Floating right\n//\n\n.u-right {\n float: right;\n}\n\n//\n// Break word\n//\n\n.u-break-word {\n word-break: break-all;\n}\n\n//\n// Don't break a word across a line break.\n//\n\n.u-nowrap {\n white-space: nowrap;\n}\n\n//\n// Align with button\n//\n\n.u-align-with-btn( @font-size: @base-font-size-px ) {\n display: inline-block;\n line-height: normal;\n vertical-align: middle;\n}\n\n//\n// Flexible proportional containers\n//\n\n.u-flexible-container-mixin( @width: 16, @height: 9 ) {\n @ratio: (@height / @width) * 100;\n\n position: relative;\n padding-bottom: ~'@{ratio}%';\n height: 0;\n}\n\n.u-flexible-container {\n .u-flexible-container-mixin();\n\n &_inner {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n }\n\n &__4-3 {\n .u-flexible-container-mixin( 4, 3 );\n }\n}\n\n//\n// Link mixins\n//\n\n.u-link__colors() {\n .u-link__colors-base();\n}\n\n.u-link__colors( @c ) {\n .u-link__colors-base(\n @c, @c, @c, @c, @c,\n @c, @c, @c, @c, @c\n );\n}\n\n.u-link__colors( @c, @h ) {\n .u-link__colors-base(\n @c, @c, @h, @h, @c,\n @c, @c, @h, @h, @c\n );\n}\n\n.u-link__colors( @c, @v, @h, @f, @a ) {\n .u-link__colors-base(\n @c, @v, @h, @f, @a,\n @c, @v, @h, @f, @a\n );\n}\n\n.u-link__colors( @c, @v, @h, @f, @a, @bc, @bv, @bh, @bf, @ba ) {\n .u-link__colors-base(\n @c, @v, @h, @f, @a,\n @bc, @bv, @bh, @bf, @ba\n );\n}\n\n.u-link__colors-base(\n@c: @link-text,\n@v: @link-text-visited,\n@h: @link-text-hover,\n@f: @link-text,\n@a: @link-text-active,\n@bc: @link-underline,\n@bv: @link-underline-visited,\n@bh: @link-underline-hover,\n@bf: @link-underline,\n@ba: @link-underline-active ) {\n color: @c;\n border-color: @bc;\n\n &:visited,\n &.visited {\n border-color: @bv;\n color: @v;\n }\n\n &:hover,\n &.hover {\n border-color: @bh;\n color: @h;\n }\n\n &:focus,\n &.focus {\n border-color: @bf;\n color: @f;\n }\n\n &:active,\n &.active {\n border-color: @ba;\n color: @a;\n }\n}\n\n.u-link__border() {\n border-bottom-width: 1px;\n}\n\n.u-link__no-border() {\n border-bottom-width: 0 !important;\n}\n\n.u-link__hover-border() {\n border-bottom-width: 0 !important;\n\n &:hover,\n &.hover,\n &:focus,\n &.focus {\n border-bottom-width: 1px !important;\n }\n}\n\n//\n// Margin utilities\n//\n\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//\n// Width utilities\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: unit(((2 / 3) * 100), %);\n}\n\n.u-w33pct {\n width: unit(((1 / 3) * 100), %);\n}\n\n//\n// Small text utility\n//\n\n.u-small-text( @context: @base-font-size-px ) {\n font-size: unit((14px / @context), em);\n}\n\nsmall,\n.u-small-text {\n .u-small-text();\n}\n","/* ==========================================================================\n Design System\n Media queries\n ========================================================================== */\n\n//\n// Media query mixins\n//\n.respond-to-min(@bp, @rules ) {\n @ems: unit((@bp / @base-font-size-px), em);\n\n @media only all and (min-width: @ems) {\n @rules();\n }\n}\n\n.respond-to-max(@bp, @rules ) {\n @ems: unit((@bp / @base-font-size-px), em);\n\n @media only all and (max-width: @ems) {\n @rules();\n }\n}\n\n.respond-to-range(@bp1, @bp2, @rules ) {\n @ems1: unit((@bp1 / @base-font-size-px), em);\n @ems2: unit((@bp2 / @base-font-size-px), em);\n\n @media only all and (min-width: @ems1) and (max-width: @ems2) {\n @rules();\n }\n}\n\n.respond-to-print( @rules ) {\n @media print {\n @rules();\n }\n .print & {\n @rules();\n }\n}\n","/* ==========================================================================\n Design System\n Base styles\n ========================================================================== */\n\n//\n// Type hierarchy\n//\n\nbody {\n color: @text;\n font-family: @font-stack;\n font-size: unit((@base-font-size-px / 16 * 100), %);\n line-height: @base-line-height;\n -webkit-font-smoothing: antialiased;\n}\n\nbutton,\ninput,\nselect,\ntextarea {\n // Must set these explicitly to override Normalize.css's provided default\n // of `font-family: sans-serif;`\n font-family: @font-stack;\n}\n\nstrong,\nb {\n font-weight: 600;\n}\n\n.heading-1( @fs: @size-i ) {\n @font-size: @fs;\n\n margin-bottom: unit((15px / @font-size), em);\n font-size: unit((@font-size / @base-font-size-px), em);\n font-weight: 600;\n letter-spacing: inherit;\n line-height: 1.25;\n text-transform: inherit;\n}\n\n.heading-2( @fs: @size-ii ) {\n @font-size: @fs;\n\n margin-bottom: unit((15px / @font-size), em);\n font-size: unit((@font-size / @base-font-size-px), em);\n font-weight: 600;\n letter-spacing: inherit;\n line-height: 1.25;\n text-transform: inherit;\n}\n\n.heading-3( @fs: @size-iii ) {\n @font-size: @fs;\n\n margin-bottom: unit((15px / @font-size), em);\n font-size: unit((@font-size / @base-font-size-px), em);\n font-weight: normal;\n letter-spacing: inherit;\n line-height: 1.25;\n text-transform: inherit;\n}\n\n.heading-4( @fs: @size-iv ) {\n @font-size: @fs;\n\n margin-bottom: unit((15px / @font-size), em);\n font-size: unit((@font-size / @base-font-size-px), em);\n font-weight: 500;\n letter-spacing: inherit;\n line-height: 1.25;\n text-transform: inherit;\n}\n\n.heading-5( @fs: @size-v, @text-shadow: @text ) {\n @font-size: @fs;\n\n margin-bottom: unit((15px / @font-size), em);\n font-size: unit((@font-size / @base-font-size-px), em);\n font-weight: 600;\n letter-spacing: 1px;\n line-height: 1.25;\n text-transform: uppercase;\n}\n\n.heading-6( @fs: @size-vi, @text-shadow: @text ) {\n @font-size: @fs;\n\n margin-bottom: unit((15px / @font-size), em);\n font-size: unit((@font-size / @base-font-size-px), em);\n font-weight: 600;\n letter-spacing: 1px;\n line-height: 1.25;\n text-transform: uppercase;\n}\n\n// Resetting default browser styling for margin-top on headings\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n margin-top: 0;\n}\n\nh1,\n.h1 {\n .heading-1();\n\n p + &,\n ul + &,\n ol + &,\n dl + &,\n figure + &,\n img + &,\n table + &,\n blockquote + & {\n margin-top: unit((60px / @font-size), em);\n }\n\n // Mobile only.\n .respond-to-max(@bp-xs-max, {\n .heading-2();\n\n p + &,\n ul + &,\n ol + &,\n dl + &,\n figure + &,\n img + &,\n table + &,\n blockquote + & {\n margin-top: unit( ( 45px / @font-size ), em );\n }\n\n h2 + &,\n .h2 + &,\n h3 + &,\n .h3 + &,\n h4 + &,\n .h4 + &,\n h5 + &,\n .h5 + &,\n h6 + &,\n .h6 + & {\n margin-top: unit( ( 30px / @font-size ), em );\n }\n });\n}\n\nh2,\n.h2 {\n .heading-2();\n\n p + &,\n ul + &,\n ol + &,\n dl + &,\n figure + &,\n img + &,\n table + &,\n blockquote + & {\n margin-top: unit((45px / @font-size), em);\n }\n\n h1 + &,\n .h1 + &,\n h3 + &,\n .h3 + &,\n h4 + &,\n .h4 + &,\n h5 + &,\n .h5 + &,\n h6 + &,\n .h6 + & {\n margin-top: unit((30px / @font-size), em);\n }\n\n // Mobile only.\n .respond-to-max(@bp-xs-max, {\n .heading-3();\n\n p + &,\n ul + &,\n ol + &,\n dl + &,\n figure + &,\n img + &,\n table + &,\n blockquote + & {\n margin-top: unit( ( 30px / @font-size ), em );\n }\n });\n}\n\nh3,\n.h3 {\n .heading-3();\n\n p + &,\n ul + &,\n ol + &,\n dl + &,\n figure + &,\n img + &,\n table + &,\n blockquote + &,\n h1 + &,\n .h1 + &,\n h2 + &,\n .h2 + &,\n h4 + &,\n .h4 + &,\n h5 + &,\n .h5 + &,\n h6 + &,\n .h6 + & {\n margin-top: unit((30px / @font-size), em);\n }\n\n // Mobile only.\n .respond-to-max(@bp-xs-max, {\n .heading-4();\n });\n}\n\nh4,\n.h4 {\n .heading-4();\n\n p + &,\n ul + &,\n ol + &,\n dl + &,\n figure + &,\n img + &,\n table + &,\n blockquote + &,\n h1 + &,\n .h1 + &,\n h2 + &,\n .h2 + &,\n h3 + &,\n .h3 + &,\n h5 + &,\n .h5 + &,\n h6 + &,\n .h6 + & {\n margin-top: unit((30px / @font-size), em);\n }\n\n // Mobile only.\n .respond-to-max(@bp-xs-max, {\n @h4-font-size-on-xs: @base-font-size-px;\n\n margin-bottom: unit( ( 10px / @h4-font-size-on-xs ), em );\n font-size: unit( ( @h4-font-size-on-xs / @base-font-size-px ), em );\n line-height: unit( ( 18px / @h4-font-size-on-xs) );\n });\n}\n\nh5,\n.h5 {\n .heading-5();\n\n p + &,\n ul + &,\n ol + &,\n dl + &,\n figure + &,\n img + &,\n table + &,\n blockquote + &,\n h1 + &,\n .h1 + &,\n h2 + &,\n .h2 + &,\n h3 + &,\n .h3 + &,\n h4 + &,\n .h4 + &,\n h6 + &,\n .h6 + & {\n margin-top: unit((30px / @font-size), em);\n }\n}\n\nh6,\n.h6 {\n .heading-6();\n\n p + &,\n ul + &,\n ol + &,\n dl + &,\n figure + &,\n img + &,\n table + &,\n blockquote + &,\n h1 + &,\n .h1 + &,\n h2 + &,\n .h2 + &,\n h3 + &,\n .h3 + &,\n h4 + &,\n .h4 + &,\n h5 + &,\n .h5 + & {\n margin-top: unit((30px / @font-size), em);\n }\n}\n\n.lead-paragraph {\n .heading-3();\n\n margin-top: 0;\n margin-bottom: 15px;\n\n // Mobile only.\n .respond-to-max(@bp-xs-max, {\n // Use the same regular weight but reduce the sizes to h4 size\n font-size: unit( ( 18px / @base-font-size-px ), em );\n });\n}\n\n.superheading {\n // For when you want a heading that's bigger than a normal H1\n @font-size: @size-xl;\n\n margin-bottom: unit((20px / @font-size), em);\n font-size: unit((@font-size / @base-font-size-px), em);\n font-weight: normal;\n line-height: 1.25;\n}\n\n//\n// Body copy element vertical margins\n//\n\np,\nul,\nol,\ndl,\nfigure,\ntable,\nblockquote {\n margin-top: 0;\n margin-bottom: unit((15px / @base-font-size-px), em);\n\n &:last-child {\n margin-bottom: 0;\n }\n}\n\np + ul,\np + ol {\n margin-top: unit((-5px / @base-font-size-px), em);\n}\n\nul ul,\nol ol,\nul ol,\nol ul {\n margin-top: unit((8px / @base-font-size-px), em);\n}\n\nli {\n margin-bottom: unit((8px / @base-font-size-px), em);\n\n &:last-child,\n nav & {\n margin-bottom: 0;\n }\n}\n\nol ol {\n list-style-type: lower-alpha;\n}\n\nol ol ol {\n list-style-type: lower-roman;\n}\n\n//\n// Default link\n//\n\na {\n border-width: 0;\n border-style: dotted;\n border-color: @link-underline;\n color: @link-text;\n text-decoration: none;\n\n // Note: The class definitions below are only for use in\n // demonstrating link states. Do not use in production.\n\n &:visited,\n &.visited {\n border-color: @link-underline-visited;\n color: @link-text-visited;\n }\n\n &:hover,\n &.hover {\n border-style: solid;\n border-color: @link-underline-hover;\n color: @link-text-hover;\n }\n\n &:focus,\n &.focus {\n border-style: solid;\n outline: thin dotted;\n }\n\n &:active,\n &.active {\n border-style: solid;\n border-color: @link-underline-active;\n color: @link-text-active;\n }\n}\n\n//\n// Underlined links\n//\n\np,\nli,\ndd {\n // Restrict bottom borders to inline text links ...\n\n a {\n border-bottom-width: 1px;\n }\n}\n\nnav a {\n // ... unless they're part of a nav list\n border-bottom-width: 0;\n}\n\n//\n// Lists\n//\n\nul {\n padding-left: unit((18px / @base-font-size-px), em);\n list-style: square;\n}\n\nul ul {\n list-style-type: circle;\n}\n\nol {\n // Slightly larger than necessary, but this is the minimum value\n // for numbers to not be partially in the margin in Internet Explorer.\n padding-left: unit((21px / @base-font-size-px), em);\n\n li:nth-last-child(n + 10),\n li:nth-last-child(n + 10) ~ li {\n // 0.5625rem\n margin-left: unit((9px / @base-font-size-px), rem);\n }\n}\n\nol ol {\n // Negate margin added to lists longer than 9 items.\n li {\n margin-left: 0 !important;\n }\n}\n\n// Lists in the nav should be unstyled\nnav ul,\nnav ol,\nnav ul ul,\nnav ol ol {\n list-style: none;\n list-style-image: none;\n}\n\n//\n// Tables\n//\n\ncaption {\n margin-bottom: unit((10px / @base-font-size-px), em);\n text-align: left;\n}\n\nth,\ntd {\n padding: unit((10px / @base-font-size-px), em);\n\n thead & {\n // 10px / 14px\n padding: unit((10px / @size-v), em);\n background: @table-head-bg;\n color: @table-head-text;\n font-size: unit((16px / @base-font-size-px), em);\n vertical-align: top;\n }\n}\n\nthead,\ntbody tr {\n border-bottom: 1px solid @table-border;\n}\n\nth {\n font-weight: 600;\n text-align: left;\n\n thead & {\n // Heading elements may at times appear inside `th` elements\n // as required for navigating the page's content with screenreaders.\n // These rules prevent those headings from overriding the desired style\n // of their parent `th` elements.\n h2,\n .h2,\n h3,\n .h3,\n h4,\n .h4,\n h5,\n .h5,\n h6,\n .h6 {\n .h5();\n\n margin: 0;\n font-size: inherit;\n }\n }\n}\n\n//\n// Block quote\n//\n\nblockquote {\n margin-right: unit((15px / @base-font-size-px), em);\n margin-left: unit((15px / @base-font-size-px), em);\n\n // Tablet and above.\n .respond-to-min(@bp-sm-min, {\n margin-right: unit( ( 30px / @base-font-size-px ), em );\n margin-left: unit( ( 30px / @base-font-size-px ), em );\n });\n}\n\n//\n// Form elements have been moved to the @cfpb/cfpb-forms component.\n//\n\n//\n// Images\n//\n\nimg {\n max-width: 100%;\n}\n\n//\n// Figure\n//\n\nfigure {\n // reset browser default side margins\n margin-right: 0;\n margin-left: 0;\n\n img {\n // Removes weird vertical spacing below images.\n // TODO: Discuss whether this could just be universally applied to img\n vertical-align: middle;\n }\n}\n\n//\n// Code blocks\n//\n\npre,\ncode {\n background: @code-bg;\n border-radius: 4px;\n color: @code-text;\n font-family: 'Input Mono', Consolas, Monaco, 'Courier New', monospace;\n}\n\ncode {\n padding: unit((3px / @size-code), em) unit((3px / @size-code), em) 0;\n font-size: unit((@size-code / @base-font-size-px), em);\n}\n\npre {\n display: block;\n padding: unit((10px / @base-font-size-px), em)\n unit((15px / @base-font-size-px), em);\n white-space: pre-wrap;\n overflow-wrap: break-word;\n\n code {\n padding: 0;\n background-color: transparent;\n }\n}\n","// Import external dependencies\n@import (reference) '@cfpb/cfpb-core/src/vars.less';\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\n.u-no-animation {\n transition-duration: 0s !important;\n}\n\n//\n// Utility classes for moving an element using transform translate values.\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// TODO: Look into adding a mixin for movement multiples.\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//\n// Utility classes for setting an element's opacity.\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//\n// Utility classes for setting an element's height.\n//\n\n.u-max-height-transition {\n overflow: hidden;\n contain: paint;\n\n // Duration is set here, but it is actually overridden in the JavaScript.\n transition: max-height 0.2s ease-out;\n}\n\n/*\n.u-max-height-default {\n This class is just keep 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\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 Design System\n Icons\n ========================================================================== */\n\n//\n// Theme variables\n//\n\n//\n// Size variables\n//\n\n// Icons' SVG viewbox are a consistent 19px (h) x variable (w).\n// The height matches the 19px rendered canvas of text set in Avenir Next\n// sized at 16px (19/16 = 1.1875).\n@cf-icon-height: 1.1875em;\n\n//\n// Embedded inline SVG data URLs.\n//\n\n// Mixin to inject an SVG from the ./icons/ directory\n// into a background-image property.\n@plugin \"icons-svg-inline.cjs\";\n\n.u-svg-inline-bg( @name, @is-grayscale: false ) {\n @svg: icons-svg-inline(@name, @is-grayscale);\n\n background-image: url('data:image/svg+xml;charset=UTF-8,@{svg}');\n}\n\n//\n// The basics.\n//\n\n.cf-icon-svg {\n height: @cf-icon-height;\n vertical-align: text-top;\n fill: currentcolor;\n\n &__updating,\n &__updating-round {\n animation: updating-animation 1.25s infinite linear;\n transform-origin: 50% 50%;\n }\n}\n\n@keyframes updating-animation {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(359deg);\n }\n}\n\n// Right-to-left (RTL) certain icons on arabic pages.\nhtml[lang='ar'] {\n .cf-icon-svg {\n &__right,\n &__right-round,\n &__left,\n &__left-round,\n &__arrow-right,\n &__arrow-right-round,\n &__arrow-left,\n &__arrow-left-round,\n &__help,\n &__help-round,\n &__book,\n &__book-round,\n &__document,\n &__document-round,\n &__edit,\n &__edit-round,\n &__paper-clip,\n &__paper-clip-round,\n &__cart,\n &__cart-round,\n &__disability,\n &__disability-round,\n &__travel,\n &__travel-round,\n &__bullhorn,\n &__bullhorn-round,\n &__chart,\n &__chart-round,\n &__list,\n &__list-round,\n &__external-link,\n &__external-link-round {\n transform: scaleX(-1);\n }\n }\n}\n","//\n// Default button\n//\n\n.a-btn {\n appearance: none;\n display: inline-block;\n box-sizing: border-box;\n padding: unit((@btn-v-padding / @btn-font-size), em)\n unit((@btn-h-padding / @btn-font-size), em);\n border: 0;\n margin: 0;\n border-radius: unit((@btn-border-radius-size / @btn-font-size), em);\n cursor: pointer;\n font-size: unit((@btn-font-size / @base-font-size-px), em);\n font-weight: 500;\n line-height: normal;\n text-align: center;\n text-decoration: none;\n transition: background-color 0.1s;\n\n &,\n &:link,\n &:visited {\n background-color: @btn-bg;\n color: @btn-text;\n }\n\n &:hover,\n &.hover,\n &:focus,\n &.focus {\n background-color: @btn-bg-hover;\n }\n\n &:focus,\n &.focus {\n outline: 1px dotted @btn-bg;\n // The outline-offset property is not supported everywhere (e.g. IE)\n // but it adds a nice touch in browsers where it is.\n outline-offset: 1px;\n }\n\n &:active,\n &.active {\n background-color: @btn-bg-active;\n }\n\n button&::-moz-focus-inner,\n input&::-moz-focus-inner {\n // Fixes inconsistent button.btn height in Firefox.\n // Helps with inconsistent input.btn height in Firefox but not completely.\n border: 0;\n }\n\n //\n // Secondary button\n //\n\n &__secondary {\n &,\n &:link,\n &:visited {\n background-color: @btn__secondary-bg;\n color: @btn__secondary-text;\n }\n\n &:hover,\n &.hover,\n &:focus,\n &.focus {\n background-color: @btn__secondary-bg-hover;\n }\n\n &:focus,\n &.focus {\n outline-color: @btn__secondary-bg;\n }\n\n &:active,\n &.active {\n background-color: @btn__secondary-bg-active;\n }\n }\n\n //\n // Destructive action button\n //\n\n &__warning {\n &,\n &:link,\n &:visited {\n background-color: @btn__warning-bg;\n color: @btn__warning-text;\n }\n\n &:hover,\n &.hover,\n &:focus,\n &.focus {\n background-color: @btn__warning-bg-hover;\n }\n\n &:focus,\n &.focus {\n outline-color: @btn__warning-bg;\n }\n\n &:active,\n &.active {\n background-color: @btn__warning-bg-active;\n }\n }\n\n //\n // Disabled button\n //\n\n &__disabled,\n &[disabled] {\n &,\n &:link,\n &:visited,\n &:hover,\n &.hover,\n &:focus,\n &.focus,\n &:active,\n &.active {\n background-color: @btn__disabled-bg;\n color: @btn__disabled-text;\n cursor: default; // Fallback for IE/Opera\n cursor: not-allowed;\n }\n\n &:focus,\n &.focus {\n outline-color: @btn__disabled-outline;\n }\n }\n\n //\n // Full width button on x-small screens\n //\n &__full-on-xs {\n // Mobile only.\n .respond-to-max(@bp-xs-max, {\n display: block;\n width: 100%;\n });\n }\n}\n","//\n// Button link\n//\n\n// TODO: Refactor the rule combos for simplicity\n\n.a-btn__link {\n padding: 0;\n // Padding added so the focus rectangle falls below the underline.\n padding-bottom: 1.5px;\n border-radius: 0;\n text-decoration-line: underline;\n text-decoration-thickness: 1px;\n text-decoration-style: dotted;\n text-underline-offset: 4.5px;\n\n &,\n &:link,\n &:visited {\n text-decoration-color: @link-underline;\n background-color: transparent;\n color: @link-text;\n }\n\n &:hover,\n &.hover {\n text-decoration-color: @link-underline-hover;\n text-decoration-style: solid;\n background-color: transparent;\n color: @link-text-hover;\n }\n\n &:focus,\n &.focus {\n text-decoration-style: solid;\n background-color: transparent;\n outline: 1px dotted @link-underline;\n }\n\n &:active,\n &.active {\n text-decoration-color: @link-underline-active;\n text-decoration-style: solid;\n background-color: transparent;\n color: @link-text-active;\n }\n\n //\n // Secondary button link\n //\n\n &.a-btn__secondary {\n &,\n &:link,\n &:visited {\n text-decoration-color: @btn__secondary-bg;\n background-color: transparent;\n color: @btn__secondary-bg;\n }\n\n &:hover,\n &.hover {\n text-decoration-color: @btn__secondary-bg-hover;\n color: @btn__secondary-bg-hover;\n }\n\n &:focus,\n &.focus {\n outline-color: @btn__secondary-bg;\n }\n\n &:active,\n &.active {\n text-decoration-color: @btn__secondary-bg-active;\n color: @btn__secondary-bg-active;\n }\n }\n\n //\n // Destructive action button link\n //\n\n &.a-btn__warning {\n &,\n &:link,\n &:visited {\n text-decoration-color: @btn__warning-bg;\n background-color: transparent;\n color: @btn__warning-bg;\n }\n\n &:hover,\n &.hover {\n text-decoration-color: @btn__warning-bg-hover;\n color: @btn__warning-bg-hover;\n }\n\n &:focus,\n &.focus {\n outline-color: @btn__warning-bg;\n }\n\n &:active,\n &.active {\n text-decoration-color: @btn__warning-bg-active;\n color: @btn__warning-bg-active;\n }\n }\n}\n","// Icon locations\n// TODO: Replace magic numbers with calculations based off of the\n// button padding size\n\n.a-btn_icon__on-left {\n padding-right: unit((11px / @btn-font-size), em);\n border-right: 1px solid @btn-divider;\n margin-right: unit((7px / @btn-font-size), em);\n}\n\n.a-btn_icon__on-right {\n padding-left: unit((11px / @btn-font-size), em);\n border-left: 1px solid @btn-divider;\n margin-left: unit((7px / @btn-font-size), em);\n}\n\n.a-btn_icon {\n .a-btn__secondary & {\n border-color: @btn__secondary-divider;\n }\n\n .a-btn__warning & {\n border-color: @btn__warning-divider;\n }\n\n .a-btn__disabled &,\n .a-btn[disabled] & {\n border-color: @btn__disabled-divider;\n }\n}\n",".m-btn-group {\n .a-btn + .a-btn {\n margin-left: unit((6px / @btn-font-size), em);\n }\n}\n",".a-form-alert {\n .cf-icon-svg {\n color: @input-icon;\n float: left;\n }\n\n &_text {\n display: block;\n margin-left: unit((20px / @base-font-size-px), em);\n }\n\n &__success .cf-icon-svg {\n color: @input-icon__success;\n }\n\n &__error .cf-icon-svg {\n color: @input-icon__error;\n }\n\n &__warning .cf-icon-svg {\n color: @input-icon__warning;\n }\n}\n",".a-label {\n display: inline-block;\n\n &_helper {\n color: @label-helper;\n font-size: unit((16px / @base-font-size-px), rem);\n font-weight: normal;\n\n &__block {\n display: block;\n\n // Add a gap between the label helper and label.\n margin-top: unit((10px / @size-vi), em);\n }\n }\n\n &__heading {\n .h4();\n\n display: block;\n\n // Overwrites heading-4 margin.\n margin-bottom: unit((10px / @font-size), em);\n\n // Add a gap between the label helper and label heading\n .a-label_helper__block {\n margin-top: unit((10px / @base-font-size-px), rem);\n }\n }\n}\n",".a-legend {\n .h4();\n\n // Legends do not wrap in IE.\n // Different styles are required to ensure wrapping in different versions.\n box-sizing: border-box; // IE9-11 & Edge 12-13\n display: table; // IE8-11\n max-width: 100%; // Patch for IE9-11 & Edge 12-13\n white-space: normal; // IE8-11\n}\n",".u-range-track-styles() {\n height: unit((11px / @base-font-size-px), rem);\n width: 100%;\n background-color: @range-bg-track;\n border: 1px solid @range-border;\n border-radius: 8px;\n cursor: pointer;\n}\n\n.u-range-thumb-styles() {\n height: unit((45px / @base-font-size-px), rem);\n width: unit((45px / @base-font-size-px), rem);\n margin-top: unit((-18px / @base-font-size-px), rem);\n appearance: none;\n border: 1px solid @range-border;\n border-radius: 50%;\n background-color: @range-bg;\n cursor: pointer;\n}\n\n.u-range-thumb-focus-styles() {\n background-color: @range-bg__focused;\n border: 2px solid @range-border__focused;\n}\n\n.a-range {\n // Reset the browser's default styling.\n appearance: none;\n\n width: 100%;\n min-height: 49px;\n\n &::-webkit-slider-runnable-track {\n .u-range-track-styles();\n }\n &::-moz-range-track {\n .u-range-track-styles();\n }\n &::-webkit-slider-thumb {\n .u-range-thumb-styles();\n }\n &::-moz-range-thumb {\n .u-range-thumb-styles();\n }\n &:focus,\n &.focus {\n box-shadow: none;\n outline: none;\n\n &::-webkit-slider-thumb {\n .u-range-thumb-focus-styles();\n }\n &::-moz-range-thumb {\n .u-range-thumb-focus-styles();\n }\n }\n}\n","// Import external dependencies\n@import (reference) '@cfpb/cfpb-icons/src/cfpb-icons.less';\n\n.a-select {\n position: relative;\n border: 1px solid @select-border;\n\n select {\n width: 100%;\n line-height: @base-line-height;\n padding: unit((7px / @base-font-size-px), em)\n unit((6px / @base-font-size-px), em) unit((6px / @base-font-size-px), em);\n border: 0;\n appearance: none;\n background-color: @input-bg;\n border-radius: 0;\n color: @text;\n\n &:hover,\n &.hover {\n outline: 2px solid @input-border__hover;\n outline-offset: 0;\n }\n\n &:active,\n &:focus,\n &.focus {\n box-shadow: 0 0 0 2px @input-border__focused;\n outline: 1px dotted @input-border__focused;\n\n // The outline-offset property is not supported everywhere (e.g. IE)\n // but it adds a nice touch in browsers where it is.\n outline-offset: 3px;\n }\n }\n\n select[disabled] {\n color: @select-text__disabled;\n background-color: @input-bg__disabled;\n cursor: not-allowed;\n\n &:hover,\n &.hover,\n &:focus,\n &.focus {\n outline: none;\n }\n }\n\n select[disabled] option,\n select[disabled] option:disabled,\n select option:disabled {\n color: @select-text__disabled;\n }\n\n &::after {\n // Arrow box width must be odd size to properly center the bg image\n width: unit((@select-height / @base-font-size-px), em);\n box-sizing: border-box;\n border-left: 1px solid @select-border;\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n background-color: @select-icon-bg;\n .u-svg-inline-bg( 'down' );\n\n background-size: auto @cf-icon-height;\n background-repeat: no-repeat;\n background-position: center center;\n content: '';\n pointer-events: none;\n }\n\n // Correctly lighten the down arrow when a-select__disabled is present.\n // Unfortunately, we can't target this to apply when only\n // the select[disabled] is present and need the additional class.\n &__disabled::after {\n .u-svg-inline-bg( 'down', true );\n }\n}\n",".a-text-input {\n // Reset the browser's default styling.\n appearance: none;\n display: inline-block;\n padding: unit((7px / @base-font-size-px), em);\n border: 1px solid @input-border;\n background: @input-bg;\n color: @input-text;\n\n &:hover,\n &.hover {\n border-color: @input-border__hover;\n outline: 1px solid @input-border__hover;\n }\n\n &:focus,\n &.focus {\n border-color: @input-border__focused;\n box-shadow: 0 0 0 1px @input-border__focused;\n outline: 1px dotted @input-border__focused;\n\n // The outline-offset property is not supported everywhere (e.g. IE)\n // but it adds a nice touch in browsers where it is.\n outline-offset: 2px;\n }\n\n &:disabled {\n &,\n &:hover,\n &.hover,\n &:focus,\n &.focus {\n color: @input-text__disabled;\n background-color: @input-bg__disabled;\n cursor: not-allowed;\n\n // Cancel the hover and focus states.\n border-color: @input-border;\n outline: none;\n }\n }\n\n &__error {\n border-color: @input-border__error;\n outline: 1px solid @input-border__error;\n &:focus,\n &.focus {\n border-color: @input-border__error;\n box-shadow: 0 0 0 1px @input-border__error;\n outline: 1px dotted @input-border__error;\n }\n }\n\n &__warning {\n border-color: @input-border__warning;\n outline: 1px solid @input-border__warning;\n &:focus,\n &.focus {\n border-color: @input-border__warning;\n box-shadow: 0 0 0 1px @input-border__warning;\n outline: 1px dotted @input-border__warning;\n }\n }\n\n &__success {\n border-color: @input-border__success;\n outline: 1px solid @input-border__success;\n &:focus,\n &.focus {\n border-color: @input-border__success;\n box-shadow: 0 0 0 1px @input-border__success;\n outline: 1px dotted @input-border__success;\n }\n }\n}\n\n// Overrides extra left padding.\n// http://stackoverflow.com/questions/11127891/how-can-i-get-rid-of-horizontal-padding-or-indent-in-html5-search-inputs-in-webk\n::-webkit-search-decoration {\n appearance: none;\n}\n\n// Change place holder text to dark gray (#43484e).\n::placeholder {\n color: @input-text__placeholder;\n}\n\n// Force placeholder text color change for \"date\" field type.\ninput[type='date']::-webkit-datetime-edit {\n color: @input-text__placeholder;\n}\n","// TODO: Consider adding a pseudo elem to the input wrapper that can fade out\n// the text as it intersects the button\n\n.m-btn-inside-input {\n position: relative;\n\n .a-text-input {\n box-sizing: border-box;\n // Magic number padding to give the icon clear space\n padding-right: unit(((@btn-h-padding * 2 + 11px) / @btn-font-size), em);\n width: 100%;\n }\n\n .a-btn {\n .u-link__no-border();\n\n position: absolute;\n // Set the right and top distances to match typical button padding.\n right: unit((@btn-h-padding / @btn-font-size), em);\n top: unit((@btn-v-padding / @btn-font-size), em);\n color: var(--gray-80);\n\n &:hover {\n color: var(--black);\n }\n\n .no-js & {\n display: none;\n }\n }\n}\n",".m-form-field {\n .a-text-input__full {\n box-sizing: border-box;\n width: 100%;\n }\n\n .a-label + .a-text-input {\n margin-top: unit((5px / @base-font-size-px), em);\n }\n\n &__checkbox,\n &__radio {\n .a-label {\n // We need to turn off autoprefixing for the inline-grid because\n // IE does not handle an inline-grid like other browsers,\n // leading to an extremely narrow column of text for the label\n // and the checkbox or radio widget covering the first part of it.\n // The Autoprefixer control comment below ensures that the following\n // property is only picked up by browsers with standard support.\n // The exclamation mark is necessary for Less to preserve the\n // comment so that Autoprefixer will see it.\n\n /*! autoprefixer: ignore next */\n display: inline-grid;\n // 30px is width of checkbox/radio button plus the needed padding.\n grid-template-columns: unit((30px / @base-font-size-px), em) auto;\n vertical-align: top;\n cursor: pointer;\n // Wrap long words in narrow form fields to prevent clipping\n overflow-wrap: anywhere;\n\n &::before {\n display: inline-block;\n grid-row-start: 1;\n grid-row-end: 3;\n border: 1px solid @form-field-input-border;\n height: unit((18px / @base-font-size-px), em);\n width: unit((18px / @base-font-size-px), em);\n margin-right: 10px;\n background-color: @input-bg;\n content: '';\n vertical-align: top;\n\n // Offset so that the checkbox/radio fits within focused area.\n position: relative;\n top: 1px;\n left: 1px;\n }\n\n &:hover::before,\n &.hover::before {\n border-color: @input-border__hover;\n }\n }\n\n // Ensure the helper text appears on its own line below the label.\n .a-label_helper {\n display: block;\n }\n\n .a-checkbox,\n .a-radio {\n .u-visually-hidden();\n\n &:focus + .a-label,\n &.focus + .a-label {\n outline: 1px dotted @input-border__focused;\n // The outline-offset property is not supported in IE.\n outline-offset: 1px;\n }\n\n &:disabled {\n &:checked + .a-label::before,\n &:focus + .a-label::before,\n &.focus + .a-label::before,\n &:hover + .a-label::before,\n &.hover + .a-label::before {\n border-color: @input-border;\n outline: none;\n box-shadow: none; // Applies only to radio buttons.\n }\n\n & + .a-label {\n cursor: not-allowed;\n color: @input-text__disabled;\n\n &::before {\n background: @input-bg__disabled;\n border-color: @form-field-input-border__disabled;\n }\n }\n }\n }\n }\n\n &__checkbox {\n .a-checkbox {\n &:focus + .a-label::before,\n &.focus + .a-label::before {\n border-color: @input-border__focused;\n box-shadow: 0 0 0 1px @input-border__focused;\n }\n\n &:hover + .a-label::before,\n &.hover + .a-label::before {\n border-color: @input-border__hover;\n box-shadow: 0 0 0 1px @input-border__hover;\n }\n\n &:checked + .a-label::before {\n .u-svg-inline-bg( 'approved' );\n\n background-size: auto @cf-icon-height;\n background-repeat: no-repeat;\n background-position: center 0;\n }\n &:disabled:checked + .a-label::before {\n // rgb values are CFPB gray-40.\n // For some reason SVG isn't accepting hex values for the fill.\n .u-svg-inline-bg( 'approved', true );\n }\n }\n\n &__error {\n .a-label {\n &::before {\n border-color: @input-border__error;\n outline: 1px solid @input-border__error;\n }\n\n &:hover::before,\n &.hover::before {\n border-color: @input-border__hover;\n outline-color: @input-border__hover;\n }\n }\n\n .a-checkbox {\n &:hover + .a-label::before,\n &.hover + .a-label::before {\n border-color: @input-border__hover;\n outline-color: @input-border__hover;\n }\n\n &:focus + .a-label::before,\n &.focus + .a-label::before {\n border-color: @input-border__error;\n box-shadow: 0 0 0 1px @input-border__error;\n outline-color: @input-border__error;\n }\n\n &:focus + .a-label,\n &.focus + .a-label {\n outline: 1px dotted @input-border__error;\n outline-offset: 1px;\n }\n }\n }\n\n &__warning {\n .a-label {\n &::before {\n border-color: @input-border__warning;\n outline: 1px solid @input-border__warning;\n }\n\n &:hover::before,\n &.hover::before {\n border-color: @input-border__hover;\n outline-color: @input-border__hover;\n }\n }\n\n .a-checkbox {\n &:hover + .a-label::before,\n &.hover + .a-label::before {\n border-color: @input-border__hover;\n outline-color: @input-border__hover;\n }\n\n &:focus + .a-label::before,\n &.focus + .a-label::before {\n border-color: @input-border__warning;\n box-shadow: 0 0 0 1px @input-border__warning;\n outline-color: @input-border__warning;\n }\n\n &:focus + .a-label,\n &.focus + .a-label {\n outline: 1px dotted @input-border__warning;\n outline-offset: 1px;\n }\n }\n }\n\n &__success {\n .a-label {\n &::before {\n border-color: @input-border__success;\n outline: 1px solid @input-border__success;\n }\n\n &:hover::before,\n &.hover::before {\n border-color: @input-border__hover;\n outline-color: @input-border__hover;\n }\n }\n\n .a-checkbox {\n &:hover + .a-label::before,\n &.hover + .a-label::before {\n border-color: @input-border__hover;\n outline-color: @input-border__hover;\n }\n\n &:focus + .a-label::before,\n &.focus + .a-label::before {\n border-color: @input-border__success;\n box-shadow: 0 0 0 1px @input-border__success;\n outline-color: @input-border__success;\n }\n\n &:focus + .a-label,\n &.focus + .a-label {\n outline: 1px dotted @input-border__success;\n outline-offset: 1px;\n }\n }\n }\n }\n\n &__radio {\n .a-label {\n &::before {\n border-radius: 50%;\n\n /* The rotate is needed to fix a bug in Firefox where radio\n button was not centered. */\n transform: rotate(0deg);\n }\n }\n\n .a-radio {\n &:focus + .a-label::before,\n &.focus + .a-label::before {\n outline: none;\n border-color: @input-border__focused;\n box-shadow: 0 0 0 1px @input-border__focused;\n }\n\n &:hover + .a-label::before,\n &.hover + .a-label::before {\n outline: none;\n border-color: @input-border__hover;\n box-shadow: 0 0 0 1px @input-border__hover;\n }\n\n &:checked + .a-label::before {\n background-color: @input-bg__selected;\n box-shadow: inset 0 0 0 2px @form-field-inset;\n }\n\n &:checked:disabled + .a-label::before {\n background-color: @input-bg__disabled-selected;\n box-shadow: inset 0 0 0 2px @input-bg__disabled;\n }\n\n &:focus:checked + .a-label::before,\n &.focus:checked + .a-label::before {\n border-color: @input-border__focused;\n box-shadow:\n 0 0 0 1px @input-border__focused,\n inset 0 0 0 2px @form-field-inset;\n }\n\n &:hover:checked + .a-label::before,\n &.hover:checked + .a-label::before {\n border-color: @input-border__hover;\n box-shadow:\n 0 0 0 1px @input-border__hover,\n inset 0 0 0 2px @form-field-inset;\n }\n }\n }\n\n &__lg-target {\n display: block;\n\n .a-label {\n box-sizing: border-box;\n width: 100%;\n padding: 15px;\n background-color: @form-field-input-lg-target-bg;\n }\n\n .a-checkbox,\n .a-radio {\n &:checked + .a-label {\n background-color: @form-field-input-lg-target-bg__selected;\n box-shadow: inset 0 0 0 1px @form-field-input-lg-target-border;\n }\n\n &:hover + .a-label,\n &.hover + .a-label,\n &:focus + .a-label,\n &.focus + .a-label {\n box-shadow: inset 0 0 0 2px @form-field-input-lg-target-border;\n }\n\n &:focus + .a-label,\n &.focus + .a-label,\n &:checked + .a-label {\n // The outline-offset property is not supported in IE.\n outline-offset: 1px;\n }\n\n &:disabled + .a-label,\n &:checked:disabled + .a-label,\n &:hover:disabled + .a-label {\n color: @input-text__disabled;\n box-shadow: none;\n background-color: @form-field-input-lg-target-bg__disabled;\n }\n\n &:checked:disabled + .a-label {\n &,\n &::before {\n border: 1px solid @form-field-input-border__disabled;\n }\n }\n }\n }\n\n // TODO: The same top margin is applied to field-level errors for input-\n // with-button forms in organisms/form.less; we should find a way to merge\n // these to be less repetitive.\n .a-form-alert {\n margin-top: unit((@grid_gutter-width / 2 / @base-font-size-px), em);\n }\n}\n",".o-form {\n &_group {\n margin-bottom: unit((30px / @base-font-size-px), em);\n }\n\n &_fieldset {\n // Overwrite Normalize.\n border: none;\n margin: 0;\n padding: 0;\n\n .m-form-field + .m-form-field {\n margin-top: unit((10px / @base-font-size-px), em);\n }\n }\n\n //\n // Input with button\n //\n\n &__input-w-btn {\n .respond-to-min( 480px, {\n .grid_nested-col-group();\n });\n\n &_input-container {\n margin-bottom: unit((15px / @base-font-size-px), em);\n\n .respond-to-min( 480px, {\n .grid_column( 9 );\n\n border-right-width: 0;\n });\n\n .a-text-input {\n box-sizing: border-box;\n width: 100%;\n }\n\n // TODO: The same top margin is applied to field-level errors for\n // regular forms in molecules/form-fields.less; we should find a way\n // to merge these to be less repetitive.\n .a-form-alert {\n margin-top: unit((@grid_gutter-width / 2 / @base-font-size-px), em);\n }\n }\n\n &_btn-container {\n margin-bottom: unit((15px / @base-font-size-px), em);\n\n .a-btn {\n width: 100%;\n }\n\n .respond-to-min( 480px, {\n .grid_column( 3 );\n border-left: 0;\n .a-btn {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n }\n });\n }\n }\n}\n","/* ==========================================================================\n Design System\n Grid mixins\n ========================================================================== */\n\n//\n// Less variables\n//\n\n@grid_wrapper-width: 1230px;\n@grid_gutter-width: 30px;\n@grid_total-columns: 12;\n@grid_debug: false;\n\n//\n// Wrapper\n//\n\n.grid_wrapper( @grid_wrapper-width: @grid_wrapper-width ) {\n max-width: (@grid_wrapper-width - @grid_gutter-width);\n padding-right: (@grid_gutter-width / 2);\n padding-left: (@grid_gutter-width / 2);\n margin: 0 auto;\n clear: both;\n}\n\n//\n// Columns\n//\n\n.grid_column( @columns: 1; @total: @grid_total-columns; @prefix: 0; @suffix: 0 ) {\n display: inline-block;\n box-sizing: border-box;\n\n // To calculate the percentage width of the base element, we take the number of\n // columns it'll span and divide by the total number of columns. As columns are\n // specified as inline-block elements, standard columns require no further math.\n //\n // num cols used\n // column width in % = -------------\n // total cols\n\n @width: percentage((@columns / @total));\n\n border: solid transparent;\n border-width: 0 (@grid_gutter-width / 2);\n\n // Remove whitespace caused by setting display to inline-block\n margin-right: -0.25em;\n vertical-align: top;\n\n // Modifying standard width and padding for prefixed/suffixed columns, if necessary:\n // LESS will now run through four possible child mixins, only one of which will\n // actually be activated, depending on which one's guard conditions are met.\n // At some point, consider how to modularize the prefix-suffix functionality and\n // keep it optional.\n\n .nonPrefixSuffix( @prefix, @suffix );\n .prefix( @prefix, @suffix );\n .suffix( @suffix, @prefix );\n .prefixSuffix( @prefix, @suffix );\n\n // Child mixins\n\n // Run this when neither prefix nor suffix are specified\n // prettier-ignore\n .nonPrefixSuffix( @prefix: 0; @suffix: 0 ) when ( @prefix = 0 ) and ( @suffix = 0 ) {\n width: @width;\n }\n\n // Run this when only prefix is specified\n .prefix( @prefix: 0; @suffix: 0 ) when ( @prefix > 0 ) and ( @suffix = 0 ) {\n @offset: percentage((@prefix / @total));\n\n width: @width + @offset;\n padding-left: @offset;\n }\n\n // Run this when only suffix is specified\n .suffix( @suffix: 0; @prefix: 0 ) when ( @suffix > 0 ) and ( @prefix = 0 ) {\n @offset: percentage((@suffix / @total));\n\n width: @width + @offset;\n padding-right: @offset;\n }\n\n // Run this when both prefix and suffix are specified\n // prettier-ignore\n .prefixSuffix( @prefix: 0; @suffix: 0 ) when ( @prefix > 0 ) and ( @suffix > 0 ) {\n @left: percentage( ( @prefix / @total ) );\n @right: percentage( ( @suffix / @total ) );\n\n width: @width + @left + @right;\n padding-right: @right;\n padding-left: @left;\n }\n}\n\n// prettier-ignore\n.grid_column( @columns; @total: @grid_total-columns; @prefix: 0; @suffix: 0; ) when ( @grid_debug ) {\n border-left-color: #ffb149;\n border-left-color: fade( #ff9e1b, 25% );\n border-right-color: #ffb149;\n border-right-color: fade( #ff9e1b, 25% );\n background-color: #f6d9d3;\n background-color: fade( #d12124, 20% );\n\n &::before,\n &::after {\n content: '';\n display: block;\n width: 100%;\n height: @grid_gutter-width * 0.25;\n background-color: #da6750;\n background-color: fade( #da6750, 75% );\n }\n\n &::before {\n margin-bottom: @grid_gutter-width * 0.25;\n }\n\n &::after {\n margin-top: @grid_gutter-width * 0.25;\n }\n}\n\n//\n// Push and Pull mixins for source ordering\n//\n\n.grid_push( @offset: 1, @grid_total-columns: @grid_total-columns ) {\n @push: percentage((@offset / @grid_total-columns));\n\n position: relative;\n left: @push;\n}\n\n.grid_pull( @offset: 1, @grid_total-columns: @grid_total-columns ) {\n @pull: percentage((@offset / @grid_total-columns));\n\n position: relative;\n right: @pull;\n}\n\n//\n// Nested columns\n//\n\n.grid_nested-col-group() {\n display: block;\n position: relative;\n margin-left: (@grid_gutter-width / 2) * -1;\n margin-right: (@grid_gutter-width / 2) * -1;\n}\n","// Initial and no-js state.\nselect.o-multiselect {\n display: block;\n box-sizing: border-box;\n width: 100%;\n padding: unit((7px / @base-font-size-px), em);\n\n // Fixed height breaks the bottom border\n // mid-character to indicate there's more content.\n height: 5.5em;\n padding-top: unit((4px / @base-font-size-px), em);\n padding-bottom: unit((4px / @base-font-size-px), em);\n border: 1px solid @select-border;\n\n option {\n padding: unit((2px / @base-font-size-px), em)\n unit((6px / @base-font-size-px), em);\n }\n}\n\n.o-multiselect {\n position: relative;\n\n &_header {\n position: relative;\n\n &::after {\n // Arrow box width must be odd size to properly center the bg image\n width: unit((@select-height / @base-font-size-px), em);\n box-sizing: border-box;\n border-left: 1px solid @select-border;\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n background-color: @select-icon-bg;\n .u-svg-inline-bg( 'down' );\n\n background-size: auto @cf-icon-height;\n background-repeat: no-repeat;\n background-position: center center;\n border: 1px solid @input-border;\n content: '';\n pointer-events: none;\n }\n }\n\n &_search[type='text'] {\n display: block;\n\n box-sizing: border-box;\n width: 100%;\n }\n\n &_fieldset {\n // Resets\n border-color: @input-border;\n border-top: none;\n margin: 0;\n padding: 0;\n\n // Styles\n box-sizing: border-box;\n overflow-x: hidden;\n overflow-y: scroll;\n position: absolute;\n z-index: 10;\n\n max-height: 0;\n margin-top: -1px;\n width: 100%;\n\n transition: max-height 0.25s ease-out;\n }\n\n &.u-active {\n .o-multiselect_fieldset {\n margin-top: 0;\n // This needs to match the value set in _bindEvents in Multiselect.js.\n // See https://github.com/cfpb/design-system/blob/4d26d5af04317bcc00b4677aa866fe8d526e82e0/packages/cfpb-forms/src/organisms/Multiselect.js#L340\n max-height: 140px;\n\n border-color: var(--pacific);\n border-width: 2px;\n border-top: 0;\n }\n\n // Reverse arrow when search drop-down is open.\n .o-multiselect_header::after {\n .u-svg-inline-bg( 'up' );\n }\n }\n\n &_options {\n list-style-type: none;\n background-color: var(--white);\n padding: 0;\n\n li {\n margin: 0;\n }\n\n li:first-child {\n .a-label {\n padding-top: unit((10px / @base-font-size-px), em);\n }\n }\n\n &.u-filtered li:not(.u-filter-match) {\n display: none;\n }\n\n &.u-no-results,\n &.u-max-selections {\n li {\n display: none;\n }\n\n &::after {\n display: list-item;\n }\n }\n\n &.u-no-results::after {\n content: 'No results found';\n }\n\n &.u-max-selections {\n padding: unit((10px / @base-font-size-px), em);\n pointer-events: none;\n\n &::after {\n content: 'Reached maximum number of selections';\n }\n }\n\n .a-label {\n box-sizing: border-box;\n padding-top: unit((5px / @base-font-size-px), em);\n padding-right: 0;\n padding-bottom: unit((5px / @base-font-size-px), em);\n padding-left: unit((10px / @base-font-size-px), em);\n width: 100%;\n }\n }\n\n &_choices {\n padding-left: 0;\n // The following is required to make side-by-side LI\n // have a space between them.\n margin-right: unit((-10px / @base-font-size-px), em);\n margin-bottom: 0;\n\n li {\n display: inline-block;\n\n // The following is required to make side-by-side LI\n // have a space between them.\n margin-right: unit((10px / @base-font-size-px), em);\n }\n\n li:last-child {\n margin-bottom: unit((10px / @base-font-size-px), em);\n }\n\n button {\n border: none;\n background: none;\n padding: 0;\n text-align: left;\n\n &:focus {\n border-radius: unit((3px / @size-v), em);\n outline: 1px dotted var(--teal);\n outline-offset: 1px;\n\n label {\n background-color: var(--teal-20);\n }\n }\n\n &:hover label {\n background-color: var(--teal-40);\n }\n\n &:active label {\n background-color: var(--teal-60);\n }\n }\n\n label {\n display: inline-block;\n padding: 4px 10px;\n padding-right: 25px;\n\n background-color: var(--teal-20);\n border-radius: unit((3px / @size-v), em);\n border: 1px solid var(--teal);\n color: var(--black);\n cursor: pointer;\n font-size: unit((16px / @base-font-size-px), em);\n position: relative;\n\n &:hover {\n background-color: var(--teal-40);\n\n &::after {\n color: var(--white);\n }\n }\n\n .cf-icon-svg {\n position: absolute;\n top: 4px;\n right: 5px;\n margin-left: 10px;\n fill: var(--black);\n }\n }\n }\n}\n","// @c = default state.\n// @v = `:visited` state.\n// @h = `:hover` state.\n// @f = `:focus` state.\n// @a = `:active` state.\n.u-link-card__colors( @c, @v, @h, @f, @a ) {\n .m-card_footer > span {\n display: inline;\n border-width: 0;\n border-bottom-width: 1px;\n border-color: @c;\n border-style: dotted;\n font-weight: 500;\n color: @c;\n text-decoration: none;\n }\n\n & > a:visited .m-card_footer > span {\n border-color: @v;\n color: @v;\n }\n\n // Border changes on the regular cards happen on the top-level `article`\n // element, so for consistency we trigger the hover styles on the parent\n // instead of on the link. This differs from the visited, focus,\n // and active states, which add styles onto the link.\n &:hover .m-card_footer > span {\n border-style: solid;\n border-color: @h;\n color: @h;\n }\n\n & > a:focus .m-card_footer > span {\n border-color: @f;\n color: @f;\n }\n\n & > a:active .m-card_footer > span {\n border-color: @a;\n border-style: solid;\n color: @a;\n }\n}\n\n.u-card-bottom-bar() {\n // Bottom green hover bar.\n &::after {\n content: '';\n position: absolute;\n left: 0;\n bottom: 1px;\n height: 5px;\n width: 100%;\n background: var(--green);\n }\n}\n\n.m-card {\n position: relative;\n\n &:not(.m-card__breakout) {\n & > a {\n padding: unit((@grid_gutter-width / @base-font-size-px), em);\n }\n\n .m-card_footer {\n margin-top: auto;\n }\n }\n\n &: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: unit((@grid_gutter-width / @base-font-size-px), em);\n }\n\n &:not(.m-card__breakout, .m-card__topic),\n & > 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\n & a:focus {\n outline-offset: 2px;\n }\n\n &_footer > a {\n font-weight: 500;\n border-bottom-width: 1px;\n }\n\n // Shrink heading at smaller screen sizes.\n &_heading {\n .respond-to-max(@bp-med-min, {\n .h3();\n });\n }\n\n // Regular cards.\n &_heading > a {\n color: var(--black);\n\n &:hover {\n color: var(--pacific);\n }\n\n & .m-card_icon {\n font-size: 1em;\n margin-bottom: 0;\n padding-right: unit((7.5px / @base-font-size-px), em);\n }\n\n & .m-card_icon,\n & span {\n display: table-cell;\n }\n }\n\n & > .m-list {\n margin-top: 10px;\n margin-bottom: 30px;\n }\n\n // Topic cards.\n &__topic {\n text-align: center;\n width: 170px;\n background: var(--white);\n\n & > a {\n border: 1px solid var(--gray-20);\n border-bottom-width: 3px;\n }\n\n .m-card_icon {\n font-size: unit((30px / @base-font-size-px), em);\n color: var(--green);\n margin-bottom: unit((5px / @base-font-size-px), em);\n }\n\n &:hover {\n > a {\n box-shadow:\n 0 2px 0 0 inset var(--gray-20),\n 2px 0 0 0 inset var(--gray-20),\n -2px 0 0 0 inset var(--gray-20);\n }\n\n .u-card-bottom-bar();\n }\n\n // Arguments: default, `:visited`, `:hover`, `:focus`, and `:active` states.\n .u-link-card__colors( var(--pacific), var(--teal), var(--pacific-dark), var(--pacific-dark), var(--pacific-dark) );\n }\n\n &__topic-action {\n .m-card_icon {\n color: var(--pacific);\n }\n }\n\n // Breakout cards.\n @card_img_width: 210px;\n @card_img_height: 120px;\n &__breakout {\n min-width: 210px;\n text-align: center;\n\n // Provide padding offset set to half the image height.\n > a {\n padding-top: (@card_img_height / 2);\n }\n\n .m-card_inner-wrapper {\n position: relative;\n z-index: 0;\n min-height: (@card_img_height + (@grid_gutter-width / 2));\n\n background: var(--gray-5);\n border: 1px solid var(--gray-20);\n border-bottom-width: 3px;\n }\n\n .m-card_img {\n position: absolute;\n z-index: 1;\n top: 0;\n left: 50%;\n width: @card_img_width;\n height: @card_img_height;\n\n // Match half of image width.\n margin-left: -(@card_img_width / 2);\n }\n\n .m-card_footer {\n // Subtract 6px to accommodate heading-3 size.\n margin-top: (@card_img_height / 2) + @grid_gutter-width - 6px;\n }\n\n &:hover {\n .m-card_inner-wrapper {\n box-shadow:\n 0 2px 0 0 inset var(--gray-20),\n 2px 0 0 0 inset var(--gray-20),\n -2px 0 0 0 inset var(--gray-20);\n }\n\n .u-card-bottom-bar();\n }\n\n // Arguments: default, `:visited`, `:hover`, `:focus`, and `:active` states.\n .u-link-card__colors( var(--pacific), var(--teal), var(--pacific-dark), var(--pacific), var(--navy) );\n\n // Breakout cards have larger links.\n .m-card_footer > span {\n .heading-3();\n }\n }\n}\n","// Hero variables\n\n@hero-desktop-height: 285px;\n\n// Hero molecule\n\n.m-hero {\n background-color: var(--gray-5);\n\n &_wrapper {\n display: grid;\n max-width: (@grid_wrapper-width - @grid_gutter-width);\n margin: 0 auto;\n padding-top: @grid_gutter-width;\n padding-bottom: @grid_gutter-width;\n }\n\n &_text {\n padding-right: (@grid_gutter-width / 2);\n padding-left: (@grid_gutter-width / 2);\n }\n\n &_heading {\n .heading-1();\n }\n\n &_subhead {\n // Not using the `.heading-3()` mixin here because we want the weight\n // to remain Regular on smaller screens.\n font-size: @size-iii;\n line-height: 1.25;\n }\n\n &_image-wrapper {\n box-sizing: border-box;\n overflow: hidden;\n }\n\n &_image {\n background-position: center;\n background-repeat: no-repeat;\n background-size: contain;\n\n width: 100%;\n\n // Progressive enhancement for legacy browsers.\n // Instead of writing fallbacks for the behavior of each type of\n // hero image, we hide the hero image in legacy browsers.\n display: none;\n\n @supports (display: grid) {\n display: block;\n }\n }\n\n &__knockout {\n background-color: var(--gray);\n color: var(--white);\n }\n\n &__overlay {\n .m-hero_wrapper {\n background-position: center;\n background-repeat: no-repeat;\n background-size: cover;\n }\n }\n\n &__jumbo,\n &__50-50 {\n background-color: var(--white);\n\n .u-jumbo-text();\n }\n}\n\n// Mobile only.\n.respond-to-max( @bp-xs-max, {\n .m-hero {\n &_image-wrapper {\n margin-top: unit( ( @grid_gutter-width / @base-font-size-px ), em );\n }\n\n &__overlay {\n .m-hero_wrapper {\n // Overwrite the image that is set in the markup because\n // we are showing the image container below instead.\n background-image: none !important;\n }\n }\n\n &__jumbo {\n .m-hero_wrapper {\n // Keep hero image flush with container on mobile\n padding-bottom: 0;\n }\n }\n }\n} );\n\n// Tablet and below.\n.respond-to-max( @bp-sm-max, {\n .m-hero {\n &_heading {\n .heading-2();\n }\n\n &_subhead {\n font-size: @size-iv;\n }\n }\n} );\n\n// Tablet and above.\n.respond-to-min( @bp-sm-min, {\n .m-hero {\n &_wrapper {\n grid-template-columns: 7fr 5fr;\n padding-right: ( @grid_gutter-width / 2);\n padding-left: ( @grid_gutter-width / 2);\n\n min-height: @hero-desktop-height - ( @grid_gutter-width * 2 );\n }\n\n &_text {\n margin: auto;\n }\n\n &_image-wrapper {\n padding-right: ( @grid_gutter-width / 2 );\n padding-left: ( @grid_gutter-width / 2 );\n\n // Vertically center hero images\n display: flex;\n align-items: center;\n }\n\n &__bleeding {\n .m-hero_image-wrapper {\n width: 100%;\n margin-top: unit( ( @grid_gutter-width / @base-font-size-px ), em ) * -1;\n margin-bottom: unit( ( @grid_gutter-width / @base-font-size-px ), em ) * -1;\n }\n\n .m-hero_image {\n // Remove the flexible container padding so that the image is a consistent width.\n padding-bottom: 0 !important;\n height: 100%;\n width: 100%;\n background-size: cover;\n }\n }\n\n &__overlay {\n .m-hero_image {\n display: none;\n }\n }\n\n &__jumbo {\n .m-hero_wrapper {\n background-position: 50%;\n background-repeat: no-repeat;\n background-size: cover;\n }\n\n .m-hero_image {\n display: none;\n }\n }\n\n &__50-50 {\n .m-hero_wrapper {\n grid-template-columns: 1fr 1fr;\n\n border: 1px solid var(--gray-40);\n border-top: none;\n // Position the hero image all the way to the right\n background-position: 100% center;\n background-repeat: no-repeat;\n background-size: 50%;\n }\n\n .m-hero_image {\n display: none;\n }\n }\n }\n});\n\n// Large desktop.\n.respond-to-min( @bp-lg-min, {\n .m-hero {\n &_wrapper {\n padding-top: unit( ( ( @grid_gutter-width * 1.5 ) / @base-font-size-px ), em );\n padding-bottom: unit( ( ( @grid_gutter-width * 1.5 ) / @base-font-size-px ), em );\n min-height: @hero-desktop-height - ( ( @grid_gutter-width * 1.5 ) * 2 );\n }\n\n &__bleeding {\n .m-hero_image-wrapper {\n margin-top: unit( ( ( @grid_gutter-width * 1.5 ) / @base-font-size-px ), em ) * -1;\n margin-bottom: unit( ( ( @grid_gutter-width * 1.5 ) / @base-font-size-px ), em ) * -1;\n }\n }\n\n &__50-50 {\n .m-hero_wrapper {\n // Enlarge the 50/50 height on large screens to maximize the image size\n min-height: @hero-desktop-height + ( @grid_gutter-width * 2 );\n }\n }\n }\n} );\n\n// Jumbo hero text mixin.\n.u-jumbo-text() {\n .m-hero_subhead {\n .lead-paragraph();\n }\n\n // Tablet and above.\n .respond-to-min( @bp-sm-min, {\n .m-hero_subhead {\n .heading-3();\n }\n } );\n\n // Large desktop.\n .respond-to-min( @bp-lg-min, {\n .m-hero_wrapper {\n min-height: @hero-desktop-height;\n }\n .m-hero_heading {\n .superheading();\n }\n .m-hero_subhead {\n .heading-2();\n font-weight:400;\n }\n } );\n}\n","// Grid-based \"column\" card group layouts.\n.o-card-group {\n > h2 {\n margin-bottom: unit((30px / @base-font-size-px), rem);\n }\n\n &__column-2 &_cards {\n grid-template-columns: 1fr 1fr;\n }\n\n &__column-3 &_cards {\n grid-template-columns: repeat(3, minmax(0, 1fr));\n\n // Convert to 2-column layout at small screen sizes;\n .respond-to-max(@bp-lg-min, {\n grid-template-columns: 1fr 1fr;\n });\n }\n\n &_cards {\n display: grid;\n grid-column-gap: unit((20px / @base-font-size-px), em);\n grid-row-gap: unit((20px / @base-font-size-px), em);\n\n // Mobile only.\n .respond-to-max(@bp-xs-max, {\n // Make sure cards are stacked at mobile size.\n grid-template-columns: 100% !important;\n });\n }\n\n &__bg-green {\n padding: unit((30px / @base-font-size-px), em);\n background: var(--green-20);\n }\n}\n\n// Hack for Edge/IE to convert grid to a floated block layout.\n// See https://jeffclayton.wordpress.com/2015/04/07/css-hacks-for-windows-10-and-spartan-browser-preview/\n// Necessitated because of https://stackoverflow.com/questions/46743722/items-in-css-grid-in-ie-superimposed-on-each-other\n\n/* stylelint-disable selector-type-no-unknown */\n_:-ms-lang(x),\n.o-card-group_cards {\n display: block;\n\n .m-card {\n display: block;\n float: left;\n margin-bottom: 10px;\n }\n}\n\n_:-ms-lang(x),\n.o-card-group__column-2 {\n .o-card-group_cards .m-card {\n width: 48%;\n margin-right: 2%;\n }\n .o-card-group_cards .m-card:last-child {\n margin-right: 0;\n }\n}\n\n_:-ms-lang(x),\n.o-card-group__column-3 {\n .o-card-group_cards .m-card {\n width: 32%;\n margin-right: 1%;\n }\n .o-card-group_cards .m-card:last-child {\n margin-right: 0;\n }\n}\n\n_:-ms-lang(x),\n.o-card-group::after {\n content: '';\n display: table;\n clear: both;\n}\n/* stylelint-enable selector-type-no-unknown */\n\n/* stylelint-disable no-duplicate-selectors */\n// Grid-based \"count\" card group layouts.\n.o-card-group {\n /* stylelint-enable no-duplicate-selectors */\n // Name the card grid areas.\n &__count-2,\n &__count-3,\n &__count-4 {\n .m-card:nth-of-type(1) {\n grid-area: card1;\n }\n\n .m-card:nth-of-type(2) {\n grid-area: card2;\n }\n\n .m-card:nth-of-type(3) {\n grid-area: card3;\n }\n\n .m-card:nth-of-type(4) {\n grid-area: card4;\n }\n }\n\n &__count-2 &_cards {\n grid-template-columns: 1fr 1fr;\n grid-template-areas: 'card1 card2';\n }\n\n &__count-3 &_cards {\n grid-template-columns: 1fr 1fr;\n grid-template-areas:\n 'card1 card2'\n 'card1 card3';\n\n // We have to reach inside the m-card here unfortunately to\n // center the content of the first card and increase the heading.\n .m-card:nth-of-type(1) {\n h3 {\n .h2();\n }\n\n > a {\n justify-content: center;\n }\n }\n }\n\n &__count-4 &_cards {\n grid-template-columns: 1fr 1fr;\n grid-template-areas:\n 'card1 card2'\n 'card3 card4';\n }\n\n // Flexbox-based \"flow\" card group layout.\n &__flow {\n .o-card-group_cards {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n }\n }\n}\n\n// Tablet only.\n.respond-to-range(@bp-sm-min, @bp-sm-max, {\n .o-card-group {\n &__count-3 &_cards {\n grid-template-columns: 1fr 1fr;\n grid-template-areas:\n 'card1 card1'\n 'card2 card3';\n }\n }\n});\n\n// Mobile only.\n.respond-to-max(@bp-xs-max, {\n .o-card-group {\n &__count-2 &_cards {\n grid-template-columns: 1fr;\n grid-template-areas:\n 'card1'\n 'card2';\n }\n &__count-3 &_cards {\n grid-template-columns: 1fr;\n grid-template-areas:\n 'card1'\n 'card2'\n 'card3';\n }\n\n &__count-4 &_cards {\n grid-template-columns: 1fr;\n grid-template-areas:\n 'card1'\n 'card2'\n 'card3'\n 'card4';\n }\n\n &__flow {\n .o-card-group_cards {\n display: block;\n\n .m-card {\n width: 100%;\n margin-bottom: unit( ( @grid_gutter-width / @base-font-size-px ), em );\n }\n }\n }\n }\n});\n","// Featured Content Module variables\n@fcm-visual-width: 270px;\n@fcm-min-height: 220px;\n\n.o-featured-content-module {\n min-height: @fcm-min-height;\n position: relative;\n border: 1px solid var(--gray-40);\n background-color: var(--gray-5);\n\n &_text {\n padding-top: unit((@grid_gutter-width / @base-font-size-px), em);\n padding-bottom: unit((@grid_gutter-width / @base-font-size-px), em);\n }\n\n &_img {\n display: block;\n }\n\n // Mobile only.\n .respond-to-max(@bp-xs-max, {\n &_text {\n padding-right: unit( ( @grid_gutter-width / 2 / @base-font-size-px ), em );\n padding-left: unit( ( @grid_gutter-width / 2 / @base-font-size-px ), em );\n }\n\n &_visual {\n padding-right: unit( ( @grid_gutter-width / 2 / @base-font-size-px ), em );\n padding-bottom: unit( ( @grid_gutter-width / 2 / @base-font-size-px ), em );\n padding-left: unit( ( @grid_gutter-width / 2 / @base-font-size-px ), em );\n }\n\n &_img {\n margin-right: auto;\n margin-left: auto;\n }\n });\n\n // Tablet and above.\n .respond-to-min(@bp-sm-min, {\n &_text {\n padding-right: @fcm-visual-width + @grid_gutter-width;\n padding-left: unit( ( @grid_gutter-width / @base-font-size-px ), em );\n }\n\n &_visual {\n height: 100%;\n overflow: hidden;\n position: absolute;\n top: 0;\n right: 0;\n width: @fcm-visual-width;\n }\n\n &_img {\n max-width: none;\n height: 100%;\n position: absolute;\n\n // Center alignment.\n left: 50%;\n\n transform: translateX( -50% );\n }\n\n });\n\n // Modifiers\n &__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_visual {\n left: 0;\n right: initial;\n }\n\n .o-featured-content-module_text {\n // Tablet and above.\n .respond-to-min(@bp-sm-min, {\n padding-left: @fcm-visual-width + @grid_gutter-width;\n padding-right: unit( ( @grid_gutter-width / @base-font-size-px ), em );\n });\n }\n }\n}\n",".o-well {\n box-sizing: border-box;\n\n padding: unit((@grid_gutter-width / @base-font-size-px), em)\n unit((@grid_gutter-width / 2 / @base-font-size-px), em);\n border: 1px solid var(--gray-40);\n background-color: var(--gray-5);\n\n // Tablet and above.\n .respond-to-min(@bp-sm-min, {\n padding-left: unit( ( @grid_gutter-width / @base-font-size-px ), em );\n padding-right: unit( ( @grid_gutter-width / @base-font-size-px ), em );\n });\n}\n",".o-email-signup {\n .m-notification {\n margin-bottom: unit((@grid_gutter-width / 2 / @base-font-size-px), em);\n }\n\n .a-text-input {\n // Keep inputs in a wider layout to a reasonable width.\n // 370 = 4 columns at max grid width\n max-width: unit((370px / @base-font-size-px), rem);\n }\n\n &_buttons {\n display: flex;\n margin-top: unit((@grid_gutter-width / 2 / @base-font-size-px), em);\n align-items: center;\n flex-wrap: wrap-reverse;\n gap: unit((@grid_gutter-width / 2 / @base-font-size-px), em);\n }\n\n .a-btn {\n text-align: inherit;\n }\n\n // Mobile only.\n .respond-to-max(@bp-xs-max, {\n .a-label__heading {\n font-size: 1em;\n }\n });\n}\n",".o-text-introduction {\n margin-top: 0; // Top spacing should come from the layout container\n margin-bottom: 60px;\n\n // All direct children should be 15px apart\n & > * {\n margin-top: 0;\n margin-bottom: 15px;\n }\n}\n","// Import external dependencies\n@import (reference) '@cfpb/cfpb-core/src/cfpb-core.less';\n@import (reference) '@cfpb/cfpb-grid/src/cfpb-grid.less';\n\n//\n// Import Molecules\n//\n@import (less) 'molecules/card.less';\n@import (less) 'molecules/heroes.less';\n\n//\n// Import Organisms\n//\n@import (less) 'organisms/card-group.less';\n@import (less) 'organisms/featured-content-module.less';\n@import (less) 'organisms/wells.less';\n@import (less) 'organisms/email-signup.less';\n@import (less) 'organisms/text-introduction.less';\n\n/* ==========================================================================\n Design System\n Layout Helpers\n ========================================================================== */\n\n//\n// Theme variables\n//\n\n// Color variables\n\n// .block\n@block__bg: var(--gray-5);\n@block__border: var(--gray-40);\n@block__border-top: @block__border;\n@block__border-right: @block__border;\n@block__border-bottom: @block__border;\n@block__border-left: @block__border;\n\n// .content_main\n@content_main-border: @block__border;\n\n// .content_sidebar\n@content_sidebar-bg: @block__bg;\n@content_sidebar-border: @block__border;\n\n// .content_line\n@content_line: @block__border;\n\n//\n// Content layouts\n//\n\n.content-l {\n // Used to position __divider modifiers\n position: relative;\n\n // Tablet and above.\n .respond-to-min(@bp-sm-min, {\n .grid_nested-col-group();\n });\n}\n\n.content-l_col {\n // Mobile only.\n .respond-to-max(@bp-xs-max, {\n & + & {\n margin-top: unit( ( @grid_gutter-width / @base-font-size-px ), em );\n }\n });\n}\n\n// Tablet and above.\n.respond-to-min(@bp-sm-min, {\n .content-l_col-1 {\n .grid_column( 12 );\n }\n\n .content-l_col-1-2 {\n .grid_column( 6 );\n }\n\n .content-l_col-1-3 {\n .grid_column( 4 );\n }\n\n .content-l_col-2-3 {\n .grid_column( 8 );\n }\n\n .content-l_col-3-8 {\n .grid_column( 3, 8 );\n }\n\n .content-l_col-5-8 {\n .grid_column( 5, 8 );\n }\n\n .content-l_col-1-4 {\n .grid_column( 3 );\n }\n\n .content-l_col-3-4 {\n .grid_column( 9 );\n }\n});\n\n//\n// Content line\n//\n\n.content_line {\n height: 1px;\n background: @content_line;\n}\n\n//\n// Main content and sidebar\n//\n\n.content_wrapper {\n &:extend(.wrapper all);\n}\n\n.content_main,\n.content_intro {\n dd,\n dt,\n h3,\n h4,\n h5,\n h6,\n li,\n p,\n label {\n max-width: 41.875rem;\n }\n}\n\n.content_intro,\n.content_main,\n.content_sidebar {\n padding: unit((@grid_gutter-width / @base-font-size-px), em)\n unit((@grid_gutter-width / 2 / @base-font-size-px), em);\n\n // Tablet and above.\n .respond-to-min(@bp-sm-min, {\n .grid_column( 12 );\n\n padding:\n unit( ( ( @grid_gutter-width * 1.5 ) / @base-font-size-px ), em )\n unit( ( ( @grid_gutter-width / 2 ) / @base-font-size-px ), em );\n });\n\n // Desktop and above.\n .respond-to-min(@bp-med-min, {\n padding:\n unit( ( ( @grid_gutter-width * 1.5 ) / @base-font-size-px ), em )\n 0;\n });\n}\n\n// Desktop and above.\n.respond-to-min(@bp-med-min, {\n .content_intro {\n .grid_column( 12 );\n }\n});\n\n// Set up standard multi-column content area layouts.\n// Desktop and above.\n.respond-to-min(@bp-med-min, {\n .content {\n &__1-3 {\n .content_sidebar {\n .grid_column( 3 );\n\n padding-right: unit( ( @grid_gutter-width / @base-font-size-px ), em );\n }\n\n .content_main {\n .grid_column( 9 );\n position: relative;\n\n &:after {\n content: '';\n border-left: 1px solid @content_main-border;\n position: absolute;\n top: unit( ( ( @grid_gutter-width * 1.5 ) / @base-font-size-px ), em );\n bottom: 0;\n left: unit( ( (-1 * @grid_gutter-width) / @base-font-size-px ), em );\n }\n }\n }\n\n &__2-1 {\n .content_main {\n .grid_column( 8 );\n\n &:after {\n right: unit( ( (-1 * @grid_gutter-width) / @base-font-size-px ), em );\n }\n }\n\n .content_sidebar {\n .grid_column( 4 );\n\n padding-left: unit( ( @grid_gutter-width / @base-font-size-px ), em );\n }\n }\n }\n}); // END min-width 801 block\n\n.content__flush-bottom {\n padding-bottom: 0;\n}\n\n.content__flush-top-on-small {\n // Tablet and below.\n .respond-to-max(@bp-sm-max, {\n padding-top: 0;\n });\n}\n\n.content__flush-all-on-small {\n // Tablet and below.\n .respond-to-max(@bp-sm-max, {\n padding: 0;\n border: none;\n });\n}\n\n//\n// Block\n//\n\n.block {\n margin-top: unit(((@grid_gutter-width * 2) / @base-font-size-px), em);\n margin-bottom: unit(((@grid_gutter-width * 2) / @base-font-size-px), em);\n\n &__border-top {\n border-top: 1px solid @block__border-top;\n }\n\n &__border-right {\n border-right: 1px solid @block__border-right;\n }\n\n &__border-bottom {\n border-bottom: 1px solid @block__border-bottom;\n }\n\n &__border-left {\n border-left: 1px solid @block__border-left;\n }\n\n &__border {\n border: 1px solid @block__border;\n }\n\n &__flush-top {\n margin-top: 0 !important;\n\n &.block__border,\n &.block__border-top {\n border-top: none;\n }\n }\n\n &__flush-bottom {\n margin-bottom: 0 !important;\n\n &.block__border,\n &.block__border-bottom {\n border-bottom: none;\n }\n }\n\n &__flush-sides {\n margin-right: -(@grid_gutter-width / 2);\n margin-left: -(@grid_gutter-width / 2);\n\n // Mobile only.\n .respond-to-max(@bp-xs-max, {\n &.block__border,\n &.block__border-right,\n &.block__border-left {\n border-right: none;\n border-left: none;\n }\n });\n\n // Tablet and above.\n .respond-to-min(@bp-sm-min, {\n margin-right: -@grid_gutter-width;\n margin-left: -@grid_gutter-width;\n });\n }\n\n &__flush {\n margin-top: 0 !important;\n margin-right: -(@grid_gutter-width / 2);\n margin-bottom: 0 !important;\n margin-left: -(@grid_gutter-width / 2);\n\n &.block__border,\n &.block__border-top,\n &.block__border-bottom {\n border-top: none;\n border-bottom: none;\n }\n\n // Mobile only.\n .respond-to-max(@bp-xs-max, {\n &.block__border,\n &.block__border-right,\n &.block__border-left {\n border-right: none;\n border-left: none;\n }\n });\n\n // Tablet and above.\n .respond-to-min(@bp-sm-min, {\n margin-right: -@grid_gutter-width;\n margin-left: -@grid_gutter-width;\n });\n }\n\n &__bg {\n padding: unit((@grid_gutter-width / @base-font-size-px), em)\n unit(((@grid_gutter-width / 2) / @base-font-size-px), em);\n padding-bottom: unit(((@grid_gutter-width * 2) / @base-font-size-px), em);\n background: @block__bg;\n\n // Tablet and above.\n .respond-to-min(@bp-sm-min, {\n padding: unit( ( ( @grid_gutter-width * 1.5 ) / @base-font-size-px ), em )\n unit( ( @grid_gutter-width / @base-font-size-px ), em );\n });\n }\n\n &__padded-top {\n padding-top: unit((@grid_gutter-width / @base-font-size-px), em);\n margin-top: unit((@grid_gutter-width / @base-font-size-px), em);\n }\n\n &__padded-bottom {\n padding-bottom: unit((@grid_gutter-width / @base-font-size-px), em);\n margin-bottom: unit((@grid_gutter-width / @base-font-size-px), em);\n }\n\n &__sub {\n margin-top: unit((@grid_gutter-width / @base-font-size-px), em);\n margin-bottom: unit((@grid_gutter-width / @base-font-size-px), em);\n }\n\n // Overrides for when .block is also a column\n .content-l_col&,\n .content-l_col&__sub {\n // Tablet and above.\n .respond-to-min(@bp-sm-min, {\n margin-top: 0;\n });\n }\n}\n\n//\n// Bleedbar sidebar styling\n//\n\n.content__bleedbar {\n // Overrides the border between main and sidebar, because bleedbar makes its own.\n .content_main::after {\n content: none;\n }\n\n .content_sidebar {\n padding: unit((@grid_gutter-width / @base-font-size-px), em)\n unit((@grid_gutter-width / 2 / @base-font-size-px), em);\n background: @content_sidebar-bg;\n }\n\n // Desktop and above.\n .respond-to-min(@bp-med-min, {\n // Prevent pseudo element background from creating horizontal scrollbar.\n overflow: hidden;\n\n .content_sidebar {\n padding-top: unit( ( ( @grid_gutter-width * 1.5 ) / @base-font-size-px ), em );\n padding-right: 0;\n padding-bottom: unit( ( @grid_gutter-width / 2 / @base-font-size-px ), em );\n padding-left: unit( ( @grid_gutter-width / @base-font-size-px ), em );\n margin-left: 0;\n position: relative;\n z-index: 1;\n\n // Remove background color from actual sidebar.\n // It will now be provided by pseudoelement :after sidebar parent.\n background: transparent;\n }\n\n .content_wrapper {\n position: relative;\n\n &:after {\n // Create faux sidebar background.\n content: '';\n display: block;\n width: 9999px;\n border-left: 1px solid @content_sidebar-border;\n height: 100%;\n position: absolute;\n top: 0;\n z-index: 0;\n // The three in the below calculation is a magic number.\n // Not entirely sure what to do about it right now.\n margin-left: ( @grid_gutter-width / 3 );\n background: @content_sidebar-bg;\n }\n }\n\n &.content__2-1 .content_wrapper:after {\n left: 66.666666667%;\n }\n\n &.content__3-1 .content_wrapper:after {\n left: 75%;\n }\n });\n}\n\n//\n// grid helpers\n//\n\n.wrapper {\n // Desktop and above.\n .respond-to-min(@bp-med-min, {\n .grid_wrapper();\n });\n\n &__match-content {\n padding-left: @grid_gutter-width / 2;\n padding-right: @grid_gutter-width / 2;\n\n // Tablet and above.\n .respond-to-min(@bp-sm-min, {\n padding-left: @grid_gutter-width;\n padding-right: @grid_gutter-width;\n max-width: @grid_wrapper-width - @grid_gutter-width;\n });\n }\n}\n",".a-date {\n .heading-5( @text-shadow: @date );\n\n color: @date;\n white-space: nowrap;\n}\n",".a-heading__icon {\n .heading-4();\n\n color: @heading__icon;\n\n a& {\n .u-link__colors( @heading__icon, @heading__icon__hover );\n\n border-width: 0;\n }\n\n .cf-icon {\n margin-right: unit((2px / @font-size), em);\n }\n}\n","//\n// Links with icons\n// Required for jump link modifier\n//\n\n.a-link__icon,\n.a-link__jump {\n border-bottom-width: 0;\n\n .a-link_text {\n border-bottom-width: 1px;\n border-bottom-style: inherit;\n }\n\n &.a-link__no-wrap {\n white-space: nowrap;\n }\n}\n\n//\n// Jump link\n//\n\n.a-link__jump {\n font-weight: 500;\n\n // Mobile only.\n .respond-to-max(@bp-xs-max, {\n .u-block-link();\n\n position: relative;\n\n .cf-icon-svg {\n position: absolute;\n margin-bottom: -0.6em;\n bottom: 50%;\n }\n\n &.a-link__icon-after-text {\n padding-right: 1.25em;\n }\n\n &.a-link__icon-after-text .cf-icon-svg {\n right: 0;\n }\n\n &.a-link__icon-before-text {\n padding-left: 1.25em;\n }\n\n &.a-link__icon-before-text .cf-icon-svg {\n left: 0;\n }\n });\n}\n\n/**\n * Block link\n *\n * The block link mixin is used in the jump link and link list patterns\n * to provide the `padding`, `background`, and `border` styling\n * that is common to those two patterns at extra-small screen sizes.\n * It is not intended to be used directly.\n */\n\n.u-block-link {\n box-sizing: border-box;\n display: block;\n padding-top: unit((10px / @base-font-size-px), em);\n padding-bottom: unit((10px / @base-font-size-px), em);\n border-top-width: 1px;\n border-bottom-width: 1px;\n // 100% width is needed when block or jump link are applied to a <button>\n width: 100%;\n\n .a-link_text {\n border-bottom-width: 0;\n }\n}\n",".a-tagline {\n font-size: unit((12px / @base-font-size-px), rem);\n\n display: grid;\n grid-template-columns: 22px 1fr;\n grid-column-gap: 10px;\n\n &_text {\n // Needed for browsers with legacy/no grid support (e.g. IE11).\n display: inline-block;\n }\n\n & .u-usa-flag {\n margin-top: 1px;\n }\n\n &__large {\n & .u-usa-flag {\n margin-top: 4px;\n }\n\n font-size: unit((16px / @base-font-size-px), rem);\n }\n\n &__xlarge {\n & .u-usa-flag {\n margin-top: 6px;\n\n // Should not be greater than the source image size of 80x50.\n width: 40px;\n height: 21px;\n // 80px x 42px USA flag image.\n background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAAAqCAMAAAATdiw4AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADlQTFRF////sxlC2YyhCjFhKUt1R2WJGT5rhZiwOFh/Zn6co7LEdYum0djhV3GS8PL1wszYsr/O4OXrlKW6gKQKnwAAAUhJREFUeNrslM2OwzAIhN2OHf/HSd//YXfYqGroZWWUS9XlgPgOGRmY4IAFjOXIr/Qsb5PhkEbglzHy4zAS3tkg6CIFWqNAdCKoeV7Qp4SIEJhS8iFohpsNGVVxGciuAH7f/ZlhEUzo0TNiZ1mrZoNgXuVlrcnLVnmZ5vtkcIYj0x6lMOXhl0WzYSmM2DrQG7frS/Fnhk2wrlTxa2U5hmZDy6kE9lkruw0lea/ZsJTkHjTyvtPIj8PYiucF6WVk9M7062rNNmNvjuOqbpPByfhebFpKQj6MnFnGqNkgWNftaeRNFvvGhuMwKj28bUz1MPaZbTOMTX65s7GfDKOgEyPLHURrmi2CD7DR3tmslF6z4U8JcvcOIxfH6//GhqV0qiBzaghdWtU8LRj+iOmWvzBuF8cHCH5h3C+OD9jy5S3/H4cvOA4/AgwAabgYexE/bU4AAAAASUVORK5CYII=');\n }\n\n font-size: unit((26px / @base-font-size-px), rem);\n grid-template-columns: 40px 1fr;\n grid-column-gap: 30px;\n\n // Mobile only.\n .respond-to-max(@bp-xs-max, {\n font-size: unit( ( 22px / @base-font-size-px ), rem );\n grid-template-columns: initial;\n grid-template-rows: 22px 1fr;\n grid-row-gap: 30px;\n });\n }\n}\n\n// Standard flag size. Gets overwritten in the xlarge tagline.\n.u-usa-flag {\n display: inline-block;\n width: 24px;\n height: 13px;\n // 48px x 25px USA flag image.\n background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAZCAMAAABAf11LAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAE5QTFRF////sxlC7MbQ2YyhxlNxCjFhR2WJV3GSKUt1dYumOFh/GT5rhZiwwszYsr/OlKW6Zn6c0djh8PL1iR9Ko7LE4OXrl0pttKC0pXWRtYKbSuJhRQAAANFJREFUeNrkkctuwyAUREnSuW/ApHYf//+jBVdZVcJi3aORgAXcMyLBAAJEzsVG3m8TkifyI3zfPQ6nJJLo421CArSBmkgjNEWtQE4zXJmClXuCWIlU5hdQxCqbqnE1KdIz79CVDvBwZxyKfQfmHTyzl01UZSvOWSTbhZLSWeDMufWLC/1ls3amT4qQq394EjIjApxBT+/nr8eEBNuKcB9SWMpmEXalNOylmlUZNTr4vE/4VdKhpC+leQf6y/e0wzL3RdJtkfUJyzwW+ZcdfgQYAJmJD3zerW6OAAAAAElFTkSuQmCC');\n background-size: contain;\n background-repeat: no-repeat;\n}\n","//\n// Unstyled list modifier\n// Required for horizontal, icon, and link list modifiers\n//\n\n.m-list__unstyled,\n.m-list__horizontal,\n.m-list__links {\n padding-left: 0;\n list-style-type: none;\n\n // This is needed for dd elements.\n .m-list_item {\n margin-left: 0;\n }\n}\n\n//\n// Spaced list modifier\n//\n\n.m-list__spaced {\n .m-list__spaced,\n .m-list_item + .m-list_item {\n margin-top: unit((24px / @base-font-size-px), em);\n }\n}\n\n//\n// Horizontal list modifier\n//\n\n.m-list__horizontal {\n .m-list_item {\n display: inline-block;\n\n // Assuming a natural space of 4px between inline block items\n // then the space between would be 8px (4px natural + 4px added).\n margin-right: unit((4px / @base-font-size-px), em);\n margin-bottom: 0;\n }\n}\n\n//\n// Link list modifier\n//\n\n.m-list__links {\n .m-list_item {\n // Mobile only.\n .respond-to-max(@bp-xs-max, {\n margin-bottom: 0;\n\n &:nth-child( n+2 ) .m-list_link {\n border-top-width: 0;\n }\n });\n }\n\n .m-list_link {\n font-weight: 500;\n\n // Mobile only.\n .respond-to-max(@bp-xs-max, {\n .u-block-link();\n });\n }\n}\n\nhtml[lang='ar'] .m-list {\n // This is needed for right-to-left (RTL) lists.\n padding-right: 0;\n}\n","@meta-header-item-gap: 21px;\n\n.m-meta-header {\n display: flex;\n flex-direction: column-reverse;\n flex-wrap: wrap-reverse;\n row-gap: unit((10px / @base-font-size-px), rem);\n column-gap: unit((@meta-header-item-gap / @base-font-size-px), rem);\n width: fit-content;\n padding-bottom: unit((10px / @base-font-size-px), rem);\n // Dividers are to the left of content, so this crops the unneeded 1st one.\n overflow: hidden;\n\n &_item-group {\n display: flex;\n flex-wrap: wrap;\n column-gap: unit((@meta-header-item-gap / @base-font-size-px), rem);\n }\n\n &_item {\n // Use grid to indent the text from the icon when it wraps.\n display: grid;\n grid-template-columns: 0 auto 1fr;\n row-gap: unit((5px / @base-font-size-px), rem);\n\n .h4();\n // Mobile only.\n .respond-to-max(@bp-xs-max, {\n // Override h4 bottom margin at mobile size.\n margin-bottom: unit( ( 5px / @base-font-size-px ), rem );\n });\n\n text-wrap: balance;\n margin-bottom: 0;\n\n .cf-icon-svg {\n margin-right: unit((5px / @base-font-size-px), rem);\n }\n\n // Create the divider.\n &::before {\n content: '|';\n margin-left: unit((-13px / @base-font-size-px), rem);\n }\n\n // Adjustments to default date position.\n .a-date {\n font-size: unit((14px / @base-font-size-px), rem);\n line-height: unit((24px / 14px));\n margin-bottom: 0;\n }\n }\n\n // Tablet and above.\n .respond-to-min(@bp-sm-min, {\n flex-direction: row;\n });\n}\n",".m-pull-quote {\n &_body {\n .heading-3();\n\n color: @pull-quote_body;\n\n // Mobile only.\n .respond-to-max(@bp-xs-max, {\n .heading-4();\n });\n }\n\n &_citation {\n .heading-5( @text-shadow: @pull-quote_citation );\n\n color: @pull-quote_citation;\n\n &::before {\n // An em dash before the cited author name.\n content: '\\2014 ';\n }\n }\n}\n",".m-slug-header {\n border-top: 1px solid @slug-header_border__thin;\n\n &_heading {\n .heading-5();\n\n display: inline-block;\n padding-top: unit((4px / @font-size), em);\n border-top: 5px solid @slug-header_border__thick;\n margin-top: -3px;\n }\n}\n","/* ==========================================================================\n Design System\n Licensed font URLs – for CFPB use only.\n ========================================================================== */\n\n@font-face {\n font-family: 'Avenir Next';\n src: url('@{cf-fonts-path}/2cd55546-ec00-4af9-aeca-4a3cd186da53.woff2')\n format('woff2');\n font-style: normal;\n font-weight: normal;\n font-display: fallback;\n}\n\n@font-face {\n font-family: 'Avenir Next';\n src: url('@{cf-fonts-path}/627fbb5a-3bae-4cd9-b617-2f923e29d55e.woff2')\n format('woff2');\n font-style: normal;\n font-weight: 500;\n font-display: fallback;\n}\n","//\n// Notification\n//\n\n.m-notification {\n display: none;\n position: relative;\n padding: @notification-padding__px;\n background: @notification-bg;\n border: 1px solid @notification-border;\n\n & > .cf-icon-svg {\n position: absolute;\n fill: @notification-icon;\n }\n\n &__success {\n background: @notification-bg-success;\n border-color: @notification-border-success;\n\n .cf-icon-svg {\n fill: @notification-icon-success;\n }\n }\n\n &__warning {\n background: @notification-bg-warning;\n border-color: @notification-border-warning;\n\n .cf-icon-svg {\n fill: @notification-icon-warning;\n }\n }\n\n &__error {\n background: @notification-bg-error;\n border-color: @notification-border-error;\n\n .cf-icon-svg {\n fill: @notification-icon-error;\n }\n }\n\n &__visible {\n display: block;\n }\n\n // Only adding left padding if an icon is present.\n .cf-icon-svg + &_content {\n padding-left: unit((25px / @base-font-size-px), em);\n }\n\n &_message {\n margin-bottom: 0;\n }\n\n &_explanation {\n margin-top: unit((5px / @base-font-size-px), em);\n margin-bottom: unit((15px / @base-font-size-px), em);\n }\n\n // We need to provide a margin for links if an explanation is absent.\n &_message + .m-list {\n margin-top: unit((15px / @base-font-size-px), em);\n }\n\n // Tablet and above.\n .respond-to-min(@bp-sm-min, {\n // Make adjustments to the icon, explanation, and links if at non-mobile.\n\n // Increase the icon size.\n .cf-icon-svg {\n font-size: unit( ( @size-iv / @base-font-size-px ), em );\n }\n\n // Remove default margin between explanation and list of links.\n &_explanation {\n margin-bottom: 0;\n }\n\n // Decrease the margin between the links and the message/explanation.\n .m-list {\n margin-top: unit( ( 5px / @base-font-size-px ), em );\n }\n\n // Decrease the margin between link items.\n .m-list_item {\n margin-bottom: unit( ( 5px / @base-font-size-px ), em );\n }\n });\n}\n\n// Handle right-to-left (RTL) adjustments.\nhtml[lang='ar'] .m-notification {\n .cf-icon-svg + .m-notification_content {\n padding-left: initial;\n padding-right: unit((25px / @base-font-size-px), em);\n }\n\n .m-list {\n padding-right: 0;\n }\n}\n","// Import required component dependencies.\n@import (reference) '@cfpb/cfpb-grid/src/cfpb-grid.less';\n\n//\n// Banner\n// Global banner in the header.\n//\n\n.o-banner {\n padding: unit((@grid_gutter-width / 2 / @base-font-size-px), em) 0;\n background: var(--gold-10);\n border-bottom: 1px solid var(--gray-40);\n font-size: 0.875em;\n\n // Override notification box styling to align notification in header.\n .m-notification {\n border: none;\n padding: 0;\n\n &_icon {\n left: 0;\n top: 0;\n }\n }\n\n &__dark {\n background: var(--teal-mid-dark);\n border-color: var(--teal-mid-dark);\n color: var(--white);\n\n a {\n border-color: var(--white);\n color: var(--white);\n\n &:hover {\n border-color: var(--gray-15);\n color: var(--gray-15);\n }\n }\n\n .m-notification {\n background: var(--teal-mid-dark);\n\n .cf-icon-svg {\n fill: var(--white);\n }\n }\n }\n\n // Tablet and above.\n .respond-to-min(@bp-sm-min, {\n font-size: 1em;\n });\n}\n","//\n// Pagination\n//\n\n.m-pagination {\n position: relative;\n\n &_form {\n padding: unit((5px / @base-font-size-px), em);\n border-radius: unit((4px / @base-font-size-px), em);\n background: @pagination-bg;\n color: @pagination-text;\n text-align: center;\n }\n\n &_current-page {\n // 45px is a magic number to provide enough room for three digits\n // and the number spinners for type=\"number\" inputs on desktop\n width: unit((45px / @base-font-size-px), em);\n\n // 10px + a normal inline single space ~= spec'ed value of 15px\n margin-right: unit((10px / @base-font-size-px), em);\n margin-left: unit((10px / @base-font-size-px), em);\n font-weight: 500;\n text-align: right;\n }\n\n &_label {\n display: inline-block;\n\n // 10px + a normal inline single space ~= spec'ed value of 15px\n margin-right: unit((10px / @base-font-size-px), em);\n vertical-align: middle;\n }\n\n &_btn-submit {\n margin: 0;\n vertical-align: middle;\n }\n\n &_btn-prev,\n &_btn-next {\n min-width: @pagination-btn-min-width-px;\n\n // 22px is a magic number to vertically center the type in the button\n // TODO: Consider refactoring with flexbox for vertical centering\n line-height: 22px;\n text-align: center;\n\n &.a-btn__disabled {\n background-color: @pagination-bg;\n border-color: transparent;\n }\n }\n\n &_btn-next {\n position: absolute;\n right: 0;\n }\n\n // Mobile only.\n .respond-to-max(@bp-xs-max, {\n &_btn-prev,\n &_btn-next {\n margin-bottom: unit( ( 15px / @base-font-size-px ), em );\n }\n });\n\n // Tablet and above.\n .respond-to-min(@bp-sm-min, {\n &_btn-prev,\n &_btn-next {\n height: 100%;\n }\n\n &_btn-prev {\n position: absolute;\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n }\n\n &_btn-next {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n }\n });\n}\n","// Import external dependencies\n@import (reference) '@cfpb/cfpb-core/src/cfpb-core.less';\n@import (reference) '@cfpb/cfpb-buttons/src/cfpb-buttons.less';\n@import (reference) '@cfpb/cfpb-icons/src/cfpb-icons.less';\n\n/* ==========================================================================\n Design System\n Expandable Styling\n ========================================================================== */\n\n// .o-expandable modifiers\n@expandable__border: var(--gray-40);\n\n//\n// Recommended expandable pattern\n//\n\n.o-expandable {\n position: relative;\n\n //\n // Header\n //\n\n &_header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: unit((10px / @base-font-size-px), em)\n unit((15px / @base-font-size-px), em);\n border: 0;\n background-color: transparent;\n cursor: pointer;\n\n &:focus {\n outline: 1px dotted var(--black);\n outline-offset: 1px;\n }\n\n .o-expandable_cue-close,\n .o-expandable_cue-open {\n display: none;\n }\n\n &[aria-expanded='false'] .o-expandable_cue-open {\n display: block;\n }\n\n &[aria-expanded='true'] .o-expandable_cue-close {\n display: block;\n }\n\n // Using the button element with .o-expandable_header requires setting\n // an explicit width.\n button& {\n width: 100%;\n text-align: left;\n }\n\n .o-expandable_label {\n // Grow to available width.\n flex-grow: 1;\n }\n }\n\n //\n // Expandable text elements\n //\n\n &_label {\n // Remove default h4 margin style\n margin-bottom: 0;\n color: var(--black);\n font-weight: 500;\n }\n\n &_cues {\n min-width: 60px;\n text-align: right;\n color: var(--pacific);\n font-size: unit((@btn-font-size / @base-font-size-px), em);\n line-height: unit((@base-line-height-px / @btn-font-size));\n }\n\n &_content {\n padding: unit((15px / @base-font-size-px), em);\n padding-top: 0;\n\n // The divider between _header and _content.\n &::before {\n content: '';\n display: block;\n border-top: 1px solid @expandable__border;\n padding-top: unit((15px / @base-font-size-px), em);\n }\n\n &::after {\n padding-bottom: unit((15px / @base-font-size-px), em);\n width: 100%;\n }\n }\n\n //\n // Padded expandable modifier\n //\n\n &__padded {\n .o-expandable_label {\n padding: unit((15px / @base-font-size-px), em) 0;\n }\n }\n\n //\n // Expandable with a background color modifier\n //\n\n &__background {\n background: var(--gray-5);\n }\n\n //\n // Expandable with a border modifier\n //\n\n &__border {\n border: 1px solid @expandable__border;\n }\n\n //\n // Expandable groups\n //\n\n &-group {\n .o-expandable {\n border-bottom: 1px solid @expandable__border;\n\n &:first-child {\n border-top: 1px solid @expandable__border;\n }\n }\n }\n\n .respond-to-print( {\n // Hide the interactive expandable cues when printing\n &_header[aria-expanded='true'] &_cue-close,\n &_header[aria-expanded='false'] &_cue-open {\n display: none;\n }\n\n // Ensure all expandables are expanded when printing.\n // To accommodate print stylesheets that display the raw URL after links,\n // set an enormous max height to accommodate expandables that have a lot of links.\n &_content[aria-expanded='false'] {\n display: block;\n max-height: 99999px !important;\n }\n });\n}\n\n// Used when the set language reads right-to-left\nhtml[lang='ar'] {\n .o-expandable {\n &_header {\n text-align: right;\n }\n\n &_cues {\n text-align: left;\n }\n }\n}\n","@import (reference) '@cfpb/cfpb-core/src/cfpb-core.less';\n\n/* topdoc\n name: Summary\n family: cf-organisms\n notes:\n - \"Styles a one-way Expandable-like organism that previews content.\"\n patterns:\n - name: Summary Mobile organism\n markup: |\n <div class=\"o-summary o-summary__mobile\">\n <div class=\"o-summary_content\">\n Content\n </div>\n <button class=\"o-summary_btn u-hidden\">\n Read full description\n </button>\n </div>\n codenotes:\n - |\n Pattern structure\n -----------------\n .o-summary\n .o-summary_content\n .o-summary_btn.u-hidden\n\n notes:\n - \"One-way expandable. Displays an approximately 4-line\n preview of content on mobile screen sizes only\n when __mobile modifier is used.\"\n tags:\n - cf-organisms\n*/\n\n.o-summary {\n &_content {\n overflow-y: hidden;\n\n // Move the bounding box 2 pixels to avoid clipping link focus boxes.\n padding: 2px;\n left: -2px;\n top: -2px;\n\n position: relative;\n }\n\n &_btn {\n // Hide button in no-js state.\n .no-js & {\n display: none;\n }\n\n position: relative;\n z-index: 2;\n display: block;\n width: 100%;\n padding-top: 15px;\n padding-bottom: 15px;\n border: dotted var(--pacific);\n border-width: 1px 0;\n text-align: center;\n color: var(--pacific);\n background: #fff;\n\n &:focus {\n outline: 1px dotted var(--pacific);\n outline-offset: 2px;\n }\n\n &[aria-expanded='false']::before {\n // Fades content out over approximately 2 lines.\n display: block;\n pointer-events: none;\n height: unit(((@base-line-height-px * 2) / @base-font-size-px), em);\n margin: 0;\n position: absolute;\n left: 0;\n right: 0;\n // 4px is needed because the 2px movement of the content's bounding box.\n top: calc(-100% + 4px);\n background: linear-gradient(\n to bottom,\n rgba(255, 255, 255, 0%) 0%,\n rgba(255, 255, 255, 100%) 100%\n );\n content: '';\n\n .respond-to-print({\n background: none;\n });\n }\n }\n\n // If we're mobile-only…\n &__mobile {\n @media only screen and (min-width: @bp-sm-min) {\n .o-summary_btn {\n // Hide the \"read more\" button and fading on desktop.\n display: none;\n }\n }\n }\n}\n","@import (reference) '@cfpb/cfpb-core/src/cfpb-core.less';\n\n/* topdoc\n name: Summary Minimal\n family: cf-organisms\n notes:\n - \"Styles a two-way Expandable-like organism that previews content.\"\n patterns:\n - name: Summary Minimal organism\n markup: |\n <div class=\"o-summary-minimal\">\n <div class=\"o-summary_content\">\n Content\n </div>\n <button class=\"o-summary_btn\">\n <span class=\"o-summary-minimal_cue-open\">\n Show\n {% include icons/plus-round.svg %}\n </span>\n <span class=\"o-summary-minimal_cue-close\">\n Hide\n {% include icons/minus-round.svg %}\n </span>\n </button>\n </div>\n codenotes:\n - |\n Pattern structure\n -----------------\n .o-summary-minimal\n .o-summary-minimal_content\n .o-summary-minimal_btn\n .o-summary-minimal_cue-open\n .o-summary-minimal_cue-close\n\n notes:\n - \"Two-way expandable. Displays an approximately 4-line\n preview of content.\"\n tags:\n - cf-organisms\n*/\n\n.o-summary-minimal {\n &_content {\n overflow-y: hidden;\n\n // Move the bounding box 2 pixels to avoid clipping link focus boxes.\n padding: 2px;\n left: -2px;\n top: -2px;\n\n position: relative;\n }\n\n &_btn {\n // Hide button in no-js state.\n .no-js & {\n display: none;\n }\n\n margin-top: 5px;\n padding-left: 0;\n padding-right: 0;\n display: block;\n border: none;\n background: none;\n text-align: left;\n color: var(--pacific);\n\n &:focus {\n outline: 1px dotted var(--pacific);\n outline-offset: 2px;\n }\n\n .o-summary-minimal_cue-close,\n .o-summary-minimal_cue-open {\n display: none;\n }\n\n &[aria-expanded='false'] .o-summary-minimal_cue-open {\n display: block;\n }\n\n &[aria-expanded='true'] .o-summary-minimal_cue-close {\n display: block;\n }\n }\n}\n","// Import external dependencies\n@import (reference) '@cfpb/cfpb-core/src/cfpb-core.less';\n@import (reference) '@cfpb/cfpb-icons/src/cfpb-icons.less';\n\n/* ==========================================================================\n Design System\n Table Styling\n ========================================================================== */\n\n//\n// Theme variables\n//\n\n// Color variables\n\n@table-cell-bg: var(--white);\n@table-cell-bg_alt: var(--gray-5);\n@table-scrolling-border: var(--gray-40);\n@table-border: var(--gray);\n\n// Mixins\n.striped-table() {\n & > tbody > tr:nth-child(even) {\n & > th,\n & > td {\n background: @table-cell-bg_alt;\n }\n }\n}\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 table {\n border: 1px solid @table-scrolling-border;\n .striped-table();\n }\n}\n\n// Tablet and above.\n.respond-to-min(@bp-sm-min, {\n .o-table__striped {\n .striped-table();\n }\n});\n\n// We don't want responsive table styles applied to the `print` media type\n// so we're not using .respond-to-max(@bp-xs-max ) here.\n@media only screen and (max-width: @bp-xs-max) {\n .o-table {\n width: 100%;\n }\n\n .o-table__striped tr:nth-child(even) {\n & > th,\n & > td {\n background: @table-cell-bg;\n }\n }\n\n .o-table__stack-on-small {\n border-top: 1px solid var(--gray-40);\n\n tr,\n td,\n [data-display-table='row'],\n [data-display-table='cell'] {\n display: block;\n }\n\n th,\n td,\n [data-display-table='cell'] {\n padding-right: 0;\n padding-left: 0;\n width: 100%;\n }\n\n & > thead,\n [data-display-table='thead'] {\n display: none;\n }\n\n td[data-label]::before {\n .heading-5();\n display: block;\n margin-top: 0;\n margin-bottom: unit((5px / @base-font-size-px), em);\n content: attr(data-label);\n line-height: 1.83333333;\n }\n\n td:last-child,\n [data-display-table='cell']:last-child {\n margin-bottom: unit((30px / @base-font-size-px), em);\n }\n }\n\n .o-table__entry-header-on-small {\n & > tbody td:first-child {\n padding-bottom: 0.75em;\n border-bottom: 1px solid @table-border;\n margin-bottom: unit((10px / @base-font-size-px), em);\n margin-top: 0;\n background-color: @table-head-bg;\n font-size: 1.125em;\n font-weight: 400;\n line-height: 1.22222222;\n }\n\n & > tbody td:first-child::before {\n display: none;\n }\n\n & > tbody > tr {\n border-bottom: none;\n margin-bottom: unit((30px / @base-font-size-px), em);\n }\n }\n}\n",".print {\n .content_main {\n display: block;\n width: 100% !important;\n }\n\n .o-header {\n min-height: initial;\n }\n\n .m-global-header-cta,\n .content_wrapper {\n border: none !important;\n }\n\n .pill-panel li {\n margin: 3px;\n }\n\n .m-global-eyebrow,\n .m-global-header-cta,\n .action-bar,\n .search-panel h2,\n .pill svg,\n .clear-all,\n .search-bar,\n .content_hero,\n .content_sidebar,\n .tabbed-navigation,\n .filter-panel hr,\n .refine-bar,\n .single-checkbox,\n .state-heading .clear,\n .state-navigation,\n .m-pagination,\n .u-right,\n .total,\n #clear-focus,\n .trend-depth-toggle {\n display: none !important;\n }\n\n .advanced-container,\n .search-panel {\n width: 100%;\n }\n\n #tile-chart-map {\n height: 700px;\n width: 700px;\n }\n #line-chart,\n #stacked-area-chart {\n width: 550px;\n }\n\n .tooltip-container {\n margin-top: 50px;\n width: 100px;\n .tooltip-ul {\n span.u-left {\n width: 100% !important;\n text-decoration: none !important;\n }\n }\n }\n\n .map-toolbar,\n .row-chart-section {\n page-break-before: always;\n }\n}\n\n@media print {\n .m-global-eyebrow,\n .m-global-header-cta,\n .action-bar,\n .search-panel h2,\n .pill svg,\n .clear-all,\n .search-bar,\n .content_hero,\n .content_sidebar,\n .tabbed-navigation,\n .filter-panel hr,\n .refine-bar,\n .single-checkbox,\n .state-heading .clear,\n .state-navigation,\n .m-pagination,\n .warning,\n .u-right,\n .total,\n .vertical-marker,\n .circle-container,\n .a-micro-copy,\n footer,\n #clear-focus,\n .trend-depth-toggle {\n display: none !important;\n }\n}\n",".card-container {\n max-width: 100%;\n padding: @gutter-normal;\n margin-bottom: @grid_gutter-width;\n\n nav {\n width: 100%;\n justify-content: space-between;\n\n a,\n button {\n color: @btn-bg;\n font-size: @base-font-size-px;\n\n &:hover {\n color: @btn-bg-hover;\n }\n }\n\n .a-btn__link {\n border: 0;\n\n span {\n margin-right: @gutter-normal;\n }\n }\n }\n\n h1 {\n margin: @gutter-normal 0;\n margin-top: @grid_gutter-width;\n }\n\n h2.company-information {\n margin-top: @gutter-wide;\n }\n\n .card {\n display: flex;\n flex-direction: row;\n flex-wrap: nowrap;\n\n @media @phone {\n flex-wrap: wrap;\n }\n\n .card-left {\n box-sizing: border-box;\n min-width: 260px;\n width: 33%;\n padding-right: @grid_gutter-width;\n\n @media @tablet {\n padding-right: @gutter-normal;\n }\n\n @media @phone {\n width: 100%;\n padding-right: @gutter-narrow;\n }\n }\n .card-right {\n width: 67%;\n\n @media @phone {\n width: 100%;\n padding-top: @gutter-normal;\n }\n }\n\n .cf-icon__before {\n padding-right: @gutter-narrow;\n font-size: 16px;\n\n &.cf-icon-approved-round {\n color: var(--green);\n }\n\n &.cf-icon-delete-round {\n color: var(--red);\n }\n\n &.cf-icon-minus-round {\n color: var(--gold);\n }\n\n &.cf-icon-help-round {\n color: var(--navy);\n }\n\n &.cf-icon-error-round {\n color: var(--gray-80);\n }\n\n &.cf-icon-clock-round {\n color: var(--green);\n }\n\n &.cf-icon-clock-round.not-timely {\n color: var(--gold);\n }\n }\n\n .layout-column {\n h3 {\n margin-top: 0;\n margin-bottom: @gutter-minimum;\n }\n\n h4 {\n margin-top: 0;\n margin-bottom: @gutter-minimum;\n }\n }\n\n .subitem {\n margin-right: @gutter-minimum;\n\n font-family: @webfont-demi;\n }\n }\n}\n\n@hack: true;@import (reference) \"/Users/bradforda/Projects/ccdb5-ui/src/css/base.less\";",".light-box {\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n\n display: flex;\n justify-content: center;\n align-items: center;\n\n // gray-dark #43484e in hex.\n --faded-gray-dark: 67, 72, 78;\n background-color: rgba(var(--faded-gray-dark), 0.75);\n // TODO: The above can be replaced with the below when Firefox supports \"Relative RGB colors\".\n //background-color: rgb(from var(--gray-dark) / 0.75);\n}\n\n.loading-box {\n max-width: 480px;\n padding: @grid_gutter-width;\n border: 1px solid var(--gray-dark);\n border-radius: 4px;\n overflow: auto;\n\n background: var(--gray-5);\n outline: none;\n\n span.cf-icon-svg {\n padding-right: @gutter-narrow;\n }\n}\n\n@hack: true;@import (reference) \"/Users/bradforda/Projects/ccdb5-ui/src/css/base.less\";",".content_hero {\n padding: @gutter-normal;\n\n @media @desktop {\n padding: @grid_gutter-width;\n padding-top: @gutter-normal;\n }\n\n @media @phone {\n padding: @gutter-narrow;\n }\n\n margin-top: @grid_gutter-width;\n\n p {\n max-width: 670px;\n }\n\n ul {\n padding-top: @gutter-minimum;\n }\n\n li {\n padding-bottom: 0;\n border-bottom: 0;\n\n button,\n a {\n font-size: 16px;\n }\n\n &.m-list_item {\n margin-right: 0;\n }\n\n &::after {\n margin-left: @gutter-narrow;\n margin-right: @gutter-narrow;\n\n content: '|';\n }\n\n &:last-of-type {\n &::after {\n margin: 0;\n\n content: '';\n }\n }\n }\n\n .content-header {\n display: inline-flex;\n }\n h4.content-header {\n box-sizing: border-box;\n margin-left: @gutter-narrow;\n margin-top: 0;\n color: var(--gray-dark);\n text-transform: uppercase;\n vertical-align: text-bottom;\n }\n}\n\n@hack: true;@import (reference) \"/Users/bradforda/Projects/ccdb5-ui/src/css/base.less\";",".filter-panel {\n padding: @gutter-normal;\n\n @media @desktop {\n padding: @grid_gutter-width;\n }\n border-top: 1px solid var(--gray-40);\n border-right: 1px solid var(--gray-40);\n background: var(--gray-5);\n\n @media @phone {\n border-right: none;\n }\n\n .a-form-alert {\n margin-top: @gutter-normal;\n }\n\n hr {\n margin: 0;\n color: var(--gray-40);\n }\n\n .single-checkbox {\n margin: @gutter-normal;\n }\n}\n\n@hack: true;@import (reference) \"/Users/bradforda/Projects/ccdb5-ui/src/css/base.less\";",".o-expandable {\n margin-bottom: 0;\n h4 {\n max-width: ~'calc(100% - 55px)';\n box-sizing: border-box;\n padding-right: @gutter-minimum;\n }\n\n p {\n color: var(--gray);\n font-size: 16px;\n }\n}\n\n@hack: true;@import (reference) \"/Users/bradforda/Projects/ccdb5-ui/src/css/base.less\";",".typeahead {\n input {\n box-sizing: border-box;\n width: 100%;\n &:focus {\n border: solid 2px var(--pacific);\n }\n }\n .m-btn-inside-input {\n .a-btn {\n position: absolute;\n right: 1em;\n top: ~'calc(50% - 8px)';\n }\n .cf-icon-svg {\n padding-right: @gutter-minimum * 0.8;\n }\n }\n &-selector {\n position: relative;\n\n // z-index: 99;\n\n ul {\n padding-left: 0;\n border: solid 2px var(--pacific);\n border-top: 0;\n\n position: absolute;\n top: 0;\n right: 0;\n left: 0;\n\n li.footer {\n padding: @gutter-normal;\n border-top: solid 1px var(--gray-40);\n margin: 0;\n background-color: var(--pacific-20);\n cursor: default;\n font-size: @size-vi;\n font-style: italic;\n list-style-type: none;\n text-align: center;\n }\n }\n\n input {\n &:extend(.a-text-input);\n &:focus {\n &:extend(.a-text-input:focus);\n }\n padding-left: 1.78571429em !important;\n padding-bottom: 0.28em !important;\n }\n }\n\n .a-btn.a-btn__link {\n color: var(--gray-80);\n }\n\n .rbt-menu.dropdown-menu.show {\n z-index: 100;\n overflow: visible !important;\n }\n\n .dropdown-item.disabled {\n color: black;\n }\n\n .rbt-input-hint {\n color: transparent !important;\n }\n\n .dropdown-item.rbt-menu-pagination-option {\n display: block;\n position: relative;\n padding: @gutter-normal;\n border-top: solid 1px var(--gray-40);\n margin: 0;\n background-color: var(--pacific-20);\n cursor: default;\n font-size: @size-vi;\n font-style: italic;\n list-style-type: none;\n text-align: center;\n width: auto;\n }\n\n li.typeahead-option {\n padding: @gutter-normal;\n border-top: solid 1px var(--gray-40);\n margin: 0;\n background-color: var(--white);\n cursor: default;\n list-style-type: none;\n &:hover,\n &.selected {\n border-top: solid 2px var(--pacific);\n border-bottom: solid 2px var(--pacific);\n background-color: var(--gray-10);\n }\n }\n}\n\n.input-contains-label_before {\n position: absolute;\n left: 0.85714286em;\n top: 0.5em;\n cursor: pointer;\n font-size: 0.875em;\n ~ input[type='text'] {\n padding-left: 1.78571429em;\n padding-bottom: 0.28em;\n }\n &__search .cf-icon-svg {\n position: relative;\n top: 2px;\n }\n .cf-icon-svg {\n z-index: 99;\n }\n}\n\n@hack: true;@import (reference) \"/Users/bradforda/Projects/ccdb5-ui/src/css/base.less\";",".date-filter {\n h4 {\n margin-bottom: 0;\n }\n\n ul.date-inputs {\n margin: 0;\n\n li {\n display: inline-block;\n width: ~'calc(50% - 8px)'; // Half @gutter-normal\n\n list-style: none;\n\n &:first-of-type {\n margin-right: @gutter-normal;\n }\n\n .m-btn-inside-input {\n .a-text-input {\n padding-right: @grid_gutter-width;\n }\n .a-btn {\n color: var(--gray);\n }\n }\n }\n }\n\n ul.messages {\n padding-top: @gutter-narrow;\n\n li {\n margin: 0;\n\n list-style: none;\n }\n }\n}\n\n@hack: true;@import (reference) \"/Users/bradforda/Projects/ccdb5-ui/src/css/base.less\";",".date-ranges .date-selector {\n background-color: var(--pacific-40);\n color: var(--black);\n &.selected {\n color: var(--white);\n background-color: var(--pacific-80);\n font-weight: 600;\n }\n}\n\n@hack: true;@import (reference) \"/Users/bradforda/Projects/ccdb5-ui/src/css/base.less\";",".aggregation-branch {\n li.parent {\n position: relative;\n\n align-items: baseline;\n list-style-type: none;\n\n .toggle {\n &.a-label::before {\n box-sizing: border-box;\n width: 20px;\n height: 20px;\n\n text-indent: 0;\n }\n\n &.indeterminate::before {\n border: solid 2px var(--gray-dark);\n\n background: url('indeterminate.png') no-repeat scroll center center\n transparent;\n }\n\n .a-checkbox:checked + &.a-label::before {\n border: solid 2px var(--gray-dark);\n }\n }\n\n button {\n max-width: ~'calc(100% - 95px)'; // @max-count-width + @bucket-indent\n\n font-size: 16px;\n font-weight: normal;\n text-align: left;\n vertical-align: top;\n\n .cf-icon-svg {\n padding-left: @gutter-minimum;\n }\n }\n\n .a-btn__link {\n border: 0;\n }\n\n .parent-count {\n position: absolute;\n top: 0;\n right: 0;\n\n color: var(--gray-dark);\n font-size: 14px;\n }\n }\n\n ul.children {\n padding-left: @gutter-normal * 1.5;\n }\n}\n\n@hack: true;@import (reference) \"/Users/bradforda/Projects/ccdb5-ui/src/css/base.less\";",".aggregation {\n ul {\n padding-left: 0;\n margin-top: @grid_gutter-width / 1.5;\n li {\n padding: 0;\n border: 0;\n margin-bottom: @gutter-normal;\n\n position: relative;\n\n align-items: baseline;\n\n .a-label::before {\n box-sizing: border-box;\n width: 20px;\n height: 20px;\n\n text-indent: 0;\n }\n\n .bucket-key {\n max-width: ~'calc(100% - 65px)'; // @max-count-width + @bucket-indent\n vertical-align: top;\n }\n\n .bucket-count {\n position: absolute;\n top: 0;\n right: 0;\n\n color: var(--gray-dark);\n font-size: 14px;\n }\n }\n }\n}\n\n@hack: true;@import (reference) \"/Users/bradforda/Projects/ccdb5-ui/src/css/base.less\";",".list-panel {\n // The \"No results were found for your search\" heading.\n h2 {\n margin: 15px;\n }\n\n .cards-panel {\n padding: @grid_gutter-width;\n margin: 0;\n\n @media @phone {\n padding: @gutter-normal;\n }\n }\n\n .m-pagination {\n .a-btn[disabled],\n .m-pagination_label,\n .m-pagination_btn-submit {\n color: var(--gray);\n }\n }\n}\n\n@hack: true;@import (reference) \"/Users/bradforda/Projects/ccdb5-ui/src/css/base.less\";","// select\n@select-border: var(--gray-40);\n@select-icon: var(--gray-80);\n@select-icon-bg: var(--gray-5);\n@select-height: @size-ii;\n\n@input-border__focused: @btn-bg;\n@input-text__disabled: @btn__disabled-text;\n@input-bg__disabled: @btn__disabled-bg;\n\n.cf-select {\n position: relative;\n border: 1px solid @select-border;\n\n select {\n width: 100%;\n padding: unit(4px / @base-font-size-px, em) 0\n unit(6px / @base-font-size-px, em) 1rem;\n border: 0;\n border-radius: 0;\n appearance: none;\n background-color: @input-bg;\n color: @text;\n margin-right: @grid_gutter-width;\n &:hover,\n &.hover,\n &:active,\n &:focus {\n outline: 2px solid @input-border__focused;\n outline-offset: 0;\n }\n }\n\n select[disabled] {\n color: @input-text__disabled;\n background-color: @input-bg__disabled;\n cursor: not-allowed;\n\n &:hover {\n outline: none;\n }\n }\n\n select[disabled] option,\n select[disabled] option:disabled,\n select option:disabled {\n color: @input-disabled;\n }\n\n select::-ms-expand {\n display: none;\n }\n\n &::after {\n position: absolute;\n top: 50%;\n right: 0;\n transform: translate(-50%, -50%);\n background-color: @select-icon-bg;\n color: @select-icon;\n content: '\\25BE';\n text-align: center;\n pointer-events: none;\n }\n}\n\n// TODO Add modernizr to CF so this works\n// Right now modern IE doesn't support pointer events causing nothing\n// to happen when you click on the dropdown error.\n\n.no-csspointerevents .cf-select {\n &::after {\n height: 0;\n width: 0;\n border: 0;\n content: '';\n }\n}\n","@import (less) '../select.less';\n\n.refine-bar {\n section {\n margin: @grid_gutter-width / 3 0 @grid_gutter-width / 3 @grid_gutter-width /\n 2;\n p {\n font-size: @size-vi;\n font-weight: 600;\n color: var(--gray);\n }\n button {\n &.selected {\n background-color: var(--pacific-80);\n font-weight: 600;\n }\n &:not(.selected) {\n background-color: var(--pacific-40);\n }\n }\n &:not(.filter-panel-toggle) {\n button {\n color: var(--black);\n }\n }\n\n &.cf-select {\n border: none;\n select {\n background-color: var(--white);\n color: var(--black);\n border: 1px solid var(--gray-40);\n }\n &::after {\n background-color: var(--white);\n transform: translate(-5px, 0);\n }\n }\n }\n\n .separator {\n @media @desktop, @tablet-lg, @phone {\n display: none;\n }\n }\n\n // Per Capita and Narratives buttons in the refine bar.\n button {\n // Only used to hide \"population\" on per capita refine buttons.\n @media @phone, @tablet-sm {\n > span {\n display: none;\n }\n }\n\n &.disabled.a-btn__disabled {\n background-color: var(--gray-10);\n }\n }\n}\n\n@hack: true;@import (reference) \"/Users/bradforda/Projects/ccdb5-ui/src/css/base.less\";",".action-bar {\n border: 1px solid var(--gray-40);\n border-left: 0; // Don't double the border with the filters\n background-color: var(--green-20);\n padding: @gutter-normal @grid_gutter-width;\n\n h2 {\n margin: 0;\n\n @media @phone {\n padding: @gutter-normal;\n }\n }\n\n .export-results {\n padding-top: @gutter-minimum;\n margin: 0;\n margin-bottom: @gutter-minimum;\n .a-btn {\n border-bottom: dotted 1px var(--pacific-dark);\n margin-right: @gutter-normal;\n color: var(--pacific-dark);\n font-size: @size-v;\n &:hover {\n color: @link-text-hover;\n }\n\n svg {\n margin-right: @gutter-minimum;\n }\n }\n }\n\n @media @phone {\n padding-left: 0;\n border: 1px solid var(--gray-40);\n .export-results {\n margin-left: 15px;\n }\n }\n\n @media @superwide {\n padding-left: 40px;\n }\n}\n\n@hack: true;@import (reference) \"/Users/bradforda/Projects/ccdb5-ui/src/css/base.less\";",".warning {\n .close {\n position: absolute;\n right: 0;\n top: 0;\n margin: 5px 10px;\n cursor: pointer;\n svg {\n fill: var(--gray);\n }\n }\n}\n\n@hack: true;@import (reference) \"/Users/bradforda/Projects/ccdb5-ui/src/css/base.less\";","// Reset interfering Captial Framework style\n.card-container .card .card-left {\n min-width: initial;\n}\n\nli.card-container {\n padding: @grid_gutter-width 0;\n border-bottom: 1px solid var(--gray-40);\n margin: 0;\n\n list-style-type: none;\n\n &:first-of-type {\n padding-top: 0;\n }\n\n &:last-of-type {\n border: 0;\n padding-bottom: 0;\n }\n\n .card {\n display: flex;\n flex-direction: row;\n flex-wrap: nowrap;\n\n @media @phone {\n flex-wrap: wrap;\n }\n\n .card-left {\n box-sizing: border-box;\n width: 260px;\n padding-right: @grid_gutter-width;\n\n @media @tablet {\n width: 50%;\n padding-right: @gutter-normal;\n }\n\n @media @phone {\n width: 100%;\n padding-right: @gutter-narrow;\n }\n }\n .card-right {\n @media @phone {\n width: 100%;\n padding-top: @gutter-normal;\n }\n }\n\n .layout-row {\n .spacer {\n margin: @gutter-narrow;\n }\n\n h4 {\n margin-right: @gutter-minimum;\n\n font-size: 16px;\n }\n }\n\n .layout-column {\n h3 {\n margin-top: 0;\n margin-bottom: @gutter-minimum;\n\n a {\n border-bottom-width: 2px;\n }\n\n &.to-detail {\n margin-bottom: @gutter-normal;\n }\n }\n\n h4 {\n margin-top: 0;\n margin-bottom: @gutter-minimum;\n }\n }\n\n .subitem {\n margin-right: @gutter-minimum;\n\n font-family: @webfont-demi;\n }\n\n em {\n background-color: var(--teal-20);\n font-family: @webfont-regular;\n font-style: normal;\n }\n }\n}\n\n@hack: true;@import (reference) \"/Users/bradforda/Projects/ccdb5-ui/src/css/base.less\";",".filter-panel-toggle {\n @media @superwide, @desktop, @tablet-lg {\n display: none;\n }\n @media @tablet-sm, @phone {\n display: block;\n width: 90vw;\n margin-left: auto;\n margin-right: auto;\n & .a-btn {\n width: 100%;\n }\n }\n}\n\n@hack: true;@import (reference) \"/Users/bradforda/Projects/ccdb5-ui/src/css/base.less\";",".separator {\n border-left: solid 1px var(--gray-40);\n margin-top: 35px;\n margin-left: 10px;\n height: 38px;\n\n @media @desktop, @tablet-lg, @phone {\n display: none;\n }\n}\n\n@hack: true;@import (reference) \"/Users/bradforda/Projects/ccdb5-ui/src/css/base.less\";",".map-toolbar {\n border-top: 2px solid var(--gray-20);\n border-bottom: 1px solid var(--gray-20);\n margin: 0 20px;\n a {\n text-decoration: underline;\n &:link,\n &:hover,\n &:active,\n &:visited {\n cursor: pointer;\n }\n }\n .state {\n &-heading {\n padding: 0.625rem;\n border-bottom: 1px solid var(--gray-20);\n span {\n margin: 0.625rem;\n }\n svg {\n padding-right: 0.313rem;\n }\n }\n &-navigation {\n padding: 0.625rem;\n }\n }\n}\n\n@hack: true;@import (reference) \"/Users/bradforda/Projects/ccdb5-ui/src/css/base.less\";",".row-chart-section {\n margin-top: @grid_gutter-width;\n margin-left: @grid_gutter-width;\n\n p {\n max-width: none;\n }\n}\n\n@media @phone {\n .row-chart-section {\n margin-left: 0;\n }\n}\n\n.row-chart {\n .bg-hover,\n .visibility,\n line,\n path.domain,\n .x-axis-group {\n display: none;\n }\n\n .expandable {\n color: var(--pacific);\n cursor: pointer;\n }\n\n text {\n font-size: 16px;\n\n &.adjust-upwards {\n transform: translateY(-12px);\n }\n\n &.hidden {\n display: none;\n }\n }\n\n .view-more-group {\n .view-more-background {\n fill: var(--pacific-20);\n }\n\n .view-more-label {\n font-size: 14px;\n font-weight: bold;\n text-decoration: underline;\n fill: var(--pacific);\n text-anchor: end;\n }\n }\n}\n\n@hack: true;@import (reference) \"/Users/bradforda/Projects/ccdb5-ui/src/css/base.less\";","/**\n * @license Highcharts\n *\n * (c) 2009-2016 Torstein Honsi\n *\n * License: www.highcharts.com/license\n */\n.highcharts-container {\n position: relative;\n overflow: hidden;\n width: 100%;\n height: 100%;\n text-align: left;\n line-height: normal;\n z-index: 0;\n\n /* #1072 */\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0%);\n font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, Helvetica,\n sans-serif;\n font-size: 12px;\n}\n// legend\n.highcharts-root {\n display: block;\n text {\n stroke-width: 0;\n font-weight: 500;\n }\n}\n\n.highcharts-strong {\n font-weight: bold;\n}\n\n.highcharts-emphasized {\n font-style: italic;\n}\n\n.highcharts-anchor {\n cursor: pointer;\n}\n\n.highcharts-background {\n fill: var(--white);\n}\n\n.highcharts-plot-border,\n.highcharts-plot-background {\n fill: none;\n}\n\n.highcharts-label-box {\n fill: none;\n}\n\n.highcharts-button-box {\n fill: inherit;\n}\n\n/* Titles */\n.highcharts-title {\n fill: #333;\n font-size: 1.5em;\n}\n\n.highcharts-subtitle {\n fill: #666;\n}\n\n/* Highmaps */\n.highcharts-map-series {\n .highcharts-point {\n transition:\n fill 500ms,\n fill-opacity 500ms,\n stroke-width 250ms;\n stroke: #ccc;\n }\n\n .highcharts-point-hover {\n transition:\n fill 0ms,\n fill-opacity 0ms;\n cursor: default;\n fill: var(--pacific) !important;\n fill-opacity: 0.5;\n }\n}\n\n/*\nUpdating the charts:\n1. Set the positioning of the chart UI elements using the JavaScript API.\n2. Add in styles below that aren't possible through the API.\nThis appears to handle responsive changes the best, since the JS sets\nx/y positioning on the SVG elements.\n*/\n.u-chart-label {\n font-size: 16px;\n font-family: inherit;\n color: var(--gray);\n}\n\n.cfpb-chart {\n position: relative;\n width: ~'calc(100% - 60px)';\n min-height: 400px;\n margin-bottom: 25px;\n margin-left: @grid_gutter-width;\n .highcharts-root,\n .highcharts-container,\n .highcharts-legend-box,\n .highcharts-axis-labels,\n .highcharts-tooltip text {\n font-size: 16px;\n font-family: inherit;\n color: var(--gray);\n }\n}\n\n/* TODO: Investigate whether responsive styles can be remove here and handled\n via class set in JS, like how the other chart types work. */\n.cfpb-chart[data-chart-type='tile_map'] {\n .highcharts-data-label {\n font-weight: 500;\n color: var(--black);\n\n .highcharts-data-label-state {\n text-align: center;\n cursor: default;\n &.deselected {\n color: var(--gray);\n }\n }\n }\n\n .highcharts-label {\n pointer-events: none;\n }\n\n .highcharts-legend-title {\n .highcharts-legend-key {\n font-weight: 500;\n }\n .highcharts-legend-description {\n font-size: 12px;\n .type {\n font-weight: 500;\n color: var(--black);\n }\n }\n }\n\n .highcharts-legend__tile-map {\n font-size: 12px;\n\n .legend-box {\n stroke: var(--gray);\n }\n }\n\n .highcharts-label__tile-map {\n font-size: 16px;\n font-family: inherit;\n color: var(--gray);\n font-weight: 500;\n\n span {\n position: relative !important;\n white-space: normal !important;\n }\n }\n\n .u-point-hover-state,\n .selected {\n stroke: var(--black);\n cursor: default;\n stroke-linecap: square;\n }\n .highcharts-map-series {\n .highcharts-point {\n stroke: none;\n\n &.empty {\n stroke: rgba(231, 232, 233, 100%);\n }\n\n &.selected {\n stroke: rgba(0, 45, 114, 100%);\n }\n }\n }\n\n .highcharts-label-box {\n display: none;\n }\n\n .highcharts-tooltip {\n min-width: 200px;\n\n span {\n color: var(--white);\n background-color: var(--black);\n padding: 5px;\n width: 320px;\n\n div p {\n margin: 5px;\n white-space: normal;\n\n &.u-float-left {\n width: 150px;\n float: left;\n }\n\n &.u-right {\n width: 150px;\n }\n }\n\n .title {\n text-align: center;\n }\n\n .row {\n border-top: solid 1px #43484e;\n margin-top: 5px;\n padding-top: 5px;\n }\n }\n }\n}\n\n.cfpb-chart[data-chart-type='tile_map']:not(.print) {\n .highcharts-map-series {\n .highcharts-point {\n &:hover {\n stroke: rgba(0, 45, 114, 100%);\n stroke-width: 2px !important;\n }\n }\n }\n}\n\n@media @tablet-sm {\n .cfpb-chart[data-chart-type='tile_map'] {\n width: ~'calc(100% - 20px)';\n margin-bottom: 10px;\n margin-left: 10px;\n }\n}\n\n@media @phone {\n .cfpb-chart[data-chart-type='tile_map'] {\n width: ~'calc(100% - 20px)';\n margin-bottom: 10px;\n margin-left: 10px;\n }\n}\n\n// -----------------------------------------------------------------------------\n// State Tile Break Points\n\n@mobile-tiles: ~'only screen and (max-width:1024px)';\n@mobile-xs-tiles: ~'only screen and (max-width:400px)';\n\n.highcharts-data-label {\n font-size: 14px;\n line-height: 1.3;\n\n .highcharts-data-label-state {\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n // IE 11 fixes\n @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n display: inline-block;\n float: left;\n }\n\n .abbr {\n flex: 1 0 auto;\n font-size: 16px;\n }\n\n .value {\n flex: 1 0 auto;\n margin-top: 6px;\n font-size: 12px;\n }\n &.hover {\n .abbr,\n .value {\n text-decoration: underline;\n }\n }\n &.deselected {\n color: rgba(90, 93, 97, 100%);\n }\n }\n}\n\n// This takes over for looking good at the minimum height of 400px\n@media @mobile-tiles {\n .highcharts-data-label {\n line-height: 1;\n\n .highcharts-data-label-state {\n .abbr {\n font-size: 12px;\n }\n .value {\n margin-top: 3px;\n font-size: 9px;\n }\n }\n }\n}\n\n@media @mobile-xs-tiles {\n .highcharts-data-label {\n line-height: 1;\n\n .highcharts-data-label-state {\n // IE 11 shift tile labels up\n @media (-ms-high-contrast: none), (-ms-high-contrast: active) {\n transform: translateY(-10px);\n }\n .abbr {\n font-size: 12px;\n }\n .value {\n display: none;\n }\n }\n }\n}\n\n// -----------------------------------------------------------------------------\n// Make the map & legend play nice\n\n@media @tablet-sm {\n .highcharts-series-group {\n transform: translate(0, 15px);\n }\n\n .highcharts-data-labels.highcharts-map-series {\n margin-top: 15px;\n }\n\n .highcharts-data-label-state {\n // IE 11 shift tile labels up\n @media (-ms-high-contrast: none), (-ms-high-contrast: active) {\n transform: translateY(-10px);\n }\n }\n}\n\n@media @phone {\n .highcharts-series-group {\n transform: translate(0, 15px);\n }\n\n .highcharts-data-labels.highcharts-map-series {\n margin-top: 15px;\n }\n}\n\n.no-js .cfpb-chart {\n height: inherit;\n}\n\n.no-js .cfpb-chart::after {\n border: 0;\n}\n\n@hack: true;@import (reference) \"/Users/bradforda/Projects/ccdb5-ui/src/css/base.less\";",".print-info,\n.print-info-footer {\n width: 100%;\n background: var(--gray-5);\n word-break: break-all;\n padding: 15px;\n span {\n font-weight: 600;\n }\n}\n\n@hack: true;@import (reference) \"/Users/bradforda/Projects/ccdb5-ui/src/css/base.less\";",".trends-panel {\n .refine-bar {\n section:nth-of-type(2) {\n margin-left: 0;\n }\n .separator {\n display: inline-block;\n }\n }\n\n .company-overlay {\n justify-content: center;\n .company-search {\n margin: @gutter-wide;\n .typeahead {\n width: 100%;\n }\n }\n }\n\n .chart-description {\n p {\n max-width: none;\n }\n }\n .chart {\n width: 100%;\n\n .m-notification {\n margin-bottom: 10px;\n }\n }\n &.external-tooltip {\n section {\n &.chart {\n width: 70%;\n }\n &.tooltip-container {\n width: 25%;\n &.legend {\n margin-top: 20px;\n .tooltip-ul {\n border-bottom: none;\n }\n }\n padding: 0 1%;\n position: relative;\n\n .scrollable {\n max-height: 300px;\n overflow: hidden;\n overflow-y: auto;\n border-bottom: solid 1px var(--black);\n ul.tooltip-ul {\n cursor: pointer;\n color: var(--pacific);\n border-bottom-color: var(--gray-10);\n li {\n &::before {\n opacity: 0;\n }\n }\n }\n }\n p.a-micro-copy {\n display: inline-block;\n width: 100%;\n border-bottom: solid 1px @block__border-bottom;\n padding-top: 5px;\n margin-bottom: 0;\n font-weight: 600;\n font-size: 12px;\n\n span {\n &.heading {\n color: var(--gray);\n }\n &.date {\n float: right;\n }\n }\n\n &.warn {\n border-bottom: 0;\n padding-top: 15px;\n }\n }\n\n ul.tooltip-ul {\n list-style: none;\n &:extend(.m-list__unstyled);\n margin-bottom: 0;\n border-bottom: solid 1px @block__border-bottom;\n padding-bottom: 2px;\n padding-top: 2px;\n padding-left: 0;\n &.recommended {\n background: rgba(231, 232, 233, 40%);\n }\n &.active {\n color: var(--black);\n &.color__23 {\n background-color: var(--purple-20);\n }\n &.color__24 {\n background-color: var(--red-20);\n }\n &.color__25 {\n background-color: var(--gold-20);\n }\n li {\n &::before {\n opacity: 1;\n }\n }\n }\n\n li {\n span {\n border: none;\n &.u-left {\n display: inline-block;\n text-align: left;\n width: 70%;\n }\n &.u-right {\n &.close {\n padding-left: 10px;\n }\n }\n }\n margin-bottom: 0;\n padding-left: 14px;\n position: relative;\n border-bottom: 1px solid var(--gray-20);\n &::before {\n height: 8px;\n width: 8px;\n border-radius: 50%;\n content: '';\n position: absolute;\n left: 0;\n top: 4px;\n display: block;\n }\n\n // if you modify anything here, make sure to update colors constants file\n &.color__0::before {\n background-color: #2cb34a;\n }\n\n &.color__1::before {\n background-color: #addc91;\n }\n\n &.color__2::before {\n background-color: #0072ce;\n }\n\n &.color__3::before {\n background-color: #96c4ed;\n }\n\n &.color__4::before {\n background-color: #257675;\n }\n\n &.color__5::before {\n background-color: #9ec4c3;\n }\n\n &.color__6::before {\n background-color: #254b87;\n }\n\n &.color__7::before {\n background-color: #9daecc;\n }\n\n &.color__8::before {\n background-color: #b4267a;\n }\n\n &.color__9::before {\n background-color: #dc9cbf;\n }\n\n &.color__10::before {\n background-color: #a2a3a4;\n }\n\n &.color__12::before {\n background-color: #93cf7c;\n }\n\n &.color__13::before {\n background-color: var(--purple-60);\n }\n\n &.color__14::before {\n background-color: var(--red-60);\n }\n\n &.color__15::before {\n background-color: var(--gold-80);\n }\n }\n li:last-child {\n border: none;\n }\n .dot {\n height: 8px;\n width: 8px;\n background-color: red;\n border-radius: 50%;\n display: inline-block;\n margin-right: 5px;\n }\n font-size: 12px;\n font-weight: 500;\n &.total {\n font-size: 16px;\n border-bottom: none;\n li {\n .u-left {\n width: 50%;\n }\n }\n }\n }\n\n .tooltip-button-panel {\n .reset-set {\n > button {\n width: 100%;\n\n span.pull-left {\n display: none;\n }\n &::before {\n content: 'Reset recommended set';\n border-right: solid 1px var(--white);\n padding-right: 10px;\n }\n > .caret {\n border-top-color: var(--white);\n border-right-color: var(--white);\n border-style: solid;\n border-width: 2px 2px 0 0;\n height: 8px;\n right: -10px;\n position: relative;\n top: 0.15em;\n vertical-align: top;\n width: 8px;\n display: inline-block;\n transform: rotate(135deg);\n }\n }\n }\n }\n }\n\n &.tooltip-container:not(.focus) {\n ul.tooltip-ul {\n .u-left.a-btn__link {\n text-decoration: underline;\n }\n }\n }\n }\n }\n\n h2.area-chart-title {\n padding-top: @gutter-normal;\n margin-bottom: 0;\n }\n\n .chart-helper-text {\n padding-bottom: @gutter-normal;\n }\n\n @media @phone {\n .refine-bar {\n .cf-select {\n flex-grow: 1;\n width: 46%;\n }\n .date-ranges {\n margin: 10px 0;\n }\n .chart-toggles {\n margin-left: 0;\n }\n }\n }\n\n @media @phone, @tablet {\n .chart {\n width: 100%;\n }\n &.external-tooltip {\n section {\n &.chart {\n width: 100%;\n }\n\n &.tooltip-container {\n width: 100%;\n }\n }\n }\n }\n\n .layout-row {\n &.date-range-disclaimer {\n margin-bottom: @gutter-normal;\n }\n\n @media @tablet {\n padding-left: 20px;\n }\n\n @media @desktop {\n padding-left: 30px;\n }\n\n @media @superwide {\n padding-left: 40px;\n }\n }\n}\n\n@hack: true;@import (reference) \"/Users/bradforda/Projects/ccdb5-ui/src/css/base.less\";",".chart-toggles {\n button {\n width: 38px;\n background-color: var(--pacific-40);\n padding: 3px;\n svg {\n height: 25px;\n\n &#line-chart-icon {\n .cls-1 {\n opacity: 0.4;\n }\n\n .cls-2 {\n fill: none;\n stroke: #101820;\n stroke-miterlimit: 10;\n stroke-width: 2px;\n }\n\n .cls-3 {\n fill: #101820;\n }\n }\n &#area-chart-icon {\n .cls-1 {\n fill: #101820;\n }\n\n .cls-2 {\n opacity: 0.4;\n }\n }\n }\n }\n}\n\n@hack: true;@import (reference) \"/Users/bradforda/Projects/ccdb5-ui/src/css/base.less\";","@import (less) '../TabbedNavigation.less';\n\n.focus-header {\n .clear-focus {\n margin: @gutter-normal;\n .cf-icon-svg {\n margin-right: 5px;\n }\n }\n\n .focus {\n text-align: center;\n margin-left: ~'calc(10%)';\n .divider {\n height: 5px;\n width: 75px;\n background-color: var(--green-60);\n display: inline-block;\n }\n }\n}\n\n@hack: true;@import (reference) \"/Users/bradforda/Projects/ccdb5-ui/src/css/base.less\";","@import (less) '../TabbedNavigation.less';\n\n.tabbed-navigation {\n &.lens {\n background: none;\n border-bottom: 1px solid var(--gray-40);\n .tab {\n font-size: medium;\n &.active {\n background: var(--white);\n }\n &:not(.active) {\n background: var(--pacific-20);\n }\n }\n }\n}\n\n@hack: true;@import (reference) \"/Users/bradforda/Projects/ccdb5-ui/src/css/base.less\";","#line-chart {\n .y-axis-group {\n path {\n display: none;\n }\n }\n\n .x-axis-group {\n .month-axis {\n .domain {\n display: none;\n }\n }\n }\n .masking-rectangle {\n display: none;\n }\n}\n\n#stacked-area-chart,\n#line-chart {\n svg {\n overflow: visible;\n }\n\n .topic .line {\n fill: none;\n stroke-width: 3px;\n stroke-linecap: round;\n stroke-linejoin: round;\n }\n\n .circle-container {\n circle {\n fill: var(--white);\n }\n }\n .grid-lines-group {\n stroke: var(--gray-20);\n stroke-width: 0.1%;\n }\n .x-axis-group {\n line {\n display: none;\n }\n }\n //line on hover for the tooltip.\n .vertical-marker {\n stroke: var(--gray-20);\n stroke-width: 2px;\n stroke-dasharray: 4, 4;\n }\n .chart-group {\n .area {\n path.area {\n fill: var(--gray-10);\n opacity: 0.4;\n }\n }\n .area-outline {\n fill: none;\n }\n }\n\n .extended-x-line {\n stroke: var(--black);\n stroke-width: 0.2%;\n }\n}\n\n.chart-wrapper {\n p {\n font-size: 12px;\n font-weight: 600;\n color: var(--gray);\n\n &.x-axis-label {\n margin-left: 45%;\n }\n }\n}\n\n@hack: true;@import (reference) \"/Users/bradforda/Projects/ccdb5-ui/src/css/base.less\";","#stacked-area-chart {\n .stacked-area {\n .y-axis-group {\n .domain {\n display: none;\n }\n }\n }\n}\n\n.chart-wrapper {\n p {\n font-size: 12px;\n font-weight: 600;\n color: var(--gray);\n\n &.x-axis-label {\n margin-left: 45%;\n }\n }\n}\n\n@hack: true;@import (reference) \"/Users/bradforda/Projects/ccdb5-ui/src/css/base.less\";",".tabbed-navigation {\n margin-top: 30px;\n border-bottom: 1px solid var(--gray-20);\n section {\n padding-left: 10px;\n .tab {\n margin: 0;\n padding: 4px 30px 8px;\n\n font-size: unit(19px / @base-font-size-px, em);\n font-weight: 500;\n\n .cf-icon-svg {\n margin-right: 5px;\n margin-top: 4px;\n font-size: unit(13px / @base-font-size-px, em);\n }\n\n &:not(.active) {\n color: var(--pacific-dark);\n background: var(--gray-5);\n border: 1px solid var(--gray-20);\n border-bottom: none;\n\n &:hover {\n color: var(--pacific-60);\n }\n\n &:focus {\n color: var(--navy-dark);\n }\n\n &::after {\n content: '';\n border-top: solid 1px;\n display: block;\n }\n }\n &.active {\n padding-top: 8px;\n border: 1px solid var(--gray-40);\n background: var(--white);\n pointer-events: none;\n position: relative;\n\n &::after {\n content: '';\n display: block;\n width: calc(100% - 2px);\n outline: 1px solid var(--white);\n position: absolute;\n bottom: -1px;\n left: 1px;\n }\n }\n }\n }\n}\n\n@hack: true;@import (reference) \"/Users/bradforda/Projects/ccdb5-ui/src/css/base.less\";","@import (less) '../TabbedNavigation.less';\n\n.trend-depth-toggle {\n background: var(--gray-10);\n text-align: center;\n\n button {\n margin: 5px;\n color: var(--pacific-dark);\n }\n\n span {\n font-weight: bold;\n margin-right: 5px;\n &.plus::before {\n content: '+';\n }\n\n &.minus::before {\n content: '-';\n }\n }\n}\n\n@hack: true;@import (reference) \"/Users/bradforda/Projects/ccdb5-ui/src/css/base.less\";",".modal-overlay {\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 100;\n\n display: flex;\n justify-content: center;\n align-items: center;\n\n // gray-dark #43484e in hex.\n --faded-gray-dark: 67, 72, 78;\n background-color: rgba(var(--faded-gray-dark), 0.75);\n // TODO: The above can be replaced with the below when Firefox supports \"Relative RGB colors\".\n //background-color: rgb(from var(--gray-dark) / 0.75);\n}\n\n.modal-body {\n max-width: 480px;\n max-height: 100%;\n padding: 0;\n border: 1px solid var(--gray-dark);\n border-top: 12px solid var(--green);\n border-radius: 4px;\n margin: @gutter-wide;\n overflow: auto;\n background: var(--white);\n outline: none;\n\n .header {\n padding: @gutter-normal;\n padding-bottom: 0;\n\n align-items: flex-start;\n\n .a-btn__link {\n border: 0;\n }\n\n .cf-icon-svg {\n padding-left: @gutter-minimum;\n }\n }\n\n .body {\n padding: 0 @gutter-normal;\n\n p:last-of-type {\n margin-bottom: @gutter-normal;\n }\n }\n\n .footer {\n padding: @gutter-normal;\n\n background-color: var(--gray-5);\n align-items: baseline;\n\n button {\n margin-right: @gutter-normal;\n\n &.a-btn__link {\n height: @size-iv;\n }\n }\n }\n}\n\n@hack: true;@import (reference) \"/Users/bradforda/Projects/ccdb5-ui/src/css/base.less\";",".export-modal {\n .body {\n .a-btn_icon {\n padding-right: @gutter-minimum;\n }\n\n .export-url-copied {\n border: solid 1px var(--green);\n border-left: 0;\n\n background-color: var(--green-20);\n color: var(--black);\n\n .cf-icon-svg {\n fill: var(--green);\n }\n }\n\n .instructions {\n margin-bottom: @gutter-normal;\n }\n\n .group {\n margin-bottom: @gutter-normal;\n\n .group__error {\n padding: @gutter-narrow;\n padding-bottom: 0;\n border: solid 1px var(--red);\n margin-bottom: @gutter-normal;\n }\n\n .group-title {\n margin: @gutter-normal 0;\n font-size: @size-iv;\n font-weight: bold;\n }\n\n .m-form-field {\n margin-bottom: @gutter-normal;\n\n .multiline-label {\n display: inline-block;\n }\n }\n\n .other-formats {\n margin-top: @gutter-normal * 1.5;\n }\n\n .required-helper {\n color: var(--gray);\n }\n }\n\n .timeliness-warning {\n margin-bottom: @gutter-normal * 1.5;\n\n font-size: smaller;\n }\n }\n}\n\n@hack: true;@import (reference) \"/Users/bradforda/Projects/ccdb5-ui/src/css/base.less\";",".search-panel {\n padding: @gutter-normal;\n border-right: 1px solid var(--gray-40);\n\n @media @desktop {\n padding: @grid_gutter-width;\n }\n\n @media @phone {\n padding: @gutter-narrow;\n }\n background-color: var(--gray-5);\n}\n\n.date-subscript {\n font-size: @base-font-size-px;\n color: var(--gray);\n}\n\n@hack: true;@import (reference) \"/Users/bradforda/Projects/ccdb5-ui/src/css/base.less\";",".pill-panel {\n padding-right: @gutter-narrow;\n display: flex;\n flex-direction: row;\n flex-wrap: nowrap;\n align-items: baseline;\n .layout-row {\n display: block;\n }\n .clear-all {\n button {\n border-color: var(--red-dark);\n color: var(--red-dark);\n margin-left: @gutter-narrow;\n svg {\n margin-right: @gutter-narrow / 2;\n }\n }\n }\n\n .pill-label {\n padding-right: @gutter-normal;\n margin-bottom: 0;\n }\n\n li {\n display: inline-block;\n position: relative;\n }\n\n ul {\n padding-top: @gutter-narrow;\n }\n\n @media @phone {\n flex-direction: column;\n margin-top: 10px;\n .layout-row {\n padding-left: 0;\n }\n .clear-all {\n display: block;\n button {\n margin: 0;\n }\n }\n }\n}\n\n@hack: true;@import (reference) \"/Users/bradforda/Projects/ccdb5-ui/src/css/base.less\";",".pill {\n padding: @grid_gutter-width / 3 30px @grid_gutter-width / 3 @grid_gutter-width /\n 3;\n background-color: var(--teal-20);\n border: 1px solid var(--teal-40);\n margin-right: 4px;\n border-radius: 0.28571429em;\n font-weight: 500;\n color: var(--black);\n font-size: @size-v;\n &:hover {\n background-color: var(--teal-30);\n border-color: var(--teal-50);\n cursor: pointer;\n }\n // Close button\n button,\n .cf-icon-svg {\n padding: 0;\n padding-left: 5px;\n border: 0;\n margin: 0;\n background-color: transparent;\n color: var(--teal-80);\n position: absolute;\n right: 15px;\n top: 50%;\n transform: translateY(-50%);\n }\n}\n\n@hack: true;@import (reference) \"/Users/bradforda/Projects/ccdb5-ui/src/css/base.less\";",".search-bar {\n @media @phone {\n h4,\n .advanced-container {\n width: 0;\n display: none;\n }\n }\n\n .cf-select {\n display: flex;\n box-sizing: border-box;\n background-color: var(--gray);\n flex-direction: column;\n justify-content: center;\n\n @media @phone {\n width: 0;\n display: none;\n }\n\n select {\n background-color: var(--gray);\n color: var(--white);\n\n &:focus {\n outline: none;\n }\n }\n\n &::after {\n background-color: var(--gray);\n color: var(--white);\n border-left: solid 1px var(--gray-60);\n padding-left: @grid_gutter-width / 3;\n }\n }\n\n a.u-visually-hidden:focus {\n position: static;\n width: auto;\n height: auto;\n }\n\n button.a-btn.flex-fixed {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n }\n\n .typeahead-portal {\n height: @grid_gutter-width;\n min-width: 12em;\n position: relative;\n\n .typeahead {\n height: 100%;\n position: absolute;\n top: 0;\n right: 0;\n left: 0;\n span {\n &.waiting,\n &.error,\n &.no-results {\n position: absolute;\n top: -1 * @grid_gutter-width + @gutter-minimum;\n left: 0;\n }\n }\n }\n }\n .advanced-container {\n margin-left: 10px;\n width: 175px;\n }\n\n h4 {\n margin-bottom: @gutter-minimum;\n }\n}\n\n@hack: true;@import (reference) \"/Users/bradforda/Projects/ccdb5-ui/src/css/base.less\";",".advanced_tips {\n box-sizing: border-box;\n background-color: var(--gray-20);\n\n //override parent padding\n margin: 15px -15px;\n padding: 15px;\n\n .tip {\n padding: 15px 0;\n input {\n box-sizing: border-box;\n color: var(--gray);\n display: inline-block;\n margin-right: 1%;\n }\n .example-input_full {\n box-sizing: border-box;\n color: var(--gray);\n width: 100%;\n }\n .tip-description {\n padding-top: 10px;\n\n p {\n color: var(--black);\n }\n }\n }\n .footer {\n border-top: dashed 2px var(--gray-70);\n }\n}\n\n@hack: true;@import (reference) \"/Users/bradforda/Projects/ccdb5-ui/src/css/base.less\";","// this was copied from bootstrap/dist/css\n// only including what we need so we don't add the rest of the bootstrap styles\n\n.tooltip {\n --bs-tooltip-zindex: 1080;\n --bs-tooltip-max-width: 200px;\n --bs-tooltip-padding-x: 0.5rem;\n --bs-tooltip-padding-y: 0.25rem;\n --bs-tooltip-font-size: 0.875rem;\n --bs-tooltip-color: #fff;\n --bs-tooltip-bg: #000;\n --bs-tooltip-border-radius: 0.375rem;\n --bs-tooltip-opacity: 0.9;\n --bs-tooltip-arrow-width: 0.8rem;\n --bs-tooltip-arrow-height: 0.4rem;\n z-index: var(--bs-tooltip-zindex);\n display: block;\n padding: var(--bs-tooltip-arrow-height);\n margin: var(--bs-tooltip-margin);\n font-family: var(--bs-font-sans-serif);\n font-style: normal;\n font-weight: 400;\n line-height: 1.5;\n text-align: left;\n text-align: start;\n text-decoration: none;\n text-shadow: none;\n text-transform: none;\n letter-spacing: normal;\n word-break: normal;\n white-space: normal;\n word-spacing: normal;\n line-break: auto;\n font-size: var(--bs-tooltip-font-size);\n word-wrap: break-word;\n opacity: 0;\n}\n\n.tooltip.show {\n opacity: var(--bs-tooltip-opacity);\n}\n\n.tooltip .tooltip-arrow {\n display: block;\n width: var(--bs-tooltip-arrow-width);\n height: var(--bs-tooltip-arrow-height);\n}\n\n.tooltip .tooltip-arrow::before {\n position: absolute;\n content: '';\n border-color: transparent;\n border-style: solid;\n}\n\n.bs-tooltip-top .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^='top'] .tooltip-arrow {\n bottom: 0;\n}\n\n.bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^='top'] .tooltip-arrow::before {\n top: -1px;\n border-width: var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0;\n border-top-color: var(--bs-tooltip-bg);\n}\n\n/* rtl:begin:ignore */\n.bs-tooltip-end .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^='right'] .tooltip-arrow {\n left: 0;\n width: var(--bs-tooltip-arrow-height);\n height: var(--bs-tooltip-arrow-width);\n}\n\n.bs-tooltip-end .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^='right'] .tooltip-arrow::before {\n right: -1px;\n border-width: calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0;\n border-right-color: var(--bs-tooltip-bg);\n}\n\n/* rtl:end:ignore */\n.bs-tooltip-bottom .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^='bottom'] .tooltip-arrow {\n top: 0;\n}\n\n.bs-tooltip-bottom .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^='bottom'] .tooltip-arrow::before {\n bottom: -1px;\n border-width: 0 calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height);\n border-bottom-color: var(--bs-tooltip-bg);\n}\n\n/* rtl:begin:ignore */\n.bs-tooltip-start .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^='left'] .tooltip-arrow {\n right: 0;\n width: var(--bs-tooltip-arrow-height);\n height: var(--bs-tooltip-arrow-width);\n}\n\n.bs-tooltip-start .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^='left'] .tooltip-arrow::before {\n left: -1px;\n border-width: calc(var(--bs-tooltip-arrow-width) * 0.5) 0 calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height);\n border-left-color: var(--bs-tooltip-bg);\n}\n\n/* rtl:end:ignore */\n.tooltip-inner {\n max-width: var(--bs-tooltip-max-width);\n padding: var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);\n color: var(--bs-tooltip-color);\n text-align: center;\n background-color: var(--bs-tooltip-bg);\n border-radius: var(--bs-tooltip-border-radius);\n}\n\n.popover {\n --bs-popover-zindex: 1070;\n --bs-popover-max-width: 276px;\n --bs-popover-font-size: 0.875rem;\n --bs-popover-bg: #fff;\n --bs-popover-border-width: 1px;\n --bs-popover-border-color: var(--bs-border-color-translucent);\n --bs-popover-border-radius: 0.5rem;\n --bs-popover-inner-border-radius: calc(0.5rem - 1px);\n --bs-popover-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 15%);\n --bs-popover-header-padding-x: 1rem;\n --bs-popover-header-padding-y: 0.5rem;\n --bs-popover-header-font-size: 1rem;\n --bs-popover-header-bg: #f0f0f0;\n --bs-popover-body-padding-x: 1rem;\n --bs-popover-body-padding-y: 1rem;\n --bs-popover-body-color: #212529;\n --bs-popover-arrow-width: 1rem;\n --bs-popover-arrow-height: 0.5rem;\n --bs-popover-arrow-border: var(--bs-popover-border-color);\n z-index: var(--bs-popover-zindex);\n display: block;\n max-width: var(--bs-popover-max-width);\n font-family: var(--bs-font-sans-serif);\n font-style: normal;\n font-weight: 400;\n line-height: 1.5;\n text-align: left;\n text-align: start;\n text-decoration: none;\n text-shadow: none;\n text-transform: none;\n letter-spacing: normal;\n word-break: normal;\n white-space: normal;\n word-spacing: normal;\n line-break: auto;\n font-size: var(--bs-popover-font-size);\n word-wrap: break-word;\n background-color: var(--bs-popover-bg);\n background-clip: padding-box;\n border: var(--bs-popover-border-width) solid var(--bs-popover-border-color);\n border-radius: var(--bs-popover-border-radius);\n}\n\n.popover .popover-arrow {\n display: block;\n width: var(--bs-popover-arrow-width);\n height: var(--bs-popover-arrow-height);\n}\n\n.popover .popover-arrow::before, .popover .popover-arrow::after {\n position: absolute;\n display: block;\n content: '';\n border-color: transparent;\n border-style: solid;\n border-width: 0;\n}\n\n.bs-popover-top > .popover-arrow, .bs-popover-auto[data-popper-placement^='top'] > .popover-arrow {\n bottom: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));\n}\n\n.bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^='top'] > .popover-arrow::before, .bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^='top'] > .popover-arrow::after {\n border-width: var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * 0.5) 0;\n}\n\n.bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^='top'] > .popover-arrow::before {\n bottom: 0;\n border-top-color: var(--bs-popover-arrow-border);\n}\n\n.bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^='top'] > .popover-arrow::after {\n bottom: var(--bs-popover-border-width);\n border-top-color: var(--bs-popover-bg);\n}\n\n/* rtl:begin:ignore */\n.bs-popover-end > .popover-arrow, .bs-popover-auto[data-popper-placement^='right'] > .popover-arrow {\n left: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));\n width: var(--bs-popover-arrow-height);\n height: var(--bs-popover-arrow-width);\n}\n\n.bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^='right'] > .popover-arrow::before, .bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^='right'] > .popover-arrow::after {\n border-width: calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * 0.5) 0;\n}\n\n.bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^='right'] > .popover-arrow::before {\n left: 0;\n border-right-color: var(--bs-popover-arrow-border);\n}\n\n.bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^='right'] > .popover-arrow::after {\n left: var(--bs-popover-border-width);\n border-right-color: var(--bs-popover-bg);\n}\n\n/* rtl:end:ignore */\n.bs-popover-bottom > .popover-arrow, .bs-popover-auto[data-popper-placement^='bottom'] > .popover-arrow {\n top: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));\n}\n\n.bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^='bottom'] > .popover-arrow::before, .bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^='bottom'] > .popover-arrow::after {\n border-width: 0 calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height);\n}\n\n.bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^='bottom'] > .popover-arrow::before {\n top: 0;\n border-bottom-color: var(--bs-popover-arrow-border);\n}\n\n.bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^='bottom'] > .popover-arrow::after {\n top: var(--bs-popover-border-width);\n border-bottom-color: var(--bs-popover-bg);\n}\n\n.bs-popover-bottom .popover-header::before, .bs-popover-auto[data-popper-placement^='bottom'] .popover-header::before {\n position: absolute;\n top: 0;\n left: 50%;\n display: block;\n width: var(--bs-popover-arrow-width);\n margin-left: calc(-0.5 * var(--bs-popover-arrow-width));\n content: '';\n border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-header-bg);\n}\n\n/* rtl:begin:ignore */\n.bs-popover-start > .popover-arrow, .bs-popover-auto[data-popper-placement^='left'] > .popover-arrow {\n right: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));\n width: var(--bs-popover-arrow-height);\n height: var(--bs-popover-arrow-width);\n}\n\n.bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^='left'] > .popover-arrow::before, .bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^='left'] > .popover-arrow::after {\n border-width: calc(var(--bs-popover-arrow-width) * 0.5) 0 calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height);\n}\n\n.bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^='left'] > .popover-arrow::before {\n right: 0;\n border-left-color: var(--bs-popover-arrow-border);\n}\n\n.bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^='left'] > .popover-arrow::after {\n right: var(--bs-popover-border-width);\n border-left-color: var(--bs-popover-bg);\n}\n\n/* rtl:end:ignore */\n.popover-header {\n padding: var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x);\n margin-bottom: 0;\n font-size: var(--bs-popover-header-font-size);\n color: var(--bs-popover-header-color);\n background-color: var(--bs-popover-header-bg);\n border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-border-color);\n border-top-left-radius: var(--bs-popover-inner-border-radius);\n border-top-right-radius: var(--bs-popover-inner-border-radius);\n}\n\n.popover-header:empty {\n display: none;\n}\n\n.popover-body {\n padding: var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x);\n color: var(--bs-popover-body-color);\n}\n@hack: true;@import (reference) \"/Users/bradforda/Projects/ccdb5-ui/src/css/base.less\";",".complex-example {\n button { margin: @gutter-narrow 0; }\n .descriptor {\n display:block;\n margin: @gutter-narrow 0;\n text-decoration: underline;\n }\n}\n@hack: true;@import (reference) \"/Users/bradforda/Projects/ccdb5-ui/src/css/base.less\";",".introjs-overlay{position:absolute;box-sizing:content-box;z-index:999999;opacity:0;transition:all .3s ease-out}.introjs-showElement{z-index:9999999!important}tr.introjs-showElement>td{z-index:9999999!important;position:relative}tr.introjs-showElement>th{z-index:9999999!important;position:relative}.introjs-disableInteraction{z-index:99999999!important;position:absolute;background-color:#fff;opacity:0}.introjs-relativePosition{position:relative}.introjs-helperLayer{box-sizing:content-box;position:absolute;z-index:9999998;border-radius:4px;transition:all .3s ease-out}.introjs-helperLayer *{box-sizing:content-box}.introjs-helperLayer :before{box-sizing:content-box}.introjs-helperLayer :after{box-sizing:content-box}.introjs-tooltipReferenceLayer{font-family:\"Helvetica Neue\",Inter,ui-sans-serif,\"Apple Color Emoji\",Helvetica,Arial,sans-serif;box-sizing:content-box;position:absolute;visibility:hidden;z-index:100000000;background-color:transparent;transition:all .3s ease-out}.introjs-tooltipReferenceLayer *{font-family:\"Helvetica Neue\",Inter,ui-sans-serif,\"Apple Color Emoji\",Helvetica,Arial,sans-serif}.introjs-helperNumberLayer{font-family:\"Helvetica Neue\",Inter,ui-sans-serif,\"Apple Color Emoji\",Helvetica,Arial,sans-serif;color:#9e9e9e;text-align:center;padding-top:10px;padding-bottom:10px}.introjs-arrow{border:5px solid transparent;content:\"\";position:absolute}.introjs-arrow.top{top:-10px;left:10px;border-bottom-color:#fff}.introjs-arrow.top-right{top:-10px;right:10px;border-bottom-color:#fff}.introjs-arrow.top-middle{top:-10px;left:50%;margin-left:-5px;border-bottom-color:#fff}.introjs-arrow.right{right:-10px;top:10px;border-left-color:#fff}.introjs-arrow.right-bottom{bottom:10px;right:-10px;border-left-color:#fff}.introjs-arrow.bottom{bottom:-10px;left:10px;border-top-color:#fff}.introjs-arrow.bottom-right{bottom:-10px;right:10px;border-top-color:#fff}.introjs-arrow.bottom-middle{bottom:-10px;left:50%;margin-left:-5px;border-top-color:#fff}.introjs-arrow.left{left:-10px;top:10px;border-right-color:#fff}.introjs-arrow.left-bottom{left:-10px;bottom:10px;border-right-color:#fff}.introjs-tooltip{box-sizing:content-box;position:absolute;visibility:visible;background-color:#fff;min-width:250px;max-width:300px;border-radius:5px;box-shadow:0 3px 30px rgba(33,33,33,.3);transition:opacity .1s ease-out}.introjs-tooltiptext{padding:20px}.introjs-dontShowAgain{padding-left:20px;padding-right:20px}.introjs-dontShowAgain input{padding:0;margin:0;margin-bottom:2px;display:inline;width:10px;height:10px}.introjs-dontShowAgain label{font-size:14px;display:inline-block;font-weight:400;margin:0 0 0 5px;padding:0;background-color:#fff;color:#616161;-webkit-user-select:none;user-select:none}.introjs-tooltip-title{font-size:18px;width:90%;min-height:1.5em;margin:0;padding:0;font-weight:700;line-height:1.5}.introjs-tooltip-header{position:relative;padding-left:20px;padding-right:20px;padding-top:10px;min-height:1.5em}.introjs-tooltipbuttons{border-top:1px solid #e0e0e0;padding:10px;text-align:right;white-space:nowrap}.introjs-tooltipbuttons:after{content:\"\";visibility:hidden;display:block;height:0;clear:both}.introjs-button{box-sizing:content-box;position:relative;overflow:visible;padding:.5rem 1rem;border:1px solid #bdbdbd;text-decoration:none;text-shadow:1px 1px 0 #fff;font-size:14px;color:#424242;white-space:nowrap;cursor:pointer;outline:0;background-color:#f4f4f4;border-radius:.2em;zoom:1;display:inline}.introjs-button:hover{outline:0;text-decoration:none;border-color:#9e9e9e;background-color:#e0e0e0;color:#212121}.introjs-button:focus{outline:0;text-decoration:none;background-color:#eee;box-shadow:0 0 0 .2rem rgba(158,158,158,.5);border:1px solid #616161;color:#212121}.introjs-button:active{outline:0;text-decoration:none;background-color:#e0e0e0;border-color:#9e9e9e;color:#212121}.introjs-button::-moz-focus-inner{padding:0;border:0}.introjs-skipbutton{position:absolute;top:0;right:0;display:inline-block;width:45px;height:45px;line-height:45px;color:#616161;font-size:22px;cursor:pointer;font-weight:700;text-align:center;text-decoration:none}.introjs-skipbutton:focus,.introjs-skipbutton:hover{color:#212121;outline:0;text-decoration:none}.introjs-prevbutton{float:left}.introjs-nextbutton{float:right}.introjs-disabled{color:#9e9e9e;border-color:#bdbdbd;box-shadow:none;cursor:default;background-color:#f4f4f4;background-image:none;text-decoration:none}.introjs-disabled:focus,.introjs-disabled:hover{color:#9e9e9e;border-color:#bdbdbd;box-shadow:none;cursor:default;background-color:#f4f4f4;background-image:none;text-decoration:none}.introjs-hidden{display:none}.introjs-bullets{text-align:center;padding-top:10px;padding-bottom:10px}.introjs-bullets ul{box-sizing:content-box;clear:both;margin:0 auto 0;padding:0;display:inline-block}.introjs-bullets ul li{box-sizing:content-box;list-style:none;float:left;margin:0 2px}.introjs-bullets ul li a{transition:width .1s ease-in;box-sizing:content-box;display:block;width:6px;height:6px;background:#ccc;border-radius:10px;text-decoration:none;cursor:pointer}.introjs-bullets ul li a:focus,.introjs-bullets ul li a:hover{width:15px;background:#999;text-decoration:none;outline:0}.introjs-bullets ul li a.active{width:15px;background:#999}.introjs-progress{box-sizing:content-box;overflow:hidden;height:10px;margin:10px;border-radius:4px;background-color:#e0e0e0}.introjs-progressbar{box-sizing:content-box;float:left;width:0%;height:100%;font-size:10px;line-height:10px;text-align:center;background-color:#08c}.introjsFloatingElement{position:absolute;height:0;width:0;left:50%;top:50%}.introjs-fixedTooltip{position:fixed}.introjs-hint{box-sizing:content-box;position:absolute;background:0 0;width:20px;height:15px;cursor:pointer}.introjs-hint:focus{border:0;outline:0}.introjs-hint:hover>.introjs-hint-pulse{background-color:rgba(60,60,60,.57)}.introjs-hidehint{display:none}.introjs-fixedhint{position:fixed}@keyframes introjspulse{0%{transform:scale(.95);box-shadow:0 0 0 0 rgba(0,0,0,.7)}70%{transform:scale(1);box-shadow:0 0 0 10px transparent}100%{transform:scale(.95);box-shadow:0 0 0 0 transparent}}.introjs-hint-pulse{box-sizing:content-box;width:15px;height:15px;border-radius:30px;background-color:rgba(136,136,136,.24);z-index:10;position:absolute;transition:all .2s ease-out;animation:introjspulse 2s infinite}.introjs-hint-no-anim .introjs-hint-pulse{animation:none}.introjs-hint-dot{box-sizing:content-box;background:0 0;border-radius:60px;height:50px;width:50px;position:absolute;top:-18px;left:-18px;z-index:1;opacity:0}\n/*# sourceMappingURL=introjs.css.map */\n@hack: true;@import (reference) \"/Users/bradforda/Projects/ccdb5-ui/src/css/base.less\";","// Intro.js styles\n@import (css) '../../../node_modules/intro.js/introjs.css';\n\n.introjs-tooltip.wide {\n max-width: 80vw !important;\n width: 80vw;\n margin-left: -40vw;\n\n .left {\n width: 80%;\n float: left;\n }\n .right {\n display: inline-block;\n margin-left: @gutter-normal;\n }\n}\n\n.introjs-tooltipReferenceLayer > .first-step {\n @media @superwide {\n margin-top: -40vh !important;\n }\n @media @desktop and (max-width: 1799px){\n margin-top: -90vh !important;\n }\n @media @tablet-lg {\n margin-top: -110vh !important;\n }\n @media @tablet-sm {\n margin-top: -130vh !important;\n }\n @media @phone {\n margin-top: -110vh !important;\n }\n}\n\n@hack: true;@import (reference) \"/Users/bradforda/Projects/ccdb5-ui/src/css/base.less\";",".tour-button {\n background-color: var(--pacific);\n height: 40px;\n color: var(--white);\n border-radius: 5px;\n position: fixed;\n bottom: 21px;\n right: 25px;\n}\n\n@hack: true;@import (reference) \"/Users/bradforda/Projects/ccdb5-ui/src/css/base.less\";"],"names":[],"sourceRoot":""}
1
+ {"version":3,"file":"static/css/main.5ce991a0.css","mappings":"AAIA,4DCQA,KACE,uBACA,0BACA,8BAOF,KDtBA,SCkCA,QACE,oBAOF,iBAEE,UAYF,GACE,cDzDF,eCiEA,GAEE,uBACA,SAOF,kBAIE,4BACA,cAOF,IACE,qBAOF,EACE,uCAOF,MACE,cAOF,QAEE,cACA,cACA,kBACA,wBAGF,IACE,UAGF,IACE,cAWF,ODvIA,SCmJA,SACE,yBDpJF,wCC8JA,OACE,SD/JF,UCyKA,6BAIE,oBACA,eD9KF,SCuLA,aAEE,mBAUF,cAEE,oBAWF,oEAIE,0BACA,eAOF,sCAEE,eAQF,uCAEE,sBDxOF,UCkPA,mBACE,6BAGA,uBAQF,+FAEE,wBAOF,iDAEE,SDzQF,UCkRA,SACE,cACA,mBAWF,MACE,yBACA,iBCjSF,MAiCE,iBACA,oBACA,oBAGA,sBACA,0BACA,iBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBAGA,qBACA,yBACA,gBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBAGA,wBACA,4BACA,mBACA,sBACA,sBACA,sBACA,sBACA,sBACA,sBACA,sBACA,sBACA,sBAGA,qBACA,yBACA,gBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBAGA,uBACA,2BACA,kBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBACA,qBAGA,oBACA,wBACA,eACA,kBACA,kBACA,kBACA,kBACA,kBACA,kBACA,kBACA,kBACA,kBAGA,qBACA,yBACA,gBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBAGA,wBACA,4BACA,mBACA,sBACA,sBACA,sBACA,sBACA,sBACA,sBACA,sBACA,sBACA,sBAGA,uBACA,qBACA,yBACA,gBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,mBACA,kBAGA,iBACA,cC9JA,gCACE,uBAWF,qBACE,wBASF,kBACE,WACA,cACA,WAQJ,mBACE,kBACA,UACA,WACA,SH/CF,sBGkDE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EA,mCACE,yDAEA,yCACE,8BA7DR,0CAkEM,kBACA,QACA,UACA,iBACA,+BC/JR,QACE,kBAGE,iCvB7DJ,gBuB4DE,8CAMI,gBAIJ,8CACE,wCACA,yDACA,wBvBzEJ,gBuB6EE,wDAEE,aACA,sBACA,YACA,aACA,sBACA,YAGF,gBACE,mBAGF,iBACE,gBACA,wBnB1EF,2DCqCA,0BACA,kBACA,gBACA,uBACA,iBACA,uBA4IA,0WAkBE,yBDxMF,gGCgDA,0BACA,kBACA,gBACA,uBACA,iBACA,wBkBgCA,kBACE,iCAEA,wBACE,mCAGF,+BACE,cACA,gBACA,uBAGF,sDAEE,mBAIJ,gBACE,gBACA,mBAIF,eACE,kBACA,YACA,wCAEA,iBACE,yDACA,wBAPJ,4BAWI,kBACA,iCACA,sBAGF,uBAEI,iLArGN,2BACE,WACA,kBACA,OACA,WACA,WACA,WACA,2CA4EF,mCA1HE,eACA,eACA,wBACA,iDACA,oBACA,gBACA,mCACA,qBAGF,6CACE,8CACA,gCAOF,yCACE,mBACA,sDACA,wCAGF,2CACE,sDACA,wCAGF,4CACE,sDACA,mBACA,wCAwHF,mCAEI,mCAOJ,kBACE,gBACA,kBAFF,oBAMI,iBANJ,wCAUI,kBACA,UACA,iBAEA,4CACA,yDACA,wBAhBJ,8BAoBI,kBACA,UACA,MACA,SACA,YACA,aAGA,mBA5BJ,iCAiCI,gBAGF,8CAEI,iLAjKN,8BACE,WACA,kBACA,OACA,WACA,WACA,WACA,2CAoHF,sCAlKE,eACA,eACA,wBACA,iDACA,oBACA,gBACA,mCACA,qBAGF,gDACE,8CACA,gCAOF,4CACE,mBACA,sDACA,wCAGF,8CACE,iDACA,mCAGF,+CACE,8CACA,mBACA,gCAiIF,sClBjHA,0BACA,kBACA,gBACA,uBACA,iBACA,uBmBvDF,QACE,wDAEA,gBACE,aACA,iBxBXJ,cwBaI,iBACA,oBAGF,aACE,mBACA,kBAGF,gBnBYA,0BACA,kBACA,gBACA,uBACA,iBACA,uBmBbA,gBAGE,eACA,iBAGF,sBACE,sBACA,gBAGF,cACE,2BACA,4BACA,wBAEA,WAKA,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BAtBN,uCAyBQ,mBAzBR,uBA8BI,qCC3BJ,SACE,0BACA,8BACA,8BACA,+BACA,gCACA,yBACA,sBACA,oCACA,yBACA,gCACA,iCACA,iCACA,cACA,uCACA,gCACA,sCACA,kBACA,gBACA,gBACA,gBACA,iBACA,qBACA,iBACA,oBACA,sBACA,kBACA,mBACA,oBACA,gBACA,sCACA,qBACA,UAGF,cACE,kCAGF,wBACE,cACA,oCACA,sCAGF,+BACE,kBACA,WACA,yBACA,mBAGF,2FACE,SAGF,yGACE,SACA,uFACA,sCAIF,6FACE,OACA,qCACA,qCAGF,2GACE,WACA,gIACA,wCAIF,iGACE,MAGF,+GACE,YACA,uFACA,yCAIF,8FACE,QACA,qCACA,qCAGF,4GACE,UACA,gIACA,uCAIF,eACE,sCACA,gEACA,8BACA,kBACA,sCACA,8CAGF,SACE,0BACA,8BACA,gCACA,sBACA,+BACA,8DACA,kCACA,mDACA,yDACA,oCACA,qCACA,oCACA,gCACA,kCACA,kCACA,iCACA,+BACA,iCACA,0DACA,iCACA,cACA,sCACA,sCACA,kBACA,gBACA,gBACA,gBACA,iBACA,qBACA,iBACA,oBACA,sBACA,kBACA,mBACA,oBACA,gBACA,sCACA,qBACA,sCACA,4BACA,2EACA,8CAGF,wBACE,cACA,oCACA,sCAGF,6DACE,kBACA,cACA,WACA,yBACA,mBACA,eAGF,2FACE,oFAGF,gNACE,uFAGF,yGACE,SACA,gDAGF,uGACE,sCACA,sCAIF,6FACE,kFACA,qCACA,qCAGF,oNACE,gIAGF,2GACE,OACA,kDAGF,yGACE,oCACA,wCAIF,iGACE,iFAGF,4NACE,uFAGF,+GACE,MACA,mDAGF,6GACE,mCACA,yCAGF,iHACE,kBACA,MACA,SACA,cACA,oCACA,sDACA,WACA,+EAIF,8FACE,mFACA,qCACA,qCAGF,sNACE,gIAGF,4GACE,QACA,iDAGF,0GACE,qCACA,uCAIF,gBACE,8EACA,gBACA,6CACA,qCACA,6CACA,kFACA,6DACA,8DAGF,sBACE,aAGF,cACE,0EACA,mCC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","sources":["css/App.less","../node_modules/@cfpb/cfpb-core/src/normalize.css","../node_modules/@cfpb/cfpb-core/src/brand-colors.less","../node_modules/@cfpb/cfpb-core/src/utilities.less","../node_modules/@cfpb/cfpb-core/src/media-queries.less","../node_modules/@cfpb/cfpb-core/src/base.less","../node_modules/@cfpb/cfpb-atomic-component/src/utilities/transition/transition.less","../node_modules/@cfpb/cfpb-icons/src/cfpb-icons.less","../node_modules/@cfpb/cfpb-buttons/src/atoms/buttons.less","../node_modules/@cfpb/cfpb-buttons/src/atoms/button-links.less","../node_modules/@cfpb/cfpb-buttons/src/atoms/buttons-with-icons.less","../node_modules/@cfpb/cfpb-buttons/src/molecules/button-groups.less","../node_modules/@cfpb/cfpb-forms/src/atoms/form-alert.less","../node_modules/@cfpb/cfpb-forms/src/atoms/label.less","../node_modules/@cfpb/cfpb-forms/src/atoms/legend.less","../node_modules/@cfpb/cfpb-forms/src/atoms/range.less","../node_modules/@cfpb/cfpb-forms/src/atoms/select.less","../node_modules/@cfpb/cfpb-forms/src/atoms/text-input.less","../node_modules/@cfpb/cfpb-forms/src/molecules/btn-inside-input.less","../node_modules/@cfpb/cfpb-forms/src/molecules/form-fields.less","../node_modules/@cfpb/cfpb-forms/src/organisms/form.less","../node_modules/@cfpb/cfpb-grid/src/cfpb-grid.less","../node_modules/@cfpb/cfpb-forms/src/organisms/multiselect.less","../node_modules/@cfpb/cfpb-layout/src/molecules/card.less","../node_modules/@cfpb/cfpb-layout/src/molecules/heroes.less","../node_modules/@cfpb/cfpb-layout/src/organisms/card-group.less","../node_modules/@cfpb/cfpb-layout/src/organisms/featured-content-module.less","../node_modules/@cfpb/cfpb-layout/src/organisms/wells.less","../node_modules/@cfpb/cfpb-layout/src/organisms/email-signup.less","../node_modules/@cfpb/cfpb-layout/src/organisms/text-introduction.less","../node_modules/@cfpb/cfpb-layout/src/cfpb-layout.less","../node_modules/@cfpb/cfpb-typography/src/atoms/date.less","../node_modules/@cfpb/cfpb-typography/src/atoms/headings.less","../node_modules/@cfpb/cfpb-typography/src/atoms/links.less","../node_modules/@cfpb/cfpb-typography/src/atoms/tagline.less","../node_modules/@cfpb/cfpb-typography/src/molecules/list.less","../node_modules/@cfpb/cfpb-typography/src/molecules/meta-header.less","../node_modules/@cfpb/cfpb-typography/src/molecules/pull-quote.less","../node_modules/@cfpb/cfpb-typography/src/molecules/slug-header.less","../node_modules/@cfpb/cfpb-typography/src/licensed-fonts.less","../node_modules/@cfpb/cfpb-notifications/src/molecules/notification.less","../node_modules/@cfpb/cfpb-notifications/src/organisms/banner.less","../node_modules/@cfpb/cfpb-pagination/src/molecules/pagination.less","../node_modules/@cfpb/cfpb-expandables/src/expandable.less","../node_modules/@cfpb/cfpb-expandables/src/summary.less","../node_modules/@cfpb/cfpb-expandables/src/summary-minimal.less","../node_modules/@cfpb/cfpb-tables/src/cfpb-tables.less","components/Print/print.less","components/ComplaintDetail/ComplaintDetail.less","components/Loading/Loading.less","components/Search/Hero/Hero.less","components/Filters/FilterPanel.less","components/Filters/CollapsibleFilter.less","components/Typeahead/Typeahead.less","components/Filters/DateFilter.less","components/Filters/DateRanges.less","components/Filters/AggregationBranch.less","components/Filters/Aggregation.less","components/List/ListPanel/ListPanel.less","components/select.less","components/RefineBar/RefineBar.less","components/ActionBar/ActionBar.less","components/Warnings/Warning.less","components/List/ComplaintCard/ComplaintCard.less","components/Filters/FilterPanelToggle.less","components/RefineBar/Separator.less","components/Map/MapToolbar.less","components/Charts/RowChart.less","components/Map/TileChartMap/TileChartMap.less","components/Print/PrintInfo.less","components/Trends/TrendsPanel.less","components/RefineBar/ChartToggles.less","components/Trends/FocusHeader.less","components/Trends/LensTabs.less","components/Charts/LineChart.less","components/Charts/StackedAreaChart.less","components/TabbedNavigation.less","components/Trends/TrendDepthToggle.less","components/Dialogs/RootModal.less","components/Dialogs/DataExport/DataExport.less","components/Search/SearchPanel.less","components/Search/PillPanel.less","components/Search/Pill.less","components/Search/SearchBar.less","components/Search/AdvancedTips/AdvancedTips.less","components/Common/TooltipWrapper/TooltipWrapper.less","components/Search/AdvancedTips/ComplexExample.less","../node_modules/intro.js/introjs.css","components/Tour/Tour.less","components/Tour/TourButton.less"],"sourcesContent":["// Import Design System Components.\n@import (less) '@cfpb/cfpb-core/src/cfpb-core.less';\n@import (less) '@cfpb/cfpb-atomic-component/src/cfpb-atomic-component.less';\n@import (less) '@cfpb/cfpb-icons/src/cfpb-icons.less';\n@import (less) '@cfpb/cfpb-buttons/src/cfpb-buttons.less';\n@import (less) '@cfpb/cfpb-forms/src/cfpb-forms.less';\n@import (less) '@cfpb/cfpb-grid/src/cfpb-grid.less';\n@import (less) '@cfpb/cfpb-layout/src/cfpb-layout.less';\n@import (less) '@cfpb/cfpb-typography/src/cfpb-typography.less';\n@import (less) '@cfpb/cfpb-notifications/src/cfpb-notifications.less';\n@import (less) '@cfpb/cfpb-pagination/src/cfpb-pagination.less';\n@import (less) '@cfpb/cfpb-expandables/src/cfpb-expandables.less';\n@import (less) '@cfpb/cfpb-tables/src/cfpb-tables.less';\n@import (less) '../components/Print/print.less';\n\n// Icon font path\n@cf-icon-path: '../css/fonts';\n\n// Webfont variables\n// This is the path for self-hosted fonts.\n@cf-fonts-path: '/static/fonts';\n\n// Override for Design System.\n// Fix for spacing in mega menu headings.\n.o-mega-menu_group-heading,\n.o-mega-menu_content-2-list__featured ul {\n margin-bottom: 1.875em;\n}\n\n// Fix for erroneously added border below external link in mega menu.\n.o-mega-menu_content-link .a-link_text {\n border-bottom-width: 0;\n}\n\n// Fix for incorrect header width.\n.o-header .wrapper,\n.o-footer .wrapper {\n max-width: 1170px !important;\n}\n\n// App-wide definitions\n\n.layout-row {\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n}\n\n.layout-column {\n display: flex;\n flex-direction: column;\n}\n\n.flex-fixed {\n flex: none;\n}\n\n.flex-all {\n flex: 1 0 auto;\n}\n\n.body-copy {\n font-size: 16px;\n}\n\n.cols {\n .grid_nested-col-group();\n}\n\n.col::before {\n display: block;\n\n width: 100%;\n content: '';\n}\n\n.col-1 {\n .grid_column(1);\n}\n\n.col-2 {\n .grid_column(2);\n}\n\n.col-3 {\n .grid_column(3);\n}\n\n.col-4 {\n .grid_column(4);\n}\n\n.col-6 {\n .grid_column(6);\n}\n\n.col-8 {\n .grid_column(8);\n}\n\n.col-9 {\n .grid_column(9);\n}\n\n.col-10 {\n .grid_column(10);\n}\n\n.col-12 {\n .grid_column(12);\n}\n\n// Overrides\n\n.content__1-3 {\n margin-bottom: @grid_gutter-width * 2;\n\n .content_wrapper {\n padding-left: 0;\n padding-right: 0;\n border: 1px solid var(--gray-40);\n border-right: none;\n max-width: initial;\n\n @media @phone {\n border: none;\n }\n }\n\n .content_sidebar {\n width: 420px;\n padding: 0;\n border: 0;\n margin: 0;\n }\n\n .content_main {\n width: ~'calc(100% - 420px)';\n padding: 0;\n border: 0;\n\n &::after {\n border-left: 0;\n }\n }\n}\n\n// gutters\n.wrapper__match-content {\n @media @tablet {\n padding-left: 20px;\n padding-right: 20px;\n }\n\n @media @desktop {\n padding-left: 30px;\n padding-right: 30px;\n }\n\n @media @superwide {\n padding-left: 80px;\n padding-right: 80px;\n }\n}\n\n@media @tablet-lg {\n .content__1-3 {\n .content_sidebar {\n width: 305px;\n }\n\n .content_main {\n width: ~'calc(100% - 305px)';\n }\n }\n}\n\n@media @tablet-sm {\n .content__1-3 {\n .content_main {\n width: 100%;\n }\n .content_sidebar {\n &.map,\n &.list {\n width: 100%;\n }\n }\n }\n .filter-button {\n display: block;\n margin: 20px 10px;\n button {\n width: 100%;\n }\n }\n}\n\n@media @phone {\n .filter-button {\n display: block;\n margin: 20px 0;\n button {\n width: 100%;\n }\n }\n .content__1-3 {\n margin-bottom: 0;\n .content {\n &_sidebar,\n &_main {\n width: 100%;\n }\n }\n }\n}\n\nbody {\n a,\n .a-btn__link {\n color: @link-text;\n &:hover {\n color: @link-text-hover;\n }\n }\n}\n\n::-ms-clear {\n display: none;\n}\n\n@hack: true;@import (reference) \"/Users/bradforda/Projects/ccdb5-ui/src/css/base.less\";","/*! normalize.css v2.1.3 | MIT License | git.io/normalize */\n\n/* ==========================================================================\n Base\n ========================================================================== */\n\n/**\n * 1. Set default font family to sans-serif.\n * 2. Prevent iOS text size adjust after orientation change, without disabling\n * user zoom.\n */\n\nhtml {\n font-family: sans-serif; /* 1 */\n -ms-text-size-adjust: 100%; /* 2 */\n -webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/**\n * Remove default margin.\n */\n\nbody {\n margin: 0;\n}\n\n/* ==========================================================================\n Links\n ========================================================================== */\n\n/**\n * Address `outline` inconsistency between Chrome and other browsers.\n */\n\na:focus {\n outline: thin dotted;\n}\n\n/**\n * Improve readability when focused and also mouse hovered in all browsers.\n */\n\na:active,\na:hover {\n outline: 0;\n}\n\n/* ==========================================================================\n Typography\n ========================================================================== */\n\n/**\n * Address variable `h1` font-size and margin within `section` and `article`\n * contexts in Firefox 4+, Safari 5, and Chrome.\n */\n\nh1 {\n font-size: 2em;\n margin: 0.67em 0;\n}\n\n/**\n * Address differences between Firefox and other browsers.\n */\n\nhr {\n -moz-box-sizing: content-box;\n box-sizing: content-box;\n height: 0;\n}\n\n/**\n * Correct font family set oddly in Safari 5 and Chrome.\n */\n\ncode,\nkbd,\npre,\nsamp {\n font-family: monospace, serif;\n font-size: 1em;\n}\n\n/**\n * Improve readability of pre-formatted text in all browsers.\n */\n\npre {\n white-space: pre-wrap;\n}\n\n/**\n * Set consistent quote types.\n */\n\nq {\n quotes: '\\201C' '\\201D' '\\2018' '\\2019';\n}\n\n/**\n * Address inconsistent and variable font size in all browsers.\n */\n\nsmall {\n font-size: 80%;\n}\n\n/**\n * Prevent `sub` and `sup` affecting `line-height` in all browsers.\n */\n\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsup {\n top: -0.5em;\n}\n\nsub {\n bottom: -0.25em;\n}\n\n/* ==========================================================================\n Figures\n ========================================================================== */\n\n/**\n * Address margin not present in IE 8/9 and Safari 5.\n */\n\nfigure {\n margin: 0;\n}\n\n/* ==========================================================================\n Forms\n ========================================================================== */\n\n/**\n * Define consistent border, margin, and padding.\n */\n\nfieldset {\n border: 1px solid #c0c0c0;\n margin: 0 2px;\n padding: 0.35em 0.625em 0.75em;\n}\n\n/**\n * 1. Correct `color` not being inherited in IE 8/9.\n * 2. Remove padding so people aren't caught out if they zero out fieldsets.\n */\n\nlegend {\n border: 0; /* 1 */\n padding: 0; /* 2 */\n}\n\n/**\n * 1. Correct font family not being inherited in all browsers.\n * 2. Correct font size not being inherited in all browsers.\n * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.\n */\n\nbutton,\ninput,\nselect,\ntextarea {\n font-family: inherit; /* 1 */\n font-size: 100%; /* 2 */\n margin: 0; /* 3 */\n}\n\n/**\n * Address Firefox 4+ setting `line-height` on `input` using `!important` in\n * the UA stylesheet.\n */\n\nbutton,\ninput {\n line-height: normal;\n}\n\n/**\n * Address inconsistent `text-transform` inheritance for `button` and `select`.\n * All other form control elements do not inherit `text-transform` values.\n * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.\n * Correct `select` style inheritance in Firefox 4+ and Opera.\n */\n\nbutton,\nselect {\n text-transform: none;\n}\n\n/**\n * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`\n * and `video` controls.\n * 2. Correct inability to style clickable `input` types in iOS.\n * 3. Improve usability and consistency of cursor style between image-type\n * `input` and others.\n */\n\nbutton,\n html input[type=\"button\"], /* 1 */\n input[type=\"reset\"],\n input[type=\"submit\"] {\n -webkit-appearance: button; /* 2 */\n cursor: pointer; /* 3 */\n}\n\n/**\n * Re-set default cursor for disabled elements.\n */\n\nbutton[disabled],\nhtml input[disabled] {\n cursor: default;\n}\n\n/**\n * 1. Address box sizing set to `content-box` in IE 8/9/10.\n * 2. Remove excess padding in IE 8/9/10.\n */\n\ninput[type='checkbox'],\ninput[type='radio'] {\n box-sizing: border-box; /* 1 */\n padding: 0; /* 2 */\n}\n\n/**\n * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.\n * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome\n * (include `-moz` to future-proof).\n */\n\ninput[type='search'] {\n -webkit-appearance: textfield; /* 1 */\n -moz-box-sizing: content-box;\n -webkit-box-sizing: content-box; /* 2 */\n box-sizing: content-box;\n}\n\n/**\n * Remove inner padding and search cancel button in Safari 5 and Chrome\n * on OS X.\n */\n\ninput[type='search']::-webkit-search-cancel-button,\ninput[type='search']::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n/**\n * Remove inner padding and border in Firefox 4+.\n */\n\nbutton::-moz-focus-inner,\ninput::-moz-focus-inner {\n border: 0;\n padding: 0;\n}\n\n/**\n * 1. Remove default vertical scrollbar in IE 8/9.\n * 2. Improve readability and alignment in all browsers.\n */\n\ntextarea {\n overflow: auto; /* 1 */\n vertical-align: top; /* 2 */\n}\n\n/* ==========================================================================\n Tables\n ========================================================================== */\n\n/**\n * Remove most spacing between table cells.\n */\n\ntable {\n border-collapse: collapse;\n border-spacing: 0;\n}\n",":root {\n /* ==========================================================================\n Design System\n Color variables\n ========================================================================== */\n\n // Official CFPB color palette.\n // Current as of November 20, 2020.\n // To view the colors in the Design System, visit:\n // https://cfpb.github.io/design-system/foundation/color\n //\n // | Beige | Green | Teal | Pacific | Navy | Purple | Red | Gold | Neutral | Gray |\n // | ------ | ------ | ------ | ------- | ------ | ------ | ------ | ------ | ------- | ------ |\n // darker | | | | | | | | | | 293037 |\n // dark | | 1e9642 | 005e5d | 0050b4 | 002d72 | a01b68 | b63014 | dc731c | 745745 | 43484e |\n // mid-dark | | 1fa040 | 126b69 | 0061c1 | 123c7c | aa2071 | c3381c | ed881b | 7d604b | 4f5257 |\n // base | bea96f | 20aa3f | 257675 | 0072ce | 254b87 | b4267a | d14124 | ff9e1b | 8a6c57 | 5a5d61 |\n // 90 | | 48b753 | 3e8685 | 2284d5 | 3e5f95 | be438b | d75a40 | ffab39 | 957865 | 676a6f |\n // 80 | | 66c368 | 579695 | 4497dc | 5674a3 | c55998 | dd735d | ffb858 | a18573 | 75787b |\n // 70 | | 93cf7c | 70a6a5 | 61a7e2 | 6f88b2 | cd70a5 | e28875 | ffc372 | ad9484 | 838588 |\n // 60 | d8c8a0 | addc91 | 89b6b5 | 7eb7e8 | 889cc0 | d486b2 | e79e8e | ffce8d | baa496 | 919395 |\n // 50 | | bae0a2 | 9ec4c3 | 96c4ed | 9daecc | dc9cbf | ebb0a3 | ffd8a3 | c6b4a9 | a2a3a4 |\n // 40 | | c7e5b3 | b4d2d1 | afd2f2 | b3c0d9 | e3b2cc | f0c3b8 | ffe1b9 | d3c5bc | b4b5b6 |\n // 30 | f0e8d8 | d4eac6 | c4dddc | c3ddf6 | c3cde2 | ebc9d9 | f3d1c8 | ffe8cb | ddd1c9 | c3c4c4 |\n // 20 | | e2efd8 | d4e7e6 | d6e8fa | d3daeb | f0d8e2 | f7e0d9 | fff0dd | e7ddd7 | d2d3d5 |\n // 15 | | | | | | | | | | dcdddf |\n // 10 | | f0f8eb | f0f7f6 | eff8fd | f4f6fa | fdf3f8 | fbefec | fff6ec | f8f5f2 | e7e8e9 |\n // 5 | | | | | | | | | | f7f8f9 |\n //\n // CFPB Black: 101820\n // CFPB White: ffffff\n\n // Beige family\n --beige: #bea96f;\n --beige-30: #f0e8d8;\n --beige-60: #d8c8a0;\n\n // Green family\n --green-dark: #1e9642;\n --green-mid-dark: #1fa040;\n --green: #20aa3f; // Primary brand green color, aka \"CFPB Green\"\n --green-90: #48b753;\n --green-80: #66c368;\n --green-70: #93cf7c;\n --green-60: #addc91;\n --green-50: #bae0a2;\n --green-40: #c7e5b3;\n --green-30: #d4eac6;\n --green-20: #e2efd8;\n --green-10: #f0f8eb;\n\n // Teal family\n --teal-dark: #005e5d;\n --teal-mid-dark: #126b69;\n --teal: #257675;\n --teal-90: #3e8685;\n --teal-80: #579695;\n --teal-70: #70a6a5;\n --teal-60: #89b6b5;\n --teal-50: #9ec4c3;\n --teal-40: #b4d2d1;\n --teal-30: #c4dddc;\n --teal-20: #d4e7e6;\n --teal-10: #f0f7f6;\n\n // Pacific family\n --pacific-dark: #0050b4;\n --pacific-mid-dark: #0061c1;\n --pacific: #0072ce;\n --pacific-90: #2284d5;\n --pacific-80: #4497dc;\n --pacific-70: #61a7e2;\n --pacific-60: #7eb7e8;\n --pacific-50: #96c4ed;\n --pacific-40: #afd2f2;\n --pacific-30: #c3ddf6;\n --pacific-20: #d6e8fa;\n --pacific-10: #eff8fd;\n\n // Navy family\n --navy-dark: #002d72;\n --navy-mid-dark: #123c7c;\n --navy: #254b87;\n --navy-90: #3e5f95;\n --navy-80: #5674a3;\n --navy-70: #6f88b2;\n --navy-60: #889cc0;\n --navy-50: #9daecc;\n --navy-40: #b3c0d9;\n --navy-30: #c3cde2;\n --navy-20: #d3daeb;\n --navy-10: #f4f6fa;\n\n // Purple family\n --purple-dark: #a01b68;\n --purple-mid-dark: #aa2071;\n --purple: #b4267a;\n --purple-90: #be438b;\n --purple-80: #c55998;\n --purple-70: #cd70a5;\n --purple-60: #d486b2;\n --purple-50: #dc9cbf;\n --purple-40: #e3b2cc;\n --purple-30: #ebc9d9;\n --purple-20: #f0d8e2;\n --purple-10: #fdf3f8;\n\n // Red family\n --red-dark: #b63014;\n --red-mid-dark: #c3381c;\n --red: #d14124;\n --red-90: #d75a40;\n --red-80: #dd735d;\n --red-70: #e28875;\n --red-60: #e79e8e;\n --red-50: #ebb0a3;\n --red-40: #f0c3b8;\n --red-30: #f3d1c8;\n --red-20: #f7e0d9;\n --red-10: #fbefec;\n\n // Gold family\n --gold-dark: #dc731c;\n --gold-mid-dark: #ed881b;\n --gold: #ff9e1b;\n --gold-90: #ffab39;\n --gold-80: #ffb858;\n --gold-70: #ffc372;\n --gold-60: #ffce8d;\n --gold-50: #ffd8a3;\n --gold-40: #ffe1b9;\n --gold-30: #ffe8cb;\n --gold-20: #fff0dd;\n --gold-10: #fff6ec;\n\n // Neutral family\n --neutral-dark: #745745;\n --neutral-mid-dark: #7d604b;\n --neutral: #8a6c57;\n --neutral-90: #957865;\n --neutral-80: #a18573;\n --neutral-70: #ad9484;\n --neutral-60: #baa496;\n --neutral-50: #c6b4a9;\n --neutral-40: #d3c5bc;\n --neutral-30: #ddd1c9;\n --neutral-20: #e7ddd7;\n --neutral-10: #f8f5f2;\n\n // Gray family\n --gray-darker: #293037;\n --gray-dark: #43484e;\n --gray-mid-dark: #4f5257;\n --gray: #5a5d61;\n --gray-90: #676a6f;\n --gray-80: #75787b;\n --gray-70: #838588;\n --gray-60: #919395;\n --gray-50: #a2a3a4;\n --gray-40: #b4b5b6;\n --gray-30: #c3c4c4;\n --gray-20: #d2d3d5;\n --gray-15: #dcdddf;\n --gray-10: #e7e8e9;\n --gray-5: #f7f8f9;\n\n // with special guests\n --black: #101820; // Also known as \"CFPB Black\"\n --white: #fff;\n}\n","/* ==========================================================================\n Design System\n Utilities\n ========================================================================== */\n\n//\n// JS-only\n//\n\n.u-js-only {\n .no-js & {\n display: none !important;\n }\n}\n\n//\n// To hide an element when JS is on\n// And show it when JS is off\n//\n\n.u-hide-if-js {\n display: none !important;\n .no-js & {\n display: block !important;\n }\n}\n\n//\n// Clearfix\n//\n\n.u-clearfix {\n &::after {\n content: '';\n display: table;\n clear: both;\n }\n}\n\n//\n// Visually hidden\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` is deprecated, but retained for safety in making sure that this\n // utility works as expected for screenreaders. Comma-separated syntax is\n // not used because space-separated is more backward-compatible,\n // per https://developer.mozilla.org/en-US/docs/Web/CSS/clip\n clip: rect(0 0 0 0);\n}\n\n//\n// Width-specific display\n//\n\n.u-hide-on-mobile {\n // Mobile only.\n .respond-to-max(@bp-xs-max, {\n display: none;\n });\n}\n\n.u-show-on-mobile {\n display: none;\n\n // Mobile only.\n .respond-to-max(@bp-xs-max, {\n display: block;\n });\n}\n\n//\n// Hide an element.\n//\n\n.u-hidden {\n display: none !important;\n}\n\n//\n// Hide an element while retaining its layout.\n//\n\n.u-invisible {\n visibility: hidden;\n}\n\n// TODO: Deprecated. Remove in CFv5.\n//\n// Inline block\n//\n\n.u-inline-block {\n display: inline-block;\n}\n\n//\n// Floating right\n//\n\n.u-right {\n float: right;\n}\n\n//\n// Break word\n//\n\n.u-break-word {\n word-break: break-all;\n}\n\n//\n// Don't break a word across a line break.\n//\n\n.u-nowrap {\n white-space: nowrap;\n}\n\n//\n// Align with button\n//\n\n.u-align-with-btn( @font-size: @base-font-size-px ) {\n display: inline-block;\n line-height: normal;\n vertical-align: middle;\n}\n\n//\n// Flexible proportional containers\n//\n\n.u-flexible-container-mixin( @width: 16, @height: 9 ) {\n @ratio: (@height / @width) * 100;\n\n position: relative;\n padding-bottom: ~'@{ratio}%';\n height: 0;\n}\n\n.u-flexible-container {\n .u-flexible-container-mixin();\n\n &_inner {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n }\n\n &__4-3 {\n .u-flexible-container-mixin( 4, 3 );\n }\n}\n\n//\n// Link mixins\n//\n\n.u-link__colors() {\n .u-link__colors-base();\n}\n\n.u-link__colors( @c ) {\n .u-link__colors-base(\n @c, @c, @c, @c, @c,\n @c, @c, @c, @c, @c\n );\n}\n\n.u-link__colors( @c, @h ) {\n .u-link__colors-base(\n @c, @c, @h, @h, @c,\n @c, @c, @h, @h, @c\n );\n}\n\n.u-link__colors( @c, @v, @h, @f, @a ) {\n .u-link__colors-base(\n @c, @v, @h, @f, @a,\n @c, @v, @h, @f, @a\n );\n}\n\n.u-link__colors( @c, @v, @h, @f, @a, @bc, @bv, @bh, @bf, @ba ) {\n .u-link__colors-base(\n @c, @v, @h, @f, @a,\n @bc, @bv, @bh, @bf, @ba\n );\n}\n\n.u-link__colors-base(\n@c: @link-text,\n@v: @link-text-visited,\n@h: @link-text-hover,\n@f: @link-text,\n@a: @link-text-active,\n@bc: @link-underline,\n@bv: @link-underline-visited,\n@bh: @link-underline-hover,\n@bf: @link-underline,\n@ba: @link-underline-active ) {\n color: @c;\n border-color: @bc;\n\n &:visited,\n &.visited {\n border-color: @bv;\n color: @v;\n }\n\n &:hover,\n &.hover {\n border-color: @bh;\n color: @h;\n }\n\n &:focus,\n &.focus {\n border-color: @bf;\n color: @f;\n }\n\n &:active,\n &.active {\n border-color: @ba;\n color: @a;\n }\n}\n\n.u-link__border() {\n border-bottom-width: 1px;\n}\n\n.u-link__no-border() {\n border-bottom-width: 0 !important;\n}\n\n.u-link__hover-border() {\n border-bottom-width: 0 !important;\n\n &:hover,\n &.hover,\n &:focus,\n &.focus {\n border-bottom-width: 1px !important;\n }\n}\n\n//\n// Margin utilities\n//\n\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//\n// Width utilities\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: unit(((2 / 3) * 100), %);\n}\n\n.u-w33pct {\n width: unit(((1 / 3) * 100), %);\n}\n\n//\n// Small text utility\n//\n\n.u-small-text( @context: @base-font-size-px ) {\n font-size: unit((14px / @context), em);\n}\n\nsmall,\n.u-small-text {\n .u-small-text();\n}\n","/* ==========================================================================\n Design System\n Media queries\n ========================================================================== */\n\n//\n// Media query mixins\n//\n.respond-to-min(@bp, @rules ) {\n @ems: unit((@bp / @base-font-size-px), em);\n\n @media only all and (min-width: @ems) {\n @rules();\n }\n}\n\n.respond-to-max(@bp, @rules ) {\n @ems: unit((@bp / @base-font-size-px), em);\n\n @media only all and (max-width: @ems) {\n @rules();\n }\n}\n\n.respond-to-range(@bp1, @bp2, @rules ) {\n @ems1: unit((@bp1 / @base-font-size-px), em);\n @ems2: unit((@bp2 / @base-font-size-px), em);\n\n @media only all and (min-width: @ems1) and (max-width: @ems2) {\n @rules();\n }\n}\n\n.respond-to-print( @rules ) {\n @media print {\n @rules();\n }\n .print & {\n @rules();\n }\n}\n","/* ==========================================================================\n Design System\n Base styles\n ========================================================================== */\n\n//\n// Type hierarchy\n//\n\nbody {\n color: @text;\n font-family: @font-stack;\n font-size: unit((@base-font-size-px / 16 * 100), %);\n line-height: @base-line-height;\n -webkit-font-smoothing: antialiased;\n}\n\nbutton,\ninput,\nselect,\ntextarea {\n // Must set these explicitly to override Normalize.css's provided default\n // of `font-family: sans-serif;`\n font-family: @font-stack;\n}\n\nstrong,\nb {\n font-weight: 600;\n}\n\n.heading-1( @fs: @size-i ) {\n @font-size: @fs;\n\n margin-bottom: unit((15px / @font-size), em);\n font-size: unit((@font-size / @base-font-size-px), em);\n font-weight: 600;\n letter-spacing: inherit;\n line-height: 1.25;\n text-transform: inherit;\n}\n\n.heading-2( @fs: @size-ii ) {\n @font-size: @fs;\n\n margin-bottom: unit((15px / @font-size), em);\n font-size: unit((@font-size / @base-font-size-px), em);\n font-weight: 600;\n letter-spacing: inherit;\n line-height: 1.25;\n text-transform: inherit;\n}\n\n.heading-3( @fs: @size-iii ) {\n @font-size: @fs;\n\n margin-bottom: unit((15px / @font-size), em);\n font-size: unit((@font-size / @base-font-size-px), em);\n font-weight: normal;\n letter-spacing: inherit;\n line-height: 1.25;\n text-transform: inherit;\n}\n\n.heading-4( @fs: @size-iv ) {\n @font-size: @fs;\n\n margin-bottom: unit((15px / @font-size), em);\n font-size: unit((@font-size / @base-font-size-px), em);\n font-weight: 500;\n letter-spacing: inherit;\n line-height: 1.25;\n text-transform: inherit;\n}\n\n.heading-5( @fs: @size-v ) {\n @font-size: @fs;\n\n margin-bottom: unit((15px / @font-size), em);\n font-size: unit((@font-size / @base-font-size-px), em);\n font-weight: 600;\n letter-spacing: 1px;\n line-height: 1.25;\n text-transform: uppercase;\n}\n\n.heading-6( @fs: @size-vi ) {\n @font-size: @fs;\n\n margin-bottom: unit((15px / @font-size), em);\n font-size: unit((@font-size / @base-font-size-px), em);\n font-weight: 600;\n letter-spacing: 1px;\n line-height: 1.25;\n text-transform: uppercase;\n}\n\n// Resetting default browser styling for margin-top on headings\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n margin-top: 0;\n}\n\nh1,\n.h1 {\n .heading-1();\n\n p + &,\n ul + &,\n ol + &,\n dl + &,\n figure + &,\n img + &,\n table + &,\n blockquote + & {\n margin-top: unit((60px / @font-size), em);\n }\n\n // Mobile only.\n .respond-to-max(@bp-xs-max, {\n .heading-2();\n\n p + &,\n ul + &,\n ol + &,\n dl + &,\n figure + &,\n img + &,\n table + &,\n blockquote + & {\n margin-top: unit( ( 45px / @font-size ), em );\n }\n\n h2 + &,\n .h2 + &,\n h3 + &,\n .h3 + &,\n h4 + &,\n .h4 + &,\n h5 + &,\n .h5 + &,\n h6 + &,\n .h6 + & {\n margin-top: unit( ( 30px / @font-size ), em );\n }\n });\n}\n\nh2,\n.h2 {\n .heading-2();\n\n p + &,\n ul + &,\n ol + &,\n dl + &,\n figure + &,\n img + &,\n table + &,\n blockquote + & {\n margin-top: unit((45px / @font-size), em);\n }\n\n h1 + &,\n .h1 + &,\n h3 + &,\n .h3 + &,\n h4 + &,\n .h4 + &,\n h5 + &,\n .h5 + &,\n h6 + &,\n .h6 + & {\n margin-top: unit((30px / @font-size), em);\n }\n\n // Mobile only.\n .respond-to-max(@bp-xs-max, {\n .heading-3();\n\n p + &,\n ul + &,\n ol + &,\n dl + &,\n figure + &,\n img + &,\n table + &,\n blockquote + & {\n margin-top: unit( ( 30px / @font-size ), em );\n }\n });\n}\n\nh3,\n.h3 {\n .heading-3();\n\n p + &,\n ul + &,\n ol + &,\n dl + &,\n figure + &,\n img + &,\n table + &,\n blockquote + &,\n h1 + &,\n .h1 + &,\n h2 + &,\n .h2 + &,\n h4 + &,\n .h4 + &,\n h5 + &,\n .h5 + &,\n h6 + &,\n .h6 + & {\n margin-top: unit((30px / @font-size), em);\n }\n\n // Mobile only.\n .respond-to-max(@bp-xs-max, {\n .heading-4();\n });\n}\n\nh4,\n.h4 {\n .heading-4();\n\n p + &,\n ul + &,\n ol + &,\n dl + &,\n figure + &,\n img + &,\n table + &,\n blockquote + &,\n h1 + &,\n .h1 + &,\n h2 + &,\n .h2 + &,\n h3 + &,\n .h3 + &,\n h5 + &,\n .h5 + &,\n h6 + &,\n .h6 + & {\n margin-top: unit((30px / @font-size), em);\n }\n\n // Mobile only.\n .respond-to-max(@bp-xs-max, {\n @h4-font-size-on-xs: @base-font-size-px;\n\n margin-bottom: unit( ( 10px / @h4-font-size-on-xs ), em );\n font-size: unit( ( @h4-font-size-on-xs / @base-font-size-px ), em );\n line-height: unit( ( 18px / @h4-font-size-on-xs) );\n });\n}\n\nh5,\n.h5 {\n .heading-5();\n\n p + &,\n ul + &,\n ol + &,\n dl + &,\n figure + &,\n img + &,\n table + &,\n blockquote + &,\n h1 + &,\n .h1 + &,\n h2 + &,\n .h2 + &,\n h3 + &,\n .h3 + &,\n h4 + &,\n .h4 + &,\n h6 + &,\n .h6 + & {\n margin-top: unit((30px / @font-size), em);\n }\n}\n\nh6,\n.h6 {\n .heading-6();\n\n p + &,\n ul + &,\n ol + &,\n dl + &,\n figure + &,\n img + &,\n table + &,\n blockquote + &,\n h1 + &,\n .h1 + &,\n h2 + &,\n .h2 + &,\n h3 + &,\n .h3 + &,\n h4 + &,\n .h4 + &,\n h5 + &,\n .h5 + & {\n margin-top: unit((30px / @font-size), em);\n }\n}\n\n.lead-paragraph {\n .heading-3();\n\n margin-top: 0;\n margin-bottom: 15px;\n\n // Mobile only.\n .respond-to-max(@bp-xs-max, {\n // Use the same regular weight but reduce the sizes to h4 size\n font-size: unit( ( 18px / @base-font-size-px ), em );\n });\n}\n\n.superheading {\n // For when you want a heading that's bigger than a normal H1\n @font-size: @size-xl;\n\n margin-bottom: unit((20px / @font-size), em);\n font-size: unit((@font-size / @base-font-size-px), em);\n font-weight: normal;\n line-height: 1.25;\n}\n\n//\n// Body copy element vertical margins\n//\n\np,\nul,\nol,\ndl,\nfigure,\ntable,\nblockquote {\n margin-top: 0;\n margin-bottom: unit((15px / @base-font-size-px), em);\n\n &:last-child {\n margin-bottom: 0;\n }\n}\n\np + ul,\np + ol {\n margin-top: unit((-5px / @base-font-size-px), em);\n}\n\nul ul,\nol ol,\nul ol,\nol ul {\n margin-top: unit((8px / @base-font-size-px), em);\n}\n\nli {\n margin-bottom: unit((8px / @base-font-size-px), em);\n\n &:last-child,\n nav & {\n margin-bottom: 0;\n }\n}\n\nol ol {\n list-style-type: lower-alpha;\n}\n\nol ol ol {\n list-style-type: lower-roman;\n}\n\n//\n// Default link\n//\n\na {\n border-width: 0;\n border-style: dotted;\n border-color: @link-underline;\n color: @link-text;\n text-decoration: none;\n\n // Note: The class definitions below are only for use in\n // demonstrating link states. Do not use in production.\n\n &:visited,\n &.visited {\n border-color: @link-underline-visited;\n color: @link-text-visited;\n }\n\n &:hover,\n &.hover {\n border-style: solid;\n border-color: @link-underline-hover;\n color: @link-text-hover;\n }\n\n &:focus,\n &.focus {\n border-style: solid;\n outline: thin dotted;\n }\n\n &:active,\n &.active {\n border-style: solid;\n border-color: @link-underline-active;\n color: @link-text-active;\n }\n}\n\n//\n// Underlined links\n//\n\np,\nli,\ndd {\n // Restrict bottom borders to inline text links ...\n\n a {\n border-bottom-width: 1px;\n }\n}\n\nnav a {\n // ... unless they're part of a nav list\n border-bottom-width: 0;\n}\n\n//\n// Lists\n//\n\nul {\n padding-left: unit((18px / @base-font-size-px), em);\n list-style: square;\n}\n\nul ul {\n list-style-type: circle;\n}\n\nol {\n // Slightly larger than necessary, but this is the minimum value\n // for numbers to not be partially in the margin in Internet Explorer.\n padding-left: unit((21px / @base-font-size-px), em);\n\n li:nth-last-child(n + 10),\n li:nth-last-child(n + 10) ~ li {\n // 0.5625rem\n margin-left: unit((9px / @base-font-size-px), rem);\n }\n}\n\nol ol {\n // Negate margin added to lists longer than 9 items.\n li {\n margin-left: 0 !important;\n }\n}\n\n// Lists in the nav should be unstyled\nnav ul,\nnav ol,\nnav ul ul,\nnav ol ol {\n list-style: none;\n list-style-image: none;\n}\n\n//\n// Tables\n//\n\ncaption {\n margin-bottom: unit((10px / @base-font-size-px), em);\n text-align: left;\n}\n\nth,\ntd {\n padding: unit((10px / @base-font-size-px), em);\n\n thead & {\n // 10px / 14px\n padding: unit((10px / @size-v), em);\n background: @table-head-bg;\n color: @table-head-text;\n font-size: unit((16px / @base-font-size-px), em);\n vertical-align: top;\n }\n}\n\nthead,\ntbody tr {\n border-bottom: 1px solid @table-border;\n}\n\nth {\n font-weight: 600;\n text-align: left;\n\n thead & {\n // Heading elements may at times appear inside `th` elements\n // as required for navigating the page's content with screenreaders.\n // These rules prevent those headings from overriding the desired style\n // of their parent `th` elements.\n h2,\n .h2,\n h3,\n .h3,\n h4,\n .h4,\n h5,\n .h5,\n h6,\n .h6 {\n .h5();\n\n margin: 0;\n font-size: inherit;\n }\n }\n}\n\n//\n// Block quote\n//\n\nblockquote {\n margin-right: unit((15px / @base-font-size-px), em);\n margin-left: unit((15px / @base-font-size-px), em);\n\n // Tablet and above.\n .respond-to-min(@bp-sm-min, {\n margin-right: unit( ( 30px / @base-font-size-px ), em );\n margin-left: unit( ( 30px / @base-font-size-px ), em );\n });\n}\n\n//\n// Form elements have been moved to the @cfpb/cfpb-forms component.\n//\n\n//\n// Images\n//\n\nimg {\n max-width: 100%;\n}\n\n//\n// Figure\n//\n\nfigure {\n // reset browser default side margins\n margin-right: 0;\n margin-left: 0;\n\n img {\n // Removes weird vertical spacing below images.\n // TODO: Discuss whether this could just be universally applied to img\n vertical-align: middle;\n }\n}\n\n//\n// Code blocks\n//\n\npre,\ncode {\n background: @code-bg;\n border-radius: 4px;\n color: @code-text;\n font-family: 'Input Mono', Consolas, Monaco, 'Courier New', monospace;\n}\n\ncode {\n padding: unit((3px / @size-code), em) unit((3px / @size-code), em) 0;\n font-size: unit((@size-code / @base-font-size-px), em);\n}\n\npre {\n display: block;\n padding: unit((10px / @base-font-size-px), em)\n unit((15px / @base-font-size-px), em);\n white-space: pre-wrap;\n overflow-wrap: break-word;\n\n code {\n padding: 0;\n background-color: transparent;\n }\n}\n","// Import external dependencies\n@import (reference) '@cfpb/cfpb-core/src/vars.less';\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\n.u-no-animation {\n transition-duration: 0s !important;\n}\n\n//\n// Utility classes for moving an element using transform translate values.\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// TODO: Look into adding a mixin for movement multiples.\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//\n// Utility classes for setting an element's opacity.\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//\n// Utility classes for setting an element's height.\n//\n\n.u-max-height-transition {\n overflow: hidden;\n contain: paint;\n\n // Duration is set here, but it is actually overridden in the JavaScript.\n transition: max-height 0.2s ease-out;\n}\n\n/*\n.u-max-height-default {\n This class is just keep 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\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 Design System\n Icons\n ========================================================================== */\n\n//\n// Theme variables\n//\n\n//\n// Size variables\n//\n\n// Icons' SVG viewbox are a consistent 19px (h) x variable (w).\n// The height matches the 19px rendered canvas of text set in Avenir Next\n// sized at 16px (19/16 = 1.1875).\n@cf-icon-height: 1.1875em;\n\n//\n// Embedded inline SVG data URLs.\n//\n\n// Mixin to inject an SVG from the ./icons/ directory\n// into a background-image property.\n@plugin \"icons-svg-inline.cjs\";\n\n.u-svg-inline-bg( @name, @is-grayscale: false ) {\n @svg: icons-svg-inline(@name, @is-grayscale);\n\n background-image: url('data:image/svg+xml;charset=UTF-8,@{svg}');\n}\n\n//\n// The basics.\n//\n\n.cf-icon-svg {\n height: @cf-icon-height;\n vertical-align: text-top;\n fill: currentcolor;\n\n &__updating,\n &__updating-round {\n animation: updating-animation 1.25s infinite linear;\n transform-origin: 50% 50%;\n }\n}\n\n@keyframes updating-animation {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(359deg);\n }\n}\n\n// Right-to-left (RTL) certain icons on arabic pages.\nhtml[lang='ar'] {\n .cf-icon-svg {\n &__right,\n &__right-round,\n &__left,\n &__left-round,\n &__arrow-right,\n &__arrow-right-round,\n &__arrow-left,\n &__arrow-left-round,\n &__help,\n &__help-round,\n &__book,\n &__book-round,\n &__document,\n &__document-round,\n &__edit,\n &__edit-round,\n &__paper-clip,\n &__paper-clip-round,\n &__cart,\n &__cart-round,\n &__disability,\n &__disability-round,\n &__travel,\n &__travel-round,\n &__bullhorn,\n &__bullhorn-round,\n &__chart,\n &__chart-round,\n &__list,\n &__list-round,\n &__external-link,\n &__external-link-round {\n transform: scaleX(-1);\n }\n }\n}\n","//\n// Default button\n//\n\n.a-btn {\n appearance: none;\n display: inline-block;\n box-sizing: border-box;\n padding: unit((@btn-v-padding / @btn-font-size), em)\n unit((@btn-h-padding / @btn-font-size), em);\n border: 0;\n margin: 0;\n border-radius: unit((@btn-border-radius-size / @btn-font-size), em);\n cursor: pointer;\n font-size: unit((@btn-font-size / @base-font-size-px), em);\n font-weight: 500;\n line-height: normal;\n text-align: center;\n text-decoration: none;\n transition: background-color 0.1s;\n\n &,\n &:link,\n &:visited {\n background-color: @btn-bg;\n color: @btn-text;\n }\n\n &:hover,\n &.hover,\n &:focus,\n &.focus {\n background-color: @btn-bg-hover;\n }\n\n &:focus,\n &.focus {\n outline: 1px dotted @btn-bg;\n // The outline-offset property is not supported everywhere (e.g. IE)\n // but it adds a nice touch in browsers where it is.\n outline-offset: 1px;\n }\n\n &:active,\n &.active {\n background-color: @btn-bg-active;\n }\n\n button&::-moz-focus-inner,\n input&::-moz-focus-inner {\n // Fixes inconsistent button.btn height in Firefox.\n // Helps with inconsistent input.btn height in Firefox but not completely.\n border: 0;\n }\n\n //\n // Secondary button\n //\n\n &__secondary {\n &,\n &:link,\n &:visited {\n background-color: @btn__secondary-bg;\n color: @btn__secondary-text;\n }\n\n &:hover,\n &.hover,\n &:focus,\n &.focus {\n background-color: @btn__secondary-bg-hover;\n }\n\n &:focus,\n &.focus {\n outline-color: @btn__secondary-bg;\n }\n\n &:active,\n &.active {\n background-color: @btn__secondary-bg-active;\n }\n }\n\n //\n // Destructive action button\n //\n\n &__warning {\n &,\n &:link,\n &:visited {\n background-color: @btn__warning-bg;\n color: @btn__warning-text;\n }\n\n &:hover,\n &.hover,\n &:focus,\n &.focus {\n background-color: @btn__warning-bg-hover;\n }\n\n &:focus,\n &.focus {\n outline-color: @btn__warning-bg;\n }\n\n &:active,\n &.active {\n background-color: @btn__warning-bg-active;\n }\n }\n\n //\n // Disabled button\n //\n\n &__disabled,\n &[disabled] {\n &,\n &:link,\n &:visited,\n &:hover,\n &.hover,\n &:focus,\n &.focus,\n &:active,\n &.active {\n background-color: @btn__disabled-bg;\n color: @btn__disabled-text;\n cursor: default; // Fallback for IE/Opera\n cursor: not-allowed;\n }\n\n &:focus,\n &.focus {\n outline-color: @btn__disabled-outline;\n }\n }\n\n //\n // Full width button on x-small screens\n //\n &__full-on-xs {\n // Mobile only.\n .respond-to-max(@bp-xs-max, {\n display: block;\n width: 100%;\n });\n }\n}\n","//\n// Button link\n//\n\n// TODO: Refactor the rule combos for simplicity\n\n.a-btn__link {\n padding: 0;\n // Padding added so the focus rectangle falls below the underline.\n padding-bottom: 1.5px;\n border-radius: 0;\n text-decoration-line: underline;\n text-decoration-thickness: 1px;\n text-decoration-style: dotted;\n text-underline-offset: 4.5px;\n\n &,\n &:link,\n &:visited {\n text-decoration-color: @link-underline;\n background-color: transparent;\n color: @link-text;\n }\n\n &:hover,\n &.hover {\n text-decoration-color: @link-underline-hover;\n text-decoration-style: solid;\n background-color: transparent;\n color: @link-text-hover;\n }\n\n &:focus,\n &.focus {\n text-decoration-style: solid;\n background-color: transparent;\n outline: 1px dotted @link-underline;\n }\n\n &:active,\n &.active {\n text-decoration-color: @link-underline-active;\n text-decoration-style: solid;\n background-color: transparent;\n color: @link-text-active;\n }\n\n //\n // Secondary button link\n //\n\n &.a-btn__secondary {\n &,\n &:link,\n &:visited {\n text-decoration-color: @btn__secondary-bg;\n background-color: transparent;\n color: @btn__secondary-bg;\n }\n\n &:hover,\n &.hover {\n text-decoration-color: @btn__secondary-bg-hover;\n color: @btn__secondary-bg-hover;\n }\n\n &:focus,\n &.focus {\n outline-color: @btn__secondary-bg;\n }\n\n &:active,\n &.active {\n text-decoration-color: @btn__secondary-bg-active;\n color: @btn__secondary-bg-active;\n }\n }\n\n //\n // Destructive action button link\n //\n\n &.a-btn__warning {\n &,\n &:link,\n &:visited {\n text-decoration-color: @btn__warning-bg;\n background-color: transparent;\n color: @btn__warning-bg;\n }\n\n &:hover,\n &.hover {\n text-decoration-color: @btn__warning-bg-hover;\n color: @btn__warning-bg-hover;\n }\n\n &:focus,\n &.focus {\n outline-color: @btn__warning-bg;\n }\n\n &:active,\n &.active {\n text-decoration-color: @btn__warning-bg-active;\n color: @btn__warning-bg-active;\n }\n }\n}\n","// Icon locations\n// TODO: Replace magic numbers with calculations based off of the\n// button padding size\n\n.a-btn_icon__on-left {\n padding-right: unit((11px / @btn-font-size), em);\n border-right: 1px solid @btn-divider;\n margin-right: unit((7px / @btn-font-size), em);\n}\n\n.a-btn_icon__on-right {\n padding-left: unit((11px / @btn-font-size), em);\n border-left: 1px solid @btn-divider;\n margin-left: unit((7px / @btn-font-size), em);\n}\n\n.a-btn_icon {\n .a-btn__secondary & {\n border-color: @btn__secondary-divider;\n }\n\n .a-btn__warning & {\n border-color: @btn__warning-divider;\n }\n\n .a-btn__disabled &,\n .a-btn[disabled] & {\n border-color: @btn__disabled-divider;\n }\n}\n",".m-btn-group {\n .a-btn + .a-btn {\n margin-left: unit((6px / @btn-font-size), em);\n }\n}\n",".a-form-alert {\n .cf-icon-svg {\n color: @input-icon;\n float: left;\n }\n\n &_text {\n display: block;\n margin-left: unit((20px / @base-font-size-px), em);\n }\n\n &__success .cf-icon-svg {\n color: @input-icon__success;\n }\n\n &__error .cf-icon-svg {\n color: @input-icon__error;\n }\n\n &__warning .cf-icon-svg {\n color: @input-icon__warning;\n }\n}\n",".a-label {\n display: inline-block;\n\n &_helper {\n color: @label-helper;\n font-size: unit((16px / @base-font-size-px), rem);\n font-weight: normal;\n\n &__block {\n display: block;\n\n // Add a gap between the label helper and label.\n margin-top: unit((10px / @size-vi), em);\n }\n }\n\n &__heading {\n .h4();\n\n display: block;\n\n // Overwrites heading-4 margin.\n margin-bottom: unit((10px / @font-size), em);\n\n // Add a gap between the label helper and label heading\n .a-label_helper__block {\n margin-top: unit((10px / @base-font-size-px), rem);\n }\n }\n}\n",".a-legend {\n .h4();\n\n // Legends do not wrap in IE.\n // Different styles are required to ensure wrapping in different versions.\n box-sizing: border-box; // IE9-11 & Edge 12-13\n display: table; // IE8-11\n max-width: 100%; // Patch for IE9-11 & Edge 12-13\n white-space: normal; // IE8-11\n}\n",".u-range-track-styles() {\n height: unit((11px / @base-font-size-px), rem);\n width: 100%;\n background-color: @range-bg-track;\n border: 1px solid @range-border;\n border-radius: 8px;\n cursor: pointer;\n}\n\n.u-range-thumb-styles() {\n height: unit((45px / @base-font-size-px), rem);\n width: unit((45px / @base-font-size-px), rem);\n margin-top: unit((-18px / @base-font-size-px), rem);\n appearance: none;\n border: 1px solid @range-border;\n border-radius: 50%;\n background-color: @range-bg;\n cursor: pointer;\n}\n\n.u-range-thumb-focus-styles() {\n background-color: @range-bg__focused;\n border: 2px solid @range-border__focused;\n}\n\n.a-range {\n // Reset the browser's default styling.\n appearance: none;\n\n width: 100%;\n min-height: 49px;\n\n &::-webkit-slider-runnable-track {\n .u-range-track-styles();\n }\n &::-moz-range-track {\n .u-range-track-styles();\n }\n &::-webkit-slider-thumb {\n .u-range-thumb-styles();\n }\n &::-moz-range-thumb {\n .u-range-thumb-styles();\n }\n &:focus,\n &.focus {\n box-shadow: none;\n outline: none;\n\n &::-webkit-slider-thumb {\n .u-range-thumb-focus-styles();\n }\n &::-moz-range-thumb {\n .u-range-thumb-focus-styles();\n }\n }\n}\n","// Import external dependencies\n@import (reference) '@cfpb/cfpb-icons/src/cfpb-icons.less';\n\n.a-select {\n position: relative;\n border: 1px solid @select-border;\n\n select {\n width: 100%;\n line-height: @base-line-height;\n padding: unit((7px / @base-font-size-px), em)\n unit((6px / @base-font-size-px), em) unit((6px / @base-font-size-px), em);\n border: 0;\n appearance: none;\n background-color: @input-bg;\n border-radius: 0;\n color: @text;\n\n &:hover,\n &.hover {\n outline: 2px solid @input-border__hover;\n outline-offset: 0;\n }\n\n &:active,\n &:focus,\n &.focus {\n box-shadow: 0 0 0 2px @input-border__focused;\n outline: 1px dotted @input-border__focused;\n\n // The outline-offset property is not supported everywhere (e.g. IE)\n // but it adds a nice touch in browsers where it is.\n outline-offset: 3px;\n }\n }\n\n select[disabled] {\n color: @select-text__disabled;\n background-color: @input-bg__disabled;\n cursor: not-allowed;\n\n &:hover,\n &.hover,\n &:focus,\n &.focus {\n outline: none;\n }\n }\n\n select[disabled] option,\n select[disabled] option:disabled,\n select option:disabled {\n color: @select-text__disabled;\n }\n\n &::after {\n // Arrow box width must be odd size to properly center the bg image\n width: unit((@select-height / @base-font-size-px), em);\n box-sizing: border-box;\n border-left: 1px solid @select-border;\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n background-color: @select-icon-bg;\n .u-svg-inline-bg( 'down' );\n\n background-size: auto @cf-icon-height;\n background-repeat: no-repeat;\n background-position: center center;\n content: '';\n pointer-events: none;\n }\n\n // Correctly lighten the down arrow when a-select__disabled is present.\n // Unfortunately, we can't target this to apply when only\n // the select[disabled] is present and need the additional class.\n &__disabled::after {\n .u-svg-inline-bg( 'down', true );\n }\n}\n",".a-text-input {\n // Reset the browser's default styling.\n appearance: none;\n display: inline-block;\n padding: unit((7px / @base-font-size-px), em);\n border: 1px solid @input-border;\n background: @input-bg;\n color: @input-text;\n\n &:hover,\n &.hover {\n border-color: @input-border__hover;\n outline: 1px solid @input-border__hover;\n }\n\n &:focus,\n &.focus {\n border-color: @input-border__focused;\n box-shadow: 0 0 0 1px @input-border__focused;\n outline: 1px dotted @input-border__focused;\n\n // The outline-offset property is not supported everywhere (e.g. IE)\n // but it adds a nice touch in browsers where it is.\n outline-offset: 2px;\n }\n\n &:disabled {\n &,\n &:hover,\n &.hover,\n &:focus,\n &.focus {\n color: @input-text__disabled;\n background-color: @input-bg__disabled;\n cursor: not-allowed;\n\n // Cancel the hover and focus states.\n border-color: @input-border;\n outline: none;\n }\n }\n\n &__error {\n border-color: @input-border__error;\n outline: 1px solid @input-border__error;\n &:focus,\n &.focus {\n border-color: @input-border__error;\n box-shadow: 0 0 0 1px @input-border__error;\n outline: 1px dotted @input-border__error;\n }\n }\n\n &__warning {\n border-color: @input-border__warning;\n outline: 1px solid @input-border__warning;\n &:focus,\n &.focus {\n border-color: @input-border__warning;\n box-shadow: 0 0 0 1px @input-border__warning;\n outline: 1px dotted @input-border__warning;\n }\n }\n\n &__success {\n border-color: @input-border__success;\n outline: 1px solid @input-border__success;\n &:focus,\n &.focus {\n border-color: @input-border__success;\n box-shadow: 0 0 0 1px @input-border__success;\n outline: 1px dotted @input-border__success;\n }\n }\n}\n\n// Overrides extra left padding.\n// http://stackoverflow.com/questions/11127891/how-can-i-get-rid-of-horizontal-padding-or-indent-in-html5-search-inputs-in-webk\n::-webkit-search-decoration {\n appearance: none;\n}\n\n// Change place holder text to dark gray (#43484e).\n::placeholder {\n color: @input-text__placeholder;\n}\n\n// Force placeholder text color change for \"date\" field type.\ninput[type='date']::-webkit-datetime-edit {\n color: @input-text__placeholder;\n}\n","// TODO: Consider adding a pseudo elem to the input wrapper that can fade out\n// the text as it intersects the button\n\n.m-btn-inside-input {\n position: relative;\n\n .a-text-input {\n box-sizing: border-box;\n // Magic number padding to give the icon clear space\n padding-right: unit(((@btn-h-padding * 2 + 11px) / @btn-font-size), em);\n width: 100%;\n }\n\n .a-btn {\n .u-link__no-border();\n\n position: absolute;\n // Set the right and top distances to match typical button padding.\n right: unit((@btn-h-padding / @btn-font-size), em);\n top: unit((@btn-v-padding / @btn-font-size), em);\n color: var(--gray-80);\n\n &:hover {\n color: var(--black);\n }\n\n .no-js & {\n display: none;\n }\n }\n}\n",".m-form-field {\n .a-text-input__full {\n box-sizing: border-box;\n width: 100%;\n }\n\n .a-label + .a-text-input {\n margin-top: unit((5px / @base-font-size-px), em);\n }\n\n &__checkbox,\n &__radio {\n .a-label {\n // We need to turn off autoprefixing for the inline-grid because\n // IE does not handle an inline-grid like other browsers,\n // leading to an extremely narrow column of text for the label\n // and the checkbox or radio widget covering the first part of it.\n // The Autoprefixer control comment below ensures that the following\n // property is only picked up by browsers with standard support.\n // The exclamation mark is necessary for Less to preserve the\n // comment so that Autoprefixer will see it.\n\n /*! autoprefixer: ignore next */\n display: inline-grid;\n // 30px is width of checkbox/radio button plus the needed padding.\n grid-template-columns: unit((30px / @base-font-size-px), em) auto;\n vertical-align: top;\n cursor: pointer;\n // Wrap long words in narrow form fields to prevent clipping\n overflow-wrap: anywhere;\n\n &::before {\n display: inline-block;\n grid-row-start: 1;\n grid-row-end: 3;\n border: 1px solid @form-field-input-border;\n height: unit((18px / @base-font-size-px), em);\n width: unit((18px / @base-font-size-px), em);\n margin-right: 10px;\n background-color: @input-bg;\n content: '';\n vertical-align: top;\n\n // Offset so that the checkbox/radio fits within focused area.\n position: relative;\n top: 1px;\n left: 1px;\n }\n\n &:hover::before,\n &.hover::before {\n border-color: @input-border__hover;\n }\n }\n\n // Ensure the helper text appears on its own line below the label.\n .a-label_helper {\n display: block;\n }\n\n .a-checkbox,\n .a-radio {\n .u-visually-hidden();\n\n &:focus + .a-label,\n &.focus + .a-label {\n outline: 1px dotted @input-border__focused;\n // The outline-offset property is not supported in IE.\n outline-offset: 1px;\n }\n\n &:disabled {\n &:checked + .a-label::before,\n &:focus + .a-label::before,\n &.focus + .a-label::before,\n &:hover + .a-label::before,\n &.hover + .a-label::before {\n border-color: @input-border;\n outline: none;\n box-shadow: none; // Applies only to radio buttons.\n }\n\n & + .a-label {\n cursor: not-allowed;\n color: @input-text__disabled;\n\n &::before {\n background: @input-bg__disabled;\n border-color: @form-field-input-border__disabled;\n }\n }\n }\n }\n }\n\n &__checkbox {\n .a-checkbox {\n &:focus + .a-label::before,\n &.focus + .a-label::before {\n border-color: @input-border__focused;\n box-shadow: 0 0 0 1px @input-border__focused;\n }\n\n &:hover + .a-label::before,\n &.hover + .a-label::before {\n border-color: @input-border__hover;\n box-shadow: 0 0 0 1px @input-border__hover;\n }\n\n &:checked + .a-label::before {\n .u-svg-inline-bg( 'approved' );\n\n background-size: auto @cf-icon-height;\n background-repeat: no-repeat;\n background-position: center 0;\n }\n &:disabled:checked + .a-label::before {\n // rgb values are CFPB gray-40.\n // For some reason SVG isn't accepting hex values for the fill.\n .u-svg-inline-bg( 'approved', true );\n }\n }\n\n &__error {\n .a-label {\n &::before {\n border-color: @input-border__error;\n outline: 1px solid @input-border__error;\n }\n\n &:hover::before,\n &.hover::before {\n border-color: @input-border__hover;\n outline-color: @input-border__hover;\n }\n }\n\n .a-checkbox {\n &:hover + .a-label::before,\n &.hover + .a-label::before {\n border-color: @input-border__hover;\n outline-color: @input-border__hover;\n }\n\n &:focus + .a-label::before,\n &.focus + .a-label::before {\n border-color: @input-border__error;\n box-shadow: 0 0 0 1px @input-border__error;\n outline-color: @input-border__error;\n }\n\n &:focus + .a-label,\n &.focus + .a-label {\n outline: 1px dotted @input-border__error;\n outline-offset: 1px;\n }\n }\n }\n\n &__warning {\n .a-label {\n &::before {\n border-color: @input-border__warning;\n outline: 1px solid @input-border__warning;\n }\n\n &:hover::before,\n &.hover::before {\n border-color: @input-border__hover;\n outline-color: @input-border__hover;\n }\n }\n\n .a-checkbox {\n &:hover + .a-label::before,\n &.hover + .a-label::before {\n border-color: @input-border__hover;\n outline-color: @input-border__hover;\n }\n\n &:focus + .a-label::before,\n &.focus + .a-label::before {\n border-color: @input-border__warning;\n box-shadow: 0 0 0 1px @input-border__warning;\n outline-color: @input-border__warning;\n }\n\n &:focus + .a-label,\n &.focus + .a-label {\n outline: 1px dotted @input-border__warning;\n outline-offset: 1px;\n }\n }\n }\n\n &__success {\n .a-label {\n &::before {\n border-color: @input-border__success;\n outline: 1px solid @input-border__success;\n }\n\n &:hover::before,\n &.hover::before {\n border-color: @input-border__hover;\n outline-color: @input-border__hover;\n }\n }\n\n .a-checkbox {\n &:hover + .a-label::before,\n &.hover + .a-label::before {\n border-color: @input-border__hover;\n outline-color: @input-border__hover;\n }\n\n &:focus + .a-label::before,\n &.focus + .a-label::before {\n border-color: @input-border__success;\n box-shadow: 0 0 0 1px @input-border__success;\n outline-color: @input-border__success;\n }\n\n &:focus + .a-label,\n &.focus + .a-label {\n outline: 1px dotted @input-border__success;\n outline-offset: 1px;\n }\n }\n }\n }\n\n &__radio {\n .a-label {\n &::before {\n border-radius: 50%;\n\n /* The rotate is needed to fix a bug in Firefox where radio\n button was not centered. */\n transform: rotate(0deg);\n }\n }\n\n .a-radio {\n &:focus + .a-label::before,\n &.focus + .a-label::before {\n outline: none;\n border-color: @input-border__focused;\n box-shadow: 0 0 0 1px @input-border__focused;\n }\n\n &:hover + .a-label::before,\n &.hover + .a-label::before {\n outline: none;\n border-color: @input-border__hover;\n box-shadow: 0 0 0 1px @input-border__hover;\n }\n\n &:checked + .a-label::before {\n background-color: @input-bg__selected;\n box-shadow: inset 0 0 0 2px @form-field-inset;\n }\n\n &:checked:disabled + .a-label::before {\n background-color: @input-bg__disabled-selected;\n box-shadow: inset 0 0 0 2px @input-bg__disabled;\n }\n\n &:focus:checked + .a-label::before,\n &.focus:checked + .a-label::before {\n border-color: @input-border__focused;\n box-shadow:\n 0 0 0 1px @input-border__focused,\n inset 0 0 0 2px @form-field-inset;\n }\n\n &:hover:checked + .a-label::before,\n &.hover:checked + .a-label::before {\n border-color: @input-border__hover;\n box-shadow:\n 0 0 0 1px @input-border__hover,\n inset 0 0 0 2px @form-field-inset;\n }\n }\n }\n\n &__lg-target {\n display: block;\n\n .a-label {\n box-sizing: border-box;\n width: 100%;\n padding: 15px;\n background-color: @form-field-input-lg-target-bg;\n }\n\n .a-checkbox,\n .a-radio {\n &:checked + .a-label {\n background-color: @form-field-input-lg-target-bg__selected;\n box-shadow: inset 0 0 0 1px @form-field-input-lg-target-border;\n }\n\n &:hover + .a-label,\n &.hover + .a-label,\n &:focus + .a-label,\n &.focus + .a-label {\n box-shadow: inset 0 0 0 2px @form-field-input-lg-target-border;\n }\n\n &:focus + .a-label,\n &.focus + .a-label,\n &:checked + .a-label {\n // The outline-offset property is not supported in IE.\n outline-offset: 1px;\n }\n\n &:disabled + .a-label,\n &:checked:disabled + .a-label,\n &:hover:disabled + .a-label {\n color: @input-text__disabled;\n box-shadow: none;\n background-color: @form-field-input-lg-target-bg__disabled;\n }\n\n &:checked:disabled + .a-label {\n &,\n &::before {\n border: 1px solid @form-field-input-border__disabled;\n }\n }\n }\n }\n\n // TODO: The same top margin is applied to field-level errors for input-\n // with-button forms in organisms/form.less; we should find a way to merge\n // these to be less repetitive.\n .a-form-alert {\n margin-top: unit((@grid_gutter-width / 2 / @base-font-size-px), em);\n }\n}\n",".o-form {\n &_group {\n margin-bottom: unit((30px / @base-font-size-px), em);\n }\n\n &_fieldset {\n // Overwrite Normalize.\n border: none;\n margin: 0;\n padding: 0;\n\n .m-form-field + .m-form-field {\n margin-top: unit((10px / @base-font-size-px), em);\n }\n }\n\n //\n // Input with button\n //\n\n &__input-w-btn {\n .respond-to-min( 480px, {\n .grid_nested-col-group();\n });\n\n &_input-container {\n margin-bottom: unit((15px / @base-font-size-px), em);\n\n .respond-to-min( 480px, {\n .grid_column( 9 );\n\n border-right-width: 0;\n });\n\n .a-text-input {\n box-sizing: border-box;\n width: 100%;\n }\n\n // TODO: The same top margin is applied to field-level errors for\n // regular forms in molecules/form-fields.less; we should find a way\n // to merge these to be less repetitive.\n .a-form-alert {\n margin-top: unit((@grid_gutter-width / 2 / @base-font-size-px), em);\n }\n }\n\n &_btn-container {\n margin-bottom: unit((15px / @base-font-size-px), em);\n\n .a-btn {\n width: 100%;\n }\n\n .respond-to-min( 480px, {\n .grid_column( 3 );\n border-left: 0;\n .a-btn {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n }\n });\n }\n }\n}\n","/* ==========================================================================\n Design System\n Grid mixins\n ========================================================================== */\n\n//\n// Less variables\n//\n\n@grid_wrapper-width: 1230px;\n@grid_gutter-width: 30px;\n@grid_total-columns: 12;\n@grid_debug: false;\n\n//\n// Wrapper\n//\n\n.grid_wrapper( @grid_wrapper-width: @grid_wrapper-width ) {\n max-width: (@grid_wrapper-width - @grid_gutter-width);\n padding-right: (@grid_gutter-width / 2);\n padding-left: (@grid_gutter-width / 2);\n margin: 0 auto;\n clear: both;\n}\n\n//\n// Columns\n//\n\n.grid_column( @columns: 1; @total: @grid_total-columns; @prefix: 0; @suffix: 0 ) {\n display: inline-block;\n box-sizing: border-box;\n\n // To calculate the percentage width of the base element, we take the number of\n // columns it'll span and divide by the total number of columns. As columns are\n // specified as inline-block elements, standard columns require no further math.\n //\n // num cols used\n // column width in % = -------------\n // total cols\n\n @width: percentage((@columns / @total));\n\n border: solid transparent;\n border-width: 0 (@grid_gutter-width / 2);\n\n // Remove whitespace caused by setting display to inline-block\n margin-right: -0.25em;\n vertical-align: top;\n\n // Modifying standard width and padding for prefixed/suffixed columns, if necessary:\n // LESS will now run through four possible child mixins, only one of which will\n // actually be activated, depending on which one's guard conditions are met.\n // At some point, consider how to modularize the prefix-suffix functionality and\n // keep it optional.\n\n .nonPrefixSuffix( @prefix, @suffix );\n .prefix( @prefix, @suffix );\n .suffix( @suffix, @prefix );\n .prefixSuffix( @prefix, @suffix );\n\n // Child mixins\n\n // Run this when neither prefix nor suffix are specified\n // prettier-ignore\n .nonPrefixSuffix( @prefix: 0; @suffix: 0 ) when ( @prefix = 0 ) and ( @suffix = 0 ) {\n width: @width;\n }\n\n // Run this when only prefix is specified\n .prefix( @prefix: 0; @suffix: 0 ) when ( @prefix > 0 ) and ( @suffix = 0 ) {\n @offset: percentage((@prefix / @total));\n\n width: @width + @offset;\n padding-left: @offset;\n }\n\n // Run this when only suffix is specified\n .suffix( @suffix: 0; @prefix: 0 ) when ( @suffix > 0 ) and ( @prefix = 0 ) {\n @offset: percentage((@suffix / @total));\n\n width: @width + @offset;\n padding-right: @offset;\n }\n\n // Run this when both prefix and suffix are specified\n // prettier-ignore\n .prefixSuffix( @prefix: 0; @suffix: 0 ) when ( @prefix > 0 ) and ( @suffix > 0 ) {\n @left: percentage( ( @prefix / @total ) );\n @right: percentage( ( @suffix / @total ) );\n\n width: @width + @left + @right;\n padding-right: @right;\n padding-left: @left;\n }\n}\n\n// prettier-ignore\n.grid_column( @columns; @total: @grid_total-columns; @prefix: 0; @suffix: 0; ) when ( @grid_debug ) {\n border-left-color: #ffb149;\n border-left-color: fade( #ff9e1b, 25% );\n border-right-color: #ffb149;\n border-right-color: fade( #ff9e1b, 25% );\n background-color: #f6d9d3;\n background-color: fade( #d12124, 20% );\n\n &::before,\n &::after {\n content: '';\n display: block;\n width: 100%;\n height: @grid_gutter-width * 0.25;\n background-color: #da6750;\n background-color: fade( #da6750, 75% );\n }\n\n &::before {\n margin-bottom: @grid_gutter-width * 0.25;\n }\n\n &::after {\n margin-top: @grid_gutter-width * 0.25;\n }\n}\n\n//\n// Push and Pull mixins for source ordering\n//\n\n.grid_push( @offset: 1, @grid_total-columns: @grid_total-columns ) {\n @push: percentage((@offset / @grid_total-columns));\n\n position: relative;\n left: @push;\n}\n\n.grid_pull( @offset: 1, @grid_total-columns: @grid_total-columns ) {\n @pull: percentage((@offset / @grid_total-columns));\n\n position: relative;\n right: @pull;\n}\n\n//\n// Nested columns\n//\n\n.grid_nested-col-group() {\n display: block;\n position: relative;\n margin-left: (@grid_gutter-width / 2) * -1;\n margin-right: (@grid_gutter-width / 2) * -1;\n}\n","// Initial and no-js state.\nselect.o-multiselect {\n display: block;\n box-sizing: border-box;\n width: 100%;\n padding: unit((7px / @base-font-size-px), em);\n\n // Fixed height breaks the bottom border\n // mid-character to indicate there's more content.\n height: 5.5em;\n padding-top: unit((4px / @base-font-size-px), em);\n padding-bottom: unit((4px / @base-font-size-px), em);\n border: 1px solid @select-border;\n\n option {\n padding: unit((2px / @base-font-size-px), em)\n unit((6px / @base-font-size-px), em);\n }\n}\n\n.o-multiselect {\n position: relative;\n\n &_header {\n position: relative;\n\n &::after {\n // Arrow box width must be odd size to properly center the bg image\n width: unit((@select-height / @base-font-size-px), em);\n box-sizing: border-box;\n border-left: 1px solid @select-border;\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n background-color: @select-icon-bg;\n .u-svg-inline-bg( 'down' );\n\n background-size: auto @cf-icon-height;\n background-repeat: no-repeat;\n background-position: center center;\n border: 1px solid @input-border;\n content: '';\n pointer-events: none;\n }\n }\n\n &_search[type='text'] {\n display: block;\n\n box-sizing: border-box;\n width: 100%;\n }\n\n &_fieldset {\n // Resets\n border-color: @input-border;\n border-top: none;\n margin: 0;\n padding: 0;\n\n // Styles\n box-sizing: border-box;\n overflow-x: hidden;\n overflow-y: scroll;\n position: absolute;\n z-index: 10;\n\n max-height: 0;\n margin-top: -1px;\n width: 100%;\n\n transition: max-height 0.25s ease-out;\n }\n\n &.u-active {\n .o-multiselect_fieldset {\n margin-top: 0;\n // This needs to match the value set in _bindEvents in Multiselect.js.\n // See https://github.com/cfpb/design-system/blob/4d26d5af04317bcc00b4677aa866fe8d526e82e0/packages/cfpb-forms/src/organisms/Multiselect.js#L340\n max-height: 140px;\n\n border-color: var(--pacific);\n border-width: 2px;\n border-top: 0;\n }\n\n // Reverse arrow when search drop-down is open.\n .o-multiselect_header::after {\n .u-svg-inline-bg( 'up' );\n }\n }\n\n &_options {\n list-style-type: none;\n background-color: var(--white);\n padding: 0;\n\n li {\n margin: 0;\n }\n\n li:first-child {\n .a-label {\n padding-top: unit((10px / @base-font-size-px), em);\n }\n }\n\n &.u-filtered li:not(.u-filter-match) {\n display: none;\n }\n\n &.u-no-results,\n &.u-max-selections {\n li {\n display: none;\n }\n\n &::after {\n display: list-item;\n }\n }\n\n &.u-no-results::after {\n content: 'No results found';\n }\n\n &.u-max-selections {\n padding: unit((10px / @base-font-size-px), em);\n pointer-events: none;\n\n &::after {\n content: 'Reached maximum number of selections';\n }\n }\n\n .a-label {\n box-sizing: border-box;\n padding-top: unit((5px / @base-font-size-px), em);\n padding-right: 0;\n padding-bottom: unit((5px / @base-font-size-px), em);\n padding-left: unit((10px / @base-font-size-px), em);\n width: 100%;\n }\n }\n\n &_choices {\n padding-left: 0;\n // The following is required to make side-by-side LI\n // have a space between them.\n margin-right: unit((-10px / @base-font-size-px), em);\n margin-bottom: 0;\n\n li {\n display: inline-block;\n\n // The following is required to make side-by-side LI\n // have a space between them.\n margin-right: unit((10px / @base-font-size-px), em);\n }\n\n li:last-child {\n margin-bottom: unit((10px / @base-font-size-px), em);\n }\n\n button {\n border: none;\n background: none;\n padding: 0;\n text-align: left;\n\n &:focus {\n border-radius: unit((3px / @size-v), em);\n outline: 1px dotted var(--teal);\n outline-offset: 1px;\n\n label {\n background-color: var(--teal-20);\n }\n }\n\n &:hover label {\n background-color: var(--teal-40);\n }\n\n &:active label {\n background-color: var(--teal-60);\n }\n }\n\n label {\n display: inline-block;\n padding: 4px 10px;\n padding-right: 25px;\n\n background-color: var(--teal-20);\n border-radius: unit((3px / @size-v), em);\n border: 1px solid var(--teal);\n color: var(--black);\n cursor: pointer;\n font-size: unit((16px / @base-font-size-px), em);\n position: relative;\n\n &:hover {\n background-color: var(--teal-40);\n\n &::after {\n color: var(--white);\n }\n }\n\n .cf-icon-svg {\n position: absolute;\n top: 4px;\n right: 5px;\n margin-left: 10px;\n fill: var(--black);\n }\n }\n }\n}\n","// @c = default state.\n// @v = `:visited` state.\n// @h = `:hover` state.\n// @f = `:focus` state.\n// @a = `:active` state.\n.u-link-card__colors( @c, @v, @h, @f, @a ) {\n .m-card_footer > span {\n display: inline;\n border-width: 0;\n border-bottom-width: 1px;\n border-color: @c;\n border-style: dotted;\n font-weight: 500;\n color: @c;\n text-decoration: none;\n }\n\n & > a:visited .m-card_footer > span {\n border-color: @v;\n color: @v;\n }\n\n // Border changes on the regular cards happen on the top-level `article`\n // element, so for consistency we trigger the hover styles on the parent\n // instead of on the link. This differs from the visited, focus,\n // and active states, which add styles onto the link.\n &:hover .m-card_footer > span {\n border-style: solid;\n border-color: @h;\n color: @h;\n }\n\n & > a:focus .m-card_footer > span {\n border-color: @f;\n color: @f;\n }\n\n & > a:active .m-card_footer > span {\n border-color: @a;\n border-style: solid;\n color: @a;\n }\n}\n\n.u-card-bottom-bar() {\n // Bottom green hover bar.\n &::after {\n content: '';\n position: absolute;\n left: 0;\n bottom: 1px;\n height: 5px;\n width: 100%;\n background: var(--green);\n }\n}\n\n.m-card {\n position: relative;\n\n &:not(.m-card__breakout) {\n & > a {\n padding: unit((@grid_gutter-width / @base-font-size-px), em);\n }\n\n .m-card_footer {\n margin-top: auto;\n }\n }\n\n &: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: unit((@grid_gutter-width / @base-font-size-px), em);\n }\n\n &:not(.m-card__breakout, .m-card__topic),\n & > 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\n & a:focus {\n outline-offset: 2px;\n }\n\n &_footer > a {\n font-weight: 500;\n border-bottom-width: 1px;\n }\n\n // Shrink heading at smaller screen sizes.\n &_heading {\n .respond-to-max(@bp-med-min, {\n .h3();\n });\n }\n\n // Regular cards.\n &_heading > a {\n color: var(--black);\n\n &:hover {\n color: var(--pacific);\n }\n\n & .m-card_icon {\n font-size: 1em;\n margin-bottom: 0;\n padding-right: unit((7.5px / @base-font-size-px), em);\n }\n\n & .m-card_icon,\n & span {\n display: table-cell;\n }\n }\n\n & > .m-list {\n margin-top: 10px;\n margin-bottom: 30px;\n }\n\n // Topic cards.\n &__topic {\n text-align: center;\n width: 170px;\n background: var(--white);\n\n & > a {\n border: 1px solid var(--gray-20);\n border-bottom-width: 3px;\n }\n\n .m-card_icon {\n font-size: unit((30px / @base-font-size-px), em);\n color: var(--green);\n margin-bottom: unit((5px / @base-font-size-px), em);\n }\n\n &:hover {\n > a {\n box-shadow:\n 0 2px 0 0 inset var(--gray-20),\n 2px 0 0 0 inset var(--gray-20),\n -2px 0 0 0 inset var(--gray-20);\n }\n\n .u-card-bottom-bar();\n }\n\n // Arguments: default, `:visited`, `:hover`, `:focus`, and `:active` states.\n .u-link-card__colors( var(--pacific), var(--teal), var(--pacific-dark), var(--pacific-dark), var(--pacific-dark) );\n }\n\n &__topic-action {\n .m-card_icon {\n color: var(--pacific);\n }\n }\n\n // Breakout cards.\n @card_img_width: 210px;\n @card_img_height: 120px;\n &__breakout {\n min-width: 210px;\n text-align: center;\n\n // Provide padding offset set to half the image height.\n > a {\n padding-top: (@card_img_height / 2);\n }\n\n .m-card_inner-wrapper {\n position: relative;\n z-index: 0;\n min-height: (@card_img_height + (@grid_gutter-width / 2));\n\n background: var(--gray-5);\n border: 1px solid var(--gray-20);\n border-bottom-width: 3px;\n }\n\n .m-card_img {\n position: absolute;\n z-index: 1;\n top: 0;\n left: 50%;\n width: @card_img_width;\n height: @card_img_height;\n\n // Match half of image width.\n margin-left: -(@card_img_width / 2);\n }\n\n .m-card_footer {\n // Subtract 6px to accommodate heading-3 size.\n margin-top: (@card_img_height / 2) + @grid_gutter-width - 6px;\n }\n\n &:hover {\n .m-card_inner-wrapper {\n box-shadow:\n 0 2px 0 0 inset var(--gray-20),\n 2px 0 0 0 inset var(--gray-20),\n -2px 0 0 0 inset var(--gray-20);\n }\n\n .u-card-bottom-bar();\n }\n\n // Arguments: default, `:visited`, `:hover`, `:focus`, and `:active` states.\n .u-link-card__colors( var(--pacific), var(--teal), var(--pacific-dark), var(--pacific), var(--navy) );\n\n // Breakout cards have larger links.\n .m-card_footer > span {\n .heading-3();\n }\n }\n}\n","// Hero variables\n\n@hero-desktop-height: 285px;\n\n// Hero molecule\n\n.m-hero {\n background-color: var(--gray-5);\n\n &_wrapper {\n display: grid;\n max-width: (@grid_wrapper-width - @grid_gutter-width);\n margin: 0 auto;\n padding-top: @grid_gutter-width;\n padding-bottom: @grid_gutter-width;\n }\n\n &_text {\n padding-right: (@grid_gutter-width / 2);\n padding-left: (@grid_gutter-width / 2);\n }\n\n &_heading {\n .heading-1();\n }\n\n &_subhead {\n // Not using the `.heading-3()` mixin here because we want the weight\n // to remain Regular on smaller screens.\n font-size: @size-iii;\n line-height: 1.25;\n }\n\n &_image-wrapper {\n box-sizing: border-box;\n overflow: hidden;\n }\n\n &_image {\n background-position: center;\n background-repeat: no-repeat;\n background-size: contain;\n\n width: 100%;\n\n // Progressive enhancement for legacy browsers.\n // Instead of writing fallbacks for the behavior of each type of\n // hero image, we hide the hero image in legacy browsers.\n display: none;\n\n @supports (display: grid) {\n display: block;\n }\n }\n\n &__knockout {\n background-color: var(--gray);\n color: var(--white);\n }\n\n &__overlay {\n .m-hero_wrapper {\n background-position: center;\n background-repeat: no-repeat;\n background-size: cover;\n }\n }\n\n &__jumbo,\n &__50-50 {\n background-color: var(--white);\n\n .u-jumbo-text();\n }\n}\n\n// Mobile only.\n.respond-to-max( @bp-xs-max, {\n .m-hero {\n &_image-wrapper {\n margin-top: unit( ( @grid_gutter-width / @base-font-size-px ), em );\n }\n\n &__overlay {\n .m-hero_wrapper {\n // Overwrite the image that is set in the markup because\n // we are showing the image container below instead.\n background-image: none !important;\n }\n }\n\n &__jumbo {\n .m-hero_wrapper {\n // Keep hero image flush with container on mobile\n padding-bottom: 0;\n }\n }\n }\n} );\n\n// Tablet and below.\n.respond-to-max( @bp-sm-max, {\n .m-hero {\n &_heading {\n .heading-2();\n }\n\n &_subhead {\n font-size: @size-iv;\n }\n }\n} );\n\n// Tablet and above.\n.respond-to-min( @bp-sm-min, {\n .m-hero {\n &_wrapper {\n grid-template-columns: 7fr 5fr;\n padding-right: ( @grid_gutter-width / 2);\n padding-left: ( @grid_gutter-width / 2);\n\n min-height: @hero-desktop-height - ( @grid_gutter-width * 2 );\n }\n\n &_text {\n margin: auto;\n }\n\n &_image-wrapper {\n padding-right: ( @grid_gutter-width / 2 );\n padding-left: ( @grid_gutter-width / 2 );\n\n // Vertically center hero images\n display: flex;\n align-items: center;\n }\n\n &__bleeding {\n .m-hero_image-wrapper {\n width: 100%;\n margin-top: unit( ( @grid_gutter-width / @base-font-size-px ), em ) * -1;\n margin-bottom: unit( ( @grid_gutter-width / @base-font-size-px ), em ) * -1;\n }\n\n .m-hero_image {\n // Remove the flexible container padding so that the image is a consistent width.\n padding-bottom: 0 !important;\n height: 100%;\n width: 100%;\n background-size: cover;\n }\n }\n\n &__overlay {\n .m-hero_image {\n display: none;\n }\n }\n\n &__jumbo {\n .m-hero_wrapper {\n background-position: 50%;\n background-repeat: no-repeat;\n background-size: cover;\n }\n\n .m-hero_image {\n display: none;\n }\n }\n\n &__50-50 {\n .m-hero_wrapper {\n grid-template-columns: 1fr 1fr;\n\n border: 1px solid var(--gray-40);\n border-top: none;\n // Position the hero image all the way to the right\n background-position: 100% center;\n background-repeat: no-repeat;\n background-size: 50%;\n }\n\n .m-hero_image {\n display: none;\n }\n }\n }\n});\n\n// Large desktop.\n.respond-to-min( @bp-lg-min, {\n .m-hero {\n &_wrapper {\n padding-top: unit( ( ( @grid_gutter-width * 1.5 ) / @base-font-size-px ), em );\n padding-bottom: unit( ( ( @grid_gutter-width * 1.5 ) / @base-font-size-px ), em );\n min-height: @hero-desktop-height - ( ( @grid_gutter-width * 1.5 ) * 2 );\n }\n\n &__bleeding {\n .m-hero_image-wrapper {\n margin-top: unit( ( ( @grid_gutter-width * 1.5 ) / @base-font-size-px ), em ) * -1;\n margin-bottom: unit( ( ( @grid_gutter-width * 1.5 ) / @base-font-size-px ), em ) * -1;\n }\n }\n\n &__50-50 {\n .m-hero_wrapper {\n // Enlarge the 50/50 height on large screens to maximize the image size\n min-height: @hero-desktop-height + ( @grid_gutter-width * 2 );\n }\n }\n }\n} );\n\n// Jumbo hero text mixin.\n.u-jumbo-text() {\n .m-hero_subhead {\n .lead-paragraph();\n }\n\n // Tablet and above.\n .respond-to-min( @bp-sm-min, {\n .m-hero_subhead {\n .heading-3();\n }\n } );\n\n // Large desktop.\n .respond-to-min( @bp-lg-min, {\n .m-hero_wrapper {\n min-height: @hero-desktop-height;\n }\n .m-hero_heading {\n .superheading();\n }\n .m-hero_subhead {\n .heading-2();\n font-weight:400;\n }\n } );\n}\n","// Grid-based \"column\" card group layouts.\n.o-card-group {\n > h2 {\n margin-bottom: unit((30px / @base-font-size-px), rem);\n }\n\n &__column-2 &_cards {\n grid-template-columns: 1fr 1fr;\n }\n\n &__column-3 &_cards {\n grid-template-columns: repeat(3, minmax(0, 1fr));\n\n // Convert to 2-column layout at small screen sizes;\n .respond-to-max(@bp-lg-min, {\n grid-template-columns: 1fr 1fr;\n });\n }\n\n &_cards {\n display: grid;\n grid-column-gap: unit((20px / @base-font-size-px), em);\n grid-row-gap: unit((20px / @base-font-size-px), em);\n\n // Mobile only.\n .respond-to-max(@bp-xs-max, {\n // Make sure cards are stacked at mobile size.\n grid-template-columns: 100% !important;\n });\n }\n\n &__bg-green {\n padding: unit((30px / @base-font-size-px), em);\n background: var(--green-20);\n }\n}\n\n// Hack for Edge/IE to convert grid to a floated block layout.\n// See https://jeffclayton.wordpress.com/2015/04/07/css-hacks-for-windows-10-and-spartan-browser-preview/\n// Necessitated because of https://stackoverflow.com/questions/46743722/items-in-css-grid-in-ie-superimposed-on-each-other\n\n/* stylelint-disable selector-type-no-unknown */\n_:-ms-lang(x),\n.o-card-group_cards {\n display: block;\n\n .m-card {\n display: block;\n float: left;\n margin-bottom: 10px;\n }\n}\n\n_:-ms-lang(x),\n.o-card-group__column-2 {\n .o-card-group_cards .m-card {\n width: 48%;\n margin-right: 2%;\n }\n .o-card-group_cards .m-card:last-child {\n margin-right: 0;\n }\n}\n\n_:-ms-lang(x),\n.o-card-group__column-3 {\n .o-card-group_cards .m-card {\n width: 32%;\n margin-right: 1%;\n }\n .o-card-group_cards .m-card:last-child {\n margin-right: 0;\n }\n}\n\n_:-ms-lang(x),\n.o-card-group::after {\n content: '';\n display: table;\n clear: both;\n}\n/* stylelint-enable selector-type-no-unknown */\n\n/* stylelint-disable no-duplicate-selectors */\n// Grid-based \"count\" card group layouts.\n.o-card-group {\n /* stylelint-enable no-duplicate-selectors */\n // Name the card grid areas.\n &__count-2,\n &__count-3,\n &__count-4 {\n .m-card:nth-of-type(1) {\n grid-area: card1;\n }\n\n .m-card:nth-of-type(2) {\n grid-area: card2;\n }\n\n .m-card:nth-of-type(3) {\n grid-area: card3;\n }\n\n .m-card:nth-of-type(4) {\n grid-area: card4;\n }\n }\n\n &__count-2 &_cards {\n grid-template-columns: 1fr 1fr;\n grid-template-areas: 'card1 card2';\n }\n\n &__count-3 &_cards {\n grid-template-columns: 1fr 1fr;\n grid-template-areas:\n 'card1 card2'\n 'card1 card3';\n\n // We have to reach inside the m-card here unfortunately to\n // center the content of the first card and increase the heading.\n .m-card:nth-of-type(1) {\n h3 {\n .h2();\n }\n\n > a {\n justify-content: center;\n }\n }\n }\n\n &__count-4 &_cards {\n grid-template-columns: 1fr 1fr;\n grid-template-areas:\n 'card1 card2'\n 'card3 card4';\n }\n\n // Flexbox-based \"flow\" card group layout.\n &__flow {\n .o-card-group_cards {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n }\n }\n}\n\n// Tablet only.\n.respond-to-range(@bp-sm-min, @bp-sm-max, {\n .o-card-group {\n &__count-3 &_cards {\n grid-template-columns: 1fr 1fr;\n grid-template-areas:\n 'card1 card1'\n 'card2 card3';\n }\n }\n});\n\n// Mobile only.\n.respond-to-max(@bp-xs-max, {\n .o-card-group {\n &__count-2 &_cards {\n grid-template-columns: 1fr;\n grid-template-areas:\n 'card1'\n 'card2';\n }\n &__count-3 &_cards {\n grid-template-columns: 1fr;\n grid-template-areas:\n 'card1'\n 'card2'\n 'card3';\n }\n\n &__count-4 &_cards {\n grid-template-columns: 1fr;\n grid-template-areas:\n 'card1'\n 'card2'\n 'card3'\n 'card4';\n }\n\n &__flow {\n .o-card-group_cards {\n display: block;\n\n .m-card {\n width: 100%;\n margin-bottom: unit( ( @grid_gutter-width / @base-font-size-px ), em );\n }\n }\n }\n }\n});\n","// Featured Content Module variables\n@fcm-visual-width: 270px;\n@fcm-min-height: 220px;\n\n.o-featured-content-module {\n min-height: @fcm-min-height;\n position: relative;\n border: 1px solid var(--gray-40);\n background-color: var(--gray-5);\n\n &_text {\n padding-top: unit((@grid_gutter-width / @base-font-size-px), em);\n padding-bottom: unit((@grid_gutter-width / @base-font-size-px), em);\n }\n\n &_img {\n display: block;\n }\n\n // Mobile only.\n .respond-to-max(@bp-xs-max, {\n &_text {\n padding-right: unit( ( @grid_gutter-width / 2 / @base-font-size-px ), em );\n padding-left: unit( ( @grid_gutter-width / 2 / @base-font-size-px ), em );\n }\n\n &_visual {\n padding-right: unit( ( @grid_gutter-width / 2 / @base-font-size-px ), em );\n padding-bottom: unit( ( @grid_gutter-width / 2 / @base-font-size-px ), em );\n padding-left: unit( ( @grid_gutter-width / 2 / @base-font-size-px ), em );\n }\n\n &_img {\n margin-right: auto;\n margin-left: auto;\n }\n });\n\n // Tablet and above.\n .respond-to-min(@bp-sm-min, {\n &_text {\n padding-right: @fcm-visual-width + @grid_gutter-width;\n padding-left: unit( ( @grid_gutter-width / @base-font-size-px ), em );\n }\n\n &_visual {\n height: 100%;\n overflow: hidden;\n position: absolute;\n top: 0;\n right: 0;\n width: @fcm-visual-width;\n }\n\n &_img {\n max-width: none;\n height: 100%;\n position: absolute;\n\n // Center alignment.\n left: 50%;\n\n transform: translateX( -50% );\n }\n\n });\n\n // Modifiers\n &__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_visual {\n left: 0;\n right: initial;\n }\n\n .o-featured-content-module_text {\n // Tablet and above.\n .respond-to-min(@bp-sm-min, {\n padding-left: @fcm-visual-width + @grid_gutter-width;\n padding-right: unit( ( @grid_gutter-width / @base-font-size-px ), em );\n });\n }\n }\n}\n",".o-well {\n box-sizing: border-box;\n\n padding: unit((@grid_gutter-width / @base-font-size-px), em)\n unit((@grid_gutter-width / 2 / @base-font-size-px), em);\n border: 1px solid var(--gray-40);\n background-color: var(--gray-5);\n\n // Tablet and above.\n .respond-to-min(@bp-sm-min, {\n padding-left: unit( ( @grid_gutter-width / @base-font-size-px ), em );\n padding-right: unit( ( @grid_gutter-width / @base-font-size-px ), em );\n });\n}\n",".o-email-signup {\n .m-notification {\n margin-bottom: unit((@grid_gutter-width / 2 / @base-font-size-px), em);\n }\n\n .a-text-input {\n // Keep inputs in a wider layout to a reasonable width.\n // 370 = 4 columns at max grid width\n max-width: unit((370px / @base-font-size-px), rem);\n }\n\n &_buttons {\n display: flex;\n margin-top: unit((@grid_gutter-width / 2 / @base-font-size-px), em);\n align-items: center;\n flex-wrap: wrap-reverse;\n gap: unit((@grid_gutter-width / 2 / @base-font-size-px), em);\n }\n\n .a-btn {\n text-align: inherit;\n }\n\n // Mobile only.\n .respond-to-max(@bp-xs-max, {\n .a-label__heading {\n font-size: 1em;\n }\n });\n}\n",".o-text-introduction {\n margin-top: 0; // Top spacing should come from the layout container\n margin-bottom: 60px;\n\n // All direct children should be 15px apart\n & > * {\n margin-top: 0;\n margin-bottom: 15px;\n max-width: 41.875rem;\n }\n}\n","// Import external dependencies\n@import (reference) '@cfpb/cfpb-core/src/cfpb-core.less';\n@import (reference) '@cfpb/cfpb-grid/src/cfpb-grid.less';\n\n//\n// Import Molecules\n//\n@import (less) 'molecules/card.less';\n@import (less) 'molecules/heroes.less';\n\n//\n// Import Organisms\n//\n@import (less) 'organisms/card-group.less';\n@import (less) 'organisms/featured-content-module.less';\n@import (less) 'organisms/wells.less';\n@import (less) 'organisms/email-signup.less';\n@import (less) 'organisms/text-introduction.less';\n\n/* ==========================================================================\n Design System\n Layout Helpers\n ========================================================================== */\n\n//\n// Theme variables\n//\n\n// Color variables\n\n// .block\n@block__bg: var(--gray-5);\n@block__border: var(--gray-40);\n@block__border-top: @block__border;\n@block__border-right: @block__border;\n@block__border-bottom: @block__border;\n@block__border-left: @block__border;\n\n// .content_main\n@content_main-border: @block__border;\n\n// .content_sidebar\n@content_sidebar-bg: @block__bg;\n@content_sidebar-border: @block__border;\n\n// .content_line\n@content_line: @block__border;\n\n//\n// Content layouts\n//\n\n.content-l {\n // Used to position __divider modifiers\n position: relative;\n\n // Tablet and above.\n .respond-to-min(@bp-sm-min, {\n .grid_nested-col-group();\n });\n}\n\n.content-l_col {\n // Mobile only.\n .respond-to-max(@bp-xs-max, {\n & + & {\n margin-top: unit( ( @grid_gutter-width / @base-font-size-px ), em );\n }\n });\n}\n\n// Tablet and above.\n.respond-to-min(@bp-sm-min, {\n .content-l_col-1 {\n .grid_column( 12 );\n }\n\n .content-l_col-1-2 {\n .grid_column( 6 );\n }\n\n .content-l_col-1-3 {\n .grid_column( 4 );\n }\n\n .content-l_col-2-3 {\n .grid_column( 8 );\n }\n\n .content-l_col-3-8 {\n .grid_column( 3, 8 );\n }\n\n .content-l_col-5-8 {\n .grid_column( 5, 8 );\n }\n\n .content-l_col-1-4 {\n .grid_column( 3 );\n }\n\n .content-l_col-3-4 {\n .grid_column( 9 );\n }\n});\n\n//\n// Content line\n//\n\n.content_line {\n height: 1px;\n background: @content_line;\n}\n\n//\n// Main content and sidebar\n//\n\n.content_wrapper {\n &:extend(.wrapper all);\n}\n\n.content_main,\n.content_intro {\n dd,\n dt,\n h3,\n h4,\n h5,\n h6,\n li,\n p,\n label {\n max-width: 41.875rem;\n }\n}\n\n.content_intro,\n.content_main,\n.content_sidebar {\n padding: unit((@grid_gutter-width / @base-font-size-px), em)\n unit((@grid_gutter-width / 2 / @base-font-size-px), em);\n\n // Tablet and above.\n .respond-to-min(@bp-sm-min, {\n .grid_column( 12 );\n\n padding:\n unit( ( ( @grid_gutter-width * 1.5 ) / @base-font-size-px ), em )\n unit( ( ( @grid_gutter-width / 2 ) / @base-font-size-px ), em );\n });\n\n // Desktop and above.\n .respond-to-min(@bp-med-min, {\n padding:\n unit( ( ( @grid_gutter-width * 1.5 ) / @base-font-size-px ), em )\n 0;\n });\n}\n\n// Desktop and above.\n.respond-to-min(@bp-med-min, {\n .content_intro {\n .grid_column( 12 );\n }\n});\n\n// Set up standard multi-column content area layouts.\n// Desktop and above.\n.respond-to-min(@bp-med-min, {\n .content {\n &__1-3 {\n .content_sidebar {\n .grid_column( 3 );\n\n padding-right: unit( ( @grid_gutter-width / @base-font-size-px ), em );\n }\n\n .content_main {\n .grid_column( 9 );\n position: relative;\n\n &:after {\n content: '';\n border-left: 1px solid @content_main-border;\n position: absolute;\n top: unit( ( ( @grid_gutter-width * 1.5 ) / @base-font-size-px ), em );\n bottom: 0;\n left: unit( ( (-1 * @grid_gutter-width) / @base-font-size-px ), em );\n }\n }\n }\n\n &__2-1 {\n .content_main {\n .grid_column( 8 );\n\n &:after {\n right: unit( ( (-1 * @grid_gutter-width) / @base-font-size-px ), em );\n }\n }\n\n .content_sidebar {\n .grid_column( 4 );\n\n padding-left: unit( ( @grid_gutter-width / @base-font-size-px ), em );\n }\n }\n }\n}); // END min-width 801 block\n\n.content__flush-bottom {\n padding-bottom: 0;\n}\n\n.content__flush-top-on-small {\n // Tablet and below.\n .respond-to-max(@bp-sm-max, {\n padding-top: 0;\n });\n}\n\n.content__flush-all-on-small {\n // Tablet and below.\n .respond-to-max(@bp-sm-max, {\n padding: 0;\n border: none;\n });\n}\n\n//\n// Block\n//\n\n.block {\n margin-top: unit(((@grid_gutter-width * 2) / @base-font-size-px), em);\n margin-bottom: unit(((@grid_gutter-width * 2) / @base-font-size-px), em);\n\n &__border-top {\n border-top: 1px solid @block__border-top;\n }\n\n &__border-right {\n border-right: 1px solid @block__border-right;\n }\n\n &__border-bottom {\n border-bottom: 1px solid @block__border-bottom;\n }\n\n &__border-left {\n border-left: 1px solid @block__border-left;\n }\n\n &__border {\n border: 1px solid @block__border;\n }\n\n &__flush-top {\n margin-top: 0 !important;\n\n &.block__border,\n &.block__border-top {\n border-top: none;\n }\n }\n\n &__flush-bottom {\n margin-bottom: 0 !important;\n\n &.block__border,\n &.block__border-bottom {\n border-bottom: none;\n }\n }\n\n &__flush-sides {\n margin-right: -(@grid_gutter-width / 2);\n margin-left: -(@grid_gutter-width / 2);\n\n // Mobile only.\n .respond-to-max(@bp-xs-max, {\n &.block__border,\n &.block__border-right,\n &.block__border-left {\n border-right: none;\n border-left: none;\n }\n });\n\n // Tablet and above.\n .respond-to-min(@bp-sm-min, {\n margin-right: -@grid_gutter-width;\n margin-left: -@grid_gutter-width;\n });\n }\n\n &__flush {\n margin-top: 0 !important;\n margin-right: -(@grid_gutter-width / 2);\n margin-bottom: 0 !important;\n margin-left: -(@grid_gutter-width / 2);\n\n &.block__border,\n &.block__border-top,\n &.block__border-bottom {\n border-top: none;\n border-bottom: none;\n }\n\n // Mobile only.\n .respond-to-max(@bp-xs-max, {\n &.block__border,\n &.block__border-right,\n &.block__border-left {\n border-right: none;\n border-left: none;\n }\n });\n\n // Tablet and above.\n .respond-to-min(@bp-sm-min, {\n margin-right: -@grid_gutter-width;\n margin-left: -@grid_gutter-width;\n });\n }\n\n &__bg {\n padding: unit((@grid_gutter-width / @base-font-size-px), em)\n unit(((@grid_gutter-width / 2) / @base-font-size-px), em);\n padding-bottom: unit(((@grid_gutter-width * 2) / @base-font-size-px), em);\n background: @block__bg;\n\n // Tablet and above.\n .respond-to-min(@bp-sm-min, {\n padding: unit( ( ( @grid_gutter-width * 1.5 ) / @base-font-size-px ), em )\n unit( ( @grid_gutter-width / @base-font-size-px ), em );\n });\n }\n\n &__padded-top {\n padding-top: unit((@grid_gutter-width / @base-font-size-px), em);\n margin-top: unit((@grid_gutter-width / @base-font-size-px), em);\n }\n\n &__padded-bottom {\n padding-bottom: unit((@grid_gutter-width / @base-font-size-px), em);\n margin-bottom: unit((@grid_gutter-width / @base-font-size-px), em);\n }\n\n &__sub {\n margin-top: unit((@grid_gutter-width / @base-font-size-px), em);\n margin-bottom: unit((@grid_gutter-width / @base-font-size-px), em);\n }\n\n // Overrides for when .block is also a column\n .content-l_col&,\n .content-l_col&__sub {\n // Tablet and above.\n .respond-to-min(@bp-sm-min, {\n margin-top: 0;\n });\n }\n}\n\n//\n// Bleedbar sidebar styling\n//\n\n.content__bleedbar {\n // Overrides the border between main and sidebar, because bleedbar makes its own.\n .content_main::after {\n content: none;\n }\n\n .content_sidebar {\n padding: unit((@grid_gutter-width / @base-font-size-px), em)\n unit((@grid_gutter-width / 2 / @base-font-size-px), em);\n background: @content_sidebar-bg;\n }\n\n // Desktop and above.\n .respond-to-min(@bp-med-min, {\n // Prevent pseudo element background from creating horizontal scrollbar.\n overflow: hidden;\n\n .content_sidebar {\n padding-top: unit( ( ( @grid_gutter-width * 1.5 ) / @base-font-size-px ), em );\n padding-right: 0;\n padding-bottom: unit( ( @grid_gutter-width / 2 / @base-font-size-px ), em );\n padding-left: unit( ( @grid_gutter-width / @base-font-size-px ), em );\n margin-left: 0;\n position: relative;\n z-index: 1;\n\n // Remove background color from actual sidebar.\n // It will now be provided by pseudoelement :after sidebar parent.\n background: transparent;\n }\n\n .content_wrapper {\n position: relative;\n\n &:after {\n // Create faux sidebar background.\n content: '';\n display: block;\n width: 9999px;\n border-left: 1px solid @content_sidebar-border;\n height: 100%;\n position: absolute;\n top: 0;\n z-index: 0;\n // The three in the below calculation is a magic number.\n // Not entirely sure what to do about it right now.\n margin-left: ( @grid_gutter-width / 3 );\n background: @content_sidebar-bg;\n }\n }\n\n &.content__2-1 .content_wrapper:after {\n left: 66.666666667%;\n }\n\n &.content__3-1 .content_wrapper:after {\n left: 75%;\n }\n });\n}\n\n//\n// grid helpers\n//\n\n.wrapper {\n // Desktop and above.\n .respond-to-min(@bp-med-min, {\n .grid_wrapper();\n });\n\n &__match-content {\n padding-left: @grid_gutter-width / 2;\n padding-right: @grid_gutter-width / 2;\n\n // Tablet and above.\n .respond-to-min(@bp-sm-min, {\n padding-left: @grid_gutter-width;\n padding-right: @grid_gutter-width;\n max-width: @grid_wrapper-width - @grid_gutter-width;\n });\n }\n}\n",".a-date {\n .heading-5();\n\n color: @date;\n white-space: nowrap;\n}\n",".a-heading__icon {\n .heading-4();\n\n color: @heading__icon;\n\n a& {\n .u-link__colors( @heading__icon, @heading__icon__hover );\n\n border-width: 0;\n }\n\n .cf-icon {\n margin-right: unit((2px / @font-size), em);\n }\n}\n","//\n// Links with icons\n// Required for jump link modifier\n//\n\n.a-link__icon,\n.a-link__jump {\n border-bottom-width: 0;\n\n .a-link_text {\n border-bottom-width: 1px;\n border-bottom-style: inherit;\n }\n\n &.a-link__no-wrap {\n white-space: nowrap;\n }\n}\n\n//\n// Jump link\n//\n\n.a-link__jump {\n font-weight: 500;\n\n // Mobile only.\n .respond-to-max(@bp-xs-max, {\n .u-block-link();\n\n position: relative;\n\n .cf-icon-svg {\n position: absolute;\n margin-bottom: -0.6em;\n bottom: 50%;\n }\n\n &.a-link__icon-after-text {\n padding-right: 1.25em;\n }\n\n &.a-link__icon-after-text .cf-icon-svg {\n right: 0;\n }\n\n &.a-link__icon-before-text {\n padding-left: 1.25em;\n }\n\n &.a-link__icon-before-text .cf-icon-svg {\n left: 0;\n }\n });\n}\n\n/**\n * Block link\n *\n * The block link mixin is used in the jump link and link list patterns\n * to provide the `padding`, `background`, and `border` styling\n * that is common to those two patterns at extra-small screen sizes.\n * It is not intended to be used directly.\n */\n\n.u-block-link {\n box-sizing: border-box;\n display: block;\n padding-top: unit((10px / @base-font-size-px), em);\n padding-bottom: unit((10px / @base-font-size-px), em);\n border-top-width: 1px;\n border-bottom-width: 1px;\n // 100% width is needed when block or jump link are applied to a <button>\n width: 100%;\n\n .a-link_text {\n border-bottom-width: 0;\n }\n}\n",".a-tagline {\n font-size: unit((12px / @base-font-size-px), rem);\n\n display: grid;\n grid-template-columns: 22px 1fr;\n grid-column-gap: 10px;\n\n &_text {\n // Needed for browsers with legacy/no grid support (e.g. IE11).\n display: inline-block;\n }\n\n & .u-usa-flag {\n margin-top: 1px;\n }\n\n &__large {\n & .u-usa-flag {\n margin-top: 4px;\n }\n\n font-size: unit((16px / @base-font-size-px), rem);\n }\n\n &__xlarge {\n & .u-usa-flag {\n margin-top: 6px;\n\n // Should not be greater than the source image size of 80x50.\n width: 40px;\n height: 21px;\n // 80px x 42px USA flag image.\n background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAAAqCAMAAAATdiw4AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADlQTFRF////sxlC2YyhCjFhKUt1R2WJGT5rhZiwOFh/Zn6co7LEdYum0djhV3GS8PL1wszYsr/O4OXrlKW6gKQKnwAAAUhJREFUeNrslM2OwzAIhN2OHf/HSd//YXfYqGroZWWUS9XlgPgOGRmY4IAFjOXIr/Qsb5PhkEbglzHy4zAS3tkg6CIFWqNAdCKoeV7Qp4SIEJhS8iFohpsNGVVxGciuAH7f/ZlhEUzo0TNiZ1mrZoNgXuVlrcnLVnmZ5vtkcIYj0x6lMOXhl0WzYSmM2DrQG7frS/Fnhk2wrlTxa2U5hmZDy6kE9lkruw0lea/ZsJTkHjTyvtPIj8PYiucF6WVk9M7062rNNmNvjuOqbpPByfhebFpKQj6MnFnGqNkgWNftaeRNFvvGhuMwKj28bUz1MPaZbTOMTX65s7GfDKOgEyPLHURrmi2CD7DR3tmslF6z4U8JcvcOIxfH6//GhqV0qiBzaghdWtU8LRj+iOmWvzBuF8cHCH5h3C+OD9jy5S3/H4cvOA4/AgwAabgYexE/bU4AAAAASUVORK5CYII=');\n }\n\n font-size: unit((26px / @base-font-size-px), rem);\n grid-template-columns: 40px 1fr;\n grid-column-gap: 30px;\n\n // Mobile only.\n .respond-to-max(@bp-xs-max, {\n font-size: unit( ( 22px / @base-font-size-px ), rem );\n grid-template-columns: initial;\n grid-template-rows: 22px 1fr;\n grid-row-gap: 30px;\n });\n }\n}\n\n// Standard flag size. Gets overwritten in the xlarge tagline.\n.u-usa-flag {\n display: inline-block;\n width: 24px;\n height: 13px;\n // 48px x 25px USA flag image.\n background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAZCAMAAABAf11LAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAE5QTFRF////sxlC7MbQ2YyhxlNxCjFhR2WJV3GSKUt1dYumOFh/GT5rhZiwwszYsr/OlKW6Zn6c0djh8PL1iR9Ko7LE4OXrl0pttKC0pXWRtYKbSuJhRQAAANFJREFUeNrkkctuwyAUREnSuW/ApHYf//+jBVdZVcJi3aORgAXcMyLBAAJEzsVG3m8TkifyI3zfPQ6nJJLo421CArSBmkgjNEWtQE4zXJmClXuCWIlU5hdQxCqbqnE1KdIz79CVDvBwZxyKfQfmHTyzl01UZSvOWSTbhZLSWeDMufWLC/1ls3amT4qQq394EjIjApxBT+/nr8eEBNuKcB9SWMpmEXalNOylmlUZNTr4vE/4VdKhpC+leQf6y/e0wzL3RdJtkfUJyzwW+ZcdfgQYAJmJD3zerW6OAAAAAElFTkSuQmCC');\n background-size: contain;\n background-repeat: no-repeat;\n}\n","//\n// Unstyled list modifier\n// Required for horizontal, icon, and link list modifiers\n//\n\n.m-list__unstyled,\n.m-list__horizontal,\n.m-list__links {\n padding-left: 0;\n list-style-type: none;\n\n // This is needed for dd elements.\n .m-list_item {\n margin-left: 0;\n }\n}\n\n//\n// Spaced list modifier\n//\n\n.m-list__spaced {\n .m-list__spaced,\n .m-list_item + .m-list_item {\n margin-top: unit((24px / @base-font-size-px), em);\n }\n}\n\n//\n// Horizontal list modifier\n//\n\n.m-list__horizontal {\n .m-list_item {\n display: inline-block;\n\n // Assuming a natural space of 4px between inline block items\n // then the space between would be 8px (4px natural + 4px added).\n margin-right: unit((4px / @base-font-size-px), em);\n margin-bottom: 0;\n }\n}\n\n//\n// Link list modifier\n//\n\n.m-list__links {\n .m-list_item {\n // Mobile only.\n .respond-to-max(@bp-xs-max, {\n margin-bottom: 0;\n\n &:nth-child( n+2 ) .m-list_link {\n border-top-width: 0;\n }\n });\n }\n\n .m-list_link {\n font-weight: 500;\n\n // Mobile only.\n .respond-to-max(@bp-xs-max, {\n .u-block-link();\n });\n }\n}\n\nhtml[lang='ar'] .m-list {\n // This is needed for right-to-left (RTL) lists.\n padding-right: 0;\n}\n","@meta-header-item-gap: 21px;\n\n.m-meta-header {\n display: flex;\n flex-direction: column-reverse;\n flex-wrap: wrap-reverse;\n row-gap: unit((10px / @base-font-size-px), rem);\n column-gap: unit((@meta-header-item-gap / @base-font-size-px), rem);\n width: fit-content;\n padding-bottom: unit((10px / @base-font-size-px), rem);\n // Dividers are to the left of content, so this crops the unneeded 1st one.\n overflow: hidden;\n\n &_item-group {\n display: flex;\n flex-wrap: wrap;\n column-gap: unit((@meta-header-item-gap / @base-font-size-px), rem);\n }\n\n &_item {\n // Use grid to indent the text from the icon when it wraps.\n display: grid;\n grid-template-columns: 0 auto 1fr;\n row-gap: unit((5px / @base-font-size-px), rem);\n\n .h4();\n // Mobile only.\n .respond-to-max(@bp-xs-max, {\n // Override h4 bottom margin at mobile size.\n margin-bottom: unit( ( 5px / @base-font-size-px ), rem );\n });\n\n text-wrap: balance;\n margin-bottom: 0;\n\n .cf-icon-svg {\n margin-right: unit((5px / @base-font-size-px), rem);\n }\n\n // Create the divider.\n &::before {\n content: '|';\n margin-left: unit((-13px / @base-font-size-px), rem);\n }\n\n // Adjustments to default date position.\n .a-date {\n font-size: unit((14px / @base-font-size-px), rem);\n line-height: unit((24px / 14px));\n margin-bottom: 0;\n }\n }\n\n // Tablet and above.\n .respond-to-min(@bp-sm-min, {\n flex-direction: row;\n });\n}\n",".m-pull-quote {\n &_body {\n .heading-3();\n\n color: @pull-quote_body;\n\n // Mobile only.\n .respond-to-max(@bp-xs-max, {\n .heading-4();\n });\n }\n\n &_citation {\n .heading-5();\n\n color: @pull-quote_citation;\n\n &::before {\n // An em dash before the cited author name.\n content: '\\2014 ';\n }\n }\n}\n",".m-slug-header {\n border-top: 1px solid @slug-header_border__thin;\n\n &_heading {\n .heading-5();\n\n display: inline-block;\n padding-top: unit((4px / @font-size), em);\n border-top: 5px solid @slug-header_border__thick;\n margin-top: -3px;\n }\n}\n","/* ==========================================================================\n Design System\n Licensed font URLs – for CFPB use only.\n ========================================================================== */\n\n@font-face {\n font-family: 'Avenir Next';\n src: url('@{cf-fonts-path}/2cd55546-ec00-4af9-aeca-4a3cd186da53.woff2')\n format('woff2');\n font-style: normal;\n font-weight: normal;\n font-display: fallback;\n}\n\n@font-face {\n font-family: 'Avenir Next';\n src: url('@{cf-fonts-path}/627fbb5a-3bae-4cd9-b617-2f923e29d55e.woff2')\n format('woff2');\n font-style: normal;\n font-weight: 500;\n font-display: fallback;\n}\n","//\n// Notification\n//\n\n.m-notification {\n display: none;\n position: relative;\n padding: @notification-padding__px;\n background: @notification-bg;\n border: 1px solid @notification-border;\n\n & > .cf-icon-svg {\n position: absolute;\n fill: @notification-icon;\n }\n\n &__success {\n background: @notification-bg-success;\n border-color: @notification-border-success;\n\n & > .cf-icon-svg {\n fill: @notification-icon-success;\n }\n }\n\n &__warning {\n background: @notification-bg-warning;\n border-color: @notification-border-warning;\n\n & > .cf-icon-svg {\n fill: @notification-icon-warning;\n }\n }\n\n &__error {\n background: @notification-bg-error;\n border-color: @notification-border-error;\n\n & > .cf-icon-svg {\n fill: @notification-icon-error;\n }\n }\n\n // Set accessible colors for links in alert notificiations.\n &__success,\n &__warning,\n &__error {\n & a {\n // Colors for :link, :visited, :hover, :focus, :active.\n .u-link__colors( var(--pacific-mid-dark), var(--teal), var(--pacific-dark), var(--pacific-mid-dark), var(--navy-dark) );\n }\n }\n\n &__visible {\n display: block;\n }\n\n // Only adding left padding if an icon is present.\n .cf-icon-svg + &_content {\n padding-left: unit((25px / @base-font-size-px), rem);\n }\n\n &_message {\n font-size: unit((16px / @base-font-size-px), rem);\n line-height: 1.25;\n font-weight: 500;\n\n // Tablet and above.\n .respond-to-min(@bp-sm-min, {\n // h4 size\n font-size: unit((18px / @base-font-size-px), rem);\n });\n }\n\n &_explanation {\n margin-top: unit((5px / @base-font-size-px), rem);\n margin-bottom: unit((15px / @base-font-size-px), rem);\n }\n\n // We need to provide a margin for links if an explanation is absent.\n &_message + .m-list {\n margin-top: unit((15px / @base-font-size-px), rem);\n }\n\n // Tablet and above.\n .respond-to-min(@bp-sm-min, {\n // Make adjustments to the icon, explanation, and links if at non-mobile.\n\n // Increase the icon size.\n .cf-icon-svg {\n font-size: unit(( 18px / @base-font-size-px ), rem);\n }\n\n // Remove default margin between explanation and list of links.\n &_explanation {\n margin-bottom: 0;\n }\n\n // Decrease the margin between the links and the message/explanation.\n .m-list {\n margin-top: unit( ( 5px / @base-font-size-px ), rem );\n }\n\n // Decrease the margin between link items.\n .m-list_item {\n margin-bottom: unit( ( 5px / @base-font-size-px ), rem );\n }\n });\n}\n\n// Handle right-to-left (RTL) adjustments.\nhtml[lang='ar'] .m-notification {\n .cf-icon-svg + .m-notification_content {\n padding-left: initial;\n padding-right: unit((25px / @base-font-size-px), rem);\n }\n\n .m-list {\n padding-right: 0;\n }\n}\n","// Import required component dependencies.\n@import (reference) '@cfpb/cfpb-grid/src/cfpb-grid.less';\n\n//\n// Banner\n// Global banner in the header.\n//\n\n.o-banner {\n padding: unit((@grid_gutter-width / 2 / @base-font-size-px), em) 0;\n background: var(--gold-10);\n border-bottom: 1px solid var(--gray-40);\n font-size: 0.875em;\n\n // Override notification box styling to align notification in header.\n .m-notification {\n border: none;\n padding: 0;\n\n &_icon {\n left: 0;\n top: 0;\n }\n }\n\n &__dark {\n background: var(--teal-mid-dark);\n border-color: var(--teal-mid-dark);\n color: var(--white);\n\n a {\n border-color: var(--white);\n color: var(--white);\n\n &:hover {\n border-color: var(--gray-15);\n color: var(--gray-15);\n }\n }\n\n .m-notification {\n background: var(--teal-mid-dark);\n\n .cf-icon-svg {\n fill: var(--white);\n }\n }\n }\n\n // Tablet and above.\n .respond-to-min(@bp-sm-min, {\n font-size: 1em;\n });\n}\n","//\n// Pagination\n//\n\n.m-pagination {\n position: relative;\n\n &_form {\n padding: unit((5px / @base-font-size-px), em);\n border-radius: unit((4px / @base-font-size-px), em);\n background: @pagination-bg;\n color: @pagination-text;\n text-align: center;\n }\n\n &_current-page {\n // 45px is a magic number to provide enough room for three digits\n // and the number spinners for type=\"number\" inputs on desktop\n width: unit((45px / @base-font-size-px), em);\n\n // 10px + a normal inline single space ~= spec'ed value of 15px\n margin-right: unit((10px / @base-font-size-px), em);\n margin-left: unit((10px / @base-font-size-px), em);\n font-weight: 500;\n text-align: right;\n }\n\n &_label {\n display: inline-block;\n\n // 10px + a normal inline single space ~= spec'ed value of 15px\n margin-right: unit((10px / @base-font-size-px), em);\n vertical-align: middle;\n }\n\n &_btn-submit {\n margin: 0;\n vertical-align: middle;\n }\n\n &_btn-prev,\n &_btn-next {\n min-width: @pagination-btn-min-width-px;\n\n // 22px is a magic number to vertically center the type in the button\n // TODO: Consider refactoring with flexbox for vertical centering\n line-height: 22px;\n text-align: center;\n\n &.a-btn__disabled {\n background-color: @pagination-bg;\n border-color: transparent;\n }\n }\n\n &_btn-next {\n position: absolute;\n right: 0;\n }\n\n // Mobile only.\n .respond-to-max(@bp-xs-max, {\n &_btn-prev,\n &_btn-next {\n margin-bottom: unit( ( 15px / @base-font-size-px ), em );\n }\n });\n\n // Tablet and above.\n .respond-to-min(@bp-sm-min, {\n &_btn-prev,\n &_btn-next {\n height: 100%;\n }\n\n &_btn-prev {\n position: absolute;\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n }\n\n &_btn-next {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n }\n });\n}\n","// Import external dependencies\n@import (reference) '@cfpb/cfpb-core/src/cfpb-core.less';\n@import (reference) '@cfpb/cfpb-buttons/src/cfpb-buttons.less';\n@import (reference) '@cfpb/cfpb-icons/src/cfpb-icons.less';\n\n/* ==========================================================================\n Design System\n Expandable Styling\n ========================================================================== */\n\n// .o-expandable modifiers\n@expandable__border: var(--gray-40);\n\n//\n// Recommended expandable pattern\n//\n\n.o-expandable {\n position: relative;\n\n //\n // Header\n //\n\n &_header {\n display: flex;\n justify-content: space-between;\n gap: 10px;\n padding: unit((10px / @base-font-size-px), em)\n unit((15px / @base-font-size-px), em);\n border: 0;\n background-color: transparent;\n cursor: pointer;\n\n &:focus {\n outline: 1px dotted var(--black);\n outline-offset: 1px;\n }\n\n .o-expandable_cue-close,\n .o-expandable_cue-open {\n display: none;\n }\n\n &[aria-expanded='false'] .o-expandable_cue-open {\n display: block;\n }\n\n &[aria-expanded='true'] .o-expandable_cue-close {\n display: block;\n }\n\n // Using the button element with .o-expandable_header requires setting\n // an explicit width.\n button& {\n width: 100%;\n text-align: left;\n }\n }\n\n //\n // Expandable text elements\n //\n\n &_label {\n // Grow to available width.\n flex-grow: 1;\n\n // Remove default h4 margin style\n margin-bottom: 0;\n color: var(--black);\n font-weight: 500;\n }\n\n &_icon,\n &_label {\n // h4 size.\n font-size: unit(18px / @base-font-size-px, em);\n\n // Mobile only.\n .respond-to-max(@bp-xs-max, {\n font-size: unit(16px / @base-font-size-px, em);\n });\n }\n\n &_cues {\n align-self: center;\n color: var(--pacific);\n font-size: unit((@btn-font-size / @base-font-size-px), em);\n line-height: unit((@base-line-height-px / @btn-font-size));\n }\n\n &_content {\n padding: unit((15px / @base-font-size-px), em);\n padding-top: 0;\n\n // The divider between _header and _content.\n &::before {\n content: '';\n display: block;\n border-top: 1px solid @expandable__border;\n padding-top: unit((15px / @base-font-size-px), em);\n }\n\n &::after {\n padding-bottom: unit((15px / @base-font-size-px), em);\n width: 100%;\n }\n }\n\n //\n // Padded expandable modifier\n //\n\n &__padded {\n .o-expandable {\n &_header {\n padding: unit((25px / @base-font-size-px), em)\n unit((15px / @base-font-size-px), em);\n }\n\n &_icon,\n &_label {\n // h2 size.\n font-size: unit(26px / @base-font-size-px, em);\n\n // Mobile only.\n .respond-to-max(@bp-xs-max, {\n font-size: unit(22px / @base-font-size-px, em);\n });\n }\n }\n }\n\n //\n // Expandable with a background color modifier\n //\n\n &__background {\n background: var(--gray-5);\n }\n\n //\n // Expandable with a border modifier\n //\n\n &__border {\n border: 1px solid @expandable__border;\n }\n\n //\n // Expandable groups\n //\n\n &-group {\n .o-expandable {\n border-bottom: 1px solid @expandable__border;\n\n &:first-child {\n border-top: 1px solid @expandable__border;\n }\n }\n }\n\n .respond-to-print( {\n // Hide the interactive expandable cues when printing\n &_header[aria-expanded='true'] &_cue-close,\n &_header[aria-expanded='false'] &_cue-open {\n display: none;\n }\n\n // Ensure all expandables are expanded when printing.\n // To accommodate print stylesheets that display the raw URL after links,\n // set an enormous max height to accommodate expandables that have a lot of links.\n &_content[aria-expanded='false'] {\n display: block;\n max-height: 99999px !important;\n }\n });\n}\n\n// Used when the set language reads right-to-left\nhtml[lang='ar'] {\n .o-expandable {\n &_header {\n text-align: right;\n }\n\n &_cues {\n text-align: left;\n }\n }\n}\n","@import (reference) '@cfpb/cfpb-core/src/cfpb-core.less';\n\n.o-summary {\n &_content {\n overflow-y: hidden;\n\n // Move the bounding box 2 pixels to avoid clipping link focus boxes.\n padding: 2px;\n left: -2px;\n top: -2px;\n\n position: relative;\n }\n\n &_btn {\n // Hide button in no-js state.\n .no-js & {\n display: none;\n }\n\n position: relative;\n z-index: 2;\n display: block;\n width: 100%;\n padding-top: 15px;\n padding-bottom: 15px;\n border: dotted var(--pacific);\n border-width: 1px 0;\n text-align: center;\n color: var(--pacific);\n background: #fff;\n\n &:focus {\n outline: 1px dotted var(--pacific);\n outline-offset: 2px;\n }\n\n &[aria-expanded='false']::before {\n // Fades content out over approximately 2 lines.\n display: block;\n pointer-events: none;\n height: unit(((@base-line-height-px * 2) / @base-font-size-px), em);\n margin: 0;\n position: absolute;\n left: 0;\n right: 0;\n // 4px is needed because the 2px movement of the content's bounding box.\n top: calc(-100% + 4px);\n background: linear-gradient(\n to bottom,\n rgba(255, 255, 255, 0%) 0%,\n rgba(255, 255, 255, 100%) 100%\n );\n content: '';\n\n .respond-to-print({\n background: none;\n });\n }\n }\n\n // If we're mobile-only…\n &__mobile {\n @media only screen and (min-width: @bp-sm-min) {\n .o-summary_btn {\n // Hide the \"read more\" button and fading on desktop.\n display: none;\n }\n }\n }\n}\n","@import (reference) '@cfpb/cfpb-core/src/cfpb-core.less';\n\n.o-summary-minimal {\n &_content {\n overflow-y: hidden;\n\n // Move the bounding box 2 pixels to avoid clipping link focus boxes.\n padding: 2px;\n left: -2px;\n top: -2px;\n\n position: relative;\n }\n\n &_btn {\n // Hide button in no-js state.\n .no-js & {\n display: none;\n }\n\n margin-top: 5px;\n padding-left: 0;\n padding-right: 0;\n display: block;\n border: none;\n background: none;\n text-align: left;\n color: var(--pacific);\n\n &:focus {\n outline: 1px dotted var(--pacific);\n outline-offset: 2px;\n }\n\n .o-summary-minimal_cue-close,\n .o-summary-minimal_cue-open {\n display: none;\n }\n\n &[aria-expanded='false'] .o-summary-minimal_cue-open {\n display: block;\n }\n\n &[aria-expanded='true'] .o-summary-minimal_cue-close {\n display: block;\n }\n }\n}\n","// Import external dependencies\n@import (reference) '@cfpb/cfpb-core/src/cfpb-core.less';\n@import (reference) '@cfpb/cfpb-icons/src/cfpb-icons.less';\n\n/* ==========================================================================\n Design System\n Table Styling\n ========================================================================== */\n\n//\n// Theme variables\n//\n\n// Color variables\n\n@table-cell-bg: var(--white);\n@table-cell-bg_alt: var(--gray-5);\n@table-scrolling-border: var(--gray-40);\n@table-border: var(--gray);\n\n// Mixins\n.striped-table() {\n & > tbody > tr:nth-child(even) {\n & > th,\n & > td {\n background: @table-cell-bg_alt;\n }\n }\n}\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 table {\n border: 1px solid @table-scrolling-border;\n .striped-table();\n }\n}\n\n// Tablet and above.\n.respond-to-min(@bp-sm-min, {\n .o-table__striped {\n .striped-table();\n }\n});\n\n// We don't want responsive table styles applied to the `print` media type\n// so we're not using .respond-to-max(@bp-xs-max ) here.\n@media only screen and (max-width: @bp-xs-max) {\n .o-table {\n width: 100%;\n }\n\n .o-table__striped tr:nth-child(even) {\n & > th,\n & > td {\n background: @table-cell-bg;\n }\n }\n\n .o-table__stack-on-small {\n border-top: 1px solid var(--gray-40);\n\n tr,\n td,\n [data-display-table='row'],\n [data-display-table='cell'] {\n display: block;\n }\n\n th,\n td,\n [data-display-table='cell'] {\n padding-right: 0;\n padding-left: 0;\n width: 100%;\n }\n\n & > thead,\n [data-display-table='thead'] {\n display: none;\n }\n\n td[data-label]::before {\n .heading-5();\n display: block;\n margin-top: 0;\n margin-bottom: unit((5px / @base-font-size-px), em);\n content: attr(data-label);\n line-height: 1.83333333;\n }\n\n td:last-child,\n [data-display-table='cell']:last-child {\n margin-bottom: unit((30px / @base-font-size-px), em);\n }\n }\n\n .o-table__entry-header-on-small {\n & > tbody td:first-child {\n padding-bottom: 0.75em;\n border-bottom: 1px solid @table-border;\n margin-bottom: unit((10px / @base-font-size-px), em);\n margin-top: 0;\n background-color: @table-head-bg;\n font-size: 1.125em;\n font-weight: 400;\n line-height: 1.22222222;\n }\n\n & > tbody td:first-child::before {\n display: none;\n }\n\n & > tbody > tr {\n border-bottom: none;\n margin-bottom: unit((30px / @base-font-size-px), em);\n }\n }\n}\n",".print {\n .content_main {\n display: block;\n width: 100% !important;\n }\n\n .o-header {\n min-height: initial;\n }\n\n .m-global-header-cta,\n .content_wrapper {\n border: none !important;\n }\n\n .pill-panel li {\n margin: 3px;\n }\n\n .m-global-eyebrow,\n .m-global-header-cta,\n .action-bar,\n .search-panel h2,\n .pill svg,\n .clear-all,\n .search-bar,\n .content_hero,\n .content_sidebar,\n .tabbed-navigation,\n .filter-panel hr,\n .refine-bar,\n .single-checkbox,\n .state-heading .clear,\n .state-navigation,\n .m-pagination,\n .u-right,\n .total,\n #clear-focus,\n .trend-depth-toggle {\n display: none !important;\n }\n\n .advanced-container,\n .search-panel {\n width: 100%;\n }\n\n #tile-chart-map {\n height: 700px;\n width: 700px;\n }\n #line-chart,\n #stacked-area-chart {\n width: 550px;\n }\n\n .tooltip-container {\n margin-top: 50px;\n width: 100px;\n .tooltip-ul {\n span.u-left {\n width: 100% !important;\n text-decoration: none !important;\n }\n }\n }\n\n .map-toolbar,\n .row-chart-section {\n page-break-before: always;\n }\n}\n\n@media print {\n .m-global-eyebrow,\n .m-global-header-cta,\n .action-bar,\n .search-panel h2,\n .pill svg,\n .clear-all,\n .search-bar,\n .content_hero,\n .content_sidebar,\n .tabbed-navigation,\n .filter-panel hr,\n .refine-bar,\n .single-checkbox,\n .state-heading .clear,\n .state-navigation,\n .m-pagination,\n .warning,\n .u-right,\n .total,\n .vertical-marker,\n .circle-container,\n .a-micro-copy,\n footer,\n #clear-focus,\n .trend-depth-toggle {\n display: none !important;\n }\n}\n",".card-container {\n max-width: 100%;\n padding: @gutter-normal;\n margin-bottom: @grid_gutter-width;\n\n nav {\n width: 100%;\n justify-content: space-between;\n\n a,\n button {\n color: @btn-bg;\n font-size: @base-font-size-px;\n\n &:hover {\n color: @btn-bg-hover;\n }\n }\n\n .a-btn__link {\n border: 0;\n\n span {\n margin-right: @gutter-normal;\n }\n }\n }\n\n h1 {\n margin: @gutter-normal 0;\n margin-top: @grid_gutter-width;\n }\n\n h2.company-information {\n margin-top: @gutter-wide;\n }\n\n .card {\n display: flex;\n flex-direction: row;\n flex-wrap: nowrap;\n\n @media @phone {\n flex-wrap: wrap;\n }\n\n .card-left {\n box-sizing: border-box;\n min-width: 260px;\n width: 33%;\n padding-right: @grid_gutter-width;\n\n @media @tablet {\n padding-right: @gutter-normal;\n }\n\n @media @phone {\n width: 100%;\n padding-right: @gutter-narrow;\n }\n }\n .card-right {\n width: 67%;\n\n @media @phone {\n width: 100%;\n padding-top: @gutter-normal;\n }\n }\n\n .cf-icon__before {\n padding-right: @gutter-narrow;\n font-size: 16px;\n\n &.cf-icon-approved-round {\n color: var(--green);\n }\n\n &.cf-icon-delete-round {\n color: var(--red);\n }\n\n &.cf-icon-minus-round {\n color: var(--gold);\n }\n\n &.cf-icon-help-round {\n color: var(--navy);\n }\n\n &.cf-icon-error-round {\n color: var(--gray-80);\n }\n\n &.cf-icon-clock-round {\n color: var(--green);\n }\n\n &.cf-icon-clock-round.not-timely {\n color: var(--gold);\n }\n }\n\n .layout-column {\n h3 {\n margin-top: 0;\n margin-bottom: @gutter-minimum;\n }\n\n h4 {\n margin-top: 0;\n margin-bottom: @gutter-minimum;\n }\n }\n\n .subitem {\n margin-right: @gutter-minimum;\n\n font-family: @webfont-demi;\n }\n }\n}\n\n@hack: true;@import (reference) \"/Users/bradforda/Projects/ccdb5-ui/src/css/base.less\";",".light-box {\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n\n display: flex;\n justify-content: center;\n align-items: center;\n\n // gray-dark #43484e in hex.\n --faded-gray-dark: 67, 72, 78;\n background-color: rgba(var(--faded-gray-dark), 0.75);\n // TODO: The above can be replaced with the below when Firefox supports \"Relative RGB colors\".\n //background-color: rgb(from var(--gray-dark) / 0.75);\n}\n\n.loading-box {\n max-width: 480px;\n padding: @grid_gutter-width;\n border: 1px solid var(--gray-dark);\n border-radius: 4px;\n overflow: auto;\n\n background: var(--gray-5);\n outline: none;\n\n span.cf-icon-svg {\n padding-right: @gutter-narrow;\n }\n}\n\n@hack: true;@import (reference) \"/Users/bradforda/Projects/ccdb5-ui/src/css/base.less\";",".content_hero {\n padding-bottom: unit(30px / @base-font-size-px, rem);\n\n p {\n max-width: 670px;\n }\n\n ul {\n padding-top: @gutter-minimum;\n }\n\n li {\n padding-bottom: 0;\n border-bottom: 0;\n\n button,\n a {\n font-size: 16px;\n }\n\n &.m-list_item {\n margin-right: 0;\n }\n\n &::after {\n margin-left: @gutter-narrow;\n margin-right: @gutter-narrow;\n\n content: '|';\n }\n\n &:last-of-type {\n &::after {\n margin: 0;\n\n content: '';\n }\n }\n }\n\n .content-header {\n display: inline-flex;\n }\n h4.content-header {\n box-sizing: border-box;\n margin-left: @gutter-narrow;\n margin-top: 0;\n color: var(--gray-dark);\n text-transform: uppercase;\n vertical-align: text-bottom;\n }\n}\n\n@hack: true;@import (reference) \"/Users/bradforda/Projects/ccdb5-ui/src/css/base.less\";",".filter-panel {\n padding: @gutter-normal;\n\n @media @desktop {\n padding: @grid_gutter-width;\n }\n border-top: 1px solid var(--gray-40);\n border-right: 1px solid var(--gray-40);\n background: var(--gray-5);\n\n @media @phone {\n border-right: none;\n }\n\n .a-form-alert {\n margin-top: @gutter-normal;\n }\n\n hr {\n margin: 0;\n color: var(--gray-40);\n }\n\n .single-checkbox {\n margin: @gutter-normal;\n }\n}\n\n@hack: true;@import (reference) \"/Users/bradforda/Projects/ccdb5-ui/src/css/base.less\";",".o-expandable {\n margin-bottom: 0;\n h4 {\n max-width: ~'calc(100% - 55px)';\n box-sizing: border-box;\n padding-right: @gutter-minimum;\n }\n\n p {\n color: var(--gray);\n font-size: 16px;\n }\n}\n\n@hack: true;@import (reference) \"/Users/bradforda/Projects/ccdb5-ui/src/css/base.less\";",".typeahead {\n input {\n box-sizing: border-box;\n width: 100%;\n &:focus {\n border: solid 2px var(--pacific);\n }\n }\n .m-btn-inside-input {\n .a-btn {\n position: absolute;\n right: 1em;\n top: ~'calc(50% - 8px)';\n }\n .cf-icon-svg {\n padding-right: @gutter-minimum * 0.8;\n }\n }\n &-selector {\n position: relative;\n\n // z-index: 99;\n\n ul {\n padding-left: 0;\n border: solid 2px var(--pacific);\n border-top: 0;\n\n position: absolute;\n top: 0;\n right: 0;\n left: 0;\n\n li.footer {\n padding: @gutter-normal;\n border-top: solid 1px var(--gray-40);\n margin: 0;\n background-color: var(--pacific-20);\n cursor: default;\n font-size: @size-vi;\n font-style: italic;\n list-style-type: none;\n text-align: center;\n }\n }\n\n input {\n &:extend(.a-text-input);\n &:focus {\n &:extend(.a-text-input:focus);\n }\n padding-left: 1.78571429em !important;\n padding-bottom: 0.28em !important;\n }\n }\n\n .a-btn.a-btn__link {\n color: var(--gray-80);\n }\n\n .rbt-menu.dropdown-menu.show {\n z-index: 100;\n overflow: visible !important;\n }\n\n .dropdown-item.disabled {\n color: black;\n }\n\n .rbt-input-hint {\n color: transparent !important;\n }\n\n .dropdown-item.rbt-menu-pagination-option {\n display: block;\n position: relative;\n padding: @gutter-normal;\n border-top: solid 1px var(--gray-40);\n margin: 0;\n background-color: var(--pacific-20);\n cursor: default;\n font-size: @size-vi;\n font-style: italic;\n list-style-type: none;\n text-align: center;\n width: auto;\n }\n\n li.typeahead-option {\n padding: @gutter-normal;\n border-top: solid 1px var(--gray-40);\n margin: 0;\n background-color: var(--white);\n cursor: default;\n list-style-type: none;\n &:hover,\n &.selected {\n border-top: solid 2px var(--pacific);\n border-bottom: solid 2px var(--pacific);\n background-color: var(--gray-10);\n }\n }\n}\n\n.input-contains-label_before {\n position: absolute;\n left: 0.85714286em;\n top: 0.5em;\n cursor: pointer;\n font-size: 0.875em;\n ~ input[type='text'] {\n padding-left: 1.78571429em;\n padding-bottom: 0.28em;\n }\n &__search .cf-icon-svg {\n position: relative;\n top: 2px;\n }\n .cf-icon-svg {\n z-index: 99;\n }\n}\n\n@hack: true;@import (reference) \"/Users/bradforda/Projects/ccdb5-ui/src/css/base.less\";",".date-filter {\n h4 {\n margin-bottom: 0;\n }\n\n ul.date-inputs {\n margin: 0;\n\n li {\n display: inline-block;\n width: ~'calc(50% - 8px)'; // Half @gutter-normal\n\n list-style: none;\n\n &:first-of-type {\n margin-right: @gutter-normal;\n }\n\n .m-btn-inside-input {\n .a-text-input {\n padding-right: @grid_gutter-width;\n }\n .a-btn {\n color: var(--gray);\n }\n }\n }\n }\n\n ul.messages {\n padding-top: @gutter-narrow;\n\n li {\n margin: 0;\n\n list-style: none;\n }\n }\n}\n\n@hack: true;@import (reference) \"/Users/bradforda/Projects/ccdb5-ui/src/css/base.less\";",".date-ranges .date-selector {\n background-color: var(--pacific-40);\n color: var(--black);\n &.selected {\n color: var(--white);\n background-color: var(--pacific-80);\n font-weight: 600;\n }\n}\n\n@hack: true;@import (reference) \"/Users/bradforda/Projects/ccdb5-ui/src/css/base.less\";",".aggregation-branch {\n li.parent {\n position: relative;\n\n align-items: baseline;\n list-style-type: none;\n\n .toggle {\n &.a-label::before {\n box-sizing: border-box;\n width: 20px;\n height: 20px;\n\n text-indent: 0;\n }\n\n &.indeterminate::before {\n border: solid 2px var(--gray-dark);\n\n background: url('indeterminate.png') no-repeat scroll center center\n transparent;\n }\n\n .a-checkbox:checked + &.a-label::before {\n border: solid 2px var(--gray-dark);\n }\n }\n\n button {\n max-width: ~'calc(100% - 95px)'; // @max-count-width + @bucket-indent\n\n font-size: 16px;\n font-weight: normal;\n text-align: left;\n vertical-align: top;\n\n .cf-icon-svg {\n padding-left: @gutter-minimum;\n }\n }\n\n .a-btn__link {\n border: 0;\n }\n\n .parent-count {\n position: absolute;\n top: 0;\n right: 0;\n\n color: var(--gray-dark);\n font-size: 14px;\n }\n }\n\n ul.children {\n padding-left: @gutter-normal * 1.5;\n }\n}\n\n@hack: true;@import (reference) \"/Users/bradforda/Projects/ccdb5-ui/src/css/base.less\";",".aggregation {\n ul {\n padding-left: 0;\n margin-top: @grid_gutter-width / 1.5;\n li {\n padding: 0;\n border: 0;\n margin-bottom: @gutter-normal;\n\n position: relative;\n\n align-items: baseline;\n\n .a-label::before {\n box-sizing: border-box;\n width: 20px;\n height: 20px;\n\n text-indent: 0;\n }\n\n .bucket-key {\n max-width: ~'calc(100% - 65px)'; // @max-count-width + @bucket-indent\n vertical-align: top;\n }\n\n .bucket-count {\n position: absolute;\n top: 0;\n right: 0;\n\n color: var(--gray-dark);\n font-size: 14px;\n }\n }\n }\n}\n\n@hack: true;@import (reference) \"/Users/bradforda/Projects/ccdb5-ui/src/css/base.less\";",".list-panel {\n // The \"No results were found for your search\" heading.\n h2 {\n margin: 15px;\n }\n\n .cards-panel {\n padding: @grid_gutter-width;\n margin: 0;\n\n @media @phone {\n padding: @gutter-normal;\n }\n }\n\n .m-pagination {\n .a-btn[disabled],\n .m-pagination_label,\n .m-pagination_btn-submit {\n color: var(--gray);\n }\n }\n}\n\n@hack: true;@import (reference) \"/Users/bradforda/Projects/ccdb5-ui/src/css/base.less\";","// select\n@select-border: var(--gray-40);\n@select-icon: var(--gray-80);\n@select-icon-bg: var(--gray-5);\n@select-height: @size-ii;\n\n@input-border__focused: @btn-bg;\n@input-text__disabled: @btn__disabled-text;\n@input-bg__disabled: @btn__disabled-bg;\n\n.cf-select {\n position: relative;\n border: 1px solid @select-border;\n\n select {\n width: 100%;\n padding: unit(4px / @base-font-size-px, em) 0\n unit(6px / @base-font-size-px, em) 1rem;\n border: 0;\n border-radius: 0;\n appearance: none;\n background-color: @input-bg;\n color: @text;\n margin-right: @grid_gutter-width;\n &:hover,\n &.hover,\n &:active,\n &:focus {\n outline: 2px solid @input-border__focused;\n outline-offset: 0;\n }\n }\n\n select[disabled] {\n color: @input-text__disabled;\n background-color: @input-bg__disabled;\n cursor: not-allowed;\n\n &:hover {\n outline: none;\n }\n }\n\n select[disabled] option,\n select[disabled] option:disabled,\n select option:disabled {\n color: @input-disabled;\n }\n\n select::-ms-expand {\n display: none;\n }\n\n &::after {\n position: absolute;\n top: 50%;\n right: 0;\n transform: translate(-50%, -50%);\n background-color: @select-icon-bg;\n color: @select-icon;\n content: '\\25BE';\n text-align: center;\n pointer-events: none;\n }\n}\n\n// TODO Add modernizr to CF so this works\n// Right now modern IE doesn't support pointer events causing nothing\n// to happen when you click on the dropdown error.\n\n.no-csspointerevents .cf-select {\n &::after {\n height: 0;\n width: 0;\n border: 0;\n content: '';\n }\n}\n","@import (less) '../select.less';\n\n.refine-bar {\n section {\n margin: @grid_gutter-width / 3 0 @grid_gutter-width / 3 @grid_gutter-width /\n 2;\n p {\n font-size: @size-vi;\n font-weight: 600;\n color: var(--gray);\n }\n button {\n &.selected {\n background-color: var(--pacific-80);\n font-weight: 600;\n }\n &:not(.selected) {\n background-color: var(--pacific-40);\n }\n }\n &:not(.filter-panel-toggle) {\n button {\n color: var(--black);\n }\n }\n\n &.cf-select {\n border: none;\n select {\n background-color: var(--white);\n color: var(--black);\n border: 1px solid var(--gray-40);\n }\n &::after {\n background-color: var(--white);\n transform: translate(-5px, 0);\n }\n }\n }\n\n .separator {\n @media @desktop, @tablet-lg, @phone {\n display: none;\n }\n }\n\n // Per Capita and Narratives buttons in the refine bar.\n button {\n // Only used to hide \"population\" on per capita refine buttons.\n @media @phone, @tablet-sm {\n > span {\n display: none;\n }\n }\n\n &.disabled.a-btn__disabled {\n background-color: var(--gray-10);\n }\n }\n}\n\n@hack: true;@import (reference) \"/Users/bradforda/Projects/ccdb5-ui/src/css/base.less\";",".action-bar {\n border: 1px solid var(--gray-40);\n border-left: 0; // Don't double the border with the filters\n background-color: var(--green-20);\n padding: @gutter-normal @grid_gutter-width;\n\n h2 {\n margin: 0;\n\n @media @phone {\n padding: @gutter-normal;\n }\n }\n\n .export-results {\n padding-top: @gutter-minimum;\n margin: 0;\n margin-bottom: @gutter-minimum;\n .a-btn {\n border-bottom: dotted 1px var(--pacific-dark);\n margin-right: @gutter-normal;\n color: var(--pacific-dark);\n font-size: @size-v;\n &:hover {\n color: @link-text-hover;\n }\n\n svg {\n margin-right: @gutter-minimum;\n }\n }\n }\n\n @media @phone {\n padding-left: 0;\n border: 1px solid var(--gray-40);\n .export-results {\n margin-left: 15px;\n }\n }\n\n @media @superwide {\n padding-left: 40px;\n }\n}\n\n@hack: true;@import (reference) \"/Users/bradforda/Projects/ccdb5-ui/src/css/base.less\";",".warning {\n .close {\n position: absolute;\n right: 0;\n top: 0;\n margin: 5px 10px;\n cursor: pointer;\n svg {\n fill: var(--gray);\n }\n }\n}\n\n@hack: true;@import (reference) \"/Users/bradforda/Projects/ccdb5-ui/src/css/base.less\";","// Reset interfering Captial Framework style\n.card-container .card .card-left {\n min-width: initial;\n}\n\nli.card-container {\n padding: @grid_gutter-width 0;\n border-bottom: 1px solid var(--gray-40);\n margin: 0;\n\n list-style-type: none;\n\n &:first-of-type {\n padding-top: 0;\n }\n\n &:last-of-type {\n border: 0;\n padding-bottom: 0;\n }\n\n .card {\n display: flex;\n flex-direction: row;\n flex-wrap: nowrap;\n\n @media @phone {\n flex-wrap: wrap;\n }\n\n .card-left {\n box-sizing: border-box;\n width: 260px;\n padding-right: @grid_gutter-width;\n\n @media @tablet {\n width: 50%;\n padding-right: @gutter-normal;\n }\n\n @media @phone {\n width: 100%;\n padding-right: @gutter-narrow;\n }\n }\n .card-right {\n @media @phone {\n width: 100%;\n padding-top: @gutter-normal;\n }\n }\n\n .layout-row {\n .spacer {\n margin: @gutter-narrow;\n }\n\n h4 {\n margin-right: @gutter-minimum;\n\n font-size: 16px;\n }\n }\n\n .layout-column {\n h3 {\n margin-top: 0;\n margin-bottom: @gutter-minimum;\n\n a {\n border-bottom-width: 2px;\n }\n\n &.to-detail {\n margin-bottom: @gutter-normal;\n }\n }\n\n h4 {\n margin-top: 0;\n margin-bottom: @gutter-minimum;\n }\n }\n\n .subitem {\n margin-right: @gutter-minimum;\n\n font-family: @webfont-demi;\n }\n\n em {\n background-color: var(--teal-20);\n font-family: @webfont-regular;\n font-style: normal;\n }\n }\n}\n\n@hack: true;@import (reference) \"/Users/bradforda/Projects/ccdb5-ui/src/css/base.less\";",".filter-panel-toggle {\n @media @superwide, @desktop, @tablet-lg {\n display: none;\n }\n\n @media @tablet-sm, @phone {\n display: block;\n width: 90vw;\n margin-left: auto;\n margin-right: auto;\n & .a-btn {\n width: 100%;\n }\n }\n}\n\n@hack: true;@import (reference) \"/Users/bradforda/Projects/ccdb5-ui/src/css/base.less\";",".separator {\n border-left: solid 1px var(--gray-40);\n margin-top: 35px;\n margin-left: 10px;\n height: 38px;\n\n @media @desktop, @tablet-lg, @phone {\n display: none;\n }\n}\n\n@hack: true;@import (reference) \"/Users/bradforda/Projects/ccdb5-ui/src/css/base.less\";",".map-toolbar {\n border-top: 2px solid var(--gray-20);\n border-bottom: 1px solid var(--gray-20);\n margin: 0 20px;\n a {\n text-decoration: underline;\n &:link,\n &:hover,\n &:active,\n &:visited {\n cursor: pointer;\n }\n }\n .state {\n &-heading {\n padding: 0.625rem;\n border-bottom: 1px solid var(--gray-20);\n span {\n margin: 0.625rem;\n }\n svg {\n padding-right: 0.313rem;\n }\n }\n &-navigation {\n padding: 0.625rem;\n }\n }\n}\n\n@hack: true;@import (reference) \"/Users/bradforda/Projects/ccdb5-ui/src/css/base.less\";",".row-chart-section {\n margin-top: @grid_gutter-width;\n margin-left: @grid_gutter-width;\n\n p {\n max-width: none;\n }\n}\n\n@media @phone {\n .row-chart-section {\n margin-left: 0;\n }\n}\n\n.row-chart {\n .bg-hover,\n .visibility,\n line,\n path.domain,\n .x-axis-group {\n display: none;\n }\n\n .expandable {\n color: var(--pacific);\n cursor: pointer;\n }\n\n text {\n font-size: 16px;\n\n &.adjust-upwards {\n transform: translateY(-12px);\n }\n\n &.hidden {\n display: none;\n }\n }\n\n .view-more-group {\n .view-more-background {\n fill: var(--pacific-20);\n }\n\n .view-more-label {\n font-size: 14px;\n font-weight: bold;\n text-decoration: underline;\n fill: var(--pacific);\n text-anchor: end;\n }\n }\n}\n\n@hack: true;@import (reference) \"/Users/bradforda/Projects/ccdb5-ui/src/css/base.less\";","/**\n * @license Highcharts\n *\n * (c) 2009-2016 Torstein Honsi\n *\n * License: www.highcharts.com/license\n */\n.highcharts-container {\n position: relative;\n overflow: hidden;\n width: 100%;\n height: 100%;\n text-align: left;\n line-height: normal;\n z-index: 0;\n\n /* #1072 */\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0%);\n font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, Helvetica,\n sans-serif;\n font-size: 12px;\n}\n// legend\n.highcharts-root {\n display: block;\n text {\n stroke-width: 0;\n font-weight: 500;\n }\n}\n\n.highcharts-strong {\n font-weight: bold;\n}\n\n.highcharts-emphasized {\n font-style: italic;\n}\n\n.highcharts-anchor {\n cursor: pointer;\n}\n\n.highcharts-background {\n fill: var(--white);\n}\n\n.highcharts-plot-border,\n.highcharts-plot-background {\n fill: none;\n}\n\n.highcharts-label-box {\n fill: none;\n}\n\n.highcharts-button-box {\n fill: inherit;\n}\n\n/* Titles */\n.highcharts-title {\n fill: #333;\n font-size: 1.5em;\n}\n\n.highcharts-subtitle {\n fill: #666;\n}\n\n/* Highmaps */\n.highcharts-map-series {\n .highcharts-point {\n transition:\n fill 500ms,\n fill-opacity 500ms,\n stroke-width 250ms;\n stroke: #ccc;\n }\n\n .highcharts-point-hover {\n transition:\n fill 0ms,\n fill-opacity 0ms;\n cursor: default;\n fill: var(--pacific) !important;\n fill-opacity: 0.5;\n }\n}\n\n/*\nUpdating the charts:\n1. Set the positioning of the chart UI elements using the JavaScript API.\n2. Add in styles below that aren't possible through the API.\nThis appears to handle responsive changes the best, since the JS sets\nx/y positioning on the SVG elements.\n*/\n.u-chart-label {\n font-size: 16px;\n font-family: inherit;\n color: var(--gray);\n}\n\n.cfpb-chart {\n position: relative;\n width: ~'calc(100% - 60px)';\n min-height: 400px;\n margin-bottom: 25px;\n margin-left: @grid_gutter-width;\n .highcharts-root,\n .highcharts-container,\n .highcharts-legend-box,\n .highcharts-axis-labels,\n .highcharts-tooltip text {\n font-size: 16px;\n font-family: inherit;\n color: var(--gray);\n }\n}\n\n/* TODO: Investigate whether responsive styles can be remove here and handled\n via class set in JS, like how the other chart types work. */\n.cfpb-chart[data-chart-type='tile_map'] {\n .highcharts-data-label {\n font-weight: 500;\n color: var(--black);\n\n .highcharts-data-label-state {\n text-align: center;\n cursor: default;\n &.deselected {\n color: var(--gray);\n }\n }\n }\n\n .highcharts-label {\n pointer-events: none;\n }\n\n .highcharts-legend-title {\n .highcharts-legend-key {\n font-weight: 500;\n }\n .highcharts-legend-description {\n font-size: 12px;\n .type {\n font-weight: 500;\n color: var(--black);\n }\n }\n }\n\n .highcharts-legend__tile-map {\n font-size: 12px;\n\n .legend-box {\n stroke: var(--gray);\n }\n }\n\n .highcharts-label__tile-map {\n font-size: 16px;\n font-family: inherit;\n color: var(--gray);\n font-weight: 500;\n\n span {\n position: relative !important;\n white-space: normal !important;\n }\n }\n\n .u-point-hover-state,\n .selected {\n stroke: var(--black);\n cursor: default;\n stroke-linecap: square;\n }\n .highcharts-map-series {\n .highcharts-point {\n stroke: none;\n\n &.empty {\n stroke: rgba(231, 232, 233, 100%);\n }\n\n &.selected {\n stroke: rgba(0, 45, 114, 100%);\n }\n }\n }\n\n .highcharts-label-box {\n display: none;\n }\n\n .highcharts-tooltip {\n min-width: 200px;\n\n span {\n color: var(--white);\n background-color: var(--black);\n padding: 5px;\n width: 320px;\n\n div p {\n margin: 5px;\n white-space: normal;\n\n &.u-float-left {\n width: 150px;\n float: left;\n }\n\n &.u-right {\n width: 150px;\n }\n }\n\n .title {\n text-align: center;\n }\n\n .row {\n border-top: solid 1px #43484e;\n margin-top: 5px;\n padding-top: 5px;\n }\n }\n }\n}\n\n.cfpb-chart[data-chart-type='tile_map']:not(.print) {\n .highcharts-map-series {\n .highcharts-point {\n &:hover {\n stroke: rgba(0, 45, 114, 100%);\n stroke-width: 2px !important;\n }\n }\n }\n}\n\n@media @tablet-sm {\n .cfpb-chart[data-chart-type='tile_map'] {\n width: ~'calc(100% - 20px)';\n margin-bottom: 10px;\n margin-left: 10px;\n }\n}\n\n@media @phone {\n .cfpb-chart[data-chart-type='tile_map'] {\n width: ~'calc(100% - 20px)';\n margin-bottom: 10px;\n margin-left: 10px;\n }\n}\n\n// -----------------------------------------------------------------------------\n// State Tile Break Points\n\n@mobile-tiles: ~'only screen and (max-width:1024px)';\n@mobile-xs-tiles: ~'only screen and (max-width:400px)';\n\n.highcharts-data-label {\n font-size: 14px;\n line-height: 1.3;\n\n .highcharts-data-label-state {\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n // IE 11 fixes\n @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n display: inline-block;\n float: left;\n }\n\n .abbr {\n flex: 1 0 auto;\n font-size: 16px;\n }\n\n .value {\n flex: 1 0 auto;\n margin-top: 6px;\n font-size: 12px;\n }\n &.hover {\n .abbr,\n .value {\n text-decoration: underline;\n }\n }\n &.deselected {\n color: rgba(90, 93, 97, 100%);\n }\n }\n}\n\n// This takes over for looking good at the minimum height of 400px\n@media @mobile-tiles {\n .highcharts-data-label {\n line-height: 1;\n\n .highcharts-data-label-state {\n .abbr {\n font-size: 12px;\n }\n .value {\n margin-top: 3px;\n font-size: 9px;\n }\n }\n }\n}\n\n@media @mobile-xs-tiles {\n .highcharts-data-label {\n line-height: 1;\n\n .highcharts-data-label-state {\n // IE 11 shift tile labels up\n @media (-ms-high-contrast: none), (-ms-high-contrast: active) {\n transform: translateY(-10px);\n }\n .abbr {\n font-size: 12px;\n }\n .value {\n display: none;\n }\n }\n }\n}\n\n// -----------------------------------------------------------------------------\n// Make the map & legend play nice\n\n@media @tablet-sm {\n .highcharts-series-group {\n transform: translate(0, 15px);\n }\n\n .highcharts-data-labels.highcharts-map-series {\n margin-top: 15px;\n }\n\n .highcharts-data-label-state {\n // IE 11 shift tile labels up\n @media (-ms-high-contrast: none), (-ms-high-contrast: active) {\n transform: translateY(-10px);\n }\n }\n}\n\n@media @phone {\n .highcharts-series-group {\n transform: translate(0, 15px);\n }\n\n .highcharts-data-labels.highcharts-map-series {\n margin-top: 15px;\n }\n}\n\n.no-js .cfpb-chart {\n height: inherit;\n}\n\n.no-js .cfpb-chart::after {\n border: 0;\n}\n\n@hack: true;@import (reference) \"/Users/bradforda/Projects/ccdb5-ui/src/css/base.less\";",".print-info,\n.print-info-footer {\n width: 100%;\n background: var(--gray-5);\n word-break: break-all;\n padding: 15px;\n span {\n font-weight: 600;\n }\n}\n\n@hack: true;@import (reference) \"/Users/bradforda/Projects/ccdb5-ui/src/css/base.less\";",".trends-panel {\n .refine-bar {\n section:nth-of-type(2) {\n margin-left: 0;\n }\n .separator {\n display: inline-block;\n }\n }\n\n .company-overlay {\n justify-content: center;\n .company-search {\n margin: @gutter-wide;\n .typeahead {\n width: 100%;\n }\n }\n }\n\n .chart-description {\n p {\n max-width: none;\n }\n }\n .chart {\n width: 100%;\n\n .m-notification {\n margin-bottom: 10px;\n }\n }\n &.external-tooltip {\n section {\n &.chart {\n width: 70%;\n }\n &.tooltip-container {\n width: 25%;\n &.legend {\n margin-top: 20px;\n .tooltip-ul {\n border-bottom: none;\n }\n }\n padding: 0 1%;\n position: relative;\n\n .scrollable {\n max-height: 300px;\n overflow: hidden;\n overflow-y: auto;\n border-bottom: solid 1px var(--black);\n ul.tooltip-ul {\n cursor: pointer;\n color: var(--pacific);\n border-bottom-color: var(--gray-10);\n li {\n &::before {\n opacity: 0;\n }\n }\n }\n }\n p.a-micro-copy {\n display: inline-block;\n width: 100%;\n border-bottom: solid 1px @block__border-bottom;\n padding-top: 5px;\n margin-bottom: 0;\n font-weight: 600;\n font-size: 12px;\n\n span {\n &.heading {\n color: var(--gray);\n }\n &.date {\n float: right;\n }\n }\n\n &.warn {\n border-bottom: 0;\n padding-top: 15px;\n }\n }\n\n ul.tooltip-ul {\n list-style: none;\n &:extend(.m-list__unstyled);\n margin-bottom: 0;\n border-bottom: solid 1px @block__border-bottom;\n padding-bottom: 2px;\n padding-top: 2px;\n padding-left: 0;\n &.recommended {\n background: rgba(231, 232, 233, 40%);\n }\n &.active {\n color: var(--black);\n &.color__23 {\n background-color: var(--purple-20);\n }\n &.color__24 {\n background-color: var(--red-20);\n }\n &.color__25 {\n background-color: var(--gold-20);\n }\n li {\n &::before {\n opacity: 1;\n }\n }\n }\n\n li {\n span {\n border: none;\n &.u-left {\n display: inline-block;\n text-align: left;\n width: 70%;\n }\n &.u-right {\n &.close {\n padding-left: 10px;\n }\n }\n }\n margin-bottom: 0;\n padding-left: 14px;\n position: relative;\n border-bottom: 1px solid var(--gray-20);\n &::before {\n height: 8px;\n width: 8px;\n border-radius: 50%;\n content: '';\n position: absolute;\n left: 0;\n top: 4px;\n display: block;\n }\n\n // if you modify anything here, make sure to update colors constants file\n &.color__0::before {\n background-color: #2cb34a;\n }\n\n &.color__1::before {\n background-color: #addc91;\n }\n\n &.color__2::before {\n background-color: #0072ce;\n }\n\n &.color__3::before {\n background-color: #96c4ed;\n }\n\n &.color__4::before {\n background-color: #257675;\n }\n\n &.color__5::before {\n background-color: #9ec4c3;\n }\n\n &.color__6::before {\n background-color: #254b87;\n }\n\n &.color__7::before {\n background-color: #9daecc;\n }\n\n &.color__8::before {\n background-color: #b4267a;\n }\n\n &.color__9::before {\n background-color: #dc9cbf;\n }\n\n &.color__10::before {\n background-color: #a2a3a4;\n }\n\n &.color__12::before {\n background-color: #93cf7c;\n }\n\n &.color__13::before {\n background-color: var(--purple-60);\n }\n\n &.color__14::before {\n background-color: var(--red-60);\n }\n\n &.color__15::before {\n background-color: var(--gold-80);\n }\n }\n li:last-child {\n border: none;\n }\n .dot {\n height: 8px;\n width: 8px;\n background-color: red;\n border-radius: 50%;\n display: inline-block;\n margin-right: 5px;\n }\n font-size: 12px;\n font-weight: 500;\n &.total {\n font-size: 16px;\n border-bottom: none;\n li {\n .u-left {\n width: 50%;\n }\n }\n }\n }\n\n .tooltip-button-panel {\n .reset-set {\n > button {\n width: 100%;\n\n span.pull-left {\n display: none;\n }\n &::before {\n content: 'Reset recommended set';\n border-right: solid 1px var(--white);\n padding-right: 10px;\n }\n > .caret {\n border-top-color: var(--white);\n border-right-color: var(--white);\n border-style: solid;\n border-width: 2px 2px 0 0;\n height: 8px;\n right: -10px;\n position: relative;\n top: 0.15em;\n vertical-align: top;\n width: 8px;\n display: inline-block;\n transform: rotate(135deg);\n }\n }\n }\n }\n }\n\n &.tooltip-container:not(.focus) {\n ul.tooltip-ul {\n .u-left.a-btn__link {\n text-decoration: underline;\n }\n }\n }\n }\n }\n\n h2.area-chart-title {\n padding-top: @gutter-normal;\n margin-bottom: 0;\n }\n\n .chart-helper-text {\n padding-bottom: @gutter-normal;\n }\n\n @media @phone {\n .refine-bar {\n .cf-select {\n flex-grow: 1;\n width: 46%;\n }\n .date-ranges {\n margin: 10px 0;\n }\n .chart-toggles {\n margin-left: 0;\n }\n }\n }\n\n @media @phone, @tablet {\n .chart {\n width: 100%;\n }\n &.external-tooltip {\n section {\n &.chart {\n width: 100%;\n }\n\n &.tooltip-container {\n width: 100%;\n }\n }\n }\n }\n\n .layout-row {\n &.date-range-disclaimer {\n margin-bottom: @gutter-normal;\n }\n\n @media @tablet {\n padding-left: 20px;\n }\n\n @media @desktop {\n padding-left: 30px;\n }\n\n @media @superwide {\n padding-left: 40px;\n }\n }\n}\n\n@hack: true;@import (reference) \"/Users/bradforda/Projects/ccdb5-ui/src/css/base.less\";",".chart-toggles {\n button {\n width: 38px;\n background-color: var(--pacific-40);\n padding: 3px;\n svg {\n height: 25px;\n\n &#line-chart-icon {\n .cls-1 {\n opacity: 0.4;\n }\n\n .cls-2 {\n fill: none;\n stroke: #101820;\n stroke-miterlimit: 10;\n stroke-width: 2px;\n }\n\n .cls-3 {\n fill: #101820;\n }\n }\n &#area-chart-icon {\n .cls-1 {\n fill: #101820;\n }\n\n .cls-2 {\n opacity: 0.4;\n }\n }\n }\n }\n}\n\n@hack: true;@import (reference) \"/Users/bradforda/Projects/ccdb5-ui/src/css/base.less\";","@import (less) '../TabbedNavigation.less';\n\n.focus-header {\n .clear-focus {\n margin: @gutter-normal;\n .cf-icon-svg {\n margin-right: 5px;\n }\n }\n\n .focus {\n text-align: center;\n margin-left: ~'calc(10%)';\n .divider {\n height: 5px;\n width: 75px;\n background-color: var(--green-60);\n display: inline-block;\n }\n }\n}\n\n@hack: true;@import (reference) \"/Users/bradforda/Projects/ccdb5-ui/src/css/base.less\";","@import (less) '../TabbedNavigation.less';\n\n.tabbed-navigation {\n &.lens {\n background: none;\n border-bottom: 1px solid var(--gray-40);\n .tab {\n font-size: medium;\n &.active {\n background: var(--white);\n }\n &:not(.active) {\n background: var(--pacific-20);\n }\n }\n }\n}\n\n@hack: true;@import (reference) \"/Users/bradforda/Projects/ccdb5-ui/src/css/base.less\";","#line-chart {\n .y-axis-group {\n path {\n display: none;\n }\n }\n\n .x-axis-group {\n .month-axis {\n .domain {\n display: none;\n }\n }\n }\n .masking-rectangle {\n display: none;\n }\n}\n\n#stacked-area-chart,\n#line-chart {\n svg {\n overflow: visible;\n }\n\n .topic .line {\n fill: none;\n stroke-width: 3px;\n stroke-linecap: round;\n stroke-linejoin: round;\n }\n\n .circle-container {\n circle {\n fill: var(--white);\n }\n }\n .grid-lines-group {\n stroke: var(--gray-20);\n stroke-width: 0.1%;\n }\n .x-axis-group {\n line {\n display: none;\n }\n }\n //line on hover for the tooltip.\n .vertical-marker {\n stroke: var(--gray-20);\n stroke-width: 2px;\n stroke-dasharray: 4, 4;\n }\n .chart-group {\n .area {\n path.area {\n fill: var(--gray-10);\n opacity: 0.4;\n }\n }\n .area-outline {\n fill: none;\n }\n }\n\n .extended-x-line {\n stroke: var(--black);\n stroke-width: 0.2%;\n }\n}\n\n.chart-wrapper {\n p {\n font-size: 12px;\n font-weight: 600;\n color: var(--gray);\n\n &.x-axis-label {\n margin-left: 45%;\n }\n }\n}\n\n@hack: true;@import (reference) \"/Users/bradforda/Projects/ccdb5-ui/src/css/base.less\";","#stacked-area-chart {\n .stacked-area {\n .y-axis-group {\n .domain {\n display: none;\n }\n }\n }\n}\n\n.chart-wrapper {\n p {\n font-size: 12px;\n font-weight: 600;\n color: var(--gray);\n\n &.x-axis-label {\n margin-left: 45%;\n }\n }\n}\n\n@hack: true;@import (reference) \"/Users/bradforda/Projects/ccdb5-ui/src/css/base.less\";",".tabbed-navigation {\n margin-top: 30px;\n border-bottom: 1px solid var(--gray-20);\n section {\n padding-left: 10px;\n .tab {\n margin: 0;\n padding: 4px 30px 8px;\n\n font-size: unit(19px / @base-font-size-px, em);\n font-weight: 500;\n\n .cf-icon-svg {\n margin-right: 5px;\n margin-top: 4px;\n font-size: unit(13px / @base-font-size-px, em);\n }\n\n &:not(.active) {\n color: var(--pacific-dark);\n background: var(--gray-5);\n border: 1px solid var(--gray-20);\n border-bottom: none;\n\n &:hover {\n color: var(--pacific-60);\n }\n\n &:focus {\n color: var(--navy-dark);\n }\n\n &::after {\n content: '';\n border-top: solid 1px;\n display: block;\n }\n }\n &.active {\n padding-top: 8px;\n border: 1px solid var(--gray-40);\n background: var(--white);\n pointer-events: none;\n position: relative;\n\n &::after {\n content: '';\n display: block;\n width: calc(100% - 2px);\n outline: 1px solid var(--white);\n position: absolute;\n bottom: -1px;\n left: 1px;\n }\n }\n }\n }\n}\n\n@hack: true;@import (reference) \"/Users/bradforda/Projects/ccdb5-ui/src/css/base.less\";","@import (less) '../TabbedNavigation.less';\n\n.trend-depth-toggle {\n background: var(--gray-10);\n text-align: center;\n\n button {\n margin: 5px;\n color: var(--pacific-dark);\n }\n\n span {\n font-weight: bold;\n margin-right: 5px;\n &.plus::before {\n content: '+';\n }\n\n &.minus::before {\n content: '-';\n }\n }\n}\n\n@hack: true;@import (reference) \"/Users/bradforda/Projects/ccdb5-ui/src/css/base.less\";",".modal-overlay {\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 100;\n\n display: flex;\n justify-content: center;\n align-items: center;\n\n // gray-dark #43484e in hex.\n --faded-gray-dark: 67, 72, 78;\n background-color: rgba(var(--faded-gray-dark), 0.75);\n // TODO: The above can be replaced with the below when Firefox supports \"Relative RGB colors\".\n //background-color: rgb(from var(--gray-dark) / 0.75);\n}\n\n.modal-body {\n max-width: 480px;\n max-height: 100%;\n padding: 0;\n border: 1px solid var(--gray-dark);\n border-top: 12px solid var(--green);\n border-radius: 4px;\n margin: @gutter-wide;\n overflow: auto;\n background: var(--white);\n outline: none;\n\n .header {\n padding: @gutter-normal;\n padding-bottom: 0;\n\n align-items: flex-start;\n\n .a-btn__link {\n border: 0;\n }\n\n .cf-icon-svg {\n padding-left: @gutter-minimum;\n }\n }\n\n .body {\n padding: 0 @gutter-normal;\n\n p:last-of-type {\n margin-bottom: @gutter-normal;\n }\n }\n\n .footer {\n padding: @gutter-normal;\n\n background-color: var(--gray-5);\n align-items: baseline;\n\n button {\n margin-right: @gutter-normal;\n\n &.a-btn__link {\n height: @size-iv;\n }\n }\n }\n}\n\n@hack: true;@import (reference) \"/Users/bradforda/Projects/ccdb5-ui/src/css/base.less\";",".export-modal {\n .body {\n .a-btn_icon {\n padding-right: @gutter-minimum;\n }\n\n .export-url-copied {\n border: solid 1px var(--green);\n border-left: 0;\n\n background-color: var(--green-20);\n color: var(--black);\n\n .cf-icon-svg {\n fill: var(--green);\n }\n }\n\n .instructions {\n margin-bottom: @gutter-normal;\n }\n\n .group {\n margin-bottom: @gutter-normal;\n\n .group__error {\n padding: @gutter-narrow;\n padding-bottom: 0;\n border: solid 1px var(--red);\n margin-bottom: @gutter-normal;\n }\n\n .group-title {\n margin: @gutter-normal 0;\n font-size: @size-iv;\n font-weight: bold;\n }\n\n .m-form-field {\n margin-bottom: @gutter-normal;\n\n .multiline-label {\n display: inline-block;\n }\n }\n\n .other-formats {\n margin-top: @gutter-normal * 1.5;\n }\n\n .required-helper {\n color: var(--gray);\n }\n }\n\n .timeliness-warning {\n margin-bottom: @gutter-normal * 1.5;\n\n font-size: smaller;\n }\n }\n}\n\n@hack: true;@import (reference) \"/Users/bradforda/Projects/ccdb5-ui/src/css/base.less\";",".search-panel {\n padding: @gutter-normal;\n border-right: 1px solid var(--gray-40);\n\n @media @desktop {\n padding: @grid_gutter-width;\n }\n\n @media @phone {\n padding: @gutter-narrow;\n }\n background-color: var(--gray-5);\n}\n\n.date-subscript {\n font-size: @base-font-size-px;\n color: var(--gray);\n}\n\n@hack: true;@import (reference) \"/Users/bradforda/Projects/ccdb5-ui/src/css/base.less\";",".pill-panel {\n padding-right: @gutter-narrow;\n display: flex;\n flex-direction: row;\n flex-wrap: nowrap;\n align-items: baseline;\n .layout-row {\n display: block;\n }\n .clear-all {\n button {\n border-color: var(--red-dark);\n color: var(--red-dark);\n margin-left: @gutter-narrow;\n svg {\n margin-right: @gutter-narrow / 2;\n }\n }\n }\n\n .pill-label {\n padding-right: @gutter-normal;\n margin-bottom: 0;\n }\n\n li {\n display: inline-block;\n position: relative;\n }\n\n ul {\n padding-top: @gutter-narrow;\n }\n\n @media @phone {\n flex-direction: column;\n margin-top: 10px;\n .layout-row {\n padding-left: 0;\n }\n .clear-all {\n display: block;\n button {\n margin: 0;\n }\n }\n }\n}\n\n@hack: true;@import (reference) \"/Users/bradforda/Projects/ccdb5-ui/src/css/base.less\";",".pill {\n padding: @grid_gutter-width / 3 30px @grid_gutter-width / 3 @grid_gutter-width /\n 3;\n background-color: var(--teal-20);\n border: 1px solid var(--teal-40);\n margin-right: 4px;\n border-radius: 0.28571429em;\n font-weight: 500;\n color: var(--black);\n font-size: @size-v;\n &:hover {\n background-color: var(--teal-30);\n border-color: var(--teal-50);\n cursor: pointer;\n }\n // Close button\n button,\n .cf-icon-svg {\n padding: 0;\n padding-left: 5px;\n border: 0;\n margin: 0;\n background-color: transparent;\n color: var(--teal-80);\n position: absolute;\n right: 15px;\n top: 50%;\n transform: translateY(-50%);\n }\n}\n\n@hack: true;@import (reference) \"/Users/bradforda/Projects/ccdb5-ui/src/css/base.less\";",".search-bar {\n @media @phone {\n h4,\n .advanced-container {\n width: 0;\n display: none;\n }\n }\n\n .cf-select {\n display: flex;\n box-sizing: border-box;\n background-color: var(--gray);\n flex-direction: column;\n justify-content: center;\n\n @media @phone {\n width: 0;\n display: none;\n }\n\n select {\n background-color: var(--gray);\n color: var(--white);\n\n &:focus {\n outline: none;\n }\n }\n\n &::after {\n background-color: var(--gray);\n color: var(--white);\n border-left: solid 1px var(--gray-60);\n padding-left: @grid_gutter-width / 3;\n }\n }\n\n a.u-visually-hidden:focus {\n position: static;\n width: auto;\n height: auto;\n }\n\n button.a-btn.flex-fixed {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n }\n\n .typeahead-portal {\n height: @grid_gutter-width;\n min-width: 12em;\n position: relative;\n\n .typeahead {\n height: 100%;\n position: absolute;\n top: 0;\n right: 0;\n left: 0;\n span {\n &.waiting,\n &.error,\n &.no-results {\n position: absolute;\n top: -1 * @grid_gutter-width + @gutter-minimum;\n left: 0;\n }\n }\n }\n }\n .advanced-container {\n margin-left: 10px;\n width: 175px;\n }\n\n h4 {\n margin-bottom: @gutter-minimum;\n }\n}\n\n@hack: true;@import (reference) \"/Users/bradforda/Projects/ccdb5-ui/src/css/base.less\";",".advanced_tips {\n box-sizing: border-box;\n background-color: var(--gray-20);\n\n //override parent padding\n margin: 15px -15px;\n padding: 15px;\n\n .tip {\n padding: 15px 0;\n input {\n box-sizing: border-box;\n color: var(--gray);\n display: inline-block;\n margin-right: 1%;\n }\n .example-input_full {\n box-sizing: border-box;\n color: var(--gray);\n width: 100%;\n }\n .tip-description {\n padding-top: 10px;\n\n p {\n color: var(--black);\n }\n }\n }\n .footer {\n border-top: dashed 2px var(--gray-70);\n }\n}\n\n@hack: true;@import (reference) \"/Users/bradforda/Projects/ccdb5-ui/src/css/base.less\";","// this was copied from bootstrap/dist/css\n// only including what we need so we don't add the rest of the bootstrap styles\n\n.tooltip {\n --bs-tooltip-zindex: 1080;\n --bs-tooltip-max-width: 200px;\n --bs-tooltip-padding-x: 0.5rem;\n --bs-tooltip-padding-y: 0.25rem;\n --bs-tooltip-font-size: 0.875rem;\n --bs-tooltip-color: #fff;\n --bs-tooltip-bg: #000;\n --bs-tooltip-border-radius: 0.375rem;\n --bs-tooltip-opacity: 0.9;\n --bs-tooltip-arrow-width: 0.8rem;\n --bs-tooltip-arrow-height: 0.4rem;\n z-index: var(--bs-tooltip-zindex);\n display: block;\n padding: var(--bs-tooltip-arrow-height);\n margin: var(--bs-tooltip-margin);\n font-family: var(--bs-font-sans-serif);\n font-style: normal;\n font-weight: 400;\n line-height: 1.5;\n text-align: left;\n text-align: start;\n text-decoration: none;\n text-shadow: none;\n text-transform: none;\n letter-spacing: normal;\n word-break: normal;\n white-space: normal;\n word-spacing: normal;\n line-break: auto;\n font-size: var(--bs-tooltip-font-size);\n word-wrap: break-word;\n opacity: 0;\n}\n\n.tooltip.show {\n opacity: var(--bs-tooltip-opacity);\n}\n\n.tooltip .tooltip-arrow {\n display: block;\n width: var(--bs-tooltip-arrow-width);\n height: var(--bs-tooltip-arrow-height);\n}\n\n.tooltip .tooltip-arrow::before {\n position: absolute;\n content: '';\n border-color: transparent;\n border-style: solid;\n}\n\n.bs-tooltip-top .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^='top'] .tooltip-arrow {\n bottom: 0;\n}\n\n.bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^='top'] .tooltip-arrow::before {\n top: -1px;\n border-width: var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0;\n border-top-color: var(--bs-tooltip-bg);\n}\n\n/* rtl:begin:ignore */\n.bs-tooltip-end .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^='right'] .tooltip-arrow {\n left: 0;\n width: var(--bs-tooltip-arrow-height);\n height: var(--bs-tooltip-arrow-width);\n}\n\n.bs-tooltip-end .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^='right'] .tooltip-arrow::before {\n right: -1px;\n border-width: calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0;\n border-right-color: var(--bs-tooltip-bg);\n}\n\n/* rtl:end:ignore */\n.bs-tooltip-bottom .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^='bottom'] .tooltip-arrow {\n top: 0;\n}\n\n.bs-tooltip-bottom .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^='bottom'] .tooltip-arrow::before {\n bottom: -1px;\n border-width: 0 calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height);\n border-bottom-color: var(--bs-tooltip-bg);\n}\n\n/* rtl:begin:ignore */\n.bs-tooltip-start .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^='left'] .tooltip-arrow {\n right: 0;\n width: var(--bs-tooltip-arrow-height);\n height: var(--bs-tooltip-arrow-width);\n}\n\n.bs-tooltip-start .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^='left'] .tooltip-arrow::before {\n left: -1px;\n border-width: calc(var(--bs-tooltip-arrow-width) * 0.5) 0 calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height);\n border-left-color: var(--bs-tooltip-bg);\n}\n\n/* rtl:end:ignore */\n.tooltip-inner {\n max-width: var(--bs-tooltip-max-width);\n padding: var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);\n color: var(--bs-tooltip-color);\n text-align: center;\n background-color: var(--bs-tooltip-bg);\n border-radius: var(--bs-tooltip-border-radius);\n}\n\n.popover {\n --bs-popover-zindex: 1070;\n --bs-popover-max-width: 276px;\n --bs-popover-font-size: 0.875rem;\n --bs-popover-bg: #fff;\n --bs-popover-border-width: 1px;\n --bs-popover-border-color: var(--bs-border-color-translucent);\n --bs-popover-border-radius: 0.5rem;\n --bs-popover-inner-border-radius: calc(0.5rem - 1px);\n --bs-popover-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 15%);\n --bs-popover-header-padding-x: 1rem;\n --bs-popover-header-padding-y: 0.5rem;\n --bs-popover-header-font-size: 1rem;\n --bs-popover-header-bg: #f0f0f0;\n --bs-popover-body-padding-x: 1rem;\n --bs-popover-body-padding-y: 1rem;\n --bs-popover-body-color: #212529;\n --bs-popover-arrow-width: 1rem;\n --bs-popover-arrow-height: 0.5rem;\n --bs-popover-arrow-border: var(--bs-popover-border-color);\n z-index: var(--bs-popover-zindex);\n display: block;\n max-width: var(--bs-popover-max-width);\n font-family: var(--bs-font-sans-serif);\n font-style: normal;\n font-weight: 400;\n line-height: 1.5;\n text-align: left;\n text-align: start;\n text-decoration: none;\n text-shadow: none;\n text-transform: none;\n letter-spacing: normal;\n word-break: normal;\n white-space: normal;\n word-spacing: normal;\n line-break: auto;\n font-size: var(--bs-popover-font-size);\n word-wrap: break-word;\n background-color: var(--bs-popover-bg);\n background-clip: padding-box;\n border: var(--bs-popover-border-width) solid var(--bs-popover-border-color);\n border-radius: var(--bs-popover-border-radius);\n}\n\n.popover .popover-arrow {\n display: block;\n width: var(--bs-popover-arrow-width);\n height: var(--bs-popover-arrow-height);\n}\n\n.popover .popover-arrow::before, .popover .popover-arrow::after {\n position: absolute;\n display: block;\n content: '';\n border-color: transparent;\n border-style: solid;\n border-width: 0;\n}\n\n.bs-popover-top > .popover-arrow, .bs-popover-auto[data-popper-placement^='top'] > .popover-arrow {\n bottom: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));\n}\n\n.bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^='top'] > .popover-arrow::before, .bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^='top'] > .popover-arrow::after {\n border-width: var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * 0.5) 0;\n}\n\n.bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^='top'] > .popover-arrow::before {\n bottom: 0;\n border-top-color: var(--bs-popover-arrow-border);\n}\n\n.bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^='top'] > .popover-arrow::after {\n bottom: var(--bs-popover-border-width);\n border-top-color: var(--bs-popover-bg);\n}\n\n/* rtl:begin:ignore */\n.bs-popover-end > .popover-arrow, .bs-popover-auto[data-popper-placement^='right'] > .popover-arrow {\n left: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));\n width: var(--bs-popover-arrow-height);\n height: var(--bs-popover-arrow-width);\n}\n\n.bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^='right'] > .popover-arrow::before, .bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^='right'] > .popover-arrow::after {\n border-width: calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * 0.5) 0;\n}\n\n.bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^='right'] > .popover-arrow::before {\n left: 0;\n border-right-color: var(--bs-popover-arrow-border);\n}\n\n.bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^='right'] > .popover-arrow::after {\n left: var(--bs-popover-border-width);\n border-right-color: var(--bs-popover-bg);\n}\n\n/* rtl:end:ignore */\n.bs-popover-bottom > .popover-arrow, .bs-popover-auto[data-popper-placement^='bottom'] > .popover-arrow {\n top: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));\n}\n\n.bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^='bottom'] > .popover-arrow::before, .bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^='bottom'] > .popover-arrow::after {\n border-width: 0 calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height);\n}\n\n.bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^='bottom'] > .popover-arrow::before {\n top: 0;\n border-bottom-color: var(--bs-popover-arrow-border);\n}\n\n.bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^='bottom'] > .popover-arrow::after {\n top: var(--bs-popover-border-width);\n border-bottom-color: var(--bs-popover-bg);\n}\n\n.bs-popover-bottom .popover-header::before, .bs-popover-auto[data-popper-placement^='bottom'] .popover-header::before {\n position: absolute;\n top: 0;\n left: 50%;\n display: block;\n width: var(--bs-popover-arrow-width);\n margin-left: calc(-0.5 * var(--bs-popover-arrow-width));\n content: '';\n border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-header-bg);\n}\n\n/* rtl:begin:ignore */\n.bs-popover-start > .popover-arrow, .bs-popover-auto[data-popper-placement^='left'] > .popover-arrow {\n right: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));\n width: var(--bs-popover-arrow-height);\n height: var(--bs-popover-arrow-width);\n}\n\n.bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^='left'] > .popover-arrow::before, .bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^='left'] > .popover-arrow::after {\n border-width: calc(var(--bs-popover-arrow-width) * 0.5) 0 calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height);\n}\n\n.bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^='left'] > .popover-arrow::before {\n right: 0;\n border-left-color: var(--bs-popover-arrow-border);\n}\n\n.bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^='left'] > .popover-arrow::after {\n right: var(--bs-popover-border-width);\n border-left-color: var(--bs-popover-bg);\n}\n\n/* rtl:end:ignore */\n.popover-header {\n padding: var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x);\n margin-bottom: 0;\n font-size: var(--bs-popover-header-font-size);\n color: var(--bs-popover-header-color);\n background-color: var(--bs-popover-header-bg);\n border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-border-color);\n border-top-left-radius: var(--bs-popover-inner-border-radius);\n border-top-right-radius: var(--bs-popover-inner-border-radius);\n}\n\n.popover-header:empty {\n display: none;\n}\n\n.popover-body {\n padding: var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x);\n color: var(--bs-popover-body-color);\n}\n@hack: true;@import (reference) \"/Users/bradforda/Projects/ccdb5-ui/src/css/base.less\";",".complex-example {\n button { margin: @gutter-narrow 0; }\n .descriptor {\n display:block;\n margin: @gutter-narrow 0;\n text-decoration: underline;\n }\n}\n@hack: true;@import (reference) \"/Users/bradforda/Projects/ccdb5-ui/src/css/base.less\";",".introjs-overlay{position:absolute;box-sizing:content-box;z-index:999999;opacity:0;transition:all .3s ease-out}.introjs-showElement{z-index:9999999!important}tr.introjs-showElement>td{z-index:9999999!important;position:relative}tr.introjs-showElement>th{z-index:9999999!important;position:relative}.introjs-disableInteraction{z-index:99999999!important;position:absolute;background-color:#fff;opacity:0}.introjs-relativePosition{position:relative}.introjs-helperLayer{box-sizing:content-box;position:absolute;z-index:9999998;border-radius:4px;transition:all .3s ease-out}.introjs-helperLayer *{box-sizing:content-box}.introjs-helperLayer :before{box-sizing:content-box}.introjs-helperLayer :after{box-sizing:content-box}.introjs-tooltipReferenceLayer{font-family:\"Helvetica Neue\",Inter,ui-sans-serif,\"Apple Color Emoji\",Helvetica,Arial,sans-serif;box-sizing:content-box;position:absolute;visibility:hidden;z-index:100000000;background-color:transparent;transition:all .3s ease-out}.introjs-tooltipReferenceLayer *{font-family:\"Helvetica Neue\",Inter,ui-sans-serif,\"Apple Color Emoji\",Helvetica,Arial,sans-serif}.introjs-helperNumberLayer{font-family:\"Helvetica Neue\",Inter,ui-sans-serif,\"Apple Color Emoji\",Helvetica,Arial,sans-serif;color:#9e9e9e;text-align:center;padding-top:10px;padding-bottom:10px}.introjs-arrow{border:5px solid transparent;content:\"\";position:absolute}.introjs-arrow.top{top:-10px;left:10px;border-bottom-color:#fff}.introjs-arrow.top-right{top:-10px;right:10px;border-bottom-color:#fff}.introjs-arrow.top-middle{top:-10px;left:50%;margin-left:-5px;border-bottom-color:#fff}.introjs-arrow.right{right:-10px;top:10px;border-left-color:#fff}.introjs-arrow.right-bottom{bottom:10px;right:-10px;border-left-color:#fff}.introjs-arrow.bottom{bottom:-10px;left:10px;border-top-color:#fff}.introjs-arrow.bottom-right{bottom:-10px;right:10px;border-top-color:#fff}.introjs-arrow.bottom-middle{bottom:-10px;left:50%;margin-left:-5px;border-top-color:#fff}.introjs-arrow.left{left:-10px;top:10px;border-right-color:#fff}.introjs-arrow.left-bottom{left:-10px;bottom:10px;border-right-color:#fff}.introjs-tooltip{box-sizing:content-box;position:absolute;visibility:visible;background-color:#fff;min-width:250px;max-width:300px;border-radius:5px;box-shadow:0 3px 30px rgba(33,33,33,.3);transition:opacity .1s ease-out}.introjs-tooltiptext{padding:20px}.introjs-dontShowAgain{padding-left:20px;padding-right:20px}.introjs-dontShowAgain input{padding:0;margin:0;margin-bottom:2px;display:inline;width:10px;height:10px}.introjs-dontShowAgain label{font-size:14px;display:inline-block;font-weight:400;margin:0 0 0 5px;padding:0;background-color:#fff;color:#616161;-webkit-user-select:none;user-select:none}.introjs-tooltip-title{font-size:18px;width:90%;min-height:1.5em;margin:0;padding:0;font-weight:700;line-height:1.5}.introjs-tooltip-header{position:relative;padding-left:20px;padding-right:20px;padding-top:10px;min-height:1.5em}.introjs-tooltipbuttons{border-top:1px solid #e0e0e0;padding:10px;text-align:right;white-space:nowrap}.introjs-tooltipbuttons:after{content:\"\";visibility:hidden;display:block;height:0;clear:both}.introjs-button{box-sizing:content-box;position:relative;overflow:visible;padding:.5rem 1rem;border:1px solid #bdbdbd;text-decoration:none;text-shadow:1px 1px 0 #fff;font-size:14px;color:#424242;white-space:nowrap;cursor:pointer;outline:0;background-color:#f4f4f4;border-radius:.2em;zoom:1;display:inline}.introjs-button:hover{outline:0;text-decoration:none;border-color:#9e9e9e;background-color:#e0e0e0;color:#212121}.introjs-button:focus{outline:0;text-decoration:none;background-color:#eee;box-shadow:0 0 0 .2rem rgba(158,158,158,.5);border:1px solid #616161;color:#212121}.introjs-button:active{outline:0;text-decoration:none;background-color:#e0e0e0;border-color:#9e9e9e;color:#212121}.introjs-button::-moz-focus-inner{padding:0;border:0}.introjs-skipbutton{position:absolute;top:0;right:0;display:inline-block;width:45px;height:45px;line-height:45px;color:#616161;font-size:22px;cursor:pointer;font-weight:700;text-align:center;text-decoration:none}.introjs-skipbutton:focus,.introjs-skipbutton:hover{color:#212121;outline:0;text-decoration:none}.introjs-prevbutton{float:left}.introjs-nextbutton{float:right}.introjs-disabled{color:#9e9e9e;border-color:#bdbdbd;box-shadow:none;cursor:default;background-color:#f4f4f4;background-image:none;text-decoration:none}.introjs-disabled:focus,.introjs-disabled:hover{color:#9e9e9e;border-color:#bdbdbd;box-shadow:none;cursor:default;background-color:#f4f4f4;background-image:none;text-decoration:none}.introjs-hidden{display:none}.introjs-bullets{text-align:center;padding-top:10px;padding-bottom:10px}.introjs-bullets ul{box-sizing:content-box;clear:both;margin:0 auto 0;padding:0;display:inline-block}.introjs-bullets ul li{box-sizing:content-box;list-style:none;float:left;margin:0 2px}.introjs-bullets ul li a{transition:width .1s ease-in;box-sizing:content-box;display:block;width:6px;height:6px;background:#ccc;border-radius:10px;text-decoration:none;cursor:pointer}.introjs-bullets ul li a:focus,.introjs-bullets ul li a:hover{width:15px;background:#999;text-decoration:none;outline:0}.introjs-bullets ul li a.active{width:15px;background:#999}.introjs-progress{box-sizing:content-box;overflow:hidden;height:10px;margin:10px;border-radius:4px;background-color:#e0e0e0}.introjs-progressbar{box-sizing:content-box;float:left;width:0%;height:100%;font-size:10px;line-height:10px;text-align:center;background-color:#08c}.introjsFloatingElement{position:absolute;height:0;width:0;left:50%;top:50%}.introjs-fixedTooltip{position:fixed}.introjs-hint{box-sizing:content-box;position:absolute;background:0 0;width:20px;height:15px;cursor:pointer}.introjs-hint:focus{border:0;outline:0}.introjs-hint:hover>.introjs-hint-pulse{background-color:rgba(60,60,60,.57)}.introjs-hidehint{display:none}.introjs-fixedhint{position:fixed}@keyframes introjspulse{0%{transform:scale(.95);box-shadow:0 0 0 0 rgba(0,0,0,.7)}70%{transform:scale(1);box-shadow:0 0 0 10px transparent}100%{transform:scale(.95);box-shadow:0 0 0 0 transparent}}.introjs-hint-pulse{box-sizing:content-box;width:15px;height:15px;border-radius:30px;background-color:rgba(136,136,136,.24);z-index:10;position:absolute;transition:all .2s ease-out;animation:introjspulse 2s infinite}.introjs-hint-no-anim .introjs-hint-pulse{animation:none}.introjs-hint-dot{box-sizing:content-box;background:0 0;border-radius:60px;height:50px;width:50px;position:absolute;top:-18px;left:-18px;z-index:1;opacity:0}\n/*# sourceMappingURL=introjs.css.map */\n@hack: true;@import (reference) \"/Users/bradforda/Projects/ccdb5-ui/src/css/base.less\";","// Intro.js styles\n@import (css) '../../../node_modules/intro.js/introjs.css';\n\n.introjs-tooltip.wide {\n max-width: 80vw !important;\n width: 80vw;\n margin-left: -40vw;\n\n .left {\n width: 80%;\n float: left;\n }\n .right {\n display: inline-block;\n margin-left: @gutter-normal;\n }\n}\n\n.introjs-tooltipReferenceLayer > .first-step {\n @media @superwide {\n margin-top: -40vh !important;\n }\n\n @media @desktop and (max-width: 1799px){\n margin-top: -90vh !important;\n }\n\n @media @tablet-lg {\n margin-top: -110vh !important;\n }\n\n @media @tablet-sm {\n margin-top: -130vh !important;\n }\n\n @media @phone {\n margin-top: -110vh !important;\n }\n}\n\n@hack: true;@import (reference) \"/Users/bradforda/Projects/ccdb5-ui/src/css/base.less\";",".tour-button {\n background-color: var(--pacific);\n height: 40px;\n color: var(--white);\n border-radius: 5px;\n position: fixed;\n bottom: 21px;\n right: 25px;\n}\n\n@hack: true;@import (reference) \"/Users/bradforda/Projects/ccdb5-ui/src/css/base.less\";"],"names":[],"sourceRoot":""}