/* HTML: <div class="loader"></div> */
.loader {
    width: 26px;
    aspect-ratio: .8;
    --c: no-repeat linear-gradient(#3cf 0 0);
    background: var(--c) 0% 100%, var(--c) 50% 100%, var(--c) 100% 100%;
    background-size: 20% 65%;
    animation: l5 1s infinite linear;
}

@keyframes l5 {
    20% {
        background-position: 0% 50%,50% 100%,100% 100%
    }

    40% {
        background-position: 0% 0%,50% 50%,100% 100%
    }

    60% {
        background-position: 0% 100%,50% 0%,100% 50%
    }

    80% {
        background-position: 0% 100%,50% 100%,100% 0%
    }
}