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,.ant-app,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;height:100%;overflow:hidden;width:100%}.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-app-game-wrapper{height:100%;overflow:hidden;position:relative;width:100%}.code-app-game-wrapper .code-app-game{height:100%;width:100%}.code-app-game-wrapper .code-app-inventory{background:#0009;border:1px solid #fff3;border-radius:8px;color:#fff;padding:6px 4px;pointer-events:auto;position:absolute;right:10px;top:50px;width:48px;z-index:10}.code-app-game-wrapper .code-app-inventory .inventory-title{border-bottom:1px solid #ffffff4d;font-size:12px;font-weight:700;margin-bottom:6px;opacity:.8;overflow:hidden;padding-bottom:2px;text-align:center;white-space:nowrap}.code-app-game-wrapper .code-app-inventory .inventory-list{align-items:center;display:flex;flex-direction:column;gap:6px}.code-app-game-wrapper .code-app-inventory .inventory-item{cursor:pointer;position:relative}.code-app-game-wrapper .code-app-inventory .inventory-item .item-icon-container{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:4px;display:flex;height:38px;justify-content:center;overflow:visible;position:relative;width:38px}.code-app-game-wrapper .code-app-inventory .inventory-item .item-icon-container .item-icon{height:28px;object-fit:contain;width:28px}.code-app-game-wrapper .code-app-inventory .inventory-item .item-icon-container .item-placeholder{font-size:16px}.code-app-game-wrapper .code-app-inventory .inventory-item .item-icon-container .item-amount{background:#000000b3;border-radius:2px;bottom:-2px;color:#f90;font-size:10px;font-weight:700;line-height:1;padding:0 2px;position:absolute;right:-2px;white-space:nowrap}.code-app-game-wrapper .code-app-inventory .inventory-item .item-label-popup{background:#333;border-radius:4px;bottom:100%;box-shadow:0 2px 4px #00000080;color:#fff;font-size:12px;left:50%;opacity:0;padding:4px 8px;position:absolute;transform:translateX(-50%) translateY(-4px);transition:opacity .2s,visibility .2s;visibility:hidden;white-space:nowrap;z-index:20}.code-app-game-wrapper .code-app-inventory .inventory-item .item-label-popup:after{border:4px solid #0000;border-top-color:#333;content:"";left:50%;margin-left:-4px;position:absolute;top:100%}.code-app-game-wrapper .code-app-inventory .inventory-item.active .item-label-popup,.code-app-game-wrapper .code-app-inventory .inventory-item:hover .item-label-popup{opacity:1;visibility:visible}.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;overflow:hidden;position:relative}.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}.recording-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;color:#fff;justify-content:center;left:0;position:absolute;right:0;top:0;transition:all .3s ease;user-select:none;-webkit-user-select:none;z-index:9999}.recording-content,.recording-overlay{align-items:center;display:flex;flex-direction:column}.recording-content{background:#0006;border-radius:24px;min-width:200px;padding:32px}.recording-icon-wrapper{align-items:center;background:#85c025;border-radius:40px;box-shadow:0 0 20px #85c02566;display:flex;font-size:40px;height:80px;justify-content:center;margin-bottom:20px;position:relative;width:80px;z-index:2}.recording-icon-wrapper.canceling{background:#ff3131;box-shadow:0 0 20px #ff313166}.recording-pulse{animation:recording-pulse-anim 1.5s ease-out infinite;background:#85c025;border-radius:40px;height:80px;opacity:.4;position:absolute;width:80px;z-index:1}.recording-pulse.canceling{background:#ff3131}@keyframes recording-pulse-anim{0%{opacity:.4;transform:scale(1)}to{opacity:0;transform:scale(1.8)}}.recording-text{font-size:18px;font-weight:500;text-align:center}.recording-hint{font-size:14px;margin-top:12px;opacity:.7}.recording-preparing{align-items:center;display:flex;flex-direction:column;justify-content:center}.recording-spinner{animation:recording-spin .8s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:40px;margin-bottom:16px;width:40px}@keyframes recording-spin{to{transform:rotate(1turn)}}.no-select{-webkit-touch-callout:none!important;user-select:none!important;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important}#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}