/* ============================================ */
/* SHARED HOVER-PREVIEW CLIPS                     */
/* Used by js/shared/preview-clips.js. Requires   */
/* the card's thumbnail element to be             */
/* position: relative/absolute-capable so these   */
/* overlays can fill it (Movies' .upload-card__   */
/* thumb/.top10-thumb and Home's .card-thumbnail  */
/* both already are).                             */
/* ============================================ */
.card-preview-video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  transition: opacity 0.35s ease;
  z-index: 2;
}
.card-preview-video.active { opacity: 1; }

.card-preview-frame {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
  opacity: 0;
  transition: opacity 0.35s ease;
  z-index: 2;
  pointer-events: none;
  transform: scale(1.1);
  transform-origin: center;
}
.card-preview-frame.active { opacity: 1; }