/* HTML: <div class="loader"></div> */
.loader {
    width: 12px;
    aspect-ratio: 1;
    border-radius: 50%;
    animation: l5 1s infinite linear alternate;
}

@keyframes l5 {
    0% {
        box-shadow: 20px 0 #EF9C20, -20px 0 #F7CD8F;
        background: #EF9C20
    }

    33% {
        box-shadow: 20px 0 #EF9C20, -20px 0 #F7CD8F;
        background: #F7CD8F
    }

    66% {
        box-shadow: 20px 0 #F7CD8F,-20px 0 #EF9C20;
        background: #F7CD8F
    }

    100% {
        box-shadow: 20px 0 #F7CD8F,-20px 0 #EF9C20;
        background: #EF9C20
    }
}