/* Saved video history covers. No autoplay or video download on this page. */
.video-entry .rh-video-history-card { gap: 12px; }
.video-entry .rh-video-history-cover {
  position: relative; display: grid; place-items: center; width: 100%;
  aspect-ratio: 8 / 5; overflow: hidden; border-radius: 14px;
  background: var(--bg); border: 1px solid var(--line); isolation: isolate;
}
.video-entry .rh-video-history-cover img {
  position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain;
  background: #171b1c; opacity: 0;
}
.video-entry .rh-video-history-cover.has-image img { opacity: 1; }
.video-entry .rh-video-history-placeholder {
  display: grid; justify-items: center; gap: 8px; padding: 20px;
  text-align: center; font-size: 12px; color: var(--muted);
}
.video-entry .rh-video-history-placeholder > .icon { width: 32px; height: 32px; }
.video-entry .rh-video-history-cover.has-image .rh-video-history-placeholder { visibility: hidden; }
.video-entry .rh-video-history-duration {
  position: absolute; bottom: 9px; right: 9px; z-index: 1;
  padding: 3px 7px; border-radius: 7px; background: #111c; color: #fff;
  font-size: 11px; font-variant-numeric: tabular-nums;
}
.video-entry .rh-video-history-platform { font-size: 12px; font-weight: 600; color: var(--muted); }
.video-entry .rh-video-history-card h3 { min-height: 2.9em; }
@media (prefers-reduced-motion: no-preference) {
  .video-entry .rh-video-history-cover.is-loading .rh-video-history-placeholder > .icon { animation: rh-history-preview-pulse 1.4s ease-in-out infinite; }
  @keyframes rh-history-preview-pulse { 50% { opacity: .35; } }
}