*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden;background:#000}.video-only-page{position:relative;width:100%;height:100vh;height:100dvh;overflow:hidden;background:#000}.video-frame{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(100vw,177.78dvh);max-height:100dvh;aspect-ratio:16 / 9;background:#000}@media(min-aspect-ratio:16/9){.video-frame{top:0;width:100vw;max-height:none;transform:translate(-50%)}}.video-only-player{display:block;width:100%;height:100%;object-fit:contain;background:#000}@media(orientation:portrait){.video-frame{top:50%;width:min(100vw,56.25dvh);max-height:100dvh;aspect-ratio:9 / 16;transform:translate(-50%,-50%)}}@media(orientation:portrait)and (min-aspect-ratio:9/16)and (max-aspect-ratio:7/10){.video-frame{top:0;width:100vw;height:100dvh;max-height:none;aspect-ratio:auto;transform:translate(-50%)}.video-only-player{object-fit:cover;object-position:center top}}