.ace_editor {
  background-color: rgb(var(--crust));
  color: rgb(var(--text));
}

.ace_editor .ace_gutter,
.ace_editor .ace_gutter-cell {
  background: rgb(var(--mantle));
  color: rgb(var(--overlay1));
}

.ace_editor .ace_print-margin {
  background: rgb(var(--mantle));
}

.ace_editor .ace_marker-layer .ace_active-line {
  background-color: rgb(var(--mantle));
}

.ace_editor .ace_marker-layer .highlight-line-error {
  background-color: rgba(var(--red), 20%);
}

.ace_editor .ace_marker-layer .ace_bracket {
  border-color: rgb(var(--overlay1));
}

.ace_editor .ace_doctype {
  color: rgb(var(--mauve));
}

.ace_editor .ace_cursor,
.ace_editor .ace_xml.ace_text {
  color: rgb(var(--text));
}

.ace_editor .ace_heading.ace_1,
.ace_editor .ace_heading.ace_1 + .ace_heading {
  color: rgb(var(--red));
}

.ace_editor .ace_heading.ace_2,
.ace_editor .ace_heading.ace_2 + .ace_heading {
  color: rgb(var(--peach));
}

.ace_editor .ace_heading.ace_3,
.ace_editor .ace_heading.ace_3 + .ace_heading {
  color: rgb(var(--yellow));
}

.ace_editor .ace_heading.ace_4,
.ace_editor .ace_heading.ace_4 + .ace_heading {
  color: rgb(var(--green));
}

.ace_editor .ace_heading.ace_5,
.ace_editor .ace_heading.ace_5 + .ace_heading {
  color: rgb(var(--blue));
}

.ace_editor .ace_heading.ace_6,
.ace_editor .ace_heading.ace_6 + .ace_heading {
  color: rgb(var(--mauve));
}

.ace_editor .ace_list {
  color: rgb(var(--text));
}

.ace_editor .ace_list.ace_markup {
  color: rgb(var(--sky));
}

.ace_editor .ace_marker-layer .ace_selection {
  background: rgba(var(--accent), 30%);
}

.ace-tm .ace_marker-layer .ace_selected-word {
  background: none;
  border: none;
}

.ace_editor .ace_fold {
  background-color: rgb(var(--surface0));
  border-color: rgb(var(--surface1));
}

.ace_editor .ace_constant.ace_language,
.ace_editor .ace_keyword,
.ace_editor .ace_meta {
  color: rgb(var(--mauve));
}

.ace_editor .ace_xml,
.ace_editor .ace_support.ace_class,
.ace_editor .ace_support.ace_type {
  color: rgb(var(--yellow));
}

.ace_editor .ace_line .ace_identifier:not(:first-of-type),
.ace_editor .ace_entity.ace_name.ace_function,
.ace_editor .ace_constant {
  color: rgb(var(--blue));
}

.ace_editor .ace_paren,
.ace_editor .ace_variable.ace_language {
  color: rgb(var(--red));
}

.ace_editor .ace_constant.ace_numeric {
  color: rgb(var(--peach));
}

.ace_editor .ace_entity.ace_other.ace_attribute-name,
.ace_editor .ace_support.ace_constant,
.ace_editor .ace_support.ace_function {
  color: rgb(var(--teal));
}

.ace_editor .ace_entity.ace_name.ace_tag,
.ace_editor .ace_variable {
  color: rgb(var(--blue));
}

.ace_editor .ace_storage {
  color: rgb(var(--peach));
}

.ace_editor .ace_string {
  color: rgb(var(--green));
}

.ace_editor .ace_comment {
  color: rgb(var(--overlay2));
}

.ace_editor .ace_indent-guide {
  background-image: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%221%22%20height%3D%222%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20stroke%3D%22rgb%28var%28--surface0%29%29%22%20d%3D%22M0%200v2%22%2F%3E%3C%2Fsvg%3E");
}

.ace_mobile-menu {
  background-color: rgb(var(--base));
  box-shadow: none;
  border-color: rgb(var(--surface0));
  color: rgb(var(--text));
}

.ace_tooltip {
  background-color: rgb(var(--crust));
  color: rgb(var(--text));
  border-color: rgb(var(--surface0));
}

#ace_settingsmenu {
  background-color: rgb(var(--base));
  box-shadow: none;
  color: rgb(var(--subtext0));
}

#ace_settingsmenu .ace_optionsMenuEntry {
  transition: 0;
}

#ace_settingsmenu .ace_optionsMenuEntry:hover {
  background-color: rgb(var(--mantle));
}

.ace_optionsMenuEntry button,
.ace_optionsMenuEntry button[ace_selected_button="true"],
.ace_optionsMenuEntry button:hover {
  background-color: rgb(var(--crust));
  color: rgb(var(--text));
  border-color: rgb(var(--surface0));
}

.ace_optionsMenuEntry button[ace_selected_button="true"] {
  border-color: rgb(var(--accent));
}

.ace_prompt_container {
  background-color: rgb(var(--surface0));
}

.ace_editor.ace_autocomplete {
  border-color: rgb(var(--surface0));
  box-shadow: none;
  background-color: rgb(var(--base));
  color: rgb(var(--text));
}

.ace_completion-meta {
  opacity: 100%;
  color: rgb(var(--subtext0));
}

.ace_editor.ace_autocomplete .ace_line-hover {
  border-color: rgb(var(--accent));
  background-color: rgb(var(--crust));
}

.ace_editor.ace_autocomplete .ace_marker-layer .ace_active-line {
  background-color: rgb(var(--accent));
}

.ace_editor.ace_autocomplete .ace_line.ace_selected {
  color: rgb(var(--crust));
}

.ace_editor.ace_autocomplete .ace_line.ace_selected .ace_completion-meta {
  color: rgb(var(--surface0));
}