.inner-container,
.inner-container-medium,
.inner-container-medium.but-larger {
	opacity: 0;
	transform: translateY(24px);
	animation-name: slideUpIn;
	animation-duration: 600ms;
	animation-timing-function: cubic-bezier(.22, .9, .33, 1);
	animation-fill-mode: both;
}

.glass .inner-container:nth-of-type(1) {
	animation-delay: 0.08s;
}

.glass .inner-container:nth-of-type(2) {
	animation-delay: 0.24s;
}

.glass .inner-container:nth-of-type(3) {
	animation-delay: 0.40s;
}

.glass .inner-container-medium:nth-of-type(1) {
	animation-delay: 0.56s;
}

.glass .inner-container-medium:nth-of-type(2) {
	animation-delay: 0.72s;
}

.glass .inner-container-medium:nth-of-type(3) {
	animation-delay: 0.88s;
}

.glass .inner-container-medium.but-larger:nth-of-type(1) {
	animation-delay: 1.04s;
}

.glass .inner-container-medium.but-larger:nth-of-type(2) {
	animation-delay: 1.20s;
}

@keyframes slideUpIn {
	from {
		opacity: 0;
		transform: translateY(24px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

@keyframes bounceInUp {
	0% {
		transform: translateY(20px) scale(0.8);
		opacity: 0;
	}

	50% {
		transform: translateY(-5px) scale(1.05);
		opacity: 1;
	}

	70% {
		transform: translateY(2px) scale(0.95);
	}

	100% {
		transform: translateY(0) scale(1);
        opacity: 1;
	}
}

@media (prefers-reduced-motion: reduce) {
	.inner-container {
		animation: none !important;
		transform: none !important;
		opacity: 1 !important;
	}


	.inner-container-medium {
		animation: none !important;
		transform: none !important;
		opacity: 1 !important;
	}
}