.hls-video-container{position:relative;max-width:100%;background-color:#000;overflow:hidden}.hls-video-wrapper{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.hls-video{display:block;width:100%;height:100%;object-fit:contain}.hls-controls{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.8) 0%,transparent 100%);padding:20px 20px 10px;transition:opacity .3s ease;opacity:1}.hls-controls--hidden{opacity:0;pointer-events:none}.hls-progress-bar{position:relative;width:100%;height:5px;margin-bottom:10px;background-color:#ffffff4d;border-radius:3px;cursor:pointer}.hls-progress{position:absolute;left:0;top:0;width:0;height:100%;background-color:#fff;border-radius:3px}.hls-progress-handle{position:absolute;right:-8px;top:50%;transform:translateY(-50%);width:16px;height:16px;background-color:#fff;border-radius:50%;box-shadow:0 2px 4px #0000004d}.hls-controls-bottom,.hls-controls-left,.hls-controls-right,.hls-volume-container{display:flex;align-items:center}.hls-controls-bottom{justify-content:space-between}.hls-controls-left,.hls-controls-right{gap:15px}.hls-volume-container{gap:10px}.hls-control-btn{padding:5px;background:none;border:none;color:#fff;font-size:20px;cursor:pointer;transition:opacity .2s ease}.hls-control-btn:hover{opacity:.8}.hls-time{color:#fff;font-size:14px;font-family:Arial,sans-serif}.hls-volume-slider{position:relative;width:80px;height:5px;background-color:#ffffff4d;border-radius:3px;cursor:pointer}.hls-volume-level{width:100%;height:100%;background-color:#fff;border-radius:3px}.hls-icon{width:24px;height:24px;fill:currentColor}.hls-video-container .pause-icon,.hls-video-container .mute-icon,.hls-video-container.is-playing .play-icon,.hls-video-container.is-muted .volume-icon{display:none}.hls-video-container.is-playing .pause-icon,.hls-video-container.is-muted .mute-icon{display:block}.hls-error{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:20px;color:#fff;font-size:15px;text-align:center}