UNPKG

@uswds/uswds

Version:

Open source UI components and visual style guide for U.S. government websites

1,453 lines (1,414 loc) 653 kB
@charset "UTF-8"; /*! uswds v3.13.0 */ html{ line-height:1.15; -webkit-text-size-adjust:100%; } body{ margin:0; } h1{ font-size:2em; margin:0.67em 0; } hr{ box-sizing:content-box; height:0; color:inherit; } pre{ font-family:monospace, monospace; font-size:1em; } abbr[title]{ text-decoration:underline; -webkit-text-decoration:underline dotted; text-decoration:underline dotted; } b, strong{ font-weight:bolder; } code, kbd, samp{ font-family:monospace, monospace; font-size:1em; } small{ font-size:80%; } sub, sup{ font-size:75%; line-height:0; position:relative; vertical-align:baseline; } sub{ bottom:-0.25em; } sup{ top:-0.5em; } button, input, optgroup, select, textarea{ font-family:inherit; font-size:100%; line-height:1.15; margin:0; } button, select{ text-transform:none; } button, [type=button], [type=reset], [type=submit]{ -webkit-appearance:button; } button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner{ border-style:none; padding:0; } button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring{ outline:1px dotted ButtonText; } legend{ padding:0; } progress{ vertical-align:baseline; } ::-webkit-inner-spin-button, ::-webkit-outer-spin-button{ height:auto; } [type=search]{ -webkit-appearance:textfield; outline-offset:-2px; } ::-webkit-search-decoration{ -webkit-appearance:none; } ::-webkit-file-upload-button{ -webkit-appearance:button; font:inherit; } summary{ display:list-item; } .usa-textarea, .usa-range__value, .usa-range, .usa-radio__label, .usa-input-group, .usa-hint, .usa-combo-box__input, .usa-combo-box__list, .usa-select, .usa-checkbox__label, .usa-fieldset, .usa-input{ font-family:Source Sans Pro Web, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif; font-size:1.06rem; line-height:1.3; } .usa-textarea, .usa-range, .usa-input-group, .usa-combo-box__input, .usa-select, .usa-input{ border-width:1px; border-color:#565c65; border-style:solid; -webkit-appearance:none; -moz-appearance:none; appearance:none; border-radius:0; color:#1b1b1b; display:block; height:2.5rem; margin-top:0.5rem; max-width:30rem; padding:0.5rem; width:100%; } @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:"Source Sans Pro Web"; font-style:normal; font-weight:300; font-display:fallback; src:url(../fonts/source-sans-pro/sourcesanspro-light-webfont.woff2) format("woff2"); } @font-face{ font-family:"Source Sans Pro Web"; font-style:normal; font-weight:400; font-display:fallback; src:url(../fonts/source-sans-pro/sourcesanspro-regular-webfont.woff2) format("woff2"); } @font-face{ font-family:"Source Sans Pro Web"; font-style:normal; font-weight:700; font-display:fallback; src:url(../fonts/source-sans-pro/sourcesanspro-bold-webfont.woff2) format("woff2"); } @font-face{ font-family:"Source Sans Pro Web"; font-style:italic; font-weight:300; font-display:fallback; src:url(../fonts/source-sans-pro/sourcesanspro-lightitalic-webfont.woff2) format("woff2"); } @font-face{ font-family:"Source Sans Pro Web"; font-style:italic; font-weight:400; font-display:fallback; src:url(../fonts/source-sans-pro/sourcesanspro-italic-webfont.woff2) format("woff2"); } @font-face{ font-family:"Source Sans Pro Web"; font-style:italic; font-weight:700; font-display:fallback; src:url(../fonts/source-sans-pro/sourcesanspro-bolditalic-webfont.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"); } body{ color:#1b1b1b; background-color:white; overflow-x:hidden; } input:not([disabled]):focus, select:not([disabled]):focus, textarea:not([disabled]):focus, button:not([disabled]):focus{ outline:0.25rem solid #2491ff; outline-offset:0rem; } iframe:focus, [href]:focus, [tabindex]:focus, [contentEditable=true]:focus{ outline:0.25rem solid #2491ff; outline-offset:0rem; } img{ max-width:100%; } .usa-media-link{ display:inline-block; line-height:0; } html{ box-sizing:border-box; } *, *::before, *::after{ box-sizing:inherit; } html{ font-feature-settings:"kern" 1; font-kerning:normal; font-family:Source Sans Pro Web, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif; font-size:100%; } cite, var, address, dfn{ font-style:normal; } .usa-focus{ outline:0.25rem solid #2491ff; outline-offset:0rem; } .usa-sr-only{ position:absolute; left:-999em; right:auto; } .usa-content p, .usa-content ul:not(.usa-accordion):not(.usa-accordion--bordered), .usa-content ol:not(.usa-accordion):not(.usa-accordion--bordered){ max-width:68ex; } .usa-dark-background{ background-color:#3d4551; } .usa-dark-background p, .usa-dark-background span{ color:white; } .usa-dark-background a{ color:#dfe1e2; } .usa-dark-background a:visited{ color:#dfe1e2; } .usa-dark-background a:hover, .usa-dark-background a:active{ color:#f0f0f0; } .usa-display{ margin-bottom:0; margin-top:0; clear:both; font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif; font-size:1.34rem; line-height:1.2; font-weight:700; margin-bottom:0; } * + .usa-display{ margin-top:1.5em; } .usa-display + *{ margin-top:1em; } @media all and (min-width: 30em){ .usa-display{ margin-bottom:0; margin-top:0; clear:both; font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif; font-size:2.44rem; line-height:1.2; font-weight:700; } * + .usa-display{ margin-top:1.5em; } .usa-display + *{ margin-top:1em; } } @media all and (min-width: 40em){ .usa-display{ margin-bottom:0; margin-top:0; clear:both; font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif; font-size:2.93rem; line-height:1.2; font-weight:700; } * + .usa-display{ margin-top:1.5em; } .usa-display + *{ margin-top:1em; } } .usa-intro{ font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif; font-size:1.34rem; line-height:1.8; font-weight:400; max-width:88ex; } .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; } .usa-link{ color:#005ea2; text-decoration:underline; } .usa-link:visited{ color:#54278f; } .usa-link:hover{ color:#1a4480; } .usa-link:active{ color:#162e51; } .usa-link:focus{ outline:0.25rem solid #2491ff; outline-offset:0rem; } .usa-link--external{ display:inline; } .usa-link--external::before{ position:absolute; left:-999em; right:auto; content:"External."; } .usa-link--external[target=_blank]::before{ position:absolute; left:-999em; right:auto; content:"External, opens in a new tab."; } .usa-link--external::after{ background-image:url("../img/usa-icons/launch.svg"); background-repeat:no-repeat; background-position:center center; background-size:1.75ex 1.75ex; display:inline-block; height:1.75ex; width:1.75ex; content:""; display:inline; margin-top:0.7ex; margin-left:2px; padding-left:1.75ex; vertical-align:middle; } @supports ((-webkit-mask: url("")) or (mask: url(""))){ .usa-link--external::after{ background:none; background-color:currentColor; -webkit-mask-image:url("../img/usa-icons/launch.svg"), linear-gradient(transparent, transparent); mask-image:url("../img/usa-icons/launch.svg"), linear-gradient(transparent, transparent); -webkit-mask-position:center center; mask-position:center center; -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat; -webkit-mask-size:1.75ex 1.75ex; mask-size:1.75ex 1.75ex; } } .usa-link--external.usa-link--alt{ display:inline; } .usa-link--external.usa-link--alt::before{ position:absolute; left:-999em; right:auto; content:"External."; } .usa-link--external.usa-link--alt[target=_blank]::before{ position:absolute; left:-999em; right:auto; content:"External, opens in a new tab."; } .usa-link--external.usa-link--alt::after{ background-image:url("../img/usa-icons-bg/launch--white.svg"); background-repeat:no-repeat; background-position:center center; background-size:1.75ex 1.75ex; display:inline-block; height:1.75ex; width:1.75ex; content:""; display:inline; margin-top:0.7ex; margin-left:2px; padding-left:1.75ex; vertical-align:middle; } @supports ((-webkit-mask: url("")) or (mask: url(""))){ .usa-link--external.usa-link--alt::after{ background:none; background-color:currentColor; -webkit-mask-image:url("../img/usa-icons/launch.svg"), linear-gradient(transparent, transparent); mask-image:url("../img/usa-icons/launch.svg"), linear-gradient(transparent, transparent); -webkit-mask-position:center center; mask-position:center center; -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat; -webkit-mask-size:1.75ex 1.75ex; mask-size:1.75ex 1.75ex; } } .usa-list{ margin-bottom:1em; margin-top:1em; line-height:1.5; padding-left:3ch; } .usa-list:last-child{ margin-bottom:0; } .usa-list ul, .usa-list ol{ margin-top:0.25em; } .usa-list li{ margin-bottom:0.25em; max-width:68ex; } .usa-list li:last-child{ margin-bottom:0; } .usa-list--unstyled{ margin-bottom:0; margin-top:0; list-style-type:none; padding-left:0; } .usa-list--unstyled > li{ margin-bottom:0; max-width:unset; } .usa-prose .usa-list--unstyled{ margin-bottom:0; margin-top:0; list-style-type:none; padding-left:0; } .usa-prose .usa-list--unstyled > li{ margin-bottom:0; max-width:unset; } .usa-paragraph{ line-height:1.5; max-width:68ex; margin-bottom:0; margin-top:0; } * + .usa-paragraph{ margin-top:1em; } .usa-paragraph + *{ margin-top:1em; } .usa-prose{ font-family:Source Sans Pro Web, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif; font-size:1.06rem; line-height:1.5; } .usa-prose > ul, .usa-prose > ol{ margin-bottom:1em; margin-top:1em; line-height:1.5; padding-left:3ch; } .usa-prose > ul:last-child, .usa-prose > ol:last-child{ margin-bottom:0; } .usa-prose > ul ul, .usa-prose > ul ol, .usa-prose > ol ul, .usa-prose > ol ol{ margin-top:0.25em; } .usa-prose > ul li, .usa-prose > ol li{ margin-bottom:0.25em; max-width:68ex; } .usa-prose > ul li:last-child, .usa-prose > ol li:last-child{ margin-bottom:0; } .usa-prose > table{ font-family:Source Sans Pro Web, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif; font-size:1.06rem; line-height:1.5; border-collapse:collapse; border-spacing:0; color:#1b1b1b; margin:1.25rem 0; text-align:left; } .usa-prose > table thead td, .usa-prose > table tfoot td, .usa-prose > table th{ background-clip:padding-box; line-height:1.3; background-color:#dfe1e2; color:#1b1b1b; } .usa-prose > table th, .usa-prose > table td{ border:1px solid #1b1b1b; padding:0.5rem 1rem; } .usa-prose > table td{ background-color:white; font-weight:normal; } .usa-prose > table caption{ font-family:Source Sans Pro Web, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif; font-size:1rem; font-weight:700; margin-bottom:0.75rem; text-align:left; } .usa-prose > table th[data-sortable]{ padding-right:2.5rem; position:relative; } .usa-prose > table th[data-sortable]::after{ border-bottom-color:transparent; border-bottom-style:solid; border-bottom-width:1px; bottom:0; content:""; height:0; left:0; position:absolute; width:100%; } .usa-prose > table th[data-sortable]:not([aria-sort]) .usa-table__header__button, .usa-prose > table th[data-sortable][aria-sort=none] .usa-table__header__button{ color:#005ea2; text-decoration:underline; background-color:transparent; border:0; border-radius:0; box-shadow:none; font-weight:normal; justify-content:normal; text-align:left; margin:0; padding:0; width:auto; height:2rem; width:2rem; background-position:center center; background-size:1.5rem; color:#71767a; cursor:pointer; display:inline-block; margin:0; position:absolute; right:0.25rem; text-align:center; text-decoration:none; top:50%; transform:translate(0, -50%); } .usa-prose > table th[data-sortable]:not([aria-sort]) .usa-table__header__button:visited, .usa-prose > table th[data-sortable][aria-sort=none] .usa-table__header__button:visited{ color:#54278f; } .usa-prose > table th[data-sortable]:not([aria-sort]) .usa-table__header__button:hover, .usa-prose > table th[data-sortable][aria-sort=none] .usa-table__header__button:hover{ color:#1a4480; } .usa-prose > table th[data-sortable]:not([aria-sort]) .usa-table__header__button:active, .usa-prose > table th[data-sortable][aria-sort=none] .usa-table__header__button:active{ color:#162e51; } .usa-prose > table th[data-sortable]:not([aria-sort]) .usa-table__header__button:focus, .usa-prose > table th[data-sortable][aria-sort=none] .usa-table__header__button:focus{ outline:0.25rem solid #2491ff; outline-offset:0rem; } .usa-prose > table th[data-sortable]:not([aria-sort]) .usa-table__header__button:hover, .usa-prose > table th[data-sortable]:not([aria-sort]) .usa-table__header__button.usa-button--hover, .usa-prose > table th[data-sortable]:not([aria-sort]) .usa-table__header__button:disabled:hover, .usa-prose > table th[data-sortable]:not([aria-sort]) .usa-table__header__button[aria-disabled=true]:hover, .usa-prose > table th[data-sortable]:not([aria-sort]) .usa-table__header__button:disabled.usa-button--hover, .usa-prose > table th[data-sortable]:not([aria-sort]) .usa-table__header__button[aria-disabled=true].usa-button--hover, .usa-prose > table th[data-sortable]:not([aria-sort]) .usa-table__header__button:active, .usa-prose > table th[data-sortable]:not([aria-sort]) .usa-table__header__button.usa-button--active, .usa-prose > table th[data-sortable]:not([aria-sort]) .usa-table__header__button:disabled:active, .usa-prose > table th[data-sortable]:not([aria-sort]) .usa-table__header__button[aria-disabled=true]:active, .usa-prose > table th[data-sortable]:not([aria-sort]) .usa-table__header__button:disabled.usa-button--active, .usa-prose > table th[data-sortable]:not([aria-sort]) .usa-table__header__button[aria-disabled=true].usa-button--active, .usa-prose > table th[data-sortable]:not([aria-sort]) .usa-table__header__button:disabled:focus, .usa-prose > table th[data-sortable]:not([aria-sort]) .usa-table__header__button[aria-disabled=true]:focus, .usa-prose > table th[data-sortable]:not([aria-sort]) .usa-table__header__button:disabled.usa-focus, .usa-prose > table th[data-sortable]:not([aria-sort]) .usa-table__header__button[aria-disabled=true].usa-focus, .usa-prose > table th[data-sortable]:not([aria-sort]) .usa-table__header__button:disabled, .usa-prose > table th[data-sortable]:not([aria-sort]) .usa-table__header__button[aria-disabled=true], .usa-prose > table th[data-sortable]:not([aria-sort]) .usa-table__header__button.usa-button--disabled, .usa-prose > table th[data-sortable][aria-sort=none] .usa-table__header__button:hover, .usa-prose > table th[data-sortable][aria-sort=none] .usa-table__header__button.usa-button--hover, .usa-prose > table th[data-sortable][aria-sort=none] .usa-table__header__button:disabled:hover, .usa-prose > table th[data-sortable][aria-sort=none] .usa-table__header__button[aria-disabled=true]:hover, .usa-prose > table th[data-sortable][aria-sort=none] .usa-table__header__button:disabled.usa-button--hover, .usa-prose > table th[data-sortable][aria-sort=none] .usa-table__header__button[aria-disabled=true].usa-button--hover, .usa-prose > table th[data-sortable][aria-sort=none] .usa-table__header__button:active, .usa-prose > table th[data-sortable][aria-sort=none] .usa-table__header__button.usa-button--active, .usa-prose > table th[data-sortable][aria-sort=none] .usa-table__header__button:disabled:active, .usa-prose > table th[data-sortable][aria-sort=none] .usa-table__header__button[aria-disabled=true]:active, .usa-prose > table th[data-sortable][aria-sort=none] .usa-table__header__button:disabled.usa-button--active, .usa-prose > table th[data-sortable][aria-sort=none] .usa-table__header__button[aria-disabled=true].usa-button--active, .usa-prose > table th[data-sortable][aria-sort=none] .usa-table__header__button:disabled:focus, .usa-prose > table th[data-sortable][aria-sort=none] .usa-table__header__button[aria-disabled=true]:focus, .usa-prose > table th[data-sortable][aria-sort=none] .usa-table__header__button:disabled.usa-focus, .usa-prose > table th[data-sortable][aria-sort=none] .usa-table__header__button[aria-disabled=true].usa-focus, .usa-prose > table th[data-sortable][aria-sort=none] .usa-table__header__button:disabled, .usa-prose > table th[data-sortable][aria-sort=none] .usa-table__header__button[aria-disabled=true], .usa-prose > table th[data-sortable][aria-sort=none] .usa-table__header__button.usa-button--disabled{ background-color:transparent; box-shadow:none; text-decoration:underline; } .usa-prose > table th[data-sortable]:not([aria-sort]) .usa-table__header__button.usa-button--hover, .usa-prose > table th[data-sortable][aria-sort=none] .usa-table__header__button.usa-button--hover{ color:#1a4480; } .usa-prose > table th[data-sortable]:not([aria-sort]) .usa-table__header__button.usa-button--active, .usa-prose > table th[data-sortable][aria-sort=none] .usa-table__header__button.usa-button--active{ color:#162e51; } .usa-prose > table th[data-sortable]:not([aria-sort]) .usa-table__header__button:disabled, .usa-prose > table th[data-sortable]:not([aria-sort]) .usa-table__header__button[aria-disabled=true], .usa-prose > table th[data-sortable]:not([aria-sort]) .usa-table__header__button:disabled:hover, .usa-prose > table th[data-sortable]:not([aria-sort]) .usa-table__header__button[aria-disabled=true]:hover, .usa-prose > table th[data-sortable]:not([aria-sort]) .usa-table__header__button[aria-disabled=true]:focus, .usa-prose > table th[data-sortable][aria-sort=none] .usa-table__header__button:disabled, .usa-prose > table th[data-sortable][aria-sort=none] .usa-table__header__button[aria-disabled=true], .usa-prose > table th[data-sortable][aria-sort=none] .usa-table__header__button:disabled:hover, .usa-prose > table th[data-sortable][aria-sort=none] .usa-table__header__button[aria-disabled=true]:hover, .usa-prose > table th[data-sortable][aria-sort=none] .usa-table__header__button[aria-disabled=true]:focus{ color:#757575; } @media (forced-colors: active){ .usa-prose > table th[data-sortable]:not([aria-sort]) .usa-table__header__button:disabled, .usa-prose > table th[data-sortable]:not([aria-sort]) .usa-table__header__button[aria-disabled=true], .usa-prose > table th[data-sortable]:not([aria-sort]) .usa-table__header__button:disabled:hover, .usa-prose > table th[data-sortable]:not([aria-sort]) .usa-table__header__button[aria-disabled=true]:hover, .usa-prose > table th[data-sortable]:not([aria-sort]) .usa-table__header__button[aria-disabled=true]:focus, .usa-prose > table th[data-sortable][aria-sort=none] .usa-table__header__button:disabled, .usa-prose > table th[data-sortable][aria-sort=none] .usa-table__header__button[aria-disabled=true], .usa-prose > table th[data-sortable][aria-sort=none] .usa-table__header__button:disabled:hover, .usa-prose > table th[data-sortable][aria-sort=none] .usa-table__header__button[aria-disabled=true]:hover, .usa-prose > table th[data-sortable][aria-sort=none] .usa-table__header__button[aria-disabled=true]:focus{ color:GrayText; } } .usa-prose > table th[data-sortable]:not([aria-sort]) .usa-table__header__button .usa-icon, .usa-prose > table th[data-sortable][aria-sort=none] .usa-table__header__button .usa-icon{ height:1.5rem; width:1.5rem; vertical-align:middle; } .usa-prose > table th[data-sortable]:not([aria-sort]) .usa-table__header__button .usa-icon > g, .usa-prose > table th[data-sortable][aria-sort=none] .usa-table__header__button .usa-icon > g{ fill:transparent; } .usa-prose > table th[data-sortable]:not([aria-sort]) .usa-table__header__button .usa-icon > g.unsorted, .usa-prose > table th[data-sortable][aria-sort=none] .usa-table__header__button .usa-icon > g.unsorted{ fill:#1b1b1b; } .usa-prose > table th[data-sortable]:not([aria-sort]) .usa-table__header__button:hover .usa-icon > g.unsorted, .usa-prose > table th[data-sortable][aria-sort=none] .usa-table__header__button:hover .usa-icon > g.unsorted{ fill:black; } .usa-prose > table th[data-sortable][aria-sort=descending], .usa-prose > table th[data-sortable][aria-sort=ascending]{ background-color:#97d4ea; } .usa-prose > table th[data-sortable][aria-sort=descending] .usa-table__header__button{ color:#005ea2; text-decoration:underline; background-color:transparent; border:0; border-radius:0; box-shadow:none; font-weight:normal; justify-content:normal; text-align:left; margin:0; padding:0; width:auto; height:2rem; width:2rem; background-position:center center; background-size:1.5rem; color:#71767a; cursor:pointer; display:inline-block; margin:0; position:absolute; right:0.25rem; text-align:center; text-decoration:none; top:50%; transform:translate(0, -50%); } .usa-prose > table th[data-sortable][aria-sort=descending] .usa-table__header__button:visited{ color:#54278f; } .usa-prose > table th[data-sortable][aria-sort=descending] .usa-table__header__button:hover{ color:#1a4480; } .usa-prose > table th[data-sortable][aria-sort=descending] .usa-table__header__button:active{ color:#162e51; } .usa-prose > table th[data-sortable][aria-sort=descending] .usa-table__header__button:focus{ outline:0.25rem solid #2491ff; outline-offset:0rem; } .usa-prose > table th[data-sortable][aria-sort=descending] .usa-table__header__button:hover, .usa-prose > table th[data-sortable][aria-sort=descending] .usa-table__header__button.usa-button--hover, .usa-prose > table th[data-sortable][aria-sort=descending] .usa-table__header__button:disabled:hover, .usa-prose > table th[data-sortable][aria-sort=descending] .usa-table__header__button[aria-disabled=true]:hover, .usa-prose > table th[data-sortable][aria-sort=descending] .usa-table__header__button:disabled.usa-button--hover, .usa-prose > table th[data-sortable][aria-sort=descending] .usa-table__header__button[aria-disabled=true].usa-button--hover, .usa-prose > table th[data-sortable][aria-sort=descending] .usa-table__header__button:active, .usa-prose > table th[data-sortable][aria-sort=descending] .usa-table__header__button.usa-button--active, .usa-prose > table th[data-sortable][aria-sort=descending] .usa-table__header__button:disabled:active, .usa-prose > table th[data-sortable][aria-sort=descending] .usa-table__header__button[aria-disabled=true]:active, .usa-prose > table th[data-sortable][aria-sort=descending] .usa-table__header__button:disabled.usa-button--active, .usa-prose > table th[data-sortable][aria-sort=descending] .usa-table__header__button[aria-disabled=true].usa-button--active, .usa-prose > table th[data-sortable][aria-sort=descending] .usa-table__header__button:disabled:focus, .usa-prose > table th[data-sortable][aria-sort=descending] .usa-table__header__button[aria-disabled=true]:focus, .usa-prose > table th[data-sortable][aria-sort=descending] .usa-table__header__button:disabled.usa-focus, .usa-prose > table th[data-sortable][aria-sort=descending] .usa-table__header__button[aria-disabled=true].usa-focus, .usa-prose > table th[data-sortable][aria-sort=descending] .usa-table__header__button:disabled, .usa-prose > table th[data-sortable][aria-sort=descending] .usa-table__header__button[aria-disabled=true], .usa-prose > table th[data-sortable][aria-sort=descending] .usa-table__header__button.usa-button--disabled{ background-color:transparent; box-shadow:none; text-decoration:underline; } .usa-prose > table th[data-sortable][aria-sort=descending] .usa-table__header__button.usa-button--hover{ color:#1a4480; } .usa-prose > table th[data-sortable][aria-sort=descending] .usa-table__header__button.usa-button--active{ color:#162e51; } .usa-prose > table th[data-sortable][aria-sort=descending] .usa-table__header__button:disabled, .usa-prose > table th[data-sortable][aria-sort=descending] .usa-table__header__button[aria-disabled=true], .usa-prose > table th[data-sortable][aria-sort=descending] .usa-table__header__button:disabled:hover, .usa-prose > table th[data-sortable][aria-sort=descending] .usa-table__header__button[aria-disabled=true]:hover, .usa-prose > table th[data-sortable][aria-sort=descending] .usa-table__header__button[aria-disabled=true]:focus{ color:#757575; } @media (forced-colors: active){ .usa-prose > table th[data-sortable][aria-sort=descending] .usa-table__header__button:disabled, .usa-prose > table th[data-sortable][aria-sort=descending] .usa-table__header__button[aria-disabled=true], .usa-prose > table th[data-sortable][aria-sort=descending] .usa-table__header__button:disabled:hover, .usa-prose > table th[data-sortable][aria-sort=descending] .usa-table__header__button[aria-disabled=true]:hover, .usa-prose > table th[data-sortable][aria-sort=descending] .usa-table__header__button[aria-disabled=true]:focus{ color:GrayText; } } .usa-prose > table th[data-sortable][aria-sort=descending] .usa-table__header__button .usa-icon{ height:1.5rem; width:1.5rem; vertical-align:middle; } .usa-prose > table th[data-sortable][aria-sort=descending] .usa-table__header__button .usa-icon > g{ fill:transparent; } .usa-prose > table th[data-sortable][aria-sort=descending] .usa-table__header__button .usa-icon > g.descending{ fill:#1b1b1b; } .usa-prose > table th[data-sortable][aria-sort=ascending] .usa-table__header__button{ color:#005ea2; text-decoration:underline; background-color:transparent; border:0; border-radius:0; box-shadow:none; font-weight:normal; justify-content:normal; text-align:left; margin:0; padding:0; width:auto; height:2rem; width:2rem; background-position:center center; background-size:1.5rem; color:#71767a; cursor:pointer; display:inline-block; margin:0; position:absolute; right:0.25rem; text-align:center; text-decoration:none; top:50%; transform:translate(0, -50%); } .usa-prose > table th[data-sortable][aria-sort=ascending] .usa-table__header__button:visited{ color:#54278f; } .usa-prose > table th[data-sortable][aria-sort=ascending] .usa-table__header__button:hover{ color:#1a4480; } .usa-prose > table th[data-sortable][aria-sort=ascending] .usa-table__header__button:active{ color:#162e51; } .usa-prose > table th[data-sortable][aria-sort=ascending] .usa-table__header__button:focus{ outline:0.25rem solid #2491ff; outline-offset:0rem; } .usa-prose > table th[data-sortable][aria-sort=ascending] .usa-table__header__button:hover, .usa-prose > table th[data-sortable][aria-sort=ascending] .usa-table__header__button.usa-button--hover, .usa-prose > table th[data-sortable][aria-sort=ascending] .usa-table__header__button:disabled:hover, .usa-prose > table th[data-sortable][aria-sort=ascending] .usa-table__header__button[aria-disabled=true]:hover, .usa-prose > table th[data-sortable][aria-sort=ascending] .usa-table__header__button:disabled.usa-button--hover, .usa-prose > table th[data-sortable][aria-sort=ascending] .usa-table__header__button[aria-disabled=true].usa-button--hover, .usa-prose > table th[data-sortable][aria-sort=ascending] .usa-table__header__button:active, .usa-prose > table th[data-sortable][aria-sort=ascending] .usa-table__header__button.usa-button--active, .usa-prose > table th[data-sortable][aria-sort=ascending] .usa-table__header__button:disabled:active, .usa-prose > table th[data-sortable][aria-sort=ascending] .usa-table__header__button[aria-disabled=true]:active, .usa-prose > table th[data-sortable][aria-sort=ascending] .usa-table__header__button:disabled.usa-button--active, .usa-prose > table th[data-sortable][aria-sort=ascending] .usa-table__header__button[aria-disabled=true].usa-button--active, .usa-prose > table th[data-sortable][aria-sort=ascending] .usa-table__header__button:disabled:focus, .usa-prose > table th[data-sortable][aria-sort=ascending] .usa-table__header__button[aria-disabled=true]:focus, .usa-prose > table th[data-sortable][aria-sort=ascending] .usa-table__header__button:disabled.usa-focus, .usa-prose > table th[data-sortable][aria-sort=ascending] .usa-table__header__button[aria-disabled=true].usa-focus, .usa-prose > table th[data-sortable][aria-sort=ascending] .usa-table__header__button:disabled, .usa-prose > table th[data-sortable][aria-sort=ascending] .usa-table__header__button[aria-disabled=true], .usa-prose > table th[data-sortable][aria-sort=ascending] .usa-table__header__button.usa-button--disabled{ background-color:transparent; box-shadow:none; text-decoration:underline; } .usa-prose > table th[data-sortable][aria-sort=ascending] .usa-table__header__button.usa-button--hover{ color:#1a4480; } .usa-prose > table th[data-sortable][aria-sort=ascending] .usa-table__header__button.usa-button--active{ color:#162e51; } .usa-prose > table th[data-sortable][aria-sort=ascending] .usa-table__header__button:disabled, .usa-prose > table th[data-sortable][aria-sort=ascending] .usa-table__header__button[aria-disabled=true], .usa-prose > table th[data-sortable][aria-sort=ascending] .usa-table__header__button:disabled:hover, .usa-prose > table th[data-sortable][aria-sort=ascending] .usa-table__header__button[aria-disabled=true]:hover, .usa-prose > table th[data-sortable][aria-sort=ascending] .usa-table__header__button[aria-disabled=true]:focus{ color:#757575; } @media (forced-colors: active){ .usa-prose > table th[data-sortable][aria-sort=ascending] .usa-table__header__button:disabled, .usa-prose > table th[data-sortable][aria-sort=ascending] .usa-table__header__button[aria-disabled=true], .usa-prose > table th[data-sortable][aria-sort=ascending] .usa-table__header__button:disabled:hover, .usa-prose > table th[data-sortable][aria-sort=ascending] .usa-table__header__button[aria-disabled=true]:hover, .usa-prose > table th[data-sortable][aria-sort=ascending] .usa-table__header__button[aria-disabled=true]:focus{ color:GrayText; } } .usa-prose > table th[data-sortable][aria-sort=ascending] .usa-table__header__button .usa-icon{ height:1.5rem; width:1.5rem; vertical-align:middle; } .usa-prose > table th[data-sortable][aria-sort=ascending] .usa-table__header__button .usa-icon > g{ fill:transparent; } .usa-prose > table th[data-sortable][aria-sort=ascending] .usa-table__header__button .usa-icon > g.ascending{ fill:#1b1b1b; } .usa-prose > table thead th[aria-sort]{ background-color:#97d4ea; color:#1b1b1b; } .usa-prose > table td[data-sort-active], .usa-prose > table th[data-sort-active]{ background-color:#e1f3f8; color:#1b1b1b; } .usa-prose > .usa-table--borderless{ } .usa-prose > .usa-table--borderless th, .usa-prose > .usa-table--borderless thead td, .usa-prose > .usa-table--borderless tfoot td{ background-color:white; } .usa-prose > .usa-table--borderless th{ border-top:0; color:#1b1b1b; } .usa-prose > .usa-table--borderless th[aria-sort]{ color:#1b1b1b; } .usa-prose > .usa-table--borderless th[data-sortable]:not([aria-sort]) .usa-table__header__button .usa-icon > g.unsorted{ fill:#1b1b1b; } .usa-prose > .usa-table--borderless th[data-sortable]:not([aria-sort]) .usa-table__header__button:hover .usa-icon > g.unsorted{ fill:black; } .usa-prose > .usa-table--borderless th, .usa-prose > .usa-table--borderless td{ border-left:0; border-right:0; } .usa-prose > .usa-table--compact th, .usa-prose > .usa-table--compact td{ padding:0.25rem 0.75rem; } .usa-prose > .usa-table--striped tbody tr:nth-child(odd) td{ background-color:#f0f0f0; color:#1b1b1b; } .usa-prose > .usa-table--striped tbody tr:nth-child(odd) td[data-sort-active]{ background-color:#c3ebfa; color:#1b1b1b; } @media all and (max-width: 29.99em){ .usa-prose > .usa-table--stacked thead{ display:none; } .usa-prose > .usa-table--stacked th{ background-color:white; } .usa-prose > .usa-table--stacked th, .usa-prose > .usa-table--stacked td{ border-bottom-width:0; display:block; width:100%; } .usa-prose > .usa-table--stacked tr{ border-bottom:0.25rem solid #1b1b1b; border-top-width:0; width:100%; } .usa-prose > .usa-table--stacked tr th:first-child, .usa-prose > .usa-table--stacked tr td:first-child{ border-top-width:0; } .usa-prose > .usa-table--stacked tr:nth-child(odd) td, .usa-prose > .usa-table--stacked tr:nth-child(odd) th{ background-color:inherit; } .usa-prose > .usa-table--stacked tr:first-child th:first-child, .usa-prose > .usa-table--stacked tr:first-child td:first-child{ border-top:0.25rem solid #1b1b1b; } .usa-prose > .usa-table--stacked th[data-label], .usa-prose > .usa-table--stacked td[data-label]{ padding-bottom:0.75rem; } .usa-prose > .usa-table--stacked th[data-label]:before, .usa-prose > .usa-table--stacked td[data-label]:before{ content:attr(data-label); display:block; font-weight:700; margin:-0.5rem -1rem 0rem; padding:0.75rem 1rem 0.25rem; } } @media all and (max-width: 29.99em){ .usa-prose > .usa-table--stacked-header thead{ display:none; } .usa-prose > .usa-table--stacked-header th{ background-color:white; } .usa-prose > .usa-table--stacked-header th, .usa-prose > .usa-table--stacked-header td{ border-bottom-width:0; display:block; width:100%; } .usa-prose > .usa-table--stacked-header tr{ border-bottom:0.25rem solid #1b1b1b; border-top-width:0; width:100%; } .usa-prose > .usa-table--stacked-header tr th:first-child, .usa-prose > .usa-table--stacked-header tr td:first-child{ border-top-width:0; } .usa-prose > .usa-table--stacked-header tr:nth-child(odd) td, .usa-prose > .usa-table--stacked-header tr:nth-child(odd) th{ background-color:inherit; } .usa-prose > .usa-table--stacked-header tr:first-child th:first-child, .usa-prose > .usa-table--stacked-header tr:first-child td:first-child{ border-top:0.25rem solid #1b1b1b; } .usa-prose > .usa-table--stacked-header th[data-label], .usa-prose > .usa-table--stacked-header td[data-label]{ padding-bottom:0.75rem; } .usa-prose > .usa-table--stacked-header th[data-label]:before, .usa-prose > .usa-table--stacked-header td[data-label]:before{ content:attr(data-label); display:block; font-weight:700; margin:-0.5rem -1rem 0rem; padding:0.75rem 1rem 0.25rem; } .usa-prose > .usa-table--stacked-header tr td:first-child, .usa-prose > .usa-table--stacked-header tr th:first-child{ font-family:Source Sans Pro Web, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif; font-size:1.06rem; line-height:1.1; background-color:#dfe1e2; color:#1b1b1b; font-weight:700; padding:0.75rem 1rem; } .usa-prose > .usa-table--stacked-header tr td:first-child:before, .usa-prose > .usa-table--stacked-header tr th:first-child:before{ display:none; } } .usa-prose > .width-mobile .usa-table--stacked thead{ display:none; } .usa-prose > .width-mobile .usa-table--stacked th{ background-color:white; } .usa-prose > .width-mobile .usa-table--stacked th, .usa-prose > .width-mobile .usa-table--stacked td{ border-bottom-width:0; display:block; width:100%; } .usa-prose > .width-mobile .usa-table--stacked tr{ border-bottom:0.25rem solid #1b1b1b; border-top-width:0; width:100%; } .usa-prose > .width-mobile .usa-table--stacked tr th:first-child, .usa-prose > .width-mobile .usa-table--stacked tr td:first-child{ border-top-width:0; } .usa-prose > .width-mobile .usa-table--stacked tr:nth-child(odd) td, .usa-prose > .width-mobile .usa-table--stacked tr:nth-child(odd) th{ background-color:inherit; } .usa-prose > .width-mobile .usa-table--stacked tr:first-child th:first-child, .usa-prose > .width-mobile .usa-table--stacked tr:first-child td:first-child{ border-top:0.25rem solid #1b1b1b; } .usa-prose > .width-mobile .usa-table--stacked th[data-label], .usa-prose > .width-mobile .usa-table--stacked td[data-label]{ padding-bottom:0.75rem; } .usa-prose > .width-mobile .usa-table--stacked th[data-label]:before, .usa-prose > .width-mobile .usa-table--stacked td[data-label]:before{ content:attr(data-label); display:block; font-weight:700; margin:-0.5rem -1rem 0rem; padding:0.75rem 1rem 0.25rem; } .usa-prose > .width-mobile .usa-table--stacked-header thead{ display:none; } .usa-prose > .width-mobile .usa-table--stacked-header th{ background-color:white; } .usa-prose > .width-mobile .usa-table--stacked-header th, .usa-prose > .width-mobile .usa-table--stacked-header td{ border-bottom-width:0; display:block; width:100%; } .usa-prose > .width-mobile .usa-table--stacked-header tr{ border-bottom:0.25rem solid #1b1b1b; border-top-width:0; width:100%; } .usa-prose > .width-mobile .usa-table--stacked-header tr th:first-child, .usa-prose > .width-mobile .usa-table--stacked-header tr td:first-child{ border-top-width:0; } .usa-prose > .width-mobile .usa-table--stacked-header tr:nth-child(odd) td, .usa-prose > .width-mobile .usa-table--stacked-header tr:nth-child(odd) th{ background-color:inherit; } .usa-prose > .width-mobile .usa-table--stacked-header tr:first-child th:first-child, .usa-prose > .width-mobile .usa-table--stacked-header tr:first-child td:first-child{ border-top:0.25rem solid #1b1b1b; } .usa-prose > .width-mobile .usa-table--stacked-header th[data-label], .usa-prose > .width-mobile .usa-table--stacked-header td[data-label]{ padding-bottom:0.75rem; } .usa-prose > .width-mobile .usa-table--stacked-header th[data-label]:before, .usa-prose > .width-mobile .usa-table--stacked-header td[data-label]:before{ content:attr(data-label); display:block; font-weight:700; margin:-0.5rem -1rem 0rem; padding:0.75rem 1rem 0.25rem; } .usa-prose > .width-mobile .usa-table--stacked-header tr td:first-child, .usa-prose > .width-mobile .usa-table--stacked-header tr th:first-child{ font-family:Source Sans Pro Web, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif; font-size:1.06rem; line-height:1.1; background-color:#dfe1e2; color:#1b1b1b; font-weight:700; padding:0.75rem 1rem; } .usa-prose > .width-mobile .usa-table--stacked-header tr td:first-child:before, .usa-prose > .width-mobile .usa-table--stacked-header tr th:first-child:before{ display:none; } .usa-prose > .usa-table-container--scrollable{ margin:1.25rem 0; overflow-y:hidden; } .usa-prose > .usa-table-container--scrollable .usa-table{ margin:0; } .usa-prose > .usa-table-container--scrollable td{ white-space:nowrap; } .usa-prose > p{ line-height:1.5; max-width:68ex; } .usa-prose > h1, .usa-prose > h2, .usa-prose > h3, .usa-prose > h4, .usa-prose > h5, .usa-prose > h6{ margin-bottom:0; margin-top:0; clear:both; } .usa-prose > * + *{ margin-top:1em; margin-bottom:0; } .usa-prose > * + h1, .usa-prose > * + h2, .usa-prose > * + h3, .usa-prose > * + h4, .usa-prose > * + h5, .usa-prose > * + h6{ margin-top:1.5em; } .usa-prose > h1{ font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif; font-size:2.44rem; line-height:1.2; font-weight:700; } .usa-prose > h2{ font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif; font-size:1.95rem; line-height:1.2; font-weight:700; } .usa-prose > h3{ font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif; font-size:1.34rem; line-height:1.2; font-weight:700; } .usa-prose > h4{ font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif; font-size:0.98rem; line-height:1.2; font-weight:700; } .usa-prose > h5{ font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif; font-size:0.91rem; line-height:1.2; font-weight:700; } .usa-prose > h6{ font-family:Source Sans Pro Web, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif; font-size:0.87rem; line-height:1.1; font-weight:normal; letter-spacing:0.025em; text-transform:uppercase; } .usa-accordion{ margin-bottom:0; margin-top:0; list-style-type:none; padding-left:0; color:#1b1b1b; margin:0; padding:0; width:100%; font-family:Source Sans Pro Web, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif; font-size:1.06rem; line-height:1.5; } .usa-accordion > li{ margin-bottom:0; max-width:unset; } .usa-accordion > ul li ul{ list-style:disc; } .usa-accordion > ul li ul > li > ul{ list-style:circle; } .usa-accordion > ul li ul > li > ul > li > ul{ list-style:square; } .usa-accordion + .usa-accordion, .usa-accordion + .usa-accordion--bordered{ margin-top:0.5rem; } .usa-accordion--bordered .usa-accordion__content{ border-bottom:0.25rem solid #f0f0f0; border-left:0.25rem solid #f0f0f0; border-right:0.25rem solid #f0f0f0; padding-bottom:1rem; } .usa-accordion--bordered .usa-accordion__heading{ margin-bottom:0; } .usa-accordion__heading, .usa-prose .usa-accordion__heading{ font-family:Source Sans Pro Web, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif; font-size:1.06rem; line-height:0.9; margin:0; } .usa-accordion__heading:not(:first-child), .usa-prose .usa-accordion__heading:not(:first-child){ margin-top:0.5rem; } .usa-accordion__content{ color:#1b1b1b; background-color:white; margin-top:0; overflow:auto; padding:1rem 1.25rem calc(1rem - 0.25rem) 1.25rem; } .usa-accordion__content > *:first-child{ margin-top:0; } .usa-accordion__content > *:last-child{ margin-bottom:0; } .usa-accordion__button{ color:#005ea2; text-decoration:underline; background-color:transparent; border:0; border-radius:0; box-shadow:none; font-weight:normal; justify-content:normal; text-align:left; margin:0; padding:0; width:auto; color:#1b1b1b; background-color:#f0f0f0; background-image:url("../img/usa-icons/remove.svg"), linear-gradient(transparent, transparent); background-repeat:no-repeat; background-position:right 1.25rem center; background-size:1.5rem; cursor:pointer; display:inline-block; font-weight:700; margin:0; padding:1rem 3.5rem 1rem 1.25rem; text-decoration:none; width:100%; } .usa-accordion__button:visited{ color:#54278f; } .usa-accordion__button:hover{ color:#1a4480; } .usa-accordion__button:active{ color:#162e51; } .usa-accordion__button:focus{ outline:0.25rem solid #2491ff; outline-offset:0rem; } .usa-accordion__button:hover, .usa-accordion__button.usa-button--hover, .usa-accordion__button:disabled:hover, .usa-accordion__button[aria-disabled=true]:hover, .usa-accordion__button:disabled.usa-button--hover, .usa-accordion__button[aria-disabled=true].usa-button--hover, .usa-accordion__button:active, .usa-accordion__button.usa-button--active, .usa-accordion__button:disabled:active, .usa-accordion__button[aria-disabled=true]:active, .usa-accordion__button:disabled.usa-button--active, .usa-accordion__button[aria-disabled=true].usa-button--active, .usa-accordion__button:disabled:focus, .usa-accordion__button[aria-disabled=true]:focus, .usa-accordion__button:disabled.usa-focus, .usa-accordion__button[aria-disabled=true].usa-focus, .usa-accordion__button:disabled, .usa-accordion__button[aria-disabled=true], .usa-accordion__button.usa-button--disabled{ background-color:transparent; box-shadow:none; text-decoration:underline; } .usa-accordion__button.usa-button--hover{ color:#1a4480; } .usa-accordion__button.usa-button--active{ color:#162e51; } .usa-accordion__button:disabled, .usa-accordion__button[aria-disabled=true], .usa-accordion__button:disabled:hover, .usa-accordion__button[aria-disabled=true]:hover, .usa-accordion__button[aria-disabled=true]:focus{ color:#757575; } @media (forced-colors: active){ .usa-accordion__button:disabled, .usa-accordion__button[aria-disabled=true], .usa-accordion__button:disabled:hover, .usa-accordion__button[aria-disabled=true]:hover, .usa-accordion__button[aria-disabled=true]:focus{ color:GrayText; } } .usa-accordion__button:hover{ color:#1b1b1b; background-color:#dfe1e2; background-image:url("../img/usa-icons/remove.svg"), linear-gradient(transparent, transparent); background-repeat:no-repeat; text-decoration:none; } @media (forced-colors: active){ .usa-accordion__button{ border:2px solid transparent; position:relative; } .usa-accordion__button::before{ background-image:url("../img/usa-icons/remove.svg"); background-repeat:no-repeat; background-position:center center; background-size:1.5rem 1.5rem; display:inline-block; height:1.5rem; width:1.5rem; height:100%; position:absolute; right:1.25rem; top:0; content:""; } @supports ((-webkit-mask: url("")) or (mask: url(""))){ .usa-accordion__button::before{ background:none; background-color:ButtonText; -webkit-mask-image:url("../img/usa-icons/remove.svg"), linear-gradient(transparent, transparent); mask-image:url("../img/usa-icons/remove.svg"), linear-gradient(transparent, transparent); -webkit-mask-position:center center; mask-position:center center; -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat; -webkit-mask-size:1.5rem 1.5rem; mask-size:1.5rem 1.5rem; } } } .usa-accordion__button[aria-expanded=false]{ background-image:url("../img/usa-icons/add.svg"), linear-gradient(transparent, transparent); background-repeat:no-repeat; background-size:1.5rem; } .usa-accordion__button[aria-expanded=false]:hover{ background-image:url("../img/usa-icons/add.svg"), linear-gradient(transparent, transparent); background-repeat:no-repeat; } @media (forced-colors: active){ .usa-accordion__button[aria-expanded=false]::before{ background-image:url("../img/usa-icons/add.svg"); background-repeat:no-repeat; background-position:center center; background-size:1.5rem 1.5rem; display:inline-block; height:1.5rem; width:1.5rem; height:100%; position:absolute; right:1.25rem; top:0; } @supports ((-webkit-mask: url("")) or (mask: url(""))){ .usa-accordion__button[aria-expanded=false]::before{ background:none; background-color:ButtonText; -webkit-mask-image:url("../img/usa-icons/add.svg"), linear-gradient(transparent, transparent); mask-image:url("../img/usa-icons/add.svg"), linear-gradient(transparent, transparent); -webkit-mask-position:center center; mask-position:center center; -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat; -webkit-mask-size:1.5rem 1.5rem; mask-size:1.5rem 1.5rem; } } } .usa-alert{ background-color:#f0f0f0; border-left:0.5rem solid #a9aeb1; color:#1b1b1b; } .usa-alert .usa-alert__body{ font-family:Source Sans Pro Web, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif; font-size:1.06rem; line-height:1.5; padding-bottom:1rem; padding-top:1rem; position:relative; } .usa-alert .usa-alert__text{ margin-bottom:0; margin-to