npm - @newjersey/njwds - Versions diffs - 2.0.1 → 2.1.0 - Mend

@newjersey/njwds 2.0.1 → 2.1.0

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

Files changed (4) hide show

package/dist/css/icon.css ADDED Viewed

@@ -0,0 +1,3 @@
+/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
+html{line-height:1.15;-webkit-text-size-adjust:100%;box-sizing:border-box;font-feature-settings:"kern" 1;font-kerning:normal;font-family:Public Sans Web,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-size:100%}body{margin:0;color:#1c1d1f;background-color:#fff;overflow-x:hidden}details,main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;color:#005ea2;text-decoration:underline}abbr[title]{border-bottom:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none;max-width:100%}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{color:inherit;display:table;max-width:100%;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}[hidden],template{display:none}@font-face{font-family:"Roboto Mono Web";font-style:normal;font-weight:300;font-display:fallback;src:url(../fonts/roboto-mono/roboto-mono-v5-latin-300.woff2) format("woff2")}@font-face{font-family:"Roboto Mono Web";font-style:normal;font-weight:400;font-display:fallback;src:url(../fonts/roboto-mono/roboto-mono-v5-latin-regular.woff2) format("woff2")}@font-face{font-family:"Roboto Mono Web";font-style:normal;font-weight:700;font-display:fallback;src:url(../fonts/roboto-mono/roboto-mono-v5-latin-700.woff2) format("woff2")}@font-face{font-family:"Roboto Mono Web";font-style:italic;font-weight:300;font-display:fallback;src:url(../fonts/roboto-mono/roboto-mono-v5-latin-300italic.woff2) format("woff2")}@font-face{font-family:"Roboto Mono Web";font-style:italic;font-weight:400;font-display:fallback;src:url(../fonts/roboto-mono/roboto-mono-v5-latin-italic.woff2) format("woff2")}@font-face{font-family:"Roboto Mono Web";font-style:italic;font-weight:700;font-display:fallback;src:url(../fonts/roboto-mono/roboto-mono-v5-latin-700italic.woff2) format("woff2")}@font-face{font-family:"Public Sans Web";font-style:normal;font-weight:300;font-display:fallback;src:url(../fonts/public-sans/PublicSans-Light.woff2) format("woff2")}@font-face{font-family:"Public Sans Web";font-style:normal;font-weight:400;font-display:fallback;src:url(../fonts/public-sans/PublicSans-Regular.woff2) format("woff2")}@font-face{font-family:"Public Sans Web";font-style:normal;font-weight:700;font-display:fallback;src:url(../fonts/public-sans/PublicSans-Bold.woff2) format("woff2")}@font-face{font-family:"Public Sans Web";font-style:italic;font-weight:300;font-display:fallback;src:url(../fonts/public-sans/PublicSans-LightItalic.woff2) format("woff2")}@font-face{font-family:"Public Sans Web";font-style:italic;font-weight:400;font-display:fallback;src:url(../fonts/public-sans/PublicSans-Italic.woff2) format("woff2")}@font-face{font-family:"Public Sans Web";font-style:italic;font-weight:700;font-display:fallback;src:url(../fonts/public-sans/PublicSans-BoldItalic.woff2) format("woff2")}@font-face{font-family:"Merriweather Web";font-style:normal;font-weight:300;font-display:fallback;src:url(../fonts/merriweather/Latin-Merriweather-Light.woff2) format("woff2")}@font-face{font-family:"Merriweather Web";font-style:normal;font-weight:400;font-display:fallback;src:url(../fonts/merriweather/Latin-Merriweather-Regular.woff2) format("woff2")}@font-face{font-family:"Merriweather Web";font-style:normal;font-weight:700;font-display:fallback;src:url(../fonts/merriweather/Latin-Merriweather-Bold.woff2) format("woff2")}@font-face{font-family:"Merriweather Web";font-style:italic;font-weight:300;font-display:fallback;src:url(../fonts/merriweather/Latin-Merriweather-LightItalic.woff2) format("woff2")}@font-face{font-family:"Merriweather Web";font-style:italic;font-weight:400;font-display:fallback;src:url(../fonts/merriweather/Latin-Merriweather-Italic.woff2) format("woff2")}@font-face{font-family:"Merriweather Web";font-style:italic;font-weight:700;font-display:fallback;src:url(../fonts/merriweather/Latin-Merriweather-BoldItalic.woff2) format("woff2")}button:not([disabled]):focus,input:not([disabled]):focus,select:not([disabled]):focus,textarea:not([disabled]):focus{outline:.25rem solid #0050d8;outline-offset:0}[contentEditable=true]:focus,[href]:focus,[tabindex]:focus,iframe:focus{outline:.25rem solid #0050d8;outline-offset:0}.usa-media-link{display:inline-block;line-height:0}*,::after,::before{box-sizing:inherit}p{line-height:1.6;max-width:68ex;margin-bottom:0;margin-top:0}*+p,p+*{margin-top:1em}a:visited{color:#54278f}a:hover{color:#005ea2}a:active{color:#0b4778}a:focus{outline:.25rem solid #0050d8;outline-offset:0}address,cite,dfn,var{font-style:normal}.usa-focus{outline:.25rem solid #0050d8;outline-offset:0}.usa-sr-only{position:absolute;left:-999em;right:auto}.usa-icon{display:inline-block;fill:currentColor;height:1em;position:relative;width:1em}.usa-icon--size-3{height:1.5rem;width:1.5rem}.usa-icon--size-4{height:2rem;width:2rem}.usa-icon--size-5{height:2.5rem;width:2.5rem}.usa-icon--size-6{height:3rem;width:3rem}.usa-icon--size-7{height:3.5rem;width:3.5rem}.usa-icon--size-8{height:4rem;width:4rem}.usa-icon--size-9{height:4.5rem;width:4.5rem}.nj-banner{font-family:Public Sans Web,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;background-color:#1c1d1f;font-size:.88rem;line-height:1;min-height:3rem;position:relative}.nj-banner__header{padding-bottom:.5rem;padding-top:.5rem}.nj-banner__header,.nj-banner__header a{color:#fff;text-decoration:none}.nj-banner__header a:hover{text-decoration:underline}.nj-banner__header li{display:none;margin-right:.5rem;padding-right:.5rem;border-right-width:1px;border-right-style:solid}@media all and (min-width:40em){.nj-banner__header li{display:inline}}.nj-banner__header li:last-child{display:inline;margin-right:0;padding-right:0;border-right-width:0;border-right-style:solid}.nj-banner__inner{display:flex;flex-wrap:wrap;align-items:center;padding-right:0}.nj-banner__header-seal{padding-right:.5rem}.usa-hero__callout,.usa-section--dark{background-color:#112f4e}.usa-intro,.usa-prose>h1{letter-spacing:-.4px}.usa-prose a{overflow-wrap:break-word;word-wrap:break-word}.usa-nav__secondary-links a{color:#3d4551}.usa-header--extended .usa-logo{max-width:50%}.usa-button{height:3rem;padding:1rem 1.25rem}.usa-button.nj-button--icon{padding-top:.75rem;padding-bottom:.875rem}.nj-button--icon svg{vertical-align:sub;margin-bottom:-2px}.usa-button.usa-focus,.usa-button:focus{outline-color:#0050d8}.usa-button.nj-button--primary-dark:not(:disabled){color:#1c1d1f;background-color:#fbfcfd}.usa-button.nj-button--primary-dark.usa-button--hover:not(:disabled),.usa-button.nj-button--primary-dark:hover:not(:disabled){color:#1c1d1f;background-color:#edeff0}.usa-button.nj-button--primary-dark.usa-button--active:not(:disabled),.usa-button.nj-button--primary-dark:active:not(:disabled){color:#1c1d1f;background-color:#c6cace}.usa-button--secondary{background-color:#d54309}.usa-button--secondary.usa-button--hover,.usa-button--secondary:hover{background-color:#b50909}.usa-button--secondary.usa-button--active,.usa-button--secondary:active{background-color:#6f3331}.usa-button--outline{color:#005ea2;box-shadow:inset 0 0 0 2px #005ea2}.usa-button--outline.usa-button--hover,.usa-button--outline:hover{color:#0b4778;box-shadow:inset 0 0 0 2px #0b4778}.usa-button--outline.usa-button--active,.usa-button--outline:active{color:#112f4e;box-shadow:inset 0 0 0 2px #112f4e}.usa-button--outline.usa-button--inverse:not(:disabled){color:#fff;box-shadow:inset 0 0 0 2px #fff}.usa-button--outline.usa-button--inverse.usa-button--hover:not(:disabled),.usa-button--outline.usa-button--inverse:hover:not(:disabled){color:#edeff0;box-shadow:inset 0 0 0 2px #edeff0}.usa-button--outline.usa-button--inverse.usa-button--active:not(:disabled),.usa-button--outline.usa-button--inverse:active:not(:disabled){color:#c6cace;box-shadow:inset 0 0 0 2px #c6cace}.usa-button--outline.nj-button--outline-danger:not(:disabled){color:#d54309;box-shadow:inset 0 0 0 2px #d54309}.usa-button--hover.nj-button--outline-danger:not(:disabled),.usa-button--outline.nj-button--outline-danger:hover:not(:disabled){color:#b50909;box-shadow:inset 0 0 0 2px #b50909}.usa-button--active.nj-button--outline-danger:not(:disabled),.usa-button--outline.nj-button--outline-danger:active:not(:disabled){color:#6f3331;box-shadow:inset 0 0 0 2px #6f3331}.usa-button--unstyled{border-radius:.25rem;padding:.25rem;font-weight:700;height:auto}.usa-button--unstyled.usa-button--hover,.usa-button--unstyled:hover{color:#0b4778}.usa-button--unstyled.usa-button--active,.usa-button--unstyled:active{color:#112f4e}.usa-button--unstyled.nj-button--unstyled-dark{color:#fff}.usa-button--unstyled.nj-button--unstyled-dark.usa-button--hover,.usa-button--unstyled.nj-button--unstyled-dark:hover{color:#edeff0}.usa-button--unstyled.nj-button--unstyled-dark.usa-button--active,.usa-button--unstyled.nj-button--unstyled-dark:active{color:#c6cace}.usa-button--unstyled.nj-button--unstyled-danger:not(:disabled){color:#d54309}.usa-button--hover.nj-button--unstyled-danger:not(:disabled),.usa-button--unstyled.nj-button--unstyled-danger:hover:not(:disabled){color:#b50909}.usa-button--active.nj-button--unstyled-danger:not(:disabled),.usa-button--unstyled.nj-button--unstyled-danger:active:not(:disabled){color:#6f3331}.usa-icon:not(.usa-icon--size-3,.usa-icon--size-4,.usa-icon--size-5,.usa-icon--size-6,.usa-icon--size-7,.usa-icon--size-8,.usa-icon--size-9){height:20px;width:20px}.usa-icon.nj-icon--size-scale{height:1em;width:1em}.usa-radio{background:0 0}.usa-radio__label::before{box-shadow:0 0 0 2px #71767a}.usa-radio__input--tile:checked+[class*=__label]{background-color:#cfe8ff}.usa-radio__input--tile+[class*=__label]{border-color:#c6cace}.usa-radio__input.usa-radio__input--tile:checked+[class*=__label]::before{box-shadow:0 0 0 2px #005ea2,inset 0 0 0 2px #cfe8ff}
+/*# sourceMappingURL=icon.css.map */

package/dist/css/icon.css.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["../../node_modules/@uswds/uswds/packages/uswds-elements/lib/_normalize.scss","../../node_modules/@uswds/uswds/packages/uswds-elements/src/styles/_sizing.scss","../../node_modules/@uswds/uswds/packages/uswds-core/src/styles/mixins/general/add-kerning.scss","../../node_modules/@uswds/uswds/packages/uswds-elements/src/styles/_typography.scss","../../node_modules/@uswds/uswds/packages/uswds-core/src/styles/functions/units/_root.scss","icon.css","../../node_modules/@uswds/uswds/packages/uswds-core/src/styles/mixins/helpers/set-text-from-bg.scss","../../node_modules/@uswds/uswds/packages/uswds-core/src/styles/mixins/helpers/set-text-and-bg.scss","../../node_modules/@uswds/uswds/packages/uswds-elements/src/styles/_body.scss","../../node_modules/@uswds/uswds/packages/uswds-core/src/styles/mixins/typography/typeset.scss","../../node_modules/@uswds/uswds/packages/uswds-elements/src/styles/_img.scss","../../node_modules/@uswds/uswds/packages/uswds-core/src/styles/mixins/general/font-face.scss","../../node_modules/@uswds/uswds/packages/uswds-elements/src/styles/_focus.scss","../../node_modules/@uswds/uswds/packages/uswds-core/src/styles/mixins/general/focus-outline.scss","../../node_modules/@uswds/uswds/packages/uswds-core/src/styles/mixins/general/media-link.scss","../../node_modules/@uswds/uswds/packages/uswds-core/src/styles/mixins/typography/usa-content-styles.scss","../../node_modules/@uswds/uswds/packages/uswds-core/src/styles/mixins/utilities/_margin.scss","../../node_modules/@uswds/uswds/packages/uswds-helpers/src/styles/_usa-focus.scss","../../node_modules/@uswds/uswds/packages/uswds-helpers/src/styles/_usa-sr-only.scss","../../node_modules/@uswds/uswds/packages/uswds-core/src/styles/mixins/general/screen-reader.scss","../../node_modules/@uswds/uswds/packages/usa-icon/src/styles/_usa-icon.scss","../../node_modules/@uswds/uswds/packages/uswds-core/src/styles/mixins/utilities/_height.scss","../../node_modules/@uswds/uswds/packages/uswds-core/src/styles/mixins/utilities/_width.scss","_uswds-theme-custom-styles.scss","../../node_modules/@uswds/uswds/packages/uswds-core/src/styles/mixins/utilities/_font.scss","../../node_modules/@uswds/uswds/packages/uswds-core/src/styles/mixins/utilities/_padding.scss","../../node_modules/@uswds/uswds/packages/uswds-core/src/styles/mixins/utilities/_border.scss","../../node_modules/@uswds/uswds/packages/uswds-core/src/styles/mixins/helpers/at-media.scss","../../node_modules/@uswds/uswds/packages/uswds-core/src/styles/mixins/utilities/_display.scss","../../node_modules/@uswds/uswds/packages/uswds-core/src/styles/mixins/utilities/_flex.scss","../../node_modules/@uswds/uswds/packages/uswds-core/src/styles/settings/_settings-typography.scss"],"names":[],"mappings":"AAAA,2EAAA;AAUA,KACE,gBAAA,CACA,6BAAA,CCLE,qBAAA,CCNF,8BAAA,CACA,mBAAA,CCKA,wJAAA,CACA,aCFe,CC22CjB,CL31CA,KACE,QAAA,CMHA,aAAA,CCIA,qBAAA,CCpBA,gBAAA,CHs3CF,CL51CA,aACE,aKk2CF,CL11CA,GACE,aAAA,CACA,cKi2CF,CLt1CA,GACE,sBAAA,CACA,QAAA,CACA,gBKk2CF,CL11CA,kBACE,+BAAA,CACA,aKm2CF,CLz1CA,EACE,4BAAA,CSFA,aAAA,CACA,wBAAA,CJk2CF,CLz1CA,YACE,kBAAA,CAEA,wCAAA,CAAA,gCKm2CF,CL51CA,SAEE,kBKk2CF,CL/0CA,MACE,aKk2CF,CL11CA,QAEE,aAAA,CACA,aAAA,CACA,iBAAA,CACA,uBKi2CF,CL91CA,IACE,aKi2CF,CL91CA,IACE,SKi2CF,CLv1CA,IACE,iBAAA,CUjJA,aAAA,CLg/CF,CLp1CA,sCAKE,mBAAA,CACA,cAAA,CACA,gBAAA,CACA,QKi2CF,CLz1CA,aAGE,gBKg2CF,CLx1CA,cAGE,mBK+1CF,CLx1CA,gDAIE,yBK81CF,CLv1CA,wHAIE,iBAAA,CACA,SK61CF,CLt1CA,4GAIE,6BK41CF,CLr1CA,SACE,0BK21CF,CLj1CA,OAEE,aAAA,CACA,aAAA,CACA,cAAA,CAEA,kBKg2CF,CLz1CA,SACE,uBK+1CF,CLx1CA,SACE,aK81CF,CLt1CA,oCAEE,qBAAA,CACA,SK+1CF,CLx1CA,kFAEE,WK81CF,CLt1CA,cACE,4BAAA,CACA,mBK+1CF,CLx1CA,yCACE,uBK81CF,CLt1CA,6BACE,yBAAA,CACA,YK+1CF,CL70CA,QACE,iBK41CF,CLl1CA,kBACE,YK01CF,CMhqDE,WACE,6BAoBM,CAnBN,iBAAA,CACA,eAqBM,CApBN,qBAAA,CACA,4EN2qDJ,CMhrDE,WACE,6BAoBM,CAnBN,iBAAA,CACA,eAqBM,CApBN,qBAAA,CACA,gFNkrDJ,CMvrDE,WACE,6BAoBM,CAnBN,iBAAA,CACA,eAqBM,CApBN,qBAAA,CACA,4ENyrDJ,CM9rDE,WACE,6BAoBM,CAnBN,iBAAA,CACA,eAqBM,CApBN,qBAAA,CACA,kFNgsDJ,CMrsDE,WACE,6BAoBM,CAnBN,iBAAA,CACA,eAqBM,CApBN,qBAAA,CACA,+ENusDJ,CM5sDE,WACE,6BAoBM,CAnBN,iBAAA,CACA,eAqBM,CApBN,qBAAA,CACA,kFN8sDJ,CMntDE,WACE,6BAoBM,CAnBN,iBAAA,CACA,eAqBM,CApBN,qBAAA,CACA,oENqtDJ,CM1tDE,WACE,6BAoBM,CAnBN,iBAAA,CACA,eAqBM,CApBN,qBAAA,CACA,sEN4tDJ,CMjuDE,WACE,6BAoBM,CAnBN,iBAAA,CACA,eAqBM,CApBN,qBAAA,CACA,mENmuDJ,CMxuDE,WACE,6BAoBM,CAnBN,iBAAA,CACA,eAqBM,CApBN,qBAAA,CACA,0EN0uDJ,CM/uDE,WACE,6BAoBM,CAnBN,iBAAA,CACA,eAqBM,CApBN,qBAAA,CACA,qENivDJ,CMtvDE,WACE,6BAoBM,CAnBN,iBAAA,CACA,eAqBM,CApBN,qBAAA,CACA,yENwvDJ,CM7vDE,WACE,8BAoBM,CAnBN,iBAAA,CACA,eAqBM,CApBN,qBAAA,CACA,6EN+vDJ,CMpwDE,WACE,8BAoBM,CAnBN,iBAAA,CACA,eAqBM,CApBN,qBAAA,CACA,+ENswDJ,CM3wDE,WACE,8BAoBM,CAnBN,iBAAA,CACA,eAqBM,CApBN,qBAAA,CACA,4EN6wDJ,CMlxDE,WACE,8BAoBM,CAnBN,iBAAA,CACA,eAqBM,CApBN,qBAAA,CACA,mFNoxDJ,CMzxDE,WACE,8BAoBM,CAnBN,iBAAA,CACA,eAqBM,CApBN,qBAAA,CACA,8EN2xDJ,CMhyDE,WACE,8BAoBM,CAnBN,iBAAA,CACA,eAqBM,CApBN,qBAAA,CACA,kFNkyDJ,CO9yDI,qHCMF,4BAAA,CACA,gBRqzDF,COlzDE,wECJA,4BAAA,CACA,gBR6zDF,CKt0DA,gBIJE,oBAAA,CACA,aTk1DF,CJ30DE,mBAGE,kBIk1DJ,CUz1DE,ENiDA,eAAA,CACA,cAAA,COnBE,eAAA,CACA,YXu0DJ,CI7yDE,QACE,cJ+yDJ,CInyDE,UACE,aJ6yDJ,CI1yDE,QACE,aJ4yDJ,CIzyDE,SACE,aJ2yDJ,CIxyDE,QI3EA,4BAAA,CACA,gBRs3DF,CFt2DA,qBAIE,iBEy2DF,CY14DA,WJYE,4BAAA,CACA,gBRk4DF,Ca/4DA,aCAE,iBAAA,CACA,WAAA,CACA,Udm5DF,Cez4DA,UACE,oBAAA,CACA,iBAAA,CACA,UAL8B,CAM9B,iBAAA,CACA,Sf44DF,Cex4DE,kBCRA,aAAA,CCAA,YjBq5DF,Ce74DE,kBCRA,WAAA,CCAA,UjB05DF,Cel5DE,kBCRA,aAAA,CCAA,YjB+5DF,Cev5DE,kBCRA,WAAA,CCAA,UjBo6DF,Ce55DE,kBCRA,aAAA,CCAA,YjBy6DF,Cej6DE,kBCRA,WAAA,CCAA,UjB86DF,Cet6DE,kBCRA,aAAA,CCAA,YjBm7DF,CkB36DA,WCkBE,wJAAA,CDfA,wBAAA,CACA,gBAAA,CACA,aAAA,CACA,eAAA,CACA,iBlBo8DF,CkBl8DA,mBEXI,oBAAA,CACA,iBpBi9DJ,CkBp8DA,wCjBfE,UAAA,CiBkBA,oBlBu8DF,CkBr8DA,2BACE,yBlBw8DF,CkBt8DA,sBACE,YAAA,CPcE,kBAAA,CSlCA,mBAAA,CCuCM,sBAAA,CA0DJ,wBrBg4DN,CsBr+DI,gCJuBJ,sBAGI,clB+8DF,CACF,CkBz8DA,iCACE,cAAA,CPIE,cAAA,CSlCA,eAAA,CCuCM,oBAAA,CA0DJ,wBrB64DN,CkB38DA,kBK5CE,YAAA,CCuCM,cAAA,CAAA,kBAAA,CNQN,elB+8DF,CkB78DA,wBACE,mBlBg9DF,CkB78DA,sCACE,wBlBg9DF,CkBx8DA,yBAEE,oBlB+8DF,CkB38DA,aACE,wBAAA,CACA,oBlB88DF,CkB18DA,4BACE,alB68DF,CkBx8DE,gCACE,alB28DJ,CkBt8DA,YACE,WAAA,CACA,oBlBy8DF,CkBx8DE,4BACE,kBAAA,CACA,sBlB08DJ,CkBt8DA,qBACE,kBAAA,CACA,kBlBy8DF,CkBt8DA,wCAEE,qBlBy8DF,CkBr8DA,mDACE,aAAA,CACA,wBlBw8DF,CkBr8DA,8HAEE,aAAA,CACA,wBlBw8DF,CkBr8DA,gIAEE,aAAA,CACA,wBlBw8DF,CkBp8DA,uBACE,wBlBu8DF,CkBp8DA,sEAEE,wBlBu8DF,CkBp8DA,wEAEE,wBlBu8DF,CkBn8DA,qBACE,aAAA,CACA,kClBs8DF,CkBn8DA,kEAEE,aAAA,CACA,kClBs8DF,CkBn8DA,oEAEE,aAAA,CACA,kClBs8DF,CkBl8DA,wDACE,UAAA,CACA,+BlBq8DF,CkBl8DA,wIAEE,aAAA,CACA,kClBq8DF,CkBl8DA,0IAEE,aAAA,CACA,kClBq8DF,CkBj8DA,8DACE,aAAA,CACA,kClBo8DF,CkBj8DA,gIAEE,aAAA,CACA,kClBo8DF,CkBj8DA,kIAEE,aAAA,CACA,kClBo8DF,CkBh8DA,sBACE,oBAAA,CACA,cAAA,CACA,eO0HuB,CPzHvB,WlBm8DF,CkBj8DA,oEAEE,alBo8DF,CkBj8DA,sEAEE,alBo8DF,CkBh8DA,+CACE,UlBm8DF,CkBh8DA,sHAEE,alBm8DF,CkBh8DA,wHAEE,alBm8DF,CkB/7DA,gEACE,alBk8DF,CkB/7DA,mIAEE,alBk8DF,CkB/7DA,qIAEE,alBk8DF,CkB/7DA,6IASE,WAAA,CACA,UlBg8DF,CkB77DA,8BACE,UAAA,CACA,SlBg8DF,CkB57DA,WACE,clB+7DF,CkB57DA,0BACE,4BlB+7DF,CkB37DA,iDACE,wBlB87DF,CkB37DA,yCACE,oBlB87DF,CkB57DA,0EACE,oDlB+7DF","file":"icon.css","sourcesContent":["/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\n\n/* Document\n ========================================================================== */\n\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\n\nhtml {\n line-height: 1.15; /* 1 */\n -webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/* Sections\n ========================================================================== */\n\n/**\n * Remove the margin in all browsers.\n */\n\nbody {\n margin: 0;\n}\n\n/**\n * Render the `main` element consistently in IE.\n */\n\nmain {\n display: block;\n}\n\n/**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n */\n\nh1 {\n font-size: 2em;\n margin: 0.67em 0;\n}\n\n/* Grouping content\n ========================================================================== */\n\n/**\n * 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n */\n\nhr {\n box-sizing: content-box; /* 1 */\n height: 0; /* 1 */\n overflow: visible; /* 2 */\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\npre {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n}\n\n/* Text-level semantics\n ========================================================================== */\n\n/**\n * Remove the gray background on active links in IE 10.\n */\n\na {\n background-color: transparent;\n}\n\n/**\n * 1. Remove the bottom border in Chrome 57-\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n */\n\nabbr[title] {\n border-bottom: none; /* 1 */\n text-decoration: underline; /* 2 */\n text-decoration: underline dotted; /* 2 */\n}\n\n/**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\n\nb,\nstrong {\n font-weight: bolder;\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\ncode,\nkbd,\nsamp {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n}\n\n/**\n * Add the correct font size in all browsers.\n */\n\nsmall {\n font-size: 80%;\n}\n\n/**\n * Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n */\n\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsub {\n bottom: -0.25em;\n}\n\nsup {\n top: -0.5em;\n}\n\n/* Embedded content\n ========================================================================== */\n\n/**\n * Remove the border on images inside links in IE 10.\n */\n\nimg {\n border-style: none;\n}\n\n/* Forms\n ========================================================================== */\n\n/**\n * 1. Change the font styles in all browsers.\n * 2. Remove the margin in Firefox and Safari.\n */\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n font-family: inherit; /* 1 */\n font-size: 100%; /* 1 */\n line-height: 1.15; /* 1 */\n margin: 0; /* 2 */\n}\n\n/**\n * Show the overflow in IE.\n * 1. Show the overflow in Edge.\n */\n\nbutton,\ninput {\n /* 1 */\n overflow: visible;\n}\n\n/**\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n */\n\nbutton,\nselect {\n /* 1 */\n text-transform: none;\n}\n\n/**\n * Correct the inability to style clickable types in iOS and Safari.\n */\n\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n -webkit-appearance: button;\n}\n\n/**\n * Remove the inner border and padding in Firefox.\n */\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n border-style: none;\n padding: 0;\n}\n\n/**\n * Restore the focus styles unset by the previous rule.\n */\n\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n outline: 1px dotted ButtonText;\n}\n\n/**\n * Correct the padding in Firefox.\n */\n\nfieldset {\n padding: 0.35em 0.75em 0.625em;\n}\n\n/**\n * 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n * `fieldset` elements in all browsers.\n */\n\nlegend {\n box-sizing: border-box; /* 1 */\n color: inherit; /* 2 */\n display: table; /* 1 */\n max-width: 100%; /* 1 */\n padding: 0; /* 3 */\n white-space: normal; /* 1 */\n}\n\n/**\n * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n */\n\nprogress {\n vertical-align: baseline;\n}\n\n/**\n * Remove the default vertical scrollbar in IE 10+.\n */\n\ntextarea {\n overflow: auto;\n}\n\n/**\n * 1. Add the correct box sizing in IE 10.\n * 2. Remove the padding in IE 10.\n */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n box-sizing: border-box; /* 1 */\n padding: 0; /* 2 */\n}\n\n/**\n * Correct the cursor style of increment and decrement buttons in Chrome.\n */\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n}\n\n/**\n * 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n */\n\n[type=\"search\"] {\n -webkit-appearance: textfield; /* 1 */\n outline-offset: -2px; /* 2 */\n}\n\n/**\n * Remove the inner padding in Chrome and Safari on macOS.\n */\n\n[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n/**\n * 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n\n::-webkit-file-upload-button {\n -webkit-appearance: button; /* 1 */\n font: inherit; /* 2 */\n}\n\n/* Interactive\n ========================================================================== */\n\n/*\n * Add the correct display in Edge, IE 10+, and Firefox.\n */\n\ndetails {\n display: block;\n}\n\n/*\n * Add the correct display in all browsers.\n */\n\nsummary {\n display: list-item;\n}\n\n/* Misc\n ========================================================================== */\n\n/**\n * Add the correct display in IE 10+.\n */\n\ntemplate {\n display: none;\n}\n\n/**\n * Add the correct display in IE 10.\n */\n\n[hidden] {\n display: none;\n}\n","// Apply a natural box layout model to all elements, but allowing components to\n// change\n\n@use \"uswds-core/src/styles/settings\" as *;\n\n@if $theme-global-border-box-sizing {\n html {\n box-sizing: border-box;\n }\n\n *,\n *::before,\n *::after {\n box-sizing: inherit;\n }\n}\n","@mixin add-kerning {\n font-feature-settings: \"kern\" 1;\n font-kerning: normal;\n}\n","@use \"uswds-core/src/styles/settings\" as *;\n@use \"uswds-core/src/styles/functions\" as *;\n@use \"uswds-core/src/styles/mixins/general/add-kerning\" as *;\n@use \"uswds-core/src/styles/mixins/typography\" as *;\n\nhtml {\n @include add-kerning;\n font-family: font-family($theme-body-font-family);\n font-size: $root-font-size;\n}\n\n@if $theme-style-body-element {\n body {\n @include typeset;\n }\n}\n\n@if $theme-global-paragraph-styles == true {\n @include usa-paragraph-style;\n}\n\n@if $theme-global-link-styles == true {\n @include usa-link-style;\n}\n\n@if $theme-global-content-styles == true {\n @include usa-content-styles;\n}\n\n// Remove user agent styles\n\ncite,\nvar,\naddress,\ndfn {\n font-style: normal;\n}\n","@use \"../../settings\" as *;\n\n// The following vars need to be set\n// here, before the rest of the system\n// variables are set\n\n$root-font-size: if($theme-respect-user-font-size, 100%, $theme-root-font-size);\n\n$root-font-size-equiv: if(\n $theme-respect-user-font-size,\n 16px,\n $theme-root-font-size\n);\n","/*\n* * * * * ==============================\n* * * * * ==============================\n* * * * * ==============================\n* * * * * ==============================\n========================================\n========================================\n========================================\n----------------------------------------\nGENERAL SETTINGS\n----------------------------------------\nRead more about settings and\nUSWDS style tokens in the documentation:\nhttps://designsystem.digital.gov/design-tokens\n----------------------------------------\n*/\n/*\n----------------------------------------\nImage path\n----------------------------------------\nRelative image file path\n----------------------------------------\n*/\n/*\n----------------------------------------\nShow compile warnings\n----------------------------------------\nShow Sass warnings when functions and\nmixins use non-standard tokens.\nAND\nShow updates and notifications.\n----------------------------------------\n*/\n/*\n----------------------------------------\nNamespace\n----------------------------------------\n*/\n/*\n----------------------------------------\nPrefix separator\n----------------------------------------\nSet the character the separates\nresponsive and state prefixes from the\nmain class name.\nThe default (\":\") needs to be preceded\nby two backslashes to be properly\nescaped.\n----------------------------------------\n*/\n/*\n----------------------------------------\nLayout grid\n----------------------------------------\nShould the layout grid classes output\nwith !important\n----------------------------------------\n*/\n/*\n----------------------------------------\nBorder box sizing\n----------------------------------------\nWhen set to true, sets the box-sizing\nproperty of all site elements to\n`border-box`.\n----------------------------------------\n*/\n/*\n----------------------------------------\nFocus styles\n----------------------------------------\n*/\n/*\n----------------------------------------\nIcons\n----------------------------------------\n*/\n/*\n* * * * * ==============================\n* * * * * ==============================\n* * * * * ==============================\n* * * * * ==============================\n========================================\n========================================\n========================================\n----------------------------------------\nTYPOGRAPHY SETTINGS\n----------------------------------------\nRead more about settings and\nUSWDS typography tokens in the documentation:\nhttps://designsystem.digital.gov/design-tokens/typesetting/overview/\n----------------------------------------\n*/\n/*\n----------------------------------------\nRoot font size\n----------------------------------------\nSetting $theme-respect-user-font-size to\ntrue sets the root font size to 100% and\nuses ems for media queries\n----------------------------------------\n$theme-root-font-size only applies when\n$theme-respect-user-font-size is set to\nfalse.\n\nThis will set the root font size\nas a specific px value and use px values\nfor media queries.\n\nAccepts true or false\n----------------------------------------\n*/\n/*\n----------------------------------------\nGlobal styles\n----------------------------------------\nAdds basic styling for the following\nunclassed elements:\n\n- paragraph: paragraph text\n- link: links\n- content: paragraph text, links,\n headings, lists, and tables\n----------------------------------------\n*/\n/*\n----------------------------------------\nBroswer compatibility mode\n----------------------------------------\nWhen true, outputs woff and ttf font \nformats in addition to woff2\n----------------------------------------\n*/\n/*\n----------------------------------------\nFont path\n----------------------------------------\nRelative font file path\n----------------------------------------\n*/\n/*\n----------------------------------------\nCustom typeface tokens\n----------------------------------------\nAdd a new custom typeface token if\nyour project uses a typeface not already\ndefined by USWDS.\n----------------------------------------\nUSWDS defines the following tokens\nby default:\n----------------------------------------\n'georgia'\n'helvetica'\n'merriweather'\n'open-sans'\n'public-sans'\n'roboto-mono'\n'source-sans-pro'\n'system'\n'tahoma'\n'verdana'\n----------------------------------------\nAdd as many new tokens as you have\ncustom typefaces. Reference your new\ntoken(s) in the type-based font settings\nusing the quoted name of the token.\n\nFor example:\n\n$theme-font-type-cond: 'example-font-token';\n\ndisplay-name:\nThe display name of your font\n\ncap-height:\nThe height of a 500px `N` in Sketch\n----------------------------------------\nYou should change `example-[style]-token`\nnames to something more descriptive.\n----------------------------------------\n*/\n/*\n----------------------------------------\nType-based font settings\n----------------------------------------\nSet the type-based tokens for your\nproject from the following tokens,\nor from any new font tokens you added in\n$theme-typeface-tokens.\n----------------------------------------\n'georgia'\n'helvetica'\n'merriweather'\n'open-sans'\n'public-sans'\n'roboto-mono'\n'source-sans-pro'\n'system'\n'tahoma'\n'verdana'\n----------------------------------------\n*/\n/*\n----------------------------------------\nCustom font stacks\n----------------------------------------\nAdd custom font stacks to any of the\ntype-based fonts. Any USWDS typeface\ntoken already has a default stack.\n\nCustom stacks don't need to include the\nfont's display name. It will\nautomatically appear at the start of\nthe stack.\n----------------------------------------\nExample:\n$theme-font-type-sans: 'source-sans-pro';\n$theme-font-sans-custom-stack: \"Helvetica Neue\", Helvetica, Arial, sans;\n\nOutput:\nfont-family: \"Source Sans Pro\", \"Helvetica Neue\", Helvetica, Arial, sans;\n----------------------------------------\n*/\n/*\n----------------------------------------\nAdd any custom font source files\n----------------------------------------\nIf you want USWDS to generate additional\n@font-face declarations, add your font\ndata below, following the example that\nfollows.\n----------------------------------------\nUSWDS automatically generates @font-face\ndeclarations for the following\n\n'merriweather'\n'public-sans'\n'roboto-mono'\n'source-sans-pro'\n\nThese typefaces not require custom\nsource files.\n----------------------------------------\nEXAMPLE\n\n- dir:\n Directory relative to $theme-font-path\n- This directory should include fonts saved as\n .woff2\n ExampleSerif-Normal.woff2\n\n$theme-font-serif-custom-src: (\n dir: 'custom/example-serif',\n roman: (\n 100: false,\n 200: false,\n 300: 'ExampleSerif-Light',\n 400: 'ExampleSerif-Normal',\n 500: false,\n 600: false,\n 700: 'ExampleSerif-Bold',\n 800: false,\n 900: false,\n ),\n italic: (\n 100: false,\n 200: false,\n 300: 'ExampleSerif-LightItalic',\n 400: 'ExampleSerif-Italic',\n 500: false,\n 600: false,\n 700: 'ExampleSerif-BoldItalic',\n 800: false,\n 900: false,\n ),\n);\n----------------------------------------\n*/\n/*\n----------------------------------------\nRole-based font settings\n----------------------------------------\nSet the role-based tokens for your\nproject from the following font-type\ntokens.\n----------------------------------------\n'cond'\n'icon'\n'lang'\n'mono'\n'sans'\n'serif'\n----------------------------------------\n*/\n/*\n----------------------------------------\nType scale\n----------------------------------------\nDefine your project's type scale using\nvalues from the USWDS system type scale\n\n1-20\n----------------------------------------\n*/\n/*\n----------------------------------------\nFont weights\n----------------------------------------\nAssign weights 100-900\nOr use `false` for unneeded weights.\n----------------------------------------\n*/\n/*\n----------------------------------------\nGeneral typography settings\n----------------------------------------\nType scale tokens\n----------------------------------------\nmicro: 10px\n1: 12px\n2: 13px\n3: 14px\n4: 15px\n5: 16px\n6: 17px\n7: 18px\n8: 20px\n9: 22px\n10: 24px\n11: 28px\n12: 32px\n13: 36px\n14: 40px\n15: 48px\n16: 56px\n17: 64px\n18: 80px\n19: 120px\n20: 140px\n----------------------------------------\nLine height tokens\n----------------------------------------\n1: 1\n2: 1.15\n3: 1.35\n4: 1.5\n5: 1.62\n6: 1.75\n----------------------------------------\nFont role tokens\n----------------------------------------\n'ui'\n'heading'\n'body'\n'code'\n'alt'\n----------------------------------------\nMeasure (max-width) tokens\n----------------------------------------\n1: 44ex\n2: 60ex\n3: 64ex\n4: 68ex\n5: 74ex\n6: 88ex\nnone: none\n----------------------------------------\n*/\n/*\n* * * * * ==============================\n* * * * * ==============================\n* * * * * ==============================\n* * * * * ==============================\n========================================\n========================================\n========================================\n----------------------------------------\nCOLOR SETTINGS\n----------------------------------------\nRead more about settings and\nUSWDS color tokens in the documentation:\nhttps://designsystem.digital.gov/design-tokens/color\n----------------------------------------\n*/\n/*\n----------------------------------------\nTheme palette colors\n----------------------------------------\n*/\n/*\n----------------------------------------\nState palette colors\n----------------------------------------\n*/\n/*\n----------------------------------------\nGeneral colors\n----------------------------------------\n*/\n/*\n* * * * * ==============================\n* * * * * ==============================\n* * * * * ==============================\n* * * * * ==============================\n========================================\n========================================\n========================================\n----------------------------------------\nCOMPONENT SETTINGS\n----------------------------------------\nRead more about settings and\nUSWDS style tokens in the documentation:\nhttps://designsystem.digital.gov/design-tokens\n----------------------------------------\n*/\n/*\n* * * * * ==============================\n* * * * * ==============================\n* * * * * ==============================\n* * * * * ==============================\n========================================\n========================================\n========================================\n----------------------------------------\nSPACING SETTINGS\n----------------------------------------\nRead more about settings and\nUSWDS spacing units tokens in the\ndocumentation:\nhttps://designsystem.digital.gov/design-tokens/spacing-units\n----------------------------------------\n*/\n/*\n----------------------------------------\nBorder radius\n----------------------------------------\n2px 2px\n0.5 4px\n1 8px\n1.5 12px\n2 16px\n2.5 20px\n3 24px\n4 32px\n5 40px\n6 48px\n7 56px\n8 64px\n9 72px\n----------------------------------------\n*/\n/*\n----------------------------------------\nColumn gap\n----------------------------------------\n2px 2px\n0.5 4px\n1 8px\n2 16px\n3 24px\n4 32px\n5 40px\n6 48px\n----------------------------------------\n*/\n/*\n----------------------------------------\nGrid container max-width\n----------------------------------------\nmobile\nmobile-lg\ntablet\ntablet-lg\ndesktop\ndesktop-lg\nwidescreen\n----------------------------------------\n*/\n/*\n----------------------------------------\nSite\n----------------------------------------\n*/\n/*\n----------------------------------------\nmap-collect()\n----------------------------------------\nCollect multiple maps into a single\nlarge map\nsource: https://gist.github.com/bigglesrocks/d75091700f8f2be5abfe\n----------------------------------------\n*/\n/*\n* * * * * ==============================\n* * * * * ==============================\n* * * * * ==============================\n* * * * * ==============================\n========================================\n========================================\n========================================\n----------------------------------------\nUTILITIES SETTINGS\n----------------------------------------\nRead more about settings and\nUSWDS utilities in the documentation:\nhttps://designsystem.digital.gov/utilities\n----------------------------------------\n*/\n/*\n----------------------------------------\nUtility breakpoints\n----------------------------------------\nWhich breakpoints does your project\nneed? Select as `true` any breakpoint\nused by utilities or layout grid\n----------------------------------------\n*/\n/*\n----------------------------------------\nGlobal colors\n----------------------------------------\nThe following palettes will be added to\n- background-color\n- border-color\n- color\n- text-decoration-color\n----------------------------------------\n*/\n/*\n----------------------------------------\nSettings\n----------------------------------------\n*/\n/*\n----------------------------------------\nValues\n----------------------------------------\n*/\n/*\n----------------------------------------\nget-last()\n----------------------------------------\nReturn the last item of a list,\nReturn null if the value is null\n----------------------------------------\n*/\n/*\n----------------------------------------\nappend-important()\n----------------------------------------\nAppend `!important` to a list\n----------------------------------------\n*/\n/*\n----------------------------------------\nde-list()\n----------------------------------------\nTransform a one-element list or arglist\ninto that single element.\n----------------------------------------\n(1) => 1\n((1)) => (1)\n----------------------------------------\n*/\n/*\n----------------------------------------\nuswds-error()\n----------------------------------------\nAllow the system to pass an error as text\nto test error states in unit testing\n----------------------------------------\n*/\n/*\n----------------------------------------\nerror-not-token()\n----------------------------------------\nReturns a common not-a-token error.\n----------------------------------------\n*/\n/*\n----------------------------------------\nget-default()\n----------------------------------------\nReturns the default value from a map\nof project defaults\nget-default(\"bg-color\")\n> $theme-body-background-color\n----------------------------------------\n*/\n/*\n----------------------------------------\nhas-important()\n----------------------------------------\nCheck to see if `!important` is\nbeing passed in a mixin's props\n----------------------------------------\n*/\n/*\n----------------------------------------\nmap-deep-get()\n----------------------------------------\n@author Hugo Giraudel\n@access public\n@param {Map} $map - Map\n@param {Arglist} $keys - Key chain\n@return {*} - Desired value\n----------------------------------------\n*/\n/*\n----------------------------------------\nmulti-cat()\n----------------------------------------\nConcatenate two lists\n----------------------------------------\n*/\n/*\n----------------------------------------\nremove()\n----------------------------------------\nRemove a value from a list\n----------------------------------------\n*/\n/*\n----------------------------------------\nsmart-quote()\n----------------------------------------\nQuotes strings\nInspects `px`, `xs`, and `xl` numbers\nLeaves bools as is\n----------------------------------------\n*/\n/*\n----------------------------------------\nstr-replace()\n----------------------------------------\nReplace any substring with another\nstring\n----------------------------------------\n*/\n/*\n----------------------------------------\nstr-split()\n----------------------------------------\nSplit a string at a given separator\nand convert into a list of substrings\n----------------------------------------\n*/\n/*\n----------------------------------------\nstrip-unit()\n----------------------------------------\nRemove the unit of a length\n@author Hugo Giraudel\n@param {Number} $number - Number to remove unit from\n@return {Number} - Unitless number\n----------------------------------------\n*/\n/*\n----------------------------------------\nbase-to-map()\n@TODO: Deprecate and delete\n----------------------------------------\nConvert a single base to a USWDS\nvalue map.\n\nCandidate for deprecation if we remove\nisReadable\n----------------------------------------\n*/\n/*\n----------------------------------------\nto-number()\n----------------------------------------\nCasts a string into a number\n----------------------------------------\n@param {String | Number} $value - Value to be parsed\n@return {Number}\n----------------------------------------\n*/\n/*\n----------------------------------------\nunpack()\n----------------------------------------\nCreate lists of single items from lists\nof lists.\n----------------------------------------\n(1, (2.1, 2.2), 3) -->\n(1, 2.1, 2.2, 3)\n----------------------------------------\n*/\n/*\n----------------------------------------\nget-system-color()\n----------------------------------------\nDerive a system color from its\nfamily, value, and vivid or a passed\nvariable that is, itself, a list\n----------------------------------------\n*/\n/*\n----------------------------------------\nset-theme-color()\n----------------------------------------\nDerive a color from a system color token\nor a hex value\n----------------------------------------\n*/\n/*\n----------------------------------------\ncolor()\n----------------------------------------\nDerive a color from a color shortcode\n----------------------------------------\n*/\n/*\n----------------------------------------\npx-to-rem()\n----------------------------------------\nConverts a value in px to a value in rem\n----------------------------------------\n*/\n/*\n----------------------------------------\nrem-to-user-em()\n----------------------------------------\nConverts a value in rem to a value in\n[user-settings] em for use in media\nqueries\n----------------------------------------\n*/\n/*\n----------------------------------------\npx-to-user-em()\n----------------------------------------\nConverts a value in px to a value in em\n----------------------------------------\n*/\n/*\n----------------------------------------\nrem-to-px()\n----------------------------------------\nConverts a value in rem to a value in px\n----------------------------------------\n*/\n/*\n----------------------------------------\nspacing-multiple()\n----------------------------------------\nConverts a spacing unit multiple into\nthe desired final units (currently rem)\n----------------------------------------\n*/\n/*\n----------------------------------------\nnumber-to-token()\n----------------------------------------\nConverts an integer or numeric value\ninto a system value\n\nEx: 0.5 --> '05'\n -1px --> 'neg-1px'\n----------------------------------------\n*/\n/*\n----------------------------------------\nunits()\n----------------------------------------\nConverts a spacing unit into\nthe desired final units (currently rem)\n----------------------------------------\n*/\n/*\n----------------------------------------\nProject fonts\n----------------------------------------\nCollects font settings in a map for\nlooping.\n----------------------------------------\n*/\n/*\n----------------------------------------\nLuminance ranges\n----------------------------------------\n*/\n/*\n----------------------------------------\nns()\n----------------------------------------\nAdd a namesspace of $type if that\nnamespace is set to output\n----------------------------------------\n*/\n/*\n----------------------------------------\nLine height\n----------------------------------------\n*/\n/*\n----------------------------------------\nMeasure\n----------------------------------------\n*/\n/*\n----------------------------------------\nvalidate-typeface-token()\n----------------------------------------\nCheck to see if a typeface-token exists.\nThrow an error if a passed token does\nnot exist in the typeface-token map.\n----------------------------------------\n*/\n/*\n----------------------------------------\ncap-height()\n----------------------------------------\nGet the cap height of a valid typeface\n----------------------------------------\n*/\n/*\n----------------------------------------\nconvert-to-font-type()\n----------------------------------------\nConverts a font-role token into a\nfont-type token. Leaves font-type tokens\nunchanged.\n----------------------------------------\n*/\n/*\n----------------------------------------\nfont-sources()\n----------------------------------------\nOutputs a list of font sources used in\na @font-face declaration.\n\n$theme-font-browser-compatibility: true - output woff2, woff, ttf\n$theme-font-browser-compatibility: false - output woff2\n\n@param stem: string - [font path]/[custom-src.dir]/[custom-src.[style].[weight]]\n@output: string\n\nfiletypes must be one of the filetypes set in variables/$project-font-face-filetypes (woff, woff2, ttf)\n----------------------------------------\n*/\n/*\n----------------------------------------\nget-font-stack()\n----------------------------------------\nGet a font stack from a style- or\nrole-based font token.\n----------------------------------------\n*/\n/*\n----------------------------------------\nget-typeface-token()\n----------------------------------------\nGet a typeface token from a font-type or\nfont-role token.\n----------------------------------------\n*/\n/*\n----------------------------------------\nnormalize-type-scale()\n----------------------------------------\nNormalizes a specific face's optical size\nto a set target\n----------------------------------------\n*/\n/*\n----------------------------------------\nsystem-type-scale()\n----------------------------------------\nGet a value from the system type scale\n----------------------------------------\n*/\n/*\n----------------------------------------\nEasing\n----------------------------------------\n*/\n/* deprecated.scss\n ---\n Occasionally the design system will deprecate\n old variables or functionality. If we replace\n the old functionality with something new, this is a\n place to connect the old functionality to the\n new functionality, in the service of better\n continuity and backwards compatibility within a\n major release cycle.\n\n Note the USWDS version where we deprecated the\n old functionality in a comment.\n\n Be sure to update notifications.scss.\n\n This file should started fresh at each\n major version.\n*/\n/*\n----------------------------------------\nadvanced-color()\n----------------------------------------\nDerive a color from a color triplet:\n[family], [grade], [variant]\n----------------------------------------\n*/\n/*\n----------------------------------------\nis-system-color-token()\n----------------------------------------\nReturn whether a token is a system\ncolor token\n----------------------------------------\n*/\n/*\n----------------------------------------\nis-theme-color-token()\n----------------------------------------\nReturn whether a token is a theme\ncolor token\n----------------------------------------\n*/\n/*\n----------------------------------------\ncolor-token-assignment()\n----------------------------------------\nGet the system token equivalent of any\ntheme color token\n----------------------------------------\n*/\n/*\n----------------------------------------\ndecompose()\n----------------------------------------\nConvert a color token into into a list\nof form [family], [grade], [variant]\nVivid variants return \"vivid\" as the\nvariant.\nIf neither grade nor variant exists,\nreturns 'null'\n----------------------------------------\n*/\n/*\n----------------------------------------\ncolor-token-family()\n----------------------------------------\nReturns the family of a color token.\nReturns: color-family\ncolor-token-family(\"accent-warm-vivid\")\n> \"accent-warm\"\ncolor-token-family(\"red-50v\")\n> \"red\"\ncolor-token-variant((\"red\", 50, \"vivid\"))\n> \"red\"\n----------------------------------------\n*/\n/*\n----------------------------------------\ncolor-token-grade()\n----------------------------------------\nReturns the grade of a USWDS color token.\nReturns: color-grade\ncolor-token-grade(\"accent-warm\")\n> \"root\"\ncolor-token-grade(\"accent-warm-vivid\")\n> \"root\"\ncolor-token-grade(\"accent-warm-darker\")\n> \"darker\"\ncolor-token-grade(\"red-50v\")\n> 50\ncolor-token-variant((\"red\", 50, \"vivid\"))\n> 50\n----------------------------------------\n*/\n/*\n----------------------------------------\nis-color-token()\n----------------------------------------\nReturns whether a given string is a\nUSWDS color token.\n----------------------------------------\n*/\n/*\n----------------------------------------\npow()\n----------------------------------------\nRaises a unitless number to the power\nof another unitless number\nIncludes helper functions\n----------------------------------------\n*/\n/*\n----------------------------------------\nHelper functions\n----------------------------------------\n*/\n/* factorial()\n----------------------------------------\n*/\n/* summation()\n----------------------------------------\n*/\n/* exp-maclaurin()\n----------------------------------------\n*/\n/* ln()\n----------------------------------------\n*/\n/*\n----------------------------------------\ncalculate-grade()\n----------------------------------------\nDerive the grade equivalent any color,\neven non-token colors\n----------------------------------------\n*/\n/*\n----------------------------------------\ncolor-token-type()\n----------------------------------------\nReturns the type of a color token.\nReturns: \"system\" | \"theme\"\n----------------------------------------\n*/\n/*\n----------------------------------------\ncolor-token-variant()\n----------------------------------------\nReturns the variant of color token.\nReturns: \"vivid\" | false\ncolor-token-variant(\"accent-warm\")\n> false\ncolor-token-variant(\"accent-warm-vivid\")\n> \"vivid\"\ncolor-token-variant(\"red-50v\")\n> \"vivid\"\ncolor-token-variant((\"red\", 50, \"vivid\"))\n> \"vivid\"\n----------------------------------------\n*/\n/*\n----------------------------------------\nmagic-number()\n----------------------------------------\nReturns the magic number of two color\ngrades. Takes numbers or color tokens.\nmagic-number(50, 10)\nreturn: 40\nmagic-number(\"red-50\", \"red-10\")\nreturn: 40\n----------------------------------------\n*/\n/*\n----------------------------------------\nwcag-magic-number()\n----------------------------------------\nReturns the magic number of a specific\nwcag grade:\n\"AA\"\n\"AA-Large\"\n\"AAA\"\nwcag-magic-number(\"AA\")\n> 50\n----------------------------------------\n*/\n/*\n----------------------------------------\nis-accessible-magic-number()\n----------------------------------------\nReturns whether two grades achieve\nspecified target color contrast\nReturns: true | false\nis-accessible-magic-number(10, 50, \"AA\")\n> false\nis-accessible-magic-number(10, 60, \"AA\")\n> true\n----------------------------------------\n*/\n/*\n----------------------------------------\nnext-token()\n----------------------------------------\nReturns next \"darker\" or \"lighter\" color\ntoken of the same token type and variant.\nReturns: color-token | false\nnext-token(\"accent-warm\", \"lighter\")\n> \"accent-warm-light\"\nnext-token(\"gray-10\", \"lighter\")\n> \"gray-5\"\nnext-token(\"gray-5\", \"lighter\")\n> \"white\"\nnext-token(\"white\", \"lighter\")\n> false\nnext-token(\"red-50v\", \"darker\")\n> \"red-60v\"\nnext-token(\"red-50\", \"darker\")\n> \"red-60\"\nnext-token(\"red-80v\", \"darker\")\n> \"red-90\"\nnext-token(\"red-90\", \"darker\")\n> \"black\"\nnext-token(\"white\", \"darker\")\n> \"gray-5\"\nnext-token(\"black\", \"lighter\")\n> \"gray-90\"\n----------------------------------------\n*/\n/*\n----------------------------------------\nget-link-tokens-from-bg()\n----------------------------------------\nGet accessible link colors for a given\nbackground color\nreturns: link-token, hover-token\nget-link-tokens-from-bg(\n \"black\",\n \"red-60\",\n \"red-10\",\n \"AA\")\n> \"red-10\", \"red-5\"\nget-link-tokens-from-bg(\n \"black\",\n \"red-60v\",\n \"red-10v\",\n \"AA-large\")\n> \"red-60v\", \"red-50v\"\nget-link-tokens-from-bg(\n \"black\",\n \"red-5v\",\n \"red-60v\",\n \"AA\")\n> \"red-5v\", \"white\"\nget-link-tokens-from-bg(\n \"black\",\n \"white\",\n \"red-60v\",\n \"AA\")\n> \"white\", \"white\"\n----------------------------------------\n*/\n/*\n----------------------------------------\ntest-colors()\n----------------------------------------\nCheck to see if all system colors\nfall between the proper relative\nluminance range for their grade.\nHas a couple quirks, as the luminance()\nfunction returns slightly different\nresults than expected.\n----------------------------------------\n*/\n/*\n----------------------------------------\ncolumns()\n----------------------------------------\noutputs a grid-col number based on\nthe number of desired columns in the\n12-column grid\n\nEx: columns(2) --> 6\n grid-col(columns(2))\n----------------------------------------\n*/\n/*\n----------------------------------------\nUSWDS Properties\n----------------------------------------\n*/\n/*\n----------------------------------------\nget-uswds-value()\n----------------------------------------\nFinds and outputs a value from the\nUSWDS standard values.\n\nUsed to build other standard utility\nfunctions and mixins.\n----------------------------------------\n*/\n/*\n----------------------------------------\nget-standard-values()\n----------------------------------------\nGets a map of USWDS standard values\nfor a property\n----------------------------------------\n*/\n/*\n----------------------------------------\nborder-radius()\n----------------------------------------\nGet a border-radius from the system\nborder-radii\n----------------------------------------\n*/\n/*\n----------------------------------------\nfont-weight()\nfw()\n----------------------------------------\nGet a font-weight value from the\nsystem font-weight\n----------------------------------------\n*/\n/*\n----------------------------------------\nfeature()\n----------------------------------------\nGets a valid USWDS font feature setting\n----------------------------------------\n*/\n/*\n----------------------------------------\nflex()\n----------------------------------------\nGets a valid USWDS flex value\n----------------------------------------\n*/\n/*\n----------------------------------------\nfont-family()\nfamily()\n----------------------------------------\nGet a font-family stack from a\nrole-based or type-based font family\n----------------------------------------\n*/\n/*\n----------------------------------------\nletter-spacing()\nls()\n----------------------------------------\nGet a letter-spacing value from the\nsystem letter-spacing\n----------------------------------------\n*/\n/*\n----------------------------------------\nmeasure()\n----------------------------------------\nGets a valid USWDS reading line length\n----------------------------------------\n*/\n/*\n----------------------------------------\nopacity()\n----------------------------------------\nGet an opacity from the system\nopacities\n----------------------------------------\n*/\n/*\n----------------------------------------\norder()\n----------------------------------------\nGet an order value from the\nsystem orders\n----------------------------------------\n*/\n/*\n----------------------------------------\nradius()\n----------------------------------------\nGet a border-radius value from the\nsystem letter-spacing\n----------------------------------------\n*/\n/*\n----------------------------------------\nfont-size()\n----------------------------------------\nGet type scale value from a [family] and\n[scale]\n----------------------------------------\n*/\n/*\n----------------------------------------\nz-index()\nz()\n----------------------------------------\nGet a z-index value from the\nsystem z-index\n----------------------------------------\n*/\n/*\n----------------------------------------\nutility-font()\n----------------------------------------\nGet a normalized font-size in rem from\na family and a type size in either\nsystem scale or project scale\n----------------------------------------\nNot the public-facing function.\nUsed for building the utilities and\nwithholds certain errors.\n----------------------------------------\n*/\n/*\n----------------------------------------\nfamily()\n----------------------------------------\nGet a font-family stack\n----------------------------------------\n*/\n/*\n----------------------------------------\nsize()\n----------------------------------------\nGet a normalized font-size in rem from\na family and a type size in either\nsystem scale or project scale\n----------------------------------------\n*/\n/*\n----------------------------------------\nfont()\n----------------------------------------\nGet a font-family stack\nAND\nGet a normalized font-size in rem from\na family and a type size in either\nsystem scale or project scale\n----------------------------------------\n*/\n/*\n----------------------------------------\ntypeset()\n----------------------------------------\nSets:\n- family\n- size\n- line-height\n----------------------------------------\n*/\n/* stylelint-disable max-nesting-depth */\n/*\n----------------------------------------\n@render-pseudoclass\n----------------------------------------\nBuild a pseucoclass utiliy from values\ncalculated in the @render-utilities-in\nloop\n----------------------------------------\n*/\n/*\n----------------------------------------\n@render-utility\n----------------------------------------\nBuild a utility from values calculated\nin the @render-utilities-in loop\n----------------------------------------\nTODO: Determine the proper use of\nunquote() in the following. Changed to\naccount for a 'interpolation near\noperators will be simplified in a\nfuture version of Sass' warning.\n----------------------------------------\n*/\n/*\n----------------------------------------\n@render-utilities-in\n----------------------------------------\nThe master loop that sets the building\nblocks of utilities from the values\nin individual rule settings and loops\nthrough all possible variants\n----------------------------------------\n*/\n/* stylelint-enable */\n/* notifications.scss\n ---\n Adds a notification at the top of each USWDS\n compile. Use this file for important notifications\n and updates to the design system.\n\n This file should started fresh at each\n major version.\n\n*/\n/* prettier-ignore */\n/* prettier-ignore */\n/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\n/* Document\n ========================================================================== */\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\nhtml {\n line-height: 1.15;\n /* 1 */\n -webkit-text-size-adjust: 100%;\n /* 2 */\n}\n\n/* Sections\n ========================================================================== */\n/**\n * Remove the margin in all browsers.\n */\nbody {\n margin: 0;\n}\n\n/**\n * Render the `main` element consistently in IE.\n */\nmain {\n display: block;\n}\n\n/**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n */\nh1 {\n font-size: 2em;\n margin: 0.67em 0;\n}\n\n/* Grouping content\n ========================================================================== */\n/**\n * 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n */\nhr {\n box-sizing: content-box;\n /* 1 */\n height: 0;\n /* 1 */\n overflow: visible;\n /* 2 */\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\npre {\n font-family: monospace, monospace;\n /* 1 */\n font-size: 1em;\n /* 2 */\n}\n\n/* Text-level semantics\n ========================================================================== */\n/**\n * Remove the gray background on active links in IE 10.\n */\na {\n background-color: transparent;\n}\n\n/**\n * 1. Remove the bottom border in Chrome 57-\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n */\nabbr[title] {\n border-bottom: none;\n /* 1 */\n text-decoration: underline;\n /* 2 */\n text-decoration: underline dotted;\n /* 2 */\n}\n\n/**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\nb,\nstrong {\n font-weight: bolder;\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\ncode,\nkbd,\nsamp {\n font-family: monospace, monospace;\n /* 1 */\n font-size: 1em;\n /* 2 */\n}\n\n/**\n * Add the correct font size in all browsers.\n */\nsmall {\n font-size: 80%;\n}\n\n/**\n * Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n */\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsub {\n bottom: -0.25em;\n}\n\nsup {\n top: -0.5em;\n}\n\n/* Embedded content\n ========================================================================== */\n/**\n * Remove the border on images inside links in IE 10.\n */\nimg {\n border-style: none;\n}\n\n/* Forms\n ========================================================================== */\n/**\n * 1. Change the font styles in all browsers.\n * 2. Remove the margin in Firefox and Safari.\n */\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n font-family: inherit;\n /* 1 */\n font-size: 100%;\n /* 1 */\n line-height: 1.15;\n /* 1 */\n margin: 0;\n /* 2 */\n}\n\n/**\n * Show the overflow in IE.\n * 1. Show the overflow in Edge.\n */\nbutton,\ninput {\n /* 1 */\n overflow: visible;\n}\n\n/**\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n */\nbutton,\nselect {\n /* 1 */\n text-transform: none;\n}\n\n/**\n * Correct the inability to style clickable types in iOS and Safari.\n */\nbutton,\n[type=button],\n[type=reset],\n[type=submit] {\n -webkit-appearance: button;\n}\n\n/**\n * Remove the inner border and padding in Firefox.\n */\nbutton::-moz-focus-inner,\n[type=button]::-moz-focus-inner,\n[type=reset]::-moz-focus-inner,\n[type=submit]::-moz-focus-inner {\n border-style: none;\n padding: 0;\n}\n\n/**\n * Restore the focus styles unset by the previous rule.\n */\nbutton:-moz-focusring,\n[type=button]:-moz-focusring,\n[type=reset]:-moz-focusring,\n[type=submit]:-moz-focusring {\n outline: 1px dotted ButtonText;\n}\n\n/**\n * Correct the padding in Firefox.\n */\nfieldset {\n padding: 0.35em 0.75em 0.625em;\n}\n\n/**\n * 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n * `fieldset` elements in all browsers.\n */\nlegend {\n box-sizing: border-box;\n /* 1 */\n color: inherit;\n /* 2 */\n display: table;\n /* 1 */\n max-width: 100%;\n /* 1 */\n padding: 0;\n /* 3 */\n white-space: normal;\n /* 1 */\n}\n\n/**\n * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n */\nprogress {\n vertical-align: baseline;\n}\n\n/**\n * Remove the default vertical scrollbar in IE 10+.\n */\ntextarea {\n overflow: auto;\n}\n\n/**\n * 1. Add the correct box sizing in IE 10.\n * 2. Remove the padding in IE 10.\n */\n[type=checkbox],\n[type=radio] {\n box-sizing: border-box;\n /* 1 */\n padding: 0;\n /* 2 */\n}\n\n/**\n * Correct the cursor style of increment and decrement buttons in Chrome.\n */\n[type=number]::-webkit-inner-spin-button,\n[type=number]::-webkit-outer-spin-button {\n height: auto;\n}\n\n/**\n * 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n */\n[type=search] {\n -webkit-appearance: textfield;\n /* 1 */\n outline-offset: -2px;\n /* 2 */\n}\n\n/**\n * Remove the inner padding in Chrome and Safari on macOS.\n */\n[type=search]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n/**\n * 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n::-webkit-file-upload-button {\n -webkit-appearance: button;\n /* 1 */\n font: inherit;\n /* 2 */\n}\n\n/* Interactive\n ========================================================================== */\n/*\n * Add the correct display in Edge, IE 10+, and Firefox.\n */\ndetails {\n display: block;\n}\n\n/*\n * Add the correct display in all browsers.\n */\nsummary {\n display: list-item;\n}\n\n/* Misc\n ========================================================================== */\n/**\n * Add the correct display in IE 10+.\n */\ntemplate {\n display: none;\n}\n\n/**\n * Add the correct display in IE 10.\n */\n[hidden] {\n display: none;\n}\n\n/* stylelint-disable */\n@font-face {\n font-family: \"Roboto Mono Web\";\n font-style: normal;\n font-weight: 300;\n font-display: fallback;\n src: url(../fonts/roboto-mono/roboto-mono-v5-latin-300.woff2) format(\"woff2\");\n}\n@font-face {\n font-family: \"Roboto Mono Web\";\n font-style: normal;\n font-weight: 400;\n font-display: fallback;\n src: url(../fonts/roboto-mono/roboto-mono-v5-latin-regular.woff2) format(\"woff2\");\n}\n@font-face {\n font-family: \"Roboto Mono Web\";\n font-style: normal;\n font-weight: 700;\n font-display: fallback;\n src: url(../fonts/roboto-mono/roboto-mono-v5-latin-700.woff2) format(\"woff2\");\n}\n@font-face {\n font-family: \"Roboto Mono Web\";\n font-style: italic;\n font-weight: 300;\n font-display: fallback;\n src: url(../fonts/roboto-mono/roboto-mono-v5-latin-300italic.woff2) format(\"woff2\");\n}\n@font-face {\n font-family: \"Roboto Mono Web\";\n font-style: italic;\n font-weight: 400;\n font-display: fallback;\n src: url(../fonts/roboto-mono/roboto-mono-v5-latin-italic.woff2) format(\"woff2\");\n}\n@font-face {\n font-family: \"Roboto Mono Web\";\n font-style: italic;\n font-weight: 700;\n font-display: fallback;\n src: url(../fonts/roboto-mono/roboto-mono-v5-latin-700italic.woff2) format(\"woff2\");\n}\n@font-face {\n font-family: \"Public Sans Web\";\n font-style: normal;\n font-weight: 300;\n font-display: fallback;\n src: url(../fonts/public-sans/PublicSans-Light.woff2) format(\"woff2\");\n}\n@font-face {\n font-family: \"Public Sans Web\";\n font-style: normal;\n font-weight: 400;\n font-display: fallback;\n src: url(../fonts/public-sans/PublicSans-Regular.woff2) format(\"woff2\");\n}\n@font-face {\n font-family: \"Public Sans Web\";\n font-style: normal;\n font-weight: 700;\n font-display: fallback;\n src: url(../fonts/public-sans/PublicSans-Bold.woff2) format(\"woff2\");\n}\n@font-face {\n font-family: \"Public Sans Web\";\n font-style: italic;\n font-weight: 300;\n font-display: fallback;\n src: url(../fonts/public-sans/PublicSans-LightItalic.woff2) format(\"woff2\");\n}\n@font-face {\n font-family: \"Public Sans Web\";\n font-style: italic;\n font-weight: 400;\n font-display: fallback;\n src: url(../fonts/public-sans/PublicSans-Italic.woff2) format(\"woff2\");\n}\n@font-face {\n font-family: \"Public Sans Web\";\n font-style: italic;\n font-weight: 700;\n font-display: fallback;\n src: url(../fonts/public-sans/PublicSans-BoldItalic.woff2) format(\"woff2\");\n}\n@font-face {\n font-family: \"Merriweather Web\";\n font-style: normal;\n font-weight: 300;\n font-display: fallback;\n src: url(../fonts/merriweather/Latin-Merriweather-Light.woff2) format(\"woff2\");\n}\n@font-face {\n font-family: \"Merriweather Web\";\n font-style: normal;\n font-weight: 400;\n font-display: fallback;\n src: url(../fonts/merriweather/Latin-Merriweather-Regular.woff2) format(\"woff2\");\n}\n@font-face {\n font-family: \"Merriweather Web\";\n font-style: normal;\n font-weight: 700;\n font-display: fallback;\n src: url(../fonts/merriweather/Latin-Merriweather-Bold.woff2) format(\"woff2\");\n}\n@font-face {\n font-family: \"Merriweather Web\";\n font-style: italic;\n font-weight: 300;\n font-display: fallback;\n src: url(../fonts/merriweather/Latin-Merriweather-LightItalic.woff2) format(\"woff2\");\n}\n@font-face {\n font-family: \"Merriweather Web\";\n font-style: italic;\n font-weight: 400;\n font-display: fallback;\n src: url(../fonts/merriweather/Latin-Merriweather-Italic.woff2) format(\"woff2\");\n}\n@font-face {\n font-family: \"Merriweather Web\";\n font-style: italic;\n font-weight: 700;\n font-display: fallback;\n src: url(../fonts/merriweather/Latin-Merriweather-BoldItalic.woff2) format(\"woff2\");\n}\n/* stylelint-enable */\nbody {\n color: #1c1d1f;\n background-color: white;\n overflow-x: hidden;\n}\n\ninput:not([disabled]):focus,\nselect:not([disabled]):focus,\ntextarea:not([disabled]):focus,\nbutton:not([disabled]):focus {\n outline: 0.25rem solid #0050d8;\n outline-offset: 0rem;\n}\n\niframe:focus,\n[href]:focus,\n[tabindex]:focus,\n[contentEditable=true]:focus {\n outline: 0.25rem solid #0050d8;\n outline-offset: 0rem;\n}\n\nimg {\n max-width: 100%;\n}\n\n.usa-media-link {\n display: inline-block;\n line-height: 0;\n}\n\nhtml {\n box-sizing: border-box;\n}\n\n*,\n*::before,\n*::after {\n box-sizing: inherit;\n}\n\nhtml {\n font-feature-settings: \"kern\" 1;\n font-kerning: normal;\n font-family: Public Sans Web, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;\n font-size: 100%;\n}\n\np {\n line-height: 1.6;\n max-width: 68ex;\n margin-bottom: 0;\n margin-top: 0;\n}\n* + p {\n margin-top: 1em;\n}\np + * {\n margin-top: 1em;\n}\n\na {\n color: #005ea2;\n text-decoration: underline;\n}\na:visited {\n color: #54278f;\n}\na:hover {\n color: #005ea2;\n}\na:active {\n color: #0b4778;\n}\na:focus {\n outline: 0.25rem solid #0050d8;\n outline-offset: 0rem;\n}\n\ncite,\nvar,\naddress,\ndfn {\n font-style: normal;\n}\n\n.usa-focus {\n outline: 0.25rem solid #0050d8;\n outline-offset: 0rem;\n}\n\n.usa-sr-only {\n position: absolute;\n left: -999em;\n right: auto;\n}\n\n.usa-icon {\n display: inline-block;\n fill: currentColor;\n height: 1em;\n position: relative;\n width: 1em;\n}\n\n.usa-icon--size-3 {\n height: 1.5rem;\n width: 1.5rem;\n}\n\n.usa-icon--size-4 {\n height: 2rem;\n width: 2rem;\n}\n\n.usa-icon--size-5 {\n height: 2.5rem;\n width: 2.5rem;\n}\n\n.usa-icon--size-6 {\n height: 3rem;\n width: 3rem;\n}\n\n.usa-icon--size-7 {\n height: 3.5rem;\n width: 3.5rem;\n}\n\n.usa-icon--size-8 {\n height: 4rem;\n width: 4rem;\n}\n\n.usa-icon--size-9 {\n height: 4.5rem;\n width: 4.5rem;\n}\n\n/*\n* * * * * ==============================\n* * * * * ==============================\n* * * * * ==============================\n* * * * * ==============================\n========================================\n========================================\n========================================\n----------------------------------------\nUSWDS THEME CUSTOM STYLES\n----------------------------------------\n!! Copy this file to your project's\n sass root. Don't edit the version\n in node_modules.\n----------------------------------------\nCustom project SASS goes here.\n\ni.e.\n@include u-padding-right('05');\n----------------------------------------\n*/\n.nj-banner {\n font-family: Public Sans Web, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;\n font-size: 1rem;\n line-height: 1.6;\n background-color: #1c1d1f;\n font-size: 0.88rem;\n line-height: 1;\n min-height: 3rem;\n position: relative;\n}\n\n.nj-banner__header {\n padding-bottom: 0.5rem;\n padding-top: 0.5rem;\n}\n\n.nj-banner__header,\n.nj-banner__header a {\n color: white;\n text-decoration: none;\n}\n\n.nj-banner__header a:hover {\n text-decoration: underline;\n}\n\n.nj-banner__header li {\n display: none;\n margin-right: 0.5rem;\n padding-right: 0.5rem;\n border-right-width: 1px;\n border-right-style: solid;\n}\n@media all and (min-width: 40em) {\n .nj-banner__header li {\n display: inline;\n }\n}\n\n.nj-banner__header li:last-child {\n display: inline;\n margin-right: 0;\n padding-right: 0;\n border-right-width: 0;\n border-right-style: solid;\n}\n\n.nj-banner__inner {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n padding-right: 0rem;\n}\n\n.nj-banner__header-seal {\n padding-right: 0.5rem;\n}\n\n.usa-hero__callout {\n background-color: #112f4e;\n}\n\n.usa-section--dark {\n background-color: #112f4e;\n}\n\n.usa-prose > h1,\n.usa-intro {\n letter-spacing: -0.4px;\n}\n\n.usa-prose a {\n overflow-wrap: break-word;\n word-wrap: break-word;\n}\n\n.usa-nav__secondary-links a {\n color: #3d4551;\n}\n\n.usa-header--extended .usa-logo {\n max-width: 50%;\n}\n\n.usa-button {\n height: 3rem;\n padding: 1rem 1.25rem;\n}\n.usa-button.nj-button--icon {\n padding-top: 0.75rem;\n padding-bottom: 0.875rem;\n}\n\n.nj-button--icon svg {\n vertical-align: sub;\n margin-bottom: -2px;\n}\n\n.usa-button:focus,\n.usa-button.usa-focus {\n outline-color: #0050d8;\n}\n\n.usa-button.nj-button--primary-dark:not(:disabled) {\n color: #1c1d1f;\n background-color: #fbfcfd;\n}\n\n.usa-button.nj-button--primary-dark.usa-button--hover:not(:disabled),\n.usa-button.nj-button--primary-dark:hover:not(:disabled) {\n color: #1c1d1f;\n background-color: #edeff0;\n}\n\n.usa-button.nj-button--primary-dark.usa-button--active:not(:disabled),\n.usa-button.nj-button--primary-dark:active:not(:disabled) {\n color: #1c1d1f;\n background-color: #c6cace;\n}\n\n.usa-button--secondary {\n background-color: #d54309;\n}\n\n.usa-button--secondary.usa-button--hover,\n.usa-button--secondary:hover {\n background-color: #b50909;\n}\n\n.usa-button--secondary.usa-button--active,\n.usa-button--secondary:active {\n background-color: #6f3331;\n}\n\n.usa-button--outline {\n color: #005ea2;\n box-shadow: inset 0 0 0 2px #005ea2;\n}\n\n.usa-button--outline.usa-button--hover,\n.usa-button--outline:hover {\n color: #0b4778;\n box-shadow: inset 0 0 0 2px #0b4778;\n}\n\n.usa-button--outline.usa-button--active,\n.usa-button--outline:active {\n color: #112f4e;\n box-shadow: inset 0 0 0 2px #112f4e;\n}\n\n.usa-button--outline.usa-button--inverse:not(:disabled) {\n color: white;\n box-shadow: inset 0 0 0 2px white;\n}\n\n.usa-button--outline.usa-button--inverse.usa-button--hover:not(:disabled),\n.usa-button--outline.usa-button--inverse:hover:not(:disabled) {\n color: #edeff0;\n box-shadow: inset 0 0 0 2px #edeff0;\n}\n\n.usa-button--outline.usa-button--inverse.usa-button--active:not(:disabled),\n.usa-button--outline.usa-button--inverse:active:not(:disabled) {\n color: #c6cace;\n box-shadow: inset 0 0 0 2px #c6cace;\n}\n\n.usa-button--outline.nj-button--outline-danger:not(:disabled) {\n color: #d54309;\n box-shadow: inset 0 0 0 2px #d54309;\n}\n\n.usa-button--hover.nj-button--outline-danger:not(:disabled),\n.usa-button--outline.nj-button--outline-danger:hover:not(:disabled) {\n color: #b50909;\n box-shadow: inset 0 0 0 2px #b50909;\n}\n\n.usa-button--active.nj-button--outline-danger:not(:disabled),\n.usa-button--outline.nj-button--outline-danger:active:not(:disabled) {\n color: #6f3331;\n box-shadow: inset 0 0 0 2px #6f3331;\n}\n\n.usa-button--unstyled {\n border-radius: 0.25rem;\n padding: 0.25rem;\n font-weight: 700;\n height: auto;\n}\n\n.usa-button--unstyled.usa-button--hover,\n.usa-button--unstyled:hover {\n color: #0b4778;\n}\n\n.usa-button--unstyled.usa-button--active,\n.usa-button--unstyled:active {\n color: #112f4e;\n}\n\n.usa-button--unstyled.nj-button--unstyled-dark {\n color: white;\n}\n\n.usa-button--unstyled.nj-button--unstyled-dark.usa-button--hover,\n.usa-button--unstyled.nj-button--unstyled-dark:hover {\n color: #edeff0;\n}\n\n.usa-button--unstyled.nj-button--unstyled-dark.usa-button--active,\n.usa-button--unstyled.nj-button--unstyled-dark:active {\n color: #c6cace;\n}\n\n.usa-button--unstyled.nj-button--unstyled-danger:not(:disabled) {\n color: #d54309;\n}\n\n.usa-button--hover.nj-button--unstyled-danger:not(:disabled),\n.usa-button--unstyled.nj-button--unstyled-danger:hover:not(:disabled) {\n color: #b50909;\n}\n\n.usa-button--active.nj-button--unstyled-danger:not(:disabled),\n.usa-button--unstyled.nj-button--unstyled-danger:active:not(:disabled) {\n color: #6f3331;\n}\n\n.usa-icon:not(.usa-icon--size-3,\n.usa-icon--size-4,\n.usa-icon--size-5,\n.usa-icon--size-6,\n.usa-icon--size-7,\n.usa-icon--size-8,\n.usa-icon--size-9) {\n height: 20px;\n width: 20px;\n}\n\n.usa-icon.nj-icon--size-scale {\n height: 1em;\n width: 1em;\n}\n\n.usa-radio {\n background: none;\n}\n\n.usa-radio__label::before {\n box-shadow: 0 0 0 2px #71767a;\n}\n\n.usa-radio__input--tile:checked + [class*=__label] {\n background-color: #cfe8ff;\n}\n\n.usa-radio__input--tile + [class*=__label] {\n border-color: #c6cace;\n}\n\n.usa-radio__input.usa-radio__input--tile:checked + [class*=__label]::before {\n box-shadow: 0 0 0 2px #005ea2, inset 0 0 0 2px #cfe8ff;\n}\n\n/*\n* * * * * ==============================\n* * * * * ==============================\n* * * * * ==============================\n* * * * * ==============================\n========================================\n========================================\n========================================\n*/","@use \"../../functions/color/get-color-token-from-bg\" as *;\n@use \"../../functions/utilities/color\" as *;\n@use \"../../functions/general/get-default\" as *;\n\n@mixin set-text-from-bg(\n $bg-color: \"default\",\n $preferred-text-color: \"default\",\n $fallback-text-color: \"default\",\n $wcag-target: \"AA\",\n $context: false,\n $important: null\n) {\n $important: if($important, \" !important\", null);\n $accessible-color-token: get-color-token-from-bg(\n $bg-color,\n $preferred-text-color,\n $fallback-text-color,\n $wcag-target,\n $context\n );\n color: color($accessible-color-token) #{$important};\n}\n","@use \"../../functions/utilities/color\" as *;\n@use \"../../functions/general/get-default\" as *;\n\n@use \"./set-text-from-bg\" as *;\n\n@mixin set-text-and-bg(\n $bg-color: \"default\",\n $preferred-text-color: \"default\",\n $fallback-text-color: \"default\",\n $wcag-target: \"AA\",\n $context: false,\n $important: null\n) {\n $important: if($important, \" !important\", null);\n\n @include set-text-from-bg(\n $bg-color,\n $preferred-text-color,\n $fallback-text-color,\n $wcag-target,\n $context,\n $important: $important\n );\n $bg-color: if($bg-color == \"default\", get-default(\"bg-color\"), $bg-color);\n background-color: color($bg-color) #{$important};\n}\n","@use \"uswds-core/src/styles/mixins/helpers/set-text-and-bg\" as *;\n\nbody {\n @include set-text-and-bg($context: \"Body\");\n overflow-x: hidden;\n}\n","@use \"sass:meta\";\n@use \"sass:list\";\n@use \"../general/focus-outline\" as *;\n@use \"../../functions\" as *;\n@use \"../../mixins/utilities\" as *;\n@use \"../../mixins/general/focus-outline\" as *;\n@use \"../../settings\" as *;\n\n/*\n----------------------------------------\ntypeset()\n----------------------------------------\nSets:\n- family\n- size\n- line-height\n----------------------------------------\n*/\n\n@mixin typeset(\n $family: $theme-body-font-family,\n $scale: $theme-body-font-size,\n $line-height: $theme-body-line-height\n) {\n @if meta.type-of($family) == \"list\" {\n $list: $family;\n $family: if(list.nth($list, 1), list.nth($list, 1), null);\n $scale: if(list.nth($list, 2), list.nth($list, 2), null);\n $line-height: if(list.nth($list, 3), list.nth($list, 3), null);\n }\n $family: if($family == null, $theme-body-font-family, $family);\n $scale: if($scale == null, $theme-body-font-size, $scale);\n $line-height: if($line-height == null, $theme-body-line-height, $line-height);\n @include u-font($family, $scale);\n @include u-line-height($family, $line-height);\n}\n\n@mixin typeset-heading-base {\n @include u-margin-y(0);\n clear: both;\n}\n\n@mixin typeset-heading {\n @include typeset-heading-base;\n\n * + & {\n margin-top: $theme-heading-margin-top;\n }\n\n + * {\n margin-top: $theme-paragraph-margin-top;\n }\n}\n\n@mixin typeset-p-base {\n line-height: line-height($theme-body-font-family, $theme-body-line-height);\n max-width: measure($theme-text-measure);\n}\n\n// typeset element mixins\n@mixin typeset-p {\n @include typeset-p-base;\n @include u-margin-y(0);\n\n * + & {\n margin-top: $theme-paragraph-margin-top;\n }\n\n + * {\n margin-top: $theme-paragraph-margin-top;\n }\n}\n\n@mixin typeset-link {\n color: color($theme-link-color);\n text-decoration: underline;\n\n &:visited {\n color: color($theme-link-visited-color);\n }\n\n &:hover {\n color: color($theme-link-hover-color);\n }\n\n &:active {\n color: color($theme-link-active-color);\n }\n\n &:focus {\n @include focus-outline;\n }\n}\n","@use \"uswds-core/src/styles/mixins/general/media-link\" as *;\n\nimg {\n max-width: 100%;\n}\n\n.usa-media-link {\n @include media-link;\n}\n","@use \"sass:map\";\n@use \"sass:string\";\n@use \"sass:list\";\n\n@use \"../../functions\" as *;\n@use \"../../variables\" as *;\n@use \"../../tokens/font\" as *;\n@use \"../../settings\" as *;\n\n// Output the @font-face rule\n@mixin at-font-face($display-name, $file-path, $font-weight, $font-style) {\n // TODO: If $theme-use-rails-pipeline use font-url() statements\n // instead of url()\n // Dunno why I can't do this without an error...\n\n @font-face {\n font-family: $display-name;\n font-style: string.unquote($font-style);\n font-weight: $font-weight;\n font-display: fallback;\n src: font-sources($file-path);\n }\n}\n\n// Loop through weights, then call at-font-face\n@mixin generate-font-face(\n $font-style-src,\n $output-weights,\n $display-name,\n $dir,\n $font-style\n) {\n @each $font-weight, $filename in $font-style-src {\n @each $key, $output-weight in $output-weights {\n @if $output-weight == $font-weight and $filename {\n @include at-font-face(\n \"#{$display-name}\",\n // TODO: Why is this path causing problems?\n \"#{$theme-font-path}/#{$dir}/#{$filename}\",\n #{$font-weight},\n string.unquote(\"#{$font-style}\")\n );\n }\n }\n }\n}\n\n// Collect all font metadata, then call generate-font-face\n@mixin render-font-face($typeface-token, $src) {\n $generate: false;\n $this-src: ();\n $output-weights: $project-font-weights;\n @if $theme-generate-all-weights {\n $output-weights: (\n 100: 100,\n 200: 200,\n 300: 300,\n 400: 400,\n 500: 500,\n 600: 600,\n 700: 700,\n 800: 800,\n 900: 900,\n );\n }\n\n $typeface-metadata: map.get($all-typeface-tokens, $typeface-token);\n\n // If the typeface has src in its USWDS metadata, generate and\n // set $this-src\n @if map.get($typeface-metadata, src) {\n $generate: true;\n $this-src: map.get($typeface-metadata, src);\n }\n\n // If the typeface has custom src defined, generate and override\n // any existing USWDS src\n @if $src {\n $generate: true;\n $this-src: $src;\n }\n\n @if $generate {\n $display-name: map.get($typeface-metadata, display-name);\n $roman: map.get($this-src, roman);\n $italic: map.get($this-src, italic);\n $dir: map.get($this-src, dir);\n\n @if $roman {\n @include generate-font-face(\n $roman,\n $output-weights,\n $display-name,\n $dir,\n normal\n );\n }\n\n @if $italic {\n @include generate-font-face(\n $italic,\n $output-weights,\n $display-name,\n $dir,\n italic\n );\n }\n }\n}\n","@use \"uswds-core/src/styles/mixins/general/focus-outline\" as *;\n\n// Apply :focus behavior to focusable elements only (For IE 11)\ninput,\nselect,\ntextarea,\nbutton {\n &:not([disabled]) {\n &:focus {\n @include focus-outline;\n }\n }\n}\n\niframe,\n[href],\n[tabindex],\n[contentEditable=\"true\"] {\n &:focus {\n @include focus-outline;\n }\n}\n","@use \"../../functions\" as *;\n@use \"../../settings\" as *;\n\n// Focus state mixin\n@mixin focus-outline(\n $width: $theme-focus-width,\n $style: $theme-focus-style,\n $color: $theme-focus-color,\n $offset: $theme-focus-offset\n) {\n $width: if($width == null, $theme-focus-width, $width);\n $style: if($style == null, $theme-focus-style, $style);\n $color: if($color == null, $theme-focus-color, $color);\n $offset: if($offset == null, $theme-focus-offset, $offset);\n outline: units($width) $style color($color);\n outline-offset: units($offset);\n}\n","// TODO: Add documentation instructions for using this class on image links\n@mixin media-link {\n display: inline-block;\n line-height: 0;\n}\n","@use \"./headings\" as *;\n@use \"./typeset\" as *;\n@use \"./usa-list\" as *;\n@use \"./usa-table-styles\" as *;\n\n@mixin usa-paragraph-style {\n p {\n @include typeset-p;\n }\n}\n\n@mixin usa-link-style {\n a {\n @include typeset-link;\n }\n}\n\n@mixin usa-headings-styles {\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n @include typeset-heading;\n }\n\n h1 {\n @include h1;\n }\n\n h2 {\n @include h2;\n }\n\n h3 {\n @include h3;\n }\n\n h4 {\n @include h4;\n }\n\n h5 {\n @include h5;\n }\n\n h6 {\n @include h6;\n }\n}\n\n@mixin usa-content-styles {\n @include usa-paragraph-style;\n @include usa-link-style;\n @include usa-headings-styles;\n @include usa-list-styles;\n @include usa-table-styles;\n}\n","@use \"sass:list\";\n@use \"../../functions\" as *;\n\n// Adds margin either l/r(x) or t/b(y)\n\n@mixin margin-n($side, $value...) {\n $value: unpack($value);\n @if $side == all {\n $important: null;\n @if has-important($value) {\n $value: remove($value, \"!important\");\n @if list.length($value) == 1 {\n $value: de-list($value);\n }\n $important: \" !important\";\n }\n margin: get-uswds-value(margin, $value...) #{$important};\n } @else if $side == x {\n $important: null;\n @if has-important($value) {\n $value: remove($value, \"!important\");\n @if list.length($value) == 1 {\n $value: de-list($value);\n }\n $important: \" !important\";\n }\n margin-left: get-uswds-value(\"margin-horizontal\", $value...) #{$important};\n margin-right: get-uswds-value(\"margin-horizontal\", $value...) #{$important};\n } @else if $side == y {\n $important: null;\n @if has-important($value) {\n $value: remove($value, \"!important\");\n @if list.length($value) == 1 {\n $value: de-list($value);\n }\n $important: \" !important\";\n }\n margin-bottom: get-uswds-value(\"margin-vertical\", $value...) #{$important};\n margin-top: get-uswds-value(\"margin-vertical\", $value...) #{$important};\n } @else if $side == t {\n $important: null;\n @if has-important($value) {\n $value: remove($value, \"!important\");\n @if list.length($value) == 1 {\n $value: de-list($value);\n }\n $important: \" !important\";\n }\n margin-top: get-uswds-value(\"margin-vertical\", $value...) #{$important};\n } @else if $side == r {\n $important: null;\n @if has-important($value) {\n $value: remove($value, \"!important\");\n @if list.length($value) == 1 {\n $value: de-list($value);\n }\n $important: \" !important\";\n }\n margin-right: get-uswds-value(\"margin-horizontal\", $value...) #{$important};\n } @else if $side == b {\n $important: null;\n @if has-important($value) {\n $value: remove($value, \"!important\");\n @if list.length($value) == 1 {\n $value: de-list($value);\n }\n $important: \" !important\";\n }\n margin-bottom: get-uswds-value(\"margin-vertical\", $value...) #{$important};\n } @else if $side == l {\n $important: null;\n @if has-important($value) {\n $value: remove($value, \"!important\");\n @if list.length($value) == 1 {\n $value: de-list($value);\n }\n $important: \" !important\";\n }\n margin-left: get-uswds-value(\"margin-horizontal\", $value...) #{$important};\n }\n}\n\n@mixin u-margin($value...) {\n @include margin-n(all, $value...);\n}\n\n@mixin u-margin-x($value...) {\n @include margin-n(x, $value...);\n}\n\n@mixin u-margin-y($value...) {\n @include margin-n(y, $value...);\n}\n\n@mixin u-margin-top($value...) {\n @include margin-n(t, $value...);\n}\n\n@mixin u-margin-right($value...) {\n @include margin-n(r, $value...);\n}\n\n@mixin u-margin-bottom($value...) {\n @include margin-n(b, $value...);\n}\n\n@mixin u-margin-left($value...) {\n @include margin-n(l, $value...);\n}\n","@use \"uswds-core/src/styles/mixins/general/focus-outline\" as *;\n\n.usa-focus {\n @include focus-outline;\n}\n","@use \"uswds-core/src/styles/mixins/general/screen-reader\" as *;\n\n.usa-sr-only {\n @include sr-only;\n}\n","// Screen reader only helper\n@mixin sr-only {\n position: absolute;\n left: -999em;\n right: auto;\n}\n\n@mixin add-sr-only {\n @include sr-only;\n}\n\n// This \"negates\" the sr-only helper; useful if\n// we want the default state of something to be\n// for screen readers only, but we want to force\n// it to show for sighted users under more specific\n// conditions.\n@mixin not-sr-only {\n position: static;\n}\n\n@mixin add-no-sr-only {\n position: static;\n}\n","@use \"uswds-core\" as *;\n\n$tokens-icon-sizes: (\n \"3\": 3,\n \"4\": 4,\n \"5\": 5,\n \"6\": 6,\n \"7\": 7,\n \"8\": 8,\n \"9\": 9,\n);\n\n$icon-inline-size-magic-number: 1em;\n\n.usa-icon {\n display: inline-block;\n fill: currentColor;\n height: $icon-inline-size-magic-number;\n position: relative;\n width: $icon-inline-size-magic-number;\n}\n\n@each $token, $units in $tokens-icon-sizes {\n .usa-icon--size-#{$units} {\n @include u-square($units);\n }\n}\n","@use \"sass:list\";\n@use \"../../functions\" as *;\n\n// Outputs height\n\n@mixin u-height($value...) {\n $value: unpack($value);\n $important: null;\n @if has-important($value) {\n $value: remove($value, \"!important\");\n @if list.length($value) == 1 {\n $value: de-list($value);\n }\n $important: \" !important\";\n }\n height: get-uswds-value(\"height\", $value...) #{$important};\n}\n","@use \"sass:list\";\n@use \"../../functions\" as *;\n\n// Outputs width\n\n@mixin u-width($value...) {\n $value: unpack($value);\n $important: null;\n @if has-important($value) {\n $value: remove($value, \"!important\");\n @if list.length($value) == 1 {\n $value: de-list($value);\n }\n $important: \" !important\";\n }\n width: get-uswds-value(\"width\", $value...) #{$important};\n}\n","/*\n* * * * * ==============================\n* * * * * ==============================\n* * * * * ==============================\n* * * * * ==============================\n========================================\n========================================\n========================================\n----------------------------------------\nUSWDS THEME CUSTOM STYLES\n----------------------------------------\n!! Copy this file to your project's\n sass root. Don't edit the version\n in node_modules.\n----------------------------------------\nCustom project SASS goes here.\n\ni.e.\n@include u-padding-right('05');\n----------------------------------------\n*/\n@use \"uswds-core\" as *;\n// Banner\n.nj-banner {\n @include typeset($theme-banner-font-family);\n @include border-box-sizing;\n background-color: color($theme-banner-background-color);\n font-size: font-size($theme-banner-font-family, \"2xs\");\n line-height: line-height($theme-banner-font-family, 1);\n min-height: units($size-touch-target);\n position: relative;\n}\n.nj-banner__header {\n @include u-padding-y(1);\n}\n.nj-banner__header,\n.nj-banner__header a {\n @include set-text-from-bg($theme-banner-background-color);\n text-decoration: none;\n}\n.nj-banner__header a:hover {\n text-decoration: underline;\n}\n.nj-banner__header li {\n display: none;\n @include at-media(\"tablet\") {\n display: inline;\n }\n @include u-margin-right(1);\n @include u-padding-right(1);\n @include u-border-right(1px);\n}\n\n.nj-banner__header li:last-child {\n display: inline;\n @include u-margin-right(0);\n @include u-padding-right(0);\n @include u-border-right(0);\n}\n.nj-banner__inner {\n @include grid-row;\n @include u-flex(\"align-center\");\n padding-right: units(0);\n}\n.nj-banner__header-seal {\n padding-right: units(1);\n}\n// hero\n.usa-hero__callout {\n background-color: color(\"secondary-darker\");\n}\n// Section\n.usa-section--dark {\n background-color: color(\"secondary-darker\");\n}\n\n// Tighten letter spacing for h1 and intro text\n.usa-prose > h1,\n.usa-intro {\n letter-spacing: -0.4px;\n}\n\n// Wrap long links that would break page container\n.usa-prose a {\n overflow-wrap: break-word;\n word-wrap: break-word;\n}\n\n// Nav\n.usa-nav__secondary-links a {\n color: color(\"base-darker\");\n}\n\n// Header - prevent wrapping of logo text\n.usa-header--extended {\n .usa-logo {\n max-width: 50%;\n }\n}\n\n// Buttons\n.usa-button {\n height: units(6);\n padding: units(2) units(2.5);\n &.nj-button--icon {\n padding-top: units(1.5);\n padding-bottom: 0.875rem;\n }\n}\n\n.nj-button--icon svg {\n vertical-align: sub;\n margin-bottom: -2px;\n}\n\n.usa-button:focus,\n.usa-button.usa-focus {\n outline-color: color($theme-color-primary-vivid);\n}\n\n// Primary Buttons (dark)\n.usa-button.nj-button--primary-dark:not(:disabled) {\n color: color($theme-text-color);\n background-color: color($theme-color-base-lightest);\n}\n\n.usa-button.nj-button--primary-dark.usa-button--hover:not(:disabled),\n.usa-button.nj-button--primary-dark:hover:not(:disabled) {\n color: color($theme-text-color);\n background-color: color($theme-color-base-lighter);\n}\n\n.usa-button.nj-button--primary-dark.usa-button--active:not(:disabled),\n.usa-button.nj-button--primary-dark:active:not(:disabled) {\n color: color($theme-text-color);\n background-color: color($theme-color-base-light);\n}\n\n// Primary Buttons (danger)\n.usa-button--secondary {\n background-color: color($theme-color-error);\n}\n\n.usa-button--secondary.usa-button--hover,\n.usa-button--secondary:hover {\n background-color: color($theme-color-error-dark);\n}\n\n.usa-button--secondary.usa-button--active,\n.usa-button--secondary:active {\n background-color: color($theme-color-error-darker);\n}\n\n// Secondary buttons (light)\n.usa-button--outline {\n color: color($theme-color-primary-dark);\n box-shadow: inset 0 0 0 2px color($theme-color-primary-dark);\n}\n\n.usa-button--outline.usa-button--hover,\n.usa-button--outline:hover {\n color: color($theme-color-primary-darker);\n box-shadow: inset 0 0 0 2px color($theme-color-primary-darker);\n}\n\n.usa-button--outline.usa-button--active,\n.usa-button--outline:active {\n color: color($theme-color-primary-darkest);\n box-shadow: inset 0 0 0 2px color($theme-color-primary-darkest);\n}\n\n// Secondary Buttons (dark)\n.usa-button--outline.usa-button--inverse:not(:disabled) {\n color: color($theme-link-reverse-active-color);\n box-shadow: inset 0 0 0 2px color($theme-link-reverse-active-color);\n}\n\n.usa-button--outline.usa-button--inverse.usa-button--hover:not(:disabled),\n.usa-button--outline.usa-button--inverse:hover:not(:disabled) {\n color: color($theme-color-base-lighter);\n box-shadow: inset 0 0 0 2px color($theme-color-base-lighter);\n}\n\n.usa-button--outline.usa-button--inverse.usa-button--active:not(:disabled),\n.usa-button--outline.usa-button--inverse:active:not(:disabled) {\n color: color($theme-color-base-light);\n box-shadow: inset 0 0 0 2px color($theme-color-base-light);\n}\n\n// Secondary Buttons (danger)\n.usa-button--outline.nj-button--outline-danger:not(:disabled) {\n color: color($theme-color-error);\n box-shadow: inset 0 0 0 2px color($theme-color-error);\n}\n\n.usa-button--hover.nj-button--outline-danger:not(:disabled),\n.usa-button--outline.nj-button--outline-danger:hover:not(:disabled) {\n color: color($theme-color-error-dark);\n box-shadow: inset 0 0 0 2px color($theme-color-error-dark);\n}\n\n.usa-button--active.nj-button--outline-danger:not(:disabled),\n.usa-button--outline.nj-button--outline-danger:active:not(:disabled) {\n color: color($theme-color-error-darker);\n box-shadow: inset 0 0 0 2px color($theme-color-error-darker);\n}\n\n// Unstyled buttons (light)\n.usa-button--unstyled {\n border-radius: units(0.5);\n padding: units(0.5);\n font-weight: $theme-font-weight-bold;\n height: auto;\n}\n.usa-button--unstyled.usa-button--hover,\n.usa-button--unstyled:hover {\n color: color($theme-color-primary-darker);\n}\n\n.usa-button--unstyled.usa-button--active,\n.usa-button--unstyled:active {\n color: color($theme-color-primary-darkest);\n}\n\n// Unstyled Buttons (dark)\n.usa-button--unstyled.nj-button--unstyled-dark {\n color: color($theme-text-reverse-color);\n}\n\n.usa-button--unstyled.nj-button--unstyled-dark.usa-button--hover,\n.usa-button--unstyled.nj-button--unstyled-dark:hover {\n color: color($theme-color-base-lighter);\n}\n\n.usa-button--unstyled.nj-button--unstyled-dark.usa-button--active,\n.usa-button--unstyled.nj-button--unstyled-dark:active {\n color: color($theme-color-base-light);\n}\n\n// Unstyled Buttons (danger)\n.usa-button--unstyled.nj-button--unstyled-danger:not(:disabled) {\n color: color($theme-color-error);\n}\n\n.usa-button--hover.nj-button--unstyled-danger:not(:disabled),\n.usa-button--unstyled.nj-button--unstyled-danger:hover:not(:disabled) {\n color: color($theme-color-error-dark);\n}\n\n.usa-button--active.nj-button--unstyled-danger:not(:disabled),\n.usa-button--unstyled.nj-button--unstyled-danger:active:not(:disabled) {\n color: color($theme-color-error-darker);\n}\n\n.usa-icon:not(\n .usa-icon--size-3,\n .usa-icon--size-4,\n .usa-icon--size-5,\n .usa-icon--size-6,\n .usa-icon--size-7,\n .usa-icon--size-8,\n .usa-icon--size-9\n ) {\n height: 20px;\n width: 20px;\n}\n\n.usa-icon.nj-icon--size-scale {\n height: 1em;\n width: 1em;\n}\n\n// Radio Buttons\n.usa-radio {\n background: none;\n}\n\n.usa-radio__label::before {\n box-shadow: 0 0 0 2px color($theme-color-base);\n}\n\n// Radio Buttons (tile)\n.usa-radio__input--tile:checked + [class*=\"__label\"] {\n background-color: color($theme-color-primary-lighter);\n}\n\n.usa-radio__input--tile + [class*=\"__label\"] {\n border-color: color($theme-color-base-light);\n}\n.usa-radio__input.usa-radio__input--tile:checked + [class*=\"__label\"]::before {\n box-shadow: 0 0 0 2px #005ea2, inset 0 0 0 2px #cfe8ff;\n}\n","@use \"../../functions\" as *;\n\n/*\n----------------------------------------\nfamily()\n----------------------------------------\nGet a font-family stack\n----------------------------------------\n*/\n\n@mixin u-font-family($family) {\n font-family: ff($family);\n}\n\n/*\n----------------------------------------\nsize()\n----------------------------------------\nGet a normalized font-size in rem from\na family and a type size in either\nsystem scale or project scale\n----------------------------------------\n*/\n\n@mixin u-font-size($family, $scale) {\n font-size: font-size($family, $scale);\n}\n\n/*\n----------------------------------------\nfont()\n----------------------------------------\nGet a font-family stack\nAND\nGet a normalized font-size in rem from\na family and a type size in either\nsystem scale or project scale\n----------------------------------------\n*/\n\n@mixin u-font($family, $scale) {\n font-family: ff($family);\n font-size: font-size($family, $scale);\n}\n","@use \"sass:list\";\n@use \"../../functions\" as *;\n\n// Adds padding either l/r(x) or t/b(y)\n\n@mixin padding-n($side, $value...) {\n $value: unpack($value);\n $important: null;\n @if has-important($value) {\n $value: remove($value, \"!important\");\n @if list.length($value) == 1 {\n $value: de-list($value);\n }\n $important: \" !important\";\n }\n @if $side == all {\n padding: get-uswds-value(\"padding\", $value...) #{$important};\n } @else if $side == x {\n padding-left: get-uswds-value(\"padding\", $value...) #{$important};\n padding-right: get-uswds-value(\"padding\", $value...) #{$important};\n } @else if $side == y {\n padding-bottom: get-uswds-value(\"padding\", $value...) #{$important};\n padding-top: get-uswds-value(\"padding\", $value...) #{$important};\n } @else {\n padding-#{$side}: get-uswds-value(\"padding\", $value...) #{$important};\n }\n}\n\n@mixin u-padding($value...) {\n @include padding-n(all, $value...);\n}\n\n@mixin u-padding-x($value...) {\n @include padding-n(x, $value...);\n}\n\n@mixin u-padding-y($value...) {\n @include padding-n(y, $value...);\n}\n\n@mixin u-padding-top($value...) {\n @include padding-n(top, $value...);\n}\n\n@mixin u-padding-right($value...) {\n @include padding-n(right, $value...);\n}\n\n@mixin u-padding-bottom($value...) {\n @include padding-n(bottom, $value...);\n}\n\n@mixin u-padding-left($value...) {\n @include padding-n(left, $value...);\n}\n","@use \"sass:list\";\n@use \"sass:map\";\n@use \"sass:meta\";\n@use \"sass:string\";\n@use \"../../functions\" as *;\n@use \"../../properties\" as *;\n@use \"../../tokens/color\" as *;\n\n$border-utilities: (\n \"width\":\n map-collect(\n map-deep-get($system-properties, border-width, standard),\n map-deep-get($system-properties, border-width, extended)\n ),\n \"style\":\n map-collect(\n map-deep-get($system-properties, border-style, standard),\n map-deep-get($system-properties, border-style, extended)\n ),\n);\n\n@mixin border-n($side, $value...) {\n $important: null;\n @if has-important($value) {\n $value: remove($value, \"!important\");\n @if list.length($value) == 1 {\n $value: de-list($value);\n }\n $important: \" !important\";\n }\n $has-style: false;\n $widths: map.get($border-utilities, \"width\");\n\n @each $this-value in $value {\n $match: false;\n @if map.has-key($all-color-shortcodes, smart-quote($this-value)) {\n $match: true;\n $this-value: smart-quote($this-value);\n @if $side == n {\n border-color: color($this-value) #{$important};\n } @else if $side == x {\n border-left-color: color($this-value) #{$important};\n border-right-color: color($this-value) #{$important};\n } @else if $side == y {\n border-bottom-color: color($this-value) #{$important};\n border-top-color: color($this-value) #{$important};\n } @else {\n border-#{$side}-color: color($this-value) #{$important};\n }\n } @else if meta.type-of($this-value) == \"number\" {\n $converted-value: number-to-token($this-value);\n @if map.has-key($widths, $converted-value) {\n $match: true;\n $final-value: map.get($widths, $converted-value);\n @if $side == n {\n border-width: string.unquote(\"#{$final-value}#{$important}\");\n } @else if $side == x {\n border-left-width: string.unquote(\"#{$final-value}#{$important}\");\n border-right-width: string.unquote(\"#{$final-value}#{$important}\");\n } @else if $side == y {\n border-bottom-width: string.unquote(\"#{$final-value}#{$important}\");\n border-top-width: string.unquote(\"#{$final-value}#{$important}\");\n } @else {\n border-#{$side}-width: string.unquote(\"#{$final-value}#{$important}\");\n }\n } @else {\n @error '#{$this-value} is not a valid border width. Accepted values: #{map-keys($widths)}';\n }\n } @else if map.has-key($widths, smart-quote($this-value)) {\n $match: true;\n $this-value: smart-quote($this-value);\n $final-value: map.get($widths, $this-value);\n @if $side == n {\n border-width: string.unquote(\"#{$final-value}#{$important}\");\n } @else if $side == x {\n border-left-width: string.unquote(\"#{$final-value}#{$important}\");\n border-right-width: string.unquote(\"#{$final-value}#{$important}\");\n } @else if $side == y {\n border-bottom-width: string.unquote(\"#{$final-value}#{$important}\");\n border-top-width: string.unquote(\"#{$final-value}#{$important}\");\n } @else {\n border-#{$side}-width: string.unquote(\"#{$final-value}#{$important}\");\n }\n } @else {\n $converted-value: smart-quote($this-value);\n $styles: map.get($border-utilities, \"style\");\n @if map.has-key($styles, $converted-value) {\n $match: true;\n $has-style: true;\n $final-value: map.get($styles, $converted-value);\n @if $side == n {\n border-style: string.unquote(\"#{$final-value}#{$important}\");\n } @else if $side == x {\n border-left-style: string.unquote(\"#{$final-value}#{$important}\");\n border-right-style: string.unquote(\"#{$final-value}#{$important}\");\n } @else if $side == y {\n border-bottom-style: string.unquote(\"#{$final-value}#{$important}\");\n border-top-style: string.unquote(\"#{$final-value}#{$important}\");\n } @else {\n border-#{$side}-style: string.unquote(\"#{$final-value}#{$important}\");\n }\n } @else {\n @error '`#{$this-value}` is not a valid `border` token. '\n + 'Use valid color, units, and border-style tokens '\n + 'separated by commas.';\n }\n }\n @if not $match {\n @error '`#{$this-value}` is not a valid `border` token.';\n }\n }\n @if not $has-style {\n @if $side == n {\n border-style: solid#{$important};\n } @else if $side == x {\n border-left-style: solid#{$important};\n border-right-style: solid#{$important};\n } @else if $side == y {\n border-bottom-style: solid#{$important};\n border-top-style: solid#{$important};\n } @else {\n border-#{$side}-style: solid#{$important};\n }\n }\n}\n\n@mixin u-border($value...) {\n @include border-n(n, $value...);\n}\n\n@mixin u-border-x($value...) {\n @include border-n(x, $value...);\n}\n\n@mixin u-border-y($value...) {\n @include border-n(y, $value...);\n}\n\n@mixin u-border-top($value...) {\n @include border-n(top, $value...);\n}\n\n@mixin u-border-right($value...) {\n @include border-n(right, $value...);\n}\n\n@mixin u-border-bottom($value...) {\n @include border-n(bottom, $value...);\n}\n\n@mixin u-border-left($value...) {\n @include border-n(left, $value...);\n}\n","@use \"sass:map\";\n@use \"../../functions\" as *;\n@use \"../../properties\" as *;\n@use \"../../settings\" as *;\n\n// Mobile-first media query helper\n\n$our-breakpoints: map-deep-get($system-properties, breakpoints, standard);\n$custom-breakpoints: map-deep-get($system-properties, breakpoints, extended);\n\n@mixin at-media($bp) {\n $quoted-bp: smart-quote($bp);\n @if $quoted-bp == \"none\" {\n @content;\n } @else if map.has-key($our-breakpoints, $quoted-bp) {\n @if $theme-respect-user-font-size {\n $bp: rem-to-user-em(map.get($our-breakpoints, $quoted-bp));\n } @else {\n $bp: rem-to-px(map.get($our-breakpoints, $quoted-bp));\n }\n @media all and (min-width: #{$bp}) {\n @content;\n }\n } @else if map.has-key($custom-breakpoints, $quoted-bp) {\n @if unit(map.get($custom-breakpoints, $quoted-bp)) == \"px\" {\n @if $theme-respect-user-font-size {\n $bp: px-to-user-em(map.get($custom-breakpoints, $quoted-bp));\n } @else {\n $bp: map.get($custom-breakpoints, $quoted-bp);\n }\n @media all and (min-width: #{$bp}) {\n @content;\n }\n } @else {\n @warn 'Custom breakpoint `#{$quoted-bp}` was defined with the unit #{unit(map.get($custom-breakpoints, $quoted-bp))} and can not be generated. Values for `$theme-utility-breakpoints-custom` must be set with `px` units.';\n }\n } @else {\n @warn '`#{$bp}` is not a valid USWDS project breakpoint. Valid values: #{map.keys($our-breakpoints)}';\n }\n}\n\n// Max-width media query\n@mixin at-media-max($bp) {\n $quoted-bp: smart-quote($bp);\n @if map-has-key($our-breakpoints, $quoted-bp) {\n @if $theme-respect-user-font-size {\n $bp: rem-to-user-em(map.get($our-breakpoints, $quoted-bp)) - 0.01em;\n } @else {\n $bp: rem-to-px(map.get($our-breakpoints, $quoted-bp)) - 1px;\n }\n @media all and (max-width: #{$bp}) {\n @content;\n }\n } @else if map.has-key($custom-breakpoints, $quoted-bp) {\n @if unit(map.get($custom-breakpoints, $quoted-bp)) == \"px\" {\n @if $theme-respect-user-font-size {\n $bp: px-to-user-em(map.get($custom-breakpoints, $quoted-bp)) - 0.01em;\n } @else {\n $bp: map.get($custom-breakpoints, $quoted-bp) - 1px;\n }\n @media all and (max-width: #{$bp}) {\n @content;\n }\n } @else {\n @warn 'Custom breakpoint `#{$quoted-bp}` has the unit #{unit(map.get($custom-breakpoints, $quoted-bp))} and can not be generated. Custom breakpoints must be set in px.';\n }\n } @else {\n @warn '`#{$bp}` is not a valid USWDS project breakpoint. Valid values: #{map-keys($our-breakpoints)}';\n }\n}\n","@use \"sass:list\";\n@use \"../../functions\" as *;\n\n// Outputs display\n\n@mixin u-display($value...) {\n $value: unpack($value);\n $important: null;\n @if has-important($value) {\n $value: remove($value, \"!important\");\n @if list.length($value) == 1 {\n $value: de-list($value);\n }\n $important: \" !important\";\n }\n display: get-uswds-value(\"display\", $value) #{$important};\n}\n","@use \"sass:list\";\n@use \"sass:map\";\n@use \"../../functions\" as *;\n@use \"../../properties\" as *;\n\n// Outputs flex\n\n$flex-utililies: (\n \"align-items\":\n map-collect(\n map-deep-get($system-properties, \"align-items\", standard),\n map-deep-get($system-properties, \"align-items\", extended)\n ),\n \"align-self\":\n map-collect(\n map-deep-get($system-properties, \"align-self\", standard),\n map-deep-get($system-properties, \"align-self\", extended)\n ),\n \"flex\":\n map-collect(\n map-deep-get($system-properties, \"flex\", standard),\n map-deep-get($system-properties, \"flex\", extended)\n ),\n \"flex-direction\":\n map-collect(\n map-deep-get($system-properties, \"flex-direction\", standard),\n map-deep-get($system-properties, \"flex-direction\", extended)\n ),\n \"flex-wrap\":\n map-collect(\n map-deep-get($system-properties, \"flex-wrap\", standard),\n map-deep-get($system-properties, \"flex-wrap\", extended)\n ),\n \"justify-content\":\n map-collect(\n map-deep-get($system-properties, \"justify-content\", standard),\n map-deep-get($system-properties, \"justify-content\", extended)\n ),\n);\n\n@mixin u-flex($value...) {\n $value: unpack($value);\n $important: null;\n @if has-important($value) {\n $value: remove($value, \"!important\");\n @if list.length($value) == 1 {\n $value: de-list($value);\n }\n $important: \" !important\";\n }\n @each $this-value in $value {\n $match: false;\n @each $property, $map in $flex-utililies {\n @if not $match and map.has-key($map, $this-value) {\n #{$property}: get-uswds-value($property, $this-value...) #{$important};\n $match: true;\n }\n }\n @if not $match {\n @error '`#{$this-value}` is not a valid `flex` value.';\n }\n }\n}\n","/*\n* * * * * ==============================\n* * * * * ==============================\n* * * * * ==============================\n* * * * * ==============================\n========================================\n========================================\n========================================\n----------------------------------------\nTYPOGRAPHY SETTINGS\n----------------------------------------\nRead more about settings and\nUSWDS typography tokens in the documentation:\nhttps://designsystem.digital.gov/design-tokens/typesetting/overview/\n----------------------------------------\n*/\n\n/*\n----------------------------------------\nRoot font size\n----------------------------------------\nSetting $theme-respect-user-font-size to\ntrue sets the root font size to 100% and\nuses ems for media queries\n----------------------------------------\n$theme-root-font-size only applies when\n$theme-respect-user-font-size is set to\nfalse.\n\nThis will set the root font size\nas a specific px value and use px values\nfor media queries.\n\nAccepts true or false\n----------------------------------------\n*/\n\n$theme-respect-user-font-size: true !default;\n\n// $theme-root-font-size only applies when\n// $theme-respect-user-font-size is set to\n// false.\n\n// This will set the root font size\n// as a specific px value and use px values\n// for media queries.\n\n// Accepts values in px\n\n$theme-root-font-size: 10px !default;\n\n/*\n----------------------------------------\nGlobal styles\n----------------------------------------\nAdds basic styling for the following\nunclassed elements:\n\n- paragraph: paragraph text\n- link: links\n- content: paragraph text, links,\n headings, lists, and tables\n----------------------------------------\n*/\n\n$theme-global-paragraph-styles: false !default;\n$theme-global-link-styles: false !default;\n$theme-global-content-styles: false !default;\n\n/*\n----------------------------------------\nBroswer compatibility mode\n----------------------------------------\nWhen true, outputs woff and ttf font \nformats in addition to woff2\n----------------------------------------\n*/\n\n$theme-font-browser-compatibility: false !default;\n\n/*\n----------------------------------------\nFont path\n----------------------------------------\nRelative font file path\n----------------------------------------\n*/\n\n$theme-font-path: \"../fonts\" !default;\n\n/*\n----------------------------------------\nCustom typeface tokens\n----------------------------------------\nAdd a new custom typeface token if\nyour project uses a typeface not already\ndefined by USWDS.\n----------------------------------------\nUSWDS defines the following tokens\nby default:\n----------------------------------------\n'georgia'\n'helvetica'\n'merriweather'\n'open-sans'\n'public-sans'\n'roboto-mono'\n'source-sans-pro'\n'system'\n'tahoma'\n'verdana'\n----------------------------------------\nAdd as many new tokens as you have\ncustom typefaces. Reference your new\ntoken(s) in the type-based font settings\nusing the quoted name of the token.\n\nFor example:\n\n$theme-font-type-cond: 'example-font-token';\n\ndisplay-name:\nThe display name of your font\n\ncap-height:\nThe height of a 500px `N` in Sketch\n----------------------------------------\nYou should change `example-[style]-token`\nnames to something more descriptive.\n----------------------------------------\n*/\n\n$theme-typeface-tokens: (\n example-serif-token: (\n display-name: \"Example Serif Display Name\",\n cap-height: 364px,\n ),\n example-sans-token: (\n display-name: \"Example Sans Display Name\",\n cap-height: 364px,\n ),\n) !default;\n\n/*\n----------------------------------------\nType-based font settings\n----------------------------------------\nSet the type-based tokens for your\nproject from the following tokens,\nor from any new font tokens you added in\n$theme-typeface-tokens.\n----------------------------------------\n'georgia'\n'helvetica'\n'merriweather'\n'open-sans'\n'public-sans'\n'roboto-mono'\n'source-sans-pro'\n'system'\n'tahoma'\n'verdana'\n----------------------------------------\n*/\n\n// condensed\n$theme-font-type-cond: false !default;\n\n// icon\n$theme-font-type-icon: false !default;\n\n// language-specific\n$theme-font-type-lang: false !default;\n\n// monospace\n$theme-font-type-mono: \"roboto-mono\" !default;\n\n// sans-serif\n$theme-font-type-sans: \"source-sans-pro\" !default;\n\n// serif\n$theme-font-type-serif: \"merriweather\" !default;\n\n/*\n----------------------------------------\nCustom font stacks\n----------------------------------------\nAdd custom font stacks to any of the\ntype-based fonts. Any USWDS typeface\ntoken already has a default stack.\n\nCustom stacks don't need to include the\nfont's display name. It will\nautomatically appear at the start of\nthe stack.\n----------------------------------------\nExample:\n$theme-font-type-sans: 'source-sans-pro';\n$theme-font-sans-custom-stack: \"Helvetica Neue\", Helvetica, Arial, sans;\n\nOutput:\nfont-family: \"Source Sans Pro\", \"Helvetica Neue\", Helvetica, Arial, sans;\n----------------------------------------\n*/\n\n$theme-font-cond-custom-stack: false !default;\n$theme-font-icon-custom-stack: false !default;\n$theme-font-lang-custom-stack: false !default;\n$theme-font-mono-custom-stack: false !default;\n$theme-font-sans-custom-stack: false !default;\n$theme-font-serif-custom-stack: false !default;\n\n/*\n----------------------------------------\nAdd any custom font source files\n----------------------------------------\nIf you want USWDS to generate additional\n@font-face declarations, add your font\ndata below, following the example that\nfollows.\n----------------------------------------\nUSWDS automatically generates @font-face\ndeclarations for the following\n\n'merriweather'\n'public-sans'\n'roboto-mono'\n'source-sans-pro'\n\nThese typefaces not require custom\nsource files.\n----------------------------------------\nEXAMPLE\n\n- dir:\n Directory relative to $theme-font-path\n- This directory should include fonts saved as\n .woff2\n ExampleSerif-Normal.woff2\n\n$theme-font-serif-custom-src: (\n dir: 'custom/example-serif',\n roman: (\n 100: false,\n 200: false,\n 300: 'ExampleSerif-Light',\n 400: 'ExampleSerif-Normal',\n 500: false,\n 600: false,\n 700: 'ExampleSerif-Bold',\n 800: false,\n 900: false,\n ),\n italic: (\n 100: false,\n 200: false,\n 300: 'ExampleSerif-LightItalic',\n 400: 'ExampleSerif-Italic',\n 500: false,\n 600: false,\n 700: 'ExampleSerif-BoldItalic',\n 800: false,\n 900: false,\n ),\n);\n----------------------------------------\n*/\n\n$theme-font-cond-custom-src: false !default;\n$theme-font-icon-custom-src: false !default;\n$theme-font-lang-custom-src: false !default;\n$theme-font-mono-custom-src: false !default;\n$theme-font-sans-custom-src: false !default;\n$theme-font-serif-custom-src: false !default;\n\n/*\n----------------------------------------\nRole-based font settings\n----------------------------------------\nSet the role-based tokens for your\nproject from the following font-type\ntokens.\n----------------------------------------\n'cond'\n'icon'\n'lang'\n'mono'\n'sans'\n'serif'\n----------------------------------------\n*/\n\n$theme-font-role-ui: \"sans\" !default;\n$theme-font-role-heading: \"serif\" !default;\n$theme-font-role-body: \"sans\" !default;\n$theme-font-role-code: \"mono\" !default;\n$theme-font-role-alt: \"serif\" !default;\n\n/*\n----------------------------------------\nType scale\n----------------------------------------\nDefine your project's type scale using\nvalues from the USWDS system type scale\n\n1-20\n----------------------------------------\n*/\n\n$theme-type-scale-3xs: 2 !default;\n$theme-type-scale-2xs: 3 !default;\n$theme-type-scale-xs: 4 !default;\n$theme-type-scale-sm: 5 !default;\n$theme-type-scale-md: 6 !default;\n$theme-type-scale-lg: 9 !default;\n$theme-type-scale-xl: 12 !default;\n$theme-type-scale-2xl: 14 !default;\n$theme-type-scale-3xl: 15 !default;\n\n/*\n----------------------------------------\nFont weights\n----------------------------------------\nAssign weights 100-900\nOr use `false` for unneeded weights.\n----------------------------------------\n*/\n\n$theme-font-weight-thin: false !default;\n$theme-font-weight-light: 300 !default;\n$theme-font-weight-normal: 400 !default;\n$theme-font-weight-medium: false !default;\n$theme-font-weight-semibold: false !default;\n$theme-font-weight-bold: 700 !default;\n$theme-font-weight-heavy: false !default;\n\n// If USWDS is generating your @font-face rules,\n// should we generate all available weights\n// regardless of the assignments above?\n\n$theme-generate-all-weights: false !default;\n\n/*\n----------------------------------------\nGeneral typography settings\n----------------------------------------\nType scale tokens\n----------------------------------------\nmicro: 10px\n1: 12px\n2: 13px\n3: 14px\n4: 15px\n5: 16px\n6: 17px\n7: 18px\n8: 20px\n9: 22px\n10: 24px\n11: 28px\n12: 32px\n13: 36px\n14: 40px\n15: 48px\n16: 56px\n17: 64px\n18: 80px\n19: 120px\n20: 140px\n----------------------------------------\nLine height tokens\n----------------------------------------\n1: 1\n2: 1.15\n3: 1.35\n4: 1.5\n5: 1.62\n6: 1.75\n----------------------------------------\nFont role tokens\n----------------------------------------\n'ui'\n'heading'\n'body'\n'code'\n'alt'\n----------------------------------------\nMeasure (max-width) tokens\n----------------------------------------\n1: 44ex\n2: 60ex\n3: 64ex\n4: 68ex\n5: 74ex\n6: 88ex\nnone: none\n----------------------------------------\n*/\n\n// Body settings are the equivalent of setting the <body> element\n$theme-body-font-family: \"body\" !default;\n$theme-body-font-size: \"sm\" !default;\n$theme-body-line-height: 5 !default;\n\n// If true, explicitly style the <body> element with the base styles\n$theme-style-body-element: false !default;\n\n// Headings\n$theme-h1-font-size: \"2xl\" !default;\n$theme-h2-font-size: \"xl\" !default;\n$theme-h3-font-size: \"lg\" !default;\n$theme-h4-font-size: \"sm\" !default;\n$theme-h5-font-size: \"xs\" !default;\n$theme-h6-font-size: \"3xs\" !default;\n$theme-heading-line-height: 2 !default;\n$theme-small-font-size: \"2xs\" !default;\n$theme-display-font-size: \"3xl\" !default;\n\n// Text and prose\n$theme-text-measure-narrow: 1 !default;\n$theme-text-measure: 4 !default;\n$theme-text-measure-wide: 6 !default;\n$theme-prose-font-family: \"body\" !default;\n\n// Lead text\n$theme-lead-font-family: \"heading\" !default;\n$theme-lead-font-size: \"lg\" !default;\n$theme-lead-line-height: 6 !default;\n$theme-lead-measure: 6 !default;\n\n// Margin\n$theme-heading-margin-top: 1.5em !default;\n$theme-paragraph-margin-top: 1em !default;\n"]}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@newjersey/njwds",
-  "version": "2.0.1",
+  "version": "2.1.0",
   "description": "NJ Web Design Standards",
   "main": "index.js",
   "scripts": {

package/src/sass/icon.scss ADDED Viewed

@@ -0,0 +1,72 @@
+/*
+* * * * * ==============================
+* * * * * ==============================
+* * * * * ==============================
+* * * * * ==============================
+========================================
+========================================
+========================================
+*/
+// -------------------------------------
+// Import individual theme settings
+@forward "uswds-theme";
+// -------------------------------------
+// Import individual USWDS packages...
+// See https://designsystem.digital.gov/components/
+// First import required and global packages...
+// @forward "packages/required";
+// @forward "packages/global";
+@forward "packages/uswds-global";
+// @forward "packages/uswds-utilities";
+// @forward "packages/uswds-helpers";
+// Then import individual component packages...
+@forward "packages/usa-icon";
+// @forward 'packages/form-controls';
+// @forward 'packages/form-templates';
+// @forward 'packages/layout-grid';
+// @forward 'packages/typography';
+// @forward 'packages/validation';
+// @forward 'packages/usa-accordion';
+// @forward 'packages/usa-alert';
+// @forward 'packages/usa-identifier';
+// @forward 'packages/usa-banner';
+// @forward 'packages/usa-breadcrumb';
+// @forward "packages/usa-button";
+// @forward 'packages/usa-button-group';
+// @forward 'packages/usa-card';
+// @forward 'packages/usa-checklist';
+// @forward 'packages/usa-footer';
+// @forward 'packages/usa-header';
+// @forward 'packages/usa-hero';
+// @forward 'packages/usa-identifier';
+// @forward 'packages/usa-layout';
+// @forward 'packages/usa-media-block';
+// @forward 'packages/usa-megamenu';
+// @forward 'packages/usa-nav-container';
+// @forward 'packages/usa-nav';
+// @forward 'packages/usa-navbar';
+// @forward 'packages/usa-search';
+// @forward 'packages/usa-section';
+// @forward 'packages/usa-sidenav';
+// @forward 'packages/usa-skipnav';
+// @forward 'packages/usa-step-indicator';
+// @forward 'packages/usa-table';
+// @forward 'packages/usa-tag';
+// or package sets...
+// @forward 'packages/uswds-components';
+// @forward 'packages/uswds-utilities';
+// -------------------------------------
+// ...or import the complete USWDS kit
+// @forward "uswds";
+// -------------------------------------
+// Import theme custom styles
+@forward "uswds-theme-custom-styles";