
@keyframes rotate-animation {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* Prototype */
@keyframes slide-animation {
    from { transform: translateX(0); }
    to { transform: translateX(540px); }
}

@keyframes pulse-animation {
    0%   { transform: scale(1); }
    14%  { transform: scale(1.3); }
    28%  { transform: scale(1); }
    42%  { transform: scale(1.2); }
    70%  { transform: scale(1); }
    100% { transform: scale(1); }
}

@keyframes pulse-small-animation {
    0%   { transform: scale(1); }
    14%  { transform: scale(1.15); }
    28%  { transform: scale(1); }
    42%  { transform: scale(1.1); }
    70%  { transform: scale(1); }
    100% { transform: scale(1); }
}

@keyframes pulse-small-alert-animation {
    0%   { transform: scale(1); }
    14%  { transform: scale(1.15); fill: #cc000066; }
    28%  { transform: scale(1); fill: #ff777722; }
    42%  { transform: scale(1.1); fill: #ffaaaaaa; }
    70%  { transform: scale(1); fill: #cc000088; }
    100% { transform: scale(1); }
}
