@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{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}.blocklyToolboxDiv.easyblocks-toolbox-with-extension{box-sizing:border-box;padding-bottom:58px}.easyblocks-extension-launcher{align-items:center;background:#262b36;border:1px solid #fff3;border-radius:9px;bottom:13px;bottom:var(--easyblocks-extension-bottom,13px);box-shadow:0 5px 14px #0f172a42;color:#fff;cursor:pointer;display:flex;font:inherit;font-size:14px;font-weight:700;gap:8px;justify-content:center;left:13px;left:var(--easyblocks-extension-left,13px);line-height:1;min-height:42px;padding:9px 12px;position:fixed;white-space:nowrap;width:138px;width:var(--easyblocks-extension-width,138px);z-index:120}.easyblocks-extension-launcher:hover{background:#343b49}.easyblocks-extension-dialog button:focus-visible,.easyblocks-extension-launcher:focus-visible,.easyblocks-extension-option:has(input:focus-visible){outline:3px solid #42a5f5;outline-offset:2px}.easyblocks-extension-count{align-items:center;background:#fff;border-radius:10px;color:#262b36;display:inline-flex;font-size:12px;height:20px;justify-content:center;min-width:20px;padding:0 6px}.easyblocks-extension-drag-active .easyblocks-extension-launcher{opacity:0;pointer-events:none}.easyblocks-extension-backdrop{align-items:center;background:#0f141fa8;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:2200}.easyblocks-extension-dialog{background:#fff;border:1px solid #dfe3e8;border-radius:14px;box-shadow:0 24px 70px #0f172a47;color:#202633;max-height:min(720px,calc(100vh - 40px));overflow:hidden;width:min(680px,100%)}.easyblocks-extension-header{align-items:flex-start;border-bottom:1px solid #e7e9ed;display:flex;gap:24px;justify-content:space-between;padding:26px 28px 20px}.easyblocks-extension-eyebrow{color:#5f6b7a;font-size:12px;font-weight:800;letter-spacing:.08em;margin:0 0 5px;text-transform:uppercase}.easyblocks-extension-header h2{font-size:24px;line-height:1.25;margin:0}.easyblocks-extension-header p:last-child{color:#5f6b7a;font-size:14px;line-height:1.55;margin:8px 0 0}.easyblocks-extension-close{background:#f2f4f7;border:0;border-radius:8px;color:#374151;cursor:pointer;flex:0 0 auto;font:inherit;font-size:25px;height:38px;line-height:1;width:38px}.easyblocks-extension-tabs{grid-gap:8px;background:#fff;display:grid;gap:8px;grid-template-columns:repeat(3,minmax(0,1fr));padding:16px 28px 0}.easyblocks-extension-tab{align-items:center;background:#f8f9fb;border:1px solid #dfe3e8;border-radius:9px;color:#566171;cursor:pointer;display:flex;font:inherit;font-size:14px;font-weight:700;gap:8px;justify-content:center;min-height:46px;min-width:0;padding:10px 12px}.easyblocks-extension-tab:hover{background:#f1f3f6;border-color:#aeb7c3}.easyblocks-extension-tab.is-active{background:#354b63;border-color:#354b63;box-shadow:0 3px 8px #354b6333;color:#fff}.easyblocks-extension-tab-count{align-items:center;background:#e4e8ed;border-radius:11px;color:#4f5b6a;display:inline-flex;font-size:11px;height:22px;justify-content:center;line-height:1;min-width:22px;padding:0 6px}.easyblocks-extension-tab.is-active .easyblocks-extension-tab-count{background:#fff3;color:#fff}.easyblocks-extension-list{grid-gap:10px;display:grid;gap:10px;max-height:430px;overflow-y:auto;padding:16px 28px 20px}.easyblocks-extension-option{grid-gap:14px;align-items:center;background:#fff;border:1px solid #dfe3e8;border-radius:10px;cursor:pointer;display:grid;gap:14px;grid-template-columns:12px 1fr auto;min-height:76px;padding:14px 16px}.easyblocks-extension-option:hover{background:#fafbfc;border-color:#aeb7c3}.easyblocks-extension-option.is-selected{background:#f2f6fa;border-color:#4d647e;box-shadow:inset 0 0 0 1px #4d647e}.easyblocks-extension-swatch{border-radius:4px;height:42px;width:8px}.easyblocks-extension-option-copy{grid-gap:5px;display:grid;gap:5px;min-width:0}.easyblocks-extension-option-copy strong{font-size:15px}.easyblocks-extension-option-copy span{color:#626d7a;font-size:13px;line-height:1.45}.easyblocks-extension-option input{accent-color:#354b63;height:20px;width:20px}.easyblocks-extension-empty{grid-gap:8px;align-content:center;background:#f8f9fb;border:1px dashed #c7ced8;border-radius:10px;display:grid;gap:8px;justify-items:center;min-height:180px;padding:28px;text-align:center}.easyblocks-extension-empty span{color:#687382;font-size:13px}.easyblocks-extension-footer{align-items:center;background:#f8f9fb;border-top:1px solid #e7e9ed;display:flex;gap:18px;justify-content:space-between;padding:16px 28px}.easyblocks-extension-footer>span{color:#5f6b7a;font-size:13px;font-weight:700}.easyblocks-extension-footer>div{display:flex;gap:8px}.easyblocks-extension-footer button{border-radius:8px;cursor:pointer;font:inherit;font-size:14px;font-weight:700;min-height:40px;min-width:76px;padding:9px 16px}.easyblocks-extension-secondary{background:#fff;border:1px solid #cdd3dc;color:#374151}.easyblocks-extension-primary{background:#262b36;border:1px solid #262b36;color:#fff}@media (max-width:640px){.easyblocks-extension-backdrop{align-items:flex-end;padding:10px}.easyblocks-extension-dialog{max-height:calc(100vh - 20px)}.easyblocks-extension-footer,.easyblocks-extension-header,.easyblocks-extension-list,.easyblocks-extension-tabs{padding-left:18px;padding-right:18px}.easyblocks-extension-footer{align-items:stretch;flex-direction:column}.easyblocks-extension-footer button,.easyblocks-extension-footer>div{flex:1 1}.easyblocks-extension-tab{font-size:13px;gap:5px;padding-left:8px;padding-right:8px}}@media (prefers-reduced-motion:reduce){.easyblocks-extension-dialog,.easyblocks-extension-launcher,.easyblocks-extension-option{transition:none}}.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{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}