.paw-preloader-backdrop {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: $preloader-backdrop-bckg;

    .paw-preloader {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);


        &.paw-preloader-spin {
            -webkit-animation: preloader-spin 2s infinite linear;
            animation: preloader-spin 2s linear infinite; /* Custom animation */
        }

        @-webkit-keyframes preloader-spin {
            0% {
                -webkit-transform: translate(-50%, -50%) rotate(0deg);
                transform: translate(-50%, -50%) rotate(0deg)
            }

            to {
                -webkit-transform: translate(-50%, -50%) rotate(1turn);
                transform: translate(-50%, -50%) rotate(1turn)
            }
        }

        @keyframes preloader-spin {
            0% {
                -webkit-transform: translate(-50%, -50%) rotate(0deg);
                transform: translate(-50%, -50%) rotate(0deg)
            }

            to {
                -webkit-transform: translate(-50%, -50%) rotate(1turn);
                transform: translate(-50%, -50%) rotate(1turn)
            }
        }
    }

    &.paw-preloader-cover {
        background: rgba(red($preloader-backdrop-bckg), green($preloader-backdrop-bckg), blue($preloader-backdrop-bckg), 1);
    }
}
