@import url('/config/web-styles.css?t=525171');

html, body {
    overscroll-behavior-x: none;
    overscroll-behavior-y: none;
}

a[href] {
    text-decoration: none;

    &:hover, &:focus, &:focus-visible {
        text-decoration: underline;
    }
}

body {
    min-height: 100vh;
    display: grid;
    grid-template-rows: auto 1fr auto;
    background: url("/assets/images/background.png?t=525171") no-repeat fixed center center;
    background-size: cover;
}

.sr-only-focusable:focus, .sr-only-focusable:active {
    position: static;
    width: auto;
    height: auto;
    overflow-x: visible;
    overflow-y: visible;
    clip: auto;
    white-space-collapse: collapse;
    text-wrap: wrap;
    clip-path: initial;
}

swift-wallet, [data-swift-wallet] {
    outline-color: initial;
    outline-style: none;
    outline-width: initial;
}

*:has(> [data-swift-wallet]):has(> [data-swift-wallet-loader]) {
    [data-swift-wallet]:not(.loaded) {
        clip: rect(0px, 0px, 0px, 0px);
        clip-path: inset(50%);
        height: 1px;
        overflow-x: hidden;
        overflow-y: hidden;
        position: absolute;
        white-space-collapse: collapse;
        text-wrap: nowrap;
        width: 1px;
    }

    [data-swift-wallet].loaded + [data-swift-wallet-loader] {
        display: none;
    }
}

body.is-offline [data-hide-when=".is-offline"] {
    display: none;
}

body:not(.is-offline) [data-hide-when=":not(.is-offline)"] {
    display: none;
}

body.is-usaa [data-hide-when=".is-usaa"] {
    display: none;
}

body:not(.is-usaa) [data-hide-when=":not(.is-usaa)"] {
    display: none;
}

@keyframes carLoaderAnimation {
    0% {
        transform: translateX(-100%);
    }
    25% {
        transform: translateX(0);
    }
    75% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(100%);
    }
}