#op-flow-app {
    opacity: 1;
    transition: opacity linear 200ms;

    .opm-loading-indicator {
        position: fixed;
        bottom: 25px;
        right: 25px;
        z-index: 99999;
        display: none;
        background-color: rgba(0, 99, 217, .8);
    }
}

.opm-is-loading {
    #op-flow-app {
        // opacity: .5;

        .opm-loading-indicator {
            display: block;
        }
    }
}


.opui-workflow-is-loading {
    h3, p, span, .op-flow-icon, .op-flow-connector .opui-flow-connector-add {
        text-indent: -9999px;
        white-space: nowrap;
        animation-duration: 1.25s;
        animation-fill-mode: forwards;
        animation-iteration-count: infinite;
        animation-name: skeleton-loading-shimmer;
        animation-timing-function: linear;
        background: #F6F6F6;
        background: linear-gradient(to right, #ededed 8%, whitesmoke 18%, #ededed 33%);
        background-size: auto;
        background-size: 800px 104px;
        position: relative;
    }

    h3 {
        max-width: 33%
    }

    p {
        max-width: 66%
    }

    .op-flow-connector .opui-flow-connector-add:before, .op-flow-connector .opui-flow-connector-add:after {
        display: none;
    }
}