.videos-item[data-v-3e33ebe7]{cursor:pointer;overflow:hidden;display:flex;width:100%;height:100%;position:relative;border-radius:inherit}.videos-item.radius[data-v-3e33ebe7]{border-radius:.417rem}.videos-item .video-container[data-v-3e33ebe7]{width:100%;height:100%;position:relative;background-color:var(--ark-bg-panel-secondary)}.videos-item .video-container video[data-v-3e33ebe7]{width:100%;height:100%;display:block;border-radius:inherit}.videos-item .video-container .play-overlay[data-v-3e33ebe7]{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:var(--el-mask-color-extra-light);transition:opacity .3s;border-radius:inherit}.videos-item .video-container .play-overlay .play-icon[data-v-3e33ebe7]{width:2.604rem;height:2.604rem;border-radius:50%;background-color:var(--ark-media-overlay-floating-panel-bg);display:flex;justify-content:center;align-items:center}.videos-item .video-container .play-overlay .play-icon i[data-v-3e33ebe7]{font-size:1.25rem;color:var(--ark-media-overlay-text)}.videos-item .loading-img[data-v-3e33ebe7]{border-radius:inherit;width:100%;min-height:inherit;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;background-color:var(--ark-bg-panel-secondary)}.videos-item .loading-img span[data-v-3e33ebe7]{color:var(--ark-text-tertiary);line-height:1.042rem;white-space:nowrap;font-size:.625rem}.videos-item .loading-img .await-img[data-v-3e33ebe7],.videos-item .loading-img .error-img[data-v-3e33ebe7]{width:50%;height:30%;object-fit:scale-down}.videos-item .loading-img .loading-gif[data-v-3e33ebe7]{height:3.125rem;position:absolute}.videos-item .loading-img .loading-gif+span[data-v-3e33ebe7]{margin-top:2.083rem}.videos-item .mask[data-v-3e33ebe7]{position:absolute;top:0;left:0;border-radius:inherit;opacity:0;color:var(--ark-media-overlay-inverse);pointer-events:none;width:100%;height:100%}.videos-item .btn-group[data-v-3e33ebe7]{position:absolute;transition:top .3s,left .3s,right .3s,bottom .3s;display:flex;pointer-events:all;gap:.781rem;--diff: .521rem}.videos-item .btn-group.tl-btn[data-v-3e33ebe7]{top:var(--diff);left:-100%}.videos-item .btn-group.tr-btn[data-v-3e33ebe7]{top:var(--diff);right:-100%}.videos-item .btn-group.br-btn[data-v-3e33ebe7]{bottom:var(--diff);right:-100%}.videos-item .btn-group.bl-btn[data-v-3e33ebe7]{bottom:var(--diff);left:-100%}.videos-item:hover .mask[data-v-3e33ebe7],.videos-item:hover .play-overlay[data-v-3e33ebe7]{opacity:1}.videos-item:hover .btn-group[data-v-3e33ebe7]{position:absolute}.videos-item:hover .btn-group.tl-btn[data-v-3e33ebe7]{left:var(--diff)}.videos-item:hover .btn-group.tr-btn[data-v-3e33ebe7],.videos-item:hover .btn-group.br-btn[data-v-3e33ebe7]{right:var(--diff)}.videos-item:hover .btn-group.bl-btn[data-v-3e33ebe7]{left:var(--diff)}