.os-video-play{display:flex}.os-video-play .video-list{padding:10px;height:100%}.os-video-play .video-list .list{width:160px;min-width:160px;display:flex;gap:10px;flex-direction:column}.os-video-play .video-list .list .video{width:160px;height:110px;position:relative;padding:2px;border-radius:6px}.os-video-play .video-list .list .video:hover .delete{opacity:1}.os-video-play .video-list .list .video.is-active{background:linear-gradient(-45deg,#e81cff,#40c9ff)}.os-video-play .video-list .list .video .title{width:140px;position:absolute;bottom:6px;left:6px;font-size:12px;color:#fffc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.os-video-play .video-list .list .video .play{position:absolute;top:50%;left:50%;transform:translateY(-50%) translate(-50%)}.os-video-play .video-list .list .video .delete{opacity:0;position:absolute;top:6px;right:6px;transition:.3s}.os-video-play .video-list .list .video .delete:hover{scale:1.2}