/* Animations
======================================== */
@-webkit-keyframes marquee-left{
	0%{
		-webkit-transform: translateX(0);
			-moz-transform: translateX(0);
			 -ms-transform: translateX(0);
				  transform: translateX(0);
	}
	100%{
		-webkit-transform: translateX(-100%);
			-moz-transform: translateX(-100%);
			 -ms-transform: translateX(-100%);
				  transform: translateX(-100%);
	}
}
@keyframes marquee-left{
	0%{
		-webkit-transform: translateX(0);
			-moz-transform: translateX(0);
			 -ms-transform: translateX(0);
				  transform: translateX(0);
	}
	100%{
		-webkit-transform: translateX(-100%);
			-moz-transform: translateX(-100%);
			 -ms-transform: translateX(-100%);
				  transform: translateX(-100%);
	}
}
@-webkit-keyframes marquee-right{
	0%{
		-webkit-transform: translateX(-100%);
			-moz-transform: translateX(-100%);
			 -ms-transform: translateX(-100%);
				  transform: translateX(-100%);
	}
	100%{
		-webkit-transform: translateX(0);
			-moz-transform: translateX(0);
			 -ms-transform: translateX(0);
				  transform: translateX(0);
	}
}
@keyframes marquee-right{
	0%{
		-webkit-transform: translateX(-100%);
			-moz-transform: translateX(-100%);
			 -ms-transform: translateX(-100%);
				  transform: translateX(-100%);
	}
	100%{
		-webkit-transform: translateX(0);
			-moz-transform: translateX(0);
			 -ms-transform: translateX(0);
				  transform: translateX(0);
	}
}

/* Module Marquee
======================================== */
.module-marquee{
	width: 100vw;
	display: grid;
	grid-auto-flow: column;
	grid-auto-columns: max-content;
	align-items: flex-end;
	text-transform: uppercase;
	white-space: nowrap;
	overflow: hidden;
	-webkit-user-select: none;
		-moz-user-select: none;
		 -ms-user-select: none;
			  user-select: none;
}
.page-index .module-marquee,
.page-research .module-marquee{
	align-self: center;
	color: white;
	mix-blend-mode: difference;
}
.init .module-marquee.right > wrap{
	animation: marquee-right linear infinite;
	animation-duration: inherit;
}
.init .module-marquee:not(.right) > wrap{
	animation: marquee-left linear infinite;
	animation-duration: inherit;
}
.dekstop a.module-marquee:hover{
	animation-play-state: paused;
}