:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#ffffffde;background-color:#242424}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}body{padding:0;margin:0;overflow:hidden}:root{--v-editor-width: min(83vw, 170vh);--v-console-height: 30px;--v-viewport-height: calc(var(--v-editor-width) * 9/16);--v-toolbar-height: calc(100vh - var(--v-viewport-height) - var(--v-console-height));--v-editor-height: calc(var(--v-viewport-height) + var(--v-toolbar-height));--v-timeline-selector-width: 10px;--v-toolbar-bg: rgb(103, 165, 95);--v-left-bar-width: min(calc(100vw - var(--v-editor-width)), 600px)}.leftBar{padding:20px;position:absolute;width:var(--v-left-bar-width);height:100vh;font-size:1.4em}.leftBar input,.leftBar button,.leftBar select{font-size:1em}.leftBar input[type=checkbox]{scale:1.6}.leftBar button{margin-right:10px}.leftBar .times{margin-top:80px}.leftBar .row{margin-bottom:10px}.console{background-color:#000;height:var(--v-console-height);padding:2px 5px}.videoEditor{top:0;position:relative;left:var(--v-left-bar-width);background-color:#000;width:var(--v-editor-width);height:var(--v-editor-height)}.videoEditor .viewPort{width:var(--v-editor-width);height:var(--v-viewport-height)}.videoEditor .viewPort video{width:100%;height:100%}.videoEditor .viewPort video:fullscreen::-webkit-media-controls-timeline{display:block}.videoEditor .viewPort video::-webkit-media-controls-timeline{display:none}.videoEditor .toolbar{height:var(--v-toolbar-height);width:100%;background-color:var(--v-toolbar-bg)}.videoEditor .toolbar .startSelector,.videoEditor .toolbar .endSelector{position:absolute;height:var(--v-toolbar-height);width:var(--v-timeline-selector-width);background-color:#4e4e4e;z-index:3;cursor:grab}.videoEditor .toolbar .leftCurtain,.videoEditor .toolbar .rightCurtain{z-index:2;position:absolute;width:var(--v-timeline-selector-width);height:var(--v-toolbar-height);background-color:#000000f2}.videoEditor .toolbar .leftCurtain{left:0}.videoEditor .toolbar .rightCurtain{right:0}.videoEditor .toolbar .startSelector:active,.videoEditor .toolbar .endSelector:active,.videoEditor .toolbar .scrubber:active{cursor:grabbing}.videoEditor .toolbar .timeLine{z-index:1;position:absolute;width:calc(var(--v-editor-width) - 2 * var(--v-timeline-selector-width));height:var(--v-toolbar-height);left:var(--v-timeline-selector-width);border-radius:5px;background-color:var(--v-toolbar-bg)}.videoEditor .toolbar .startSelector{border-radius:5px 0 0 5px}.videoEditor .toolbar .endSelector{border-radius:0 5px 5px 0}.videoEditor .toolbar .scrubber{left:calc(-1 * var(--v-timeline-selector-width));border-radius:5px;position:absolute;height:var(--v-toolbar-height);width:calc(2 * var(--v-timeline-selector-width));background-color:#fff;z-index:4;cursor:grab}