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