@-webkit-keyframes shine {
    to {
        background-position: 200% center;
    }
}

@keyframes shine {
    to {
        background-position: 200% center;
    }
}

@keyframes rotate-one {
    100% {
        transform: rotate(40deg);
        /**
 * 12% => 21.6deg
 */
    }
}

@keyframes rotate-two {
    0% {
        transform: rotate(21.6deg);
    }

    100% {
        transform: rotate(88deg);
        /**
 * 32% => 57.6deg 
 * 57.6 + 21.6 => 79.2deg
 */
    }
}

@keyframes rotate-three {
    0% {
        transform: rotate(88deg);
    }

    100% {
        transform: rotate(140.4deg);
        /**
 * 34% => 61.2deg 
 * 61.2 + 79.2 => 140.4deg
 */
    }
}

@keyframes rotate-four {
    0% {
        transform: rotate(140.4deg);
    }

    100% {
        transform: rotate(180deg);
        /**
 * 22% => 39.6deg  
 * 140.4 + 39.6 => 180deg
 */
    }
}

@keyframes fade-in {

    0%,
    90% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes slideDownFilter {
    from {height: 0;}
    to {height: 75px;}
}

@keyframes slideDownSorting {
    from {height: 0;}
    to {height: 55px;}
}