<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@keyframes fade-in{
	0%   {opacity: 0;}
	100% {opacity: 1;}
}

@keyframes fade-out{
	0%   {opacity: 1;}
	100% {opacity: 0;}
}

@keyframes rotate-in{
	0%   {transform: rotateY(90deg); transform-origin:top; }
    30%   {transform: rotateY(90deg); transform-origin:top; }
	100% {transform: rotateY(0deg); transform-origin:top; }
}

@keyframes slide-left-in {
    0% {
        transform: translateX(100%);

    }
    100% {
        transform: translateX(0);
        /*opacity: 1;*/
    }
}

@keyframes slide-left-out {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-100%);
        /*opacity: 0;*/
    }
}

@keyframes slide-right-out {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(100%);
        /*opacity: 0;*/
    }
}

@keyframes slide-right-in {
    0% {
        transform: translateX(-100%);

    }
    100% {
        transform: translateX(0);
        /*opacity: 1;*/
    }
}



</pre></body></html>