html,body,*{padding:0;margin:0;overflow:hidden;box-sizing:border-box}video,#av-player{position:fixed;top:0;left:0;width:100vw;height:100vh;width:1920px;height:1080px;outline:none}.center-element{z-index:-1}#textElement{font-size:24px;color:#fff;position:absolute;bottom:10%;left:50%;transform:translate(-50%,-50%);z-index:2}#seek-bar-container{position:fixed;bottom:120px;left:0;width:100%;display:flex;justify-content:center;padding-bottom:0}#custom-seek-bar{width:95%;height:10px;background-color:#d3d3d3;border-radius:5px;overflow:hidden;margin:5px auto}#seek-bar{position:relative;width:100%;height:100%}#played-bar{height:100%;background-color:#87cefa;width:0}#thumb{position:absolute;top:50%;transform:translateY(-50%);height:20px;width:20px;background-color:transparent;border:1px solid transparent;border-radius:50%;left:0;cursor:pointer}#time-display{display:flex;justify-content:space-between;font-size:24px;color:#fff;position:fixed;bottom:80px;left:10%;right:10%;z-index:3}#play-pause-button{position:fixed;bottom:50px;left:50%;transform:translate(-50%);background-color:transparent;border:none;padding:10px 20px;font-size:18px;cursor:pointer;z-index:3}.hidden{display:none}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-spinner{border:6px solid #f3f3f3;border-top:6px solid #3498db;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin:auto}