@import "./layer.css";

.loader {
    font-size: var(--loading-size, 10px);
    width: 1em;
    height: 1em;
    border-radius: 50%;
    text-indent: -9999em;
    animation: load3 1.1s infinite linear;
    transform: translateZ(0);
}

@keyframes load3 {
    0%,
    100% {
        box-shadow: 0 -2.6em 0 0 var(--def-c), 1.8em -1.8em 0 0 rgb(var(--def)/.2), 2.5em 0 0 0 rgb(var(--def)/.2), 1.75em 1.75em 0 0 rgb(var(--def)/.2), 0 2.5em 0 0 rgb(var(--def)/.2), -1.8em 1.8em 0 0 rgb(var(--def)/.2), -2.6em 0 0 0 rgb(var(--def)/.5), -1.8em -1.8em 0 0 rgb(var(--def)/.7);
    }
    12.5% {
        box-shadow: 0 -2.6em 0 0 rgb(var(--def)/.7), 1.8em -1.8em 0 0 var(--def-c), 2.5em 0 0 0 rgb(var(--def)/.2), 1.75em 1.75em 0 0 rgb(var(--def)/.2), 0 2.5em 0 0 rgb(var(--def)/.2), -1.8em 1.8em 0 0 rgb(var(--def)/.2), -2.6em 0 0 0 rgb(var(--def)/.2), -1.8em -1.8em 0 0 rgb(var(--def)/.5);
    }
    25% {
        box-shadow: 0 -2.6em 0 0 rgb(var(--def)/.5), 1.8em -1.8em 0 0 rgb(var(--def)/.7), 2.5em 0 0 0 var(--def-c), 1.75em 1.75em 0 0 rgb(var(--def)/.2), 0 2.5em 0 0 rgb(var(--def)/.2), -1.8em 1.8em 0 0 rgb(var(--def)/.2), -2.6em 0 0 0 rgb(var(--def)/.2), -1.8em -1.8em 0 0 rgb(var(--def)/.2);
    }
    37.5% {
        box-shadow: 0 -2.6em 0 0 rgb(var(--def)/.2), 1.8em -1.8em 0 0 rgb(var(--def)/.5), 2.5em 0 0 0 rgb(var(--def)/.7), 1.75em 1.75em 0 0 var(--def-c), 0 2.5em 0 0 rgb(var(--def)/.2), -1.8em 1.8em 0 0 rgb(var(--def)/.2), -2.6em 0 0 0 rgb(var(--def)/.2), -1.8em -1.8em 0 0 rgb(var(--def)/.2);
    }
    50% {
        box-shadow: 0 -2.6em 0 0 rgb(var(--def)/.2), 1.8em -1.8em 0 0 rgb(var(--def)/.2), 2.5em 0 0 0 rgb(var(--def)/.5), 1.75em 1.75em 0 0 rgb(var(--def)/.7), 0 2.5em 0 0 var(--def-c), -1.8em 1.8em 0 0 rgb(var(--def)/.2), -2.6em 0 0 0 rgb(var(--def)/.2), -1.8em -1.8em 0 0 rgb(var(--def)/.2);
    }
    62.5% {
        box-shadow: 0 -2.6em 0 0 rgb(var(--def)/.2), 1.8em -1.8em 0 0 rgb(var(--def)/.2), 2.5em 0 0 0 rgb(var(--def)/.2), 1.75em 1.75em 0 0 rgb(var(--def)/.5), 0 2.5em 0 0 rgb(var(--def)/.7), -1.8em 1.8em 0 0 var(--def-c), -2.6em 0 0 0 rgb(var(--def)/.2), -1.8em -1.8em 0 0 rgb(var(--def)/.2);
    }
    75% {
        box-shadow: 0 -2.6em 0 0 rgb(var(--def)/.2), 1.8em -1.8em 0 0 rgb(var(--def)/.2), 2.5em 0 0 0 rgb(var(--def)/.2), 1.75em 1.75em 0 0 rgb(var(--def)/.2), 0 2.5em 0 0 rgb(var(--def)/.5), -1.8em 1.8em 0 0 rgb(var(--def)/.7), -2.6em 0 0 0 var(--def-c), -1.8em -1.8em 0 0 rgb(var(--def)/.2);
    }
    87.5% {
        box-shadow: 0 -2.6em 0 0 rgb(var(--def)/.2), 1.8em -1.8em 0 0 rgb(var(--def)/.2), 2.5em 0 0 0 rgb(var(--def)/.2), 1.75em 1.75em 0 0 rgb(var(--def)/.2), 0 2.5em 0 0 rgb(var(--def)/.2), -1.8em 1.8em 0 0 rgb(var(--def)/.5), -2.6em 0 0 0 rgb(var(--def)/.7), -1.8em -1.8em 0 0 var(--def-c);
    }
}