@media (max-width:1500px){.makeblock-app .navbar-btn-text{display:none}.makeblock-app .navbar-buttons-container,.makeblock-app .navbar-logo-container{gap:4px}.makeblock-app .navbar .MuiIconButton-root,.makeblock-app .navbar .MuiToggleButton-root{padding:6px}.makeblock-app .navbar .MuiSvgIcon-root{font-size:20px}.makeblock-app .navbar-connection-toggle>.MuiBox-root,.makeblock-app .navbar-editor-toggle{margin-left:4px}.makeblock-app .navbar{padding:0 12px}}@media (max-width:900px){:root{--easyblocks-navbar-height:112px}.makeblock-app .navbar{align-content:center;align-items:center;flex-wrap:wrap;gap:4px 0;overflow:visible;padding:6px 12px}.makeblock-app .navbar-buttons-container,.makeblock-app .navbar-logo-container{flex-basis:100%;min-width:0}.makeblock-app .navbar-logo-container{justify-content:flex-start}.makeblock-app .navbar-buttons-container{justify-content:flex-end}}@media (max-width:600px){.makeblock-app .navbar-logo-container>img{display:none}.makeblock-app .navbar{padding-left:8px;padding-right:8px}}.code-section{height:calc(100vh - 140px);max-height:calc(100vh - 140px);overflow:hidden}.fab{bottom:50%}#codeHolder{box-sizing:border-box;display:flex;flex-direction:column;max-height:400;overflow-x:hidden;overflow-y:auto}#codeHolder>div{height:100%;min-height:100%}#codeHolder pre{margin:0!important;min-height:100%!important}.blockly-container{overflow:auto}.easyblocksPromptOverlay{align-items:center;background:#0f172a6b;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:100000}.easyblocksPromptDialog{background:#fff;border-radius:14px;box-shadow:0 20px 48px #0f172a3d;max-width:420px;padding:22px;width:100%}.easyblocksPromptForm,.easyblocksPromptLabel{display:flex;flex-direction:column}.easyblocksPromptLabel{color:#1f2937;font-size:16px;font-weight:600;gap:12px;line-height:1.45}.easyblocksPromptInput{border:2px solid #d1d5db;border-radius:9px;box-sizing:border-box;font:inherit;font-weight:400;outline:none;padding:10px 12px;width:100%}.easyblocksPromptInput:focus{border-color:#22a99a;box-shadow:0 0 0 3px #22a99a29}.easyblocksPromptActions{display:flex;gap:8px;justify-content:flex-end;margin-top:20px}.easyblocksPromptButton{border:0;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;min-width:72px;padding:9px 15px}.easyblocksPromptCancel{background:#eef2f7;color:#374151}.easyblocksPromptConfirm{background:#22a99a;color:#fff}.blocklyColourFieldRect{width:50px!important}.app-container{background-color:#000;height:100%;position:relative;width:100%}:root{--easyblocks-navbar-height:60px}.blocklyMainBackground{stroke:none}.navbar{background-color:#262b36;box-sizing:border-box;height:60px;height:var(--easyblocks-navbar-height);justify-content:space-between;left:0;overflow:hidden;padding:0 20px;position:fixed;top:0;width:100%;z-index:1000}.navbar,.navbar-logo-container{align-items:center;display:flex}.navbar-logo-container{flex-shrink:0;gap:10px}.navbar-title{color:#fff;margin-left:10px}.navbar-buttons-container{align-items:center;display:flex;flex-shrink:0;gap:10px}@media (max-width:1100px){.rnmakeblock-app .navbar-btn-text{display:none}.rnmakeblock-app .navbar-buttons-container,.rnmakeblock-app .navbar-logo-container{gap:4px}.rnmakeblock-app .navbar .MuiIconButton-root{padding:6px}.rnmakeblock-app .navbar .MuiSvgIcon-root{font-size:20px}.rnmakeblock-app .navbar{padding:0 12px}}@media (max-width:900px){:root{--easyblocks-navbar-height:112px}.rnmakeblock-app .navbar{align-content:center;align-items:center;flex-wrap:wrap;gap:4px 0;overflow:visible;padding:6px 12px}.rnmakeblock-app .navbar-buttons-container,.rnmakeblock-app .navbar-logo-container{flex-basis:100%;min-width:0}.rnmakeblock-app .navbar-logo-container{justify-content:flex-start}.rnmakeblock-app .navbar-buttons-container{justify-content:flex-end}}@media (max-width:600px){.rnmakeblock-app .navbar-logo-container>img{display:none}.rnmakeblock-app .navbar{padding-left:8px;padding-right:8px}}#blocklyDiv.main,#outputDiv.main{background-color:#3b475c;bottom:5px;overflow:hidden;position:fixed;top:65px;top:calc(var(--easyblocks-navbar-height) + 5px)}.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;margin:calc(var(--easyblocks-navbar-height) + 5px) 5px 0 5px;overflow:hidden;overscroll-behavior:contain}#blocklyArea,#blocklyDiv,#blocklyDiv .blocklySvg{touch-action:none!important;-webkit-user-select:none;user-select:none}.blocklyDropDownDiv .blocklyDropDownContent.contains-bitmap-editor,.blocklyDropDownDiv .dropdownEditor,.blocklyDropDownDiv .pixelButton,.blocklyDropDownDiv .pixelContainer,.blocklyDropDownDiv .pixelRow{overscroll-behavior:contain;touch-action:manipulation!important}#blocklyDiv:after,#blocklyDiv:before{content:"";display:none;pointer-events:none}#blocklyDiv.easyblocksToolboxDraggingOverlay:before{background:linear-gradient(180deg,#10152094,#141b297a);box-shadow:inset 0 0 0 1px #ffffff14;display:block;height:0;height:var(--easyblocks-trash-height,0);left:0;left:var(--easyblocks-trash-left,0);position:absolute;top:0;top:var(--easyblocks-trash-top,0);width:0;width:var(--easyblocks-trash-width,0);z-index:110}#blocklyDiv.easyblocksToolboxDraggingOverlay:after{background-color:#ffffff29;background-image:url(/static/media/trash.c4e35861d2606e76ed78.png);background-position:50%;background-repeat:no-repeat;background-size:56px 56px;border-radius:18px;box-shadow:0 10px 22px #0000006b,inset 0 0 0 1px #fff3;display:block;height:88px;left:0;left:calc(var(--easyblocks-trash-left, 0px) + var(--easyblocks-trash-width, 0px)/2);position:absolute;top:0;top:calc(var(--easyblocks-trash-top, 0px) + var(--easyblocks-trash-height, 0px)/2);transform:translate(-50%,-50%);width:88px;z-index:111}