:root{--humburguer-menu-text-color:grey;--humburguer-menu-filter-shadow:drop-shadow(0px 4px 10px rgba(0,0,0,.2));--menu-text:#898686;--light:#d3d3d3;--header-bg:#f1f1f1;--default-text-color:grey;--execution-btns-bg:#fff;--execution-btns-border:#ccc;--run-btn-blur:0.65;--hamburguer-btn-spans:#bfbfbf;--default-py-repl-bg:#fff;--default-py-repl-color:hsla(0,0%,40%,.7);--default-py-line-bg:#d9d9d9;--py-repl-line-bg:#6dace8;--py-pre-color-opacity:0;--active-tab-bg:#fff;--active-tab-text:grey;--not-active-tab-bg:#dfdfdf;--add-tab-btn-bg:grey;--python-text-color:#000;--connection-box-bg:#d9d9d9;--connection-box-paierd-status-text:#636363;--connection-box-trimming-text:#9b9b9b;--connection-box-speed-text:#000;--panel-btns-bg:#dfdfdf;--panel-btns-text-color:#a0a0a2;--humburguer-menu-bg:#fff;--numbers:#ae81ff;--property:#a6e22e;--block-init:#f92672;--strings:#e6db74;--active-line-highlight:#cceeff44;--def:#fd971f;--operator:#fff;--variable:#9effff;--comment:#75715e;--dots-bg:#d9d9d9;--dots-color:#434345;--collapsed-code-tooltip-bg:#343434;--collapsed-code-tooltip-line-numbers-border:#1f1f1f}[dark-theme=on] *{--humburguer-menu-text-color:#000;--humburguer-menu-filter-shadow:drop-shadow(0px 4px 10px rgba(0,0,0,.2));--menu-text:#9c9c9c;--header-bg:#353535;--default-text-color:#fff;--execution-btns-bg:#666;--execution-btns-border:rgba(0,0,0,.2);--run-btn-blur:1;--hamburguer-btn-spans:#9c9c9c;--default-py-repl-bg:#434344;--default-py-repl-color:#d0d0d0;--default-py-line-bg:#272727;--py-repl-line-bg:#075c9a;--py-pre-color-opacity:0.4000000059604645;--active-tab-bg:#434344;--active-tab-text:#fff;--not-active-tab-bg:#272727;--add-tab-btn-bg:#434344;--python-text-color:#fff;--connection-box-bg:#272727;--connection-box-paierd-status-text:#fff;--connection-box-trimming-text:#9b9b9b;--connection-box-speed-text:#fff;--panel-btns-bg:#666;--panel-btns-text-color:#fff;--humburguer-menu-bg:#dedede;--humburguer-menu-item-bg:#075c9a;--numbers:#ae81ff;--property:#a6e22e;--block-init:#f92672;--strings:#e6db74;--active-line-highlight:#373831;--def:#fd971f;--operator:#fff;--variable:#9effff;--comment:#75715e;--dots-bg:#d9d9d9;--dots-color:#434345;--collapsed-code-tooltip-bg:#343434;--collapsed-code-tooltip-line-numbers-border:#1f1f1f}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}py-env{display:none}.cm-gutters,.ͼ1t .cm-gutters{background-color:#6dace8;background-color:var(--py-repl-line-bg);border-right-width:0;color:#fff}.cm-line{color:#000;color:var(--python-text-color)}.cm-activeLineGutter,.cm-gutterElement,.ͼp .cm-lineNumbers .cm-gutterElement{background-color:#6dace8;background-color:var(--py-repl-line-bg);color:grey;color:var(--default-text-color);font-family:Consolas;font-size:18px;font-style:normal;font-weight:400}.cm-editor{outline:none}.cm-activeLine,.cm-editor{background-color:#fff!important;background-color:var(--default-py-repl-bg)!important}.cm-lineNumbers .cm-gutterElement,.ͼ1t .cm-lineNumbers .cm-gutterElement{text-align:center;width:33px}.cm-gutters{background-color:#6dace8;background-color:var(--py-repl-line-bg)}.cm-content{border-bottom:1px dashed #1b96f0;border-top:1px dashed #1b96f0;padding:0 0 2px}.cm-lineNumbers .cm-gutterElement{position:relative;top:2px}.ͼp .cm-lineNumbers .cm-gutterElement{align-items:center;display:flex;justify-content:center}.ͼp .cm-lineNumbers .cm-gutterElement:nth-child(2){margin-top:3px!important}.cm-gutterElement{-webkit-user-select:none;user-select:none}.ͼ1 .cm-lineNumbers .cm-gutterElement{min-width:35px;width:auto}.menu-item{align-items:center;border-radius:5px;color:var(--grey);cursor:pointer;display:flex;font-size:14px;font-weight:400;height:35px;padding:0 10px;position:relative;text-decoration:none;width:auto;z-index:9}.menu-item li{list-style:none}.menu-item:hover{background-color:var(--humburguer-menu-item-bg);color:#fff}.version,li.separator{height:19px;list-style:none}.version{font-size:13px}.banner-open .menu-list{margin-top:40px}.menu-list{background-color:var(--humburguer-menu-bg);border:1px solid var(--humburguer-menu-bg);display:block;-webkit-filter:var(--humburguer-menu-filter-shadow);filter:var(--humburguer-menu-filter-shadow);left:183px;opacity:0;padding:20px 25px;position:absolute;top:75px;width:276px;z-index:-1}.menu-list ul{margin:0;padding:0}.menu-list ul li{font-family:Century Gothic Pro;list-style:none}.menu-list ul li>small{color:var(--light)}.menu-list.active{left:191.69px;opacity:1;transition:all .5s ease;-webkit-transition:opacity .5s ease-in-out;-moz-transition:opacity .5s ease-in-out;z-index:999}.menu-list.active:before{border-bottom:15px solid var(--humburguer-menu-bg);border-left:15px solid transparent;border-right:15px solid transparent;border-top:1px solid transparent;content:"";height:0;left:-1px;position:absolute;top:-17px;width:0}.clear-workspace-modal-bg{background-color:rgba(0,0,0,.5);height:100vh;position:absolute;width:100vw;z-index:9999999999}.clear-workspace-modal-bg.hide{display:none}.clear-workspace-modal{background-color:#fff;box-shadow:0 5px 15px #423f3f;height:120px;left:calc(50% - 300px);width:580px}.clear-workspace-modal .md-body{color:gray;font-size:13px;margin-bottom:30px;margin-top:10px}.clear-workspace-modal .md-footer{margin-top:20px;text-align:right}.clear-workspace-modal .md-footer button{padding-bottom:8px;padding-top:8px}.clear-workspace-modal .md-footer .clear-btn{color:gray}.clear-workspace-modal .md-footer .yes-btn{background-color:#2e6da4}@-webkit-keyframes slidedown{0%{top:-5vh}to{top:0}}@keyframes slidedown{0%{top:-5vh}to{top:0}}.modalMask{background-color:rgba(0,0,0,.42);display:flex;height:100vh;justify-content:center;left:0;position:absolute;top:0;width:100vw;z-index:100}.modalContainer{background-color:var(--not-active-tab-bg);border-radius:.5rem;color:var(--default-text-color);padding:1.5rem;position:relative;text-align:center;top:60px}.modalContainer>div>div:last-child{display:flex;gap:1rem;justify-content:center}.modalContainer>div>div:last-child>button{border:none;border-radius:100px;padding:.5rem;transition:.25s;width:5rem}.modalContainer>div>div:last-child>button:hover{cursor:pointer;-webkit-transform:scale(1.1);transform:scale(1.1);transition:.25s}.modalContainer>div>div:last-child>button:first-child{background-color:#151549;color:#fff}.Menu{align-items:center;display:flex;padding:10px}.Menu>p{color:var(--menu-text);font-family:Century Gothic Pro;margin:0 0 0 1rem}.Menu>div>img{margin-left:1rem;margin-right:1.5rem;width:142.69px}.Menu>div>p{color:#fff;font-size:15px;left:28px;margin-left:-20px;text-align:center}.Menu>div>p:last-child{bottom:23px;color:#37a1ff;height:0;left:124px;position:relative;-webkit-user-select:none;user-select:none;width:31px}.menu-btn{cursor:pointer;width:28px}.menu-btn.active span{background:transparent}.menu-btn.active span:before{-webkit-transform:translateY(6px) translateX(1px) rotate(45deg);transform:translateY(6px) translateX(1px) rotate(45deg)}.menu-btn.active span:after{-webkit-transform:translateY(-6px) translateX(1px) rotate(-45deg);transform:translateY(-6px) translateX(1px) rotate(-45deg)}.menu-btn{height:27px;position:relative}.menu-btn span{text-indent:-999em;top:12px}.menu-btn span,.menu-btn span:after,.menu-btn span:before{background:var(--hamburguer-btn-spans);height:4px;position:absolute;transition:all .5s cubic-bezier(0,.275,.125,1);width:100%}.menu-btn span:after,.menu-btn span:before{content:"";left:0;top:-8px}.menu-btn span:after{top:8px}.menu-btn:hover{text-decoration:underline}#landButton,#runButton,#stopButton{background:var(--execution-btns-bg);background-repeat:no-repeat;border:1px solid var(--execution-btns-border);border-radius:5px;color:#fff;font-size:13px;font-weight:400;height:40px;padding:4px 5px;text-decoration:none;width:40px}#landButton:hover,#runButton:hover,#stopButton:hover{-webkit-transform:scale(1.1);transform:scale(1.1);transition:.3s}#landButton:active,#runButton:active,#stopButton:active{-webkit-transform:scale(1);transform:scale(1);transition:.3s}div[role=tooltip].menu_beta{font-size:15px;inset:30px auto auto 40px!important;text-align:center;width:200px}div[role=tooltip].menu_beta>div:first-child{border-color:#222 transparent transparent #222;border-style:solid;border-width:7px;bottom:auto;content:" ";height:0;left:23%!important;position:absolute;right:auto;top:-13px;-webkit-transform:rotate(180deg)!important;transform:rotate(180deg)!important;width:0}#runButton{background-image:url(/edu/python/static/media/play.db95837cdf8eee91ad18.svg);background-position:12px 6px;background-size:20px;top:-93px}#stopButton{background-image:url(/edu/python/static/media/stop.c09f52baafc133eccd0e.svg);left:117px}#landButton,#stopButton{background-position:5px 5px;background-size:28px}#landButton{background-image:url(/edu/python/static/media/drone-land-arrow.5e5df1653910c96c4dca.svg);margin-left:0}#runButton.blur{cursor:not-allowed;-webkit-filter:grayscale(100%);filter:grayscale(100%);opacity:var(--run-btn-blur)}#runButton.blur:hover{box-shadow:none;-webkit-transform:scale(1);transform:scale(1)}.landButton,.runButton,.stopButton{align-self:flex-end;display:inline-block;height:82%;margin-right:20px;text-align:center;transition:.3s;width:60px}.runButton{text-align:center}.runButton .spinner{-webkit-animation:spin 3s linear infinite;animation:spin 3s linear infinite;display:block;margin-left:16px;margin-top:-34px;position:absolute}.landButton span,.runButton span,.stopButton span{color:var(--default-text-color);display:block;font-family:Century Gothic Pro;font-size:11px;left:-1px;position:relative;text-align:center;user-select:none;-webkit-user-select:none}ul.PythonCode_tabs{display:flex;line-height:35px;list-style-type:none;margin:0;max-height:4rem;overflow:hidden;overflow-x:auto;padding-right:20px;width:100%}ul.PythonCode_tabs.banner-open{margin-top:40px}ul.PythonCode_tabs>li{float:left;margin:5px -28px 0 9px;max-width:200px;position:relative}ul.PythonCode_tabs>li>div{align-items:center;display:flex;height:4rem}ul.PythonCode_tabs>li>div:hover{cursor:pointer}ul.PythonCode_tabs>li>div>span{background-color:var(--not-active-tab-bg);height:100%;max-width:35px;min-width:35px}ul.PythonCode_tabs>li>div>span:first-child{border-top-left-radius:6px;-webkit-transform:skewX(338deg) translatex(10.9px);transform:skewX(338deg) translatex(10.9px);z-index:0}ul.PythonCode_tabs>li>div>span:last-child{border-top-right-radius:6px;box-shadow:2px 10px 12px rgba(0,0,0,.5);-webkit-transform:skewX(-338deg) translatex(-10.9px);transform:skewX(-338deg) translatex(-10.9px);z-index:1}ul.PythonCode_tabs>li>div>div{align-items:center;background-color:var(--not-active-tab-bg);display:flex;height:100%;max-width:calc(100% - 70px);z-index:2}ul.PythonCode_tabs>li>div>div>div{align-items:center;background-color:var(--add-tab-btn-bg);border-radius:50%;display:flex;height:24px;justify-content:center;width:24px}ul.PythonCode_tabs>li>div>div>div:hover{cursor:pointer}ul.PythonCode_tabs>li>div>div>div>span{color:#fff;font-size:20px;font-weight:700;left:.2px;position:relative;top:-2.5px}ul.PythonCode_tabs>li>div>div>img{left:-8px;max-width:10px;min-width:10px;position:relative}ul.PythonCode_tabs>li>div>div>img:hover{cursor:pointer}ul.PythonCode_tabs>li>div>div>input{background:var(--active-tab-bg);border-bottom:1px solid #242424;color:var(--active-tab-text);font-family:Century Gothic Pro;height:29px;min-width:2.8rem;padding:0 5px;width:calc(100% - 35px)}ul.PythonCode_tabs>li>div>div>input:focus-visible{outline:none}ul.PythonCode_tabs>li>div>div>h5{color:var(--active-tab-text);display:inline-block;font-family:Century Gothic Pro;max-width:100%;overflow:hidden;position:relative;text-decoration:none;text-overflow:ellipsis;top:-1px;white-space:nowrap}ul.PythonCode_tabs>li:before{border-color:transparent var(--not-active-tab-bg) transparent transparent;left:-26.4px;-webkit-transform:rotate(44deg) skewX(358deg)}ul.PythonCode_tabs>li:after{border-color:transparent transparent transparent var(--not-active-tab-bg);right:-26.7px;-webkit-transform:rotate(303deg) skewX(359deg);z-index:1}ul.PythonCode_tabs>li:after,ul.PythonCode_tabs>li:before{background:transparent;border-radius:100%;border-style:solid;border-width:10px;box-sizing:initial;content:"";height:20px;position:absolute;top:29.2px;width:20px}ul.PythonCode_tabs>li.PythonCode_active{z-index:2}ul.PythonCode_tabs>li.PythonCode_active>div>div,ul.PythonCode_tabs>li.PythonCode_active>div>span{background-color:var(--active-tab-bg)}ul.PythonCode_tabs>li.PythonCode_active:before{border-color:transparent var(--active-tab-bg) transparent transparent}ul.PythonCode_tabs>li.PythonCode_active:after{border-color:transparent transparent transparent var(--active-tab-bg)}::-webkit-scrollbar{height:5px;width:10px}::-webkit-scrollbar-track{border-radius:10px;box-shadow:inset 0 0 5px #5b5b5b}::-webkit-scrollbar-thumb{background:#252525;border-radius:10px}div[role=tooltip]{inset:auto auto 4px -9px!important;z-index:5}div[role=tooltip]>div:first-child{border-color:#222 transparent transparent #222;border-style:solid;border-width:7px;bottom:-13px;content:" ";height:0;left:50%!important;position:absolute;right:auto;top:auto;-webkit-transform:rotateY(180deg)!important;transform:rotateY(180deg)!important;width:0}div[role=tooltip]>div:last-child{background:#222;border-radius:5px;color:var(--active-tab-text);font-family:Century Gothic Pro;padding:2px 8px}.PythonCode{height:calc(100vh - 300px);width:100vw}.PythonCode div.py-lock:last-child>.line{align-items:center;color:var(--menu-text);display:flex;font-family:Consolas;font-size:18px;font-style:normal;font-weight:400;justify-content:center}.animationProps,.py-lock:first-child.collapse .line>div,.py-lock:first-child.collapse .line>span,.py-lock:first-child.collapse .line>span>img,.py-lock:first-child.collapse pre,.py-lock:first-child.open .line>div,.py-lock:first-child.open .line>span,.py-lock:first-child.open .line>span>img,.py-lock:first-child.open pre{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-timing-function:linear;animation-timing-function:linear}@-webkit-keyframes collapsePre{0%{max-height:135px}to{max-height:60px}}@-webkit-keyframes collapseGutter{0%{height:100px}to{height:23px}}@keyframes collapseGutter{0%{height:100px}to{height:23px}}@-webkit-keyframes collapsedArrow{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{margin-top:9px;-webkit-transform:rotate(90deg);transform:rotate(90deg)}}@keyframes collapsedArrow{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{margin-top:9px;-webkit-transform:rotate(90deg);transform:rotate(90deg)}}@-webkit-keyframes openPre{0%{max-height:23px}to{max-height:135px}}@-webkit-keyframes openGutter{0%{height:23px}to{height:105px}}@keyframes openGutter{0%{height:23px}to{height:105px}}@-webkit-keyframes openedArrow{0%{-webkit-transform:rotate(90deg);transform:rotate(90deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes openedArrow{0%{-webkit-transform:rotate(90deg);transform:rotate(90deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@-webkit-keyframes openedArrowImg{0%{position:relative;top:4px}to{position:relative;top:0}}@keyframes openedArrowImg{0%{position:relative;top:4px}to{position:relative;top:0}}@-webkit-keyframes collapsedArrowImg{0%{position:relative;top:0}to{position:relative;top:4px}}@keyframes collapsedArrowImg{0%{position:relative;top:0}to{position:relative;top:4px}}.py-lock:first-child{background-color:var(--default-py-repl-bg);color:var(--default-py-repl-color)}.py-lock:first-child.collapse pre{-webkit-animation-name:collapsePre;animation-name:collapsePre;overflow-y:hidden}.py-lock:first-child.collapse .line{justify-content:center}.py-lock:first-child.collapse .line>div{-webkit-animation-name:collapseGutter;animation-name:collapseGutter;overflow-y:hidden}.py-lock:first-child.collapse .line>span{-webkit-animation-name:collapsedArrow;animation-name:collapsedArrow}.py-lock:first-child.collapse .line>span>img{-webkit-animation-name:collapsedArrowImg;animation-name:collapsedArrowImg;position:relative}.py-lock:first-child.open pre{-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:openPre;animation-name:openPre}.py-lock:first-child.open .line>div{-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:openGutter;animation-name:openGutter}.py-lock:first-child.open .line>span{-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:openedArrow;animation-name:openedArrow}.py-lock:first-child.open .line>span>img{-webkit-animation-name:openedArrowImg;animation-name:openedArrowImg}.py-lock:first-child .line{align-items:center;background-color:var(--default-py-line-bg);display:flex;flex-direction:column;width:33px}.py-lock:first-child .line>div{align-items:center;color:var(--menu-text);display:flex;flex-direction:column;font-family:Consolas;font-size:18px;font-style:normal;font-weight:400;height:78px}.py-lock:first-child .line>div>span{margin-top:.3px}.py-lock:first-child .line>div>span:first-child{margin-top:5px}.py-lock:first-child .line>img{margin-top:10px}.py-lock:first-child .line>span{margin-top:36px}.py-lock:first-child .line>span:hover{cursor:pointer}.py-lock:first-child .line>span>img{margin-bottom:9px}.py-repl-output,button#runButton.absolute.py-repl-run-button{display:none}.PythonCode_container{height:calc(100vh - 195px);overflow-x:hidden;overflow-y:auto;position:relative;transition:.5s;z-index:0}.PythonCode_container.consoleShow{height:calc(100vh - 410px);transition:.5s}.PythonCode_tabs_container{height:4rem;left:calc(288px + 13rem);position:absolute;top:calc(90.5px - 4rem);width:calc(100vw - 228px - 13rem)}.py-lock:last-child{background-color:var(--default-py-repl-bg);color:var(--default-py-repl-color);display:flex}.py-lock:last-child .line{align-items:center;background-color:var(--default-py-line-bg);display:flex;flex-direction:column;width:33px}.py-lock:last-child .line>img:first-child{margin-top:5px;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.py-lock:last-child .line>img:first-child:hover{cursor:pointer}.py-lock:last-child .line>img:last-child{margin-top:7px;-webkit-user-select:none;user-select:none}.py-lock:last-child .line>span{margin-top:3px;-webkit-user-select:none;user-select:none}.py-lock:last-child pre{font-family:Consolas;font-size:18px;margin:4px 4px auto}.PythonCode_dots{height:16px;left:835px;margin-top:2.3rem;position:absolute;top:0;width:32px}.PythonCode_dots:hover>div{background:var(--collapsed-code-tooltip-bg);border-radius:1rem;color:var(--default-py-repl-color);display:flex;font-family:Consolas;font-size:18px;left:-376px;padding:1px 8px 1px 6px;position:relative;top:-22px;width:23rem;z-index:1}.PythonCode_dots:hover>div>div:first-child{align-items:center;border-right:1px solid var(--collapsed-code-tooltip-line-numbers-border);display:flex;flex-direction:column;opacity:var(--py-pre-color-opacity);width:1.82rem}.PythonCode_dots:hover>div>div:last-child{opacity:var(--py-pre-color-opacity);padding-left:8px;width:332px}.PythonCode_dots>div{display:none}.PythonCode_dots>span{align-items:end;background:var(--dots-bg);border-radius:4px;color:var(--dots-color);display:flex;font-weight:700;height:15px;justify-content:center;width:2rem}.PythonCode_dots>span:hover{cursor:pointer;-webkit-user-select:none;user-select:none}.py-lock>div:first-child>div:first-child>div:first-child{padding:.5rem 0}.py-lock>div:first-child>div:not(.PythonCode_dots){display:flex}.py-lock>div:first-child>div:not(.PythonCode_dots)>div:first-child{align-items:center;background-color:var(--default-py-line-bg);color:var(--menu-text);display:flex;font-family:Consolas;font-size:18px;font-style:normal;font-weight:400;justify-content:center;-webkit-user-select:none;user-select:none}.py-lock>div:first-child>div:not(.PythonCode_dots)>div:last-child{align-items:center;display:flex;font-family:Consolas;font-size:18px;margin-left:4px;opacity:var(--py-pre-color-opacity)}.py-lock .py-lock-collapse{align-items:center;background-color:var(--default-py-line-bg);color:var(--menu-text);display:flex;font-family:Consolas;font-size:18px;font-style:normal;font-weight:400;justify-content:center}.py-lock .py-lock-collapse>span{margin:.5rem 0}.py-lock .py-lock-collapse>span:hover{cursor:pointer}.py-lock .py-lock-collapse>span>img{-webkit-user-select:none;user-select:none}.py-lock.collapse>div:not(.PythonCode_dots) *{overflow-x:hidden}.py-lock.collapse>div:last-child>div:first-child>span{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-name:collapsedArrow;animation-name:collapsedArrow;-webkit-animation-timing-function:linear;animation-timing-function:linear}.py-lock.collapse>div:first-child{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-name:collapsePre;animation-name:collapsePre;-webkit-animation-timing-function:linear;animation-timing-function:linear;overflow-y:hidden}.py-lock.open>div:last-child>div:first-child>span{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-name:openedArrow;animation-name:openedArrow;-webkit-animation-timing-function:linear;animation-timing-function:linear}.py-lock.open>div:first-child{-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-name:openPre;animation-name:openPre;-webkit-animation-timing-function:linear;animation-timing-function:linear;overflow-y:hidden}@keyframes collapsePre{0%{max-height:300px}to{max-height:85px}}@keyframes openPre{0%{max-height:85px}to{max-height:300px}}.PythonCode_copy{position:absolute;right:6rem;top:2rem;-webkit-user-select:none;user-select:none}.PythonCode_copy:hover{cursor:pointer}.PythonCode_copy>img{-webkit-filter:invert(85%) sepia(0) saturate(1255%) hue-rotate(135deg) brightness(52%) contrast(96%);filter:invert(85%) sepia(0) saturate(1255%) hue-rotate(135deg) brightness(52%) contrast(96%)}.py-lock pre{font-family:Consolas;margin:0}.py-lock .py-lock-line{height:26px}.py-lock-icon{height:32px}#connectMenu.banner-open{margin-top:-40px}#connectMenu button{background:#60c644;border:0;border-radius:3px;color:#fff;font-size:10px;padding:5px;width:90px}#connectMenu:not(.connected) button:hover{cursor:default}#connectMenu.hide-info{height:84px}#connectMenu.connected.hide-info .drones-info{height:0;overflow:hidden}#connectMenu.hide-info .drones-info{display:none}#connectMenu .drones-info{display:block}#connectMenu.connected .drones-info .set-speed{padding-left:16px;padding-top:8px;text-align:left}#connectMenu .dropped,#connectMenu .notice{background-color:#fff;border:1px solid #efefef;left:290px;padding:10px 11px;position:absolute;top:250px;width:290px}#connectMenu .dropped.hide,#connectMenu .notice.hide{display:none}#connectMenu .notice{z-index:3}#connectMenu .dropped{z-index:2}#connectMenu #dropped p{color:#000}#connectMenu .dropped{width:150px}#connectMenu .dropped>p,#connectMenu .notice>p{font-weight:500;margin-left:7px;padding:0!important;text-align:center}#connectMenu .notice img{float:left;padding-top:0;width:39px}#connectMenu .dropped img{float:left;padding-top:0;width:20px}#connectMenu .battery{display:none}#connectMenu.connected.hide-info .toggle-drone-info span{background-image:url(/edu/python/static/media/flat_carrot_icon-2.68e8933bf09a6e9eb328.svg)}#connectMenu.connected .toggle-drone-info span{background-image:url(/edu/python/static/media/flat_carrot_icon.ba920f6a3e04d46f253e.svg);background-position:0 7px;background-repeat:no-repeat;background-size:28px;display:inline-block;float:none;height:15px;width:28px}#connectMenu.connected .toggle-drone-info{display:block}#connectMenu .toggle-drone-info{display:none}#connectMenu.connected .battery span{color:#817777;font-size:10px;left:2px;margin-left:9px;position:relative;top:-4px}#connectMenu button.trim-btn span{font-size:16px!important;left:4.5px!important;position:absolute;top:-6.5px;width:auto!important}#connectMenu button.trim-btn{background:#57aeee;border:1px solid #57aeee;border-radius:100%;color:#fff;font-size:13px;font-weight:700;height:16px;margin:0;padding:0;position:absolute;width:16px}#connectMenu button.trim-btn.rPlus span{font-size:14px!important;left:3px!important;top:-.5px}#connectMenu button.trim-btn.pPlus span{font-size:14px!important;left:2.75px!important;top:-.5px}#connectMenu button.trim-btn.pMinus span,#connectMenu button.trim-btn.rMinus span{font-size:14px!important;top:-1.75px}#connectMenu button.trim-btn.pMinus{align-items:center;bottom:-1px;left:15px}#connectMenu button.trim-btn.pPlus{left:15px;top:-18px}#connectMenu button.trim-btn.rMinus{left:-18px;top:14px}#connectMenu button.trim-btn.rPlus{font-size:13px!important;right:-16px!important;top:14px}#connectMenu.connected .battery{display:inline-block;position:relative;top:2px}#connectMenu:not(.connected) .drones-info{opacity:50%}#connectMenu:not(.connected) .drones-info .set-speed{opacity:40%}#connectMenu .drones-info .set-speed label{color:var(--connection-box-speed-text)}#connectMenu .drones-info .info1{color:var(--connection-box-trimming-text);display:block;margin-left:12px;margin-top:10px;text-align:left}#connectMenu .drones-info .drone img{float:left;margin-left:30px;margin-top:10px;width:115px}#connectMenu .drones-info .drone .arrow span{bottom:0;font-size:10px;left:0;position:absolute;width:52px}#connectMenu .drones-info .drone .arrow{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAABuBAMAAAAHTiTBAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAA9QTFRFAAAAl5eXl5eXl5eXl5eXzimRXQAAAAV0Uk5TAO7/oP6+UWelAAAAKElEQVR4nGNgYFRkAAJakEZKBkCSRYVh2JBMSoTJweBOWpO0SzMgEgDuehC7kmuYAAAAAABJRU5ErkJggg==);background-position:50%;background-position-y:0;background-repeat:no-repeat;background-size:10px 60px;color:#9b9b9b;display:inline-block;height:75.45px;margin-left:-34px;min-width:45px;position:relative}#connectMenu .drones-info .drone.drone2{margin-top:5px;padding-bottom:33px;position:relative}#connectMenu .drones-info .drone.drone2 .img-arrow{margin-left:66px;margin-right:19px;margin-top:0;width:70px}#connectMenu .drones-info .drone.drone2 .arrow2 .roll-span{color:#9e9e9e;display:block;margin-bottom:-2px}#connectMenu .drones-info .drone.drone2 .arrow .pitch-span{left:-11px;top:25px;width:20px}#connectMenu .drones-info .drone.drone2 .arrow{background-size:10px 75px;height:92px}#connectMenu .drones-info .drone.drone2 .arrow2 span{color:#fff;font-size:10px}#connectMenu .drones-info .drone.drone2 .arrow2 img{margin:0;width:105px}#connectMenu .drones-info .drone.drone2 .arrow2{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAG4AAAAJBAMAAAAhhAQqAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAA9QTFRFAAAAl5eXl5eXl5eXl5eXzimRXQAAAAV0Uk5TAKDu//7lXcB3AAAAKklEQVR4nGNgGBjASKoGJQhQdkEHxsbGGGIuLlDlSgzG5AGy7SPXf3QGAADDI4wZkAr7AAAAAElFTkSuQmCC);background-position-y:19px;background-repeat:no-repeat;background-size:98%;bottom:16px;display:block;left:58px;position:absolute;width:100px}#connectMenu .drones-info .drone.drone2 img{font-family:avenir-medium;margin-left:43px;margin-right:19px;width:80px}#connectMenu p{color:var(--connection-box-paierd-status-text);font-family:futuralight;font-size:14px;font-weight:900;margin:0 0 5px;padding-left:11px;padding-top:11px;text-align:left;width:96%}#connectMenu p span{background:#bb032a;border-radius:50px;display:inline-block;float:left;height:20px;margin-right:6px;width:20px}#connectMenu a{cursor:pointer;float:right;margin-right:5px}#connectMenu.connected .not-paired-text{display:none}#connectMenu .how-to-pair-btn{background:none;color:#fa6400;cursor:pointer;display:inline-block;float:right;height:auto;text-decoration:underline;width:auto}#connectMenu .paired-text .circle{background:#60c644}#connectMenu.connected .paired-text{display:block;padding-left:16px}#connectMenu .paired-text{display:none}#connectMenu.connected #scanButton{background:#bb032a;border-radius:3px;float:left;margin-left:15px;width:86px}#connectMenu.connected #scanButtonDefault{border-radius:6px}#connectMenu.connected #reconnectButton{display:none}#connectMenu{background:var(--connection-box-bg);font-family:futuralight;font-weight:900;height:100%;padding-bottom:20px;position:absolute;text-align:center;transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;-ms-transition:all .5s ease;width:276px}.firmware-version{color:#9b9b9b;display:flex;font-size:13px;font-weight:400;justify-content:space-around;line-height:14px}.container-disabled{height:14px}.lds-ellipsis{display:inline-block;height:9px;left:-22px;position:relative;width:9px}.lds-ellipsis div{-webkit-animation-timing-function:cubic-bezier(0,1,1,0);animation-timing-function:cubic-bezier(0,1,1,0);background:#fff;border-radius:50%;height:9px;position:absolute;top:2px;width:9px}.lds-ellipsis div:first-child{-webkit-animation:lds-ellipsis1 .6s infinite;animation:lds-ellipsis1 .6s infinite;left:8px}.lds-ellipsis div:nth-child(2){left:0}.lds-ellipsis div:nth-child(2),.lds-ellipsis div:nth-child(3){-webkit-animation:lds-ellipsis2 .6s infinite;animation:lds-ellipsis2 .6s infinite}.lds-ellipsis div:nth-child(3){left:16px}.lds-ellipsis div:nth-child(4){-webkit-animation:lds-ellipsis3 .6s infinite;animation:lds-ellipsis3 .6s infinite;left:40px}@-webkit-keyframes lds-ellipsis1{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes lds-ellipsis1{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes lds-ellipsis3{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(0);transform:scale(0)}}@keyframes lds-ellipsis3{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(0);transform:scale(0)}}@-webkit-keyframes lds-ellipsis2{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translate(24px);transform:translate(24px)}}@keyframes lds-ellipsis2{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translate(24px);transform:translate(24px)}}.drones-info input[type=range]{-webkit-appearance:none;background:transparent}.drones-info input[type=range]::-webkit-slider-runnable-track{background-color:transparent;border:none;border-radius:3px;height:5px;outline:none!important;width:276px}.drones-info input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#00a9fb;border:none;border-radius:50%;height:16px;margin-top:-2px;width:16px}.drones-info input[type=range]:focus{outline:none}.drones-info input[type=range]::-moz-range-track{background:#ddd;border:none;border-radius:3px;height:5px;width:276px}.drones-info input[type=range]::-moz-range-thumb{background:#00a9fb;border:none;border-radius:50%;height:16px;width:16px}.drones-info input[type=range]:-moz-focusring{outline:1px solid #fff;outline-offset:-1px}.drones-info input[type=range]::-ms-track{background:transparent;border-color:transparent;border-width:6px 0;color:transparent;height:5px;width:276px}.drones-info input[type=range]::-ms-fill-lower{background:#373737;border-radius:10px}.drones-info input[type=range]::-ms-fill-upper{background:#575757;border-radius:10px}.drones-info input[type=range]::-ms-thumb{background:#00a9fb;border:none;border-radius:50%;height:16px;width:16px}.drones-info input[type=range]:focus::-ms-fill-lower{background:#373737}.drones-info input[type=range]:focus::-ms-fill-upper{background:#575757}.drones-info input[type=range].range1,.drones-info input[type=range].range2{-webkit-transform:rotate(270deg);transform:rotate(270deg)}.drones-info input[type=range].range1{left:-7px;position:absolute;top:28px;width:58px}.drones-info input[type=range].range2{left:-19px;position:absolute;top:35px;width:73px}.drones-info input[type=range].range3{margin-left:-2.5px;padding-bottom:4.6px}#trimRoll{width:100%}.containerDisplay{display:flex}.containerColor{flex-direction:column}.boxSpeed,.containerColor{display:flex;justify-content:center}.boxSpeed{align-items:center}.boxColor{background-color:#bb032a;border:1px solid #817777;cursor:pointer;height:20px;margin-left:8px;width:20px}.selectColor{align-items:center;background-color:#fff;border-radius:5px;box-shadow:0 4px 4px rgba(0,0,0,.25);display:flex;flex-direction:column;flex-wrap:wrap;height:140px;justify-content:center;left:250px;margin-left:10px;padding:10px 5px;position:absolute;width:80px;z-index:5}.boxToltip{border-bottom:10px solid transparent;border-right:15px solid #fff;border-top:10px solid transparent;height:1px;left:-15px;position:absolute;width:1px}.boxItem{margin:5px}.boxItemColorRed{background-color:red}.boxItemColorYellow{background-color:#ff0}.boxItemColorGreen{background-color:lime}.boxItemColorCyan{background-color:#ace5ee}.boxItemColorBlue{background-color:#1974d2}.boxItemColorPurple{background-color:#5d3fd3}.boxItemColorWhite{background-color:#fff}.boxItemColorBlack{background-color:#000}.box-version-container{display:flex}.box-version-container div{margin-left:5px}.icon-container{position:relative}.icon-warning{background-color:#fff;border-radius:50%;height:10px;left:-3px;position:absolute;top:3px;width:10px;z-index:0}.icon-warning-svg{cursor:pointer;left:0;position:absolute;top:0;z-index:1}.iconArrow{height:25px;margin-top:3px;width:30px}.rotateOpenArrow{-webkit-transform:rotateX(0deg);transform:rotateX(0deg)}.rotateCloseArrow{-webkit-transform:rotateX(190deg);transform:rotateX(190deg)}div.PythonCode_firmware{line-height:35px;list-style-type:none;margin:0;max-height:160px;overflow-x:auto;width:100%}div.PythonCode_firmware>div>div{color:#292929;font-family:Century Gothic Pro;font-size:16px;font-weight:400;line-height:19.2px;padding-top:20px}div.PythonCode_firmware>div #box_buttons{display:flex;justify-content:space-evenly;margin-top:20px}div.PythonCode_firmware>div #update_button{background:#b178f0;border:none;border-radius:3px;color:#fff;font-size:16px;height:38px;line-height:19.2px;width:140px}div.PythonCode_firmware>div #update_link{align-items:flex-end;background:transparent;color:#ec5b29;display:flex;font-size:16px;font-weight:700;justify-content:center;line-height:19.2px;-webkit-text-decoration:underline 2px;text-decoration:underline 2px;width:10%}div.PythonCode_firmware .border-flag{border-left:10px solid transparent;border-right:10px solid transparent;border-top:15px solid #dedede;bottom:-35px;height:1px;left:48px;position:relative;width:1px}div.PythonCode_firmware .modalMask{background-color:initial;height:auto;position:absolute;top:-14rem;width:auto;z-index:2}div.PythonCode_firmware .modalSelectDron{left:2rem}div.PythonCode_firmware .modalSelectController{left:11.3rem}.modalClosed{display:none}#drop-connection-bg{background-color:rgba(0,0,0,.5);height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:9999999999}#drop-connection-bg.hide{display:none}#drop-connection-bg .button-div{text-align:center}.closeButton:hover{box-shadow:none!important}.closeButton,.closeButton:hover{background:transparent!important;border:none!important}.closeButton{border-radius:0;box-shadow:none;color:#151549!important;cursor:pointer;font-size:13px!important;font-weight:600;line-height:19.2px;text-decoration:underline}.drop-connection{background-color:#fff;border-radius:5px;box-shadow:0 5px 15px #423f3f;height:auto;left:40%;max-width:440px;padding:15px;position:absolute;top:40%}.drop-connection .md-header{color:#5c5c5c;font-size:16px;font-weight:700;text-align:center}.drop-connection .title{color:#000;font-family:Futura;font-size:16px;font-weight:500;letter-spacing:0;line-height:21px;text-align:center}.drop-connection .md-body{font-size:14px;margin:auto;text-align:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.drop-connection .md-body .row{align-items:center;display:flex}.drop-connection .md-body .col-6{width:50%}.drop-connection .md-body .img-svg{margin:25px 0}.drop-connection .md-body .img-svg img{width:130px}.drop-connection .md-body .txt{align-items:center;display:flex;justify-content:center}.drop-connection .md-body .txt-label{font-family:futuralight;font-size:14px;font-weight:400;letter-spacing:0;line-height:17px;text-align:center;width:75%}.drop-connection .md-body .link{color:blue;cursor:pointer;text-decoration:underline}@media(max-width:690px){.drop-connection{left:0;margin-top:10px;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}}.console{background-color:#333;color:#fff;font-family:Consolas;height:100%;padding-right:0;padding-top:5px}#consoleContent{display:flex!important;flex-direction:column;height:220px}#consoleContent.hide{padding:1rem 1rem 0 2rem}#consoleContent.hide>span{display:none!important}#consoleContent.hide>span:nth-last-child(-n+3){display:inline!important}#consoleContent .output{width:100%}.console .show{overflow-y:auto;padding:3rem 1rem 29px 2rem}.camera{background-color:#333;padding:0}.console-container{background:#333;bottom:0;height:320px;left:276px;position:fixed;right:0;transition:all .5s ease;-webkit-transition:all .5s ease;width:calc(100vw - 276px)}.console-container pre{line-break:anywhere;white-space:break-spaces}.console-container .row .show{height:calc(100% - .5px)}.console-container .row{height:100%}.console-container.closed{background:#333;height:104px;transition:all .5s ease;-webkit-transition:all .5s ease}.console-container.closed .glyphicon-chevron-down:before{content:""!important}.console-container.closed .input-console{position:relative}.console-container .input-console input{background:#333;border:0;border-top:1px solid #4e4e4e;color:#fff;padding-left:10px;width:calc(100% - 15px)}.console-container .btn-console ul li:after,.console-container .btn-console ul li:before{background:#4e4e4e}.console-container .tabbed ul li:after,.tabbed ul li:before{background-color:#fff;content:" ";display:block;height:100%;position:absolute;top:0;transition:all .25s ease;width:44px}.console-container .board{background-color:#b4b4b4;display:flex}.console-container .menu{background-color:#fff;position:relative}.console-container .menu:before{background-color:#fff;content:" ";display:block;height:100%;position:absolute;right:-24px;top:0;-webkit-transform:skew(30deg,0deg);transform:skew(30deg,0deg);transition:all .25s ease;width:44px;z-index:999}.console-container .menu.active{z-index:3}.console-container .tab{background-color:#e6e6e5;margin:10px;padding:10px}.console-container .tab.active{background-color:#f3f3f3}.console-container .tab span{position:relative;vertical-align:text-top;z-index:999}.console-container .tab span svg{font-size:16px;margin-left:-34px;margin-right:14px}.console-container .console{background-color:#333;color:#fff;font-family:Consolas;height:100%;padding-right:0}.console-container .console .show{overflow-y:auto;padding-bottom:15px}.console-container .console py-terminal{max-height:100%;overflow-y:auto}.console-container .console py-terminal *{overflow-anchor:none}.console-container .console py-terminal>.anchorDiv{height:1px;overflow-anchor:auto}.console-container .camera{background-color:#333;padding:0}.console-container .console-container{bottom:0;height:30%;position:fixed;z-index:999}.console-container .console-container .row,.console-container .console-container .row .show{height:100%}.console-container .console-container.closed{background:#333;height:27px}.console-container .console-container.closed .input-console{position:relative}.console-container .btn-console{margin-left:0;position:absolute;top:-22px}.console-container .input-console{bottom:0;position:absolute;width:100%}.console-container .input-console label{position:absolute}.console-container .tabbed{margin-left:34px}.console-container .tabbed ul{float:left;list-style-type:none;margin:0;overflow:hidden;padding:0 0 0 63px}.console-container .tabbed ul *{margin:0;padding:0}.console-container .tabbed ul li{background-color:#fff;color:#777;cursor:pointer;display:block;float:left;font:100 13px/20px roboto,Open Sans,Helvetica,sans-serif;margin-right:74px;padding:21px 28px 15px;position:relative;text-transform:lowercase;transition:all .25s ease;z-index:2}.console-container .tabbed ul li:after,.console-container .tabbed ul li:before{background-color:#fff;content:" ";display:block;height:100%;position:absolute;top:0;transition:all .25s ease;width:44px}.console-container .tabbed ul li:before{box-shadow:3px 2px 5px rgba(0,0,0,.1),inset -1px 0 hsla(0,0%,100%,.09);right:-24px;-webkit-transform:skew(30deg,0deg);transform:skew(30deg,0deg)}.console-container .tabbed ul li:after{box-shadow:-3px 2px 5px rgba(0,0,0,.1),inset 1px 0 hsla(0,0%,100%,.09);left:-24px;-webkit-transform:skew(-30deg,0deg);transform:skew(-30deg,0deg)}.console-container .tabbed ul li:hover:after,.tabbed ul li:hover,.tabbed ul li:hover:before{background-color:#e6e6e5;color:#535353}.console-container .tabbed ul li.active{z-index:3}.console-container .tabbed ul li.active:after,.tabbed ul li.active,.tabbed ul li.active:before{background-color:#f3f3f3;color:#535353}.console-container .tabbed.round ul li{border-radius:8px 8px 0 0}.console-container .tabbed.round ul li:before{border-radius:0 8px 0 0}.console-container .tabbed.round ul li:after{border-radius:8px 0 0 0}.console-container .tabbed[class*=skin-] ul li{color:#fff;text-shadow:rgba(0,0,0,.1) 0 1px}.console-container .new-tab{background:#e7e7e6;border-radius:100%;color:#b4b4b4;cursor:pointer;font-size:19px;height:50px;margin:4px 4px 4px -15px;padding-bottom:17px!important;padding:12px 16px;width:50px;z-index:999}.console-container .btn-console{margin-left:-33px}.console-container .btn-console ul li{background:#4e4e4e;color:#fff;padding:0 4px}.console-container .btn-console ul li:after,.console-container .btn-console ul li:before{background:#4e4e4e!important}.console-container .btn-console ul li span{font-family:Consolas;font-size:12px!important;font-size:14px!important;font-weight:400!important;margin-left:0;position:relative;z-index:999}.console-container .btn-console ul li span svg{font-size:11px;margin-left:-10px;margin-right:8px;position:relative}.console-container .switch-camera{position:absolute;top:-30px}.console-container .switch-camera div{background-color:#fff;border:1px solid #676767;border-radius:15.5px;color:#4e4e4e;cursor:pointer;margin-right:10px;padding:1px 26px}.console-container .switch-camera div.active{background-color:#4e4e4e;color:#fff}.console-container .tabs{padding-left:26px}.console-container .ttab{background-position:0;background-repeat:no-repeat;background-size:100% 100%;color:#636363;cursor:pointer;font-family:Avenir Book;font-size:14px;margin-left:-8px;padding-top:18px;position:relative;text-align:center;width:200px}.console-container .ttab svg{color:#909090;font-size:18px;left:24px;position:absolute;top:23px}.console-container .closeIcon{top:20px!important}.console-container .chevron-icon{margin-left:-6px!important;margin-right:7px!important;margin-top:1px!important}.console-container.closed .clear-console{display:none}.console-container .clear-console{background:#6e6e6e;border-radius:6px;cursor:pointer;font-size:13px;padding:5px 15px;position:absolute;right:10px;top:20px;transition:all 1s ease;z-index:999}.console-container .clear-console.opened-panel{right:calc(50% + 295px)}.animationProps,.console-container>div:nth-child(2)>div>div:last-child>img.rotateCloseArrow,.console-container>div:nth-child(2)>div>div:last-child>img.rotateOpenArrow{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-timing-function:linear;animation-timing-function:linear}.console-container>div:nth-child(2){position:relative}.console-container>div:nth-child(2)>div>div:last-child{align-items:center;display:flex;height:22px;justify-content:center;left:calc(50vw - 160.5px);position:absolute;top:.5rem;width:45px}.console-container>div:nth-child(2)>div>div:last-child:hover{cursor:pointer}.console-container>div:nth-child(2)>div>div:last-child>img.rotateOpenArrow{-webkit-animation-name:rotateArrowDownwards;animation-name:rotateArrowDownwards}.console-container>div:nth-child(2)>div>div:last-child>img.rotateCloseArrow{-webkit-animation-name:rotateArrowUpwards;animation-name:rotateArrowUpwards}@-webkit-keyframes rotateArrowDownwards{0%{-webkit-transform:rotateX(0deg);transform:rotateX(0deg)}to{-webkit-transform:rotateX(190deg);transform:rotateX(190deg)}}@keyframes rotateArrowDownwards{0%{-webkit-transform:rotateX(0deg);transform:rotateX(0deg)}to{-webkit-transform:rotateX(190deg);transform:rotateX(190deg)}}@-webkit-keyframes rotateArrowUpwards{0%{-webkit-transform:rotateX(190deg);transform:rotateX(190deg)}to{-webkit-transform:rotateX(0deg);transform:rotateX(0deg)}}@keyframes rotateArrowUpwards{0%{-webkit-transform:rotateX(190deg);transform:rotateX(190deg)}to{-webkit-transform:rotateX(0deg);transform:rotateX(0deg)}}.console-open-tab{align-items:center;background:#333;border-radius:8px 8px 0 0;color:#fff;display:flex;font-family:Century Gothic Pro;font-size:15px;height:26px;justify-content:center;left:14px;position:absolute;top:-26px;width:7rem}.console-open-tab:after,.console-open-tab:before{background:#333;content:" ";display:block;height:100%;position:absolute;top:0;transition:all .25s ease;width:44px;z-index:-1}.console-open-tab:before{border-radius:0 8px 0 0;right:-7px;-webkit-transform:skew(30deg,0deg);transform:skew(30deg,0deg)}.console-open-tab:after{border-radius:8px 0 0 0;left:-7px;-webkit-transform:skew(-30deg,0deg);transform:skew(-30deg,0deg)}.console-open-tab:hover{cursor:pointer}.LoadingScreen_container__iIB1Z{align-items:center;display:flex;height:100vh;justify-content:center;position:fixed;width:100vw;z-index:99999999}.LoadingScreen_spinner__ImQk-{-webkit-animation:LoadingScreen_spin__jv8ub 2s linear infinite;animation:LoadingScreen_spin__jv8ub 2s linear infinite;border:8px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:60px;width:60px}@-webkit-keyframes LoadingScreen_spin__jv8ub{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes LoadingScreen_spin__jv8ub{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.clear-workspace-modal{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-name:slidedown;animation-name:slidedown;background-color:var(--active-tab-bg);border-radius:10px;box-shadow:none;left:calc(50% - 200px);margin-top:50px;padding:15px;position:absolute;text-align:center;width:400px}.clear-workspace-modal .md-body{color:#fff;font-size:16px;line-height:1.5em;margin:10px 30px}.clear-workspace-modal .md-footer{text-align:center}.clear-workspace-modal .md-footer button{border-radius:16px;cursor:pointer;font-size:14px;height:31px;margin:0 7.5px;padding:8px;width:80px}.clear-workspace-modal .md-footer .clear-btn{background-color:#fff;border:none;color:#000}.clear-workspace-modal .md-footer .yes-btn{background-color:#151549;border:none;color:#fff}.banner{align-items:center;background-color:#3e75ff;color:#fff;display:flex;height:40px;justify-content:center;width:100vw}.banner .banner-content{align-items:center;display:flex;gap:10px}.banner .action-btn{background-color:#e21848;border:none;border-radius:40px;color:#fff;cursor:pointer;padding:4px 10px}.banner .close-btn{background:none;border:none;color:#fff;cursor:pointer;font-size:16px;position:absolute;right:10px}@font-face{font-family:futura_ltcn_btlight;font-style:normal;font-weight:400;src:url(/edu/python/static/media/futura_light_font-webfont.21104e01cbeff92cc563.woff2) format("woff2"),url(/edu/python/static/media/futura_light_font-webfont.fdb6e47e27c6c44ed275.woff) format("woff")}@font-face{font-family:futura_bdcn_btbold;font-style:normal;font-weight:400;src:url(/edu/python/static/media/futura_bold_font-webfont.62cf7fdd3066c5657918.woff2) format("woff2"),url(/edu/python/static/media/futura_bold_font-webfont.a217fd7011c84f772e59.woff) format("woff")}@font-face{font-family:futuramedium;font-style:normal;font-weight:400;src:url(/edu/python/static/media/futura_medium_bt-webfont.16c0671fe9980213cae1.woff2) format("woff2"),url(/edu/python/static/media/futura_medium_bt-webfont.177facf76288d260c5c2.woff) format("woff")}@font-face{font-family:futura_mdcn_btmedium;font-style:normal;font-weight:400;src:url(/edu/python/static/media/futura_medium_condensed_bt-webfont.f721b7c48c9edb8e5ba9.woff2) format("woff2"),url(/edu/python/static/media/futura_medium_condensed_bt-webfont.15437cbe8130ed2094ce.woff) format("woff")}@font-face{font-family:futuralight;font-style:normal;font-weight:400;src:url(/edu/python/static/media/futura_light_bt-webfont.bfd820073975b7fbf8dc.woff2) format("woff2"),url(/edu/python/static/media/futura_light_bt-webfont.acf597cfa43a2033ebe6.woff) format("woff")}@font-face{font-family:avenir-medium;font-style:normal;font-weight:400;src:url(/edu/python/static/media/Avenir-Medium.eddaa422f60fb009daaf.woff) format("woff")}@font-face{font-family:Century Gothic Pro;font-style:normal;font-weight:400;src:url(/edu/python/static/media/gothic.c79185d96f24335e2f6d.woff) format("woff")}@font-face{font-family:Consolas;font-style:normal;font-weight:400;src:url(/edu/python/static/media/consola.460e0f36740d7a45fe27.woff) format("woff")}.App{background-color:var(--default-py-repl-bg);height:100vh;width:100vw}header{align-items:center;background-color:var(--header-bg);display:flex;height:90.5px}py-repl #btnRun{display:none}.btnBack{background-color:transparent!important;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAA4CAYAAABzPZE8AAAACXBIWXMAACxLAAAsSwGlPZapAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAEiSURBVHgB7dlfDYMwEMfxn4RJqAQk4AQcDAfgAAngYBKYg0lAwiTc2pRk2Z9ex8Ndy9Jvwgsv/YSM3roBCSKik70MUmUXb+x1J9+qjrEL9vTZBK0CANcCjRiAq4V07nEzgA6SbW/AJdkT2AC3wOLuzaghmV3AkH/1QoAKkkUA7r6BZDkAKnrugkkANQNwH84TJCM/B0ItGoAzA5ghHfHb8ADpcgCMqQETA2ghGcXnQAvJyO+CHCD5HPj/QVTlAODmgIFk9Hoe+AZIOohmSEd+FIe6Qiu72MBAGmgVgcieD3ZAemhVIAXyA6TLBdIWSIEUyE4I900sG8gIrSIQ1V9sCyRryJoDxBwBIn+gOhpkgFYMROefnwhE72D1Bpk3zODuPQA11KMfkn9rwgAAAABJRU5ErkJggg==);background-position:15px;background-repeat:no-repeat;background-size:7px;border:2px solid #fff!important;border-radius:250px!important;color:#fff!important;font-size:14px!important;height:30px!important;margin-right:10px;padding-left:25px!important;width:210px!important}.btnBack:hover{box-shadow:1px 1px 3px #ddd}#btnBackDocs{width:190px!important}.content-panel.content-4{background:linear-gradient(180deg,rgba(21,21,73,.9),rgba(56,95,167,.9));overflow-y:auto}.content-panel.content-4 .data{grid-gap:20px;display:grid;gap:20px;grid-template-columns:calc(16.66667% - 16.66667px) calc(16.66667% - 16.66667px) calc(16.66667% - 16.66667px) calc(16.66667% - 16.66667px) calc(16.66667% - 16.66667px) calc(16.66667% - 16.66667px);margin-top:20px;padding:20px}.content-panel.content-4 .data .data-item{background:#191919;border-radius:8px;padding:10px}.content-panel.content-4 .data .data-item p{color:#b3b3b3;font-size:20px;margin:5px auto;text-align:center}.content-panel.content-4 .data .data-item p.data-value{color:#a9a7ff}.content-panel.content-4 .data .data-item p.type{color:#fff;font-size:18px;font-weight:700}.content-panel.content-4 .data .data-item p.label{color:#b3b3b3}.content-panel.content-4 .data .data-item p.mt-20{margin-top:20px}.content-panel.content-4 .data .data-item p.m-20{margin:20px auto}.content-panel.content-4 .data .data-item p.ft-26{font-size:26px}.content-panel.content-4 .data .data-item p.ft-gray{color:#acacbd;font-size:14px}.content-panel.content-4 .data .data-item .text-center{text-align:center}.content-panel.content-4 .data .data-item .text-gray{color:#acacbd}.content-panel.content-4 .data .data-item .text-cde{color:#e44347}.content-panel.content-4 .data .data-item.column-2-1{grid-column:1/4}.content-panel.content-4 .data .data-item.column-2-2{grid-column:4/7}.content-panel.content-4 .data .data-item.column-3-1{grid-column:1/3}.content-panel.content-4 .data .data-item.column-3-2{grid-column:3/5}.content-panel.content-4 .data .data-item.column-3-3{grid-column:5/7}.content-panel.content-4 .data[data-mode="0"] .data-item,.content-panel.content-4 .data[data-mode="2"] #frontColor,.content-panel.content-4 .data[data-mode="2"] #position,.content-panel.content-4 .data[data-mode="2"] #rearColor,.content-panel.content-4 .data[data-mode="3"] .data-item.inactive,.content-panel.content-4 .data[data-mode="4"] .data-item{background-color:#fff;opacity:.1}.content-panel.content-4 .sensor-data{display:grid;grid-template-columns:33% 33% 33%}.content-panel.content-4 .accel-data{grid-template-columns:20% 20% 20% 20% 20%;margin:auto;width:250px}.content-panel.content-4 .accel-data .invisible{opacity:0}.content-panel.content-4 .accel-data input[type=range]{height:100px;margin-left:calc(50% - 50px);width:100px}.content-panel.content-4 .gyro-data .yaw .label{margin-bottom:46px}.content-panel.content-4 .gyro-data .yaw img{display:block;margin:auto}.content-panel.content-4 .gyro-data .yaw p:last-child{margin-top:38px}.content-panel.content-4 .range-data input[type=range]{height:100px;margin-left:calc(50% - 50px);width:100px}.content-panel.content-4 .color-data{text-align:center}.content-panel.content-4 .color-data .box{background-color:#000;border:1px solid #b3b3b3;border-radius:3px;height:20px;margin:10px auto;width:20px}.content-panel.content-4 .color-data .box.tundra,.content-panel.content-4 .color-data .box.white{background-color:#fff}.content-panel.content-4 .color-data .box.red{background-color:red}.content-panel.content-4 .color-data .box.yellow{background-color:#ff0}.content-panel.content-4 .color-data .box.savana{background-color:#deb970}.content-panel.content-4 .color-data .box.volcano{background-color:#8c7965}.content-panel.content-4 .color-data .box.green,.content-panel.content-4 .color-data .box.rainforest{background-color:lime}.content-panel.content-4 .color-data .box.lightblue{background-color:aqua}.content-panel.content-4 .color-data .box.blue{background-color:blue}.content-panel.content-4 .color-data .box.purple{background-color:#c300ff}.content-panel.content-4 .color-data .label{color:#a9a7ff;font-size:22px}.content-panel.content-4 .sensor-data-2{display:grid;grid-template-columns:auto auto}.content-panel.content-4 .inactive-div{display:none;height:100%;position:absolute;top:30px;width:100%}.content-panel.content-4 .inactive-div .inactive-msg{align-items:center;background-color:#dedede;border-radius:25px;color:#151549;display:flex;font-weight:700;height:50px;justify-content:center;padding-left:10px;padding-right:10px;position:absolute;text-align:center;width:170px}.content-panel.content-4 .inactive-div .inactive-msg:first-child{left:calc(50% - 85px);top:220px}.content-panel.content-4 .inactive-div .inactive-msg.inactive-color{top:550px}.content-panel.content-4 .inactive-div .inactive-msg:nth-child(2){left:calc(25% - 85px)}.content-panel.content-4 .inactive-div .inactive-msg:nth-child(3){left:calc(75% - 85px)}.content-panel.content-4 .inactive-div .inactive-msg:last-child{right:calc(16% - 60px);top:730px;width:120px}.content-panel.content-4 .inactive-div[data-mode="0"]{display:block}.content-panel.content-4 .inactive-div[data-mode="0"] .inactive-msg{display:flex}.content-panel.content-4 .inactive-div[data-mode="1"]{display:none}.content-panel.content-4 .inactive-div[data-mode="1"] .inactive-msg{display:flex}.content-panel.content-4 .inactive-div[data-mode="2"]{display:block}.content-panel.content-4 .inactive-div[data-mode="2"] .inactive-msg{display:none}.content-panel.content-4 .inactive-div[data-mode="2"] .inactive-color,.content-panel.content-4 .inactive-div[data-mode="2"] .inactive-position{display:flex}.content-panel.content-4 .inactive-div[data-mode="4"]{display:none}.content-panel.content-4 .inactive-div-2{display:none;height:100%;position:absolute;top:30px;width:100%}.content-panel.content-4 .inactive-div-2 .inactive-msg{align-items:center;background-color:#dedede;border-radius:25px;color:#151549;display:flex;font-weight:700;height:50px;justify-content:center;left:calc(50% - 85px);padding-left:10px;padding-right:10px;position:absolute;text-align:center;top:calc(50vh - 25px);width:170px}.content-panel.content-4 .inactive-div-2[data-mode="1"]{display:none}.content-panel.content-4 .inactive-div-2[data-mode="1"] .inactive-msg{display:flex}.content-panel.content-4 .inactive-div-2[data-mode="4"]{display:block}.content-panel.content-4 .refresh{display:none;justify-content:center;margin-bottom:20px}.content-panel.content-4 .refresh .refresh-btn{background-color:#54c95f;border:none;border-radius:20px;color:#fff;font-weight:700;height:40px;padding-left:20px;padding-right:20px}.content-panel.content-4.ja .data .data-item p.label,.content-panel.content-4.ko .data .data-item p.label,.content-panel.content-4.ko .inactive-div .inactive-msg:first-child,.content-panel.content-4.ko .inactive-div .inactive-msg:last-child{font-size:14px}.content-panel.content-4.ja .inactive-div .inactive-msg:first-child{font-size:13px}.content-panel.content-4.ja .inactive-div .inactive-msg:last-child{font-size:14px}.gyro-range{margin:55px auto 50px}.gyro-range .range .track{background:linear-gradient(270deg,#4458ce,#a9a7ff);border-radius:5px;height:8px;margin:auto;width:100px}.gyro-range .range .thumb{background-color:#5c5c5c;height:15px;margin:-12px auto auto;width:2px}.slider{-webkit-appearance:none;background:transparent;margin:10.5px 0;width:100%}.slider::-moz-focus-outer{border:0}.slider:focus{outline:0}.slider:focus::-webkit-slider-runnable-track{background:#d1d1d1}.slider:focus::-ms-fill-lower{background:#c4c4c4}.slider:focus::-ms-fill-upper{background:#d1d1d1}.slider::-webkit-slider-runnable-track{background:#c4c4c4;border:0 solid #cfd8dc;border-radius:5px;box-shadow:0 0 0 transparent,0 0 0 hsla(0,0%,5%,0);cursor:default;height:7px;-webkit-transition:all .2s ease;transition:all .2s ease;width:100%}.slider::-webkit-slider-thumb{-webkit-appearance:none;background:linear-gradient(180deg,#4458ce,#a9a7ff);border:0 solid #eceff1;border-radius:8px;box-shadow:0 0 0 transparent,0 0 0 hsla(0,0%,5%,0);box-sizing:border-box;cursor:default;height:21px;margin-top:-7px;width:9px}.slider::-moz-range-track{background:#c4c4c4;border:0 solid #cfd8dc;border-radius:5px;height:7px;height:3.5px;-moz-transition:all .2s ease;transition:all .2s ease;width:100%}.slider::-moz-range-thumb,.slider::-moz-range-track{box-shadow:0 0 0 transparent,0 0 0 hsla(0,0%,5%,0);cursor:default}.slider::-moz-range-thumb{background:linear-gradient(180deg,#4458ce,#a9a7ff);border:0 solid #eceff1;border-radius:8px;box-sizing:border-box;height:21px;width:9px}.slider::-ms-track{background:transparent;border-color:transparent;border-width:10.5px 0;color:transparent;cursor:default;height:7px;-ms-transition:all .2s ease;transition:all .2s ease;width:100%}.slider::-ms-fill-lower{background:#b7b7b7}.slider::-ms-fill-lower,.slider::-ms-fill-upper{border:0 solid #cfd8dc;border-radius:10px;box-shadow:0 0 0 transparent,0 0 0 hsla(0,0%,5%,0)}.slider::-ms-fill-upper{background:#c4c4c4}.slider::-ms-thumb{background:linear-gradient(180deg,#4458ce,#a9a7ff);border:0 solid #eceff1;border-radius:8px;box-shadow:0 0 0 transparent,0 0 0 hsla(0,0%,5%,0);box-sizing:border-box;cursor:default;height:21px;margin-top:1.75px;width:9px}.slider:disabled::-moz-range-thumb,.slider:disabled::-ms-fill-lower,.slider:disabled::-ms-fill-upper,.slider:disabled::-ms-thumb,.slider:disabled::-webkit-slider-runnable-track,.slider:disabled::-webkit-slider-thumb{cursor:not-allowed}.vertical-slider{-webkit-transform:rotate(270deg);transform:rotate(270deg)}.zero-guideline:focus{outline:0}.zero-guideline:focus::-webkit-slider-runnable-track{background:hsla(0,0%,5%,0)}.zero-guideline:focus::-ms-fill-lower{background:transparent}.zero-guideline:focus::-ms-fill-upper{background:hsla(0,0%,5%,0)}.zero-guideline::-webkit-slider-runnable-track{background:transparent}.zero-guideline::-moz-range-track{background:transparent}.zero-guideline::-ms-fill-upper{background:transparent}.zero-guideline::-webkit-slider-thumb{background:linear-gradient(180deg,#4458ce,#a9a7ff);background:#5c5c5c;border:0 solid #eceff1;border-radius:8px;box-shadow:0 0 0 transparent,0 0 0 hsla(0,0%,5%,0);box-sizing:border-box;cursor:default;height:21px;height:10px;width:9px;width:1px}.zero-guideline::-moz-range-thumb{background:linear-gradient(180deg,#4458ce,#a9a7ff);background:#5c5c5c;border:0 solid #eceff1;border-radius:8px;box-shadow:0 0 0 transparent,0 0 0 hsla(0,0%,5%,0);box-sizing:border-box;cursor:default;height:21px;height:10px;width:9px;width:1px}.zero-guideline::-ms-thumb{background:linear-gradient(180deg,#4458ce,#a9a7ff);background:#5c5c5c;border:0 solid #eceff1;border-radius:8px;box-shadow:0 0 0 transparent,0 0 0 hsla(0,0%,5%,0);box-sizing:border-box;cursor:default;height:21px;height:10px;width:9px;width:1px}.CoDroneBlockly.dark .slider::-webkit-slider-thumb{background:linear-gradient(180deg,#a9a7ff -21.22%,#4458ce);border:0 solid #eceff1;border-radius:8px;box-shadow:0 0 0 transparent,0 0 0 hsla(0,0%,5%,0);box-sizing:border-box;cursor:default;height:21px;width:9px}.CoDroneBlockly.dark .slider::-moz-range-thumb{background:linear-gradient(180deg,#a9a7ff -21.22%,#4458ce);border:0 solid #eceff1;border-radius:8px;box-shadow:0 0 0 transparent,0 0 0 hsla(0,0%,5%,0);box-sizing:border-box;cursor:default;height:21px;width:9px}.CoDroneBlockly.dark .slider::-ms-thumb{background:linear-gradient(180deg,#a9a7ff -21.22%,#4458ce);border:0 solid #eceff1;border-radius:8px;box-shadow:0 0 0 transparent,0 0 0 hsla(0,0%,5%,0);box-sizing:border-box;cursor:default;height:21px;width:9px}.CoDroneBlockly.dark .zero-guideline::-webkit-slider-thumb{background:linear-gradient(180deg,#a9a7ff -21.22%,#4458ce);background:#5c5c5c;border:0 solid #eceff1;border-radius:8px;box-shadow:0 0 0 transparent,0 0 0 hsla(0,0%,5%,0);box-sizing:border-box;cursor:default;height:21px;height:10px;width:9px;width:1px}.CoDroneBlockly.dark .zero-guideline::-moz-range-thumb{background:linear-gradient(180deg,#a9a7ff -21.22%,#4458ce);background:#5c5c5c;border:0 solid #eceff1;border-radius:8px;box-shadow:0 0 0 transparent,0 0 0 hsla(0,0%,5%,0);box-sizing:border-box;cursor:default;height:21px;height:10px;width:9px;width:1px}.CoDroneBlockly.dark .zero-guideline::-ms-thumb{background:linear-gradient(180deg,#a9a7ff -21.22%,#4458ce);background:#5c5c5c;border:0 solid #eceff1;border-radius:8px;box-shadow:0 0 0 transparent,0 0 0 hsla(0,0%,5%,0);box-sizing:border-box;cursor:default;height:21px;height:10px;width:9px;width:1px}#rightPanel-1{background:#f5f5f5;height:100%;position:absolute;right:-768px;top:0;width:768px;z-index:999999}#rightPanel-1.banner-open{margin-top:40px}#rightPanel-1.active{box-shadow:-5px 0 5px -5px #333;right:0}#rightPanel-1 .resizer-left{background:transparent;bottom:0;cursor:w-resize;height:100%;left:-5px;position:absolute;width:10px;z-index:99}#rightPanel-1 .resizer-left.wide{left:0;position:fixed;width:100vw}#rightPanel-1 *{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}#rightPanel-1 .show-right-panel,#rightPanel-1 .show-right-panel2,#rightPanel-1 .show-right-panel3,#rightPanel-1 .show-right-panel4{background-color:#666;border:0;border-radius:4px;border-bottom-right-radius:0;border-top-right-radius:0;color:#c8cbcc;cursor:pointer;display:block;font-family:futuralight,Trebuchet MS,Arial,sans-serif;font-size:12px;height:90px;left:-74px;margin:1px 5px;padding:1px 10px;position:relative;top:0;width:70px}#rightPanel-1 .show-right-panel.basecamp{font-size:10px}#rightPanel-1 .show-right-panel.basecamp.active{background-color:#551d25}#rightPanel-1 .show-right-panel.python.active{background-color:#205562}#rightPanel-1 .show-right-panel.sensors.active{background-color:#15046a}#rightPanel-1 .show-right-panel.docs.active{background-color:#49430f}#rightPanel-1 .show-right-panel img{display:block;-webkit-filter:invert(100%) sepia(2%) saturate(2%) hue-rotate(186deg) brightness(115%) contrast(100%);filter:invert(100%) sepia(2%) saturate(2%) hue-rotate(186deg) brightness(115%) contrast(100%);margin:0 auto;opacity:1;width:26px}#rightPanel-1 .show-right-panel img.arduino{margin-bottom:4px;width:30px}#rightPanel-1 .close-right-panel{color:gray;cursor:pointer;margin-left:7px;margin-top:7px;position:absolute;z-index:9999}#rightPanel-1 .close-right-panel img{height:30px;width:30px}#rightPanel-1 .show-right-panel2{display:block}#rightPanel-1 #content_python{display:none}#rightPanel-1 .content-1 iframe,#rightPanel-1 .content-5 iframe{height:calc(100% - 45px);width:100%}#rightPanel-1 .content-1,#rightPanel-1 .content-2,#rightPanel-1 .content-3,#rightPanel-1 .content-4,#rightPanel-1 .content-5,#rightPanel-1 .content-6{display:none;height:100%;position:absolute;top:0;width:100%}#rightPanel-1 .content-1 .copied-txt,#rightPanel-1 .content-2 .copied-txt,#rightPanel-1 .content-3 .copied-txt,#rightPanel-1 .content-4 .copied-txt,#rightPanel-1 .content-5 .copied-txt,#rightPanel-1 .content-6 .copied-txt{bottom:70px;color:red;font-size:14px;position:absolute;right:18px}#rightPanel-1 .content-1 .copy-btn,#rightPanel-1 .content-2 .copy-btn,#rightPanel-1 .content-3 .copy-btn,#rightPanel-1 .content-4 .copy-btn,#rightPanel-1 .content-5 .copy-btn,#rightPanel-1 .content-6 .copy-btn{bottom:40px;position:absolute;right:10px}#rightPanel-1 .content-1,#rightPanel-1 .content-5{background:#282c34;color:#abb2bf}#rightPanel-1 .content-1.active,#rightPanel-1 .content-2.active,#rightPanel-1 .content-3.active,#rightPanel-1 .content-4.active,#rightPanel-1 .content-5.active,#rightPanel-1 .content-6.active{display:block}@media(max-width:1000px){#rightPanel-1{right:-50%;width:50%}}#rightPanel-1 .content-1.active .nav,#rightPanel-1 .content-5.active .nav{align-items:center;display:flex;height:45px;justify-content:end}#rightPanel-1 .content-3 .code-mirror-content{height:calc(100vh - 55px);overflow-y:auto}body{background-image:url(/edu/python/static/media/browserSupportBackground.8effbda3cca9913c161e.png);background-repeat:no-repeat;background-size:cover;height:100%;-webkit-user-select:none;user-select:none}@media screen and (max-height:900px){body{background-size:fill;height:100vh;width:100vw}}.modal-content-container{color:#000;flex-direction:column}.browser-container,.modal-content-container{align-items:center;display:flex}.browser-container .browser{padding:1rem}.browser-container .browser p{line-height:0rem;margin:1em}.browser-container .browser button{background-color:#ab7dee;border:none;border-radius:30px;color:#fff;margin-top:1rem;padding:1rem}.browser-container .browser button:hover{cursor:pointer;-webkit-transform:scale(1.1);transform:scale(1.1);transition:.25s}.browser-container .vertical-line{border:1px solid #d7d6d6;height:10rem}.browser-logo{height:5rem;width:5rem}