@keyframes slide-out {
	to {
		translate: -100vw 0;
	}
}
@keyframes slide-in {
	from {
		translate: 100vw 0;
	}
}

@keyframes color-spotlight {
	to {
		--animated-hue: 360;
	}
}
@keyframes move-phone {
	from {
		--bg-phone-y-position: -600px;
	}
	to {
		--bg-phone-y-position: 1200px;
	}
}
@keyframes exp-highlight {
	to {
		--exp-index: 7;
	}
}
@keyframes marquee {
	to {
		transform: translate(calc(-50% - 8px));
	}
}

@keyframes right-slidein {
    0% {
        margin-right: -100%;
    }
    100% {
        margin-right: 16px;
    }
}
@keyframes right-slideout {
    0% {
        margin-right: 16px;
    }
    100% {
        margin-right: -100%;
    }
}

@keyframes view-slidein {
    0% {
        translate: -100svw;
    }
    100% {
        translate: 0svw;
    }
}

@keyframes char-popup {
	from {
		margin-top: -100%;
		opacity: 0;
	}
	to {
		margin-top: 0;
		opacity: 1;
	}
}

@keyframes animated-satellite {
	to {
		--animated-sat: 360;
	}
}