@keyframes scrolldown{
	0%{ height: 0; transform: translateY(0); }
	45%{ height: 100%; transform: translateY(0); }
	50%{ height: 100%; transform: translateY(0); }
	95%{ height: 100%; transform: translateY(100%); }
	100%{ height: 100%; transform: translateY(100%); }
}

@keyframes bgScale{
	0%{ transform: scale(1); }
	100%{ transform: scale(1.07); }
}

@keyframes bgScale2{
	0%{ transform: scale(1.1); }
	100%{ transform: scale(1); }
}

@keyframes bgClip{
	0%{ clip-path: polygon(100% 0, 100% 100%, 100% 100%, 100% 0); -webkit-clip-path: polygon(100% 0, 100% 100%, 100% 100%, 100% 0); }
	100%{ clip-path: polygon(0% 0%, 0% 100%, 100% 100%, 100% 0); -webkit-clip-path: polygon(0% 0%, 0% 100%, 100% 100%, 100% 0); }
}

@keyframes bgClipLeft{
	0%{ clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%); -webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%); }
	100%{ clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%); -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%); }
}

@keyframes textClip{
	0%{ transform: translateY(100%); clip-path: polygon(0 0, 100% 0, 100% 0, 0 0); -webkit-clip-path: polygon(0 0, 100% 0, 100% 0, 0 0); }
	100%{ transform: translateY(0); clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); }
}

@keyframes letterSpacing{
	0%{ letter-spacing: var(--before); }
	100%{ letter-spacing: var(--after); }
}

@keyframes barWidth{
	0%{ width: 0; }
	100%{ width: 100%; }
}

@keyframes origin_left{
	0%{ transform: translateX(0); }
	50%{ transform: translateX(-100%); }
	50.01%{ transform: translateX(100%) }
	100%{ transform: translateX(0); }
}

@keyframes clone_left{
	0%{ transform: translateX(0); }
	100%{ transform: translateX(-200%) }
}

@keyframes top01{
	0%{ top: 0; transform: translateY(0); }
	100%{ top: calc(var(--gap) * -1); transform: translateY(-100%); }
}

@keyframes top02{
	0%{ bottom: calc(var(--gap) * -1); transform: translateY(100%); }
	100%{ bottom: 0; transform: translateY(0); }
}

@keyframes rotate360{
	0%{ transform: rotate(0); }
	100%{ transform: rotate(360deg); }
}