@media (prefers-reduced-motion: no-preference) {
	.vp-hero__cards > .is-style-kennel-card {
		animation: vp-clip-on 0.75s cubic-bezier(0.2, 1.35, 0.45, 1) both;
	}

	.vp-hero__cards > .is-style-kennel-card:nth-child(2) {
		animation-delay: 0.09s;
	}

	.vp-hero__cards > .is-style-kennel-card:nth-child(3) {
		animation-delay: 0.18s;
	}

	@keyframes vp-clip-on {
		from {
			transform: translateY(-40px) rotate(-5deg);
		}
	}

	@media (hover: hover) {
		.wp-block-group.is-style-hang-tag:hover,
		.wp-block-group.is-style-badge:has(a):hover {
			animation: vp-swing 1.1s ease-in-out;
		}
	}

	@keyframes vp-swing {
		25% {
			transform: rotate(calc(var(--vp-r) + 3deg));
		}

		50% {
			transform: rotate(calc(var(--vp-r) - 2deg));
		}

		75% {
			transform: rotate(calc(var(--vp-r) + 1deg));
		}
	}
}