.repo-cangjie-online[data-v-3d55b65a]{padding-top:0}.online-tip-btn[data-v-3d55b65a]{align-items:center;background:transparent;border:0;color:inherit;cursor:pointer;display:inline-flex;justify-content:center;line-height:0;margin:0;padding:0}.online-head[data-v-3d55b65a]{background-color:var(--devui-global-bg,#f6f6f8);border:1px solid var(--theme-dividing-line);border-bottom:0;border-radius:4px 4px 0 0;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding:16px;position:relative}.online-head .online-select[data-v-3d55b65a]{width:220px}.online-head .online-actions[data-v-3d55b65a]{align-items:center;display:flex;flex:1;flex-wrap:wrap;gap:16px}.online-run-btn[data-v-3d55b65a]{background-color:var(--theme-primary);border:none;border-radius:4px;color:var(--theme-light-text);cursor:pointer;height:32px;line-height:32px;text-align:center;transition:background-color .15s;width:64px}.online-run-btn[data-v-3d55b65a]:hover{background-color:var(--theme-btn-primary-hover)}.online-run-btn[data-v-3d55b65a]:disabled{cursor:not-allowed;opacity:.6}.online-max-btn[data-v-3d55b65a]{align-items:center;background:transparent;border:none;cursor:pointer;display:inline-flex;height:24px;justify-content:center;padding:0;position:absolute;right:16px;top:24px;width:24px}.online-body[data-v-3d55b65a]{border:1px solid var(--theme-dividing-line);border-radius:0 0 4px 4px;border-top:0;display:flex;flex-direction:column;height:340px;overflow:hidden}.online-editor-wrap[data-v-3d55b65a]{display:flex;flex:1 1 0;min-height:0;position:relative}.online-editor-wrap[data-v-3d55b65a],.online-line-numbers[data-v-3d55b65a]{background:var(--theme-default-bg);overflow:hidden}.online-line-numbers[data-v-3d55b65a]{border-right:1px solid var(--theme-dividing-line);box-sizing:border-box;color:var(--theme-text-weak,#999);flex-shrink:0;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:14px;letter-spacing:0;line-height:22px;padding:12px 8px 28px 0;text-align:right;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:pre;width:40px}.online-editor-stack[data-v-3d55b65a]{flex:1 1 0;min-width:0;overflow:hidden;position:relative}.online-editor-input[data-v-3d55b65a],.online-editor-pre[data-v-3d55b65a]{box-sizing:border-box;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:14px;letter-spacing:0;line-height:22px;margin:0;padding:12px 16px 28px;-moz-tab-size:4;-o-tab-size:4;tab-size:4;white-space:pre;word-spacing:0;word-wrap:normal;overflow:auto}.online-editor-pre[data-v-3d55b65a]{color:var(--theme-text);pointer-events:none}.online-editor-input[data-v-3d55b65a],.online-editor-pre[data-v-3d55b65a]{background:transparent;inset:0;position:absolute}.online-editor-input[data-v-3d55b65a]{border:0;caret-color:var(--theme-text);color:transparent;display:block;height:100%;outline:0;resize:none;width:100%}.online-editor-input[data-v-3d55b65a]::-moz-selection{background:var(--theme-text-select-bg,rgba(22,93,255,.2));color:transparent}.online-editor-input[data-v-3d55b65a]::selection{background:var(--theme-text-select-bg,rgba(22,93,255,.2));color:transparent}.online-result[data-v-3d55b65a]{background:var(--theme-global-bg);border-top:1px solid var(--theme-dividing-line);flex:0 0 160px;font-size:14px;line-height:22px;overflow:auto;padding:16px;position:relative;width:100%;word-break:break-all}.online-result pre[data-v-3d55b65a]{color:var(--theme-text);font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;margin:0;white-space:pre-wrap}.online-result.modal-result[data-v-3d55b65a]{flex-basis:300px}.online-close-btn[data-v-3d55b65a]{align-items:center;background:transparent;border:none;border-radius:4px;cursor:pointer;display:inline-flex;height:24px;justify-content:center;position:absolute;right:4px;top:4px;width:24px;z-index:1}.online-close-btn[data-v-3d55b65a]:hover{background-color:var(--theme-icon-bg)}.online-modal-header[data-v-3d55b65a]{align-items:center;display:flex;gap:16px;justify-content:space-between;width:100%}.online-modal-close-btn[data-v-3d55b65a]{align-items:center;background:transparent;border:0;border-radius:4px;color:var(--theme-text);cursor:pointer;display:inline-flex;flex-shrink:0;height:28px;justify-content:center;padding:0;width:28px}.online-modal-close-btn[data-v-3d55b65a]:hover{background-color:var(--theme-icon-bg)}.online-modal-body[data-v-3d55b65a]{border:1px solid var(--theme-dividing-line);border-radius:4px;display:flex;flex-direction:column;height:60vh;overflow:hidden}.cangjie-tip-card{background-color:var(--devui-feedback-overlay-bg,#464d6e);border-radius:4px;box-shadow:0 4px 16px #252b3a3d;color:var(--devui-feedback-overlay-text,#dfe1e6);font-size:14px;line-height:22px;max-width:calc(100vw - 32px);opacity:.95;padding:12px 16px;position:fixed;right:20px;top:50px;width:20em;word-break:normal;z-index:1060;word-wrap:break-word}.cangjie-tip-title{color:var(--devui-feedback-overlay-text,#dfe1e6);font-size:16px;font-weight:700;padding:0 0 calc(.5em - 2px)}.cangjie-tip-body{color:var(--devui-feedback-overlay-text,#dfe1e6);font-size:14px;line-height:22px;margin-top:4px;white-space:pre-line}.cangjie-tip-close{align-items:center;background:transparent;border:0;color:var(--devui-light-text,#fff);cursor:pointer;display:inline-flex;height:20px;justify-content:center;padding:0;position:absolute;right:10px;top:7px;width:20px}.cangjie-tip-close:hover{opacity:.85}.cangjie-tip-enter-active,.cangjie-tip-leave-active{transition:transform .3s cubic-bezier(.5,.05,.5,.95)}.cangjie-tip-enter-from,.cangjie-tip-leave-to{transform:translate(100%)}.online-editor-pre[data-v-3d55b65a] .hljs-built_in,.online-editor-pre[data-v-3d55b65a] .hljs-keyword,.online-editor-pre[data-v-3d55b65a] .hljs-literal{color:#d73a49}.online-editor-pre[data-v-3d55b65a] .hljs-regexp,.online-editor-pre[data-v-3d55b65a] .hljs-string{color:#032f62}.online-editor-pre[data-v-3d55b65a] .hljs-number{color:#005cc5}.online-editor-pre[data-v-3d55b65a] .hljs-comment{color:#6a737d}.online-editor-pre[data-v-3d55b65a] .hljs-title,.online-editor-pre[data-v-3d55b65a] .hljs-title.class_,.online-editor-pre[data-v-3d55b65a] .hljs-title.function_{color:#6f42c1}.online-editor-pre[data-v-3d55b65a] .hljs-attr,.online-editor-pre[data-v-3d55b65a] .hljs-params,.online-editor-pre[data-v-3d55b65a] .hljs-variable{color:var(--theme-text)}
