#root,*,body,html{box-sizing:border-box}#root,body,html{width:100%;height:100%;margin:0;padding:0}body{background:#fff;font-family:-apple-system,BlinkMacSystemFont,avenir next,avenir,helvetica neue,helvetica,ubuntu,roboto,noto,segoe ui,arial,sans-serif}.info{position:absolute;top:0;left:0;background-color:#fff;border-radius:6px;width:72px;align-items:center}.info img{width:36px}.controls{position:absolute;top:0;right:0;display:flex;flex-direction:column;background-color:#000;opacity:.7;border-radius:6px;padding:.5rem 1rem;width:220px}.controls h2{color:#fff;font-size:1rem;text-align:center;margin-bottom:10px}.controls .controlGroup{margin-bottom:.5rem}.controls .controlGroup h6{color:#fff;font-weight:500}.controls .control{display:flex;align-items:center;justify-content:center}.controls .control input{border:none;border-radius:4px;padding:.1rem .1rem .1rem .3rem;width:100px;margin:.2rem .2rem .2rem 10px}.controls .control label{font-size:.8rem;color:#fff;margin-right:.5rem;flex:1 1 0}