.poster-frame {
    position: relative;
    flex-shrink: 0;
}

.poster-image {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.has-poster .poster-placeholder {
    visibility: hidden;
}

.poster-frame[data-poster-status="pending"]::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: var(--accent);
    opacity: .5;
}