.fab{bottom:50%}.blocklyColourFieldRect{width:50px!important}.app-container{background-color:#000;height:100%;position:relative;width:100%}.blocklyMainBackground{stroke:none}.navbar{background-color:#262b36;height:60px;justify-content:space-between;left:0;padding:0 20px;position:fixed;top:0;width:100%;z-index:1000}.navbar,.navbar-logo-container{align-items:center;display:flex}.navbar-logo-container{gap:10px}.navbar-title{color:#fff;margin-left:10px}.navbar-buttons-container{align-items:center;display:flex;gap:10px}.main{background-color:#3b475c;bottom:5px;overflow:hidden;position:fixed;top:65px}.drawer{overflow:auto}.code-section,.drawer{max-height:calc(100vh - 130px)}.code-section{height:95%}.serial-section{height:95%;overflow:clip}#blocklyDiv{left:5px;right:5px}#blocklyDiv,#outputDiv{box-shadow:0 1px 4px #0006}#outputDiv{background-color:#3b475c;max-height:100vh;overflow-y:auto;right:8px}.css-yc5s3m-MuiPaper-root-MuiDrawer-paper{background:none!important}.fab{bottom:40%;position:fixed}.resize-handle{bottom:30%;position:fixed;z-index:1000}#codeHolder,#serialHolder{border-radius:5px;font-size:13px;margin:0;max-height:400px;padding:10px;width:100%}#codeHolder,#serialHolder,code.python{font-family:Consolas,Monaco,Andale Mono,monospace}code.python{color:#d4d4d4;font-size:15px}.App-logo{pointer-events:none}.my-button-class{background-color:#52b661;border:none;border-radius:10px;color:#fff;cursor:pointer;display:inline-block;font-size:16px;height:50px;margin:4px 2px;padding:15px auto;text-align:center;text-decoration:none;width:30%}.modal{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%}.modal-content{background-color:#fff;border-radius:4px;display:flex;flex-direction:column;gap:10px;padding:20px}.drawer-button{bottom:50%;position:fixed;right:24px}.loading_circular{bottom:50%;position:fixed;right:50%}.progress-container{align-items:center;display:flex;margin-bottom:10px;width:100%}.progress-label{color:#fff;width:100px}.progress-bar{background-color:#e0e0e0;margin-left:10px;width:100%}.progress,.progress-bar{border-radius:4px;position:relative}.progress{height:20px;text-align:center;transition:width .5s ease}.progress-percentage{color:#fff;position:absolute;right:5px;text-align:center}.main-content{display:flex;height:100vh}.blockly-container{background-color:#3b475c;flex-grow:1;margin:65px 5px 0;overflow:auto}