@keyframes marqueeScroll {
    0% {
        transform: translateX(0)
    }

    to {
        transform: translateX(calc(var(--tile-width)*-1))
    }
}

@keyframes scrollText {
    0% {
        transform: translateX(0)
    }

    to {
        transform: translateX(-50%)
    }
}

@keyframes scanlines {
    0% {
        background-position: 0-8px
    }

    to {
        background-position: 0 0
    }
}

@keyframes zoomTransition {
    0% {
        transform: scale(.5)
    }

    to {
        transform: scale(1)
    }
}

@keyframes rainbow {
    0% {
        filter: hue-rotate(0deg) blur(5px) brightness(1.2)
    }

    to {
        filter: hue-rotate(360deg) blur(5px) brightness(1.2)
    }
}

@keyframes rotateGradient {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(360deg)
    }
}

@keyframes shimmer {
    0% {
        transform: translateX(-100%) rotate(45deg)
    }

    to {
        transform: translateX(100%) rotate(45deg)
    }
}

@keyframes borderShift {
    0%,to {
        border-color: rgba(255,255,255,.3)
    }

    25% {
        border-color: rgba(0,255,255,.3)
    }

    50% {
        border-color: rgba(255,0,255,.3)
    }

    75% {
        border-color: rgba(255,255,0,.3)
    }
}

@keyframes kinegram {
    0% {
        transform: rotate(0deg);
        background-position: 0 0;
        filter: hue-rotate(0deg)
    }

    to {
        transform: rotate(360deg);
        background-position: 100% 100%;
        filter: hue-rotate(360deg)
    }
}

@keyframes rotateStar {
    0% {
        transform: translate(-50%,-50%) rotate(0deg)
    }

    to {
        transform: translate(-50%,-50%) rotate(360deg)
    }
}

@keyframes cardShine {
    0% {
        transform: translateX(-100%)
    }

    20%,to {
        transform: translateX(100%)
    }
}

@keyframes hologramShift {
    0%,to {
        background-position: 0 0;
        filter: hue-rotate(0deg)
    }

    50% {
        background-position: 100% 100%;
        filter: hue-rotate(30deg)
    }
}

@keyframes moveHolographicLines {
    0% {
        background-position: 200% 200%
    }

    to {
        background-position: 0 0
    }
}

@keyframes pulseHolo {
    0%,to {
        opacity: .3;
        transform: scale(1)
    }

    50% {
        opacity: .6;
        transform: scale(1.05)
    }
}

@keyframes photoHologram {
    0%,to {
        background-position: 0 0;
        filter: hue-rotate(0deg)
    }

    50% {
        background-position: 100% 100%;
        filter: hue-rotate(30deg)
    }
}

@keyframes photoLines {
    0% {
        background-position: 200% 200%
    }

    to {
        background-position: 0 0
    }
}

@keyframes cardGlow {
    0%,to {
        box-shadow: 0 15px 35px rgba(0,0,0,.2),0 0 50px rgba(255,255,255,.1),0 0 30px rgba(255,255,255,.05),inset 0 0 20px rgba(255,255,255,.05)
    }

    50% {
        box-shadow: 0 15px 35px rgba(0,0,0,.2),0 0 70px rgba(255,255,255,.15),0 0 40px rgba(255,255,255,.1),inset 0 0 30px rgba(255,255,255,.08)
    }
}

@keyframes holoShimmer {
    0% {
        opacity: .8;
        filter: hue-rotate(0deg) brightness(1)
    }

    50% {
        opacity: 1;
        filter: hue-rotate(180deg) brightness(1.2)
    }

    to {
        opacity: .8;
        filter: hue-rotate(360deg) brightness(1)
    }
}