@charset "UTF-8";
:root {
  /* ========== 尺寸系统 ========== */
  --spacing-xs: 4px;
  --spacing-sm: 8px;
  --spacing-md: 12px;
  --spacing-lg: 16px;
  --spacing-xl: 24px;
  --spacing-2xl: 32px;
  --spacing-3xl: 48px;
  --radius-none: 0;
  --radius-sm: 2px;
  --radius-md: 3px;
  --radius-lg: 6px;
  --radius-xl: 8px;
  --radius-2xl: 12px;
  --radius-full: 9999px;
  --shadow-sm: 0px 2px 6px rgba(0, 0, 0, 0.1);
  --shadow-md: 0px 4px 12px rgba(0, 0, 0, 0.15);
  --shadow-lg: 0px 12px 32px rgba(0, 0, 0, 0.1), 0px 8px 16px rgba(0, 0, 0, 0.05);
  /* ========== 字体系统 ========== */
  --font-family-sans: "Helvetica Neue", Arial, "Hiragino Sans GB", "STHeiti", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
  --font-family-mono: "Menlo", "Liberation Mono", "Consolas", "DejaVu Sans Mono", "Ubuntu Mono", "Courier New", "andale mono", "lucida console", monospace;
  --font-size-xs: 12px;
  --font-size-sm: 14px;
  --font-size-md: 16px;
  --font-size-lg: 18px;
  --font-size-xl: 20px;
  --font-size-2xl: 24px;
  --font-size-3xl: 30px;
  --line-height-none: 1;
  --line-height-tight: 1.25;
  --line-height-snug: 1.375;
  --line-height-normal: 1.5;
  --line-height-relaxed: 1.625;
  --line-height-loose: 2;
  --font-weight-thin: 100;
  --font-weight-light: 300;
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-weight-extrabold: 800;
  --font-weight-black: 900;
  /* ========== 边框系统 ========== */
  --border-width-0: 0px;
  --border-width-1: 1px;
  --border-width-2: 2px;
  --border-width-4: 4px;
  --border-width-8: 8px;
  /* ========== 高度尺寸 ========== */
  --height-toolbar: 48px;
  --height-button: 38px;
  /* ========== 透明度 ========== */
  --opacity-0: 0;
  --opacity-25: 0.25;
  --opacity-50: 0.5;
  --opacity-75: 0.75;
  --opacity-90: 0.9;
  --opacity-95: 0.95;
  --opacity-100: 1;
  /* ========== 毛玻璃效果 ========== */
  --blur-none: 0;
  --blur-sm: 4px;
  --blur-md: 8px;
  --blur-lg: 12px;
  --blur-xl: 16px;
  --blur-2xl: 24px;
  --blur-3xl: 40px;
  --glass-bg-white: rgba(255, 255, 255, 0.8);
  --glass-bg-gray: rgba(248, 250, 252, 0.8);
  --glass-bg-dark: rgba(51, 65, 85, 0.8);
  --glass-bg-black: rgba(0, 0, 0, 0.8);
  --glass-border-light: rgba(255, 255, 255, 0.2);
  --glass-border-dark: rgba(255, 255, 255, 0.1);
  /* ========== Z-index 层级 ========== */
  --z-index-dropdown: 1000;
  --z-index-sticky: 1020;
  --z-index-fixed: 1030;
  --z-index-modal-backdrop: 1040;
  --z-index-modal: 1050;
  --z-index-popover: 1060;
  --z-index-tooltip: 1070;
}

.cherry {
  /* ========== 基础色彩映射 ========== */
  --base-font-color: #3f4a56;
  --base-sub-font-color: #6d6e6f;
  --base-border-color: #dfe6ee;
  --base-editor-bg: #ffffff;
  --base-previewer-bg: #ffffff;
  /* ========== 主题色彩系统 ========== */
  --primary-color: #3582fb;
  --secondary-color: #f0f4ff;
  /* ========== 系统状态颜色 ========== */
  --color-success: var(--oc-green-6);
  --color-warning: var(--oc-yellow-6);
  --color-error: var(--oc-red-6);
  --color-info: var(--oc-blue-6);
  /* ========== 工具栏相关 ========== */
  --toolbar-bg: var(--oc-white);
  --toolbar-border: var(--base-border-color);
  --toolbar-padding: var(--spacing-xs) var(--spacing-xl);
  --toolbar-font-size: var(--font-size-sm);
  --toolbar-radius: none;
  --toolbar-shadow: var(--shadow-sm);
  --toolbar-split-color: var(--base-border-color);
  --toolbar-min-height: 48px;
  --sidebar-list-height: 120px;
  --toolbar-btn-color: #3f4a56;
  --toolbar-btn-bg: transparent;
  --toolbar-btn-hover-color: var(--primary-color);
  --toolbar-btn-hover-bg: var(--secondary-color);
  --toolbar-btn-disabled: #ccc;
  --toolbar-btn-radius: var(--radius-lg);
  --toolbar-btn-padding: 0 var(--spacing-md);
  --toolbar-btn-height: var(--height-button);
  /* ========== 工具栏的下拉菜单 ========== */
  --dropdown-bg: var(--toolbar-bg);
  --dropdown-border: var(--base-border-color);
  --dropdown-shadow: var(--shadow-md);
  --dropdown-radius: var(--radius-xl);
  --dropdown-padding: var(--spacing-xs) 0;
  --dropdown-item-height: var(--height-button);
  --dropdown-item-radius: var(--dropdown-radius);
  --dropdown-item-padding: var(--spacing-sm) var(--spacing-md);
  --dropdown-item-hover-bg: var(--oc-gray-2);
  --dropdown-item-color: var(--toolbar-btn-color);
  --dropdown-item-hover-color: var(--base-font-color);
  --dropdown-item-active-bg: var(--secondary-color);
  --dropdown-item-active-color: var(--primary-color);
  /* ========== 编辑气泡 ========== */
  --bubble-bg: var(--toolbar-bg);
  --bubble-border: var(--base-border-color);
  --bubble-shadow: var(--shadow-md);
  --bubble-radius: var(--radius-xl);
  --bubble-padding: var(--toolbar-btn-padding);
  --bubble-btn-height: var(--height-button);
  --bubble-z-index: var(--z-index-popover);
  /* ========== 编辑器相关 ========== */
  --editor-header-color: var(--base-font-color);
  --editor-comment-color: var(--oc-blue-6);
  --editor-quote-color: var(--oc-blue-6);
  --editor-string-color: var(--base-font-color);
  --editor-link-color: var(--oc-blue-6);
  --editor-url-color: #d7e6fe;
  --editor-v2-color: var(--primary-color);
  --editor-v3-color: var(--secondary-color);
  --editor-keyword-color: var(--base-font-color);
  --editor-cursor-color: var(--primary-color);
  --editor-selection-bg: var(--oc-blue-1);
  --editor-line-number-color: var(--oc-gray-4);
  --editor-active-line-bg: var(--oc-gray-0);
  /* ========== 预览器相关 ========== */
  --previewer-mobile-bg: var(--base-previewer-bg);
  /* ========== Markdown 元素样式 ========== */
  --md-heading-color: var(--base-font-color);
  --md-paragraph-color: var(--base-font-color);
  --md-paragraph-line-height: var(--line-height-relaxed);
  --md-paragraph-highlight-line-bg: var(--secondary-color);
  --md-link-color: var(--oc-blue-6);
  --md-link-hover-color: var(--color-link-hover);
  --md-inline-code-color: var(--color-error);
  --md-inline-code-bg: #e5e5e5;
  --md-blockquote-bg: rgba(102, 128, 153, 0.05);
  --md-blockquote-border: #D6DBDF;
  --md-blockquote-color: var(--base-sub-font-color);
  --md-table-border: var(--base-border-color);
  --md-table-operator-color: var(--primary-color);
  --md-hr-border: var(--base-border-color);
  --md-toc-bg: var(--oc-gray-0);
  --md-toc-border-color: var(--base-border-color);
  --md-toc-radius: var(--radius-lg);
  --md-toc-padding: var(--spacing-lg);
  --md-toc-title-color: var(--md-heading-color);
  --md-toc-link-hover-bg: var(--oc-gray-1);
  --md-toc-link-active-bg: var(--oc-gray-2);
  --md-toc-link-radius: var(--radius-md);
  --md-toc-link-color: var(--md-paragraph-color);
  --md-toc-link-hover-color: var(--md-link-hover-color);
  --md-toc-indicator-width: var(--border-width-4);
  --md-toc-indicator-color: var(--oc-gray-3);
  --md-toc-indicator-hover-color: var(--md-toc-link-hover-color);
  --md-toc-indicator-gap: var(--spacing-lg);
  /* ========== 手风琴组件样式 ========== */
  --accordion-bg: var(--base-previewer-bg);
  --accordion-border: var(--base-border-color);
  --accordion-radius: var(--radius-lg);
  --accordion-shadow: var(--shadow-md);
  --accordion-summary-bg: var(--primary-color);
  --accordion-summary-color: var(--oc-white);
  --accordion-summary-hover-bg: var(--color-primary-hover);
  --accordion-body-bg: var(--base-previewer-bg);
  --accordion-body-color: var(--base-font-color);
  --accordion-body-border: var(--base-border-color);
  /* ========== Mermaid 源码工具栏 ========== */
  --mermaid-toolbar-switch-bg: rgba(128, 128, 128, 0.12);
  --mermaid-toolbar-slider-bg: rgba(255, 255, 255, 0.85);
  --mermaid-toolbar-tab-color: inherit;
  --mermaid-toolbar-tab-active-color: #333;
  --mermaid-container-border: rgba(128, 128, 128, 0.2);
  /* ========== 其余单个组件 ========== */
  --drag-border-color: #ebedee;
}

/*
 * Open Color
 * https://github.com/yeun/open-color
 *
 * Copyright (c) 2016 heeyeun
 * Licensed under the MIT License
 *
 *  𝗖 𝗢 𝗟 𝗢 𝗥
 *  v 1.9.1
 *
 *  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
:root {
  /*  General
   *  ─────────────────────────────────── */
  --oc-white: #ffffff;
  --oc-black: #000000;
  /*  Gray
   *  ─────────────────────────────────── */
  --oc-gray-0: #f8f9fa;
  --oc-gray-1: #f1f3f5;
  --oc-gray-2: #e9ecef;
  --oc-gray-3: #dee2e6;
  --oc-gray-4: #ced4da;
  --oc-gray-5: #adb5bd;
  --oc-gray-6: #868e96;
  --oc-gray-7: #495057;
  --oc-gray-8: #343a40;
  --oc-gray-9: #212529;
  /*  Red
   *  ─────────────────────────────────── */
  --oc-red-0: #fff5f5;
  --oc-red-1: #ffe3e3;
  --oc-red-2: #ffc9c9;
  --oc-red-3: #ffa8a8;
  --oc-red-4: #ff8787;
  --oc-red-5: #ff6b6b;
  --oc-red-6: #fa5252;
  --oc-red-7: #f03e3e;
  --oc-red-8: #e03131;
  --oc-red-9: #c92a2a;
  /*  Pink
   *  ─────────────────────────────────── */
  --oc-pink-0: #fff0f6;
  --oc-pink-1: #ffdeeb;
  --oc-pink-2: #fcc2d7;
  --oc-pink-3: #faa2c1;
  --oc-pink-4: #f783ac;
  --oc-pink-5: #f06595;
  --oc-pink-6: #e64980;
  --oc-pink-7: #d6336c;
  --oc-pink-8: #c2255c;
  --oc-pink-9: #a61e4d;
  /*  Grape
   *  ─────────────────────────────────── */
  --oc-grape-0: #f8f0fc;
  --oc-grape-1: #f3d9fa;
  --oc-grape-2: #eebefa;
  --oc-grape-3: #e599f7;
  --oc-grape-4: #da77f2;
  --oc-grape-5: #cc5de8;
  --oc-grape-6: #be4bdb;
  --oc-grape-7: #ae3ec9;
  --oc-grape-8: #9c36b5;
  --oc-grape-9: #862e9c;
  /*  Violet
   *  ─────────────────────────────────── */
  --oc-violet-0: #f3f0ff;
  --oc-violet-1: #e5dbff;
  --oc-violet-2: #d0bfff;
  --oc-violet-3: #b197fc;
  --oc-violet-4: #9775fa;
  --oc-violet-5: #845ef7;
  --oc-violet-6: #7950f2;
  --oc-violet-7: #7048e8;
  --oc-violet-8: #6741d9;
  --oc-violet-9: #5f3dc4;
  /*  Indigo
   *  ─────────────────────────────────── */
  --oc-indigo-0: #edf2ff;
  --oc-indigo-1: #dbe4ff;
  --oc-indigo-2: #bac8ff;
  --oc-indigo-3: #91a7ff;
  --oc-indigo-4: #748ffc;
  --oc-indigo-5: #5c7cfa;
  --oc-indigo-6: #4c6ef5;
  --oc-indigo-7: #4263eb;
  --oc-indigo-8: #3b5bdb;
  --oc-indigo-9: #364fc7;
  /*  Blue
   *  ─────────────────────────────────── */
  --oc-blue-0: #e7f5ff;
  --oc-blue-1: #d0ebff;
  --oc-blue-2: #a5d8ff;
  --oc-blue-3: #74c0fc;
  --oc-blue-4: #4dabf7;
  --oc-blue-5: #339af0;
  --oc-blue-6: #228be6;
  --oc-blue-7: #1c7ed6;
  --oc-blue-8: #1971c2;
  --oc-blue-9: #1864ab;
  /*  Cyan
   *  ─────────────────────────────────── */
  --oc-cyan-0: #e3fafc;
  --oc-cyan-1: #c5f6fa;
  --oc-cyan-2: #99e9f2;
  --oc-cyan-3: #66d9e8;
  --oc-cyan-4: #3bc9db;
  --oc-cyan-5: #22b8cf;
  --oc-cyan-6: #15aabf;
  --oc-cyan-7: #1098ad;
  --oc-cyan-8: #0c8599;
  --oc-cyan-9: #0b7285;
  /*  Teal
   *  ─────────────────────────────────── */
  --oc-teal-0: #e6fcf5;
  --oc-teal-1: #c3fae8;
  --oc-teal-2: #96f2d7;
  --oc-teal-3: #63e6be;
  --oc-teal-4: #38d9a9;
  --oc-teal-5: #20c997;
  --oc-teal-6: #12b886;
  --oc-teal-7: #0ca678;
  --oc-teal-8: #099268;
  --oc-teal-9: #087f5b;
  /*  Green
   *  ─────────────────────────────────── */
  --oc-green-0: #ebfbee;
  --oc-green-1: #d3f9d8;
  --oc-green-2: #b2f2bb;
  --oc-green-3: #8ce99a;
  --oc-green-4: #69db7c;
  --oc-green-5: #51cf66;
  --oc-green-6: #40c057;
  --oc-green-7: #37b24d;
  --oc-green-8: #2f9e44;
  --oc-green-9: #2b8a3e;
  /*  Lime
   *  ─────────────────────────────────── */
  --oc-lime-0: #f4fce3;
  --oc-lime-1: #e9fac8;
  --oc-lime-2: #d8f5a2;
  --oc-lime-3: #c0eb75;
  --oc-lime-4: #a9e34b;
  --oc-lime-5: #94d82d;
  --oc-lime-6: #82c91e;
  --oc-lime-7: #74b816;
  --oc-lime-8: #66a80f;
  --oc-lime-9: #5c940d;
  /*  Yellow
   *  ─────────────────────────────────── */
  --oc-yellow-0: #fff9db;
  --oc-yellow-1: #fff3bf;
  --oc-yellow-2: #ffec99;
  --oc-yellow-3: #ffe066;
  --oc-yellow-4: #ffd43b;
  --oc-yellow-5: #fcc419;
  --oc-yellow-6: #fab005;
  --oc-yellow-7: #f59f00;
  --oc-yellow-8: #f08c00;
  --oc-yellow-9: #e67700;
  /*  Orange
   *  ─────────────────────────────────── */
  --oc-orange-0: #fff4e6;
  --oc-orange-1: #ffe8cc;
  --oc-orange-2: #ffd8a8;
  --oc-orange-3: #ffc078;
  --oc-orange-4: #ffa94d;
  --oc-orange-5: #ff922b;
  --oc-orange-6: #fd7e14;
  --oc-orange-7: #f76707;
  --oc-orange-8: #e8590c;
  --oc-orange-9: #d9480f;
}

.cherry *::-webkit-scrollbar {
  height: 7px;
  width: 7px;
  background: transparent;
}
.cherry *::-webkit-scrollbar:hover {
  background: rgba(128, 128, 128, 0.1);
}
.cherry *::-webkit-scrollbar-thumb {
  background: #d3d7da;
  -webkit-border-radius: 6px;
}
.cherry *::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.6);
}
.cherry *::-webkit-scrollbar-corner {
  background: transparent;
}

@font-face {
  font-family: "ch-icon";
  src: url("./ch-icon-D3qmz1UY.eot");
  src: url("./ch-icon-D3qmz1UY.eot?#iefix") format("eot"), url("./ch-icon-CH9npSTq.woff2") format("woff2"), url("./ch-icon-hFzwVlP-.woff") format("woff"), url("./ch-icon-iE0bW1hA.ttf") format("truetype"), url("./ch-icon-CEL92QmM.svg#ch-icon") format("svg");
  font-weight: normal;
  font-style: normal;
}
.ch-icon:before {
  display: inline-block;
  font-family: "ch-icon";
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.ch-icon-list:before {
  content: "\ea03";
}

.ch-icon-check:before {
  content: "\ea04";
}

.ch-icon-square:before {
  content: "\ea09";
}

.ch-icon-bold:before {
  content: "\ea0a";
}

.ch-icon-code:before {
  content: "\ea0b";
}

.ch-icon-color:before {
  content: "\ea0c";
}

.ch-icon-header:before {
  content: "\ea0d";
}

.ch-icon-image:before {
  content: "\ea0e";
}

.ch-icon-italic:before {
  content: "\ea0f";
}

.ch-icon-link:before {
  content: "\ea10";
}

.ch-icon-ol:before {
  content: "\ea11";
}

.ch-icon-size:before {
  content: "\ea12";
}

.ch-icon-strike:before {
  content: "\ea13";
}

.ch-icon-table:before {
  content: "\ea14";
}

.ch-icon-ul:before {
  content: "\ea15";
}

.ch-icon-underline:before {
  content: "\ea16";
}

.ch-icon-word:before {
  content: "\ea17";
}

.ch-icon-blockquote:before {
  content: "\ea18";
}

.ch-icon-font:before {
  content: "\ea19";
}

.ch-icon-insertClass:before {
  content: "\ea1f";
}

.ch-icon-insertFlow:before {
  content: "\ea20";
}

.ch-icon-insertFormula:before {
  content: "\ea21";
}

.ch-icon-insertGantt:before {
  content: "\ea22";
}

.ch-icon-insertGraph:before {
  content: "\ea23";
}

.ch-icon-insertPie:before {
  content: "\ea24";
}

.ch-icon-insertSeq:before {
  content: "\ea25";
}

.ch-icon-insertState:before {
  content: "\ea26";
}

.ch-icon-line:before {
  content: "\ea27";
}

.ch-icon-preview:before {
  content: "\ea28";
}

.ch-icon-previewClose:before {
  content: "\ea29";
}

.ch-icon-toc:before {
  content: "\ea2a";
}

.ch-icon-sub:before {
  content: "\ea2d";
}

.ch-icon-sup:before {
  content: "\ea2e";
}

.ch-icon-h1:before {
  content: "\ea2f";
}

.ch-icon-h2:before {
  content: "\ea30";
}

.ch-icon-h3:before {
  content: "\ea31";
}

.ch-icon-h4:before {
  content: "\ea32";
}

.ch-icon-h5:before {
  content: "\ea33";
}

.ch-icon-h6:before {
  content: "\ea34";
}

.ch-icon-video:before {
  content: "\ea35";
}

.ch-icon-insert:before {
  content: "\ea36";
}

.ch-icon-little_table:before {
  content: "\ea37";
}

.ch-icon-pdf:before {
  content: "\ea38";
}

.ch-icon-checklist:before {
  content: "\ea39";
}

.ch-icon-close:before {
  content: "\ea40";
}

.ch-icon-fullscreen:before {
  content: "\ea41";
}

.ch-icon-minscreen:before {
  content: "\ea42";
}

.ch-icon-insertChart:before {
  content: "\ea43";
}

.ch-icon-question:before {
  content: "\ea44";
}

.ch-icon-settings:before {
  content: "\ea45";
}

.ch-icon-ok:before {
  content: "\ea46";
}

.ch-icon-br:before {
  content: "\ea47";
}

.ch-icon-normal:before {
  content: "\ea48";
}

.ch-icon-undo:before {
  content: "\ea49";
}

.ch-icon-redo:before {
  content: "\ea50";
}

.ch-icon-copy:before {
  content: "\ea51";
}

.ch-icon-phone:before {
  content: "\ea52";
}

.ch-icon-cherry-table-delete:before {
  content: "\ea53";
}

.ch-icon-cherry-table-insert-bottom:before {
  content: "\ea54";
}

.ch-icon-cherry-table-insert-left:before {
  content: "\ea55";
}

.ch-icon-cherry-table-insert-right:before {
  content: "\ea56";
}

.ch-icon-cherry-table-insert-top:before {
  content: "\ea57";
}

.ch-icon-sort-s:before {
  content: "\ea58";
}

.ch-icon-pinyin:before {
  content: "\ea59";
}

.ch-icon-create:before {
  content: "\ea5a";
}

.ch-icon-download:before {
  content: "\ea5b";
}

.ch-icon-edit:before {
  content: "\ea5c";
}

.ch-icon-export:before {
  content: "\ea5d";
}

.ch-icon-folder-open:before {
  content: "\ea5e";
}

.ch-icon-folder:before {
  content: "\ea5f";
}

.ch-icon-help:before {
  content: "\ea60";
}

.ch-icon-pen-fill:before {
  content: "\ea61";
}

.ch-icon-pen:before {
  content: "\ea62";
}

.ch-icon-tips:before {
  content: "\ea64";
}

.ch-icon-warn:before {
  content: "\ea65";
}

.ch-icon-mistake:before {
  content: "\ea66";
}

.ch-icon-success:before {
  content: "\ea67";
}

.ch-icon-danger:before {
  content: "\ea68";
}

.ch-icon-info:before {
  content: "\ea69";
}

.ch-icon-primary:before {
  content: "\ea6a";
}

.ch-icon-warning:before {
  content: "\ea6b";
}

.ch-icon-justify:before {
  content: "\ea6c";
}

.ch-icon-justifyCenter:before {
  content: "\ea6d";
}

.ch-icon-justifyLeft:before {
  content: "\ea6e";
}

.ch-icon-justifyRight:before {
  content: "\ea6f";
}

.ch-icon-chevronsLeft:before {
  content: "\ea70";
}

.ch-icon-chevronsRight:before {
  content: "\ea71";
}

.ch-icon-trendingUp:before {
  content: "\ea72";
}

.ch-icon-codeBlock:before {
  content: "\ea74";
}

.ch-icon-expand:before {
  content: "\ea75";
}

.ch-icon-unExpand:before {
  content: "\ea76";
}

.ch-icon-swap-vert:before {
  content: "\ea77";
}

.ch-icon-swap:before {
  content: "\ea78";
}

.ch-icon-keyboard:before {
  content: "\ea79";
}

.ch-icon-command:before {
  content: "\ea7a";
}

.ch-icon-search:before {
  content: "\ea7b";
}

.ch-icon-alignCenter:before {
  content: "\ea7c";
}

.ch-icon-alignJustify:before {
  content: "\ea7d";
}

.ch-icon-alignLeft:before {
  content: "\ea7e";
}

.ch-icon-alignRight:before {
  content: "\ea7f";
}

.ch-icon-align:before {
  content: "\ea80";
}

.ch-icon-imgDecoBorder:before {
  content: "\ea81";
}

.ch-icon-imgDecoShadow:before {
  content: "\ea82";
}

.ch-icon-imgDecoRadius:before {
  content: "\ea83";
}

.ch-icon-imgAlignLeft:before {
  content: "\ea84";
}

.ch-icon-imgAlignCenter:before {
  content: "\ea85";
}

.ch-icon-imgAlignRight:before {
  content: "\ea86";
}

.ch-icon-imgAlignFloatLeft:before {
  content: "\ea87";
}

.ch-icon-imgAlignFloatRight:before {
  content: "\ea88";
}

.ch-icon-insertLineChart:before {
  content: "\ea8a";
}

.ch-icon-insertBarChart:before {
  content: "\ea8b";
}

.ch-icon-insertRadarChart:before {
  content: "\ea8c";
}

.ch-icon-insertMapChart:before {
  content: "\ea8d";
}

.ch-icon-insertHeatmapChart:before {
  content: "\ea8e";
}

.ch-icon-insertPieChart:before {
  content: "\ea8f";
}

.ch-icon-insertScatterChart:before {
  content: "\ea90";
}

.ch-icon-insertSankeyChart:before {
  content: "\ea91";
}

.ch-icon-menu:before {
  content: "\ea92";
}

.ch-icon-main-theme:before {
  content: "\ea94";
}

.ch-icon-code-theme:before {
  content: "\ea95";
}

.cherry-markdown {
  word-break: break-all;
  color: var(--md-paragraph-color);
  background-color: var(--base-previewer-bg);
  /* Inline code */
  /* 数学表达式展示 */
}
.cherry-markdown h1,
.cherry-markdown h2,
.cherry-markdown h3,
.cherry-markdown h4,
.cherry-markdown h5,
.cherry-markdown h6,
.cherry-markdown .h1,
.cherry-markdown .h2,
.cherry-markdown .h3,
.cherry-markdown .h4,
.cherry-markdown .h5,
.cherry-markdown .h6 {
  font-family: inherit;
  font-weight: 700;
  line-height: 1.1;
  color: var(--md-heading-color);
}
.cherry-markdown h1 small,
.cherry-markdown h2 small,
.cherry-markdown h3 small,
.cherry-markdown h4 small,
.cherry-markdown h5 small,
.cherry-markdown h6 small,
.cherry-markdown .h1 small,
.cherry-markdown .h2 small,
.cherry-markdown .h3 small,
.cherry-markdown .h4 small,
.cherry-markdown .h5 small,
.cherry-markdown .h6 small,
.cherry-markdown h1 .small,
.cherry-markdown h2 .small,
.cherry-markdown h3 .small,
.cherry-markdown h4 .small,
.cherry-markdown h5 .small,
.cherry-markdown h6 .small,
.cherry-markdown .h1 .small,
.cherry-markdown .h2 .small,
.cherry-markdown .h3 .small,
.cherry-markdown .h4 .small,
.cherry-markdown .h5 .small,
.cherry-markdown .h6 .small {
  font-weight: normal;
  line-height: 1;
  color: var(--oc-gray-5);
}
.cherry-markdown h1,
.cherry-markdown h2,
.cherry-markdown h3 {
  margin-top: 30px;
  margin-bottom: var(--spacing-lg);
}
.cherry-markdown h1 small,
.cherry-markdown h2 small,
.cherry-markdown h3 small,
.cherry-markdown h1 .small,
.cherry-markdown h2 .small,
.cherry-markdown h3 .small {
  font-size: 65%;
}
.cherry-markdown h4,
.cherry-markdown h5,
.cherry-markdown h6 {
  margin-top: var(--spacing-md);
  margin-bottom: var(--spacing-md);
}
.cherry-markdown h4 small,
.cherry-markdown h5 small,
.cherry-markdown h6 small,
.cherry-markdown h4 .small,
.cherry-markdown h5 .small,
.cherry-markdown h6 .small {
  font-size: 75%;
}
.cherry-markdown h1,
.cherry-markdown .h1 {
  font-size: 2em;
}
.cherry-markdown h2,
.cherry-markdown .h2 {
  font-size: 1.5em;
}
.cherry-markdown h3,
.cherry-markdown .h3 {
  font-size: 1.25em;
}
.cherry-markdown h4,
.cherry-markdown .h4 {
  font-size: 1em;
}
.cherry-markdown h5,
.cherry-markdown .h5 {
  font-size: 0.875em;
}
.cherry-markdown h6,
.cherry-markdown .h6 {
  font-size: 0.85em;
}
.cherry-markdown b,
.cherry-markdown strong {
  font-weight: bold;
}
.cherry-markdown ul,
.cherry-markdown ol {
  padding-left: var(--spacing-xl);
  margin-bottom: var(--spacing-lg);
}
.cherry-markdown ul ul,
.cherry-markdown ul ol,
.cherry-markdown ol ul,
.cherry-markdown ol ol {
  margin-bottom: 0;
}
.cherry-markdown ul li,
.cherry-markdown ol li {
  list-style: inherit;
}
.cherry-markdown ul li p,
.cherry-markdown ol li p {
  margin: 0;
}
.cherry-markdown div ul,
.cherry-markdown div ol {
  margin-bottom: 0;
}
.cherry-markdown hr {
  height: 0;
  border: 0;
  border-top: 1px solid var(--md-hr-border);
  margin: var(--spacing-lg) 0;
  box-sizing: content-box;
  overflow: visible;
}
.cherry-markdown kbd {
  border: 1px solid var(--base-border-color);
  border-radius: 4px;
  padding: 1px 2px;
  box-sizing: border-box;
  box-shadow: inset 0px -1px var(--base-border-color);
  font-size: 0.85rem;
}
.cherry-markdown table {
  border-collapse: collapse;
  color: var(--md-paragraph-color);
}
.cherry-markdown table th,
.cherry-markdown table td {
  border: 1px solid var(--md-table-border);
  padding: 0.2em 0.4em;
  min-width: 100px;
}
.cherry-markdown table th {
  background-color: var(--md-inline-code-bg);
}
.cherry-markdown .link-quote {
  color: var(--md-link-color);
}
.cherry-markdown a {
  color: var(--md-link-color);
  position: relative;
  text-decoration: none;
}
.cherry-markdown a[target=_blank] {
  padding: 0 2px;
}
.cherry-markdown a[target=_blank]::after {
  content: "\ea10";
  font-size: var(--font-size-xs);
  font-family: "ch-icon";
  margin: 0 2px;
}
.cherry-markdown a:hover {
  text-decoration: underline;
  color: var(--md-link-hover-color);
}
.cherry-markdown em {
  font-style: italic;
}
.cherry-markdown em.cherry-right-padding {
  padding-right: 0.2em;
}
.cherry-markdown sup {
  vertical-align: super;
}
.cherry-markdown sub {
  vertical-align: sub;
}
.cherry-markdown figure {
  overflow-x: auto;
  margin: var(--spacing-lg) 0;
}
.cherry-markdown figure[data-type=mermaid] {
  overflow: hidden;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 100%;
}
.cherry-markdown figure[data-type=mermaid] svg {
  max-width: 100%;
  height: auto;
  display: block;
}
.cherry-markdown figure[data-type=mermaid][style*=width] svg {
  width: 100% !important;
  height: 100% !important;
}
.cherry-markdown figure[data-type=mermaid].cherry-mermaid-align-center {
  margin-left: auto;
  margin-right: auto;
}
.cherry-markdown figure[data-type=mermaid].cherry-mermaid-align-right {
  margin-left: auto;
  margin-right: 0;
}
.cherry-markdown figure[data-type=mermaid].cherry-mermaid-align-left {
  margin-left: 0;
  margin-right: auto;
}
.cherry-markdown figure[data-type=mermaid].cherry-mermaid-align-float-left {
  float: left;
  margin-left: 0;
  margin-right: var(--spacing-lg);
}
.cherry-markdown figure[data-type=mermaid].cherry-mermaid-align-float-right {
  float: right;
  margin-left: var(--spacing-lg);
  margin-right: 0;
}
.cherry-markdown figure[data-type=mermaid] .cherry-mermaid-source-toolbar {
  height: 45px;
  line-height: 45px;
  position: relative;
  background-color: transparent;
  backdrop-filter: brightness(0.96);
  border-radius: 4px 4px 0 0;
}
.cherry-markdown figure[data-type=mermaid] .cherry-mermaid-source-toolbar-switch {
  position: absolute;
  left: 10px;
  margin-top: 5px;
  width: 127px;
  height: 35px;
  line-height: 35px;
  background-color: var(--mermaid-toolbar-switch-bg);
  border-radius: 8px;
}
.cherry-markdown figure[data-type=mermaid] .cherry-mermaid-source-toolbar-tab {
  position: absolute;
  text-align: center;
  height: 30px;
  line-height: 30px;
  width: 60px;
  box-sizing: border-box;
  top: 2px;
  z-index: 2;
  background-color: transparent;
  cursor: pointer;
  font-size: 13px;
  color: var(--mermaid-toolbar-tab-color);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  white-space: nowrap;
}
.cherry-markdown figure[data-type=mermaid] .cherry-mermaid-source-toolbar-tab:first-child {
  left: 2px;
}
.cherry-markdown figure[data-type=mermaid] .cherry-mermaid-source-toolbar-tab:nth-child(2) {
  left: 65px;
}
.cherry-markdown figure[data-type=mermaid] .cherry-mermaid-source-toolbar-tab.active {
  color: var(--mermaid-toolbar-tab-active-color);
}
.cherry-markdown figure[data-type=mermaid] .cherry-mermaid-source-toolbar-slider {
  position: absolute;
  border-radius: 8px;
  background-color: var(--mermaid-toolbar-slider-bg);
  height: 30px;
  left: 2px;
  top: 2px;
  width: 60px;
  z-index: 1;
  transition: left 0.3s;
}
.cherry-markdown figure[data-type=mermaid] .cherry-mermaid-source-toolbar-panel {
  display: none;
  width: 100%;
}
.cherry-markdown figure[data-type=mermaid] .cherry-mermaid-source-toolbar-panel.active {
  display: block;
}
.cherry-markdown figure[data-type=mermaid] .cherry-mermaid-source-toolbar-panel[data-mode=source] [data-type=codeBlock] {
  margin: 0;
  border-radius: 0;
}
.cherry-markdown figure[data-type=mermaid]:has(.cherry-mermaid-source-toolbar) {
  width: auto;
  max-width: 100%;
  overflow: hidden;
  border: 1px solid var(--mermaid-container-border);
  border-radius: 4px;
}
.cherry-markdown p,
.cherry-markdown pre,
.cherry-markdown blockquote,
.cherry-markdown table {
  margin: 0 0 var(--spacing-lg);
}
.cherry-markdown blockquote {
  color: var(--md-paragraph-color);
  padding: 10px 15px;
  border-left: 10px solid var(--md-hr-border);
  background: var(--md-blockquote-bg);
}
.cherry-markdown blockquote p, .cherry-markdown blockquote blockquote, .cherry-markdown blockquote table, .cherry-markdown blockquote pre, .cherry-markdown blockquote ul, .cherry-markdown blockquote ol {
  margin: 0;
}
.cherry-markdown pre {
  padding: var(--spacing-lg);
  overflow: auto;
  font-size: 85%;
  line-height: 1.45;
  background-color: #f6f8fa;
  border-radius: 6px;
}
.cherry-markdown div[data-type=codeBlock] {
  display: inline-block;
  width: 100%;
  box-sizing: border-box;
  border-radius: 2px;
  margin-bottom: var(--spacing-lg);
  font-size: var(--font-size-sm);
  overflow-x: auto;
}
.cherry-markdown div[data-type=codeBlock] > pre {
  margin: 0;
}
.cherry-markdown div[data-type=codeBlock] > pre code[class*=language-] {
  counter-reset: line;
}
.cherry-markdown div[data-type=codeBlock] > pre code[class*=language-].wrap {
  white-space: pre-wrap;
}
.cherry-markdown div[data-type=codeBlock] > pre code[class*=language-] .code-line {
  display: inline-block;
  position: relative;
  padding-left: 3em;
  height: 1.3em;
  line-height: 2em;
}
.cherry-markdown div[data-type=codeBlock] > pre code[class*=language-] .code-line:before {
  counter-increment: line;
  content: counter(line);
  margin-right: 1em;
  position: absolute;
  left: 0;
}
.cherry-markdown div[data-type=codeBlock] > pre code[class*=language-] .code-line:last-child {
  margin-bottom: 0;
}
.cherry-markdown :not(pre) > code {
  padding: 0.1em;
  border-radius: 0.3em;
  white-space: normal;
  color: var(--md-inline-code-color);
  background-color: var(--md-inline-code-bg);
  border: 1px solid var(--md-hr-border);
}
[data-inline-code-theme=black] .cherry-markdown :not(pre) > code {
  color: var(--base-font-color);
  background-color: var(--md-inline-code-bg);
}
.cherry-markdown a.anchor:before {
  content: "§";
  text-decoration: none;
  width: 15px;
  font-size: 0.5em;
  vertical-align: middle;
  display: inline-block;
  text-align: center;
  margin-left: -15px;
}
.cherry-markdown .toc {
  margin-bottom: var(--spacing-lg);
  padding-left: 0;
  background-color: var(--md-toc-bg);
  border: var(--border-width-1) solid var(--md-toc-border-color);
  border-radius: var(--md-toc-radius);
  padding: var(--md-toc-padding);
}
.cherry-markdown .toc .toc-title {
  font-size: var(--font-size-2xl);
  margin-bottom: var(--spacing-sm);
  font-weight: var(--font-weight-bold);
  color: var(--md-toc-title-color);
}
.cherry-markdown .toc .toc-li {
  list-style: none;
  margin: 0;
  display: flex;
  align-items: center;
  border-left: var(--md-toc-indicator-width) solid var(--md-toc-indicator-color);
  padding-left: var(--md-toc-indicator-gap);
  transition: border-color 50ms ease-out;
}
.cherry-markdown .toc .toc-li .cherry-toc-in-blockquote {
  font-size: 0.6em;
  margin-top: -0.4em;
  padding: 0 0 0 var(--spacing-sm);
  color: var(--md-toc-indicator-color);
}
.cherry-markdown .toc .toc-li a {
  text-decoration: none;
  color: var(--md-toc-link-color);
  flex-grow: 1;
  padding: var(--spacing-xs) var(--spacing-sm);
  border-radius: var(--md-toc-link-radius);
  transition: color 50ms ease-out, background-color 50ms ease-out;
}
.cherry-markdown .toc .toc-li a:hover {
  color: var(--md-toc-link-hover-color);
  background-color: var(--md-toc-link-hover-bg);
}
.cherry-markdown .toc .toc-li a:active {
  background-color: var(--md-toc-link-active-bg);
}
.cherry-markdown .toc .toc-li a.level-1 {
  font-weight: var(--font-weight-semibold);
}
.cherry-markdown .toc .toc-li:hover, .cherry-markdown .toc .toc-li:has(a:active) {
  border-left-color: var(--md-toc-indicator-hover-color);
}
.cherry-markdown .auto-num-toc {
  counter-reset: headtoclevel1;
}
.cherry-markdown .auto-num-toc .toc-li-1 {
  counter-reset: headtoclevel2;
}
.cherry-markdown .auto-num-toc .toc-li-1 a:before {
  counter-increment: headtoclevel1;
  content: counter(headtoclevel1) ". ";
}
.cherry-markdown .auto-num-toc .toc-li-2 {
  counter-reset: headtoclevel3;
}
.cherry-markdown .auto-num-toc .toc-li-2 a:before {
  counter-increment: headtoclevel2;
  content: counter(headtoclevel1) "." counter(headtoclevel2) ". ";
}
.cherry-markdown .auto-num-toc .toc-li-3 {
  counter-reset: headtoclevel4;
}
.cherry-markdown .auto-num-toc .toc-li-3 a:before {
  counter-increment: headtoclevel3;
  content: counter(headtoclevel1) "." counter(headtoclevel2) "." counter(headtoclevel3) ". ";
}
.cherry-markdown .auto-num-toc .toc-li-4 {
  counter-reset: headtoclevel5;
}
.cherry-markdown .auto-num-toc .toc-li-4 a:before {
  counter-increment: headtoclevel4;
  content: counter(headtoclevel1) "." counter(headtoclevel2) "." counter(headtoclevel3) "." counter(headtoclevel4) ". ";
}
.cherry-markdown .auto-num-toc .toc-li-5 {
  counter-reset: headtoclevel6;
}
.cherry-markdown .auto-num-toc .toc-li-5 a:before {
  counter-increment: headtoclevel5;
  content: counter(headtoclevel1) "." counter(headtoclevel2) "." counter(headtoclevel3) "." counter(headtoclevel4) "." counter(headtoclevel5) ". ";
}
.cherry-markdown .auto-num-toc .toc-li-6 a:before {
  counter-increment: headtoclevel6;
  content: counter(headtoclevel1) "." counter(headtoclevel2) "." counter(headtoclevel3) "." counter(headtoclevel4) "." counter(headtoclevel5) "." counter(headtoclevel6) ". ";
}
.cherry-markdown .check-list-item {
  list-style: none;
}
.cherry-markdown .check-list-item .ch-icon {
  margin: 0 6px 0 -20px;
}
.cherry-markdown .footnote:not(a) {
  padding-top: 20px;
  border-top: 1px solid var(--md-hr-border);
  margin-top: 50px;
}
.cherry-markdown .footnote:not(a) .footnote-title {
  font-size: 20px;
  margin-top: -38px;
  background-color: var(--md-inline-code-bg);
  width: 60px;
  margin-bottom: var(--spacing-lg);
}
.cherry-markdown .footnote:not(a) .one-footnote {
  color: var(--md-paragraph-color);
  margin-bottom: var(--spacing-lg);
  border-bottom: 1px dotted var(--md-hr-border);
}
.cherry-markdown .footnote:not(a) .one-footnote a.footnote-ref {
  padding: 5px;
}
.cherry-markdown .cherry-table-container {
  max-width: 100%;
  overflow-x: auto;
}
.cherry-markdown .cherry-table-container .cherry-table th,
.cherry-markdown .cherry-table-container .cherry-table td {
  border: 1px solid var(--md-table-border);
  padding: 0.2em 0.4em;
  min-width: 100px;
}
.cherry-markdown .cherry-table-container .cherry-table th {
  white-space: nowrap;
  background-color: var(--md-inline-code-bg);
}
.cherry-markdown mjx-assistive-mml {
  position: absolute;
  top: 0;
  left: 0;
  clip: rect(1px, 1px, 1px, 1px);
  padding: 1px 0 0 0;
  border: 0;
}
.cherry-markdown.head-num {
  counter-reset: level1;
}
.cherry-markdown.head-num h1 .anchor:before,
.cherry-markdown.head-num h2 .anchor:before,
.cherry-markdown.head-num h3 .anchor:before,
.cherry-markdown.head-num h4 .anchor:before,
.cherry-markdown.head-num h5 .anchor:before,
.cherry-markdown.head-num h6 .anchor:before {
  width: auto;
  font-size: inherit;
  vertical-align: inherit;
  padding-right: 10px;
}
.cherry-markdown.head-num h1 {
  counter-reset: level2;
}
.cherry-markdown.head-num h2 {
  counter-reset: level3;
}
.cherry-markdown.head-num h3 {
  counter-reset: level4;
}
.cherry-markdown.head-num h4 {
  counter-reset: level5;
}
.cherry-markdown.head-num h5 {
  counter-reset: level6;
}
.cherry-markdown.head-num h1 .anchor:before {
  counter-increment: level1;
  content: counter(level1) ". ";
}
.cherry-markdown.head-num h2 .anchor:before {
  counter-increment: level2;
  content: counter(level1) "." counter(level2) " ";
}
.cherry-markdown.head-num h3 .anchor:before {
  counter-increment: level3;
  content: counter(level1) "." counter(level2) "." counter(level3) " ";
}
.cherry-markdown.head-num h4 .anchor:before {
  counter-increment: level4;
  content: counter(level1) "." counter(level2) "." counter(level3) "." counter(level4) " ";
}
.cherry-markdown.head-num h5 .anchor:before {
  counter-increment: level5;
  content: counter(level1) "." counter(level2) "." counter(level3) "." counter(level4) "." counter(level5) " ";
}
.cherry-markdown.head-num h6 .anchor:before {
  counter-increment: level6;
  content: counter(level1) "." counter(level2) "." counter(level3) "." counter(level4) "." counter(level5) "." counter(level6) " ";
}

.cherry[class*=theme__] .cherry-previewer-table-content-handler .cherry-previewer-table-content-handler__input textarea {
  background-color: var(--base-editor-bg);
  color: var(--base-font-color);
  outline-color: var(--editor-header-color);
}

div[data-type=codeBlock] {
  /* PrismJS 1.23.0
  https://prismjs.com/download.html#themes=prism-tomorrow&languages=markup+css+clike+javascript */
  /**
   * prism.js tomorrow night eighties for JavaScript, CoffeeScript, CSS and HTML
   * Based on https://github.com/chriskempson/tomorrow-theme
   * @author Rose Pritchard
   */
  /* Code blocks */
  /* Inline code */
}
div[data-type=codeBlock] code[class*=language-],
div[data-type=codeBlock] pre[class*=language-] {
  color: #ccc;
  background: none;
  font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
  font-size: 1em;
  text-align: left;
  white-space: pre;
  word-spacing: normal;
  word-break: normal;
  word-wrap: normal;
  line-height: 1.5;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
  hyphens: none;
}
div[data-type=codeBlock] pre[class*=language-] {
  padding: 1em;
  margin: 0.5em 0;
  overflow: auto;
}
div[data-type=codeBlock] :not(pre) > code[class*=language-],
div[data-type=codeBlock] pre[class*=language-] {
  background: #2d2d2d;
}
div[data-type=codeBlock] :not(pre) > code[class*=language-] {
  padding: 0.1em;
  border-radius: 0.3em;
  white-space: normal;
}
div[data-type=codeBlock] .token.comment,
div[data-type=codeBlock] .token.block-comment,
div[data-type=codeBlock] .token.prolog,
div[data-type=codeBlock] .token.doctype,
div[data-type=codeBlock] .token.cdata {
  color: #999;
}
div[data-type=codeBlock] .token.punctuation {
  color: #ccc;
}
div[data-type=codeBlock] .token.tag,
div[data-type=codeBlock] .token.attr-name,
div[data-type=codeBlock] .token.namespace,
div[data-type=codeBlock] .token.deleted {
  color: #e2777a;
}
div[data-type=codeBlock] .token.function-name {
  color: #6196cc;
}
div[data-type=codeBlock] .token.boolean,
div[data-type=codeBlock] .token.number,
div[data-type=codeBlock] .token.function {
  color: #f08d49;
}
div[data-type=codeBlock] .token.property,
div[data-type=codeBlock] .token.class-name,
div[data-type=codeBlock] .token.constant,
div[data-type=codeBlock] .token.symbol {
  color: #f8c555;
}
div[data-type=codeBlock] .token.selector,
div[data-type=codeBlock] .token.important,
div[data-type=codeBlock] .token.atrule,
div[data-type=codeBlock] .token.keyword,
div[data-type=codeBlock] .token.builtin {
  color: #cc99cd;
}
div[data-type=codeBlock] .token.string,
div[data-type=codeBlock] .token.char,
div[data-type=codeBlock] .token.attr-value,
div[data-type=codeBlock] .token.regex,
div[data-type=codeBlock] .token.variable {
  color: #7ec699;
}
div[data-type=codeBlock] .token.operator,
div[data-type=codeBlock] .token.entity,
div[data-type=codeBlock] .token.url {
  color: #67cdcc;
}
div[data-type=codeBlock] .token.important,
div[data-type=codeBlock] .token.bold {
  font-weight: bold;
}
div[data-type=codeBlock] .token.italic {
  font-style: italic;
}
div[data-type=codeBlock] .token.entity {
  cursor: help;
}
div[data-type=codeBlock] .token.inserted {
  color: green;
}
div[data-code-wrap=wrap] div[data-type=codeBlock] code[class*=language-] {
  white-space: pre-wrap;
  word-break: break-word;
}
[data-code-block-theme=default] div[data-type=codeBlock] {
  /* PrismJS 1.23.0
  https://prismjs.com/download.html#themes=prism&languages=markup+css+clike+javascript+abap+abnf+actionscript+ada+agda+al+antlr4+apacheconf+apex+apl+applescript+aql+arduino+arff+asciidoc+aspnet+asm6502+autohotkey+autoit+bash+basic+batch+bbcode+birb+bison+bnf+brainfuck+brightscript+bro+bsl+c+csharp+cpp+cfscript+chaiscript+cil+clojure+cmake+cobol+coffeescript+concurnas+csp+coq+crystal+css-extras+csv+cypher+d+dart+dataweave+dax+dhall+diff+django+dns-zone-file+docker+dot+ebnf+editorconfig+eiffel+ejs+elixir+elm+etlua+erb+erlang+excel-formula+fsharp+factor+false+firestore-security-rules+flow+fortran+ftl+gml+gcode+gdscript+gedcom+gherkin+git+glsl+go+graphql+groovy+haml+handlebars+haskell+haxe+hcl+hlsl+http+hpkp+hsts+ichigojam+icon+icu-message-format+idris+ignore+inform7+ini+io+j+java+javadoc+javadoclike+javastacktrace+jexl+jolie+jq+jsdoc+js-extras+json+json5+jsonp+jsstacktrace+js-templates+julia+keyman+kotlin+kumir+latex+latte+less+lilypond+liquid+lisp+livescript+llvm+log+lolcode+lua+makefile+markdown+markup-templating+matlab+mel+mizar+mongodb+monkey+moonscript+n1ql+n4js+nand2tetris-hdl+naniscript+nasm+neon+nevod+nginx+nim+nix+nsis+objectivec+ocaml+opencl+openqasm+oz+parigp+parser+pascal+pascaligo+psl+pcaxis+peoplecode+perl+php+phpdoc+php-extras+plsql+powerquery+powershell+processing+prolog+promql+properties+protobuf+pug+puppet+pure+purebasic+purescript+python+qsharp+q+qml+qore+r+racket+jsx+tsx+reason+regex+rego+renpy+rest+rip+roboconf+robotframework+ruby+rust+sas+sass+scss+scala+scheme+shell-session+smali+smalltalk+smarty+sml+solidity+solution-file+soy+sparql+splunk-spl+sqf+sql+squirrel+stan+iecst+stylus+swift+t4-templating+t4-cs+t4-vb+tap+tcl+tt2+textile+toml+turtle+twig+typescript+typoscript+unrealscript+uri+v+vala+vbnet+velocity+verilog+vhdl+vim+visual-basic+warpscript+wasm+wiki+wolfram+xeora+xml-doc+xojo+xquery+yaml+yang+zig */
  /**
   * prism.js default theme for JavaScript, CSS and HTML
   * Based on dabblet (http://dabblet.com)
   * @author Lea Verou
   */
  /* Code blocks */
  /* Inline code */
}
[data-code-block-theme=default] div[data-type=codeBlock] code[class*=language-],
[data-code-block-theme=default] div[data-type=codeBlock] pre[class*=language-] {
  color: black;
  background: none;
  text-shadow: 0 1px white;
  font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
  font-size: 1em;
  text-align: left;
  white-space: pre;
  word-spacing: normal;
  word-break: normal;
  word-wrap: normal;
  line-height: 1.5;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
  hyphens: none;
}
[data-code-block-theme=default] div[data-type=codeBlock] pre[class*=language-]::-moz-selection, [data-code-block-theme=default] div[data-type=codeBlock] pre[class*=language-] ::-moz-selection,
[data-code-block-theme=default] div[data-type=codeBlock] code[class*=language-]::-moz-selection, [data-code-block-theme=default] div[data-type=codeBlock] code[class*=language-] ::-moz-selection {
  text-shadow: none;
  background: #b3d4fc;
}
[data-code-block-theme=default] div[data-type=codeBlock] pre[class*=language-]::-moz-selection, [data-code-block-theme=default] div[data-type=codeBlock] pre[class*=language-] ::-moz-selection, [data-code-block-theme=default] div[data-type=codeBlock] code[class*=language-]::-moz-selection, [data-code-block-theme=default] div[data-type=codeBlock] code[class*=language-] ::-moz-selection {
  text-shadow: none;
  background: #b3d4fc;
}
[data-code-block-theme=default] div[data-type=codeBlock] pre[class*=language-]::selection, [data-code-block-theme=default] div[data-type=codeBlock] pre[class*=language-] ::selection,
[data-code-block-theme=default] div[data-type=codeBlock] code[class*=language-]::selection, [data-code-block-theme=default] div[data-type=codeBlock] code[class*=language-] ::selection {
  text-shadow: none;
  background: #b3d4fc;
}
@media print {
  [data-code-block-theme=default] div[data-type=codeBlock] code[class*=language-],
  [data-code-block-theme=default] div[data-type=codeBlock] pre[class*=language-] {
    text-shadow: none;
  }
}
[data-code-block-theme=default] div[data-type=codeBlock] pre[class*=language-] {
  padding: 1em;
  margin: 0.5em 0;
  overflow: auto;
}
[data-code-block-theme=default] div[data-type=codeBlock] :not(pre) > code[class*=language-],
[data-code-block-theme=default] div[data-type=codeBlock] pre[class*=language-] {
  background: #f5f2f0;
}
[data-code-block-theme=default] div[data-type=codeBlock] :not(pre) > code[class*=language-] {
  padding: 0.1em;
  border-radius: 0.3em;
  white-space: normal;
}
[data-code-block-theme=default] div[data-type=codeBlock] .token.comment,
[data-code-block-theme=default] div[data-type=codeBlock] .token.prolog,
[data-code-block-theme=default] div[data-type=codeBlock] .token.doctype,
[data-code-block-theme=default] div[data-type=codeBlock] .token.cdata {
  color: slategray;
}
[data-code-block-theme=default] div[data-type=codeBlock] .token.punctuation {
  color: #999;
}
[data-code-block-theme=default] div[data-type=codeBlock] .token.namespace {
  opacity: 0.7;
}
[data-code-block-theme=default] div[data-type=codeBlock] .token.property,
[data-code-block-theme=default] div[data-type=codeBlock] .token.tag,
[data-code-block-theme=default] div[data-type=codeBlock] .token.boolean,
[data-code-block-theme=default] div[data-type=codeBlock] .token.number,
[data-code-block-theme=default] div[data-type=codeBlock] .token.constant,
[data-code-block-theme=default] div[data-type=codeBlock] .token.symbol,
[data-code-block-theme=default] div[data-type=codeBlock] .token.deleted {
  color: #905;
}
[data-code-block-theme=default] div[data-type=codeBlock] .token.selector,
[data-code-block-theme=default] div[data-type=codeBlock] .token.attr-name,
[data-code-block-theme=default] div[data-type=codeBlock] .token.string,
[data-code-block-theme=default] div[data-type=codeBlock] .token.char,
[data-code-block-theme=default] div[data-type=codeBlock] .token.builtin,
[data-code-block-theme=default] div[data-type=codeBlock] .token.inserted {
  color: #690;
}
[data-code-block-theme=default] div[data-type=codeBlock] .token.operator,
[data-code-block-theme=default] div[data-type=codeBlock] .token.entity,
[data-code-block-theme=default] div[data-type=codeBlock] .token.url,
[data-code-block-theme=default] div[data-type=codeBlock] .language-css .token.string,
[data-code-block-theme=default] div[data-type=codeBlock] .style .token.string {
  color: #9a6e3a;
  /* This background color was intended by the author of this theme. */
  background: hsla(0, 0%, 100%, 0.5);
}
[data-code-block-theme=default] div[data-type=codeBlock] .token.atrule,
[data-code-block-theme=default] div[data-type=codeBlock] .token.attr-value,
[data-code-block-theme=default] div[data-type=codeBlock] .token.keyword {
  color: #07a;
}
[data-code-block-theme=default] div[data-type=codeBlock] .token.function,
[data-code-block-theme=default] div[data-type=codeBlock] .token.class-name {
  color: #DD4A68;
}
[data-code-block-theme=default] div[data-type=codeBlock] .token.regex,
[data-code-block-theme=default] div[data-type=codeBlock] .token.important,
[data-code-block-theme=default] div[data-type=codeBlock] .token.variable {
  color: #e90;
}
[data-code-block-theme=default] div[data-type=codeBlock] .token.important,
[data-code-block-theme=default] div[data-type=codeBlock] .token.bold {
  font-weight: bold;
}
[data-code-block-theme=default] div[data-type=codeBlock] .token.italic {
  font-style: italic;
}
[data-code-block-theme=default] div[data-type=codeBlock] .token.entity {
  cursor: help;
}
[data-code-block-theme=dark] div[data-type=codeBlock] {
  /* PrismJS 1.23.0
  https://prismjs.com/download.html#themes=prism-dark&languages=markup+css+clike+javascript+abap+abnf+actionscript+ada+agda+al+antlr4+apacheconf+apex+apl+applescript+aql+arduino+arff+asciidoc+aspnet+asm6502+autohotkey+autoit+bash+basic+batch+bbcode+birb+bison+bnf+brainfuck+brightscript+bro+bsl+c+csharp+cpp+cfscript+chaiscript+cil+clojure+cmake+cobol+coffeescript+concurnas+csp+coq+crystal+css-extras+csv+cypher+d+dart+dataweave+dax+dhall+diff+django+dns-zone-file+docker+dot+ebnf+editorconfig+eiffel+ejs+elixir+elm+etlua+erb+erlang+excel-formula+fsharp+factor+false+firestore-security-rules+flow+fortran+ftl+gml+gcode+gdscript+gedcom+gherkin+git+glsl+go+graphql+groovy+haml+handlebars+haskell+haxe+hcl+hlsl+http+hpkp+hsts+ichigojam+icon+icu-message-format+ignore+inform7+ini+io+j+java+javadoc+javadoclike+javastacktrace+jexl+jolie+jq+jsdoc+js-extras+json+json5+jsonp+jsstacktrace+js-templates+julia+keyman+kotlin+kumir+latte+less+lilypond+liquid+lisp+livescript+llvm+log+lolcode+lua+makefile+markdown+markup-templating+matlab+mel+mizar+mongodb+monkey+moonscript+n1ql+n4js+nand2tetris-hdl+naniscript+nasm+neon+nevod+nginx+nim+nix+nsis+objectivec+ocaml+opencl+openqasm+oz+parigp+parser+pascal+pascaligo+psl+pcaxis+peoplecode+perl+php+phpdoc+php-extras+plsql+powerquery+powershell+processing+prolog+promql+properties+protobuf+pug+puppet+pure+purebasic+purescript+python+qsharp+q+qml+qore+r+racket+jsx+tsx+reason+regex+rego+renpy+rest+rip+roboconf+robotframework+ruby+rust+sas+sass+scss+scala+scheme+shell-session+smali+smalltalk+smarty+sml+solidity+solution-file+soy+sparql+splunk-spl+sqf+sql+squirrel+stan+iecst+stylus+swift+t4-templating+t4-cs+t4-vb+tap+tcl+tt2+textile+toml+turtle+twig+typescript+typoscript+unrealscript+uri+v+vala+vbnet+velocity+verilog+vhdl+vim+visual-basic+warpscript+wasm+wiki+wolfram+xeora+xml-doc+xojo+xquery+yaml+yang+zig */
  /**
   * prism.js Dark theme for JavaScript, CSS and HTML
   * Based on the slides of the talk “/Reg(exp){2}lained/”
   * @author Lea Verou
   */
  /* Code blocks */
  /* Inline code */
}
[data-code-block-theme=dark] div[data-type=codeBlock] code[class*=language-],
[data-code-block-theme=dark] div[data-type=codeBlock] pre[class*=language-] {
  color: white;
  background: none;
  text-shadow: 0 -0.1em 0.2em black;
  font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
  font-size: 1em;
  text-align: left;
  white-space: pre;
  word-spacing: normal;
  word-break: normal;
  word-wrap: normal;
  line-height: 1.5;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
  hyphens: none;
}
@media print {
  [data-code-block-theme=dark] div[data-type=codeBlock] code[class*=language-],
  [data-code-block-theme=dark] div[data-type=codeBlock] pre[class*=language-] {
    text-shadow: none;
  }
}
[data-code-block-theme=dark] div[data-type=codeBlock] pre[class*=language-],
[data-code-block-theme=dark] div[data-type=codeBlock] :not(pre) > code[class*=language-] {
  background: hsl(30, 20%, 25%);
}
[data-code-block-theme=dark] div[data-type=codeBlock] pre[class*=language-] {
  padding: 1em;
  margin: 0.5em 0;
  overflow: auto;
  border: 0.3em solid hsl(30, 20%, 40%);
  border-radius: 0.5em;
  box-shadow: 1px 1px 0.5em black inset;
}
[data-code-block-theme=dark] div[data-type=codeBlock] :not(pre) > code[class*=language-] {
  padding: 0.15em 0.2em 0.05em;
  border-radius: 0.3em;
  border: 0.13em solid hsl(30, 20%, 40%);
  box-shadow: 1px 1px 0.3em -0.1em black inset;
  white-space: normal;
}
[data-code-block-theme=dark] div[data-type=codeBlock] .token.comment,
[data-code-block-theme=dark] div[data-type=codeBlock] .token.prolog,
[data-code-block-theme=dark] div[data-type=codeBlock] .token.doctype,
[data-code-block-theme=dark] div[data-type=codeBlock] .token.cdata {
  color: hsl(30, 20%, 50%);
}
[data-code-block-theme=dark] div[data-type=codeBlock] .token.punctuation {
  opacity: 0.7;
}
[data-code-block-theme=dark] div[data-type=codeBlock] .token.namespace {
  opacity: 0.7;
}
[data-code-block-theme=dark] div[data-type=codeBlock] .token.property,
[data-code-block-theme=dark] div[data-type=codeBlock] .token.tag,
[data-code-block-theme=dark] div[data-type=codeBlock] .token.boolean,
[data-code-block-theme=dark] div[data-type=codeBlock] .token.number,
[data-code-block-theme=dark] div[data-type=codeBlock] .token.constant,
[data-code-block-theme=dark] div[data-type=codeBlock] .token.symbol {
  color: hsl(350, 40%, 70%);
}
[data-code-block-theme=dark] div[data-type=codeBlock] .token.selector,
[data-code-block-theme=dark] div[data-type=codeBlock] .token.attr-name,
[data-code-block-theme=dark] div[data-type=codeBlock] .token.string,
[data-code-block-theme=dark] div[data-type=codeBlock] .token.char,
[data-code-block-theme=dark] div[data-type=codeBlock] .token.builtin,
[data-code-block-theme=dark] div[data-type=codeBlock] .token.inserted {
  color: hsl(75, 70%, 60%);
}
[data-code-block-theme=dark] div[data-type=codeBlock] .token.operator,
[data-code-block-theme=dark] div[data-type=codeBlock] .token.entity,
[data-code-block-theme=dark] div[data-type=codeBlock] .token.url,
[data-code-block-theme=dark] div[data-type=codeBlock] .language-css .token.string,
[data-code-block-theme=dark] div[data-type=codeBlock] .style .token.string,
[data-code-block-theme=dark] div[data-type=codeBlock] .token.variable {
  color: hsl(40, 90%, 60%);
}
[data-code-block-theme=dark] div[data-type=codeBlock] .token.atrule,
[data-code-block-theme=dark] div[data-type=codeBlock] .token.attr-value,
[data-code-block-theme=dark] div[data-type=codeBlock] .token.keyword {
  color: hsl(350, 40%, 70%);
}
[data-code-block-theme=dark] div[data-type=codeBlock] .token.regex,
[data-code-block-theme=dark] div[data-type=codeBlock] .token.important {
  color: #e90;
}
[data-code-block-theme=dark] div[data-type=codeBlock] .token.important,
[data-code-block-theme=dark] div[data-type=codeBlock] .token.bold {
  font-weight: bold;
}
[data-code-block-theme=dark] div[data-type=codeBlock] .token.italic {
  font-style: italic;
}
[data-code-block-theme=dark] div[data-type=codeBlock] .token.entity {
  cursor: help;
}
[data-code-block-theme=dark] div[data-type=codeBlock] .token.deleted {
  color: red;
}
[data-code-block-theme=one-dark] div[data-type=codeBlock] {
  /**
   * One Dark theme for prism.js
   * Based on Atom's One Dark theme: https://github.com/atom/atom/tree/master/packages/one-dark-syntax
   */
  /**
   * One Dark colours (accurate as of commit 8ae45ca on 6 Sep 2018)
   * From colors.less
   * --mono-1: hsl(220, 14%, 71%);
   * --mono-2: hsl(220, 9%, 55%);
   * --mono-3: hsl(220, 10%, 40%);
   * --hue-1: hsl(187, 47%, 55%);
   * --hue-2: hsl(207, 82%, 66%);
   * --hue-3: hsl(286, 60%, 67%);
   * --hue-4: hsl(95, 38%, 62%);
   * --hue-5: hsl(355, 65%, 65%);
   * --hue-5-2: hsl(5, 48%, 51%);
   * --hue-6: hsl(29, 54%, 61%);
   * --hue-6-2: hsl(39, 67%, 69%);
   * --syntax-fg: hsl(220, 14%, 71%);
   * --syntax-bg: hsl(220, 13%, 18%);
   * --syntax-gutter: hsl(220, 14%, 45%);
   * --syntax-guide: hsla(220, 14%, 71%, 0.15);
   * --syntax-accent: hsl(220, 100%, 66%);
   * From syntax-variables.less
   * --syntax-selection-color: hsl(220, 13%, 28%);
   * --syntax-gutter-background-color-selected: hsl(220, 13%, 26%);
   * --syntax-cursor-line: hsla(220, 100%, 80%, 0.04);
   */
  /* Selection */
  /* Code blocks */
  /* Inline code */
  /* Print */
  /* HTML overrides */
  /* CSS overrides */
  /* JS overrides */
  /* JSON overrides */
  /* MD overrides */
  /* General */
  /* Plugin overrides */
  /* Selectors should have higher specificity than those in the plugins' default stylesheets */
  /* Show Invisibles plugin overrides */
  /* Toolbar plugin overrides */
  /* Space out all buttons and move them away from the right edge of the code block */
  /* Styling the buttons */
  /* Line Highlight plugin overrides */
  /* The highlighted line itself */
  /* Default line numbers in Line Highlight plugin */
  /* Hovering over a linkable line number (in the gutter area) */
  /* Requires Line Numbers plugin as well */
  /* Line Numbers and Command Line plugins overrides */
  /* Line separating gutter from coding area */
  /* Stuff in the gutter */
  /* Match Braces plugin overrides */
  /* Note: Outline colour is inherited from the braces */
  /* Diff Highlight plugin overrides */
  /* Taken from https://github.com/atom/github/blob/master/styles/variables.less */
  /* Previewers plugin overrides */
  /* Based on https://github.com/atom-community/atom-ide-datatip/blob/master/styles/atom-ide-datatips.less and https://github.com/atom/atom/blob/master/packages/one-dark-ui */
  /* Border around popup */
  /* Angle and time should remain as circles and are hence not included */
  /* Triangles pointing to the code */
  /* Background colour within the popup */
  /* For angle, this is the positive area (eg. 90deg will display one quadrant in this colour) */
  /* For time, this is the alternate colour */
  /* Stroke colours of the handle, direction point, and vector itself */
  /* Fill colour of the handle */
}
[data-code-block-theme=one-dark] div[data-type=codeBlock] code[class*=language-],
[data-code-block-theme=one-dark] div[data-type=codeBlock] pre[class*=language-] {
  background: hsl(220, 13%, 18%);
  color: hsl(220, 14%, 71%);
  text-shadow: 0 1px rgba(0, 0, 0, 0.3);
  font-family: "Fira Code", "Fira Mono", Menlo, Consolas, "DejaVu Sans Mono", monospace;
  direction: ltr;
  text-align: left;
  white-space: pre;
  word-spacing: normal;
  word-break: normal;
  line-height: 1.5;
  -moz-tab-size: 2;
  -o-tab-size: 2;
  tab-size: 2;
  hyphens: none;
}
[data-code-block-theme=one-dark] div[data-type=codeBlock] code[class*=language-]::-moz-selection,
[data-code-block-theme=one-dark] div[data-type=codeBlock] code[class*=language-] *::-moz-selection,
[data-code-block-theme=one-dark] div[data-type=codeBlock] pre[class*=language-] *::-moz-selection {
  background: hsl(220, 13%, 28%);
  color: inherit;
  text-shadow: none;
}
[data-code-block-theme=one-dark] div[data-type=codeBlock] code[class*=language-]::-moz-selection, [data-code-block-theme=one-dark] div[data-type=codeBlock] code[class*=language-] *::-moz-selection, [data-code-block-theme=one-dark] div[data-type=codeBlock] pre[class*=language-] *::-moz-selection {
  background: hsl(220, 13%, 28%);
  color: inherit;
  text-shadow: none;
}
[data-code-block-theme=one-dark] div[data-type=codeBlock] code[class*=language-]::selection,
[data-code-block-theme=one-dark] div[data-type=codeBlock] code[class*=language-] *::selection,
[data-code-block-theme=one-dark] div[data-type=codeBlock] pre[class*=language-] *::selection {
  background: hsl(220, 13%, 28%);
  color: inherit;
  text-shadow: none;
}
[data-code-block-theme=one-dark] div[data-type=codeBlock] pre[class*=language-] {
  padding: 1em;
  margin: 0.5em 0;
  overflow: auto;
  border-radius: 0.3em;
}
[data-code-block-theme=one-dark] div[data-type=codeBlock] :not(pre) > code[class*=language-] {
  padding: 0.2em 0.3em;
  border-radius: 0.3em;
  white-space: normal;
}
@media print {
  [data-code-block-theme=one-dark] div[data-type=codeBlock] code[class*=language-],
  [data-code-block-theme=one-dark] div[data-type=codeBlock] pre[class*=language-] {
    text-shadow: none;
  }
}
[data-code-block-theme=one-dark] div[data-type=codeBlock] .token.comment,
[data-code-block-theme=one-dark] div[data-type=codeBlock] .token.prolog,
[data-code-block-theme=one-dark] div[data-type=codeBlock] .token.cdata {
  color: hsl(220, 10%, 40%);
}
[data-code-block-theme=one-dark] div[data-type=codeBlock] .token.doctype,
[data-code-block-theme=one-dark] div[data-type=codeBlock] .token.punctuation,
[data-code-block-theme=one-dark] div[data-type=codeBlock] .token.entity {
  color: hsl(220, 14%, 71%);
}
[data-code-block-theme=one-dark] div[data-type=codeBlock] .token.attr-name,
[data-code-block-theme=one-dark] div[data-type=codeBlock] .token.class-name,
[data-code-block-theme=one-dark] div[data-type=codeBlock] .token.boolean,
[data-code-block-theme=one-dark] div[data-type=codeBlock] .token.constant,
[data-code-block-theme=one-dark] div[data-type=codeBlock] .token.number,
[data-code-block-theme=one-dark] div[data-type=codeBlock] .token.atrule {
  color: hsl(29, 54%, 61%);
}
[data-code-block-theme=one-dark] div[data-type=codeBlock] .token.keyword {
  color: hsl(286, 60%, 67%);
}
[data-code-block-theme=one-dark] div[data-type=codeBlock] .token.property,
[data-code-block-theme=one-dark] div[data-type=codeBlock] .token.tag,
[data-code-block-theme=one-dark] div[data-type=codeBlock] .token.symbol,
[data-code-block-theme=one-dark] div[data-type=codeBlock] .token.deleted,
[data-code-block-theme=one-dark] div[data-type=codeBlock] .token.important {
  color: hsl(355, 65%, 65%);
}
[data-code-block-theme=one-dark] div[data-type=codeBlock] .token.selector,
[data-code-block-theme=one-dark] div[data-type=codeBlock] .token.string,
[data-code-block-theme=one-dark] div[data-type=codeBlock] .token.char,
[data-code-block-theme=one-dark] div[data-type=codeBlock] .token.builtin,
[data-code-block-theme=one-dark] div[data-type=codeBlock] .token.inserted,
[data-code-block-theme=one-dark] div[data-type=codeBlock] .token.regex,
[data-code-block-theme=one-dark] div[data-type=codeBlock] .token.attr-value,
[data-code-block-theme=one-dark] div[data-type=codeBlock] .token.attr-value > .token.punctuation {
  color: hsl(95, 38%, 62%);
}
[data-code-block-theme=one-dark] div[data-type=codeBlock] .token.variable,
[data-code-block-theme=one-dark] div[data-type=codeBlock] .token.operator,
[data-code-block-theme=one-dark] div[data-type=codeBlock] .token.function {
  color: hsl(207, 82%, 66%);
}
[data-code-block-theme=one-dark] div[data-type=codeBlock] .token.url {
  color: hsl(187, 47%, 55%);
}
[data-code-block-theme=one-dark] div[data-type=codeBlock] .token.attr-value > .token.punctuation.attr-equals,
[data-code-block-theme=one-dark] div[data-type=codeBlock] .token.special-attr > .token.attr-value > .token.value.css {
  color: hsl(220, 14%, 71%);
}
[data-code-block-theme=one-dark] div[data-type=codeBlock] .language-css .token.selector {
  color: hsl(355, 65%, 65%);
}
[data-code-block-theme=one-dark] div[data-type=codeBlock] .language-css .token.property {
  color: hsl(220, 14%, 71%);
}
[data-code-block-theme=one-dark] div[data-type=codeBlock] .language-css .token.function,
[data-code-block-theme=one-dark] div[data-type=codeBlock] .language-css .token.url > .token.function {
  color: hsl(187, 47%, 55%);
}
[data-code-block-theme=one-dark] div[data-type=codeBlock] .language-css .token.url > .token.string.url {
  color: hsl(95, 38%, 62%);
}
[data-code-block-theme=one-dark] div[data-type=codeBlock] .language-css .token.important,
[data-code-block-theme=one-dark] div[data-type=codeBlock] .language-css .token.atrule .token.rule {
  color: hsl(286, 60%, 67%);
}
[data-code-block-theme=one-dark] div[data-type=codeBlock] .language-javascript .token.operator {
  color: hsl(286, 60%, 67%);
}
[data-code-block-theme=one-dark] div[data-type=codeBlock] .language-javascript .token.template-string > .token.interpolation > .token.interpolation-punctuation.punctuation {
  color: hsl(5, 48%, 51%);
}
[data-code-block-theme=one-dark] div[data-type=codeBlock] .language-json .token.operator {
  color: hsl(220, 14%, 71%);
}
[data-code-block-theme=one-dark] div[data-type=codeBlock] .language-json .token.null.keyword {
  color: hsl(29, 54%, 61%);
}
[data-code-block-theme=one-dark] div[data-type=codeBlock] .language-markdown .token.url,
[data-code-block-theme=one-dark] div[data-type=codeBlock] .language-markdown .token.url > .token.operator,
[data-code-block-theme=one-dark] div[data-type=codeBlock] .language-markdown .token.url-reference.url > .token.string {
  color: hsl(220, 14%, 71%);
}
[data-code-block-theme=one-dark] div[data-type=codeBlock] .language-markdown .token.url > .token.content {
  color: hsl(207, 82%, 66%);
}
[data-code-block-theme=one-dark] div[data-type=codeBlock] .language-markdown .token.url > .token.url,
[data-code-block-theme=one-dark] div[data-type=codeBlock] .language-markdown .token.url-reference.url {
  color: hsl(187, 47%, 55%);
}
[data-code-block-theme=one-dark] div[data-type=codeBlock] .language-markdown .token.blockquote.punctuation,
[data-code-block-theme=one-dark] div[data-type=codeBlock] .language-markdown .token.hr.punctuation {
  color: hsl(220, 10%, 40%);
  font-style: italic;
}
[data-code-block-theme=one-dark] div[data-type=codeBlock] .language-markdown .token.code-snippet {
  color: hsl(95, 38%, 62%);
}
[data-code-block-theme=one-dark] div[data-type=codeBlock] .language-markdown .token.bold .token.content {
  color: hsl(29, 54%, 61%);
}
[data-code-block-theme=one-dark] div[data-type=codeBlock] .language-markdown .token.italic .token.content {
  color: hsl(286, 60%, 67%);
}
[data-code-block-theme=one-dark] div[data-type=codeBlock] .language-markdown .token.strike .token.content,
[data-code-block-theme=one-dark] div[data-type=codeBlock] .language-markdown .token.strike .token.punctuation,
[data-code-block-theme=one-dark] div[data-type=codeBlock] .language-markdown .token.list.punctuation,
[data-code-block-theme=one-dark] div[data-type=codeBlock] .language-markdown .token.title.important > .token.punctuation {
  color: hsl(355, 65%, 65%);
}
[data-code-block-theme=one-dark] div[data-type=codeBlock] .token.bold {
  font-weight: bold;
}
[data-code-block-theme=one-dark] div[data-type=codeBlock] .token.comment,
[data-code-block-theme=one-dark] div[data-type=codeBlock] .token.italic {
  font-style: italic;
}
[data-code-block-theme=one-dark] div[data-type=codeBlock] .token.entity {
  cursor: help;
}
[data-code-block-theme=one-dark] div[data-type=codeBlock] .token.namespace {
  opacity: 0.8;
}
[data-code-block-theme=one-dark] div[data-type=codeBlock] .token.token.tab:not(:empty):before,
[data-code-block-theme=one-dark] div[data-type=codeBlock] .token.token.cr:before,
[data-code-block-theme=one-dark] div[data-type=codeBlock] .token.token.lf:before,
[data-code-block-theme=one-dark] div[data-type=codeBlock] .token.token.space:before {
  color: hsla(220, 14%, 71%, 0.15);
  text-shadow: none;
}
[data-code-block-theme=one-dark] div[data-type=codeBlock] div.code-toolbar > .toolbar.toolbar > .toolbar-item {
  margin-right: 0.4em;
}
[data-code-block-theme=one-dark] div[data-type=codeBlock] div.code-toolbar > .toolbar.toolbar > .toolbar-item > button,
[data-code-block-theme=one-dark] div[data-type=codeBlock] div.code-toolbar > .toolbar.toolbar > .toolbar-item > a,
[data-code-block-theme=one-dark] div[data-type=codeBlock] div.code-toolbar > .toolbar.toolbar > .toolbar-item > span {
  background: hsl(220, 13%, 26%);
  color: hsl(220, 9%, 55%);
  padding: 0.1em 0.4em;
  border-radius: 0.3em;
}
[data-code-block-theme=one-dark] div[data-type=codeBlock] div.code-toolbar > .toolbar.toolbar > .toolbar-item > button:hover,
[data-code-block-theme=one-dark] div[data-type=codeBlock] div.code-toolbar > .toolbar.toolbar > .toolbar-item > button:focus,
[data-code-block-theme=one-dark] div[data-type=codeBlock] div.code-toolbar > .toolbar.toolbar > .toolbar-item > a:hover,
[data-code-block-theme=one-dark] div[data-type=codeBlock] div.code-toolbar > .toolbar.toolbar > .toolbar-item > a:focus,
[data-code-block-theme=one-dark] div[data-type=codeBlock] div.code-toolbar > .toolbar.toolbar > .toolbar-item > span:hover,
[data-code-block-theme=one-dark] div[data-type=codeBlock] div.code-toolbar > .toolbar.toolbar > .toolbar-item > span:focus {
  background: hsl(220, 13%, 28%);
  color: hsl(220, 14%, 71%);
}
[data-code-block-theme=one-dark] div[data-type=codeBlock] .line-highlight.line-highlight {
  background: hsla(220, 100%, 80%, 0.04);
}
[data-code-block-theme=one-dark] div[data-type=codeBlock] .line-highlight.line-highlight:before,
[data-code-block-theme=one-dark] div[data-type=codeBlock] .line-highlight.line-highlight[data-end]:after {
  background: hsl(220, 13%, 26%);
  color: hsl(220, 14%, 71%);
  padding: 0.1em 0.6em;
  border-radius: 0.3em;
  box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.2); /* same as Toolbar plugin default */
}
[data-code-block-theme=one-dark] div[data-type=codeBlock] pre[id].linkable-line-numbers.linkable-line-numbers span.line-numbers-rows > span:hover:before {
  background-color: hsla(220, 100%, 80%, 0.04);
}
[data-code-block-theme=one-dark] div[data-type=codeBlock] .line-numbers.line-numbers .line-numbers-rows,
[data-code-block-theme=one-dark] div[data-type=codeBlock] .command-line .command-line-prompt {
  border-right-color: hsla(220, 14%, 71%, 0.15);
}
[data-code-block-theme=one-dark] div[data-type=codeBlock] .line-numbers .line-numbers-rows > span:before,
[data-code-block-theme=one-dark] div[data-type=codeBlock] .command-line .command-line-prompt > span:before {
  color: hsl(220, 14%, 45%);
}
[data-code-block-theme=one-dark] div[data-type=codeBlock] .rainbow-braces .token.token.punctuation.brace-level-1,
[data-code-block-theme=one-dark] div[data-type=codeBlock] .rainbow-braces .token.token.punctuation.brace-level-5,
[data-code-block-theme=one-dark] div[data-type=codeBlock] .rainbow-braces .token.token.punctuation.brace-level-9 {
  color: hsl(355, 65%, 65%);
}
[data-code-block-theme=one-dark] div[data-type=codeBlock] .rainbow-braces .token.token.punctuation.brace-level-2,
[data-code-block-theme=one-dark] div[data-type=codeBlock] .rainbow-braces .token.token.punctuation.brace-level-6,
[data-code-block-theme=one-dark] div[data-type=codeBlock] .rainbow-braces .token.token.punctuation.brace-level-10 {
  color: hsl(95, 38%, 62%);
}
[data-code-block-theme=one-dark] div[data-type=codeBlock] .rainbow-braces .token.token.punctuation.brace-level-3,
[data-code-block-theme=one-dark] div[data-type=codeBlock] .rainbow-braces .token.token.punctuation.brace-level-7,
[data-code-block-theme=one-dark] div[data-type=codeBlock] .rainbow-braces .token.token.punctuation.brace-level-11 {
  color: hsl(207, 82%, 66%);
}
[data-code-block-theme=one-dark] div[data-type=codeBlock] .rainbow-braces .token.token.punctuation.brace-level-4,
[data-code-block-theme=one-dark] div[data-type=codeBlock] .rainbow-braces .token.token.punctuation.brace-level-8,
[data-code-block-theme=one-dark] div[data-type=codeBlock] .rainbow-braces .token.token.punctuation.brace-level-12 {
  color: hsl(286, 60%, 67%);
}
[data-code-block-theme=one-dark] div[data-type=codeBlock] pre.diff-highlight > code .token.token.deleted:not(.prefix),
[data-code-block-theme=one-dark] div[data-type=codeBlock] pre > code.diff-highlight .token.token.deleted:not(.prefix) {
  background-color: hsla(353, 100%, 66%, 0.15);
}
[data-code-block-theme=one-dark] div[data-type=codeBlock] pre.diff-highlight > code .token.token.deleted:not(.prefix)::-moz-selection,
[data-code-block-theme=one-dark] div[data-type=codeBlock] pre.diff-highlight > code .token.token.deleted:not(.prefix) *::-moz-selection,
[data-code-block-theme=one-dark] div[data-type=codeBlock] pre > code.diff-highlight .token.token.deleted:not(.prefix)::-moz-selection,
[data-code-block-theme=one-dark] div[data-type=codeBlock] pre > code.diff-highlight .token.token.deleted:not(.prefix) *::-moz-selection {
  background-color: hsla(353, 95%, 66%, 0.25);
}
[data-code-block-theme=one-dark] div[data-type=codeBlock] pre.diff-highlight > code .token.token.deleted:not(.prefix)::-moz-selection, [data-code-block-theme=one-dark] div[data-type=codeBlock] pre.diff-highlight > code .token.token.deleted:not(.prefix) *::-moz-selection, [data-code-block-theme=one-dark] div[data-type=codeBlock] pre > code.diff-highlight .token.token.deleted:not(.prefix)::-moz-selection, [data-code-block-theme=one-dark] div[data-type=codeBlock] pre > code.diff-highlight .token.token.deleted:not(.prefix) *::-moz-selection {
  background-color: hsla(353, 95%, 66%, 0.25);
}
[data-code-block-theme=one-dark] div[data-type=codeBlock] pre.diff-highlight > code .token.token.deleted:not(.prefix)::selection,
[data-code-block-theme=one-dark] div[data-type=codeBlock] pre.diff-highlight > code .token.token.deleted:not(.prefix) *::selection,
[data-code-block-theme=one-dark] div[data-type=codeBlock] pre > code.diff-highlight .token.token.deleted:not(.prefix)::selection,
[data-code-block-theme=one-dark] div[data-type=codeBlock] pre > code.diff-highlight .token.token.deleted:not(.prefix) *::selection {
  background-color: hsla(353, 95%, 66%, 0.25);
}
[data-code-block-theme=one-dark] div[data-type=codeBlock] pre.diff-highlight > code .token.token.inserted:not(.prefix),
[data-code-block-theme=one-dark] div[data-type=codeBlock] pre > code.diff-highlight .token.token.inserted:not(.prefix) {
  background-color: hsla(137, 100%, 55%, 0.15);
}
[data-code-block-theme=one-dark] div[data-type=codeBlock] pre.diff-highlight > code .token.token.inserted:not(.prefix)::-moz-selection,
[data-code-block-theme=one-dark] div[data-type=codeBlock] pre.diff-highlight > code .token.token.inserted:not(.prefix) *::-moz-selection,
[data-code-block-theme=one-dark] div[data-type=codeBlock] pre > code.diff-highlight .token.token.inserted:not(.prefix)::-moz-selection,
[data-code-block-theme=one-dark] div[data-type=codeBlock] pre > code.diff-highlight .token.token.inserted:not(.prefix) *::-moz-selection {
  background-color: hsla(135, 73%, 55%, 0.25);
}
[data-code-block-theme=one-dark] div[data-type=codeBlock] pre.diff-highlight > code .token.token.inserted:not(.prefix)::-moz-selection, [data-code-block-theme=one-dark] div[data-type=codeBlock] pre.diff-highlight > code .token.token.inserted:not(.prefix) *::-moz-selection, [data-code-block-theme=one-dark] div[data-type=codeBlock] pre > code.diff-highlight .token.token.inserted:not(.prefix)::-moz-selection, [data-code-block-theme=one-dark] div[data-type=codeBlock] pre > code.diff-highlight .token.token.inserted:not(.prefix) *::-moz-selection {
  background-color: hsla(135, 73%, 55%, 0.25);
}
[data-code-block-theme=one-dark] div[data-type=codeBlock] pre.diff-highlight > code .token.token.inserted:not(.prefix)::selection,
[data-code-block-theme=one-dark] div[data-type=codeBlock] pre.diff-highlight > code .token.token.inserted:not(.prefix) *::selection,
[data-code-block-theme=one-dark] div[data-type=codeBlock] pre > code.diff-highlight .token.token.inserted:not(.prefix)::selection,
[data-code-block-theme=one-dark] div[data-type=codeBlock] pre > code.diff-highlight .token.token.inserted:not(.prefix) *::selection {
  background-color: hsla(135, 73%, 55%, 0.25);
}
[data-code-block-theme=one-dark] div[data-type=codeBlock] .prism-previewer.prism-previewer:before,
[data-code-block-theme=one-dark] div[data-type=codeBlock] .prism-previewer-gradient.prism-previewer-gradient div {
  border-color: hsl(224, 13%, 17%);
}
[data-code-block-theme=one-dark] div[data-type=codeBlock] .prism-previewer-color.prism-previewer-color:before,
[data-code-block-theme=one-dark] div[data-type=codeBlock] .prism-previewer-gradient.prism-previewer-gradient div,
[data-code-block-theme=one-dark] div[data-type=codeBlock] .prism-previewer-easing.prism-previewer-easing:before {
  border-radius: 0.3em;
}
[data-code-block-theme=one-dark] div[data-type=codeBlock] .prism-previewer.prism-previewer:after {
  border-top-color: hsl(224, 13%, 17%);
}
[data-code-block-theme=one-dark] div[data-type=codeBlock] .prism-previewer-flipped.prism-previewer-flipped.after {
  border-bottom-color: hsl(224, 13%, 17%);
}
[data-code-block-theme=one-dark] div[data-type=codeBlock] .prism-previewer-angle.prism-previewer-angle:before,
[data-code-block-theme=one-dark] div[data-type=codeBlock] .prism-previewer-time.prism-previewer-time:before,
[data-code-block-theme=one-dark] div[data-type=codeBlock] .prism-previewer-easing.prism-previewer-easing {
  background: hsl(219, 13%, 22%);
}
[data-code-block-theme=one-dark] div[data-type=codeBlock] .prism-previewer-angle.prism-previewer-angle circle,
[data-code-block-theme=one-dark] div[data-type=codeBlock] .prism-previewer-time.prism-previewer-time circle {
  stroke: hsl(220, 14%, 71%);
  stroke-opacity: 1;
}
[data-code-block-theme=one-dark] div[data-type=codeBlock] .prism-previewer-easing.prism-previewer-easing circle,
[data-code-block-theme=one-dark] div[data-type=codeBlock] .prism-previewer-easing.prism-previewer-easing path,
[data-code-block-theme=one-dark] div[data-type=codeBlock] .prism-previewer-easing.prism-previewer-easing line {
  stroke: hsl(220, 14%, 71%);
}
[data-code-block-theme=one-dark] div[data-type=codeBlock] .prism-previewer-easing.prism-previewer-easing circle {
  fill: transparent;
}
[data-code-block-theme=one-light] div[data-type=codeBlock] {
  /**
   * One Light theme for prism.js
   * Based on Atom's One Light theme: https://github.com/atom/atom/tree/master/packages/one-light-syntax
   */
  /**
   * One Light colours (accurate as of commit eb064bf on 19 Feb 2021)
   * From colors.less
   * --mono-1: hsl(230, 8%, 24%);
   * --mono-2: hsl(230, 6%, 44%);
   * --mono-3: hsl(230, 4%, 64%)
   * --hue-1: hsl(198, 99%, 37%);
   * --hue-2: hsl(221, 87%, 60%);
   * --hue-3: hsl(301, 63%, 40%);
   * --hue-4: hsl(119, 34%, 47%);
   * --hue-5: hsl(5, 74%, 59%);
   * --hue-5-2: hsl(344, 84%, 43%);
   * --hue-6: hsl(35, 99%, 36%);
   * --hue-6-2: hsl(35, 99%, 40%);
   * --syntax-fg: hsl(230, 8%, 24%);
   * --syntax-bg: hsl(230, 1%, 98%);
   * --syntax-gutter: hsl(230, 1%, 62%);
   * --syntax-guide: hsla(230, 8%, 24%, 0.2);
   * --syntax-accent: hsl(230, 100%, 66%);
   * From syntax-variables.less
   * --syntax-selection-color: hsl(230, 1%, 90%);
   * --syntax-gutter-background-color-selected: hsl(230, 1%, 90%);
   * --syntax-cursor-line: hsla(230, 8%, 24%, 0.05);
   */
  /* Selection */
  /* Code blocks */
  /* Inline code */
  /* HTML overrides */
  /* CSS overrides */
  /* JS overrides */
  /* JSON overrides */
  /* MD overrides */
  /* General */
  /* Plugin overrides */
  /* Selectors should have higher specificity than those in the plugins' default stylesheets */
  /* Show Invisibles plugin overrides */
  /* Toolbar plugin overrides */
  /* Space out all buttons and move them away from the right edge of the code block */
  /* Styling the buttons */
  /* Line Highlight plugin overrides */
  /* The highlighted line itself */
  /* Default line numbers in Line Highlight plugin */
  /* Hovering over a linkable line number (in the gutter area) */
  /* Requires Line Numbers plugin as well */
  /* Line Numbers and Command Line plugins overrides */
  /* Line separating gutter from coding area */
  /* Stuff in the gutter */
  /* Match Braces plugin overrides */
  /* Note: Outline colour is inherited from the braces */
  /* Diff Highlight plugin overrides */
  /* Taken from https://github.com/atom/github/blob/master/styles/variables.less */
  /* Previewers plugin overrides */
  /* Based on https://github.com/atom-community/atom-ide-datatip/blob/master/styles/atom-ide-datatips.less and https://github.com/atom/atom/blob/master/packages/one-light-ui */
  /* Border around popup */
  /* Angle and time should remain as circles and are hence not included */
  /* Triangles pointing to the code */
  /* Background colour within the popup */
  /* For angle, this is the positive area (eg. 90deg will display one quadrant in this colour) */
  /* For time, this is the alternate colour */
  /* Stroke colours of the handle, direction point, and vector itself */
  /* Fill colour of the handle */
}
[data-code-block-theme=one-light] div[data-type=codeBlock] code[class*=language-],
[data-code-block-theme=one-light] div[data-type=codeBlock] pre[class*=language-] {
  background: hsl(230, 1%, 98%);
  color: hsl(230, 8%, 24%);
  font-family: "Fira Code", "Fira Mono", Menlo, Consolas, "DejaVu Sans Mono", monospace;
  direction: ltr;
  text-align: left;
  white-space: pre;
  word-spacing: normal;
  word-break: normal;
  line-height: 1.5;
  -moz-tab-size: 2;
  -o-tab-size: 2;
  tab-size: 2;
  hyphens: none;
}
[data-code-block-theme=one-light] div[data-type=codeBlock] code[class*=language-]::-moz-selection,
[data-code-block-theme=one-light] div[data-type=codeBlock] code[class*=language-] *::-moz-selection,
[data-code-block-theme=one-light] div[data-type=codeBlock] pre[class*=language-] *::-moz-selection {
  background: hsl(230, 1%, 90%);
  color: inherit;
}
[data-code-block-theme=one-light] div[data-type=codeBlock] code[class*=language-]::-moz-selection, [data-code-block-theme=one-light] div[data-type=codeBlock] code[class*=language-] *::-moz-selection, [data-code-block-theme=one-light] div[data-type=codeBlock] pre[class*=language-] *::-moz-selection {
  background: hsl(230, 1%, 90%);
  color: inherit;
}
[data-code-block-theme=one-light] div[data-type=codeBlock] code[class*=language-]::selection,
[data-code-block-theme=one-light] div[data-type=codeBlock] code[class*=language-] *::selection,
[data-code-block-theme=one-light] div[data-type=codeBlock] pre[class*=language-] *::selection {
  background: hsl(230, 1%, 90%);
  color: inherit;
}
[data-code-block-theme=one-light] div[data-type=codeBlock] pre[class*=language-] {
  padding: 1em;
  margin: 0.5em 0;
  overflow: auto;
  border-radius: 0.3em;
}
[data-code-block-theme=one-light] div[data-type=codeBlock] :not(pre) > code[class*=language-] {
  padding: 0.2em 0.3em;
  border-radius: 0.3em;
  white-space: normal;
}
[data-code-block-theme=one-light] div[data-type=codeBlock] .token.comment,
[data-code-block-theme=one-light] div[data-type=codeBlock] .token.prolog,
[data-code-block-theme=one-light] div[data-type=codeBlock] .token.cdata {
  color: hsl(230, 4%, 64%);
}
[data-code-block-theme=one-light] div[data-type=codeBlock] .token.doctype,
[data-code-block-theme=one-light] div[data-type=codeBlock] .token.punctuation,
[data-code-block-theme=one-light] div[data-type=codeBlock] .token.entity {
  color: hsl(230, 8%, 24%);
}
[data-code-block-theme=one-light] div[data-type=codeBlock] .token.attr-name,
[data-code-block-theme=one-light] div[data-type=codeBlock] .token.class-name,
[data-code-block-theme=one-light] div[data-type=codeBlock] .token.boolean,
[data-code-block-theme=one-light] div[data-type=codeBlock] .token.constant,
[data-code-block-theme=one-light] div[data-type=codeBlock] .token.number,
[data-code-block-theme=one-light] div[data-type=codeBlock] .token.atrule {
  color: hsl(35, 99%, 36%);
}
[data-code-block-theme=one-light] div[data-type=codeBlock] .token.keyword {
  color: hsl(301, 63%, 40%);
}
[data-code-block-theme=one-light] div[data-type=codeBlock] .token.property,
[data-code-block-theme=one-light] div[data-type=codeBlock] .token.tag,
[data-code-block-theme=one-light] div[data-type=codeBlock] .token.symbol,
[data-code-block-theme=one-light] div[data-type=codeBlock] .token.deleted,
[data-code-block-theme=one-light] div[data-type=codeBlock] .token.important {
  color: hsl(5, 74%, 59%);
}
[data-code-block-theme=one-light] div[data-type=codeBlock] .token.selector,
[data-code-block-theme=one-light] div[data-type=codeBlock] .token.string,
[data-code-block-theme=one-light] div[data-type=codeBlock] .token.char,
[data-code-block-theme=one-light] div[data-type=codeBlock] .token.builtin,
[data-code-block-theme=one-light] div[data-type=codeBlock] .token.inserted,
[data-code-block-theme=one-light] div[data-type=codeBlock] .token.regex,
[data-code-block-theme=one-light] div[data-type=codeBlock] .token.attr-value,
[data-code-block-theme=one-light] div[data-type=codeBlock] .token.attr-value > .token.punctuation {
  color: hsl(119, 34%, 47%);
}
[data-code-block-theme=one-light] div[data-type=codeBlock] .token.variable,
[data-code-block-theme=one-light] div[data-type=codeBlock] .token.operator,
[data-code-block-theme=one-light] div[data-type=codeBlock] .token.function {
  color: hsl(221, 87%, 60%);
}
[data-code-block-theme=one-light] div[data-type=codeBlock] .token.url {
  color: hsl(198, 99%, 37%);
}
[data-code-block-theme=one-light] div[data-type=codeBlock] .token.attr-value > .token.punctuation.attr-equals,
[data-code-block-theme=one-light] div[data-type=codeBlock] .token.special-attr > .token.attr-value > .token.value.css {
  color: hsl(230, 8%, 24%);
}
[data-code-block-theme=one-light] div[data-type=codeBlock] .language-css .token.selector {
  color: hsl(5, 74%, 59%);
}
[data-code-block-theme=one-light] div[data-type=codeBlock] .language-css .token.property {
  color: hsl(230, 8%, 24%);
}
[data-code-block-theme=one-light] div[data-type=codeBlock] .language-css .token.function,
[data-code-block-theme=one-light] div[data-type=codeBlock] .language-css .token.url > .token.function {
  color: hsl(198, 99%, 37%);
}
[data-code-block-theme=one-light] div[data-type=codeBlock] .language-css .token.url > .token.string.url {
  color: hsl(119, 34%, 47%);
}
[data-code-block-theme=one-light] div[data-type=codeBlock] .language-css .token.important,
[data-code-block-theme=one-light] div[data-type=codeBlock] .language-css .token.atrule .token.rule {
  color: hsl(301, 63%, 40%);
}
[data-code-block-theme=one-light] div[data-type=codeBlock] .language-javascript .token.operator {
  color: hsl(301, 63%, 40%);
}
[data-code-block-theme=one-light] div[data-type=codeBlock] .language-javascript .token.template-string > .token.interpolation > .token.interpolation-punctuation.punctuation {
  color: hsl(344, 84%, 43%);
}
[data-code-block-theme=one-light] div[data-type=codeBlock] .language-json .token.operator {
  color: hsl(230, 8%, 24%);
}
[data-code-block-theme=one-light] div[data-type=codeBlock] .language-json .token.null.keyword {
  color: hsl(35, 99%, 36%);
}
[data-code-block-theme=one-light] div[data-type=codeBlock] .language-markdown .token.url,
[data-code-block-theme=one-light] div[data-type=codeBlock] .language-markdown .token.url > .token.operator,
[data-code-block-theme=one-light] div[data-type=codeBlock] .language-markdown .token.url-reference.url > .token.string {
  color: hsl(230, 8%, 24%);
}
[data-code-block-theme=one-light] div[data-type=codeBlock] .language-markdown .token.url > .token.content {
  color: hsl(221, 87%, 60%);
}
[data-code-block-theme=one-light] div[data-type=codeBlock] .language-markdown .token.url > .token.url,
[data-code-block-theme=one-light] div[data-type=codeBlock] .language-markdown .token.url-reference.url {
  color: hsl(198, 99%, 37%);
}
[data-code-block-theme=one-light] div[data-type=codeBlock] .language-markdown .token.blockquote.punctuation,
[data-code-block-theme=one-light] div[data-type=codeBlock] .language-markdown .token.hr.punctuation {
  color: hsl(230, 4%, 64%);
  font-style: italic;
}
[data-code-block-theme=one-light] div[data-type=codeBlock] .language-markdown .token.code-snippet {
  color: hsl(119, 34%, 47%);
}
[data-code-block-theme=one-light] div[data-type=codeBlock] .language-markdown .token.bold .token.content {
  color: hsl(35, 99%, 36%);
}
[data-code-block-theme=one-light] div[data-type=codeBlock] .language-markdown .token.italic .token.content {
  color: hsl(301, 63%, 40%);
}
[data-code-block-theme=one-light] div[data-type=codeBlock] .language-markdown .token.strike .token.content,
[data-code-block-theme=one-light] div[data-type=codeBlock] .language-markdown .token.strike .token.punctuation,
[data-code-block-theme=one-light] div[data-type=codeBlock] .language-markdown .token.list.punctuation,
[data-code-block-theme=one-light] div[data-type=codeBlock] .language-markdown .token.title.important > .token.punctuation {
  color: hsl(5, 74%, 59%);
}
[data-code-block-theme=one-light] div[data-type=codeBlock] .token.bold {
  font-weight: bold;
}
[data-code-block-theme=one-light] div[data-type=codeBlock] .token.comment,
[data-code-block-theme=one-light] div[data-type=codeBlock] .token.italic {
  font-style: italic;
}
[data-code-block-theme=one-light] div[data-type=codeBlock] .token.entity {
  cursor: help;
}
[data-code-block-theme=one-light] div[data-type=codeBlock] .token.namespace {
  opacity: 0.8;
}
[data-code-block-theme=one-light] div[data-type=codeBlock] .token.token.tab:not(:empty):before,
[data-code-block-theme=one-light] div[data-type=codeBlock] .token.token.cr:before,
[data-code-block-theme=one-light] div[data-type=codeBlock] .token.token.lf:before,
[data-code-block-theme=one-light] div[data-type=codeBlock] .token.token.space:before {
  color: hsla(230, 8%, 24%, 0.2);
}
[data-code-block-theme=one-light] div[data-type=codeBlock] div.code-toolbar > .toolbar.toolbar > .toolbar-item {
  margin-right: 0.4em;
}
[data-code-block-theme=one-light] div[data-type=codeBlock] div.code-toolbar > .toolbar.toolbar > .toolbar-item > button,
[data-code-block-theme=one-light] div[data-type=codeBlock] div.code-toolbar > .toolbar.toolbar > .toolbar-item > a,
[data-code-block-theme=one-light] div[data-type=codeBlock] div.code-toolbar > .toolbar.toolbar > .toolbar-item > span {
  background: hsl(230, 1%, 90%);
  color: hsl(230, 6%, 44%);
  padding: 0.1em 0.4em;
  border-radius: 0.3em;
}
[data-code-block-theme=one-light] div[data-type=codeBlock] div.code-toolbar > .toolbar.toolbar > .toolbar-item > button:hover,
[data-code-block-theme=one-light] div[data-type=codeBlock] div.code-toolbar > .toolbar.toolbar > .toolbar-item > button:focus,
[data-code-block-theme=one-light] div[data-type=codeBlock] div.code-toolbar > .toolbar.toolbar > .toolbar-item > a:hover,
[data-code-block-theme=one-light] div[data-type=codeBlock] div.code-toolbar > .toolbar.toolbar > .toolbar-item > a:focus,
[data-code-block-theme=one-light] div[data-type=codeBlock] div.code-toolbar > .toolbar.toolbar > .toolbar-item > span:hover,
[data-code-block-theme=one-light] div[data-type=codeBlock] div.code-toolbar > .toolbar.toolbar > .toolbar-item > span:focus {
  background: hsl(230, 1%, 78%); /* custom: darken(--syntax-bg, 20%) */
  color: hsl(230, 8%, 24%);
}
[data-code-block-theme=one-light] div[data-type=codeBlock] .line-highlight.line-highlight {
  background: hsla(230, 8%, 24%, 0.05);
}
[data-code-block-theme=one-light] div[data-type=codeBlock] .line-highlight.line-highlight:before,
[data-code-block-theme=one-light] div[data-type=codeBlock] .line-highlight.line-highlight[data-end]:after {
  background: hsl(230, 1%, 90%);
  color: hsl(230, 8%, 24%);
  padding: 0.1em 0.6em;
  border-radius: 0.3em;
  box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.2); /* same as Toolbar plugin default */
}
[data-code-block-theme=one-light] div[data-type=codeBlock] pre[id].linkable-line-numbers.linkable-line-numbers span.line-numbers-rows > span:hover:before {
  background-color: hsla(230, 8%, 24%, 0.05);
}
[data-code-block-theme=one-light] div[data-type=codeBlock] .line-numbers.line-numbers .line-numbers-rows,
[data-code-block-theme=one-light] div[data-type=codeBlock] .command-line .command-line-prompt {
  border-right-color: hsla(230, 8%, 24%, 0.2);
}
[data-code-block-theme=one-light] div[data-type=codeBlock] .line-numbers .line-numbers-rows > span:before,
[data-code-block-theme=one-light] div[data-type=codeBlock] .command-line .command-line-prompt > span:before {
  color: hsl(230, 1%, 62%);
}
[data-code-block-theme=one-light] div[data-type=codeBlock] .rainbow-braces .token.token.punctuation.brace-level-1,
[data-code-block-theme=one-light] div[data-type=codeBlock] .rainbow-braces .token.token.punctuation.brace-level-5,
[data-code-block-theme=one-light] div[data-type=codeBlock] .rainbow-braces .token.token.punctuation.brace-level-9 {
  color: hsl(5, 74%, 59%);
}
[data-code-block-theme=one-light] div[data-type=codeBlock] .rainbow-braces .token.token.punctuation.brace-level-2,
[data-code-block-theme=one-light] div[data-type=codeBlock] .rainbow-braces .token.token.punctuation.brace-level-6,
[data-code-block-theme=one-light] div[data-type=codeBlock] .rainbow-braces .token.token.punctuation.brace-level-10 {
  color: hsl(119, 34%, 47%);
}
[data-code-block-theme=one-light] div[data-type=codeBlock] .rainbow-braces .token.token.punctuation.brace-level-3,
[data-code-block-theme=one-light] div[data-type=codeBlock] .rainbow-braces .token.token.punctuation.brace-level-7,
[data-code-block-theme=one-light] div[data-type=codeBlock] .rainbow-braces .token.token.punctuation.brace-level-11 {
  color: hsl(221, 87%, 60%);
}
[data-code-block-theme=one-light] div[data-type=codeBlock] .rainbow-braces .token.token.punctuation.brace-level-4,
[data-code-block-theme=one-light] div[data-type=codeBlock] .rainbow-braces .token.token.punctuation.brace-level-8,
[data-code-block-theme=one-light] div[data-type=codeBlock] .rainbow-braces .token.token.punctuation.brace-level-12 {
  color: hsl(301, 63%, 40%);
}
[data-code-block-theme=one-light] div[data-type=codeBlock] pre.diff-highlight > code .token.token.deleted:not(.prefix),
[data-code-block-theme=one-light] div[data-type=codeBlock] pre > code.diff-highlight .token.token.deleted:not(.prefix) {
  background-color: hsla(353, 100%, 66%, 0.15);
}
[data-code-block-theme=one-light] div[data-type=codeBlock] pre.diff-highlight > code .token.token.deleted:not(.prefix)::-moz-selection,
[data-code-block-theme=one-light] div[data-type=codeBlock] pre.diff-highlight > code .token.token.deleted:not(.prefix) *::-moz-selection,
[data-code-block-theme=one-light] div[data-type=codeBlock] pre > code.diff-highlight .token.token.deleted:not(.prefix)::-moz-selection,
[data-code-block-theme=one-light] div[data-type=codeBlock] pre > code.diff-highlight .token.token.deleted:not(.prefix) *::-moz-selection {
  background-color: hsla(353, 95%, 66%, 0.25);
}
[data-code-block-theme=one-light] div[data-type=codeBlock] pre.diff-highlight > code .token.token.deleted:not(.prefix)::-moz-selection, [data-code-block-theme=one-light] div[data-type=codeBlock] pre.diff-highlight > code .token.token.deleted:not(.prefix) *::-moz-selection, [data-code-block-theme=one-light] div[data-type=codeBlock] pre > code.diff-highlight .token.token.deleted:not(.prefix)::-moz-selection, [data-code-block-theme=one-light] div[data-type=codeBlock] pre > code.diff-highlight .token.token.deleted:not(.prefix) *::-moz-selection {
  background-color: hsla(353, 95%, 66%, 0.25);
}
[data-code-block-theme=one-light] div[data-type=codeBlock] pre.diff-highlight > code .token.token.deleted:not(.prefix)::selection,
[data-code-block-theme=one-light] div[data-type=codeBlock] pre.diff-highlight > code .token.token.deleted:not(.prefix) *::selection,
[data-code-block-theme=one-light] div[data-type=codeBlock] pre > code.diff-highlight .token.token.deleted:not(.prefix)::selection,
[data-code-block-theme=one-light] div[data-type=codeBlock] pre > code.diff-highlight .token.token.deleted:not(.prefix) *::selection {
  background-color: hsla(353, 95%, 66%, 0.25);
}
[data-code-block-theme=one-light] div[data-type=codeBlock] pre.diff-highlight > code .token.token.inserted:not(.prefix),
[data-code-block-theme=one-light] div[data-type=codeBlock] pre > code.diff-highlight .token.token.inserted:not(.prefix) {
  background-color: hsla(137, 100%, 55%, 0.15);
}
[data-code-block-theme=one-light] div[data-type=codeBlock] pre.diff-highlight > code .token.token.inserted:not(.prefix)::-moz-selection,
[data-code-block-theme=one-light] div[data-type=codeBlock] pre.diff-highlight > code .token.token.inserted:not(.prefix) *::-moz-selection,
[data-code-block-theme=one-light] div[data-type=codeBlock] pre > code.diff-highlight .token.token.inserted:not(.prefix)::-moz-selection,
[data-code-block-theme=one-light] div[data-type=codeBlock] pre > code.diff-highlight .token.token.inserted:not(.prefix) *::-moz-selection {
  background-color: hsla(135, 73%, 55%, 0.25);
}
[data-code-block-theme=one-light] div[data-type=codeBlock] pre.diff-highlight > code .token.token.inserted:not(.prefix)::-moz-selection, [data-code-block-theme=one-light] div[data-type=codeBlock] pre.diff-highlight > code .token.token.inserted:not(.prefix) *::-moz-selection, [data-code-block-theme=one-light] div[data-type=codeBlock] pre > code.diff-highlight .token.token.inserted:not(.prefix)::-moz-selection, [data-code-block-theme=one-light] div[data-type=codeBlock] pre > code.diff-highlight .token.token.inserted:not(.prefix) *::-moz-selection {
  background-color: hsla(135, 73%, 55%, 0.25);
}
[data-code-block-theme=one-light] div[data-type=codeBlock] pre.diff-highlight > code .token.token.inserted:not(.prefix)::selection,
[data-code-block-theme=one-light] div[data-type=codeBlock] pre.diff-highlight > code .token.token.inserted:not(.prefix) *::selection,
[data-code-block-theme=one-light] div[data-type=codeBlock] pre > code.diff-highlight .token.token.inserted:not(.prefix)::selection,
[data-code-block-theme=one-light] div[data-type=codeBlock] pre > code.diff-highlight .token.token.inserted:not(.prefix) *::selection {
  background-color: hsla(135, 73%, 55%, 0.25);
}
[data-code-block-theme=one-light] div[data-type=codeBlock] .prism-previewer.prism-previewer:before,
[data-code-block-theme=one-light] div[data-type=codeBlock] .prism-previewer-gradient.prism-previewer-gradient div {
  border-color: rgb(242, 242, 242);
}
[data-code-block-theme=one-light] div[data-type=codeBlock] .prism-previewer-color.prism-previewer-color:before,
[data-code-block-theme=one-light] div[data-type=codeBlock] .prism-previewer-gradient.prism-previewer-gradient div,
[data-code-block-theme=one-light] div[data-type=codeBlock] .prism-previewer-easing.prism-previewer-easing:before {
  border-radius: 0.3em;
}
[data-code-block-theme=one-light] div[data-type=codeBlock] .prism-previewer.prism-previewer:after {
  border-top-color: rgb(242, 242, 242);
}
[data-code-block-theme=one-light] div[data-type=codeBlock] .prism-previewer-flipped.prism-previewer-flipped.after {
  border-bottom-color: rgb(242, 242, 242);
}
[data-code-block-theme=one-light] div[data-type=codeBlock] .prism-previewer-angle.prism-previewer-angle:before,
[data-code-block-theme=one-light] div[data-type=codeBlock] .prism-previewer-time.prism-previewer-time:before,
[data-code-block-theme=one-light] div[data-type=codeBlock] .prism-previewer-easing.prism-previewer-easing {
  background: hsl(0, 0%, 100%);
}
[data-code-block-theme=one-light] div[data-type=codeBlock] .prism-previewer-angle.prism-previewer-angle circle,
[data-code-block-theme=one-light] div[data-type=codeBlock] .prism-previewer-time.prism-previewer-time circle {
  stroke: hsl(230, 8%, 24%);
  stroke-opacity: 1;
}
[data-code-block-theme=one-light] div[data-type=codeBlock] .prism-previewer-easing.prism-previewer-easing circle,
[data-code-block-theme=one-light] div[data-type=codeBlock] .prism-previewer-easing.prism-previewer-easing path,
[data-code-block-theme=one-light] div[data-type=codeBlock] .prism-previewer-easing.prism-previewer-easing line {
  stroke: hsl(230, 8%, 24%);
}
[data-code-block-theme=one-light] div[data-type=codeBlock] .prism-previewer-easing.prism-previewer-easing circle {
  fill: transparent;
}
[data-code-block-theme=vs-dark] div[data-type=codeBlock] {
  /*********************************************************
  * Tokens
  */
  /*********************************************************
  * Language Specific
  */
  /*********************************************************
  * Line highlighting
  */
}
[data-code-block-theme=vs-dark] div[data-type=codeBlock] pre[class*=language-],
[data-code-block-theme=vs-dark] div[data-type=codeBlock] code[class*=language-] {
  color: #d4d4d4;
  font-size: 13px;
  text-shadow: none;
  font-family: Menlo, Monaco, Consolas, "Andale Mono", "Ubuntu Mono", "Courier New", monospace;
  direction: ltr;
  text-align: left;
  white-space: pre;
  word-spacing: normal;
  word-break: normal;
  line-height: 1.5;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
  hyphens: none;
}
[data-code-block-theme=vs-dark] div[data-type=codeBlock] pre[class*=language-]::-moz-selection, [data-code-block-theme=vs-dark] div[data-type=codeBlock] code[class*=language-]::-moz-selection, [data-code-block-theme=vs-dark] div[data-type=codeBlock] pre[class*=language-] *::-moz-selection, [data-code-block-theme=vs-dark] div[data-type=codeBlock] code[class*=language-] *::-moz-selection {
  text-shadow: none;
  background: #264F78;
}
[data-code-block-theme=vs-dark] div[data-type=codeBlock] pre[class*=language-]::selection,
[data-code-block-theme=vs-dark] div[data-type=codeBlock] code[class*=language-]::selection,
[data-code-block-theme=vs-dark] div[data-type=codeBlock] pre[class*=language-] *::selection,
[data-code-block-theme=vs-dark] div[data-type=codeBlock] code[class*=language-] *::selection {
  text-shadow: none;
  background: #264F78;
}
@media print {
  [data-code-block-theme=vs-dark] div[data-type=codeBlock] pre[class*=language-],
  [data-code-block-theme=vs-dark] div[data-type=codeBlock] code[class*=language-] {
    text-shadow: none;
  }
}
[data-code-block-theme=vs-dark] div[data-type=codeBlock] pre[class*=language-] {
  padding: 1em;
  margin: 0.5em 0;
  overflow: auto;
  background: #1e1e1e;
}
[data-code-block-theme=vs-dark] div[data-type=codeBlock] :not(pre) > code[class*=language-] {
  padding: 0.1em 0.3em;
  border-radius: 0.3em;
  color: #db4c69;
  background: #1e1e1e;
}
[data-code-block-theme=vs-dark] div[data-type=codeBlock] .namespace {
  opacity: 0.7;
}
[data-code-block-theme=vs-dark] div[data-type=codeBlock] .token.doctype .token.doctype-tag {
  color: #569CD6;
}
[data-code-block-theme=vs-dark] div[data-type=codeBlock] .token.doctype .token.name {
  color: #9cdcfe;
}
[data-code-block-theme=vs-dark] div[data-type=codeBlock] .token.comment,
[data-code-block-theme=vs-dark] div[data-type=codeBlock] .token.prolog {
  color: #6a9955;
}
[data-code-block-theme=vs-dark] div[data-type=codeBlock] .token.punctuation,
[data-code-block-theme=vs-dark] div[data-type=codeBlock] .language-html .language-css .token.punctuation,
[data-code-block-theme=vs-dark] div[data-type=codeBlock] .language-html .language-javascript .token.punctuation {
  color: #d4d4d4;
}
[data-code-block-theme=vs-dark] div[data-type=codeBlock] .token.property,
[data-code-block-theme=vs-dark] div[data-type=codeBlock] .token.tag,
[data-code-block-theme=vs-dark] div[data-type=codeBlock] .token.boolean,
[data-code-block-theme=vs-dark] div[data-type=codeBlock] .token.number,
[data-code-block-theme=vs-dark] div[data-type=codeBlock] .token.constant,
[data-code-block-theme=vs-dark] div[data-type=codeBlock] .token.symbol,
[data-code-block-theme=vs-dark] div[data-type=codeBlock] .token.inserted,
[data-code-block-theme=vs-dark] div[data-type=codeBlock] .token.unit {
  color: #b5cea8;
}
[data-code-block-theme=vs-dark] div[data-type=codeBlock] .token.selector,
[data-code-block-theme=vs-dark] div[data-type=codeBlock] .token.attr-name,
[data-code-block-theme=vs-dark] div[data-type=codeBlock] .token.string,
[data-code-block-theme=vs-dark] div[data-type=codeBlock] .token.char,
[data-code-block-theme=vs-dark] div[data-type=codeBlock] .token.builtin,
[data-code-block-theme=vs-dark] div[data-type=codeBlock] .token.deleted {
  color: #ce9178;
}
[data-code-block-theme=vs-dark] div[data-type=codeBlock] .language-css .token.string.url {
  text-decoration: underline;
}
[data-code-block-theme=vs-dark] div[data-type=codeBlock] .token.operator,
[data-code-block-theme=vs-dark] div[data-type=codeBlock] .token.entity {
  color: #d4d4d4;
}
[data-code-block-theme=vs-dark] div[data-type=codeBlock] .token.operator.arrow {
  color: #569CD6;
}
[data-code-block-theme=vs-dark] div[data-type=codeBlock] .token.atrule {
  color: #ce9178;
}
[data-code-block-theme=vs-dark] div[data-type=codeBlock] .token.atrule .token.rule {
  color: #c586c0;
}
[data-code-block-theme=vs-dark] div[data-type=codeBlock] .token.atrule .token.url {
  color: #9cdcfe;
}
[data-code-block-theme=vs-dark] div[data-type=codeBlock] .token.atrule .token.url .token.function {
  color: #dcdcaa;
}
[data-code-block-theme=vs-dark] div[data-type=codeBlock] .token.atrule .token.url .token.punctuation {
  color: #d4d4d4;
}
[data-code-block-theme=vs-dark] div[data-type=codeBlock] .token.keyword {
  color: #569CD6;
}
[data-code-block-theme=vs-dark] div[data-type=codeBlock] .token.keyword.module,
[data-code-block-theme=vs-dark] div[data-type=codeBlock] .token.keyword.control-flow {
  color: #c586c0;
}
[data-code-block-theme=vs-dark] div[data-type=codeBlock] .token.function,
[data-code-block-theme=vs-dark] div[data-type=codeBlock] .token.function .token.maybe-class-name {
  color: #dcdcaa;
}
[data-code-block-theme=vs-dark] div[data-type=codeBlock] .token.regex {
  color: #d16969;
}
[data-code-block-theme=vs-dark] div[data-type=codeBlock] .token.important {
  color: #569cd6;
}
[data-code-block-theme=vs-dark] div[data-type=codeBlock] .token.italic {
  font-style: italic;
}
[data-code-block-theme=vs-dark] div[data-type=codeBlock] .token.constant {
  color: #9cdcfe;
}
[data-code-block-theme=vs-dark] div[data-type=codeBlock] .token.class-name,
[data-code-block-theme=vs-dark] div[data-type=codeBlock] .token.maybe-class-name {
  color: #4ec9b0;
}
[data-code-block-theme=vs-dark] div[data-type=codeBlock] .token.console {
  color: #9cdcfe;
}
[data-code-block-theme=vs-dark] div[data-type=codeBlock] .token.parameter {
  color: #9cdcfe;
}
[data-code-block-theme=vs-dark] div[data-type=codeBlock] .token.interpolation {
  color: #9cdcfe;
}
[data-code-block-theme=vs-dark] div[data-type=codeBlock] .token.punctuation.interpolation-punctuation {
  color: #569cd6;
}
[data-code-block-theme=vs-dark] div[data-type=codeBlock] .token.boolean {
  color: #569cd6;
}
[data-code-block-theme=vs-dark] div[data-type=codeBlock] .token.property,
[data-code-block-theme=vs-dark] div[data-type=codeBlock] .token.variable,
[data-code-block-theme=vs-dark] div[data-type=codeBlock] .token.imports .token.maybe-class-name,
[data-code-block-theme=vs-dark] div[data-type=codeBlock] .token.exports .token.maybe-class-name {
  color: #9cdcfe;
}
[data-code-block-theme=vs-dark] div[data-type=codeBlock] .token.selector {
  color: #d7ba7d;
}
[data-code-block-theme=vs-dark] div[data-type=codeBlock] .token.escape {
  color: #d7ba7d;
}
[data-code-block-theme=vs-dark] div[data-type=codeBlock] .token.tag {
  color: #569cd6;
}
[data-code-block-theme=vs-dark] div[data-type=codeBlock] .token.tag .token.punctuation {
  color: #808080;
}
[data-code-block-theme=vs-dark] div[data-type=codeBlock] .token.cdata {
  color: #808080;
}
[data-code-block-theme=vs-dark] div[data-type=codeBlock] .token.attr-name {
  color: #9cdcfe;
}
[data-code-block-theme=vs-dark] div[data-type=codeBlock] .token.attr-value,
[data-code-block-theme=vs-dark] div[data-type=codeBlock] .token.attr-value .token.punctuation {
  color: #ce9178;
}
[data-code-block-theme=vs-dark] div[data-type=codeBlock] .token.attr-value .token.punctuation.attr-equals {
  color: #d4d4d4;
}
[data-code-block-theme=vs-dark] div[data-type=codeBlock] .token.entity {
  color: #569cd6;
}
[data-code-block-theme=vs-dark] div[data-type=codeBlock] .token.namespace {
  color: #4ec9b0;
}
[data-code-block-theme=vs-dark] div[data-type=codeBlock] pre[class*=language-javascript],
[data-code-block-theme=vs-dark] div[data-type=codeBlock] code[class*=language-javascript],
[data-code-block-theme=vs-dark] div[data-type=codeBlock] pre[class*=language-jsx],
[data-code-block-theme=vs-dark] div[data-type=codeBlock] code[class*=language-jsx],
[data-code-block-theme=vs-dark] div[data-type=codeBlock] pre[class*=language-typescript],
[data-code-block-theme=vs-dark] div[data-type=codeBlock] code[class*=language-typescript],
[data-code-block-theme=vs-dark] div[data-type=codeBlock] pre[class*=language-tsx],
[data-code-block-theme=vs-dark] div[data-type=codeBlock] code[class*=language-tsx] {
  color: #9cdcfe;
}
[data-code-block-theme=vs-dark] div[data-type=codeBlock] pre[class*=language-css],
[data-code-block-theme=vs-dark] div[data-type=codeBlock] code[class*=language-css] {
  color: #ce9178;
}
[data-code-block-theme=vs-dark] div[data-type=codeBlock] pre[class*=language-html],
[data-code-block-theme=vs-dark] div[data-type=codeBlock] code[class*=language-html] {
  color: #d4d4d4;
}
[data-code-block-theme=vs-dark] div[data-type=codeBlock] .language-regex .token.anchor {
  color: #dcdcaa;
}
[data-code-block-theme=vs-dark] div[data-type=codeBlock] .language-html .token.punctuation {
  color: #808080;
}
[data-code-block-theme=vs-dark] div[data-type=codeBlock] pre[class*=language-] > code[class*=language-] {
  position: relative;
  z-index: 1;
}
[data-code-block-theme=vs-dark] div[data-type=codeBlock] .line-highlight.line-highlight {
  background: #f7ebc6;
  box-shadow: inset 5px 0 0 #f7d87c;
  z-index: 0;
}
[data-code-block-theme=vs-light] div[data-type=codeBlock] {
  /**
   * VS theme by Andrew Lock (https://andrewlock.net)
   * Inspired by Visual Studio syntax coloring
   */
  /* Code blocks */
  /* Inline code */
  /* overrides color-values for the Line Numbers plugin
   * http://prismjs.com/plugins/line-numbers/
   */
  /* overrides color-values for the Line Highlight plugin
  * http://prismjs.com/plugins/line-highlight/
  */
}
[data-code-block-theme=vs-light] div[data-type=codeBlock] code[class*=language-],
[data-code-block-theme=vs-light] div[data-type=codeBlock] pre[class*=language-] {
  color: #393A34;
  font-family: "Consolas", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace;
  direction: ltr;
  text-align: left;
  white-space: pre;
  word-spacing: normal;
  word-break: normal;
  font-size: 0.9em;
  line-height: 1.2em;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
  hyphens: none;
}
[data-code-block-theme=vs-light] div[data-type=codeBlock] pre > code[class*=language-] {
  font-size: 1em;
}
[data-code-block-theme=vs-light] div[data-type=codeBlock] pre[class*=language-]::-moz-selection, [data-code-block-theme=vs-light] div[data-type=codeBlock] pre[class*=language-] ::-moz-selection,
[data-code-block-theme=vs-light] div[data-type=codeBlock] code[class*=language-]::-moz-selection, [data-code-block-theme=vs-light] div[data-type=codeBlock] code[class*=language-] ::-moz-selection {
  background: #C1DEF1;
}
[data-code-block-theme=vs-light] div[data-type=codeBlock] pre[class*=language-]::-moz-selection, [data-code-block-theme=vs-light] div[data-type=codeBlock] pre[class*=language-] ::-moz-selection, [data-code-block-theme=vs-light] div[data-type=codeBlock] code[class*=language-]::-moz-selection, [data-code-block-theme=vs-light] div[data-type=codeBlock] code[class*=language-] ::-moz-selection {
  background: #C1DEF1;
}
[data-code-block-theme=vs-light] div[data-type=codeBlock] pre[class*=language-]::selection, [data-code-block-theme=vs-light] div[data-type=codeBlock] pre[class*=language-] ::selection,
[data-code-block-theme=vs-light] div[data-type=codeBlock] code[class*=language-]::selection, [data-code-block-theme=vs-light] div[data-type=codeBlock] code[class*=language-] ::selection {
  background: #C1DEF1;
}
[data-code-block-theme=vs-light] div[data-type=codeBlock] pre[class*=language-] {
  padding: 1em;
  margin: 0.5em 0;
  overflow: auto;
  border: 1px solid #dddddd;
  background-color: white;
}
[data-code-block-theme=vs-light] div[data-type=codeBlock] :not(pre) > code[class*=language-] {
  padding: 0.2em;
  padding-top: 1px;
  padding-bottom: 1px;
  background: #f8f8f8;
  border: 1px solid #dddddd;
}
[data-code-block-theme=vs-light] div[data-type=codeBlock] .token.comment,
[data-code-block-theme=vs-light] div[data-type=codeBlock] .token.prolog,
[data-code-block-theme=vs-light] div[data-type=codeBlock] .token.doctype,
[data-code-block-theme=vs-light] div[data-type=codeBlock] .token.cdata {
  color: #008000;
  font-style: italic;
}
[data-code-block-theme=vs-light] div[data-type=codeBlock] .token.namespace {
  opacity: 0.7;
}
[data-code-block-theme=vs-light] div[data-type=codeBlock] .token.string {
  color: #A31515;
}
[data-code-block-theme=vs-light] div[data-type=codeBlock] .token.punctuation,
[data-code-block-theme=vs-light] div[data-type=codeBlock] .token.operator {
  color: #393A34; /* no highlight */
}
[data-code-block-theme=vs-light] div[data-type=codeBlock] .token.url,
[data-code-block-theme=vs-light] div[data-type=codeBlock] .token.symbol,
[data-code-block-theme=vs-light] div[data-type=codeBlock] .token.number,
[data-code-block-theme=vs-light] div[data-type=codeBlock] .token.boolean,
[data-code-block-theme=vs-light] div[data-type=codeBlock] .token.variable,
[data-code-block-theme=vs-light] div[data-type=codeBlock] .token.constant,
[data-code-block-theme=vs-light] div[data-type=codeBlock] .token.inserted {
  color: #36acaa;
}
[data-code-block-theme=vs-light] div[data-type=codeBlock] .token.atrule,
[data-code-block-theme=vs-light] div[data-type=codeBlock] .token.keyword,
[data-code-block-theme=vs-light] div[data-type=codeBlock] .token.attr-value,
[data-code-block-theme=vs-light] div[data-type=codeBlock] .language-autohotkey .token.selector,
[data-code-block-theme=vs-light] div[data-type=codeBlock] .language-json .token.boolean,
[data-code-block-theme=vs-light] div[data-type=codeBlock] .language-json .token.number,
[data-code-block-theme=vs-light] div[data-type=codeBlock] code[class*=language-css] {
  color: #0000ff;
}
[data-code-block-theme=vs-light] div[data-type=codeBlock] .token.function {
  color: #393A34;
}
[data-code-block-theme=vs-light] div[data-type=codeBlock] .token.deleted,
[data-code-block-theme=vs-light] div[data-type=codeBlock] .language-autohotkey .token.tag {
  color: #9a050f;
}
[data-code-block-theme=vs-light] div[data-type=codeBlock] .token.selector,
[data-code-block-theme=vs-light] div[data-type=codeBlock] .language-autohotkey .token.keyword {
  color: #00009f;
}
[data-code-block-theme=vs-light] div[data-type=codeBlock] .token.important {
  color: #e90;
}
[data-code-block-theme=vs-light] div[data-type=codeBlock] .token.important,
[data-code-block-theme=vs-light] div[data-type=codeBlock] .token.bold {
  font-weight: bold;
}
[data-code-block-theme=vs-light] div[data-type=codeBlock] .token.italic {
  font-style: italic;
}
[data-code-block-theme=vs-light] div[data-type=codeBlock] .token.class-name,
[data-code-block-theme=vs-light] div[data-type=codeBlock] .language-json .token.property {
  color: #2B91AF;
}
[data-code-block-theme=vs-light] div[data-type=codeBlock] .token.tag,
[data-code-block-theme=vs-light] div[data-type=codeBlock] .token.selector {
  color: #800000;
}
[data-code-block-theme=vs-light] div[data-type=codeBlock] .token.attr-name,
[data-code-block-theme=vs-light] div[data-type=codeBlock] .token.property,
[data-code-block-theme=vs-light] div[data-type=codeBlock] .token.regex,
[data-code-block-theme=vs-light] div[data-type=codeBlock] .token.entity {
  color: #ff0000;
}
[data-code-block-theme=vs-light] div[data-type=codeBlock] .token.directive.tag .tag {
  background: #ffff00;
  color: #393A34;
}
[data-code-block-theme=vs-light] div[data-type=codeBlock] .line-numbers.line-numbers .line-numbers-rows {
  border-right-color: #a5a5a5;
}
[data-code-block-theme=vs-light] div[data-type=codeBlock] .line-numbers .line-numbers-rows > span:before {
  color: #2B91AF;
}
[data-code-block-theme=vs-light] div[data-type=codeBlock] .line-highlight.line-highlight {
  background: rgba(193, 222, 241, 0.2);
  background: linear-gradient(to right, rgba(193, 222, 241, 0.2) 70%, rgba(221, 222, 241, 0));
}
[data-code-block-theme=okaidia] div[data-type=codeBlock] {
  /* PrismJS 1.23.0
  https://prismjs.com/download.html#themes=prism-okaidia&languages=markup+css+clike+javascript+abap+abnf+actionscript+ada+agda+al+antlr4+apacheconf+apex+apl+applescript+aql+arduino+arff+asciidoc+aspnet+asm6502+autohotkey+autoit+bash+basic+batch+bbcode+birb+bison+bnf+brainfuck+brightscript+bro+bsl+c+csharp+cpp+cfscript+chaiscript+cil+clojure+cmake+cobol+coffeescript+concurnas+csp+coq+crystal+css-extras+csv+cypher+d+dart+dataweave+dax+dhall+diff+django+dns-zone-file+docker+dot+ebnf+editorconfig+eiffel+ejs+elixir+elm+etlua+erb+erlang+excel-formula+fsharp+factor+false+firestore-security-rules+flow+fortran+ftl+gml+gcode+gdscript+gedcom+gherkin+git+glsl+go+graphql+groovy+haml+handlebars+haskell+haxe+hcl+hlsl+http+hpkp+hsts+ichigojam+icon+icu-message-format+ignore+inform7+ini+io+j+java+javadoc+javadoclike+javastacktrace+jexl+jolie+jq+jsdoc+js-extras+json+json5+jsonp+jsstacktrace+js-templates+julia+keyman+kotlin+kumir+latte+less+lilypond+liquid+lisp+livescript+llvm+log+lolcode+lua+makefile+markdown+markup-templating+matlab+mel+mizar+mongodb+monkey+moonscript+n1ql+n4js+nand2tetris-hdl+naniscript+nasm+neon+nevod+nginx+nim+nix+nsis+objectivec+ocaml+opencl+openqasm+oz+parigp+parser+pascal+pascaligo+psl+pcaxis+peoplecode+perl+php+phpdoc+php-extras+plsql+powerquery+powershell+processing+prolog+promql+properties+protobuf+pug+puppet+pure+purebasic+purescript+python+qsharp+q+qml+qore+r+racket+jsx+tsx+reason+regex+rego+renpy+rest+rip+roboconf+robotframework+ruby+rust+sas+sass+scss+scala+scheme+shell-session+smali+smalltalk+smarty+sml+solidity+solution-file+soy+sparql+splunk-spl+sqf+sql+squirrel+stan+iecst+stylus+swift+t4-templating+t4-cs+t4-vb+tap+tcl+tt2+textile+toml+turtle+twig+typescript+typoscript+unrealscript+uri+v+vala+vbnet+velocity+verilog+vhdl+vim+visual-basic+warpscript+wasm+wiki+wolfram+xeora+xml-doc+xojo+xquery+yaml+yang+zig */
  /**
   * okaidia theme for JavaScript, CSS and HTML
   * Loosely based on Monokai textmate theme by http://www.monokai.nl/
   * @author ocodia
   */
  /* Code blocks */
  /* Inline code */
}
[data-code-block-theme=okaidia] div[data-type=codeBlock] code[class*=language-],
[data-code-block-theme=okaidia] div[data-type=codeBlock] pre[class*=language-] {
  color: #f8f8f2;
  background: none;
  text-shadow: 0 1px rgba(0, 0, 0, 0.3);
  font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
  font-size: 1em;
  text-align: left;
  white-space: pre;
  word-spacing: normal;
  word-break: normal;
  word-wrap: normal;
  line-height: 1.5;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
  hyphens: none;
}
[data-code-block-theme=okaidia] div[data-type=codeBlock] pre[class*=language-] {
  padding: 1em;
  margin: 0.5em 0;
  overflow: auto;
  border-radius: 0.3em;
}
[data-code-block-theme=okaidia] div[data-type=codeBlock] :not(pre) > code[class*=language-],
[data-code-block-theme=okaidia] div[data-type=codeBlock] pre[class*=language-] {
  background: #272822;
}
[data-code-block-theme=okaidia] div[data-type=codeBlock] :not(pre) > code[class*=language-] {
  padding: 0.1em;
  border-radius: 0.3em;
  white-space: normal;
}
[data-code-block-theme=okaidia] div[data-type=codeBlock] .token.comment,
[data-code-block-theme=okaidia] div[data-type=codeBlock] .token.prolog,
[data-code-block-theme=okaidia] div[data-type=codeBlock] .token.doctype,
[data-code-block-theme=okaidia] div[data-type=codeBlock] .token.cdata {
  color: #8292a2;
}
[data-code-block-theme=okaidia] div[data-type=codeBlock] .token.punctuation {
  color: #f8f8f2;
}
[data-code-block-theme=okaidia] div[data-type=codeBlock] .token.namespace {
  opacity: 0.7;
}
[data-code-block-theme=okaidia] div[data-type=codeBlock] .token.property,
[data-code-block-theme=okaidia] div[data-type=codeBlock] .token.tag,
[data-code-block-theme=okaidia] div[data-type=codeBlock] .token.constant,
[data-code-block-theme=okaidia] div[data-type=codeBlock] .token.symbol,
[data-code-block-theme=okaidia] div[data-type=codeBlock] .token.deleted {
  color: #f92672;
}
[data-code-block-theme=okaidia] div[data-type=codeBlock] .token.boolean,
[data-code-block-theme=okaidia] div[data-type=codeBlock] .token.number {
  color: #ae81ff;
}
[data-code-block-theme=okaidia] div[data-type=codeBlock] .token.selector,
[data-code-block-theme=okaidia] div[data-type=codeBlock] .token.attr-name,
[data-code-block-theme=okaidia] div[data-type=codeBlock] .token.string,
[data-code-block-theme=okaidia] div[data-type=codeBlock] .token.char,
[data-code-block-theme=okaidia] div[data-type=codeBlock] .token.builtin,
[data-code-block-theme=okaidia] div[data-type=codeBlock] .token.inserted {
  color: #a6e22e;
}
[data-code-block-theme=okaidia] div[data-type=codeBlock] .token.operator,
[data-code-block-theme=okaidia] div[data-type=codeBlock] .token.entity,
[data-code-block-theme=okaidia] div[data-type=codeBlock] .token.url,
[data-code-block-theme=okaidia] div[data-type=codeBlock] .language-css .token.string,
[data-code-block-theme=okaidia] div[data-type=codeBlock] .style .token.string,
[data-code-block-theme=okaidia] div[data-type=codeBlock] .token.variable {
  color: #f8f8f2;
}
[data-code-block-theme=okaidia] div[data-type=codeBlock] .token.atrule,
[data-code-block-theme=okaidia] div[data-type=codeBlock] .token.attr-value,
[data-code-block-theme=okaidia] div[data-type=codeBlock] .token.function,
[data-code-block-theme=okaidia] div[data-type=codeBlock] .token.class-name {
  color: #e6db74;
}
[data-code-block-theme=okaidia] div[data-type=codeBlock] .token.keyword {
  color: #66d9ef;
}
[data-code-block-theme=okaidia] div[data-type=codeBlock] .token.regex,
[data-code-block-theme=okaidia] div[data-type=codeBlock] .token.important {
  color: #fd971f;
}
[data-code-block-theme=okaidia] div[data-type=codeBlock] .token.important,
[data-code-block-theme=okaidia] div[data-type=codeBlock] .token.bold {
  font-weight: bold;
}
[data-code-block-theme=okaidia] div[data-type=codeBlock] .token.italic {
  font-style: italic;
}
[data-code-block-theme=okaidia] div[data-type=codeBlock] .token.entity {
  cursor: help;
}
[data-code-block-theme=twilight] div[data-type=codeBlock] {
  /* PrismJS 1.23.0
  https://prismjs.com/download.html#themes=prism-twilight&languages=markup+css+clike+javascript+abap+abnf+actionscript+ada+agda+al+antlr4+apacheconf+apex+apl+applescript+aql+arduino+arff+asciidoc+aspnet+asm6502+autohotkey+autoit+bash+basic+batch+bbcode+birb+bison+bnf+brainfuck+brightscript+bro+bsl+c+csharp+cpp+cfscript+chaiscript+cil+clojure+cmake+cobol+coffeescript+concurnas+csp+coq+crystal+css-extras+csv+cypher+d+dart+dataweave+dax+dhall+diff+django+dns-zone-file+docker+dot+ebnf+editorconfig+eiffel+ejs+elixir+elm+etlua+erb+erlang+excel-formula+fsharp+factor+false+firestore-security-rules+flow+fortran+ftl+gml+gcode+gdscript+gedcom+gherkin+git+glsl+go+graphql+groovy+haml+handlebars+haskell+haxe+hcl+hlsl+http+hpkp+hsts+ichigojam+icon+icu-message-format+idris+ignore+inform7+ini+io+j+java+javadoc+javadoclike+javastacktrace+jexl+jolie+jq+jsdoc+js-extras+json+json5+jsonp+jsstacktrace+js-templates+julia+keyman+kotlin+kumir+latex+latte+less+lilypond+liquid+lisp+livescript+llvm+log+lolcode+lua+makefile+markdown+markup-templating+matlab+mel+mizar+mongodb+monkey+moonscript+n1ql+n4js+nand2tetris-hdl+naniscript+nasm+neon+nevod+nginx+nim+nix+nsis+objectivec+ocaml+opencl+openqasm+oz+parigp+parser+pascal+pascaligo+psl+pcaxis+peoplecode+perl+php+phpdoc+php-extras+plsql+powerquery+powershell+processing+prolog+promql+properties+protobuf+pug+puppet+pure+purebasic+purescript+python+qsharp+q+qml+qore+r+racket+jsx+tsx+reason+regex+rego+renpy+rest+rip+roboconf+robotframework+ruby+rust+sas+sass+scss+scala+scheme+shell-session+smali+smalltalk+smarty+sml+solidity+solution-file+soy+sparql+splunk-spl+sqf+sql+squirrel+stan+iecst+stylus+swift+t4-templating+t4-cs+t4-vb+tap+tcl+tt2+textile+toml+turtle+twig+typescript+typoscript+unrealscript+uri+v+vala+vbnet+velocity+verilog+vhdl+vim+visual-basic+warpscript+wasm+wiki+wolfram+xeora+xml-doc+xojo+xquery+yaml+yang+zig */
  /**
   * prism.js Twilight theme
   * Based (more or less) on the Twilight theme originally of Textmate fame.
   * @author Remy Bach
   */
  /* Code blocks */
  /* Text Selection colour */
  /* Inline code */
  /* Markup */
  /* Make the tokens sit above the line highlight so the colours don't look faded. */
}
[data-code-block-theme=twilight] div[data-type=codeBlock] code[class*=language-],
[data-code-block-theme=twilight] div[data-type=codeBlock] pre[class*=language-] {
  color: white;
  background: none;
  font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
  font-size: 1em;
  text-align: left;
  text-shadow: 0 -0.1em 0.2em black;
  white-space: pre;
  word-spacing: normal;
  word-break: normal;
  word-wrap: normal;
  line-height: 1.5;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
  hyphens: none;
}
[data-code-block-theme=twilight] div[data-type=codeBlock] pre[class*=language-],
[data-code-block-theme=twilight] div[data-type=codeBlock] :not(pre) > code[class*=language-] {
  background: hsl(0, 0%, 8%); /* #141414 */
}
[data-code-block-theme=twilight] div[data-type=codeBlock] pre[class*=language-] {
  border-radius: 0.5em;
  border: 0.3em solid hsl(0, 0%, 33%); /* #282A2B */
  box-shadow: 1px 1px 0.5em black inset;
  margin: 0.5em 0;
  overflow: auto;
  padding: 1em;
}
[data-code-block-theme=twilight] div[data-type=codeBlock] pre[class*=language-]::-moz-selection {
  /* Firefox */
  background: hsl(200, 4%, 16%); /* #282A2B */
}
[data-code-block-theme=twilight] div[data-type=codeBlock] pre[class*=language-]::selection {
  /* Safari */
  background: hsl(200, 4%, 16%); /* #282A2B */
}
[data-code-block-theme=twilight] div[data-type=codeBlock] pre[class*=language-]::-moz-selection, [data-code-block-theme=twilight] div[data-type=codeBlock] pre[class*=language-] ::-moz-selection,
[data-code-block-theme=twilight] div[data-type=codeBlock] code[class*=language-]::-moz-selection, [data-code-block-theme=twilight] div[data-type=codeBlock] code[class*=language-] ::-moz-selection {
  text-shadow: none;
  background: hsla(0, 0%, 93%, 0.15); /* #EDEDED */
}
[data-code-block-theme=twilight] div[data-type=codeBlock] pre[class*=language-]::-moz-selection, [data-code-block-theme=twilight] div[data-type=codeBlock] pre[class*=language-] ::-moz-selection, [data-code-block-theme=twilight] div[data-type=codeBlock] code[class*=language-]::-moz-selection, [data-code-block-theme=twilight] div[data-type=codeBlock] code[class*=language-] ::-moz-selection {
  text-shadow: none;
  background: hsla(0, 0%, 93%, 0.15); /* #EDEDED */
}
[data-code-block-theme=twilight] div[data-type=codeBlock] pre[class*=language-]::selection, [data-code-block-theme=twilight] div[data-type=codeBlock] pre[class*=language-] ::selection,
[data-code-block-theme=twilight] div[data-type=codeBlock] code[class*=language-]::selection, [data-code-block-theme=twilight] div[data-type=codeBlock] code[class*=language-] ::selection {
  text-shadow: none;
  background: hsla(0, 0%, 93%, 0.15); /* #EDEDED */
}
[data-code-block-theme=twilight] div[data-type=codeBlock] :not(pre) > code[class*=language-] {
  border-radius: 0.3em;
  border: 0.13em solid hsl(0, 0%, 33%); /* #545454 */
  box-shadow: 1px 1px 0.3em -0.1em black inset;
  padding: 0.15em 0.2em 0.05em;
  white-space: normal;
}
[data-code-block-theme=twilight] div[data-type=codeBlock] .token.comment,
[data-code-block-theme=twilight] div[data-type=codeBlock] .token.prolog,
[data-code-block-theme=twilight] div[data-type=codeBlock] .token.doctype,
[data-code-block-theme=twilight] div[data-type=codeBlock] .token.cdata {
  color: hsl(0, 0%, 47%); /* #777777 */
}
[data-code-block-theme=twilight] div[data-type=codeBlock] .token.punctuation {
  opacity: 0.7;
}
[data-code-block-theme=twilight] div[data-type=codeBlock] .token.namespace {
  opacity: 0.7;
}
[data-code-block-theme=twilight] div[data-type=codeBlock] .token.tag,
[data-code-block-theme=twilight] div[data-type=codeBlock] .token.boolean,
[data-code-block-theme=twilight] div[data-type=codeBlock] .token.number,
[data-code-block-theme=twilight] div[data-type=codeBlock] .token.deleted {
  color: hsl(14, 58%, 55%); /* #CF6A4C */
}
[data-code-block-theme=twilight] div[data-type=codeBlock] .token.keyword,
[data-code-block-theme=twilight] div[data-type=codeBlock] .token.property,
[data-code-block-theme=twilight] div[data-type=codeBlock] .token.selector,
[data-code-block-theme=twilight] div[data-type=codeBlock] .token.constant,
[data-code-block-theme=twilight] div[data-type=codeBlock] .token.symbol,
[data-code-block-theme=twilight] div[data-type=codeBlock] .token.builtin {
  color: hsl(53, 89%, 79%); /* #F9EE98 */
}
[data-code-block-theme=twilight] div[data-type=codeBlock] .token.attr-name,
[data-code-block-theme=twilight] div[data-type=codeBlock] .token.attr-value,
[data-code-block-theme=twilight] div[data-type=codeBlock] .token.string,
[data-code-block-theme=twilight] div[data-type=codeBlock] .token.char,
[data-code-block-theme=twilight] div[data-type=codeBlock] .token.operator,
[data-code-block-theme=twilight] div[data-type=codeBlock] .token.entity,
[data-code-block-theme=twilight] div[data-type=codeBlock] .token.url,
[data-code-block-theme=twilight] div[data-type=codeBlock] .language-css .token.string,
[data-code-block-theme=twilight] div[data-type=codeBlock] .style .token.string,
[data-code-block-theme=twilight] div[data-type=codeBlock] .token.variable,
[data-code-block-theme=twilight] div[data-type=codeBlock] .token.inserted {
  color: hsl(76, 21%, 52%); /* #8F9D6A */
}
[data-code-block-theme=twilight] div[data-type=codeBlock] .token.atrule {
  color: hsl(218, 22%, 55%); /* #7587A6 */
}
[data-code-block-theme=twilight] div[data-type=codeBlock] .token.regex,
[data-code-block-theme=twilight] div[data-type=codeBlock] .token.important {
  color: hsl(42, 75%, 65%); /* #E9C062 */
}
[data-code-block-theme=twilight] div[data-type=codeBlock] .token.important,
[data-code-block-theme=twilight] div[data-type=codeBlock] .token.bold {
  font-weight: bold;
}
[data-code-block-theme=twilight] div[data-type=codeBlock] .token.italic {
  font-style: italic;
}
[data-code-block-theme=twilight] div[data-type=codeBlock] .token.entity {
  cursor: help;
}
[data-code-block-theme=twilight] div[data-type=codeBlock] pre[data-line] {
  padding: 1em 0 1em 3em;
  position: relative;
}
[data-code-block-theme=twilight] div[data-type=codeBlock] .language-markup .token.tag,
[data-code-block-theme=twilight] div[data-type=codeBlock] .language-markup .token.attr-name,
[data-code-block-theme=twilight] div[data-type=codeBlock] .language-markup .token.punctuation {
  color: hsl(33, 33%, 52%); /* #AC885B */
}
[data-code-block-theme=twilight] div[data-type=codeBlock] .token {
  position: relative;
  z-index: 1;
}
[data-code-block-theme=twilight] div[data-type=codeBlock] .line-highlight {
  background: hsla(0, 0%, 33%, 0.25); /* #545454 */
  background: linear-gradient(to right, hsla(0, 0%, 33%, 0.1) 70%, hsla(0, 0%, 33%, 0)); /* #545454 */
  border-bottom: 1px dashed hsl(0, 0%, 33%); /* #545454 */
  border-top: 1px dashed hsl(0, 0%, 33%); /* #545454 */
  left: 0;
  line-height: inherit;
  margin-top: 0.75em; /* Same as .prism’s padding-top */
  padding: inherit 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  white-space: pre;
  z-index: 0;
}
[data-code-block-theme=twilight] div[data-type=codeBlock] .line-highlight:before,
[data-code-block-theme=twilight] div[data-type=codeBlock] .line-highlight[data-end]:after {
  background-color: hsl(215, 15%, 59%); /* #8794A6 */
  border-radius: 999px;
  box-shadow: 0 1px white;
  color: hsl(24, 20%, 95%); /* #F5F2F0 */
  content: attr(data-start);
  font: bold 65%/1.5 sans-serif;
  left: 0.6em;
  min-width: 1em;
  padding: 0 0.5em;
  position: absolute;
  text-align: center;
  text-shadow: none;
  top: 0.4em;
  vertical-align: 0.3em;
}
[data-code-block-theme=twilight] div[data-type=codeBlock] .line-highlight[data-end]:after {
  bottom: 0.4em;
  content: attr(data-end);
  top: auto;
}
[data-code-block-theme=coy] div[data-type=codeBlock] {
  /* PrismJS 1.23.0
  https://prismjs.com/download.html#themes=prism-coy&languages=markup+css+clike+javascript+abap+abnf+actionscript+ada+agda+al+antlr4+apacheconf+apex+apl+applescript+aql+arduino+arff+asciidoc+aspnet+asm6502+autohotkey+autoit+bash+basic+batch+bbcode+birb+bison+bnf+brainfuck+brightscript+bro+bsl+c+csharp+cpp+cfscript+chaiscript+cil+clojure+cmake+cobol+coffeescript+concurnas+csp+coq+crystal+css-extras+csv+cypher+d+dart+dataweave+dax+dhall+diff+django+dns-zone-file+docker+dot+ebnf+editorconfig+eiffel+ejs+elixir+elm+etlua+erb+erlang+excel-formula+fsharp+factor+false+firestore-security-rules+flow+fortran+ftl+gml+gcode+gdscript+gedcom+gherkin+git+glsl+go+graphql+groovy+haml+handlebars+haskell+haxe+hcl+hlsl+http+hpkp+hsts+ichigojam+icon+icu-message-format+idris+ignore+inform7+ini+io+j+java+javadoc+javadoclike+javastacktrace+jexl+jolie+jq+jsdoc+js-extras+json+json5+jsonp+jsstacktrace+js-templates+julia+keyman+kotlin+kumir+latex+latte+less+lilypond+liquid+lisp+livescript+llvm+log+lolcode+lua+makefile+markdown+markup-templating+matlab+mel+mizar+mongodb+monkey+moonscript+n1ql+n4js+nand2tetris-hdl+naniscript+nasm+neon+nevod+nginx+nim+nix+nsis+objectivec+ocaml+opencl+openqasm+oz+parigp+parser+pascal+pascaligo+psl+pcaxis+peoplecode+perl+php+phpdoc+php-extras+plsql+powerquery+powershell+processing+prolog+promql+properties+protobuf+pug+puppet+pure+purebasic+purescript+python+qsharp+q+qml+qore+r+racket+jsx+tsx+reason+regex+rego+renpy+rest+rip+roboconf+robotframework+ruby+rust+sas+sass+scss+scala+scheme+shell-session+smali+smalltalk+smarty+sml+solidity+solution-file+soy+sparql+splunk-spl+sqf+sql+squirrel+stan+iecst+stylus+swift+t4-templating+t4-cs+t4-vb+tap+tcl+tt2+textile+toml+turtle+twig+typescript+typoscript+unrealscript+uri+v+vala+vbnet+velocity+verilog+vhdl+vim+visual-basic+warpscript+wasm+wiki+wolfram+xeora+xml-doc+xojo+xquery+yaml+yang+zig */
  /**
   * prism.js Coy theme for JavaScript, CoffeeScript, CSS and HTML
   * Based on https://github.com/tshedor/workshop-wp-theme (Example: http://workshop.kansan.com/category/sessions/basics or http://workshop.timshedor.com/category/sessions/basics);
   * @author Tim  Shedor
   */
  /* Code blocks */
  /* Margin bottom to accommodate shadow */
  /* Inline code */
  /* Plugin styles: Line Numbers */
  /* Plugin styles: Line Highlight */
}
[data-code-block-theme=coy] div[data-type=codeBlock] code[class*=language-],
[data-code-block-theme=coy] div[data-type=codeBlock] pre[class*=language-] {
  color: black;
  background: none;
  font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
  font-size: 1em;
  text-align: left;
  white-space: pre;
  word-spacing: normal;
  word-break: normal;
  word-wrap: normal;
  line-height: 1.5;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
  hyphens: none;
}
[data-code-block-theme=coy] div[data-type=codeBlock] pre[class*=language-] {
  position: relative;
  margin: 0.5em 0;
  overflow-y: hidden;
  padding: 0;
}
[data-code-block-theme=coy] div[data-type=codeBlock] pre[class*=language-] > code {
  position: relative;
  border-left: 10px solid #358ccb;
  box-shadow: -1px 0px 0px 0px #358ccb, 0px 0px 0px 1px #dfdfdf;
  background-color: #fdfdfd;
  background-image: linear-gradient(transparent 50%, rgba(69, 142, 209, 0.04) 50%);
  background-size: 3em 3em;
  background-origin: content-box;
  background-attachment: local;
}
[data-code-block-theme=coy] div[data-type=codeBlock] code[class*=language-] {
  max-height: inherit;
  height: inherit;
  padding: 0 1em;
  display: block;
}
[data-code-block-theme=coy] div[data-type=codeBlock] :not(pre) > code[class*=language-],
[data-code-block-theme=coy] div[data-type=codeBlock] pre[class*=language-] {
  background-color: #fdfdfd;
  box-sizing: border-box;
  margin-bottom: 1em;
}
[data-code-block-theme=coy] div[data-type=codeBlock] :not(pre) > code[class*=language-] {
  position: relative;
  padding: 0.2em;
  border-radius: 0.3em;
  color: #c92c2c;
  border: 1px solid rgba(0, 0, 0, 0.1);
  display: inline;
  white-space: normal;
}
[data-code-block-theme=coy] div[data-type=codeBlock] pre[class*=language-]:before,
[data-code-block-theme=coy] div[data-type=codeBlock] pre[class*=language-]:after {
  content: "";
  z-index: -2;
  display: block;
  position: absolute;
  bottom: 0.75em;
  left: 0.18em;
  width: 40%;
  height: 20%;
  max-height: 13em;
  box-shadow: 0px 13px 8px #979797;
  transform: rotate(-2deg);
}
[data-code-block-theme=coy] div[data-type=codeBlock] pre[class*=language-]:after {
  right: 0.75em;
  left: auto;
  transform: rotate(2deg);
}
[data-code-block-theme=coy] div[data-type=codeBlock] .token.comment,
[data-code-block-theme=coy] div[data-type=codeBlock] .token.block-comment,
[data-code-block-theme=coy] div[data-type=codeBlock] .token.prolog,
[data-code-block-theme=coy] div[data-type=codeBlock] .token.doctype,
[data-code-block-theme=coy] div[data-type=codeBlock] .token.cdata {
  color: #7D8B99;
}
[data-code-block-theme=coy] div[data-type=codeBlock] .token.punctuation {
  color: #5F6364;
}
[data-code-block-theme=coy] div[data-type=codeBlock] .token.property,
[data-code-block-theme=coy] div[data-type=codeBlock] .token.tag,
[data-code-block-theme=coy] div[data-type=codeBlock] .token.boolean,
[data-code-block-theme=coy] div[data-type=codeBlock] .token.number,
[data-code-block-theme=coy] div[data-type=codeBlock] .token.function-name,
[data-code-block-theme=coy] div[data-type=codeBlock] .token.constant,
[data-code-block-theme=coy] div[data-type=codeBlock] .token.symbol,
[data-code-block-theme=coy] div[data-type=codeBlock] .token.deleted {
  color: #c92c2c;
}
[data-code-block-theme=coy] div[data-type=codeBlock] .token.selector,
[data-code-block-theme=coy] div[data-type=codeBlock] .token.attr-name,
[data-code-block-theme=coy] div[data-type=codeBlock] .token.string,
[data-code-block-theme=coy] div[data-type=codeBlock] .token.char,
[data-code-block-theme=coy] div[data-type=codeBlock] .token.function,
[data-code-block-theme=coy] div[data-type=codeBlock] .token.builtin,
[data-code-block-theme=coy] div[data-type=codeBlock] .token.inserted {
  color: #2f9c0a;
}
[data-code-block-theme=coy] div[data-type=codeBlock] .token.operator,
[data-code-block-theme=coy] div[data-type=codeBlock] .token.entity,
[data-code-block-theme=coy] div[data-type=codeBlock] .token.url,
[data-code-block-theme=coy] div[data-type=codeBlock] .token.variable {
  color: #a67f59;
  background: rgba(255, 255, 255, 0.5);
}
[data-code-block-theme=coy] div[data-type=codeBlock] .token.atrule,
[data-code-block-theme=coy] div[data-type=codeBlock] .token.attr-value,
[data-code-block-theme=coy] div[data-type=codeBlock] .token.keyword,
[data-code-block-theme=coy] div[data-type=codeBlock] .token.class-name {
  color: #1990b8;
}
[data-code-block-theme=coy] div[data-type=codeBlock] .token.regex,
[data-code-block-theme=coy] div[data-type=codeBlock] .token.important {
  color: #e90;
}
[data-code-block-theme=coy] div[data-type=codeBlock] .language-css .token.string,
[data-code-block-theme=coy] div[data-type=codeBlock] .style .token.string {
  color: #a67f59;
  background: rgba(255, 255, 255, 0.5);
}
[data-code-block-theme=coy] div[data-type=codeBlock] .token.important {
  font-weight: normal;
}
[data-code-block-theme=coy] div[data-type=codeBlock] .token.bold {
  font-weight: bold;
}
[data-code-block-theme=coy] div[data-type=codeBlock] .token.italic {
  font-style: italic;
}
[data-code-block-theme=coy] div[data-type=codeBlock] .token.entity {
  cursor: help;
}
[data-code-block-theme=coy] div[data-type=codeBlock] .token.namespace {
  opacity: 0.7;
}
@media screen and (max-width: 767px) {
  [data-code-block-theme=coy] div[data-type=codeBlock] pre[class*=language-]:before,
  [data-code-block-theme=coy] div[data-type=codeBlock] pre[class*=language-]:after {
    bottom: 14px;
    box-shadow: none;
  }
}
[data-code-block-theme=coy] div[data-type=codeBlock] pre[class*=language-].line-numbers.line-numbers {
  padding-left: 0;
}
[data-code-block-theme=coy] div[data-type=codeBlock] pre[class*=language-].line-numbers.line-numbers code {
  padding-left: 3.8em;
}
[data-code-block-theme=coy] div[data-type=codeBlock] pre[class*=language-].line-numbers.line-numbers .line-numbers-rows {
  left: 0;
}
[data-code-block-theme=coy] div[data-type=codeBlock] pre[class*=language-][data-line] {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
}
[data-code-block-theme=coy] div[data-type=codeBlock] pre[data-line] code {
  position: relative;
  padding-left: 4em;
}
[data-code-block-theme=coy] div[data-type=codeBlock] pre .line-highlight {
  margin-top: 0;
}
[data-code-block-theme=solarized-light] div[data-type=codeBlock] {
  /* PrismJS 1.23.0
  https://prismjs.com/download.html#themes=prism-solarizedlight&languages=markup+css+clike+javascript */
  /*
   Solarized Color Schemes originally by Ethan Schoonover
   http://ethanschoonover.com/solarized

   Ported for PrismJS by Hector Matos
   Website: https://krakendev.io
   Twitter Handle: https://twitter.com/allonsykraken)
  */
  /*
  SOLARIZED HEX
  --------- -------
  base03    #002b36
  base02    #073642
  base01    #586e75
  base00    #657b83
  base0     #839496
  base1     #93a1a1
  base2     #eee8d5
  base3     #fdf6e3
  yellow    #b58900
  orange    #cb4b16
  red       #dc322f
  magenta   #d33682
  violet    #6c71c4
  blue      #268bd2
  cyan      #2aa198
  green     #859900
  */
  /* Code blocks */
  /* Inline code */
}
[data-code-block-theme=solarized-light] div[data-type=codeBlock] code[class*=language-],
[data-code-block-theme=solarized-light] div[data-type=codeBlock] pre[class*=language-] {
  color: #657b83; /* base00 */
  font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
  font-size: 1em;
  text-align: left;
  white-space: pre;
  word-spacing: normal;
  word-break: normal;
  word-wrap: normal;
  line-height: 1.5;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
  hyphens: none;
}
[data-code-block-theme=solarized-light] div[data-type=codeBlock] pre[class*=language-]::-moz-selection, [data-code-block-theme=solarized-light] div[data-type=codeBlock] pre[class*=language-] ::-moz-selection,
[data-code-block-theme=solarized-light] div[data-type=codeBlock] code[class*=language-]::-moz-selection, [data-code-block-theme=solarized-light] div[data-type=codeBlock] code[class*=language-] ::-moz-selection {
  background: #073642; /* base02 */
}
[data-code-block-theme=solarized-light] div[data-type=codeBlock] pre[class*=language-]::-moz-selection, [data-code-block-theme=solarized-light] div[data-type=codeBlock] pre[class*=language-] ::-moz-selection, [data-code-block-theme=solarized-light] div[data-type=codeBlock] code[class*=language-]::-moz-selection, [data-code-block-theme=solarized-light] div[data-type=codeBlock] code[class*=language-] ::-moz-selection {
  background: #073642; /* base02 */
}
[data-code-block-theme=solarized-light] div[data-type=codeBlock] pre[class*=language-]::selection, [data-code-block-theme=solarized-light] div[data-type=codeBlock] pre[class*=language-] ::selection,
[data-code-block-theme=solarized-light] div[data-type=codeBlock] code[class*=language-]::selection, [data-code-block-theme=solarized-light] div[data-type=codeBlock] code[class*=language-] ::selection {
  background: #073642; /* base02 */
}
[data-code-block-theme=solarized-light] div[data-type=codeBlock] pre[class*=language-] {
  padding: 1em;
  margin: 0.5em 0;
  overflow: auto;
  border-radius: 0.3em;
}
[data-code-block-theme=solarized-light] div[data-type=codeBlock] :not(pre) > code[class*=language-],
[data-code-block-theme=solarized-light] div[data-type=codeBlock] pre[class*=language-] {
  background-color: #fdf6e3; /* base3 */
}
[data-code-block-theme=solarized-light] div[data-type=codeBlock] :not(pre) > code[class*=language-] {
  padding: 0.1em;
  border-radius: 0.3em;
}
[data-code-block-theme=solarized-light] div[data-type=codeBlock] .token.comment,
[data-code-block-theme=solarized-light] div[data-type=codeBlock] .token.prolog,
[data-code-block-theme=solarized-light] div[data-type=codeBlock] .token.doctype,
[data-code-block-theme=solarized-light] div[data-type=codeBlock] .token.cdata {
  color: #93a1a1; /* base1 */
}
[data-code-block-theme=solarized-light] div[data-type=codeBlock] .token.punctuation {
  color: #586e75; /* base01 */
}
[data-code-block-theme=solarized-light] div[data-type=codeBlock] .token.namespace {
  opacity: 0.7;
}
[data-code-block-theme=solarized-light] div[data-type=codeBlock] .token.property,
[data-code-block-theme=solarized-light] div[data-type=codeBlock] .token.tag,
[data-code-block-theme=solarized-light] div[data-type=codeBlock] .token.boolean,
[data-code-block-theme=solarized-light] div[data-type=codeBlock] .token.number,
[data-code-block-theme=solarized-light] div[data-type=codeBlock] .token.constant,
[data-code-block-theme=solarized-light] div[data-type=codeBlock] .token.symbol,
[data-code-block-theme=solarized-light] div[data-type=codeBlock] .token.deleted {
  color: #268bd2; /* blue */
}
[data-code-block-theme=solarized-light] div[data-type=codeBlock] .token.selector,
[data-code-block-theme=solarized-light] div[data-type=codeBlock] .token.attr-name,
[data-code-block-theme=solarized-light] div[data-type=codeBlock] .token.string,
[data-code-block-theme=solarized-light] div[data-type=codeBlock] .token.char,
[data-code-block-theme=solarized-light] div[data-type=codeBlock] .token.builtin,
[data-code-block-theme=solarized-light] div[data-type=codeBlock] .token.url,
[data-code-block-theme=solarized-light] div[data-type=codeBlock] .token.inserted {
  color: #2aa198; /* cyan */
}
[data-code-block-theme=solarized-light] div[data-type=codeBlock] .token.entity {
  color: #657b83; /* base00 */
  background: #eee8d5; /* base2 */
}
[data-code-block-theme=solarized-light] div[data-type=codeBlock] .token.atrule,
[data-code-block-theme=solarized-light] div[data-type=codeBlock] .token.attr-value,
[data-code-block-theme=solarized-light] div[data-type=codeBlock] .token.keyword {
  color: #859900; /* green */
}
[data-code-block-theme=solarized-light] div[data-type=codeBlock] .token.function,
[data-code-block-theme=solarized-light] div[data-type=codeBlock] .token.class-name {
  color: #b58900; /* yellow */
}
[data-code-block-theme=solarized-light] div[data-type=codeBlock] .token.regex,
[data-code-block-theme=solarized-light] div[data-type=codeBlock] .token.important,
[data-code-block-theme=solarized-light] div[data-type=codeBlock] .token.variable {
  color: #cb4b16; /* orange */
}
[data-code-block-theme=solarized-light] div[data-type=codeBlock] .token.important,
[data-code-block-theme=solarized-light] div[data-type=codeBlock] .token.bold {
  font-weight: bold;
}
[data-code-block-theme=solarized-light] div[data-type=codeBlock] .token.italic {
  font-style: italic;
}
[data-code-block-theme=solarized-light] div[data-type=codeBlock] .token.entity {
  cursor: help;
}

.cherry-detail details {
  background: var(--accordion-bg);
  border: 1px solid var(--accordion-border);
  border-radius: calc(var(--accordion-radius) + 1px);
  box-shadow: var(--accordion-shadow);
  margin-bottom: var(--spacing-md);
  transition: box-shadow 0.2s ease;
  overflow: hidden;
}
.cherry-detail details:hover {
  box-shadow: var(--accordion-shadow);
}
.cherry-detail details summary {
  background: var(--accordion-summary-bg);
  color: var(--accordion-summary-color);
  padding: var(--spacing-md) var(--spacing-lg) var(--spacing-md) calc(var(--spacing-lg) + var(--spacing-xl));
  cursor: pointer;
  font-weight: 600;
  transition: background-color 0.2s ease;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  border-radius: var(--accordion-radius) var(--accordion-radius) 0 0;
}
.cherry-detail details summary:hover {
  background: var(--accordion-summary-hover-bg);
}
.cherry-detail details summary::marker {
  content: "";
}
.cherry-detail details summary::before {
  content: "▼";
  position: absolute;
  left: var(--spacing-md);
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.2s ease;
}
.cherry-detail details[open] summary::before {
  transform: translateY(-50%) rotate(180deg);
}
.cherry-detail details:not([open]) summary {
  border-radius: var(--accordion-radius);
}
.cherry-detail details .cherry-detail-body {
  padding: var(--spacing-lg);
  background: var(--accordion-body-bg);
  border-top: 1px solid var(--accordion-body-border);
  color: var(--accordion-body-color);
  line-height: var(--line-height-relaxed);
  border-radius: 0 0 var(--accordion-radius) var(--accordion-radius);
}
.cherry-detail details .cherry-detail-body > *:first-child {
  margin-top: 0;
}
.cherry-detail details .cherry-detail-body > *:last-child {
  margin-bottom: 0;
}

.cherry-detail__multiple {
  border-radius: calc(var(--accordion-radius) + 1px);
  box-shadow: var(--accordion-shadow);
  background: var(--accordion-bg);
  border: 1px solid var(--accordion-border);
  overflow: hidden;
}
.cherry-detail__multiple details {
  margin-bottom: 0;
  border-radius: 0;
  border: none;
  border-bottom: 1px solid var(--accordion-body-border);
  box-shadow: none;
}
.cherry-detail__multiple details:first-child summary {
  border-radius: var(--accordion-radius) var(--accordion-radius) 0 0;
}
.cherry-detail__multiple details:last-child {
  border-bottom: none;
}
.cherry-detail__multiple details:last-child:not([open]) summary {
  border-radius: 0 0 var(--accordion-radius) var(--accordion-radius);
}
.cherry-detail__multiple details:last-child[open] summary {
  border-radius: 0;
}
.cherry-detail__multiple details:last-child .cherry-detail-body {
  border-radius: 0 0 var(--accordion-radius) var(--accordion-radius);
}
.cherry-detail__multiple details:not(:first-child):not(:last-child) summary {
  border-radius: 0;
}
.cherry-detail__multiple details:not(:first-child):not(:last-child) .cherry-detail-body {
  border-radius: 0;
}
.cherry-detail__multiple details:hover {
  box-shadow: none;
}

.cherry-text-align__left .cherry-table-figure {
  display: flex;
  justify-content: flex-start;
}

.cherry-text-align__center table {
  margin-left: auto;
  margin-right: auto;
}
.cherry-text-align__center .cherry-table-figure {
  display: flex;
  justify-content: center;
}

.cherry-text-align__right table {
  margin-left: auto;
}
.cherry-text-align__right .cherry-table-figure {
  display: flex;
  justify-content: flex-end;
}

.cherry-text-align__justify .cherry-table-figure {
  display: flex;
  justify-content: flex-start;
}

.cherry-panel {
  margin: var(--panel-margin, 10px 0);
  overflow: hidden;
  border-radius: var(--panel-border-radius, var(--radius-xl));
  box-sizing: border-box;
  border: var(--panel-border, 0.5px solid var(--panel-border-color, transparent));
  background: var(--panel-bg, transparent);
  box-shadow: var(--panel-box-shadow, none);
  backdrop-filter: var(--panel-backdrop-filter, none);
}
.cherry-panel .cherry-panel--title {
  color: var(--panel-title-color, #fff);
  padding: var(--panel-title-padding, 5px 20px);
  background: var(--panel-title-bg, transparent);
  border-radius: var(--panel-title-border-radius, 0);
  border-bottom: var(--panel-title-border-bottom, none);
}
.cherry-panel .cherry-panel--title.cherry-panel--title__not-empty::before {
  font-family: "ch-icon";
  margin: 0 var(--spacing-md) 0 -6px;
  vertical-align: bottom;
  content: var(--panel-icon, "");
}
.cherry-panel .cherry-panel--body {
  padding: var(--panel-body-padding, 5px 20px);
  background: var(--panel-body-bg, transparent);
  color: var(--panel-body-color, inherit);
  border-radius: var(--panel-body-border-radius, 0);
}

.cherry-panel__primary {
  --panel-bg: var(--panel-primary-bg, #cfe2ff);
  --panel-border-color: var(--panel-primary-border-color, transparent);
  --panel-box-shadow: var(--panel-primary-box-shadow, none);
  --panel-title-bg: var(--panel-primary-title-bg, #0d6dfe);
  --panel-title-color: var(--panel-primary-title-color, #fff);
  --panel-title-border-radius: var(--panel-primary-title-border-radius, 0);
  --panel-title-border-bottom: var(--panel-primary-title-border-bottom, none);
  --panel-body-bg: var(--panel-primary-body-bg, transparent);
  --panel-body-color: var(--panel-primary-body-color, #0a58ca);
  --panel-body-border-radius: var(--panel-primary-body-border-radius, 0);
  --panel-icon: var(--panel-primary-icon, "");
}

.cherry-panel__info {
  --panel-bg: var(--panel-info-bg, #cff4fc);
  --panel-border-color: var(--panel-info-border-color, transparent);
  --panel-box-shadow: var(--panel-info-box-shadow, none);
  --panel-title-bg: var(--panel-info-title-bg, #099cba);
  --panel-title-color: var(--panel-info-title-color, #fff);
  --panel-title-border-radius: var(--panel-info-title-border-radius, 0);
  --panel-title-border-bottom: var(--panel-info-title-border-bottom, none);
  --panel-body-bg: var(--panel-info-body-bg, transparent);
  --panel-body-color: var(--panel-info-body-color, #087990);
  --panel-body-border-radius: var(--panel-info-body-border-radius, 0);
  --panel-icon: var(--panel-info-icon, "");
}

.cherry-panel__warning {
  --panel-bg: var(--panel-warning-bg, #fff3cd);
  --panel-border-color: var(--panel-warning-border-color, transparent);
  --panel-box-shadow: var(--panel-warning-box-shadow, none);
  --panel-title-bg: var(--panel-warning-title-bg, #b38806);
  --panel-title-color: var(--panel-warning-title-color, #fff);
  --panel-title-border-radius: var(--panel-warning-title-border-radius, 0);
  --panel-title-border-bottom: var(--panel-warning-title-border-bottom, none);
  --panel-body-bg: var(--panel-warning-body-bg, transparent);
  --panel-body-color: var(--panel-warning-body-color, #997404);
  --panel-body-border-radius: var(--panel-warning-body-border-radius, 0);
  --panel-icon: var(--panel-warning-icon, "");
}

.cherry-panel__danger {
  --panel-bg: var(--panel-danger-bg, #f8d7da);
  --panel-border-color: var(--panel-danger-border-color, transparent);
  --panel-box-shadow: var(--panel-danger-box-shadow, none);
  --panel-title-bg: var(--panel-danger-title-bg, #dc3545);
  --panel-title-color: var(--panel-danger-title-color, #fff);
  --panel-title-border-radius: var(--panel-danger-title-border-radius, 0);
  --panel-title-border-bottom: var(--panel-danger-title-border-bottom, none);
  --panel-body-bg: var(--panel-danger-body-bg, transparent);
  --panel-body-color: var(--panel-danger-body-color, #b02a37);
  --panel-body-border-radius: var(--panel-danger-body-border-radius, 0);
  --panel-icon: var(--panel-danger-icon, "");
}

.cherry-panel__success {
  --panel-bg: var(--panel-success-bg, #d1e7dd);
  --panel-border-color: var(--panel-success-border-color, transparent);
  --panel-box-shadow: var(--panel-success-box-shadow, none);
  --panel-title-bg: var(--panel-success-title-bg, #198754);
  --panel-title-color: var(--panel-success-title-color, #fff);
  --panel-title-border-radius: var(--panel-success-title-border-radius, 0);
  --panel-title-border-bottom: var(--panel-success-title-border-bottom, none);
  --panel-body-bg: var(--panel-success-body-bg, transparent);
  --panel-body-color: var(--panel-success-body-color, #146c43);
  --panel-body-border-radius: var(--panel-success-body-border-radius, 0);
  --panel-icon: var(--panel-success-icon, "");
}

.cherry {
  /* 表格行/列重排序的高亮线 */
  /* 表格行/列插入边界的高亮线 */
  /* 菜单气泡样式 */
}
.cherry .doing-resize-img {
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.cherry .cherry-previewer img {
  transition: all 0.1s;
}
.cherry .cherry-previewer-footnote-ref-hover-handler {
  position: absolute;
  min-width: 200px;
  max-width: 500px;
  padding: 10px;
  border-radius: 5px;
  z-index: 11;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
  background: var(--base-editor-bg);
  border: 1px solid var(--base-border-color);
}
.cherry .footnote.hidden {
  display: none;
}
.cherry .cherry-previewer-img-size-handler {
  position: absolute;
  box-shadow: 0 1px 4px 0 rgba(20, 81, 154, 0.5);
  border: 1px solid var(--primary-color);
  box-sizing: content-box;
  pointer-events: none;
}
.cherry .cherry-previewer-img-size-handler .cherry-previewer-img-size-handler__points {
  position: absolute;
  height: 10px;
  width: 10px;
  margin-top: -7px;
  margin-left: -7px;
  border-radius: 9px;
  background: var(--primary-color);
  border: 2px solid var(--oc-white);
  box-sizing: content-box;
  box-shadow: 0px 2px 2px 0px rgba(20, 81, 154, 0.5);
  pointer-events: all;
}
.cherry .cherry-previewer-img-size-handler .cherry-previewer-img-size-handler__background {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  opacity: 0.5;
  width: 100%;
  height: 100%;
}
.cherry .cherry-previewer-img-size-handler .cherry-previewer-img-size-handler__points-leftTop {
  cursor: nw-resize;
}
.cherry .cherry-previewer-img-size-handler .cherry-previewer-img-size-handler__points-rightTop {
  cursor: sw-resize;
}
.cherry .cherry-previewer-img-size-handler .cherry-previewer-img-size-handler__points-leftBottom {
  cursor: sw-resize;
}
.cherry .cherry-previewer-img-size-handler .cherry-previewer-img-size-handler__points-rightBottom {
  cursor: nw-resize;
}
.cherry .cherry-previewer-img-size-handler .cherry-previewer-img-size-handler__points-middleTop {
  cursor: n-resize;
}
.cherry .cherry-previewer-img-size-handler .cherry-previewer-img-size-handler__points-middleBottom {
  cursor: n-resize;
}
.cherry .cherry-previewer-img-size-handler .cherry-previewer-img-size-handler__points-leftMiddle {
  cursor: e-resize;
}
.cherry .cherry-previewer-img-size-handler .cherry-previewer-img-size-handler__points-rightMiddle {
  cursor: e-resize;
}
.cherry .cherry-previewer-img-tool-handler {
  padding: var(--bubble-padding);
  display: flex;
  flex-direction: column;
}
.cherry .cherry-previewer-img-tool-handler .img-tool-group {
  display: flex;
  align-items: center;
  gap: 5px;
}
.cherry .cherry-previewer-img-tool-handler .img-tool-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--bubble-btn-height);
  height: var(--bubble-btn-height);
  min-width: var(--bubble-btn-height);
  min-height: var(--bubble-btn-height);
  color: var(--toolbar-btn-color);
  background: var(--toolbar-btn-bg);
  border-radius: var(--bubble-radius);
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  font-size: var(--font-size-md);
  transition: color 150ms, background-color 150ms, border-color 150ms;
  box-sizing: border-box;
}
.cherry .cherry-previewer-img-tool-handler .img-tool-button.active, .cherry .cherry-previewer-img-tool-handler .img-tool-button:hover {
  background-color: var(--toolbar-btn-hover-bg);
  color: var(--toolbar-btn-hover-color);
}
.cherry .cherry-previewer-img-tool-handler .img-tool-divider {
  width: 100%;
  margin: var(--border-width-4) 0;
  height: var(--border-width-1);
  border-bottom: var(--border-width-1) var(--base-border-color) dashed;
}
.cherry .cherry-previewer-img-tool-handler .img-tool-icon {
  font-size: 18px;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.cherry .cherry-previewer-table-content-handler .cherry-previewer-table-content-handler__input {
  position: absolute;
}
.cherry .cherry-previewer-table-content-handler .cherry-previewer-table-content-handler__input textarea {
  width: 100%;
  height: 100%;
  border: 0;
  box-sizing: border-box;
  resize: none;
  outline: 1px solid var(--primary-color);
  word-break: break-all;
}
.cherry .cherry-previewer-codeBlock-content-handler .cherry-previewer-codeBlock-content-handler__input {
  position: absolute;
}
.cherry .cherry-previewer-table-hover-handler {
  position: absolute;
  pointer-events: none;
  /* 插入行/列的触发符号 */
  /* 菜单按钮 */
}
.cherry .cherry-previewer-table-hover-handler-container, .cherry .cherry-previewer-table-hover-handler-menu-container {
  position: absolute;
  height: 100%;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style-type: none;
}
.cherry .cherry-previewer-table-hover-handler__symbol {
  pointer-events: auto;
  display: flex;
  justify-content: center;
  position: absolute;
  color: var(--md-table-operator-color);
  width: 12px;
  height: 12px;
  line-height: 12px;
  border: 1px solid rgba(53, 130, 251, 0);
  background-color: transparent;
  border-radius: 3px;
  cursor: pointer;
  transition: all 0.3s;
}
.cherry .cherry-previewer-table-hover-handler__symbol:hover {
  background-color: var(--secondary-color);
}
.cherry .cherry-previewer-table-hover-handler__menu {
  pointer-events: auto;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--md-table-operator-color);
  width: 25px;
  height: 14px;
  font-size: var(--font-size-xs);
  border: 1px solid var(--md-table-operator-color);
  border-radius: 999px;
  background-color: var(--base-previewer-bg);
  cursor: pointer;
  transition: all 0.3s;
  z-index: 1001;
}
.cherry .cherry-previewer-table-hover-handler__menu:hover {
  background-color: var(--md-table-operator-color);
  color: var(--oc-white);
}
.cherry .cherry-previewer-table-hover-handler__menu[data-type=right], .cherry .cherry-previewer-table-hover-handler__menu[data-type=left] {
  transform: rotate(90deg);
}
.cherry .cherry-previewer-table-hover-handler__menu .ch-icon {
  line-height: 1;
  vertical-align: baseline;
}
.cherry .table-highlight-border-reorder-left {
  border-left: 2px solid var(--md-table-drag-border-bg) !important;
}
.cherry .table-highlight-border-reorder-right {
  border-right: 2px solid var(--md-table-drag-border-bg) !important;
}
.cherry .table-highlight-border-reorder-top {
  border-top: 2px solid var(--md-table-drag-border-bg) !important;
}
.cherry .table-highlight-border-reorder-bottom {
  border-bottom: 2px solid var(--md-table-drag-border-bg) !important;
}
.cherry .table-highlight-col,
.cherry .table-highlight-row {
  background-color: var(--md-table-sort-active-bg) !important;
}
.cherry .cherry-previewer-table-boundary-trigger-line {
  position: absolute;
  pointer-events: none;
}
.cherry .cherry-previewer-table-boundary-trigger-line--v {
  top: 0;
  bottom: 0;
  width: 0;
  border-left: 2px solid var(--md-table-operator-color);
}
.cherry .cherry-previewer-table-boundary-trigger-line--h {
  left: 0;
  right: 0;
  height: 0;
  border-top: 2px solid var(--md-table-operator-color);
}
.cherry .cherry-previewer-table-menu-bubble {
  position: absolute;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: var(--bubble-btn-height);
  min-width: var(--bubble-btn-height);
  border: var(--border-width-1) solid var(--bubble-border);
  background-color: var(--bubble-bg);
  box-shadow: var(--bubble-shadow);
  border-radius: var(--bubble-radius);
  z-index: var(--bubble-z-index);
  padding: var(--spacing-xs);
  gap: 2px;
}
.cherry .cherry-previewer-table-menu-bubble.cherry-previewer-table-menu-bubble--hidden {
  display: none;
}
.cherry .cherry-previewer-table-menu-bubble.cherry-previewer-table-menu-bubble--horizontal {
  flex-direction: row;
}
.cherry .cherry-previewer-table-menu-bubble.cherry-previewer-table-menu-bubble--vertical {
  flex-direction: column;
}
.cherry .cherry-previewer-table-menu-bubble .cherry-previewer-table-menu-option {
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--bubble-btn-height);
  height: var(--bubble-btn-height);
  cursor: pointer;
  color: var(--base-font-color);
  font-size: var(--font-size-sm);
  transition: background-color 0.2s ease, color 0.2s ease;
  border-radius: calc(var(--bubble-radius) - 2px);
}
.cherry .cherry-previewer-table-menu-bubble .cherry-previewer-table-menu-option:hover {
  background-color: var(--toolbar-btn-hover-bg);
  color: var(--toolbar-btn-hover-color);
}
.cherry .cherry-previewer-table-menu-bubble .cherry-previewer-table-menu-option .ch-icon {
  font-size: var(--font-size-sm);
}
.cherry .border-highlight {
  --highlight-color: var(--oc-red-6);
  --highlight-width: 2px;
  transition: border-color 0.2s ease;
}
.cherry .border-highlight-top {
  border-top: var(--highlight-width) solid var(--highlight-color);
}
.cherry .border-highlight-bottom {
  border-bottom: var(--highlight-width) solid var(--highlight-color);
}
.cherry .border-highlight-left {
  border-left: var(--highlight-width) solid var(--highlight-color);
}
.cherry .border-highlight-right {
  border-right: var(--highlight-width) solid var(--highlight-color);
}
@keyframes changeBgColor {
  0% {
    background-color: rgba(255, 255, 204, 0.5333333333);
  }
  60% {
    background-color: rgba(255, 255, 204, 0.5333333333);
  }
  100% {
    background-color: rgba(255, 255, 204, 0);
  }
}
@keyframes changeHighlightLineBg {
  0% {
    background-color: var(--md-paragraph-highlight-line-bg);
  }
  60% {
    background-color: var(--md-paragraph-highlight-line-bg);
  }
  100% {
    background-color: var(--base-previewer-bg);
  }
}
.cherry .cherry-highlight-line {
  animation: changeHighlightLineBg 1s;
}

@media print {
  /* 仅在开启 cherry-export-only 时启用以下打印样式，避免常规打印影响页面 */
  html.cherry-export-only img,
  html.cherry-export-only figure,
  html.cherry-export-only pre,
  html.cherry-export-only table {
    page-break-inside: avoid;
  }
  html.cherry-export-only .cherry-previewer {
    width: 100% !important;
    max-height: none;
    border-left: none !important;
  }
  html.cherry-export-only .cherry-toolbar,
  html.cherry-export-only .cherry-sidebar,
  html.cherry-export-only .cherry-editor,
  html.cherry-export-only .cherry-drag {
    display: none !important;
  }
  html.cherry-export-only body > *:not(.cherry-export-wrapper):not([class*=cherry-export-wrapper]) {
    display: none !important;
  }
  html.cherry-export-only .cherry-export-wrapper,
  html.cherry-export-only [class*=cherry-export-wrapper] {
    margin: 0 !important;
    padding: 0 !important;
    box-shadow: none !important;
    border: none !important;
  }
}
.cherry-insert-formula-wrappler {
  width: 680px !important;
  height: 420px !important;
  padding: 0 !important;
  display: flex;
  position: fixed !important;
  box-sizing: border-box;
  overflow: hidden;
}
.cherry-insert-formula-wrappler ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.cherry-insert-formula-wrappler .cherry-formula-nav {
  width: 120px;
  flex-shrink: 0;
  padding: 8px;
  border-right: 1px solid var(--base-border-color);
  position: relative;
}
.cherry-insert-formula-wrappler .cherry-formula-nav .cherry-formula-main-tabs .cherry-formula-main-tab {
  padding: 10px 12px;
  border-radius: 6px;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  color: var(--base-font-color);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  transition: background-color 0.2s ease, color 0.2s ease;
}
.cherry-insert-formula-wrappler .cherry-formula-nav .cherry-formula-main-tabs .cherry-formula-main-tab:not(:last-child) {
  margin-bottom: 4px;
}
.cherry-insert-formula-wrappler .cherry-formula-nav .cherry-formula-main-tabs .cherry-formula-main-tab.active {
  background-color: var(--dropdown-item-active-bg);
  color: var(--dropdown-item-active-color);
}
.cherry-insert-formula-wrappler .cherry-formula-nav .cherry-formula-main-tabs .cherry-formula-main-tab:hover {
  background-color: var(--dropdown-item-hover-bg);
  color: var(--dropdown-item-hover-color);
}
.cherry-insert-formula-wrappler .cherry-formula-nav .cherry-insert-formula-more {
  position: absolute;
  bottom: 8px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 12px;
  color: var(--editor-comment-color);
  white-space: nowrap;
}
.cherry-insert-formula-wrappler .cherry-formula-nav .cherry-insert-formula-more a {
  color: var(--primary-color);
  text-decoration: none;
}
.cherry-insert-formula-wrappler .cherry-formula-nav .cherry-insert-formula-more a:hover {
  text-decoration: underline;
}
.cherry-insert-formula-wrappler .cherry-formula-content-wrapper {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  position: relative;
}
.cherry-insert-formula-wrappler .cherry-formula-content {
  display: none;
  flex-direction: column;
  height: 100%;
}
.cherry-insert-formula-wrappler .cherry-formula-content.active {
  display: flex;
}
.cherry-insert-formula-wrappler .cherry-formula-sub-nav {
  padding: 8px 12px;
  flex-shrink: 0;
}
.cherry-insert-formula-wrappler .cherry-formula-sub-nav .cherry-formula-sub-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.cherry-insert-formula-wrappler .cherry-formula-sub-nav .cherry-formula-sub-tabs .cherry-formula-sub-tab {
  padding: 6px 12px;
  border-radius: 16px;
  cursor: pointer;
  font-size: 13px;
  color: var(--base-font-color);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  transition: background-color 0.2s ease, color 0.2s ease;
}
.cherry-insert-formula-wrappler .cherry-formula-sub-nav .cherry-formula-sub-tabs .cherry-formula-sub-tab.active {
  background-color: var(--dropdown-item-active-bg);
  color: var(--dropdown-item-active-color);
}
.cherry-insert-formula-wrappler .cherry-formula-sub-nav .cherry-formula-sub-tabs .cherry-formula-sub-tab:hover {
  background-color: var(--dropdown-item-hover-bg);
  color: var(--dropdown-item-hover-color);
}
.cherry-insert-formula-wrappler .cherry-formula-grid-wrapper {
  flex-grow: 1;
  overflow-y: auto;
  padding: 16px;
}
.cherry-insert-formula-wrappler .cherry-formula-grid {
  display: none;
}
.cherry-insert-formula-wrappler .cherry-formula-grid.active {
  display: block;
}
.cherry-insert-formula-wrappler .cherry-formula-grid-group:not(:last-child) {
  margin-bottom: 20px;
}
.cherry-insert-formula-wrappler .cherry-formula-grid-group-title {
  font-size: 14px;
  font-weight: 600;
  color: var(--base-font-color);
  margin-bottom: 12px;
  padding-bottom: 8px;
  border-bottom: 1px solid var(--base-border-color);
}
.cherry-insert-formula-wrappler .cherry-formula-grid-items {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.cherry-insert-formula-wrappler .cherry-formula-item {
  display: flex;
  align-items: center;
  border: 1px solid var(--oc-gray-4);
  border-radius: 8px;
  cursor: pointer;
  transition: background-color 0.2s ease, border-color 0.2s ease;
  background-color: var(--base-editor-bg);
}
.cherry-insert-formula-wrappler .cherry-formula-item:hover {
  background-color: var(--dropdown-item-hover-bg);
  color: var(--dropdown-item-hover-color);
}
.cherry-insert-formula-wrappler .cherry-formula-item svg,
.cherry-insert-formula-wrappler .cherry-formula-item img {
  pointer-events: none;
}
.cherry-insert-formula-wrappler .cherry-formula-item-light {
  min-height: 32px;
  width: auto;
  padding: 0 12px;
  justify-content: center;
}
.cherry-insert-formula-wrappler .cherry-formula-item-light svg,
.cherry-insert-formula-wrappler .cherry-formula-item-light img {
  width: auto;
}
.cherry-insert-formula-wrappler .cherry-formula-item-large {
  width: 100%;
  height: auto;
  min-height: 48px;
  padding: 10px 12px;
  justify-content: center;
}
.cherry-insert-formula-wrappler .cherry-formula-item-large svg,
.cherry-insert-formula-wrappler .cherry-formula-item-large img {
  height: auto;
  width: auto;
  max-width: 100%;
}

.no-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.no-scrollbar::-webkit-scrollbar {
  display: none;
}

.formula-utils-bubble-container {
  width: 350px;
  height: 40px;
  background-color: #fff;
  position: fixed;
  left: 0;
  top: 0;
  display: none;
  z-index: 1000;
  box-sizing: border-box;
}
.formula-utils-bubble-container .formula-utils-btn {
  flex: 1;
  position: relative;
}
.formula-utils-bubble-container .formula-utils-btn > button {
  width: 100%;
  height: 100%;
  border: 1px solid #fff;
  background-color: #ebecf2;
  cursor: pointer;
  border-radius: 5px;
}
.formula-utils-bubble-container .formula-utils-btn > button:hover {
  background-color: #eee;
}
.formula-utils-bubble-container .formula-utils-btn > button:focus {
  outline: none;
}
.formula-utils-bubble-container .formula-utils-btn > button:active {
  background-color: #ddd;
}
.formula-utils-bubble-container .formula-utils-btn > button:hover + .formula-utils-submenu {
  display: block;
}
.formula-utils-bubble-container .formula-utils-btn .formula-utils-submenu {
  position: absolute;
  display: none;
  width: 100%;
  background-color: #fff;
  border: 1px solid #f8f9fa;
  left: 0;
  top: 100%;
  box-shadow: 0 0 5px #f8f9fa;
}
.formula-utils-bubble-container .formula-utils-btn .formula-utils-submenu:hover {
  display: block;
}
.formula-utils-bubble-container .formula-utils-btn .formula-utils-submenu div {
  width: 100%;
  height: 40px;
}
.formula-utils-bubble-container .formula-utils-btn .formula-utils-submenu div button {
  width: 100%;
  height: 100%;
  border: 1px solid #fff;
  background-color: #fff;
  cursor: pointer;
}
.formula-utils-bubble-container .formula-utils-btn .formula-utils-submenu div button:hover {
  background-color: #eee;
}
.formula-utils-bubble-container .formula-utils-btn .formula-utils-submenu div button:focus {
  outline: none;
}
.formula-utils-bubble-container .formula-utils-btn .formula-utils-submenu div button:active {
  background-color: #ddd;
}

.cherry {
  --shortcut-key-config-panel-bg: var(--dropdown-bg);
  --shortcut-key-config-panel-text-color: var(--dropdown-item-color);
  --shortcut-panel-padding-x: 15px;
  --shortcut-panel-padding-y: 10px;
  --shortcut-panel-font-size-xs: var(--font-size-xs);
  --shortcut-panel-border-radius: 4px;
  --shortcut-panel-transition: all 0.2s;
}
.cherry .cherry-shortcut-key-config-panel-wrapper {
  background-color: var(--shortcut-key-config-panel-bg);
  color: var(--shortcut-key-config-panel-text-color);
  width: 300px !important;
  height: 518px !important;
}
.cherry .cherry-shortcut-key-config-panel-wrapper .cherry-shortcut-key-config-panel-inner {
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.cherry .cherry-shortcut-key-config-panel-wrapper .cherry-shortcut-key-config-panel-inner .shortcut-tabs {
  display: flex;
  padding: 4px var(--shortcut-panel-padding-x);
  gap: 10px;
  margin-bottom: 6px;
}
.cherry .cherry-shortcut-key-config-panel-wrapper .cherry-shortcut-key-config-panel-inner .shortcut-tabs .shortcut-tab {
  flex: 1;
  padding: 6px 0 4px;
  border-radius: var(--shortcut-panel-border-radius);
  text-align: center;
  cursor: pointer;
  font-size: 12px;
  transition: var(--shortcut-panel-transition);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  background-color: var(--dropdown-item-hover-bg);
}
.cherry .cherry-shortcut-key-config-panel-wrapper .cherry-shortcut-key-config-panel-inner .shortcut-tabs .shortcut-tab:hover {
  background-color: var(--dropdown-item-hover-bg);
  color: var(--dropdown-item-hover-color);
}
.cherry .cherry-shortcut-key-config-panel-wrapper .cherry-shortcut-key-config-panel-inner .shortcut-tabs .shortcut-tab.active {
  color: var(--primary-color);
  background-color: var(--secondary-color);
}
.cherry .cherry-shortcut-key-config-panel-wrapper .cherry-shortcut-key-config-panel-inner .shortcut-panels {
  flex: 1;
  overflow: auto;
}
.cherry .cherry-shortcut-key-config-panel-wrapper .cherry-shortcut-key-config-panel-inner .shortcut-panels::-webkit-scrollbar {
  display: none;
}
.cherry .cherry-shortcut-key-config-panel-wrapper .cherry-shortcut-key-config-panel-inner .shortcut-panels .shortcut-panel {
  display: none;
}
.cherry .cherry-shortcut-key-config-panel-wrapper .cherry-shortcut-key-config-panel-inner .shortcut-panels .shortcut-panel.active {
  display: block;
}
.cherry .cherry-shortcut-key-config-panel-wrapper .cherry-shortcut-key-config-panel-inner .cherry-shortcut-key-config-panel-ul {
  list-style: none;
  padding: 0;
  margin: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.cherry .cherry-shortcut-key-config-panel-wrapper .cherry-shortcut-key-config-panel-inner .cherry-shortcut-key-config-panel-ul .cherry-dropdown-item,
.cherry .cherry-shortcut-key-config-panel-wrapper .cherry-shortcut-key-config-panel-inner .cherry-shortcut-key-config-panel-ul .shortcut-key-item {
  display: flex;
  align-items: center;
  height: auto;
  padding: 2px var(--shortcut-panel-padding-x);
  position: relative;
  color: var(--shortcut-key-config-panel-text-color);
  justify-content: flex-start;
}
.cherry .cherry-shortcut-key-config-panel-wrapper .cherry-shortcut-key-config-panel-inner .cherry-shortcut-key-config-panel-ul .cherry-dropdown-item.editing,
.cherry .cherry-shortcut-key-config-panel-wrapper .cherry-shortcut-key-config-panel-inner .cherry-shortcut-key-config-panel-ul .shortcut-key-item.editing {
  background-color: var(--dropdown-item-hover-bg);
}
.cherry .cherry-shortcut-key-config-panel-wrapper .cherry-shortcut-key-config-panel-inner .cherry-shortcut-key-config-panel-ul .cherry-dropdown-item.editing .shortcut-key-config-panel-kbd,
.cherry .cherry-shortcut-key-config-panel-wrapper .cherry-shortcut-key-config-panel-inner .cherry-shortcut-key-config-panel-ul .shortcut-key-item.editing .shortcut-key-config-panel-kbd {
  border: 1px dashed var(--primary-color);
  border-radius: var(--shortcut-panel-border-radius);
  padding: 2px 4px;
  background: var(--secondary-color);
  transform: translateX(0) !important;
}
.cherry .cherry-shortcut-key-config-panel-wrapper .cherry-shortcut-key-config-panel-inner .cherry-shortcut-key-config-panel-ul .cherry-dropdown-item.editing .edit-btn,
.cherry .cherry-shortcut-key-config-panel-wrapper .cherry-shortcut-key-config-panel-inner .cherry-shortcut-key-config-panel-ul .shortcut-key-item.editing .edit-btn {
  display: none;
}
.cherry .cherry-shortcut-key-config-panel-wrapper .cherry-shortcut-key-config-panel-inner .cherry-shortcut-key-config-panel-ul .cherry-dropdown-item.editing .edit-actions,
.cherry .cherry-shortcut-key-config-panel-wrapper .cherry-shortcut-key-config-panel-inner .cherry-shortcut-key-config-panel-ul .shortcut-key-item.editing .edit-actions {
  display: flex;
  align-items: center;
}
.cherry .cherry-shortcut-key-config-panel-wrapper .cherry-shortcut-key-config-panel-inner .cherry-shortcut-key-config-panel-ul .cherry-dropdown-item .shortcut-key-config-panel-name,
.cherry .cherry-shortcut-key-config-panel-wrapper .cherry-shortcut-key-config-panel-inner .cherry-shortcut-key-config-panel-ul .shortcut-key-item .shortcut-key-config-panel-name {
  max-width: 120px;
}
.cherry .cherry-shortcut-key-config-panel-wrapper .cherry-shortcut-key-config-panel-inner .cherry-shortcut-key-config-panel-ul .cherry-dropdown-item .shortcut-key-right,
.cherry .cherry-shortcut-key-config-panel-wrapper .cherry-shortcut-key-config-panel-inner .cherry-shortcut-key-config-panel-ul .cherry-dropdown-item .shortcut-key-right-static,
.cherry .cherry-shortcut-key-config-panel-wrapper .cherry-shortcut-key-config-panel-inner .cherry-shortcut-key-config-panel-ul .shortcut-key-item .shortcut-key-right,
.cherry .cherry-shortcut-key-config-panel-wrapper .cherry-shortcut-key-config-panel-inner .cherry-shortcut-key-config-panel-ul .shortcut-key-item .shortcut-key-right-static {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  flex: 1;
  justify-content: flex-end;
  position: relative;
  flex-direction: row;
}
.cherry .cherry-shortcut-key-config-panel-wrapper .cherry-shortcut-key-config-panel-inner .cherry-shortcut-key-config-panel-ul .cherry-dropdown-item .edit-btn,
.cherry .cherry-shortcut-key-config-panel-wrapper .cherry-shortcut-key-config-panel-inner .cherry-shortcut-key-config-panel-ul .shortcut-key-item .edit-btn {
  position: static;
  opacity: 0;
  visibility: hidden;
  transition: var(--shortcut-panel-transition);
  cursor: pointer;
  padding: 2px 4px;
  border-radius: var(--shortcut-panel-border-radius);
  color: var(--dropdown-item-hover-color);
}
.cherry .cherry-shortcut-key-config-panel-wrapper .cherry-shortcut-key-config-panel-inner .cherry-shortcut-key-config-panel-ul .cherry-dropdown-item .edit-btn:hover,
.cherry .cherry-shortcut-key-config-panel-wrapper .cherry-shortcut-key-config-panel-inner .cherry-shortcut-key-config-panel-ul .shortcut-key-item .edit-btn:hover {
  color: var(--primary-color);
}
.cherry .cherry-shortcut-key-config-panel-wrapper .cherry-shortcut-key-config-panel-inner .cherry-shortcut-key-config-panel-ul .cherry-dropdown-item .shortcut-key-config-panel-kbd,
.cherry .cherry-shortcut-key-config-panel-wrapper .cherry-shortcut-key-config-panel-inner .cherry-shortcut-key-config-panel-ul .shortcut-key-item .shortcut-key-config-panel-kbd {
  display: flex;
  align-items: center;
  gap: 2px;
  justify-content: right;
}
.cherry .cherry-shortcut-key-config-panel-wrapper .cherry-shortcut-key-config-panel-inner .cherry-shortcut-key-config-panel-ul .cherry-dropdown-item .shortcut-key-config-panel-kbd .keyboard-key,
.cherry .cherry-shortcut-key-config-panel-wrapper .cherry-shortcut-key-config-panel-inner .cherry-shortcut-key-config-panel-ul .shortcut-key-item .shortcut-key-config-panel-kbd .keyboard-key {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--shortcut-key-config-panel-bg);
  color: var(--shortcut-key-config-panel-text-color);
  border: 1px solid #ccc;
  border-bottom: 2px solid #b5b5b5;
  border-radius: 6px;
  font-size: 13px;
  margin: 0 2px;
  padding: 3px 5px;
  line-height: 16px;
  min-width: 16px;
  text-align: center;
}
.cherry .cherry-shortcut-key-config-panel-wrapper .cherry-shortcut-key-config-panel-inner .cherry-shortcut-key-config-panel-ul .cherry-dropdown-item .shortcut-key-config-panel-kbd .shortcut-split,
.cherry .cherry-shortcut-key-config-panel-wrapper .cherry-shortcut-key-config-panel-inner .cherry-shortcut-key-config-panel-ul .shortcut-key-item .shortcut-key-config-panel-kbd .shortcut-split {
  color: var(--oc-gray-6);
}
.cherry .cherry-shortcut-key-config-panel-wrapper .cherry-shortcut-key-config-panel-inner .cherry-shortcut-key-config-panel-ul .cherry-dropdown-item .edit-actions,
.cherry .cherry-shortcut-key-config-panel-wrapper .cherry-shortcut-key-config-panel-inner .cherry-shortcut-key-config-panel-ul .shortcut-key-item .edit-actions {
  margin-right: 4px;
  display: none;
  gap: 4px;
}
.cherry .cherry-shortcut-key-config-panel-wrapper .cherry-shortcut-key-config-panel-inner .cherry-shortcut-key-config-panel-ul .cherry-dropdown-item .edit-actions .action-btn,
.cherry .cherry-shortcut-key-config-panel-wrapper .cherry-shortcut-key-config-panel-inner .cherry-shortcut-key-config-panel-ul .shortcut-key-item .edit-actions .action-btn {
  padding: 4px 6px 0;
  border-radius: var(--shortcut-panel-border-radius);
  cursor: pointer;
  transition: var(--shortcut-panel-transition);
  font-size: 12px;
  text-align: center;
}
.cherry .cherry-shortcut-key-config-panel-wrapper .cherry-shortcut-key-config-panel-inner .cherry-shortcut-key-config-panel-ul .cherry-dropdown-item .edit-actions .action-btn .ch-icon,
.cherry .cherry-shortcut-key-config-panel-wrapper .cherry-shortcut-key-config-panel-inner .cherry-shortcut-key-config-panel-ul .shortcut-key-item .edit-actions .action-btn .ch-icon {
  margin-right: 0;
}
.cherry .cherry-shortcut-key-config-panel-wrapper .cherry-shortcut-key-config-panel-inner .cherry-shortcut-key-config-panel-ul .cherry-dropdown-item .edit-actions .action-btn.save,
.cherry .cherry-shortcut-key-config-panel-wrapper .cherry-shortcut-key-config-panel-inner .cherry-shortcut-key-config-panel-ul .shortcut-key-item .edit-actions .action-btn.save {
  color: var(--color-success);
}
.cherry .cherry-shortcut-key-config-panel-wrapper .cherry-shortcut-key-config-panel-inner .cherry-shortcut-key-config-panel-ul .cherry-dropdown-item .edit-actions .action-btn.save:hover,
.cherry .cherry-shortcut-key-config-panel-wrapper .cherry-shortcut-key-config-panel-inner .cherry-shortcut-key-config-panel-ul .shortcut-key-item .edit-actions .action-btn.save:hover {
  background: var(--oc-lime-0);
}
.cherry .cherry-shortcut-key-config-panel-wrapper .cherry-shortcut-key-config-panel-inner .cherry-shortcut-key-config-panel-ul .cherry-dropdown-item .edit-actions .action-btn.cancel,
.cherry .cherry-shortcut-key-config-panel-wrapper .cherry-shortcut-key-config-panel-inner .cherry-shortcut-key-config-panel-ul .shortcut-key-item .edit-actions .action-btn.cancel {
  color: var(--color-error);
}
.cherry .cherry-shortcut-key-config-panel-wrapper .cherry-shortcut-key-config-panel-inner .cherry-shortcut-key-config-panel-ul .cherry-dropdown-item .edit-actions .action-btn.cancel:hover,
.cherry .cherry-shortcut-key-config-panel-wrapper .cherry-shortcut-key-config-panel-inner .cherry-shortcut-key-config-panel-ul .shortcut-key-item .edit-actions .action-btn.cancel:hover {
  background: var(--oc-red-2);
}
.cherry .cherry-shortcut-key-config-panel-wrapper .cherry-shortcut-key-config-panel-inner .cherry-shortcut-key-config-panel-ul .cherry-dropdown-item:hover,
.cherry .cherry-shortcut-key-config-panel-wrapper .cherry-shortcut-key-config-panel-inner .cherry-shortcut-key-config-panel-ul .shortcut-key-item:hover {
  color: var(--dropdown-item-hover-color);
}
.cherry .cherry-shortcut-key-config-panel-wrapper .cherry-shortcut-key-config-panel-inner .cherry-shortcut-key-config-panel-ul .cherry-dropdown-item:hover .edit-btn,
.cherry .cherry-shortcut-key-config-panel-wrapper .cherry-shortcut-key-config-panel-inner .cherry-shortcut-key-config-panel-ul .shortcut-key-item:hover .edit-btn {
  opacity: 1;
  visibility: visible;
}
.cherry .cherry-shortcut-key-config-panel-wrapper .shortcut-panel-tips {
  font-size: var(--shortcut-panel-font-size-xs);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  color: var(--shortcut-key-config-panel-text-color);
  text-align: center;
  padding: 8px var(--shortcut-panel-padding-x) 4px;
}
.cherry .cherry-shortcut-key-config-panel-wrapper .shortcut-panel-settings {
  padding: var(--shortcut-panel-padding-y) var(--shortcut-panel-padding-x);
  font-size: var(--shortcut-panel-font-size-xs);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  color: var(--shortcut-key-config-panel-text-color);
  cursor: pointer;
  justify-content: space-between;
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  box-shadow: var(--accordion-shadow);
  margin-bottom: 5px;
}
.cherry .cherry-shortcut-key-config-panel-wrapper .shortcut-panel-settings .shortcut-settings-btn {
  height: auto;
  line-height: 1.2em;
  text-wrap: nowrap;
}
.cherry .cherry-shortcut-key-config-panel-wrapper .shortcut-panel-settings .shortcut-settings-btn:hover {
  color: var(--primary-color);
}
.cherry .cherry-shortcut-key-config-panel-wrapper .shortcut-panel-settings .j-shortcut-settings-disable-btn:hover {
  color: var(--color-error);
}
.cherry .cherry-shortcut-key-config-panel-wrapper.disable .cherry-shortcut-key-config-panel-ul {
  opacity: 0.3;
}
.cherry .cherry-shortcut-key-config-panel-wrapper.disable .cherry-shortcut-key-config-panel-ul .cherry-dropdown-item,
.cherry .cherry-shortcut-key-config-panel-wrapper.disable .cherry-shortcut-key-config-panel-ul .shortcut-key-item {
  cursor: default;
  pointer-events: none;
}
.cherry .cherry-shortcut-key-config-panel-wrapper.disable .cherry-shortcut-key-config-panel-ul .cherry-dropdown-item:hover,
.cherry .cherry-shortcut-key-config-panel-wrapper.disable .cherry-shortcut-key-config-panel-ul .shortcut-key-item:hover {
  color: inherit;
  background-color: transparent;
}
.cherry .cherry-shortcut-key-config-panel-wrapper.disable .cherry-shortcut-key-config-panel-ul .cherry-dropdown-item:hover .shortcut-key-config-panel-kbd,
.cherry .cherry-shortcut-key-config-panel-wrapper.disable .cherry-shortcut-key-config-panel-ul .shortcut-key-item:hover .shortcut-key-config-panel-kbd {
  transform: translateX(0);
}
.cherry .cherry-shortcut-key-config-panel-wrapper.disable .cherry-shortcut-key-config-panel-ul .cherry-dropdown-item:hover .edit-btn,
.cherry .cherry-shortcut-key-config-panel-wrapper.disable .cherry-shortcut-key-config-panel-ul .shortcut-key-item:hover .edit-btn {
  opacity: 0;
  visibility: hidden;
}
.cherry .cherry-shortcut-key-config-panel-wrapper.disable .j-shortcut-settings-disable-btn {
  color: var(--color-error);
}

.cherry .cm-editor .cm-cursor {
  border-left: 2px solid var(--editor-cursor-color);
}
.cherry .cm-editor.cm-focused .cm-cursor {
  border-left-color: var(--editor-cursor-color);
}
.cherry .cm-editor .cm-gutter {
  border-right: 1px solid var(--base-border-color);
  background-color: var(--base-editor-bg);
}
.cherry .cm-editor .cm-lineNumbers {
  color: var(--editor-line-number-color);
  padding: 0 8px 0 4px;
  font-family: var(--font-family-mono);
  font-size: 0.9em;
}
.cherry .cm-editor .cm-activeLineGutter {
  background-color: var(--editor-active-line-bg);
}
.cherry .cm-editor .cm-searching {
  background-color: var(--searching-highlight-color, rgba(252, 195, 25, 0.5));
}

.cherry {
  display: flex;
  flex-flow: row wrap;
  align-items: stretch;
  align-content: flex-start;
  height: 100%;
  min-height: 60px;
  position: relative;
}
.cherry .cherry-editor,
.cherry .cherry-previewer {
  max-height: calc(100% - var(--height-toolbar));
  min-height: calc(100% - var(--height-toolbar));
}
.cherry .cm-editor.cm-focused {
  outline: none !important;
}
.cherry .cm-editor {
  width: 100%;
  height: 100%;
  font-family: var(--font-family-sans);
  font-size: var(--font-size-md);
  line-height: var(--md-paragraph-line-height);
}
.cherry .cm-editor .cm-scroller {
  font-family: inherit;
  line-height: inherit;
}
.cherry .cm-editor .cm-content {
  width: 100%;
  padding: 15px 34px;
  word-break: break-all;
  white-space: pre-wrap;
  box-sizing: border-box;
  font-family: inherit;
}
.cherry .cm-editor .cm-line {
  font-family: inherit;
}
.cherry .cm-editor .cm-line.cm-activeLine {
  background-color: var(--editor-active-line-bg);
}
.cherry .cm-editor .cm-selectionLayer .cm-selectionBackground {
  background-color: var(--editor-selection-bg) !important;
}
.cherry .cm-editor.cm-focused .cm-selectionBackground {
  background-color: var(--editor-selection-bg) !important;
}
.cherry .cm-editor .cm-selectionBackground {
  background-color: var(--editor-selection-bg) !important;
}
.cherry.cherry--no-toolbar .cherry-toolbar,
.cherry.cherry--no-toolbar .cherry-sidebar {
  height: 0;
  display: none;
}
.cherry.cherry--no-toolbar .cherry-editor,
.cherry.cherry--no-toolbar .cherry-previewer {
  max-height: 100%;
  min-height: 100%;
}

.cherry {
  font-family: var(--font-family-sans);
  font-size: var(--font-size-md);
  line-height: var(--md-paragraph-line-height);
  color: var(--base-font-color);
  background: var(--base-editor-bg);
  box-shadow: var(--shadow-md);
}
.cherry .ch-icon {
  vertical-align: middle;
}
.cherry .clearfix {
  zoom: 1;
}
.cherry .clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  overflow: hidden;
  font-size: 0;
}
.cherry.fullscreen {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99;
}
.cherry .no-select {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.cherry .cherry-insert-table-menu {
  display: block;
  position: fixed;
  top: 40px;
  left: 40px;
  border-collapse: separate;
  box-shadow: var(--shadow-md);
  padding: 4px;
  border-radius: var(--radius-md);
  width: auto;
  height: auto;
}
.cherry .cherry-insert-table-menu-item {
  padding: 7px;
  border: 1px solid var(--base-border-color);
}
.cherry .cherry-insert-table-menu-item.active {
  background-color: var(--toolbar-btn-hover-bg);
}

.cherry-dropdown {
  position: absolute;
  width: 130px;
  min-height: 40px;
  background: var(--dropdown-bg);
  border: 1px solid var(--dropdown-border);
  box-shadow: var(--dropdown-shadow);
  padding: var(--dropdown-padding);
  border-radius: var(--dropdown-radius);
  margin-left: -60px;
  z-index: 13;
}
.cherry-dropdown-item {
  width: calc(100% - 8px);
  padding: var(--dropdown-item-padding);
  text-align: left;
  display: block;
  min-height: var(--dropdown-item-height);
  line-height: var(--line-height-relaxed);
  font-size: var(--font-size-sm);
  font-style: normal;
  cursor: pointer;
  box-sizing: border-box;
  color: var(--dropdown-item-color);
  background: var(--dropdown-bg);
  border-radius: var(--dropdown-item-radius);
  margin: 2px 4px;
  transition: color 150ms ease, background-color 150ms ease, border-color 150ms ease;
}
.cherry-dropdown-item:hover {
  background: var(--dropdown-item-hover-bg);
  color: var(--dropdown-item-hover-color);
}
.cherry-dropdown-item__selected {
  background: var(--dropdown-item-active-bg);
  color: var(--dropdown-item-active-color);
}
.cherry-dropdown-item .ch-icon {
  margin-right: 8px;
  vertical-align: middle;
}
.cherry-dropdown-separator {
  height: 1px;
  background-color: var(--oc-gray-3);
  margin: var(--spacing-xs) var(--spacing-sm);
  opacity: 0.6;
}

.cherry-toolbar {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--toolbar-padding);
  font-size: var(--toolbar-font-size);
  line-height: 2.8;
  min-height: var(--height-toolbar);
  flex-basis: 100%;
  box-sizing: border-box;
  z-index: 2;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  box-shadow: var(--toolbar-shadow);
  background: var(--toolbar-bg);
  border-radius: var(--toolbar-radius);
  overflow: hidden;
}
.cherry-toolbar .icon-loading.loading {
  display: inline-block;
}
.cherry-toolbar .icon-loading.loading:after {
  content: " ";
  display: block;
  width: var(--spacing-sm);
  height: var(--spacing-sm);
  margin-left: 2px;
  margin-top: -2px;
  border-radius: 50%;
  border: 2px solid var(--toolbar-btn-color);
  border-color: var(--toolbar-btn-color) transparent var(--toolbar-btn-color) transparent;
  animation: loading 1.2s linear infinite;
}
.cherry-toolbar .icon-loading.success {
  display: inline-block;
}
.cherry-toolbar .icon-loading.success:after {
  content: "\ea46";
  display: inline-block;
  font-family: "ch-icon" !important;
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 16px;
  color: var(--primary-color);
  margin-left: 2px;
  margin-top: -2px;
}
.cherry-toolbar .toolbar-left,
.cherry-toolbar .toolbar-right {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  flex: 1;
}
.cherry-toolbar .toolbar-left {
  margin-right: var(--toolbar-padding);
}
.cherry-toolbar .toolbar-right {
  flex: 0 1 auto;
  flex-direction: row-reverse;
  margin-left: calc(var(--toolbar-padding) / 2);
  box-sizing: border-box;
  min-height: 0;
}
.cherry-toolbar.preview-only .cherry-toolbar-button {
  display: none;
}
.cherry-toolbar.preview-only .cherry-toolbar-switchPreview {
  display: inline;
}
.cherry-toolbar-button {
  float: left;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: var(--toolbar-btn-height);
  padding: var(--toolbar-btn-padding);
  color: var(--toolbar-btn-color);
  background: var(--toolbar-btn-bg);
  border-radius: var(--toolbar-btn-radius);
  transition: color 150ms ease, background-color 150ms ease, border-color 150ms ease;
  cursor: pointer;
  font-style: normal;
}
.cherry-toolbar-button:hover {
  color: var(--toolbar-btn-hover-color);
  background: var(--toolbar-btn-hover-bg);
}
.cherry-toolbar-button.cherry-toolbar-split {
  font-size: 0;
  height: 19px;
  padding: 0 !important;
  margin: 0px 4px;
  border: 1px solid transparent;
  border-left: 1px solid var(--toolbar-split-color);
  pointer-events: none;
  overflow: hidden;
  opacity: 0.5;
}
.cherry-toolbar-button.disabled {
  color: var(--toolbar-btn-disabled);
}
.cherry-toolbar .cherry-toolbar,
.cherry-toolbar .cherry-floatmenu,
.cherry-toolbar .cherry-bubble,
.cherry-toolbar .cherry .cherry-previewer-img-tool-handler,
.cherry .cherry-toolbar .cherry-previewer-img-tool-handler,
.cherry-toolbar .cherry-sidebar {
  background: var(--toolbar-bg);
  border-color: var(--toolbar-border);
}
.cherry-toolbar .cherry-toolbar .cherry-toolbar-button,
.cherry-toolbar .cherry-floatmenu .cherry-toolbar-button,
.cherry-toolbar .cherry-bubble .cherry-toolbar-button,
.cherry-toolbar .cherry .cherry-previewer-img-tool-handler .cherry-toolbar-button,
.cherry .cherry-toolbar .cherry-previewer-img-tool-handler .cherry-toolbar-button,
.cherry-toolbar .cherry-sidebar .cherry-toolbar-button {
  color: var(--toolbar-btn-color);
}
.cherry-toolbar .cherry-toolbar .cherry-toolbar-button i,
.cherry-toolbar .cherry-floatmenu .cherry-toolbar-button i,
.cherry-toolbar .cherry-bubble .cherry-toolbar-button i,
.cherry-toolbar .cherry .cherry-previewer-img-tool-handler .cherry-toolbar-button i,
.cherry .cherry-toolbar .cherry-previewer-img-tool-handler .cherry-toolbar-button i,
.cherry-toolbar .cherry-sidebar .cherry-toolbar-button i {
  color: var(--toolbar-btn-color);
}
.cherry-toolbar .cherry-toolbar .cherry-toolbar-button:hover,
.cherry-toolbar .cherry-floatmenu .cherry-toolbar-button:hover,
.cherry-toolbar .cherry-bubble .cherry-toolbar-button:hover,
.cherry-toolbar .cherry .cherry-previewer-img-tool-handler .cherry-toolbar-button:hover,
.cherry .cherry-toolbar .cherry-previewer-img-tool-handler .cherry-toolbar-button:hover,
.cherry-toolbar .cherry-sidebar .cherry-toolbar-button:hover {
  background-color: var(--toolbar-btn-hover-bg);
  color: var(--toolbar-btn-hover-color) !important;
  border-color: var(--toolbar-border);
}
.cherry-toolbar .cherry-toolbar .cherry-toolbar-button:hover i,
.cherry-toolbar .cherry-floatmenu .cherry-toolbar-button:hover i,
.cherry-toolbar .cherry-bubble .cherry-toolbar-button:hover i,
.cherry-toolbar .cherry .cherry-previewer-img-tool-handler .cherry-toolbar-button:hover i,
.cherry .cherry-toolbar .cherry-previewer-img-tool-handler .cherry-toolbar-button:hover i,
.cherry-toolbar .cherry-sidebar .cherry-toolbar-button:hover i {
  color: var(--toolbar-btn-hover-color) !important;
}

.cherry {
  --ace-search-bg: var(--dropdown-bg);
  --ace-search-text-color: var(--toolbar-btn-color);
}
.cherry.theme__default {
  --ace-search-bg: var(--oc-white);
  --ace-search-text-color: var(--base-font-color);
}
.cherry .ace_search {
  background: var(--ace-search-bg);
  color: var(--ace-search-text-color);
  border: var(--border-width-1) solid var(--dropdown-border);
  border-radius: var(--radius-2xl);
  max-width: 340px;
  overflow: hidden;
  box-shadow: var(--dropdown-shadow);
  padding: var(--spacing-sm);
  position: absolute;
  top: var(--spacing-lg);
  z-index: 99;
  white-space: normal;
  font-size: 13px;
  display: flex;
  flex-direction: column;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.cherry .ace_search.left {
  left: var(--spacing-lg);
}
.cherry .ace_search.right {
  right: var(--spacing-lg);
}
.cherry .ace_search .ace_search_form,
.cherry .ace_search .ace_replace_form {
  border-radius: var(--radius-lg);
  padding: var(--spacing-xs);
  border: 1.5px solid var(--oc-gray-3);
  margin-bottom: var(--spacing-sm);
  overflow: hidden;
  margin-right: var(--spacing-2xl);
  display: flex;
  align-items: center;
}
.cherry .ace_search .ace_search_form:focus-within,
.cherry .ace_search .ace_replace_form:focus-within {
  border-color: var(--primary-color);
  box-shadow: 0 0 0 3px var(--secondary-color);
}
.cherry .ace_search .ace_search_form.ace_nomatch,
.cherry .ace_search .ace_replace_form.ace_nomatch {
  border-color: var(--color-error);
  box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.1);
}
.cherry .ace_search .ace_search_field {
  background: transparent;
  color: var(--ace-search-text-color);
  border: none;
  box-sizing: border-box;
  height: 22px;
  outline: 0;
  padding: var(--spacing-md) var(--spacing-sm);
  width: 238px;
}
.cherry .ace_search .ace_search_field::-moz-placeholder {
  color: var(--oc-gray-5);
}
.cherry .ace_search .ace_search_field::placeholder {
  color: var(--oc-gray-5);
}
.cherry .ace_search .ace_searchbtn,
.cherry .ace_search .ace_replacebtn {
  background: var(--ace-search-bg);
  color: var(--ace-search-text-color);
  border: 0 none;
  border-left: 1px solid var(--oc-gray-3);
  cursor: pointer;
  height: 24px;
  width: 26px;
  padding: 0 var(--spacing-xs);
  margin: 0;
  position: relative;
  transition: all 0.15s ease;
}
.cherry .ace_search .ace_searchbtn:hover,
.cherry .ace_search .ace_replacebtn:hover {
  background: var(--oc-gray-3);
  color: var(--oc-gray-8);
}
.cherry .ace_search .ace_searchbtn:last-child,
.cherry .ace_search .ace_replacebtn:last-child {
  border-top-right-radius: var(--radius-md);
  border-bottom-right-radius: var(--radius-md);
}
.cherry .ace_search .ace_searchbtn:disabled {
  background: none;
  cursor: default;
}
.cherry .ace_search .ace_searchbtn_close {
  position: absolute;
  top: var(--spacing-sm);
  right: var(--spacing-sm);
  background: none;
  border: none;
  color: var(--ace-search-text-color);
  cursor: pointer;
  padding: var(--spacing-xs);
  border-radius: var(--radius-lg);
  transition: all 0.15s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cherry .ace_search .ace_searchbtn_close:hover {
  background: var(--oc-gray-3);
  color: var(--oc-gray-8);
  transform: scale(1.1);
}
.cherry .ace_search .ace_button {
  display: block;
  border: 1px solid var(--oc-gray-3);
  color: var(--ace-search-text-color);
  cursor: pointer;
  font-weight: var(--font-weight-semibold);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  overflow: hidden;
  opacity: var(--opacity-75);
  box-sizing: border-box;
  width: var(--spacing-xl);
  height: var(--spacing-xl);
  line-height: var(--spacing-xl);
  border-radius: var(--radius-lg);
  text-align: center;
  transition: all 0.15s ease;
}
.cherry .ace_search .ace_button:hover {
  background: var(--oc-gray-3);
  color: var(--oc-gray-8);
  transform: translateY(-1px);
  opacity: var(--opacity-100);
}
.cherry .ace_search .ace_button.checked {
  border-color: var(--primary-color);
  background-color: var(--secondary-color);
  color: var(--ace-search-text-color);
  opacity: var(--opacity-100);
}
.cherry .ace_search .ace_search_options {
  clear: both;
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align: right;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.cherry .ace_search .ace_search_counter {
  line-height: var(--spacing-xl);
  padding: 0 var(--spacing-sm);
}
.cherry .ace_search button svg,
.cherry .ace_search path {
  pointer-events: none;
}

.cherry {
  --searching-highlight-color: rgba(252, 195, 25, 0.5);
}
.cherry.theme__dark {
  --searching-highlight-color: rgba(77, 171, 247, 0.4);
}
.cherry .cm-searching {
  background-color: var(--searching-highlight-color);
}

.cherry-sidebar {
  width: 30px;
  position: absolute;
  top: var(--height-toolbar);
  padding-top: var(--spacing-xs);
  right: 10px;
  z-index: 11;
  bottom: 0;
  overflow: hidden;
}
.cherry-sidebar .cherry-sidebar-list {
  display: flex;
  flex-direction: column;
  align-items: center;
  box-sizing: border-box;
}
.cherry-sidebar .cherry-toolbar-button {
  height: 30px;
  width: 30px;
  padding: 0px;
  color: var(--toolbar-btn-color);
  background: var(--toolbar-btn-bg);
  border-radius: var(--toolbar-btn-radius);
  transition: color 150ms ease, background-color 150ms ease, border-color 150ms ease;
}
.cherry-sidebar .cherry-toolbar-button:hover {
  background: var(--toolbar-btn-hover-bg);
  color: var(--toolbar-btn-hover-color);
}
.cherry-sidebar .cherry-toolbar-button .icon-loading.loading {
  display: inline-block;
}
.cherry-sidebar .cherry-toolbar-button .icon-loading.loading:after {
  content: " ";
  display: block;
  width: 8px;
  height: 8px;
  margin-left: 2px;
  margin-top: -2px;
  border-radius: 50%;
  border: 2px solid;
  border-color: var(--toolbar-btn-color) transparent;
  animation: loading 1.2s linear infinite;
}
@keyframes loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.cherry-bubble, .cherry .cherry-previewer-img-tool-handler {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  font-size: var(--font-size-sm);
  min-height: var(--bubble-btn-height);
  min-width: 50px;
  border: var(--border-width-1) solid var(--bubble-border);
  background-color: var(--bubble-bg);
  box-shadow: var(--bubble-shadow);
  border-radius: var(--bubble-radius);
  z-index: var(--bubble-z-index);
  padding: var(--spacing-xs);
}
.cherry-bubble.cherry-bubble--centered, .cherry .cherry-bubble--centered.cherry-previewer-img-tool-handler {
  left: 50%;
  transform: translateX(-50%);
}
.cherry-bubble .cherry-bubble-top, .cherry .cherry-previewer-img-tool-handler .cherry-bubble-top,
.cherry-bubble .cherry-bubble-bottom,
.cherry .cherry-previewer-img-tool-handler .cherry-bubble-bottom {
  position: absolute;
  left: 50%;
  width: 12px;
  height: 12px;
  margin-left: -6px;
  background: var(--bubble-bg);
  box-sizing: border-box;
  z-index: calc(var(--bubble-z-index) + 1);
  pointer-events: none;
}
.cherry-bubble .cherry-bubble-top, .cherry .cherry-previewer-img-tool-handler .cherry-bubble-top {
  top: 0;
  transform: translateY(-50%) rotate(45deg);
  border-top: var(--border-width-1) solid var(--bubble-border);
  border-left: var(--border-width-1) solid var(--bubble-border);
  border-right: var(--border-width-1) solid transparent;
  border-bottom: var(--border-width-1) solid transparent;
}
.cherry-bubble .cherry-bubble-bottom, .cherry .cherry-previewer-img-tool-handler .cherry-bubble-bottom {
  bottom: 0;
  transform: translateY(50%) rotate(45deg);
  border-bottom: var(--border-width-1) solid var(--bubble-border);
  border-right: var(--border-width-1) solid var(--bubble-border);
  border-top: var(--border-width-1) solid transparent;
  border-left: var(--border-width-1) solid transparent;
}
.cherry-bubble .cherry-toolbar-button, .cherry .cherry-previewer-img-tool-handler .cherry-toolbar-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: var(--bubble-btn-height);
  color: var(--toolbar-btn-color);
  background: var(--toolbar-btn-bg);
  padding: var(--bubble-padding);
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  z-index: calc(var(--bubble-z-index) + 2);
}
.cherry-bubble .cherry-toolbar-button:hover, .cherry .cherry-previewer-img-tool-handler .cherry-toolbar-button:hover {
  border-color: var(--toolbar-border);
  background-color: var(--toolbar-btn-hover-bg);
  color: var(--toolbar-btn-hover-color);
}
.cherry-bubble .cherry-toolbar-button.cherry-toolbar-split, .cherry .cherry-previewer-img-tool-handler .cherry-toolbar-button.cherry-toolbar-split {
  height: 65%;
  min-height: calc(0.65 * var(--bubble-btn-height));
}

.cherry-switch-paste {
  display: flex;
  align-items: center;
  justify-content: center;
}
.cherry-switch-paste .cherry-toolbar-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 80px;
  text-align: center;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  color: var(--toolbar-btn-color);
  background: var(--toolbar-btn-bg);
  border-radius: var(--dropdown-radius);
  border: none;
  transition: background-color 0.2s;
}
.cherry-switch-paste .cherry-toolbar-button:hover {
  background-color: var(--dropdown-item-hover-bg);
  color: var(--dropdown-item-hover-color);
}
.cherry-switch-paste .cherry-toolbar-button.active {
  background-color: var(--dropdown-item-active-bg);
  color: var(--dropdown-item-active-color);
}

.cherry-floatmenu {
  z-index: 4;
  display: none;
  position: absolute;
  left: 30px;
  margin-left: 60px;
  height: var(--line-height-relaxed);
  line-height: var(--line-height-relaxed);
  border-radius: var(--radius-md);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.cherry-floatmenu .cherry-toolbar-button {
  float: left;
  padding: 0 var(--spacing-sm);
  margin: 0;
  height: var(--line-height-relaxed);
  line-height: var(--line-height-relaxed);
  font-size: var(--toolbar-font-size);
  color: var(--toolbar-btn-color);
  background: var(--toolbar-btn-bg);
  border-radius: var(--radius-xs);
  overflow: hidden;
  vertical-align: middle;
  text-align: center;
  border: 0;
  cursor: pointer;
  font-style: normal;
  transition: color 150ms ease, background-color 150ms ease, border-color 150ms ease;
}
.cherry-floatmenu .cherry-toolbar-button.cherry-toolbar-split {
  border-left: 1px solid var(--toolbar-split-color);
  width: 0;
  padding: 0;
  overflow: hidden;
  height: 25px;
}
.cherry-floatmenu .cherry-toolbar-button .ch-icon {
  color: var(--toolbar-btn-color);
  font-size: var(--font-size-xs);
}
.cherry-floatmenu .cherry-toolbar-button:hover {
  background: var(--toolbar-btn-hover-bg);
  color: var(--toolbar-btn-hover-color);
}
.cherry-floatmenu .cherry-toolbar-button:hover .ch-icon {
  color: var(--toolbar-btn-hover-color);
}

#cherry-text {
  display: none !important;
}

.cherry-editor {
  position: relative;
  padding-top: 5px;
  padding-right: 5px;
  width: 50%;
  box-sizing: border-box;
  overflow: hidden;
  background-color: var(--base-editor-bg);
  z-index: 1;
}
.cherry-editor.cherry-editor--full {
  width: 100%;
  padding-right: 0;
}
.cherry-editor.cherry-editor--hidden {
  display: none;
}
.cherry-editor-writing-style--focus::before {
  content: "";
  display: block;
  width: 100%;
  position: absolute;
  top: 0;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.0235294118), rgba(0, 0, 0, 0.2));
  pointer-events: none;
  z-index: 11;
}
.cherry-editor-writing-style--focus::after {
  content: "";
  display: block;
  width: 100%;
  position: absolute;
  bottom: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.0235294118), rgba(0, 0, 0, 0.2));
  pointer-events: none;
  z-index: 11;
}
.cherry-editor-writing-style--typewriter .cm-lineWrapping {
  position: relative;
}
.cherry-editor-writing-style--typewriter .cm-lineWrapping::before {
  content: "";
  display: block;
}
.cherry-editor-writing-style--typewriter .cm-lineWrapping::after {
  content: "";
  display: block;
}
.cherry-editor .cm-editor {
  font-family: var(--font-family-sans);
  background-color: var(--base-editor-bg);
  color: var(--base-font-color);
}
.cherry-editor .cm-editor textarea {
  font-size: var(--md-paragraph-line-height);
}
.cherry-editor .cm-editor .cm-scroller span,
.cherry-editor .cm-editor .cm-scroller .cm-variable-2,
.cherry-editor .cm-editor .cm-scroller .cm-string,
.cherry-editor .cm-editor .cm-scroller .cm-strong,
.cherry-editor .cm-editor .cm-scroller .cm-em,
.cherry-editor .cm-editor .cm-scroller .cm-meta {
  color: var(--base-font-color);
}
.cherry-editor .cm-editor .cm-scroller .cm-image-marker,
.cherry-editor .cm-editor .cm-scroller .cm-quote,
.cherry-editor .cm-editor .cm-scroller .cm-header,
.cherry-editor .cm-editor .cm-scroller .cm-atom {
  color: var(--editor-header-color);
}
.cherry-editor .cm-editor .cm-scroller .cm-url {
  color: var(--editor-url-color);
}
.cherry-editor .cm-editor .cm-scroller .cm-comment,
.cherry-editor .cm-editor .cm-scroller .cm-url {
  color: var(--editor-comment-color);
}
.cherry-editor .cm-editor .cm-lineWrapping {
  padding: 15px 34px;
}
.cherry-editor .cm-editor .cm-lineWrapping .long-text,
.cherry-editor .cm-editor .cm-lineWrapping .drawio,
.cherry-editor .cm-editor .cm-lineWrapping .base64,
.cherry-editor .cm-editor .cm-lineWrapping .url-truncated {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 80px;
  white-space: nowrap;
  vertical-align: bottom;
  color: darkmagenta !important;
  font-size: var(--font-size-xs) !important;
}
.cherry-editor .cm-editor .cm-lineWrapping .url-truncated {
  max-width: 200px;
}
.cherry-editor .cm-editor .cm-lineWrapping .cm-invalidchar[title=\\u200b] {
  display: none;
}
.cherry-editor .cm-editor .cm-header {
  color: var(--editor-header-color);
}
.cherry-editor .cm-editor .cm-header.cm-meta {
  opacity: 0.5;
}
.cherry-editor .cm-editor .cm-header.cm-header-1 {
  font-size: 2em;
}
.cherry-editor .cm-editor .cm-header.cm-header-2 {
  font-size: 1.5em;
}
.cherry-editor .cm-editor .cm-header.cm-header-3 {
  font-size: 1.25em;
}
.cherry-editor .cm-editor .cm-header.cm-header-4 {
  font-size: 1em;
}
.cherry-editor .cm-editor .cm-header.cm-header-5 {
  font-size: 0.875em;
}
.cherry-editor .cm-editor .cm-header.cm-header-6 {
  font-size: 0.85em;
}
.cherry-editor .cm-editor .cm-string {
  color: var(--editor-string-color);
}
.cherry-editor .cm-editor .cm-comment {
  color: var(--editor-comment-color);
  font-family: var(--font-family-mono);
  font-size: 0.9em;
}
.cherry-editor .cm-editor .cm-whitespace,
.cherry-editor .cm-editor .cm-tab {
  font-family: var(--font-family-mono);
  font-size: 0.9em;
}
.cherry-editor .cm-editor .cm-quote {
  color: var(--editor-quote-color);
}
.cherry-editor .cm-editor .cm-link {
  text-decoration: underline;
  color: var(--editor-link-color);
}
.cherry-editor .cm-editor .cm-header {
  text-decoration: none;
}
.cherry-editor .cm-editor .cm-url {
  color: var(--editor-url-color);
  font-family: var(--font-family-mono);
  font-size: 0.9em;
  text-decoration: none;
}
.cherry-editor .cm-editor .cm-url-bracket {
  color: #3b82f6;
  font-weight: bold;
  background-color: rgba(59, 130, 246, 0.1);
  border-radius: 2px;
  padding: 0 1px;
}
.cherry-editor .cm-editor .cm-variable-2 {
  color: var(--editor-v2-color);
}
.cherry-editor .cm-editor .cm-variable-3 {
  color: var(--editor-v3-color);
}
.cherry-editor .cm-editor .cm-keyword {
  color: var(--editor-keyword-color);
}
.cherry-editor .cm-editor .cm-fullWidth {
  color: var(--full-width-color) !important;
  z-index: 3;
  cursor: pointer;
}

.cherry-drag {
  width: 5px;
  cursor: ew-resize;
  position: absolute;
  z-index: 12;
  background: transparent;
}
.cherry-drag.cherry-drag--show {
  width: 5px;
  display: block;
  background: #dfe6ee;
}
.cherry-drag.cherry-drag--hidden {
  display: none;
}

.cherry-editor-mask {
  z-index: 10;
  position: absolute;
  display: none;
  background: rgba(0, 0, 0, 0.2);
}
.cherry-editor-mask.cherry-editor-mask--show {
  display: block;
}

.cherry-previewer-mask {
  z-index: 10;
  position: absolute;
  display: none;
  background: rgba(0, 0, 0, 0.4);
}
.cherry-previewer-mask.cherry-previewer-mask--show {
  display: block;
}

.cherry-previewer-codeBlock-click-handler {
  position: absolute;
  z-index: 1;
}
.cherry-previewer-codeBlock-click-handler .cm-editor {
  font-family: var(--font-family-sans);
  background-color: var(--base-editor-bg);
  color: var(--base-font-color);
}

.cherry-mask-code-block {
  width: 100%;
  padding-top: 50px;
  background-image: linear-gradient(-180deg, rgba(255, 255, 255, 0) 0%, var(--toolbar-bg) 100%);
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0.5em;
  z-index: 10;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.7s ease-in-out, height 0.7s ease-in-out;
}
.cherry-mask-code-block .expand-btn {
  width: 25px;
  height: 25px;
  border: 1px solid rgba(255, 255, 255, 0);
  cursor: pointer;
  border-radius: 5px;
  transition: all 0.3s;
  z-index: 12;
  color: var(--toolbar-btn-color);
  background-color: var(--toolbar-bg);
  display: inline-block;
}
.cherry-mask-code-block .expand-btn:hover {
  color: var(--toolbar-btn-hover-color);
  background-color: var(--toolbar-btn-hover-bg);
  border-color: #eee;
}

.cherry-code-unExpand pre {
  height: 240px;
  overflow: hidden !important;
}
.cherry-code-unExpand .cherry-mask-code-block {
  display: inline-block;
  opacity: 1;
  visibility: visible;
}

.cherry-previewer-codeBlock-hover-handler {
  z-index: 0;
  position: absolute;
  margin-top: -20px;
  pointer-events: none;
}
.cherry-previewer-codeBlock-hover-handler * {
  pointer-events: all;
}
.cherry-previewer-codeBlock-hover-handler .cherry-code-block-custom-btn,
.cherry-previewer-codeBlock-hover-handler .cherry-copy-code-block,
.cherry-previewer-codeBlock-hover-handler .cherry-unExpand-code-block,
.cherry-previewer-codeBlock-hover-handler .cherry-edit-code-block {
  position: relative;
  width: 25px;
  text-align: center;
  height: 25px;
  cursor: pointer;
  float: right;
  top: 35px;
  border-radius: 5px;
  box-shadow: 5px 0 5px rgba(0, 0, 0, 0.05);
  transition: all 0.3s;
  z-index: 2;
  color: var(--base-font-color);
  background-color: var(--toolbar-bg);
  border: 1px solid var(--base-border-color);
}
.cherry-previewer-codeBlock-hover-handler .cherry-code-block-custom-btn {
  width: auto;
  padding: 0 5px;
}
.cherry-previewer-codeBlock-hover-handler .cherry-expand-code-block {
  position: absolute;
  box-shadow: 5px 0 5px rgba(0, 0, 0, 0.05);
  width: 25px;
  text-align: center;
  height: 25px;
  cursor: pointer;
  float: right;
  border-radius: 5px;
  margin-left: -27px;
  transition: all 0.3s;
  z-index: 2;
  color: var(--toolbar-btn-color);
  background-color: var(--primary-color);
  border: 1px solid var(--base-border-color);
  top: 45px;
  right: 10px;
}
.cherry-previewer-codeBlock-hover-handler .cherry-unExpand-code-block {
  z-index: 12;
}
.cherry-previewer-codeBlock-hover-handler .cherry-unExpand-code-block.hidden {
  display: none;
}
.cherry-previewer-codeBlock-hover-handler .cherry-code-block-custom-btn,
.cherry-previewer-codeBlock-hover-handler .cherry-copy-code-block,
.cherry-previewer-codeBlock-hover-handler .cherry-expand-code-block,
.cherry-previewer-codeBlock-hover-handler .cherry-unExpand-code-block,
.cherry-previewer-codeBlock-hover-handler .cherry-edit-code-block {
  cursor: pointer;
  transition: background-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease, color 0.2s ease;
  transform: translateY(0);
  outline: none;
}
.cherry-previewer-codeBlock-hover-handler .cherry-code-block-custom-btn:hover,
.cherry-previewer-codeBlock-hover-handler .cherry-copy-code-block:hover,
.cherry-previewer-codeBlock-hover-handler .cherry-expand-code-block:hover,
.cherry-previewer-codeBlock-hover-handler .cherry-unExpand-code-block:hover,
.cherry-previewer-codeBlock-hover-handler .cherry-edit-code-block:hover {
  color: var(--toolbar-btn-hover-color);
  background-color: var(--toolbar-btn-hover-bg);
  border-color: transparent;
  transform: translateY(-2px);
}
.cherry-previewer-codeBlock-hover-handler .cherry-code-block-custom-btn:active,
.cherry-previewer-codeBlock-hover-handler .cherry-copy-code-block:active,
.cherry-previewer-codeBlock-hover-handler .cherry-expand-code-block:active,
.cherry-previewer-codeBlock-hover-handler .cherry-unExpand-code-block:active,
.cherry-previewer-codeBlock-hover-handler .cherry-edit-code-block:active {
  color: var(--toolbar-btn-hover-color);
  transform: translateY(0);
  box-shadow: none;
  background-color: var(--toolbar-btn-active-bg);
  transition-duration: 0.1s;
}
.cherry-previewer-codeBlock-hover-handler .cherry-code-block-custom-btn:focus-visible,
.cherry-previewer-codeBlock-hover-handler .cherry-copy-code-block:focus-visible,
.cherry-previewer-codeBlock-hover-handler .cherry-expand-code-block:focus-visible,
.cherry-previewer-codeBlock-hover-handler .cherry-unExpand-code-block:focus-visible,
.cherry-previewer-codeBlock-hover-handler .cherry-edit-code-block:focus-visible {
  box-shadow: 0 0 0 2px var(--base-previewer-bg), 0 0 0 4px var(--primary-color);
}
.cherry-previewer-codeBlock-hover-handler .cherry-code-preview-lang-select {
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  font-size: 14px;
  color: var(--base-font-color);
  background-color: var(--toolbar-bg);
  border: 1px solid var(--base-border-color);
  border-radius: 6px;
  padding: 5px 36px 5px 12px;
  cursor: pointer;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23495057' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 12px 12px;
}
.cherry-previewer-codeBlock-hover-handler .cherry-code-preview-lang-select:focus {
  border-color: var(--primary-color);
  outline: 0;
  box-shadow: 0 0 0 2px var(--base-previewer-bg), 0 0 0 4px var(--primary-color);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23495057' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 11 6-6 6 6'/%3e%3c/svg%3e");
}
.cherry-previewer-codeBlock-hover-handler .cherry-code-preview-lang-select option {
  color: var(--base-font-color);
  font-size: 14px;
  background-color: var(--toolbar-bg);
  cursor: cursor;
}
.cherry-previewer-codeBlock-hover-handler .cherry-code-preview-lang-select option:hover {
  background-color: var(--toolbar-btn-hover-bg);
  color: var(--toolbar-btn-hover-color);
}
.cherry-previewer-codeBlock-hover-handler .cherry-code-preview-lang-select:disabled {
  background-color: var(--base-border-color);
  color: var(--base-font-color);
  cursor: not-allowed;
}

/* 行内代码颜色小圆点样式 */
.ch-inline-color {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 0.7em;
  height: 0.7em;
  border-radius: 100%;
  border: var(--primary-color) solid 1px;
  margin-left: 0.2em;
  box-sizing: border-box;
}

.float-previewer-wrap {
  position: fixed;
  right: 0;
  top: 0;
  z-index: 100;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: var(--shadow-lg);
  resize: both;
  min-width: 430px;
  min-height: 300px;
}
.float-previewer-wrap.float-previewer-dragging .float-previewer-header {
  cursor: grabbing;
  background: #ace4ff;
}
.float-previewer-wrap .float-previewer-header {
  z-index: 999999;
  height: 40px;
  border-bottom: 1px solid #ebedee;
  background: #caecfd;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 20px;
  cursor: grab;
}
.float-previewer-wrap .float-previewer-header .float-previewer-title {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  font-size: var(--font-size-md);
  color: #333;
  font-weight: bold;
}
.float-previewer-wrap .cherry-previewer {
  border-left: none;
}

.cherry-previewer {
  padding: 20px 45px 20px 20px;
  border-left: 2px solid var(--drag-border-color);
  width: 50%;
  box-sizing: border-box;
  background-color: var(--base-previewer-bg);
  min-height: auto;
  overflow-y: auto;
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
}
.cherry-previewer .cherry-mobile-previewer-content {
  width: 375px;
  height: 100%;
  margin: 0 auto;
  padding: 25px 30px;
  overflow-y: scroll;
  box-shadow: var(--shadow-lg);
  box-sizing: border-box;
  background-color: var(--previewer-mobile-bg);
}
.cherry-previewer.cherry-previewer--hidden {
  width: 0;
  display: none;
}
.cherry-previewer.cherry-previewer--full {
  width: 100%;
}
.cherry-previewer .cherry-list__upper-roman {
  list-style: upper-roman;
}
.cherry-previewer .cherry-list__lower-greek {
  list-style: lower-greek;
}
.cherry-previewer .cherry-list__lower-alpha {
  list-style: lower-alpha;
}
.cherry-previewer .cherry-list__cjk-ideographic {
  list-style: cjk-ideographic;
}
.cherry-previewer .cherry-list__circle {
  list-style: circle;
}
.cherry-previewer .cherry-list__square {
  list-style: square;
}
[data-code-block-theme=default] .cherry-previewer .cherry-code-block-custom-btn,
[data-code-block-theme=default] .cherry-previewer .cherry-copy-code-block,
[data-code-block-theme=default] .cherry-previewer .cherry-expand-code-block,
[data-code-block-theme=default] .cherry-previewer .cherry-unExpand-code-block,
[data-code-block-theme=default] .cherry-previewer .cherry-edit-code-block, [data-code-block-theme=funky] .cherry-previewer .cherry-code-block-custom-btn,
[data-code-block-theme=funky] .cherry-previewer .cherry-copy-code-block,
[data-code-block-theme=funky] .cherry-previewer .cherry-expand-code-block,
[data-code-block-theme=funky] .cherry-previewer .cherry-unExpand-code-block,
[data-code-block-theme=funky] .cherry-previewer .cherry-edit-code-block, [data-code-block-theme=solarized-light] .cherry-previewer .cherry-code-block-custom-btn,
[data-code-block-theme=solarized-light] .cherry-previewer .cherry-copy-code-block,
[data-code-block-theme=solarized-light] .cherry-previewer .cherry-expand-code-block,
[data-code-block-theme=solarized-light] .cherry-previewer .cherry-unExpand-code-block,
[data-code-block-theme=solarized-light] .cherry-previewer .cherry-edit-code-block, [data-code-block-theme=coy] .cherry-previewer .cherry-code-block-custom-btn,
[data-code-block-theme=coy] .cherry-previewer .cherry-copy-code-block,
[data-code-block-theme=coy] .cherry-previewer .cherry-expand-code-block,
[data-code-block-theme=coy] .cherry-previewer .cherry-unExpand-code-block,
[data-code-block-theme=coy] .cherry-previewer .cherry-edit-code-block {
  background-color: var(--primary-color);
}
@keyframes blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.cherry-previewer .cherry-flow-session-cursor {
  background-color: rgba(53, 130, 251, 0.5333333333);
  padding: 0 2.5px;
  animation: blink 1s infinite;
}

.cherry-color-wrap {
  display: none;
  position: fixed;
  width: 300px;
  padding: 16px;
  z-index: 13;
}
.cherry-color-wrap .cherry-color-tabs {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}
.cherry-color-wrap .cherry-color-tabs .cherry-color-tab-group {
  display: flex;
  background: var(--border-color);
  border-radius: var(--radius-lg);
  padding: 2px;
  width: auto;
}
.cherry-color-wrap .cherry-color-tabs .cherry-color-tab {
  padding: 8px 12px;
  text-align: center;
  font-size: 12px;
  color: var(--toolbar-btn-color);
  cursor: pointer;
  border-radius: var(--radius-lg);
  transition: all 0.2s;
  white-space: nowrap;
}
.cherry-color-wrap .cherry-color-tabs .cherry-color-tab.active {
  background: var(--dropdown-item-active-bg);
  color: var(--dropdown-item-active-color);
}
.cherry-color-wrap .cherry-color-tabs .cherry-color-tab:hover:not(.active) {
  background-color: var(--dropdown-item-hover-bg);
  color: var(--dropdown-item-hover-color);
}
.cherry-color-wrap .cherry-color-tabs .cherry-color-clear {
  font-size: 12px;
  color: var(--toolbar-btn-color);
  cursor: pointer;
  padding: 8px 12px;
  border-radius: var(--radius-lg);
  transition: all 0.2s;
  white-space: nowrap;
}
.cherry-color-wrap .cherry-color-tabs .cherry-color-clear:hover {
  background-color: var(--dropdown-item-hover-bg);
  color: var(--dropdown-item-hover-color);
}
.cherry-color-wrap .cherry-color-picker {
  margin-bottom: 16px;
}
.cherry-color-wrap .cherry-color-picker .cherry-color-main {
  width: 100%;
  height: 160px;
  border-radius: 6px;
  position: relative;
  cursor: crosshair;
  overflow: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.cherry-color-wrap .cherry-color-picker .cherry-color-main .cherry-color-saturation {
  width: 100%;
  height: 100%;
  position: relative;
  cursor: crosshair;
}
.cherry-color-wrap .cherry-color-picker .cherry-color-main .cherry-color-saturation .cherry-color-pointer {
  position: absolute;
  width: 14px;
  height: 14px;
  border: 2px solid white;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  z-index: 2;
}
.cherry-color-wrap .cherry-color-picker .cherry-color-hue-container {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 8px;
}
.cherry-color-wrap .cherry-color-picker .cherry-color-hue {
  flex: 1;
  height: 14px;
  border-radius: 7px;
  background: linear-gradient(to right, #ff0000 7px, #ffff00 calc(17% + 7px), #00ff00 calc(33% + 7px), #00ffff calc(50% + 7px), #0000ff calc(67% + 7px), #ff00ff calc(83% + 7px), #ff0000 calc(100% - 7px));
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.cherry-color-wrap .cherry-color-picker .cherry-color-hue .cherry-color-hue-pointer {
  position: absolute;
  top: 50%;
  width: 14px;
  height: 14px;
  border: 2px solid white;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  pointer-events: none;
  z-index: 2;
}
.cherry-color-wrap .cherry-color-picker .cherry-color-preview {
  width: 24px;
  height: 24px;
  border-radius: var(--radius-lg);
  flex-shrink: 0;
}
.cherry-color-wrap .cherry-color-recent .cherry-color-section-title,
.cherry-color-wrap .cherry-color-presets .cherry-color-section-title {
  font-size: 12px;
  color: var(--toolbar-btn-color);
  margin-bottom: 8px;
  font-weight: 500;
}
.cherry-color-wrap .cherry-color-recent {
  margin-bottom: 16px;
}
.cherry-color-wrap .cherry-color-recent .cherry-color-recent-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.cherry-color-wrap .cherry-color-recent .cherry-color-recent-grid .cherry-color-recent-empty {
  background: var(--bg-color-lighter);
  border-style: dashed;
  cursor: default;
}
.cherry-color-wrap .cherry-color-recent .cherry-color-recent-grid .cherry-color-recent-empty:hover {
  transform: none;
}
.cherry-color-wrap .cherry-color-presets .cherry-color-preset-grid {
  display: flex;
  flex-wrap: wrap;
}
.cherry-color-wrap .cherry-color-presets .cherry-color-preset-grid .cherry-color-preset-row {
  display: flex;
  gap: 6px;
  margin-bottom: 6px;
  width: 100%;
}
.cherry-color-wrap .cherry-color-item {
  width: 24px;
  height: 24px;
  border-radius: 4px;
  cursor: pointer;
  transition: transform 0.1s;
  border: 1px solid var(--dropdown-border);
}
.cherry-color-wrap .cherry-color-item:hover {
  transform: scale(1.15);
  z-index: 1;
  position: relative;
}

.Cherry-Math svg {
  max-width: 100%;
}

.cherry-suggester-panel {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  background: var(--dropdown-bg);
  border: 1px solid var(--dropdown-border);
  border-radius: var(--dropdown-radius);
  box-shadow: var(--dropdown-shadow);
  padding: var(--dropdown-padding);
  max-height: 500px;
  z-index: var(--z-index-dropdown, 13);
  overflow-x: hidden;
  overflow-y: auto;
}
.cherry-suggester-panel .cherry-suggester-panel__item {
  border: none;
  white-space: nowrap;
  min-width: 50px;
  padding: var(--dropdown-item-padding);
  color: var(--toolbar-btn-color);
  background: var(--toolbar-btn-bg);
  display: block;
  cursor: pointer;
  border-radius: var(--dropdown-item-radius);
  font-size: var(--font-size-sm);
  margin: 2px 4px;
  transition: color 150ms ease, background-color 150ms ease, border-color 150ms ease;
  display: flex;
  align-items: center;
}
.cherry-suggester-panel .cherry-suggester-panel__item:hover {
  background: var(--dropdown-item-hover-bg);
  color: var(--dropdown-item-hover-color);
}
.cherry-suggester-panel .cherry-suggester-panel__item.cherry-suggester-panel__item--selected {
  background: var(--dropdown-item-active-bg);
  color: var(--dropdown-item-active-color);
  text-decoration: none;
}
.cherry-suggester-panel .cherry-suggester-panel__item > i {
  display: inline-block;
  transform: translateY(2px);
  margin-right: 8px;
}
.cherry-suggester-panel .cherry-suggester-panel__item .ch-icon {
  margin-right: 8px;
  vertical-align: middle;
  font-size: var(--font-size-md);
  display: inline-block;
  line-height: 1;
  position: static;
}

.cherry-suggestion {
  background-color: #ebf3ff;
  color: #3582fb;
  padding: 1px 4px;
  border-radius: 3px;
  cursor: pointer;
}

.cherry-flex-toc {
  z-index: 11;
  position: absolute;
  right: 0;
  top: calc(var(--height-toolbar) + var(--sidebar-list-height));
  height: calc(100% - 220px);
  max-height: 600px;
  width: 160px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  background: rgba(255, 255, 255, 0.8666666667);
  margin-right: 8px;
  box-sizing: border-box;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  box-shadow: var(--shadow-md);
  border-radius: 10px;
  transition: all 0.3s;
}
.cherry-flex-toc.cherry-flex-toc__fixed {
  position: fixed;
}
.cherry-flex-toc:hover {
  background-color: #fff;
  width: 260px;
}
.cherry-flex-toc .cherry-toc-head {
  border-bottom: 1px dashed rgba(51, 51, 51, 0.2);
  padding: 5px;
}
.cherry-flex-toc .cherry-toc-head .cherry-toc-title {
  font-size: var(--font-size-md);
  font-weight: bold;
  color: var(--primary-color);
  padding-left: 5px;
}
.cherry-flex-toc .cherry-toc-head .ch-icon-chevronsLeft {
  display: none;
}
.cherry-flex-toc .cherry-toc-head .ch-icon-chevronsRight,
.cherry-flex-toc .cherry-toc-head .ch-icon-chevronsLeft {
  padding: 5px;
  position: absolute;
  right: 0;
  top: 0;
}
.cherry-flex-toc .cherry-toc-head i {
  cursor: pointer;
  padding: 5px 5px 0;
}
.cherry-flex-toc .cherry-toc-head i:hover {
  color: #3582fb;
}
.cherry-flex-toc .cherry-toc-list {
  overflow-y: auto;
  height: calc(100% - 40px);
  overflow-x: hidden;
  width: 100%;
  padding-bottom: 10px;
}
.cherry-flex-toc .cherry-toc-list .cherry-toc-one-a {
  display: block;
  text-decoration: none;
  color: #000;
  border-left: 5px solid var(--md-toc-indicator-color);
  height: 28px;
  line-height: 28px;
  transition: all 0.3s;
  padding-left: 10px;
  overflow: hidden;
  word-break: break-all;
  text-overflow: ellipsis;
  cursor: pointer;
}
.cherry-flex-toc .cherry-toc-list .cherry-toc-one-a:hover, .cherry-flex-toc .cherry-toc-list .cherry-toc-one-a.current {
  border-left-color: var(--primary-color);
  color: var(--primary-color);
}
.cherry-flex-toc .cherry-toc-list .cherry-toc-one-a .cherry-toc-in-blockquote {
  font-size: 0.6em;
  color: var(--md-toc-indicator-color);
  display: inline-block;
  margin-top: -0.4em;
  vertical-align: top;
}
.cherry-flex-toc .cherry-toc-list .cherry-toc-one-a__1 {
  font-weight: bold;
}
.cherry-flex-toc .cherry-toc-list .cherry-toc-one-a__2 {
  padding-left: 20px;
}
.cherry-flex-toc .cherry-toc-list .cherry-toc-one-a__3 {
  padding-left: 40px;
}
.cherry-flex-toc .cherry-toc-list .cherry-toc-one-a__4 {
  padding-left: 60px;
}
.cherry-flex-toc .cherry-toc-list .cherry-toc-one-a__5 {
  padding-left: 80px;
}
.cherry-flex-toc.cherry-flex-toc__pure {
  width: 30px;
  height: calc(100% - 200px);
  max-height: 600px;
  background: transparent;
  box-shadow: none;
  border-radius: 0;
}
.cherry-flex-toc.cherry-flex-toc__pure .cherry-toc-head {
  height: 25px;
  border-bottom: 1px dashed transparent;
}
.cherry-flex-toc.cherry-flex-toc__pure .cherry-toc-head .cherry-toc-title {
  display: none;
}
.cherry-flex-toc.cherry-flex-toc__pure .cherry-toc-head .ch-icon-chevronsRight {
  display: none;
}
.cherry-flex-toc.cherry-flex-toc__pure .cherry-toc-head .ch-icon-chevronsLeft {
  display: inline;
}
.cherry-flex-toc.cherry-flex-toc__pure .cherry-toc-list {
  padding-left: 7px;
}
.cherry-flex-toc.cherry-flex-toc__pure .cherry-toc-list .cherry-toc-one-a {
  overflow: hidden;
  width: 0;
  margin-bottom: 3px;
  height: 5px;
  border-left-width: 18px;
}
.cherry-flex-toc.auto-num .cherry-toc-list {
  counter-reset: toclevel1;
}
.cherry-flex-toc.auto-num .cherry-toc-list .cherry-toc-one-a__1 {
  counter-reset: toclevel2;
}
.cherry-flex-toc.auto-num .cherry-toc-list .cherry-toc-one-a__2 {
  counter-reset: toclevel3;
}
.cherry-flex-toc.auto-num .cherry-toc-list .cherry-toc-one-a__3 {
  counter-reset: toclevel4;
}
.cherry-flex-toc.auto-num .cherry-toc-list .cherry-toc-one-a__4 {
  counter-reset: toclevel5;
}
.cherry-flex-toc.auto-num .cherry-toc-list .cherry-toc-one-a__5 {
  counter-reset: toclevel6;
}
.cherry-flex-toc.auto-num .cherry-toc-list .cherry-toc-one-a__1:before {
  counter-increment: toclevel1;
  content: counter(toclevel1) ". ";
}
.cherry-flex-toc.auto-num .cherry-toc-list .cherry-toc-one-a__2:before {
  counter-increment: toclevel2;
  content: counter(toclevel1) "." counter(toclevel2) ". ";
}
.cherry-flex-toc.auto-num .cherry-toc-list .cherry-toc-one-a__3:before {
  counter-increment: toclevel3;
  content: counter(toclevel1) "." counter(toclevel2) "." counter(toclevel3) ". ";
}
.cherry-flex-toc.auto-num .cherry-toc-list .cherry-toc-one-a__4:before {
  counter-increment: toclevel4;
  content: counter(toclevel1) "." counter(toclevel2) "." counter(toclevel3) "." counter(toclevel4) ". ";
}
.cherry-flex-toc.auto-num .cherry-toc-list .cherry-toc-one-a__5:before {
  counter-increment: toclevel5;
  content: counter(toclevel1) "." counter(toclevel2) "." counter(toclevel3) "." counter(toclevel4) "." counter(toclevel5) ". ";
}
.cherry-flex-toc.auto-num .cherry-toc-list .cherry-toc-one-a__6:before {
  counter-increment: toclevel5;
  content: counter(toclevel1) "." counter(toclevel2) "." counter(toclevel3) "." counter(toclevel4) "." counter(toclevel5) "." counter(toclevel6) ". ";
}

/** 引入自带的主题 */
/*
 * 默认主题
 */
.cherry.theme__default {
  /* ========== 基础色彩变量覆盖 ========== */
  --primary-color: var(--oc-blue-6);
  --secondary-color: var(--oc-blue-0);
  --base-font-color: var(--oc-gray-8);
  --base-editor-bg: var(--oc-white);
  --base-previewer-bg: var(--oc-white);
  --base-border-color: var(--oc-blue-5);
  /* ========== 工具栏相关变量 ========== */
  --toolbar-bg: var(--oc-white);
  --toolbar-btn-color: var(--oc-gray-8);
  --toolbar-btn-hover-bg: var(--oc-gray-2);
  --toolbar-btn-hover-color: var(--primary-color);
  --toolbar-btn-active-bg: var(--secondary-color);
  --toolbar-split-color: var(--oc-blue-5);
  --dropdown-item-hover-bg: var(--toolbar-btn-hover-bg);
  --dropdown-item-hover-color: var(--toolbar-btn-hover-color);
  /* ========== 编辑器相关变量 ========== */
  --editor-header-color: var(--primary-color);
  --editor-string-color: var(--oc-blue-4);
  --editor-comment-color: var(--oc-blue-4);
  --editor-quote-color: var(--oc-gray-8);
  --editor-link-color: var(--oc-blue-4);
  --editor-url-color: var(--oc-blue-0);
  --editor-v2-color: var(--oc-gray-8);
  --editor-v3-color: var(--primary-color);
  --editor-keyword-color: var(--oc-blue-4);
  --editor-selection-bg: var(--oc-blue-2);
  --editor-active-line-bg: rgba(231, 245, 255, 0.4);
  /* ========== Markdown 相关变量 ========== */
  --md-heading-color: var(--primary-color);
  --md-paragraph-color: var(--oc-gray-8);
  --md-link-color: var(--oc-blue-4);
  --md-link-hover-color: var(--primary-color);
  --md-inline-code-color: var(--oc-blue-4);
  --md-inline-code-bg: var(--oc-blue-0);
  --md-blockquote-bg: var(--oc-blue-0);
  --md-hr-border: var(--oc-blue-5);
  /* ========== table 相关变量 ========== */
  --md-table-border: #D9DFE3;
  --md-table-drag-border-bg: var(--oc-cyan-5);
  --md-table-sort-active-bg: rgb(208, 226, 247);
  /* ========== 手风琴组件变量覆盖 ========== */
  --accordion-bg: var(--oc-blue-0);
  --accordion-border: var(--oc-blue-2);
  --accordion-summary-bg: var(--oc-blue-5);
  --accordion-summary-hover-bg: var(--oc-blue-4);
  --accordion-body-bg: var(--oc-blue-0);
  --accordion-body-border: var(--oc-blue-1);
  --accordion-body-color: var(--oc-gray-8);
}

/** 预览区域样式 */
.cherry-markdown.theme__default {
  /** checklist 模式，未勾选时 */
  /** checklist 模式，勾选时 */
  /** 行内代码 */
  /** 
   * 代码块
   */
  /** 
   * 表格
   */
  /** 可以理解为上下结构的音标，下部是文字，上部是对应的拼音 */
  /** 脚注 */
  /** 行间公式 */
  /** 段落公式 */
  /** 目录 */
}
.cherry-markdown.theme__default h1,
.cherry-markdown.theme__default h2,
.cherry-markdown.theme__default h3,
.cherry-markdown.theme__default h4,
.cherry-markdown.theme__default h5,
.cherry-markdown.theme__default h6 {
  /** 标题前面的锚点或序号 */
}
.cherry-markdown.theme__default ruby {
  /** 上部的拼音 */
}
/*
 * 暗黑主题
 */
.cherry.theme__dark {
  /* ========== 基础色彩变量覆盖 ========== */
  --primary-color: var(--oc-orange-5);
  --secondary-color: #513838;
  --base-font-color: var(--oc-gray-4);
  --base-editor-bg: var(--oc-gray-9);
  --base-previewer-bg: var(--oc-gray-8);
  --base-border-color: var(--oc-gray-5);
  /* ========== 工具栏相关变量 ========== */
  --toolbar-bg: var(--oc-gray-7);
  --toolbar-btn-color: var(--oc-gray-4);
  --toolbar-btn-hover-bg: var(--oc-gray-6);
  --toolbar-btn-hover-color: var(--oc-white);
  --toolbar-btn-active-bg:var(--oc-gray-8);
  --toolbar-split-color: var(--oc-gray-5);
  /* ========== 编辑器相关变量 ========== */
  --editor-header-color: var(--primary-color);
  --editor-string-color: var(--oc-yellow-3);
  --editor-comment-color: var(--oc-yellow-3);
  --editor-quote-color: var(--oc-gray-4);
  --editor-link-color: var(--oc-yellow-3);
  --editor-url-color: rgb(81, 56, 56);
  --editor-v2-color: var(--oc-gray-4);
  --editor-v3-color: var(--primary-color);
  --editor-keyword-color: var(--oc-yellow-3);
  --editor-selection-bg: rgba(134, 142, 150, 0.8);
  --editor-active-line-bg: rgba(134, 142, 150, 0.4);
  --dropdown-item-hover-bg: var(--oc-gray-9);
  --dropdown-item-hover-color: var(--oc-orange-5);
  --dropdown-item-active-bg: var(--secondary-color);
  --dropdown-item-active-color: var(--primary-color);
  /* ========== Markdown 相关变量 ========== */
  --md-heading-color: var(--oc-orange-5);
  --md-paragraph-color: var(--oc-gray-4);
  --md-link-color: var(--oc-yellow-3);
  --md-link-hover-color: var(--oc-orange-5);
  --md-inline-code-color: var(--oc-yellow-3);
  --md-inline-code-bg: rgb(81, 56, 56);
  --md-blockquote-bg: rgba(102, 128, 153, 0.05);
  --md-hr-border: var(--oc-gray-5);
  /* ========== table 相关变量 ========== */
  --md-table-border: var(--oc-gray-5);
  --md-table-drag-border-bg: var(--primary-color);
  --md-table-sort-active-bg: rgba(141, 104, 51, 0.493);
  --md-toc-bg: var(--oc-gray-9);
  --md-toc-border-color: var(--oc-gray-7);
  --md-toc-indicator-color: var(--oc-gray-7);
  --md-toc-link-hover-bg: var(--oc-gray-8);
  --md-toc-link-active-bg: var(--oc-gray-7);
  --md-paragraph-highlight-line-bg: var(--oc-gray-7);
  /* ========== 手风琴组件变量覆盖 ========== */
  --accordion-bg: var(--oc-gray-8);
  --accordion-border: var(--oc-gray-6);
  --accordion-summary-bg: var(--oc-orange-6);
  --accordion-summary-hover-bg: var(--oc-orange-5);
  --accordion-body-bg: var(--oc-gray-7);
  --accordion-body-border: var(--oc-gray-6);
  --accordion-body-color: var(--oc-gray-4);
  /* ========== Mermaid 工具栏变量覆盖 ========== */
  --mermaid-toolbar-slider-bg: rgba(255, 255, 255, 0.15);
  --mermaid-toolbar-tab-active-color: #fff;
  /* 目录区域样式 */
}
.cherry.theme__dark .cherry-flex-toc .cherry-toc-head i:hover {
  color: var(--oc-orange-8);
}
.cherry.theme__dark .cherry-flex-toc .cherry-toc-list .cherry-toc-one-a {
  border-left-color: rgba(255, 146, 43, 0.3);
}
.cherry.theme__dark .cherry-flex-toc .cherry-toc-list .cherry-toc-one-a.current {
  border-left-color: var(--oc-orange-6);
  color: var(--oc-orange-6);
}
.cherry.theme__dark .cherry-flex-toc .cherry-toc-list .cherry-toc-one-a:hover {
  border-left-color: var(--oc-orange-4);
  color: var(--oc-orange-6);
}
.cherry.theme__dark .cherry-flex-toc.cherry-flex-toc__pure .cherry-toc-head .ch-icon-chevronsLeft {
  color: var(--oc-orange-6);
}

/** 快捷键配置面板样式 */
.cherry-shortcut-key-config-panel-wrapper .shortcut-panel-title, .cherry-shortcut-key-config-panel-wrapper .shortcut-panel-settings {
  color: var(--oc-gray-9);
}

/** 预览区域样式 */
.cherry-markdown.theme__dark {
  /* ========== Panel 相关变量 ========== */
  --panel-border-radius: 16px;
  --panel-bg: linear-gradient(145deg, #2a2a2a 0%, #1e1e1e 100%);
  --panel-border: 1px solid rgba(109, 40, 217, 0.2);
  --panel-box-shadow: none;
  --panel-backdrop-filter: blur(10px);
  --panel-title-bg: linear-gradient(145deg, #333333 0%, #2a2a2a 100%);
  --panel-title-color: var(--oc-gray-1);
  --panel-title-border-radius: 16px 16px 0 0;
  --panel-title-border-bottom: 1px solid rgba(109, 40, 217, 0.15);
  --panel-body-bg: linear-gradient(145deg, #242424 0%, #1e1e1e 100%);
  --panel-body-color: var(--oc-gray-2);
  --panel-body-border-radius: 0 0 16px 16px;
  /* Primary Panel */
  --panel-primary-bg: linear-gradient(145deg, rgba(109, 40, 217, 0.08) 0%, rgba(67, 56, 202, 0.08) 100%);
  --panel-primary-border-color: rgba(109, 40, 217, 0.3);
  --panel-primary-box-shadow: none;
  --panel-primary-title-bg: linear-gradient(145deg, rgba(109, 40, 217, 0.3) 0%, rgba(67, 56, 202, 0.3) 100%);
  --panel-primary-title-color: var(--oc-violet-2);
  --panel-primary-body-bg: linear-gradient(145deg, rgba(109, 40, 217, 0.05) 0%, rgba(67, 56, 202, 0.05) 100%);
  --panel-primary-body-color: var(--oc-violet-3);
  /* Info Panel */
  --panel-info-bg: linear-gradient(145deg, rgba(34, 184, 207, 0.08) 0%, rgba(59, 130, 246, 0.08) 100%);
  --panel-info-border-color: rgba(34, 184, 207, 0.3);
  --panel-info-box-shadow: none;
  --panel-info-title-bg: linear-gradient(145deg, rgba(34, 184, 207, 0.3) 0%, rgba(59, 130, 246, 0.3) 100%);
  --panel-info-title-color: var(--oc-cyan-2);
  --panel-info-body-bg: linear-gradient(145deg, rgba(34, 184, 207, 0.05) 0%, rgba(59, 130, 246, 0.05) 100%);
  --panel-info-body-color: var(--oc-cyan-3);
  /* Warning Panel */
  --panel-warning-bg: linear-gradient(145deg, rgba(255, 193, 7, 0.08) 0%, rgba(251, 191, 36, 0.08) 100%);
  --panel-warning-border-color: rgba(255, 193, 7, 0.3);
  --panel-warning-box-shadow: none;
  --panel-warning-title-bg: linear-gradient(145deg, rgba(255, 193, 7, 0.3) 0%, rgba(251, 191, 36, 0.3) 100%);
  --panel-warning-title-color: var(--oc-yellow-2);
  --panel-warning-body-bg: linear-gradient(145deg, rgba(255, 193, 7, 0.05) 0%, rgba(251, 191, 36, 0.05) 100%);
  --panel-warning-body-color: var(--oc-yellow-3);
  /* Danger Panel */
  --panel-danger-bg: linear-gradient(145deg, rgba(239, 68, 68, 0.08) 0%, rgba(220, 38, 127, 0.08) 100%);
  --panel-danger-border-color: rgba(239, 68, 68, 0.3);
  --panel-danger-box-shadow: none;
  --panel-danger-title-bg: linear-gradient(145deg, rgba(239, 68, 68, 0.3) 0%, rgba(220, 38, 127, 0.3) 100%);
  --panel-danger-title-color: var(--oc-red-2);
  --panel-danger-body-bg: linear-gradient(145deg, rgba(239, 68, 68, 0.05) 0%, rgba(220, 38, 127, 0.05) 100%);
  --panel-danger-body-color: var(--oc-red-3);
  /* Success Panel */
  --panel-success-bg: linear-gradient(145deg, rgba(34, 197, 94, 0.08) 0%, rgba(16, 185, 129, 0.08) 100%);
  --panel-success-border-color: rgba(34, 197, 94, 0.3);
  --panel-success-box-shadow: none;
  --panel-success-title-bg: linear-gradient(145deg, rgba(34, 197, 94, 0.3) 0%, rgba(16, 185, 129, 0.3) 100%);
  --panel-success-title-color: var(--oc-green-2);
  --panel-success-body-bg: linear-gradient(145deg, rgba(34, 197, 94, 0.05) 0%, rgba(16, 185, 129, 0.05) 100%);
  --panel-success-body-color: var(--oc-green-3);
}
.cherry-markdown.theme__dark figure svg:not(.echarts-svg) path,
.cherry-markdown.theme__dark figure svg:not(.echarts-svg) rect,
.cherry-markdown.theme__dark figure svg:not(.echarts-svg) line {
  stroke: var(--oc-yellow-3) !important;
}
.cherry-markdown.theme__dark figure svg:not(.echarts-svg) text {
  fill: var(--oc-yellow-6) !important;
  stroke: none !important;
}
.cherry-markdown.theme__dark figure svg:not(.echarts-svg) tspan {
  fill: var(--oc-yellow-6) !important;
}
.cherry-markdown.theme__dark figure svg:not(.echarts-svg) circle {
  fill: var(--oc-violet-0) !important;
}
.cherry-markdown.theme__dark figure svg:not(.echarts-svg) circle.state-start {
  fill: var(--oc-yellow-6) !important;
}

/*
 * 深海主题
 */
.cherry.theme__abyss {
  /* ========== 基础色彩变量覆盖 ========== */
  --primary-color: #8394AD;
  --secondary-color: #2C2E37;
  --base-font-color: #CECFCF;
  --base-editor-bg: #1E222A;
  --base-previewer-bg: #1E222A;
  --base-border-color: var(--primary-color);
  /* ========== 工具栏相关变量 ========== */
  --toolbar-bg: #181C24;
  --toolbar-btn-color: #CECFCF;
  --toolbar-btn-hover-bg: var(--secondary-color);
  --toolbar-btn-hover-color: var(--primary-color);
  --toolbar-btn-active-bg: var(--secondary-color);
  --toolbar-split-color: var(--oc-blue-5);
  --toolbar-shadow: none;
  /* ========== 工具栏的下拉菜单 ========== */
  --dropdown-bg: var(--toolbar-bg);
  --dropdown-border: var(--base-border-color);
  --dropdown-radius: var(--radius-xl);
  --dropdown-padding: var(--spacing-xs) 0;
  --dropdown-item-hover-bg: var(--toolbar-btn-hover-bg);
  --dropdown-item-hover-color: var(--toolbar-btn-hover-color);
  --dropdown-item-color: var(--toolbar-btn-color);
  /* ========== 编辑器相关变量 ========== */
  --editor-header-color: var(--primary-color);
  --editor-string-color: var(--oc-blue-4);
  --editor-comment-color: #A8A8A9;
  --editor-quote-color: var(--oc-gray-8);
  --editor-link-color: var(--oc-blue-4);
  --editor-url-color: none;
  --editor-v2-color: var(--oc-gray-8);
  --editor-v3-color: var(--primary-color);
  --editor-keyword-color: var(--oc-blue-4);
  --editor-selection-bg: #636e87;
  --editor-active-line-bg: rgba(99, 110, 135, 0.2);
  /* ========== Markdown 相关变量 ========== */
  --md-heading-color: var(--primary-color);
  --md-paragraph-color: var(--base-font-color);
  --md-link-color: var(--oc-blue-4);
  --md-link-hover-color: var(--primary-color);
  --md-inline-code-color: var(--primary-color);
  --md-inline-code-bg: #00203d;
  --md-blockquote-bg: #2A2F3B;
  --md-hr-border: var(--primary-color);
  /* ========== table 相关变量 ========== */
  --md-table-border: #47556D;
  --md-table-drag-border-bg: var(--oc-blue-3);
  --md-table-sort-active-bg: rgba(100, 203, 255, 0.4);
  --md-toc-bg: #2A2F3B;
  --md-toc-title-color: var(--primary-color);
  --md-toc-link-color: var(--primary-color);
  --md-toc-indicator-color: var(--secondary-color);
  --md-toc-link-hover-color: var(--secondary-color);
  --md-toc-link-hover-bg: var(--primary-color);
  --md-toc-indicator-hover-color: var(--primary-color);
  /* ========== 手风琴组件变量覆盖 ========== */
  --accordion-bg: #2A2F3B;
  --accordion-border: var(--oc-blue-5);
  --accordion-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  --accordion-summary-bg: var(--secondary-color);
  --accordion-summary-hover-bg: var(--toolbar-btn-hover-bg);
  --accordion-body-bg: #2A2F3B;
  --accordion-body-border: var(--oc-blue-5);
  --accordion-body-color: var(--base-font-color);
  /* ========== Mermaid 工具栏变量覆盖 ========== */
  --mermaid-toolbar-slider-bg: rgba(255, 255, 255, 0.15);
  --mermaid-toolbar-tab-active-color: #fff;
  /* ========== 其余单个组件 ========== */
  --drag-border-color: #3a4453;
  /* ========== Panel 相关变量 ========== */
  --panel-border-radius: 16px;
  --panel-bg: linear-gradient(145deg, #2a2a2a 0%, #1e1e1e 100%);
  --panel-border: 1px solid rgba(109, 40, 217, 0.2);
  --panel-box-shadow: none;
  --panel-backdrop-filter: blur(10px);
  --panel-title-bg: linear-gradient(145deg, #333333 0%, #2a2a2a 100%);
  --panel-title-color: var(--oc-gray-1);
  --panel-title-border-radius: 16px 16px 0 0;
  --panel-title-border-bottom: 1px solid rgba(109, 40, 217, 0.15);
  --panel-body-bg: linear-gradient(145deg, #242424 0%, #1e1e1e 100%);
  --panel-body-color: var(--oc-gray-2);
  --panel-body-border-radius: 0 0 16px 16px;
  /* Primary Panel */
  --panel-primary-bg: linear-gradient(145deg, rgba(109, 40, 217, 0.08) 0%, rgba(67, 56, 202, 0.08) 100%);
  --panel-primary-border-color: rgba(109, 40, 217, 0.3);
  --panel-primary-box-shadow: none;
  --panel-primary-title-bg: linear-gradient(145deg, rgba(109, 40, 217, 0.3) 0%, rgba(67, 56, 202, 0.3) 100%);
  --panel-primary-title-color: var(--oc-violet-2);
  --panel-primary-body-bg: linear-gradient(145deg, rgba(109, 40, 217, 0.05) 0%, rgba(67, 56, 202, 0.05) 100%);
  --panel-primary-body-color: var(--oc-violet-3);
  /* Info Panel */
  --panel-info-bg: linear-gradient(145deg, rgba(34, 184, 207, 0.08) 0%, rgba(59, 130, 246, 0.08) 100%);
  --panel-info-border-color: rgba(34, 184, 207, 0.3);
  --panel-info-box-shadow: none;
  --panel-info-title-bg: linear-gradient(145deg, rgba(34, 184, 207, 0.3) 0%, rgba(59, 130, 246, 0.3) 100%);
  --panel-info-title-color: var(--oc-cyan-2);
  --panel-info-body-bg: linear-gradient(145deg, rgba(34, 184, 207, 0.05) 0%, rgba(59, 130, 246, 0.05) 100%);
  --panel-info-body-color: var(--oc-cyan-3);
  /* Warning Panel */
  --panel-warning-bg: linear-gradient(145deg, rgba(255, 193, 7, 0.08) 0%, rgba(251, 191, 36, 0.08) 100%);
  --panel-warning-border-color: rgba(255, 193, 7, 0.3);
  --panel-warning-box-shadow: none;
  --panel-warning-title-bg: linear-gradient(145deg, rgba(255, 193, 7, 0.3) 0%, rgba(251, 191, 36, 0.3) 100%);
  --panel-warning-title-color: var(--oc-yellow-2);
  --panel-warning-body-bg: linear-gradient(145deg, rgba(255, 193, 7, 0.05) 0%, rgba(251, 191, 36, 0.05) 100%);
  --panel-warning-body-color: var(--oc-yellow-3);
  /* Danger Panel */
  --panel-danger-bg: linear-gradient(145deg, rgba(239, 68, 68, 0.08) 0%, rgba(220, 38, 127, 0.08) 100%);
  --panel-danger-border-color: rgba(239, 68, 68, 0.3);
  --panel-danger-box-shadow: none;
  --panel-danger-title-bg: linear-gradient(145deg, rgba(239, 68, 68, 0.3) 0%, rgba(220, 38, 127, 0.3) 100%);
  --panel-danger-title-color: var(--oc-red-2);
  --panel-danger-body-bg: linear-gradient(145deg, rgba(239, 68, 68, 0.05) 0%, rgba(220, 38, 127, 0.05) 100%);
  --panel-danger-body-color: var(--oc-red-3);
  /* Success Panel */
  --panel-success-bg: linear-gradient(145deg, rgba(34, 197, 94, 0.08) 0%, rgba(16, 185, 129, 0.08) 100%);
  --panel-success-border-color: rgba(34, 197, 94, 0.3);
  --panel-success-box-shadow: none;
  --panel-success-title-bg: linear-gradient(145deg, rgba(34, 197, 94, 0.3) 0%, rgba(16, 185, 129, 0.3) 100%);
  --panel-success-title-color: var(--oc-green-2);
  --panel-success-body-bg: linear-gradient(145deg, rgba(34, 197, 94, 0.05) 0%, rgba(16, 185, 129, 0.05) 100%);
  --panel-success-body-color: var(--oc-green-3);
}

.cherry-markdown.theme__abyss figure svg:not(.echarts-svg) path,
.cherry-markdown.theme__abyss figure svg:not(.echarts-svg) rect,
.cherry-markdown.theme__abyss figure svg:not(.echarts-svg) line {
  stroke: var(--primary-color) !important;
}
.cherry-markdown.theme__abyss figure svg:not(.echarts-svg) text {
  fill: var(--primary-color) !important;
  stroke: none !important;
}
.cherry-markdown.theme__abyss figure svg:not(.echarts-svg) tspan {
  fill: var(--primary-color) !important;
}
.cherry-markdown.theme__abyss figure svg:not(.echarts-svg) circle {
  fill: var(--oc-violet-0) !important;
}
.cherry-markdown.theme__abyss figure svg:not(.echarts-svg) circle.state-start {
  fill: var(--oc-white) !important;
}

/*
 * 清新主题
 */
.cherry.theme__green {
  /* ========== 基础色彩变量覆盖 ========== */
  --primary-color: var(--oc-green-9);
  --secondary-color: var(--oc-green-0);
  --base-font-color: var(--primary-color);
  --base-editor-bg: var(--oc-white);
  --base-previewer-bg: var(--secondary-color);
  --base-border-color: var(--oc-green-8);
  /* ========== 工具栏相关变量 ========== */
  --toolbar-bg: var(--oc-white);
  --toolbar-btn-color: var(--primary-color);
  --toolbar-btn-hover-bg: var(--primary-color);
  --toolbar-btn-hover-color: var(--secondary-color);
  --toolbar-btn-active-bg:var(--oc-green-7);
  --toolbar-split-color: var(--oc-green-8);
  --dropdown-item-hover-bg: var(--toolbar-btn-hover-bg);
  --dropdown-item-hover-color: var(--toolbar-btn-hover-color);
  /* ========== 编辑器相关变量 ========== */
  --editor-header-color: var(--oc-green-7);
  --editor-string-color: var(--oc-green-6);
  --editor-comment-color: var(--oc-green-6);
  --editor-quote-color: var(--primary-color);
  --editor-link-color: var(--oc-green-6);
  --editor-url-color: var(--secondary-color);
  --editor-v2-color: var(--primary-color);
  --editor-v3-color: var(--oc-green-7);
  --editor-keyword-color: var(--oc-green-6);
  --editor-selection-bg: var(--oc-green-2);
  --editor-active-line-bg: rgba(235, 251, 238, 0.4);
  /* ========== 预览器相关变量 ========== */
  --previewer-mobile-bg: var(--oc-white);
  /* ========== Markdown 相关变量 ========== */
  --md-heading-color: var(--oc-green-7);
  --md-paragraph-color: var(--primary-color);
  --md-link-color: var(--oc-green-6);
  --md-link-hover-color: var(--oc-green-7);
  --md-inline-code-color: var(--oc-green-6);
  --md-inline-code-bg: var(--oc-green-1);
  --md-blockquote-bg: var(--oc-green-1);
  --md-hr-border: var(--oc-green-8);
  /* ========== table 相关变量 ========== */
  --md-table-border: var(--oc-green-8);
  --md-table-drag-border-bg: var(--primary-color);
  --md-table-sort-active-bg: rgba(137, 245, 171, 0.493);
  --md-paragraph-highlight-line-bg: var(--oc-green-1);
  /* ========== Panel 相关变量 ========== */
  --panel-border-radius: 12px;
  --panel-bg: var(--oc-green-0);
  --panel-border: 1px solid var(--oc-green-2);
  --panel-box-shadow: 0 3px 12px rgba(64, 192, 87, 0.15);
  --panel-title-bg: var(--oc-green-1);
  --panel-title-color: var(--oc-green-9);
  --panel-title-border-radius: 10px 10px 0 0;
  --panel-title-border-bottom: 1px solid var(--oc-green-3);
  --panel-body-bg: var(--oc-white);
  --panel-body-color: var(--oc-green-9);
  --panel-body-border-radius: 0 0 10px 10px;
  /* Primary Panel */
  --panel-primary-border-color: var(--oc-green-4);
  --panel-primary-box-shadow: 0 3px 12px rgba(64, 192, 87, 0.25);
  --panel-primary-title-bg: var(--oc-green-3);
  --panel-primary-title-color: var(--oc-green-9);
  --panel-primary-body-bg: var(--oc-green-0);
  --panel-primary-body-color: var(--oc-green-8);
  /* Info Panel */
  --panel-info-border-color: var(--oc-cyan-4);
  --panel-info-box-shadow: 0 3px 12px rgba(9, 196, 244, 0.15);
  --panel-info-title-bg: var(--oc-cyan-2);
  --panel-info-title-color: var(--oc-cyan-9);
  --panel-info-body-bg: var(--oc-cyan-0);
  --panel-info-body-color: var(--oc-cyan-8);
  /* Warning Panel */
  --panel-warning-border-color: var(--oc-lime-4);
  --panel-warning-box-shadow: 0 3px 12px rgba(130, 201, 30, 0.15);
  --panel-warning-title-bg: var(--oc-lime-2);
  --panel-warning-title-color: var(--oc-lime-9);
  --panel-warning-body-bg: var(--oc-lime-0);
  --panel-warning-body-color: var(--oc-lime-8);
  /* Danger Panel */
  --panel-danger-border-color: var(--oc-red-4);
  --panel-danger-box-shadow: 0 3px 12px rgba(250, 82, 82, 0.15);
  --panel-danger-title-bg: var(--oc-red-2);
  --panel-danger-title-color: var(--oc-red-9);
  --panel-danger-body-bg: var(--oc-red-0);
  --panel-danger-body-color: var(--oc-red-8);
  /* Success Panel */
  --panel-success-border-color: var(--oc-green-5);
  --panel-success-box-shadow: 0 3px 12px rgba(64, 192, 87, 0.3);
  --panel-success-title-bg: var(--oc-green-4);
  --panel-success-title-color: var(--oc-white);
  --panel-success-body-bg: var(--oc-green-0);
  --panel-success-body-color: var(--oc-green-8);
  --md-toc-bg: var(--oc-white);
  --md-toc-indicator-color: var(--oc-green-1);
  --md-toc-link-hover-bg: var(--oc-green-0);
  --md-toc-link-active-bg: var(--oc-green-1);
  /* ========== 手风琴组件变量覆盖 ========== */
  --accordion-bg: var(--oc-green-0);
  --accordion-border: var(--oc-green-2);
  --accordion-summary-hover-bg: var(--oc-green-5);
  --accordion-body-bg: var(--oc-green-0);
  --accordion-body-border: var(--oc-green-1);
  --accordion-body-color: var(--primary-color);
}

/** 预览区域样式 */
.cherry-markdown.theme__green h1,
.cherry-markdown.theme__green h2,
.cherry-markdown.theme__green h3,
.cherry-markdown.theme__green h4,
.cherry-markdown.theme__green h5 {
  text-align: center;
  margin-bottom: 35px;
}

/*
 * 热情主题
 */
.cherry.theme__red {
  --primary-color: var(--oc-pink-7);
  --secondary-color: var(--oc-pink-0);
  --base-font-color: var(--oc-pink-9);
  --base-editor-bg: var(--oc-pink-0);
  --base-previewer-bg: var(--oc-pink-0);
  --base-border-color: var(--oc-pink-8);
  /* ========== 工具栏相关变量 ========== */
  --toolbar-bg: var(--oc-pink-1);
  --toolbar-btn-color: var(--oc-pink-8);
  --toolbar-btn-hover-bg: var(--oc-pink-5);
  --toolbar-btn-hover-color: var(--oc-pink-0);
  --toolbar-btn-active-bg: var(--oc-pink-7);
  --toolbar-split-color: var(--oc-pink-8);
  --dropdown-bg: var(--oc-white);
  --dropdown-item-hover-bg: var(--toolbar-btn-hover-bg);
  --dropdown-item-hover-color: var(--toolbar-btn-hover-color);
  /* ========== 编辑器相关变量 ========== */
  --editor-header-color: var(--primary-color);
  --editor-string-color: var(--oc-pink-5);
  --editor-comment-color: var(--oc-pink-5);
  --editor-quote-color: var(--oc-pink-9);
  --editor-link-color: var(--oc-pink-5);
  --editor-url-color: var(--oc-pink-1);
  --editor-v2-color: var(--oc-pink-9);
  --editor-v3-color: var(--primary-color);
  --editor-keyword-color: var(--oc-pink-5);
  --editor-selection-bg: var(--oc-pink-2);
  --editor-active-line-bg: #fcc2d733;
  /* ========== Markdown 相关变量 ========== */
  --md-heading-color: var(--primary-color);
  --md-paragraph-color: var(--oc-pink-9);
  --md-link-color: var(--oc-pink-5);
  --md-link-hover-color: var(--primary-color);
  --md-inline-code-color: var(--oc-pink-5);
  --md-inline-code-bg: var(--oc-pink-1);
  --md-blockquote-bg: var(--oc-pink-1);
  --md-hr-border: var(--oc-pink-8);
  /* ========== table 相关变量 ========== */
  --md-table-border: var(--oc-pink-8);
  --md-table-drag-border-bg: var(--primary-color);
  --md-table-sort-active-bg: var(--oc-pink-2);
  --md-paragraph-highlight-line-bg: var(--oc-red-1);
  /* ========== Panel 相关变量 ========== */
  --panel-border-radius: 6px;
  --panel-bg: linear-gradient(135deg, var(--oc-pink-0), var(--oc-pink-1));
  --panel-border: 1px solid var(--oc-pink-3);
  --panel-box-shadow: 0 2px 8px rgba(230, 28, 132, 0.15);
  --panel-title-bg: linear-gradient(135deg, var(--oc-pink-2), var(--oc-pink-1));
  --panel-title-color: var(--oc-pink-9);
  --panel-title-border-radius: 6px 6px 0 0;
  --panel-title-border-bottom: 1px solid var(--oc-pink-3);
  --panel-body-bg: var(--oc-pink-0);
  --panel-body-color: var(--oc-pink-9);
  --panel-body-border-radius: 0 0 6px 6px;
  /* Primary Panel */
  --panel-primary-bg: linear-gradient(135deg, var(--oc-pink-0), var(--oc-pink-2));
  --panel-primary-border-color: var(--oc-pink-5);
  --panel-primary-title-bg: linear-gradient(135deg, var(--oc-pink-5), var(--oc-pink-4));
  --panel-primary-title-color: var(--oc-white);
  --panel-primary-body-bg: var(--oc-pink-0);
  --panel-primary-body-color: var(--oc-pink-8);
  /* Info Panel */
  --panel-info-bg: linear-gradient(135deg, var(--oc-grape-0), var(--oc-grape-1));
  --panel-info-border-color: var(--oc-grape-4);
  --panel-info-title-bg: linear-gradient(135deg, var(--oc-grape-4), var(--oc-grape-3));
  --panel-info-title-color: var(--oc-white);
  --panel-info-body-bg: var(--oc-grape-0);
  --panel-info-body-color: var(--oc-grape-8);
  /* Warning Panel */
  --panel-warning-bg: linear-gradient(135deg, var(--oc-orange-0), var(--oc-orange-1));
  --panel-warning-border-color: var(--oc-orange-4);
  --panel-warning-title-bg: linear-gradient(135deg, var(--oc-orange-5), var(--oc-orange-4));
  --panel-warning-title-color: var(--oc-white);
  --panel-warning-body-bg: var(--oc-orange-0);
  --panel-warning-body-color: var(--oc-orange-8);
  /* Danger Panel */
  --panel-danger-bg: linear-gradient(135deg, var(--oc-red-0), var(--oc-red-2));
  --panel-danger-border-color: var(--oc-red-5);
  --panel-danger-box-shadow: 0 2px 8px rgba(245, 101, 101, 0.2);
  --panel-danger-title-bg: linear-gradient(135deg, var(--oc-red-6), var(--oc-red-5));
  --panel-danger-title-color: var(--oc-white);
  --panel-danger-body-bg: var(--oc-red-0);
  --panel-danger-body-color: var(--oc-red-8);
  /* Success Panel */
  --panel-success-bg: linear-gradient(135deg, var(--oc-teal-0), var(--oc-teal-1));
  --panel-success-border-color: var(--oc-teal-4);
  --panel-success-title-bg: linear-gradient(135deg, var(--oc-teal-5), var(--oc-teal-4));
  --panel-success-title-color: var(--oc-white);
  --panel-success-body-bg: var(--oc-teal-0);
  --panel-success-body-color: var(--oc-teal-8);
  --md-toc-bg: var(--oc-white);
  --md-toc-border-color: var(--base-border-color);
  --md-toc-indicator-color: var(--oc-pink-1);
  --md-toc-link-hover-bg: var(--oc-pink-0);
  --md-toc-link-active-bg: var(--oc-pink-1);
  /* ========== 手风琴组件变量覆盖 ========== */
  --accordion-bg: var(--oc-pink-0);
  --accordion-border: var(--oc-pink-2);
  --accordion-summary-bg: linear-gradient(135deg, var(--oc-pink-6), var(--oc-pink-7));
  --accordion-summary-hover-bg: linear-gradient(135deg, var(--oc-pink-5), var(--oc-pink-6));
  --accordion-accent-color: linear-gradient(to bottom, var(--oc-pink-4), var(--oc-pink-6));
  --accordion-body-bg: var(--oc-pink-0);
  --accordion-body-border: var(--oc-pink-1);
  --accordion-body-color: var(--oc-pink-9);
  --accordion-multiple-border: var(--oc-pink-2);
  --accordion-multiple-item-border: var(--oc-pink-1);
}

/** 预览区域样式 */
.cherry-markdown.theme__red h1,
.cherry-markdown.theme__red h2,
.cherry-markdown.theme__red h3,
.cherry-markdown.theme__red h4,
.cherry-markdown.theme__red h5 {
  text-align: center;
  border-bottom: 1px dashed var(--md-hr-border);
  padding-bottom: 15px;
  margin-bottom: 25px;
}

/*
 * 沉稳主题
 */
.cherry.theme__gray {
  --primary-color: var(--oc-gray-8);
  --secondary-color: var(--oc-gray-3);
  --base-font-color: var(--oc-gray-7);
  --base-editor-bg: var(--oc-white);
  --base-previewer-bg: var(--oc-white);
  --base-border-color: var(--oc-gray-4);
  --md-heading-color: var(--oc-gray-7);
  --md-paragraph-color: var(--oc-gray-7);
  --md-link-color: var(--oc-blue-4);
  --md-link-hover-color: var(--oc-blue-4);
  --md-inline-code-color: var(--oc-red-7);
  --md-inline-code-bg: var(--oc-gray-2);
  --md-blockquote-bg: rgba(134, 142, 150, 0.05);
  --md-hr-border: var(--oc-gray-3);
  --md-table-border: var(--oc-gray-3);
  --md-table-sort-active-bg: var(--oc-gray-2);
  --md-table-drag-border-bg: var(--oc-blue-3);
  --md-table-operator-color: var(--oc-gray-6);
  --accordion-summary-hover-bg: var(--oc-gray-3);
  --accordion-summary-bg: var(--oc-gray-2);
  --accordion-summary-color: var(--oc-gray-7);
  --dropdown-item-hover-bg: var(--oc-gray-2);
  --dropdown-item-hover-color: var(--oc-gray-8);
  --editor-url-color: var(--oc-gray-2);
  --editor-active-line-bg: rgba(241, 243, 245, 0.4);
  --accordion-shadow: none;
}

/*
 * Bear-inspired theme — warm, minimal, content-focused
 */
.cherry.theme__violet {
  /* ========== 基础色彩变量覆盖 ========== */
  --primary-color: #c05040;
  --secondary-color: #faf6f0;
  --base-font-color: #3b3330;
  --base-editor-bg: #faf6f0;
  --base-previewer-bg: #faf6f0;
  --base-border-color: #e0d6cc;
  /* ========== 工具栏相关变量 ========== */
  --toolbar-bg: #f5efe7;
  --toolbar-btn-color: #6b5e55;
  --toolbar-btn-hover-bg: #ebe3d9;
  --toolbar-btn-hover-color: var(--primary-color);
  --toolbar-btn-active-bg: #e0d6cc;
  --toolbar-split-color: #e0d6cc;
  --dropdown-item-hover-bg: #ebe3d9;
  --dropdown-item-hover-color: var(--primary-color);
  /* ========== 编辑器相关变量 ========== */
  --editor-header-color: var(--primary-color);
  --editor-string-color: #8a6d3b;
  --editor-comment-color: #a89a8c;
  --editor-quote-color: #8a7968;
  --editor-link-color: #b85a4e;
  --editor-url-color: #a89a8c;
  --editor-v2-color: #3b3330;
  --editor-v3-color: var(--primary-color);
  --editor-keyword-color: #8a6d3b;
  --editor-selection-bg: #e8d8c8;
  --editor-active-line-bg: rgba(224, 214, 204, 0.4);
  /* ========== Markdown 相关变量 ========== */
  --md-heading-color: #3b3330;
  --md-paragraph-color: #3b3330;
  --md-link-color: var(--primary-color);
  --md-link-hover-color: #a03828;
  --md-inline-code-color: #c05040;
  --md-inline-code-bg: #f0e8de;
  --md-blockquote-bg: #f0e8de;
  --md-blockquote-border: #d4c4b0;
  --md-blockquote-color: #8a7968;
  --md-hr-border: #e0d6cc;
  /* ========== table 相关变量 ========== */
  --md-table-border: #e0d6cc;
  --md-table-drag-border-bg: var(--primary-color);
  --md-table-sort-active-bg: #ebe3d9;
  /* ========== Panel 相关变量 ========== */
  --panel-border-radius: 6px;
  --panel-bg: #f5efe7;
  --panel-border: 1px solid #e0d6cc;
  --panel-box-shadow: none;
  --panel-title-bg: #ebe3d9;
  --panel-title-color: #3b3330;
  --panel-title-border-radius: 6px 6px 0 0;
  --panel-title-border-bottom: 1px solid #e0d6cc;
  --panel-body-bg: #f5efe7;
  --panel-body-color: #3b3330;
  --panel-body-border-radius: 0 0 6px 6px;
  /* Primary Panel */
  --panel-primary-border-color: #c8a882;
  --panel-primary-title-bg: #f0e0cc;
  --panel-primary-title-color: #6b4c30;
  --panel-primary-title-border-bottom: 1px solid #d4c4b0;
  --panel-primary-body-bg: #faf2e8;
  --panel-primary-body-color: #5a4030;
  /* Info Panel */
  --panel-info-border-color: #8cb8c8;
  --panel-info-title-bg: #e0f0f4;
  --panel-info-title-color: #3a6878;
  --panel-info-title-border-bottom: 1px solid #b8d8e4;
  --panel-info-body-bg: #f0f8fa;
  --panel-info-body-color: #3a6878;
  /* Warning Panel */
  --panel-warning-border-color: #d4b06a;
  --panel-warning-title-bg: #faf0d8;
  --panel-warning-title-color: #7a5c20;
  --panel-warning-title-border-bottom: 1px solid #e8d4a0;
  --panel-warning-body-bg: #fdf8ee;
  --panel-warning-body-color: #7a5c20;
  /* Danger Panel */
  --panel-danger-border-color: #d08070;
  --panel-danger-title-bg: #fae8e4;
  --panel-danger-title-color: #8a3828;
  --panel-danger-title-border-bottom: 1px solid #e4c0b8;
  --panel-danger-body-bg: #fdf4f2;
  --panel-danger-body-color: #8a3828;
  /* Success Panel */
  --panel-success-border-color: #88b888;
  --panel-success-title-bg: #e4f0e4;
  --panel-success-title-color: #3a6838;
  --panel-success-title-border-bottom: 1px solid #b8d4b8;
  --panel-success-body-bg: #f2f8f2;
  --panel-success-body-color: #3a6838;
  --md-toc-bg: #f5efe7;
  --md-toc-border-color: #e0d6cc;
  --md-toc-indicator-color: #e0d6cc;
  --md-toc-link-hover-bg: #ebe3d9;
  --md-toc-link-active-bg: #e0d6cc;
  /* ========== 手风琴组件变量覆盖 ========== */
  --accordion-bg: #f5efe7;
  --accordion-border: #e0d6cc;
  --accordion-summary-bg: #c05040;
  --accordion-summary-hover-bg: #a84438;
  --accordion-body-bg: #f5efe7;
  --accordion-body-border: #ebe3d9;
  --accordion-body-color: #3b3330;
}

/** 预览区域样式 */
.cherry-markdown.theme__violet h1 {
  padding-bottom: 8px;
  border-bottom: 1px solid #e0d6cc;
  margin-bottom: 24px;
}

/*
 * Editary-inspired theme — professional writing, forest-green accent, paper-like
 */
.cherry.theme__blue {
  /* ========== 基础色彩变量覆盖 ========== */
  --primary-color: #2b7a4b;
  --secondary-color: #f4f8f6;
  --base-font-color: #1a1a1a;
  --base-editor-bg: #fbfbfa;
  --base-previewer-bg: #fbfbfa;
  --base-border-color: #e2e2e0;
  /* ========== 工具栏相关变量 ========== */
  --toolbar-bg: #fbfbfa;
  --toolbar-btn-color: #4a4a48;
  --toolbar-btn-hover-bg: #eef2f0;
  --toolbar-btn-hover-color: var(--primary-color);
  --toolbar-btn-active-bg: #e2e2e0;
  --toolbar-split-color: #e2e2e0;
  --dropdown-bg: #ffffff;
  --dropdown-item-hover-bg: #eef2f0;
  --dropdown-item-hover-color: var(--primary-color);
  /* ========== 编辑器相关变量 ========== */
  --editor-header-color: var(--primary-color);
  --editor-string-color: #2b7a4b;
  --editor-comment-color: #9c9c9a;
  --editor-quote-color: #5a5a58;
  --editor-link-color: #1a6b8a;
  --editor-url-color: rgba(43, 122, 75, 0.1);
  --editor-v2-color: #1a1a1a;
  --editor-v3-color: var(--primary-color);
  --editor-keyword-color: #1a6b8a;
  --editor-selection-bg: #c8e6d4;
  --editor-active-line-bg: rgba(43, 122, 75, 0.05);
  /* ========== Markdown 相关变量 ========== */
  --md-heading-color: #1a1a1a;
  --md-paragraph-color: #1a1a1a;
  --md-link-color: #1a6b8a;
  --md-link-hover-color: var(--primary-color);
  --md-inline-code-color: #c7254e;
  --md-inline-code-bg: #f2f2f0;
  --md-blockquote-bg: #f7f9f8;
  --md-blockquote-border: #2b7a4b;
  --md-blockquote-color: #5a5a58;
  --md-hr-border: #e2e2e0;
  /* ========== table 相关变量 ========== */
  --md-table-border: #e2e2e0;
  --md-table-drag-border-bg: var(--primary-color);
  --md-table-sort-active-bg: rgba(43, 122, 75, 0.1);
  --md-paragraph-highlight-line-bg: #f4f8f6;
  /* ========== Panel 相关变量 ========== */
  --panel-border-radius: 4px;
  --panel-bg: #f7f9f8;
  --panel-border: 1px solid #e2e2e0;
  --panel-box-shadow: none;
  --panel-title-bg: #eef2f0;
  --panel-title-color: #1a1a1a;
  --panel-title-border-radius: 4px 4px 0 0;
  --panel-title-border-bottom: 1px solid #e2e2e0;
  --panel-body-bg: #fbfbfa;
  --panel-body-color: #1a1a1a;
  --panel-body-border-radius: 0 0 4px 4px;
  /* Primary Panel */
  --panel-primary-bg: rgba(43, 122, 75, 0.05);
  --panel-primary-border-color: #2b7a4b;
  --panel-primary-title-bg: rgba(43, 122, 75, 0.1);
  --panel-primary-title-color: #1a5a38;
  --panel-primary-body-bg: rgba(43, 122, 75, 0.03);
  --panel-primary-body-color: #1a1a1a;
  /* Info Panel */
  --panel-info-bg: rgba(26, 107, 138, 0.05);
  --panel-info-border-color: #1a6b8a;
  --panel-info-title-bg: rgba(26, 107, 138, 0.1);
  --panel-info-title-color: #145570;
  --panel-info-body-bg: rgba(26, 107, 138, 0.03);
  --panel-info-body-color: #1a1a1a;
  /* Warning Panel */
  --panel-warning-bg: rgba(196, 152, 42, 0.05);
  --panel-warning-border-color: #c4982a;
  --panel-warning-title-bg: rgba(196, 152, 42, 0.1);
  --panel-warning-title-color: #8a6a18;
  --panel-warning-body-bg: rgba(196, 152, 42, 0.03);
  --panel-warning-body-color: #1a1a1a;
  /* Danger Panel */
  --panel-danger-bg: rgba(199, 37, 78, 0.05);
  --panel-danger-border-color: #c7254e;
  --panel-danger-title-bg: rgba(199, 37, 78, 0.1);
  --panel-danger-title-color: #9a1a3a;
  --panel-danger-body-bg: rgba(199, 37, 78, 0.03);
  --panel-danger-body-color: #1a1a1a;
  /* Success Panel */
  --panel-success-bg: rgba(43, 122, 75, 0.05);
  --panel-success-border-color: #2b7a4b;
  --panel-success-title-bg: rgba(43, 122, 75, 0.1);
  --panel-success-title-color: #1a5a38;
  --panel-success-body-bg: rgba(43, 122, 75, 0.03);
  --panel-success-body-color: #1a1a1a;
  --md-toc-bg: #f7f9f8;
  --md-toc-border-color: #e2e2e0;
  --md-toc-indicator-color: #d0d0ce;
  --md-toc-link-hover-bg: #eef2f0;
  --md-toc-link-active-bg: #e2e8e5;
  /* ========== 手风琴组件变量覆盖 ========== */
  --accordion-bg: #f7f9f8;
  --accordion-border: #e2e2e0;
  --accordion-summary-bg: #2b7a4b;
  --accordion-summary-hover-bg: #236640;
  --accordion-body-bg: #fbfbfa;
  --accordion-body-border: #eef2f0;
  --accordion-body-color: #1a1a1a;
}
.cherry.theme__blue .cherry-toolbar {
  box-shadow: none;
}

/** 预览区域样式 */
.cherry-markdown.theme__blue {
  /** Editary-style: h1 with bottom border for clear section separation */
  /** Editary-style: left-border panels for structured callouts */
}
.cherry-markdown.theme__blue h1 {
  padding-bottom: 10px;
  border-bottom: 2px solid #e2e2e0;
  margin-bottom: 24px;
}
.cherry-markdown.theme__blue .cherry-panel__primary {
  border-left: 3px solid #2b7a4b;
}
.cherry-markdown.theme__blue .cherry-panel__info {
  border-left: 3px solid #1a6b8a;
}
.cherry-markdown.theme__blue .cherry-panel__warning {
  border-left: 3px solid #c4982a;
}
.cherry-markdown.theme__blue .cherry-panel__danger {
  border-left: 3px solid #c7254e;
}
.cherry-markdown.theme__blue .cherry-panel__success {
  border-left: 3px solid #2b7a4b;
}/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/


/* Default standalone editor fonts */
.monaco-editor {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe WPC", "Segoe UI", "HelveticaNeue-Light", system-ui, "Ubuntu", "Droid Sans", sans-serif;
	--monaco-monospace-font: "SF Mono", Monaco, Menlo, Consolas, "Ubuntu Mono", "Liberation Mono", "DejaVu Sans Mono", "Courier New", monospace;
}

.monaco-menu .monaco-action-bar.vertical .action-item .action-menu-item:focus .action-label {
	stroke-width: 1.2px;
}

.monaco-editor.vs-dark .monaco-menu .monaco-action-bar.vertical .action-menu-item:focus .action-label,
.monaco-editor.hc-black .monaco-menu .monaco-action-bar.vertical .action-menu-item:focus .action-label,
.monaco-editor.hc-light .monaco-menu .monaco-action-bar.vertical .action-menu-item:focus .action-label {
	stroke-width: 1.2px;
}

.monaco-hover p {
	margin: 0;
}

/* See https://github.com/microsoft/monaco-editor/issues/2168#issuecomment-780078600 */
.monaco-aria-container {
	position: absolute !important;
	top: 0; /* avoid being placed underneath a sibling element */
	height: 1px;
	width: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
}

/*.monaco-editor.vs [tabindex="0"]:focus {
	outline: 1px solid rgba(0, 122, 204, 0.4);
	outline-offset: -1px;
	opacity: 1 !important;
}

.monaco-editor.vs-dark [tabindex="0"]:focus {
	outline: 1px solid rgba(14, 99, 156, 0.6);
	outline-offset: -1px;
	opacity: 1 !important;
}*/
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-aria-container {
	position: absolute; /* try to hide from window but not from screen readers */
	left:-999em;
}/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

/* -------------------- IE10 remove auto clear button -------------------- */

::-ms-clear {
	display: none;
}

/* All widgets */
/* I am not a big fan of this rule */
.monaco-editor .editor-widget input {
	color: inherit;
}

/* -------------------- Editor -------------------- */

.monaco-editor {
	position: relative;
	overflow: visible;
	-webkit-text-size-adjust: 100%;
	color: var(--vscode-editor-foreground);
	background-color: var(--vscode-editor-background);
}
.monaco-editor-background {
	background-color: var(--vscode-editor-background);
}
.monaco-editor .rangeHighlight {
	background-color: var(--vscode-editor-rangeHighlightBackground);
	box-sizing: border-box;
	border: 1px solid var(--vscode-editor-rangeHighlightBorder);
}
.monaco-editor.hc-black .rangeHighlight, .monaco-editor.hc-light .rangeHighlight {
	border-style: dotted;
}
.monaco-editor .symbolHighlight {
	background-color: var(--vscode-editor-symbolHighlightBackground);
	box-sizing: border-box;
	border: 1px solid var(--vscode-editor-symbolHighlightBorder);
}
.monaco-editor.hc-black .symbolHighlight, .monaco-editor.hc-light .symbolHighlight {
	border-style: dotted;
}

/* -------------------- Misc -------------------- */

.monaco-editor .overflow-guard {
	position: relative;
	overflow: hidden;
}

.monaco-editor .view-overlays {
	position: absolute;
	top: 0;
}

/*
.monaco-editor .auto-closed-character {
	opacity: 0.3;
}
*/


.monaco-editor .squiggly-error {
	border-bottom: 4px double var(--vscode-editorError-border);
}
.monaco-editor .squiggly-error::before {
	display: block;
	content: '';
	width: 100%;
	height: 100%;
	background: var(--vscode-editorError-background);
}
.monaco-editor .squiggly-warning {
	border-bottom: 4px double var(--vscode-editorWarning-border);
}
.monaco-editor .squiggly-warning::before {
	display: block;
	content: '';
	width: 100%;
	height: 100%;
	background: var(--vscode-editorWarning-background);
}
.monaco-editor .squiggly-info {
	border-bottom: 4px double var(--vscode-editorInfo-border);
}
.monaco-editor .squiggly-info::before {
	display: block;
	content: '';
	width: 100%;
	height: 100%;
	background: var(--vscode-editorInfo-background);
}
.monaco-editor .squiggly-hint {
	border-bottom: 2px dotted var(--vscode-editorHint-border);
}
.monaco-editor.showUnused .squiggly-unnecessary {
	border-bottom: 2px dashed var(--vscode-editorUnnecessaryCode-border);
}
.monaco-editor.showDeprecated .squiggly-inline-deprecated {
	text-decoration: line-through;
	text-decoration-color: var(--vscode-editor-foreground, inherit);
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

/* Arrows */
.monaco-scrollable-element > .scrollbar > .scra {
	cursor: pointer;
	font-size: 11px !important;
}

.monaco-scrollable-element > .visible {
	opacity: 1;

	/* Background rule added for IE9 - to allow clicks on dom node */
	background:rgba(0,0,0,0);

	transition: opacity 100ms linear;
	/* In front of peek view */
	z-index: 11;
}
.monaco-scrollable-element > .invisible {
	opacity: 0;
	pointer-events: none;
}
.monaco-scrollable-element > .invisible.fade {
	transition: opacity 800ms linear;
}

/* Scrollable Content Inset Shadow */
.monaco-scrollable-element > .shadow {
	position: absolute;
	display: none;
}
.monaco-scrollable-element > .shadow.top {
	display: block;
	top: 0;
	left: 3px;
	height: 3px;
	width: 100%;
	box-shadow: var(--vscode-scrollbar-shadow) 0 6px 6px -6px inset;
}
.monaco-scrollable-element > .shadow.left {
	display: block;
	top: 3px;
	left: 0;
	height: 100%;
	width: 3px;
	box-shadow: var(--vscode-scrollbar-shadow) 6px 0 6px -6px inset;
}
.monaco-scrollable-element > .shadow.top-left-corner {
	display: block;
	top: 0;
	left: 0;
	height: 3px;
	width: 3px;
}
.monaco-scrollable-element > .shadow.top.left {
	box-shadow: var(--vscode-scrollbar-shadow) 6px 0 6px -6px inset;
}

.monaco-scrollable-element > .scrollbar > .slider {
	background: var(--vscode-scrollbarSlider-background);
}

.monaco-scrollable-element > .scrollbar > .slider:hover {
	background: var(--vscode-scrollbarSlider-hoverBackground);
}

.monaco-scrollable-element > .scrollbar > .slider.active {
	background: var(--vscode-scrollbarSlider-activeBackground);
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .inputarea {
	min-width: 0;
	min-height: 0;
	margin: 0;
	padding: 0;
	position: absolute;
	outline: none !important;
	resize: none;
	border: none;
	overflow: hidden;
	color: transparent;
	background-color: transparent;
	z-index: -10;
}
/*.monaco-editor .inputarea {
	position: fixed !important;
	width: 800px !important;
	height: 500px !important;
	top: initial !important;
	left: initial !important;
	bottom: 0 !important;
	right: 0 !important;
	color: black !important;
	background: white !important;
	line-height: 15px !important;
	font-size: 14px !important;
	z-index: 10 !important;
}*/
.monaco-editor .inputarea.ime-input {
	z-index: 10;
	caret-color: var(--vscode-editorCursor-foreground);
	color: var(--vscode-editor-foreground);
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .margin-view-overlays .line-numbers {
	font-variant-numeric: tabular-nums;
	position: absolute;
	text-align: right;
	display: inline-block;
	vertical-align: middle;
	box-sizing: border-box;
	cursor: default;
	height: 100%;
}

.monaco-editor .relative-current-line-number {
	text-align: left;
	display: inline-block;
	width: 100%;
}

.monaco-editor .margin-view-overlays .line-numbers.lh-odd {
	margin-top: 1px;
}

.monaco-editor .line-numbers {
	color: var(--vscode-editorLineNumber-foreground);
}

.monaco-editor .line-numbers.active-line-number {
	color: var(--vscode-editorLineNumber-activeForeground);
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .margin {
	background-color: var(--vscode-editorGutter-background);
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-mouse-cursor-text {
	cursor: text;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .view-overlays .current-line {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	box-sizing: border-box;
}

.monaco-editor .margin-view-overlays .current-line {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	box-sizing: border-box;
}

.monaco-editor .margin-view-overlays .current-line.current-line-margin.current-line-margin-both {
	border-right: 0;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

/*
	Keeping name short for faster parsing.
	cdr = core decorations rendering (div)
*/
.monaco-editor .lines-content .cdr {
	position: absolute;
}/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .lines-content .core-guide {
	position: absolute;
	box-sizing: border-box;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

/* Uncomment to see lines flashing when they're painted */
/*.monaco-editor .view-lines > .view-line {
	background-color: none;
	animation-name: flash-background;
	animation-duration: 800ms;
}
@keyframes flash-background {
	0%   { background-color: lightgreen; }
	100% { background-color: none }
}*/

.mtkcontrol {
	color: rgb(255, 255, 255) !important;
	background: rgb(150, 0, 0) !important;
}

.mtkoverflow {
	background-color: var(--vscode-button-background, var(--vscode-editor-background));
	color: var(--vscode-button-foreground, var(--vscode-editor-foreground));
	border-width: 1px;
	border-style: solid;
	border-color: var(--vscode-contrastBorder);
	border-radius: 2px;
	padding: 4px;
	cursor: pointer;
}
.mtkoverflow:hover {
	background-color: var(--vscode-button-hoverBackground);
}

.monaco-editor.no-user-select .lines-content,
.monaco-editor.no-user-select .view-line,
.monaco-editor.no-user-select .view-lines {
	-moz-user-select: none;
	     user-select: none;
	-webkit-user-select: none;
}
/* Use user-select: text for lookup feature on macOS */
/* https://github.com/microsoft/vscode/issues/85632 */
.monaco-editor.mac .lines-content:hover,
.monaco-editor.mac .view-line:hover,
.monaco-editor.mac .view-lines:hover {
	-moz-user-select: text;
	     user-select: text;
	-webkit-user-select: text;
	-ms-user-select: text;
}

.monaco-editor.enable-user-select {
	-moz-user-select: initial;
	     user-select: initial;
	-webkit-user-select: initial;
}

.monaco-editor .view-lines {
	white-space: nowrap;
}

.monaco-editor .view-line {
	position: absolute;
	width: 100%;
}

.monaco-editor .mtkw {
	color: var(--vscode-editorWhitespace-foreground) !important;
}

.monaco-editor .mtkz {
	display: inline-block;
	color: var(--vscode-editorWhitespace-foreground) !important;
}

/* TODO@tokenization bootstrap fix */
/*.monaco-editor .view-line > span > span {
	float: none;
	min-height: inherit;
	margin-left: inherit;
}*/
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/
.monaco-editor .lines-decorations {
	position: absolute;
	top: 0;
	background: white;
}

/*
	Keeping name short for faster parsing.
	cldr = core lines decorations rendering (div)
*/
.monaco-editor .margin-view-overlays .cldr {
	position: absolute;
	height: 100%;
}/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .glyph-margin {
	position: absolute;
	top: 0;
}

/*
	Keeping name short for faster parsing.
	cgmr = core glyph margin rendering (div)
*/
.monaco-editor .glyph-margin-widgets .cgmr {
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
}

/*
	Ensure spinning icons are pixel-perfectly centered and avoid wobble.
	This is only applied to icons that spin to avoid unnecessary
	GPU layers and blurry subpixel AA.
*/
.monaco-editor .glyph-margin-widgets .cgmr.codicon-modifier-spin::before  {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

/*
	Keeping name short for faster parsing.
	cmdr = core margin decorations rendering (div)
*/
.monaco-editor .margin-view-overlays .cmdr {
	position: absolute;
	left: 0;
	width: 100%;
	height: 100%;
}/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

/* START cover the case that slider is visible on mouseover */
.monaco-editor .minimap.slider-mouseover .minimap-slider {
	opacity: 0;
	transition: opacity 100ms linear;
}
.monaco-editor .minimap.slider-mouseover:hover .minimap-slider {
	opacity: 1;
}
.monaco-editor .minimap.slider-mouseover .minimap-slider.active {
	opacity: 1;
}
/* END cover the case that slider is visible on mouseover */
.monaco-editor .minimap-slider .minimap-slider-horizontal {
	background: var(--vscode-minimapSlider-background);
}
.monaco-editor .minimap-slider:hover .minimap-slider-horizontal {
	background: var(--vscode-minimapSlider-hoverBackground);
}
.monaco-editor .minimap-slider.active .minimap-slider-horizontal {
	background: var(--vscode-minimapSlider-activeBackground);
}
.monaco-editor .minimap-shadow-visible {
	box-shadow: var(--vscode-scrollbar-shadow) -6px 0 6px -6px inset;
}
.monaco-editor .minimap-shadow-hidden {
	position: absolute;
	width: 0;
}
.monaco-editor .minimap-shadow-visible {
	position: absolute;
	left: -6px;
	width: 6px;
}
.monaco-editor.no-minimap-shadow .minimap-shadow-visible {
	position: absolute;
	left: -1px;
	width: 1px;
}

/* 0.5s fade in/out for the minimap */
.minimap.autohide {
	opacity: 0;
	transition: opacity 0.5s;
}
.minimap.autohide:hover {
	opacity: 1;
}

.monaco-editor .minimap {
	z-index: 5;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/
.monaco-editor .overlayWidgets {
	position: absolute;
	top: 0;
	left:0;
}/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .view-ruler {
	position: absolute;
	top: 0;
	box-shadow: 1px 0 0 0 var(--vscode-editorRuler-foreground) inset;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .scroll-decoration {
	position: absolute;
	top: 0;
	left: 0;
	height: 6px;
	box-shadow: var(--vscode-scrollbar-shadow) 0 6px 6px -6px inset;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

/*
	Keeping name short for faster parsing.
	cslr = core selections layer rendering (div)
*/
.monaco-editor .lines-content .cslr {
	position: absolute;
}

.monaco-editor .focused .selected-text {
	background-color: var(--vscode-editor-selectionBackground);
}

.monaco-editor .selected-text {
	background-color: var(--vscode-editor-inactiveSelectionBackground);
}

.monaco-editor			.top-left-radius		{ border-top-left-radius: 3px; }
.monaco-editor			.bottom-left-radius		{ border-bottom-left-radius: 3px; }
.monaco-editor			.top-right-radius		{ border-top-right-radius: 3px; }
.monaco-editor			.bottom-right-radius	{ border-bottom-right-radius: 3px; }

.monaco-editor.hc-black .top-left-radius		{ border-top-left-radius: 0; }
.monaco-editor.hc-black .bottom-left-radius		{ border-bottom-left-radius: 0; }
.monaco-editor.hc-black .top-right-radius		{ border-top-right-radius: 0; }
.monaco-editor.hc-black .bottom-right-radius	{ border-bottom-right-radius: 0; }

.monaco-editor.hc-light .top-left-radius		{ border-top-left-radius: 0; }
.monaco-editor.hc-light .bottom-left-radius		{ border-bottom-left-radius: 0; }
.monaco-editor.hc-light .top-right-radius		{ border-top-right-radius: 0; }
.monaco-editor.hc-light .bottom-right-radius	{ border-bottom-right-radius: 0; }
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/
.monaco-editor .cursors-layer {
	position: absolute;
	top: 0;
}

.monaco-editor .cursors-layer > .cursor {
	position: absolute;
	overflow: hidden;
	box-sizing: border-box;
}

/* -- smooth-caret-animation -- */
.monaco-editor .cursors-layer.cursor-smooth-caret-animation > .cursor {
	transition: all 80ms;
}

/* -- block-outline-style -- */
.monaco-editor .cursors-layer.cursor-block-outline-style > .cursor {
	background: transparent !important;
	border-style: solid;
	border-width: 1px;
}

/* -- underline-style -- */
.monaco-editor .cursors-layer.cursor-underline-style > .cursor {
	border-bottom-width: 2px;
	border-bottom-style: solid;
	background: transparent !important;
}

/* -- underline-thin-style -- */
.monaco-editor .cursors-layer.cursor-underline-thin-style > .cursor {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	background: transparent !important;
}

@keyframes monaco-cursor-smooth {
	0%,
	20% {
		opacity: 1;
	}
	60%,
	100% {
		opacity: 0;
	}
}

@keyframes monaco-cursor-phase {
	0%,
	20% {
		opacity: 1;
	}
	90%,
	100% {
		opacity: 0;
	}
}

@keyframes monaco-cursor-expand {
	0%,
	20% {
		transform: scaleY(1);
	}
	80%,
	100% {
		transform: scaleY(0);
	}
}

.cursor-smooth {
	animation: monaco-cursor-smooth 0.5s ease-in-out 0s 20 alternate;
}

.cursor-phase {
	animation: monaco-cursor-phase 0.5s ease-in-out 0s 20 alternate;
}

.cursor-expand > .cursor {
	animation: monaco-cursor-expand 0.5s ease-in-out 0s 20 alternate;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .blockDecorations-container {
	position: absolute;
	top: 0;
	pointer-events: none;
}

.monaco-editor .blockDecorations-block {
	position: absolute;
	box-sizing: border-box;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .mwh {
	position: absolute;
	color: var(--vscode-editorWhitespace-foreground) !important;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.context-view {
	position: absolute;
}

.context-view.fixed {
	all: initial;
	font-family: inherit;
	font-size: 13px;
	position: fixed;
	color: inherit;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-list {
	position: relative;
	height: 100%;
	width: 100%;
	white-space: nowrap;
}

.monaco-list.mouse-support {
	-moz-user-select: none;
	     user-select: none;
	-webkit-user-select: none;
}

.monaco-list > .monaco-scrollable-element {
	height: 100%;
}

.monaco-list-rows {
	position: relative;
	width: 100%;
	height: 100%;
}

.monaco-list.horizontal-scrolling .monaco-list-rows {
	width: auto;
	min-width: 100%;
}

.monaco-list-row {
	position: absolute;
	box-sizing: border-box;
	overflow: hidden;
	width: 100%;
}

.monaco-list.mouse-support .monaco-list-row {
	cursor: pointer;
	touch-action: none;
}

/* Make sure the scrollbar renders above overlays (sticky scroll) */
.monaco-list .monaco-scrollable-element > .scrollbar.vertical,
.monaco-pane-view > .monaco-split-view2.vertical > .monaco-scrollable-element > .scrollbar.vertical {
	z-index: 14;
}

/* for OS X ballistic scrolling */
.monaco-list-row.scrolling {
	display: none !important;
}

/* Focus */
.monaco-list.element-focused,
.monaco-list.selection-single,
.monaco-list.selection-multiple {
	outline: 0 !important;
}

/* Dnd */
.monaco-drag-image {
	display: inline-block;
	padding: 1px 7px;
	border-radius: 10px;
	font-size: 12px;
	position: absolute;
	z-index: 1000;
}

/* Filter */

.monaco-list-type-filter-message {
	position: absolute;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	padding: 40px 1em 1em 1em;
	text-align: center;
	white-space: normal;
	opacity: 0.7;
	pointer-events: none;
}

.monaco-list-type-filter-message:empty {
	display: none;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

/* Use custom CSS vars to expose padding into parent select for padding calculation */
.monaco-select-box-dropdown-padding {
	--dropdown-padding-top: 1px;
	--dropdown-padding-bottom: 1px;
}

.hc-black .monaco-select-box-dropdown-padding,
.hc-light .monaco-select-box-dropdown-padding {
	--dropdown-padding-top: 3px;
	--dropdown-padding-bottom: 4px;
}

.monaco-select-box-dropdown-container {
	display: none;
	box-sizing:	border-box;
}

.monaco-select-box-dropdown-container > .select-box-details-pane > .select-box-description-markdown * {
	margin: 0;
}

.monaco-select-box-dropdown-container > .select-box-details-pane > .select-box-description-markdown a:focus {
	outline: 1px solid -webkit-focus-ring-color;
	outline-offset: -1px;
}

.monaco-select-box-dropdown-container > .select-box-details-pane > .select-box-description-markdown code {
	line-height: 15px; /** For some reason, this is needed, otherwise <code> will take up 20px height */
	font-family: var(--monaco-monospace-font);
}


.monaco-select-box-dropdown-container.visible {
	display: flex;
	flex-direction: column;
	text-align: left;
	width: 1px;
	overflow: hidden;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
}

.monaco-select-box-dropdown-container > .select-box-dropdown-list-container {
	flex: 0 0 auto;
	align-self: flex-start;
	padding-top: var(--dropdown-padding-top);
	padding-bottom: var(--dropdown-padding-bottom);
	padding-left: 1px;
	padding-right: 1px;
	width: 100%;
	overflow: hidden;
	box-sizing:	border-box;
}

.monaco-select-box-dropdown-container > .select-box-details-pane {
	padding: 5px;
}

.hc-black .monaco-select-box-dropdown-container > .select-box-dropdown-list-container {
	padding-top: var(--dropdown-padding-top);
	padding-bottom: var(--dropdown-padding-bottom);
}

.monaco-select-box-dropdown-container > .select-box-dropdown-list-container .monaco-list .monaco-list-row {
	cursor: pointer;
}

.monaco-select-box-dropdown-container > .select-box-dropdown-list-container .monaco-list .monaco-list-row > .option-text {
	text-overflow: ellipsis;
	overflow: hidden;
	padding-left: 3.5px;
	white-space: nowrap;
	float: left;
}

.monaco-select-box-dropdown-container > .select-box-dropdown-list-container .monaco-list .monaco-list-row > .option-detail {
	text-overflow: ellipsis;
	overflow: hidden;
	padding-left: 3.5px;
	white-space: nowrap;
	float: left;
	opacity: 0.7;
}

.monaco-select-box-dropdown-container > .select-box-dropdown-list-container .monaco-list .monaco-list-row > .option-decorator-right {
	text-overflow: ellipsis;
	overflow: hidden;
	padding-right: 10px;
	white-space: nowrap;
	float: right;
}


/* Accepted CSS hiding technique for accessibility reader text  */
/* https://webaim.org/techniques/css/invisiblecontent/ */

.monaco-select-box-dropdown-container > .select-box-dropdown-list-container .monaco-list .monaco-list-row > .visually-hidden {
		position: absolute;
		left: -10000px;
		top: auto;
		width: 1px;
		height: 1px;
		overflow: hidden;
}

.monaco-select-box-dropdown-container > .select-box-dropdown-container-width-control {
	flex: 1 1 auto;
	align-self: flex-start;
	opacity: 0;
}

.monaco-select-box-dropdown-container > .select-box-dropdown-container-width-control > .width-control-div {
	overflow: hidden;
	max-height: 0px;
}

.monaco-select-box-dropdown-container > .select-box-dropdown-container-width-control > .width-control-div > .option-text-width-control {
	padding-left: 4px;
	padding-right: 8px;
	white-space: nowrap;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-select-box {
	width: 100%;
	cursor: pointer;
	border-radius: 2px;
}

.monaco-select-box-dropdown-container {
	font-size: 13px;
	font-weight: normal;
	text-transform: none;
}

/** Actions */

.monaco-action-bar .action-item.select-container {
	cursor: default;
}

.monaco-action-bar .action-item .monaco-select-box {
	cursor: pointer;
	min-width: 100px;
	min-height: 18px;
	padding: 2px 23px 2px 8px;
}

.mac .monaco-action-bar .action-item .monaco-select-box {
	font-size: 11px;
	border-radius: 5px;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-action-bar {
	white-space: nowrap;
	height: 100%;
}

.monaco-action-bar .actions-container {
	display: flex;
	margin: 0 auto;
	padding: 0;
	height: 100%;
	width: 100%;
	align-items: center;
}

.monaco-action-bar.vertical .actions-container {
	display: inline-block;
}

.monaco-action-bar .action-item {
	display: block;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	position: relative;  /* DO NOT REMOVE - this is the key to preventing the ghosting icon bug in Chrome 42 */
}

.monaco-action-bar .action-item.disabled {
	cursor: default;
}

.monaco-action-bar .action-item .icon,
.monaco-action-bar .action-item .codicon {
	display: block;
}

.monaco-action-bar .action-item .codicon {
	display: flex;
	align-items: center;
	width: 16px;
	height: 16px;
}

.monaco-action-bar .action-label {
	display: flex;
	font-size: 11px;
	padding: 3px;
	border-radius: 5px;
}

.monaco-action-bar .action-item.disabled .action-label,
.monaco-action-bar .action-item.disabled .action-label::before,
.monaco-action-bar .action-item.disabled .action-label:hover {
	opacity: 0.6;
}

/* Vertical actions */

.monaco-action-bar.vertical {
	text-align: left;
}

.monaco-action-bar.vertical .action-item {
	display: block;
}

.monaco-action-bar.vertical .action-label.separator {
	display: block;
	border-bottom: 1px solid #bbb;
	padding-top: 1px;
	margin-left: .8em;
	margin-right: .8em;
}

.monaco-action-bar .action-item .action-label.separator {
	width: 1px;
	height: 16px;
	margin: 5px 4px !important;
	cursor: default;
	min-width: 1px;
	padding: 0;
	background-color: #bbb;
}

.secondary-actions .monaco-action-bar .action-label {
	margin-left: 6px;
}

/* Action Items */
.monaco-action-bar .action-item.select-container {
	overflow: hidden; /* somehow the dropdown overflows its container, we prevent it here to not push */
	flex: 1;
	max-width: 170px;
	min-width: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 10px;
}

.monaco-action-bar .action-item.action-dropdown-item {
	display: flex;
}

.monaco-action-bar .action-item.action-dropdown-item > .action-dropdown-item-separator {
	display: flex;
	align-items: center;
	cursor: default;
}

.monaco-action-bar .action-item.action-dropdown-item > .action-dropdown-item-separator > div {
	width: 1px;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-dropdown {
	height: 100%;
	padding: 0;
}

.monaco-dropdown > .dropdown-label {
	cursor: pointer;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.monaco-dropdown > .dropdown-label > .action-label.disabled {
	cursor: default;
}

.monaco-dropdown-with-primary {
	display: flex !important;
	flex-direction: row;
	border-radius: 5px;
}

.monaco-dropdown-with-primary > .action-container > .action-label {
	margin-right: 0;
}

.monaco-dropdown-with-primary > .dropdown-action-container > .monaco-dropdown > .dropdown-label .codicon[class*='codicon-'] {
	font-size: 12px;
	padding-left: 0px;
	padding-right: 0px;
	line-height: 16px;
	margin-left: -3px;
}

.monaco-dropdown-with-primary > .dropdown-action-container > .monaco-dropdown > .dropdown-label > .action-label {
	display: block;
	background-size: 16px;
	background-position: center center;
	background-repeat: no-repeat;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-action-bar .action-item.menu-entry .action-label.icon {
	width: 16px;
	height: 16px;
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: 16px;
}

.monaco-dropdown-with-default {
	display: flex !important;
	flex-direction: row;
	border-radius: 5px;
}

.monaco-dropdown-with-default > .action-container > .action-label {
	margin-right: 0;
}

.monaco-dropdown-with-default > .action-container.menu-entry > .action-label.icon {
	width: 16px;
	height: 16px;
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: 16px;
}

.monaco-dropdown-with-default > .dropdown-action-container > .monaco-dropdown > .dropdown-label .codicon[class*='codicon-'] {
	font-size: 12px;
	padding-left: 0px;
	padding-right: 0px;
	line-height: 16px;
	margin-left: -3px;
}

.monaco-dropdown-with-default > .dropdown-action-container > .monaco-dropdown > .dropdown-label > .action-label {
	display: block;
	background-size: 16px;
	background-position: center center;
	background-repeat: no-repeat;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.quick-input-widget {
	font-size: 13px;
}

.quick-input-widget .monaco-highlighted-label .highlight,
.quick-input-widget .monaco-highlighted-label .highlight {
	color: #0066BF;
}

.vs .quick-input-widget .monaco-list-row.focused .monaco-highlighted-label .highlight,
.vs .quick-input-widget .monaco-list-row.focused .monaco-highlighted-label .highlight {
	color: #9DDDFF;
}

.vs-dark .quick-input-widget .monaco-highlighted-label .highlight,
.vs-dark .quick-input-widget .monaco-highlighted-label .highlight {
	color: #0097fb;
}

.hc-black .quick-input-widget .monaco-highlighted-label .highlight,
.hc-black .quick-input-widget .monaco-highlighted-label .highlight {
	color: #F38518;
}

.hc-light .quick-input-widget .monaco-highlighted-label .highlight,
.hc-light .quick-input-widget .monaco-highlighted-label .highlight {
	color: #0F4A85;
}

.monaco-keybinding > .monaco-keybinding-key {
	background-color: rgba(221, 221, 221, 0.4);
	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);
	color: #555;
}

.hc-black .monaco-keybinding > .monaco-keybinding-key {
	background-color: transparent;
	border: solid 1px rgb(111, 195, 223);
	box-shadow: none;
	color: #fff;
}

.hc-light .monaco-keybinding > .monaco-keybinding-key {
	background-color: transparent;
	border: solid 1px #0F4A85;
	box-shadow: none;
	color: #292929;
}

.vs-dark .monaco-keybinding > .monaco-keybinding-key {
	background-color: rgba(128, 128, 128, 0.17);
	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);
	color: #ccc;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

:root {
	--vscode-sash-size: 4px;
	--vscode-sash-hover-size: 4px;
}

.monaco-sash {
	position: absolute;
	z-index: 35;
	touch-action: none;
}

.monaco-sash.disabled {
	pointer-events: none;
}

.monaco-sash.mac.vertical {
	cursor: col-resize;
}

.monaco-sash.vertical.minimum {
	cursor: e-resize;
}

.monaco-sash.vertical.maximum {
	cursor: w-resize;
}

.monaco-sash.mac.horizontal {
	cursor: row-resize;
}

.monaco-sash.horizontal.minimum {
	cursor: s-resize;
}

.monaco-sash.horizontal.maximum {
	cursor: n-resize;
}

.monaco-sash.disabled {
	cursor: default !important;
	pointer-events: none !important;
}

.monaco-sash.vertical {
	cursor: ew-resize;
	top: 0;
	width: var(--vscode-sash-size);
	height: 100%;
}

.monaco-sash.horizontal {
	cursor: ns-resize;
	left: 0;
	width: 100%;
	height: var(--vscode-sash-size);
}

.monaco-sash:not(.disabled) > .orthogonal-drag-handle {
	content: " ";
	height: calc(var(--vscode-sash-size) * 2);
	width: calc(var(--vscode-sash-size) * 2);
	z-index: 100;
	display: block;
	cursor: all-scroll;
	position: absolute;
}

.monaco-sash.horizontal.orthogonal-edge-north:not(.disabled)
	> .orthogonal-drag-handle.start,
.monaco-sash.horizontal.orthogonal-edge-south:not(.disabled)
	> .orthogonal-drag-handle.end {
	cursor: nwse-resize;
}

.monaco-sash.horizontal.orthogonal-edge-north:not(.disabled)
	> .orthogonal-drag-handle.end,
.monaco-sash.horizontal.orthogonal-edge-south:not(.disabled)
	> .orthogonal-drag-handle.start {
	cursor: nesw-resize;
}

.monaco-sash.vertical > .orthogonal-drag-handle.start {
	left: calc(var(--vscode-sash-size) * -0.5);
	top: calc(var(--vscode-sash-size) * -1);
}
.monaco-sash.vertical > .orthogonal-drag-handle.end {
	left: calc(var(--vscode-sash-size) * -0.5);
	bottom: calc(var(--vscode-sash-size) * -1);
}
.monaco-sash.horizontal > .orthogonal-drag-handle.start {
	top: calc(var(--vscode-sash-size) * -0.5);
	left: calc(var(--vscode-sash-size) * -1);
}
.monaco-sash.horizontal > .orthogonal-drag-handle.end {
	top: calc(var(--vscode-sash-size) * -0.5);
	right: calc(var(--vscode-sash-size) * -1);
}

.monaco-sash:before {
	content: '';
	pointer-events: none;
	position: absolute;
	width: 100%;
	height: 100%;
	background: transparent;
}

.monaco-workbench:not(.reduce-motion) .monaco-sash:before {
	transition: background-color 0.1s ease-out;
}

.monaco-sash.hover:before,
.monaco-sash.active:before {
	background: var(--vscode-sash-hoverBorder);
}

.monaco-sash.vertical:before {
	width: var(--vscode-sash-hover-size);
	left: calc(50% - (var(--vscode-sash-hover-size) / 2));
}

.monaco-sash.horizontal:before {
	height: var(--vscode-sash-hover-size);
	top: calc(50% - (var(--vscode-sash-hover-size) / 2));
}

.pointer-events-disabled {
	pointer-events: none !important;
}

/** Debug **/

.monaco-sash.debug {
	background: cyan;
}

.monaco-sash.debug.disabled {
	background: rgba(0, 255, 255, 0.2);
}

.monaco-sash.debug:not(.disabled) > .orthogonal-drag-handle {
	background: red;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-split-view2 {
	position: relative;
	width: 100%;
	height: 100%;
}

.monaco-split-view2 > .sash-container {
	position: absolute;
	width: 100%;
	height: 100%;
	pointer-events: none;
}

.monaco-split-view2 > .sash-container > .monaco-sash {
	pointer-events: initial;
}

.monaco-split-view2 > .monaco-scrollable-element {
	width: 100%;
	height: 100%;
}

.monaco-split-view2 > .monaco-scrollable-element > .split-view-container {
	width: 100%;
	height: 100%;
	white-space: nowrap;
	position: relative;
}

.monaco-split-view2 > .monaco-scrollable-element > .split-view-container > .split-view-view {
	white-space: initial;
	position: absolute;
}

.monaco-split-view2 > .monaco-scrollable-element > .split-view-container > .split-view-view:not(.visible) {
	display: none;
}

.monaco-split-view2.vertical > .monaco-scrollable-element > .split-view-container > .split-view-view {
	width: 100%;
}

.monaco-split-view2.horizontal > .monaco-scrollable-element > .split-view-container > .split-view-view {
	height: 100%;
}

.monaco-split-view2.separator-border > .monaco-scrollable-element > .split-view-container > .split-view-view:not(:first-child)::before {
	content: ' ';
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5;
	pointer-events: none;
	background-color: var(--separator-border);
}

.monaco-split-view2.separator-border.horizontal > .monaco-scrollable-element > .split-view-container > .split-view-view:not(:first-child)::before {
	height: 100%;
	width: 1px;
}

.monaco-split-view2.separator-border.vertical > .monaco-scrollable-element > .split-view-container > .split-view-view:not(:first-child)::before {
	height: 1px;
	width: 100%;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-table {
	display: flex;
	flex-direction: column;
	position: relative;
	height: 100%;
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
}

.monaco-table > .monaco-split-view2 {
	border-bottom: 1px solid transparent;
}

.monaco-table > .monaco-list {
	flex: 1;
}

.monaco-table-tr {
	display: flex;
	height: 100%;
}

.monaco-table-th {
	width: 100%;
	height: 100%;
	font-weight: bold;
	overflow: hidden;
	text-overflow: ellipsis;
}

.monaco-table-th,
.monaco-table-td {
	box-sizing: border-box;
	flex-shrink: 0;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.monaco-table > .monaco-split-view2 .monaco-sash.vertical::before {
	content: "";
	position: absolute;
	left: calc(var(--vscode-sash-size) / 2);
	width: 0;
	border-left: 1px solid transparent;
}

.monaco-workbench:not(.reduce-motion) .monaco-table > .monaco-split-view2,
.monaco-workbench:not(.reduce-motion) .monaco-table > .monaco-split-view2 .monaco-sash.vertical::before {
	transition: border-color 0.2s ease-out;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-custom-toggle {
	margin-left: 2px;
	float: left;
	cursor: pointer;
	overflow: hidden;
	width: 20px;
	height: 20px;
	border-radius: 3px;
	border: 1px solid transparent;
	padding: 1px;
	box-sizing:	border-box;
	-moz-user-select: none;
	     user-select: none;
	-webkit-user-select: none;
}

.monaco-custom-toggle:hover {
	background-color: var(--vscode-inputOption-hoverBackground);
}

.hc-black .monaco-custom-toggle:hover,
.hc-light .monaco-custom-toggle:hover {
	border: 1px dashed var(--vscode-focusBorder);
}

.hc-black .monaco-custom-toggle,
.hc-light .monaco-custom-toggle {
	background: none;
}

.hc-black .monaco-custom-toggle:hover,
.hc-light .monaco-custom-toggle:hover {
	background: none;
}

.monaco-custom-toggle.monaco-checkbox {
	height: 18px;
	width: 18px;
	border: 1px solid transparent;
	border-radius: 3px;
	margin-right: 9px;
	margin-left: 0px;
	padding: 0px;
	opacity: 1;
	background-size: 16px !important;
}

.monaco-action-bar .checkbox-action-item {
	display: flex;
	align-items: center;
}

.monaco-action-bar .checkbox-action-item > .monaco-custom-toggle.monaco-checkbox {
	margin-right: 4px;
}

.monaco-action-bar .checkbox-action-item > .checkbox-label {
	font-size: 12px;
}

/* hide check when unchecked */
.monaco-custom-toggle.monaco-checkbox:not(.checked)::before {
	visibility: hidden;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-inputbox {
	position: relative;
	display: block;
	padding: 0;
	box-sizing:	border-box;
	border-radius: 2px;

	/* Customizable */
	font-size: inherit;
}

.monaco-inputbox > .ibwrapper > .input,
.monaco-inputbox > .ibwrapper > .mirror {

	/* Customizable */
	padding: 4px 6px;
}

.monaco-inputbox > .ibwrapper {
	position: relative;
	width: 100%;
	height: 100%;
}

.monaco-inputbox > .ibwrapper > .input {
	display: inline-block;
	box-sizing:	border-box;
	width: 100%;
	height: 100%;
	line-height: inherit;
	border: none;
	font-family: inherit;
	font-size: inherit;
	resize: none;
	color: inherit;
}

.monaco-inputbox > .ibwrapper > input {
	text-overflow: ellipsis;
}

.monaco-inputbox > .ibwrapper > textarea.input {
	display: block;
	scrollbar-width: none; /* Firefox: hide scrollbars */
	outline: none;
}

.monaco-inputbox > .ibwrapper > textarea.input::-webkit-scrollbar {
	display: none; /* Chrome + Safari: hide scrollbar */
}

.monaco-inputbox > .ibwrapper > textarea.input.empty {
	white-space: nowrap;
}

.monaco-inputbox > .ibwrapper > .mirror {
	position: absolute;
	display: inline-block;
	width: 100%;
	top: 0;
	left: 0;
	box-sizing: border-box;
	white-space: pre-wrap;
	visibility: hidden;
	word-wrap: break-word;
}

/* Context view */

.monaco-inputbox-container {
	text-align: right;
}

.monaco-inputbox-container .monaco-inputbox-message {
	display: inline-block;
	overflow: hidden;
	text-align: left;
	width: 100%;
	box-sizing:	border-box;
	padding: 0.4em;
	font-size: 12px;
	line-height: 17px;
	margin-top: -1px;
	word-wrap: break-word;
}

/* Action bar support */
.monaco-inputbox .monaco-action-bar {
	position: absolute;
	right: 2px;
	top: 4px;
}

.monaco-inputbox .monaco-action-bar .action-item {
	margin-left: 2px;
}

.monaco-inputbox .monaco-action-bar .action-item .codicon {
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/
/* ---------- Find input ---------- */

.monaco-findInput {
	position: relative;
}

.monaco-findInput .monaco-inputbox {
	font-size: 13px;
	width: 100%;
}

.monaco-findInput > .controls {
	position: absolute;
	top: 3px;
	right: 2px;
}

.vs .monaco-findInput.disabled {
	background-color: #E1E1E1;
}

/* Theming */
.vs-dark .monaco-findInput.disabled {
	background-color: #333;
}

/* Highlighting */
.monaco-findInput.highlight-0 .controls,
.hc-light .monaco-findInput.highlight-0 .controls {
	animation: monaco-findInput-highlight-0 100ms linear 0s;
}

.monaco-findInput.highlight-1 .controls,
.hc-light .monaco-findInput.highlight-1 .controls {
	animation: monaco-findInput-highlight-1 100ms linear 0s;
}

.hc-black .monaco-findInput.highlight-0 .controls,
.vs-dark  .monaco-findInput.highlight-0 .controls {
	animation: monaco-findInput-highlight-dark-0 100ms linear 0s;
}

.hc-black .monaco-findInput.highlight-1 .controls,
.vs-dark  .monaco-findInput.highlight-1 .controls {
	animation: monaco-findInput-highlight-dark-1 100ms linear 0s;
}

@keyframes monaco-findInput-highlight-0 {
	0% { background: rgba(253, 255, 0, 0.8); }
	100% { background: transparent; }
}
@keyframes monaco-findInput-highlight-1 {
	0% { background: rgba(253, 255, 0, 0.8); }
	/* Made intentionally different such that the CSS minifier does not collapse the two animations into a single one*/
	99% { background: transparent; }
}

@keyframes monaco-findInput-highlight-dark-0 {
	0% { background: rgba(255, 255, 255, 0.44); }
	100% { background: transparent; }
}
@keyframes monaco-findInput-highlight-dark-1 {
	0% { background: rgba(255, 255, 255, 0.44); }
	/* Made intentionally different such that the CSS minifier does not collapse the two animations into a single one*/
	99% { background: transparent; }
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-tl-row {
	display: flex;
	height: 100%;
	align-items: center;
	position: relative;
}

.monaco-tl-row.disabled {
	cursor: default;
}
.monaco-tl-indent {
	height: 100%;
	position: absolute;
	top: 0;
	left: 16px;
	pointer-events: none;
}

.hide-arrows .monaco-tl-indent {
	left: 12px;
}

.monaco-tl-indent > .indent-guide {
	display: inline-block;
	box-sizing: border-box;
	height: 100%;
	border-left: 1px solid transparent;
}

.monaco-workbench:not(.reduce-motion) .monaco-tl-indent > .indent-guide {
	transition: border-color 0.1s linear;
}

.monaco-tl-twistie,
.monaco-tl-contents {
	height: 100%;
}

.monaco-tl-twistie {
	font-size: 10px;
	text-align: right;
	padding-right: 6px;
	flex-shrink: 0;
	width: 16px;
	display: flex !important;
	align-items: center;
	justify-content: center;
	transform: translateX(3px);
}

.monaco-tl-contents {
	flex: 1;
	overflow: hidden;
}

.monaco-tl-twistie::before {
	border-radius: 20px;
}

.monaco-tl-twistie.collapsed::before {
	transform: rotate(-90deg);
}

.monaco-tl-twistie.codicon-tree-item-loading::before {
	/* Use steps to throttle FPS to reduce CPU usage */
	animation: codicon-spin 1.25s steps(30) infinite;
}

.monaco-tree-type-filter {
	position: absolute;
	top: 0;
	display: flex;
	padding: 3px;
	max-width: 200px;
	z-index: 100;
	margin: 0 6px;
	border: 1px solid var(--vscode-widget-border);
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}

.monaco-workbench:not(.reduce-motion) .monaco-tree-type-filter {
	transition: top 0.3s;
}

.monaco-tree-type-filter.disabled {
	top: -40px !important;
}

.monaco-tree-type-filter-grab {
	display: flex !important;
	align-items: center;
	justify-content: center;
	cursor: grab;
	margin-right: 2px;
}

.monaco-tree-type-filter-grab.grabbing {
	cursor: grabbing;
}

.monaco-tree-type-filter-input {
	flex: 1;
}

.monaco-tree-type-filter-input .monaco-inputbox {
	height: 23px;
}

.monaco-tree-type-filter-input .monaco-inputbox > .ibwrapper > .input,
.monaco-tree-type-filter-input .monaco-inputbox > .ibwrapper > .mirror {
	padding: 2px 4px;
}

.monaco-tree-type-filter-input .monaco-findInput > .controls {
	top: 2px;
}

.monaco-tree-type-filter-actionbar {
	margin-left: 4px;
}

.monaco-tree-type-filter-actionbar .monaco-action-bar .action-label {
	padding: 2px;
}

.monaco-list .monaco-scrollable-element .monaco-tree-sticky-container{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 0;
	z-index: 13; /* Settings editor uses z-index: 12 */

	/* TODO@benibenj temporary solution, all lists should provide their background */
	background-color: var(--vscode-sideBar-background);
}

.monaco-list .monaco-scrollable-element .monaco-tree-sticky-container .monaco-tree-sticky-row.monaco-list-row{
	position: absolute;
	width: 100%;
	opacity: 1 !important; /* Settings editor uses opacity < 1 */
	overflow: hidden;

	/* TODO@benibenj temporary solution, all lists should provide their background */
	background-color: var(--vscode-sideBar-background);
}

.monaco-list .monaco-scrollable-element .monaco-tree-sticky-container .monaco-tree-sticky-row:hover{
	background-color: var(--vscode-list-hoverBackground) !important;
	cursor: pointer;
}

.monaco-list .monaco-scrollable-element .monaco-tree-sticky-container .monaco-tree-sticky-container-shadow{
	position: absolute;
	bottom: -3px;
	left: 0px;
	height: 3px;
	width: 100%;
	box-shadow: var(--vscode-scrollbar-shadow) 0 6px 6px -6px inset;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-text-button {
	box-sizing: border-box;
	display: flex;
	width: 100%;
	padding: 4px;
	border-radius: 2px;
	text-align: center;
	cursor: pointer;
	justify-content: center;
	align-items: center;
	border: 1px solid var(--vscode-button-border, transparent);
	line-height: 18px;
}

.monaco-text-button:focus {
	outline-offset: 2px !important;
}

.monaco-text-button:hover {
	text-decoration: none !important;
}

.monaco-button.disabled:focus,
.monaco-button.disabled {
	opacity: 0.4 !important;
	cursor: default;
}

.monaco-text-button .codicon {
	margin: 0 0.2em;
	color: inherit !important;
}

.monaco-text-button.monaco-text-button-with-short-label {
	flex-direction: row;
	flex-wrap: wrap;
	padding: 0 4px;
	overflow: hidden;
	height: 28px;
}

.monaco-text-button.monaco-text-button-with-short-label > .monaco-button-label {
	flex-basis: 100%;
}

.monaco-text-button.monaco-text-button-with-short-label > .monaco-button-label-short {
	flex-grow: 1;
	width: 0;
	overflow: hidden;
}

.monaco-text-button.monaco-text-button-with-short-label > .monaco-button-label,
.monaco-text-button.monaco-text-button-with-short-label > .monaco-button-label-short {
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: normal;
	font-style: inherit;
	padding: 4px 0;
}

.monaco-button-dropdown {
	display: flex;
	cursor: pointer;
}

.monaco-button-dropdown.disabled {
	cursor: default;
}

.monaco-button-dropdown > .monaco-button:focus {
	outline-offset: -1px !important;
}

.monaco-button-dropdown.disabled > .monaco-button.disabled,
.monaco-button-dropdown.disabled > .monaco-button.disabled:focus,
.monaco-button-dropdown.disabled > .monaco-button-dropdown-separator {
	opacity: 0.4 !important;
}

.monaco-button-dropdown > .monaco-button.monaco-text-button {
	border-right-width: 0 !important;
}

.monaco-button-dropdown .monaco-button-dropdown-separator {
	padding: 4px 0;
	cursor: default;
}

.monaco-button-dropdown .monaco-button-dropdown-separator > div {
	height: 100%;
	width: 1px;
}

.monaco-button-dropdown > .monaco-button.monaco-dropdown-button {
	border: 1px solid var(--vscode-button-border, transparent);
	border-left-width: 0 !important;
	border-radius: 0 2px 2px 0;
	display: flex;
	align-items: center;
}

.monaco-button-dropdown > .monaco-button.monaco-text-button {
	border-radius: 2px 0 0 2px;
}

.monaco-description-button {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin: 4px 5px; /* allows button focus outline to be visible */
}

.monaco-description-button .monaco-button-description {
	font-style: italic;
	font-size: 11px;
	padding: 4px 20px;
}

.monaco-description-button .monaco-button-label,
.monaco-description-button .monaco-button-description {
	display: flex;
	justify-content: center;
	align-items: center;
}

.monaco-description-button .monaco-button-label > .codicon,
.monaco-description-button .monaco-button-description > .codicon {
	margin: 0 0.2em;
	color: inherit !important;
}

/* default color styles - based on CSS variables */

.monaco-button.default-colors,
.monaco-button-dropdown.default-colors > .monaco-button{
	color: var(--vscode-button-foreground);
	background-color: var(--vscode-button-background);
}

.monaco-button.default-colors:hover,
.monaco-button-dropdown.default-colors > .monaco-button:hover {
	background-color: var(--vscode-button-hoverBackground);
}

.monaco-button.default-colors.secondary,
.monaco-button-dropdown.default-colors > .monaco-button.secondary {
	color: var(--vscode-button-secondaryForeground);
	background-color: var(--vscode-button-secondaryBackground);
}

.monaco-button.default-colors.secondary:hover,
.monaco-button-dropdown.default-colors > .monaco-button.secondary:hover {
	background-color: var(--vscode-button-secondaryHoverBackground);
}

.monaco-button-dropdown.default-colors .monaco-button-dropdown-separator {
	background-color: var(--vscode-button-background);
	border-top: 1px solid var(--vscode-button-border);
	border-bottom: 1px solid var(--vscode-button-border);
}

.monaco-button-dropdown.default-colors .monaco-button.secondary + .monaco-button-dropdown-separator {
	background-color: var(--vscode-button-secondaryBackground);
}

.monaco-button-dropdown.default-colors .monaco-button-dropdown-separator > div {
	background-color: var(--vscode-button-separator);
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-count-badge {
	padding: 3px 6px;
	border-radius: 11px;
	font-size: 11px;
	min-width: 18px;
	min-height: 18px;
	line-height: 11px;
	font-weight: normal;
	text-align: center;
	display: inline-block;
	box-sizing: border-box;
}

.monaco-count-badge.long {
	padding: 2px 3px;
	border-radius: 2px;
	min-height: auto;
	line-height: normal;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-progress-container {
	width: 100%;
	height: 2px;
	overflow: hidden; /* keep progress bit in bounds */
}

.monaco-progress-container .progress-bit {
	width: 2%;
	height: 2px;
	position: absolute;
	left: 0;
	display: none;
}

.monaco-progress-container.active .progress-bit {
	display: inherit;
}

.monaco-progress-container.discrete .progress-bit {
	left: 0;
	transition: width 100ms linear;
}

.monaco-progress-container.discrete.done .progress-bit {
	width: 100%;
}

.monaco-progress-container.infinite .progress-bit {
	animation-name: progress;
	animation-duration: 4s;
	animation-iteration-count: infinite;
	transform: translate3d(0px, 0px, 0px);
	animation-timing-function: linear;
}

.monaco-progress-container.infinite.infinite-long-running .progress-bit {
	/*
		The more smooth `linear` timing function can cause
		higher GPU consumption as indicated in
		https://github.com/microsoft/vscode/issues/97900 &
		https://github.com/microsoft/vscode/issues/138396
	*/
	animation-timing-function: steps(100);
}

/**
 * The progress bit has a width: 2% (1/50) of the parent container. The animation moves it from 0% to 100% of
 * that container. Since translateX is relative to the progress bit size, we have to multiple it with
 * its relative size to the parent container:
 * parent width: 5000%
 *    bit width: 100%
 * translateX should be as follow:
 *  50%: 5000% * 50% - 50% (set to center) = 2450%
 * 100%: 5000% * 100% - 100% (do not overflow) = 4900%
 */
@keyframes progress { from { transform: translateX(0%) scaleX(1) } 50% { transform: translateX(2500%) scaleX(3) } to { transform: translateX(4900%) scaleX(1) } }
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.quick-input-widget {
	position: absolute;
	width: 600px;
	z-index: 2550;
	left: 50%;
	margin-left: -300px;
	-webkit-app-region: no-drag;
	border-radius: 6px;
}

.quick-input-titlebar {
	display: flex;
	align-items: center;
	border-top-left-radius: 5px; /* match border radius of quick input widget */
	border-top-right-radius: 5px;
}

.quick-input-left-action-bar {
	display: flex;
	margin-left: 4px;
	flex: 1;
}

.quick-input-title {
	padding: 3px 0px;
	text-align: center;
	text-overflow: ellipsis;
	overflow: hidden;
}

.quick-input-right-action-bar {
	display: flex;
	margin-right: 4px;
	flex: 1;
}

.quick-input-right-action-bar > .actions-container {
	justify-content: flex-end;
}

.quick-input-titlebar .monaco-action-bar .action-label.codicon {
	background-position: center;
	background-repeat: no-repeat;
	padding: 2px;
}

.quick-input-description {
	margin: 6px 6px 6px 11px;
}

.quick-input-header .quick-input-description {
	margin: 4px 2px;
	flex: 1;
}

.quick-input-header {
	display: flex;
	padding: 8px 6px 6px 6px;
}

.quick-input-widget.hidden-input .quick-input-header {
	/* reduce margins and paddings when input box hidden */
	padding: 0;
	margin-bottom: 0;
}

.quick-input-and-message {
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	min-width: 0;
	position: relative;
}

.quick-input-check-all {
	align-self: center;
	margin: 0;
}

.quick-input-filter {
	flex-grow: 1;
	display: flex;
	position: relative;
}

.quick-input-box {
	flex-grow: 1;
}

.quick-input-widget.show-checkboxes .quick-input-box,
.quick-input-widget.show-checkboxes .quick-input-message {
	margin-left: 5px;
}

.quick-input-visible-count {
	position: absolute;
	left: -10000px;
}

.quick-input-count {
	align-self: center;
	position: absolute;
	right: 4px;
	display: flex;
	align-items: center;
}

.quick-input-count .monaco-count-badge {
	vertical-align: middle;
	padding: 2px 4px;
	border-radius: 2px;
	min-height: auto;
	line-height: normal;
}

.quick-input-action {
	margin-left: 6px;
}

.quick-input-action .monaco-text-button {
	font-size: 11px;
	padding: 0 6px;
	display: flex;
	height: 25px;
	align-items: center;
}

.quick-input-message {
	margin-top: -1px;
	padding: 5px;
	overflow-wrap: break-word;
}

.quick-input-message > .codicon {
	margin: 0 0.2em;
	vertical-align: text-bottom;
}

/* Links in descriptions & validations */
.quick-input-message a {
	color: inherit;
}

.quick-input-progress.monaco-progress-container {
	position: relative;
}

.quick-input-list {
	line-height: 22px;
}

.quick-input-widget.hidden-input .quick-input-list {
	margin-top: 4px; /* reduce margins when input box hidden */
	padding-bottom: 4px;
}

.quick-input-list .monaco-list {
	overflow: hidden;
	max-height: calc(20 * 22px);
	padding-bottom: 5px;
}

.quick-input-list .monaco-scrollable-element {
	padding: 0px 5px;
}

.quick-input-list .quick-input-list-entry {
	box-sizing: border-box;
	overflow: hidden;
	display: flex;
	height: 100%;
	padding: 0 6px;
}

.quick-input-list .quick-input-list-entry.quick-input-list-separator-border {
	border-top-width: 1px;
	border-top-style: solid;
}

.quick-input-list .monaco-list-row {
	border-radius: 3px;
}

.quick-input-list .monaco-list-row[data-index="0"] .quick-input-list-entry.quick-input-list-separator-border {
	border-top-style: none;
}

.quick-input-list .quick-input-list-label {
	overflow: hidden;
	display: flex;
	height: 100%;
	flex: 1;
}

.quick-input-list .quick-input-list-checkbox {
	align-self: center;
	margin: 0;
}

.quick-input-list .quick-input-list-icon {
	background-size: 16px;
	background-position: left center;
	background-repeat: no-repeat;
	padding-right: 6px;
	width: 16px;
	height: 22px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.quick-input-list .quick-input-list-rows {
	overflow: hidden;
	text-overflow: ellipsis;
	display: flex;
	flex-direction: column;
	height: 100%;
	flex: 1;
	margin-left: 5px;
}

.quick-input-widget.show-checkboxes .quick-input-list .quick-input-list-rows {
	margin-left: 10px;
}

.quick-input-widget .quick-input-list .quick-input-list-checkbox {
	display: none;
}
.quick-input-widget.show-checkboxes .quick-input-list .quick-input-list-checkbox {
	display: inline;
}

.quick-input-list .quick-input-list-rows > .quick-input-list-row {
	display: flex;
	align-items: center;
}

.quick-input-list .quick-input-list-rows > .quick-input-list-row .monaco-icon-label,
.quick-input-list .quick-input-list-rows > .quick-input-list-row .monaco-icon-label .monaco-icon-label-container > .monaco-icon-name-container {
	flex: 1; /* make sure the icon label grows within the row */
}

.quick-input-list .quick-input-list-rows > .quick-input-list-row .codicon[class*='codicon-'] {
	vertical-align: text-bottom;
}

.quick-input-list .quick-input-list-rows .monaco-highlighted-label > span {
	opacity: 1;
}

.quick-input-list .quick-input-list-entry .quick-input-list-entry-keybinding {
	margin-right: 8px; /* separate from the separator label or scrollbar if any */
}

.quick-input-list .quick-input-list-label-meta {
	opacity: 0.7;
	line-height: normal;
	text-overflow: ellipsis;
	overflow: hidden;
}

.quick-input-list .monaco-highlighted-label .highlight {
	font-weight: bold;
}

.quick-input-list .quick-input-list-entry .quick-input-list-separator {
	margin-right: 4px; /* separate from keybindings or actions */
}

.quick-input-list .quick-input-list-entry-action-bar {
	display: flex;
	flex: 0;
	overflow: visible;
}

.quick-input-list .quick-input-list-entry-action-bar .action-label {
	/*
	 * By default, actions in the quick input action bar are hidden
	 * until hovered over them or selected.
	 */
	display: none;
}

.quick-input-list .quick-input-list-entry-action-bar .action-label.codicon {
	margin-right: 4px;
	padding: 0px 2px 2px 2px;
}

.quick-input-list .quick-input-list-entry-action-bar {
	margin-top: 1px;
	margin-right: 4px; /* separate from scrollbar */
}

.quick-input-list .quick-input-list-entry .quick-input-list-entry-action-bar .action-label.always-visible,
.quick-input-list .quick-input-list-entry:hover .quick-input-list-entry-action-bar .action-label,
.quick-input-list .monaco-list-row.focused .quick-input-list-entry-action-bar .action-label {
	display: flex;
}

/* focused items in quick pick */
.quick-input-list .monaco-list-row.focused .monaco-keybinding-key,
.quick-input-list .monaco-list-row.focused .quick-input-list-entry .quick-input-list-separator {
	color: inherit
}
.quick-input-list .monaco-list-row.focused .monaco-keybinding-key {
	background: none;
}

/* Quick input separators as full-row item */
.quick-input-list .quick-input-list-separator-as-item {
	font-weight: 600;
	font-size: 12px;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

/* ---------- Icon label ---------- */

.monaco-icon-label {
	display: flex; /* required for icons support :before rule */
	overflow: hidden;
	text-overflow: ellipsis;
}

.monaco-icon-label::before {

	/* svg icons rendered as background image */
	background-size: 16px;
	background-position: left center;
	background-repeat: no-repeat;
	padding-right: 6px;
	width: 16px;
	height: 22px;
	line-height: inherit !important;
	display: inline-block;

	/* fonts icons */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	vertical-align: top;

	flex-shrink: 0; /* fix for https://github.com/microsoft/vscode/issues/13787 */
}

.monaco-icon-label-container.disabled {
	color: var(--vscode-disabledForeground);
}
.monaco-icon-label > .monaco-icon-label-container {
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	flex: 1;
}

.monaco-icon-label > .monaco-icon-label-container > .monaco-icon-name-container > .label-name {
	color: inherit;
	white-space: pre; /* enable to show labels that include multiple whitespaces */
}

.monaco-icon-label > .monaco-icon-label-container > .monaco-icon-name-container > .label-name > .label-separator {
	margin: 0 2px;
	opacity: 0.5;
}

.monaco-icon-label>.monaco-icon-label-container>.monaco-icon-suffix-container>.label-suffix {
	opacity: .7;
	white-space: pre;
}

.monaco-icon-label > .monaco-icon-label-container > .monaco-icon-description-container > .label-description {
	opacity: .7;
	margin-left: 0.5em;
	font-size: 0.9em;
	white-space: pre; /* enable to show labels that include multiple whitespaces */
}

.monaco-icon-label.nowrap > .monaco-icon-label-container > .monaco-icon-description-container > .label-description{
	white-space: nowrap
}

.vs .monaco-icon-label > .monaco-icon-label-container > .monaco-icon-description-container > .label-description {
	opacity: .95;
}

.monaco-icon-label.italic > .monaco-icon-label-container > .monaco-icon-name-container > .label-name,
.monaco-icon-label.italic > .monaco-icon-label-container > .monaco-icon-description-container > .label-description {
	font-style: italic;
}

.monaco-icon-label.deprecated {
	text-decoration: line-through;
	opacity: 0.66;
}

/* make sure apply italic font style to decorations as well */
.monaco-icon-label.italic::after {
	font-style: italic;
}

.monaco-icon-label.strikethrough > .monaco-icon-label-container > .monaco-icon-name-container > .label-name,
.monaco-icon-label.strikethrough > .monaco-icon-label-container > .monaco-icon-description-container > .label-description {
	text-decoration: line-through;
}

.monaco-icon-label::after {
	opacity: 0.75;
	font-size: 90%;
	font-weight: 600;
	margin: auto 16px 0 5px; /* https://github.com/microsoft/vscode/issues/113223 */
	text-align: center;
}

/* make sure selection color wins when a label is being selected */
.monaco-list:focus .selected .monaco-icon-label, /* list */
.monaco-list:focus .selected .monaco-icon-label::after
{
	color: inherit !important;
}

.monaco-list-row.focused.selected .label-description,
.monaco-list-row.selected .label-description {
	opacity: .8;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-keybinding {
	display: flex;
	align-items: center;
	line-height: 10px;
}

.monaco-keybinding > .monaco-keybinding-key {
	display: inline-block;
	border-style: solid;
	border-width: 1px;
	border-radius: 3px;
	vertical-align: middle;
	font-size: 11px;
	padding: 3px 5px;
	margin: 0 2px;
}

.monaco-keybinding > .monaco-keybinding-key:first-child {
	margin-left: 0;
}

.monaco-keybinding > .monaco-keybinding-key:last-child {
	margin-right: 0;
}

.monaco-keybinding > .monaco-keybinding-key-separator {
	display: inline-block;
}

.monaco-keybinding > .monaco-keybinding-key-chord-separator {
	width: 6px;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .diff-hidden-lines-widget {
	width: 100%;
}

.monaco-editor .diff-hidden-lines {
	height: 0px; /* The children each have a fixed height, the transform confuses the browser */
	transform: translate(0px, -10px);
	font-size: 13px;
	line-height: 14px;
}

.monaco-editor .diff-hidden-lines:not(.dragging) .top:hover,
.monaco-editor .diff-hidden-lines:not(.dragging) .bottom:hover,
.monaco-editor .diff-hidden-lines .top.dragging,
.monaco-editor .diff-hidden-lines .bottom.dragging {
	background-color: var(--vscode-focusBorder);
}

.monaco-editor .diff-hidden-lines .top,
.monaco-editor .diff-hidden-lines .bottom {
	transition: background-color 0.1s ease-out;
	height: 4px;
	background-color: transparent;
	background-clip: padding-box;
	border-bottom: 2px solid transparent;
	border-top: 4px solid transparent;
	/*cursor: n-resize;*/
}

.monaco-editor.draggingUnchangedRegion.canMoveTop:not(.canMoveBottom) *,
.monaco-editor .diff-hidden-lines .top.canMoveTop:not(.canMoveBottom),
.monaco-editor .diff-hidden-lines .bottom.canMoveTop:not(.canMoveBottom) {
	cursor: n-resize !important;
}

.monaco-editor.draggingUnchangedRegion:not(.canMoveTop).canMoveBottom *,
.monaco-editor .diff-hidden-lines .top:not(.canMoveTop).canMoveBottom,
.monaco-editor .diff-hidden-lines .bottom:not(.canMoveTop).canMoveBottom {
	cursor: s-resize !important;
}

.monaco-editor.draggingUnchangedRegion.canMoveTop.canMoveBottom *,
.monaco-editor .diff-hidden-lines .top.canMoveTop.canMoveBottom,
.monaco-editor .diff-hidden-lines .bottom.canMoveTop.canMoveBottom {
	cursor: ns-resize !important;
}

.monaco-editor .diff-hidden-lines .top {
	transform: translate(0px, 4px);
}

.monaco-editor .diff-hidden-lines .bottom {
	transform: translate(0px, -6px);
}

.monaco-editor .diff-unchanged-lines {
	background: var(--vscode-diffEditor-unchangedCodeBackground);
}

.monaco-editor .noModificationsOverlay {
	z-index: 1;
	background: var(--vscode-editor-background);

	display: flex;
	justify-content: center;
	align-items: center;
}


.monaco-editor .diff-hidden-lines .center {
	background: var(--vscode-diffEditor-unchangedRegionBackground);
	color: var(--vscode-diffEditor-unchangedRegionForeground);
	overflow: hidden;
	display: block;
	text-overflow: ellipsis;
	white-space: nowrap;

	height: 24px;
	box-shadow: inset 0 -5px 5px -7px var(--vscode-diffEditor-unchangedRegionShadow), inset 0 5px 5px -7px var(--vscode-diffEditor-unchangedRegionShadow);
}

.monaco-editor .diff-hidden-lines .center span.codicon {
	vertical-align: middle;
}

.monaco-editor .diff-hidden-lines .center a:hover .codicon {
	cursor: pointer;
	color: var(--vscode-editorLink-activeForeground) !important;
}

.monaco-editor .diff-hidden-lines div.breadcrumb-item {
	cursor: pointer;
}

.monaco-editor .diff-hidden-lines div.breadcrumb-item:hover {
	color: var(--vscode-editorLink-activeForeground);
}

.monaco-editor .movedOriginal {
	border: 2px solid var(--vscode-diffEditor-move-border);
}

.monaco-editor .movedModified {
	border: 2px solid var(--vscode-diffEditor-move-border);
}

.monaco-editor .movedOriginal.currentMove, .monaco-editor .movedModified.currentMove {
	border: 2px solid var(--vscode-diffEditor-moveActive-border);
}

.monaco-diff-editor .moved-blocks-lines path.currentMove {
	stroke: var(--vscode-diffEditor-moveActive-border);
}

.monaco-diff-editor .moved-blocks-lines path {
	pointer-events: visiblestroke;
}

.monaco-diff-editor .moved-blocks-lines .arrow {
	fill: var(--vscode-diffEditor-move-border);
}

.monaco-diff-editor .moved-blocks-lines .arrow.currentMove {
	fill: var(--vscode-diffEditor-moveActive-border);
}

.monaco-diff-editor .moved-blocks-lines .arrow-rectangle {
	fill: var(--vscode-editor-background);
}

.monaco-diff-editor .moved-blocks-lines {
	position: absolute;
	pointer-events: none;
}

.monaco-diff-editor .moved-blocks-lines path {
	fill: none;
	stroke: var(--vscode-diffEditor-move-border);
	stroke-width: 2;
}

.monaco-editor .char-delete.diff-range-empty {
	margin-left: -1px;
	border-left: solid var(--vscode-diffEditor-removedTextBackground) 3px;
}

.monaco-editor .char-insert.diff-range-empty {
	border-left: solid var(--vscode-diffEditor-insertedTextBackground) 3px;
}

.monaco-editor .fold-unchanged {
	cursor: pointer;
}

.monaco-diff-editor .diff-moved-code-block {
	display: flex;
	justify-content: flex-end;
	margin-top: -4px;
}

.monaco-diff-editor .diff-moved-code-block .action-bar .action-label.codicon {
	width: 12px;
	height: 12px;
	font-size: 12px;
}

/* ---------- DiffEditor ---------- */

.monaco-diff-editor .diffOverview {
	z-index: 9;
}

.monaco-diff-editor .diffOverview .diffViewport {
	z-index: 10;
}

/* colors not externalized: using transparancy on background */
.monaco-diff-editor.vs			.diffOverview { background: rgba(0, 0, 0, 0.03); }
.monaco-diff-editor.vs-dark		.diffOverview { background: rgba(255, 255, 255, 0.01); }

.monaco-scrollable-element.modified-in-monaco-diff-editor.vs		.scrollbar { background: rgba(0,0,0,0); }
.monaco-scrollable-element.modified-in-monaco-diff-editor.vs-dark	.scrollbar { background: rgba(0,0,0,0); }
.monaco-scrollable-element.modified-in-monaco-diff-editor.hc-black	.scrollbar { background: none; }
.monaco-scrollable-element.modified-in-monaco-diff-editor.hc-light	.scrollbar { background: none; }

.monaco-scrollable-element.modified-in-monaco-diff-editor .slider {
	z-index: 10;
}
.modified-in-monaco-diff-editor				.slider.active { background: rgba(171, 171, 171, .4); }
.modified-in-monaco-diff-editor.hc-black	.slider.active { background: none; }
.modified-in-monaco-diff-editor.hc-light	.slider.active { background: none; }

/* ---------- Diff ---------- */

.monaco-editor .insert-sign,
.monaco-diff-editor .insert-sign,
.monaco-editor .delete-sign,
.monaco-diff-editor .delete-sign {
	font-size: 11px !important;
	opacity: 0.7 !important;
	display: flex !important;
	align-items: center;
}
.monaco-editor.hc-black .insert-sign,
.monaco-diff-editor.hc-black .insert-sign,
.monaco-editor.hc-black .delete-sign,
.monaco-diff-editor.hc-black .delete-sign,
.monaco-editor.hc-light .insert-sign,
.monaco-diff-editor.hc-light .insert-sign,
.monaco-editor.hc-light .delete-sign,
.monaco-diff-editor.hc-light .delete-sign {
	opacity: 1;
}

.monaco-editor .inline-deleted-margin-view-zone {
	text-align: right;
}
.monaco-editor .inline-added-margin-view-zone {
	text-align: right;
}

.monaco-editor .arrow-revert-change {
	z-index: 10;
	position: absolute;
}

.monaco-editor .arrow-revert-change:hover {
	cursor: pointer;
}

/* ---------- Inline Diff ---------- */

.monaco-editor .view-zones .view-lines .view-line span {
	display: inline-block;
}

.monaco-editor .margin-view-zones .lightbulb-glyph:hover {
	cursor: pointer;
}

.monaco-editor .char-insert, .monaco-diff-editor .char-insert {
	background-color: var(--vscode-diffEditor-insertedTextBackground);
}

.monaco-editor .line-insert, .monaco-diff-editor .line-insert {
	background-color: var(--vscode-diffEditor-insertedLineBackground, var(--vscode-diffEditor-insertedTextBackground));
}

.monaco-editor .line-insert,
.monaco-editor .char-insert {
	box-sizing: border-box;
	border: 1px solid var(--vscode-diffEditor-insertedTextBorder);
}
.monaco-editor.hc-black .line-insert, .monaco-editor.hc-light .line-insert,
.monaco-editor.hc-black .char-insert, .monaco-editor.hc-light .char-insert {
	border-style: dashed;
}

.monaco-editor .line-delete,
.monaco-editor .char-delete {
	box-sizing: border-box;
	border: 1px solid var(--vscode-diffEditor-removedTextBorder);
}
.monaco-editor.hc-black .line-delete, .monaco-editor.hc-light .line-delete,
.monaco-editor.hc-black .char-delete, .monaco-editor.hc-light .char-delete {
	border-style: dashed;
}

.monaco-editor .inline-added-margin-view-zone,
.monaco-editor .gutter-insert, .monaco-diff-editor .gutter-insert {
	background-color: var(--vscode-diffEditorGutter-insertedLineBackground, var(--vscode-diffEditor-insertedLineBackground), var(--vscode-diffEditor-insertedTextBackground));
}

.monaco-editor .char-delete, .monaco-diff-editor .char-delete {
	background-color: var(--vscode-diffEditor-removedTextBackground);
}

.monaco-editor .line-delete, .monaco-diff-editor .line-delete {
	background-color: var(--vscode-diffEditor-removedLineBackground, var(--vscode-diffEditor-removedTextBackground));
}

.monaco-editor .inline-deleted-margin-view-zone,
.monaco-editor .gutter-delete, .monaco-diff-editor .gutter-delete {
	background-color: var(--vscode-diffEditorGutter-removedLineBackground, var(--vscode-diffEditor-removedLineBackground), var(--vscode-diffEditor-removedTextBackground));
}

.monaco-diff-editor.side-by-side .editor.modified {
	box-shadow: -6px 0 5px -5px var(--vscode-scrollbar-shadow);
	border-left: 1px solid var(--vscode-diffEditor-border);
}

.monaco-diff-editor .diffViewport {
	background: var(--vscode-scrollbarSlider-background);
}

.monaco-diff-editor .diffViewport:hover {
	background: var(--vscode-scrollbarSlider-hoverBackground);
}

.monaco-diff-editor .diffViewport:active {
	background: var(--vscode-scrollbarSlider-activeBackground);
}

.monaco-editor .diagonal-fill {
	background-image: linear-gradient(
		-45deg,
		var(--vscode-diffEditor-diagonalFill) 12.5%,
		#0000 12.5%, #0000 50%,
		var(--vscode-diffEditor-diagonalFill) 50%, var(--vscode-diffEditor-diagonalFill) 62.5%,
		#0000 62.5%, #0000 100%
	);
	background-size: 8px 8px;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-diff-editor .diff-review-line-number {
	text-align: right;
	display: inline-block;
	color: var(--vscode-editorLineNumber-foreground);
}

.monaco-diff-editor .diff-review {
	position: absolute;
	-moz-user-select: none;
	     user-select: none;
	-webkit-user-select: none;
	z-index: 99;
}

.monaco-diff-editor .diff-review-summary {
	padding-left: 10px;
}

.monaco-diff-editor .diff-review-shadow {
	position: absolute;
	box-shadow: var(--vscode-scrollbar-shadow) 0 -6px 6px -6px inset;
}

.monaco-diff-editor .diff-review-row {
	white-space: pre;
}

.monaco-diff-editor .diff-review-table {
	display: table;
	min-width: 100%;
}

.monaco-diff-editor .diff-review-row {
	display: table-row;
	width: 100%;
}

.monaco-diff-editor .diff-review-spacer {
	display: inline-block;
	width: 10px;
	vertical-align: middle;
}

.monaco-diff-editor .diff-review-spacer > .codicon {
	font-size: 9px !important;
}

.monaco-diff-editor .diff-review-actions {
	display: inline-block;
	position: absolute;
	right: 10px;
	top: 2px;
	z-index: 100;
}

.monaco-diff-editor .diff-review-actions .action-label {
	width: 16px;
	height: 16px;
	margin: 2px 0;
}

.monaco-diff-editor .revertButton {
	cursor: pointer;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-component .multiDiffEntry {
	display: flex;
	flex-direction: column;
}

.monaco-component .multiDiffEntry .editorParent {
	border-left: 2px var(--vscode-tab-inactiveBackground) solid;
}

.monaco-component .multiDiffEntry.focused .editorParent {
	border-left: 2px var(--vscode-notebook-focusedCellBorder) solid;
}

.monaco-component .multiDiffEntry .editorParent .editorContainer {
	border-left: 17px var(--vscode-tab-inactiveBackground) solid;
}

.monaco-component .multiDiffEntry .collapse-button {
	margin: 0 5px;
	cursor: pointer;
}

.monaco-component .multiDiffEntry .collapse-button a {
	display: block;
}

.monaco-component .multiDiffEntry .header {
	display: flex;
	align-items: center;
	padding: 8px 5px;
	color: var(--vscode-foreground);
	background: var(--vscode-editor-background);
	z-index: 1000;

	border-bottom: 1px  var(--vscode-sideBarSectionHeader-border) solid;
	border-top: 1px  var(--vscode-sideBarSectionHeader-border) solid;

	border-left: 2px var(--vscode-editor-background) solid;
}
.monaco-component .multiDiffEntry.focused .header {
	border-left: 2px var(--vscode-notebook-focusedCellBorder) solid;
}

.monaco-component .multiDiffEntry .header.shadow {
	box-shadow: var(--vscode-scrollbar-shadow) 0px 6px 6px -6px;
}

.monaco-component .multiDiffEntry .header .title {
	flex: 1;
	font-size: 14px;
	line-height: 22px;
}

.monaco-component .multiDiffEntry .header .actions {
	padding: 0 8px;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-toolbar {
	height: 100%;
}

.monaco-toolbar .toolbar-toggle-more {
	display: inline-block;
	padding: 0;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .selection-anchor {
	background-color: #007ACC;
	width: 2px !important;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .bracket-match {
	box-sizing: border-box;
	background-color: var(--vscode-editorBracketMatch-background);
	border: 1px solid var(--vscode-editorBracketMatch-border);
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

@font-face {
	font-family: "codicon";
	font-display: block;
	src: url(./codicon-Hscy-R9e.ttf) format("truetype");
}

.codicon[class*='codicon-'] {
	font: normal normal normal 16px/1 codicon;
	display: inline-block;
	text-decoration: none;
	text-rendering: auto;
	text-align: center;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-moz-user-select: none;
	     user-select: none;
	-webkit-user-select: none;
}

/* icon rules are dynamically created by the platform theme service (see iconsStyleSheet.ts) */
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.codicon-wrench-subaction {
	opacity: 0.5;
}

@keyframes codicon-spin {
	100% {
		transform:rotate(360deg);
	}
}

.codicon-sync.codicon-modifier-spin,
.codicon-loading.codicon-modifier-spin,
.codicon-gear.codicon-modifier-spin,
.codicon-notebook-state-executing.codicon-modifier-spin {
	/* Use steps to throttle FPS to reduce CPU usage */
	animation: codicon-spin 1.5s steps(30) infinite;
}

.codicon-modifier-disabled {
	opacity: 0.4;
}

/* custom speed & easing for loading icon */
.codicon-loading,
.codicon-tree-item-loading::before {
	animation-duration: 1s !important;
	animation-timing-function: cubic-bezier(0.53, 0.21, 0.29, 0.67) !important;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .codicon.codicon-symbol-array,
.monaco-workbench .codicon.codicon-symbol-array { color: var(--vscode-symbolIcon-arrayForeground); }
.monaco-editor .codicon.codicon-symbol-boolean,
.monaco-workbench .codicon.codicon-symbol-boolean { color: var(--vscode-symbolIcon-booleanForeground); }
.monaco-editor .codicon.codicon-symbol-class,
.monaco-workbench .codicon.codicon-symbol-class { color: var(--vscode-symbolIcon-classForeground); }
.monaco-editor .codicon.codicon-symbol-method,
.monaco-workbench .codicon.codicon-symbol-method { color: var(--vscode-symbolIcon-methodForeground); }
.monaco-editor .codicon.codicon-symbol-color,
.monaco-workbench .codicon.codicon-symbol-color { color: var(--vscode-symbolIcon-colorForeground); }
.monaco-editor .codicon.codicon-symbol-constant,
.monaco-workbench .codicon.codicon-symbol-constant { color: var(--vscode-symbolIcon-constantForeground); }
.monaco-editor .codicon.codicon-symbol-constructor,
.monaco-workbench .codicon.codicon-symbol-constructor { color: var(--vscode-symbolIcon-constructorForeground); }
.monaco-editor .codicon.codicon-symbol-value,
.monaco-workbench .codicon.codicon-symbol-value,
.monaco-editor .codicon.codicon-symbol-enum,
.monaco-workbench .codicon.codicon-symbol-enum { color: var(--vscode-symbolIcon-enumeratorForeground); }
.monaco-editor .codicon.codicon-symbol-enum-member,
.monaco-workbench .codicon.codicon-symbol-enum-member { color: var(--vscode-symbolIcon-enumeratorMemberForeground); }
.monaco-editor .codicon.codicon-symbol-event,
.monaco-workbench .codicon.codicon-symbol-event { color: var(--vscode-symbolIcon-eventForeground); }
.monaco-editor .codicon.codicon-symbol-field,
.monaco-workbench .codicon.codicon-symbol-field { color: var(--vscode-symbolIcon-fieldForeground); }
.monaco-editor .codicon.codicon-symbol-file,
.monaco-workbench .codicon.codicon-symbol-file { color: var(--vscode-symbolIcon-fileForeground); }
.monaco-editor .codicon.codicon-symbol-folder,
.monaco-workbench .codicon.codicon-symbol-folder { color: var(--vscode-symbolIcon-folderForeground); }
.monaco-editor .codicon.codicon-symbol-function,
.monaco-workbench .codicon.codicon-symbol-function { color: var(--vscode-symbolIcon-functionForeground); }
.monaco-editor .codicon.codicon-symbol-interface,
.monaco-workbench .codicon.codicon-symbol-interface { color: var(--vscode-symbolIcon-interfaceForeground); }
.monaco-editor .codicon.codicon-symbol-key,
.monaco-workbench .codicon.codicon-symbol-key { color: var(--vscode-symbolIcon-keyForeground); }
.monaco-editor .codicon.codicon-symbol-keyword,
.monaco-workbench .codicon.codicon-symbol-keyword { color: var(--vscode-symbolIcon-keywordForeground); }
.monaco-editor .codicon.codicon-symbol-module,
.monaco-workbench .codicon.codicon-symbol-module { color: var(--vscode-symbolIcon-moduleForeground); }
.monaco-editor .codicon.codicon-symbol-namespace,
.monaco-workbench .codicon.codicon-symbol-namespace { color: var(--vscode-symbolIcon-namespaceForeground); }
.monaco-editor .codicon.codicon-symbol-null,
.monaco-workbench .codicon.codicon-symbol-null { color: var(--vscode-symbolIcon-nullForeground); }
.monaco-editor .codicon.codicon-symbol-number,
.monaco-workbench .codicon.codicon-symbol-number { color: var(--vscode-symbolIcon-numberForeground); }
.monaco-editor .codicon.codicon-symbol-object,
.monaco-workbench .codicon.codicon-symbol-object { color: var(--vscode-symbolIcon-objectForeground); }
.monaco-editor .codicon.codicon-symbol-operator,
.monaco-workbench .codicon.codicon-symbol-operator { color: var(--vscode-symbolIcon-operatorForeground); }
.monaco-editor .codicon.codicon-symbol-package,
.monaco-workbench .codicon.codicon-symbol-package { color: var(--vscode-symbolIcon-packageForeground); }
.monaco-editor .codicon.codicon-symbol-property,
.monaco-workbench .codicon.codicon-symbol-property { color: var(--vscode-symbolIcon-propertyForeground); }
.monaco-editor .codicon.codicon-symbol-reference,
.monaco-workbench .codicon.codicon-symbol-reference { color: var(--vscode-symbolIcon-referenceForeground); }
.monaco-editor .codicon.codicon-symbol-snippet,
.monaco-workbench .codicon.codicon-symbol-snippet { color: var(--vscode-symbolIcon-snippetForeground); }
.monaco-editor .codicon.codicon-symbol-string,
.monaco-workbench .codicon.codicon-symbol-string { color: var(--vscode-symbolIcon-stringForeground); }
.monaco-editor .codicon.codicon-symbol-struct,
.monaco-workbench .codicon.codicon-symbol-struct { color: var(--vscode-symbolIcon-structForeground); }
.monaco-editor .codicon.codicon-symbol-text,
.monaco-workbench .codicon.codicon-symbol-text { color: var(--vscode-symbolIcon-textForeground); }
.monaco-editor .codicon.codicon-symbol-type-parameter,
.monaco-workbench .codicon.codicon-symbol-type-parameter { color: var(--vscode-symbolIcon-typeParameterForeground); }
.monaco-editor .codicon.codicon-symbol-unit,
.monaco-workbench .codicon.codicon-symbol-unit { color: var(--vscode-symbolIcon-unitForeground); }
.monaco-editor .codicon.codicon-symbol-variable,
.monaco-workbench .codicon.codicon-symbol-variable { color: var(--vscode-symbolIcon-variableForeground); }
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .lightBulbWidget {
	display: flex;
	align-items: center;
	justify-content: center;
}

.monaco-editor .lightBulbWidget:hover{
	cursor: pointer;
}

.monaco-editor .lightBulbWidget.codicon-light-bulb,
.monaco-editor .lightBulbWidget.codicon-lightbulb-sparkle {
	color: var(--vscode-editorLightBulb-foreground);
}

.monaco-editor .lightBulbWidget.codicon-lightbulb-autofix,
.monaco-editor .lightBulbWidget.codicon-lightbulb-sparkle-autofix {
	color: var(--vscode-editorLightBulbAutoFix-foreground, var(--vscode-editorLightBulb-foreground));
}

.monaco-editor .lightBulbWidget.codicon-sparkle-filled {
	color: var(--vscode-editorLightBulbAi-foreground, var(--vscode-icon-foreground));
}

.monaco-editor .lightBulbWidget:before {
	position: relative;
	z-index: 2;
}

.monaco-editor .lightBulbWidget:after {
	position: absolute;
	top: 0;
	left: 0;
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	opacity: 0.3;
	background-color: var(--vscode-editor-background);
	z-index: 1;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .monaco-editor-overlaymessage {
	padding-bottom: 8px;
	z-index: 10000;
}

.monaco-editor .monaco-editor-overlaymessage.below {
	padding-bottom: 0;
	padding-top: 8px;
	z-index: 10000;
}

@keyframes fadeIn {
	from { opacity: 0; }
	to { opacity: 1; }
}
.monaco-editor .monaco-editor-overlaymessage.fadeIn {
	animation: fadeIn 150ms ease-out;
}

@keyframes fadeOut {
	from { opacity: 1; }
	to { opacity: 0; }
}
.monaco-editor .monaco-editor-overlaymessage.fadeOut {
	animation: fadeOut 100ms ease-out;
}

.monaco-editor .monaco-editor-overlaymessage .message {
	padding: 2px 4px;
	color: var(--vscode-editorHoverWidget-foreground);
	background-color: var(--vscode-editorHoverWidget-background);
	border: 1px solid var(--vscode-inputValidation-infoBorder);
	border-radius: 3px;
}

.monaco-editor .monaco-editor-overlaymessage .message p {
	margin-block: 0px;
}

.monaco-editor .monaco-editor-overlaymessage .message a {
	color: var(--vscode-textLink-foreground);
}

.monaco-editor .monaco-editor-overlaymessage .message a:hover {
	color: var(--vscode-textLink-activeForeground);
}

.monaco-editor.hc-black .monaco-editor-overlaymessage .message,
.monaco-editor.hc-light .monaco-editor-overlaymessage .message {
	border-width: 2px;
}

.monaco-editor .monaco-editor-overlaymessage .anchor {
	width: 0 !important;
	height: 0 !important;
	border-color: transparent;
	border-style: solid;
	z-index: 1000;
	border-width: 8px;
	position: absolute;
	left: 2px;
}

.monaco-editor .monaco-editor-overlaymessage .anchor.top {
	border-bottom-color: var(--vscode-inputValidation-infoBorder);
}

.monaco-editor .monaco-editor-overlaymessage .anchor.below {
	border-top-color: var(--vscode-inputValidation-infoBorder);
}

.monaco-editor .monaco-editor-overlaymessage:not(.below) .anchor.top,
.monaco-editor .monaco-editor-overlaymessage.below .anchor.below {
	display: none;
}

.monaco-editor .monaco-editor-overlaymessage.below .anchor.top {
	display: inherit;
	top: -8px;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .rendered-markdown kbd {
	background-color: var(--vscode-keybindingLabel-background);
	color: var(--vscode-keybindingLabel-foreground);
	border-style: solid;
	border-width: 1px;
	border-radius: 3px;
	border-color: var(--vscode-keybindingLabel-border);
	border-bottom-color: var(--vscode-keybindingLabel-bottomBorder);
	box-shadow: inset 0 -1px 0 var(--vscode-widget-shadow);
	vertical-align: middle;
	padding: 1px 3px;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.action-widget {
	font-size: 13px;
	border-radius: 0;
	min-width: 160px;
	max-width: 80vw;
	z-index: 40;
	display: block;
	width: 100%;
	border: 1px solid var(--vscode-editorWidget-border) !important;
	border-radius: 2px;
	background-color: var(--vscode-editorWidget-background);
	color: var(--vscode-editorWidget-foreground);
}

.context-view-block {
	position: fixed;
	cursor: initial;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
}

.context-view-pointerBlock {
	position: fixed;
	cursor: initial;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
}

.action-widget .monaco-list {
	-moz-user-select: none;
	     user-select: none;
	-webkit-user-select: none;
	border: none !important;
	border-width: 0 !important;
}

.action-widget .monaco-list:focus:before {
	outline: 0 !important;
}

.action-widget .monaco-list .monaco-scrollable-element {
	overflow: visible;
}

/** Styles for each row in the list element **/
.action-widget .monaco-list .monaco-list-row {
	padding: 0 10px;
	white-space: nowrap;
	cursor: pointer;
	touch-action: none;
	width: 100%;
}

.action-widget .monaco-list .monaco-list-row.action.focused:not(.option-disabled) {
	background-color: var(--vscode-quickInputList-focusBackground) !important;
	color: var(--vscode-quickInputList-focusForeground);
	outline: 1px solid var(--vscode-menu-selectionBorder, transparent);
	outline-offset: -1px;
}

.action-widget .monaco-list-row.group-header {
	color: var(--vscode-descriptionForeground) !important;
	font-weight: 600;
}

.action-widget .monaco-list .group-header,
.action-widget .monaco-list .option-disabled,
.action-widget .monaco-list .option-disabled:before,
.action-widget .monaco-list .option-disabled .focused,
.action-widget .monaco-list .option-disabled .focused:before {
	cursor: default !important;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	     user-select: none;
	background-color: transparent !important;
	outline: 0 solid !important;
}

.action-widget .monaco-list-row.action {
	display: flex;
	gap: 6px;
	align-items: center;
}

.action-widget .monaco-list-row.action.option-disabled,
.action-widget .monaco-list:focus .monaco-list-row.focused.action.option-disabled,
.action-widget .monaco-list-row.action.option-disabled .codicon,
.action-widget .monaco-list:not(.drop-target):not(.dragging) .monaco-list-row:hover:not(.selected):not(.focused).option-disabled {
	color: var(--vscode-disabledForeground);
}


.action-widget .monaco-list-row.action:not(.option-disabled) .codicon {
	color: inherit;
}

.action-widget .monaco-list-row.action .title {
	flex: 1;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* Action bar */

.action-widget .action-widget-action-bar {
	background-color: var(--vscode-editorHoverWidget-statusBarBackground);
	border-top: 1px solid var(--vscode-editorHoverWidget-border);
}

.action-widget .action-widget-action-bar::before {
	display: block;
	content: "";
	width: 100%;
}

.action-widget .action-widget-action-bar .actions-container {
	padding: 0 8px;
}

.action-widget-action-bar .action-label {
	color: var(--vscode-textLink-activeForeground);
	font-size: 12px;
	line-height: 22px;
	padding: 0;
	pointer-events: all;
}

.action-widget-action-bar .action-item {
	margin-right: 16px;
	pointer-events: none;
}

.action-widget-action-bar .action-label:hover {
	background-color: transparent !important;
}

.monaco-action-bar .actions-container.highlight-toggled .action-label.checked {
	/* The important gives this rule precedence over the hover rule. */
	background: var(--vscode-actionBar-toggledBackground) !important;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .codelens-decoration {
	overflow: hidden;
	display: inline-block;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: var(--vscode-editorCodeLens-foreground);
	line-height: var(--vscode-editorCodeLens-lineHeight);
	font-size: var(--vscode-editorCodeLens-fontSize);
	padding-right: calc(var(--vscode-editorCodeLens-fontSize)*0.5);
	font-feature-settings: var(--vscode-editorCodeLens-fontFeatureSettings);
	font-family: var(--vscode-editorCodeLens-fontFamily), var(--vscode-editorCodeLens-fontFamilyDefault);
}

.monaco-editor .codelens-decoration>span,
.monaco-editor .codelens-decoration>a {
	-moz-user-select: none;
	     user-select: none;
	-webkit-user-select: none;
	white-space: nowrap;
	vertical-align: sub;
}

.monaco-editor .codelens-decoration>a {
	text-decoration: none;
}

.monaco-editor .codelens-decoration>a:hover {
	cursor: pointer;
	color: var(--vscode-editorLink-activeForeground) !important;
}

.monaco-editor .codelens-decoration>a:hover .codicon {
	color: var(--vscode-editorLink-activeForeground) !important;
}

.monaco-editor .codelens-decoration .codicon {
	vertical-align: middle;
	color: currentColor !important;
	color: var(--vscode-editorCodeLens-foreground);
	line-height: var(--vscode-editorCodeLens-lineHeight);
	font-size: var(--vscode-editorCodeLens-fontSize);
}

.monaco-editor .codelens-decoration>a:hover .codicon::before {
	cursor: pointer;
}

@keyframes fadein {
	0% {
		opacity: 0;
		visibility: visible;
	}

	100% {
		opacity: 1;
	}
}

.monaco-editor .codelens-decoration.fadein {
	animation: fadein 0.1s linear;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.colorpicker-widget {
	height: 190px;
	-moz-user-select: none;
	     user-select: none;
	-webkit-user-select: none;
}

/* Decoration */

.colorpicker-color-decoration,
.hc-light .colorpicker-color-decoration {
	border: solid 0.1em #000;
	box-sizing: border-box;
	margin: 0.1em 0.2em 0 0.2em;
	width: 0.8em;
	height: 0.8em;
	line-height: 0.8em;
	display: inline-block;
	cursor: pointer;
}

.hc-black .colorpicker-color-decoration,
.vs-dark .colorpicker-color-decoration {
	border: solid 0.1em #eee;
}

/* Header */

.colorpicker-header {
	display: flex;
	height: 24px;
	position: relative;
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTZEaa/1AAAAHUlEQVQYV2PYvXu3JAi7uLiAMaYAjAGTQBPYLQkAa/0Zef3qRswAAAAASUVORK5CYII=");
	background-size: 9px 9px;
	image-rendering: pixelated;
}

.colorpicker-header .picked-color {
	width: 240px;
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 24px;
	cursor: pointer;
	color: white;
	flex: 1;
	white-space: nowrap;
	overflow: hidden;
}

.colorpicker-header .picked-color .picked-color-presentation {
	white-space: nowrap;
	margin-left: 5px;
	margin-right: 5px;
}

.colorpicker-header .picked-color .codicon {
	color: inherit;
	font-size: 14px;
}

.colorpicker-header .picked-color.light {
	color: black;
}

.colorpicker-header .original-color {
	width: 74px;
	z-index: inherit;
	cursor: pointer;
}

.standalone-colorpicker {
	color: var(--vscode-editorHoverWidget-foreground);
	background-color: var(--vscode-editorHoverWidget-background);
	border: 1px solid var(--vscode-editorHoverWidget-border);
}

.colorpicker-header.standalone-colorpicker {
	border-bottom: none;
}

.colorpicker-header .close-button {
	cursor: pointer;
	background-color: var(--vscode-editorHoverWidget-background);
	border-left: 1px solid var(--vscode-editorHoverWidget-border);
}

.colorpicker-header .close-button-inner-div {
	width: 100%;
	height: 100%;
	text-align: center;
}

.colorpicker-header .close-button-inner-div:hover {
	background-color: var(--vscode-toolbar-hoverBackground);
}

.colorpicker-header .close-icon {
	padding: 3px;
}

/* Body */

.colorpicker-body {
	display: flex;
	padding: 8px;
	position: relative;
}

.colorpicker-body .saturation-wrap {
	overflow: hidden;
	height: 150px;
	position: relative;
	min-width: 220px;
	flex: 1;
}

.colorpicker-body .saturation-box {
	height: 150px;
	position: absolute;
}

.colorpicker-body .saturation-selection {
	width: 9px;
	height: 9px;
	margin: -5px 0 0 -5px;
	border: 1px solid rgb(255, 255, 255);
	border-radius: 100%;
	box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.8);
	position: absolute;
}

.colorpicker-body .strip {
	width: 25px;
	height: 150px;
}

.colorpicker-body .standalone-strip {
	width: 25px;
	height: 122px;
}

.colorpicker-body .hue-strip {
	position: relative;
	margin-left: 8px;
	cursor: grab;
	background: linear-gradient(to bottom, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
}

.colorpicker-body .opacity-strip {
	position: relative;
	margin-left: 8px;
	cursor: grab;
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTZEaa/1AAAAHUlEQVQYV2PYvXu3JAi7uLiAMaYAjAGTQBPYLQkAa/0Zef3qRswAAAAASUVORK5CYII=");
	background-size: 9px 9px;
	image-rendering: pixelated;
}

.colorpicker-body .strip.grabbing {
	cursor: grabbing;
}

.colorpicker-body .slider {
	position: absolute;
	top: 0;
	left: -2px;
	width: calc(100% + 4px);
	height: 4px;
	box-sizing: border-box;
	border: 1px solid rgba(255, 255, 255, 0.71);
	box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.85);
}

.colorpicker-body .strip .overlay {
	height: 150px;
	pointer-events: none;
}

.colorpicker-body .standalone-strip .standalone-overlay {
	height: 122px;
	pointer-events: none;
}

.standalone-colorpicker-body {
	display: block;
	border: 1px solid transparent;
	border-bottom: 1px solid var(--vscode-editorHoverWidget-border);
	overflow: hidden;
}

.colorpicker-body .insert-button {
	position: absolute;
	height: 20px;
	width: 58px;
	padding: 0px;
	right: 8px;
	bottom: 8px;
	background: var(--vscode-button-background);
	color: var(--vscode-button-foreground);
	border-radius: 2px;
	border: none;
	cursor: pointer;
}

.colorpicker-body .insert-button:hover{
	background: var(--vscode-button-hoverBackground);
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .goto-definition-link {
	text-decoration: underline;
	cursor: pointer;
	color: var(--vscode-editorLink-activeForeground) !important;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .peekview-widget .head {
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
	flex-wrap: nowrap;
}

.monaco-editor .peekview-widget .head .peekview-title {
	display: flex;
	align-items: baseline;
	font-size: 13px;
	margin-left: 20px;
	min-width: 0;
	text-overflow: ellipsis;
	overflow: hidden;
}

.monaco-editor .peekview-widget .head .peekview-title.clickable {
	cursor: pointer;
}

.monaco-editor .peekview-widget .head .peekview-title .dirname:not(:empty) {
	font-size: 0.9em;
	margin-left: 0.5em;
}

.monaco-editor .peekview-widget .head .peekview-title .meta {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.monaco-editor .peekview-widget .head .peekview-title .dirname {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.monaco-editor .peekview-widget .head .peekview-title .filename {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.monaco-editor .peekview-widget .head .peekview-title .meta:not(:empty)::before {
	content: '-';
	padding: 0 0.3em;
}

.monaco-editor .peekview-widget .head .peekview-actions {
	flex: 1;
	text-align: right;
	padding-right: 2px;
}

.monaco-editor .peekview-widget .head .peekview-actions > .monaco-action-bar {
	display: inline-block;
}

.monaco-editor .peekview-widget .head .peekview-actions > .monaco-action-bar,
.monaco-editor .peekview-widget .head .peekview-actions > .monaco-action-bar > .actions-container {
	height: 100%;
}

.monaco-editor .peekview-widget > .body {
	border-top: 1px solid;
	position: relative;
}

.monaco-editor .peekview-widget .head .peekview-title .codicon {
	margin-right: 4px;
	align-self: center;
}

.monaco-editor .peekview-widget .monaco-list .monaco-list-row.focused .codicon {
	color: inherit !important;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/
.monaco-editor .zone-widget {
	position: absolute;
	z-index: 10;
}


.monaco-editor .zone-widget .zone-widget-container {
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-width: 0;
	border-bottom-width: 0;
	position: relative;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

/* -- zone widget */
.monaco-editor .zone-widget .zone-widget-container.reference-zone-widget {
	border-top-width: 1px;
	border-bottom-width: 1px;
}

.monaco-editor .reference-zone-widget .inline {
	display: inline-block;
	vertical-align: top;
}

.monaco-editor .reference-zone-widget .messages {
	height: 100%;
	width: 100%;
	text-align: center;
	padding: 3em 0;
}

.monaco-editor .reference-zone-widget .ref-tree {
	line-height: 23px;
	background-color: var(--vscode-peekViewResult-background);
	color: var(--vscode-peekViewResult-lineForeground);
}

.monaco-editor .reference-zone-widget .ref-tree .reference {
	text-overflow: ellipsis;
	overflow: hidden;
}

.monaco-editor .reference-zone-widget .ref-tree .reference-file {
	display: inline-flex;
	width: 100%;
	height: 100%;
	color: var(--vscode-peekViewResult-fileForeground);
}

.monaco-editor .reference-zone-widget .ref-tree .monaco-list:focus .selected .reference-file {
	color: inherit !important;
}

.monaco-editor .reference-zone-widget .ref-tree .monaco-list:focus .monaco-list-rows > .monaco-list-row.selected:not(.highlighted) {
	background-color: var(--vscode-peekViewResult-selectionBackground);
	color: var(--vscode-peekViewResult-selectionForeground) !important;
}

.monaco-editor .reference-zone-widget .ref-tree .reference-file .count {
	margin-right: 12px;
	margin-left: auto;
}

.monaco-editor .reference-zone-widget .ref-tree .referenceMatch .highlight {
	background-color: var(--vscode-peekViewResult-matchHighlightBackground);
}

.monaco-editor .reference-zone-widget .preview .reference-decoration {
	background-color: var(--vscode-peekViewEditor-matchHighlightBackground);
	border: 2px solid var(--vscode-peekViewEditor-matchHighlightBorder);
	box-sizing: border-box;
}

.monaco-editor .reference-zone-widget .preview .monaco-editor .monaco-editor-background,
.monaco-editor .reference-zone-widget .preview .monaco-editor .inputarea.ime-input {
	background-color: var(--vscode-peekViewEditor-background);
}

.monaco-editor .reference-zone-widget .preview .monaco-editor .margin {
	background-color: var(--vscode-peekViewEditorGutter-background);
}

/* High Contrast Theming */

.monaco-editor.hc-black .reference-zone-widget .ref-tree .reference-file,
.monaco-editor.hc-light .reference-zone-widget .ref-tree .reference-file {
	font-weight: bold;
}

.monaco-editor.hc-black .reference-zone-widget .ref-tree .referenceMatch .highlight,
.monaco-editor.hc-light .reference-zone-widget .ref-tree .referenceMatch .highlight {
	border: 1px dotted var(--vscode-contrastActiveBorder, transparent);
	box-sizing: border-box;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-hover {
	cursor: default;
	position: absolute;
	overflow: hidden;
	-moz-user-select: text;
	     user-select: text;
	-webkit-user-select: text;
	box-sizing: border-box;
	animation: fadein 100ms linear;
	line-height: 1.5em;
	white-space: var(--vscode-hover-whiteSpace, normal);
}

.monaco-hover.hidden {
	display: none;
}

.monaco-hover a:hover:not(.disabled) {
	cursor: pointer;
}

.monaco-hover .hover-contents:not(.html-hover-contents) {
	padding: 4px 8px;
}

.monaco-hover .markdown-hover > .hover-contents:not(.code-hover-contents) {
	max-width: var(--vscode-hover-maxWidth, 500px);
	word-wrap: break-word;
}

.monaco-hover .markdown-hover > .hover-contents:not(.code-hover-contents) hr {
	min-width: 100%;
}

.monaco-hover p,
.monaco-hover .code,
.monaco-hover ul,
.monaco-hover h1,
.monaco-hover h2,
.monaco-hover h3,
.monaco-hover h4,
.monaco-hover h5,
.monaco-hover h6 {
	margin: 8px 0;
}

.monaco-hover h1,
.monaco-hover h2,
.monaco-hover h3,
.monaco-hover h4,
.monaco-hover h5,
.monaco-hover h6 {
	line-height: 1.1;
}

.monaco-hover code {
	font-family: var(--monaco-monospace-font);
}

.monaco-hover hr {
	box-sizing: border-box;
	border-left: 0px;
	border-right: 0px;
	margin-top: 4px;
	margin-bottom: -4px;
	margin-left: -8px;
	margin-right: -8px;
	height: 1px;
}

.monaco-hover p:first-child,
.monaco-hover .code:first-child,
.monaco-hover ul:first-child {
	margin-top: 0;
}

.monaco-hover p:last-child,
.monaco-hover .code:last-child,
.monaco-hover ul:last-child {
	margin-bottom: 0;
}

/* MarkupContent Layout */
.monaco-hover ul {
	padding-left: 20px;
}
.monaco-hover ol {
	padding-left: 20px;
}

.monaco-hover li > p {
	margin-bottom: 0;
}

.monaco-hover li > ul {
	margin-top: 0;
}

.monaco-hover code {
	border-radius: 3px;
	padding: 0 0.4em;
}

.monaco-hover .monaco-tokenized-source {
	white-space: var(--vscode-hover-sourceWhiteSpace, pre-wrap);
}

.monaco-hover .hover-row.status-bar {
	font-size: 12px;
	line-height: 22px;
}

.monaco-hover .hover-row.status-bar .info {
	font-style: italic;
	padding: 0px 8px;
}

.monaco-hover .hover-row.status-bar .actions {
	display: flex;
	padding: 0px 8px;
}

.monaco-hover .hover-row.status-bar .actions .action-container {
	margin-right: 16px;
	cursor: pointer;
}

.monaco-hover .hover-row.status-bar .actions .action-container .action .icon {
	padding-right: 4px;
}

.monaco-hover .markdown-hover .hover-contents .codicon {
	color: inherit;
	font-size: inherit;
	vertical-align: middle;
}

.monaco-hover .hover-contents a.code-link:hover,
.monaco-hover .hover-contents a.code-link {
	color: inherit;
}

.monaco-hover .hover-contents a.code-link:before {
	content: '(';
}

.monaco-hover .hover-contents a.code-link:after {
	content: ')';
}

.monaco-hover .hover-contents a.code-link > span {
	text-decoration: underline;
	/** Hack to force underline to show **/
	border-bottom: 1px solid transparent;
	text-underline-position: under;
	color: var(--vscode-textLink-foreground);
}

.monaco-hover .hover-contents a.code-link > span:hover {
	color: var(--vscode-textLink-activeForeground);
}

/** Spans in markdown hovers need a margin-bottom to avoid looking cramped: https://github.com/microsoft/vscode/issues/101496 **/
.monaco-hover .markdown-hover .hover-contents:not(.code-hover-contents):not(.html-hover-contents) span {
	margin-bottom: 4px;
	display: inline-block;
}

.monaco-hover-content .action-container a {
	-webkit-user-select: none;
	-moz-user-select: none;
	     user-select: none;
}

.monaco-hover-content .action-container.disabled {
	pointer-events: none;
	opacity: 0.4;
	cursor: default;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

/* marker zone */

.monaco-editor .peekview-widget .head .peekview-title .severity-icon {
	display: inline-block;
	vertical-align: text-top;
	margin-right: 4px;
}

.monaco-editor .marker-widget {
	text-overflow: ellipsis;
	white-space: nowrap;
}

.monaco-editor .marker-widget > .stale {
	opacity: 0.6;
	font-style: italic;
}

.monaco-editor .marker-widget .title {
	display: inline-block;
	padding-right: 5px;
}

.monaco-editor .marker-widget .descriptioncontainer {
	position: absolute;
	white-space: pre;
	-moz-user-select: text;
	     user-select: text;
	-webkit-user-select: text;
	padding: 8px 12px 0 20px;
}

.monaco-editor .marker-widget .descriptioncontainer .message {
	display: flex;
	flex-direction: column;
}

.monaco-editor .marker-widget .descriptioncontainer .message .details {
	padding-left: 6px;
}

.monaco-editor .marker-widget .descriptioncontainer .message .source,
.monaco-editor .marker-widget .descriptioncontainer .message span.code {
	opacity: 0.6;
}

.monaco-editor .marker-widget .descriptioncontainer .message a.code-link {
	opacity: 0.6;
	color: inherit;
}

.monaco-editor .marker-widget .descriptioncontainer .message a.code-link:before {
	content: '(';
}

.monaco-editor .marker-widget .descriptioncontainer .message a.code-link:after {
	content: ')';
}

.monaco-editor .marker-widget .descriptioncontainer .message a.code-link > span {
	text-decoration: underline;
	/** Hack to force underline to show **/
	border-bottom: 1px solid transparent;
	text-underline-position: under;
	color: var(--vscode-textLink-foreground);
	color: var(--vscode-textLink-activeForeground);
}

.monaco-editor .marker-widget .descriptioncontainer .filename {
	cursor: pointer;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .zone-widget .codicon.codicon-error,
.markers-panel .marker-icon.error, .markers-panel .marker-icon .codicon.codicon-error,
.text-search-provider-messages .providerMessage .codicon.codicon-error,
.extensions-viewlet > .extensions .codicon.codicon-error,
.extension-editor .codicon.codicon-error,
.preferences-editor .codicon.codicon-error {
	color: var(--vscode-problemsErrorIcon-foreground);
}

.monaco-editor .zone-widget .codicon.codicon-warning,
.markers-panel .marker-icon.warning, .markers-panel .marker-icon .codicon.codicon-warning,
.text-search-provider-messages .providerMessage .codicon.codicon-warning,
.extensions-viewlet > .extensions .codicon.codicon-warning,
.extension-editor .codicon.codicon-warning,
.preferences-editor .codicon.codicon-warning {
	color: var(--vscode-problemsWarningIcon-foreground);
}

.monaco-editor .zone-widget .codicon.codicon-info,
.markers-panel .marker-icon.info, .markers-panel .marker-icon .codicon.codicon-info,
.text-search-provider-messages .providerMessage .codicon.codicon-info,
.extensions-viewlet > .extensions .codicon.codicon-info,
.extension-editor .codicon.codicon-info,
.preferences-editor .codicon.codicon-info {
	color: var(--vscode-problemsInfoIcon-foreground);
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .inlineSuggestionsHints.withBorder {
	z-index: 39;
	color: var(--vscode-editorHoverWidget-foreground);
	background-color: var(--vscode-editorHoverWidget-background);
	border: 1px solid var(--vscode-editorHoverWidget-border);
}

.monaco-editor .inlineSuggestionsHints a {
	color: var(--vscode-foreground);
}

.monaco-editor .inlineSuggestionsHints a:hover {
	color: var(--vscode-foreground);
}

.monaco-editor .inlineSuggestionsHints .keybinding {
	display: flex;
	margin-left: 4px;
	opacity: 0.6;
}

.monaco-editor .inlineSuggestionsHints .keybinding .monaco-keybinding-key {
	font-size: 8px;
	padding: 2px 3px;
}

.monaco-editor .inlineSuggestionsHints .availableSuggestionCount a {
	display: flex;
	min-width: 19px;
	justify-content: center;
}

.monaco-editor .inlineSuggestionStatusBarItemLabel {
	margin-right: 2px;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .hoverHighlight {
	background-color: var(--vscode-editor-hoverHighlightBackground);
}

.monaco-editor .monaco-hover {
	color: var(--vscode-editorHoverWidget-foreground);
	background-color: var(--vscode-editorHoverWidget-background);
	border: 1px solid var(--vscode-editorHoverWidget-border);
	border-radius: 3px;
}

.monaco-editor .monaco-hover a {
	color: var(--vscode-textLink-foreground);
}

.monaco-editor .monaco-hover a:hover {
	color: var(--vscode-textLink-activeForeground);
}

.monaco-editor .monaco-hover .hover-row .actions {
	background-color: var(--vscode-editorHoverWidget-statusBarBackground);
}

.monaco-editor .monaco-hover code {
	background-color: var(--vscode-textCodeBlock-background);
}


/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor.vs .dnd-target,
.monaco-editor.hc-light .dnd-target {
	border-right: 2px dotted black;
	color: white; /* opposite of black */
}
.monaco-editor.vs-dark .dnd-target {
	border-right: 2px dotted #AEAFAD;
	color: #51504f; /* opposite of #AEAFAD */
}
.monaco-editor.hc-black .dnd-target {
	border-right: 2px dotted #fff;
	color: #000; /* opposite of #fff */
}

.monaco-editor.mouse-default .view-lines,
.monaco-editor.vs-dark.mac.mouse-default .view-lines,
.monaco-editor.hc-black.mac.mouse-default .view-lines,
.monaco-editor.hc-light.mac.mouse-default .view-lines {
	cursor: default;
}
.monaco-editor.mouse-copy .view-lines,
.monaco-editor.vs-dark.mac.mouse-copy .view-lines,
.monaco-editor.hc-black.mac.mouse-copy .view-lines,
.monaco-editor.hc-light.mac.mouse-copy .view-lines {
	cursor: copy;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.inline-editor-progress-decoration {
	display: inline-block;
	width: 1em;
	height: 1em;
}

.inline-progress-widget  {
	display: flex !important;
	justify-content: center;
	align-items: center;
}

.inline-progress-widget .icon {
	font-size: 80% !important;
}

.inline-progress-widget:hover .icon {
	font-size: 90% !important;
	animation: none;
}

.inline-progress-widget:hover .icon::before {
	content: "\ea76"; /* codicon-x */
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.post-edit-widget {
	box-shadow: 0 0 8px 2px var(--vscode-widget-shadow);
	border: 1px solid var(--vscode-widget-border, transparent);
	border-radius: 4px;
	background-color: var(--vscode-editorWidget-background);
	overflow: hidden;
}

.post-edit-widget .monaco-button {
	padding: 2px;
	border: none;
	border-radius: 0;
}

.post-edit-widget .monaco-button:hover {
	background-color: var(--vscode-button-secondaryHoverBackground) !important;
}

.post-edit-widget .monaco-button .codicon {
	margin: 0;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .findOptionsWidget {
	background-color: var(--vscode-editorWidget-background);
	color: var(--vscode-editorWidget-foreground);
	box-shadow: 0 0 8px 2px var(--vscode-widget-shadow);
	border: 2px solid var(--vscode-contrastBorder);
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

/* Find widget */
.monaco-editor .find-widget {
	position: absolute;
	z-index: 35;
	height: 33px;
	overflow: hidden;
	line-height: 19px;
	transition: transform 200ms linear;
	padding: 0 4px;
	box-sizing: border-box;
	transform: translateY(calc(-100% - 10px)); /* shadow (10px) */
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}

.monaco-workbench.reduce-motion .monaco-editor .find-widget {
	transition: transform 0ms linear;
}

.monaco-editor .find-widget textarea {
	margin: 0px;
}

.monaco-editor .find-widget.hiddenEditor {
	display: none;
}

/* Find widget when replace is toggled on */
.monaco-editor .find-widget.replaceToggled > .replace-part {
	display: flex;
}

.monaco-editor .find-widget.visible  {
	transform: translateY(0);
}

.monaco-editor .find-widget .monaco-inputbox.synthetic-focus {
	outline: 1px solid -webkit-focus-ring-color;
	outline-offset: -1px;
}

.monaco-editor .find-widget .monaco-inputbox .input {
	background-color: transparent;
	min-height: 0;
}

.monaco-editor .find-widget .monaco-findInput .input {
	font-size: 13px;
}

.monaco-editor .find-widget > .find-part,
.monaco-editor .find-widget > .replace-part {
	margin: 3px 25px 0 17px;
	font-size: 12px;
	display: flex;
}

.monaco-editor .find-widget > .find-part .monaco-inputbox,
.monaco-editor .find-widget > .replace-part .monaco-inputbox {
	min-height: 25px;
}


.monaco-editor .find-widget > .replace-part .monaco-inputbox > .ibwrapper > .mirror {
	padding-right: 22px;
}

.monaco-editor .find-widget > .find-part .monaco-inputbox > .ibwrapper > .input,
.monaco-editor .find-widget > .find-part .monaco-inputbox > .ibwrapper > .mirror,
.monaco-editor .find-widget > .replace-part .monaco-inputbox > .ibwrapper > .input,
.monaco-editor .find-widget > .replace-part .monaco-inputbox > .ibwrapper > .mirror {
	padding-top: 2px;
	padding-bottom: 2px;
}

.monaco-editor .find-widget > .find-part .find-actions {
	height: 25px;
	display: flex;
	align-items: center;
}

.monaco-editor .find-widget > .replace-part .replace-actions {
	height: 25px;
	display: flex;
	align-items: center;
}

.monaco-editor .find-widget .monaco-findInput {
	vertical-align: middle;
	display: flex;
	flex:1;
}

.monaco-editor .find-widget .monaco-findInput .monaco-scrollable-element {
	/* Make sure textarea inherits the width correctly */
	width: 100%;
}

.monaco-editor .find-widget .monaco-findInput .monaco-scrollable-element .scrollbar.vertical {
	/* Hide vertical scrollbar */
	opacity: 0;
}

.monaco-editor .find-widget .matchesCount {
	display: flex;
	flex: initial;
	margin: 0 0 0 3px;
	padding: 2px 0 0 2px;
	height: 25px;
	vertical-align: middle;
	box-sizing: border-box;
	text-align: center;
	line-height: 23px;
}

.monaco-editor .find-widget .button {
	width: 16px;
	height: 16px;
	padding: 3px;
	border-radius: 5px;
	flex: initial;
	margin-left: 3px;
	background-position: center center;
	background-repeat: no-repeat;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
}

/* find in selection button */
.monaco-editor .find-widget .codicon-find-selection {
	width: 22px;
	height: 22px;
	padding: 3px;
	border-radius: 5px;
}

.monaco-editor .find-widget .button.left {
	margin-left: 0;
	margin-right: 3px;
}

.monaco-editor .find-widget .button.wide {
	width: auto;
	padding: 1px 6px;
	top: -1px;
}

.monaco-editor .find-widget .button.toggle {
	position: absolute;
	top: 0;
	left: 3px;
	width: 18px;
	height: 100%;
	border-radius: 0;
	box-sizing: border-box;
}

.monaco-editor .find-widget .button.toggle.disabled {
	display: none;
}

.monaco-editor .find-widget .disabled {
	color: var(--vscode-disabledForeground);
	cursor: default;
}

.monaco-editor .find-widget > .replace-part {
	display: none;
}

.monaco-editor .find-widget > .replace-part > .monaco-findInput {
	position: relative;
	display: flex;
	vertical-align: middle;
	flex: auto;
	flex-grow: 0;
	flex-shrink: 0;
}

.monaco-editor .find-widget > .replace-part > .monaco-findInput > .controls {
	position: absolute;
	top: 3px;
	right: 2px;
}

/* REDUCED */
.monaco-editor .find-widget.reduced-find-widget .matchesCount {
	display:none;
}

/* NARROW (SMALLER THAN REDUCED) */
.monaco-editor .find-widget.narrow-find-widget {
	max-width: 257px !important;
}

/* COLLAPSED (SMALLER THAN NARROW) */
.monaco-editor .find-widget.collapsed-find-widget {
	max-width: 170px !important;
}

.monaco-editor .find-widget.collapsed-find-widget .button.previous,
.monaco-editor .find-widget.collapsed-find-widget .button.next,
.monaco-editor .find-widget.collapsed-find-widget .button.replace,
.monaco-editor .find-widget.collapsed-find-widget .button.replace-all,
.monaco-editor .find-widget.collapsed-find-widget > .find-part .monaco-findInput .controls {
	display:none;
}

.monaco-editor .findMatch {
	animation-duration: 0;
	animation-name: inherit !important;
}

.monaco-editor .find-widget .monaco-sash {
	left: 0 !important;
}

.monaco-editor.hc-black .find-widget .button:before {
	position: relative;
	top: 1px;
	left: 2px;
}

/* Close button position. */
.monaco-editor .find-widget > .button.codicon-widget-close {
	position: absolute;
	top: 5px;
	right: 4px;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/
.monaco-editor .margin-view-overlays .codicon-folding-manual-collapsed,
.monaco-editor .margin-view-overlays .codicon-folding-manual-expanded,
.monaco-editor .margin-view-overlays .codicon-folding-expanded,
.monaco-editor .margin-view-overlays .codicon-folding-collapsed {
	cursor: pointer;
	opacity: 0;
	transition: opacity 0.5s;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 140%;
	margin-left: 2px;
}

.monaco-workbench.reduce-motion .monaco-editor .margin-view-overlays .codicon-folding-manual-collapsed,
.monaco-workbench.reduce-motion .monaco-editor .margin-view-overlays .codicon-folding-manual-expanded,
.monaco-workbench.reduce-motion .monaco-editor .margin-view-overlays .codicon-folding-expanded,
.monaco-workbench.reduce-motion .monaco-editor .margin-view-overlays .codicon-folding-collapsed {
	transition: initial;
}

.monaco-editor .margin-view-overlays:hover .codicon,
.monaco-editor .margin-view-overlays .codicon.codicon-folding-collapsed,
.monaco-editor .margin-view-overlays .codicon.codicon-folding-manual-collapsed,
.monaco-editor .margin-view-overlays .codicon.alwaysShowFoldIcons {
	opacity: 1;
}

.monaco-editor .inline-folded:after {
	color: grey;
	margin: 0.1em 0.2em 0 0.2em;
	content: "\22EF"; /* ellipses unicode character */
	display: inline;
	line-height: 1em;
	cursor: pointer;
}

.monaco-editor .folded-background {
	background-color: var(--vscode-editor-foldBackground);
}

.monaco-editor .cldr.codicon.codicon-folding-expanded,
.monaco-editor .cldr.codicon.codicon-folding-collapsed,
.monaco-editor .cldr.codicon.codicon-folding-manual-expanded,
.monaco-editor .cldr.codicon.codicon-folding-manual-collapsed {
	color: var(--vscode-editorGutter-foldingControlForeground) !important;
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .suggest-preview-additional-widget {
	white-space: nowrap;
}

.monaco-editor .suggest-preview-additional-widget .content-spacer {
	color: transparent;
	white-space: pre;
}

.monaco-editor .suggest-preview-additional-widget .button {
	display: inline-block;
	cursor: pointer;
	text-decoration: underline;
	text-underline-position: under;
}

.monaco-editor .ghost-text-hidden {
	opacity: 0;
	font-size: 0;
}

.monaco-editor .ghost-text-decoration, .monaco-editor .suggest-preview-text .ghost-text {
	font-style: italic;
}

.monaco-editor .inline-completion-text-to-replace {
	text-decoration: underline;
	text-underline-position: under;
}

.monaco-editor .ghost-text-decoration,
.monaco-editor .ghost-text-decoration-preview,
.monaco-editor .suggest-preview-text .ghost-text {
	color: var(--vscode-editorGhostText-foreground) !important;
	background-color: var(--vscode-editorGhostText-background);
	border: 1px solid var(--vscode-editorGhostText-border);
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .snippet-placeholder {
	min-width: 2px;
	outline-style: solid;
	outline-width: 1px;
	background-color: var(--vscode-editor-snippetTabstopHighlightBackground, transparent);
	outline-color: var(--vscode-editor-snippetTabstopHighlightBorder, transparent);
}

.monaco-editor .finish-snippet-placeholder {
	outline-style: solid;
	outline-width: 1px;
	background-color: var(--vscode-editor-snippetFinalTabstopHighlightBackground, transparent);
	outline-color: var(--vscode-editor-snippetFinalTabstopHighlightBorder, transparent);
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

/* Suggest widget*/

.monaco-editor .suggest-widget {
	width: 430px;
	z-index: 40;
	display: flex;
	flex-direction: column;
	border-radius: 3px;
}

.monaco-editor .suggest-widget.message {
	flex-direction: row;
	align-items: center;
}

.monaco-editor .suggest-widget,
.monaco-editor .suggest-details {
	flex: 0 1 auto;
	width: 100%;
	border-style: solid;
	border-width: 1px;
	border-color: var(--vscode-editorSuggestWidget-border);
	background-color: var(--vscode-editorSuggestWidget-background);
}

.monaco-editor.hc-black .suggest-widget,
.monaco-editor.hc-black .suggest-details,
.monaco-editor.hc-light .suggest-widget,
.monaco-editor.hc-light .suggest-details {
	border-width: 2px;
}

/* Styles for status bar part */


.monaco-editor .suggest-widget .suggest-status-bar {
	box-sizing: border-box;
	display: none;
	flex-flow: row nowrap;
	justify-content: space-between;
	width: 100%;
	font-size: 80%;
	padding: 0 4px 0 4px;
	border-top: 1px solid var(--vscode-editorSuggestWidget-border);
	overflow: hidden;
}

.monaco-editor .suggest-widget.with-status-bar .suggest-status-bar {
	display: flex;
}

.monaco-editor .suggest-widget .suggest-status-bar .left {
	padding-right: 8px;
}

.monaco-editor .suggest-widget.with-status-bar .suggest-status-bar .action-label {
	color: var(--vscode-editorSuggestWidgetStatus-foreground);
}

.monaco-editor .suggest-widget.with-status-bar .suggest-status-bar .action-item:not(:last-of-type) .action-label {
	margin-right: 0;
}

.monaco-editor .suggest-widget.with-status-bar .suggest-status-bar .action-item:not(:last-of-type) .action-label::after {
	content: ', ';
	margin-right: 0.3em;
}

.monaco-editor .suggest-widget.with-status-bar .monaco-list .monaco-list-row>.contents>.main>.right>.readMore,
.monaco-editor .suggest-widget.with-status-bar .monaco-list .monaco-list-row.focused.string-label>.contents>.main>.right>.readMore {
	display: none;
}

.monaco-editor .suggest-widget.with-status-bar:not(.docs-side) .monaco-list .monaco-list-row:hover>.contents>.main>.right.can-expand-details>.details-label {
	width: 100%;
}

/* Styles for Message element for when widget is loading or is empty */

.monaco-editor .suggest-widget>.message {
	padding-left: 22px;
}

/** Styles for the list element **/

.monaco-editor .suggest-widget>.tree {
	height: 100%;
	width: 100%;
}

.monaco-editor .suggest-widget .monaco-list {
	-moz-user-select: none;
	     user-select: none;
	-webkit-user-select: none;
}

/** Styles for each row in the list element **/

.monaco-editor .suggest-widget .monaco-list .monaco-list-row {
	display: flex;
	-mox-box-sizing: border-box;
	box-sizing: border-box;
	padding-right: 10px;
	background-repeat: no-repeat;
	background-position: 2px 2px;
	white-space: nowrap;
	cursor: pointer;
	touch-action: none;
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row.focused {
	color: var(--vscode-editorSuggestWidget-selectedForeground);
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row.focused .codicon {
	color: var(--vscode-editorSuggestWidget-selectedIconForeground);
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row>.contents {
	flex: 1;
	height: 100%;
	overflow: hidden;
	padding-left: 2px;
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row>.contents>.main {
	display: flex;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: pre;
	justify-content: space-between;
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row>.contents>.main>.left,
.monaco-editor .suggest-widget .monaco-list .monaco-list-row>.contents>.main>.right {
	display: flex;
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row:not(.focused)>.contents>.main .monaco-icon-label {
	color: var(--vscode-editorSuggestWidget-foreground);
}

.monaco-editor .suggest-widget:not(.frozen) .monaco-highlighted-label .highlight {
	font-weight: bold;
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row>.contents>.main .monaco-highlighted-label .highlight {
	color: var(--vscode-editorSuggestWidget-highlightForeground);
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row.focused>.contents>.main .monaco-highlighted-label .highlight {
	color: var(--vscode-editorSuggestWidget-focusHighlightForeground);
}

/** ReadMore Icon styles **/

.monaco-editor .suggest-details>.monaco-scrollable-element>.body>.header>.codicon-close,
.monaco-editor .suggest-widget .monaco-list .monaco-list-row>.contents>.main>.right>.readMore::before {
	color: inherit;
	opacity: 1;
	font-size: 14px;
	cursor: pointer;
}

.monaco-editor .suggest-details>.monaco-scrollable-element>.body>.header>.codicon-close {
	position: absolute;
	top: 6px;
	right: 2px;
}

.monaco-editor .suggest-details>.monaco-scrollable-element>.body>.header>.codicon-close:hover,
.monaco-editor .suggest-widget .monaco-list .monaco-list-row>.contents>.main>.right>.readMore:hover {
	opacity: 1;
}

/** signature, qualifier, type/details opacity **/

.monaco-editor .suggest-widget .monaco-list .monaco-list-row>.contents>.main>.right>.details-label {
	opacity: 0.7;
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row>.contents>.main>.left>.signature-label {
	overflow: hidden;
	text-overflow: ellipsis;
	opacity: 0.6;
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row>.contents>.main>.left>.qualifier-label {
	margin-left: 12px;
	opacity: 0.4;
	font-size: 85%;
	line-height: initial;
	text-overflow: ellipsis;
	overflow: hidden;
	align-self: center;
}

/** Type Info and icon next to the label in the focused completion item **/

.monaco-editor .suggest-widget .monaco-list .monaco-list-row>.contents>.main>.right>.details-label {
	font-size: 85%;
	margin-left: 1.1em;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row>.contents>.main>.right>.details-label>.monaco-tokenized-source {
	display: inline;
}

/** Details: if using CompletionItem#details, show on focus **/

.monaco-editor .suggest-widget .monaco-list .monaco-list-row>.contents>.main>.right>.details-label {
	display: none;
}

.monaco-editor .suggest-widget:not(.shows-details) .monaco-list .monaco-list-row.focused>.contents>.main>.right>.details-label {
	display: inline;
}

/** Details: if using CompletionItemLabel#details, always show **/

.monaco-editor .suggest-widget .monaco-list .monaco-list-row:not(.string-label)>.contents>.main>.right>.details-label,
.monaco-editor .suggest-widget.docs-side .monaco-list .monaco-list-row.focused:not(.string-label)>.contents>.main>.right>.details-label {
	display: inline;
}

/** Ellipsis on hover **/

.monaco-editor .suggest-widget:not(.docs-side) .monaco-list .monaco-list-row.focused:hover>.contents>.main>.right.can-expand-details>.details-label {
	width: calc(100% - 26px);
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row>.contents>.main>.left {
	flex-shrink: 1;
	flex-grow: 1;
	overflow: hidden;
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row>.contents>.main>.left>.monaco-icon-label {
	flex-shrink: 0;
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row:not(.string-label)>.contents>.main>.left>.monaco-icon-label {
	max-width: 100%;
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row.string-label>.contents>.main>.left>.monaco-icon-label {
	flex-shrink: 1;
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row>.contents>.main>.right {
	overflow: hidden;
	flex-shrink: 4;
	max-width: 70%;
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row>.contents>.main>.right>.readMore {
	display: inline-block;
	position: absolute;
	right: 10px;
	width: 18px;
	height: 18px;
	visibility: hidden;
}

/** Do NOT display ReadMore when docs is side/below **/

.monaco-editor .suggest-widget.docs-side .monaco-list .monaco-list-row>.contents>.main>.right>.readMore {
	display: none !important;
}

/** Do NOT display ReadMore when using plain CompletionItemLabel (details/documentation might not be resolved) **/

.monaco-editor .suggest-widget .monaco-list .monaco-list-row.string-label>.contents>.main>.right>.readMore {
	display: none;
}

/** Focused item can show ReadMore, but can't when docs is side/below **/

.monaco-editor .suggest-widget .monaco-list .monaco-list-row.focused.string-label>.contents>.main>.right>.readMore {
	display: inline-block;
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row.focused:hover>.contents>.main>.right>.readMore {
	visibility: visible;
}

/** Styles for each row in the list **/

.monaco-editor .suggest-widget .monaco-list .monaco-list-row .monaco-icon-label.deprecated {
	opacity: 0.66;
	text-decoration: unset;
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row .monaco-icon-label.deprecated>.monaco-icon-label-container>.monaco-icon-name-container {
	text-decoration: line-through;
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row .monaco-icon-label::before {
	height: 100%;
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row .icon {
	display: block;
	height: 16px;
	width: 16px;
	margin-left: 2px;
	background-repeat: no-repeat;
	background-size: 80%;
	background-position: center;
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row .icon.hide {
	display: none;
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row .suggest-icon {
	display: flex;
	align-items: center;
	margin-right: 4px;
}

.monaco-editor .suggest-widget.no-icons .monaco-list .monaco-list-row .icon,
.monaco-editor .suggest-widget.no-icons .monaco-list .monaco-list-row .suggest-icon::before {
	display: none;
}

.monaco-editor .suggest-widget .monaco-list .monaco-list-row .icon.customcolor .colorspan {
	margin: 0 0 0 0.3em;
	border: 0.1em solid #000;
	width: 0.7em;
	height: 0.7em;
	display: inline-block;
}

/** Styles for the docs of the completion item in focus **/

.monaco-editor .suggest-details-container {
	z-index: 41;
}

.monaco-editor .suggest-details {
	display: flex;
	flex-direction: column;
	cursor: default;
	color: var(--vscode-editorSuggestWidget-foreground);
}

.monaco-editor .suggest-details.focused {
	border-color: var(--vscode-focusBorder);
}

.monaco-editor .suggest-details a {
	color: var(--vscode-textLink-foreground);
}

.monaco-editor .suggest-details a:hover {
	color: var(--vscode-textLink-activeForeground);
}

.monaco-editor .suggest-details code {
	background-color: var(--vscode-textCodeBlock-background);
}

.monaco-editor .suggest-details.no-docs {
	display: none;
}

.monaco-editor .suggest-details>.monaco-scrollable-element {
	flex: 1;
}

.monaco-editor .suggest-details>.monaco-scrollable-element>.body {
	box-sizing: border-box;
	height: 100%;
	width: 100%;
}

.monaco-editor .suggest-details>.monaco-scrollable-element>.body>.header>.type {
	flex: 2;
	overflow: hidden;
	text-overflow: ellipsis;
	opacity: 0.7;
	white-space: pre;
	margin: 0 24px 0 0;
	padding: 4px 0 12px 5px;
}

.monaco-editor .suggest-details>.monaco-scrollable-element>.body>.header>.type.auto-wrap {
	white-space: normal;
	word-break: break-all;
}

.monaco-editor .suggest-details>.monaco-scrollable-element>.body>.docs {
	margin: 0;
	padding: 4px 5px;
	white-space: pre-wrap;
}

.monaco-editor .suggest-details.no-type>.monaco-scrollable-element>.body>.docs {
	margin-right: 24px;
	overflow: hidden;
}

.monaco-editor .suggest-details>.monaco-scrollable-element>.body>.docs.markdown-docs {
	padding: 0;
	white-space: initial;
	min-height: calc(1rem + 8px);
}

.monaco-editor .suggest-details>.monaco-scrollable-element>.body>.docs.markdown-docs>div,
.monaco-editor .suggest-details>.monaco-scrollable-element>.body>.docs.markdown-docs>span:not(:empty) {
	padding: 4px 5px;
}

.monaco-editor .suggest-details>.monaco-scrollable-element>.body>.docs.markdown-docs>div>p:first-child {
	margin-top: 0;
}

.monaco-editor .suggest-details>.monaco-scrollable-element>.body>.docs.markdown-docs>div>p:last-child {
	margin-bottom: 0;
}

.monaco-editor .suggest-details>.monaco-scrollable-element>.body>.docs.markdown-docs .monaco-tokenized-source {
	white-space: pre;
}

.monaco-editor .suggest-details>.monaco-scrollable-element>.body>.docs .code {
	white-space: pre-wrap;
	word-wrap: break-word;
}

.monaco-editor .suggest-details>.monaco-scrollable-element>.body>.docs.markdown-docs .codicon {
	vertical-align: sub;
}

.monaco-editor .suggest-details>.monaco-scrollable-element>.body>p:empty {
	display: none;
}

.monaco-editor .suggest-details code {
	border-radius: 3px;
	padding: 0 0.4em;
}

.monaco-editor .suggest-details ul {
	padding-left: 20px;
}

.monaco-editor .suggest-details ol {
	padding-left: 20px;
}

.monaco-editor .suggest-details p code {
	font-family: var(--monaco-monospace-font);
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/


.monaco-editor.vs .valueSetReplacement {
	outline: solid 2px var(--vscode-editorBracketMatch-border);
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .linked-editing-decoration {
	background-color: var(--vscode-editor-linkedEditingBackground);

	/* Ensure decoration is visible even if range is empty */
	min-width: 1px;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/
.monaco-editor .detected-link,
.monaco-editor .detected-link-active {
	text-decoration: underline;
	text-underline-position: under;
}

.monaco-editor .detected-link-active {
	cursor: pointer;
	color: var(--vscode-editorLink-activeForeground) !important;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .focused .selectionHighlight {
	background-color: var(--vscode-editor-selectionHighlightBackground);
	box-sizing: border-box;
	border: 1px solid var(--vscode-editor-selectionHighlightBorder);
}
.monaco-editor.hc-black .focused .selectionHighlight, .monaco-editor.hc-light .focused .selectionHighlight {
	border-style: dotted;
}

.monaco-editor .wordHighlight {
	background-color: var(--vscode-editor-wordHighlightBackground);
	box-sizing: border-box;
	border: 1px solid var(--vscode-editor-wordHighlightBorder);
}
.monaco-editor.hc-black .wordHighlight, .monaco-editor.hc-light .wordHighlight {
	border-style: dotted;
}

.monaco-editor .wordHighlightStrong {
	background-color: var(--vscode-editor-wordHighlightStrongBackground);
	box-sizing: border-box;
	border: 1px solid var(--vscode-editor-wordHighlightStrongBorder);
}
.monaco-editor.hc-black .wordHighlightStrong, .monaco-editor.hc-light .wordHighlightStrong {
	border-style: dotted;
}

.monaco-editor .wordHighlightText {
	background-color: var(--vscode-editor-wordHighlightTextBackground);
	box-sizing: border-box;
	border: 1px solid var(--vscode-editor-wordHighlightTextBorder);
}
.monaco-editor.hc-black .wordHighlightText, .monaco-editor.hc-light .wordHighlightText {
	border-style: dotted;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .parameter-hints-widget {
	/* Must be higher than the sash's z-index and terminal canvases but lower than the suggest widget */
	z-index: 39;
	display: flex;
	flex-direction: column;
	line-height: 1.5em;
	cursor: default;
	color: var(--vscode-editorHoverWidget-foreground);
	background-color: var(--vscode-editorHoverWidget-background);
	border: 1px solid var(--vscode-editorHoverWidget-border);
}

.hc-black .monaco-editor .parameter-hints-widget,
.hc-light .monaco-editor .parameter-hints-widget {
	border-width: 2px;
}

.monaco-editor .parameter-hints-widget > .phwrapper {
	max-width: 440px;
	display: flex;
	flex-direction: row;
}

.monaco-editor .parameter-hints-widget.multiple {
	min-height: 3.3em;
	padding: 0;
}

.monaco-editor .parameter-hints-widget.multiple .body::before {
	content: "";
	display: block;
	height: 100%;
	position: absolute;
	opacity: 0.5;
	border-left: 1px solid var(--vscode-editorHoverWidget-border);
}

.monaco-editor .parameter-hints-widget p,
.monaco-editor .parameter-hints-widget ul {
	margin: 8px 0;
}

.monaco-editor .parameter-hints-widget .monaco-scrollable-element,
.monaco-editor .parameter-hints-widget .body {
	display: flex;
	flex: 1;
	flex-direction: column;
	min-height: 100%;
}

.monaco-editor .parameter-hints-widget .signature {
	padding: 4px 5px;
	position: relative;
}

.monaco-editor .parameter-hints-widget .signature.has-docs::after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	width: 100%;
	padding-top: 4px;
	opacity: 0.5;
	border-bottom: 1px solid var(--vscode-editorHoverWidget-border);
}

.monaco-editor .parameter-hints-widget .docs {
	padding: 0 10px 0 5px;
	white-space: pre-wrap;
}

.monaco-editor .parameter-hints-widget .docs.empty {
	display: none;
}

.monaco-editor .parameter-hints-widget .docs a {
	color: var(--vscode-textLink-foreground);
}

.monaco-editor .parameter-hints-widget .docs a:hover {
	color: var(--vscode-textLink-activeForeground);
	cursor: pointer;
}

.monaco-editor .parameter-hints-widget .docs .markdown-docs {
	white-space: initial;
}

.monaco-editor .parameter-hints-widget .docs code {
	font-family: var(--monaco-monospace-font);
	border-radius: 3px;
	padding: 0 0.4em;
	background-color: var(--vscode-textCodeBlock-background);
}

.monaco-editor .parameter-hints-widget .docs .monaco-tokenized-source,
.monaco-editor .parameter-hints-widget .docs .code {
	white-space: pre-wrap;
}

.monaco-editor .parameter-hints-widget .controls {
	display: none;
	flex-direction: column;
	align-items: center;
	min-width: 22px;
	justify-content: flex-end;
}

.monaco-editor .parameter-hints-widget.multiple .controls {
	display: flex;
	padding: 0 2px;
}

.monaco-editor .parameter-hints-widget.multiple .button {
	width: 16px;
	height: 16px;
	background-repeat: no-repeat;
	cursor: pointer;
}

.monaco-editor .parameter-hints-widget .button.previous {
	bottom: 24px;
}

.monaco-editor .parameter-hints-widget .overloads {
	text-align: center;
	height: 12px;
	line-height: 12px;
	font-family: var(--monaco-monospace-font);
}

.monaco-editor .parameter-hints-widget .signature .parameter.active {
	color: var(--vscode-editorHoverWidget-highlightForeground);
	font-weight: bold;
}

.monaco-editor .parameter-hints-widget .documentation-parameter > .parameter {
	font-weight: bold;
	margin-right: 0.5em;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .rename-box {
	z-index: 100;
	color: inherit;
	border-radius: 4px;
}

.monaco-editor .rename-box.preview {
	padding: 4px 4px 0 4px;
}

.monaco-editor .rename-box .rename-input {
	padding: 3px;
	border-radius: 2px;
}

.monaco-editor .rename-box .rename-label {
	display: none;
	opacity: .8;
}

.monaco-editor .rename-box.preview .rename-label {
	display: inherit;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .sticky-widget {
	overflow: hidden;
}

.monaco-editor .sticky-widget-line-numbers {
	float: left;
	background-color: inherit;
}

.monaco-editor .sticky-widget-lines-scrollable {
	display: inline-block;
	position: absolute;
	overflow: hidden;
	width: var(--vscode-editorStickyScroll-scrollableWidth);
	background-color: inherit;
}

.monaco-editor .sticky-widget-lines {
	position: absolute;
	background-color: inherit;
}

.monaco-editor .sticky-line-number, .monaco-editor .sticky-line-content {
	color: var(--vscode-editorLineNumber-foreground);
	white-space: nowrap;
	display: inline-block;
	position: absolute;
	background-color: inherit;
}

.monaco-editor .sticky-line-number .codicon-folding-expanded,
.monaco-editor .sticky-line-number .codicon-folding-collapsed {
	float: right;
	transition: var(--vscode-editorStickyScroll-foldingOpacityTransition);
}

.monaco-editor .sticky-line-content {
	width: var(--vscode-editorStickyScroll-scrollableWidth);
	background-color: inherit;
	white-space: nowrap;
}

.monaco-editor .sticky-line-number-inner {
	display: inline-block;
	text-align: right;
}

.monaco-editor.hc-black .sticky-widget,
.monaco-editor.hc-light .sticky-widget {
	border-bottom: 1px solid var(--vscode-contrastBorder);
}

.monaco-editor .sticky-line-content:hover {
	background-color: var(--vscode-editorStickyScrollHover-background);
	cursor: pointer;
}

.monaco-editor .sticky-widget {
	width: 100%;
	box-shadow: var(--vscode-scrollbar-shadow) 0 3px 2px -2px;
	z-index: 4;
	background-color: var(--vscode-editorStickyScroll-background);
}

.monaco-editor .sticky-widget.peek {
	background-color: var(--vscode-peekViewEditorStickyScroll-background);
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .unicode-highlight {
	border: 1px solid var(--vscode-editorUnicodeHighlight-border);
	background-color: var(--vscode-editorUnicodeHighlight-background);
	box-sizing: border-box;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.editor-banner {
	box-sizing: border-box;
	cursor: default;
	width: 100%;
	font-size: 12px;
	display: flex;
	overflow: visible;

	height: 26px;

	background: var(--vscode-banner-background);
}


.editor-banner .icon-container {
	display: flex;
	flex-shrink: 0;
	align-items: center;
	padding: 0 6px 0 10px;
}

.editor-banner .icon-container.custom-icon {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 16px;
	width: 16px;
	padding: 0;
	margin: 0 6px 0 10px;
}

.editor-banner .message-container {
	display: flex;
	align-items: center;
	line-height: 26px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.editor-banner .message-container p {
	margin-block-start: 0;
	margin-block-end: 0;
}

.editor-banner .message-actions-container {
	flex-grow: 1;
	flex-shrink: 0;
	line-height: 26px;
	margin: 0 4px;
}

.editor-banner .message-actions-container a.monaco-button {
	width: inherit;
	margin: 2px 8px;
	padding: 0px 12px;
}

.editor-banner .message-actions-container a {
	padding: 3px;
	margin-left: 12px;
	text-decoration: underline;
}

.editor-banner .action-container {
	padding: 0 10px 0 6px;
}

.editor-banner {
	background-color: var(--vscode-banner-background);
}

.editor-banner,
.editor-banner .action-container .codicon,
.editor-banner .message-actions-container .monaco-link {
	color: var(--vscode-banner-foreground);
}

.editor-banner .icon-container .codicon {
	color: var(--vscode-banner-iconForeground);
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-link {
	color: var(--vscode-textLink-foreground);
}

.monaco-link:hover {
	color: var(--vscode-textLink-activeForeground);
}

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .iPadShowKeyboard {
	width: 58px;
	min-width: 0;
	height: 36px;
	min-height: 0;
	margin: 0;
	padding: 0;
	position: absolute;
	resize: none;
	overflow: hidden;
	background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTMiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCA1MyAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwKSI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNDguMDM2NCA0LjAxMDQySDQuMDA3NzlMNC4wMDc3OSAzMi4wMjg2SDQ4LjAzNjRWNC4wMTA0MlpNNC4wMDc3OSAwLjAwNzgxMjVDMS43OTcyMSAwLjAwNzgxMjUgMC4wMDUxODc5OSAxLjc5OTg0IDAuMDA1MTg3OTkgNC4wMTA0MlYzMi4wMjg2QzAuMDA1MTg3OTkgMzQuMjM5MiAxLjc5NzIxIDM2LjAzMTIgNC4wMDc3OSAzNi4wMzEySDQ4LjAzNjRDNTAuMjQ3IDM2LjAzMTIgNTIuMDM5IDM0LjIzOTIgNTIuMDM5IDMyLjAyODZWNC4wMTA0MkM1Mi4wMzkgMS43OTk4NCA1MC4yNDcgMC4wMDc4MTI1IDQ4LjAzNjQgMC4wMDc4MTI1SDQuMDA3NzlaTTguMDEwNDIgOC4wMTMwMkgxMi4wMTNWMTIuMDE1Nkg4LjAxMDQyVjguMDEzMDJaTTIwLjAxODIgOC4wMTMwMkgxNi4wMTU2VjEyLjAxNTZIMjAuMDE4MlY4LjAxMzAyWk0yNC4wMjA4IDguMDEzMDJIMjguMDIzNFYxMi4wMTU2SDI0LjAyMDhWOC4wMTMwMlpNMzYuMDI4NiA4LjAxMzAySDMyLjAyNlYxMi4wMTU2SDM2LjAyODZWOC4wMTMwMlpNNDAuMDMxMiA4LjAxMzAySDQ0LjAzMzlWMTIuMDE1Nkg0MC4wMzEyVjguMDEzMDJaTTE2LjAxNTYgMTYuMDE4Mkg4LjAxMDQyVjIwLjAyMDhIMTYuMDE1NlYxNi4wMTgyWk0yMC4wMTgyIDE2LjAxODJIMjQuMDIwOFYyMC4wMjA4SDIwLjAxODJWMTYuMDE4MlpNMzIuMDI2IDE2LjAxODJIMjguMDIzNFYyMC4wMjA4SDMyLjAyNlYxNi4wMTgyWk00NC4wMzM5IDE2LjAxODJWMjAuMDIwOEgzNi4wMjg2VjE2LjAxODJINDQuMDMzOVpNMTIuMDEzIDI0LjAyMzRIOC4wMTA0MlYyOC4wMjZIMTIuMDEzVjI0LjAyMzRaTTE2LjAxNTYgMjQuMDIzNEgzNi4wMjg2VjI4LjAyNkgxNi4wMTU2VjI0LjAyMzRaTTQ0LjAzMzkgMjQuMDIzNEg0MC4wMzEyVjI4LjAyNkg0NC4wMzM5VjI0LjAyMzRaIiBmaWxsPSIjNDI0MjQyIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDAiPgo8cmVjdCB3aWR0aD0iNTMiIGhlaWdodD0iMzYiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==") center center no-repeat;
	border: 4px solid #F6F6F6;
	border-radius: 4px;
}

.monaco-editor.vs-dark .iPadShowKeyboard {
	background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTMiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCA1MyAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwKSI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNDguMDM2NCA0LjAxMDQySDQuMDA3NzlMNC4wMDc3OSAzMi4wMjg2SDQ4LjAzNjRWNC4wMTA0MlpNNC4wMDc3OSAwLjAwNzgxMjVDMS43OTcyMSAwLjAwNzgxMjUgMC4wMDUxODc5OSAxLjc5OTg0IDAuMDA1MTg3OTkgNC4wMTA0MlYzMi4wMjg2QzAuMDA1MTg3OTkgMzQuMjM5MiAxLjc5NzIxIDM2LjAzMTIgNC4wMDc3OSAzNi4wMzEySDQ4LjAzNjRDNTAuMjQ3IDM2LjAzMTIgNTIuMDM5IDM0LjIzOTIgNTIuMDM5IDMyLjAyODZWNC4wMTA0MkM1Mi4wMzkgMS43OTk4NCA1MC4yNDcgMC4wMDc4MTI1IDQ4LjAzNjQgMC4wMDc4MTI1SDQuMDA3NzlaTTguMDEwNDIgOC4wMTMwMkgxMi4wMTNWMTIuMDE1Nkg4LjAxMDQyVjguMDEzMDJaTTIwLjAxODIgOC4wMTMwMkgxNi4wMTU2VjEyLjAxNTZIMjAuMDE4MlY4LjAxMzAyWk0yNC4wMjA4IDguMDEzMDJIMjguMDIzNFYxMi4wMTU2SDI0LjAyMDhWOC4wMTMwMlpNMzYuMDI4NiA4LjAxMzAySDMyLjAyNlYxMi4wMTU2SDM2LjAyODZWOC4wMTMwMlpNNDAuMDMxMiA4LjAxMzAySDQ0LjAzMzlWMTIuMDE1Nkg0MC4wMzEyVjguMDEzMDJaTTE2LjAxNTYgMTYuMDE4Mkg4LjAxMDQyVjIwLjAyMDhIMTYuMDE1NlYxNi4wMTgyWk0yMC4wMTgyIDE2LjAxODJIMjQuMDIwOFYyMC4wMjA4SDIwLjAxODJWMTYuMDE4MlpNMzIuMDI2IDE2LjAxODJIMjguMDIzNFYyMC4wMjA4SDMyLjAyNlYxNi4wMTgyWk00NC4wMzM5IDE2LjAxODJWMjAuMDIwOEgzNi4wMjg2VjE2LjAxODJINDQuMDMzOVpNMTIuMDEzIDI0LjAyMzRIOC4wMTA0MlYyOC4wMjZIMTIuMDEzVjI0LjAyMzRaTTE2LjAxNTYgMjQuMDIzNEgzNi4wMjg2VjI4LjAyNkgxNi4wMTU2VjI0LjAyMzRaTTQ0LjAzMzkgMjQuMDIzNEg0MC4wMzEyVjI4LjAyNkg0NC4wMzM5VjI0LjAyMzRaIiBmaWxsPSIjQzVDNUM1Ii8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDAiPgo8cmVjdCB3aWR0aD0iNTMiIGhlaWdodD0iMzYiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==") center center no-repeat;
	border: 4px solid #252526;
}/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .tokens-inspect-widget {
	z-index: 50;
	-moz-user-select: text;
	     user-select: text;
	-webkit-user-select: text;
	padding: 10px;
	color: var(--vscode-editorHoverWidget-foreground);
	background-color: var(--vscode-editorHoverWidget-background);
	border: 1px solid var(--vscode-editorHoverWidget-border);
}
.monaco-editor.hc-black .tokens-inspect-widget, .monaco-editor.hc-light .tokens-inspect-widget {
	border-width: 2px;
}

.monaco-editor .tokens-inspect-widget .tokens-inspect-separator {
	height: 1px;
	border: 0;
	background-color: var(--vscode-editorHoverWidget-border);
}

.monaco-editor .tokens-inspect-widget .tm-token {
	font-family: var(--monaco-monospace-font);
}

.monaco-editor .tokens-inspect-widget .tm-token-length {
	font-weight: normal;
	font-size: 60%;
	float: right;
}

.monaco-editor .tokens-inspect-widget .tm-metadata-table {
	width: 100%;
}

.monaco-editor .tokens-inspect-widget .tm-metadata-value {
	font-family: var(--monaco-monospace-font);
	text-align: right;
}

.monaco-editor .tokens-inspect-widget .tm-token-type {
	font-family: var(--monaco-monospace-font);
}
*, ::before, ::after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}

::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}/*
! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com
*//*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: #e5e7eb; /* 2 */
}

::before,
::after {
  --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/

html,
:host {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  -o-tab-size: 4;
     tab-size: 4; /* 3 */
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

a {
  color: inherit;
  text-decoration: inherit;
}

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
  font-feature-settings: normal; /* 2 */
  font-variation-settings: normal; /* 3 */
  font-size: 1em; /* 4 */
}

/*
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  letter-spacing: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

:-moz-ui-invalid {
  box-shadow: none;
}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*
Reset default styling for dialogs.
*/
dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

img,
video {
  max-width: 100%;
  height: auto;
}

/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden]:where(:not([hidden="until-found"])) {
  display: none;
}
.visible {
  visibility: visible;
}
.fixed {
  position: fixed;
}
.inset-0 {
  inset: 0px;
}
.z-50 {
  z-index: 50;
}
.mb-4 {
  margin-bottom: 1rem;
}
.mt-1 {
  margin-top: 0.25rem;
}
.flex {
  display: flex;
}
.table {
  display: table;
}
.h-12 {
  height: 3rem;
}
.h-48 {
  height: 12rem;
}
.h-8 {
  height: 2rem;
}
.h-full {
  height: 100%;
}
.h-screen {
  height: 100vh;
}
.min-h-0 {
  min-height: 0px;
}
.w-12 {
  width: 3rem;
}
.w-48 {
  width: 12rem;
}
.w-80 {
  width: 20rem;
}
.w-full {
  width: 100%;
}
.w-screen {
  width: 100vw;
}
.min-w-0 {
  min-width: 0px;
}
.flex-1 {
  flex: 1 1 0%;
}
.flex-shrink-0 {
  flex-shrink: 0;
}
.cursor-pointer {
  cursor: pointer;
}
.resize {
  resize: both;
}
.flex-col {
  flex-direction: column;
}
.items-center {
  align-items: center;
}
.justify-center {
  justify-content: center;
}
.justify-between {
  justify-content: space-between;
}
.gap-2 {
  gap: 0.5rem;
}
.gap-3 {
  gap: 0.75rem;
}
.space-y-3 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
}
.overflow-hidden {
  overflow: hidden;
}
.overflow-y-auto {
  overflow-y: auto;
}
.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.break-all {
  word-break: break-all;
}
.rounded {
  border-radius: 0.25rem;
}
.rounded-lg {
  border-radius: 0.5rem;
}
.border {
  border-width: 1px;
}
.border-0 {
  border-width: 0px;
}
.border-b {
  border-bottom-width: 1px;
}
.border-r {
  border-right-width: 1px;
}
.border-t {
  border-top-width: 1px;
}
.border-\[\#333\] {
  --tw-border-opacity: 1;
  border-color: rgb(51 51 51 / var(--tw-border-opacity, 1));
}
.border-\[\#555\] {
  --tw-border-opacity: 1;
  border-color: rgb(85 85 85 / var(--tw-border-opacity, 1));
}
.bg-\[\#094771\] {
  --tw-bg-opacity: 1;
  background-color: rgb(9 71 113 / var(--tw-bg-opacity, 1));
}
.bg-\[\#0e639c\] {
  --tw-bg-opacity: 1;
  background-color: rgb(14 99 156 / var(--tw-bg-opacity, 1));
}
.bg-\[\#1177bb\] {
  --tw-bg-opacity: 1;
  background-color: rgb(17 119 187 / var(--tw-bg-opacity, 1));
}
.bg-\[\#1e1e1e\] {
  --tw-bg-opacity: 1;
  background-color: rgb(30 30 30 / var(--tw-bg-opacity, 1));
}
.bg-\[\#252526\] {
  --tw-bg-opacity: 1;
  background-color: rgb(37 37 38 / var(--tw-bg-opacity, 1));
}
.bg-\[\#2d2d2d\] {
  --tw-bg-opacity: 1;
  background-color: rgb(45 45 45 / var(--tw-bg-opacity, 1));
}
.bg-\[\#3c3c3c\] {
  --tw-bg-opacity: 1;
  background-color: rgb(60 60 60 / var(--tw-bg-opacity, 1));
}
.bg-black\/50 {
  background-color: rgb(0 0 0 / 0.5);
}
.bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.p-2 {
  padding: 0.5rem;
}
.p-3 {
  padding: 0.75rem;
}
.p-4 {
  padding: 1rem;
}
.p-6 {
  padding: 1.5rem;
}
.px-3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}
.py-0\.5 {
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}
.py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.py-1\.5 {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}
.py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.text-center {
  text-align: center;
}
.font-mono {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
.text-lg {
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.text-xs {
  font-size: 0.75rem;
  line-height: 1rem;
}
.font-medium {
  font-weight: 500;
}
.uppercase {
  text-transform: uppercase;
}
.text-\[\#0e639c\] {
  --tw-text-opacity: 1;
  color: rgb(14 99 156 / var(--tw-text-opacity, 1));
}
.text-\[\#555\] {
  --tw-text-opacity: 1;
  color: rgb(85 85 85 / var(--tw-text-opacity, 1));
}
.text-\[\#6a9955\] {
  --tw-text-opacity: 1;
  color: rgb(106 153 85 / var(--tw-text-opacity, 1));
}
.text-\[\#858585\] {
  --tw-text-opacity: 1;
  color: rgb(133 133 133 / var(--tw-text-opacity, 1));
}
.text-\[\#ccc\] {
  --tw-text-opacity: 1;
  color: rgb(204 204 204 / var(--tw-text-opacity, 1));
}
.text-\[\#cccccc\] {
  --tw-text-opacity: 1;
  color: rgb(204 204 204 / var(--tw-text-opacity, 1));
}
.text-\[\#d4d4d4\] {
  --tw-text-opacity: 1;
  color: rgb(212 212 212 / var(--tw-text-opacity, 1));
}
.text-red-400 {
  --tw-text-opacity: 1;
  color: rgb(248 113 113 / var(--tw-text-opacity, 1));
}
.text-red-500 {
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity, 1));
}
.text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.text-yellow-400 {
  --tw-text-opacity: 1;
  color: rgb(250 204 21 / var(--tw-text-opacity, 1));
}
.text-yellow-500 {
  --tw-text-opacity: 1;
  color: rgb(234 179 8 / var(--tw-text-opacity, 1));
}
.shadow-xl {
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.transition-colors {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html, body, #app {
  width: 100%;
  height: 100%;
  overflow: hidden;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

.markdown-body h1 { font-size: 1.5em; font-weight: bold; margin: 0.5em 0; color: #fff; }
.markdown-body h2 { font-size: 1.25em; font-weight: bold; margin: 0.5em 0; color: #fff; }
.markdown-body h3 { font-size: 1.1em; font-weight: bold; margin: 0.5em 0; color: #ccc; }
.markdown-body p { margin: 0.5em 0; color: #cccccc; }
.markdown-body code { background: #333; padding: 0.2em 0.4em; border-radius: 3px; font-size: 0.9em; }
.markdown-body pre { background: #333; padding: 0.5em; border-radius: 4px; overflow-x: auto; margin: 0.5em 0; }
.markdown-body pre code { background: none; padding: 0; }
.markdown-body ul { margin: 0.5em 0; padding-left: 1.5em; list-style: disc; color: #cccccc; }
.markdown-body a { color: #0e639c; }
.markdown-body strong { color: #fff; }
.markdown-body em { color: #ccc; }
.hover\:bg-\[\#1177bb\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(17 119 187 / var(--tw-bg-opacity, 1));
}
.hover\:bg-\[\#2a2d2e\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(42 45 46 / var(--tw-bg-opacity, 1));
}
.hover\:bg-\[\#4a4a4a\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(74 74 74 / var(--tw-bg-opacity, 1));
}
.hover\:bg-\[\#4c4c4c\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(76 76 76 / var(--tw-bg-opacity, 1));
}
.hover\:text-white:hover {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.hover\:underline:hover {
  text-decoration-line: underline;
}