.spinner-load {
    position: absolute;
    top: 0;
    left: 0;
    background-color: black;
    opacity: .75;
    display: none;
    align-items: center;
    justify-content: center;
    width: 100vw;
    height: 100vh;
    z-index: 5000;
}

.spinner-load-show {
    display: flex;
}

.loader-image {
    width: 64px;
    height: 64px;
    animation: spinning 3s infinite linear reverse;
    filter: sepia(100%) saturate(200%) contrast(100%) brightness(90%) hue-rotate(120deg);
    user-select: none;
}

@-moz-keyframes spinning {
    from {
        -moz-transform: rotate(0deg);
    }

    to {
        -moz-transform: rotate(360deg);
    }
}

@-webkit-keyframes spinning {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spinning {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}