@media (prefers-reduced-motion: no-preference) {
	.animate--ambient > img,
	.animate--ambient > svg {
		animation: animateAmbient 30s linear infinite;
	}

	@keyframes animateAmbient {
		0% {
			transform: rotate(0deg) translateX(1em) rotate(0deg) scale(1.2);
		}
		100% {
			transform: rotate(360deg) translateX(1em) rotate(-360deg) scale(1.2);
		}
	}

	.scroll-trigger.animate--fade-in,
	.scroll-trigger.animate--slide-in,
	.scroll-trigger.animate--slide-in--menu {
		opacity: 0.01;
	}

	.scroll-trigger.animate--slide-in,
	.scroll-trigger.animate--slide-in--menu {
		transform: translateY(1.25rem);
	}

	.scroll-trigger:not(.scroll-trigger--offscreen).animate--fade-in {
		opacity: 1;
		animation: var(--animation-fade-in);
	}

	.scroll-trigger:not(.scroll-trigger--offscreen).animate--slide-in {
		animation: var(--animation-slide-in);
		animation-delay: calc(var(--animation-order) * 75ms);
	}

	.scroll-trigger:not(.scroll-trigger--offscreen).animate--slide-in--menu {
		animation: var(--animation-slide-in--menu);
		animation-delay: calc(var(--animation-order) * 75ms);
	}

	.animation-order--0 {
		--animation-order: 0.5;
	}
	.animation-order--1 {
		--animation-order: 1;
	}
	.animation-order--2 {
		--animation-order: 2;
	}
	.animation-order--3 {
		--animation-order: 3;
	}
	.animation-order--4 {
		--animation-order: 4;
	}
	.animation-order--5 {
		--animation-order: 5;
	}
	.animation-order--6 {
		--animation-order: 6;
	}
	.animation-order--7 {
		--animation-order: 7;
	}
	.animation-order--8 {
		--animation-order: 8;
	}
	.animation-order--9 {
		--animation-order: 9;
	}
	.animation-order--10 {
		--animation-order: 10;
	}
	.animation-order--11 {
		--animation-order: 11;
	}
	.animation-order--12 {
		--animation-order: 12;
	}

	.scroll-trigger.scroll-trigger--design-mode.animate--fade-in,
	.scroll-trigger.scroll-trigger--design-mode.animate--slide-in,
	.scroll-trigger.scroll-trigger--design-mode.animate--slide-in--menu,
	.scroll-trigger.scroll-trigger--design-mode .slider,
	.scroll-trigger:not(.scroll-trigger--offscreen).scroll-trigger--cancel {
		opacity: 1;
		animation: none;
		transition: none;
		transform: none;
	}

	.scroll-trigger.scroll-trigger--design-mode.animate--slide-in,
	.scroll-trigger.scroll-trigger--design-mode.animate--slide-in--menu {
		transform: translateY(0);
	}

	@keyframes slideIn {
		from {
			transform: translateY(1.25rem);
			opacity: 0.01;
		}
		to {
			transform: translateY(0);
			opacity: 1;
		}
	}

	@keyframes fadeIn {
		from {
			opacity: 0.01;
		}
		to {
			opacity: 1;
		}
	}
}