.mouse-inactive{cursor:none}.control-bar-container{position:absolute;left:0;right:0;bottom:0;overflow:hidden}.control-bar{display:flex;height:2em;border:none;border-top:.1em solid rgba(255,255,255,.5);transition:transform .3s}.control-bar button{min-height:auto;height:auto;box-sizing:border-box;border:none;margin:.2em;padding:0}.control-bar button:focus{outline:.1em solid rgba(41,127,255,.5)}.control-bar button img{height:100%;box-sizing:border-box;padding:.2em;pointer-events:none}.control-bar-container.control-bar-hidden .control-bar{transform:translateY(100%)}.progress-bar{flex-grow:1;box-sizing:border-box;height:100%;width:100%;padding:.5em 0}.progress-bar:focus{outline:none}.progress-bar:focus .progress-container{outline:none;border:.1em solid rgba(42,78,141,.5)}.progress-bar .progress-container{pointer-events:none;box-sizing:border-box;height:100%;width:100%;border:.1em solid rgba(120,120,120,.5)}.progress-bar .progress{--value: 0;width:calc(100% * var(--value));height:100%;background:#297fff80}.loading-status{margin-top:1em;font-size:1.5em;color:#a5a5a5}.settings{display:grid;grid-template-columns:auto auto;grid-auto-rows:minmax(2em,auto);gap:.5em 1em;align-items:center;justify-items:stretch;font-family:system-ui;padding:.5em;background:#1f1f1f;color:#fff}.settings #playback-pacing{max-width:24em;color:#bebebe;font-size:.85em;line-height:1.25}.settings input[type=color]{width:100%;min-width:5em;height:2em;padding:.1em;box-sizing:border-box}.player-settings-popup{box-sizing:border-box;max-width:calc(100vw - .5em);max-height:calc(100vh - 2.5em);overflow:auto}#player-render-stats{position:absolute;z-index:20;top:.75em;left:.75em;max-width:calc(100vw - 1.5em);box-sizing:border-box;padding:.55em .7em;border:1px solid rgba(255,255,255,.25);border-radius:.25em;background:#000000b8;color:#ffffffe6;font:12px/1.45 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;white-space:pre-wrap;pointer-events:none}