@import "../../styles/modules/importAll";

.LoadingSpinner {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none;

    @keyframes uil-rolling-anim {
        0% {
            transform: rotate(0deg);
        }

        50% {
            transform: rotate(180deg);
        }

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

    .uil-rolling-css {
        transform: scale(0.12) !important;
        width: 200px;
        height: 200px;
        position: absolute;
        top: calc(50% - 100px);
        left: calc(50% - 100px);
    }

    .uil-rolling-css > div {
        width: 200px;
        height: 200px;
        position: relative;
        animation: uil-rolling-anim 1.0s linear infinite;
    }

    .uil-rolling-css > div div {
        position: absolute;
        width: 200px;
        height: 100px;
        border-radius: 1000px 1000px 0 0;
        border-color: rgb(43, 182, 115);
        border-style: solid;
        border-width: 48px;
        border-bottom-width: 0;
    }

    .uil-rolling-css > div div:nth-of-type(2) {
        transform: translate(0, 50px) rotate(43.2deg) translate(0, -50px);
    }
}