/**
 * TSV - Hiệu ứng ảnh sản phẩm bay vào giỏ hàng.
 * File: features/woocommerce/fly-to-cart/assets/css/tsv-fly-to-cart.css
 */

.tsv-flying-image {
	position: fixed;
	z-index: 999999;
	pointer-events: none;
	border-radius: 10px;
	box-shadow: 0 14px 35px rgba(0, 0, 0, 0.22);
	transition:
		top 2.45s cubic-bezier(0.16, 1, 0.3, 1),
		left 2.45s cubic-bezier(0.16, 1, 0.3, 1),
		width 2.45s cubic-bezier(0.16, 1, 0.3, 1),
		height 2.45s cubic-bezier(0.16, 1, 0.3, 1),
		opacity 2.45s ease,
		transform 2.45s cubic-bezier(0.16, 1, 0.3, 1);
}

.tsv-cart-bump {
	animation: tsv-cart-bump 0.65s ease;
}

@keyframes tsv-cart-bump {
	0% {
		transform: scale(1);
	}

	45% {
		transform: scale(1.18);
	}

	100% {
		transform: scale(1);
	}
}

@media (prefers-reduced-motion: reduce) {
	.tsv-flying-image,
	.tsv-cart-bump {
		transition: none !important;
		animation: none !important;
	}
}