.ide-menu-detail[data-v-2e0718df]{width:100%;height:100%;padding:10px 0 10px 10px;overflow-y:auto;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ide-menu-detail-area[data-v-2e0718df]{width:100%;margin-bottom:10px}.ide-menu-detail-area__title[data-v-2e0718df]{color:#9f9f9f;font-size:13px;margin-bottom:15px;-webkit-animation:topIn .5s ease;animation:topIn .5s ease}.ide-menu-detail-area__body[data-v-2e0718df]{width:100%;margin-bottom:15px;-webkit-animation:topIn .5s ease;animation:topIn .5s ease;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-wrap:wrap;flex-wrap:wrap}.ide-menu-detail-area__body .ide-button[data-v-2e0718df]{cursor:pointer;border:1px solid #e1e4e8;border-radius:4px}.ide-menu-detail-area__body .ide-button--text[data-v-2e0718df]{width:calc(100% - 10px);margin-bottom:10px;font-size:13px;color:#9f9f9f;padding:6px 0;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.ide-menu-detail-area__body .ide-button--text[data-v-2e0718df]:hover{background-color:#e4f9ff;border-color:#c5ecf7;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;color:#00a4ff}.ide-menu-detail-area__body .ide-button img[data-v-2e0718df],.ide-menu-detail-area__body .ide-button span[data-v-2e0718df]{pointer-events:none}.ide-menu-detail-area__body .ide-button-container[data-v-2e0718df]{width:calc(50% - 10px);margin-right:10px}.ide-menu-detail-area__body .ide-button-container .ide-button--img[data-v-2e0718df]{width:100%;padding:5px;font-size:0}.ide-menu-detail-area__body .ide-button-container .ide-button--img img[data-v-2e0718df]{width:100%}.ide-menu-detail-area__body .ide-button-container .ide-img-name[data-v-2e0718df]{margin-top:5px;margin-bottom:10px;text-align:center}.ide-menu[data-v-9809c310]{width:100%;-webkit-box-orient:horizontal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.ide-menu[data-v-9809c310],.ide-menu__left[data-v-9809c310]{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-direction:normal}.ide-menu__left[data-v-9809c310]{width:68px;background-color:#e4f9ff;border-left:1px solid #c5ecf7;border-right:1px solid #c5ecf7;overflow-y:hidden;-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:self-start;-ms-flex-align:self-start;align-items:self-start;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.ide-menu__left .ide-menu-group-wrapper[data-v-9809c310]{position:absolute;width:68px;overflow-x:hidden}.ide-menu__left .ide-menu-group-wrapper[data-v-9809c310] ::-webkit-scrollbar{width:16px!important}.ide-menu__left .ide-menu-group[data-v-9809c310]{height:calc(100vh - 52px);width:calc(100% + 16px);overflow-x:hidden;overflow-y:scroll;padding:10px 0;cursor:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAhCAYAAAEg4/L5AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAjNJREFUeNpi/P//PwM6YIIxUlJSDsDYjIRUOuBVCRBAGIJMWM3Caw6GFoAAYgCpQMbJycn/0cVQdMF8BKQT8BltMGfOHEYgHUDIugPoYgABhNX3OK0CukMAiA3wuSUBijHdAbRfAYmdgM3LCljZ6K6GmmBAni/IUgAQQAStIAbgtQUYsP+RaZINAWr8AKQaodxAvAbhCFIHEEZPm0B2Azb1+LwjACKgyRKcbkgOWKCmBdA0PQGapj4ADTQgKUyAGpATozwuA6gWxQABRLEhTLROZBeg6YSsBNYApC4AcQFyYUuKCyZAMzZmMUHIAGjB8x6UJoDRCCp4D6AXjIRccB6aIhWAGguAbJBL5tMkFljwSQJtvgANSPqng4/4ciOxORMkMRGUI4G4HogFgV76QFJegEanAFDjAXJSIijqzgPxBiA7gKRiDrkGQa6HsOGBz84AAUaVUommqZkQgKa3AlBkQVM+/UICajkoiekD8UEgtgdlAiB2IMcx5IYEOASQ0zo02RoQKgeoEhLQzAaynB9WDCCxQSAR6LgFNHMEtLoABX0g0KINMEfBogAaTQ9gTT9sxQlF2QvaVAc5oBDJASCx89B6jQFqqQE0ZApomccvINUFoJBxBNINSGIP6F7Q4CuIaemIAALRFkDT3AGNe1AddhFaJnxAkwc1WfJBZQe01UHTwqoBmvD40aQWQsuPD/RIExugCTQR2lwyhJacB0h1AEUVGJZCi+RCalDVokwMgwAAAC4SqlTZAE/RAAAAAElFTkSuQmCC) 15 15,auto;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ide-menu__left .ide-menu-group .ide-menu-item[data-v-9809c310]{padding:8px 0;border-right:1px solid transparent;border-top:1px solid transparent;border-bottom:1px solid transparent}.ide-menu__left .ide-menu-group .ide-menu-item .svg-wrapper[data-v-9809c310]{font-size:26px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.ide-menu__left .ide-menu-group .ide-menu-item .svg-wrapper--red[data-v-9809c310]{color:#ed5151}.ide-menu__left .ide-menu-group .ide-menu-item .svg-wrapper--yellow[data-v-9809c310]{color:#fbbb32}.ide-menu__left .ide-menu-group .ide-menu-item .svg-wrapper--green[data-v-9809c310]{color:#30e5d1}.ide-menu__left .ide-menu-group .ide-menu-item .svg-wrapper--blue[data-v-9809c310]{color:#00a4ff}.ide-menu__left .ide-menu-group .ide-menu-item .svg-wrapper .svg-icon[data-v-9809c310]{cursor:pointer}.ide-menu__left .ide-menu-group .ide-menu-item__content[data-v-9809c310]{font-size:13px;color:#9f9f9f;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.ide-menu__left .ide-menu-group .ide-menu-item.is_active[data-v-9809c310]{background-color:#fff;margin-left:3px;border-left:1px solid #c5ecf7;border-top:1px solid #c5ecf7;border-bottom:1px solid #c5ecf7;border-right:5px solid #fff;border-bottom-left-radius:10px;border-top-left-radius:10px;-webkit-animation:rightIn .1s ease;animation:rightIn .1s ease}.ide-menu__right[data-v-9809c310]{height:100%;width:calc(100% - 67px);border-right:1px solid #c5ecf7}#skulpt-error-modal[data-v-768738bc]{position:absolute;top:130px;right:410px;background:#0093b2;display:inline-block;height:auto;width:auto;border-radius:5px;padding:10px;-webkit-box-shadow:3px 3px 5px 0 #555;box-shadow:3px 3px 5px 0 #555;-webkit-animation-duration:.5s;animation-duration:.5s;z-index:401;font-size:14px}.skulpt-error-content[data-v-768738bc]{color:#fff;text-align:center}.skulpt-error-content>div[data-v-768738bc]{margin:10px}.bubble[data-v-768738bc]{position:absolute;top:113px;z-index:100000;left:63%;-webkit-box-shadow:5px 5px 22px -5px #333;box-shadow:5px 5px 22px -5px #333;width:250px;padding:10px;background:#fff;border-radius:25px;border:2px solid #999}.bounceOut[data-v-768738bc]{-webkit-animation-name:bounceOut;animation-name:bounceOut;-webkit-animation-duration:.75s;animation-duration:.75s}.animated[data-v-768738bc]{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.bounceIn[data-v-768738bc]{-webkit-animation-name:bounceIn;animation-name:bounceIn;-webkit-animation-duration:.75s;animation-duration:.75s}.code[data-v-768738bc]{padding:0 3px 2px;font-family:Monaco,Menlo,Consolas,Courier New,monospace;font-size:12px;color:#333;border-radius:3px;padding:2px 4px;color:#d14;background-color:#f7f7f9;border:1px solid #e1e1e8}.ask-modal-center[data-v-768738bc]{left:50%!important;top:50%!important;-webkit-transform:translate(-50%,-50%)!important;transform:translate(-50%,-50%)!important}.skulpt-ask-content[data-v-768738bc]{padding:0 10px}.skulpt-ask-content #skulpt-ask-val[data-v-768738bc]{width:100%;height:25px;padding-left:5px;margin:12px 0}.content-tip-container[data-v-7ac9b616]{width:100%;height:100%;border-radius:10px;border:1px solid #c5ecf7;overflow:hidden}.content-tip-container .arrow-button[data-v-7ac9b616]{width:20px;height:20px;border-radius:50%;border:1px solid #9f9f9f;color:#9f9f9f;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.content-tip-container .arrow-left-button[data-v-7ac9b616]:after{content:"";width:5px;height:5px;border-top:1px solid;border-right:1px solid;-webkit-transform:rotate(-135deg);transform:rotate(-135deg);margin-left:1px}.content-tip-container .arrow-right-button[data-v-7ac9b616]:after{content:"";width:5px;height:5px;border-top:1px solid;border-right:1px solid;-webkit-transform:rotate(45deg);transform:rotate(45deg);margin-right:1px}.content-tip-container__top[data-v-7ac9b616]{padding:0 25px;height:40px;line-height:40px;background:#e4f9ff;color:#00a4ff;font-size:14px;font-weight:700;text-align:center;position:relative}.content-tip-container__top .arrow-left-button[data-v-7ac9b616]{position:absolute;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0);left:10px}.content-tip-container__main[data-v-7ac9b616]{height:calc(100% - 40px);padding:12px 25px;color:#9f9f9f;font-size:13px;line-height:25px;overflow:auto}.content-tip-container__main .content-module-choose[data-v-7ac9b616]{text-align:center}.content-tip-container__main .content-tip-module[data-v-7ac9b616]{width:50%;height:40px;line-height:40px;margin:10px auto 0;text-align:center;background:#00a4ff;border-radius:4px;color:#fff;font-size:13px;cursor:pointer}.content-tip-container__main .content-tip-module[data-v-7ac9b616]:hover{background:#4dbfff}.content-tip-container__module[data-v-7ac9b616]{height:calc(100% - 80px);padding:12px 25px;text-align:center;color:#9f9f9f;font-size:13px;line-height:25px;overflow:auto}.content-tip-container__footer[data-v-7ac9b616]{height:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.content-tip-container__footer .footer--hint[data-v-7ac9b616]{color:#9f9f9f;margin:0 20px}.forced-boot-el-wrapper[data-v-5c34de44]{position:absolute;top:0;left:0;width:100vw;height:100vh;z-index:1000;font-size:14px;line-height:20px}.forced-boot-el-wrapper .forced-boot-step[data-v-5c34de44]{color:#fff;border-radius:4px;-webkit-animation:rightIn .5s linear;animation:rightIn .5s linear}.forced-boot-el-wrapper .forced-boot-step .key-word[data-v-5c34de44]{color:#fbbb32;font-weight:500}.forced-boot-el-wrapper .forced-boot-step--inner-click .el-button[data-v-5c34de44]{width:100%}.forced-boot-el-wrapper .forced-boot-step--inner-click[data-v-5c34de44] :before{content:"";width:0;height:0;border-width:10px 0 10px 10px;border-style:solid;position:absolute;left:200px;top:10px;border-color:transparent transparent transparent #00a4ff}.forced-boot-el-wrapper .forced-boot-step--out-click[data-v-5c34de44]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.forced-boot-el-wrapper .forced-boot-step--out-click .click-area[data-v-5c34de44]{width:70px;padding:15px 0;color:transparent;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.forced-boot-el-wrapper .forced-boot-step--out-click[data-v-5c34de44] :before{content:"";width:0;height:0;border-width:10px 0 10px 10px;border-style:solid;position:absolute;left:200px;top:10px;border-color:transparent transparent transparent #00a4ff}.forced-boot-el-wrapper .forced-boot-step--one[data-v-5c34de44]{width:200px;position:relative;left:570px;top:133px;background-color:#00a4ff;padding:15px}.forced-boot-el-wrapper .forced-boot-step--one .el-button[data-v-5c34de44]{color:#00a4ff}.forced-boot-el-wrapper .forced-boot-step--one .forced-boot-text[data-v-5c34de44]{margin-bottom:15px}.forced-boot-el-wrapper .forced-boot-step--two[data-v-5c34de44]{width:270px;position:relative;left:316px;top:133px;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.forced-boot-el-wrapper .forced-boot-step--two .forced-boot-text[data-v-5c34de44]{padding:15px;width:200px;height:100%;background-color:#00a4ff;border-radius:4px}.forced-boot-el-wrapper .forced-boot-step--three[data-v-5c34de44]{width:200px;position:relative;left:385px;top:85px;background-color:#00a4ff;padding:15px}.forced-boot-el-wrapper .forced-boot-step--three .el-button[data-v-5c34de44]{width:100%}.forced-boot-el-wrapper .forced-boot-step--four[data-v-5c34de44]{width:270px;position:relative;left:316px;top:530px;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.forced-boot-el-wrapper .forced-boot-step--four .forced-boot-text[data-v-5c34de44]{padding:15px;width:200px;height:100%;background-color:#00a4ff;border-radius:4px}.forced-boot-el-wrapper .forced-boot-step--five[data-v-5c34de44]{width:200px;position:relative;left:316px;top:530px;background-color:#00a4ff;padding:15px}.forced-boot-el-wrapper .forced-boot-step--five .el-button[data-v-5c34de44]{width:100%}.forced-boot-el-wrapper .forced-boot-step--six[data-v-5c34de44]{width:270px;position:relative;left:570px;top:65px;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.forced-boot-el-wrapper .forced-boot-step--six .forced-boot-text[data-v-5c34de44]{padding:15px;width:200px;height:100%;background-color:#00a4ff;border-radius:4px}.forced-boot-el-wrapper .forced-boot-finger-area[data-v-5c34de44]{width:50px;height:50px;position:absolute;z-index:1001;-webkit-animation:rightIn 1s linear;animation:rightIn 1s linear;font-size:40px;color:#00a4ff}.lab-container[data-v-be67a264]{min-width:1100px;width:100%}.lab-container[data-v-be67a264],.lab-container__left[data-v-be67a264]{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.lab-container__left[data-v-be67a264]{width:780px}.lab-container__left .canvas-bg[data-v-be67a264]{background:url(https://static.codeaha.com/ide_lab/lab/lab_default_canvas_bg.png)}.lab-container__left .canvas-container[data-v-be67a264]{height:100%;width:520px;padding:10px;background:#effbff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.lab-container__left .canvas-container #canvas_area[data-v-be67a264]{height:500px;width:500px;border-radius:10px;overflow:hidden;position:relative}.lab-container__left .canvas-container #canvas_area #mouse-coordinates[data-v-be67a264]{position:absolute;left:0;top:0;padding:10px}.lab-container__left .canvas-container #canvas_area #canvas[data-v-be67a264]{width:500px;height:500px}.lab-container__left .canvas-container .content-tips-container[data-v-be67a264]{width:500px;height:calc(100% - 510px)}.lab-container__left .ide-menu-container[data-v-be67a264]{height:100%;width:calc(100% - 520px)}.lab-container__right[data-v-be67a264]{position:relative;height:100%;width:calc(100% - 780px);background:#002240}.lab-container__right .ide-tab[data-v-be67a264]{position:absolute;left:0;top:-30px;border-bottom:30px solid #002240;border-left:10px solid transparent;border-right:10px solid transparent;width:150px;z-index:10}.lab-container__right .ide-tab[data-v-be67a264] .ide-tab-input{position:absolute;left:50%;bottom:-34px;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.lab-container__right .ide-tab[data-v-be67a264] .ide-tab-input .el-icon-edit{color:#00a4ff}.lab-container__right .ide-tab[data-v-be67a264] .ide-tab-input input{background-color:#002240;border:none;color:#00a4ff}.lab-container__right .ide-button-container[data-v-be67a264]{width:calc(100% - 20px);height:66px;margin:0 auto;position:relative}.lab-container__right .ide-button-container__left[data-v-be67a264]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%}.lab-container__right .ide-button-container__left .ide-button[data-v-be67a264]{border:1px solid #fff!important;background:transparent!important;color:#fff!important;font-weight:700;border-radius:100px}.lab-container__right .ide-button-container__left .ide-button[data-v-be67a264]:hover{background:#fff!important;color:#000!important}.lab-container__right .ide-button-container__right[data-v-be67a264]{position:absolute;top:0;right:0;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:2}.lab-container__right .ide-button-container__right .ide-button[data-v-be67a264]{border:1px solid #fff!important;background:transparent!important;color:#fff!important;font-weight:700;border-radius:100px}.lab-container__right .ide-button-container__right .ide-button[data-v-be67a264]:hover{background:#fff!important;color:#000!important}.lab-container__right .ide-button-container__right .ide-button .iconfont[data-v-be67a264]{font-size:15px}.lab-container__right #dropZone[data-v-be67a264]{height:calc(100% - 106px)}.lab-container__right #dropZone.console-show-height[data-v-be67a264]{height:calc(100% - 406px)}.lab-container__right .ide-console-container[data-v-be67a264]{position:absolute;left:0;bottom:0;width:100%;z-index:100;background:#002240}.lab-container__right .ide-console-container .ide-console-header[data-v-be67a264]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:40px;background:#004366}.lab-container__right .ide-console-container .ide-console-header .ide-console-tab[data-v-be67a264]{width:100px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#00a4ff;height:100%;font-size:16px;cursor:pointer}.lab-container__right .ide-console-container .ide-console-header .ide-console-tab[data-v-be67a264]:after{content:"";width:0;height:0;border-top:5px solid #00a4ff;border-left:5px solid transparent;border-right:5px solid transparent;margin-left:5px}.lab-container__right .ide-console-container .ide-console-header .ide-console-tab.ide-show-console[data-v-be67a264]:after{border-top:0;border-bottom:5px solid #00a4ff}.lab-container__right .ide-console-container #console[data-v-be67a264]{position:relative;width:96%;margin:10px auto;background:#002240}