webpack-bootstrap-ui-kit/src/scss/layout/main/states/network.scss

/*
 * Network States
 */

.loading {
    animation: fade 0.5s linear infinite;
}

.graphql-page {
    &.response-404 {
        filter: grayscale(1);
        opacity: 0.5;
        cursor: not-allowed;
    }
}

.is-offline {
    iframe {
        display: none;
    }

    .graphql-page {
        &.response-523 {
            filter: grayscale(1);
            opacity: 0.5;
            cursor: not-allowed;
        }
    }
}

body.ajax-loading {
    overflow: hidden;
    height: 100vh;

    #Header {
        position: relative;
        z-index: 2001;
    }
}