/* QP UNeed Lazy Load CSS */

/* Fade In Effect */
.qp-lazy {
    opacity: 0;
    transition: opacity 0.3s ease-in;
}

.qp-lazy.qp-lazy-loaded {
    opacity: 1;
}

/* No Fade In (if disabled settings) - PHP will conditionally output this or we override */
body.qp-no-fade .qp-lazy {
    opacity: 1;
    transition: none;
}

/* CSS Background Helpers */
.qp-lazy-css-bg {
    background-image: none !important;
}

/* Placeholder for dimensions */
img.qp-lazy[data-src] {
    /* Helps prevent 0 DOM size if dimensions present */
}