Реализация плавного появление окна заказа

Данная настройка CSS позволяет реализовать плавное появление окна заказа на странице. Указанный ниже код необходимо разместить после кода подключения корзины.

<style> 
	/* Определение анимации для окна заказа */
	.easynetshop-modal-cart {
		animation: unfoldIn 2s cubic-bezier(0.165, 0.840, 0.440, 1.000) forwards;  
	}
	/* Ключевые кадры анимации unfoldIn */
	@keyframes unfoldIn {
		0% { transform:scaleY(.005) scaleX(0); }
		50% { transform:scaleY(.005) scaleX(1); }
		100% { transform:scaleY(1) scaleX(1); }
	}

	/* Определение анимации для фона */
	.easynetshop-modal-fade-wrapper{
		animation: zoomIn .5s cubic-bezier(0.165, 0.840, 0.440, 1.000) forwards;
	}
	/* Ключевые кадры анимации zoomIn */
	@keyframes zoomIn {
		0% { transform:scale(0); }
		100% { transform:scale(1); }
	}
</style>