@keyframes loader-animation {
/*    0% {
        transform: rotateY(0deg) scale(0.95);
        animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5);
    }

    50% {
        transform: rotateY(900deg) scale(1.2);
        animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1);
    }

    100% {
        transform: rotateY(3600deg) scale(0.95);
        animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5);
    }*/

    0% {
        transform: scale(0.95);
    }
    5% {
        transform: scale(1.1);
    }
    39% {
        transform: scale(0.85);
    }
    45% {
        transform: scale(1);
    }
    60% {
        transform: scale(0.95);
    }
    100% {
        transform: scale(0.9);
    }

}

.loader {
    display: inline-block;
    width: var(--loader-size);
    height: var(--loader-size);
    border-radius: var(--loader-size);
    background: var(--loader-color);
    animation: loader-animation 2.4s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}