.mgLoader .circular {
    position: relative;
    animation: loaderRotate 2s linear infinite;
    height: 48px;
    width: 48px;
}

.mgLoader .path {
    stroke-dasharray: 1,200;
    stroke-dashoffset: 0;
    animation: loaderDash 1.5s ease-in-out infinite;
    stroke-linecap: round;
    stroke: var(--white);
}

@keyframes loaderRotate {
    100%{ transform: rotate(360deg); }
}

@keyframes loaderDash {
    0%{
        stroke-dasharray: 1,200;
        stroke-dashoffset: 0;
    }
    50%{
        stroke-dasharray: 89,200;
        stroke-dashoffset: -35;
    }
    100%{
        stroke-dasharray: 89,200;
        stroke-dashoffset: -124;
    }
}

/* *** */
form.disabled { position: relative; }


/* INFO: conflict s admin/upload.css */
form.disabled .mgLoader:last-child {
    position: absolute;
    inset: 0;
    /* INFO: HEX alpha -> https://gist.github.com/lopspower/03fb1cc0ac9f32ef38f4  */
    background-color: #FFF5; /* INFO: body color + alpha */

    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;

    opacity: 0;
    transition: opacity .5s ease;
}