/* =Animations
-------------------------------------------------------------- */
:root {
    --animate-fast: 0.15s ease-in-out;
    --animate-default: 0.25s ease-in-out;
    --animate-slow: 0.5s ease-in-out;
}

.parallax-background {
    will-change: transform;
}

@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        scroll-behavior: auto !important;
        transition-duration: 0.01ms !important;
    }

    .parallax-background {
        transform: none !important;
        will-change: auto;
    }
}