body,html{height:100%}body{background-color:#f8fafc;color:#334155;font-family:sans-serif;font-family:BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,Helvetica,Arial,sans-serif;margin:0;overflow:hidden;overscroll-behavior:none}li,ul{list-style:none;margin:0;padding:0}label{user-select:none}input:focus,select:focus,span:focus,textarea:focus{outline:none}tt{background:#eaeaea;border-radius:1rem;font-size:.9em;font-weight:700;margin:0 .25em;padding:.25rem .5rem}.farSide{text-align:right}button.icon,label.button.icon{-webkit-tap-highlight-color:transparent;background-color:transparent;border:1px solid transparent;border-radius:12px;color:#334155;cursor:pointer;padding:.25rem;transition:all .2s ease}button.icon:hover,label.button.icon:hover{background-color:#f1f5f9;border:1px solid #cbd5e1}button.icon:active,label.button.icon:active{background-color:#e2e8f0;border-color:#64748b}button.disabled:hover{opacity:.6}button.disabled{display:none}button.icon.text,label.icon.text{align-items:center;display:inline-flex;font-size:1rem;font-weight:700;padding:.25em .5em;white-space:nowrap}button.icon.text:before,label.icon.text:before{margin-right:.25rem}h1{font-size:140%;font-weight:400;margin-left:5px;margin-right:5px}.top-menu{background-color:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 1px 3px rgba(0,0,0,.05);box-sizing:border-box;height:3.5rem;justify-content:space-between;padding:0 .5rem 0 1rem;user-select:none;width:100vw}.top-menu,.top-menu>.logo{align-items:center;display:flex}.top-menu>.logo{color:rgba(52,152,219,.7);font-size:2rem;font-weight:600;line-height:1.125}.top-menu>.logo:before{background-image:url(media/icons.svg);background-position:left -16rem top;background-size:cover;background-size:auto 4rem;content:"";display:inline-block;height:2rem;width:2rem}.top-menu>.tabs{display:flex;margin:0 .5rem;overflow-x:auto;padding:.5rem 0;width:100%}.top-menu #channel_connect{border:1px solid #888;border-radius:2rem;box-sizing:border-box;display:flex;margin-right:.25rem;overflow:hidden}.top-menu #channel_connect>a{-webkit-tap-highlight-color:transparent;border:1px solid transparent;border-radius:2rem;box-sizing:content-box;display:inline-block;margin:-1px;opacity:.6;padding:.25rem}.top-menu #channel_connect>a.selected{background-color:#fff;border:1px solid #777;opacity:1;transition:box-shadow .125s ease}.top-menu #channel_connect:hover>a.selected{box-shadow:-1px 0 3px #aaa}#loadXML,#put-file-select{display:none}.channel-panel{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);box-sizing:border-box;display:flex;flex-wrap:wrap;justify-content:center;margin-right:0;opacity:0;padding:.5rem;position:fixed;right:22rem;top:-15rem;transform:scale(.95);transition:all .3s cubic-bezier(.4,0,.2,1);width:18.5rem;z-index:-1}.channel-panel#show{opacity:1;top:.25rem;transform:scale(1)}.channel-panel>div>span{border-radius:2rem;box-sizing:border-box;color:#666;display:inline-block;padding:.5rem .5rem .125rem;text-align:left;width:100%}#file_save_as input,.channel-panel input{border:none;box-sizing:border-box;display:inline-block;font-size:1rem;height:2rem;padding:0;width:100%}.channel-panel input:focus{outline:0!important}.channel-panel #password,.channel-panel #url{border-bottom:1px solid #ccc}.channel-panel #url{margin-bottom:1rem}.channel-panel #url:disabled{background-color:#fff}#bluetoothButton,#networkButton,#scanButton,#serialButton{align-items:center;display:inline-flex}.channel-panel .icon:before{margin-right:.25rem}.channel-panel>div{border:1px solid #e2e8f0;border-radius:10px;box-sizing:border-box;margin-bottom:.5rem;text-align:end;width:100%}#closeZone{display:none;height:100%;position:absolute;top:0;width:100vw;z-index:997}#closeZone.on{display:block}.checkswitch{-webkit-tap-highlight-color:transparent;cursor:pointer;display:flex;justify-content:space-between;line-height:1.5rem;padding:.5rem}input.checkswitch[type=checkbox]{-webkit-tap-highlight-color:transparent;display:none}.checkswitch input:checked~span{background:rgba(52,152,219,.7)}.checkswitch span{background:#d1d5db;border-radius:1.5em;display:inline-block;height:1.5em;line-height:1.5rem;position:relative;transition:background-color .3s ease;width:2.5em}.checkswitch span:after{background:#fff;border-radius:1.35em;box-shadow:0 2px 4px rgba(0,0,0,.1);content:"";height:1.35em;left:.075em;position:absolute;top:.074em;transition:all .3s cubic-bezier(.4,0,.2,1);width:1.35em}.checkswitch input:checked~span:after{left:-.27em;transform:translateX(100%)}#scanButton{font-size:.8rem;line-height:1.25rem;margin:.125rem;padding-right:.5rem}#bluetoothButton,#networkButton,#serialButton{font-size:1rem;font-weight:700;line-height:1.75rem;width:100%}.channel-panel>div:first-of-type{margin:.25rem 0}#connectButton{background:none;border:none}#channelButton{background:#fff;border-color:#aaa;margin:-1px}#channel_connect.wait,#toolbarButton.wait{animation:blinking 1s infinite}@keyframes blinking{0%{background-color:#fff}50%{background-color:#dbeafe}to{background-color:#fff}}#networkButton,#serialButton{margin-top:-1px}@keyframes spin{to{transform:rotate(1turn)}}#scanButton:hover:before{animation:spin 1s linear infinite}.tabs>div{background-color:transparent;border:1px solid transparent;border-radius:8px;margin:0 .125rem;min-width:auto!important;padding:.75rem;transition:all .2s ease}@media (max-width:88rem){.tabs>div{margin:0 1px;padding:.25rem}}.tabs>div.on{background:rgba(52,152,219,.7);border-color:rgba(52,152,219,.7);box-shadow:0 2px 4px rgba(59,130,246,.2);color:#fff;white-space:nowrap}.tabs>div{cursor:pointer}.tabs>div:hover{background-color:#f9fafb;border-color:#93c5fd;color:rgba(52,152,219,.7)}.tabs>div.on:hover{background-color:#2563eb;color:#fff!important}table{border:none;border-collapse:collapse;margin:0}table,td{padding:0}td{vertical-align:top}#content_blocks,#content_iot{visibility:hidden}.content:not(#content_blocks):not(#content_iot){display:none}.content{margin:0;opacity:0;position:absolute;top:3.5rem;width:100vw}.content:not(#content_blocks){transition:left .125s ease,opacity .125s ease,width .125s ease}.content#content_blocks{margin-top:-1px}#content_iot.ani #content_iot,.content.ani#content_blocks,.content.ani#content_iot{visibility:visible!important}.content.ani:not(#content_console):not(#content_files){display:block!important}.content.ani#content_console{display:flex!important}.content.ani#content_files{display:grid!important}.content.ani.on{left:0;opacity:1}.content.pos1{width:50vw!important}.content._pos1{left:-1em!important;width:50vw}.content.pos2{border-left:1px solid #ccc;left:50vw!important;width:50vw}.content._pos2{left:calc(50vw + 1em)!important;width:50vw}pre.content{border:1px solid #ccc;overflow:scroll}#content_blocks,#content_code,#content_console,#content_databoard,#content_device,#content_files,#content_iot,#content_mqtt,#content_programs{height:calc(100vh - 3.5rem)}#content_code,#content_console,#content_device{overflow-x:hidden;overflow-y:auto}#content_device #device_img{max-width:75rem;width:100%}.blocklySvg{border-top:none!important}#content_console #file-boxes button{background-color:#fff;border:1px solid #327ae7;border-radius:1.5rem;color:#327ae7;cursor:pointer;font-size:.8rem;margin-left:.25rem;padding:.5rem .75rem;white-space:nowrap}#content_xml{border:none;font-family:monospace;outline:none;resize:none;width:100%}#content_console{align-items:center;flex-direction:column}#content_console,#term{background:#000;border:1px solid #334155;border-radius:10px;box-shadow:0 2px 4px rgba(0,0,0,.1);box-sizing:border-box;overflow:hidden;overscroll-behavior:none;padding:.5em;transition:box-shadow .2s ease;width:100%}#languageIcon,#tipsGeneric{align-items:center;background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;display:inline-flex;margin:.5rem 0;opacity:.8;padding:.5rem;transition:all .2s ease}#languageIcon:hover,#tipsGeneric:hover{border-color:#cbd5e1;opacity:1}#languageIcon{border:none}#tipsGeneric:before{margin-right:.25rem}#content_console #term.on{box-shadow:-.25rem 0 .75rem rgba(106,168,251,.3),.25rem .25rem .75rem rgba(123,73,173,.3)}#content_console button{font-size:.8rem;line-height:1.5rem}#content_console>div,#content_console>div>span{align-items:center;display:inline-flex}#file-boxes{flex-wrap:wrap;justify-content:center;user-select:none}#content_files{grid-template-columns:18rem calc(100% - 18rem)}#file-boxes #file-header,#file-boxes #file-status{padding:0 .25em 0 .5em;text-align:center}#file-boxes #file-header{align-items:center;border-bottom:1px solid #ccc;border-right:1px solid #ccc;display:flex;font-weight:700;height:2.5rem;justify-content:space-between}#file-boxes #file-header>span{flex-grow:2}#file_save_as{align-items:center;border-bottom:1px solid #ccc;display:flex;height:2.5rem;padding:0 .5rem 0 1.85rem}#file_save_as.bipes-py #editor2DeviceButton,#file_save_as.bipes-py #updateXMLButton,#file_save_as.bipes-xml #editor2DeviceButton,#file_save_as.bipes-xml #generated2DeviceButton,#file_save_as.py #generated2DeviceButton,#file_save_as.py #updateXMLButton{display:none}#file_save_as input{border-left:1px solid #ccc;font-weight:700;padding-left:.5rem}#file-boxes #file-status{background:#f7f7f7;border-bottom:1px solid #ccc;border-right:1px solid #ccc;color:#666;font-size:.85rem;font-weight:700;height:1.5rem;line-height:1.5rem;overflow:hidden}#filesPanel{border-right:1px solid #ccc;display:block;height:calc(100vh - 8rem);overflow-y:auto;padding:.25rem .5rem}#filesPanel h2,.account-panel h2{align-items:center;display:flex;font-size:1rem;height:2.5rem;margin:0}#ProjectList>div,#blocks2Code>div,#fileList>div,#fileTemplate>div{align-items:stretch;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;display:flex;font-size:.9rem;justify-content:space-between;margin:.25rem 0;min-height:2rem;padding:.5rem;transition:all .2s ease}#ProjectList>div:hover,#blocks2Code>div:hover,#fileList>div:hover,#fileTemplate>div:hover{background-color:#f8fafc;border-color:#cbd5e1;box-shadow:0 1px 3px rgba(0,0,0,.05)}#ProjectList>div>div:last-child,#fileList>div>div:last-child{flex-shrink:0}#ProjectList .runText,#fileList .runText{font-family:monospace;width:100%}#blocks2Code>div,#fileTemplate>div{align-items:center;font-family:monospace;word-break:break-word}#ProjectList>div>div,#fileList>div>div{align-items:center;display:inline-flex;word-break:break-word}#blocks2Code>div>span,#fileList .runText>span{border:1px solid #7b49ad;border-radius:.75rem;color:#7b49ad;font-family:sans-serif;font-size:.8rem;font-weight:700;margin-left:.25rem;padding:.175rem .25rem;word-break:keep-all}#fileList #runIcon{filter:brightness(0)}#filesPanel details,.account-panel summary{overflow:hidden;transition:border .125s ease}#filesPanel summary,.account-panel summary{-webkit-tap-highlight-color:transparent;align-items:center;cursor:pointer;display:flex;justify-content:space-between;white-space:normal}#filesPanel summary>h2:before,.account-panel summary>h2:before{content:"\1433";display:inline-block;font-size:.8rem;font-weight:400;line-height:1rem;margin-right:.5rem;transition:transform .25s ease}#filesPanel details[open] summary>h2:before,.account-panel details[open] summary>h2:before{transform:rotate(90deg)}#ProjectList>div{transition:box-shadow .125s ease,background-color .125s linear,border-color .125s linear,color .125s linear}#ProjectList>.current{background:rgba(52,152,219,.7);border-color:rgba(52,152,219,.7);box-shadow:0 2px 4px rgba(59,130,246,.2);color:#fff}#ProjectList .current span{filter:invert(1)}@media (min-width:60em){.top-menu>.toolbar{display:flex;height:2.125rem}.top-menu>#toolbarButton{display:none}}@media (max-width:59.99em){.top-menu>.toolbar{align-items:center;background:#fff;border:1px solid #aaa;border-radius:1em;box-shadow:0 0 .5em rgba(0,0,0,.5);box-sizing:border-box;display:flex;flex-wrap:wrap;height:7rem;justify-content:center;margin-right:0;opacity:0;position:fixed;right:-20rem;top:-5rem;transition:right .125s ease,top .125s ease,opacity .125s ease;width:18.5rem;z-index:999}.top-menu>.toolbar#show{opacity:1;right:.25rem;top:.25rem}.toolbar>#channel_connect{margin-left:.125rem;margin-right:0;order:1}.logo{font-size:0!important}#toolbarButton{border:1px solid #aaa;border-radius:1rem;transition:box-shadow .125s ease}#toolbarButton:hover{box-shadow:0 0 .25em #aaa}.channel-panel{right:-16rem;top:3.5rem}.channel-panel#show{right:.25rem;top:3.5rem}}#deviceSelect.icon:before,a.icon:before,button.icon:before,label.icon:before,span.icon:before{background-image:url(media/icons.svg);background-size:cover;background-size:auto 3rem;content:"";height:1.5rem;width:1.5rem}button.icon:before,label.icon:before{display:block}span.icon:before{display:inline-block}button.icon.medium:before{background-size:auto 5rem;height:2.5rem;width:2.5rem}#downloadIcon:before,#saveButton:before{background-position:left -1.5rem top}#loadButton:before{background-position:left -3rem top}#trashButton:before,#trashIcon:before{background-position:left -4.5rem top}#notificationButton:before{background-position:left -6rem top}#deviceSelect:before{background-position:left -10.5rem top}#runButton:before,#runIcon:before{background-position:left -7.5rem top;transition:background .125s ease}#runButton.on:before{background-position:left -7.5rem bottom}#languageIcon:before{background-position:left -9rem top}#channelButton.webserial:before,#serialButton:before{background-position:left -13.5rem top}#channelButton.websocket:before,#networkButton:before{background-position:left -15rem top}#toolbarButton:before{background-position:left -27.5rem top}#toolbarButton.on:before{background-position:left -27.5rem bottom}#bluetoothButton:before,#channelButton.webbluetooth:before{background-position:left -22.5rem top}#connectButton:before{background-position:left -19.5rem top}#connectButton.on:before{background-position:left -19.5rem bottom}#scanButton:before{background-position:left -21rem top}#settingsGeneric:before{background-position:left -24rem top}#tipsGeneric:before{background-position:left -25.5rem top}#refreshFilesList:before{background-position:left -27rem top}#editor2DeviceButton:before,#generated2DeviceButton:before,#putFileButton:before{background-position:left -28.5rem top}#updateXMLButton:before{background-position:left -30rem bottom}#accountButton:before{background-position:left -33rem top}#newProjectButton:before{background-position:left -34.5rem top}@media (max-width:710px){.tab_collapse{display:none}}#deviceSelect{align-items:center;background-color:#fff;border:1px solid #cbd5e1;border-radius:8px;display:inline-flex;padding-left:.5rem;transition:all .2s ease}#deviceSelect:hover{border-color:#93c5fd}#device_selector{appearance:none;background-color:transparent;border:none;color:rgba(52,152,219,.7);font-family:inherit;font-size:inherit;font-size:.8rem;font-weight:500;height:2rem;line-height:inherit;margin:0;padding:0}#device_selector:focus{color:#000}@media (max-width:59.99em){#device_selector{width:13rem}}#runButton{background:#fff;border:none;border:1px solid rgba(52,152,219,.7);border-radius:8px;margin:-1px;opacity:1;padding:.25rem .4rem;transition:all .2s ease}#runButton:hover{background-color:#eff6ff;box-shadow:0 2px 4px rgba(59,130,246,.2)}.privacyLink{font-family:Roboto,Arial,Helvetica,sans-serif;font-size:small;text-decoration:none}#languageMenu{background:#fff;border:1px solid #e2e8f0;border-radius:8px;height:2rem;padding:.25em;transition:all .2s ease;width:100%}#languageMenu:focus{border-color:#93c5fd;outline:none}.account-panel,.notify,.notify-panel{background:#fff;color:#222;opacity:0;transition:top .5s ease,right .5s ease,opacity .125s ease,background .5s linear,margin-right .125s ease;transition-delay:0s,0s,.1s,0s,0s;user-select:none}@media (min-width:60em){.account-panel,.notify-panel{border:1px solid #aaa!important;border-radius:1rem;margin:.5em}}.notify{background:#3298dc;bottom:.5em;box-shadow:0 .125em .5em rgba(0,0,0,.6);color:#fff;padding:1em;position:fixed;right:-18em;z-index:997}.notify#show{opacity:1;right:.5em}.notify hr{background-color:#fff;border:none;height:1px}.notify,.notify-panel>span{border-radius:.25rem}.notify-panel>span{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-sizing:border-box;display:flex;justify-content:space-between;margin:.25rem 0;padding:1em;transition:all .2s ease}.notify-panel>span:hover{border-color:#cbd5e1;box-shadow:0 2px 4px rgba(0,0,0,.05)}.notify-panel>span>span{cursor:pointer;opacity:.6;transition:opacity .125s linear}.notify-panel>span>span:hover{opacity:1}.account-panel,.notify-panel{background:#fefefe;border-left:1px solid #ccc;bottom:0;box-shadow:0 .25em .5em rgba(0,0,0,.5);display:flex;overflow-y:auto;padding:0 .5em;position:fixed;right:-22em;top:3.5rem;width:18rem;z-index:998}.account-panel{flex-direction:column;justify-content:space-between}.notify-panel{flex-direction:column-reverse;justify-content:end}@media (max-width:59.99em){.account-panel,.notify-panel{padding-top:4.5rem}}.account-panel#show,.notify-panel#show{opacity:1;right:0}.progress-bar{height:0;left:0;overflow:hidden;position:fixed;right:0;top:3.375rem;transition:height .125s ease;z-index:500}.progress-bar#on{height:.25em}.progress-bar div{background:rgba(52,152,219,.7);border-radius:2px;content:"";height:100%;position:absolute;transition:width .125s linear;width:0}@-webkit-keyframes progress{0%{left:100%;transform:translateX(0)}to{left:0;transform:translateX(-100%)}}#account_header{display:block;font-size:1.25rem;margin:.5em 0}#account_user{border-bottom:1px dashed #666;font-weight:700;padding-bottom:.125rem}.com-nav-btn{background-size:100%;cursor:pointer;height:1.5rem;width:1.5rem}#codePreviewButton{background:url(media/new-icon/code-off.png) 50%/cover;margin:5px 0 0 5px}#consolePreviewButton{background:url(media/new-icon/console-off.png) 50%/cover;display:none;margin:5px 0 0 15px}#skulptPreviewButton{background:url(media/new-icon/skulpt-off.png) 50%/cover;display:none;margin:5px 0 0 15px}#settingsButton{background:url(media/new-icon/setting-off.png) 50%/cover;margin:5px 0 0 15px}.code-preview{background:#fff;box-shadow:0 0 15px 2px #efeee9;height:100%;position:absolute;right:10px;top:3.5rem;visibility:hidden;width:479px;z-index:1}.code-preview>.CodeMirror,.code-preview>.CodeMirror>.CodeMirror-scroll>.CodeMirror-gutters>.CodeMirror-gutter{background:#fff!important}.control-preview{background:#fff;border-radius:8px;box-shadow:0 0 15px 2px #efeee9;height:400px;left:0;min-height:200px;min-width:200px;overflow:hidden;position:absolute;top:0;visibility:hidden;width:560px;z-index:100}.control-header{align-items:center;background:rgba(52,152,219,.7);border-bottom:1px solid #ccc;box-sizing:border-box;cursor:move;display:flex;height:52px;justify-content:space-between;padding:0 10px;user-select:none;width:100%}.control-header>div{display:flex}.header-left>img{height:25px;margin:0 10px 0 0;width:25px}.header-left>span{color:#fff}.draw-close>img,.header-right>img{cursor:pointer;height:25px;margin:0 5px;width:25px}.draw-header{align-items:center;background:rgba(52,152,219,.7);box-sizing:border-box;cursor:move;display:flex;height:52px;justify-content:space-between;padding:0 10px;user-select:none;width:100%}.draw-header-left{color:#fff}.box-content{align-items:center;display:flex;font-size:1.1rem;height:calc(100% - 48px);justify-content:center}.resize-handle{background:rgba(52,152,219,.7);position:absolute;z-index:10}.resize-handle-nw{cursor:nw-resize;height:10px;left:-5px;top:-5px;width:10px}.resize-handle-ne{cursor:ne-resize;height:10px;right:-5px;top:-5px;width:10px}.resize-handle-sw{bottom:-5px;cursor:sw-resize;height:10px;left:-5px;width:10px}.resize-handle-se{bottom:-5px;cursor:se-resize;height:10px;right:-5px;width:10px}.resize-handle-n{cursor:n-resize;height:10px;left:5px;right:5px;top:-5px}.resize-handle-s{bottom:-5px;cursor:s-resize;height:10px;left:5px;right:5px}.resize-handle-w{bottom:5px;cursor:w-resize;left:-5px;top:5px;width:10px}.resize-handle-e{bottom:5px;cursor:e-resize;right:-5px;top:5px;width:10px}.terminal{padding:0 0 0 10px!important}#bipes-run{align-items:center;background:rgba(52,152,219,.7);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;height:auto;margin:0 10px;padding:2px 10px;width:100px}#bipes-run>img{height:25px;width:25px}#bipes-run>span{width:27px}.xterm .xterm-viewport::-webkit-scrollbar{height:8px;width:8px}.xterm .xterm-viewport::-webkit-scrollbar-track{background:#efefef;border-radius:2px}.xterm .xterm-viewport::-webkit-scrollbar-thumb{background:#bfbfbf;border-radius:8px}.xterm .xterm-viewport::-webkit-scrollbar-thumb:hover{background:#999}.draw-preview{background:#fff;border-radius:8px;box-shadow:0 0 15px 2px #efeee9;height:600px;left:0;min-height:400px;min-width:400px;overflow:hidden;position:absolute;top:0;visibility:hidden;width:600px;z-index:100}.block-selected{background:rgba(52,152,219,.7)!important;border-radius:6px}.block-selected>div>.blocklyTreeLabel{color:#fff!important}