:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#000;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100%;overflow:hidden}*{margin:0;padding:0;border:0;outline:0}:root #top[data-v-c28863a9]{--top-size: 5}:root #video-box[data-v-c28863a9]{max-height:100%;overflow-y:hidden}:root #bar[data-v-c28863a9]{--bar-size: 64px;--bar-padding: 16px;display:flex;padding:var(--bar-padding)}:root #bar button[data-v-c28863a9]{display:flex;border-radius:999999px;padding:calc(var(--bar-size) / 2 / 2);overflow:hidden;cursor:pointer;background-color:#3a3a3a80;color:#fff}:root #bar button>svg[data-v-c28863a9]{width:calc(var(--bar-size) / 4);height:calc(var(--bar-size) / 4);transition-duration:.1s}:root #bar button:active>svg[data-v-c28863a9]{transform:scale(.8)}:root .bottom #top[data-v-c28863a9]{height:calc(var(--top-size) * 1vh);width:100%}:root .bottom video[data-v-c28863a9]{max-width:100%;max-height:100vh}:root .bottom #bar[data-v-c28863a9]{--bar-size: 10vh;flex-direction:column;justify-content:center;align-items:center;width:calc(100% - 2 * var(--bar-padding));height:var(--bar-size);bottom:0;left:0}:root .right #top[data-v-c28863a9]{height:100vh;width:calc(var(--top-size) * 1vw)}:root .right video[data-v-c28863a9]{max-width:calc(100% - var(--bar-size));max-height:100vh}:root .right #bar[data-v-c28863a9]{--bar-size: 10vw;flex-direction:row;justify-content:center;align-items:center;height:100%;width:var(--bar-size);top:0;right:0}#container[data-v-b5c8cb51]{display:flex;align-items:center;justify-content:center;height:100%}#container.bottom[data-v-b5c8cb51]{flex-direction:column}