$_spin-duration: 1s;
$_spin-easing: linear;

@keyframes spin {
    0% {
        transform: translate(var(--animation-spin-translate, 0)) rotate(0);
    }

    100% {
        transform: translate(var(--animation-spin-translate, 0)) rotate(360deg);
    }
}

.animation-spin-clockwise {
    animation: spin $_spin-duration $_spin-easing infinite;
}
