.cds-anim-rotation {
    animation: rotation 1s infinite ease-in-out;
}

.cds-anim-heartbeat {
    animation: heartbeat 1s infinite ease-in-out;
}

.cds-anim-ring {
    animation: ring 1s infinite ease-in-out;
}

@keyframes heartbeat {
    0% {
        transform: scale(1);
    }

    10% {
        transform: scale(1.1);
    }

    30% {
        transform: scale(1);
    }

    40% {
        transform: scale(1.1);
    }

    60% {
        transform: scale(1);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes rotation {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

@keyframes blink {
    from {
        opacity: 100%;
    }

    to {
        opacity: 0%;
    }
}

@keyframes moveGradient {
    0% {
        background-position: 200% 0;
    }

    100% {
        background-position: 0% 0;
    }
}

@keyframes ring {
    0% {
        transform: rotate(0);
    }

    10% {
        transform: rotate(-15deg);
    }

    20% {
        transform: rotate(15deg);
    }

    30% {
        transform: rotate(-10deg);
    }

    40% {
        transform: rotate(10deg);
    }

    50% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(0);
    }
}