/* HLS Player Pro v1.0.0 */
.hlsp-wrap,.hlsp-wrap *{box-sizing:border-box!important;margin:0!important;padding:0!important;border:none!important;outline:none!important;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;line-height:1!important;list-style:none!important;float:none!important;text-decoration:none!important}
.hlsp-wrap{display:block!important;width:100%!important;margin:0 auto!important}
.hlsp-root{position:relative!important;width:100%!important;background:#000!important;border-radius:6px!important;overflow:hidden!important;display:block!important;cursor:pointer!important;--hlsp-bar:#111;--hlsp-icon:#fff;--hlsp-btn-opacity:1}
.hlsp-stage{position:relative!important;width:100%!important;padding-top:56.25%!important;background:transparent!important;overflow:hidden!important;display:block!important}
.hlsp-video-wrapper{position:absolute!important;inset:0!important;z-index:1!important;background:transparent!important}
.hlsp-video-wrapper video{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;display:block!important;background:transparent!important;pointer-events:none!important;object-fit:contain!important}
.hlsp-overlay{position:absolute!important;inset:0!important;z-index:8!important;cursor:pointer!important;background:transparent!important;pointer-events:all!important}
.hlsp-block-tl{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:56px!important;z-index:9!important;background:transparent!important;pointer-events:none!important}
.hlsp-title{position:absolute!important;top:0!important;left:0!important;right:0!important;z-index:13!important;padding:12px 16px!important;background:linear-gradient(rgba(0,0,0,.7),transparent)!important;color:var(--hlsp-icon)!important;font-size:14px!important;font-weight:700!important;pointer-events:none!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;opacity:1!important;transition:opacity .3s!important}
.hlsp-root.playing .hlsp-title{opacity:0!important}
.hlsp-root.paused .hlsp-title{opacity:1!important}
@media(max-width:768px){.hlsp-title{font-size:12px!important;padding:8px 12px!important}}
.hlsp-bigplay{position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;width:140px!important;height:88px!important;border-radius:22px!important;background:var(--hlsp-bar)!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:10!important;cursor:pointer!important;pointer-events:all!important;opacity:var(--hlsp-btn-opacity)!important;transition:opacity .2s!important;overflow:hidden!important}
.hlsp-bigplay svg{display:block!important;flex-shrink:0!important;pointer-events:none!important;transform:translateX(3px)!important;transition:opacity .2s!important}
.hlsp-root.playing .hlsp-bigplay{opacity:0!important;pointer-events:none!important}
.hlsp-root.paused .hlsp-bigplay{opacity:var(--hlsp-btn-opacity)!important;pointer-events:all!important}
@media(max-width:768px){.hlsp-bigplay{width:100px!important;height:64px!important;border-radius:16px!important}.hlsp-bigplay svg{width:32px!important;height:32px!important}}
@media(max-width:420px){.hlsp-bigplay{width:86px!important;height:56px!important;border-radius:14px!important}.hlsp-bigplay svg{width:28px!important;height:28px!important}}
.hlsp-spinner{display:none!important;position:absolute!important;width:30px!important;height:30px!important;border:3px solid rgba(255,255,255,.25)!important;border-top-color:#fff!important;border-radius:50%!important;animation:hlsp-spin .7s linear infinite!important;pointer-events:none!important}
@keyframes hlsp-spin{to{transform:rotate(360deg)}}
.hlsp-bigplay.hlsp-loading svg{opacity:0!important}
.hlsp-bigplay.hlsp-loading .hlsp-spinner{display:block!important}
.hlsp-reconnect{display:none!important;position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;z-index:14!important;background:rgba(0,0,0,.75)!important;color:#fff!important;font-size:13px!important;font-weight:600!important;padding:10px 18px!important;border-radius:8px!important;pointer-events:none!important;white-space:nowrap!important}
.hlsp-root.reconnecting .hlsp-reconnect{display:block!important}
.hlsp-bar{position:absolute!important;bottom:0!important;left:0!important;right:0!important;height:64px!important;display:flex!important;align-items:center!important;gap:8px!important;padding:0 16px!important;z-index:11!important;background:var(--hlsp-bar)!important;color:var(--hlsp-icon)!important;opacity:0!important;pointer-events:none!important;transition:opacity .22s!important}
.hlsp-root.bar-show .hlsp-bar{opacity:1!important;pointer-events:auto!important}
@media(max-width:768px){.hlsp-bar{height:54px!important;padding:0 10px!important;gap:5px!important}}
@media(max-width:420px){.hlsp-bar{height:48px!important;padding:0 8px!important;gap:3px!important}}
.hlsp-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:50px!important;height:50px!important;min-width:50px!important;background:transparent!important;color:var(--hlsp-icon)!important;cursor:pointer!important;border-radius:8px!important;flex-shrink:0!important;transition:background .15s,transform .1s!important;position:relative!important;-webkit-tap-highlight-color:transparent!important;touch-action:manipulation!important}
.hlsp-btn:hover{background:rgba(255,255,255,.18)!important;transform:scale(1.08)!important}
.hlsp-btn:active{opacity:.7!important;transform:scale(.94)!important}
.hlsp-btn .si{display:block!important;pointer-events:none!important}
@media(max-width:768px){.hlsp-btn{width:44px!important;height:44px!important;min-width:44px!important}}
@media(max-width:420px){.hlsp-btn{width:38px!important;height:38px!important;min-width:38px!important}}
.hlsp-play .si-play{display:block!important}
.hlsp-play .si-pause{display:none!important}
.hlsp-root.playing .hlsp-play .si-play{display:none!important}
.hlsp-root.playing .hlsp-play .si-pause{display:block!important}
.hlsp-mute .si-vol-on{display:block!important}
.hlsp-mute .si-vol-off{display:none!important}
.hlsp-root.muted .hlsp-mute .si-vol-on{display:none!important}
.hlsp-root.muted .hlsp-mute .si-vol-off{display:block!important}
.hlsp-fs .si-fs-enter{display:block!important}
.hlsp-fs .si-fs-exit{display:none!important}
.hlsp-root.in-fs .hlsp-fs .si-fs-enter{display:none!important}
.hlsp-root.in-fs .hlsp-fs .si-fs-exit{display:block!important}
.hlsp-vol{width:80px!important;min-width:44px!important;height:5px!important;-webkit-appearance:none!important;appearance:none!important;background:rgba(255,255,255,.35)!important;border-radius:3px!important;cursor:pointer!important;flex-shrink:0!important;touch-action:none!important}
.hlsp-vol::-webkit-slider-thumb{-webkit-appearance:none!important;width:18px!important;height:18px!important;border-radius:50%!important;background:#fff!important;cursor:pointer!important}
.hlsp-vol::-moz-range-thumb{width:18px!important;height:18px!important;border-radius:50%!important;background:#fff!important;border:none!important;cursor:pointer!important}
@media(max-width:768px){.hlsp-vol{width:60px!important}}
@media(max-width:420px){.hlsp-vol{display:none!important}}
.hlsp-prog-wrap{flex:1!important;min-width:40px!important;padding:0 4px!important;cursor:pointer!important;display:flex!important;align-items:center!important;height:100%!important;touch-action:none!important}
.hlsp-prog-track{position:relative!important;width:100%!important;height:5px!important;background:rgba(255,255,255,.25)!important;border-radius:3px!important;overflow:visible!important;transition:height .15s!important}
.hlsp-prog-wrap:hover .hlsp-prog-track{height:7px!important}
.hlsp-prog-buf,.hlsp-prog-fill{position:absolute!important;top:0!important;left:0!important;height:100%!important;width:0%!important;border-radius:3px!important;pointer-events:none!important;transition:width .1s linear!important}
.hlsp-prog-buf{background:rgba(255,255,255,.3)!important;z-index:1!important}
.hlsp-prog-fill{background:#e74c3c!important;z-index:2!important}
.hlsp-prog-fill::after{content:''!important;position:absolute!important;right:-7px!important;top:50%!important;transform:translateY(-50%)!important;width:14px!important;height:14px!important;background:#e74c3c!important;border-radius:50%!important;opacity:0!important;transition:opacity .15s!important}
.hlsp-prog-wrap:hover .hlsp-prog-fill::after{opacity:1!important}
.hlsp-time{font-size:12px!important;white-space:nowrap!important;flex-shrink:0!important;min-width:95px!important;text-align:center!important;user-select:none!important;font-weight:500!important;letter-spacing:.3px!important;color:currentColor!important}
.hlsp-time--live{font-weight:700!important;letter-spacing:1px!important;text-transform:uppercase!important}
@media(max-width:768px){.hlsp-time{font-size:11px!important;min-width:72px!important}}
@media(max-width:420px){.hlsp-time{font-size:10px!important;min-width:60px!important}}
.hlsp-speed-wrap{position:relative!important;flex-shrink:0!important}
.hlsp-speed-btn{width:auto!important;padding:0 10px!important;font-size:13px!important;font-weight:700!important}
.hlsp-speed-menu{display:none!important;position:absolute!important;bottom:calc(100% + 6px)!important;right:0!important;min-width:76px!important;border-radius:6px!important;overflow:hidden!important;box-shadow:0 4px 16px rgba(0,0,0,.55)!important;z-index:50!important;background:#1c1c1c!important}
.hlsp-speed-wrap.open .hlsp-speed-menu{display:block!important}
.hlsp-speed-opt{display:block!important;width:100%!important;padding:9px 14px!important;font-size:12px!important;text-align:left!important;cursor:pointer!important;background:transparent!important;color:#ccc!important;transition:background .12s!important;touch-action:manipulation!important}
.hlsp-speed-opt:hover{background:rgba(255,255,255,.12)!important;color:#fff!important}
.hlsp-speed-opt.active{color:#e74c3c!important;font-weight:700!important}
@media(max-width:768px){.hlsp-speed-wrap{display:none!important}}
.hlsp-root:fullscreen,.hlsp-root:-webkit-full-screen{width:100vw!important;height:100vh!important;max-width:100vw!important;max-height:100vh!important;border-radius:0!important;background:#000!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}
.hlsp-root:fullscreen .hlsp-stage,.hlsp-root:-webkit-full-screen .hlsp-stage{flex:1!important;padding-top:0!important;height:0!important;min-height:0!important}
.hlsp-root:fullscreen .hlsp-video-wrapper,.hlsp-root:-webkit-full-screen .hlsp-video-wrapper{position:absolute!important;inset:0!important}
.hlsp-root:fullscreen .hlsp-video-wrapper video,.hlsp-root:-webkit-full-screen .hlsp-video-wrapper video{position:absolute!important;inset:0!important;width:100%!important;height:100%!important}
.hlsp-root:fullscreen .hlsp-bar,.hlsp-root:-webkit-full-screen .hlsp-bar{position:absolute!important;bottom:0!important;left:0!important;right:0!important;height:68px!important}
.hlsp-root:fullscreen .hlsp-bigplay,.hlsp-root:-webkit-full-screen .hlsp-bigplay{width:160px!important;height:100px!important;border-radius:20px!important}