/* Shared placeholder and reveal treatment for public-site content images. */
.main-wrapper img.bc-image-loading {
    background-color: #edf3f0;
    background-image: linear-gradient(
        105deg,
        rgba(255, 255, 255, 0) 34%,
        rgba(255, 255, 255, 0.72) 48%,
        rgba(255, 255, 255, 0) 62%
    );
    background-position: 100% 0;
    background-size: 220% 100%;
    filter: blur(5px);
    opacity: 0.82;
    animation: bc-image-placeholder 1.35s ease-in-out infinite;
}

.main-wrapper img.bc-image-loaded {
    filter: blur(0);
    opacity: 1;
    transition: filter 420ms ease, opacity 320ms ease;
}

.main-wrapper img.bc-image-error {
    background: #edf3f0;
    filter: none;
    opacity: 0.72;
}

@keyframes bc-image-placeholder {
    from {
        background-position: 100% 0;
    }

    to {
        background-position: -100% 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    .main-wrapper img.bc-image-loading {
        animation: none;
        filter: none;
    }

    .main-wrapper img.bc-image-loaded {
        transition: none;
    }
}