.loader {
	 opacity: 70% !important;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
   
}


.absolute {
    position: absolute;
}

.inline-block {
    display: inline-block;
}

/*.loader {
    display: flex;
    margin: 0.25em 0;
    justify-content: center;
    align-content: center;
}*/
.loading-overlay {
	opacity: 70% !important;
    position: fixed;
    inset: 0;
    background-color: #020c1b;
    display: none;
    /* hidden by default */
    justify-content: center;
    align-items: center;
    z-index: 9999;
    
}

.loading-overlay.active {
    display: flex;
    /* flex ONLY when visible */
}


.w-2 {
    width: 0.5em;
}

.dash {
    animation: dashArray 4s ease-in-out infinite, dashOffset 4s linear infinite;
}

.spin {
    animation: spinDashArray 4s ease-in-out infinite, spin 8s ease-in-out infinite, dashOffset 4s linear infinite;
    transform-origin: center;
}

@keyframes dashArray {
    0% {
        stroke-dasharray: 0 1 359 0;
    }

    50% {
        stroke-dasharray: 0 359 1 0;
    }

    100% {
        stroke-dasharray: 359 1 0 0;
    }
}

@keyframes spinDashArray {
    0% {
        stroke-dasharray: 270 90;
    }

    50% {
        stroke-dasharray: 0 360;
    }

    100% {
        stroke-dasharray: 270 90;
    }
}

@keyframes dashOffset {
    0% {
        stroke-dashoffset: 365;
    }

    100% {
        stroke-dashoffset: 5;
    }
}

@keyframes spin {
    0% {
        rotate: 0deg;
    }

    12.5%,
    25% {
        rotate: 270deg;
    }

    37.5%,
    50% {
        rotate: 540deg;
    }

    62.5%,
    75% {
        rotate: 810deg;
    }

    87.5%,
    100% {
        rotate: 1080deg;
    }
}