#root,body,html{background-color:#000;height:100%;margin:0;padding:0}.big-play-btn,.mute-btn-top,.play-pause-center-btn,button{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;box-shadow:none;outline:none;touch-action:manipulation;-webkit-user-select:none;user-select:none}.video-container{align-items:center;background-color:#000;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw}video{max-height:100%;max-width:100%;object-fit:contain}.stats-overlay{background-color:#000000b3;border-radius:5px;color:#fff;font-family:Helvetica;font-size:14px;max-width:500px;overflow-wrap:break-word;padding:5px 10px;right:10px;top:10px;white-space:nowrap}.controls,.stats-overlay{position:absolute;z-index:10}.controls{align-items:center;background-color:#0009;border-radius:30px;bottom:20px;display:flex;gap:15px;left:50%;padding:10px 20px;transform:translateX(-50%)}.fullscreen-btn,.play-pause-btn{background:none;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:5px 10px;transition:background-color .3s ease}.fullscreen-btn:hover,.play-pause-btn:hover{background-color:#fff3}.progress-bar{-webkit-appearance:none;background:#444;border-radius:3px;cursor:pointer;height:6px;width:300px}.progress-bar::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#fff;border-radius:50%;cursor:pointer;height:14px;margin-top:-4px;-webkit-transition:background-color .3s ease;transition:background-color .3s ease;width:14px}.progress-bar::-webkit-slider-thumb:hover{background-color:#ddd}.progress-bar::-moz-range-thumb{background:#fff;border-radius:50%;cursor:pointer;height:14px;-moz-transition:background-color .3s ease;transition:background-color .3s ease;width:14px}.progress-bar::-moz-range-thumb:hover{background-color:#ddd}.mute-btn{background:none;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:5px 10px;transition:background-color .3s ease}.mute-btn:hover{background-color:#fff3}.progress-bar-container{background:#fff;border-radius:4px;bottom:64px;box-shadow:0 2px 8px #0003;cursor:pointer;height:8px;left:50%;position:absolute;transform:translateX(-50%);transition:background .2s;width:70vw;z-index:20}.progress-bar-fill{background:#1976d2;border-radius:4px;height:100%;pointer-events:none;transition:width .2s linear}.play-pause-center-btn{align-items:center;background:#000000b3;border:none;border-radius:50%;bottom:24px;color:#fff;cursor:pointer;display:flex;font-size:28px;height:48px;justify-content:center;left:50%;position:absolute;transform:translateX(-50%);transition:background .2s;width:48px;z-index:30}.play-pause-center-btn:hover{background:#000c}.mute-btn-top{align-items:center;background:#000000b3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:20px;height:36px;justify-content:center;position:absolute;right:16px;top:16px;transition:background .2s;width:36px;z-index:30}.mute-btn-top:hover{background:#000c}.big-play-btn{align-items:center;background:#000000b3;border:none;border-radius:50%;box-shadow:0 4px 24px #0006;color:#fff;cursor:pointer;display:flex;font-size:56px;height:96px;justify-content:center;left:50%;outline:none;position:absolute;top:50%;transform:translate(-50%,-50%);transition:background .2s;width:96px;z-index:40}.big-play-btn:hover{background:#000c}.fade-controls{opacity:1;pointer-events:auto;transition:opacity .5s ease}.fade-controls.hide{opacity:0;pointer-events:none;transition:opacity .5s ease}.big-play-btn,.controls-overlay{opacity:1;pointer-events:auto;transition:opacity .5s}.big-play-btn.hide,.controls-overlay.hide{opacity:0;pointer-events:none}
/*# sourceMappingURL=main.1f76d432.css.map*/