.merge_editor_container___jFeCE {
  height: 100%;
  overflow: hidden;
  position: relative;
}
.merge_editor_container___jFeCE .merge_actions_container___diLLf {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 0 50px;
  margin-bottom: 30px;
}
.merge_editor_container___jFeCE .merge_actions_container___diLLf .actions___LwTte {
  display: flex;
  justify-content: space-between;
}
.merge_editor_container___jFeCE .merge_actions_container___diLLf .left_side___usVaf * + * {
  margin-left: 12px;
}
.merge_editor_container___jFeCE .merge_editor_float_container___QwmCP {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
}
.merge_editor_container___jFeCE .merge_editor_float_container___QwmCP .action_category___2vQtN {
  display: flex;
  flex-direction: row;
}
.merge_editor_container___jFeCE .merge_editor_float_container___QwmCP .merge_conflict_bottom_btn___ndZLc {
  border: 1px solid var(--kt-button-disableForeground);
  border-radius: 8px;
  background: var(--editor-background);
  color: var(--editor-foreground);
  margin: 0 4px;
  cursor: pointer;
}
.merge_editor_container___jFeCE .merge_editor_float_container___QwmCP .merge_conflict_bottom_btn___ndZLc :first-child {
  margin-right: 8px;
}
.merge_editor_container___jFeCE .merge_editor_float_container___QwmCP .merge_conflict_bottom_btn___ndZLc span {
  white-space: nowrap;
}
.merge_editor_container___jFeCE .merge_editor_float_container___QwmCP .magic_btn___qRCSh {
  background-image: radial-gradient(circle at -21% -22%, #19cfff, #8429ff);
  border: none;
  font-weight: 500;
}
.merge_editor_container___jFeCE .merge_editor_float_container___QwmCP .magic_btn___qRCSh span {
  color: #fff;
}
.merge_editor_container___jFeCE .merge_editor_float_container___QwmCP .magic_btn___qRCSh .kt-icon {
  color: #fff;
  font-size: 12px;
}
.merge_editor_container___jFeCE .merge_editor_float_container___QwmCP .merge_editor_apply_btn___QH5k1 {
  border-radius: 8px;
  margin-left: 4px;
  white-space: nowrap;
}
.merge_editor_container___jFeCE .merge_editor_float_container___QwmCP .merge_editor_apply_btn___QH5k1 :first-child {
  margin-right: 8px;
}
.merge_editor_container___jFeCE .editor_container___V4iPi {
  display: flex;
  height: inherit;
  width: 100%;
}
.merge_editor_container___jFeCE .merge_editor_guide_underline_widget___-h0Ns {
  border-style: solid;
  border-top-width: 2px !important;
}
.merge_editor_container___jFeCE .merge_editor_guide_underline_widget___-h0Ns.dashed___IFp0r {
  border-style: dashed;
}
.merge_editor_container___jFeCE .merge_editor_guide_underline_widget___-h0Ns.insert___cceEx {
  border-color: var(--mergeEditor-insertedBackground);
}
.merge_editor_container___jFeCE .merge_editor_guide_underline_widget___-h0Ns.modify___7wwGH {
  border-color: var(--mergeEditor-modifyBackground);
}
.merge_editor_container___jFeCE .merge_editor_guide_underline_widget___-h0Ns.remove___UCe\+S {
  border-color: var(--mergeEditor-removedBackground);
}
.merge_editor_container___jFeCE .merge_editor_margin_className___aHJMf.insert___cceEx,
.merge_editor_container___jFeCE .merge_editor_diff_inner_char_background___X3ML-.insert___cceEx,
.merge_editor_container___jFeCE .merge_editor_diff_line_background___AXxAi.insert___cceEx {
  background-color: var(--mergeEditor-insertedBackground);
}
.merge_editor_container___jFeCE .merge_editor_margin_className___aHJMf.modify___7wwGH,
.merge_editor_container___jFeCE .merge_editor_diff_inner_char_background___X3ML-.modify___7wwGH,
.merge_editor_container___jFeCE .merge_editor_diff_line_background___AXxAi.modify___7wwGH {
  background-color: var(--mergeEditor-modifyBackground);
}
.merge_editor_container___jFeCE .merge_editor_margin_className___aHJMf.remove___UCe\+S,
.merge_editor_container___jFeCE .merge_editor_diff_inner_char_background___X3ML-.remove___UCe\+S,
.merge_editor_container___jFeCE .merge_editor_diff_line_background___AXxAi.remove___UCe\+S {
  background-color: var(--mergeEditor-removedBackground);
}
.merge_editor_container___jFeCE .merge_editor_diff_inner_char_background___X3ML-.insert___cceEx {
  background-color: var(--mergeEditor-insertedInnerCharColor);
}
.merge_editor_container___jFeCE .merge_editor_diff_inner_char_background___X3ML-.modify___7wwGH {
  background-color: var(--mergeEditor-modifyInnerCharColor);
}
.merge_editor_container___jFeCE .merge_editor_diff_inner_char_background___X3ML-.remove___UCe\+S {
  background-color: var(--mergeEditor-removedInnerCharColor);
}
.merge_editor_container___jFeCE .editor_container_arrange___7\+4mS {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.merge_editor_container___jFeCE .editor_container_arrange___7\+4mS .content___rfLn5 {
  height: inherit;
  display: flex;
}
.merge_editor_container___jFeCE .editor_container_arrange___7\+4mS .content___rfLn5 .minimap_container___iIcRv {
  height: 100%;
  width: 15px;
}
.merge_editor_container___jFeCE .editor_container_arrange___7\+4mS .content___rfLn5 .minimap_container___iIcRv .minimap_content___ozJQi {
  position: relative;
  height: inherit;
}
.merge_editor_container___jFeCE .editor_container_arrange___7\+4mS .content___rfLn5 .minimap_container___iIcRv .minimap_content___ozJQi .block___shVPO {
  position: absolute;
  width: 100%;
}
.merge_editor_container___jFeCE .editor_container_arrange___7\+4mS .content___rfLn5 .minimap_container___iIcRv .minimap_content___ozJQi .block___shVPO.insert___cceEx {
  background-color: var(--mergeEditor-insertedInnerCharColor);
}
.merge_editor_container___jFeCE .editor_container_arrange___7\+4mS .content___rfLn5 .minimap_container___iIcRv .minimap_content___ozJQi .block___shVPO.modify___7wwGH {
  background-color: var(--mergeEditor-modifyInnerCharColor);
}
.merge_editor_container___jFeCE .editor_container_arrange___7\+4mS .content___rfLn5 .minimap_container___iIcRv .minimap_content___ozJQi .block___shVPO.remove___UCe\+S {
  background-color: var(--mergeEditor-removedInnerCharColor);
}
.merge_editor_container___jFeCE .editor_container_arrange___7\+4mS .content___rfLn5 .editor_container___V4iPi {
  width: calc(100% - 15px);
}
.merge_editor_container___jFeCE .editor_container_arrange___7\+4mS .stickiness_connect_container___yDMG5 {
  height: 100%;
  position: relative;
}
.merge_editor_container___jFeCE .editor_container_arrange___7\+4mS .stickiness_connect_container___yDMG5 .piece_view_lines___rSuZk {
  position: absolute;
  z-index: 1;
}
.merge_editor_container___jFeCE .editor_container_arrange___7\+4mS .stickiness_connect_container___yDMG5 .piece_view_lines___rSuZk svg {
  width: 100%;
  overflow: initial;
}
.merge_editor_container___jFeCE .editor_container_arrange___7\+4mS .stickiness_connect_container___yDMG5 .piece_view_lines___rSuZk svg path.insert___cceEx {
  fill: var(--mergeEditor-insertedBackground);
  stroke: var(--mergeEditor-insertedBackground);
}
.merge_editor_container___jFeCE .editor_container_arrange___7\+4mS .stickiness_connect_container___yDMG5 .piece_view_lines___rSuZk svg path.modify___7wwGH {
  fill: var(--mergeEditor-modifyBackground);
  stroke: var(--mergeEditor-modifyBackground);
}
.merge_editor_container___jFeCE .editor_container_arrange___7\+4mS .stickiness_connect_container___yDMG5 .piece_view_lines___rSuZk svg path.remove___UCe\+S {
  fill: var(--mergeEditor-removedBackground);
  stroke: var(--mergeEditor-removedBackground);
}
.merge_editor_container___jFeCE .conflict_actions___xZhj0 {
  cursor: pointer;
  z-index: 1;
  width: 16px !important;
  height: 18px !important;
  display: flex;
  align-items: center;
}
.merge_editor_container___jFeCE .conflict_actions___xZhj0.offset_left___7obxr {
  left: 18px !important;
  z-index: 2;
}
.merge_editor_container___jFeCE .conflict_actions___xZhj0.offset_right___JqN0s {
  left: initial !important;
  right: 8px !important;
  z-index: 2;
}
.merge_editor_container___jFeCE .conflict_actions___xZhj0.rotate_turn_left___1vDmT {
  transform: rotate(-50deg);
}
.merge_editor_container___jFeCE .conflict_actions___xZhj0.rotate_turn_right___noPd5 {
  transform: rotate(50deg);
}
.merge_editor_container___jFeCE .conflict_actions___xZhj0.ai_resolve_icon___qozDx,
.merge_editor_container___jFeCE .conflict_actions___xZhj0.ai_resolve_loading_icon___FVsDU {
  background-image: linear-gradient(180deg, #19cfff, #8429ff);
  -webkit-background-clip: text;
  color: transparent;
}
.merge_editor_container___jFeCE .conflict_actions___xZhj0.ai_resolve_loading_icon___FVsDU {
  animation: spin___xGIP6 1.5s infinite linear;
}
.merge_editor_container___jFeCE .merge_editor_margin_className___aHJMf,
.merge_editor_container___jFeCE .merge_editor_diff_line_background___AXxAi {
  border-width: 2px;
  border-style: solid;
}
.merge_editor_container___jFeCE .merge_editor_margin_className___aHJMf.conflict_wrap___btOep,
.merge_editor_container___jFeCE .merge_editor_diff_line_background___AXxAi.conflict_wrap___btOep {
  border-width: 2px;
  border-style: dashed;
  background-color: transparent;
}
.merge_editor_container___jFeCE .merge_editor_margin_className___aHJMf.insert___cceEx,
.merge_editor_container___jFeCE .merge_editor_diff_line_background___AXxAi.insert___cceEx {
  border-color: var(--mergeEditor-insertedBackground);
}
.merge_editor_container___jFeCE .merge_editor_margin_className___aHJMf.modify___7wwGH,
.merge_editor_container___jFeCE .merge_editor_diff_line_background___AXxAi.modify___7wwGH {
  border-color: var(--mergeEditor-modifyBackground);
}
.merge_editor_container___jFeCE .merge_editor_margin_className___aHJMf.remove___UCe\+S,
.merge_editor_container___jFeCE .merge_editor_diff_line_background___AXxAi.remove___UCe\+S {
  border-color: var(--mergeEditor-removedBackground);
}
.merge_editor_container___jFeCE .merge_editor_margin_className___aHJMf.stretch_left___hogtD,
.merge_editor_container___jFeCE .merge_editor_diff_line_background___AXxAi.stretch_left___hogtD {
  border-left: transparent;
}
.merge_editor_container___jFeCE .merge_editor_margin_className___aHJMf.stretch_right___86y5U,
.merge_editor_container___jFeCE .merge_editor_diff_line_background___AXxAi.stretch_right___86y5U {
  border-right: transparent;
}
.merge_editor_container___jFeCE .merge_editor_margin_className___aHJMf.stretch_top___RzJL2,
.merge_editor_container___jFeCE .merge_editor_diff_line_background___AXxAi.stretch_top___RzJL2 {
  border-top: transparent;
}
.merge_editor_container___jFeCE .merge_editor_margin_className___aHJMf.stretch_bottom___if6T9,
.merge_editor_container___jFeCE .merge_editor_diff_line_background___AXxAi.stretch_bottom___if6T9 {
  border-bottom: transparent;
}
.merge_editor_container___jFeCE .merge_editor_margin_className___aHJMf.ai_resolve_complete___m4cfk,
.merge_editor_container___jFeCE .merge_editor_diff_line_background___AXxAi.ai_resolve_complete___m4cfk {
  background-image: linear-gradient(90deg, #19cfff, #8429ff);
  opacity: 0.12;
}
.merge_editor_container___jFeCE .merge_editor_margin_className___aHJMf.ai_resolve_complete_lines_decorations___3xPAp,
.merge_editor_container___jFeCE .merge_editor_diff_line_background___AXxAi.ai_resolve_complete_lines_decorations___3xPAp {
  background-color: #19cfff;
  opacity: 0.12;
}
.merge_editor_container___jFeCE .title_head_container___Wruib {
  padding: 0 10px;
  height: 30px;
  min-height: 30px;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.merge_editor_container___jFeCE .title_head_container___Wruib span {
  align-self: center;
  text-overflow: ellipsis;
  overflow: hidden;
  padding-right: 6px;
  white-space: nowrap;
}
.merge_editor_container___jFeCE .title_head_container___Wruib .content___rfLn5 {
  align-content: center;
  height: inherit;
  max-width: calc(100% - 140px);
  display: flex;
}
.merge_editor_container___jFeCE .title_head_container___Wruib .content___rfLn5 .title___oEfyC {
  flex-shrink: 0;
}
.merge_editor_container___jFeCE .title_head_container___Wruib .content___rfLn5 .description___JcH4J {
  display: flex;
  font-size: 12px;
  align-items: center;
  color: var(--descriptionForeground);
}
.merge_editor_container___jFeCE .title_head_container___Wruib .content___rfLn5 .detail___bdue- {
  margin-left: 0;
  flex-shrink: 0;
  font-size: 12px;
  color: var(--descriptionForeground);
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  flex: 1;
}
.merge_editor_container___jFeCE .title_head_container___Wruib .content___rfLn5 .detail___bdue-:before {
  content: '•';
  opacity: 0.5;
  padding-right: 3px;
}
.skeleton_decoration___oaQ7F {
  z-index: 2;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.08) 25%, rgba(255, 255, 255, 0.15) 37%, rgba(255, 255, 255, 0.08) 63%);
  background-size: 400% 100%;
  animation-name: skeleton-loading___FvlU4;
  animation-duration: 1.4s;
  animation-timing-function: ease;
  animation-iteration-count: infinite;
  border-radius: 4px;
  top: 2px;
  bottom: 2px;
  left: 2px !important;
  right: 0;
  height: initial !important;
}
.skeleton_decoration_complete___Vh2zW {
  background-image: linear-gradient(90deg, #19cfff, #8429ff);
  opacity: 0.12;
}
.skeleton_decoration_background___rl61b {
  background-color: var(--design-skeletonDecoration-background);
  z-index: 1;
  outline: 1px solid var(--design-skeletonDecoration-background);
}
.skeleton_decoration_background_black___RG4\+V {
  background-color: var(--design-skeletonPlaceholderDecoration-background);
  z-index: 1;
  outline: 1px solid var(--design-skeletonPlaceholderDecoration-background);
}
@keyframes skeleton-loading___FvlU4 {
  0% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0 50%;
  }
}
@keyframes spin___xGIP6 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.text-ellipsis___jS\+AL {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/* 请不要在这里申明 css variables 到 :root 下 */
/* 会导致这里的变量在被引用的时候 :root 下反复挂载过多的 css variables */
/* 基础文字大小 */
/* 基础间距大小 */
.kt_workbench_editor___CApSw {
  height: 100%;
  background-color: var(--editor-background);
  display: flex;
  border-top: 1px solid var(--tab-border);
}
.kt_editor_main_wrapper___jVI2r {
  flex-grow: 1;
  max-width: 100%;
}
.kt_editor_right_widget___wFdje {
  flex-shrink: 0;
  position: relative;
  z-index: 1;
}
.kt_editor_components___G4Ctm {
  height: 0;
  flex-grow: 1;
}
.kt_editor_component___0Hpc5 {
  height: 100%;
}
.kt_editor_component___0Hpc5 > div {
  height: 100%;
}
.kt_editor_code_editor___oB4GV > div {
  height: 100%;
}
.kt_editor_group___fcLnK {
  height: 100%;
  outline: none;
  display: flex;
  flex-direction: column;
  position: relative;
  background-color: var(--editorGroup-emptyBackground);
}
.kt_editor_group___fcLnK .kt_editor_background___Hnmig {
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.kt_editor_group___fcLnK .kt_editor_tabs___eb24Y {
  display: flex;
}
.kt_editor_group___fcLnK .kt_editor_tabs___eb24Y .editor_actions_no_actions___9s-bw {
  padding: 0 !important;
}
.kt_editor_group___fcLnK .kt_editor_tabs___eb24Y .editor_actions___cp188 {
  flex-shrink: 0;
  height: 100%;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 5px 0 10px;
  position: relative;
  background: var(--editorGroupHeader-tabsBackground);
}
.kt_editor_group___fcLnK .kt_editor_tabs___eb24Y .editor_actions___cp188::before {
  content: '';
  height: 1px;
  background: var(--tab-border);
  top: -1px;
  width: 100%;
  left: 0;
  position: absolute;
  display: block;
  z-index: var(--stacking-level-background, 0);
}
.kt_editor_group___fcLnK .kt_editor_tabs___eb24Y .editor_actions___cp188::after {
  content: '';
  height: 1px;
  background: var(--tab-border);
  bottom: 0;
  width: 100%;
  left: 0;
  position: absolute;
  display: block;
  z-index: var(--stacking-level-background, 0);
}
.kt_editor_group___fcLnK .kt_editor_tabs___eb24Y .editor_actions___cp188 .editor_action_wrapper___JKExO {
  margin-left: 8px;
  position: relative;
}
.kt_editor_group___fcLnK .kt_editor_tabs___eb24Y .editor_actions___cp188 .editor_action_wrapper___JKExO .editor_action___VG5JE {
  width: 14px;
  height: 14px;
  line-height: 14px;
  font-size: 14px;
  cursor: pointer;
}
.kt_editor_group___fcLnK .kt_editor_tabs___eb24Y .editor_actions___cp188 .editor_action_wrapper___JKExO:hover > .editor-action___VBnov {
  transform: scale(1.1);
}
.kt_editor_group___fcLnK .kt_editor_tabs___eb24Y .editor_actions___cp188 .editor_action_wrapper___JKExO.mask-mode {
  background: var(--foreground);
  height: 14px;
  width: 14px;
}
.kt_editor_group___fcLnK .kt_editor_tabs_scroll_wrapper___6dR-3 {
  flex: 1;
  overflow: hidden;
  width: 100%;
  position: relative;
  background-color: var(--editorGroupHeader-tabsBackground);
}
.kt_editor_group___fcLnK .kt_editor_tabs_scroll_wrapper___6dR-3::after {
  position: absolute;
  content: '';
  height: 1px;
  width: 100%;
  bottom: 0;
  left: 0;
  z-index: 10;
  background-color: var(--tab-border);
}
.kt_editor_group___fcLnK .kt_editor_tabs_scroll_wrapper___6dR-3.kt_on_drag_over___Gagcz {
  background-color: var(--editorGroup-dropBackground);
}
.kt_editor_group___fcLnK .kt_editor_tabs_scroll___r\+97s {
  overflow-y: hidden;
}
.kt_editor_group___fcLnK .kt_editor_tabs_scroll___r\+97s .loading_indicator {
  width: 16px;
  height: 22px;
}
.kt_editor_group___fcLnK .kt_editor_tab_preview___yIxdI {
  font-style: italic;
}
.kt_editor_group___fcLnK .kt_editor_tab_preview___yIxdI .file-icon {
  font-style: normal;
}
.kt_editor_group___fcLnK .kt_editor_wrap_mode_action___-h8yI {
  position: absolute;
  right: 0;
  bottom: 0;
}
.kt_editor_group___fcLnK .kt_editor_tabs_content_empty___ZTXHN {
  display: flex !important;
}
.kt_editor_group___fcLnK .kt_editor_wrap_container___RPUZS {
  display: flex;
  flex-direction: column;
}
.kt_editor_group___fcLnK .kt_editor_wrap_container___RPUZS .kt_editor_tabs_content___IUD2J {
  flex-wrap: wrap;
  width: 100%;
  background: var(--editorGroupHeader-tabsBackground);
}
.kt_editor_group___fcLnK .kt_editor_wrap_container___RPUZS .kt_editor_tabs_content___IUD2J.kt_editor_tabs_current_last___C749A {
  display: flex;
}
.kt_editor_group___fcLnK .kt_editor_wrap_container___RPUZS .kt_editor_tabs_content___IUD2J::before {
  content: '';
  height: 1px;
  background: var(--tab-border);
  bottom: 0;
  width: 100%;
  left: 0;
  position: absolute;
  display: block;
  z-index: var(--stacking-level-background, 0);
}
.kt_editor_group___fcLnK .last_in_row___FCbT1 {
  flex-grow: 1;
}
.kt_editor_group___fcLnK .kt_editor_tabs_content___IUD2J {
  overflow-y: hidden;
  display: inline-flex;
  position: relative;
  height: 100%;
}
.kt_editor_group___fcLnK .kt_editor_tabs_content___IUD2J.kt_on_drag_over___Gagcz {
  background-color: var(--editorGroup-dropBackground);
}
.kt_editor_group___fcLnK .kt_editor_tabs_content___IUD2J::-webkit-scrollbar {
  display: none;
}
.kt_editor_group___fcLnK .kt_editor_tabs_content___IUD2J .kt_editor_tab___tGU\+q {
  display: flex;
  position: relative;
  align-items: center;
  padding: 0 12px;
  border-right: 1px solid var(--tab-border);
  height: 100%;
  line-height: 100%;
  font-size: 12px;
  min-width: 112px;
  cursor: pointer;
  color: var(--tab-inactiveForeground);
  background: var(--tab-inactiveBackground);
  border-top: 1px solid transparent;
  z-index: 1;
  word-break: keep-all;
  white-space: nowrap;
}
.kt_editor_group___fcLnK .kt_editor_tabs_content___IUD2J .kt_editor_tab___tGU\+q::after {
  position: absolute;
  content: '';
  height: 1px;
  width: 100%;
  bottom: 0;
  left: 0;
  z-index: 10;
  background-color: var(--tab-border);
}
.kt_editor_group___fcLnK .kt_editor_tabs_content___IUD2J .kt_editor_tab___tGU\+q .tab_loading___UW7TS {
  display: block;
  position: absolute;
  font-size: 14px;
  left: 13.5px;
}
.kt_editor_group___fcLnK .kt_editor_tabs_content___IUD2J .kt_editor_tab___tGU\+q .icon-label::before {
  font-size: calc(1.5 * 14px) !important;
  transition: transform 0.2s ease-in;
}
.kt_editor_group___fcLnK .kt_editor_tabs_content___IUD2J .kt_editor_tab___tGU\+q .small___ngCN1::before {
  transform: scale(0.8);
}
.kt_editor_group___fcLnK .kt_editor_tabs_content___IUD2J .kt_editor_tab___tGU\+q:hover {
  color: var(--tab-hoverForeground);
  background-color: var(--tab-hoverBackground);
}
.kt_editor_group___fcLnK .kt_editor_tabs_content___IUD2J .kt_editor_tab___tGU\+q div:first-child {
  margin-right: 5px;
  flex-shrink: 0;
  flex-grow: 0;
}
.kt_editor_group___fcLnK .kt_editor_tabs_content___IUD2J .kt_editor_tab___tGU\+q div:first-child::before {
  background-size: 14px;
  background-position: 2px;
}
.kt_editor_group___fcLnK .kt_editor_tabs_content___IUD2J .kt_editor_tab___tGU\+q:last-child {
  margin-right: 10px;
}
.kt_editor_group___fcLnK .kt_editor_tabs_content___IUD2J .kt_editor_tab___tGU\+q .editor_readonly_icon___VjpgU {
  margin-left: 8px;
}
.kt_editor_group___fcLnK .kt_editor_tabs_content___IUD2J .kt_editor_tab___tGU\+q .kt_editor_close_icon___aVJFA {
  margin-right: 0 !important;
  display: flex;
  align-items: center;
  justify-content: center;
}
.kt_editor_group___fcLnK .kt_editor_tabs_content___IUD2J .kt_editor_tab___tGU\+q .kt_editor_close_icon___aVJFA::before {
  font-size: 14px;
}
.kt_editor_group___fcLnK .kt_editor_tabs_content___IUD2J .kt_editor_tab___tGU\+q div:nth-child(2) {
  flex-grow: 1;
  text-align: left;
}
.kt_editor_group___fcLnK .kt_editor_tabs_content___IUD2J .kt_editor_tab___tGU\+q .subname___EdeHY {
  color: var(--descriptionForeground);
  margin-left: 10px;
  font-size: 12px;
}
.kt_editor_group___fcLnK .kt_editor_tabs_content___IUD2J .kt_editor_tab___tGU\+q div.tab_right___oauEo {
  margin-left: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 16px;
  flex-shrink: 0;
  flex-grow: 0;
  height: 16px;
  line-height: 16px;
  font-size: 16px;
  border-radius: 4px;
  padding: 1px;
}
.kt_editor_group___fcLnK .kt_editor_tabs_content___IUD2J .kt_editor_tab___tGU\+q div.tab_right___oauEo:hover {
  transform: scale(1.1);
  background-color: var(--kt-icon-hoverBackground);
}
.kt_editor_group___fcLnK .kt_editor_tabs_content___IUD2J .kt_editor_tab___tGU\+q .dirty___ws6Lu {
  display: flex;
  justify-content: center;
  align-items: center;
}
.kt_editor_group___fcLnK .kt_editor_tabs_content___IUD2J .kt_editor_tab___tGU\+q .dirty___ws6Lu::before {
  content: '';
  width: 8px;
  height: 8px;
  border-radius: 5px;
  background-color: var(--kt-dirtyDot-foreground);
}
.kt_editor_group___fcLnK .kt_editor_tabs_content___IUD2J .kt_editor_tab___tGU\+q.kt_editor_tab_current___\+VOmx {
  position: relative;
  background: var(--tab-activeBackground);
  color: var(--tab-activeForeground);
  z-index: var(--stacking-level-editor-tabbar-current, 11);
}
.kt_editor_group___fcLnK .kt_editor_tabs_content___IUD2J .kt_editor_tab___tGU\+q.kt_editor_tab_current___\+VOmx::before {
  position: absolute;
  content: '';
  height: 1px;
  width: 100%;
  top: -1px;
  left: 0;
  z-index: var(--stacking-level-overlay, 800);
  background-color: var(--tab-activeBorderTop);
}
.kt_editor_group___fcLnK .kt_editor_tabs_content___IUD2J .kt_editor_tab___tGU\+q.kt_editor_tab_current___\+VOmx .dirty___ws6Lu::before {
  background-color: var(--kt-dirtyDot-foreground);
}
.kt_editor_group___fcLnK .kt_editor_tabs_content___IUD2J .kt_editor_tab___tGU\+q.kt_editor_tab_current_prev___Ato2t {
  display: flex;
}
.kt_editor_group___fcLnK .kt_editor_tabs_content___IUD2J .kt_editor_tab___tGU\+q.kt_editor_tab_current_next___CkAou {
  display: flex;
}
.kt_editor_group___fcLnK .kt_editor_tabs_content___IUD2J .kt_editor_tab___tGU\+q.kt_editor_tab_dirty___BrspX {
  display: flex;
}
.kt_editor_group___fcLnK .kt_editor_tabs_content___IUD2J .kt_editor_tab___tGU\+q.kt_on_drag_over___Gagcz {
  background-color: var(--editorGroup-dropBackground);
}
.kt_editor_group___fcLnK .kt_editor_tabs_content___IUD2J .kt_editor_tab___tGU\+q .close_tab___LMylQ {
  display: none;
}
.kt_editor_group___fcLnK .kt_editor_tabs_content___IUD2J .kt_editor_tab___tGU\+q:hover .dirty___ws6Lu {
  display: none;
}
.kt_editor_group___fcLnK .kt_editor_tabs_content___IUD2J .kt_editor_tab___tGU\+q:hover .close_tab___LMylQ {
  display: block;
}
.kt_editor_group___fcLnK .editorGroupHeader___dLe7U {
  z-index: var(--stacking-level-workbench, 1);
  position: relative;
  background-color: var(--editorGroupHeader-tabsBackground);
}
.kt_editor_group___fcLnK .kt_editor_body___4Z1u8 {
  flex: 1;
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  display: flex;
  flex-direction: column;
}
.kt_editor_group___fcLnK .kt_editor_body___4Z1u8::after {
  z-index: 100;
  content: '';
  background: var(--editorGroup-dropBackground);
  opacity: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: none;
  user-select: none;
  pointer-events: none;
  transition: all 200ms ease-in-out;
}
.kt_editor_group___fcLnK .kt_editor_body___4Z1u8.kt_on_drag_over___Gagcz::after {
  opacity: 0.5;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.kt_editor_group___fcLnK .kt_editor_body___4Z1u8.kt_on_drag_over___Gagcz.kt_on_drag_over_left___7wzt5::after {
  opacity: 0.5;
  display: block;
  width: 50%;
  height: 100%;
  top: 0;
  left: 0;
}
.kt_editor_group___fcLnK .kt_editor_body___4Z1u8.kt_on_drag_over___Gagcz.kt_on_drag_over_right___cy\+VA::after {
  opacity: 0.5;
  display: block;
  width: 50%;
  height: 100%;
  top: 0;
  left: 50%;
}
.kt_editor_group___fcLnK .kt_editor_body___4Z1u8.kt_on_drag_over___Gagcz.kt_on_drag_over_top___\+R62D::after {
  opacity: 0.5;
  display: block;
  width: 100%;
  height: 50%;
  top: 0;
  left: 0;
}
.kt_editor_group___fcLnK .kt_editor_body___4Z1u8.kt_on_drag_over___Gagcz.kt_on_drag_over_bottom___GfGkZ::after {
  opacity: 0.5;
  display: block;
  width: 100%;
  height: 50%;
  top: 50%;
  left: 0;
}
.kt_editor_component_wrapper___iAjTa {
  height: 100%;
}
.kt_editor_component_wrapper___iAjTa > div {
  height: 100%;
}
.kt_hidden___oLrlA {
  display: none !important;
}
.kt_grid_vertical___UojRk {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.kt_grid_vertical_child___k4uHl {
  height: 100%;
}
.kt_grid_horizontal___gsYE9 {
  display: flex;
  flex-direction: row;
  height: 100%;
}
.kt_grid_horizontal_child___2xXem {
  height: 100%;
}
.open_type_switcher___Y88u- {
  position: absolute;
  bottom: 37px;
  right: 10px;
  z-index: 100;
  background: var(--editorWidget-background);
  box-shadow: rgba(0, 0, 0, 0.133) 0px 3.2px 7.2px 0px, rgba(0, 0, 0, 0.11) 0px 0.6px 1.8px 0px;
  display: flex;
}
.open_type_switcher___Y88u- > .option___G5x6D {
  font-size: 12px;
  padding: 5px 10px;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 120px;
}
.open_type_switcher___Y88u- > .option___G5x6D.current_type___JXZdK {
  color: var(--textLink-activeForeground);
}
.editor_action_tip___z6iJN {
  display: flex;
  position: absolute;
  bottom: calc(100% + 10px);
  right: -20px;
  color: var(--kt-popover-foreground);
  background: var(--kt-popover-background);
  border-color: var(--kt-popover-border);
  box-shadow: rgba(0, 0, 0, 0.133) 0px 3.2px 7.2px 0px, rgba(0, 0, 0, 0.11) 0px 0.6px 1.8px 0px;
  border-radius: 2px;
  padding: 5px 10px;
  z-index: var(--stacking-level-overlay-top, 1000);
  white-space: nowrap;
}
.editor_action_tip___z6iJN .editor_action_tip_close___npWTR {
  cursor: pointer;
}
.editor_action_tip___z6iJN::after {
  position: absolute;
  right: 20px;
  margin-left: -7px;
  top: 100%;
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 7px 0 7px;
  border-color: var(--kt-popover-background) transparent transparent transparent;
}
.editor_action_tip___z6iJN::before {
  content: '';
  position: absolute;
  right: 20px;
  top: 100%;
  width: 100%;
  height: 15px;
  border-style: solid;
  background: transparent;
  border: 0;
}
.editor_action_tip_wrapper___MkwYc {
  background-color: var(--kt-editorActionToolTip-background) !important;
  color: var(--kt-editorActionToolTip-foreground) !important;
  z-index: 10 !important;
}
.editor_action_tip_wrapper___MkwYc.top::after {
  border-color: var(--kt-editorActionToolTip-background) transparent transparent transparent !important;
}
.editor_action_tip_wrapper___MkwYc.bottom::after {
  border-color: transparent transparent var(--kt-editorActionToolTip-background) transparent !important;
}
.kt_editor_side_widgets___CzVZk.kt_editor_side_widgets_bottom___xWieF {
  display: block;
  flex-shrink: 0;
}
.kt_editor_side_widgets___CzVZk.kt_editor_side_widgets_top___pB0iL {
  display: block;
  flex-shrink: 0;
}
.editorEmpty___A3u1V {
  width: 100%;
  height: 100%;
  position: relative;
}
.editorEmptyImg___Gwk1s {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 100%;
}

.text-ellipsis___NRM4a {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.navigation_container___ybXPz {
  display: flex;
  align-items: center;
  overflow: auto;
  height: 24px;
  padding-left: 6px;
  border-bottom: 1px solid var(--kt-editorBreadcrumb-borderDown);
  background: var(--editor-background);
}
.navigation_container___ybXPz::-webkit-scrollbar {
  display: none !important;
  background: #323232;
}
.navigation_container___ybXPz .navigation_icon___djZtR {
  font-size: 12px !important;
  color: var(--breadcrumb-foreground);
}
.navigation_container___ybXPz .navigation-part___GE6Ja {
  color: var(--breadcrumb-foreground);
  font-size: 12px !important;
  padding: 0 4px;
  position: relative;
  line-height: 22px;
  cursor: pointer;
  user-select: none;
  display: flex;
  align-items: center;
  white-space: nowrap;
}
.navigation_container___ybXPz .navigation-part___GE6Ja > span:first-child {
  font-size: 14px;
  vertical-align: middle;
  padding-right: 5px;
}
.navigation_container___ybXPz .navigation-part___GE6Ja > span:first-child::before {
  background-size: 12px;
}
.navigation_container___ybXPz .navigation-part___GE6Ja:hover {
  color: var(--breadcrumb-focusForeground);
}
.navigation_container___ybXPz .navigation-part___GE6Ja:first-child::before {
  content: none;
}
.navigation_container___ybXPz .navigation-part___GE6Ja:first-child::after {
  content: none;
}
.navigation_menu___YvTPN {
  position: fixed;
  background: var(--breadcrumb-background);
  width: 350px;
  box-shadow: rgba(0, 0, 0, 0.133) 0px 3.2px 7.2px 0px, rgba(0, 0, 0, 0.11) 0px 0.6px 1.8px 0px;
}
.navigation_menu___YvTPN .navigation_menu_items___waSgF .navigation_menu_item___SdziA {
  padding-right: 20px;
  position: relative;
  padding-left: 5px;
  cursor: pointer;
  height: 22px;
  display: flex;
  align-items: center;
}
.navigation_menu___YvTPN .navigation_menu_items___waSgF .navigation_menu_item___SdziA .navigation_menu_item_label___ysEg7 {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-size: 12px;
}
.navigation_menu___YvTPN .navigation_menu_items___waSgF .navigation_menu_item___SdziA:hover {
  background: var(--list-hoverBackground);
}
.navigation_menu___YvTPN .navigation_menu_items___waSgF .navigation_menu_item___SdziA > span:first-child {
  font-size: 14px;
  vertical-align: middle;
  padding-right: 5px;
  line-height: 20px;
}
.navigation_menu___YvTPN .navigation_menu_items___waSgF .navigation_menu_item___SdziA .navigation_right___F-Qaq {
  position: absolute;
  right: 0;
  width: 20px;
}
.navigation_menu___YvTPN .navigation_menu_items___waSgF .navigation_menu_item___SdziA.navigation_menu_item_current___q7G1S {
  background: var(--list-focusBackground);
}

.track-vertical___B6PqV {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 10px;
}
.scroll-vertical___lM99e {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 10px;
  z-index: var(--stacking-level-editor-tabbar-overlay, 15);
}
.track-horizontal___SyAW4 {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
}
.scroll-horizontal___p8vsT {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  z-index: var(--stacking-level-editor-tabbar-overlay, 15);
}
.kt-editor-scrollbar-thumb-vertical {
  position: absolute;
  width: 5px;
  opacity: 0.8;
  top: 0;
  right: 0;
  transition: opacity 200ms ease-out;
  background: var(--scrollbarSlider-background);
  box-shadow: 1px 0 0 var(--scrollbar-shadow);
}
.kt-editor-scrollbar-thumb-vertical:hover {
  background: var(--scrollbarSlider-hoverBackground);
}
.kt-editor-scrollbar-thumb-horizontal {
  position: absolute;
  height: 5px;
  left: 0;
  bottom: 0;
  opacity: 0.8;
  transition: opacity 200ms ease-out 200ms;
  background: var(--scrollbarSlider-background);
  box-shadow: 1px 0 0 var(--scrollbar-shadow);
}
.kt-editor-scrollbar-thumb-horizontal:hover {
  background: var(--scrollbarSlider-hoverBackground);
}
.scroll___fmv31 {
  position: relative;
  height: 100%;
}
.scroll___fmv31 > *:first-child::-webkit-scrollbar {
  display: none !important;
  background: #323232;
}
.scroll___fmv31 > *:first-child {
  overflow: auto;
  height: 100%;
  width: 100%;
}
.scroll___fmv31 .scrollbar-decoration-vertical-l___9Jgpv,
.scroll___fmv31 .scrollbar-decoration-vertical-r___qR6a9 {
  position: absolute;
  width: 6px;
  height: 100%;
  z-index: var(--stacking-level-overlay-top, 999);
  top: 0px;
  opacity: 0;
}
.scroll___fmv31 .scrollbar-decoration-vertical-l___9Jgpv {
  left: 0px;
  border-left: 1px solid var(--kt-panelTab-border);
  box-shadow: 6px 0 4px -4px rgba(106, 115, 125, 0.2) inset;
}
.scroll___fmv31 .scrollbar-decoration-vertical-r___qR6a9 {
  right: 0px;
  border-right: 1px solid var(--kt-panelTab-border);
  box-shadow: -6px 0 4px -4px rgba(106, 115, 125, 0.2) inset;
}
.hide-thumb___PgiUI .kt-editor-scrollbar-thumb-horizontal {
  opacity: 0 !important;
}
.hide-thumb___PgiUI .kt-editor-scrollbar-thumb-vertical {
  opacity: 0 !important;
}

.merge_editor_float_container___ZkLZ- {
  display: flex;
  flex-direction: column;
  background: var(--kt-panelTab-activeBackground);
  box-shadow: inset 1px 1px 3px 0px var(--kt-panelTab-border);
  justify-content: space-between;
  white-space: nowrap;
  z-index: var(--stacking-level-editor-floating-container, 15);
}
.merge_editor_float_container___ZkLZ- .merge_editor_float_container_info___AV13o {
  width: 100%;
  display: flex;
  align-items: center;
  padding: 6px 0;
  padding-left: 14px;
}
.merge_editor_float_container___ZkLZ- .merge_editor_float_container_info___AV13o .merge_editor_nav_operator___nkY4w {
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.merge_editor_float_container___ZkLZ- .merge_editor_float_container_info___AV13o .merge_editor_nav_operator_btn___0tu7d {
  cursor: pointer;
  user-select: none;
  color: var(--kt-secondaryButton-foreground);
}
.merge_editor_float_container___ZkLZ- .merge_editor_float_container_info___AV13o .merge_editor_nav_operator_btn___0tu7d:hover {
  color: var(--kt-secondaryButton-hoverForeground);
}
.merge_editor_float_container___ZkLZ- .merge_editor_float_container_info___AV13o .merge_editor_nav_operator_btn___0tu7d.disabled___racO7 {
  cursor: unset;
  color: var(--kt-button-disableForeground);
}
.merge_editor_float_container___ZkLZ- .merge_editor_float_container_info___AV13o .vertical-divider___huuYm {
  display: inline-block;
  width: 2px;
  display: list-item;
  background-color: var(--menu-separatorBackground);
  pointer-events: none;
  overflow: hidden;
  margin: 1px 8px;
}
.merge_editor_float_container___ZkLZ- .merge_editor_float_container_info___AV13o .vertical-divider___huuYm::marker {
  content: '';
  unicode-bidi: initial;
}
.merge_editor_float_container___ZkLZ- .merge_editor_float_container_operation_bar___xQjFu {
  user-select: none;
  width: 100%;
  display: flex;
  justify-content: flex-end;
  white-space: nowrap;
  padding-top: 4px;
  padding-right: 20px;
  padding: 10px;
}
.merge_editor_float_container___ZkLZ- .merge_conflict_bottom_btn___MuIZ8 {
  border: 1px solid var(--kt-button-disableForeground);
  border-radius: 8px;
  padding: 5px 16px;
  background: var(--editor-background);
  color: var(--editor-foreground);
  margin: 0 4px;
  line-height: 22px;
  justify-content: end;
  white-space: nowrap;
  cursor: pointer;
}
.merge_editor_float_container___ZkLZ- .merge_conflict_bottom_btn___MuIZ8 .kt-icon {
  font-size: 12px;
}
.merge_editor_float_container___ZkLZ- .merge_conflict_bottom_btn___MuIZ8 :first-child {
  margin-right: 8px;
}
.merge_editor_float_container___ZkLZ- .magic_btn___9K-gw {
  background-image: radial-gradient(circle at -21% -22%, #19cfff, #8429ff);
  border: none;
  font-weight: 500;
}
.merge_editor_float_container___ZkLZ- .magic_btn___9K-gw span {
  color: #fff;
}
.merge_editor_float_container___ZkLZ- .magic_btn___9K-gw .kt-icon {
  color: #fff;
  font-size: 12px;
  margin-right: 8px;
}
.merge_editor_float_container___ZkLZ- .line_vertical___ojeVS {
  background-color: var(--design-borderColor);
  width: 1px;
  min-width: 1px;
  height: 24px;
  margin: 4px;
  pointer-events: none;
  overflow: hidden;
}
.merge_editor_float_container___ZkLZ- .line_vertical___ojeVS::marker {
  content: '';
  unicode-bidi: initial;
}
.merge_editor_float_container___ZkLZ- .horizontal-divider___l2X5Q {
  display: inline-block;
  width: 100%;
  display: list-item;
  background-color: var(--design-borderColor);
  pointer-events: none;
  overflow: hidden;
  height: 1.5px;
}
.merge_editor_float_container___ZkLZ- .horizontal-divider___l2X5Q::marker {
  content: '';
  unicode-bidi: initial;
}

.background-tab-icon {
  width: 16px;
  height: 16px;
}
.lightBulbWidget.kaitian-icon.kticon-magic-wand::before {
  background-image: radial-gradient(circle at -21% -22%, #19cfff, #8429ff);
  -webkit-background-clip: text;
  color: transparent;
  border: none;
  font-weight: 500;
}
.lightBulbWidget.kaitian-icon.kticon-magic-wand::before span {
  color: #fff;
}
.lightBulbWidget.kaitian-icon.kticon-magic-wand::before :global .kt-icon {
  color: #fff;
  font-size: 12px;
  margin-right: 8px;
}

/* 请不要在这里申明 css variables 到 :root 下 */
/* 会导致这里的变量在被引用的时候 :root 下反复挂载过多的 css variables */
/* 基础文字大小 */
/* 基础间距大小 */
.file_tree_node___0Adlw {
  height: 22px;
  line-height: 22px;
  display: flex;
  flex-direction: column;
  position: relative;
  cursor: pointer;
  color: var(--foreground);
}
.file_tree_node___0Adlw:hover {
  color: var(--kt-tree-hoverForeground);
  background: var(--kt-tree-hoverBackground);
}
.file_tree_node___0Adlw .file_tree_node_prompt_box___aM3B1 input.validate-error___hDJr7 {
  color: var(--inputValidation-errorForeground);
  background-color: var(--inputValidation-errorBackground);
  border: 1px solid var(--inputValidation-errorBorder);
}
.file_tree_node___0Adlw .file_tree_node_prompt_box___aM3B1 input.validate-info___Rhm-Y {
  background-color: var(--inputValidation-infoBackground);
  border: 1px solid var(--inputValidation-infoBorder);
  color: var(--inputValidation-infoForeground);
}
.file_tree_node___0Adlw .file_tree_node_prompt_box___aM3B1 input.validate-warning___THYtS {
  background-color: var(--inputValidation-warningBackground);
  border: 1px solid var(--inputValidation-warningBorder);
  color: var(--inputValidation-warningForeground);
}
.file_tree_node___0Adlw.mod_selected___g7ap7 {
  color: var(--kt-tree-inactiveSelectionForeground) !important;
  background: var(--kt-tree-inactiveSelectionBackground);
}
.file_tree_node___0Adlw.mod_focused___r9Rrs {
  outline: 1px solid var(--list-focusOutline);
  outline-offset: -1px;
}
.file_tree_node___0Adlw.mod_focused___r9Rrs .file_tree_node_displayname___9X6M1 .compact_name___53Meh.active___uZkdt {
  text-decoration: underline;
}
.file_tree_node___0Adlw.mod_actived___WMPuQ {
  outline: 1px solid var(--list-focusOutline);
  outline-offset: -1px;
}
.file_tree_node___0Adlw.mod_actived___WMPuQ .file_tree_node_displayname___9X6M1 .compact_name___53Meh.active___uZkdt {
  text-decoration: underline;
}
.file_tree_node___0Adlw.mod_invalid___mDpzD {
  color: var(--kt-tree-invalidItemForeground);
}
.file_tree_node___0Adlw.mod_dragging___-kNXy {
  background: var(--list-dropBackground);
}
.file_tree_node___0Adlw.mod_dragover___6C8y- {
  background: var(--list-dropBackground);
}
.file_tree_node___0Adlw.mod_loading___6GyCf {
  opacity: 0.8 !important;
}
.file_tree_node___0Adlw.mod_cut___Q0Ilh {
  opacity: 0.5 !important;
}
.file_tree_node_content___ysw0n {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
}
.file_tree_node_content___ysw0n match {
  background-color: var(--editor-findMatchHighlightBackground);
}
.file_tree_node_status___3Ycx8 {
  opacity: 0.75;
  text-align: center;
  font-size: 12px;
  padding-right: 0;
  line-height: 1;
}
.file_tree_node_segment___gPNbC {
  flex-grow: 0;
  white-space: nowrap;
  color: inherit;
}
.file_tree_node_displayname___9X6M1 {
  margin-right: 6px;
  display: inline;
  white-space: pre;
}
.file_tree_node_displayname___9X6M1 .compact_name___53Meh {
  color: inherit;
}
.file_tree_node_displayname___9X6M1 .compact_name___53Meh:focus,
.file_tree_node_displayname___9X6M1 .compact_name___53Meh:hover {
  text-decoration: underline;
}
.file_tree_node_displayname___9X6M1 .compact_name___53Meh.active___uZkdt {
  text-decoration: underline;
}
.file_tree_node_displayname___9X6M1 .compact_name_separator___Kdz8Z {
  margin: 0 2px;
  opacity: 0.5;
}
.file_tree_node_inputbox___P1B5F {
  display: inline-block;
  width: 100%;
}
.file_tree_node_inputbox___P1B5F input {
  font-size: 13px;
}
.file_tree_node_description___tRQQi {
  display: inline;
  transform: scale(0.96);
  color: var(--descriptionForeground);
}
.file_tree_node_overflow_wrap___KFk3R {
  flex: 1;
  flex-shrink: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left;
  color: inherit;
}
.file_tree_node_prompt_wrap___Xul1w {
  flex: 1;
}
.file_tree_node_flex_wrap___EnnHC {
  display: flex;
  flex-direction: row;
}
.file_tree_node_edit_wrap___XS-Zr {
  display: flex;
  width: calc(100% - 50px);
}
.file_tree_node_edit_wrap___XS-Zr .file_tree_node_displayname___9X6M1 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.file_tree_node_segment_grow___ChwVZ {
  flex-grow: 1 !important;
  text-align: left;
  z-index: 10;
  padding-right: 5px;
}
.file_tree_node_segment_grow___ChwVZ.overflow_visible___t\+P3t {
  overflow: visible !important;
}
.expansion_toggle___gOa8C {
  min-width: 20px;
  display: flex;
  justify-content: center;
  flex-shrink: 0;
  font-size: 16px;
  color: var(--foreground);
}
.expansion_toggle___gOa8C.mod_collapsed___7RRfE:before {
  display: block;
}
.expansion_toggle___gOa8C:not(.mod_collapsed___7RRfE):before {
  display: block;
  transform: rotate(90deg);
}
.file_icon___CB9Y0 {
  position: relative;
  color: var(--icon-foreground);
  margin-right: 4px;
}
.file_icon___CB9Y0:before {
  font-size: 16px;
  text-align: center;
}
.file_icon___CB9Y0.fileIcon:before {
  font-size: 18px;
}
.file_tree_node_tail___Jg3DG {
  text-align: center;
  margin-right: 10px;
  position: relative;
  height: 22px;
  display: flex;
  align-items: center;
}
.input_wrapper___7nWrp {
  height: 100%;
  width: 100%;
  line-height: normal;
  color: #cccccc;
  position: relative;
}

.dragging___KI2UW {
  background-color: var(--kt-activityBar-dropUpBackground) !important;
}
.tab_badge___iKMbQ {
  background-color: var(--activityBarBadge-background) !important;
  color: var(--activityBarBadge-foreground) !important;
  position: absolute;
  top: 22px;
  right: 8px;
}
.tab_badge___iKMbQ .icon_wrapper___jUh\+z {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  justify-content: center;
  align-items: center;
}
.tab_badge___iKMbQ .kt-icon {
  color: var(--activityBarBadge-foreground);
}
.text_tab___063Dz {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.text_tab___063Dz .bottom_tab_title___cCJbN {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.text_tab___063Dz .bottom_tab_title___cCJbN .kaitian-icon {
  color: var(--activityBar-inactiveForeground);
}
.icon_tab___PWIML {
  padding: 0 0;
  position: relative;
  height: 40px;
  background-color: transparent;
  border: none;
  line-height: normal;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 48px;
}
.icon_tab___PWIML div.activity-icon {
  font-size: 24px;
  width: 24px;
  height: 24px;
  color: var(--activityBar-inactiveForeground);
}
.icon_tab___PWIML div.activity-icon.mask-mode {
  background-color: var(--activityBar-inactiveForeground);
  -webkit-mask-size: 24px;
}
.icon_tab___PWIML:hover {
  cursor: pointer;
}
.icon_tab___PWIML:hover .activity-icon {
  color: var(--activityBar-foreground);
}
.icon_tab___PWIML:hover .activity-icon.mask-mode {
  background-color: var(--activityBar-foreground);
}
.tab_bar___Daorf {
  display: flex;
  user-select: none;
}
.tab_panel___f4\+9r {
  position: relative;
  flex: 1;
}
.tab_panel___f4\+9r::before {
  width: 100%;
  height: 1px;
  left: 0;
  top: 0;
  background-color: var(--sideBar-border);
  position: absolute;
  z-index: 2;
  content: ' ';
}
.tab_panel_hidden___w1IpB {
  border-top: none;
}
.left-slot .tab_panel___f4\+9r {
  border-right: 1px solid var(--sideBar-border);
}
.right-slot .tab_panel___f4\+9r {
  border-left: 1px solid var(--sideBar-border);
}
.left_tab_bar___F4O4O {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background-color: var(--activityBar-background);
  border-right: 1px solid var(--activityBar-border);
  border-top: 1px solid var(--activityBar-border);
}
.left_tab_bar___F4O4O .tab_bar___Daorf {
  flex: 1;
  overflow: hidden;
}
.right_tab_bar___I7i9M {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background-color: var(--activityBar-background);
  border-left: 1px solid var(--activityBar-border);
  border-top: 1px solid var(--activityBar-border);
}
.right_tab_bar___I7i9M .tab_bar___Daorf {
  height: 100%;
}
.right_tab_bar___I7i9M .tab_bar___Daorf .icon_tab___PWIML {
  width: 48px;
  height: 40px;
  margin: 0;
}
.tab_container___iNydw {
  display: flex;
}
.panel_wrap___VajpI {
  position: absolute;
  left: 0;
  right: 0;
  height: 100%;
}
.left-slot {
  height: 100%;
}
.right-slot {
  height: 100%;
}
.view_container___SGFxn {
  display: flex;
  flex-direction: column;
  height: 100%;
  background-color: var(--sideBar-background);
}
.panel_container___YC\+XN {
  height: 100%;
  overflow: hidden;
  background-color: var(--panel-background);
  display: flex;
  flex-direction: column;
}
.container_wrap___JjqaN {
  flex: 1;
  overflow: hidden;
  position: relative;
}
.bar_content___oPZgX {
  display: flex;
}
.float_container___9qSB2 {
  flex-direction: row;
  display: flex;
  position: absolute;
  top: -25.5px;
  right: 8px;
  align-items: center;
}
.panel_title_bar___9WO9\+ {
  flex-direction: row;
  display: flex;
  background-color: var(--kt-panelTitle-background);
  user-select: none;
  align-items: center;
  box-sizing: content-box;
  position: relative;
}
.panel_title_bar___9WO9\+ h1 {
  margin: 0;
  font-size: 12px;
  line-height: 24px;
  font-weight: 400;
  padding: 0 12px;
  color: var(--kt-panel-secondaryForeground);
  white-space: nowrap;
}
.panel_title_bar___9WO9\+::before {
  width: 100%;
  height: 1px;
  left: 0;
  bottom: 0;
  background-color: var(--sideBar-border);
  position: absolute;
  z-index: 9;
  content: ' ';
}
.bottom-slot {
  height: 100%;
}
.bottom-slot .tab_bar___Daorf {
  background-color: var(--kt-panelTitle-background);
  height: 24px;
  color: var(--panelTitle-inactiveForeground);
  font-size: 12px;
  align-items: center;
  justify-content: space-between;
  z-index: 1;
  flex: 1;
  user-select: none;
}
.bottom-slot .tab_bar___Daorf .tab_badge___iKMbQ {
  position: static;
  margin-left: 6px;
  background-color: var(--badge-background);
  color: var(--badge-foreground);
  border: 1px solid var(--kt-activityBarBadge-border);
  border-radius: 9px;
  font-size: 12px;
  font-weight: 400;
  text-align: center;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  padding: 0 6px;
  height: 18px;
  line-height: 18px;
}
.bottom-slot .next_bottom_bar___dhTZD .tab_badge___iKMbQ {
  margin-left: 4px;
}
.bottom-slot .tab_panel___f4\+9r select {
  outline: none;
  padding-left: 8px;
  padding-right: 38px;
  font-size: 12px;
  border: 0;
  height: 22px;
  line-height: 22px;
  border-radius: 2px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  color: var(--input-foreground);
  background: url(https://img.alicdn.com/tfs/TB1rFGZrYr1gK0jSZR0XXbP8XXa-200-200.png) no-repeat var(--input-background);
  background-position: right 8px top 4px;
  background-size: 14px;
}
.bottom-slot .tab_panel___f4\+9r select > option {
  background-color: var(--dropdown-listBackground);
}
.left_tab___UIGRJ,
.right_tab___\+R3zm {
  margin-top: 8px;
  background-color: var(--activityBar-background);
  width: 48px;
}
.left_tab___UIGRJ.on-drag-over,
.right_tab___\+R3zm.on-drag-over {
  background-color: var(--activityBar-dropBackground);
}
.left_tab___UIGRJ.active .icon_tab___PWIML::before,
.right_tab___\+R3zm.active .icon_tab___PWIML::before {
  content: '';
  display: block;
  position: absolute;
  height: 100%;
}
.left_tab___UIGRJ.active .icon_tab___PWIML div.activity-icon,
.right_tab___\+R3zm.active .icon_tab___PWIML div.activity-icon {
  color: var(--activityBar-foreground);
}
.left_tab___UIGRJ.active .icon_tab___PWIML div.activity-icon.mask-mode,
.right_tab___\+R3zm.active .icon_tab___PWIML div.activity-icon.mask-mode {
  background-color: var(--activityBar-foreground);
}
.left_tab___UIGRJ.active .icon_tab___PWIML::before {
  left: 0;
  border-left: 3px solid var(--activityBar-activeBorder);
}
.right_tab___\+R3zm.active .icon_tab___PWIML::before {
  right: 0;
  border-right: 3px solid var(--activityBar-activeBorder);
}
.bottom_tab___x0lEE {
  margin: 0 4px;
  padding: 0 8px;
  position: relative;
  height: 24px;
  line-height: 24px;
  display: inline-block;
  font-size: 12px;
  background-color: var(--kt-panelTitle-background);
}
.bottom_tab___x0lEE:hover {
  color: var(--panelTitle-activeForeground);
  cursor: pointer;
}
.bottom_tab___x0lEE.active {
  color: var(--panelTitle-activeForeground);
}
.bottom_tab___x0lEE.active > div {
  position: relative;
}
.bottom_tab___x0lEE.active > div::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: var(--panelTitle-activeBorder);
  width: 100%;
  height: 2px;
}
.bottom_tab___x0lEE.dragging___KI2UW > div::after {
  display: none;
}
.bottom_tab___x0lEE.on-drag-over {
  background-color: var(--panel-dropBackground);
}
.title_component_container___TUHGg {
  flex: 1;
  display: flex;
  align-items: center;
}
.panel_toolbar_container___1uvNX {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-right: 12px;
}
.panel_wrapper___3ZB2w {
  flex: 1;
  overflow: hidden;
  position: relative;
}
.bottom_tab_title___cCJbN {
  display: inline-block;
  white-space: no-wrap;
}
.bottom_bar_container___ZI3xt {
  display: flex;
  flex-direction: row;
  align-items: center;
  z-index: 1;
  height: 24px;
}
.bottom_bar_container___ZI3xt + .tab_panel___f4\+9r {
  border-bottom: 1px solid var(--sideBar-border);
}
.split_line___wMGHn {
  border-left: 1px solid #202224;
  height: 14px;
  width: 0px;
  margin: 0 8px;
}
.left_tab_bar___F4O4O .vertical_icons___XSbzo {
  height: auto;
  flex-direction: column;
  margin-top: 10px;
}
.left_tab_bar___F4O4O .vertical_icons___XSbzo.extra_top_menus___O2R2z .kt-icon {
  margin-bottom: initial;
  width: 32px;
  height: 28px;
}
.left_tab_bar___F4O4O .vertical_icons___XSbzo > span {
  width: 48px;
  height: 40px;
  font-size: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--activityBar-inactiveForeground);
  background-size: cover;
  margin: 0;
}
.left_tab_bar___F4O4O .vertical_icons___XSbzo > span:hover {
  transform: scale(1);
  background-color: transparent;
  color: var(--activityBar-foreground);
}
.left_tab_bar___F4O4O .vertical_icons___XSbzo > span:last-child {
  margin-bottom: 10px;
}
.ai_right_tab_bar___GstD8 {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background-color: var(--activityBar-background);
  border-left: 1px solid var(--activityBar-border);
  border-top: 1px solid var(--activityBar-border);
}
.ai_right_tab_bar___GstD8 div[class*='tab_bar'] {
  height: 100%;
}
.ai_right_tab_bar___GstD8 div[class*='tab_bar'] div[class*='icon_tab'] {
  margin: 0;
  margin-bottom: 4px;
}
.ai_right_tab_bar___GstD8 div[class*='design-bar_content'] {
  width: 100%;
  overflow-y: auto;
}
.ai_right_tab_bar___GstD8 div[class*='design-bar_content'] .active div[class*='design-icon_tab'] {
  background-color: var(--badge-background);
  color: var(--badge-foreground);
}
.ai_right_tab_bar___GstD8 div[class*='design-bar_content'] .active div[class*='design-icon_tab']::before {
  content: none;
}
.ai_right_tab_bar___GstD8 div[class*='design-bar_content']::-webkit-scrollbar {
  display: none !important;
}

.resize-ease {
  transition: height 0.1s ease-out;
}
.kt_split_panel_container___Hs\+bC {
  display: flex;
  width: 100%;
  height: 100%;
  white-space: nowrap;
  flex-direction: column;
}
.kt_split_panel___Imq3c {
  overflow: hidden;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
}
.kt_split_panel___Imq3c:hover .actions_wrap___QCMf3 {
  display: block;
}
.kt_split_panel_header___5ZFpI {
  background-color: var(--sideBarSectionHeader-background);
  font-size: 12px;
  text-transform: uppercase;
  display: flex;
  cursor: pointer;
  color: var(--sideBarSectionHeader-foreground);
  justify-content: space-between;
  border-top: 1px solid var(--sideBar-border);
  border-bottom: 1px solid transparent;
}
.kt_split_panel_header___5ZFpI:focus {
  outline-width: 1px;
  outline-style: solid;
  outline-offset: -1px;
  outline-color: var(--focusBorder);
}
.label_wrap___68Axr {
  display: flex;
  flex-direction: row;
  flex-shrink: 1;
  overflow: hidden;
  align-items: center;
}
.label_wrap___68Axr i.arrow_icon___xDwjC {
  display: flex;
  align-items: center;
  justify-items: center;
  font-size: 16px;
  margin: 0 4px;
  color: var(--descriptionForeground);
}
.label_wrap___68Axr i.arrow_icon___xDwjC.kt_mod_collapsed___rN7rQ {
  transform: rotate(-90deg);
}
.kt_split_panel_body___AD3CQ {
  overflow: hidden;
  flex: 1;
  font-size: 12px;
  position: relative;
  user-select: none;
}
.kt_split_panel_body___AD3CQ .progressBar___VqGQa {
  top: -1px;
}
.kt_split_panel_body___AD3CQ .kt_split_panel_message___TxvU0 {
  padding: 4px 12px 4px 18px;
  line-height: 14px;
  user-select: text;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.kt_split_overlay___Zs2wE {
  width: 100%;
  white-space: normal;
  flex: none;
  position: relative;
  transition: height 0.2s ease;
}
.kt_panel_toolbar___mSeae {
  position: absolute;
  right: 0;
  top: 0;
  height: 22px;
  display: none;
}
.kt_panel_toolbar___mSeae .kt_panel_toolbar_container___-3gpy {
  margin: 0 auto;
  padding: 0;
  width: 100%;
  height: 22px;
}
.kt_panel_toolbar___mSeae .kt_panel_toolbar_item___UyPYF {
  cursor: pointer;
  display: inline-block;
  position: relative;
  width: 28px;
  height: 22px;
  background-size: 16px;
  background-position: 50%;
  background-repeat: no-repeat;
  margin-right: 0;
}
.kt_panel_toolbar___mSeae .kt_panel_toolbar_item___UyPYF:active {
  transform: scale(1.1);
}
.section_label___HQyxx {
  font-weight: 400;
  color: var(--sideBarSectionHeader-foreground);
  text-transform: uppercase;
  cursor: pointer;
  user-select: none;
  flex: 0 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.section_badge___h0ELH {
  line-height: 1;
  background-color: var(--badge-background);
  color: var(--badge-foreground);
  margin-left: 6px;
  padding: 2px 4px;
  border-radius: 2px;
  overflow: hidden;
  white-space: nowrap;
  flex: 1 0 auto;
}
.section_description___IXRbR {
  font-weight: 400;
  margin-left: 10px;
  opacity: 0.6;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: none;
  white-space: nowrap;
  align-items: center;
  font-size: 12px;
  flex: 1;
}
.section_description___IXRbR .kt-icon,
.section_description___IXRbR .codicon {
  font-size: 14px !important;
}
.actions_wrap___QCMf3 {
  margin-right: 8px;
  display: none;
}
.titlebar___s5YAI {
  background-color: var(--sideBar-background);
  display: flex;
  flex-direction: row;
  user-select: none;
  justify-content: space-between;
  align-items: center;
  padding: 0 8px;
  box-sizing: border-box;
  line-height: 100%;
}
.titlebar___s5YAI h1 {
  color: var(--sideBarTitle-foreground);
  font-weight: 400;
  margin: 0;
  text-transform: uppercase;
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.hide___tQLLr {
  display: none;
}
.welcome___\+bCi0 {
  height: 100%;
  display: flex;
  flex-direction: column;
  padding: 0 10px 1em;
  box-sizing: border-box;
  align-items: center;
}
.welcome___\+bCi0 > * {
  margin-block-start: 1em;
  margin-block-end: 0;
  margin-inline-start: 0;
  margin-inline-end: 0;
}
.welcome___\+bCi0 p {
  width: 100%;
  text-align: left;
}
.welcome___\+bCi0 .button-container {
  width: 100%;
  max-width: 300px;
  transition: max-width 0.2s ease-out;
}
.welcome___\+bCi0 .button-container .kt-button {
  box-sizing: border-box;
  width: 100%;
  padding: 4px;
  text-align: center;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  max-width: 300px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
}

/* 请不要在这里申明 css variables 到 :root 下 */
/* 会导致这里的变量在被引用的时候 :root 下反复挂载过多的 css variables */
/* 基础文字大小 */
/* 基础间距大小 */
.file_tree___k75L- {
  overflow: hidden;
  height: 100%;
  font-size: 13px;
  position: relative;
}
.file_tree_drag_image___gvAMw {
  position: absolute;
  top: -1000px;
  font-size: 12px;
  display: inline-block;
  padding: 1px 12px;
  border-radius: 10px;
  background: var(--sideBar-dropBackground);
}
.outer_drag_over___Iw8XP {
  background: var(--list-dropBackground);
  outline: 1px solid var(--list-focusOutline);
  outline-offset: -1px;
}
.outer_active___Wibkk:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
  content: '';
  pointer-events: none;
  outline: 1px solid var(--list-focusOutline) !important;
  outline-offset: -1px;
}
.empty_view___CSlWh {
  width: 100%;
  height: 100%;
  padding: 10px 20px;
}
.empty_view___CSlWh .empty_button___ShBtO {
  color: #1c1d21;
  background-color: #cbcdd2;
  border-width: 1px;
  border-style: solid;
  border-color: #1c1d21;
  box-sizing: border-box;
  display: inline-block;
  width: 100%;
  padding: 4px;
  text-align: center;
  cursor: pointer;
  outline-offset: 2px !important;
}

.file_dialog_wrapper___v4s8T {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.file_dialog_area___GZvcY {
  overflow: hidden;
}
.file_dialog_content___RO1HZ {
  width: 100%;
  height: 300px;
  margin-top: 15px;
  position: relative;
  background-color: var(--sideBar-background);
}
.file_dialog_title___of4lM {
  font-size: 14px;
}
.file_dialog_directory___Zfl8k {
  width: 100%;
  margin-top: 10px;
  outline: 0;
}
.file_dialog_directory_title___kUPFD {
  font-size: 14px;
  width: 100%;
  text-align: left;
}
.file_dialog_message___4IPHT {
  margin-top: 10px;
}
.select_control___h\+UO- {
  width: 100%;
}
.file_dialog_buttons___x1MP5 {
  display: flex;
  flex-wrap: wrap;
  margin-top: 14px;
  justify-content: flex-end;
  width: 100%;
}
.button___cXLhv {
  margin: 10px 0 0 8px;
}
.file_dialog_file_name___GoGkF {
  margin-right: 10px;
  word-break: keep-all;
  word-spacing: normal;
  white-space: nowrap;
}
.file_dialog_file_container___uZ61P {
  margin-top: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.file_dialog_wrapper___v4s8T .kt-modal-close-x {
  margin: 10px 18px 0 0;
  width: 12px;
  height: 12px;
  line-height: 20px;
  color: var(--kt-notificationsCloseIcon-foreground);
}
.file_dialog_wrapper___v4s8T .kt-modal-body {
  padding-bottom: 8px;
}

.refactor_preview___CgiTs {
  display: flex;
}
.resource_node___0kc0E {
  display: flex;
  height: 23px;
  line-height: 23px;
  padding: 0px 10px;
  cursor: pointer;
}
.resource_node___0kc0E .resource_clickable___STjrG {
  display: flex;
  height: 23px;
  line-height: 23px;
}
.resource_node___0kc0E:hover {
  background-color: var(--editor-selectionBackground);
}
.resource_node___0kc0E .resource_node_path___vVemK {
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--descriptionForeground);
}
.refactor_preview_node_wrapper___WtqrO {
  display: inline-block;
  padding: 0px;
  margin: 0px 10px 0px 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.refactor_preview_node_wrapper___WtqrO .refactor_preview_node_base___v8XUJ {
  height: 16px;
  text-decoration: line-through;
  background-color: var(--diffEditor-removedTextBackground);
}
.refactor_preview_node_wrapper___WtqrO .refactor_preview_node_new___39a3g {
  height: 16px;
  background-color: var(--diffEditor-insertedTextBackground);
}

.getting_started_container___XbJ\+0 {
  box-sizing: border-box;
  line-height: 22px;
  position: relative;
  overflow: hidden;
  height: inherit;
  width: 100%;
  user-select: initial;
  outline: none;
  font-size: 13px;
}
.getting_started_container___XbJ\+0 p {
  margin-block-start: 1em;
  margin-block-end: 1em;
}
.getting_started_container___XbJ\+0 .getting_started_detailsContent___9BGee {
  height: 100%;
  display: grid;
  grid-template-columns: 1fr 5fr 1fr 8fr;
  grid-template-rows: calc(25% - 100px) auto auto 1fr auto;
  grid-template-areas: '. back . media .' '. title . media .' '. steps . media .' '. . . media .';
}
.getting_started_container___XbJ\+0 .getting_started_detailsContent___9BGee .category_container___EH1yf {
  grid-area: title;
  align-self: flex-end;
  display: flex;
  padding: 10px 0 20px 12px;
  margin: 0;
  min-height: auto;
  width: calc(100% - 16px);
  font-size: 13px;
  left: -3px;
  text-align: left;
}
.getting_started_container___XbJ\+0 .getting_started_detailsContent___9BGee .category_container___EH1yf .category_icon___g3See img {
  margin-right: 10px;
  margin-left: 10px;
  max-width: 32px;
  max-height: 32px;
}
.getting_started_container___XbJ\+0 .getting_started_detailsContent___9BGee .category_container___EH1yf .category_description_container___sfbUc .category_title___BviTY {
  display: -webkit-box;
  font-weight: 400;
  line-height: 26px;
  margin: 0 0 4px;
  overflow: hidden;
  color: var(--foreground);
}
.getting_started_container___XbJ\+0 .getting_started_detailsContent___9BGee .category_container___EH1yf .category_description_container___sfbUc .category_description___ritEM {
  color: var(--descriptionForeground);
}
.getting_started_container___XbJ\+0 .getting_started_detailsContent___9BGee .steps_container___ae6Na {
  height: 100%;
  grid-area: steps;
  overflow: hidden;
  position: relative;
}
.getting_started_container___XbJ\+0 .getting_started_detailsContent___9BGee .steps_container___ae6Na .getting_started_detail_container___Z5RwZ {
  overflow: hidden;
  height: inherit;
  color: var(--foreground);
}
.getting_started_container___XbJ\+0 .getting_started_detailsContent___9BGee .steps_container___ae6Na .getting_started_detail_container___Z5RwZ .step_list_container___xp4gy {
  overflow-y: auto;
  height: 100%;
}
.getting_started_container___XbJ\+0 .getting_started_detailsContent___9BGee .steps_container___ae6Na .getting_started_detail_container___Z5RwZ .step_list_container___xp4gy .getting_started_step___1Q8C0 {
  display: flex;
  width: 100%;
  margin: 4px 0;
  overflow: hidden;
  cursor: pointer;
  border: none;
  color: inherit;
  text-align: left;
  padding: 16px;
  font-size: 13px;
  font-family: inherit;
}
.getting_started_container___XbJ\+0 .getting_started_detailsContent___9BGee .steps_container___ae6Na .getting_started_detail_container___Z5RwZ .step_list_container___xp4gy .getting_started_step___1Q8C0:not(.expanded___yShXI) {
  background: none;
  opacity: 0.8;
  height: 54px;
}
.getting_started_container___XbJ\+0 .getting_started_detailsContent___9BGee .steps_container___ae6Na .getting_started_detail_container___Z5RwZ .step_list_container___xp4gy .getting_started_step___1Q8C0.expanded___yShXI {
  cursor: default !important;
  background-color: var(--editorWidget-background);
  outline: 1px solid -webkit-focus-ring-color;
  outline-offset: 0px;
}
.getting_started_container___XbJ\+0 .getting_started_detailsContent___9BGee .steps_container___ae6Na .getting_started_detail_container___Z5RwZ .step_list_container___xp4gy .getting_started_step___1Q8C0 .checkbox___El71o {
  margin-right: 8px;
}
.getting_started_container___XbJ\+0 .getting_started_detailsContent___9BGee .steps_container___ae6Na .getting_started_detail_container___Z5RwZ .step_list_container___xp4gy .getting_started_step___1Q8C0 .step_container___LH9n9 {
  width: 100%;
}
.getting_started_container___XbJ\+0 .getting_started_detailsContent___9BGee .steps_container___ae6Na .getting_started_detail_container___Z5RwZ .step_list_container___xp4gy .getting_started_step___1Q8C0 .step_container___LH9n9 .step_title___o-Gv1 {
  font-size: 13px;
  font-weight: 700;
  margin: 0;
  overflow: hidden;
  color: inherit;
  margin-bottom: 4px;
}
.getting_started_container___XbJ\+0 .getting_started_detailsContent___9BGee .steps_container___ae6Na .getting_started_detail_container___Z5RwZ .step_list_container___xp4gy .getting_started_step___1Q8C0 .step_description_container___7K5-T button {
  width: 100%;
}
.getting_started_container___XbJ\+0 .getting_started_detailsContent___9BGee .steps_container___ae6Na .getting_started_detail_container___Z5RwZ .step_list_container___xp4gy .getting_started_step___1Q8C0 .step_description_container___7K5-T button:not(:last-of-type) {
  margin-bottom: 6px;
}
.getting_started_container___XbJ\+0 .getting_started_detailsContent___9BGee .getting_started_media___WmB8Q {
  grid-area: title-start / media-start / steps-end / media-end;
  align-self: unset;
}
.getting_started_container___XbJ\+0 .getting_started_detailsContent___9BGee .getting_started_media___WmB8Q .media_svg_container___6fNXW {
  position: relative;
  height: 100%;
  width: 100%;
}
.getting_started_container___XbJ\+0 .getting_started_detailsContent___9BGee .getting_started_media___WmB8Q .media_svg_container___6fNXW svg {
  position: absolute;
  height: 100%;
  width: 80%;
  left: 50%;
  top: 50%;
  max-width: 530px;
  min-width: 350px;
  transform: translate(-50%, -50%);
}

.keybinding___6aeZe {
  display: flex;
  font-size: 11px;
}
.key_sequence___wMbp3 {
  margin-right: 6px;
}
.key_sequence___wMbp3:last-child {
  margin-right: 0;
}
.key___gKIdm {
  display: inline-block;
  font-size: 11px;
  border-radius: 3px;
  line-height: 10px;
  margin: 0 2px;
  padding: 3px 5px;
}
.vs .key___gKIdm {
  border: solid 1px rgba(204, 204, 204, 0.4);
  border-bottom-color: rgba(187, 187, 187, 0.4);
  box-shadow: inset 0 -1px 0 rgba(187, 187, 187, 0.4);
  background-color: rgba(221, 221, 221, 0.4);
}
.vs-dark .key___gKIdm {
  border: solid 1px rgba(51, 51, 51, 0.6);
  border-bottom-color: rgba(68, 68, 68, 0.6);
  box-shadow: inset 0 -1px 0 rgba(68, 68, 68, 0.6);
  background-color: rgba(128, 128, 128, 0.17);
}

.quickopen_tabs___uh9pu {
  display: flex;
  line-height: 20px;
  padding: 6px 8px 0;
  margin-bottom: 8px;
  font-size: 12px;
}
.quickopen_tabs_left___CbOH7 {
  display: flex;
  flex-wrap: nowrap;
}
.quickopen_tabs_left_item___3GaD2 {
  display: flex;
  height: 24px;
  margin-right: 16px;
  width: fit-content;
}
.quickopen_tabs_left_item___3GaD2:last-of-type {
  margin-left: 0;
}
.quickopen_tabs_left_item_text___oMBrP {
  border-bottom: 2px solid transparent;
  padding-bottom: 2px;
  cursor: pointer;
  width: fit-content;
  color: var(--foreground);
}
.quickopen_tabs_left_item_text___oMBrP.selected___\+f8nk {
  border-bottom-color: var(--kt-tab-activeBorder);
  color: var(--kt-tab-activeForeground);
}
.quickopen_tabs_tip___8p1tO {
  order: 1000;
  text-align: right;
  color: var(--descriptionForeground);
  word-break: keep-all;
  user-select: none;
}
.quickopen_tabs_tip___8p1tO .tab_key___VCL2h {
  width: 25px;
  margin: 0 5px;
}
.keybinding___9EYSy {
  font-size: 12px;
}
.tab_key___VCL2h {
  display: inline-flex;
  height: 16px;
  justify-content: center;
  align-items: center;
  margin: 0;
  padding: 0 4px;
  margin-left: 4px;
  border-radius: 2px;
  color: var(--descriptionForeground);
}
.vs-dark .tab_key___VCL2h {
  box-shadow: 0 1px 0 0 #43484d;
  background-color: #2c3033;
}
.vs .tab_key___VCL2h {
  box-shadow: inset 0 -1px 0 #bbb;
  background-color: #ddd;
}

.quick-title-container {
  display: flex;
  padding: calc(var(--kt-ui-padding));
  justify-content: space-between;
  align-items: center;
  background-color: var(--titlebar-background);
}
.quick-title-left-bar {
  display: flex;
  text-align: left;
}
.quick-title-right-bar {
  display: flex;
  text-align: right;
}
.quick-title-header {
  text-align: center;
}
.quick-title-button {
  width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  cursor: pointer;
}

.kaitian-icon.background-mode,
.kaitian-icon.mask-mode {
  width: 16px;
  height: 16px;
  line-height: 16px;
}
.kaitian-icon.mask-mode {
  -webkit-mask-size: 16px;
  background: currentColor;
}

.action___Szppr {
  color: var(--tab-activeForeground);
  cursor: pointer;
  margin: 0 5px;
}
.action___Szppr.active___zDJI5 {
  transform: scale(1.1);
}
#space1___DedYN {
  display: block;
}
.tool-bar___Rrxne {
  min-height: 0;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  background: var(--kt-menubar-background);
}
.tool-bar___Rrxne > div {
  height: 100%;
  display: flex;
  align-items: center;
}
.tool-bar___Rrxne > div > .kt-toolbar-location-visible {
  padding: 5px 5px;
}
.tool-bar___Rrxne .left___iOmC5 .kt-toolbar-location-visible {
  justify-content: left;
  height: 100%;
}
.tool-bar___Rrxne .right___x2FZO .kt-toolbar-location-visible {
  justify-content: flex-end;
  height: 100%;
  overflow: hidden;
}
.tool-bar___Rrxne .center___pKD7m .kt-toolbar-location-visible {
  justify-content: center;
  height: 100%;
  padding: 0 30px;
}
.tool-bar___Rrxne .iconfont {
  font-size: 16px;
}

.menu_bar_view___u-XRt {
  display: flex;
  background-color: var(--kt-menubar-background);
  align-items: center;
  width: 100%;
}
.menu_bar_view___u-XRt #design-menubar-right {
  display: flex;
  align-items: center;
}
.menu_bar_view___u-XRt .container___3p9NN {
  display: flex;
  justify-content: space-between;
  width: inherit;
  align-items: center;
  padding: 0 12px 0 8px;
}
.menu_bar_view___u-XRt .container___3p9NN .left___Pfuf- {
  display: flex;
  align-items: center;
}
.menu_bar_view___u-XRt .container___3p9NN .left___Pfuf- .enhance_menu___bB\+KX {
  padding: 8px;
}
.menu_bar_view___u-XRt .container___3p9NN .left___Pfuf- .dividing___o9tGF {
  margin-left: 5px;
  width: 2px;
  height: 12px;
  background-color: var(--editorGroup-border);
}
.menu_bar_view___u-XRt .container___3p9NN .left___Pfuf- .top_menus_bar___XlGc\+ {
  margin-left: 6px;
  display: flex;
  align-items: center;
  border-radius: 6px;
}
.menu_bar_view___u-XRt .container___3p9NN .left___Pfuf- .top_menus_bar___XlGc\+ .ai_enhance_menu___x83Tv {
  padding: 8px 6px;
  height: 32px;
}
.menu_bar_view___u-XRt .container___3p9NN .left___Pfuf- .top_menus_bar___XlGc\+ .caret_icon___CUyBt {
  font-size: 14px;
  margin-left: 4px;
}
.menu_bar_view___u-XRt .container___3p9NN .left___Pfuf- .top_menus_bar___XlGc\+ .logo_container___rYaWC {
  display: flex;
  align-items: center;
}
.menu_bar_view___u-XRt .container___3p9NN .left___Pfuf- .top_menus_bar___XlGc\+ .logo_container___rYaWC .extra_top_icon___Mn6fM {
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-size: 100%;
}
.menu_bar_view___u-XRt .container___3p9NN .left___Pfuf- .top_menus_bar___XlGc\+ .logo_container___rYaWC .extra_top_icon___Mn6fM::before {
  content: initial;
}
.menu_bar_view___u-XRt .container___3p9NN .left___Pfuf- .top_menus_bar___XlGc\+ .logo_container___rYaWC .extra_top_icon___Mn6fM:hover {
  background-color: transparent;
}
.menu_bar_view___u-XRt .container___3p9NN .center___c7UaX {
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  z-index: 1;
}
.menu_bar_view___u-XRt .container___3p9NN .center___c7UaX .run___XXKO8 .btn___wlr6R {
  border-radius: 6px;
  padding: 0 13px 0 11px;
  border: 0;
}
.menu_bar_view___u-XRt .container___3p9NN .center___c7UaX .run___XXKO8 span {
  color: #58ce5f;
  font-size: 12px;
}
.menu_bar_view___u-XRt .container___3p9NN .right___IQTyg {
  display: flex;
  align-items: center;
}
.menu_bar_view___u-XRt .container___3p9NN .right___IQTyg .input___n3LUp {
  margin-right: 16px;
  width: 240px;
  flex-shrink: 0;
}
.menu_bar_view___u-XRt .container___3p9NN .right___IQTyg .input___n3LUp .input_wrapper___nZ0-T {
  height: 32px;
  background-color: var(--design-borderColor);
  border-radius: 8px;
  border: 1px solid var(--design-input-foreground);
}

.design-dark .design-box-panel___rPOnL {
  background-image: url(./design-background-dark.png);
  background-repeat: no-repeat;
  background-size: cover;
}
.design-light .design-box-panel___rPOnL {
  background-image: url(./design-background-light.png);
  background-repeat: no-repeat;
  background-size: cover;
}
.design-light .editor_tab_block_container___G5yl9 > div:first-child::before {
  filter: grayscale(0);
}
.design-dark .design_bottom_slot .design-panel_title_bar___Fc78x,
.design-light .design_bottom_slot .design-panel_title_bar___Fc78x {
  background-color: var(--design-title-background);
}
#opensumi-quickpick .design-quickopen_list___5fGfh {
  border-radius: 0 0 8px 8px !important;
  border: 0 none !important;
  box-shadow: 0px 9px 28px 8px var(--design-boxShadow-primary), 0px 3px 6px -4px var(--design-boxShadow-secondary), 0px 6px 16px 0px var(--design-boxShadow-tertiary) !important;
}
.design-debug_toolbar_wrapper___XcSFZ {
  border-radius: 8px;
  background-color: var(--kt-modal-background);
  border: 0 none !important;
  box-shadow: 0px 9px 28px 8px var(--design-boxShadow-primary), 0px 3px 6px -4px var(--design-boxShadow-secondary), 0px 6px 16px 0px var(--design-boxShadow-tertiary) !important;
}
.design-navigation_menu___8EA-D {
  border-radius: 8px;
  border: 0 none !important;
  box-shadow: 0px 9px 28px 8px var(--design-boxShadow-primary), 0px 3px 6px -4px var(--design-boxShadow-secondary), 0px 6px 16px 0px var(--design-boxShadow-tertiary) !important;
}
.design-navigation_menu___8EA-D .design-navigation_menu_item___lROka .kaitian-icon {
  font-size: 14px;
}
.design-kt_workbench_editor___670B4 {
  height: 100%;
  width: 100%;
  background: none;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border-top: none;
  overflow: hidden;
}
/**
* ---------------- Override editor tab styles ---------------------
*/
.design-kt_editor_tabs_scroll_wrapper___bZT1X:after {
  display: none;
}
.design-kt_editor_group___FGcro .design-kt_editor_tabs_content___LvnKC .design-kt_editor_tab___Q\+Bz3 {
  border: 0 none;
  padding: 0;
  min-width: initial;
  align-items: center;
  background-color: transparent;
}
.design-kt_editor_group___FGcro .design-kt_editor_tabs_content___LvnKC .design-kt_editor_tab___Q\+Bz3:first-child > div::before {
  content: none;
}
.design-kt_editor_group___FGcro .design-kt_editor_tabs_content___LvnKC .design-kt_editor_tab___Q\+Bz3 .design-tab_right___39z6G {
  width: 22px;
  height: 22px;
  line-height: 22px;
}
.design-kt_editor_group___FGcro .design-kt_editor_tabs_content___LvnKC .design-kt_editor_tab___Q\+Bz3 div:first-child {
  margin-right: 0;
}
.design-kt_editor_group___FGcro .design-kt_editor_tabs_content___LvnKC .design-kt_editor_tab___Q\+Bz3 .design-kt_editor_close_icon___\+H8sB {
  width: 22px;
  height: 22px;
  border-radius: 4px;
  color: var(--design-text-foreground);
}
.design-kt_editor_group___FGcro .design-kt_editor_tabs_content___LvnKC .design-kt_editor_tab___Q\+Bz3 .design-kt_editor_close_icon___\+H8sB:hover {
  background-color: var(--design-block-hoverBackground);
  color: var(--design-text-hoverForeground);
}
.design-kt_editor_group___FGcro .design-kt_editor_tabs_content___LvnKC .design-kt_editor_tab___Q\+Bz3 .design-close_tab___SqBl1 {
  display: block;
}
.design-kt_editor_group___FGcro .design-kt_editor_tabs_content___LvnKC .design-kt_editor_tab___Q\+Bz3:hover {
  color: var(--tab-inactiveForeground);
}
.design-kt_editor_group___FGcro .design-kt_editor_tabs_content___LvnKC .design-kt_editor_tab___Q\+Bz3::after,
.design-kt_editor_group___FGcro .design-kt_editor_tabs_content___LvnKC .design-kt_editor_tab___Q\+Bz3::before {
  content: none;
}
.design-kt_editor_group___FGcro .design-kt_editor_tabs_content___LvnKC .design-kt_editor_tab___Q\+Bz3.design-kt_editor_tab_current___qVLVZ {
  background-color: transparent;
}
.design-kt_editor_group___FGcro .design-kt_editor_tabs_content___LvnKC .design-kt_editor_tab___Q\+Bz3.design-kt_editor_tab_current___qVLVZ .design-close_tab___SqBl1 {
  display: block;
}
.design-kt_editor_group___FGcro .design-kt_editor_tabs_content___LvnKC .design-kt_editor_tab___Q\+Bz3.design-kt_editor_tab_current___qVLVZ.design-kt_editor_tab_dirty___8VLa4 .design-close_tab___SqBl1 {
  display: none;
}
.design-kt_editor_group___FGcro .design-kt_editor_tabs_content___LvnKC .design-kt_editor_tab___Q\+Bz3.design-kt_editor_tab_current___qVLVZ.design-kt_editor_tab_dirty___8VLa4:hover .design-close_tab___SqBl1 {
  display: block;
}
.design-kt_editor_group___FGcro .design-kt_editor_tabs_content___LvnKC .design-kt_editor_tab___Q\+Bz3.design-kt_editor_tab_current_prev___85OIM {
  background-color: var(--panel-background);
}
.design-kt_editor_group___FGcro .design-kt_editor_tabs_content___LvnKC .design-kt_editor_tab___Q\+Bz3.design-kt_editor_tab_current_prev___85OIM .design-editor_tab_block_container___HXtvz {
  border-radius: 0 0 12px 0;
  background-color: var(--editorGroupHeader-tabsBackground);
}
.design-kt_editor_group___FGcro .design-kt_editor_tabs_content___LvnKC .design-kt_editor_tab___Q\+Bz3.design-kt_editor_tab_current_next___Z9Lu4 {
  background-color: var(--panel-background);
}
.design-kt_editor_group___FGcro .design-kt_editor_tabs_content___LvnKC .design-kt_editor_tab___Q\+Bz3.design-kt_editor_tab_current_next___Z9Lu4 .design-editor_tab_block_container___HXtvz {
  background-color: var(--editorGroupHeader-tabsBackground);
  border-radius: 0 0 0 12px;
}
.design-kt_editor_group___FGcro .design-kt_editor_tabs_content___LvnKC .design-kt_editor_tab___Q\+Bz3.design-kt_editor_tab_current_next___Z9Lu4 .design-editor_tab_block_container___HXtvz::before {
  content: none;
}
.design-kt_editor_group___FGcro .design-kt_editor_tabs_content___LvnKC .design-kt_editor_tab_dirty___8VLa4 .design-close_tab___SqBl1 {
  display: none;
}
.design-kt_editor_group___FGcro .design-kt_editor_tabs_content___LvnKC .design-kt_editor_tab_dirty___8VLa4:hover .design-close_tab___SqBl1 {
  display: block;
}
.design-kt_editor_group___FGcro .design-kt_editor_tabs_content___LvnKC.design-kt_editor_tabs_current_last___PkMBV .design-kt_editor_tab_current___qVLVZ {
  padding-right: 12px !important;
}
.design-kt_editor_group___FGcro .design-kt_editor_tabs_content___LvnKC.design-kt_editor_tabs_current_last___PkMBV .design-kt_editor_tab_current___qVLVZ::before {
  content: '';
  position: absolute;
  left: auto;
  right: 0;
  top: 0;
  width: 12px;
  height: 100%;
  background-color: var(--editorGroupHeader-tabsBackground);
  border-radius: 0 0 0 12px;
}
.design-kt_editor_group___FGcro .design-kt_editor_tabs_content___LvnKC.design-kt_editor_tabs_current_last___PkMBV .design-kt_editor_tab_current___qVLVZ::after {
  content: '';
  position: absolute;
  left: auto;
  top: 0;
  right: 0;
  width: 12px;
  height: 100%;
  background-color: var(--panel-background);
}
.design-kt_editor_group___FGcro .design-kt_editor_tabs___52suD .design-editor_actions___chu8y::after,
.design-kt_editor_group___FGcro .design-kt_editor_tabs___52suD .design-editor_actions___chu8y::before {
  content: none;
}
.design-kt_editor_group___FGcro .design-kt_editor_tabs___52suD .design-editor_actions___chu8y span.design-iconAction___zp1JO {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  line-height: 22px;
  font-size: 14px;
  color: var(--design-text-foreground);
  margin-left: 2px;
  border-radius: 4px;
}
.design-kt_editor_group___FGcro .design-kt_editor_tabs___52suD .design-editor_actions___chu8y span.design-iconAction___zp1JO:not(.disabled___Wh\+gY):hover {
  color: var(--design-text-hoverForeground);
  opacity: 1;
}
.design-kt_editor_group___FGcro .design-kt_editor_tabs___52suD .design-editor_actions___chu8y span.design-btnAction___X\+XTE {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  padding: 0;
  font-size: 14px;
  margin-left: 2px;
}
.design-kt_editor_group___FGcro .design-kt_editor_tabs___52suD .design-editor_actions___chu8y span.design-btnAction___X\+XTE:hover {
  border-radius: 4px;
  background-color: var(--kt-icon-hoverBackground);
  color: var(--design-text-hoverForeground);
}
.design-kt_editor_group___FGcro .design-kt_editor_tabs___52suD .design-editor_actions___chu8y button.design-btnAction___X\+XTE {
  color: var(--design-text-foreground);
}
.design-kt_editor_group___FGcro .design-kt_editor_tabs___52suD .design-editor_actions___chu8y button.design-btnAction___X\+XTE:hover {
  color: var(--design-text-hoverForeground);
  background-color: var(--kt-icon-hoverBackground);
}
.design-kt_editor_group___FGcro .design-kt_editor_tabs___52suD .design-editor_actions___chu8y button.design-btnAction___X\+XTE .kt-icon {
  font-size: 12px;
}
.design-kt_editor_group___FGcro .design-kt_editor_tabs___52suD .design-editor_actions___chu8y .background-mode {
  opacity: 0.85;
  background-size: 14px !important;
  background-position: center;
}
.design-editor_tab_block_container___HXtvz {
  display: flex;
  align-items: center;
  border-radius: 12px 12px 0 0;
  padding: 0 8px;
  margin-right: 0 !important;
}
.design-editor_tab_block_container___HXtvz::before {
  content: '';
  position: absolute;
  left: 0;
  display: inline-block;
  width: 1px;
  height: 12px;
  background-color: var(--editorGroup-border);
}
.design-editor_tab_block_container___HXtvz > div:first-child {
  margin-right: 4px !important;
  flex-shrink: 0;
  flex-grow: 0;
}
.design-editor_tab_block_container___HXtvz > div:first-child::before {
  font-size: 14px;
  background-size: 14px;
  background-position: 2px;
  filter: grayscale(1);
  color: var(--design-icon-foreground);
}
.design-editor_tab_block_container___HXtvz.active___t5uyv {
  background-color: var(--tab-activeBackground);
  color: var(--tab-activeForeground);
}
.design-editor_tab_block_container___HXtvz.active___t5uyv::before {
  content: none;
}
.design-editor_tab_block_container___HXtvz.active___t5uyv div:first-child::before {
  filter: grayscale(0);
}
.design-editor_tab_block_container___HXtvz .design-tab_right___39z6G:hover {
  background-color: initial !important;
  transform: scale(1) !important;
}
.design-editor_tab_block_container___HXtvz .design-tab_right___39z6G .design-close_tab___SqBl1 {
  color: var(--design-icon-foreground);
}
.design-editor_tab_block_container___HXtvz .design-tab_right___39z6G .design-close_tab___SqBl1:hover {
  color: var(--design-text-foreground);
}
/**
* ---------------- Override editor navigation bar style ---------------------
*/
.design-navigation_container___xSbsU {
  height: 28px;
  border-bottom: 0 none;
}
.design-navigation_container___xSbsU span.design-navigation-part___JJ7EY {
  color: var(--design-text-placeholderForeground);
}
.design-navigation_container___xSbsU span.design-navigation-part___JJ7EY > span:first-child {
  padding-right: 0;
}
.design-navigation_container___xSbsU span.design-navigation-part___JJ7EY > span:first-child::before {
  background-size: 14px;
  background-position: center;
  padding-right: 0;
  margin-right: 4px;
}
.design-navigation_container___xSbsU span.design-navigation_icon___2IokI {
  color: var(--design-text-foreground);
}
/**
* ---------------- Override editor component content block style ---------------------
*/
.design-kt_editor_component___Gdfqy {
  background-color: var(--panel-background);
}
/**
* ---------------- Override editor panel bottom tabbar style ---------------------
*/
.design_bottom_slot .design-tab_panel___qDkTR::before {
  content: none;
}
.design_bottom_slot li.design-bottom_tab___0skQ5 {
  height: 100%;
  line-height: 31px;
}
.design_bottom_slot .design-bottom_bar_container___a-NTR {
  width: 100%;
}
.design_bottom_slot .design-variable_repl_bar___yo\+nk {
  background-color: transparent;
}
.design_bottom_slot .design-panel_toolbar_container___w7gSi {
  margin: 0 10px;
}
.design_bottom_slot .design-titleActions___BZoEV > span.design-iconAction___zp1JO {
  margin-left: 4px;
}
.design_bottom_slot .design-titleActions___BZoEV > span.design-iconAction___zp1JO:first-child {
  margin-left: 0;
}
.design_bottom_slot .design-titleActions___BZoEV span.design-iconAction___zp1JO {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  width: 20px;
  height: 20px;
  color: var(--design-text-foreground);
  border-radius: 4px;
  box-sizing: border-box;
}
.design_bottom_slot .design-titleActions___BZoEV span.design-iconAction___zp1JO:not(.disabled___Wh\+gY):hover {
  color: var(--design-text-hoverForeground);
}
.design_bottom_slot .design-titleActions___BZoEV span.design-btnAction___X\+XTE {
  padding: 3px;
  font-size: 14px;
}
.design_bottom_slot .design-titleActions___BZoEV span.design-btnAction___X\+XTE:hover {
  background-color: var(--kt-icon-hoverBackground);
  color: var(--design-text-hoverForeground);
}
.design_bottom_slot .kt-select-value-small {
  height: 24px;
  border-radius: 4px;
}
.design_bottom_slot .design-debug_console_output___\+WIap {
  background-color: transparent;
}
.design_bottom_slot .design-markerFilterContent___s0-Cm {
  justify-content: start;
}
.design_bottom_slot .design-markerFilterContent___s0-Cm .design-filterInput___vQEef {
  height: 24px;
  font-size: 12px;
  border-radius: 4px;
  width: 240px;
  max-width: 240px;
}
.design_bottom_slot .design-debug_console_filter___m-YEg {
  justify-content: start;
}
.design_bottom_slot .design-debug_console_filter___m-YEg .design-filter_input___v6YFy {
  height: 24px;
  font-size: 12px;
  border-radius: 4px;
  width: 240px;
  max-width: 240px;
}
.design_bottom_slot .design-debug_console_filter___m-YEg .design-filter_input___v6YFy .kt-icon {
  color: var(--design-input-foreground);
}
.design_bottom_slot li.design-bottom_tab___0skQ5 {
  background-color: transparent;
}
.design_bottom_slot .design-panel_title_bar___Fc78x::before {
  content: none;
}
.design_bottom_slot .design-item_container___fD36b {
  border: 0 none;
}
.design_bottom_slot .design-item_container___fD36b:first-child::before {
  display: none;
}
.design_bottom_slot .design-item_container___fD36b::before {
  content: '';
  position: absolute;
  left: 0;
  top: 12px;
  display: inline-block;
  width: 1px;
  height: 12px;
  background-color: var(--kt-panelTab-border);
}
.design_bottom_slot .design-item_container___fD36b .design-item_info_name___vVZwn {
  min-width: 110px;
  margin-right: 4px;
}
.design_bottom_slot .design-item_container___fD36b .design-tab_close_icon___oTlD0 {
  opacity: 1;
  color: var(--design-text-foreground);
  display: flex;
  width: 22px;
  height: 22px;
  align-items: center;
  justify-content: center;
}
.design_bottom_slot .design-item_container___fD36b .design-tab_close_icon___oTlD0::before {
  font-size: 14px;
}
.design_bottom_slot .design-item_container___fD36b .design-tab_close_icon___oTlD0:hover {
  color: var(--design-text-hoverForeground);
}
.design_bottom_slot .design-tab_item_wrapper___Qjc87 > div {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  line-height: 22px;
  padding: 0;
  border-radius: 4px;
  font-size: 16px;
}
.design_bottom_slot .design-tab_item_wrapper___Qjc87 > div:hover {
  color: var(--design-text-hoverForeground);
  background-color: var(--kt-icon-hoverBackground);
}
.design_bottom_slot .design-tab_item_selected___GGebA::before,
.design_bottom_slot .design-tab_item_selected___GGebA + div::before,
.design_bottom_slot .design-tab_item_selected___GGebA::after,
.design_bottom_slot .design-tab_item_selected___GGebA + div::after {
  display: none;
}
.design_bottom_slot .design-tab_contents___qjCUS {
  height: 35px;
}
.design_bottom_slot .design-tab_contents___qjCUS :first-child.design-item_container___fD36b {
  border-left: 1px solid var(--editorGroup-border);
}
.design_left_slot {
  margin-right: 1px;
}
.design_right_slot {
  margin-left: 1px;
}
.design_left_slot,
.design_right_slot {
  border-radius: 12px;
  overflow: hidden;
}
.design_left_slot .design-tab_panel___qDkTR,
.design_right_slot .design-tab_panel___qDkTR {
  border: none;
}
.design_left_slot .design-file_tree_node___SVbZ6,
.design_right_slot .design-file_tree_node___SVbZ6 {
  font-size: 12px;
}
.design_left_slot .design-tree_view_node___2edHR,
.design_right_slot .design-tree_view_node___2edHR,
.design_left_slot .design-scm_tree_node___fjASh,
.design_right_slot .design-scm_tree_node___fjASh,
.design_left_slot .design-opened_editor_node___aJXDw,
.design_right_slot .design-opened_editor_node___aJXDw,
.design_left_slot .design-file_tree_node___SVbZ6,
.design_right_slot .design-file_tree_node___SVbZ6 {
  border-radius: 4px;
  margin: 0 5px;
}
.design_left_slot .design-kt_split_panel___Ng4wF,
.design_right_slot .design-kt_split_panel___Ng4wF {
  padding-bottom: 8px;
}
.design_left_slot .design-kt_split_panel___Ng4wF::-webkit-scrollbar,
.design_right_slot .design-kt_split_panel___Ng4wF::-webkit-scrollbar {
  width: 4px;
}
.design_left_slot .design-kt_split_panel___Ng4wF::-webkit-scrollbar:hover,
.design_right_slot .design-kt_split_panel___Ng4wF::-webkit-scrollbar:hover {
  width: 10px;
}
.design_left_slot .design-kt_split_panel_header___RU3uN:focus,
.design_right_slot .design-kt_split_panel_header___RU3uN:focus {
  outline: none;
}
.design_left_slot .design-kt_split_panel_header___RU3uN .design-actions_wrap___gUgx8,
.design_right_slot .design-kt_split_panel_header___RU3uN .design-actions_wrap___gUgx8 {
  margin: 0 8px;
}
.design_left_slot .design-scmMenu___6vc0e,
.design_right_slot .design-scmMenu___6vc0e {
  margin: 0 8px;
  padding: 0;
  margin-bottom: 10px;
  border-radius: 4px !important;
  overflow: hidden;
}
.design_left_slot .design-section_badge___G1d4V,
.design_right_slot .design-section_badge___G1d4V {
  border-radius: 4px !important;
}
.design_left_slot .design-titleActions___BZoEV > span.design-iconAction___zp1JO,
.design_right_slot .design-titleActions___BZoEV > span.design-iconAction___zp1JO {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--design-text-foreground);
  box-sizing: border-box;
  border-radius: 3px;
}
.design_left_slot .design-titleActions___BZoEV > span.design-iconAction___zp1JO::before,
.design_right_slot .design-titleActions___BZoEV > span.design-iconAction___zp1JO::before {
  font-size: 14px;
}
.design_left_slot .design-titleActions___BZoEV > span.design-iconAction___zp1JO:hover,
.design_right_slot .design-titleActions___BZoEV > span.design-iconAction___zp1JO:hover {
  background-color: var(--badge-background);
  color: var(--badge-foreground);
  border-radius: 4px;
  opacity: 1;
}
.design_left_slot .design-titleActions___BZoEV .background-mode,
.design_right_slot .design-titleActions___BZoEV .background-mode {
  opacity: 0.85;
  background-size: 14px !important;
  background-position: center;
}
.design_left_slot .design-titlebar___toNxv,
.design_right_slot .design-titlebar___toNxv {
  color: var(--design-title-foreground);
}
.design_left_slot .design-titlebar___toNxv h1,
.design_right_slot .design-titlebar___toNxv h1 {
  color: var(--design-title-foreground);
}
.design_left_slot .design-expansion_toggle___dTE9k,
.design_right_slot .design-expansion_toggle___dTE9k {
  color: var(--design-text-placeholderForeground);
}
.design_left_slot div[class*='mod_selected'] .design-opened_editor_node_overflow_wrap___jxiXO,
.design_right_slot div[class*='mod_selected'] .design-opened_editor_node_overflow_wrap___jxiXO {
  color: var(--design-text-highlightForeground) !important;
}
.design_left_slot div[class*='mod_selected'] .design-expansion_toggle___dTE9k,
.design_right_slot div[class*='mod_selected'] .design-expansion_toggle___dTE9k {
  color: var(--design-text-highlightForeground) !important;
}
.design_left_slot .design-icon_tab___T0OqQ,
.design_right_slot .design-icon_tab___T0OqQ {
  height: 32px !important;
  width: 32px !important;
  border-radius: 8px;
}
.design_left_slot .design-icon_tab___T0OqQ:hover,
.design_right_slot .design-icon_tab___T0OqQ:hover {
  background-color: var(--badge-background);
  color: var(--badge-foreground);
}
.design_left_slot .design-icon_tab___T0OqQ .activity-icon,
.design_right_slot .design-icon_tab___T0OqQ .activity-icon {
  font-size: 16px;
  width: 16px;
  height: 16px;
}
.design_left_slot .design-icon_tab___T0OqQ .activity-icon.mask-mode,
.design_right_slot .design-icon_tab___T0OqQ .activity-icon.mask-mode {
  -webkit-mask-size: 16px;
}
.design_left_slot .design-tab_panel_hidden___CLv03,
.design_right_slot .design-tab_panel_hidden___CLv03 {
  display: none;
}
.design_left_slot .design-outline_node___gqU5X,
.design_right_slot .design-outline_node___gqU5X {
  border-radius: 4px;
}
.design_left_slot .design-extension_item___2hihr,
.design_right_slot .design-extension_item___2hihr {
  border-radius: 8px;
}
.design-tab_panel___qDkTR::before {
  content: none !important;
}
.design_left_slot li.design-left_tab___Gu924,
.design_right_slot li.design-left_tab___Gu924,
.design_left_slot li.design-right_tab___TLzOS,
.design_right_slot li.design-right_tab___TLzOS {
  width: 100%;
  display: flex;
  justify-content: center;
}
.design_left_slot li.design-left_tab___Gu924:first-child,
.design_right_slot li.design-left_tab___Gu924:first-child,
.design_left_slot li.design-right_tab___TLzOS:first-child,
.design_right_slot li.design-right_tab___TLzOS:first-child {
  margin-top: 0;
}
.design_left_slot .design-left_tab_bar___CLNXt,
.design_right_slot .design-left_tab_bar___CLNXt,
.design_left_slot .design-right_tab_bar___K9mXX,
.design_right_slot .design-right_tab_bar___K9mXX {
  border-right: none;
  border-top: none;
  width: 48px;
}
.design_left_slot .design-left_tab_bar___CLNXt .design-bar_content___6j6Fc,
.design_right_slot .design-left_tab_bar___CLNXt .design-bar_content___6j6Fc,
.design_left_slot .design-right_tab_bar___K9mXX .design-bar_content___6j6Fc,
.design_right_slot .design-right_tab_bar___K9mXX .design-bar_content___6j6Fc {
  width: 100%;
  overflow-y: auto;
  padding-top: 10px;
}
.design_left_slot .design-left_tab_bar___CLNXt .design-bar_content___6j6Fc .active .design-icon_tab___T0OqQ,
.design_right_slot .design-left_tab_bar___CLNXt .design-bar_content___6j6Fc .active .design-icon_tab___T0OqQ,
.design_left_slot .design-right_tab_bar___K9mXX .design-bar_content___6j6Fc .active .design-icon_tab___T0OqQ,
.design_right_slot .design-right_tab_bar___K9mXX .design-bar_content___6j6Fc .active .design-icon_tab___T0OqQ {
  background-color: var(--badge-background);
  color: var(--badge-foreground);
}
.design_left_slot .design-left_tab_bar___CLNXt .design-bar_content___6j6Fc .active .design-icon_tab___T0OqQ::before,
.design_right_slot .design-left_tab_bar___CLNXt .design-bar_content___6j6Fc .active .design-icon_tab___T0OqQ::before,
.design_left_slot .design-right_tab_bar___K9mXX .design-bar_content___6j6Fc .active .design-icon_tab___T0OqQ::before,
.design_right_slot .design-right_tab_bar___K9mXX .design-bar_content___6j6Fc .active .design-icon_tab___T0OqQ::before {
  content: none;
}
.design_left_slot .design-left_tab_bar___CLNXt .design-bar_content___6j6Fc::-webkit-scrollbar,
.design_right_slot .design-left_tab_bar___CLNXt .design-bar_content___6j6Fc::-webkit-scrollbar,
.design_left_slot .design-right_tab_bar___K9mXX .design-bar_content___6j6Fc::-webkit-scrollbar,
.design_right_slot .design-right_tab_bar___K9mXX .design-bar_content___6j6Fc::-webkit-scrollbar {
  display: none !important;
}
.design_left_slot .design-right_tab_bar___K9mXX,
.design_right_slot .design-right_tab_bar___K9mXX {
  border-right: none;
  border-top: none;
}
.design_right_slot {
  background-color: var(--panel-background);
  height: 100%;
}
/* 左侧面板滚动条 */
.design-kt_split_panel_body___PZX2d::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.design-kt_split_panel_body___PZX2d::-webkit-scrollbar:hover {
  width: 10px;
}
/**
* ---------------- Override menu actions styles ---------------------
*/
.menuAction__sub_menu_action_container___4kPL- {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  user-select: none;
  padding-left: 12px;
  padding-right: 12px;
  min-width: 150px;
}
.menuAction__sub_menu_action_container___4kPL- .icon___aezGZ {
  filter: grayscale(1);
}
.menuAction__sub_menu_action_container___4kPL- .icon___aezGZ span {
  margin-right: 8px;
}
.menuAction__sub_menu_action_container___4kPL- .extraDesc___Irs6t,
.menuAction__sub_menu_action_container___4kPL- .shortcut___Ydtqt {
  justify-content: right;
  text-align: center;
  color: var(--kt-menu-descriptionForeground);
  font-size: 12px;
}
.menuAction__sub_menu_action_container___4kPL- .icon___aezGZ,
.menuAction__sub_menu_action_container___4kPL- .submenuIcon___nv6wl {
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
.menuAction__sub_menu_action_container___4kPL- .icon___aezGZ .kt-icon,
.menuAction__sub_menu_action_container___4kPL- .submenuIcon___nv6wl .kt-icon {
  color: var(--design-text-foreground);
}
.menuAction__sub_menu_action_container___4kPL- .label___qUVtE {
  flex: 1;
  padding-right: 16px;
}
.menuAction__sub_menu_action_container___4kPL-.disabled___Wh\+gY .shortcut___Ydtqt {
  color: var(--kt-menu-disableForeground);
}
.menuAction__sub_menu_action_container___4kPL-:not(.disabled___Wh\+gY):hover {
  background: var(--menu-selectionBackground) !important;
  color: var(--menu-selectionForeground) !important;
}
.menuAction__sub_menu_action_container___4kPL-:not(.disabled___Wh\+gY):hover .shortcut___Ydtqt {
  color: var(--menu-selectionForeground);
}
.menuAction__sub_menu_action_container___4kPL-:focus .shortcut___Ydtqt {
  color: var(--menu-selectionForeground);
}
.menuAction__sub_menu_action_container___4kPL- .label___qUVtE {
  font-size: 12px;
  display: flex;
  align-items: center;
  white-space: pre-wrap;
}
.menuAction__sub_menu_action_container___4kPL- .submenuIcon___nv6wl span {
  font-size: 16px;
}

#opensumi-left-tabbar .kt-badge {
  top: 0;
  right: -8px;
  font-size: 10px;
  min-width: 16px;
  padding: 0 2px;
  height: 14px;
  line-height: 14px;
  letter-spacing: -0.5px;
}
#opensumi-statusbar {
  border-top: 0;
}
#top {
  margin-bottom: 1px;
}
#top #opensumi-menubar {
  border-radius: 12px;
}
#statusbar {
  padding-top: 1px;
}
#statusbar #opensumi-statusbar {
  border-radius: 12px;
  overflow: hidden;
}
.kt-menu::-webkit-scrollbar {
  width: 4px;
  margin: 20px;
}
.kt-menu::-webkit-scrollbar:hover {
  width: 10px;
}
.kt-menu.kt-inner-menu-submenu {
  background-color: transparent !important;
  border-radius: 8px !important;
}
.kt-menu.kt-inner-menu-submenu ul.kt-inner-menu-sub {
  backdrop-filter: saturate(150%) blur(20px) !important;
  -webkit-backdrop-filter: saturate(150%) blur(20px) !important;
  border: 0 none !important;
  box-shadow: 0px 9px 28px 8px var(--design-boxShadow-primary), 0px 3px 6px -4px var(--design-boxShadow-secondary), 0px 6px 16px 0px var(--design-boxShadow-tertiary) !important;
  border-radius: 8px !important;
  margin-left: 2px;
}
.kt-menu.kt-inner-menu-submenu ul.kt-inner-menu-sub .kt-icon {
  display: none;
}
.kt-menu.kt-inner-menu,
.kt-menu .kt-inner-menu {
  backdrop-filter: saturate(150%) blur(20px) !important;
  -webkit-backdrop-filter: saturate(150%) blur(20px) !important;
  border: 0 none !important;
  box-shadow: 0px 9px 28px 8px var(--design-boxShadow-primary), 0px 3px 6px -4px var(--design-boxShadow-secondary), 0px 6px 16px 0px var(--design-boxShadow-tertiary) !important;
  border-radius: 8px !important;
  min-width: initial;
  padding: 4px 0 !important;
}
.kt-menu.kt-inner-menu .kt-inner-menu-submenu-title,
.kt-menu .kt-inner-menu .kt-inner-menu-submenu-title,
.kt-menu.kt-inner-menu .kt-inner-menu-item,
.kt-menu .kt-inner-menu .kt-inner-menu-item {
  height: 28px !important;
  padding: 0 !important;
  line-height: 28px !important;
}
.kt-menu.kt-inner-menu li.kt-inner-menu-submenu,
.kt-menu .kt-inner-menu li.kt-inner-menu-submenu {
  line-height: 28px;
  padding-bottom: 0;
}
.kt-menu.kt-inner-menu .kt-inner-menu-item {
  margin: 0 !important;
  height: 28px !important;
  display: flex !important;
  align-items: center !important;
  color: inherit !important;
  transition: none !important;
}
.kt-menu.kt-inner-menu .kt-inner-menu-item-divider,
.kt-menu .kt-inner-menu .kt-inner-menu-item-divider {
  pointer-events: none !important;
  opacity: 1 !important;
  margin: 4px 0 !important;
}
.kt-popover-content {
  box-shadow: 0px 9px 28px 8px var(--design-boxShadow-primary), 0px 3px 6px -4px var(--design-boxShadow-secondary), 0px 6px 16px 0px var(--design-boxShadow-tertiary);
  border-radius: 6px;
  line-height: 18px;
  padding: 4px 6px;
}
.kt-popover-content .kt-popover-title {
  margin-bottom: 0;
  font-size: 12px;
}
html ::-webkit-scrollbar-thumb {
  border-radius: 4px !important;
}
#workbench-editor .monaco-editor .decorationsOverviewRuler {
  width: 4px !important;
}
#workbench-editor .monaco-editor .find-widget {
  border-radius: 6px;
}
#workbench-editor .monaco-editor .minimap {
  left: auto !important;
  right: 4px !important;
}
#workbench-editor .monaco-editor .monaco-hover,
#workbench-editor .monaco-editor .suggest-widget,
#workbench-editor .monaco-editor .suggest-details {
  background-color: var(--kt-modal-background) !important;
  border-color: transparent;
  box-shadow: 0px 9px 28px 8px var(--design-boxShadow-primary), 0px 3px 6px -4px var(--design-boxShadow-secondary), 0px 6px 16px 0px var(--design-boxShadow-tertiary) !important;
  border-radius: 8px !important;
}
#workbench-editor .monaco-editor .suggest-widget {
  overflow: hidden;
}
#workbench-editor .monaco-editor .monaco-scrollable-element > .scrollbar > .slider {
  background: var(--scrollbarSlider-background);
}
#workbench-editor .monaco-editor .monaco-scrollable-element .vertical {
  width: 4px !important;
}
#workbench-editor .monaco-editor .monaco-scrollable-element .vertical:hover {
  width: 10px !important;
}
#workbench-editor .monaco-editor .monaco-scrollable-element .vertical .slider {
  width: 4px !important;
  left: unset !important;
  right: 0;
  border-radius: 4px !important;
}
#workbench-editor .monaco-editor .monaco-scrollable-element .vertical .slider:hover {
  width: 10px !important;
}
#workbench-editor .monaco-editor .monaco-scrollable-element .horizontal {
  height: 4px !important;
}
#workbench-editor .monaco-editor .monaco-scrollable-element .horizontal:hover {
  height: 10px !important;
}
#workbench-editor .monaco-editor .monaco-scrollable-element .horizontal .slider {
  border-radius: 4px !important;
  height: 4px !important;
}
#workbench-editor .monaco-editor .monaco-scrollable-element .horizontal .slider:hover {
  height: 10px !important;
}
#workbench-editor .monaco-editor .action-widget {
  backdrop-filter: saturate(150%) blur(20px);
  -webkit-backdrop-filter: saturate(150%) blur(20px);
  border: 0 none !important;
  box-shadow: 0px 9px 28px 8px var(--design-boxShadow-primary), 0px 3px 6px -4px var(--design-boxShadow-secondary), 0px 6px 16px 0px var(--design-boxShadow-tertiary);
  border-radius: 8px;
  background-color: var(--menu-background);
  padding: 4px 0;
}
.basic_tree .tree_node {
  border-radius: 4px;
}
.xterm .xterm-viewport::-webkit-scrollbar {
  width: 4px;
}
.xterm .xterm-viewport::-webkit-scrollbar:hover {
  width: 10px;
}
.kt-modal-content {
  border-radius: 8px;
  background-color: transparent;
}
.kt-overlay .kt-modal-body {
  border-radius: 8px;
  border: 0 none !important;
  box-shadow: 0px 9px 28px 8px var(--design-boxShadow-primary), 0px 3px 6px -4px var(--design-boxShadow-secondary), 0px 6px 16px 0px var(--design-boxShadow-tertiary) !important;
}
.kt-dialog-buttonWrap button {
  border-radius: 4px;
}
.kt-notification-notice {
  border-radius: 8px;
}
.input-box .validate-message.popup {
  padding: 8px;
}
.input-box .validate-message.popup.validate-warning {
  border-radius: 6px;
}
.kt-input {
  border-radius: 6px;
}
.default-button-size,
.kt-button {
  border-radius: 4px;
}
.large-button-size,
.kt-dialog-buttonWrap button {
  border-radius: 6px;
}
.kt-select-container .kt-select-value {
  border-radius: 4px;
}
.kt-select-options {
  border-radius: 8px;
}
.kt-clickable-icon:hover {
  transform: none;
}
#opensumi-quickpick {
  border: 0 none !important;
  box-shadow: 0px 9px 28px 8px var(--design-boxShadow-primary), 0px 3px 6px -4px var(--design-boxShadow-secondary), 0px 6px 16px 0px var(--design-boxShadow-tertiary) !important;
  border-radius: 8px 8px 0 0 !important;
  padding: 4px 0;
}
.design_left_slot {
  display: flex;
}
.design_bottom_slot {
  background-color: var(--design-container-background);
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
  overflow: hidden;
}
.design_bottom_slot .kt-select-container .kt-select-value > span {
  color: var(--design-text-foreground);
}
.design_bottom_slot .kt-select-container .kt-select-options {
  padding: 4px 0;
  border-radius: 8px;
  box-shadow: 0px 9px 28px 8px var(--design-boxShadow-primary), 0px 3px 6px -4px var(--design-boxShadow-secondary), 0px 6px 16px 0px var(--design-boxShadow-tertiary);
}
.design_bottom_slot .kt-select-container .kt-select-options > div {
  line-height: 26px;
  height: 26px;
}
.design_bottom_slot .kt-select-container .kt-select-options span {
  margin: 0;
  width: 100%;
}
.design_bottom_slot .kt-select-container .kt-select-options::-webkit-scrollbar {
  width: 4px !important;
}
.design_bottom_slot .kt-select-container .kt-select-options::-webkit-scrollbar:hover {
  width: 10px;
}
.design-dark .monaco-editor,
.design-light .monaco-editor,
.design-dark .monaco-editor-background,
.design-light .monaco-editor-background,
.design-dark .monaco-editor .margin,
.design-light .monaco-editor .margin {
  background-color: var(--design-monaco-background) !important;
}
/**
* layout 面板
**/
.design-slot_resize_horizontal {
  width: 2px;
  height: 100%;
  margin: 0 2px;
  position: relative;
}

