/*TTS*/

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
body,
html {
    font-family: Source Sans Pro Web, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif
}

html { line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    box-sizing: border-box;
    font-feature-settings: "kern"1;
    font-kerning: normal;
    font-size: 100%
}

body { margin: 0;
    font-size: 1.06rem;
    line-height: 1.5
}

details,
main { display: block
}

img {
    border-style: none
}

button,
input,
optgroup,
select,
textarea { font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

[type=button],
[type=reset],
[type=submit],
button {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    color: inherit;
    display: table;
    max-width: 100%;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox],
[type=radio],
legend {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button { height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

summary { display: list-item
}

[hidden],
template { display: none
}

@font-face { font-family: Public Sans Web;
    font-style: normal;
    font-weight: 100;
    font-display: fallback;
    src: url(../fonts/PublicSans-Thin.ttf) format("truetype")
}

@font-face { font-family: Public Sans Web;
    font-style: normal;
    font-weight: 200;
    font-display: fallback;
    src: url(../fonts/PublicSans-ExtraLight.ttf) format("truetype")
}

@font-face { font-family: Public Sans Web;
    font-style: normal;
    font-weight: 300;
    font-display: fallback;
    src: url(../fonts/PublicSans-Light.ttf) format("truetype")
}

@font-face { font-family: Public Sans Web;
    font-style: normal;
    font-weight: 400;
    font-display: fallback;
    src: url(../fonts/PublicSans-Regular.ttf) format("truetype")
}

@font-face { font-family: Public Sans Web;
    font-style: normal;
    font-weight: 500;
    font-display: fallback;
    src: url(../fonts/PublicSans-Medium.ttf) format("truetype")
}

@font-face { font-family: Public Sans Web;
    font-style: normal;
    font-weight: 600;
    font-display: fallback;
    src: url(../fonts/PublicSans-SemiBold.ttf) format("truetype")
}

@font-face { font-family: Public Sans Web;
    font-style: normal;
    font-weight: 700;
    font-display: fallback;
    src: url(../fonts/PublicSans-Bold.ttf) format("truetype")
}

@font-face { font-family: Public Sans Web;
    font-style: normal;
    font-weight: 800;
    font-display: fallback;
    src: url(../fonts/PublicSans-ExtraBold.ttf) format("truetype")
}

@font-face { font-family: Public Sans Web;
    font-style: normal;
    font-weight: 900;
    font-display: fallback;
    src: url(../fonts/PublicSans-Black.ttf) format("truetype")
}

@font-face { font-family: Public Sans Web;
    font-style: italic;
    font-weight: 100;
    font-display: fallback;
    src: url(../fonts/PublicSans-ThinItalic.ttf) format("truetype")
}

@font-face { font-family: Public Sans Web;
    font-style: italic;
    font-weight: 200;
    font-display: fallback;
    src: url(../fonts/PublicSans-ExtraLightItalic.ttf) format("truetype")
}

@font-face { font-family: Public Sans Web;
    font-style: italic;
    font-weight: 300;
    font-display: fallback;
    src: url(../fonts/PublicSans-LightItalic.ttf) format("truetype")
}

@font-face { font-family: Public Sans Web;
    font-style: italic;
    font-weight: 400;
    font-display: fallback;
    src: url(../fonts/PublicSans-Italic.ttf) format("truetype")
}

@font-face { font-family: Public Sans Web;
    font-style: italic;
    font-weight: 500;
    font-display: fallback;
    src: url(../fonts/PublicSans-MediumItalic.ttf) format("truetype")
}

@font-face { font-family: Public Sans Web;
    font-style: italic;
    font-weight: 600;
    font-display: fallback;
    src: url(../fonts/PublicSans-SemiBoldItalic.ttf) format("truetype")
}

@font-face { font-family: Public Sans Web;
    font-style: italic;
    font-weight: 700;
    font-display: fallback;
    src: url(../fonts/PublicSans-BoldItalic.ttf) format("truetype")
}

@font-face { font-family: Public Sans Web;
    font-style: italic;
    font-weight: 800;
    font-display: fallback;
    src: url(../fonts/PublicSans-ExtraBoldItalic.ttf) format("truetype")
}

@font-face { font-family: Public Sans Web;
    font-style: italic;
    font-weight: 900;
    font-display: fallback;
    src: url(../fonts/PublicSans-BlackItalic.ttf) format("truetype")
}


@font-face { font-family: Source Sans Pro Web;
    font-style: normal;
    font-weight: 200;
    font-display: fallback;
    src: url(../fonts/sourcesanspro-extralight-webfont.ttf) format("truetype")
}

@font-face { font-family: Source Sans Pro Web;
    font-style: normal;
    font-weight: 300;
    font-display: fallback;
    src: url(../fonts/sourcesanspro-light-webfont.ttf) format("truetype")
}

@font-face { font-family: Source Sans Pro Web;
    font-style: normal;
    font-weight: 400;
    font-display: fallback;
    src: url(../fonts/sourcesanspro-regular-webfont.ttf) format("truetype")
}

@font-face { font-family: Source Sans Pro Web;
    font-style: normal;
    font-weight: 600;
    font-display: fallback;
    src: url(../fonts/sourcesanspro-semibold-webfont.ttf) format("truetype")
}

@font-face { font-family: Source Sans Pro Web;
    font-style: normal;
    font-weight: 700;
    font-display: fallback;
    src: url(../fonts/sourcesanspro-bold-webfont.ttf) format("truetype")
}

@font-face { font-family: Source Sans Pro Web;
    font-style: normal;
    font-weight: 900;
    font-display: fallback;
    src: url(../fonts/sourcesanspro-black-webfont.ttf) format("truetype")
}

@font-face { font-family: Source Sans Pro Web;
    font-style: italic;
    font-weight: 200;
    font-display: fallback;
    src: url(../fonts/sourcesanspro-extralightitalic-webfont.ttf) format("truetype")
}

@font-face { font-family: Source Sans Pro Web;
    font-style: italic;
    font-weight: 300;
    font-display: fallback;
    src: url(../fonts/sourcesanspro-lightitalic-webfont.ttf) format("truetype")
}

@font-face { font-family: Source Sans Pro Web;
    font-style: italic;
    font-weight: 400;
    font-display: fallback;
    src: url(../fonts/sourcesanspro-italic-webfont.ttf) format("truetype")
}

@font-face { font-family: Source Sans Pro Web;
    font-style: italic;
    font-weight: 600;
    font-display: fallback;
    src: url(../fonts/sourcesanspro-semibolditalic-webfont.ttf) format("truetype")
}

@font-face { font-family: Source Sans Pro Web;
    font-style: italic;
    font-weight: 700;
    font-display: fallback;
    src: url(../fonts/sourcesanspro-bolditalic-webfont.ttf) format("truetype")
}

@font-face { font-family: Source Sans Pro Web;
    font-style: italic;
    font-weight: 900;
    font-display: fallback;
    src: url(../fonts/sourcesanspro-blackitalic-webfont.ttf) format("truetype")
}

@font-face { font-family: Merriweather Web;
    font-style: normal;
    font-weight: 300;
    font-display: fallback;
    src: url(../fonts/Merriweather-Light.ttf) format("truetype")
}

@font-face { font-family: Merriweather Web;
    font-style: normal;
    font-weight: 400;
    font-display: fallback;
    src: url(../fonts/Merriweather-Regular.ttf) format("truetype")
}

@font-face { font-family: Merriweather Web;
    font-style: normal;
    font-weight: 700;
    font-display: fallback;
    src: url(../fonts/Merriweather-Bold.ttf) format("truetype")
}

@font-face { font-family: Merriweather Web;
    font-style: normal;
    font-weight: 900;
    font-display: fallback;
    src: url(../fonts/Merriweather-Black.ttf) format("truetype")
}

@font-face { font-family: Merriweather Web;
    font-style: italic;
    font-weight: 300;
    font-display: fallback;
    src: url(../fonts/Merriweather-LightItalic.ttf) format("truetype")
}

@font-face { font-family: Merriweather Web;
    font-style: italic;
    font-weight: 400;
    font-display: fallback;
    src: url(../fonts/Merriweather-Italic.ttf) format("truetype")
}

@font-face { font-family: Merriweather Web;
    font-style: italic;
    font-weight: 700;
    font-display: fallback;
    src: url(../fonts/Merriweather-BoldItalic.ttf) format("truetype")
}

@font-face { font-family: Merriweather Web;
    font-style: italic;
    font-weight: 900;
    font-display: fallback;
    src: url(../fonts/Merriweather-BlackItalic.ttf) format("truetype")
}

button:not([disabled]):focus,
input:not([disabled]):focus,
select:not([disabled]):focus,
textarea:not([disabled]):focus {
    outline: .25rem solid #2491ff;
    outline-offset: 0
}

[contentEditable=true]:focus,
[href]:focus,
[tabindex]:focus,
iframe:focus {
    outline: .25rem solid #2491ff;
    outline-offset: 0
}

.usa-focus {
    outline: .25rem solid #2491ff;
    outline-offset: 0
}

*,
::after,
::before {
    box-sizing: inherit
}

a:visited {
    color: #54278f
}

a:hover {
    color: #1a4480
}

a:active {
    color: #162e51
}

a:focus {
    outline: .25rem solid #2491ff;
    outline-offset: 0
}

address,
cite,
dfn,
var { font-style: normal
}

/*! uswds @version */
@-webkit-keyframes slidein-left {
    0% {
        transform: translateX(15rem)
    }

    to {
        transform: translateX(0)
    }
}

@keyframes slidein-left {
    0% {
        transform: translateX(15rem)
    }

    to {
        transform: translateX(0)
    }
}

body {
    color: #1b1b1b;
    background-color: #fff;
    overflow-x: hidden
}

.usa-sr-only {
    position: absolute;
    left: -999em;
    right: auto
}

/* .usa-button { font-family: Source Sans Pro Web, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
    font-size: 1.06rem;
    line-height: .9;
    color: #fff;
    background-color: #005ea2;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    border-radius: .25rem;
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    margin-right: .5rem;
    padding: .75rem 1.25rem;
    text-align: center;
    text-decoration: none;
    width: 100%
} */

@media all and (min-width:30em) {
    .usa-button { width: auto
    }
}

/* .usa-button:visited {
    color: #fff
}

.usa-button.usa-button--hover,
.usa-button:hover {
    color: #fff;
    background-color: #1a4480;
    border-bottom: 0;
    text-decoration: none
}

.usa-button.usa-button--active,
.usa-button:active {
    color: #fff;
    background-color: #162e51
}

.usa-button:not([disabled]).usa-focus,
.usa-button:not([disabled]):focus {
    outline-offset: .25rem
}

.usa-button:disabled {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    background-color: #c9c9c9;
    color: #fff
}

.usa-button:disabled.usa-button--active,
.usa-button:disabled.usa-button--hover,
.usa-button:disabled.usa-focus,
.usa-button:disabled:active,
.usa-button:disabled:focus,
.usa-button:disabled:hover {
    background-color: #c9c9c9;
    border: 0;
    box-shadow: none
}

.usa-button--accent-cool,
.usa-button--accent-cool:visited {
    color: #1b1b1b;
    background-color: #00bde3
}

.usa-button--accent-cool.usa-button--hover,
.usa-button--accent-cool:hover {
    color: #1b1b1b;
    background-color: #28a0cb
}

.usa-button--accent-cool.usa-button--active,
.usa-button--accent-cool:active {
    color: #fff;
    background-color: #07648d
}

.usa-button--accent-warm,
.usa-button--accent-warm:visited {
    color: #1b1b1b;
    background-color: #fa9441
} */



.usa-combo-box__input,
.usa-input,
.usa-input-group {
    border-width: 1px;
    border-color: #5c5c5c;
    border-style: solid;
    height: 2.5rem;
    width: 100%
}

.usa-combo-box__input {
    border-radius: 0;
    color: #1b1b1b;
    display: block;
    margin-top: .5rem;
    max-width: 30rem;
    padding: .5rem
}

.usa-input,
.usa-input-group {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.usa-input,
.usa-input-group,
.usa-range,
.usa-select,
.usa-textarea {
    border-radius: 0;
    color: #1b1b1b;
    display: block;
    margin-top: .5rem;
    /* max-width: 30rem; */
    padding: .5rem
}

.usa-textarea {
    border-width: 1px;
    border-color: #5c5c5c;
    border-style: solid;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%
}

.usa-range,
.usa-select { height: 2.5rem
}

.usa-select {
    border-width: 1px;
    border-color: #5c5c5c;
    border-style: solid;
    width: 100%
}
select[multiple=multiple],
.usa-select[multiple=multiple] {
    min-height: 10rem;
}

.usa-input--success.usa-combo-box__input,
.usa-input--success.usa-input,
.usa-input--success.usa-input-group,
.usa-input--success.usa-range,
.usa-input--success.usa-select,
.usa-input--success.usa-textarea {
    border-width: .25rem;
    border-color: #00a91c;
    border-style: solid
}




















.usa-link--external.usa-link--alt::after,
.usa-link--external::after {
    width: 1.75ex;
    content: "";
    height: 1.75ex;
    margin-left: 2px;
    background-position: center;
    display: inline;
    padding-left: 1.75ex;
    vertical-align: middle
}

.usa-link--external::after {
    background: url(../img/usa-icons/launch.svg) no-repeat center/1.75ex 1.75ex
}

@supports ((-webkit-mask:url()) or (mask:url())) {
    .usa-link--external::after {
        background: 0 0;
        background-color: currentColor;
        -webkit-mask: url(../img/usa-icons/launch.svg) no-repeat center/1.75ex 1.75ex;
        mask: url(../img/usa-icons/launch.svg) no-repeat center/1.75ex 1.75ex
    }
}

.usa-link--external.usa-link--alt::after {
    background: url(../img/usa-icons-bg/launch--white.svg) no-repeat center/1.75ex 1.75ex
}

@supports ((-webkit-mask:url()) or (mask:url())) {
    .usa-link--external.usa-link--alt::after {
        background: 0 0;
        background-color: currentColor;
        -webkit-mask: url(../img/usa-icons/launch.svg) no-repeat center/1.75ex 1.75ex;
        mask: url(../img/usa-icons/launch.svg) no-repeat center/1.75ex 1.75ex
    }
}

.usa-list--unstyled,
.usa-prose .usa-list--unstyled { margin-bottom: 0;
    margin-top: 0;
    list-style-type: none;
    padding-left: 0
}

.usa-accordion>li,
.usa-breadcrumb__list>li,
.usa-collection__item>li,
.usa-collection__meta>li,
.usa-icon-list>li,
.usa-list--unstyled>li,
.usa-prose .usa-collection__item>li,
.usa-prose .usa-icon-list>li,
.usa-prose .usa-list--unstyled>li { margin-bottom: 0;
    max-width: unset
}






.usa-alert--info .usa-link:active,
.usa-alert--info .usa-link:hover,
.usa-alert__text a:hover {
    color: #1a4480
}


.usa-card-group,
.usa-footer__nav>ul,
.usa-prose .usa-card-group { margin-bottom: 0;
    margin-top: 0;
    list-style-type: none;
    padding-left: 0
}

.usa-card-group { display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: stretch;
    margin-left: -.5rem;
    margin-right: -.5rem
}

@media all and (min-width:40em) {
    .usa-card-group {
        flex-direction: row
    }
}

.usa-card { margin-bottom: 2.5rem;
    max-width: none
}

.usa-card:last-child,
.usa-prose .usa-card:last-child { margin-bottom: 2.5rem
}

@media all and (min-width:40em) {
    .usa-card {
        margin-bottom: 2rem
    }

    .usa-card:last-child {
        margin-bottom: 2rem
    }
}

.usa-prose .usa-card { margin-bottom: 2.5rem;
    max-width: none
}

@media all and (min-width:40em) {
    .usa-prose .usa-card {
        margin-bottom: 2rem
    }

    .usa-prose .usa-card:last-child {
        margin-bottom: 2rem
    }
}

.usa-card__container {
    color: #1b1b1b;
    background-color: #fff;
    font-family: Source Sans Pro Web, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
    font-size: 1.06rem;
    line-height: 1.5;
    border-width: 2px;
    border-color: #e6e6e6;
    border-style: solid;
    display: flex;
    height: 100%;
    flex-direction: column;
    margin-left: .5rem;
    margin-right: .5rem;
    position: relative;
    border-radius: .25rem;
    overflow: hidden;
}

.usa-card:not(.usa-card--flag) .usa-card__container>:only-child {
    padding: 1.5rem
}

.usa-card .usa-card__img { display: block
}

.usa-card__header {
    padding: 1.5rem 1.5rem .5rem
}

.usa-card__header:last-child {
    padding-bottom: 1.5rem
}

h1.usa-card__heading,
h2.usa-card__heading,
h3.usa-card__heading,
h4.usa-card__heading,
h5.usa-card__heading,
h6.usa-card__heading,
.usa-card__heading h1,
.usa-card__heading h2,
.usa-card__heading h3,
.usa-card__heading h4,
.usa-card__heading h5,
.usa-card__heading { 
    font-family: Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;
    font-size: 1.22rem !important;
    line-height: 1.2;
    margin: 0
}

a.usa-card,
.usa-card__heading a {
    text-decoration: none;
}

.usa-card__media {
    order: -1;
    min-height: 1px
}

.usa-card__img {
    border-top-left-radius: calc(.25rem - 2px);
    border-top-right-radius: calc(.25rem - 2px);
    background-color: #f0f0f0;
    position: relative;
    overflow: hidden
}

.usa-card__img img { display: block;
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.usa-card__media--inset {
    padding-top: 1.5rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

.usa-card__media--inset .usa-card__img {
    border-radius: 0
}

.usa-card__body { flex: 1 1 0%;
    padding: .5rem 1.5rem;
    flex-basis: auto
}

.usa-card__body:last-child {
    padding-bottom: 1.5rem
}

.usa-card__body:first-child {
    padding-top: 1.5rem
}

.usa-card__body:only-child {
    padding-bottom: 1.5rem;
    padding-top: 1.5rem
}

.usa-card__footer {
    padding: .5rem 1.5rem 1.5rem
}

.usa-card__footer .usa-button:only-of-type { margin-right: 0
}

.usa-card__body>:last-child,
.usa-card__header>:last-child {
    padding-bottom: 0;
    margin-bottom: 0
}

.usa-card__body>:first-child,
.usa-card__header>:first-child { margin-top: 0;
    padding-top: 0
}

.usa-card__body>:only-child,
.usa-card__header>:only-child { margin-bottom: 0;
    margin-top: 0;
    padding-bottom: 0;
    padding-top: 0
}

.usa-card__body--exdent,
.usa-card__footer--exdent,
.usa-card__header--exdent,
.usa-card__media--exdent { margin-left: -2px;
    margin-right: -2px
}

.usa-card__body--exdent>*,
.usa-card__footer--exdent>*,
.usa-card__header--exdent>* {
    padding-left: 2px;
    padding-right: 2px
}

.usa-card__media--exdent { margin-top: -2px
}

.usa-card__media--exdent .usa-card__img {
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem
}

.usa-card--header-first .usa-card__header {
    border-top-left-radius: calc(.25rem - 2px);
    border-top-right-radius: calc(.25rem - 2px);
    padding-bottom: 1rem
}

.usa-card--header-first .usa-card__header--exdent { margin-top: -2px;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem
}

.usa-card--header-first .usa-card__media--inset {
    padding-top: 0
}

.usa-card--header-first .usa-card__media {
    order: 0
}

.usa-card--header-first .usa-card__img {
    border-radius: 0
}

.usa-card--header-first .usa-card__body {
    padding-top: 1rem
}

@media all and (min-width:40em) {
    .usa-card--flag .usa-card__media { display: flex;
        overflow: hidden;
        bottom: 0;
        top: 0;
        left: 0;
        position: absolute;
        /* width: 15rem */
        width: 25%;
        height: 100%;
    }
    .usa-card--flag.half .usa-card__media { display: flex;
        overflow: hidden;
        bottom: 0;
        top: 0;
        left: 0;
        position: absolute;
        width: 50%;
    }

    .usa-card--flag .usa-card__img {
        border-radius: 0;
        border-top-left-radius: calc(.25rem - 2px);
        border-bottom-left-radius: calc(.25rem - 2px);
        width: 100%;
    }

    .usa-card--flag .usa-card__body,
    .usa-card--flag .usa-card__footer,
    .usa-card--flag .usa-card__header {
        /* margin-left: 15rem */
        margin-left: 25%
    }

    .usa-card--flag .usa-card__media--exdent { margin: -2px 0 -2px -2px
    }

    .usa-card--flag .usa-card__media--exdent .usa-card__img {
        border-bottom-left-radius: .25rem;
        border-top-left-radius: .25rem
    }

    .usa-card--flag .usa-card__media--inset {
        padding-right: 0;
        padding-bottom: 1.5rem
    }

    .usa-card--flag .usa-card__media--inset .usa-card__img,
    .usa-card--flag.usa-card--media-right .usa-card__media--inset .usa-card__img {
        border-radius: 0
    }

    .usa-card--flag.usa-card--header-first .usa-card__header {
        padding-bottom: .5rem
    }

    .usa-card--flag.usa-card--header-first .usa-card__body {
        padding-top: .5rem
    }

    .usa-card--flag.usa-card--header-first .usa-card__media--inset {
        padding-top: 1.5rem
    }

    .usa-card--flag.usa-card--media-right .usa-card__media {
        left: auto;
        right: 0
    }

    .usa-card--flag.usa-card--media-right .usa-card__media--inset {
        padding-left: 0;
        padding-right: 1.5rem
    }

    .usa-card--flag.usa-card--media-right .usa-card__img {
        border-radius: 0;
        border-top-right-radius: calc(.25rem - 2px);
        border-bottom-right-radius: calc(.25rem - 2px)
    }

    .usa-card--flag.usa-card--media-right .usa-card__body,
    .usa-card--flag.usa-card--media-right .usa-card__footer,
    .usa-card--flag.usa-card--media-right .usa-card__header {
        margin-left: 0;
        /* margin-right: 15rem */
        margin-right: 25%;
    }
    .usa-card--flag.half.usa-card--media-right .usa-card__body,
    .usa-card--flag.half.usa-card--media-right .usa-card__footer,
    .usa-card--flag.half.usa-card--media-right .usa-card__header {
        margin-left: 0;
        margin-right: 50%
    }

    .usa-card--flag.usa-card--media-right .usa-card__media--exdent {
        margin-right: -2px;
        margin-left: 0
    }

    .usa-card--flag.usa-card--media-right .usa-card__media--exdent .usa-card__img {
        border-radius: 0;
        border-bottom-right-radius: .25rem;
        border-top-right-radius: .25rem
    }
}

.usa-card:not(.usa-card--flag).usa-card__media--set-aspect {
    box-sizing: border-box;
    height: 0;
    overflow: hidden;
    padding: 0 0 56.25%;
    position: relative
}

.usa-card:not(.usa-card--flag).usa-card__media--set-aspect .usa-card__img {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0
}

.usa-checklist { margin-bottom: 0;
    margin-top: 0;
    list-style-type: none;
    padding-left: 0;
    font-family: Source Sans Pro Web, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
    font-size: 1.06rem;
    line-height: 1.5
}






















.usa-process-list>.usa-process-list__item,
.usa-prose .usa-process-list>.usa-process-list__item {
    max-width: 100%;
}












.usa-site-alert--info .usa-alert:before {
    background: url(../img/usa-icons/info.svg) no-repeat center/2rem 2rem;
    width: 2rem;
    content: "";
    display: block;
    height: 3.5rem;
    position: absolute;
    top: 0
}



.usa-site-alert--info .usa-alert.usa-alert--slim:before {
    background-size: 1.5rem;
    height: 2.5rem;
    width: 1.5rem
}





.usa-site-alert--info .usa-alert .usa-link:active,
.usa-site-alert--info .usa-alert .usa-link:hover {
    color: #1a4480
}

.usa-site-alert--info .usa-alert.usa-alert--no-icon:before { display: none
}





.usa-site-alert--emergency .usa-alert:before {
    background: url(../img/usa-icons-bg/error--white.svg) no-repeat center/2rem 2rem;
    width: 2rem;
    content: "";
    display: block;
    height: 3.5rem;
    position: absolute;
    top: 0
}

@supports ((-webkit-mask:url()) or (mask:url())) {
    .usa-site-alert--emergency .usa-alert:before {
        background: 0 0;
        background-color: #fff;
        -webkit-mask: url(../img/usa-icons/error.svg) no-repeat center/2rem 2rem;
        mask: url(../img/usa-icons/error.svg) no-repeat center/2rem 2rem
    }
}

.usa-site-alert--emergency .usa-alert.usa-alert--slim:before {
    background-size: 1.5rem;
    height: 2.5rem;
    width: 1.5rem
}

@supports ((-webkit-mask:url()) or (mask:url())) {
    .usa-site-alert--emergency .usa-alert.usa-alert--slim:before {
        -webkit-mask-size: 1.5rem;
        mask-size: 1.5rem
    }
}

.usa-site-alert--emergency .usa-alert .usa-link,
.usa-site-alert--emergency .usa-alert .usa-link:visited {
    color: #e6e6e6
}

.usa-site-alert--emergency .usa-alert .usa-link:active,
.usa-site-alert--emergency .usa-alert .usa-link:hover {
    color: #f0f0f0
}

.usa-site-alert--emergency .usa-alert.usa-alert--no-icon:before { display: none
}

.usa-site-alert--emergency .usa-alert.usa-alert--no-icon .usa-alert__body {
    padding-left: 1.25rem
}

.usa-site-alert--emergency .usa-alert:before { left: 1rem
}

@media all and (min-width:64em) {
    .usa-site-alert--emergency .usa-alert:before {
        left: 2rem
    }
}

.usa-site-alert--emergency .usa-alert__body {
    padding-right: 1rem;
    padding-left: 3.75rem
}

@media all and (min-width:64em) {
    .usa-site-alert--emergency .usa-alert__body {
        padding-right: 2rem;
        padding-left: 4.75rem
    }
}

.usa-site-alert--no-icon .usa-alert:before { display: none
}

.usa-site-alert--no-icon .usa-alert .usa-alert__body {
    padding-left: 1rem
}

@media all and (min-width:64em) {
    .usa-site-alert--no-icon .usa-alert .usa-alert__body {
        padding-left: 2rem
    }
}

.usa-site-alert--slim .usa-alert {
    padding-bottom: .5rem;
    padding-top: .5rem
}

.usa-site-alert--slim .usa-alert:before {
    background-size: 1.5rem;
    height: 2.5rem;
    width: 1.5rem
}

@supports ((-webkit-mask:url()) or (mask:url())) {
    .usa-site-alert--slim .usa-alert:before {
        -webkit-mask-size: 1.5rem;
        mask-size: 1.5rem
    }
}

.usa-site-alert--slim .usa-alert__body {
    padding-left: 3.25rem
}

@media all and (min-width:64em) {
    .usa-site-alert--slim .usa-alert__body {
        padding-left: 4.25rem
    }
}

.usa-skipnav { font-family: Source Sans Pro Web, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
    font-size: 1.06rem;
    line-height: 1.5;
    color: #005ea2;
    text-decoration: underline;
    background: 0 0;
    left: 0;
    padding: .5rem 1rem;
    position: absolute;
    top: -3.8rem;
    transition: .15s ease-in-out;
    z-index: 100
}

.usa-skipnav:visited {
    color: #54278f
}

.usa-skipnav:hover {
    color: #1a4480
}

.usa-skipnav:active {
    color: #162e51
}

.usa-skipnav:focus {
    outline: .25rem solid #2491ff;
    outline-offset: 0
}

.usa-skipnav.usa-focus,
.usa-skipnav:focus {
    background: #fff;
    left: 0;
    position: absolute;
    top: 0;
    transition: .15s ease-in-out
}

.usa-step-indicator { font-family: Source Sans Pro Web, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
    font-size: 1.06rem;
    line-height: 1.1;
    background-color: #fff;
    margin-bottom: 2rem;
    margin-left: -1px;
    margin-right: -1px
}

@media all and (min-width:40em) {
    .usa-step-indicator {
        margin-left: 0;
        margin-right: 0
    }
}

.usa-step-indicator__segments {
    counter-reset: usa-step-indicator;
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0
}

.usa-step-indicator__segment { flex: 1 1 0%;
    counter-increment: usa-step-indicator;
    margin-left: 1px;
    margin-right: 1px;
    max-width: 15rem;
    min-height: .5rem;
    position: relative
}

.usa-step-indicator__segment:after {
    background-color: #e6e6e6;
    content: "";
    display: block;
    height: .5rem;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

@media all and (min-width:40em) {
    .usa-step-indicator__segment:after {
        height: .5rem
    }
}

.usa-step-indicator__segment--complete::after {
    background-color: #162e51
}

.usa-step-indicator__segment--complete .usa-step-indicator__segment-label {
    color: #162e51
}

.usa-step-indicator__segment--current::after {
    background-color: #005ea2
}

.usa-step-indicator__segment--current .usa-step-indicator__segment-label {
    color: #005ea2;
    font-weight: 700
}

.usa-step-indicator__segment-label { display: none
}

@media all and (min-width:40em) {
    .usa-step-indicator__segment-label {
        color: #5c5c5c;
        display: block;
        font-size: 1.06rem;
        margin-top: calc(.5rem + .5rem);
        padding-right: 2rem;
        text-align: left
    }
}

.usa-step-indicator__header {
    align-items: baseline;
    display: flex
}

.usa-step-indicator__heading {
    color: #1b1b1b;
    font-family: Source Sans Pro Web, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
    font-size: 1.13rem;
    font-weight: 700;
    margin: 1rem 0 0
}

@media all and (min-width:40em) {
    .usa-step-indicator__heading {
        font-size: 1.33rem;
        margin-top: 2rem
    }
}

.usa-step-indicator__current-step { height: 2.5rem;
    border-radius: 99rem;
    width: 2.5rem;
    font-weight: 400;
    background-color: #005ea2;
    color: #fff;
    display: inline-block;
    padding: calc((2.5rem - (2ex*1.1))*.5);
    text-align: center;
    font-feature-settings: "tnum"1, "kern"1;
}

.usa-step-indicator__total-steps { font-weight: 400;
    color: #005ea2;
    margin-right: .5rem;
    font-feature-settings: "tnum"1, "kern"1;
}

@media all and (min-width:40em) {

    .usa-step-indicator--counters .usa-step-indicator__segment,
    .usa-step-indicator--counters-sm .usa-step-indicator__segment {
        margin-left: 0;
        margin-right: 0;
        margin-top: calc(((2.5rem - .5rem)/2) + .25rem)
    }

    .usa-step-indicator--counters .usa-step-indicator__segment:before,
    .usa-step-indicator--counters-sm .usa-step-indicator__segment:before {
        height: 2.5rem;
        border-radius: 99rem;
        width: 2.5rem;
        background-color: #fff;
        box-shadow: inset 0 0 0 .25rem #e6e6e6, 0 0 0 .25rem #fff;
        color: #5c5c5c;
        content: counter(usa-step-indicator);
        display: block;
        font-weight: 700;
        left: 0;
        line-height: .9;
        padding: calc((2.5rem - (2ex*.9))*.5);
        position: absolute;
        text-align: center;
        top: calc((2.5rem - .5rem)/-2);
        z-index: 100;
        font-feature-settings: "tnum"1, "kern"1;
    }

    .usa-step-indicator--counters .usa-step-indicator__segment:last-child:after,
    .usa-step-indicator--counters-sm .usa-step-indicator__segment:last-child:after { display: none
    }
}

.usa-step-indicator--counters .usa-step-indicator__segment--complete::before,
.usa-step-indicator--counters-sm .usa-step-indicator__segment--complete::before {
    background-color: #162e51;
    box-shadow: 0 0 0 .25rem #fff;
    color: #fff
}

.usa-step-indicator--counters .usa-step-indicator__segment--current::before,
.usa-step-indicator--counters-sm .usa-step-indicator__segment--current::before {
    background-color: #005ea2;
    box-shadow: 0 0 0 .25rem #fff;
    color: #fff
}

@media all and (min-width:40em) {
    .usa-step-indicator--counters .usa-step-indicator__segment-label {
        margin-top: calc(((2.5rem + .5rem)/2) + .5rem)
    }

    .usa-step-indicator--counters-sm.usa-step-indicator--center .usa-step-indicator__segment:first-child:after,
    .usa-step-indicator--counters.usa-step-indicator--center .usa-step-indicator__segment:first-child:after {
        left: 50%;
        right: 0;
        width: auto
    }

    .usa-step-indicator--counters-sm.usa-step-indicator--center .usa-step-indicator__segment:last-child:after,
    .usa-step-indicator--counters.usa-step-indicator--center .usa-step-indicator__segment:last-child:after { display: block;
        left: 0;
        right: 50%;
        width: auto
    }

    .usa-step-indicator--counters-sm .usa-step-indicator__segment {
        margin-top: calc(((1.5rem - .5rem)/2) + .25rem)
    }

    .usa-step-indicator--counters-sm .usa-step-indicator__segment:before {
        height: 1.5rem;
        border-radius: 99rem;
        width: 1.5rem;
        font-size: .93rem;
        padding: calc(.25rem + 1px);
        top: calc((1.5rem - .5rem)/-2)
    }

    .usa-step-indicator--counters-sm .usa-step-indicator__segment:last-child:after { display: none
    }

    .usa-step-indicator--counters-sm .usa-step-indicator__segment-label {
        margin-top: calc(((1.5rem + .5rem)/2) + .5rem)
    }
}

.usa-step-indicator--center,
.usa-step-indicator--no-labels { margin-left: -1px;
    margin-right: -1px
}

.usa-step-indicator--no-labels .usa-step-indicator__segment { margin-top: 0;
    margin-left: 1px;
    margin-right: 1px
}

.usa-step-indicator--no-labels .usa-step-indicator__segment:before { display: none
}

.usa-step-indicator--no-labels .usa-step-indicator__segment:last-child:after { display: block
}

.usa-step-indicator--no-labels .usa-step-indicator__heading { margin-top: 1rem
}

.usa-step-indicator--no-labels .usa-step-indicator__segment-label { display: none
}

.usa-step-indicator--center .usa-step-indicator__segment { margin-left: 1px;
    margin-right: 1px
}

.usa-step-indicator--center .usa-step-indicator__segment:before { left: calc(50% - (2.5rem + .25rem)/2)
}

.usa-step-indicator--center .usa-step-indicator__segment-label {
    padding-left: .5rem;
    padding-right: .5rem;
    text-align: center
}

.usa-step-indicator--center.usa-step-indicator--no-labels .usa-step-indicator__segment:first-child:after { left: 0
}

.usa-step-indicator--center.usa-step-indicator--no-labels .usa-step-indicator__segment:last-child:after {
    right: 0
}

.usa-step-indicator--center.usa-step-indicator--counters-sm .usa-step-indicator__segment:before { left: calc(50% - (1.5rem + .25rem)/2)
}





.usa-grid-container { margin-left: auto;
    margin-right: auto;
    max-width: 87.5rem;
    padding-left: 1rem;
    padding-right: 1rem
}

@media all and (min-width:64em) {
    .usa-grid-container {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

.usa-grid-row { display: flex !important;
    flex-wrap: wrap !important;
    flex-direction: column;
    align-items: stretch
}

@media all and (min-width:40em) {
    .usa-grid-row {
        margin-left: -.5rem;
        margin-right: -.5rem;
        flex-direction: row
    }

    .usa-grid-row>* {
        padding-left: .5rem;
        padding-right: .5rem
    }
}

.usa-grid-col { flex: 0 1 auto;
    max-width: 100%;
    width: 100%
}

@media all and (min-width:40em) {
    .usa-grid-col {
        flex: 0 1 auto;
        width: 50%
    }
}

.default-container {
    background-color: #fcfcfc
}

body,
html { height: auto;
    color: rgba(0, 0, 0, .8)
}

.usa-center {
    text-align: center
}

.site-header .usa-button-list li,
.usa-prose .site-prose,
body,
html { font-family: Public Sans Web, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol
}

.usa-prose .site-prose,
body,
html { font-size: 1rem;
    line-height: 1.6
}

.sticky {
    position: sticky;
    top: 0;
    background-color: #fff;
}
.sticky .usa-logo.site-logo .logo-img img {
    height: 40px;
}

.sticky::after,
.sticky::before {
    content: "";
    display: table
}

.site-header {
    background-color: #252f3e
}

@media all and (min-width:64em) {
    .site-header {
        border-bottom: none
    }
}

.site-header .site-logo { margin-left: 1rem
}

@media all and (min-width:64em) {
    .site-header .site-logo { display: inherit;
        float: left;
        margin-bottom: 0;
        margin-left: 2rem
    }

    .site-header .site-logo .usa-logo__text { display: inherit;
        letter-spacing: -.01em
    }
}

.site-header .usa-button-list { display: none;
    margin-top: -.25rem
}

@media all and (min-width:64em) {
    .site-header .usa-button-list {
        float: right;
        line-height: 5rem;
        margin-top: 0;
        display: block;
        padding-right: 2rem
    }
}

.site-header .usa-button-list li { display: inline
}

.button_wrapper button:last-child,
.site-header .usa-button-list li:last-child .usa-button { margin-right: 0
}

.site-header .usa-button-list .usa-button { margin-bottom: 0;
    margin-top: 0
}

@media all and (min-width:64em) {
    .navbar__search .usa-input {
        background-color: #13171f;
        color: #fff;
        height: 39px
    }

    .navbar__search .usa-button {
        height: 39px
    }
}

.product-roadmap-list li {
    max-width: 100%
}

.site-banner .usa-banner__header-text {
    color: #fff
}

.site-header-navbar {
    background-color: #fff;
    border-bottom: none !important }

@media all and (min-width:64em) {
    .site-header-navbar {
        height: 5rem;
        width: 100%;
        display: block
    }
}

@-moz-document url-prefix() {
    @media all and (min-width:64em) {
        .site-header-navbar {
            padding-top: 1px
        }
    }
}

.sidenav-mobile .usa-button.usa-button--outline-inverse {
    box-shadow: inset 0 0 0 2px #4a77b4;
    color: #4a77b4
}

.sidenav-mobile .usa-button.usa-button--outline-inverse:hover {
    box-shadow: inset 0 0 0 "px"#2f4668;
    color: #2f4668
}

@media all and (min-width:64em) {
    .sidenav-mobile { display: none
    }
}

.sidenav-mobile .usa-button-list { margin-top: 2rem
}

.sidenav-mobile .usa-button { margin-top: .5rem
}

@media all and (min-width:64em) {
    .site-logo {
        margin-top: 2px
    }
}

.site-logo a,
.site-nav-secondary .usa-current:hover {
    color: rgba(0, 0, 0, .8)
}

.site-logo .usa-logo__text,
.site-nav-secondary a { font-family: Public Sans Web, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
    font-size: .94rem
}

.site-logo .usa-logo__text { line-height: .5rem
}

@media all and (min-width:32em) {
    
    .site-logo .usa-logo__text { line-height: 1.5rem
    }
}
@media all and (min-width:64em) {
    .site-logo .usa-logo__text {
        font-family: Public Sans Web, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
        font-size: 1.25rem;
        line-height: 1;
        line-height: 1.5rem
    }
}

.site-nav-secondary { display: none
}

@media all and (min-width:64em) {
    .site-nav-secondary {
        background-color: #fff;
        border-bottom: 2px solid rgba(0, 0, 0, .1);
        clear: both;
        display: block;
        height: 3rem;
        padding-left: 1rem;
        z-index: 100
    }
}

.site-nav-secondary.sticky {
    z-index: 200
}

.site-accordion-code .usa-unstyled-list>li,
.site-nav-secondary ul>li { margin-bottom: 0;
    max-width: unset
}

.site-nav-secondary ul li { display: inline
}

.site-nav-secondary a { line-height: 1;
    color: #757575;
    display: inline-block;
    font-weight: 400;
    height: 3rem;
    padding: 1rem;
    position: relative;
    text-decoration: none
}

.page-home .site-nav-secondary a {
    color: #1b1b1b
}

.site-nav-secondary a:hover {
    position: relative;
    color: #2672de
}

.site-nav-secondary .usa-current::after,
.site-nav-secondary a:hover::after {
    background-color: #2672de;
    border-radius: 0;
    content: "";
    display: block;
    position: absolute;
    height: .25rem;
    left: 1rem;
    right: 1rem;
    bottom: 0
}

.site-nav-secondary .usa-current {
    position: relative;
    color: rgba(0, 0, 0, .8);
    font-weight: 700
}

.site-sidenav.usa-sidenav { font-family: Public Sans Web, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
    font-size: .94rem;
    line-height: 1.4;
    background-color: #fff;
    border: 2px solid rgba(0, 0, 0, .1);
    border-radius: .25rem;
    padding: 0
}

.site-sidenav.usa-sidenav a {
    padding-left: 1rem;
    padding-right: 1rem;
    color: #2e2e2e
}

.site-sidenav.usa-sidenav a:hover {
    background-color: transparent;
    color: #2672de
}

.site-sidenav.usa-sidenav .usa-current {
    color: #2e2e2e;
    position: static
}

.site-sidenav.usa-sidenav .usa-current::after {
    border-radius: 0;
    background-color: #2672de;
    bottom: -1px;
    left: -2px;
    top: 0;
    z-index: 100
}

.site-sidenav.usa-sidenav .usa-sidenav__item:first-child .usa-current::after {
    border-top-left-radius: .25rem;
    top: -2px
}

.site-sidenav.usa-sidenav .usa-sidenav__item:last-child .usa-current::after {
    border-bottom-left-radius: .25rem;
    bottom: -2px
}

.site-sidenav.usa-sidenav .usa-sidenav__item {
    border-top: none;
    line-height: 1.4;
    position: relative
}

.site-sidenav.usa-sidenav .usa-sidenav__item+.usa-sidenav__item a {
    border-top: 1px solid rgba(0, 0, 0, .05)
}

.site-sidenav.usa-sidenav .usa-sidenav__item.is-current {
    background-color: #fcfcfc
}

.site-sidenav.usa-sidenav .usa-sidenav__item.is-current .is-current {
    background-color: transparent
}

.site-sidenav.usa-sidenav .usa-sidenav__sublist { font-size: .81rem
}

.site-sidenav.usa-sidenav .usa-sidenav__sublist a {
    border-top: 1px solid rgba(0, 0, 0, .05);
    padding-left: 1rem
}

.site-sidenav.usa-sidenav .usa-sidenav__sublist .usa-current {
    color: #2672de
}

.site-sidenav.usa-sidenav .usa-sidenav__sublist .usa-sidenav__sublist a {
    padding-left: 2rem
}

.sidenav,
pre code::after,
pre code::before { display: none
}

@media all and (min-width:64em) {
    .sidenav { display: block;
        float: left;
        margin-bottom: 3rem;
        margin-top: 2rem;
        padding-right: 0;
        padding-left: 2rem;
        width: 15rem
    }
}

.sidenav .usa-navigation-submenu[aria-hidden=false] { display: block
}

.main-content {
    right: 0;
    left: 0;
    bottom: 0;
    margin:auto;
    /* display: inline-block; */
    margin-top: 2.5rem;
    position: relative;
    width: 100%
}

@media all and (min-width:64em) {
    .main-content { width: calc(100% - 15rem)
    }
}

.lt-ie9 .main-content {
    width: 75%
}

.site-h2,
.styleguide-content>h2 { margin-top: 2rem
}

.site-h2,
.site-prose .site-component-section-title,
.styleguide-content>h2 { font-family: Public Sans Web, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
    font-size: 1.75rem;
    line-height: 1.2;
    color: rgba(0, 0, 0, .8)
}

.site-h2+p,
.site-prose .site-component-section-title+p,
.styleguide-content header+p,
.styleguide-content>h2+p { margin-top: .75rem
}

.styleguide-content {
    padding-left: 1rem;
    padding-right: 1rem;
    margin-bottom: 3rem;
    max-width: 87.5rem;
    position: relative
}

@media all and (min-width:64em) {
    .styleguide-content {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

.styleguide-content header>h1 { margin-top: 0;
    margin-bottom: 0
}

.label-archived,
.label-cancelled,
.label-stale,
.styleguide-content>h3,
.styleguide-content>h4,
.styleguide-content>h5 { font-family: Public Sans Web, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol
}

.styleguide-content>h3 { font-size: 1.06rem;
    line-height: 1.4
}

.styleguide-content>h3+p,
.styleguide-content>h4+ol,
.styleguide-content>h4+p,
.styleguide-content>h4+ul { margin-top: .5rem
}

.label-archived,
.label-cancelled,
.label-stale,
.styleguide-content>h4,
.styleguide-content>h5 { font-size: .88rem
}

.styleguide-content>h4 { line-height: 1.4;
    text-transform: uppercase;
    color: rgba(0, 0, 0, .8);
    font-weight: 400;
    letter-spacing: .1em;
    margin-top: 1.5rem
}

.label-archived,
.label-cancelled,
.label-stale,
.styleguide-content>h5 { font-weight: 700
}

.styleguide-content>h5 { line-height: 1.4;
    color: rgba(0, 0, 0, .8);
    margin-top: 1rem
}

.styleguide-content>h5+ol,
.styleguide-content>h5+p,
.styleguide-content>h5+ul {
    border-top: 1px solid #e6e6e6;
    padding-top: .5rem;
    margin-top: .25rem
}

.usa-prose>.usa-button-group {
    padding-left: 0
}

.label-archived,
.label-cancelled,
.label-stale { line-height: 1.5;
    display: inline-block;
    margin-left: .75rem;
    position: absolute;
    text-decoration: none
}

.label-done,
.label-recommended {
    color: #1b1b1b;
    font-weight: 700
}

.label-alpha,
.label-beta,
.label-done,
.label-in-progress,
.label-next,
.label-recommended,
.label-upcoming { font-family: Public Sans Web, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
    font-size: .88rem;
    line-height: 1.5;
    display: inline-block;
    margin-left: .75rem;
    position: absolute;
    text-decoration: none
}

.label-alpha,
.label-beta,
.label-in-progress,
.label-next { font-weight: 700
}

.label-alpha,
.label-in-progress {
    color: #1b1b1b
}

[href^=http].label-alpha:not([href*=".gov"])::after,
[href^=http].label-archived:not([href*=".gov"])::after,
[href^=http].label-beta:not([href*=".gov"])::after,
[href^=http].label-cancelled:not([href*=".gov"])::after,
[href^=http].label-done:not([href*=".gov"])::after,
[href^=http].label-in-progress:not([href*=".gov"])::after,
[href^=http].label-next:not([href*=".gov"])::after,
[href^=http].label-recommended:not([href*=".gov"])::after,
[href^=http].label-stale:not([href*=".gov"])::after,
[href^=http].label-upcoming:not([href*=".gov"])::after { display: none
}

.label-alpha,
.label-in-progress {
    background-color: #ffbe2e
}

.label-beta,
.label-next {
    background-color: #0050d8;
    color: #fff
}

.label-upcoming {
    letter-spacing: .025em;
    font-weight: 400;
    border-color: #adadad;
    border-width: 1px;
    border-style: solid;
    color: #5c5c5c;
    background-color: transparent
}

.label-done,
.label-recommended {
    background-color: #70e17b
}

.label-cancelled {
    background-color: #e52207;
    color: #fff
}

.label-archived,
.label-stale {
    color: #1b1b1b;
    background-color: #f2938c
}

.label-stale {
    background-color: #face00
}

.heading-margin-alt { margin-top: 3.5rem
}

.site-subheading { margin-bottom: 0;
    clear: both;
    font-family: Source Sans Pro Web, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
    line-height: 1.1;
    font-weight: 400;
    text-transform: uppercase;
    font-family: Public Sans Web, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
    font-size: .81rem;
    color: rgba(0, 0, 0, .6);
    letter-spacing: .025em;
    margin-bottom: .5rem;
    margin-top: 0
}

*+.site-subheading { margin-top: 1.5em
}

.site-subheading+* { margin-top: 1em
}

.cta img { height: 1rem;
    margin-right: .25rem;
    position: relative;
    top: 2px;
    vertical-align: baseline
}

.site-footer { font-family: Public Sans Web, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
    font-size: 1rem;
    line-height: 1.6;
    clear: both
}

.site-footer h3 { margin-top: 0
}

.site-footer .logo-links { margin-bottom: .5rem;
    margin-right: 1.25rem
}

@media all and (min-width:40em) {
    .site-footer .logo-links {
        float: left;
        margin-bottom: 0
    }
}

.site-footer .logo-links img {
    width: 2rem
}

.site-footer .logo-links a { display: inline-block;
    line-height: 0
}

.site-footer .usa-footer__secondary-section {
    padding-bottom: 0;
    padding-top: 1rem;
    background-color: #f0f0f0
}

@media all and (min-width:40em) {
    .site-footer .usa-footer__secondary-section {
        padding-top: 2rem
    }
}

.footer-main-img { display: none;
    max-width: 10rem
}

@media all and (min-width:40em) {
    .footer-main-img { display: block;
        margin: 0;
        width: 100%
    }
}

.footer-content { margin-bottom: 2.5rem
}

.footer-contact-links a,
.footer-contact-links h3,
.footer-content h2 { font-family: Public Sans Web, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol
}

.footer-content h2 { font-size: 1.25rem;
    line-height: 1.2;
    margin: 0
}

.footer-content p {
    max-width: 72ex
}

.footer-contact-links { margin-left: -.5rem;
    margin-right: -.5rem
}

.footer-contact-links>* {
    padding-left: .5rem;
    padding-right: .5rem
}

.footer-contact-links a,
.footer-contact-links h3 { font-size: .88rem
}

.footer-contact-links h3 { font-weight: 400;
    margin-bottom: 0;
    margin-top: 2px
}

.footer-contact-links a {
    color: #2f4668;
    text-decoration: underline
}

.footer-contact-links img {
    width: 2.5rem
}

.footer-contact-links .usa-media-block {
    clear: both;
    line-height: 1.4;
    margin-top: 1.25rem
}

@media all and (min-width:40em) {
    .footer-contact-links .usa-media-block {
        margin-top: 0
    }

    .footer-contact-links {
        margin-top: 2rem
    }
}

.preview { margin-bottom: 1rem;
    margin-top: 1rem;
    background-color: #fff;
    padding: 1rem;
    border: 1px solid #f0f0f0
}

.preview::after {
    clear: both;
    content: "";
    display: block
}

.preview .usa-dark-background {
    padding-left: .5rem;
    padding-right: .5rem;
    display: inline-block
}

.preview>:first-child { margin-top: 0
}

.preview-no_border {
    border: 0;
    margin-bottom: 1.25rem;
    margin-top: 0;
    padding: 0
}

.grid-text .usa-grid h3,
.preview-lists .usa-heading-alt { margin-top: 0
}

.preview-dropdown {
    padding-top: 0
}

.page-grids .preview {
    border: 0;
    margin-bottom: 1.25rem;
    margin-top: 0;
    padding: 0
}

.page-grids .preview>:first-child { margin-top: 1rem
}

.grid-example .usa-grid {
    background: #f0f0f0
}

.grid-example .usa-grid>* { margin-bottom: .25rem;
    margin-top: .25rem;
    color: #fff;
    padding: .5rem;
    background: #757575
}

@media all and (min-width:40em) {
    .grid-example .usa-width-one-twelfth {
        padding-left: 0;
        padding-right: 0
    }
}

.grid-example-blank .usa-grid {
    text-align: center
}

.grid-text .usa-grid {
    background: #757575
}

.grid-text .usa-grid>* {
    background: #f0f0f0;
    color: #000
}

.grid-text .usa-grid p,
li.display-inline-block { margin-bottom: 0
}

h3+.button_wrapper { margin-top: -.25rem
}

.button_wrapper {
    clear: both;
    display: block;
    margin-left: -.5rem;
    padding: 0 .5rem
}

@media all and (min-width:30em) {
    .button_wrapper { display: table
    }
}

.button_wrapper-dark {
    background: #2e2e2e
}

.usa-heading {
    color: #2f4668
}

.usa-color-primary {
    background-color: #4a77b4
}

.usa-color-primary-darker {
    background-color: #2f4668
}

.usa-color-primary-darkest {
    background-color: #252f3e
}

.usa-color-base {
    background-color: #1b1b1b
}

.usa-color-gray-dark {
    background-color: #2e2e2e
}

.usa-color-gray-light {
    background-color: #adadad
}

.usa-color-white {
    background-color: #fff;
    box-shadow: inset 0 0 0 1px #565c65
}

.usa-color-primary-alt {
    background-color: #00bde3
}

.usa-color-primary-alt-dark {
    background-color: #28a0cb
}

.usa-color-primary-alt-darkest {
    background-color: #07648d
}

.usa-color-primary-alt-light {
    background-color: #97d4ea
}

.usa-color-primary-alt-lightest {
    background-color: #e1f3f8
}

.usa-color-secondary {
    background-color: #d83933
}

.usa-color-secondary-dark {
    background-color: #b50909
}

.usa-color-secondary-darkest {
    background-color: #8b0a03
}

.usa-color-secondary-light {
    background-color: #f2938c
}

.usa-color-secondary-lightest {
    background-color: #f3e1e4
}

.usa-color-gray {
    background-color: #565c65
}

.usa-color-gray-lighter {
    background-color: #dfe1e2
}

.usa-color-gray-lightest {
    background-color: #edeff0
}

.usa-color-gray-warm-dark {
    background-color: #454540
}

.usa-color-gray-warm-light {
    background-color: #e6e6e2
}

.usa-color-gray-cool-light {
    background-color: #ecf1f7
}

.usa-color-gold {
    background-color: #ffbe2e
}

.usa-color-gold-light {
    background-color: #ffe396
}

.usa-color-gold-lighter {
    background-color: #f5e6af
}

.usa-color-gold-lightest {
    background-color: #fef0c8
}

.usa-color-green {
    background-color: #4d8055
}

.usa-color-green-light {
    background-color: #5e9f69
}

.usa-color-green-lighter {
    background-color: #b4d0b9
}

.usa-color-green-lightest {
    background-color: #ecf3ec
}

.usa-color-cool-blue {
    background-color: #0b4778
}

.usa-color-cool-blue-light {
    background-color: #4a77b4
}

.usa-color-cool-blue-lighter {
    background-color: #98afd2
}

.usa-color-cool-blue-lightest {
    background-color: #e1e7f1
}

.usa-color-focus {
    background-color: #2491ff
}

.usa-color-visited {
    background-color: #54278f
}

.usa-color-text-primary-darkest {
    color: #252f3e
}

.usa-color-text-primary-darker {
    color: #2f4668
}

.usa-color-text-cool-blue-light,
.usa-color-text-primary {
    color: #4a77b4
}

.usa-color-text-primary-alt-darkest,
code[class*=language-] .token.boolean,
code[class*=language-] .token.constant,
code[class*=language-] .token.deleted,
code[class*=language-] .token.number,
code[class*=language-] .token.property,
code[class*=language-] .token.symbol,
code[class*=language-] .token.tag {
    color: #07648d
}

.usa-color-text-green {
    color: #4d8055
}

.usa-color-text-visited {
    color: #54278f
}

.usa-color-text-gray-dark {
    color: #2d2e2f
}

.usa-color-text-gray {
    color: #565c65
}

.usa-color-text-gray-warm-dark {
    color: #454540
}

.usa-color-text-secondary-darkest {
    color: #8b0a03
}

.usa-color-text-secondary-dark {
    color: #b50909
}

.usa-color-text-secondary,
code[class*=language-] .na,
code[class*=language-] .token.attr-name,
code[class*=language-] .token.builtin,
code[class*=language-] .token.char,
code[class*=language-] .token.inserted,
code[class*=language-] .token.selector,
code[class*=language-] .token.string {
    color: #d83933
}

.usa-color-text-white {
    color: #fff
}

.usa-heading-alt {
    border-bottom: 1px solid #565c65;
    padding-bottom: .5rem
}

.usa-typography-example-font {
    padding-top: .5rem
}

.usa-typography-example-font .usa-font-example p,
.usa-typography-example-font h1,
.usa-typography-example-font h2,
.usa-typography-example-font h3,
.usa-typography-example-font h4,
.usa-typography-example-font h5,
.usa-typography-example-font h6 { margin: 0
}

@media all and (min-width:40em) {
    .font-example-paragraph { max-width: 15rem;
        width: 100%
    }
}

.usa-typography-example .usa-monospace { font-size: .77rem;
    margin-bottom: 2rem;
    margin-top: 0
}

.usa-monospace,
code,
pre { font-family: Roboto Mono Web, Bitstream Vera Sans Mono, Consolas, Courier, monospace
}

code,
pre { font-size: .77rem;
    background-color: rgba(0, 0, 0, .05);
    font-weight: 400
}

pre {
    padding: 1rem;
    white-space: pre-wrap
}

pre code {
    padding: 0;
    background-color: transparent
}

pre.lineno {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.site-accordion-code code,
.site-accordion-code pre,
a.token { font-family: Roboto Mono Web, Bitstream Vera Sans Mono, Consolas, Courier, monospace
}

a.token {
    padding: .25rem;
    font-size: .77rem;
    text-decoration: none;
    background-color: #e1e7f1;
    border: 1px solid #e1e7f1;
    border-radius: 2px;
    display: inline-block;
    line-height: 1
}

a.token,
a.token:visited {
    color: rgba(0, 0, 0, .8)
}

a.token:hover,
a.token:hover:visited {
    background-color: #2672de;
    border-color: #2672de;
    color: #fff
}

a.token:active,
a.token:active:visited {
    background-color: rgba(0, 0, 0, .8);
    border-color: rgba(0, 0, 0, .8);
    color: #fff
}

code {
    padding-bottom: 2px;
    padding-top: 2px
}

code::after,
code::before {
    letter-spacing: -.03em;
    content: " "
}

.site-accordion-code { margin-bottom: .5rem
}

.site-accordion-code code,
.site-accordion-code pre { font-size: .83rem;
    line-height: 1.6;
    background: 0 0;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0
}

.site-accordion-code .usa-unstyled-list { margin-bottom: 0;
    margin-top: 0;
    list-style-type: none;
    padding-left: 0
}

code[class*=language-] {
    color: #5c5c5c
}

code[class*=language-] .token.atrule,
code[class*=language-] .token.attr-value,
code[class*=language-] .token.keyword {
    color: #4d8055
}

code[class*=language-] .token.punctuation {
    color: #07648d
}

code[class*=language-] .c {
    color: #565c65
}

code[class*=language-] .nt {
    color: #1a4480
}

code[class*=language-] .s {
    color: #0050d8
}

code[class*=language-plaintext] {
    color: inherit
}

.alignment-example {
    border-left: 2px solid #2f4668;
    padding-left: .5rem
}

.help-text {
    border-top: 2px solid #2f4668;
    color: #2f4668;
    font-size: 16px;
    padding-top: .5rem;
    text-align: center
}

.post-excerpt .post-content p,
.text-tiny { margin-bottom: 0;
    margin-top: .25rem
}
.text-tiny:first-child { margin-top: 0
}

.typography-sans-intro .text-huge,
.typography-sans-intro .text-tiny { font-family: Source Sans Pro Web, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
    font-size: 9.32rem;
    line-height: .9
}

.typography-sans-intro .text-tiny { font-size: .93rem
}

.typography-serif-intro .text-huge,
.typography-serif-intro .text-tiny { font-family: Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;
    font-size: 8.54rem;
    line-height: 1
}

.typography-serif-intro .text-tiny { font-size: .85rem
}

.typography-lang-intro .text-huge,
.typography-lang-intro .text-tiny { font-family: Public Sans Web, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
    font-size: 8.75rem;
    line-height: 1
}

.typography-lang-intro .text-tiny { font-size: .88rem
}

.typography-mono-intro .text-huge,
.typography-mono-intro .text-tiny { font-family: Roboto Mono Web, Bitstream Vera Sans Mono, Consolas, Courier, monospace;
    font-size: 8.34rem;
    line-height: 1
}

.typography-mono-intro .text-tiny { font-size: .83rem
}

.serif-robust .usa-display-alt { font-size: 2.5rem;
    font-weight: 300
}

.serif-robust .usa-font-lead { font-weight: 300
}

.serif-robust .usa-font-lead .usa-font-lead-alt,
.serif-robust.serif-body .usa-font-example .usa-font-lead .usa-font-lead-alt { font-size: .94rem;
    font-weight: 400
}

.sans-style.serif-body .usa-font-example p,
.serif-robust.serif-body .usa-font-example p { font-family: Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;
    font-size: .91rem;
    line-height: 1.4
}

.serif-robust.serif-body .usa-font-example .usa-font-lead { font-size: 1.25rem
}

.sans-style h1,
.sans-style h2,
.sans-style h3,
.sans-style h4,
.sans-style h5,
.sans-style h6 { font-family: Source Sans Pro Web, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif
}

.sans-style h1 { font-size: 3.19rem
}

.sans-style h2 { font-size: 2.4rem
}

.sans-style h3 { font-size: 1.86rem
}

.sans-style h4 { font-size: 1.33rem
}

.sans-style h5 { font-size: 1.13rem
}

.sans-style h6 { font-size: .93rem
}

.sans-style .usa-display { font-size: 3.73rem
}

.sans-style .usa-display-alt { font-size: 3.19rem;
    font-weight: 300
}

.sans-style .usa-font-lead { font-size: 1.6rem;
    line-height: 1.4;
    font-weight: 300
}

.sans-style.serif-body .usa-font-example p { font-size: .98rem
}

.sans-style.serif-body .usa-font-example .usa-font-lead { font-size: 1.33rem;
    line-height: 1.4;
    font-weight: 300
}

.sans-style .usa-font-lead,
.sans-style.serif-body .usa-font-example .usa-font-lead,
.serif-sans-minor h6 { font-family: Source Sans Pro Web, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif
}

.site-accordion-docs { margin-bottom: 3.5rem
}

.usa-link--alt[href^=http]:not([href*=".gov"])::after,
[href^=http]:not([href*=".gov"])::after {
    background: url(../img/usa-icons/launch.svg) no-repeat center/1.75ex 1.75ex;
    width: 1.75ex;
    content: "";
    height: 1.75ex;
    margin-left: 2px;
    background-position: center;
    display: inline;
    padding-left: 1.75ex;
    vertical-align: middle
}

@supports ((-webkit-mask:url()) or (mask:url())) {
    [href^=http]:not([href*=".gov"])::after {
        background: 0 0;
        background-color: currentColor;
        -webkit-mask: url(../img/usa-icons/launch.svg) no-repeat center/1.75ex 1.75ex;
        mask: url(../img/usa-icons/launch.svg) no-repeat center/1.75ex 1.75ex
    }
}

@supports ((-webkit-mask:url()) or (mask:url())) {
    .usa-link--alt[href^=http]:not([href*=".gov"])::after {
        background: 0 0;
        background-color: currentColor;
        -webkit-mask: url(../img/usa-icons/launch.svg) no-repeat center/1.75ex 1.75ex;
        mask: url(../img/usa-icons/launch.svg) no-repeat center/1.75ex 1.75ex
    }
}

.link-download[href^=http]:not([href*=".gov"])::after,
.logo-links [href^=http]:not([href*=".gov"])::after,
.media_link[href^=http]:not([href*=".gov"])::after,
.usa-button[href^=http]:not([href*=".gov"])::after,
.usa-disclaimer-stage [href^=http]:not([href*=".gov"])::after { display: none
}

@media all and (min-width:64em) {
    .page-home .usa-graphic-list .usa-media-block {
        flex-direction: column
    }
}

.page-home .usa-graphic-list .usa-media-block__body>:first-child { font-family: Public Sans Web, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
    font-size: 1.06rem;
    margin-top: 0;
    margin-bottom: 0
}

.page-home .usa-graphic-list .usa-media-block__body>p { font-family: Public Sans Web, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
    font-size: .94rem;
    margin: .25rem 0
}

@media all and (min-width:64em) {
    .page-home .usa-graphic-list .usa-media-block__body { width: 100%;
        flex: 0 0 auto
    }
}

.page-home .usa-graphic-list .usa-media-block__img { margin-bottom: 1rem;
    margin-right: 1.25rem;
    max-width: 4.5rem
}

@media screen and (max-width:64rem) and (min-width:40rem) {
    .page-home .usa-graphic-list .usa-graphic-list__row .usa-media-block:nth-child(-n+2) {
        margin-bottom: 4rem
    }
}

.page-home .usa-footer__secondary-section {
    background-color: #e6e6e6
}

@media all and (min-width:55em) {
    .hero {
        background-image: url(../../img/home/hero.png);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: right 2.5rem center
    }
}

.hero--heading { font-size: 1.75rem
}

@media all and (min-width:40em) {
    .hero--heading {
        font-size: 2.5rem
    }
}

.hero--content { font-size: 1.25rem
}

.showcase img {
    box-shadow: 0 1px .25rem 0 rgba(0, 0, 0, .1)
}

.showcase a { display: inline-block;
    font-size: 1.06rem;
    font-weight: 700;
    margin-bottom: 2rem;
    margin-top: .5rem
}

@media all and (min-width:40em) {
    .showcase a {
        margin-bottom: 0
    }
}
.font-display { font-size: 3rem
}

.homepage-rule { margin-bottom: 0;
    margin-top: 0;
    border: 0;
    height: 1rem;
    width: 100%;
    position: relative
}

.homepage-rule.center-diamond {
    background: 0 0;
    text-align: center
}

.homepage-rule.center-diamond::before {
    content: " ";
    display: inline-block;
    background: #4a77b4;
    height: 1px;
    position: relative;
    top: .5rem;
    width: 100%
}

.homepage-rule.center-diamond::after {
    content: "â—†";
    display: inline-block;
    position: relative;
    top: -2rem;
    font-size: 1.125rem;
    padding: 0 .5rem;
    color: #d83933;
    background: #fcfcfc
}

.page-ui-components .usa-font-lead:first-of-type { margin-top: 2rem
}

@media all and (min-width:40em) {
    .page-design-principles .main-content .usa-grid-full {
        margin-bottom: 2rem;
        margin-top: 2.5rem
    }
}

.page-design-principles img {
    max-width: 10rem
}

.link-download { display: table
}

.link-download::before { height: .75rem;
    width: .75rem;
    background: url(../img/icon-download.png) no-repeat 0 0;
    background: url(../img/icon-download.svg) no-repeat 0 0;
    background-size: 100%;
    content: "";
    display: inline-block;
    margin-bottom: 0;
    margin-right: .75rem
}

.link-download-subtext { margin-left: 1.5rem
}

.link_group-download .link-download { margin-bottom: .5rem
}

.page-product-roadmap .main-content .usa-tag {
    position: relative
}

.docs-grid-example { font-family: Roboto Mono Web, Bitstream Vera Sans Mono, Consolas, Courier, monospace;
    font-size: .89rem
}

.docs-grid-example .grid-row { margin-top: .5rem
}

.docs-grid-example [class*=grid-col] {
    background-color: #e1e7f1;
    text-align: center
}

.docs-grid-example .grid-row:not([class*=grid-gap]) [class*=grid-col] {
    border: 1px solid;
    padding: 1rem
}

.docs-grid-example [class*=grid-gap] [class*=grid-col]>* {
    background-color: #fff;
    border: 1px solid;
    padding: 1rem
}

.page-header .preview img,
.page-page-templates .preview img {
    box-shadow: 0 .25rem .5rem 0 rgba(0, 0, 0, .1);
    margin-bottom: 1rem
}

.layout-demo { margin-bottom: 5rem
}

@media all and (min-width:40em) {
    .layout-demo {
        margin-bottom: 4rem
    }
}

.demo-footer {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    padding-bottom: .5rem;
    padding-top: .5rem;
    background-color: #2d2e2f;
    box-shadow: 0 -2px 4px 0 rgba(0, 0, 0, .5);
    bottom: 0;
    position: fixed;
    width: 100%
}

.demo-footer .usa-button {
    background-image: url(../../img/angle-arrow-left-inverse.svg);
    background-repeat: no-repeat;
    background-position: left 1.25rem center;
    background-size: .5rem;
    padding-left: 2rem
}

@media all and (min-width:40em) {
    .demo-footer .usa-button {
        margin-right: 1rem;
        margin-top: 0
    }
}

.demo-footer-title { margin-bottom: .5rem;
    margin-top: 0;
    color: #fff;
    display: inline-block
}

@media all and (min-width:40em) {
    .demo-footer-title {
        margin-bottom: .5rem;
        margin-top: .5rem
    }
}

.demo-footer-content {
    padding-left: 1rem;
    padding-right: 1rem
}

@media all and (min-width:64em) {
    .demo-footer-content {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

hr {
    background: #dfe1e2;
    border: 0;
    height: 1px;
    margin: 2rem 0
}

.post-excerpt { margin-top: 2.5rem
}

.post-excerpt .post-title { margin-top: 0;
    margin-bottom: 0
}

.post-excerpt .post-title a {
    color: inherit;
    text-decoration: none
}

.post-excerpt .post-title a:hover {
    color: #4a77b4;
    text-decoration: underline
}

.post-excerpt .post-category,
.post-excerpt .post-category+.post-title,
.site-component-section>h3+p { margin-top: 0
}

.post-date { display: block;
    letter-spacing: normal;
    text-transform: none
}

.post-title { margin-bottom: 0;
    margin-top: 0;
    clear: both;
    font-family: Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;
    font-size: 1.71rem;
    line-height: 1.2;
    font-weight: 700;
    max-width: 44ex
}

*+.post-title { margin-top: 1.5em
}

.post-title+* { margin-top: 1em
}

.is-inverse {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased
}

.page-content h3 { font-size: 1.5rem;
    font-weight: 400;
    line-height: 1.4
}

@media all and (min-width:55em) {
    .page-content h3 {
        font-size: 3rem
    }
}

.docs-text { font-family: Public Sans Web, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
    font-size: 1.06rem;
    margin-bottom: .5rem;
    margin-top: 2rem;
    max-width: 72ex;
    font-weight: 400
}

.docs-inline-code {
    background-color: #f5f5f0;
    font-family: Roboto Mono Web, Bitstream Vera Sans Mono, Consolas, Courier, monospace;
    font-size: .89rem;
    padding-left: .25rem;
    padding-right: .25rem;
    padding-bottom: 2px;
    padding-top: 2px;
    border-radius: 2px
}

.property,
.prose-graf-intro {
    text-transform: uppercase;
    letter-spacing: .1em
}

.property {
    border-width: 1px;
    border-style: solid;
    color: #d54309;
    font-family: Roboto Mono Web, Bitstream Vera Sans Mono, Consolas, Courier, monospace;
    font-size: .71rem;
    line-height: 1;
    padding-left: .25rem;
    padding-right: .25rem;
    padding-bottom: 2px;
    padding-top: 2px;
    border-radius: 2px;
    font-weight: 400;
    white-space: nowrap;
    text-decoration: none;
    font-style: normal
}

.prose-graf-intro { font-family: Public Sans Web, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
    font-size: .81rem;
    font-weight: 700
}

@media all and (min-width:75em) {
    .prose-graf-intro {
        font-size: .88rem
    }
}
.text-color .example {
    border-bottom-width: 1px;
    border-bottom-color: #e6e6e6;
    border-bottom-style: solid;
    margin-bottom: .25rem;
    margin-top: .25rem;
    padding-bottom: .25rem;
    padding-top: .25rem
}

.output-list { display: flex !important;
    flex-wrap: wrap !important;
    margin-top: 0;
    width: 100%
}

.output-list .output-css,
.output-list .output-utility,
.output-list .output-variable {
    border-bottom-width: 1px;
    border-bottom-color: #adadad;
    border-bottom-style: solid;
    display: flex;
    align-items: center;
    margin: 0;
    min-height: 2rem;
    padding-bottom: .25rem;
    padding-top: .25rem
}

.output-list .output-utility { flex: 0 1 auto;
    width: 33.3333333333%;
    font-family: Public Sans Web, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
    font-size: .88rem;
    padding-right: 1rem
}

.output-list .output-css { flex: 0 1 auto;
    width: 50%;
    font-size: .83rem;
    padding-right: 1rem
}

.output-list .output-css .output-token { display: inline-block;
    font-size: .83rem
}

.output-list .output-css,
.output-list .output-css .output-token,
.output-list .output-variable,
.output-token,
.utilities-section-title code { font-family: Roboto Mono Web, Bitstream Vera Sans Mono, Consolas, Courier, monospace
}

.output-list .output-variable { flex: 0 1 auto;
    width: 16.6666666667%;
    font-size: .83rem;
    font-weight: 300
}

.output-token,
.utilities-section-title code {
    background-color: #fff;
    border-width: 1px;
    border-style: solid
}

.output-token {
    border-color: #e6e6e6;
    font-size: .89rem;
    padding-left: .25rem;
    padding-right: .25rem;
    padding-bottom: 2px;
    padding-top: 2px;
    border-radius: 2px;
    font-weight: 400
}

.output-rule { display: block
}

.output-rule+.output-rule,
.usa-button-list.site-button-list li+li .usa-button { margin-top: .25rem
}

.output-false,
.output-true {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    background-color: #0076d6;
    display: inline-block;
    padding-bottom: 0;
    padding-top: 0;
    padding-left: .25rem;
    padding-right: .25rem;
    border-radius: 2px;
    color: #fff
}

.output-false {
    background-color: #d54309
}

.page-introducing-uswds-2-0 .post-content img {
    max-width: 20rem;
    mix-blend-mode: darken
}

.utilities-property-title { font-family: Public Sans Web, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
    font-size: .63rem;
    margin-left: 2px;
    margin-bottom: 0;
    margin-top: 0;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: .025em
}

.utilities-property {
    background-color: #fff;
    display: inline-block;
    margin-top: 0;
    padding: .25rem;
    text-transform: none;
    letter-spacing: initial
}

.utilities-section {
    border-top-width: 1px;
    border-top-style: solid;
    margin-top: 2rem;
    padding-top: .5rem
}

.utilities-section-title-bar {
    align-items: center;
    margin-bottom: 1rem
}

.utilities-section-helper,
.utilities-section-title { font-family: Public Sans Web, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
    font-weight: 400
}

.utilities-section-title { font-size: 1.25rem;
    margin: 0
}

.utilities-section-title code { display: inline-block;
    font-size: 1.01rem;
    margin-right: 2px;
    padding: 2px 0;
    border-radius: .25rem;
    font-weight: 300
}

@media all and (min-width:40em) {
    .utilities-section-title.usa-grid-col {
        flex: 0 1 auto;
        width: auto;
        max-width: 100%
    }
}

.utilities-section-helper { font-size: .75rem;
    margin-bottom: 0;
    margin-top: 0;
    max-width: none;
    color: #5c5c5c
}

@media all and (min-width:40em) {
    .utilities-section-helper.usa-grid-col {
        flex: 1 1 0%;
        width: auto;
        max-width: 100%;
        min-width: 1px
    }

    .utilities-section-helper {
        text-align: right
    }
}

.utility {
    background-color: #fff;
    border-width: 1px;
    border-color: #2e2e2e;
    border-style: solid;
    margin-bottom: 1rem;
    margin-top: 1rem;
    padding-bottom: 1rem;
    padding-top: 1rem;
    border-radius: .25rem
}

.utility-title-bar { margin-bottom: 1rem;
    padding-left: 1rem;
    padding-right: 1rem
}

.utility-title-bar>.usa-grid-row {
    align-items: flex-start
}

.utility-name.usa-grid-col {
    max-width: 100%
}

@media all and (min-width:40em) {
    .utility-name.usa-grid-col {
        flex: 1 1 0%;
        width: auto;
        max-width: 100%;
        min-width: 1px
    }
}

.utility-property,
.utility-title { font-family: Public Sans Web, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol
}

.utility-title { font-size: 1.06rem;
    margin-bottom: .25rem;
    margin-top: 0
}

.utility-property { font-size: .81rem;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: .025em
}

.utility-property-code { font-family: Roboto Mono Web, Bitstream Vera Sans Mono, Consolas, Courier, monospace;
    font-size: .83rem;
    font-weight: 300;
    text-transform: none;
    letter-spacing: initial;
    color: #d54309
}

.utility-scope {
    list-style-type: none;
    padding-left: 0;
    display: inline;
    margin: 0
}

@media all and (min-width:40em) {
    .utility-scope {
        text-align: right;
        max-width: 70%
    }

    .utility-scope.usa-grid-col {
        flex: 0 1 auto;
        width: auto;
        max-width: 100%
    }
}

.utility-scope-button,
.utility-scope-button-active a,
.utility-scope-button-disabled { display: inline-block;
    font-size: .88rem;
    line-height: 1;
    margin-right: 2px;
    margin-top: .25rem;
    padding: .25rem;
    border-radius: 2px
}

@media all and (min-width:40em) {

    .utility-scope-button,
    .utility-scope-button-active a,
    .utility-scope-button-disabled {
        font-size: .94rem;
        margin-right: .25rem;
        margin-top: 0;
        padding: .5rem .75rem;
        border-radius: .25rem
    }
}

.utility-scope-button-disabled {
    background-color: #fff;
    border-width: 1px;
    border-color: #e6e6e6;
    border-style: solid;
    color: #757575;
    text-decoration: line-through
}

.utility-scope-button-active { display: inline
}

.utility-scope-button-active a {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    background-color: #0076d6;
    color: #fff;
    text-decoration: none
}

.utility-scope-button-active a:hover {
    background-color: #2e2e2e;
    color: #fff
}

.utility-examples { margin-left: 1rem;
    margin-right: 1rem
}

.utility-examples-helper,
.utility-examples-title { font-family: Public Sans Web, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol
}

.utility-examples-title { font-size: .94rem;
    padding-top: 2rem;
    margin-bottom: 0;
    margin-top: .5rem;
    border-top: 1px solid #e6e6e6
}

.utility-examples-helper { font-size: .81rem;
    margin-left: .5rem;
    font-weight: 400;
    color: rgba(0, 0, 0, .8)
}

.utility-class {
    background-color: #f0f0f0;
    margin: 0
}

.utility-class,
.utility-value,
.utility-value-color { display: inline-block;
    font-family: Roboto Mono Web, Bitstream Vera Sans Mono, Consolas, Courier, monospace;
    font-size: .83rem;
    padding-bottom: 2px;
    padding-top: 2px;
    padding-left: .25rem;
    padding-right: .25rem;
    border-radius: 2px
}

.utility-value { margin: 0;
    background-color: #f3e1e4
}

.utility-value-color {
    background-color: #fff;
    border-width: 1px;
    border-color: #e6e6e6;
    border-style: solid;
    margin: 0;
    font-weight: 300;
    white-space: nowrap;
    text-transform: lowercase
}

.utility-value-color-chip { height: .75rem;
    border-radius: 99rem;
    width: .75rem;
    display: inline-block;
    margin-right: .25rem;
    vertical-align: middle
}

.utility-example-container {
    border-top-width: 1px;
    border-top-color: #e6e6e6;
    border-top-style: solid;
    margin-top: .5rem;
    margin-bottom: 0;
    max-width: none;
    padding-top: .5rem;
    overflow: hidden
}

.utility-example-container>.usa-grid-row { margin-left: -.5rem;
    margin-right: -.5rem;
    flex-direction: row;
    align-items: center
}

.utility-example-container>.usa-grid-row>* {
    padding-left: .5rem;
    padding-right: .5rem
}

.utility-example {
    max-width: 70%
}

.utility-example.usa-grid-col { flex: 0 1 auto;
    width: auto;
    max-width: 100%
}

.utility-example-class.usa-grid-col { flex: 1 1 0%;
    width: auto;
    max-width: 100%;
    min-width: 1px
}

.utility-example-value.usa-grid-col { flex: 0 1 auto;
    width: auto;
    max-width: 100%
}

.utilities-output-heading {
    border-bottom-width: 1px;
    border-bottom-color: #e6e6e6;
    border-bottom-style: solid;
    font-family: Public Sans Web, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
    font-size: .75rem;
    margin-top: 1rem;
    padding-bottom: .25rem;
    font-weight: 700
}

.utility-code-sample {
    background-color: #e6e6e6;
    line-height: 1.4;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: .5rem;
    margin-top: .5rem;
    border-radius: .25rem;
    white-space: pre-wrap
}

.utility-note,
.utility-text { font-family: Public Sans Web, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
    font-size: .94rem;
    line-height: 1.6
}

.utility-note {
    background-color: #ffbe2e;
    margin-bottom: 1rem;
    margin-top: 1rem;
    max-width: none;
    padding: 1rem;
    border-radius: .25rem;
    color: rgba(0, 0, 0, .8)
}

.utility-note+.utility-examples-title {
    border-top: none;
    margin-top: 0;
    padding-top: 0
}

.utility-note a {
    color: #1b1b1b
}

.utility-text {
    max-width: 72ex
}

.utility-text+.utility-text { margin-top: .5rem
}

h2+div:not(.usa-accordion__content):not(.usa-collection__meta-list),
h3+div:not(.usa-accordion__content):not(.usa-collection__meta-list),
h4+div:not(.usa-accordion__content):not(.usa-collection__meta-list),
h5+div:not(.usa-accordion__content):not(.usa-collection__meta-list),
h6+div:not(.usa-accordion__content):not(.usa-collection__meta-list),
p+.usa-accordion { margin-top: 1rem
}

.sidenav a {
    padding-right: .25rem
}

.default-container::after {
    clear: both;
    content: "";
    display: block
}

.site-font-lead { font-family: Public Sans Web, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
    font-size: 1.25rem;
    line-height: 1.6;
    max-width: 64ex;
    color: rgba(0, 0, 0, .8);
    font-weight: 300
}

.site-font-lead+p { margin-top: 2rem
}

.site-header .usa-button {
    background-color: #2672de
}

.site-header .usa-button:hover {
    background-color: #0050d8
}

.site-header .usa-button--outline-inverse {
    background-color: transparent;
    margin-right: 0
}

.site-header .usa-button--outline-inverse:hover {
    background-color: transparent
}

@media all and (min-width:64em) {
    .site-header .navbar--container {
        align-items: center;
        display: flex;
        float: right;
        height: 5rem
    }
}

.site-header .navbar--container .usa-button { display: none
}

@media all and (min-width:64em) {
    .site-header .navbar--container .usa-button { display: block
    }

    .site-header .buttons { display: flex;
        align-items: center
    }
}

.site-docs-card-link {
    border-top: .25rem solid rgba(0, 0, 0, .1);
    padding-top: .75rem
}

.site-docs-card-link:hover {
    border-color: #005ea2
}

.site-docs-card-link:hover a {
    color: #000;
    -webkit-text-decoration-color: #e6e6e6;
    text-decoration-color: #e6e6e6
}

.block-link::before {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    content: ""
}

.usa-button-list.site-button-list .usa-button { font-size: .94rem;
    margin: 0;
    width: 100%
}

@media all and (min-width:64em) {
    .usa-button-list.site-button-list .usa-button { width: auto
    }
}

@media all and (min-width:64em) {
    .usa-button-list.site-button-list li+li .usa-button {
        margin-left: 2px;
        margin-top: 0
    }
}

.usa-nav__inner { margin-bottom: 0
}

.usa-nav__inner .usa-button:hover {
    background-color: #0050d8
}

.usa-nav__inner .usa-button.site-button-version {
    -moz-osx-font-smoothing: inherit;
    -webkit-font-smoothing: inherit;
    color: rgba(0, 0, 0, .8);
    background-color: #fcfcfc
}

.usa-nav__inner .usa-button.site-button-version:visited {
    color: rgba(0, 0, 0, .8)
}

.usa-nav__inner .usa-button.site-button-version:hover {
    background-color: #face00
}

.usa-nav__inner .usa-button.site-button-outline-secondary {
    box-shadow: inset 0 0 0 2px #005ea2;
    background-color: transparent;
    color: #005ea2
}

.usa-nav__inner .usa-button.site-button-outline-secondary:visited {
    color: #005ea2
}

.usa-nav__inner .usa-button.site-button-outline-secondary:hover {
    box-shadow: inset 0 0 0 2px #0050d8;
    background-color: transparent;
    color: #0050d8
}

.site-header-dark .site-header-navbar {
    background-color: #252f3e
}

.site-header-dark .site-logo a {
    color: #fff
}

.site-header-dark .usa-button.site-button-outline-secondary {
    box-shadow: inset 0 0 0 2px rgba(255, 255, 255, .7);
    background-color: transparent;
    color: rgba(255, 255, 255, .7)
}

.site-header-dark .usa-button.site-button-outline-secondary:hover {
    box-shadow: inset 0 0 0 2px #fff;
    background-color: transparent;
    color: #fff
}

@media all and (min-width:64em) {
    .site-header-dark .usa-button.site-button-outline-secondary {
        margin-right: 2rem
    }
}

.site-page-title { font-weight: 700
}

.site-page-title,
.site-prose .site-component-name { font-family: Public Sans Web, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
    font-size: 2.5rem;
    line-height: 1.2;
    color: rgba(0, 0, 0, .8)
}

.foo {
    border-width: .25rem;
    border-style: solid
}

@media all and (min-width:40em) {
    .site-table-wrapper {
        border: 1px solid;
        border-radius: .25rem;
        display: block;
        background-color: #fff
    }
}

.site-prose .site-table-responsive.site-table-simple p,
.site-table-responsive.site-table-simple p,
.site-table-wrapper .site-table-responsive,
figure.highlight { margin: 0
}

.site-table-wrapper+.site-table-wrapper { margin-top: 1.5rem
}

.site-prose .site-table-responsive,
.site-table-responsive {
    width: 100%;
    max-width: none;
    border-collapse: collapse
}

@media all and (max-width:39.99em) {

    .site-prose .site-table-responsive,
    .site-table-responsive {
        font-family: Public Sans Web, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
        font-size: .88rem;
        line-height: 1.6;
        display: block;
        width: 100%
    }

    .site-prose .site-table-responsive thead,
    .site-table-responsive thead {
        position: absolute;
        left: -999em;
        right: auto
    }

    .site-prose .site-table-responsive caption,
    .site-prose .site-table-responsive tbody,
    .site-prose .site-table-responsive td,
    .site-prose .site-table-responsive tfoot,
    .site-prose .site-table-responsive th,
    .site-table-responsive caption,
    .site-table-responsive tbody,
    .site-table-responsive td,
    .site-table-responsive tfoot,
    .site-table-responsive th {
        border: 0;
        display: block;
        padding: 0;
        text-align: left;
        white-space: normal
    }

    .site-prose .site-table-responsive tr,
    .site-table-responsive tr {
        padding: 0;
        text-align: left;
        white-space: normal
    }

    .site-prose .site-table-responsive caption,
    .site-table-responsive caption { font-weight: 700;
        padding-bottom: .5rem
    }

    .site-prose .site-table-responsive td,
    .site-prose .site-table-responsive th,
    .site-table-responsive td,
    .site-table-responsive th { width: 100%;
        padding: .25rem .25rem .25rem 0;
        position: relative;
        z-index: 100
    }

    .site-prose .site-table-responsive td[data-title]:before,
    .site-prose .site-table-responsive th[data-title]:before,
    .site-table-responsive td[data-title]:before,
    .site-table-responsive th[data-title]:before {
        font-family: Public Sans Web, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
        font-size: .75rem;
        line-height: 1.2;
        padding-left: .5rem;
        padding-right: .5rem;
        content: attr(data-title);
        flex: none;
        font-weight: 400;
        margin-right: .25rem;
        max-width: 7.5rem;
        text-align: left;
        width: 50%
    }

    .site-prose .site-table-responsive td.is-empty,
    .site-prose .site-table-responsive th.is-empty,
    .site-table-responsive td.is-empty,
    .site-table-responsive th.is-empty { display: none
    }

    .site-prose .site-table-responsive th:not([data-title]),
    .site-table-responsive th:not([data-title]) { font-weight: 700
    }

    .site-prose .site-table-responsive tr,
    .site-table-responsive tr {
        background-color: #fff;
        border: 1px solid;
        border-radius: .25rem;
        display: block;
        padding-bottom: 2px;
        position: relative
    }

    .site-prose .site-table-responsive tr::after,
    .site-table-responsive tr::after {
        bottom: 0;
        top: 0;
        left: 0;
        content: "";
        background-color: #f9f9f9;
        border-bottom-left-radius: .25rem;
        border-top-left-radius: .25rem;
        display: block;
        max-width: 7.5rem;
        position: absolute;
        width: 50%;
        z-index: 0
    }

    .site-prose .site-table-responsive tr.is-empty,
    .site-table-responsive tr.is-empty { display: none
    }

    .site-prose .site-table-responsive tr+tr,
    .site-table-responsive tr+tr {
        margin-top: .5rem
    }

    .site-prose .site-table-responsive tbody th:first-of-type,
    .site-prose .site-table-responsive td,
    .site-table-responsive tbody th:first-of-type,
    .site-table-responsive td {
        align-items: baseline;
        background-color: transparent;
        display: flex;
        line-height: 1.5
    }

    .site-prose .site-table-responsive tbody th:first-of-type:empty,
    .site-prose .site-table-responsive td:empty,
    .site-table-responsive tbody th:first-of-type:empty,
    .site-table-responsive td:empty { display: none
    }

    .site-prose .site-table-responsive tbody th:first-of-type+td,
    .site-prose .site-table-responsive td+td,
    .site-table-responsive tbody th:first-of-type+td,
    .site-table-responsive td+td {
        border-top: 1px solid #e6e6e6
    }

    .site-prose .site-table-responsive tbody th:first-of-type .site-inline-swatch,
    .site-prose .site-table-responsive td .site-inline-swatch,
    .site-table-responsive tbody th:first-of-type .site-inline-swatch,
    .site-table-responsive td .site-inline-swatch { width: 100%
    }
}

@media all and (min-width:40em) {

    .site-prose .site-table-responsive thead,
    .site-table-responsive thead {
        font-family: Public Sans Web, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
        font-size: .75rem
    }

    .site-prose .site-table-responsive caption,
    .site-table-responsive caption { font-weight: 700;
        padding-bottom: .5rem
    }

    .site-prose .site-table-responsive caption,
    .site-prose .site-table-responsive tbody,
    .site-prose .site-table-responsive tfoot,
    .site-prose .site-table-responsive tr,
    .site-table-responsive caption,
    .site-table-responsive tbody,
    .site-table-responsive tfoot,
    .site-table-responsive tr {
        text-align: left
    }

    .site-prose .site-table-responsive td,
    .site-prose .site-table-responsive tr,
    .site-table-responsive td,
    .site-table-responsive tr {
        background-color: transparent
    }

    .site-prose .site-table-responsive td,
    .site-prose .site-table-responsive th,
    .site-table-responsive td,
    .site-table-responsive th {
        padding: .5rem 1rem;
        border: 0;
        text-align: left
    }

    .site-prose .site-table-responsive td:first-child,
    .site-prose .site-table-responsive th:first-child,
    .site-table-responsive td:first-child,
    .site-table-responsive th:first-child {
        padding-left: 1rem
    }

    .site-prose .site-table-responsive td:last-child,
    .site-prose .site-table-responsive th:last-child,
    .site-table-responsive td:last-child,
    .site-table-responsive th:last-child {
        padding-right: 1rem
    }

    .site-prose .site-table-responsive tbody tr,
    .site-table-responsive tbody tr {
        border: 0;
        border-top: 2px solid
    }

    .site-prose .site-table-responsive tbody tr+tr,
    .site-table-responsive tbody tr+tr {
        border-top: 1px solid #e6e6e6
    }

    .site-component-usage h5+.site-prose .site-table-responsive,
    .site-component-usage h5+.site-table-responsive {
        border-top: 2px solid;
        margin-top: .5rem
    }
}

@media all and (min-width:40em) {

    .site-prose .site-table-responsive.site-table-simple thead,
    .site-table-responsive.site-table-simple thead {
        font-family: Public Sans Web, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
        font-size: .81rem
    }

    .site-prose .site-table-responsive.site-table-simple td,
    .site-prose .site-table-responsive.site-table-simple th,
    .site-table-responsive.site-table-simple td,
    .site-table-responsive.site-table-simple th {
        padding: .25rem 1rem;
        border: 0
    }

    .site-prose .site-table-responsive.site-table-simple td:first-child,
    .site-prose .site-table-responsive.site-table-simple th:first-child,
    .site-table-responsive.site-table-simple td:first-child,
    .site-table-responsive.site-table-simple th:first-child {
        padding-left: 0
    }

    .site-prose .site-table-responsive.site-table-simple td:last-child,
    .site-prose .site-table-responsive.site-table-simple th:last-child,
    .site-table-responsive.site-table-simple td:last-child,
    .site-table-responsive.site-table-simple th:last-child {
        padding-right: 0
    }

    .site-prose .site-table-responsive.site-table-simple tr,
    .site-table-responsive.site-table-simple tr { display: flex
    }

    .site-prose .site-table-responsive.site-table-simple tr td,
    .site-prose .site-table-responsive.site-table-simple tr th,
    .site-table-responsive.site-table-simple tr td,
    .site-table-responsive.site-table-simple tr th {
        flex: 1 1 0%
    }

    .site-prose .site-table-responsive.site-table-simple tbody tr,
    .site-table-responsive.site-table-simple tbody tr {
        border: 0;
        border-top: 1px solid #adadad
    }

    .site-prose .site-table-responsive.site-table-simple tbody tr:last-child,
    .site-table-responsive.site-table-simple tbody tr:last-child {
        border-bottom: 1px solid #adadad
    }
}

.site-inline-swatch { height: 2rem;
    width: 2rem;
    border-radius: 2px;
    display: inline-block;
    text-align: middle
}

table .site-inline-swatch { display: block
}

.site-caption-swatches { font-family: Public Sans Web, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
    font-size: 1.5rem;
    line-height: 1.2;
    color: #1b1b1b;
    margin-top: 1rem;
    margin-bottom: .5rem;
    padding-left: 0
}

@media all and (min-width:40em) {
    .site-caption-swatches {
        padding-left: 1rem
    }
}

.site-table-note { font-family: Public Sans Web, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
    font-size: .88rem;
    line-height: 1.5;
    padding: 1rem;
    background-color: #ffbe2e;
    border-radius: .25rem;
    margin-bottom: .5rem
}

@media all and (min-width:40em) {
    .site-table-note {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        margin-bottom: 0
    }
}

@media all and (min-width:30em) {
    .site-title-short { display: none
    }
}

@media all and (max-width:29.99em) {
    .site-title {
        position: absolute;
        left: -999em;
        right: auto
    }
}

.site-accordion,
.site-accordion-code,
.site-accordion-docs,
.site-prose { font-size: 1rem;
    line-height: 1.6
}

.site-prose>li,
.site-prose>ol li,
.site-prose>p,
.site-prose>ul li { line-height: 1.6;
    max-width: 72ex
}

.site-component-usage h2+*,
.site-component-usage h3+*,
.site-component-usage h4+*,
.site-component-usage h5+*,
.site-component-usage p+*,
.site-prose>h2+*,
.site-prose>h3+*,
.site-prose>h4+*,
.site-prose>h5+*,
.site-prose>p+* { margin-top: 1em
}

.site-prose>h2,
.site-prose>h3 {
    color: #1b1b1b;
    margin: 0
}

.site-accordion,
.site-accordion-code,
.site-accordion-docs,
.site-prose,
.site-prose>h2,
.site-prose>h3,
.site-prose>h4,
.site-prose>h5 { font-family: Public Sans Web, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol
}

.site-prose>h4,
.site-prose>h5 { font-size: 1rem;
    line-height: 1.6;
    color: #1b1b1b;
    margin: 0
}

.site-prose>h2,
.site-prose>h3 { font-size: 1.25rem;
    line-height: 1.2;
    font-weight: 700
}

.site-prose>h3 { font-weight: 400
}

.site-prose>.site-text-intro+p { margin-top: 2rem
}

.site-component-usage h2+p,
.site-component-usage h3+p,
.site-component-usage h4+p,
.site-component-usage h5+p,
.site-prose>header+.site-text-intro { margin-top: .5rem
}

.site-prose>.usa-content-list {
    padding-left: 0;
    max-width: 72ex
}

.site-prose>blockquote {
    border-left: .25rem solid #e6e6e6;
    margin-left: 0;
    padding-left: 1rem
}

.site-prose>.highlighter-rouge {
    max-width: 72ex
}

.site-component-section .site-text-intro,
.site-prose>.site-text-intro,
.site-text-intro { font-family: Public Sans Web, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
    font-size: 1.25rem;
    line-height: 1.6;
    max-width: 72ex;
    font-weight: 300;
    margin-bottom: 3rem;
    margin-top: .5rem
}

.usa-accordion--bordered .usa-accordion__content {
    padding-bottom: 1.5rem;
    padding-left: 1rem;
    padding-top: 1.5rem
}

.site-component-preview .usa-accordion:not(.usa-accordion--bordered) .usa-accordion__content {
    border: 0
}

.usa-content-list { margin-bottom: 0;
    margin-top: 0;
    list-style-type: none;
    padding-left: 0
}

.usa-content-list.field--name-field-tags>span,
.usa-content-list>div,
.usa-content-list>li { margin-bottom: 0;
    border-top: 1px solid #e6e6e6;
    margin-top: .5rem;
    padding-top: .5rem;
    display: block;
    /* max-width: 72ex */
}

.usa-content-list>li ul {
    list-style-type: disc;
    margin-bottom: 1rem;
    padding-left: 1.5rem
}

.usa-content-list>li li { margin-top: .25rem;
    max-width: calc(100% - 1.5rem)
}

.usa-content-list ol {
    counter-reset: ol-counter;
    list-style: none;
    padding-left: 0
}

.usa-content-list ol li {
    counter-increment: ol-counter;
    margin-top: .5em;
    padding-left: 1.5rem;
    text-indent: -1.5rem
}

.usa-content-list ol li:before {
    content: counter(ol-counter) ". ";
    display: inline-block;
    font-size: .81rem;
    font-weight: 700;
    padding-right: .25rem;
    text-align: left;
    text-indent: 0;
    width: 1.5rem
}

.site-accordion-code>.usa-accordion__button {
    background-image: url(../img/icons/remove-white.svg), linear-gradient(transparent, transparent);
    background-repeat: no-repeat;
    background-color: #0050d8;
    color: #fff
}

.site-accordion-code>.usa-accordion__button:hover {
    background-color: #162e51
}

.site-accordion-code>.usa-accordion__button[aria-expanded=false] {
    background-image: url(../img/icons/add-white.svg), linear-gradient(transparent, transparent);
    background-repeat: no-repeat
}

.site-accordion-docs>.usa-accordion__button,
.site-accordion>.usa-accordion__button {
    background-image: url(../img/usa-icons/remove.svg), linear-gradient(transparent, transparent);
    background-repeat: no-repeat
}

.site-accordion-docs>.usa-accordion__button[aria-expanded=false],
.site-accordion>.usa-accordion__button[aria-expanded=false] {
    background-image: url(../img/usa-icons/add.svg), linear-gradient(transparent, transparent);
    background-repeat: no-repeat
}

.site-component-section { font-size: 1rem;
    line-height: 1.6;
    margin-top: 2.5rem;
    max-width: none
}

.site-component-section>h2,
.site-component-section>h3,
.site-component-section>h4,
.site-component-section>ol,
.site-component-section>p,
.site-component-section>ul {
    max-width: 72ex
}

.site-component-section,
.site-component-section>h2 { font-family: Public Sans Web, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol
}

.site-component-section>h2 { font-size: 2.5rem;
    line-height: 1.2;
    color: #1b1b1b;
    margin: 0
}

.site-component-section>h3 { margin-bottom: .5rem;
    margin-top: 1.5rem
}

.site-component-section>h4 { margin-bottom: .25rem
}

.site-component-section>h4+ul { margin-top: .25rem
}

.site-component-usage h2,
.site-component-usage h4,
.site-component-usage h5 {
    color: #1b1b1b;
    margin: 0
}

.site-button-list .usa-button,
.site-component-usage h3,
.site-component-usage h4 { font-family: Public Sans Web, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
    line-height: 1.2
}

.site-component-usage h3 { margin: 0;
    font-size: 1.25rem;
    color: #5c5c5c;
    font-weight: 200
}

.site-button-list .usa-button,
.site-component-usage h4 { font-size: 1.06rem
}

.site-component-usage *+h2,
.site-component-usage *+h3,
.site-component-usage *+h4,
.site-component-usage *+h5,
.site-prose>*+h2,
.site-prose>*+h3,
.site-prose>*+h4,
.site-prose>*+h5 { margin-top: 2em
}

.site-button-list .usa-button { font-size: 1rem;
    line-height: 1
}

.site-header .usa-menu-btn { font-size: .81rem
}

.site-header,
.site-nav,
.site-nav .usa-accordion { font-family: Public Sans Web, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
    font-size: 1rem;
    line-height: 1.6
}

.site-nav .usa-nav__close {
    background-image: url(../img/close-blue-60v-alt.svg), linear-gradient(transparent, transparent);
    height: 3rem;
    width: 3rem;
    background-color: #f0f0f0;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 1rem
}

.site-nav .usa-nav__link[aria-expanded=true] {
    background-image: url(../img/usa-icons/remove.svg), linear-gradient(transparent, transparent);
    background-repeat: no-repeat
}

.site-nav .usa-nav__link[aria-expanded=false] {
    background-image: url(../img/usa-icons/add.svg), linear-gradient(transparent, transparent);
    background-repeat: no-repeat
}

.post-content h2,
.site-nav .usa-nav__primary button { line-height: 1.2
}

.site-banner,
.site-banner .usa-accordion,
.site-nav .usa-nav__submenu-item { font-family: Public Sans Web, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
    font-size: .88rem;
    line-height: 1.2
}

.site-banner { font-size: 1rem;
    line-height: 1.6;
    background-color: #1b1b1b
}

@media all and (min-width:40em) {
    .site-banner {
        font-size: .81rem;
        padding-bottom: 0
    }
}

.site-banner .usa-accordion { font-size: 1rem;
    line-height: 1.6
}

.site-banner .usa-banner__content,
.site-banner .usa-banner__header {
    color: #fff
}

.site-banner .usa-banner__content { margin-left: auto;
    margin-right: auto;
    max-width: none;
    background-color: transparent;
    font-size: .94rem;
    overflow: hidden;
    padding: .25rem 1rem 1rem .5rem;
    width: 100%
}

@media all and (min-width:64em) {
    .site-banner .usa-banner__content {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media all and (min-width:40em) {
    .site-banner .usa-banner__content {
        padding-bottom: 1.5rem;
        padding-top: 1.5rem
    }
}

.site-banner .usa-banner__content p:first-child { margin: 0
}

.site-banner .usa-banner__guidance { display: flex;
    align-items: flex-start;
    max-width: 64ex;
    padding-top: 1rem
}

@media all and (min-width:40em) {
    .site-banner .usa-banner__guidance {
        padding-top: 0
    }
}

.site-banner .usa-banner__lock-image { height: 1.5ex;
    width: 1.21875ex
}

.site-banner .usa-banner__inner { margin-left: auto;
    margin-right: auto;
    max-width: none;
    padding-left: 1rem;
    padding-right: 1rem;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: flex-start;
    padding-right: 0
}

@media all and (min-width:64em) {
    .site-banner .usa-banner__inner {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media all and (min-width:40em) {
    .site-banner .usa-banner__inner {
        align-items: center
    }
}

.site-banner .usa-banner__header {
    padding-bottom: .5rem;
    padding-top: .5rem;
    font-size: .75rem;
    font-weight: 400;
    min-height: 3rem;
    position: relative
}

@media all and (min-width:40em) {
    .site-banner .usa-banner__header {
        padding-bottom: .25rem;
        padding-top: .25rem;
        min-height: 0
    }
}

.site-banner .usa-banner__header-text { margin-bottom: 0;
    margin-top: 0;
    font-size: .75rem;
    line-height: 1.2
}

.site-banner .usa-banner__header-action {
    color: #adadad;
    line-height: 1.2;
    margin-bottom: 0;
    margin-top: 2px;
    text-decoration: underline
}

.site-banner .usa-banner__header-action::after {
    background: url(../img/usa-icons-bg/expand_more--white.svg) no-repeat center/1rem 1rem;
    display: inline-block;
    height: 1rem;
    width: 1rem;
    content: "";
    vertical-align: middle;
    margin-left: 0
}

@supports ((-webkit-mask:url()) or (mask:url())) {
    .site-banner .usa-banner__header-action::after {
        background: 0 0;
        background-color: #2491ff;
        -webkit-mask: url(../img/usa-icons/expand_more.svg) no-repeat center/1rem 1rem;
        mask: url(../img/usa-icons/expand_more.svg) no-repeat center/1rem 1rem
    }

    .site-banner .usa-banner__header-action::after:hover {
        background-color: #58b4ff
    }
}

.site-banner .usa-banner__header-action:hover::after {
    content: "";
    background-color: #58b4ff
}

.site-banner .usa-banner__header-action:visited {
    color: #adadad
}

.site-banner .usa-banner__header-action:active,
.site-banner .usa-banner__header-action:hover {
    color: #e6e6e6
}

.usa-banner__header--expanded .site-banner .usa-banner__header-action { display: none
}

@media all and (min-width:40em) {
    .site-banner .usa-banner__header-action { display: none
    }
}

.site-banner .usa-banner__header-flag { float: left;
    margin-right: .5rem;
    width: 1rem
}

@media all and (min-width:40em) {
    .site-banner .usa-banner__header-flag {
        margin-right: .5rem;
        padding-top: 0
    }
}

.site-banner .usa-banner__header--expanded {
    padding-right: 3.5rem
}

@media all and (min-width:40em) {
    .site-banner .usa-banner__header--expanded {
        background-color: transparent;
        display: block;
        font-size: .75rem;
        font-weight: 400;
        min-height: 0;
        padding-right: 0
    }
}

.site-banner .usa-banner__header--expanded .usa-banner__inner { margin-left: 0
}

@media all and (min-width:40em) {
    .site-banner .usa-banner__header--expanded .usa-banner__inner {
        margin-left: auto
    }
}

.site-banner .usa-banner__header--expanded .usa-banner__header-action { display: none
}

.site-banner .usa-banner__button {
    -moz-osx-font-smoothing: inherit;
    -webkit-font-smoothing: inherit;
    background-color: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    font-weight: 400;
    margin: 0;
    text-align: left;
    left: 0;
    position: absolute;
    bottom: 0;
    top: 0;
    vertical-align: baseline;
    color: #adadad;
    display: block;
    font-size: .75rem;
    height: auto;
    line-height: 1.2;
    padding: 0;
    text-decoration: none;
    width: auto
}

.site-banner .usa-banner__button:focus {
    outline: .25rem solid #2491ff;
    outline-offset: 0
}

.site-banner .usa-banner__button.usa-button--active,
.site-banner .usa-banner__button.usa-button--disabled,
.site-banner .usa-banner__button.usa-button--disabled.usa-button--active,
.site-banner .usa-banner__button.usa-button--disabled.usa-button--hover,
.site-banner .usa-banner__button.usa-button--disabled.usa-focus,
.site-banner .usa-banner__button.usa-button--disabled:active,
.site-banner .usa-banner__button.usa-button--disabled:focus,
.site-banner .usa-banner__button.usa-button--disabled:hover,
.site-banner .usa-banner__button.usa-button--hover,
.site-banner .usa-banner__button:active,
.site-banner .usa-banner__button:disabled,
.site-banner .usa-banner__button:disabled.usa-button--active,
.site-banner .usa-banner__button:disabled.usa-button--hover,
.site-banner .usa-banner__button:disabled.usa-focus,
.site-banner .usa-banner__button:disabled:active,
.site-banner .usa-banner__button:disabled:focus,
.site-banner .usa-banner__button:disabled:hover,
.site-banner .usa-banner__button:hover {
    -moz-osx-font-smoothing: inherit;
    -webkit-font-smoothing: inherit;
    background-color: transparent;
    box-shadow: none;
    text-decoration: underline
}

.site-banner .usa-banner__button.usa-button--disabled,
.site-banner .usa-banner__button:disabled {
    color: #c9c9c9
}

.site-banner .usa-banner__button.usa-button--hover {
    color: #1a4480
}

.site-banner .usa-banner__button.usa-button--active {
    color: #162e51
}

.site-banner .usa-banner__button:visited {
    color: #adadad
}

.site-banner .usa-banner__button:active,
.site-banner .usa-banner__button:hover {
    color: #e6e6e6
}

@media all and (max-width:39.99em) {
    .site-banner .usa-banner__button { width: 100%
    }
}

@media all and (min-width:40em) {
    .site-banner .usa-banner__button {
        color: #adadad;
        bottom: auto;
        left: auto;
        right: auto;
        top: auto;
        display: inline;
        margin-left: .5rem;
        position: relative
    }

    .site-banner .usa-banner__button::after {
        background: url(../img/usa-icons-bg/expand_more--white.svg) no-repeat center/1rem 1rem;
        display: inline-block;
        height: 1rem;
        width: 1rem;
        content: "";
        vertical-align: middle;
        margin-left: 2px
    }

    @supports ((-webkit-mask:url()) or (mask:url())) {
        .site-banner .usa-banner__button::after {
            background: 0 0;
            background-color: #2491ff;
            -webkit-mask: url(../img/usa-icons/expand_more.svg) no-repeat center/1rem 1rem;
            mask: url(../img/usa-icons/expand_more.svg) no-repeat center/1rem 1rem
        }

        .site-banner .usa-banner__button::after:hover {
            background-color: #58b4ff
        }
    }

    .site-banner .usa-banner__button:hover::after {
        content: "";
        background-color: #58b4ff
    }

    .site-banner .usa-banner__button:visited {
        color: #adadad
    }

    .site-banner .usa-banner__button:active,
    .site-banner .usa-banner__button:hover {
        color: #e6e6e6
    }

    .site-banner .usa-banner__button:after {
        position: absolute
    }

    .site-banner .usa-banner__button:hover {
        text-decoration: none
    }
}

.site-banner .usa-banner__button[aria-expanded=false],
.site-banner .usa-banner__button[aria-expanded=true] {
    background-image: none
}

@media all and (max-width:39.99em) {
    .site-banner .usa-banner__button[aria-expanded=true]::after {
        background: url(../img/usa-icons/close.svg) no-repeat center/1.5rem 1.5rem;
        display: inline-block;
        height: 3rem;
        width: 3rem;
        content: "";
        vertical-align: middle;
        margin-left: 0
    }

    @supports ((-webkit-mask:url()) or (mask:url())) {
        .site-banner .usa-banner__button[aria-expanded=true]::after {
            background: 0 0;
            background-color: #005ea2;
            -webkit-mask: url(../img/usa-icons/close.svg) no-repeat center/1.5rem 1.5rem;
            mask: url(../img/usa-icons/close.svg) no-repeat center/1.5rem 1.5rem
        }
    }

    .site-banner .usa-banner__button[aria-expanded=true]:before {
        bottom: 0;
        top: 0;
        position: absolute;
        right: 0;
        background-color: #e6e6e6;
        content: "";
        display: block;
        height: 3rem;
        width: 3rem
    }

    .site-banner .usa-banner__button[aria-expanded=true]:after {
        bottom: 0;
        top: 0;
        position: absolute;
        right: 0
    }
}

@media all and (min-width:40em) {
    .site-banner .usa-banner__button[aria-expanded=true] {
        height: auto;
        padding: 0;
        position: relative
    }

    .site-banner .usa-banner__button[aria-expanded=true]::after {
        background: url(../img/usa-icons-bg/expand_less--white.svg) no-repeat center/1rem 1rem;
        display: inline-block;
        height: 1rem;
        width: 1rem;
        content: "";
        vertical-align: middle;
        margin-left: 2px
    }

    @supports ((-webkit-mask:url()) or (mask:url())) {
        .site-banner .usa-banner__button[aria-expanded=true]::after {
            background: 0 0;
            background-color: #2491ff;
            -webkit-mask: url(../img/usa-icons/expand_less.svg) no-repeat center/1rem 1rem;
            mask: url(../img/usa-icons/expand_less.svg) no-repeat center/1rem 1rem
        }

        .site-banner .usa-banner__button[aria-expanded=true]::after:hover {
            background-color: #58b4ff
        }
    }

    .site-banner .usa-banner__button[aria-expanded=true]:hover::after {
        content: "";
        background-color: #58b4ff
    }

    .site-banner .usa-banner__button[aria-expanded=true]:after {
        position: absolute
    }
}

.site-banner .usa-banner__button-text {
    position: absolute;
    left: -999em;
    right: auto;
    text-decoration: underline
}

@media all and (min-width:40em) {
    .site-banner .usa-banner__button-text {
        position: static;
        display: inline
    }
}

.site-banner .usa-banner__icon {
    width: 2.5rem
}

.site-banner .usa-js-loading .usa-banner__content {
    position: absolute;
    left: -999em;
    right: auto
}

#utility-mixins p,
#utility-mixins ul,
.usa-content-list {
    /* max-width: 72ex */
}

.site-button,
.site-table,
.usa-prose>.site-table { font-family: Public Sans Web, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
    font-size: 1rem
}

.site-button { line-height: 1;
    font-weight: 400
}

.site-table,
.usa-prose>.site-table { line-height: 1.6
}

.usa-accordion__button:hover {
    text-decoration: none
}

.site-accordion-code>.usa-accordion__button h2,
.site-accordion-code>.usa-accordion__button h3,
.site-accordion>.usa-accordion__button h2,
.site-accordion>.usa-accordion__button h3,
.usa-hero__callout p { font-family: Public Sans Web, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
    font-size: 1rem;
    line-height: 1.6;
    margin-bottom: 0
}

pre.lineno {
    color: #757575;
    font-weight: 300;
    margin-right: 2ch;
    text-align: right;
    width: 3ch
}

body {
    text-rendering: optimizeLegibility
}

.site-accordion-code>.usa-accordion__button h2,
.site-accordion-code>.usa-accordion__button h3,
.site-accordion>.usa-accordion__button h2,
.site-accordion>.usa-accordion__button h3 { line-height: 1;
    margin-top: 0
}

.site-note {
    background-color: #ffbe2e;
    max-width: 72ex;
    padding: .5rem;
    border-radius: 2px
}

.site-note a {
    color: #1b1b1b
}

.site-hero {
    background-color: #f0f0f0;
    padding-bottom: 2rem;
    padding-left: 0;
    padding-right: 0;
    background-image: url(../img/introducing-uswds-2-0/feature-image.png);
    background-repeat: no-repeat;
    background-position: 0 1rem;
    background-size: 100% auto;
    padding-top: 68vw
}

@media all and (min-width:40em) {
    .site-hero {
        padding-bottom: 4rem;
        padding-top: 3rem;
        background-image: url(../img/introducing-uswds-2-0/feature-image-homepage.svg);
        background-repeat: no-repeat;
        background-position: left calc(30rem + 1rem) top .75rem;
        background-size: auto 400px
    }
}

@media all and (min-width:55em) {
    .site-hero {
        background-position: left calc(50% + 15rem) top .75rem
    }
}

.page-website-standards .site-subheading { display: none
}

.site-nav .usagov-search-autocomplete {
    min-width: 0
}

.site-nav .usa-button { display: block
}

.site-button-github .logo {
    bottom: 2px;
    display: inline-block;
    fill: #fff;
    margin-right: .25rem;
    vertical-align: middle;
    width: 1.5rem
}

.site-button-github .logo path {
    fill: #fff
}

.site-button-github .text {
    bottom: -2px;
    position: relative
}

@media all and (min-width:64em) {
    .site-button-github.usa-button {
        padding-left: 0;
        padding-right: 0;
        background-color: transparent;
        display: inline-block
    }

    .site-button-github.usa-button .logo {
        padding-left: 0;
        padding-right: 0;
        bottom: 1px;
        margin-left: .25rem;
        position: relative;
        width: 2rem
    }

    .site-button-github.usa-button .logo path {
        fill: rgba(255, 255, 255, .7)
    }

    .site-button-github.usa-button:active,
    .site-button-github.usa-button:hover {
        background-color: transparent
    }

    .site-button-github.usa-button:active .logo path,
    .site-button-github.usa-button:hover .logo path {
        fill: #fff
    }

    .site-button-github .text {
        position: absolute;
        left: -999em;
        right: auto
    }

    .site-header .buttons .usa-button {
        position: relative;
        bottom: -2px
    }

    .site-header .buttons .site-button-standards {
        box-shadow: inset 0 0 0 2px #e5a000;
        color: #e5a000
    }
}

.embed-youtube {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0
}

.site-roadmap-list,
.site-roadmap-list__sublist { margin-bottom: 0;
    margin-top: 0;
    list-style-type: none;
    padding-left: 0
}

.site-roadmap-list { margin-top: 1rem
}

.site-roadmap-list__item,
.site-roadmap-list__subitem {
    border-top-width: 1px;
    line-height: 1.4;
    padding-top: .25rem;
    margin-top: .25rem;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start
}

.site-roadmap-list__subitem {
    border-top-style: solid
}

.site-roadmap-list__item {
    border-top-color: #1b1b1b;
    border-top-style: solid;
    font-weight: 700
}

.site-roadmap-list__item .usa-tag { flex: 0 1 auto
}

.site-roadmap-list__sublist {
    width: 100%
}

.site-roadmap-list__sublist .site-roadmap-list__item {
    border-top-color: #e6e6e6;
    border-top-style: solid;
    font-weight: 400
}

.site-roadmap-list__sublist .site-roadmap-list__item:first-child { margin-top: .5rem
}

.site-roadmap-list__sublist .site-roadmap-list__item:last-child { margin-bottom: 1rem
}

.site-terminal code,
.site-terminal pre { font-family: Roboto Mono Web, Bitstream Vera Sans Mono, Consolas, Courier, monospace;
    font-size: .95rem;
    line-height: 1.4
}

.site-terminal pre {
    background-color: #2d2e2f;
    max-width: 72ex;
    color: #fff;
    white-space: pre-wrap;
    border-radius: .25rem
}

.site-terminal .nt,
.site-terminal .nv,
.site-terminal .nx {
    color: #81aefc
}

.site-terminal .nb {
    color: #5abf95
}

.site-terminal .c,
.site-terminal .c1,
.site-terminal .p {
    color: #a9aeb1
}

.site-terminal .k,
.site-terminal .kd,
.site-terminal .nl {
    color: #f39268
}

.site-terminal .bp {
    color: #c39deb
}

.site-preview-heading { font-family: Public Sans Web, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
    font-size: .88rem;
    line-height: 1.2;
    margin-bottom: 1rem;
    margin-top: 2rem;
    text-transform: uppercase;
    letter-spacing: .1em;
    font-weight: 400;
    color: #757575
}

.site-prose .site-component-section-title {
    border-top: 1px solid;
    margin-bottom: 1rem;
    margin-top: 1.5rem;
    padding-top: .75rem
}

.site-prose .site-component-name {
    border-top: 2px solid;
    font-weight: 300;
    padding-top: 1rem
}

.site-accordion-code .usa-accordion__content>.usa-form-group:first-child .usa-label:first-child,
.site-accordion-code .usa-date-range-picker>.usa-form-group:first-child .usa-label:first-child,
.site-accordion-code .usa-form:first-child>.usa-label:first-child,
.usa-content-list p:first-child { margin-top: 0
}

.site-accordion-code.site-component-preview .usa-accordion__content {
    overflow: visible
}

.card-policy .card-policy-body blockquote,
blockquote {
    border-left-width: 1px;
    border-left-color: #005ea2;
    border-left-style: solid;
    margin-left: 0;
    padding-left: 1rem
}

.card-policy { margin-bottom: 1rem;
    margin-top: 1rem;
    max-width: 100%
}

.card-policy .card-policy-body .src,
.card-policy button,
.card-policy button .src .kicker { font-family: Public Sans Web, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol
}

.card-policy button { font-size: .94rem;
    line-height: 1.4;
    padding: .75rem 2.5rem .75rem 3.5rem;
    font-weight: 500;
    color: #322d26;
    position: relative;
    background-color: #f1e5cd;
    border-radius: 2px
}

@media all and (min-width:40em) {
    .card-policy button {
        padding-right: 3.5rem
    }
}

.card-policy button .scroll {
    padding-left: .5rem;
    padding-right: .5rem;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    display: flex;
    align-items: center;
    color: #fff;
    background-color: #8e704f;
    border-bottom-left-radius: 2px;
    border-top-left-radius: 2px
}

.card-policy button .src { font-weight: 500
}

.card-policy button .src em { margin-left: 2px;
    color: #5c5c5c;
    font-style: italic;
    font-weight: 400
}

.card-policy button .src strong { font-weight: 800
}

.card-policy .card-policy-body .src,
.card-policy button .src .kicker { display: block
}

.card-policy button .src .kicker { margin-bottom: .25rem;
    text-transform: uppercase;
    font-weight: 300;
    font-size: .81rem
}

.card-policy button:hover {
    background-color: #dec69a
}

.card-policy button:hover .scroll {
    background-color: #6b5947
}

.card-policy .card-policy-body { margin-top: 0;
    padding: 2rem 2rem 2rem 3.5rem;
    background-color: #f5f0e6;
    color: #322d26;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    font-family: Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;
    font-size: .85rem;
    line-height: 1.7
}

@media all and (min-width:40em) {
    .card-policy .card-policy-body {
        padding-left: 3.5rem
    }
}

.card-policy .card-policy-body blockquote { margin-right: 0;
    padding: 0;
    border-left-width: 2px;
    border-left-color: #757575;
    color: #757575;
    background-color: #f5f0e6
}

.card-policy .card-policy-body .src { margin-top: 1.5rem;
    font-size: .94rem;
    color: #322d26;
    font-weight: 500
}
.text-highlight {
    padding-bottom: 1px;
    padding-top: 1px;
    padding-left: .25rem;
    padding-right: .25rem;
    background-color: #fee685
}

.pagination-behaviors { margin-bottom: 0;
    margin-top: 0;
    list-style-type: none;
    padding-left: 0
}

.pagination-behaviors--item { display: flex;
    flex-direction: column;
    border-top: 1px solid #adadad
}

@media all and (min-width:40em) {
    .pagination-behaviors--item {
        flex-direction: row
    }
}

.pagination-behaviors--examples,
.pagination-behaviors--guidance { flex: 0 1 auto
}

@media all and (min-width:40em) {
    .pagination-behaviors--guidance {
        padding-right: 2rem;
        width: 60%
    }
}

p+.pagination-behaviors--examples { margin-top: 0
}

.pagination-behaviors--example { margin-bottom: .75rem;
    margin-top: .75rem;
    display: block;
    width: auto
}

@media all and (min-width:40em) {
    .pagination-behaviors--example {
        height: 2rem
    }
}
.usa-button--white {
  color: #1a4480;
  background-color: white;
}
.usa-button--white:hover, 
.usa-button--white.usa-button--hover {
  color: #1a4480;
  background-color: #f0f0f0;
}
.usa-button--white:active, 
.usa-button--white.usa-button--active {
  color: #1a4480;
  background-color: #f0f0f0;
}
.usa-button--white:visited{
  color: #1a4480;
}