<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">:root{
	--duration-slow:3s;
	--duration-medium:2s;
	--duration-fast:1s;
	--shadow-color: #00000038;
	}

/* Zoom in */
@keyframes scaleIn{
	0% {transform: scale(0.2);}
	85% {transform:scale(1.1);}
	100% {transform:scale(1);}
	}

@keyframes hingeIn{
	0% {transform: rotate(-180deg); opacity:0;}
	50% {transform: rotate(-90deg); }
	85% {transform:rotate(15deg);}
	100% {transform:rotate(0deg);}
	}

@keyframes reveal {
		0% {width:0px; opacity:0;}
		100% {width:50%;}
	}

@keyframes curtainReveal {
		0% {height:50%;}
		100% {height:5%;}
	}

@keyframes topCurtain {
		0% {box-shadow: 0px 0px 0px var(--shadow-color);}
		100% {box-shadow: 0px 9px 5px var(--shadow-color);}
	}

@keyframes bottomCurtain {
		0% {box-shadow: 0px 0px 0px var(--shadow-color);}
		100% {box-shadow: 0px -9px 5px var(--shadow-color);}
	}

@keyframes headerExpand {
		0% {width: 0%;}
		100% {width: 100%;}
	}

@keyframes fadeIn {
		0% {opacity: 0; margin-top:-10px;}
		100% {opacity: 1; margin-top:0px;}
	}

@keyframes gearSpin{
	0% {transform: rotate(0deg);}
	100% {transform:rotate(360deg);}
	}

@keyframes gearSpinRev{
	0% {transform: rotate(0deg);}
	100% {transform:rotate(-360deg);}
	}

  /*-----------------------*/
 /*     Typing Effect     */
/*-----------------------*/
@keyframes typing {
		0% {width:0px;}
		100% {width:100%;}
	}

@keyframes blinking {
	0%, 100% {border-color: transparent;}
	50% {border-right: 2px solid #ffffff;}
	}

@keyframes float{
	0%{transform: translateX(-700px);}
	100% {transform: translateX(1920px);}
	}

@keyframes scroll-left {
  0% {transform: translateX(0);}
  100% {transform: translateX(-100%);}
	}

  /*-----------------------*/
 /*   mpact Model Icons   */
/*-----------------------*/

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