@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;
		}
	}
}

.svg-highlight-wrap {
	position: relative;
	display: inline-block;
	isolation: isolate;
}

.svg-highlight-wrap .signature-line {
	position: absolute;
	top: calc(100% - 18px);
	left: 3%;
	width: 95%;
	/* height: 100%; */
	height: auto;
	pointer-events: none;
	z-index: -1;
}

@media screen and (max-width: 640px) {
	.svg-highlight-wrap .signature-line {
		top: calc(100% - 8px);
	}
}