:root{color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{height:100%;margin:0}#root{height:100%}#root{margin:0 auto;text-align:center;height:100vh;width:100%;background-color:#eee}.wrapper{height:100vh;display:flex;flex-flow:row wrap;align-items:stretch;position:relative}.subtitle{position:absolute;font-size:24px;color:red;font-weight:600;bottom:50px;width:100%;left:0;z-index:2}.wp{flex:1}.panel{position:fixed;right:0;top:0;width:200px;height:100%}.hdl{position:fixed;top:10px;right:10px;z-index:2}@media screen and (max-width: 768px){.wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center}.wrapper2{display:none!important}.wrapper1{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.subtitle{font-size:18px;bottom:120px}.wrapper1 video,.wrapper1 canvas{width:100%!important;height:100%!important;-o-object-fit:contain;object-fit:contain}}