.short-preview>img{position:relative;z-index:0}
.short-preview .short-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;pointer-events:none;transition:opacity .25s;z-index:1}
.short-preview.is-preview-playing>img{opacity:0!important}
.short-preview:after{z-index:2}
.short-preview .short-tag,.short-preview .short-play,.short-preview .short-watch{z-index:3}
.short-preview .short-video.is-playing{opacity:1}
.short-preview:has(.short-video.is-playing) .short-play{opacity:0;scale:.85;pointer-events:none}
.short-preview:has(.short-video.is-playing):hover .short-play,.short-preview:has(.short-video.is-playing):focus-visible .short-play{opacity:1;scale:1}
.short-autoplay-label{position:absolute;right:10px;top:45px;z-index:3;padding:5px 7px;background:#111c;border:1px solid #ffffff60;border-radius:4px;color:white;font:9px/1.5 sans-serif;letter-spacing:.3px;opacity:0;pointer-events:none}
.short-preview:has(.short-video.is-playing) .short-autoplay-label{opacity:1}
.short-preview.is-preview-playing .short-autoplay-label{opacity:1}
.short-autoplay-note{font-size:12px;line-height:1.7;opacity:.8;margin:16px 0 0}
@media(prefers-reduced-motion:reduce){.short-preview .short-video{transition:none}}