@uswds/uswds
Version:
Open source UI components and visual style guide for U.S. government websites
1,453 lines (1,414 loc) • 653 kB
CSS
@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