/* PosterBackdrop.css - layers for the rotating popular-title backdrop.
   Overlay color/blur are set inline by PosterBackdrop::render() from options. */

.poster-bg-layer {
    position: fixed;
    inset: 0;
    z-index: -2;
    background-size: cover;
    background-position: center;
    opacity: 0;
    transition: opacity 1.5s ease-in-out;
    pointer-events: none;
}

.poster-bg-layer.is-active {
    opacity: 1;
}

.poster-bg-overlay {
    position: fixed;
    inset: 0;
    z-index: -1;
    pointer-events: none;
}