/* Tight frame previews with native controls directly over the photos. */
.video-thumbs-sample{min-width:0;margin:8px 0 10px;padding:0;border:0;background:none;box-shadow:none}
.video-thumbs-stage{position:relative;min-width:0}
.video-thumbs-viewport{min-width:0;max-width:100%}
.video-thumbs-stage>.video-thumbs-side{position:absolute;z-index:3;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:32px;height:44px;min-height:44px;margin:0;padding:0;border:1px solid #c6c9cd66;border-radius:4px;background:#080a0d99;color:#e6e6e6;font-size:28px;line-height:1;box-shadow:0 1px 4px #0007;backdrop-filter:none}
.video-thumbs-stage>.video-thumbs-side-prev{left:4px}.video-thumbs-stage>.video-thumbs-side-next{right:4px}
.video-thumbs-stage>.video-thumbs-side:hover,.video-thumbs-stage>.video-thumbs-side:focus-visible{border-color:#eee;background:#141414d9;color:#fff}
.video-thumbs-stage>.video-thumbs-side:disabled{opacity:.25}
@media(max-width:700px){.video-thumbs-viewport{width:100%;scroll-padding-inline:0}.video-thumbs-grid{width:100%;min-width:0;grid-auto-columns:100%;gap:8px}.video-thumbs-grid figure{min-width:0;width:100%;margin:0}.video-thumbs-grid img{width:100%;height:auto;aspect-ratio:auto;object-fit:contain}}

/* Join the existing full-width frame strip directly to the details region. */
.movie-detail.movie-detail--compact:has(+.video-thumbs-sample){margin-bottom:0;padding-bottom:0;border-bottom:0;border-bottom-left-radius:0;border-bottom-right-radius:0}
.movie-detail--compact+.video-thumbs-sample{margin-top:0}

.movie-detail--compact+.video-thumbs-sample .video-thumbs-grid figure{border:0;border-radius:0}