: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;width:100%}.wrapper1{width:100%;flex:1}.wrapper2{width:0px;flex:0;display:none}.panel{position:fixed;right:0;top:0;width:200px;height:100%}.hdl{position:fixed;top:10px;right:10px;z-index:2}