/* select uses */
.animation-rotate {
    animation: aw-rotate 1s linear infinite;
}

.animation-rotate-slow {
    animation: aw-rotate 2s linear infinite;
}

@keyframes aw-rotate {
    to {
        transform: rotate(1turn);
    }
}

/* chip uses */
.animation-pulse {
    animation: aw-pulse 1s infinite;
}

@keyframes aw-pulse {
    50% {
        transform: scale(1.3);
    }
}

@keyframes aw-shake {
    0%,
    100% {
        transform: translateX(0);
    }
    10% {
        transform: translateX(-9px);
    }
    20% {
        transform: translateX(8px);
    }
    30% {
        transform: translateX(-7px);
    }
    40% {
        transform: translateX(6px);
    }
    50% {
        transform: translateX(-5px);
    }
    60% {
        transform: translateX(4px);
    }
    70% {
        transform: translateX(-3px);
    }
    80% {
        transform: translateX(2px);
    }
    90% {
        transform: translateX(-1px);
    }
}

@keyframes aw-appear {
    to {
        opacity: 1;
    }
}

@keyframes aw-placeholder {
    0% {
        transform: translateX(-100%);
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        transform: translateX(100%);
        opacity: 0;
    }
}