.video-wrapper{position:relative;height:fit-content;border-radius:15px;overflow:hidden}.video-wrapper video{width:100%;height:auto;display:block}.video-container{display:flex;align-items:center;z-index:0;position:relative;flex-direction:column;margin-top:25px}.video-wrapper:hover .video-controls{opacity:.7}.video-controls{transition:.1s;opacity:0;background-color:#0000000f;display:flex;position:absolute;bottom:0;align-items:center;color:#fff;font-size:24px;height:50px;-webkit-user-select:none;user-select:none;gap:25px;padding:25px;width:100%}.video-controls .restart{margin-left:auto;padding:0 25px;display:flex;gap:15px}.video-controls .volume input{max-width:100px}.video-wrapper .video-controls div{display:flex;cursor:pointer;align-items:center}#loading-indicator{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;display:none;color:#fff;background-color:#0000009f;padding:25px;border-radius:10px}#play_button:hover,#volume_slider:hover,#restart_button:hover,#rewind_Button:hover{cursor:pointer}.video-wrapper .overlay{height:100%;background-size:cover;background-position:center}