[data-hover-preview]{isolation:isolate}
.hover-preview-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none;opacity:0;z-index:1;transition:opacity .15s ease}
.is-preview-playing .hover-preview-video{opacity:1}
.is-preview-playing .card-play,.is-preview-playing .preview-play{opacity:0}
.hover-preview-hint{position:absolute;bottom:12px;left:12px;z-index:3;background:#102016c9;border:1px solid #ffffff30;color:#f0f5e9;padding:4px 7px;border-radius:4px;font-size:10px;line-height:1.6;pointer-events:none}
[data-hover-preview] .card-index,[data-hover-preview] .card-engine,[data-hover-preview] .preview-engine,[data-hover-preview] .preview-count{z-index:3;pointer-events:none}
.catalog-preview-media.is-preview-playing:after{z-index:2}
@media(hover:none),(prefers-reduced-motion:reduce){.hover-preview-hint{display:none}}
@media(prefers-reduced-motion:reduce){.hover-preview-video{transition:none}}