@keyframes popUpBodyAnimate {
	0% {
		transform: translate(-50%, -50%) scale(0);
	}
	
	100% {
		transform: translate(-50%, -50%) scale(1);
	}
}

@-webkit-keyframes ripple-white {
	0% {
		-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, .2), 0 0 0 1px rgba(255, 255, 255, .2), 0 0 0 3px rgba(255, 255, 255, .2), 0 0 0 5px rgba(255, 255, 255, .2);
		box-shadow: 0 0 0 0 rgba(255, 255, 255, .2), 0 0 0 1px rgba(255, 255, 255, .2), 0 0 0 3px rgba(255, 255, 255, .2), 0 0 0 5px rgba(255, 255, 255, .2);
	}
	
	100% {
		-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, .2), 0 0 0 4px rgba(255, 255, 255, .2), 0 0 0 13px rgba(255, 255, 255, 0), 0 0 0 23px rgba(255, 255, 255, 0);
		box-shadow: 0 0 0 0 rgba(255, 255, 255, .2), 0 0 0 4px rgba(255, 255, 255, .2), 0 0 0 13px rgba(255, 255, 255, 0), 0 0 0 23px rgba(255, 255, 255, 0);
	}
}

@keyframes ripple-white {
	0% {
		-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, .2), 0 0 0 1px rgba(255, 255, 255, .2), 0 0 0 3px rgba(255, 255, 255, .2), 0 0 0 5px rgba(255, 255, 255, .2);
		box-shadow: 0 0 0 0 rgba(255, 255, 255, .2), 0 0 0 1px rgba(255, 255, 255, .2), 0 0 0 3px rgba(255, 255, 255, .2), 0 0 0 5px rgba(255, 255, 255, .2);
	}
	
	100% {
		-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, .2), 0 0 0 4px rgba(255, 255, 255, .2), 0 0 0 13px rgba(255, 255, 255, 0), 0 0 0 23px rgba(255, 255, 255, 0);
		box-shadow: 0 0 0 0 rgba(255, 255, 255, .2), 0 0 0 4px rgba(255, 255, 255, .2), 0 0 0 13px rgba(255, 255, 255, 0), 0 0 0 23px rgba(255, 255, 255, 0);
	}
}

@keyframes ripple-whites {
	from {
		-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, .53);
		box-shadow: 0 0 0 0 rgba(255, 255, 255, .53);
	}
	
	to {
		-webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, .53);
		box-shadow: 0 0 0 10px rgba(255, 255, 255, .53);
	}
}

@-webkit-keyframes ripple-whites {
	from {
		-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, .53);
		box-shadow: 0 0 0 0 rgba(255, 255, 255, .53);
	}
	
	to {
		-webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, .53);
		box-shadow: 0 0 0 10px rgba(255, 255, 255, .53);
	}
}