/* ==========================================================================
   NO-JS FALLBACK
   ========================================================================== */
.nwp-deferred {
    opacity: 1;
    transform: translateY(0);
}

/* ==========================================================================
   JAVASCRIPT ENABLED - Initial Hidden State
   ========================================================================== */
.js-enabled .nwp-deferred {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 400ms ease-out, transform 400ms ease-out;
    will-change: opacity, transform;
}

/* ==========================================================================
   VISIBLE STATE
   ========================================================================== */
.js-enabled .nwp-deferred.nwp-visible {
    opacity: 1;
    transform: translateY(0);
}

/* ==========================================================================
   REDUCED MOTION PREFERENCE
   ========================================================================== */
@media (prefers-reduced-motion: reduce) {
    .js-enabled .nwp-deferred {
        opacity: 1;
        transform: translateY(0);
        transition: none;
    }
}

/* ==========================================================================
   PRINT STYLES
   ========================================================================== */
@media print {
    .nwp-deferred {
        opacity: 1 !important;
        transform: none !important;
    }
}