@keyframes ArrowJump {
	0% {
		-webkit-transform: translate(-50%, 0);
		transform: translate(-50%, 0);
	}
	100% {
		-webkit-transform: translate(-50%, -100%);
		transform: translate(-50%, -100%);
	}
}
@keyframes ShowScrollTop {
	0% {
		opacity: 0;
		right: -100vh;
	}
	1% {
		opacity: 0;
		right: 75px;
	}
	100% {
		opacity: 1;
		right: 75px;
	}
}
@keyframes HideScrollTop {
	0% {
		opacity: 1;
		right: 75px;
	}
	99% {
		opacity: 0;
		right: 75px;
	}
	100% {
		opacity: 0;
		right: -100vh;
	}
}
@keyframes CategoryBackground {
	0% {
		background-color: transparent;
	}
	100% {
		background-color: var(--GanmarColorBlack);
	}
}
@keyframes CategoryRowBottom {
	0% {
		width: 20px;
	}
	100% {
		width: 40px;
	}
}
@keyframes ResultBox {
	0% {
		-webkit-transform: scale(0);
		transform: scale(0);
	}
	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}
@keyframes LoadingBox {
	0% {
		opacity: 0;
		/* backdrop-filter: blur(0); */
	}
	100% {
		opacity: .7;
		/* backdrop-filter: blur(10px); */
	}
}
@keyframes SlideTimeNav {
	0% {
		width: 0;
	}
	100% {
		width: 100%;
	}
}
@keyframes SlideTimeNavReverse {
	0% {
		width: 100%;
	}
	100% {
		width: 0;
	}
}