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}#root,body,html{height:100%;margin:0;padding:0;-webkit-user-select:none;user-select:none;width:100%}.ant-drawer{outline:none}.code-app{display:flex}.code-app,.code-app-content{height:100%;position:relative;width:100%}.code-app-game{background:#000;flex:1 1;overflow:hidden;position:absolute}.code-app-version>div:last-child{font-size:12px}.code-app-cancel{color:#00b96b}.code-app-logo{bottom:5px;font-size:small;opacity:.4;position:fixed;text-align:center;width:100%;z-index:902}.code-app-user{position:fixed;right:42px;top:4px;z-index:101}.code-app-levels{margin-right:10px}.code-app-levels .ant-pagination-item{border:1px solid #fff;border-radius:12px}.code-app-levels .ant-pagination-item-active{border:1px solid #00b96b}.code-app-class,.code-app-code{cursor:pointer;filter:sepia(1);height:30px;position:absolute;width:30px;z-index:100}.code-app-class{right:5px;top:5px}.code-app-class.fix{right:calc(100% - 400px)}.code-app-code{bottom:5px;display:none;left:5px}.code-app-editor .ant-drawer-header{padding:8px}.code-app-editor .ant-drawer-body{overflow:hidden;padding:0}.code-app-editor .ant-drawer-title{align-items:center;display:flex}.code-app-editor-center{flex:1 1;text-align:center}.code-app-editor.rtl .ant-drawer-header,.code-app-editor.rtl .ant-drawer-header .ant-drawer-title,.code-app-editor.rtl .ant-drawer-header .code-app-btns{flex-direction:row-reverse}.code-app-editor-ai{display:flex;flex:1 1;justify-content:center}.code-app-editor-ai .code-teacher-avatar{height:24px}.code-app-editor-ai .code-teacher-avatar img{width:24px}.code-app-success{color:#00b96b!important}.code-app-success-ok{background:#00b96b!important}.code-app .ant-spin-text{margin:0 20px}.code-app-course .ant-modal-title{color:#00b96b;text-align:center}.code-app-teacher{z-index:800}.code-app-teacher .ant-float-btn-icon{width:auto!important}.code-app-teacher .ant-float-btn-icon .code-teacher-avatar{height:32px;width:32px}.code-app-teacher .ant-float-btn-icon .code-teacher-avatar img{width:100%}.code-app.fix{border-right:1px solid #eee;width:calc(100% - 400px)}.code-app.fix.large{width:calc(100% - 560px)}.ant-drawer .ant-drawer-mask{background:#0000}.ant-tooltip{z-index:990}.code-course-list{margin:0 -12px;min-height:100px}.code-course-list .ant-collapse-item .ant-list-item:hover{background-color:#eff;cursor:pointer}@keyframes blink{0%,to{content:"."}33%{content:".."}66%{content:"..."}}.code-app-teacher .anticon-question{color:#00b96b}.code-teacher-drawer.fix .ant-drawer-content-wrapper{box-shadow:none;transform:none!important}.code-teacher-title img{height:20px;margin-right:2px;vertical-align:sub;width:20px}.code-teacher-btn{align-items:center;border-radius:8px;cursor:pointer;display:flex;padding:4px 8px}.code-teacher-btn .ant-btn-link{padding:5px}.code-teacher-btn .text{padding:0 4px}.code-teacher-btn:hover{background:#0000000f}.code-teacher-btn:active{background:#00000026}.code-teacher .ant-drawer-body{display:flex;flex:1 1}.code-teacher-waitting:after{animation:blink 1.5s step-end infinite;content:"...";min-width:14px;white-space:nowrap}.code-teacher-panel{display:flex;flex:1 1;flex-direction:column;margin:-24px}.code-teacher-answers{flex:1 1}.code-teacher-answers .ant-list{padding:10px}.code-teacher-answers .ant-list .ant-list-item{border-block-end:none;padding:0}.code-teacher-answers .ant-list .teacher{width:30px}.code-teacher-answers .ant-list .message{align-items:flex-start;display:flex}.code-teacher-answers .ant-list .message-left{justify-content:flex-start}.code-teacher-answers .ant-list .message-right{justify-content:flex-end}.code-teacher-answers .ant-list .message-box{display:flex;flex-direction:column;max-width:80%;position:relative}.code-teacher-answers .ant-list .message-box .message-name{font-size:smaller}.code-teacher-answers .ant-list .message-content{border-radius:10px;padding:8px 10px;word-break:break-all}.code-teacher-answers .ant-list .message-content p{margin:8px}.code-teacher-answers .ant-list .message-content.ERROR{background-color:#fcc!important}.code-teacher-answers .ant-list .message-content.history{background-color:#fafafafa!important}.code-teacher-answers .ant-list .message-left .message-content{background-color:#e5f5ff}.code-teacher-answers .ant-list .message-right .message-content{background-color:#dcf8c6}.code-teacher-answers .user .ant-list-item-meta{flex-direction:row-reverse}.code-teacher-answers .user .ant-list-item-meta .ant-list-item-meta-avatar{margin-inline-end:0;margin-inline-start:6px}.code-teacher-answers .user .ant-list-item-meta .ant-list-item-meta-description{text-align:end}.code-teacher-answers .agent .ant-list-item-meta .ant-list-item-meta-avatar{margin-inline-end:6px;margin-inline-start:0}.code-teacher-qslist{padding:10px}.code-teacher-qslist .title{color:#a3a3a3;font-size:12px;margin:10px}.code-teacher-question{background:#f9f9f9;border-top:1px solid #eee;padding:5px 5px 10px}.code-teacher-requesting{margin:5px}.code-teacher-requesting .noborder{background-color:#f5f6f9;border:none;margin-left:-30px;margin-top:5px}.code-teacher-result{display:block;padding:5px 0}.code-teacher-avatar{position:relative}.code-teacher-avatar .loading{color:#818181;font-size:24px;position:absolute;z-index:1}.code-teacher-audiobtn{flex:1 1}.code-teacher-audiobtn:active,.code-teacher-audiobtn:hover{border-color:#d9d9d9!important;color:#000000e0!important}.code-teacher-audio{display:flex;flex-direction:row}.code-teacher-audio>div{flex:1 1;margin:0 5px;text-align:center}.code-teacher-audio>div>div{margin:0 auto}.code-teacher-clear,.code-teacher-micro,.code-teacher-send{margin:auto 4px}.code-teacher-micro img{height:20px;width:24px}.code-teacher-micro img.large{height:28px;width:32px}.code-msg{align-items:center;display:flex;gap:8px;height:40px;justify-content:space-between;width:60px}.code-msg .wave{animation:audio-wave 2s ease-in-out infinite;background:orange;border-radius:8px;display:block;height:40px;height:6px;width:10px}.code-msg .wave:first-child{animation-delay:.1s}.code-msg .wave:nth-child(2){animation-delay:.2s}.code-msg .wave:nth-child(3){animation-delay:.3s}.code-msg .wave:nth-child(4){animation-delay:.4s}.code-msg .wave:nth-child(5){animation-delay:.5s}@keyframes audio-wave{0%{background:#ff8e3a;height:6px;transform:translateY(0)}25%{background:#9c73f8;height:6px;transform:translateY(0)}50%{background:#ed509e;height:20px;transform:translateY(-5px) scaleY(1.5)}75%{background:#9c73f8;height:6px;transform:translateY(0)}to{background:#0fccce;height:6px;transform:translateY(0)}}#code-blockly{height:100%;width:100%}#code-blockly .blocklyMainWorkspaceScrollbar{display:none}.code-settings{padding:auto}.code-settings-visible{display:inline-block;margin-right:8px;white-space:nowrap}.code-settings-visible.first{margin-right:0;width:150px}.code-settings-login{margin-left:16.66667%}.code-version{color:#d4d4d4;font-size:12px;text-align:left}.code-app-classNext .ant-notification-notice-description{word-break:keep-all}.code-feedback{padding:12px!important}.code-login{height:100%;left:0;position:absolute;top:0;width:100%;z-index:1005}.code-buy .ant-modal-title{text-align:center}.code-buy-type{width:130px}.code-qr{padding:20px 0;text-align:center}.code-qr-title{font-size:large;padding:10px}.code-qr-desc{padding:10px}.code-success .ant-modal-title{text-align:center}.code-success-placeholder{min-height:200px}.code-designer{display:flex;flex-direction:column;height:100%;position:fixed;width:100%}.code-designer-mode{margin:15px;position:fixed;z-index:1001}.code-designer-menus{display:flex;margin-left:40px;padding-right:120px;width:100%}.code-designer-menus>ul{width:80%}.code-designer-menus>div{padding:12px 0 12px 12px}.code-designer-menus .ant-menu-dark,.code-designer-menus .ant-menu-light{background:#0000;border-bottom:none}.code-designer-menus .ant-menu-item-selected,.code-designer-menus .ant-menu-submenu-selected{background:#0000!important}.code-designer-form .ant-form-item-explain-error{display:none!important}.code-designer-text{background:#0000!important;border:none;box-shadow:none!important;color:#e4e2e2;flex:1 1;padding:10px}.code-designer-text::-webkit-scrollbar{display:none}.code-designer-level .ant-drawer-body{padding:10px}.code-designer-level .ant-drawer-body .ant-collapse-item{border-bottom-color:#f3f3f3}.code-designer-level .ant-drawer-body .ant-form-item .ant-form-item{margin-bottom:0}.code-designer-toolbar .selected{background:#00000026;color:#000000e0}.code-designer-planes{overflow:auto;padding:10px 0}.code-designer-planes:focus-visible{outline:none}.code-designer-planes.continuousSelection{touch-action:none}.code-designer-planes-row{border-bottom:1px solid #f3f3f3;display:flex;height:28px;white-space:nowrap}.code-designer-planes-row:first-child{border-top:1px solid #f3f3f3}.code-designer-planes-col{border-right:1px solid #f3f3f3;display:inline-block;font-size:12px;height:28px;line-height:28px;overflow:hidden;position:relative;text-align:center;width:28px}.code-designer-planes-col.selected .ant-avatar{background:#00b96b!important;border-color:#0a774a!important;color:#fff!important}.code-designer-planes-col:first-child{border-left:1px solid #f3f3f3}.code-designer-planes-col:hover{background:#f3f3f3;cursor:pointer}.code-designer-planes-col .ant-avatar{left:0;margin:2px;position:absolute;top:0}@media (max-width:768px){.code-designer-planes-row{height:36px}.code-designer-planes-col{height:36px;line-height:36px;width:36px}}.code-designer-ai button{margin:5px 0}.code-designer-contents-all{padding:0 5px 5px}.code-designer-contents-item{padding:0 5px;white-space:nowrap}.code-designer-contents-item.disabled{color:#ccc}.code-designer-contents>button{margin:0 5px}.code-designer-contents-btn{padding:0 2px}.code-designer-contents-selected{color:#00b96b}.code-designer-contents-new{border:1px dashed #00b96b}.code-designer-codemirror{border:1px solid #d9d9d9}.code-designer-codemirror>div{outline:none!important}.code-designer-blocklyinput.full,.code-designer-codeinput.full{bottom:0;display:flex;flex-direction:column;left:0;position:fixed;right:0;top:0;z-index:200}.code-designer-blocklyinput.full .code-designer-blocklyinput-editor,.code-designer-blocklyinput.full .code-designer-codeinput-editor,.code-designer-codeinput.full .code-designer-blocklyinput-editor,.code-designer-codeinput.full .code-designer-codeinput-editor{background:#fff;border-top:1px solid #d9d9d9;bottom:0;height:auto;left:0;position:absolute;right:0;top:50%}.code-designer-blocklyinput.full .code-designer-codemirror,.code-designer-codeinput.full .code-designer-codemirror{border-color:#d9d9d9 #fff #fff;flex:1 1}.code-designer-blocklyinput-editor{display:flex;flex-direction:column;height:120px}.code-designer-blocklyinput-editor #code-blockly{flex:1 1}.code-designer-tasks{width:100%}.code-designer-tasks .ant-steps .ant-steps-item-finish>.ant-steps-item-container>.ant-steps-item-content>.ant-steps-item-description{color:#000000e0}.code-designer-tasks .tasktitle .ant-input{padding:0}.code-designer-tasks .tasktitle>button{visibility:hidden}.code-designer-tasks .tasktitle:hover>button{visibility:visible}.code-designer-tasks .codeedit>button{margin:5px;visibility:hidden}.code-designer-tasks .codeedit:hover>button{visibility:visible}.code-app-about p{text-align:center}.code-app-about img{border-radius:8px}.code-taskpanel .ant-modal-title{text-align:center}.code-taskpanel-placeholder{min-height:200px}.code-cosplay .ant-modal-title{text-align:center}.code-cosplay-placeholder{min-height:200px}