@keyframes spin{
    from {transform: rotate(0deg);}
    to {transform: rotate(360deg);}
}

@keyframes offline_accent{
    from {
        transform: scale(1);
        color: inherit;
        text-shadow: 0px 0px 6px transparent;
    }
    to {
        /* transform: scale(1.1) translateX(5px); */
        color: red;
        text-shadow: 0px 0px 6px var(--error_color);
    }
}

@keyframes event_appear{
    from {
        background-color: rgba(255,255,255,1);
        color: var(--primary_color);
    }
    to {
        background-color: rgba(255,255,255,0.3);
    }
}