/* Grow the background only, keeping the counter readable and still. */
.single-review_post .single-review .pointBox dl.qbe-badge-ready {
    position: relative;
    isolation: isolate;
    background-image: none;
}
.qbe-badge-ready::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: -1;
    background: var(--qbe-badge-image) no-repeat center top / 100% auto;
    transform-origin: center;
    pointer-events: none;
}
.qbe-badge-grow::before {
    animation: qbe-star-grow 1300ms ease-out both;
}
.qbe-badge-ready::after {
    content: '';
    position: absolute;
    top: 6%;
    right: 2%;
    width: 42%;
    aspect-ratio: 1;
    background: #fff9d9;
    clip-path: polygon(50% 0, 60% 39%, 100% 50%, 60% 61%, 50% 100%, 40% 61%, 0 50%, 40% 39%);
    filter: drop-shadow(0 0 7px #fff);
    opacity: 0;
    pointer-events: none;
}
.qbe-badge-shine::after {
    animation: qbe-star-shine 650ms ease-out both;
}
@keyframes qbe-star-grow {
    0% { transform: scale(.78); }
    80% { transform: scale(1.13); }
    100% { transform: scale(1); }
}
@keyframes qbe-star-shine {
    0% { opacity: 0; transform: scale(.15) rotate(-25deg); }
    30% { opacity: 1; transform: scale(1.2) rotate(0deg); }
    100% { opacity: 0; transform: scale(.3) rotate(25deg); }
}
/* Only the photograph's inner rectangle is revealed; the paragraph stays still. */
.single-review_post .single-review .qbe-photo-frame {
    display: block;
    position: relative;
    isolation: isolate;
}
.single-review_post .single-review .qbe-photo-frame > img {
    display: block;
    width: 100%;
    box-sizing: border-box;
    /* Theme img transition: all .3s delays the clip behind the SVG fold. */
    transition: none !important;
}
.single-review_post .single-review .qbe-paper-wait {
    opacity: 0;
}
.qbe-paper {
    position: absolute;
    display: block;
    overflow: hidden;
    pointer-events: none;
    visibility: hidden;
}
.qbe-paper > svg { display: block; width: 100%; height: 100%; }
.badpoint .qbe-paper { transform: scaleX(-1); }
.qbe-book-open > .qbe-paper { visibility: visible; }
.qbe-paper-done > .qbe-paper { visibility: hidden; }
@media (prefers-reduced-motion: reduce) {
    .qbe-badge-grow::before { animation: none; }
    .qbe-badge-shine::after, .qbe-paper { display: none !important; }
    .single-review_post .single-review .qbe-paper-wait { opacity: 1; }
    .qbe-photo-frame > img { clip-path: none !important; }
}