html,body{background-color:#000;color:#efefef;height:100%}body{display:flex;flex-direction:column;overflow:hidden}div.app.svelte-1xyd4hu{position:absolute;display:flex;flex-direction:column;justify-content:center;width:100%;height:100%}video.svelte-1xyd4hu{position:relative!important;cursor:pointer}button.svelte-1xyd4hu{cursor:pointer;border:1px solid rgb(22,69,131);background-color:#006eff;color:#eee;padding:.75em;border-radius:.25em}button.svelte-1xyd4hu:hover{background-color:#318aff}div.video-container.svelte-1xyd4hu{position:relative;top:0;left:0;width:100%;height:100%;flex-grow:1;display:flex;justify-content:center}div.horizontal.svelte-1xyd4hu{padding:.5em;display:flex}div.vertical.svelte-1xyd4hu{display:flex;flex-direction:column;justify-content:center}div.padding.svelte-1xyd4hu button:where(.svelte-1xyd4hu){margin:0 .5em}span.svelte-1xyd4hu{margin:0 1em}#controls.svelte-1xyd4hu{background-color:#222;margin:1em;padding:.5em;border-radius:.5em;width:calc(100% - 4em);min-height:6em;display:flex;flex-direction:column;justify-content:center}#controls.svelte-1xyd4hu input[type=range]:where(.svelte-1xyd4hu){top:-10px;width:100%}#controls.svelte-1xyd4hu label:where(.svelte-1xyd4hu){margin:0 1em}.timeLabel.svelte-1xyd4hu{color:#46f;font-weight:700;font-size:20px}.icon.svelte-1xyd4hu{width:64px;height:64px}.title.svelte-1xyd4hu{align-self:center;font-weight:700;font-size:16px;text-wrap:wrap;width:72px}