/*
 * Author: Jared Hall
 * Purpose: To apply simple animations to the ticket page transactions
 * Last Updated: March 30th, 2026
*/

@keyframes updateLine {
    0% { background-color: initial; }
    50% { background-color: #ffffcf; }
    100% { background-color: initial; }
}

@keyframes addLine {
    0% {
        transform: translateY(-20px);
        opacity: 0;
    }

    100% {
        transform: translateY(0);
        opacity: 100;
    }
}

@keyframes removeLine {
    0% {
        transform: translateY(0);
        opacity: 100;
        height: initial;
    }

    100% {
        transform: translateY(10px);
        opacity: 0;
        height: 0;
    }
}

.on-updated {
    animation: updateLine;
    animation-duration: 250ms;
}

.on-added {
    animation: addLine;
    animation-duration: 250ms;
}

.on-removed {
    animation: removeLine;
    animation-duration: 150ms;
}