:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}html,body{margin:0;padding:0;height:100%;box-sizing:border-box}header{height:100px;background-color:#000;color:#fff;text-align:left;padding-left:40px;line-height:100px}footer{height:20px;background-color:#000;color:#fff;text-align:left;padding-left:4px;line-height:20px}.content{display:flex;height:calc(100% - 120px)}.drawer{width:200px;background-color:#ddd;height:calc(100vh - 120px)}#layoutContainer{flex-grow:1;height:100%}ul{margin-left:6px;padding:0}.draggable{width:180px;height:60px;margin-bottom:10px;background-color:#000;color:#fff;display:flex;align-items:center;justify-content:center;border:1px solid #000;cursor:grab}.draggable:active{cursor:grabbing}.subtitle{color:#fff}.btn{background-color:#2196f3;color:#fff;padding:0 16px;margin:0 8px}.big-input{margin:10px;width:calc(100vh - 20px)}.label{margin:10px;font-size:1.5em;color:#fff}.modal{display:none;position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.5);align-items:center;justify-content:center}.modal-content{background:grey;padding:20px;border-radius:5px}.modal-show{display:block;position:absolute;left:10vw;top:20vh}.btn{padding:8px 16px;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer}