@charset "utf-8";
.square{
	opacity: 0;
	position: absolute;
	left: -50%;
}

.square2{
	opacity: 0;
	position: absolute;
	left: -50%;
}

.stats-hidden {
	/*height: 0%;*/
	opacity:0;
}

@media (prefers-reduced-motion: no-preference) {
  .square {transition: opacity 1.5s ease, left .5s ease;}
	.square2 {transition: opacity 1.5s ease, left .5s ease;}
	.stats-hidden{transion: opacity 1.5s ease;}
}

.square-transition{
	left: 5%;
	opacity: 1;
}

.square-transition2{
	left: 5%;
	opacity: 1;
}

.stats-visible{
	/*height: 100%;*/
	opacity: 1;
}

.square-wrapper {
	position: relative;
    overflow: hidden;
	height: 200px;
}
.square-wrapper2 {
	position: relative;
    overflow: hidden;
	height: 200px;
}