.basic-card-list {
    display: flex;
    flex-wrap: nowrap;
    gap: 1rem;
    margin: 0
}

.basic-card {
    flex: 1 1 0;
    margin: 0
}

    .basic-card:last-child {
        margin: 0
    }

.basic-card__container {
    border-color: #005ea2;
    border-width: 1px;
    margin: 0
}

.basic-card--parent-clickable .basic-card__container:hover {
    border-color: transparent;
    box-shadow: 0 0 0 2px #005ea2
}

.basic-card__heading a {
    text-decoration: none
}

    .basic-card__heading a:hover {
        text-decoration: underline
    }

.basic-card--parent-clickable .basic-card__link::after {
    content: "";
    inset: 0;
    position: absolute;
    z-index: 1
}

.usa-card__container {
    color: #171716;
    background-color: #fff;
    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;
    border-width: 2px;
    border-color: #dfe1e2;
    border-style: solid;
    display: flex;
    height: 100%;
    flex-direction: column;
    margin-left: .5rem;
    margin-right: .5rem;
    position: relative;
    border-radius: .5rem
}

.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
    }

.usa-card__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: 1.38rem;
    line-height: 1.2;
    margin: 0
}

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

.usa-card__img {
    border-top-left-radius: calc(.5rem - 2px);
    border-top-right-radius: calc(.5rem - 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: .5rem;
        border-top-right-radius: .5rem
    }

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

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

.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
    }

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

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

    .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: .5rem;
            border-top-left-radius: .5rem
        }

    .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(.5rem - 2px);
        border-bottom-right-radius: calc(.5rem - 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
    }

    .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: .5rem;
            border-top-right-radius: .5rem
        }
}

.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
    }