@include wrap-class() {
    // Pulse loader
    .wcc-spinner-pulse {
        width: 40px;
        height: 40px;
        margin: 0 auto;
        background-color: $color-body;
        border-radius: 100%;
        -webkit-animation: wcc-pulse-scale-out 1s infinite ease-in-out;
        animation: wcc-pulse-scale-out 1s infinite ease-in-out;
        display: inline-block;
    }

    @-webkit-keyframes wcc-pulse-scale-out {
        0% {
            -webkit-transform: scale(0);
            transform: scale(0);
        }
        100% {
            -webkit-transform: scale(1);
            transform: scale(1);
            opacity: 0;
        }
    }

    @keyframes wcc-pulse-scale-out {
        0% {
            -webkit-transform: scale(0);
            transform: scale(0);
        }
        100% {
            -webkit-transform: scale(1);
            transform: scale(1);
            opacity: 0;
        }
    }
    // Ellipsis loader
    .wcc-ellipsis-loader:after {
        overflow: hidden;
        display: inline-block;
        vertical-align: bottom;
        -webkit-animation: wcc-ellipsis steps(4, end) 900ms infinite;
        animation: wcc-ellipsis steps(4, end) 900ms infinite;
        content: "\2026"; /* ascii code for the wcc-ellipsis character */
        width: 0px;
    }

    @keyframes wcc-ellipsis {
        to {
            width: 1.25em;
        }
    }

    @-webkit-keyframes wcc-ellipsis {
        to {
            width: 1.25em;
        }
    }
    .wcc-loader-view {
        position: absolute;
        left: 0;
        right: 0;
        height: 100%;
        top: 108px;
        z-index: -1;
    }
}