html,body,#root{position:fixed;overflow:hidden;margin:0;padding:0;box-sizing:border-box;width:100%;height:100vh;font-family:serif}div,li{font-family:Arial,Helvetica,sans-serif}.uiBlank{background:rgba(255,255,255,.5647058824);border-radius:3px;box-shadow:0 10px 14px #00000050;cursor:pointer;transition:all .25s easy-in-out}.top{position:fixed;top:0;left:calc(50% - 400px);text-align:center;width:800px;border:1px dotted #777}.right{position:fixed;right:0;top:calc(50% - 200px);min-width:200px;border:1px solid #777;min-height:400px}.right .title{font-family:Arial,Helvetica,sans-serif;font-size:1.25em;color:#fff;background-color:#3c81ff;padding:1em}.right li{margin:.5em 1em .5em 0}.right li:hover{color:red}.left{position:fixed;left:0;top:calc(50% - 200px);min-width:200px;border:1px solid #777;min-height:400px;padding-right:-1em}.left .title{font-family:Arial,Helvetica,sans-serif;font-size:1.25em;color:#fff;background-color:#3c81ff;padding:1em}.left li{margin:.5em 1em .5em 0}.left li:hover{color:red}.bottom{position:fixed;bottom:0;left:calc(50% - 400px);text-align:center;width:800px;border:1px dotted #777}.wrapper{position:absolute;top:0;right:0;padding:1em;border:1px solid #333;border-radius:3px;z-index:2}.wrapper input{width:150px;padding:.5em 1em}