.CodeEditor_codeEditorBase_62e3e {
  display: grid;
  grid-template: "tree title" minmax(38px, min-content) "tree editor" auto/clamp(300px, 25vw, 400px) minmax(0, auto);
  max-width: 100vw;
  min-height: 250px;
}
.CodeEditor_codeEditorBase_62e3e .CodeEditor_fileTree_62e3e {
  background-color: transparent;
  color: var(--theme-background-on-strong);
  grid-area: tree;
  height: 100%;
  padding: 0.5em;
}
.CodeEditor_codeEditorBase_62e3e .CodeEditor_fileTree_62e3e .ant-tree-title,
.CodeEditor_codeEditorBase_62e3e .CodeEditor_fileTree_62e3e .ant-tree-node-content-wrapper {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.CodeEditor_codeEditorBase_62e3e h5 {
  color: var(--theme-background-on-strong);
  margin-top: 5em;
  text-align: center;
}
.CodeEditor_codeEditorBase_62e3e .CodeEditor_fileDir_62e3e {
  grid-area: title;
}
.CodeEditor_codeEditorBase_62e3e .CodeEditor_fileDir_62e3e .CodeEditor_fileInfo_62e3e {
  align-items: center;
  background-color: var(--theme-stage);
  border: solid var(--theme-stroke-width) var(--theme-stage-border);
  border-bottom: none;
  border-radius: 0;
  display: flex;
  justify-content: space-between;
  padding: 0.25em 1em;
}
.CodeEditor_codeEditorBase_62e3e .CodeEditor_fileDir_62e3e .CodeEditor_fileInfo_62e3e .CodeEditor_buttonContainer_62e3e {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.CodeEditor_codeEditorBase_62e3e .CodeEditor_fileDir_62e3e .CodeEditor_fileInfo_62e3e .CodeEditor_filePath_62e3e {
  margin-left: 10px;
}
.CodeEditor_codeEditorBase_62e3e .CodeEditor_fileDir_62e3e .CodeEditor_fileInfo_62e3e .CodeEditor_fileDesc_62e3e,
.CodeEditor_codeEditorBase_62e3e .CodeEditor_fileDir_62e3e .CodeEditor_fileInfo_62e3e .CodeEditor_readOnly_62e3e {
  color: var(--theme-stage-on-weak);
  margin-left: var(--spacing-xl-2);
}
.CodeEditor_codeEditorBase_62e3e .CodeEditor_fileDir_62e3e .CodeEditor_fileInfo_62e3e .CodeEditor_readOnly_62e3e {
  font-variant: small-caps;
}
.CodeEditor_codeEditorBase_62e3e .CodeEditor_fileDir_62e3e .CodeEditor_fileInfo_62e3e .CodeEditor_buttonsContainer_62e3e {
  display: flex;
}
.CodeEditor_codeEditorBase_62e3e .CodeEditor_editor_62e3e {
  border: solid var(--theme-stroke-width) var(--theme-stage-border);
  grid-area: editor;
  height: auto;
  min-height: 200px;
}
.CodeEditor_codeEditorBase_62e3e.CodeEditor_editorMode_62e3e {
  grid-template: "." min-content "title" min-content "editor" auto/100%;
}
@media screen and (width <= 1024px) {
  .CodeEditor_codeEditorBase_62e3e {
    grid-template: "tree" auto "title" min-content "editor" auto/100%;
  }
}

.CodeEditor_pageError_62e3e {
  grid-area: editor;
}

.CodeEditor_hideElement_62e3e {
  display: none;
}.ant-tree.ant-tree-directory .ant-tree-treenode:hover::before:not(.ant-tree-node-selected) {
  background: var(--theme-surface-strong);
  width: 100%;
}

.ant-tree.ant-tree-directory .ant-tree-treenode .ant-tree-node-content-wrapper.ant-tree-node-selected {
  background: var(--antd-wave-shadow-color);
}

.ant-tree.ant-tree-directory .ant-tree-treenode .ant-tree-node-content-wrapper:hover:not(.ant-tree-node-selected) {
  background: var(--theme-surface-weak);
}

.ant-tree-list {
  width: 100%;
}

.ant-tree-node-content-wrapper.ant-tree-node-content-wrapper-normal {
  display: flex;
}