.thumb-container{position:relative;overflow:hidden}.preview-video-player{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;z-index:2;transition:opacity 0.3s ease;cursor:pointer}.thumb-container.preview-active .thumb-image{opacity:0;transition:opacity 0.3s ease}.thumb-image{position:relative;z-index:1;transition:opacity 0.3s ease}.loading-bar{position:absolute;top:0;left:0;width:0;height:5px;border-radius:0 5px 5px 0;background-color:red;z-index:3;transition:width 0.5s ease-in-out}.preview-button{position:absolute;right:5px;bottom:5px;box-sizing:border-box;line-height:1;background:rgb(0 0 0 / .4);border-radius:10px;cursor:pointer;display:block;width:15%;min-width:40px;z-index:3}.preview-button svg{padding:5% 16%;width:100%;box-sizing:border-box;height:auto}.thumb-container.preview-active .preview-button{display:none}