.tree_view_node___FsuKN {
  height: 22px;
  line-height: 22px;
  display: flex;
  flex-direction: column;
  position: relative;
  cursor: pointer;
}
.tree_view_node___FsuKN .tree_view_actions___FGF\+E {
  display: none;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.tree_view_node___FsuKN:hover {
  color: var(--kt-tree-hoverForeground);
  background: var(--kt-tree-hoverBackground);
}
.tree_view_node___FsuKN:hover .tree_view_actions___FGF\+E {
  display: flex;
}
.tree_view_node___FsuKN.mod_selected___rZqWs {
  color: var(--kt-tree-inactiveSelectionForeground) !important;
  background: var(--kt-tree-inactiveSelectionBackground);
}
.tree_view_node___FsuKN.mod_selected___rZqWs .expansion_toggle___T2AYI {
  color: var(--kt-tree-inactiveSelectionForeground) !important;
}
.tree_view_node___FsuKN.mod_focused___2VQhZ {
  outline: 1px solid var(--list-focusOutline);
  outline-offset: -1px;
}
.tree_view_node___FsuKN.mod_actived___ff\+LU {
  outline: 1px solid var(--list-focusOutline);
  outline-offset: -1px;
}
.tree_view_node___FsuKN.mod_invalid___mddqN {
  color: var(--kt-tree-invalidItemForeground);
}
.tree_view_node___FsuKN.mod_dragging___7hePC {
  background: var(--list-dropBackground);
}
.tree_view_node___FsuKN.mod_dragover___Dz\+sj {
  background: var(--list-dropBackground);
}
.tree_view_node___FsuKN.mod_loading___XFH5C {
  opacity: 0.8;
}
.tree_view_node___FsuKN.mod_cut___IsR\+l {
  opacity: 0.5;
}
.tree_view_node_content___Z7IRb {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
}
.tree_view_node_content___Z7IRb .highlight___lHykh {
  background-color: var(--editor-findMatchHighlightBackground);
}
.tree_view_node_content___Z7IRb .strikethrough___Oe0Es {
  text-decoration: line-through;
}
.tree_view_node_status___6CTmB {
  opacity: 0.75;
  text-align: center;
  font-size: 12px;
  padding-right: 0;
}
.tree_view_node_segment___rws\+l {
  flex-grow: 0;
  white-space: nowrap;
  color: inherit;
}
.tree_view_node_displayname___LwdFZ {
  margin-right: 6px;
  display: inline;
  white-space: pre;
  text-align: left;
}
.tree_view_node_description___RZPfo {
  display: inline;
  transform: scale(0.96);
  color: var(--descriptionForeground);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tree_view_node_flex_wrap___6Y7CJ {
  display: flex;
  flex-direction: row;
}
.tree_view_node_segment_grow___Z4WUZ {
  text-align: left;
  z-index: 10;
  padding-right: 5px;
}
.tree_view_node_segment_grow___Z4WUZ.overflow_visible___WxkYI {
  overflow: visible !important;
}
.expansion_toggle___T2AYI {
  min-width: 20px;
  display: flex;
  justify-content: center;
  flex-shrink: 0;
  font-size: 16px;
  color: var(--foreground);
}
.expansion_toggle___T2AYI.mod_collapsed___F7XRM:before {
  display: block;
}
.expansion_toggle___T2AYI:not(.mod_collapsed___F7XRM):before {
  display: block;
  transform: rotate(90deg);
}
.file_icon___HBCbC {
  position: relative;
  color: var(--icon-foreground);
  margin-right: 4px;
}
.file_icon___HBCbC:before {
  font-size: 16px;
  text-align: center;
}
.file_icon___HBCbC.fileIcon:before {
  font-size: 18px;
}
.tree_view_node_tail___SLUOm {
  text-align: center;
  margin-right: 10px;
  position: relative;
  height: 22px;
  display: flex;
  align-items: center;
}
.tree_view_node_tail___SLUOm .kt-icon {
  font-size: 14px !important;
  color: inherit;
}
.input_wrapper___MNJuA {
  height: 100%;
  width: 100%;
  line-height: normal;
  color: #cccccc;
  position: relative;
}
.tree_view_node_overflow_wrap___zWBoc {
  flex: 1;
  flex-shrink: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left;
  display: flex;
  color: var(--foreground);
}
.tree_view_drag_image___uj5aa {
  position: absolute;
  top: -1000px;
  font-size: 12px;
  display: inline-block;
  padding: 1px 12px;
  border-radius: 10px;
  background: var(--sideBar-dropBackground);
}

.kt_extension_view___S5Vvl {
  width: 100%;
  display: flex;
  align-items: center;
  text-align: center;
  position: relative;
}
.kt_extension_view___S5Vvl .headIcon___AwOWN .background-mode {
  background-size: 16px !important;
  margin-right: 5px;
  width: 22px;
}
.kt_extension_no_exports_view___VklEu {
  height: 100%;
  width: 100%;
  color: var(--errorForeground);
}

.kt_image_preview___t6RlP {
  height: 100%;
  display: flex;
}
.kt_image_preview___t6RlP > div {
  background-image: linear-gradient(45deg, var(--editorImagePreview-background) 25%, transparent 25%, transparent 75%, var(--editorImagePreview-background) 75%, var(--editorImagePreview-background)), linear-gradient(45deg, var(--editorImagePreview-background) 25%, transparent 25%, transparent 75%, var(--editorImagePreview-background) 75%, var(--editorImagePreview-background));
  background-size: 16px 16px;
  background-position: 0 0, 8px 8px;
  background-color: var(--editor-background);
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  flex: 1;
  padding: 20px;
}
.kt_image_preview___t6RlP img {
  display: block;
  margin: 0 auto;
  flex-grow: 0;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}
.kt_video_preview___-qQ7X {
  height: 100%;
}
.kt_video___eYzbx {
  width: 100%;
  height: 100%;
}
.error-page___eAnc- {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  font-size: 12px;
  padding: 10px;
  height: 100%;
  width: 100%;
  user-select: none;
}
.error-page___eAnc- .icon___QE239 {
  font-size: 40px !important;
  color: var(--kt-modalWarningIcon-foreground);
}
.error-page___eAnc- .description___NQ\+r3 {
  width: 100%;
  margin-top: 4px;
  text-align: center;
  font-size: 14px;
}
.error-page___eAnc- .action-wrapper___F5DrO {
  display: flex;
  width: 100%;
}
.error-page___eAnc- .action-button___WAobD {
  margin-top: 20px;
  font-size: 13px;
}

.keybinding_container___W-3L0 {
  padding: 11px 0 0 27px;
  display: flex;
  flex-direction: column;
  height: 100%;
  box-sizing: border-box;
  width: calc(100% - 22px);
}
.keybinding_container___W-3L0:hover .keybinding_list_item_box___7JmXN {
  border-left: 1px solid var(--sideBar-border);
  border-bottom: 1px solid var(--sideBar-border);
}
.keybinding_container___W-3L0:hover .keybinding_list_item_box___7JmXN:nth-child(4) {
  border-right: 1px solid var(--sideBar-border);
}
.keybinding_container___W-3L0:hover .keybinding_header___AkpAO {
  border-top: 1px solid var(--sideBar-border);
  border-bottom: 1px solid var(--sideBar-border);
}
.keybinding_container___W-3L0:hover .keybinding_header___AkpAO .keybinding_header_item___\+lTzW {
  border-left: 1px solid var(--sideBar-border);
}
.keybinding_container___W-3L0:hover .keybinding_header___AkpAO .keybinding_header_item___\+lTzW:nth-child(4) {
  border-right: 1px solid var(--sideBar-border);
}
.keybinding_searchbar___bcYUj {
  padding: 0 0 10px 0;
  display: flex;
  flex-direction: row;
  box-sizing: content-box;
  font-size: 14px;
}
.keybinding_header___AkpAO {
  display: flex;
  flex-direction: row;
  box-sizing: border-box;
  font-size: 13px;
  font-weight: bolder;
  height: 40px;
  line-height: 40px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
}
.keybinding_header___AkpAO .keybinding_header_item___\+lTzW:nth-child(4) {
  border-right: 1px solid transparent;
}
.keybinding_body___a4ZEC {
  position: relative;
  height: calc(100% - 56px);
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.keybinding_body___a4ZEC .keybinding_loading___2J2nf {
  position: absolute;
  width: 100%;
  height: 100%;
  background: var(--background);
  opacity: 0.3;
  top: 0;
  left: 0;
}
.keybinding_list___94pll {
  flex: 1;
}
.keybinding_list_header___fZo3v {
  background-color: hsla(0, 0%, 51%, 0.04);
  height: 30px;
  line-height: 30px;
}
.keybinding_key_input_container___fk-jU {
  position: relative;
  height: 30px;
  width: 100%;
}
.keybinding_key_input_container___fk-jU:hover .keybinding_optional_actions___faCK7 {
  z-index: 999;
  display: flex;
}
.keybinding_key_input_container___fk-jU:hover .keybinding_key_input_placeholder___jnW\+L {
  display: none;
}
.keybinding_detective_messages___KQ6zR {
  z-index: 100;
  position: absolute;
  left: 0;
  top: 40px;
  max-height: 175px;
  min-width: 100%;
  padding: 10px;
  max-width: 600px;
  background: var(--kt-selectDropdown-background);
  box-shadow: 0 9px 28px 8px rgba(0, 0, 0, 0.15), 0 6px 16px 0 rgba(0, 0, 0, 0.4), 0 3px 6px -4px rgba(0, 0, 0, 0.4);
  border-radius: 2px;
  overflow-y: scroll;
  overflow-x: hidden;
}
.keybinding_detective_messages___KQ6zR .keybinding_detective_messages_label___H3FG\+ {
  color: var(--descriptionForeground);
  font-size: 12px;
  text-align: left;
  line-height: 20px;
  width: 172px;
  height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-bottom: 5px;
}
.keybinding_detective_messages___KQ6zR ul,
.keybinding_detective_messages___KQ6zR li {
  margin: 0;
  padding: 0;
}
.keybinding_detective_messages___KQ6zR .keybinding_detective_messages_container___CLxic {
  display: flex;
  flex-direction: column;
}
.keybinding_detective_messages___KQ6zR .keybinding_detective_messages_container___CLxic .keybinding_detective_messages_item___zcYVG {
  display: flex;
  flex-direction: column;
}
.keybinding_detective_messages___KQ6zR .keybinding_detective_messages_container___CLxic .keybinding_detective_messages_item___zcYVG .title___bKafY {
  font-size: 12px;
  color: var(--foreground);
  text-align: left;
  line-height: 20px;
  height: 20px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.keybinding_detective_messages___KQ6zR .keybinding_detective_messages_container___CLxic .keybinding_detective_messages_item___zcYVG .description___dWDy8 {
  font-size: 12px;
  color: var(--descriptionForeground);
  text-align: left;
  line-height: 20px;
  height: 20px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: flex;
  align-items: center;
}
.keybinding_key_input_placeholder___jnW\+L {
  z-index: 100;
  position: absolute;
  right: 5px;
  top: 0;
  align-items: center;
  justify-content: center;
  color: var(--inputicon-foreground);
  width: 16px;
  height: 40px;
  line-height: 40px;
  text-align: center;
}
.keybinding_key_input___KWKJ\+,
.keybinding_key___7i6uH {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: relative;
  overflow: hidden;
}
.keybinding_key_block___UrzNL {
  display: flex;
  margin-right: 5px;
}
.keybinding_key_item___b5xZ6 {
  display: block;
  border-radius: 2px;
  background-color: rgba(134, 140, 145, 0.1);
  font-size: 12px;
  padding: 1px 6px;
  height: 20px;
  line-height: 17px;
  margin-right: 3px;
  text-align: center;
  border-bottom: 2px solid rgba(25, 25, 25, 0.1);
}
.keybinding_list_container___PWq1m {
  width: 100%;
  border-spacing: 0;
  border-collapse: separate;
  height: calc(100% - 30px);
}
.keybinding_list_container___PWq1m span {
  display: inline-block;
}
.keybinding_list_item___HKdii {
  cursor: default;
  display: flex;
  height: 40px;
  flex-direction: row;
  line-height: 40px;
  position: relative;
}
.keybinding_list_item___HKdii match {
  color: #ff7673;
}
.keybinding_list_item___HKdii .keybinding_list_item_box___7JmXN {
  width: 25%;
  font-size: 12px;
  border-left: 1px solid transparent;
  border-bottom: 1px solid transparent;
  box-sizing: border-box;
  padding-left: 30px;
  height: 40px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.keybinding_list_item___HKdii .keybinding_list_item_box___7JmXN:nth-child(1) {
  width: 30%;
}
.keybinding_list_item___HKdii .keybinding_list_item_box___7JmXN:nth-child(4) {
  width: 20%;
  border-right: 1px solid transparent;
}
.keybinding_list_item___HKdii .keybinding_list_item_box___7JmXN:hover .keybinding_optional_actions___faCK7 {
  display: flex;
}
.keybinding_list_item___HKdii .keybinding_command___6Ovke {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
.keybinding_list_item___HKdii .limit_warp___3QRp5 {
  font-size: 13px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.keybinding_list_item___HKdii .command_name___U2vpH {
  height: 20px;
  font-size: 13px;
  line-height: 20px;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  margin-top: 2px;
}
.keybinding_list_item___HKdii .command_id___IGjEi {
  height: 16px;
  line-height: 16px;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
  opacity: 0.6;
  width: 100%;
}
.keybinding_list_item___HKdii.odd___N7SED {
  background-color: hsla(0, 0%, 51%, 0.04);
}
.keybinding_list_item___HKdii .keybinding_inline_action___VQvsP {
  display: none;
  height: 40px;
  line-height: 40px;
  width: 20px;
  text-align: left;
  text-align: center;
  cursor: pointer;
}
.keybinding_list_item___HKdii .keybinding_inline_action___VQvsP:hover {
  transform: scale(1.1);
}
.keybinding_list_item___HKdii .keybinding_action___zBWjc {
  display: none;
  position: absolute;
  right: 5px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  z-index: 10;
  cursor: pointer;
}
.keybinding_list_item___HKdii:hover {
  color: var(--list-hoverForeground);
  background-color: var(--list-hoverBackground);
}
.keybinding_list_item___HKdii:hover .keybinding_action___zBWjc,
.keybinding_list_item___HKdii:hover .keybinding_inline_action___VQvsP {
  display: inline-block;
}
.keybinding_header_item___\+lTzW {
  width: 25%;
  border-left: 1px solid transparent;
  box-sizing: border-box;
  padding-left: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 40px;
  line-height: 40px;
}
.keybinding_header_item___\+lTzW:nth-child(1) {
  width: 30%;
}
.keybinding_header_item___\+lTzW:nth-child(4) {
  width: 20%;
}
.search_container___P0Q4f {
  position: relative;
  height: 100%;
  width: 100%;
}
.search_container___P0Q4f:hover .keybinding_optional_actions___faCK7 {
  display: flex;
}
.search_input___AaXl5 {
  height: 40px;
  width: 100%;
}
.keybinding_optional_actions___faCK7 {
  position: absolute;
  right: 5px;
  top: 0;
  display: none;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.keybinding_optional_actions___faCK7 .keybinding_optional_action___vTEEC {
  cursor: pointer;
  color: var(--inputicon-foreground);
  display: block;
  font-size: 14px;
  width: 16px;
  height: 16px;
  line-height: 16px;
  text-align: center;
}
.search_inline_action___FHBRC {
  height: 100%;
  padding: 0 5px;
  line-height: 20px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.search_inline_action_icon___KsnHx {
  display: block;
  height: 18px;
  width: 18px;
  text-align: center;
  box-sizing: content-box;
  border: 1px solid transparent;
  cursor: pointer;
}
.search_inline_action_icon___KsnHx.active___lkLId {
  border: 1px solid var(--focusBorder);
}

/* 请不要在这里申明 css variables 到 :root 下 */
/* 会导致这里的变量在被引用的时候 :root 下反复挂载过多的 css variables */
/* 基础文字大小 */
/* 基础间距大小 */
.markerFilterContent___TP476 {
  display: flex;
  justify-content: flex-end;
  width: 100%;
  padding-right: 8px;
}
.markerFilterContent___TP476 .filterInput___u\+aWg {
  width: 300px;
  max-width: 400px;
  height: 22px;
  font-size: 10px;
}

.markersContent___HkEah {
  width: 100%;
  height: 100%;
  overflow: auto;
  box-sizing: border-box;
}
.markersContent___HkEah .empty___xZflH {
  color: var(--descriptionForeground);
  margin: 10px 0 0 10px;
  display: flex;
  flex-direction: row;
}
.markersContent___HkEah .empty___xZflH .reset___Afmxc {
  text-decoration: underline;
}
.markersContent___HkEah .empty___xZflH .reset___Afmxc:hover {
  cursor: pointer;
}

.marker_node___mllry {
  line-height: 22px;
  display: flex;
  flex-direction: column;
  position: relative;
  cursor: pointer;
}
.marker_node___mllry .title___-c9md {
  color: var(--foreground);
  margin-right: 6px;
  display: inline;
  white-space: pre;
}
.marker_node___mllry .title_description___0XwRA {
  display: inline;
  color: var(--descriptionForeground);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.marker_node___mllry .detail_name___ry5EG {
  color: var(--foreground);
  margin-right: 6px;
  white-space: pre;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.marker_node___mllry .detail_description___KSLQ\+ {
  display: inline-flex;
  flex-shrink: 0;
  margin-left: 5px;
  color: var(--descriptionForeground);
}
.marker_node___mllry .detail_description___KSLQ\+ .typeContainer___\+blp\+ {
  color: var(--descriptionForeground);
  display: inline;
  flex-direction: row;
  white-space: nowrap;
}
.marker_node___mllry .detail_description___KSLQ\+ .typeContainer___\+blp\+ .type___\+ETJo {
  color: var(--descriptionForeground);
  display: inline;
}
.marker_node___mllry .detail_description___KSLQ\+ .codeHref___atmkL {
  color: var(--descriptionForeground);
  text-decoration: underline;
  border-bottom: 1px solid transparent;
  text-underline-position: under;
  background-color: transparent;
  outline: none;
  cursor: pointer;
  transition: color 0.3s;
  -webkit-text-decoration-skip: objects;
}
.marker_node___mllry .detail_description___KSLQ\+ .codeHref___atmkL a {
  color: inherit;
}
.marker_node___mllry .detail_description___KSLQ\+ .position___JYjOs {
  color: var(--descriptionForeground);
  margin: 0 5px;
  display: inline;
}
.marker_node___mllry .highlight___Mvrya {
  background-color: var(--editor-findMatchHighlightBackground);
  font-weight: bold;
}
.marker_node___mllry .description___nnr\+a {
  display: inline;
  transform: scale(0.96);
  color: var(--descriptionForeground);
}
.marker_node___mllry .content___Ib1KO {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
}
.marker_node___mllry .content___Ib1KO match {
  background-color: var(--editor-findMatchHighlightBackground);
}
.marker_node___mllry .status___Lqgry {
  text-align: center;
  font-size: 12px;
}
.marker_node___mllry .segment___ULVHD {
  flex-grow: 0;
  white-space: nowrap;
  color: inherit;
}
.marker_node___mllry .segment_grow___YYWv- {
  flex-grow: 1 !important;
  text-align: left;
  z-index: 10;
  padding-right: 5px;
}
.marker_node___mllry .segment_grow___YYWv-.overflow_visible___2E-As {
  overflow: visible !important;
}
.marker_node___mllry .tail___qJbJq {
  text-align: center;
  margin-right: 10px;
  position: relative;
  height: 22px;
  display: flex;
  align-items: center;
}
.marker_node___mllry .overflow_wrap___mkFlg {
  flex: 1;
  display: flex;
  flex-shrink: 0;
  text-align: left;
  color: var(--foreground);
  flex-direction: row;
  width: 0;
}
.marker_node___mllry .flex_wrap___SZ95I {
  display: flex;
  flex-direction: row;
}
.marker_node___mllry .icon___qpPmj {
  position: relative;
  color: var(--icon-foreground);
  margin-right: 4px;
}
.marker_node___mllry .icon___qpPmj:before {
  font-size: 16px;
  text-align: center;
}
.marker_node___mllry:hover {
  color: var(--kt-tree-hoverForeground);
  background: var(--kt-tree-hoverBackground);
}
.marker_node___mllry:hover .outline_action_bar___a3lYo {
  display: block;
}
.marker_node___mllry:hover::before {
  display: none !important;
}
.marker_node___mllry.mod_selected___yLgt2 {
  color: var(--kt-tree-inactiveSelectionForeground) !important;
  background: var(--kt-tree-inactiveSelectionBackground);
}
.marker_node___mllry.mod_focused___74X5T {
  outline: 1px solid var(--list-focusOutline);
  outline-offset: -1px;
}
.marker_node___mllry.mod_actived___kQ\+Mt {
  outline: 1px solid var(--list-focusOutline);
  outline-offset: -1px;
}
.expansion_toggle___xoscV {
  min-width: 20px;
  display: flex;
  justify-content: center;
  flex-shrink: 0;
  font-size: 16px;
  color: var(--foreground);
}
.expansion_toggle___xoscV.mod_collapsed___MqKk4:before {
  display: block;
}
.expansion_toggle___xoscV:not(.mod_collapsed___MqKk4):before {
  display: block;
  transform: rotate(90deg);
}

/*
@deprecated
*/
.toolbarActionsWrapper___kX-MG {
  display: flex;
  justify-content: space-between;
}
.toolbarActionsWrapper___kX-MG .toolbarActions___7udDN {
  padding: 0 10px;
  height: 27px;
  background-color: var(--kt-menubar-background);
}
.toolbarActionsWrapper___kX-MG .toolbarActions___7udDN.toolbarActionsLeft___GAXCf {
  flex-shrink: 0;
}
.toolbarActionsWrapper___kX-MG .toolbarActions___7udDN.toolbarActionsRight___tIusQ {
  flex-grow: 1;
}
.toolbarActionsWrapper___kX-MG .toolbarActions___7udDN .kt-toolbar-location-visible {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  height: 100%;
}

/* 请不要在这里申明 css variables 到 :root 下 */
/* 会导致这里的变量在被引用的时候 :root 下反复挂载过多的 css variables */
/* 基础文字大小 */
/* 基础间距大小 */
.menubarWrapper___9cuGz {
  display: flex;
  background-color: var(--kt-menubar-background);
  z-index: 1;
  position: relative;
  user-select: none;
}
.logoIconEmpty___wcll4 {
  padding-left: 10px;
}
.menubars___41YMa {
  display: flex;
  align-items: center;
  font-size: 14px;
  flex-grow: 1;
  flex-shrink: 0;
}
.menubar___C2ENl {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 12px;
  color: var(--kt-menubar-foreground);
  user-select: none;
}
.menubar___C2ENl.menu-open___EOcHQ,
.menubar___C2ENl:hover {
  color: var(--menubar-selectionForeground);
  background-color: var(--menubar-selectionBackground);
  border-left: 1px solid var(--menubar-selectionBorder);
  border-right: 1px solid var(--menubar-selectionBorder);
  cursor: default;
}
.menubar-drop___T5dj0 {
  position: absolute;
  left: 0;
  top: 100%;
}
.icon_menubar_container___bEQ3R {
  display: flex;
  align-items: center;
}
.icon_menubar_container___bEQ3R .menubar_action___63JmS {
  margin-right: 1px;
}
.icon_menubar_container___bEQ3R .menubar_action___63JmS > span[class*='-icon'] {
  font-size: 1.5em;
}
.icon_menubar_container___bEQ3R .menubar_action___63JmS span + span {
  margin-left: 12px;
}

.opened_editor_container___YIY1Z {
  font-size: 12px;
  overflow: hidden;
}
.opened_editor_empty_text___O1zy5 {
  display: block;
  line-height: 36px;
  text-align: center;
  width: 100%;
  user-select: none;
}
.dirty_icon___AUjl5::before {
  content: '';
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 4px;
  margin: 7px 5px;
  background: var(--kt-dirtyDot-foreground);
}

.opened_editor_node___Ed0Cj {
  height: 22px;
  line-height: 22px;
  display: flex;
  flex-direction: column;
  position: relative;
  cursor: pointer;
}
.opened_editor_node___Ed0Cj:hover {
  color: var(--kt-tree-hoverForeground);
  background: var(--kt-tree-hoverBackground);
}
.opened_editor_node___Ed0Cj:hover .opened_editor_action_bar___iMyYQ {
  display: block;
}
.opened_editor_node___Ed0Cj:hover::before {
  display: none !important;
}
.opened_editor_node___Ed0Cj.mod_selected___u71vt {
  color: var(--kt-tree-inactiveSelectionForeground) !important;
  background: var(--kt-tree-inactiveSelectionBackground);
}
.opened_editor_node___Ed0Cj.mod_selected___u71vt .opened_editor_action_bar___iMyYQ {
  display: block;
}
.opened_editor_node___Ed0Cj.mod_focused___hvVRg {
  outline: 1px solid var(--list-focusOutline);
  outline-offset: -1px;
}
.opened_editor_node___Ed0Cj.mod_actived___qD31Q {
  outline: 1px solid var(--list-focusOutline);
  outline-offset: -1px;
}
.opened_editor_node___Ed0Cj.dirty___g1lC8::before {
  content: '';
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 4px;
  margin: 7px 5px;
  background: var(--kt-dirtyDot-foreground);
  position: absolute;
  left: 4px;
}
.opened_editor_node_description___PEGnT {
  display: inline;
  transform: scale(0.96);
  color: var(--descriptionForeground);
}
.opened_editor_node_content___AS\+-Y {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
}
.opened_editor_node_content___AS\+-Y match {
  background-color: var(--editor-findMatchHighlightBackground);
}
.opened_editor_node_status___IsqwF {
  opacity: 0.75;
  text-align: center;
  font-size: 12px;
  padding-right: 0;
}
.opened_editor_node_segment___u7cT4 {
  flex-grow: 0;
  white-space: nowrap;
  color: inherit;
}
.opened_editor_node_segment_grow___0OpSA {
  flex-grow: 1 !important;
  text-align: left;
  z-index: 10;
  padding-right: 5px;
}
.opened_editor_node_segment_grow___0OpSA.overflow_visible___zU2eS {
  overflow: visible !important;
}
.opened_editor_node_displayname___z45Es {
  margin-right: 6px;
  display: inline;
  white-space: pre;
}
.opened_editor_node_description___PEGnT {
  display: inline;
  transform: scale(0.96);
  color: var(--descriptionForeground);
}
.opened_editor_node_overflow_wrap___lArrO {
  flex: 1;
  flex-shrink: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left;
  color: var(--foreground);
}
.opened_editor_node_flex_wrap___-fvNt {
  display: flex;
  flex-direction: row;
}
.opened_editor_node_segment_grow___0OpSA {
  flex-grow: 1 !important;
  text-align: left;
  z-index: 10;
  padding-right: 5px;
}
.opened_editor_node_segment_grow___0OpSA.overflow_visible___zU2eS {
  overflow: visible !important;
}
.file_icon___pKTvJ {
  position: relative;
  color: var(--icon-foreground);
  margin-right: 4px;
}
.file_icon___pKTvJ:before {
  font-size: 16px;
  text-align: center;
}
.file_icon___pKTvJ.fileIcon:before {
  font-size: 18px;
}
.opened_editor_node_tail___ClnQp {
  text-align: center;
  margin-right: 10px;
  position: relative;
  height: 22px;
  display: flex;
  align-items: center;
}
.opened_editor_action_bar___iMyYQ {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  display: flex;
  display: none;
  z-index: 10;
}
.opened_editor_action_bar___iMyYQ .action_icon___UMEmA {
  margin-left: 6px;
  font-size: 14px;
}
.opened_editor_left_actions___14RCk {
  position: absolute;
  left: 0;
}
.opened_editor_right_actions___v4XSZ {
  right: 0;
  position: absolute;
  margin-right: 10px;
}
.opened_editor_left_actions___14RCk,
.opened_editor_right_actions___v4XSZ {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 22px;
}

.outline_node___LjSMc {
  height: 22px;
  line-height: 22px;
  display: flex;
  flex-direction: column;
  position: relative;
  cursor: pointer;
}
.outline_node___LjSMc:hover {
  color: var(--kt-tree-hoverForeground);
  background: var(--kt-tree-hoverBackground);
}
.outline_node___LjSMc:hover .outline_action_bar___iz3UF {
  display: block;
}
.outline_node___LjSMc:hover::before {
  display: none !important;
}
.outline_node___LjSMc.mod_selected___dhxUM {
  color: var(--kt-tree-inactiveSelectionForeground) !important;
  background: var(--kt-tree-inactiveSelectionBackground);
}
.outline_node___LjSMc.mod_focused___GF4wN {
  outline: 1px solid var(--list-focusOutline);
  outline-offset: -1px;
}
.outline_node___LjSMc.mod_actived___2s\+-b {
  outline: 1px solid var(--list-focusOutline);
  outline-offset: -1px;
}
.expansion_toggle___rSqRG {
  min-width: 20px;
  display: flex;
  justify-content: center;
  flex-shrink: 0;
  font-size: 16px;
  color: var(--foreground);
}
.expansion_toggle___rSqRG.mod_collapsed___-0hXm:before {
  display: block;
}
.expansion_toggle___rSqRG:not(.mod_collapsed___-0hXm):before {
  display: block;
  transform: rotate(90deg);
}
.outline_node_description___3QIni {
  display: inline;
  transform: scale(0.96);
  color: var(--descriptionForeground);
}
.outline_node_content___Rup7a {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
}
.outline_node_content___Rup7a match {
  background-color: var(--editor-findMatchHighlightBackground);
}
.outline_node_status___dtei3 {
  opacity: 0.75;
  text-align: center;
  font-size: 12px;
  padding-right: 0;
}
.outline_node_segment___lyXTW {
  flex-grow: 0;
  white-space: nowrap;
  color: inherit;
}
.outline_node_segment_grow___wLkOE {
  flex-grow: 1 !important;
  text-align: left;
  z-index: 10;
  padding-right: 5px;
}
.outline_node_segment_grow___wLkOE.overflow_visible___HpX4a {
  overflow: visible !important;
}
.deprecated___8ujxK {
  text-decoration: line-through;
}
.outline_node_displayname___z65Ad {
  margin-right: 6px;
  display: inline;
  white-space: pre;
}
.outline_node_description___3QIni {
  display: inline;
  transform: scale(0.96);
  color: var(--descriptionForeground);
}
.outline_node_overflow_wrap___0WMDF {
  flex: 1;
  flex-shrink: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left;
  color: var(--foreground);
}
.outline_node_flex_wrap___Kyzxo {
  display: flex;
  flex-direction: row;
}
.outline_node_segment_grow___wLkOE {
  flex-grow: 1 !important;
  text-align: left;
  z-index: 10;
  padding-right: 5px;
}
.outline_node_segment_grow___wLkOE.overflow_visible___HpX4a {
  overflow: visible !important;
}
.icon___nW6-7 {
  position: relative;
  color: var(--icon-foreground);
  margin-right: 4px;
}
.icon___nW6-7:before {
  font-size: 16px;
  text-align: center;
}
.icon___nW6-7.fileIcon:before {
  font-size: 18px;
}
.outline_node_tail___S5da6 {
  text-align: center;
  margin-right: 10px;
  position: relative;
  height: 22px;
  display: flex;
  align-items: center;
}
.outline_action_bar___iz3UF {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  display: flex;
  display: none;
  z-index: 10;
}
.outline_action_bar___iz3UF .action_icon___p4zsi {
  margin-left: 6px;
}
.outline_left_actions___M94CV {
  position: absolute;
  left: 14px;
}
.outline_right_actions___spDev {
  right: 0;
  position: absolute;
  margin-right: 10px;
}

.outline_empty_text___EYUJh {
  display: block;
  text-align: center;
  padding-top: 12px;
  user-select: none;
  color: var(--descriptionForeground);
}
.outline_container___ciEiR {
  overflow: hidden;
}

/* 请不要在这里申明 css variables 到 :root 下 */
/* 会导致这里的变量在被引用的时候 :root 下反复挂载过多的 css variables */
/* 基础文字大小 */
/* 基础间距大小 */
.output___rAq8q {
  font-size: 13px;
  color: var(--foreground);
  height: 100%;
  overflow: auto;
  user-select: text;
  background-color: var(--kt-panelTitle-background) !important;
}
.output___rAq8q .overlay___FjJiL {
  position: absolute;
  top: -28px;
  right: 0;
  margin: 6px;
  display: flex;
  z-index: 1000;
}
.output___rAq8q .clear___jsOp8 {
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 21px;
  line-height: 21px;
  opacity: 0.25;
}
.output___rAq8q .clear___jsOp8.enabled___IFfcb {
  opacity: 0.7;
}
.output___rAq8q .clear___jsOp8:hover {
  opacity: 1;
}
.output-tab-icon___-Mbf3::before {
  content: '\f024';
}
.select___UBcTx {
  width: auto !important;
  min-width: 150px !important;
}

.ide-overlay {
  position: relative;
  z-index: 999;
  overflow: auto;
  outline: 0;
}

.preferences___AuINz {
  height: 100%;
  font-size: 14px;
  overflow: hidden;
  padding: 16px 32px 0 32px;
  box-sizing: border-box;
  min-width: 500px;
}
.preferences___AuINz .preference_noResults___jCjS8 {
  padding: 20px;
  color: var(--foreground);
}
.preferences___AuINz .preferences_header___vgyar {
  display: flex;
  position: relative;
  justify-content: space-between;
  align-items: center;
  height: 40px;
}
.preferences___AuINz .preferences_header___vgyar .search_pref___plDEh {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-grow: 1;
  align-self: flex-end;
  max-width: 400px;
  margin-left: 50px;
}
.preferences___AuINz .preferences_header___vgyar .search_pref___plDEh input {
  width: 100%;
}
.preferences___AuINz .preferences_header___vgyar:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  height: 1px;
  width: 100%;
  z-index: 0;
  background: var(--editorGroup-border);
}
.preferences___AuINz .preferences_body___4jN6a {
  height: calc(100% - 40px);
  margin-top: 8px;
}
.preferences___AuINz .preferences_body___4jN6a .preferences_indexes___UKRbq .group_item___1Lrjx {
  font-size: 14px;
  cursor: pointer;
  white-space: nowrap;
  user-select: none;
  margin-bottom: 2px;
}
.preferences___AuINz .preferences_body___4jN6a .preferences_indexes___UKRbq .group_item___1Lrjx .kt-icon {
  max-height: 20px !important;
}
.preferences___AuINz .preferences_body___4jN6a .preferences_indexes___UKRbq .index_item___c1ERM {
  color: var(--titleBar-inactiveForeground);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: pointer;
  font-size: 13px;
}
.preferences___AuINz .preferences_body___4jN6a .preferences_items___Y2LZU {
  height: 100%;
  width: 100%;
  flex: 1;
  user-select: text;
}
.preferences___AuINz .preferences_body___4jN6a .preference_section___3v3Id .kt-checkbox-icon {
  height: 16px;
  width: 16px;
}
.preferences___AuINz .preferences_body___4jN6a .preference_section___3v3Id .kt-checkbox {
  font-size: 14px;
}
.preferences___AuINz .preferences_body___4jN6a .preference_section___3v3Id .group_title___ZniNh {
  font-size: 24px;
  font-weight: 400;
  padding: 10px 18px;
}
.preferences___AuINz .preferences_body___4jN6a .preference_section___3v3Id .group_title___ZniNh:hover {
  color: var(--kt-tree-hoverForeground);
  background: var(--kt-tree-hoverBackground);
}
.preferences___AuINz .preferences_body___4jN6a .preference_section___3v3Id .section_title___ZEmVO {
  font-size: 20px;
  font-weight: 500;
  padding: 10px 18px;
}
.preferences___AuINz .preferences_body___4jN6a .preference_section___3v3Id .section_title___ZEmVO:hover {
  color: var(--kt-tree-hoverForeground);
  background: var(--kt-tree-hoverBackground);
}
.preferences___AuINz .preferences_body___4jN6a .preference_section___3v3Id .preference_item___80qGp {
  padding: 18px;
  border-left: 4px solid transparent;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-around;
}
.preferences___AuINz .preferences_body___4jN6a .preference_section___3v3Id .preference_item___80qGp.modified___i7ud\+ {
  position: relative;
}
.preferences___AuINz .preferences_body___4jN6a .preference_section___3v3Id .preference_item___80qGp.modified___i7ud\+:before {
  content: '';
  position: absolute;
  left: 7px;
  height: 75%;
  border-left: 2px solid var(--settings-modifiedItemIndicator);
}
.preferences___AuINz .preferences_body___4jN6a .preference_section___3v3Id .preference_item___80qGp:hover {
  color: var(--kt-tree-hoverForeground);
  background: var(--kt-tree-hoverBackground);
}
.preferences___AuINz .preferences_body___4jN6a .preference_section___3v3Id .preference_item___80qGp.selected___f40w1 {
  color: var(--kt-tree-inactiveSelectionForeground) !important;
  background: var(--kt-tree-inactiveSelectionBackground);
}
.preferences___AuINz .preferences_body___4jN6a .preference_section___3v3Id .preference_item___80qGp.focused___deFNW {
  outline: 1px solid var(--list-focusOutline);
  outline-offset: -1px;
}
.preferences___AuINz .preferences_body___4jN6a .preference_section___3v3Id .key___lmLE6 {
  flex: 1;
  padding: 0 10px 10px 0;
  font-weight: 600;
  font-size: 14px;
}
.preferences___AuINz .preferences_body___4jN6a .preference_section___3v3Id .check___2yEnH {
  display: flex;
  align-items: center;
}
.preferences___AuINz .preferences_body___4jN6a .preference_section___3v3Id .check___2yEnH .desc___3VXQG {
  margin-left: 2px;
  padding: 0;
}
.preferences___AuINz .preferences_body___4jN6a .preference_section___3v3Id .desc___3VXQG {
  flex: 1;
  padding: 0 10px 10px 0;
  font-size: 14px;
  opacity: 0.75;
  color: var(--descriptionForeground);
  margin-bottom: 0px;
}
.preferences___AuINz .preferences_body___4jN6a .preference_section___3v3Id .desc___3VXQG ul {
  list-style: none;
}
.preferences___AuINz .preferences_body___4jN6a .preference_section___3v3Id .desc___3VXQG code {
  color: var(--editor-foreground);
}
.preferences___AuINz .preferences_body___4jN6a .preference_section___3v3Id .desc___3VXQG ul li::before {
  content: '\2022';
  /* content: \2022 is the CSS Code/unicode for a bullet */
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}
.preferences___AuINz .preferences_body___4jN6a .preference_section___3v3Id .desc___3VXQG p {
  margin-bottom: auto;
}
.preferences___AuINz .preferences_body___4jN6a .preference_section___3v3Id .control_wrap___NcEf9 input[type='number']::-webkit-outer-spin-button,
.preferences___AuINz .preferences_body___4jN6a .preference_section___3v3Id .control_wrap___NcEf9 input[type='number']::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.preferences___AuINz .preferences_body___4jN6a .preference_section___3v3Id .control_wrap___NcEf9 .text_control___4tuTu {
  width: 80%;
}
.preferences___AuINz .preferences_body___4jN6a .preference_section___3v3Id .add_button___vF\+Ah {
  margin-left: 10px;
  padding: 0 8px !important;
}
.preferences___AuINz .preferences_body___4jN6a .preference_section___3v3Id .array_items_wrapper___xC0O0 {
  padding-left: 0;
  position: relative;
}
.preferences___AuINz .preferences_body___4jN6a .preference_section___3v3Id .array_items_wrapper___xC0O0 .array_edit_wrapper___7Dgan {
  position: absolute;
  height: 24px;
  width: 100%;
  top: 0;
  left: 0;
}
.preferences___AuINz .preferences_body___4jN6a .preference_section___3v3Id .array_items_wrapper___xC0O0 .array_edit_input___2KI1p {
  height: 24px;
  width: 100%;
}
.preferences___AuINz .preferences_body___4jN6a .preference_section___3v3Id .array_items_wrapper___xC0O0 .array_edit_input_tip___IoW8C {
  height: 24px;
  line-height: 24px;
  opacity: 0.3;
}
.preferences___AuINz .preferences_body___4jN6a .preference_section___3v3Id .array_items___iYLBX {
  list-style: none;
  height: 24px;
  line-height: 24px;
  text-indent: 5px;
  font-size: 12px;
  color: var(--foreground);
  position: relative;
  cursor: pointer;
}
.preferences___AuINz .preferences_body___4jN6a .preference_section___3v3Id .array_items___iYLBX .operate___rdted {
  display: none;
  position: absolute;
  right: 10px;
  top: 0;
  height: 24px;
  align-items: center;
  justify-content: center;
}
.preferences___AuINz .preferences_body___4jN6a .preference_section___3v3Id .array_items___iYLBX:hover {
  color: var(--list-hoverForeground);
  background-color: var(--list-hoverBackground);
}
.preferences___AuINz .preferences_body___4jN6a .preference_section___3v3Id .array_items___iYLBX:hover .operate___rdted {
  display: flex;
}
.preferences___AuINz .preferences_body___4jN6a .preference_section___3v3Id .array_item___F\+kgE {
  display: inline-block;
}
.preferences___AuINz .preferences_body___4jN6a .preference_section___3v3Id .rm_icon___\+sgIt {
  cursor: pointer;
}
.preferences___AuINz .preferences_body___4jN6a .preference_section___3v3Id .text_control___4tuTu {
  min-width: 300px;
  max-width: 500px;
  width: 100%;
}
.preferences___AuINz .preferences_body___4jN6a .preference_section___3v3Id .select_control___atuT4 {
  min-width: 300px;
  max-width: 500px;
  width: 100%;
}
.preferences___AuINz .preferences_body___4jN6a .preference_section___3v3Id .select_control___atuT4 .select_option___zI95L {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.preferences___AuINz .preferences_body___4jN6a .preference_section___3v3Id .select_control___atuT4 .select_option___zI95L:hover .select_default_option_tips___k4OG- {
  color: var(--kt-selectDropdown-foreground);
}
.preferences___AuINz .preferences_body___4jN6a .preference_section___3v3Id .select_control___atuT4 .select_default_option_tips___k4OG- {
  width: auto;
  flex: 0;
  color: var(--kt-selectOption-activeBorder);
  background-color: transparent;
}
.preferences___AuINz .preferences_body___4jN6a .preference_section___3v3Id .number_control___7VqUm {
  min-width: 300px;
  max-width: 500px;
  width: 100%;
}
.preferences___AuINz .preferences_body___4jN6a .preferences_flex_row___6Jbcu {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.preferences___AuINz .tabs___O6zrB {
  padding: 0 !important;
  font-size: 14px;
  user-select: none;
}
.preferences___AuINz .tabs___O6zrB .kt-tab {
  padding-left: 10px;
  padding-right: 10px;
}
.preference_status___\+lWN4 {
  margin-left: 5px;
  position: relative;
}
.preference_status___\+lWN4 .preference_overwritten___JO5C3 {
  font-size: 12px;
  opacity: 0.75;
  cursor: pointer;
}
.preference_status___\+lWN4::after {
  content: '';
  display: block;
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 100%;
  height: 1px;
  opacity: 0.75;
  border-bottom: 1px dashed var(--foreground);
}
.preference_status___\+lWN4 .preference_reset___HV3WN {
  font-size: 14px;
  cursor: pointer;
  display: inline-block;
}
.preference_status___\+lWN4 .preference_reset___HV3WN:hover {
  transform: scale(1.1);
}
.devider___esCsk {
  box-sizing: border-box;
  font-size: 14px;
  font-variant: tabular-nums;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  margin: 0 3px;
  display: inline-block;
  vertical-align: middle;
}
.devider___esCsk:after {
  content: '';
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  border-top: 0;
  border-left: 1px solid var(--editorGroup-border);
  pointer-events: none;
  transform: translateX(1.5px);
}
.devider___esCsk:hover:after {
  border-color: transparent;
}

.container___I4Kpm {
  position: relative;
  max-width: 750px;
  min-width: 600px;
  z-index: 2000;
  font-size: 12px;
  margin: auto;
  left: 50%;
  top: 0;
  white-space: nowrap;
}
.container___I4Kpm .scrollbar-decoration {
  display: none;
}
.container___I4Kpm .kt-checkbox-icon {
  width: 14px;
  height: 14px;
  border-color: var(--input-placeholderForeground);
}
.container___I4Kpm,
.quickopen_list___fdvge {
  color: var(--quickInput-foreground);
  background-color: var(--quickInput-background);
  box-shadow: rgba(0, 0, 0, 0.133) 0px 3.2px 7.2px 0px, rgba(0, 0, 0, 0.11) 0px 0.6px 1.8px 0px;
}
.quickopen_list___fdvge {
  cursor: pointer;
  border-radius: 0px 0px 2px 2px;
  overflow: hidden;
}
.container___I4Kpm .validate_error___RxQAb {
  color: var(--inputValidation-errorForeground);
  background-color: var(--inputValidation-errorBackground);
}
.container___I4Kpm .validate_error___RxQAb .item_selected___zCUvR,
.container___I4Kpm .validate_error___RxQAb .item_selected___zCUvR:hover,
.container___I4Kpm .validate_error___RxQAb .item___1P862:hover {
  background-color: var(--inputValidation-errorBackground);
}
.container___I4Kpm .validate_warning___Jmu5z {
  color: var(--inputValidation-warningForeground);
  background-color: var(--inputValidation-warningBackground);
}
.container___I4Kpm .validate_warning___Jmu5z .item_selected___zCUvR,
.container___I4Kpm .validate_warning___Jmu5z .item_selected___zCUvR:hover,
.container___I4Kpm .validate_warning___Jmu5z .item___1P862:hover {
  background-color: var(--inputValidation-warningBackground);
}
.container___I4Kpm .item___1P862 {
  display: flex;
  align-items: center;
  white-space: nowrap;
  padding: 0 10px;
}
.container___I4Kpm .item___1P862 .item_action___8Bzvh {
  height: 22px;
  line-height: 22px;
  display: none;
}
.container___I4Kpm .item___1P862 .item_action___8Bzvh:hover {
  color: var(--textLink-activeForeground);
}
.container___I4Kpm .item___1P862:hover {
  background: var(--kt-tree-hoverBackground);
}
.container___I4Kpm .item___1P862:hover .item_action___8Bzvh {
  display: block;
  line-height: 22px;
}
.container___I4Kpm .item___1P862:hover .item_action___8Bzvh:hover {
  transform: scale(1.1);
}
.container___I4Kpm .item_border___\+Zgsn {
  border-top: 1px solid var(--pickerGroup-border);
}
.container___I4Kpm .item_selected___zCUvR {
  background-color: var(--list-focusBackground);
}
.container___I4Kpm .item_selected___zCUvR:hover {
  background-color: var(--list-focusBackground);
}
.container___I4Kpm .item_selected___zCUvR .item_action___8Bzvh {
  display: block;
}
.container___I4Kpm .item_icon___-Lt7b {
  align-self: center;
  margin-right: 6px;
}
.container___I4Kpm .item_label_highlight___vsaVV {
  font-weight: bold;
}
.container___I4Kpm .item_group_label___cTwu8,
.container___I4Kpm .item_action___8Bzvh {
  color: var(--textLink-foreground);
  margin-left: 6px;
}
.container___I4Kpm .item_label_name___skz7B,
.container___I4Kpm .item_label_description___vD-xW,
.container___I4Kpm .item_label_detail___Ts0FO,
.container___I4Kpm .item_label_description_label___PZRdj,
.container___I4Kpm .item_label_description_highlight___zBmrN {
  display: flex;
  white-space: pre;
}
.container___I4Kpm .item_label_name_icon___1ad6B {
  font-size: 14px;
}
.container___I4Kpm .item_label_description_label___PZRdj {
  color: var(--descriptionForeground);
}
.container___I4Kpm .item_label_highlight___vsaVV,
.container___I4Kpm .item_label_description_highlight___zBmrN {
  color: var(--list-highlightForeground);
}
.container___I4Kpm .item_label_description___vD-xW,
.container___I4Kpm .item_label_detail___Ts0FO {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.container___I4Kpm .item_label_description___vD-xW,
.container___I4Kpm .item_label_detail___Ts0FO,
.container___I4Kpm .itam_label_description_icon___OpGHo,
.container___I4Kpm .item_label_detail_icon___uk5ZX {
  font-size: 12px;
}
.container___I4Kpm .item_label_description___vD-xW {
  margin-left: 6px;
}
.container___I4Kpm .item_label_container___D9AzT {
  flex: 1;
  width: 100%;
  line-height: 22px;
  overflow: hidden;
  user-select: none;
}
.container___I4Kpm .item_label___-L7lU {
  display: flex;
  align-items: center;
}
.container___I4Kpm .label_icon_container___hiYa2 {
  display: flex;
  align-items: center;
}
.container___I4Kpm .label_has_icon___DWjXe {
  vertical-align: middle;
}
.container___I4Kpm .input___2WlKf {
  display: flex;
  padding: 4px 10px;
}
.container___I4Kpm .title_bar___fY-R- {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: var(--quickInput-foreground);
  background-color: var(--quickInputTitle-background);
  padding: 4px;
}
.container___I4Kpm .title_bar_button___Z4y4z {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.container___I4Kpm .input_button___5WEUC {
  flex-shrink: 0;
  margin-left: 5px;
}
.container___I4Kpm .progress_bar___9IT6g {
  position: relative;
}

/* 请不要在这里申明 css variables 到 :root 下 */
/* 会导致这里的变量在被引用的时候 :root 下反复挂载过多的 css variables */
/* 基础文字大小 */
/* 基础间距大小 */
.monaco-editor {
  /* Hide glyph decorations when inside the inline diff editor */
}
.monaco-editor .dirty-diff-glyph {
  margin-left: 5px;
  cursor: pointer;
  z-index: 5;
}
.monaco-editor .dirty-diff-deleted::after {
  content: '';
  position: absolute;
  bottom: -4px;
  box-sizing: border-box;
  width: 4px;
  height: 0;
  z-index: 9;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  transition: border-top-width 80ms linear, border-bottom-width 80ms linear, bottom 80ms linear;
  pointer-events: none;
}
.monaco-editor .dirty-diff-glyph::before {
  position: absolute;
  content: '';
  height: 100%;
  width: 0;
  left: -2px;
  transition: width 80ms linear, left 80ms linear;
}
.monaco-editor .dirty-diff-deleted::before {
  margin-left: 3px;
  height: 0;
  bottom: 0;
  transition: height 80ms linear;
}
.monaco-editor .margin-view-overlays > div:hover > .dirty-diff-glyph::before {
  position: absolute;
  content: '';
  height: 100%;
  width: 9px;
  left: -6px;
}
.monaco-editor .margin-view-overlays > div:hover > .dirty-diff-deleted::after {
  bottom: 0;
  border-top-width: 0;
  border-bottom-width: 0;
}
.monaco-editor.modified-in-monaco-diff-editor .margin-view-overlays > div > .dirty-diff-glyph {
  display: none;
}
.monaco-editor .dirty-diff-modified {
  border-left: 3px solid var(--editorGutter-modifiedBackground);
}
.monaco-editor .dirty-diff-modified::before {
  background: var(--editorGutter-modifiedBackground);
}
.monaco-editor .dirty-diff-added {
  border-left: 3px solid var(--editorGutter-addedBackground);
}
.monaco-editor .dirty-diff-added::before {
  background: var(--editorGutter-addedBackground);
}
.monaco-editor .dirty-diff-deleted::after {
  border-left: 4px solid var(--editorGutter-deletedBackground);
}
.monaco-editor .dirty-diff-deleted::before {
  background: var(--editorGutter-deletedBackground);
}
.monaco-editor .dirty-diff-modified, .monaco-editor .dirty-diff-added {
  border-left-width: 3px;
}
.dirty-diff-widget-wrapper {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
}
.dirty-diff-widget-header {
  min-height: 24px;
  width: 100%;
  border-top: 1px solid;
  border-bottom: 1px solid;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--peekViewTitle-background);
}
.dirty-diff-widget-header .file-name {
  flex: 1;
  margin-left: 20px;
}
.dirty-diff-widget-header .file-actions {
  width: 100px;
  display: flex;
  justify-content: flex-end;
  cursor: pointer;
}
.dirty-diff-widget-header .file-actions .kt-icon {
  padding: 3px;
}
.dirty-diff-widget-header .file-actions .kt-icon:hover {
  border-radius: 4px;
  background-color: var(--kt-icon-hoverBackground);
}
.dirty-diff-widget-header .file-actions .iconfont-rotate-180 {
  transform: rotate(180deg) translateY(-2px);
}
.dirty-diff-widget-header .dirty-diff-widget-title-detail {
  margin-left: 4px;
  font-size: 12px;
  opacity: 0.5;
}
.dirty-diff-widget-content {
  flex: 1;
  width: 100%;
  border-bottom: 1px solid;
}

/* 请不要在这里申明 css variables 到 :root 下 */
/* 会导致这里的变量在被引用的时候 :root 下反复挂载过多的 css variables */
/* 基础文字大小 */
/* 基础间距大小 */
/* Statusbar */
.statusBar___5i4JS {
  background: var(--statusBar-background);
  user-select: none;
  display: flex;
  height: 24px;
  border-top: 1px solid var(--statusBar-border);
  white-space: nowrap;
}
.area___Ob8EP {
  flex: 1;
  display: flex;
  align-items: stretch;
}
.left___3dfpi {
  justify-content: flex-start;
}
.right___9Ux7J {
  justify-content: flex-end;
  padding-right: calc(6px*2);
}
.element___cMU-Q.hasCommand___SqWww:hover {
  background-color: var(--statusBarItem-hoverBackground);
  cursor: pointer;
}
.element___cMU-Q.hasCommand___SqWww:active {
  background-color: var(--statusBarItem-activeBackground);
}
.area___Ob8EP.left___3dfpi .element___cMU-Q {
  margin-right: 6px;
}
.area___Ob8EP.right___9Ux7J .element___cMU-Q {
  margin-left: 6px;
}
.element___cMU-Q {
  color: var(--statusBar-foreground);
  display: flex;
  align-items: center;
  padding: 0 2px;
  font-size: 12px;
}
.element___cMU-Q:first-child {
  padding: 0px 10px;
}
.popover_tooltip___RSqDn,
.popover_content___tu1Gm {
  display: flex;
  font-size: 12px;
  white-space: pre;
}
.popover_content___tu1Gm {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.popover_item___oNK48 {
  display: flex;
  align-items: center;
  white-space: pre;
}
.popover_content___tu1Gm span.codicon,
.popover_tooltip___RSqDn span.codicon,
.element___cMU-Q span.codicon,
.popover_content___tu1Gm span.kt-icon,
.popover_tooltip___RSqDn span.kt-icon,
.element___cMU-Q span.kt-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1em;
  margin: 0 2px;
  color: var(--statusBar-foreground);
}
.popover_content___tu1Gm span.codicon::before,
.popover_tooltip___RSqDn span.codicon::before,
.element___cMU-Q span.codicon::before,
.popover_content___tu1Gm span.kt-icon::before,
.popover_tooltip___RSqDn span.kt-icon::before,
.element___cMU-Q span.kt-icon::before {
  vertical-align: middle;
}

.text-ellipsis___7xV-l {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.scmSelect___9WfL0 {
  width: 100%;
  height: 100%;
}
.provider___0MT0h {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 8px;
  cursor: pointer;
  height: 22px;
}
.provider___0MT0h:hover {
  color: var(--list-hoverForeground);
  background: var(--list-hoverBackground);
}
.provider___0MT0h.selected___mArq2 {
  color: var(--list-activeSelectionForeground);
  background: var(--list-activeSelectionBackground);
}
.provider___0MT0h .info___DN\+dH {
  flex: 1;
  overflow: hidden;
}
.provider___0MT0h .title___h64NR {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.provider___0MT0h .type___8elfU {
  color: var(--descriptionForeground);
}
.provider___0MT0h .info___DN\+dH,
.provider___0MT0h .toolbar___p\+niZ {
  display: flex;
  align-items: center;
}
.provider___0MT0h .toolbar___p\+niZ,
.provider___0MT0h .status___aNPCj {
  height: 100%;
}
.provider___0MT0h .action___6YeRa {
  height: 100%;
  padding: 0 3px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.provider___0MT0h .action___6YeRa:hover {
  background-color: var(--statusBarItem-hoverBackground);
  cursor: pointer;
}

/* 请不要在这里申明 css variables 到 :root 下 */
/* 会导致这里的变量在被引用的时候 :root 下反复挂载过多的 css variables */
/* 基础文字大小 */
/* 基础间距大小 */
.scmHeader___HBspN {
  padding: 0 8px;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
}
.scmInput___prE0i {
  flex: 1;
}
.scmMenu___HaDtf {
  padding: 0 8px;
  margin-bottom: 10px;
}
.scmMenu___HaDtf .kt-button {
  height: 28px;
  border: 1px;
  border-radius: 0;
  flex: 1;
  overflow: hidden;
}
.scmMenu___HaDtf .secondary-button {
  margin-left: 0;
  flex: 0 0 30px;
  position: relative;
  color: var(--kt-primaryButton-foreground);
  background-color: var(--kt-primaryButton-background);
}
.scmMenu___HaDtf .secondary-button:hover {
  background-color: var(--kt-primaryButton-hoverBackground);
  color: var(--kt-primaryButton-foreground);
}
.scmMenu___HaDtf .secondary-button::before {
  content: '';
  position: absolute;
  height: 20px;
  width: 1px;
  left: 0;
  top: 4px;
  background-color: var(--kt-primaryButton-foreground);
}
.scmMenu___HaDtf .secondary-button:disabled::before {
  background-color: var(--kt-primaryButton-disableForeground);
}

.scm_tree_container___fXBOG {
  font-size: 12px;
}
.scm_tree_empty_text___G2xkv {
  display: block;
  line-height: 36px;
  text-align: center;
  width: 100%;
  user-select: none;
}

.scm_tree_node___Nj1yV {
  height: 22px;
  line-height: 22px;
  display: flex;
  flex-direction: column;
  position: relative;
  cursor: pointer;
}
.scm_tree_node___Nj1yV:hover {
  color: var(--kt-tree-hoverForeground);
  background: var(--kt-tree-hoverBackground);
}
.scm_tree_node___Nj1yV:hover::before {
  display: none;
}
.scm_tree_node___Nj1yV.mod_selected___ox0LK {
  color: var(--kt-tree-inactiveSelectionForeground);
  background: var(--kt-tree-inactiveSelectionBackground);
}
.scm_tree_node___Nj1yV.mod_focused___fYv3x {
  outline: 1px solid var(--list-focusOutline);
  outline-offset: -1px;
}
.scm_tree_node___Nj1yV.mod_actived___PGxYN {
  outline: 1px solid var(--list-focusOutline);
  outline-offset: -1px;
}
.scm_tree_node_description___iRqVh {
  display: inline;
  transform: scale(0.96);
  color: var(--descriptionForeground);
}
.scm_tree_node_content___3bonn {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
}
.scm_tree_node_content___3bonn match {
  background-color: var(--editor-findMatchHighlightBackground);
}
.scm_tree_node_status___nl4Ll {
  opacity: 0.75;
  width: 18px;
  text-align: center;
  font-size: 12px;
  padding-right: 0;
}
.scm_tree_node_segment___D9R\+F {
  flex-grow: 0;
  white-space: nowrap;
  color: inherit;
}
.scm_tree_node_segment_grow___BPVG- {
  flex-grow: 1 !important;
  text-align: left;
  z-index: 10;
  padding-right: 5px;
}
.scm_tree_node_segment_grow___BPVG-.overflow_visible___kQps4 {
  overflow: visible !important;
}
.scm_tree_node_displayname___Vqirh {
  margin-right: 6px;
  display: inline;
  white-space: pre;
}
.scm_tree_node_description___iRqVh {
  display: inline;
  transform: scale(0.96);
  color: var(--descriptionForeground);
}
.scm_tree_node_overflow_wrap___KEVkv {
  flex: 1;
  flex-shrink: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left;
}
.scm_tree_node_flex_wrap___ItcAV {
  display: flex;
  flex-direction: row;
}
.scm_tree_node_segment_grow___BPVG- {
  flex-grow: 1 !important;
  text-align: left;
  z-index: 10;
  padding-right: 5px;
}
.scm_tree_node_segment_grow___BPVG-.overflow_visible___kQps4 {
  overflow: visible !important;
}
.scm_tree_node_tail___Opyi\+ {
  text-align: center;
  margin-right: 10px;
  position: relative;
  height: 22px;
  display: flex;
  align-items: center;
}
.scm_tree_node_actions___6z9Kg {
  margin-right: 10px;
  display: none;
}
.scm-show-actions .scm_tree_node_actions___6z9Kg,
.scm_tree_node___Nj1yV:hover .scm_tree_node_actions___6z9Kg {
  display: block;
}
.expansion_toggle___tzSoZ {
  min-width: 20px;
  display: flex;
  justify-content: center;
  flex-shrink: 0;
  color: var(--descriptionForeground);
  font-size: 16px;
}
.expansion_toggle___tzSoZ.mod_collapsed___Qovx\+:before {
  display: block;
}
.expansion_toggle___tzSoZ:not(.mod_collapsed___Qovx\+):before {
  display: block;
  transform: rotate(90deg);
}
.file_icon___yYyr3 {
  position: relative;
  color: var(--icon-foreground);
  margin-right: 4px;
}
.file_icon___yYyr3:before {
  font-size: 16px;
  text-align: center;
}
.file_icon___yYyr3.fileIcon:before {
  font-size: 18px;
}

/* 请不要在这里申明 css variables 到 :root 下 */
/* 会导致这里的变量在被引用的时候 :root 下反复挂载过多的 css variables */
/* 基础文字大小 */
/* 基础间距大小 */
.view___sV5wB {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}
.scm___GUQPO {
  display: block;
}
.noop___2uAsf {
  padding: 15px 20px;
}

.search_container___LOHf4 {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  position: absolute;
  font-size: 12px;
  user-select: none;
}
.search_container___LOHf4 .search_options___qnSR2 {
  padding: 0 8px;
  display: block;
}
.search_container___LOHf4 .search_options___qnSR2 input {
  font-size: 12px;
}
.search_container___LOHf4 .replace___OuERJ {
  padding: 0 5px;
}
.search_container___LOHf4 .header___ykalQ {
  padding: 10px 5px;
}
.search_container___LOHf4 .header___ykalQ > span {
  display: inline-block;
  margin-left: 10px;
}
.search_container___LOHf4 .header___ykalQ .menu___cU186 {
  float: right;
  margin-left: 5px;
  opacity: 0.5;
}
.search_container___LOHf4 .header___ykalQ .menu_active___pT2K9 {
  opacity: 1;
}
.search_container___LOHf4 .result_describe___71\+L7,
.search_container___LOHf4 .result_error___wCacP {
  padding: 10px;
  padding-top: 15px;
  margin: 0;
  display: flex;
}
.search_container___LOHf4 .result_describe___71\+L7 .text___wuain,
.search_container___LOHf4 .result_error___wCacP .text___wuain {
  display: inline;
  flex: 1;
  line-height: 16px;
}
.search_container___LOHf4 .result_describe___71\+L7 .result_fresh___CGpsT,
.search_container___LOHf4 .result_error___wCacP .result_fresh___CGpsT,
.search_container___LOHf4 .result_describe___71\+L7 .result_fold___LeDgK,
.search_container___LOHf4 .result_error___wCacP .result_fold___LeDgK {
  cursor: pointer;
}
.search_container___LOHf4 .result_describe___71\+L7 .result_fresh___CGpsT:hover,
.search_container___LOHf4 .result_error___wCacP .result_fresh___CGpsT:hover,
.search_container___LOHf4 .result_describe___71\+L7 .result_fold___LeDgK:hover,
.search_container___LOHf4 .result_error___wCacP .result_fold___LeDgK:hover {
  transform: scale(1.1);
}
.search_container___LOHf4 .result_describe___71\+L7 .result_fresh___CGpsT.disabled___I9PVu,
.search_container___LOHf4 .result_error___wCacP .result_fresh___CGpsT.disabled___I9PVu,
.search_container___LOHf4 .result_describe___71\+L7 .result_fold___LeDgK.disabled___I9PVu,
.search_container___LOHf4 .result_error___wCacP .result_fold___LeDgK.disabled___I9PVu {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}
.search_container___LOHf4 .result_describe___71\+L7 .result_fresh___CGpsT,
.search_container___LOHf4 .result_error___wCacP .result_fresh___CGpsT {
  margin: 0 5px;
}
.search_container___LOHf4 .result_error___wCacP {
  color: var(--errorForeground);
}
.search_container___LOHf4 input[type='text'] {
  width: 100%;
}
.search_container___LOHf4 .search_and_replace_container___RLSAK {
  display: flex;
}
.search_container___LOHf4 .search_and_replace_container___RLSAK .replace-toggle___N4s4J {
  display: flex;
  align-items: center;
  width: 15px;
  min-width: 15px;
  justify-content: center;
  margin-right: 2px;
  box-sizing: border-box;
}
.search_container___LOHf4 .search_and_replace_container___RLSAK .replace-toggle___N4s4J:hover {
  background: var(--input-background);
}
.search_container___LOHf4 .search_and_replace_container___RLSAK .replace_all___gRzvp {
  color: var(--textLink-foreground);
  cursor: pointer;
}
.search_container___LOHf4 .search_and_replace_container___RLSAK .search_and_replace_fields___guCWK {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.search_container___LOHf4 .search_and_replace_container___RLSAK .search_input_title___E2YX\+ {
  line-height: 20px;
  margin-top: 8px;
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.search_container___LOHf4 .search_and_replace_container___RLSAK .search_input_title___E2YX\+ .search_title___Nb9pH {
  margin-right: 5px;
  text-transform: uppercase;
}
.search_container___LOHf4 .search_and_replace_container___RLSAK .search_field___lP1Wt {
  display: flex;
  align-items: center;
  border: var(--input-border);
  margin-bottom: 4px;
}
.search_container___LOHf4 .search_and_replace_container___RLSAK .search_field___lP1Wt:hover {
  border-color: var(--inputOption-activeBorder);
}
.search_container___LOHf4 .search_and_replace_container___RLSAK .search_field___lP1Wt .option_buttons___hkf5O {
  height: 23px;
  display: flex;
  align-items: center;
  background: var(--input-background);
}
.search_container___LOHf4 .search_and_replace_container___RLSAK .replace_field___M\+iKE {
  display: flex;
}
.search_container___LOHf4 .search_details___UIq3m .glob_field___hMC\+7 {
  display: flex;
  flex-direction: column;
  white-space: nowrap;
}
.search_container___LOHf4 .search_details___UIq3m .glob_field___hMC\+7 .label___R6Zpu {
  line-height: 20px;
  margin: 8px 0 4px 0;
  user-select: none;
  font-size: 11px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.search_container___LOHf4 .search_details___UIq3m .glob_field___hMC\+7 .use_default_excludes_wrapper___5NOmZ {
  display: flex;
  align-items: center;
}
.search_container___LOHf4 .search_details___UIq3m .glob_field___hMC\+7 .use_default_excludes_wrapper___5NOmZ .search_option___3nQ29 {
  margin-left: 3px;
}
.search_container___LOHf4 .search_excludes_description___ZtwxW {
  line-height: 1;
  margin-left: 5px;
}
.search_container___LOHf4 .search_option___3nQ29 {
  width: 20px;
  height: 20px;
  margin: 0 1px;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  user-select: none;
  background-repeat: no-repeat;
  background-position: center;
  border: 1px solid transparent;
  cursor: pointer;
  opacity: 0.7;
}
.search_container___LOHf4 .search_option___3nQ29:hover {
  opacity: 1;
}
.search_container___LOHf4 .search_option___3nQ29::before {
  display: inline-block;
  height: 18px;
  line-height: 18px;
}
.search_container___LOHf4 .search_option___3nQ29.select___3w0H3 {
  background-color: var(--inputOption-activeBackground);
  border-color: var(--inputOption-activeBorder);
  opacity: 1;
}
.search_container___LOHf4 .replace_all_button___IuYJG {
  margin-left: 4px;
  padding: 0 5px;
  text-align: center;
  line-height: 26px;
  color: var(--textLink-foreground);
  border: 1px solid transparent;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  flex-shrink: 0;
  cursor: pointer;
}
.search_container___LOHf4 .replace_all_button___IuYJG.disabled___I9PVu {
  color: inherit;
  opacity: 0.7;
  pointer-events: none;
}
.search_container___LOHf4 .replace_all_button___IuYJG:hover {
  border-radius: 2px;
  border-color: currentColor;
}
.line_text___QigF\+ {
  white-space: nowrap;
}
.tree___qcj3e {
  overflow: hidden;
}
.tree_child___P23CD .icon___iNP9B {
  font-size: 25px;
  margin-left: 0px;
  margin-right: 10px;
}
.tree_child___P23CD .text___wuain {
  white-space: nowrap;
  text-overflow: ellipsis;
}
.tree_child___P23CD .title___UaZT7 {
  display: flex;
  align-items: center;
  height: 22px;
}
.tree_child___P23CD .title___UaZT7:hover {
  color: var(--list-hoverForeground);
  background: var(--list-hoverBackground);
}
.tree_child___P23CD .result___XmwW5 {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
.tree_child___P23CD .result___XmwW5 li {
  padding-left: 30px;
  text-overflow: ellipsis;
  width: 100%;
  overflow: hidden;
}
.tree_child___P23CD .result___XmwW5 li:hover {
  color: var(--list-hoverForeground);
  background: var(--list-hoverBackground);
}
.tree_child___P23CD.kt_mod_selected___P5I\+1 {
  color: var(--list-activeSelectionForeground);
  background: var(--list-activeSelectionBackground);
}
.tree_child___P23CD.kt_mod_focused___AOcFt {
  color: var(--list-focusForeground);
  background: var(--list-focusBackground);
}
.tree_child___P23CD.kt_mod_invalid___LNOBR {
  color: var(--list-invalidItemForeground);
}
.include_rule_content___iw2Yn {
  font-size: 11px;
}
.include_rule_content___iw2Yn > p {
  margin-tio: 2px;
  margin-bottom: 0;
}
.include_rule_content___iw2Yn > ul {
  margin: 0;
  padding: 0;
}
.include_rule_content___iw2Yn > ul > li {
  list-style-type: none;
}
.exclude_rule_content___nDcE6 {
  font-size: 11px;
}
.exclude_rule_content___nDcE6 > p {
  margin-bottom: 5px;
}
.exclude_rule_content___nDcE6 > p > span {
  float: right;
  color: var(--textLink-foreground);
  cursor: pointer;
}
.exclude_rule_content___nDcE6 > p > span::hover {
  color: var(--textLink-activeForeground);
}
.exclude_rule_content___nDcE6 > div {
  max-width: 200px;
  color: var(--descriptionForeground);
}
.limit___OSxwv {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.loading-wrap___kQiGZ {
  position: relative;
  width: calc(100% - 16px);
  margin-left: 8px;
}
.search_result_code___v\+hnU {
  color: var(--foreground);
}
.search_result_label___YhZSx {
  margin-right: 0;
}
.checkbox___t8NCq .kt-checkbox-icon {
  width: 14px;
  height: 14px;
  border-color: var(--input-placeholderForeground);
}

.search_node___uZZZN {
  height: 22px;
  line-height: 22px;
  display: flex;
  flex-direction: column;
  position: relative;
  cursor: pointer;
}
.search_node___uZZZN .displayname___1y8G4 {
  color: var(--foreground);
  margin-right: 6px;
  display: inline;
  white-space: pre;
}
.search_node___uZZZN .description___ROUDJ {
  display: inline;
  color: var(--descriptionForeground);
}
.search_node___uZZZN .match___uPJ80 {
  background-color: var(--editor-findMatchHighlightBackground);
}
.search_node___uZZZN .match___uPJ80.replace___RVJrI {
  background-color: var(--editor-findMatchHighlightBackground);
  text-decoration: line-through;
}
.search_node___uZZZN .replace___RVJrI {
  background-color: var(--diffEditor-insertedTextBackground);
}
.search_node___uZZZN .highlight___lEfcI {
  background-color: var(--editor-findMatchHighlightBackground);
  font-weight: bold;
}
.search_node___uZZZN .description___ROUDJ {
  display: inline;
  transform: scale(0.96);
  color: var(--descriptionForeground);
}
.search_node___uZZZN .content___a0y3C {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
}
.search_node___uZZZN .status___EOv8p {
  text-align: center;
  font-size: 12px;
}
.search_node___uZZZN .segment___19P86 {
  flex-grow: 0;
  white-space: nowrap;
  color: inherit;
}
.search_node___uZZZN .segment_grow___opF4p {
  flex-grow: 1 !important;
  text-align: left;
  z-index: 10;
  padding-right: 5px;
}
.search_node___uZZZN .segment_grow___opF4p.overflow_visible___rCLs- {
  overflow: visible !important;
}
.search_node___uZZZN .action_bar___G\+ovI {
  flex-grow: 0;
  white-space: nowrap;
  color: inherit;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  display: none;
}
.search_node___uZZZN .action_bar___G\+ovI .action_icon___4kBmq {
  margin: 0 3px;
}
.search_node___uZZZN .segment_grow___opF4p {
  flex-grow: 1 !important;
  text-align: left;
  z-index: 10;
  padding-right: 5px;
}
.search_node___uZZZN .segment_grow___opF4p.overflow_visible___rCLs- {
  overflow: visible !important;
}
.search_node___uZZZN .tail___q8gzy {
  text-align: center;
  margin-right: 10px;
  position: relative;
  height: 22px;
  display: flex;
  align-items: center;
}
.search_node___uZZZN .overflow_wrap___-Fi0O {
  flex: 1;
  flex-shrink: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left;
  color: var(--foreground);
}
.search_node___uZZZN .flex_wrap___XFr5r {
  display: flex;
  flex-direction: row;
}
.search_node___uZZZN .icon___2jbR9 {
  position: relative;
  color: var(--icon-foreground);
  margin-right: 4px;
}
.search_node___uZZZN .icon___2jbR9:before {
  font-size: 16px;
  text-align: center;
}
.search_node___uZZZN:hover {
  color: var(--kt-tree-hoverForeground);
  background: var(--kt-tree-hoverBackground);
}
.search_node___uZZZN:hover .action_bar___G\+ovI {
  display: inline-flex;
}
.search_node___uZZZN:hover::before {
  display: none;
}
.search_node___uZZZN.mod_selected___mo9bp {
  color: var(--kt-tree-inactiveSelectionForeground);
  background: var(--kt-tree-inactiveSelectionBackground);
}
.search_node___uZZZN.mod_focused___4LS4M {
  outline: 1px solid var(--list-focusOutline);
  outline-offset: -1px;
}
.search_node___uZZZN.mod_actived___iO8Yg {
  outline: 1px solid var(--list-focusOutline);
  outline-offset: -1px;
}
.expansion_toggle___PN4hg {
  min-width: 20px;
  display: flex;
  justify-content: center;
  flex-shrink: 0;
  font-size: 16px;
  color: var(--foreground);
}
.expansion_toggle___PN4hg.mod_collapsed___ZrHeY:before {
  display: block;
}
.expansion_toggle___PN4hg:not(.mod_collapsed___ZrHeY):before {
  display: block;
  transform: rotate(90deg);
}

