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

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

@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;
    }
}

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


/* INFO: conflict s admin/upload.css */
form.disabled .mgLoader:last-child {
    position: absolute;
    inset: 0;
    background-color: #F5F0DA99;

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

    opacity: 0;
    transition: 700ms ease-in-out opacity;
}
/* <<<<<< */