/* [project]/src/app/globals.css [app-client] (css) */
@layer properties {
  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
    *, :before, :after, ::backdrop {
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-space-y-reverse: 0;
      --tw-divide-y-reverse: 0;
      --tw-border-style: solid;
      --tw-gradient-position: initial;
      --tw-gradient-from: #0000;
      --tw-gradient-via: #0000;
      --tw-gradient-to: #0000;
      --tw-gradient-stops: initial;
      --tw-gradient-via-stops: initial;
      --tw-gradient-from-position: 0%;
      --tw-gradient-via-position: 50%;
      --tw-gradient-to-position: 100%;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-ordinal: initial;
      --tw-slashed-zero: initial;
      --tw-numeric-figure: initial;
      --tw-numeric-spacing: initial;
      --tw-numeric-fraction: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-outline-style: solid;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-duration: initial;
      --tw-ease: initial;
      --tw-content: "";
    }
  }
}

@layer cherry {
  :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 #0000001a;
    --shadow-md: 0px 4px 12px #00000026;
    --shadow-lg: 0px 12px 32px #0000001a, 0px 8px 16px #0000000d;
    --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: .25;
    --opacity-50: .5;
    --opacity-75: .75;
    --opacity-90: .9;
    --opacity-95: .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: #fffc;
    --glass-bg-gray: #f8fafccc;
    --glass-bg-dark: #334155cc;
    --glass-bg-black: #000c;
    --glass-border-light: #fff3;
    --glass-border-dark: #ffffff1a;
    --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: #fff;
    --base-previewer-bg: #fff;
    --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-icon-size: 14px;
    --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);
    --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: #6680990d;
    --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-toolbar-switch-bg: #8080801f;
    --mermaid-toolbar-slider-bg: #ffffffd9;
    --mermaid-toolbar-tab-color: inherit;
    --mermaid-toolbar-tab-active-color: #333;
    --mermaid-container-border: #80808033;
    --timeline-header-color: var(--base-font-color);
    --timeline-line-color: var(--base-border-color);
    --timeline-node-bg: var(--base-previewer-bg);
    --timeline-node-color: var(--oc-gray-5);
    --timeline-content-color: var(--md-paragraph-color);
    --timeline-time-color: var(--base-sub-font-color);
    --timeline-title-color: var(--md-heading-color);
    --timeline-desc-color: var(--base-sub-font-color);
    --timeline-done-color: var(--oc-green-6);
    --timeline-doing-color: var(--primary-color);
    --timeline-doing-shadow-color: #1890ff33;
    --timeline-doing-pulse-from: #1890ff59;
    --timeline-doing-pulse-to: #1890ff00;
    --timeline-todo-bg: var(--base-previewer-bg);
    --timeline-todo-color: var(--oc-gray-5);
    --timeline-milestone-color: var(--oc-yellow-6);
    --timeline-milestone-title-color: var(--oc-yellow-8);
    --timeline-error-color: var(--oc-red-5);
    --timeline-error-title-color: var(--oc-red-7);
    --drag-border-color: #ebedee;
  }

  :root {
    --oc-white: #fff;
    --oc-black: #000;
    --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;
    --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;
    --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;
    --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;
    --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;
    --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;
    --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;
    --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;
    --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;
    --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;
    --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;
    --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;
    --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 {
    background: none;
    width: 7px;
    height: 7px;
  }

  .cherry ::-webkit-scrollbar:hover {
    background: #8080801a;
  }

  .cherry ::-webkit-scrollbar-thumb {
    background: #d3d7da;
    -webkit-border-radius: 6px;
  }

  .cherry ::-webkit-scrollbar-thumb:hover {
    background: #0009;
  }

  .cherry ::-webkit-scrollbar-corner {
    background: none;
  }

  @font-face {
    font-family: ch-icon;
    src: url("../media/ch-icon.23loowsp3uhoe.eot?dpl=c45144269fdfba2ca82e327fb2953edabb3a1205");
    src: url("../media/ch-icon.23loowsp3uhoe.eot?dpl=c45144269fdfba2ca82e327fb2953edabb3a1205") format("eot"), url("../media/ch-icon.22q4ab3jchqc3.woff2?dpl=c45144269fdfba2ca82e327fb2953edabb3a1205") format("woff2"), url("../media/ch-icon.277wylm7mmzv4.woff?dpl=c45144269fdfba2ca82e327fb2953edabb3a1205") format("woff"), url("../media/ch-icon.2cxn-f5f5qts2.ttf?dpl=c45144269fdfba2ca82e327fb2953edabb3a1205") format("truetype"), url("../media/ch-icon.3mb_ehpu7__or.svg?dpl=c45144269fdfba2ca82e327fb2953edabb3a1205") format("svg");
    font-weight: 400;
    font-style: normal;
  }

  .ch-icon:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: ch-icon;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    display: inline-block;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .ch-icon-timeline:before {
    content: "";
  }

  .cherry-markdown {
    word-break: break-all;
    color: var(--md-paragraph-color);
    background-color: var(--base-previewer-bg);
  }

  .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 {
    color: var(--md-heading-color);
    font-family: inherit;
    font-weight: 700;
    line-height: 1.1;
  }

  .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 {
    color: var(--oc-gray-5);
    font-weight: 400;
    line-height: 1;
  }

  .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: .875em;
  }

  .cherry-markdown h6, .cherry-markdown .h6 {
    font-size: .85em;
  }

  .cherry-markdown b, .cherry-markdown strong {
    font-weight: 700;
  }

  .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 {
    border: 0;
    border-top: 1px solid var(--md-hr-border);
    height: 0;
    margin: var(--spacing-lg) 0;
    box-sizing: content-box;
    overflow: visible;
  }

  .cherry-markdown kbd {
    border: 1px solid var(--base-border-color);
    box-sizing: border-box;
    box-shadow: inset 0px -1px var(--base-border-color);
    border-radius: 4px;
    padding: 1px 2px;
    font-size: .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);
    min-width: 100px;
    padding: .2em .4em;
  }

  .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);
    text-decoration: none;
    position: relative;
  }

  .cherry-markdown a[target="_blank"] {
    padding: 0 2px;
  }

  .cherry-markdown a[target="_blank"]:after {
    content: "";
    font-size: var(--font-size-xs);
    margin: 0 2px;
    font-family: ch-icon;
  }

  .cherry-markdown a:hover {
    color: var(--md-link-hover-color);
    text-decoration: underline;
  }

  .cherry-markdown em {
    font-style: italic;
  }

  .cherry-markdown em.cherry-right-padding {
    padding-right: .2em;
  }

  .cherry-markdown sup {
    vertical-align: super;
  }

  .cherry-markdown sub {
    vertical-align: sub;
  }

  .cherry-markdown figure {
    margin: var(--spacing-lg) 0;
    overflow-x: auto;
  }

  .cherry-markdown figure[data-type="mermaid"] {
    width: fit-content;
    max-width: 100%;
    overflow: hidden;
  }

  .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 {
    -webkit-backdrop-filter: brightness(.96);
    backdrop-filter: brightness(.96);
    background-color: #0000;
    border-radius: 4px 4px 0 0;
    height: 45px;
    line-height: 45px;
    position: relative;
  }

  .cherry-markdown figure[data-type="mermaid"] .cherry-mermaid-source-toolbar-switch {
    background-color: var(--mermaid-toolbar-switch-bg);
    border-radius: 8px;
    width: 127px;
    height: 35px;
    margin-top: 5px;
    line-height: 35px;
    position: absolute;
    left: 10px;
  }

  .cherry-markdown figure[data-type="mermaid"] .cherry-mermaid-source-toolbar-tab {
    text-align: center;
    box-sizing: border-box;
    z-index: 2;
    cursor: pointer;
    width: 60px;
    height: 30px;
    color: var(--mermaid-toolbar-tab-color);
    -webkit-user-select: none;
    user-select: none;
    white-space: nowrap;
    background-color: #0000;
    font-size: 13px;
    line-height: 30px;
    position: absolute;
    top: 2px;
  }

  .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 {
    background-color: var(--mermaid-toolbar-slider-bg);
    z-index: 1;
    border-radius: 8px;
    width: 60px;
    height: 30px;
    transition: left .3s;
    position: absolute;
    top: 2px;
    left: 2px;
  }

  .cherry-markdown figure[data-type="mermaid"] .cherry-mermaid-source-toolbar-panel {
    width: 100%;
    display: none;
  }

  .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"] {
    border-radius: 0;
    margin: 0;
  }

  .cherry-markdown figure[data-type="mermaid"]:has(.cherry-mermaid-source-toolbar) {
    border: 1px solid var(--mermaid-container-border);
    border-radius: 4px;
    width: auto;
    max-width: 100%;
    overflow: hidden;
  }

  .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);
    border-left: 10px solid var(--md-hr-border);
    background: var(--md-blockquote-bg);
    padding: 10px 15px;
  }

  .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);
    background-color: #f6f8fa;
    border-radius: 6px;
    font-size: 85%;
    line-height: 1.45;
    overflow: auto;
  }

  .cherry-markdown div[data-type="codeBlock"] {
    box-sizing: border-box;
    width: 100%;
    margin-bottom: var(--spacing-lg);
    font-size: var(--font-size-sm);
    border-radius: 2px;
    display: inline-block;
    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 {
    height: 1.3em;
    padding-left: 3em;
    line-height: 2em;
    display: inline-block;
    position: relative;
  }

  .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 {
    white-space: normal;
    color: var(--md-inline-code-color);
    background-color: var(--md-inline-code-bg);
    border: 1px solid var(--md-hr-border);
    border-radius: .3em;
    padding: .1em;
  }

  [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: "§";
    vertical-align: middle;
    text-align: center;
    width: 15px;
    margin-left: -15px;
    font-size: .5em;
    text-decoration: none;
    display: inline-block;
  }

  .cherry-markdown .toc {
    margin-bottom: var(--spacing-lg);
    background-color: var(--md-toc-bg);
    border: var(--border-width-1) solid var(--md-toc-border-color);
    border-radius: var(--md-toc-radius);
    padding-left: 0;
    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 {
    border-left: var(--md-toc-indicator-width) solid var(--md-toc-indicator-color);
    padding-left: var(--md-toc-indicator-gap);
    align-items: center;
    margin: 0;
    list-style: none;
    transition: border-color 50ms ease-out;
    display: flex;
  }

  .cherry-markdown .toc .toc-li .cherry-toc-in-blockquote {
    padding: 0 0 0 var(--spacing-sm);
    color: var(--md-toc-indicator-color);
    margin-top: -.4em;
    font-size: .6em;
  }

  .cherry-markdown .toc .toc-li a {
    color: var(--md-toc-link-color);
    padding: var(--spacing-xs) var(--spacing-sm);
    border-radius: var(--md-toc-link-radius);
    flex-grow: 1;
    text-decoration: none;
    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 {
    border-left-color: var(--md-toc-indicator-hover-color);
  }

  .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 sup.cherry-footnote-number a.footnote {
    color: var(--md-link-color);
    border-radius: 3px;
    margin: 0 1px;
    padding: 0 3px;
    font-size: .75em;
    font-weight: 500;
    line-height: 1;
    text-decoration: none;
    transition: background-color .15s, color .15s;
    display: inline-block;
  }

  .cherry-markdown sup.cherry-footnote-number a.footnote:hover, .cherry-markdown sup.cherry-footnote-number a.footnote:focus-visible {
    background-color: var(--md-inline-code-bg);
    outline: none;
    text-decoration: none;
  }

  .cherry-markdown .footnote:not(a) {
    border-top: 1px solid var(--md-hr-border);
    color: var(--base-sub-font-color);
    margin-top: 1em;
    padding-top: 1.25em;
    font-size: .9em;
  }

  .cherry-markdown .footnote:not(a) .footnote-title {
    letter-spacing: .02em;
    width: auto;
    color: var(--md-paragraph-color);
    text-transform: none;
    background: none;
    margin: 0 0 1em;
    padding: 0;
    font-size: 1em;
    font-weight: 600;
    display: block;
  }

  .cherry-markdown .footnote:not(a) .footnote-title:before {
    content: "";
    vertical-align: -1px;
    background-color: var(--md-link-color);
    border-radius: 2px;
    width: 3px;
    height: .9em;
    margin-right: 8px;
    display: inline-block;
  }

  .cherry-markdown .footnote:not(a) .one-footnote {
    color: inherit;
    word-break: break-word;
    border-bottom: none;
    margin: 0;
    padding: .55em 0 .55em .25em;
    line-height: 1.65;
    position: relative;
  }

  .cherry-markdown .footnote:not(a) .one-footnote p, .cherry-markdown .footnote:not(a) .one-footnote div, .cherry-markdown .footnote:not(a) .one-footnote blockquote, .cherry-markdown .footnote:not(a) .one-footnote pre, .cherry-markdown .footnote:not(a) .one-footnote table, .cherry-markdown .footnote:not(a) .one-footnote ul, .cherry-markdown .footnote:not(a) .one-footnote ol {
    margin: 0;
  }

  .cherry-markdown .footnote:not(a) .one-footnote a.footnote-ref {
    min-width: 1.6em;
    height: 1.6em;
    color: var(--md-link-color);
    background-color: var(--md-inline-code-bg);
    border-radius: 10px;
    justify-content: center;
    align-items: center;
    margin-right: .5em;
    padding: 0 .4em;
    font-size: .78em;
    font-weight: 500;
    line-height: 1;
    text-decoration: none;
    transition: background-color .15s, color .15s;
    display: inline-flex;
  }

  .cherry-markdown .footnote:not(a) .one-footnote a.footnote-ref:hover, .cherry-markdown .footnote:not(a) .one-footnote a.footnote-ref:focus-visible {
    background-color: var(--md-link-color);
    color: var(--base-editor-bg);
    outline: none;
    text-decoration: none;
  }

  .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);
    min-width: 100px;
    padding: .2em .4em;
  }

  .cherry-markdown .cherry-table-container .cherry-table th {
    white-space: nowrap;
    background-color: var(--md-inline-code-bg);
  }

  .cherry-markdown mjx-assistive-mml {
    clip: rect(1px, 1px, 1px, 1px);
    border: 0;
    padding: 1px 0 0;
    position: absolute;
    top: 0;
    left: 0;
  }

  .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 {
    counter-reset: level1;
  }

  .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"] code[class*="language-"], div[data-type="codeBlock"] pre[class*="language-"] {
    color: #ccc;
    text-align: left;
    white-space: pre;
    word-spacing: normal;
    word-break: normal;
    word-wrap: normal;
    tab-size: 4;
    -webkit-hyphens: none;
    hyphens: none;
    background: none;
    font-family: Consolas, Monaco, Andale Mono, Ubuntu Mono, monospace;
    font-size: 1em;
    line-height: 1.5;
  }

  div[data-type="codeBlock"] pre[class*="language-"] {
    margin: .5em 0;
    padding: 1em;
    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-"] {
    white-space: normal;
    border-radius: .3em;
    padding: .1em;
  }

  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: 700;
  }

  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"] code[class*="language-"], [data-code-block-theme="default"] div[data-type="codeBlock"] pre[class*="language-"] {
    color: #000;
    text-shadow: 0 1px #fff;
    text-align: left;
    white-space: pre;
    word-spacing: normal;
    word-break: normal;
    word-wrap: normal;
    tab-size: 4;
    -webkit-hyphens: none;
    hyphens: none;
    background: none;
    font-family: Consolas, Monaco, Andale Mono, Ubuntu Mono, monospace;
    font-size: 1em;
    line-height: 1.5;
  }

  [data-code-block-theme="default"] div[data-type="codeBlock"] pre[class*="language-"]::-moz-selection {
    text-shadow: none;
    background: #b3d4fc;
  }

  [data-code-block-theme="default"] div[data-type="codeBlock"] pre[class*="language-"] ::-moz-selection {
    text-shadow: none;
    background: #b3d4fc;
  }

  [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"] 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-"] {
    margin: .5em 0;
    padding: 1em;
    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-"] {
    white-space: normal;
    border-radius: .3em;
    padding: .1em;
  }

  [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: #708090;
  }

  [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: .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;
    background: #ffffff80;
  }

  [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: 700;
  }

  [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"] code[class*="language-"], [data-code-block-theme="dark"] div[data-type="codeBlock"] pre[class*="language-"] {
    color: #fff;
    text-shadow: 0 -.1em .2em #000;
    text-align: left;
    white-space: pre;
    word-spacing: normal;
    word-break: normal;
    word-wrap: normal;
    tab-size: 4;
    -webkit-hyphens: none;
    hyphens: none;
    background: none;
    font-family: Consolas, Monaco, Andale Mono, Ubuntu Mono, monospace;
    font-size: 1em;
    line-height: 1.5;
  }

  @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: #4d4033;
  }

  [data-code-block-theme="dark"] div[data-type="codeBlock"] pre[class*="language-"] {
    border: .3em solid #7a6652;
    border-radius: .5em;
    margin: .5em 0;
    padding: 1em;
    overflow: auto;
    box-shadow: inset 1px 1px .5em #000;
  }

  [data-code-block-theme="dark"] div[data-type="codeBlock"] :not(pre) > code[class*="language-"] {
    white-space: normal;
    border: .13em solid #7a6652;
    border-radius: .3em;
    padding: .15em .2em .05em;
    box-shadow: inset 1px 1px .3em -.1em #000;
  }

  [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: #998066;
  }

  [data-code-block-theme="dark"] div[data-type="codeBlock"] .token.punctuation, [data-code-block-theme="dark"] div[data-type="codeBlock"] .token.namespace {
    opacity: .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: #d1949e;
  }

  [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: #bde052;
  }

  [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: #f5b83d;
  }

  [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: #d1949e;
  }

  [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: 700;
  }

  [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"] code[class*="language-"], [data-code-block-theme="one-dark"] div[data-type="codeBlock"] pre[class*="language-"] {
    color: #abb2bf;
    text-shadow: 0 1px #0000004d;
    text-align: left;
    white-space: pre;
    word-spacing: normal;
    word-break: normal;
    tab-size: 2;
    -webkit-hyphens: none;
    hyphens: none;
    direction: ltr;
    background: #282c34;
    font-family: Fira Code, Fira Mono, Menlo, Consolas, DejaVu Sans Mono, monospace;
    line-height: 1.5;
  }

  [data-code-block-theme="one-dark"] div[data-type="codeBlock"] code[class*="language-"]::-moz-selection {
    color: inherit;
    text-shadow: none;
    background: #3e4451;
  }

  [data-code-block-theme="one-dark"] div[data-type="codeBlock"] code[class*="language-"] ::-moz-selection {
    color: inherit;
    text-shadow: none;
    background: #3e4451;
  }

  [data-code-block-theme="one-dark"] div[data-type="codeBlock"] pre[class*="language-"] ::-moz-selection {
    color: inherit;
    text-shadow: none;
    background: #3e4451;
  }

  [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 {
    color: inherit;
    text-shadow: none;
    background: #3e4451;
  }

  [data-code-block-theme="one-dark"] div[data-type="codeBlock"] pre[class*="language-"] {
    border-radius: .3em;
    margin: .5em 0;
    padding: 1em;
    overflow: auto;
  }

  [data-code-block-theme="one-dark"] div[data-type="codeBlock"] :not(pre) > code[class*="language-"] {
    white-space: normal;
    border-radius: .3em;
    padding: .2em .3em;
  }

  @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: #5c6370;
  }

  [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: #abb2bf;
  }

  [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: #d19a66;
  }

  [data-code-block-theme="one-dark"] div[data-type="codeBlock"] .token.keyword {
    color: #c678dd;
  }

  [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: #e06c75;
  }

  [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: #98c379;
  }

  [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: #61afef;
  }

  [data-code-block-theme="one-dark"] div[data-type="codeBlock"] .token.url {
    color: #56b6c2;
  }

  [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: #abb2bf;
  }

  [data-code-block-theme="one-dark"] div[data-type="codeBlock"] .language-css .token.selector {
    color: #e06c75;
  }

  [data-code-block-theme="one-dark"] div[data-type="codeBlock"] .language-css .token.property {
    color: #abb2bf;
  }

  [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: #56b6c2;
  }

  [data-code-block-theme="one-dark"] div[data-type="codeBlock"] .language-css .token.url > .token.string.url {
    color: #98c379;
  }

  [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, [data-code-block-theme="one-dark"] div[data-type="codeBlock"] .language-javascript .token.operator {
    color: #c678dd;
  }

  [data-code-block-theme="one-dark"] div[data-type="codeBlock"] .language-javascript .token.template-string > .token.interpolation > .token.interpolation-punctuation.punctuation {
    color: #be5046;
  }

  [data-code-block-theme="one-dark"] div[data-type="codeBlock"] .language-json .token.operator {
    color: #abb2bf;
  }

  [data-code-block-theme="one-dark"] div[data-type="codeBlock"] .language-json .token.null.keyword {
    color: #d19a66;
  }

  [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: #abb2bf;
  }

  [data-code-block-theme="one-dark"] div[data-type="codeBlock"] .language-markdown .token.url > .token.content {
    color: #61afef;
  }

  [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: #56b6c2;
  }

  [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: #5c6370;
    font-style: italic;
  }

  [data-code-block-theme="one-dark"] div[data-type="codeBlock"] .language-markdown .token.code-snippet {
    color: #98c379;
  }

  [data-code-block-theme="one-dark"] div[data-type="codeBlock"] .language-markdown .token.bold .token.content {
    color: #d19a66;
  }

  [data-code-block-theme="one-dark"] div[data-type="codeBlock"] .language-markdown .token.italic .token.content {
    color: #c678dd;
  }

  [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: #e06c75;
  }

  [data-code-block-theme="one-dark"] div[data-type="codeBlock"] .token.bold {
    font-weight: 700;
  }

  [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: .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: #abb2bf26;
    text-shadow: none;
  }

  [data-code-block-theme="one-dark"] div[data-type="codeBlock"] div.code-toolbar > .toolbar.toolbar > .toolbar-item {
    margin-right: .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 {
    color: #828997;
    background: #3a3f4b;
    border-radius: .3em;
    padding: .1em .4em;
  }

  [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 {
    color: #abb2bf;
    background: #3e4451;
  }

  [data-code-block-theme="one-dark"] div[data-type="codeBlock"] .line-highlight.line-highlight {
    background: #99bbff0a;
  }

  [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 {
    color: #abb2bf;
    background: #3a3f4b;
    border-radius: .3em;
    padding: .1em .6em;
    box-shadow: 0 2px #0003;
  }

  [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: #99bbff0a;
  }

  [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: #abb2bf26;
  }

  [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: #636d83;
  }

  [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: #e06c75;
  }

  [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: #98c379;
  }

  [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: #61afef;
  }

  [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: #c678dd;
  }

  [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: #ff526626;
  }

  [data-code-block-theme="one-dark"] div[data-type="codeBlock"] pre.diff-highlight > code .token.token.deleted:not(.prefix)::-moz-selection {
    background-color: #fb566940;
  }

  [data-code-block-theme="one-dark"] div[data-type="codeBlock"] pre.diff-highlight > code .token.token.deleted:not(.prefix) ::-moz-selection {
    background-color: #fb566940;
  }

  [data-code-block-theme="one-dark"] div[data-type="codeBlock"] pre > code.diff-highlight .token.token.deleted:not(.prefix)::-moz-selection {
    background-color: #fb566940;
  }

  [data-code-block-theme="one-dark"] div[data-type="codeBlock"] pre > code.diff-highlight .token.token.deleted:not(.prefix) ::-moz-selection {
    background-color: #fb566940;
  }

  [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: #fb566940;
  }

  [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: #1aff5b26;
  }

  [data-code-block-theme="one-dark"] div[data-type="codeBlock"] pre.diff-highlight > code .token.token.inserted:not(.prefix)::-moz-selection {
    background-color: #38e06240;
  }

  [data-code-block-theme="one-dark"] div[data-type="codeBlock"] pre.diff-highlight > code .token.token.inserted:not(.prefix) ::-moz-selection {
    background-color: #38e06240;
  }

  [data-code-block-theme="one-dark"] div[data-type="codeBlock"] pre > code.diff-highlight .token.token.inserted:not(.prefix)::-moz-selection {
    background-color: #38e06240;
  }

  [data-code-block-theme="one-dark"] div[data-type="codeBlock"] pre > code.diff-highlight .token.token.inserted:not(.prefix) ::-moz-selection {
    background-color: #38e06240;
  }

  [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: #38e06240;
  }

  [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: #262931;
  }

  [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: .3em;
  }

  [data-code-block-theme="one-dark"] div[data-type="codeBlock"] .prism-previewer.prism-previewer:after {
    border-top-color: #262931;
  }

  [data-code-block-theme="one-dark"] div[data-type="codeBlock"] .prism-previewer-flipped.prism-previewer-flipped.after {
    border-bottom-color: #262931;
  }

  [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: #31363f;
  }

  [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: #abb2bf;
    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: #abb2bf;
  }

  [data-code-block-theme="one-dark"] div[data-type="codeBlock"] .prism-previewer-easing.prism-previewer-easing circle {
    fill: #0000;
  }

  [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-"] {
    color: #383a42;
    text-align: left;
    white-space: pre;
    word-spacing: normal;
    word-break: normal;
    tab-size: 2;
    -webkit-hyphens: none;
    hyphens: none;
    direction: ltr;
    background: #fafafa;
    font-family: Fira Code, Fira Mono, Menlo, Consolas, DejaVu Sans Mono, monospace;
    line-height: 1.5;
  }

  [data-code-block-theme="one-light"] div[data-type="codeBlock"] code[class*="language-"]::-moz-selection {
    color: inherit;
    background: #e5e5e6;
  }

  [data-code-block-theme="one-light"] div[data-type="codeBlock"] code[class*="language-"] ::-moz-selection {
    color: inherit;
    background: #e5e5e6;
  }

  [data-code-block-theme="one-light"] div[data-type="codeBlock"] pre[class*="language-"] ::-moz-selection {
    color: inherit;
    background: #e5e5e6;
  }

  [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 {
    color: inherit;
    background: #e5e5e6;
  }

  [data-code-block-theme="one-light"] div[data-type="codeBlock"] pre[class*="language-"] {
    border-radius: .3em;
    margin: .5em 0;
    padding: 1em;
    overflow: auto;
  }

  [data-code-block-theme="one-light"] div[data-type="codeBlock"] :not(pre) > code[class*="language-"] {
    white-space: normal;
    border-radius: .3em;
    padding: .2em .3em;
  }

  [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: #a0a1a7;
  }

  [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: #383a42;
  }

  [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: #b76b01;
  }

  [data-code-block-theme="one-light"] div[data-type="codeBlock"] .token.keyword {
    color: #a626a4;
  }

  [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: #e45649;
  }

  [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: #50a14f;
  }

  [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: #4078f2;
  }

  [data-code-block-theme="one-light"] div[data-type="codeBlock"] .token.url {
    color: #0184bc;
  }

  [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: #383a42;
  }

  [data-code-block-theme="one-light"] div[data-type="codeBlock"] .language-css .token.selector {
    color: #e45649;
  }

  [data-code-block-theme="one-light"] div[data-type="codeBlock"] .language-css .token.property {
    color: #383a42;
  }

  [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: #0184bc;
  }

  [data-code-block-theme="one-light"] div[data-type="codeBlock"] .language-css .token.url > .token.string.url {
    color: #50a14f;
  }

  [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, [data-code-block-theme="one-light"] div[data-type="codeBlock"] .language-javascript .token.operator {
    color: #a626a4;
  }

  [data-code-block-theme="one-light"] div[data-type="codeBlock"] .language-javascript .token.template-string > .token.interpolation > .token.interpolation-punctuation.punctuation {
    color: #ca1243;
  }

  [data-code-block-theme="one-light"] div[data-type="codeBlock"] .language-json .token.operator {
    color: #383a42;
  }

  [data-code-block-theme="one-light"] div[data-type="codeBlock"] .language-json .token.null.keyword {
    color: #b76b01;
  }

  [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: #383a42;
  }

  [data-code-block-theme="one-light"] div[data-type="codeBlock"] .language-markdown .token.url > .token.content {
    color: #4078f2;
  }

  [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: #0184bc;
  }

  [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: #a0a1a7;
    font-style: italic;
  }

  [data-code-block-theme="one-light"] div[data-type="codeBlock"] .language-markdown .token.code-snippet {
    color: #50a14f;
  }

  [data-code-block-theme="one-light"] div[data-type="codeBlock"] .language-markdown .token.bold .token.content {
    color: #b76b01;
  }

  [data-code-block-theme="one-light"] div[data-type="codeBlock"] .language-markdown .token.italic .token.content {
    color: #a626a4;
  }

  [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: #e45649;
  }

  [data-code-block-theme="one-light"] div[data-type="codeBlock"] .token.bold {
    font-weight: 700;
  }

  [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: .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: #383a4233;
  }

  [data-code-block-theme="one-light"] div[data-type="codeBlock"] div.code-toolbar > .toolbar.toolbar > .toolbar-item {
    margin-right: .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 {
    color: #696c77;
    background: #e5e5e6;
    border-radius: .3em;
    padding: .1em .4em;
  }

  [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 {
    color: #383a42;
    background: #c6c7c7;
  }

  [data-code-block-theme="one-light"] div[data-type="codeBlock"] .line-highlight.line-highlight {
    background: #383a420d;
  }

  [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 {
    color: #383a42;
    background: #e5e5e6;
    border-radius: .3em;
    padding: .1em .6em;
    box-shadow: 0 2px #0003;
  }

  [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: #383a420d;
  }

  [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: #383a4233;
  }

  [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: #9d9d9f;
  }

  [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: #e45649;
  }

  [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: #50a14f;
  }

  [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: #4078f2;
  }

  [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: #a626a4;
  }

  [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: #ff526626;
  }

  [data-code-block-theme="one-light"] div[data-type="codeBlock"] pre.diff-highlight > code .token.token.deleted:not(.prefix)::-moz-selection {
    background-color: #fb566940;
  }

  [data-code-block-theme="one-light"] div[data-type="codeBlock"] pre.diff-highlight > code .token.token.deleted:not(.prefix) ::-moz-selection {
    background-color: #fb566940;
  }

  [data-code-block-theme="one-light"] div[data-type="codeBlock"] pre > code.diff-highlight .token.token.deleted:not(.prefix)::-moz-selection {
    background-color: #fb566940;
  }

  [data-code-block-theme="one-light"] div[data-type="codeBlock"] pre > code.diff-highlight .token.token.deleted:not(.prefix) ::-moz-selection {
    background-color: #fb566940;
  }

  [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: #fb566940;
  }

  [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: #1aff5b26;
  }

  [data-code-block-theme="one-light"] div[data-type="codeBlock"] pre.diff-highlight > code .token.token.inserted:not(.prefix)::-moz-selection {
    background-color: #38e06240;
  }

  [data-code-block-theme="one-light"] div[data-type="codeBlock"] pre.diff-highlight > code .token.token.inserted:not(.prefix) ::-moz-selection {
    background-color: #38e06240;
  }

  [data-code-block-theme="one-light"] div[data-type="codeBlock"] pre > code.diff-highlight .token.token.inserted:not(.prefix)::-moz-selection {
    background-color: #38e06240;
  }

  [data-code-block-theme="one-light"] div[data-type="codeBlock"] pre > code.diff-highlight .token.token.inserted:not(.prefix) ::-moz-selection {
    background-color: #38e06240;
  }

  [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: #38e06240;
  }

  [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: #f2f2f2;
  }

  [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: .3em;
  }

  [data-code-block-theme="one-light"] div[data-type="codeBlock"] .prism-previewer.prism-previewer:after {
    border-top-color: #f2f2f2;
  }

  [data-code-block-theme="one-light"] div[data-type="codeBlock"] .prism-previewer-flipped.prism-previewer-flipped.after {
    border-bottom-color: #f2f2f2;
  }

  [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: #fff;
  }

  [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: #383a42;
    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: #383a42;
  }

  [data-code-block-theme="one-light"] div[data-type="codeBlock"] .prism-previewer-easing.prism-previewer-easing circle {
    fill: #0000;
  }

  [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;
    text-shadow: none;
    text-align: left;
    white-space: pre;
    word-spacing: normal;
    word-break: normal;
    tab-size: 4;
    -webkit-hyphens: none;
    hyphens: none;
    direction: ltr;
    font-family: Menlo, Monaco, Consolas, Andale Mono, Ubuntu Mono, Courier New, monospace;
    font-size: 13px;
    line-height: 1.5;
  }

  [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-"] {
    background: #1e1e1e;
    margin: .5em 0;
    padding: 1em;
    overflow: auto;
  }

  [data-code-block-theme="vs-dark"] div[data-type="codeBlock"] :not(pre) > code[class*="language-"] {
    color: #db4c69;
    background: #1e1e1e;
    border-radius: .3em;
    padding: .1em .3em;
  }

  [data-code-block-theme="vs-dark"] div[data-type="codeBlock"] .namespace {
    opacity: .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, [data-code-block-theme="vs-dark"] div[data-type="codeBlock"] .token.parameter, [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, [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, [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, [data-code-block-theme="vs-dark"] div[data-type="codeBlock"] .token.cdata {
    color: gray;
  }

  [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: gray;
  }

  [data-code-block-theme="vs-dark"] div[data-type="codeBlock"] pre[class*="language-"] > code[class*="language-"] {
    z-index: 1;
    position: relative;
  }

  [data-code-block-theme="vs-dark"] div[data-type="codeBlock"] .line-highlight.line-highlight {
    z-index: 0;
    background: #f7ebc6;
    box-shadow: inset 5px 0 #f7d87c;
  }

  [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;
    text-align: left;
    white-space: pre;
    word-spacing: normal;
    word-break: normal;
    tab-size: 4;
    -webkit-hyphens: none;
    hyphens: none;
    direction: ltr;
    font-family: Consolas, Bitstream Vera Sans Mono, Courier New, Courier, monospace;
    font-size: .9em;
    line-height: 1.2em;
  }

  [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 {
    background: #c1def1;
  }

  [data-code-block-theme="vs-light"] div[data-type="codeBlock"] pre[class*="language-"] ::-moz-selection {
    background: #c1def1;
  }

  [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"] 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-"] {
    background-color: #fff;
    border: 1px solid #ddd;
    margin: .5em 0;
    padding: 1em;
    overflow: auto;
  }

  [data-code-block-theme="vs-light"] div[data-type="codeBlock"] :not(pre) > code[class*="language-"] {
    background: #f8f8f8;
    border: 1px solid #ddd;
    padding: 1px .2em;
  }

  [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: green;
    font-style: italic;
  }

  [data-code-block-theme="vs-light"] div[data-type="codeBlock"] .token.namespace {
    opacity: .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;
  }

  [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: #00f;
  }

  [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: 700;
  }

  [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: maroon;
  }

  [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: red;
  }

  [data-code-block-theme="vs-light"] div[data-type="codeBlock"] .token.directive.tag .tag {
    color: #393a34;
    background: #ff0;
  }

  [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: linear-gradient(90deg, #c1def133 70%, #dddef100);
  }

  [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;
    text-shadow: 0 1px #0000004d;
    text-align: left;
    white-space: pre;
    word-spacing: normal;
    word-break: normal;
    word-wrap: normal;
    tab-size: 4;
    -webkit-hyphens: none;
    hyphens: none;
    background: none;
    font-family: Consolas, Monaco, Andale Mono, Ubuntu Mono, monospace;
    font-size: 1em;
    line-height: 1.5;
  }

  [data-code-block-theme="okaidia"] div[data-type="codeBlock"] pre[class*="language-"] {
    border-radius: .3em;
    margin: .5em 0;
    padding: 1em;
    overflow: auto;
  }

  [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-"] {
    white-space: normal;
    border-radius: .3em;
    padding: .1em;
  }

  [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: .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: 700;
  }

  [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"] code[class*="language-"], [data-code-block-theme="twilight"] div[data-type="codeBlock"] pre[class*="language-"] {
    color: #fff;
    text-align: left;
    text-shadow: 0 -.1em .2em #000;
    white-space: pre;
    word-spacing: normal;
    word-break: normal;
    word-wrap: normal;
    tab-size: 4;
    -webkit-hyphens: none;
    hyphens: none;
    background: none;
    font-family: Consolas, Monaco, Andale Mono, Ubuntu Mono, monospace;
    font-size: 1em;
    line-height: 1.5;
  }

  [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: #141414;
  }

  [data-code-block-theme="twilight"] div[data-type="codeBlock"] pre[class*="language-"] {
    border: .3em solid #545454;
    border-radius: .5em;
    margin: .5em 0;
    padding: 1em;
    overflow: auto;
    box-shadow: inset 1px 1px .5em #000;
  }

  [data-code-block-theme="twilight"] div[data-type="codeBlock"] pre[class*="language-"]::selection {
    background: #27292a;
  }

  [data-code-block-theme="twilight"] div[data-type="codeBlock"] pre[class*="language-"]::-moz-selection {
    text-shadow: none;
    background: #ededed26;
  }

  [data-code-block-theme="twilight"] div[data-type="codeBlock"] pre[class*="language-"] ::-moz-selection {
    text-shadow: none;
    background: #ededed26;
  }

  [data-code-block-theme="twilight"] div[data-type="codeBlock"] code[class*="language-"]::-moz-selection {
    text-shadow: none;
    background: #ededed26;
  }

  [data-code-block-theme="twilight"] div[data-type="codeBlock"] code[class*="language-"] ::-moz-selection {
    text-shadow: none;
    background: #ededed26;
  }

  [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: #ededed26;
  }

  [data-code-block-theme="twilight"] div[data-type="codeBlock"] :not(pre) > code[class*="language-"] {
    white-space: normal;
    border: .13em solid #545454;
    border-radius: .3em;
    padding: .15em .2em .05em;
    box-shadow: inset 1px 1px .3em -.1em #000;
  }

  [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: #787878;
  }

  [data-code-block-theme="twilight"] div[data-type="codeBlock"] .token.punctuation, [data-code-block-theme="twilight"] div[data-type="codeBlock"] .token.namespace {
    opacity: .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: #cf694a;
  }

  [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: #f9ee9a;
  }

  [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: #919e6b;
  }

  [data-code-block-theme="twilight"] div[data-type="codeBlock"] .token.atrule {
    color: #7386a5;
  }

  [data-code-block-theme="twilight"] div[data-type="codeBlock"] .token.regex, [data-code-block-theme="twilight"] div[data-type="codeBlock"] .token.important {
    color: #e9c163;
  }

  [data-code-block-theme="twilight"] div[data-type="codeBlock"] .token.important, [data-code-block-theme="twilight"] div[data-type="codeBlock"] .token.bold {
    font-weight: 700;
  }

  [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: #ad895c;
  }

  [data-code-block-theme="twilight"] div[data-type="codeBlock"] .token {
    z-index: 1;
    position: relative;
  }

  [data-code-block-theme="twilight"] div[data-type="codeBlock"] .line-highlight {
    line-height: inherit;
    padding: inherit 0;
    pointer-events: none;
    white-space: pre;
    z-index: 0;
    background: linear-gradient(90deg, #5454541a 70%, #54545400);
    border-top: 1px dashed #545454;
    border-bottom: 1px dashed #545454;
    margin-top: .75em;
    position: absolute;
    left: 0;
    right: 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 {
    color: #f5f2f0;
    content: attr(data-start);
    text-align: center;
    min-width: 1em;
    text-shadow: none;
    vertical-align: .3em;
    background-color: #8794a6;
    border-radius: 999px;
    padding: 0 .5em;
    font: 700 65% / 1.5 sans-serif;
    position: absolute;
    top: .4em;
    left: .6em;
    box-shadow: 0 1px #fff;
  }

  [data-code-block-theme="twilight"] div[data-type="codeBlock"] .line-highlight[data-end]:after {
    content: attr(data-end);
    top: auto;
    bottom: .4em;
  }

  [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: #000;
    text-align: left;
    white-space: pre;
    word-spacing: normal;
    word-break: normal;
    word-wrap: normal;
    tab-size: 4;
    -webkit-hyphens: none;
    hyphens: none;
    background: none;
    font-family: Consolas, Monaco, Andale Mono, Ubuntu Mono, monospace;
    font-size: 1em;
    line-height: 1.5;
  }

  [data-code-block-theme="coy"] div[data-type="codeBlock"] pre[class*="language-"] {
    margin: .5em 0;
    padding: 0;
    position: relative;
    overflow-y: hidden;
  }

  [data-code-block-theme="coy"] div[data-type="codeBlock"] pre[class*="language-"] > code {
    background-color: #fdfdfd;
    background-image: linear-gradient(#0000 50%, #458ed10a 50%);
    background-size: 3em 3em;
    background-attachment: local;
    background-origin: content-box;
    border-left: 10px solid #358ccb;
    position: relative;
    box-shadow: -1px 0 #358ccb, 0 0 0 1px #dfdfdf;
  }

  [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-"] {
    box-sizing: border-box;
    background-color: #fdfdfd;
    margin-bottom: 1em;
  }

  [data-code-block-theme="coy"] div[data-type="codeBlock"] :not(pre) > code[class*="language-"] {
    color: #c92c2c;
    white-space: normal;
    border: 1px solid #0000001a;
    border-radius: .3em;
    padding: .2em;
    display: inline;
    position: relative;
  }

  [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;
    width: 40%;
    height: 20%;
    max-height: 13em;
    display: block;
    position: absolute;
    bottom: .75em;
    left: .18em;
    transform: rotate(-2deg);
    box-shadow: 0 13px 8px #979797;
  }

  [data-code-block-theme="coy"] div[data-type="codeBlock"] pre[class*="language-"]:after {
    left: auto;
    right: .75em;
    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: #ffffff80;
  }

  [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: #ffffff80;
  }

  [data-code-block-theme="coy"] div[data-type="codeBlock"] .token.important {
    font-weight: 400;
  }

  [data-code-block-theme="coy"] div[data-type="codeBlock"] .token.bold {
    font-weight: 700;
  }

  [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: .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 {
      box-shadow: none;
      bottom: 14px;
    }
  }

  [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 {
    padding-left: 4em;
    position: relative;
  }

  [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"] code[class*="language-"], [data-code-block-theme="solarized-light"] div[data-type="codeBlock"] pre[class*="language-"] {
    color: #657b83;
    text-align: left;
    white-space: pre;
    word-spacing: normal;
    word-break: normal;
    word-wrap: normal;
    tab-size: 4;
    -webkit-hyphens: none;
    hyphens: none;
    font-family: Consolas, Monaco, Andale Mono, Ubuntu Mono, monospace;
    font-size: 1em;
    line-height: 1.5;
  }

  [data-code-block-theme="solarized-light"] div[data-type="codeBlock"] pre[class*="language-"]::-moz-selection {
    background: #073642;
  }

  [data-code-block-theme="solarized-light"] div[data-type="codeBlock"] pre[class*="language-"] ::-moz-selection {
    background: #073642;
  }

  [data-code-block-theme="solarized-light"] div[data-type="codeBlock"] code[class*="language-"]::-moz-selection {
    background: #073642;
  }

  [data-code-block-theme="solarized-light"] div[data-type="codeBlock"] code[class*="language-"] ::-moz-selection {
    background: #073642;
  }

  [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;
  }

  [data-code-block-theme="solarized-light"] div[data-type="codeBlock"] pre[class*="language-"] {
    border-radius: .3em;
    margin: .5em 0;
    padding: 1em;
    overflow: auto;
  }

  [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;
  }

  [data-code-block-theme="solarized-light"] div[data-type="codeBlock"] :not(pre) > code[class*="language-"] {
    border-radius: .3em;
    padding: .1em;
  }

  [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;
  }

  [data-code-block-theme="solarized-light"] div[data-type="codeBlock"] .token.punctuation {
    color: #586e75;
  }

  [data-code-block-theme="solarized-light"] div[data-type="codeBlock"] .token.namespace {
    opacity: .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;
  }

  [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;
  }

  [data-code-block-theme="solarized-light"] div[data-type="codeBlock"] .token.entity {
    color: #657b83;
    background: #eee8d5;
  }

  [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;
  }

  [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;
  }

  [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;
  }

  [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: 700;
  }

  [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 .2s;
    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;
    -webkit-user-select: none;
    user-select: none;
    border-radius: var(--accordion-radius) var(--accordion-radius) 0 0;
    font-weight: 600;
    transition: background-color .2s;
    position: relative;
  }

  .cherry-detail details summary:hover {
    background: var(--accordion-summary-hover-bg);
  }

  .cherry-detail details summary::marker {
    content: "";
  }

  .cherry-detail details summary:before {
    content: "▼";
    left: var(--spacing-md);
    transition: transform .2s;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }

  .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 {
    border: none;
    border-bottom: 1px solid var(--accordion-body-border);
    box-shadow: none;
    border-radius: 0;
    margin-bottom: 0;
  }

  .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, .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 {
    justify-content: flex-start;
    display: flex;
  }

  .cherry-text-align__center table {
    margin-left: auto;
    margin-right: auto;
  }

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

  .cherry-text-align__right table {
    margin-left: auto;
  }

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

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

  .cherry-panel-cols {
    --panel-cols-gap: 32px;
    --panel-cols-divider: 1px dotted var(--md-hr-border, #00000003);
    --panel-col-min-width: 180px;
    margin: var(--panel-cols-margin, 16px 0);
    box-sizing: border-box;
    align-items: stretch;
    gap: 0;
    width: 100%;
    display: grid;
    overflow-x: auto;
  }

  .cherry-panel-cols .cherry-panel--col {
    min-width: var(--panel-col-min-width, 180px);
    box-sizing: border-box;
    padding: var(--panel-col-padding, 0);
    background: var(--panel-col-bg, transparent);
    border-radius: var(--panel-col-border-radius, 0);
    word-wrap: break-word;
    overflow-wrap: break-word;
    line-height: 1.7;
  }

  .cherry-panel-cols .cherry-panel--col > :first-child {
    margin-top: 0;
  }

  .cherry-panel-cols .cherry-panel--col > :last-child {
    margin-bottom: 0;
  }

  .cherry-panel-cols .cherry-panel--col img, .cherry-panel-cols .cherry-panel--col video, .cherry-panel-cols .cherry-panel--col iframe {
    max-width: 100%;
    height: auto;
  }

  .cherry-panel-cols .cherry-panel--col pre, .cherry-panel-cols .cherry-panel--col table {
    max-width: 100%;
    overflow-x: auto;
  }

  .cherry-panel-cols .cherry-panel--col table {
    width: 100%;
    display: block;
  }

  .cherry-panel-cols .cherry-panel--col + .cherry-panel--col {
    border-left: var(--panel-cols-divider);
    padding-left: calc(var(--panel-cols-gap) / 2);
  }

  .cherry-panel-cols .cherry-panel--col:not(:last-child) {
    padding-right: calc(var(--panel-cols-gap) / 2);
  }

  .cherry-panel-cols__cols {
    grid-template-columns: repeat(var(--cols, 2), minmax(var(--panel-col-min-width, 180px), 1fr));
  }

  .cherry-panel-cols__2cols {
    grid-template-columns: repeat(2, minmax(var(--panel-col-min-width, 180px), 1fr));
  }

  .cherry-panel-cols__3cols {
    grid-template-columns: repeat(3, minmax(var(--panel-col-min-width, 180px), 1fr));
  }

  @media (max-width: 640px) {
    .cherry-panel-cols__cols, .cherry-panel-cols__2cols, .cherry-panel-cols__3cols {
      grid-template-columns: minmax(0, 1fr);
      overflow-x: visible;
    }

    .cherry-panel-cols__cols .cherry-panel--col, .cherry-panel-cols__2cols .cherry-panel--col, .cherry-panel-cols__3cols .cherry-panel--col {
      min-width: 0;
    }

    .cherry-panel-cols__cols .cherry-panel--col + .cherry-panel--col, .cherry-panel-cols__2cols .cherry-panel--col + .cherry-panel--col, .cherry-panel-cols__3cols .cherry-panel--col + .cherry-panel--col {
      border-left: none;
      border-top: var(--panel-cols-divider);
      padding-left: 0;
      padding-top: calc(var(--panel-cols-gap, 32px) / 2);
    }

    .cherry-panel-cols__cols .cherry-panel--col:not(:last-child), .cherry-panel-cols__2cols .cherry-panel--col:not(:last-child), .cherry-panel-cols__3cols .cherry-panel--col:not(:last-child) {
      padding-right: 0;
      padding-bottom: calc(var(--panel-cols-gap, 32px) / 2);
    }
  }

  .cherry-tabs {
    --tabs-gap: var(--panel-cols-gap, 32px);
    --tabs-label-color: var(--md-text-color, inherit);
    --tabs-label-active-color: var(--md-link-color, #0d6dfe);
    --tabs-label-active-border-color: var(--md-link-color, #0d6dfe);
    --tabs-label-hover-bg: var(--panel-primary-bg, #0d6dfe0f);
    --tabs-border-color: var(--md-hr-border, #0000001f);
    --tabs-panel-padding: 12px 0;
    margin: var(--tabs-margin, 16px 0);
    box-sizing: border-box;
    width: 100%;
    display: block;
    position: relative;
  }

  .cherry-tabs .cherry-tabs--radio {
    opacity: 0;
    pointer-events: none;
    border: 0;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    position: absolute;
  }

  .cherry-tabs .cherry-tabs--labels {
    border-bottom: 1px solid var(--tabs-border-color);
    flex-wrap: wrap;
    align-items: stretch;
    margin: 0;
    padding: 0;
    display: flex;
  }

  .cherry-tabs .cherry-tabs--label {
    cursor: pointer;
    color: var(--tabs-label-color);
    -webkit-user-select: none;
    user-select: none;
    border-bottom: 2px solid #0000;
    margin: 0 0 -1px;
    padding: 8px 16px;
    font-weight: 500;
    line-height: 1.5;
    transition: color .15s, border-color .15s, background-color .15s;
    display: inline-block;
  }

  .cherry-tabs .cherry-tabs--label:hover {
    background: var(--tabs-label-hover-bg);
  }

  .cherry-tabs .cherry-tabs--panels {
    padding: var(--tabs-panel-padding);
    position: relative;
  }

  .cherry-tabs .cherry-tabs--panel {
    word-wrap: break-word;
    overflow-wrap: break-word;
    line-height: 1.7;
    display: none;
  }

  .cherry-tabs .cherry-tabs--panel > :first-child {
    margin-top: 0;
  }

  .cherry-tabs .cherry-tabs--panel > :last-child {
    margin-bottom: 0;
  }

  .cherry-tabs .cherry-tabs--panel img, .cherry-tabs .cherry-tabs--panel video, .cherry-tabs .cherry-tabs--panel iframe {
    max-width: 100%;
    height: auto;
  }

  .cherry-tabs .cherry-tabs--panel pre, .cherry-tabs .cherry-tabs--panel table {
    max-width: 100%;
    overflow-x: auto;
  }

  .cherry-tabs .cherry-tabs--panel table {
    width: 100%;
    display: block;
  }

  .cherry-tabs .cherry-tabs--radio__0:checked ~ .cherry-tabs--labels .cherry-tabs--label__0, .cherry-tabs .cherry-tabs--radio__1:checked ~ .cherry-tabs--labels .cherry-tabs--label__1, .cherry-tabs .cherry-tabs--radio__2:checked ~ .cherry-tabs--labels .cherry-tabs--label__2, .cherry-tabs .cherry-tabs--radio__3:checked ~ .cherry-tabs--labels .cherry-tabs--label__3, .cherry-tabs .cherry-tabs--radio__4:checked ~ .cherry-tabs--labels .cherry-tabs--label__4, .cherry-tabs .cherry-tabs--radio__5:checked ~ .cherry-tabs--labels .cherry-tabs--label__5, .cherry-tabs .cherry-tabs--radio__6:checked ~ .cherry-tabs--labels .cherry-tabs--label__6, .cherry-tabs .cherry-tabs--radio__7:checked ~ .cherry-tabs--labels .cherry-tabs--label__7, .cherry-tabs .cherry-tabs--radio__8:checked ~ .cherry-tabs--labels .cherry-tabs--label__8, .cherry-tabs .cherry-tabs--radio__9:checked ~ .cherry-tabs--labels .cherry-tabs--label__9 {
    color: var(--tabs-label-active-color);
    border-bottom-color: var(--tabs-label-active-border-color);
    background: none;
  }

  .cherry-tabs .cherry-tabs--radio__0:checked ~ .cherry-tabs--panels .cherry-tabs--panel__0, .cherry-tabs .cherry-tabs--radio__1:checked ~ .cherry-tabs--panels .cherry-tabs--panel__1, .cherry-tabs .cherry-tabs--radio__2:checked ~ .cherry-tabs--panels .cherry-tabs--panel__2, .cherry-tabs .cherry-tabs--radio__3:checked ~ .cherry-tabs--panels .cherry-tabs--panel__3, .cherry-tabs .cherry-tabs--radio__4:checked ~ .cherry-tabs--panels .cherry-tabs--panel__4, .cherry-tabs .cherry-tabs--radio__5:checked ~ .cherry-tabs--panels .cherry-tabs--panel__5, .cherry-tabs .cherry-tabs--radio__6:checked ~ .cherry-tabs--panels .cherry-tabs--panel__6, .cherry-tabs .cherry-tabs--radio__7:checked ~ .cherry-tabs--panels .cherry-tabs--panel__7, .cherry-tabs .cherry-tabs--radio__8:checked ~ .cherry-tabs--panels .cherry-tabs--panel__8, .cherry-tabs .cherry-tabs--radio__9:checked ~ .cherry-tabs--panels .cherry-tabs--panel__9 {
    display: block;
  }

  .cherry-tabs .cherry-tabs--radio__0:focus-visible ~ .cherry-tabs--labels .cherry-tabs--label__0, .cherry-tabs .cherry-tabs--radio__1:focus-visible ~ .cherry-tabs--labels .cherry-tabs--label__1, .cherry-tabs .cherry-tabs--radio__2:focus-visible ~ .cherry-tabs--labels .cherry-tabs--label__2, .cherry-tabs .cherry-tabs--radio__3:focus-visible ~ .cherry-tabs--labels .cherry-tabs--label__3, .cherry-tabs .cherry-tabs--radio__4:focus-visible ~ .cherry-tabs--labels .cherry-tabs--label__4, .cherry-tabs .cherry-tabs--radio__5:focus-visible ~ .cherry-tabs--labels .cherry-tabs--label__5, .cherry-tabs .cherry-tabs--radio__6:focus-visible ~ .cherry-tabs--labels .cherry-tabs--label__6, .cherry-tabs .cherry-tabs--radio__7:focus-visible ~ .cherry-tabs--labels .cherry-tabs--label__7, .cherry-tabs .cherry-tabs--radio__8:focus-visible ~ .cherry-tabs--labels .cherry-tabs--label__8, .cherry-tabs .cherry-tabs--radio__9:focus-visible ~ .cherry-tabs--labels .cherry-tabs--label__9 {
    outline: 2px solid var(--tabs-label-active-border-color);
    outline-offset: -2px;
  }

  .cherry-panel {
    margin: var(--panel-margin, 10px 0);
    border-radius: var(--panel-border-radius, var(--radius-xl));
    box-sizing: border-box;
    border: var(--panel-border, .5px solid var(--panel-border-color, transparent));
    background: var(--panel-bg, transparent);
    box-shadow: var(--panel-box-shadow, none);
    -webkit-backdrop-filter: var(--panel-backdrop-filter, none);
    backdrop-filter: var(--panel-backdrop-filter, none);
    overflow: hidden;
  }

  .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 {
    margin: 0 var(--spacing-md) 0 -6px;
    vertical-align: bottom;
    content: var(--panel-icon, "");
    font-family: ch-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-markdown .cherry-timeline {
    color: var(--timeline-content-color, var(--base-font-color));
    margin: 20px 0;
    padding: 4px 0;
  }

  .cherry-markdown .cherry-timeline--header {
    color: var(--timeline-header-color, var(--base-font-color));
    letter-spacing: .2px;
    padding: 0 0 14px 4px;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.4;
  }

  .cherry-markdown .cherry-timeline--body {
    padding-left: 24px;
    position: relative;
  }

  .cherry-markdown .cherry-timeline--item {
    border-radius: var(--radius-md, 6px);
    padding: 2px 8px 14px;
    transition: background-color .2s;
    position: relative;
  }

  .cherry-markdown .cherry-timeline--item:before {
    content: "";
    background: var(--timeline-line-color, var(--base-border-color));
    z-index: 0;
    border-radius: 1px;
    width: 2px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: -18px;
  }

  .cherry-markdown .cherry-timeline--item:first-child:before {
    top: 22px;
  }

  .cherry-markdown .cherry-timeline--item:last-child:before {
    height: 6px;
    bottom: auto;
  }

  .cherry-markdown .cherry-timeline--item:first-child:last-child:before {
    display: none;
  }

  .cherry-markdown .cherry-timeline--item:last-child {
    padding-bottom: 0;
  }

  .cherry-markdown .cherry-timeline--item__todo:before {
    background: linear-gradient(to bottom, var(--timeline-line-color, var(--base-border-color)) 0, var(--timeline-line-color, var(--base-border-color)) 4px, transparent 4px, transparent 8px);
    opacity: .7;
    background-repeat: repeat-y;
    background-size: 2px 8px;
  }

  .cherry-markdown .cherry-timeline--item:hover {
    background: var(--secondary-color, #3582fb0a);
  }

  .cherry-markdown .cherry-timeline--item:hover .cherry-timeline--content {
    transform: translate(2px);
  }

  .cherry-markdown .cherry-timeline--node {
    background: var(--timeline-node-bg, var(--base-previewer-bg));
    border: 2px solid var(--timeline-node-color, var(--oc-gray-5));
    width: 14px;
    height: 14px;
    box-shadow: 0 0 0 3px var(--base-previewer-bg, #fff), 0 1px 2px #00000014;
    box-sizing: border-box;
    z-index: 1;
    border-radius: 50%;
    transition: transform .2s, box-shadow .2s;
    position: absolute;
    top: 6px;
    left: -24px;
  }

  .cherry-markdown .cherry-timeline--item:hover .cherry-timeline--node {
    transform: scale(1.15);
  }

  .cherry-markdown .cherry-timeline--content {
    line-height: 1.65;
    transition: transform .2s;
  }

  .cherry-markdown .cherry-timeline--time {
    color: var(--timeline-time-color, var(--base-sub-font-color));
    background: var(--oc-gray-1, #0000000a);
    letter-spacing: .2px;
    border-radius: 10px;
    margin-bottom: 6px;
    padding: 2px 8px;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.4;
    display: inline-block;
  }

  .cherry-markdown .cherry-timeline--title {
    color: var(--timeline-title-color, var(--md-heading-color));
    margin-bottom: 4px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.5;
  }

  .cherry-markdown .cherry-timeline--desc {
    color: var(--timeline-desc-color, var(--base-sub-font-color));
    font-size: 13px;
    line-height: 1.6;
  }

  .cherry-markdown .cherry-timeline--desc p {
    margin: 2px 0;
  }

  .cherry-markdown .cherry-timeline--desc p:first-child {
    margin-top: 0;
  }

  .cherry-markdown .cherry-timeline--desc p:last-child {
    margin-bottom: 0;
  }

  .cherry-markdown .cherry-timeline--item__done .cherry-timeline--node {
    background: var(--timeline-done-color, var(--color-success));
    border-color: var(--timeline-done-color, var(--color-success));
  }

  .cherry-markdown .cherry-timeline--item__done .cherry-timeline--time {
    color: var(--timeline-done-color, var(--color-success));
    background: #40c0571a;
  }

  .cherry-markdown .cherry-timeline--item__doing .cherry-timeline--node {
    background: var(--timeline-doing-color, var(--primary-color));
    border-color: var(--timeline-doing-color, var(--primary-color));
    box-shadow: 0 0 0 3px var(--base-previewer-bg, #fff), 0 0 0 6px var(--timeline-doing-shadow-color, #3582fb2e);
    animation: 1.8s ease-in-out infinite cherry-timeline-pulse;
  }

  .cherry-markdown .cherry-timeline--item__doing .cherry-timeline--time {
    color: var(--timeline-doing-color, var(--primary-color));
    background: var(--secondary-color, #3582fb1a);
  }

  .cherry-markdown .cherry-timeline--item__doing .cherry-timeline--title {
    color: var(--timeline-doing-color, var(--primary-color));
  }

  @keyframes cherry-timeline-pulse {
    0% {
      box-shadow: 0 0 0 3px var(--base-previewer-bg, #fff), 0 0 0 3px var(--timeline-doing-pulse-from, #3582fb59);
    }

    70% {
      box-shadow: 0 0 0 3px var(--base-previewer-bg, #fff), 0 0 0 10px var(--timeline-doing-pulse-to, #3582fb00);
    }

    to {
      box-shadow: 0 0 0 3px var(--base-previewer-bg, #fff), 0 0 0 10px var(--timeline-doing-pulse-to, #3582fb00);
    }
  }

  .cherry-markdown .cherry-timeline--item__todo .cherry-timeline--node {
    background: var(--timeline-todo-bg, var(--base-previewer-bg));
    border-color: var(--timeline-todo-color, var(--oc-gray-5));
  }

  .cherry-markdown .cherry-timeline--item__milestone .cherry-timeline--node {
    background: var(--timeline-milestone-color, var(--oc-yellow-6));
    border-color: var(--timeline-milestone-color, var(--oc-yellow-6));
    width: 14px;
    height: 14px;
    box-shadow: 0 0 0 3px var(--base-previewer-bg, #fff), 0 0 8px var(--timeline-milestone-color, #faad1480);
    border-radius: 2px;
    top: 6px;
    left: -24px;
    transform: rotate(45deg);
  }

  .cherry-markdown .cherry-timeline--item__milestone:hover .cherry-timeline--node {
    transform: rotate(45deg) scale(1.15);
  }

  .cherry-markdown .cherry-timeline--item__milestone .cherry-timeline--title {
    color: var(--timeline-milestone-title-color, var(--oc-yellow-8));
    font-weight: 700;
  }

  .cherry-markdown .cherry-timeline--item__milestone .cherry-timeline--time {
    color: var(--timeline-milestone-title-color, var(--oc-yellow-8));
    background: #faad141f;
  }

  .cherry-markdown .cherry-timeline--item__error .cherry-timeline--node {
    background: var(--timeline-error-color, var(--color-error));
    border-color: var(--timeline-error-color, var(--color-error));
  }

  .cherry-markdown .cherry-timeline--item__error .cherry-timeline--title {
    color: var(--timeline-error-title-color, var(--oc-red-7));
  }

  .cherry-markdown .cherry-timeline--item__error .cherry-timeline--time {
    color: var(--timeline-error-title-color, var(--oc-red-7));
    background: #ff4d4f1a;
  }

  @media (prefers-reduced-motion: reduce) {
    .cherry-markdown .cherry-timeline--item, .cherry-markdown .cherry-timeline--node, .cherry-markdown .cherry-timeline--content {
      transition: none;
    }

    .cherry-markdown .cherry-timeline--item:hover .cherry-timeline--content, .cherry-markdown .cherry-timeline--item:hover .cherry-timeline--node, .cherry-markdown .cherry-timeline--item__milestone:hover .cherry-timeline--node {
      transform: none;
    }

    .cherry-markdown .cherry-timeline--item__milestone .cherry-timeline--node {
      transform: rotate(45deg);
    }

    .cherry-markdown .cherry-timeline--item__doing .cherry-timeline--node {
      animation: none;
    }
  }

  @media print {
    .cherry-markdown .cherry-timeline--item, .cherry-markdown .cherry-timeline--node, .cherry-markdown .cherry-timeline--content {
      transition: none;
    }

    .cherry-markdown .cherry-timeline--item:hover {
      background: none;
    }

    .cherry-markdown .cherry-timeline--item:hover .cherry-timeline--content {
      transform: none;
    }

    .cherry-markdown .cherry-timeline--item__doing .cherry-timeline--node {
      animation: none;
    }

    .cherry-markdown .cherry-timeline--item:before {
      -webkit-print-color-adjust: exact;
      print-color-adjust: exact;
    }

    .cherry-markdown .cherry-timeline--item__todo:before {
      opacity: 1;
    }
  }

  .cherry-bubble {
    font-size: var(--font-size-sm);
    min-height: var(--bubble-btn-height);
    border: var(--border-width-1) solid var(--bubble-border);
    background-color: var(--bubble-bg);
    min-width: 50px;
    box-shadow: var(--bubble-shadow);
    border-radius: var(--bubble-radius);
    z-index: var(--bubble-z-index);
    padding: var(--spacing-xs);
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    display: flex;
    position: absolute;
  }

  .cherry-bubble.cherry-bubble--centered {
    left: 50%;
    transform: translate(-50%);
  }

  .cherry-bubble .cherry-bubble-top, .cherry-bubble .cherry-bubble-bottom {
    background: var(--bubble-bg);
    box-sizing: border-box;
    width: 12px;
    height: 12px;
    z-index: calc(var(--bubble-z-index) + 1);
    pointer-events: none;
    margin-left: -6px;
    position: absolute;
    left: 50%;
  }

  .cherry-bubble .cherry-bubble-top {
    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;
    top: 0;
    transform: translateY(-50%) rotate(45deg);
  }

  .cherry-bubble .cherry-bubble-bottom {
    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;
    bottom: 0;
    transform: translateY(50%) rotate(45deg);
  }

  .cherry-bubble .cherry-toolbar-button {
    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;
    user-select: none;
    z-index: calc(var(--bubble-z-index) + 2);
    justify-content: center;
    align-items: center;
    display: inline-flex;
  }

  .cherry-bubble .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 {
    height: 65%;
    min-height: calc(.65 * var(--bubble-btn-height));
  }

  .cherry-switch-paste {
    justify-content: center;
    align-items: center;
    display: flex;
  }

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

  .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 .doing-resize-img {
    -webkit-user-select: none;
    user-select: none;
  }

  .cherry .cherry-previewer img {
    transition: all .1s;
  }

  .cherry .cherry-previewer-footnote-ref-hover-handler {
    z-index: 11;
    background: var(--base-editor-bg);
    border: 1px solid var(--base-border-color);
    border-radius: 5px;
    min-width: 200px;
    max-width: 500px;
    padding: 10px;
    position: absolute;
    box-shadow: 0 10px 15px -3px #0000001a;
  }

  .cherry .footnote.hidden {
    display: none;
  }

  .cherry .cherry-previewer-img-size-handler {
    border: 1px solid var(--primary-color);
    box-sizing: content-box;
    pointer-events: none;
    position: absolute;
    box-shadow: 0 1px 4px #14519a80;
  }

  .cherry .cherry-previewer-img-size-handler .cherry-previewer-img-size-handler__points {
    background: var(--primary-color);
    border: 2px solid var(--oc-white);
    box-sizing: content-box;
    pointer-events: all;
    border-radius: 9px;
    width: 10px;
    height: 10px;
    margin-top: -7px;
    margin-left: -7px;
    position: absolute;
    box-shadow: 0 2px 2px #14519a80;
  }

  .cherry .cherry-previewer-img-size-handler .cherry-previewer-img-size-handler__background {
    opacity: .5;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    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, .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, .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, .cherry .cherry-previewer-img-size-handler .cherry-previewer-img-size-handler__points-rightMiddle {
    cursor: e-resize;
  }

  .cherry .cherry-previewer-img-tool-handler {
    font-size: var(--font-size-sm);
    min-height: var(--bubble-btn-height);
    border: var(--border-width-1) solid var(--bubble-border);
    background-color: var(--bubble-bg);
    min-width: 50px;
    box-shadow: var(--bubble-shadow);
    border-radius: var(--bubble-radius);
    z-index: var(--bubble-z-index);
    padding: var(--spacing-xs);
    padding: var(--bubble-padding);
    flex-flow: column wrap;
    justify-content: flex-start;
    align-items: center;
    display: flex;
    position: absolute;
  }

  .cherry .cherry-previewer-img-tool-handler .img-tool-group {
    align-items: center;
    gap: 5px;
    display: flex;
  }

  .cherry .cherry-previewer-img-tool-handler .img-tool-button {
    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;
    user-select: none;
    font-size: var(--font-size-md);
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
    transition: color .15s, background-color .15s, border-color .15s;
    display: inline-flex;
  }

  .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 {
    pointer-events: none;
    -webkit-user-select: none;
    user-select: none;
    font-size: 18px;
  }

  .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 {
    box-sizing: border-box;
    resize: none;
    outline: 1px solid var(--primary-color);
    word-break: break-all;
    border: 0;
    width: 100%;
    height: 100%;
  }

  .cherry .cherry-previewer-codeBlock-content-handler .cherry-previewer-codeBlock-content-handler__input {
    position: absolute;
  }

  .cherry .cherry-previewer-table-hover-handler {
    pointer-events: none;
    position: absolute;
  }

  .cherry .cherry-previewer-table-hover-handler-container, .cherry .cherry-previewer-table-hover-handler-menu-container {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    list-style-type: none;
    position: absolute;
  }

  .cherry .cherry-previewer-table-hover-handler__symbol {
    pointer-events: auto;
    color: var(--md-table-operator-color);
    cursor: pointer;
    background-color: #0000;
    border: 1px solid #3582fb00;
    border-radius: 3px;
    justify-content: center;
    width: 12px;
    height: 12px;
    line-height: 12px;
    transition: all .3s;
    display: flex;
    position: absolute;
  }

  .cherry .cherry-previewer-table-hover-handler__symbol:hover {
    background-color: var(--secondary-color);
  }

  .cherry .cherry-previewer-table-hover-handler__menu {
    pointer-events: auto;
    color: var(--md-table-operator-color);
    width: 25px;
    height: 14px;
    font-size: var(--font-size-xs);
    border: 1px solid var(--md-table-operator-color);
    background-color: var(--base-previewer-bg);
    cursor: pointer;
    z-index: 1001;
    border-radius: 999px;
    justify-content: center;
    align-items: center;
    transition: all .3s;
    display: flex;
    position: absolute;
  }

  .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 {
    vertical-align: baseline;
    line-height: 1;
  }

  .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 {
    pointer-events: none;
    position: absolute;
  }

  .cherry .cherry-previewer-table-boundary-trigger-line--v {
    border-left: 2px solid var(--md-table-operator-color);
    width: 0;
    top: 0;
    bottom: 0;
  }

  .cherry .cherry-previewer-table-boundary-trigger-line--h {
    border-top: 2px solid var(--md-table-operator-color);
    height: 0;
    left: 0;
    right: 0;
  }

  .cherry .cherry-previewer-table-menu-bubble {
    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);
    justify-content: center;
    align-items: center;
    gap: 2px;
    display: inline-flex;
    position: absolute;
  }

  .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 {
    width: var(--bubble-btn-height);
    height: var(--bubble-btn-height);
    cursor: pointer;
    color: var(--base-font-color);
    font-size: var(--font-size-sm);
    border-radius: calc(var(--bubble-radius) - 2px);
    justify-content: center;
    align-items: center;
    transition: background-color .2s, color .2s;
    display: flex;
  }

  .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 .2s;
  }

  .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: #ffc8;
    }

    60% {
      background-color: #ffc8;
    }

    to {
      background-color: #ffc0;
    }
  }

  @keyframes changeHighlightLineBg {
    0% {
      background-color: var(--md-paragraph-highlight-line-bg);
    }

    60% {
      background-color: var(--md-paragraph-highlight-line-bg);
    }

    to {
      background-color: var(--base-previewer-bg);
    }
  }

  .cherry .cherry-highlight-line {
    animation: 1s changeHighlightLineBg;
  }

  @media print {
    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 {
      max-height: none;
      border-left: none !important;
      width: 100% !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, 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"] {
      box-shadow: none !important;
      border: none !important;
      margin: 0 !important;
      padding: 0 !important;
    }
  }

  .cherry-insert-formula-wrappler {
    box-sizing: border-box;
    display: flex;
    overflow: hidden;
    width: 680px !important;
    height: 420px !important;
    padding: 0 !important;
    position: fixed !important;
  }

  .cherry-insert-formula-wrappler ul {
    margin: 0;
    padding: 0;
    list-style: none;
  }

  .cherry-insert-formula-wrappler .cherry-formula-nav {
    border-right: 1px solid var(--base-border-color);
    flex-shrink: 0;
    width: 120px;
    padding: 8px;
    position: relative;
  }

  .cherry-insert-formula-wrappler .cherry-formula-nav .cherry-formula-main-tabs .cherry-formula-main-tab {
    cursor: pointer;
    color: var(--base-font-color);
    -webkit-user-select: none;
    user-select: none;
    border-radius: 6px;
    padding: 10px 12px;
    font-size: 14px;
    font-weight: 500;
    transition: background-color .2s, color .2s;
  }

  .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 {
    color: var(--editor-comment-color);
    white-space: nowrap;
    font-size: 12px;
    position: absolute;
    bottom: 8px;
    left: 50%;
    transform: translate(-50%);
  }

  .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-direction: column;
    flex-grow: 1;
    display: flex;
    position: relative;
  }

  .cherry-insert-formula-wrappler .cherry-formula-content {
    flex-direction: column;
    height: 100%;
    display: none;
  }

  .cherry-insert-formula-wrappler .cherry-formula-content.active {
    display: flex;
  }

  .cherry-insert-formula-wrappler .cherry-formula-sub-nav {
    flex-shrink: 0;
    padding: 8px 12px;
  }

  .cherry-insert-formula-wrappler .cherry-formula-sub-nav .cherry-formula-sub-tabs {
    flex-wrap: wrap;
    gap: 8px;
    display: flex;
  }

  .cherry-insert-formula-wrappler .cherry-formula-sub-nav .cherry-formula-sub-tabs .cherry-formula-sub-tab {
    cursor: pointer;
    color: var(--base-font-color);
    -webkit-user-select: none;
    user-select: none;
    border-radius: 16px;
    padding: 6px 12px;
    font-size: 13px;
    transition: background-color .2s, color .2s;
  }

  .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;
    padding: 16px;
    overflow-y: auto;
  }

  .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 {
    color: var(--base-font-color);
    border-bottom: 1px solid var(--base-border-color);
    margin-bottom: 12px;
    padding-bottom: 8px;
    font-size: 14px;
    font-weight: 600;
  }

  .cherry-insert-formula-wrappler .cherry-formula-grid-items {
    flex-wrap: wrap;
    gap: 8px;
    display: flex;
  }

  .cherry-insert-formula-wrappler .cherry-formula-item {
    border: 1px solid var(--oc-gray-4);
    cursor: pointer;
    background-color: var(--base-editor-bg);
    border-radius: 8px;
    align-items: center;
    transition: background-color .2s, border-color .2s;
    display: flex;
  }

  .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 {
    justify-content: center;
    width: auto;
    min-height: 32px;
    padding: 0 12px;
  }

  .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 {
    justify-content: center;
    width: 100%;
    height: auto;
    min-height: 48px;
    padding: 10px 12px;
  }

  .cherry-insert-formula-wrappler .cherry-formula-item-large svg, .cherry-insert-formula-wrappler .cherry-formula-item-large img {
    width: auto;
    max-width: 100%;
    height: auto;
  }

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

  .no-scrollbar::-webkit-scrollbar {
    display: none;
  }

  .formula-utils-bubble-container {
    z-index: 1000;
    box-sizing: border-box;
    background-color: #fff;
    width: 350px;
    height: 40px;
    display: none;
    position: fixed;
    top: 0;
    left: 0;
  }

  .formula-utils-bubble-container .formula-utils-btn {
    flex: 1;
    position: relative;
  }

  .formula-utils-bubble-container .formula-utils-btn > button {
    cursor: pointer;
    background-color: #ebecf2;
    border: 1px solid #fff;
    border-radius: 5px;
    width: 100%;
    height: 100%;
  }

  .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 {
    background-color: #fff;
    border: 1px solid #f8f9fa;
    width: 100%;
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    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 {
    cursor: pointer;
    background-color: #fff;
    border: 1px solid #fff;
    width: 100%;
    height: 100%;
  }

  .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 .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 {
    flex-direction: column;
    width: 100%;
    height: 100%;
    display: flex;
    overflow: hidden;
  }

  .cherry .cherry-shortcut-key-config-panel-wrapper .cherry-shortcut-key-config-panel-inner .shortcut-tabs {
    padding: 4px var(--shortcut-panel-padding-x);
    gap: 10px;
    margin-bottom: 6px;
    display: flex;
  }

  .cherry .cherry-shortcut-key-config-panel-wrapper .cherry-shortcut-key-config-panel-inner .shortcut-tabs .shortcut-tab {
    border-radius: var(--shortcut-panel-border-radius);
    text-align: center;
    cursor: pointer;
    transition: var(--shortcut-panel-transition);
    -webkit-user-select: none;
    user-select: none;
    color: var(--shortcut-key-config-panel-text-color);
    flex: 1;
    padding: 6px 0 4px;
    font-size: 12px;
  }

  .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 {
    -webkit-user-select: none;
    user-select: none;
    margin: 0;
    padding: 0;
    list-style: 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 {
    height: auto;
    padding: 2px var(--shortcut-panel-padding-x);
    color: var(--shortcut-key-config-panel-text-color);
    justify-content: flex-start;
    align-items: center;
    display: flex;
    position: relative;
  }

  .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);
    background: var(--secondary-color);
    padding: 2px 4px;
    transform: translate(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 {
    align-items: center;
    display: flex;
  }

  .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 {
    flex-flow: wrap;
    flex: 1;
    justify-content: flex-end;
    align-items: center;
    display: flex;
    position: relative;
  }

  .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 {
    opacity: 0;
    visibility: hidden;
    transition: var(--shortcut-panel-transition);
    cursor: pointer;
    border-radius: var(--shortcut-panel-border-radius);
    color: var(--dropdown-item-hover-color);
    padding: 2px 4px;
    position: static;
  }

  .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 {
    justify-content: right;
    align-items: center;
    gap: 2px;
    display: flex;
  }

  .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 {
    background-color: var(--shortcut-key-config-panel-bg);
    color: var(--shortcut-key-config-panel-text-color);
    text-align: center;
    border: 1px solid #ccc;
    border-bottom: 2px solid #b5b5b5;
    border-radius: 6px;
    justify-content: center;
    align-items: center;
    min-width: 16px;
    margin: 0 2px;
    padding: 3px 5px;
    font-size: 13px;
    line-height: 16px;
    display: flex;
  }

  .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 {
    gap: 4px;
    margin-right: 4px;
    display: none;
  }

  .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 {
    border-radius: var(--shortcut-panel-border-radius);
    cursor: pointer;
    transition: var(--shortcut-panel-transition);
    text-align: center;
    padding: 4px 6px 0;
    font-size: 12px;
  }

  .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;
    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;
    user-select: none;
    color: var(--shortcut-key-config-panel-text-color);
    cursor: pointer;
    box-shadow: var(--accordion-shadow);
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 4px;
    margin-bottom: 5px;
    display: flex;
  }

  .cherry .cherry-shortcut-key-config-panel-wrapper .shortcut-panel-settings .shortcut-settings-btn {
    text-wrap: nowrap;
    height: auto;
    line-height: 1.2em;
  }

  .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: .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: #0000;
  }

  .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: translate(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-searcher {
    z-index: 120;
    box-sizing: border-box;
    font-family: var(--font-family-sans);
    background: var(--dropdown-bg);
    border: var(--border-width-1) solid var(--dropdown-border);
    border-radius: var(--radius-xl);
    box-shadow: var(--dropdown-shadow);
    width: 420px;
    max-width: calc(100vw - 16px);
    padding: 8px;
    position: fixed;
  }

  .cherry-editor .cherry-searcher {
    top: var(--spacing-lg);
    right: var(--spacing-lg);
    position: absolute;
    left: auto;
  }

  .cherry-searcher.is-preview-sidebar-offset {
    right: 48px;
  }

  .cherry-searcher__container {
    width: 100%;
  }

  .cherry-searcher__rows {
    flex-direction: column;
    gap: 0;
    display: flex;
  }

  .cherry-searcher__row {
    align-items: stretch;
    width: 100%;
    min-width: 0;
    display: flex;
  }

  .cherry-searcher__input-wrapper {
    border: 1px solid var(--dropdown-border);
    background-color: #1f23290d;
    border-radius: 6px;
    flex: 1;
    align-items: center;
    gap: 0;
    min-width: 0;
    height: 32px;
    padding: 0 8px 0 0;
    transition: border-color .15s;
    display: flex;
  }

  .cherry-searcher__input-wrapper:focus-within {
    border-color: var(--primary-color);
  }

  .cherry-searcher.is-replace-expanded .cherry-searcher__rows {
    border: 1px solid var(--dropdown-border);
    background-color: #1f23290d;
    border-radius: 6px;
    transition: border-color .15s;
    overflow: hidden;
  }

  .cherry-searcher.is-replace-expanded .cherry-searcher__rows:focus-within {
    border-color: var(--primary-color);
  }

  .cherry-searcher.is-replace-expanded .cherry-searcher__input-wrapper {
    background: none;
    border: none;
    border-radius: 0;
  }

  .cherry-searcher.is-replace-expanded .cherry-searcher__input-wrapper:focus-within {
    border-color: #0000;
  }

  .cherry-searcher.is-replace-expanded .cherry-searcher__search-row .cherry-searcher__input-wrapper {
    border-bottom: 1px solid var(--dropdown-border);
  }

  .cherry-searcher.is-replace-expanded .cherry-searcher__expand-btn {
    border-radius: 0;
  }

  .cherry-searcher__expand-btn {
    color: var(--toolbar-btn-color);
    background: none;
    border: 1px solid #0000;
    border-radius: 3px;
    transition: background-color .15s, border-color .15s, color .15s;
  }

  .cherry-searcher__expand-btn:hover:not(:disabled):not(.is-forbidden):not(.is-unavailable) {
    color: var(--toolbar-btn-color);
    background-color: #1f232914;
  }

  .cherry-searcher__expand-btn.is-active {
    border-color: var(--primary-color);
    color: var(--primary-color);
    background-color: #3370ff26;
  }

  .cherry-searcher__expand-btn.is-unavailable, .cherry-searcher__expand-btn:disabled:not(.is-forbidden):not(.is-active) {
    opacity: .4;
    color: var(--oc-gray-6);
    cursor: default;
  }

  .cherry-searcher__expand-btn.is-forbidden:disabled {
    opacity: .35;
    color: var(--oc-gray-5);
    cursor: not-allowed;
  }

  .cherry-searcher__expand-btn {
    cursor: pointer;
    justify-content: center;
    align-items: center;
    margin: 0;
    padding: 0;
    display: inline-flex;
  }

  .cherry-searcher__expand-btn svg {
    width: 14px;
    height: 14px;
  }

  .cherry-searcher__expand-btn:disabled {
    cursor: default;
  }

  .cherry-searcher__expand-btn {
    border: none;
    border-radius: 6px 0 0 6px;
    flex-shrink: 0;
    align-self: stretch;
    width: 26px;
  }

  .cherry-searcher__expand-btn svg {
    transition: transform .15s;
  }

  .cherry-searcher__expand-spacer {
    pointer-events: none;
    flex-shrink: 0;
    align-self: stretch;
    width: 26px;
  }

  .cherry-searcher.is-replace-expanded .cherry-searcher__expand-btn svg {
    transform: rotate(-90deg);
  }

  .cherry-searcher__replace-row.is-hidden {
    display: none;
  }

  .cherry-searcher__icon {
    width: 16px;
    height: 16px;
    color: var(--oc-gray-6);
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    margin-left: 8px;
    display: flex;
  }

  .cherry-searcher__icon svg {
    width: 100%;
    height: 100%;
  }

  .cherry-searcher__replace-wrapper {
    gap: 6px;
    padding-left: 0;
  }

  .cherry-searcher__replace-wrapper .cherry-searcher__replace-input {
    flex: 1;
    min-width: 0;
  }

  .cherry-searcher__replace-actions {
    flex-shrink: 0;
    align-items: center;
    gap: 2px;
    display: flex;
  }

  .cherry-searcher__replace-input {
    min-width: 0;
    height: 100%;
    color: var(--toolbar-btn-color);
    background: none;
    border: none;
    outline: none;
    flex: 1;
    margin: 0;
    padding: 0 0 0 8px;
    font-family: inherit;
    font-size: 14px;
  }

  .cherry-searcher__replace-input::placeholder {
    color: var(--oc-gray-5);
  }

  .cherry-searcher__toggle {
    color: var(--toolbar-btn-color);
    background: none;
    border: 1px solid #0000;
    border-radius: 3px;
    transition: background-color .15s, border-color .15s, color .15s;
  }

  .cherry-searcher__toggle:hover:not(:disabled):not(.is-forbidden):not(.is-unavailable) {
    color: var(--toolbar-btn-color);
    background-color: #1f232914;
  }

  .cherry-searcher__toggle.is-active {
    border-color: var(--primary-color);
    color: var(--primary-color);
    background-color: #3370ff26;
  }

  .cherry-searcher__toggle.is-unavailable, .cherry-searcher__toggle:disabled:not(.is-forbidden):not(.is-active) {
    opacity: .4;
    color: var(--oc-gray-6);
    cursor: default;
  }

  .cherry-searcher__toggle.is-forbidden:disabled {
    opacity: .35;
    color: var(--oc-gray-5);
    cursor: not-allowed;
  }

  .cherry-searcher__toggle {
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    justify-content: center;
    align-items: center;
    width: 22px;
    height: 22px;
    margin: 0;
    padding: 0;
    display: inline-flex;
  }

  .cherry-searcher__toggle svg {
    width: 14px;
    height: 14px;
  }

  .cherry-searcher__toggle svg.cherry-searcher__toggle-icon {
    width: 16px;
    height: 16px;
  }

  .cherry-searcher__toggle svg.cherry-searcher__toggle-icon text {
    fill: currentColor;
    -webkit-user-select: none;
    user-select: none;
    font-family: inherit;
    font-size: 11px;
    font-weight: 500;
  }

  .cherry-searcher__toggle svg.cherry-searcher__toggle-icon path {
    fill: none;
    stroke: currentColor;
    stroke-width: 1px;
    stroke-linecap: round;
  }

  .cherry-searcher__replace-btn {
    color: var(--toolbar-btn-color);
    background: none;
    border: 1px solid #0000;
    border-radius: 3px;
    transition: background-color .15s, border-color .15s, color .15s;
  }

  .cherry-searcher__replace-btn:hover:not(:disabled):not(.is-forbidden):not(.is-unavailable) {
    color: var(--toolbar-btn-color);
    background-color: #1f232914;
  }

  .cherry-searcher__replace-btn.is-active {
    border-color: var(--primary-color);
    color: var(--primary-color);
    background-color: #3370ff26;
  }

  .cherry-searcher__replace-btn.is-unavailable, .cherry-searcher__replace-btn:disabled:not(.is-forbidden):not(.is-active) {
    opacity: .4;
    color: var(--oc-gray-6);
    cursor: default;
  }

  .cherry-searcher__replace-btn.is-forbidden:disabled {
    opacity: .35;
    color: var(--oc-gray-5);
    cursor: not-allowed;
  }

  .cherry-searcher__replace-btn {
    white-space: nowrap;
    -webkit-user-select: none;
    user-select: none;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    height: 22px;
    margin: 0;
    padding: 0 4px;
    font-family: inherit;
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    display: inline-flex;
  }

  .cherry-searcher__replace-btn:not(:disabled) {
    cursor: pointer;
  }

  .cherry-searcher__input {
    min-width: 0;
    height: 100%;
    color: var(--toolbar-btn-color);
    background: none;
    border: none;
    outline: none;
    flex: 1;
    margin: 0;
    padding: 0 0 0 8px;
    font-family: inherit;
    font-size: 14px;
  }

  .cherry-searcher__input::placeholder {
    color: var(--oc-gray-5);
  }

  .cherry-searcher__clear {
    color: var(--toolbar-btn-color);
    background: none;
    border: 1px solid #0000;
    border-radius: 3px;
    transition: background-color .15s, border-color .15s, color .15s;
  }

  .cherry-searcher__clear:hover:not(:disabled):not(.is-forbidden):not(.is-unavailable) {
    color: var(--toolbar-btn-color);
    background-color: #1f232914;
  }

  .cherry-searcher__clear.is-active {
    border-color: var(--primary-color);
    color: var(--primary-color);
    background-color: #3370ff26;
  }

  .cherry-searcher__clear.is-unavailable, .cherry-searcher__clear:disabled:not(.is-forbidden):not(.is-active) {
    opacity: .4;
    color: var(--oc-gray-6);
    cursor: default;
  }

  .cherry-searcher__clear.is-forbidden:disabled {
    opacity: .35;
    color: var(--oc-gray-5);
    cursor: not-allowed;
  }

  .cherry-searcher__clear {
    cursor: pointer;
    opacity: 0;
    border: none;
    border-radius: 2px;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    width: 16px;
    height: 16px;
    margin: 0;
    padding: 0;
    transition: color .15s, opacity .15s, background-color .15s;
    display: flex;
  }

  .cherry-searcher__clear.is-visible {
    opacity: 1;
  }

  .cherry-searcher__clear svg {
    width: 14px;
    height: 14px;
  }

  .cherry-searcher__divider {
    background-color: var(--dropdown-border);
    flex-shrink: 0;
    width: 1px;
    height: 16px;
    margin: 0 4px;
  }

  .cherry-searcher__toggles {
    flex-shrink: 0;
    align-items: center;
    gap: 4px;
    display: flex;
  }

  .cherry-searcher__nav {
    flex-shrink: 0;
    align-items: center;
    gap: 2px;
    display: flex;
  }

  .cherry-searcher__counter {
    text-align: center;
    min-width: 32px;
    color: var(--oc-gray-5);
    white-space: nowrap;
    -webkit-user-select: none;
    user-select: none;
    font-size: 12px;
    line-height: 1;
  }

  .cherry-searcher__counter.is-active {
    color: var(--toolbar-btn-color);
  }

  .cherry-searcher__nav-btn {
    color: var(--toolbar-btn-color);
    background: none;
    border: 1px solid #0000;
    border-radius: 3px;
    transition: background-color .15s, border-color .15s, color .15s;
  }

  .cherry-searcher__nav-btn:hover:not(:disabled):not(.is-forbidden):not(.is-unavailable) {
    color: var(--toolbar-btn-color);
    background-color: #1f232914;
  }

  .cherry-searcher__nav-btn.is-active {
    border-color: var(--primary-color);
    color: var(--primary-color);
    background-color: #3370ff26;
  }

  .cherry-searcher__nav-btn.is-unavailable, .cherry-searcher__nav-btn:disabled:not(.is-forbidden):not(.is-active) {
    opacity: .4;
    color: var(--oc-gray-6);
    cursor: default;
  }

  .cherry-searcher__nav-btn.is-forbidden:disabled {
    opacity: .35;
    color: var(--oc-gray-5);
    cursor: not-allowed;
  }

  .cherry-searcher__nav-btn {
    cursor: pointer;
    justify-content: center;
    align-items: center;
    margin: 0;
    padding: 0;
    display: inline-flex;
  }

  .cherry-searcher__nav-btn svg {
    width: 14px;
    height: 14px;
  }

  .cherry-searcher__nav-btn:disabled {
    cursor: default;
  }

  .cherry-searcher__nav-btn {
    width: 22px;
    height: 22px;
  }

  .cherry.theme__dark .cherry-searcher__input-wrapper, .cherry.theme__dark .cherry-searcher.is-replace-expanded .cherry.theme__dark .cherry-searcher__rows {
    background-color: #ffffff0f;
  }

  .cherry.theme__dark .cherry-searcher.is-replace-expanded .cherry.theme__dark .cherry-searcher__input-wrapper {
    background: none;
  }

  .cherry.theme__dark .cherry-searcher__toggle:hover:not(:disabled):not(.is-forbidden):not(.is-unavailable), .cherry.theme__dark .cherry-searcher__replace-btn:hover:not(:disabled):not(.is-forbidden):not(.is-unavailable), .cherry.theme__dark .cherry-searcher__nav-btn:hover:not(:disabled), .cherry.theme__dark .cherry-searcher__expand-btn:hover:not(:disabled), .cherry.theme__dark .cherry-searcher__clear:hover:not(:disabled) {
    background-color: #ffffff14;
  }

  .cherry-toolbar-button.cherry-toolbar-button--active {
    background: var(--toolbar-btn-active-bg);
    color: var(--toolbar-btn-hover-color);
  }

  .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);
    font-family: var(--font-family-mono);
    padding: 0 8px 0 4px;
    font-size: .9em;
  }

  .cherry .cm-editor .cm-activeLineGutter {
    background-color: var(--editor-active-line-bg);
  }

  .cherry .cm-editor .cm-searching {
    background-color: var(--searching-highlight-color, #fcc31980);
  }

  .cherry {
    flex-flow: wrap;
    align-content: flex-start;
    align-items: stretch;
    height: 100%;
    min-height: 60px;
    display: flex;
    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 {
    word-break: break-all;
    white-space: pre-wrap;
    box-sizing: border-box;
    width: 100%;
    padding: 15px 34px;
    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, .cherry .cm-editor.cm-focused .cm-selectionBackground, .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 {
    min-height: 100%;
    max-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: ".";
    clear: both;
    visibility: hidden;
    height: 0;
    font-size: 0;
    display: block;
    overflow: hidden;
  }

  .cherry.fullscreen {
    z-index: 99;
    position: fixed;
    inset: 0;
  }

  .cherry .no-select {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none;
    -khtml-user-select: none;
  }

  .cherry .cherry-insert-table-menu {
    border-collapse: separate;
    box-shadow: var(--shadow-md);
    border-radius: var(--radius-md);
    width: auto;
    height: auto;
    padding: 4px;
    display: block;
    position: fixed;
    top: 40px;
    left: 40px;
  }

  .cherry .cherry-insert-table-menu-item {
    border: 1px solid var(--base-border-color);
    padding: 7px;
  }

  .cherry .cherry-insert-table-menu-item.active {
    background-color: var(--toolbar-btn-hover-bg);
  }

  .cherry-dropdown {
    background: var(--dropdown-bg);
    border: 1px solid var(--dropdown-border);
    width: 130px;
    min-height: 40px;
    box-shadow: var(--dropdown-shadow);
    padding: var(--dropdown-padding);
    border-radius: var(--dropdown-radius);
    z-index: 13;
    margin-left: -60px;
    position: absolute;
  }

  .cherry-dropdown-item {
    width: calc(100% - 8px);
    padding: var(--dropdown-item-padding);
    text-align: left;
    min-height: var(--dropdown-item-height);
    line-height: var(--line-height-relaxed);
    font-size: var(--font-size-sm);
    cursor: pointer;
    box-sizing: border-box;
    color: var(--dropdown-item-color);
    background: var(--dropdown-bg);
    border-radius: var(--dropdown-item-radius);
    margin: 2px 4px;
    font-style: normal;
    transition: color .15s, background-color .15s, border-color .15s;
    display: block;
  }

  .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 {
    width: var(--toolbar-icon-size);
    height: var(--toolbar-icon-size);
    line-height: var(--toolbar-icon-size);
    font-size: var(--toolbar-icon-size);
    text-align: center;
    vertical-align: middle;
    margin-right: 8px;
    display: inline-block;
    overflow: visible;
  }

  .cherry-dropdown-item .ch-icon:before {
    vertical-align: middle;
    line-height: var(--toolbar-icon-size);
  }

  .cherry-dropdown-separator {
    background-color: var(--oc-gray-3);
    height: 1px;
    margin: var(--spacing-xs) var(--spacing-sm);
    opacity: .6;
  }

  .cherry-toolbar {
    padding: var(--toolbar-padding);
    font-size: var(--toolbar-font-size);
    min-height: var(--height-toolbar);
    box-sizing: border-box;
    z-index: 2;
    -webkit-user-select: none;
    user-select: none;
    box-shadow: var(--toolbar-shadow);
    background: var(--toolbar-bg);
    border-radius: var(--toolbar-radius);
    flex-basis: 100%;
    justify-content: space-between;
    align-items: center;
    line-height: 2.8;
    display: flex;
    position: relative;
    overflow: hidden;
  }

  .cherry-toolbar .icon-loading.loading {
    display: inline-block;
  }

  .cherry-toolbar .icon-loading.loading:after {
    content: " ";
    width: var(--spacing-sm);
    height: var(--spacing-sm);
    border: 2px solid var(--toolbar-btn-color);
    border-color: var(--toolbar-btn-color) transparent var(--toolbar-btn-color) transparent;
    border-radius: 50%;
    margin-top: -2px;
    margin-left: 2px;
    animation: 1.2s linear infinite loading;
    display: block;
  }

  .cherry-toolbar .icon-loading.success {
    display: inline-block;
  }

  .cherry-toolbar .icon-loading.success:after {
    content: "";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: var(--primary-color);
    margin-top: -2px;
    margin-left: 2px;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    display: inline-block;
    font-family: ch-icon !important;
  }

  .cherry-toolbar .toolbar-left, .cherry-toolbar .toolbar-right {
    flex-wrap: wrap;
    flex: 1;
    align-items: center;
    display: flex;
  }

  .cherry-toolbar .toolbar-left {
    margin-right: var(--toolbar-padding);
  }

  .cherry-toolbar .toolbar-right {
    margin-left: calc(var(--toolbar-padding) / 2);
    box-sizing: border-box;
    flex-direction: row-reverse;
    flex: 0 auto;
    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;
    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);
    cursor: pointer;
    justify-content: center;
    align-items: center;
    font-style: normal;
    line-height: 1;
    transition: color .15s, background-color .15s, border-color .15s;
    display: inline-flex;
  }

  .cherry-toolbar-button:hover {
    color: var(--toolbar-btn-hover-color);
    background: var(--toolbar-btn-hover-bg);
  }

  .cherry-toolbar-button > i.ch-icon {
    width: var(--toolbar-icon-size);
    height: var(--toolbar-icon-size);
    line-height: var(--toolbar-icon-size);
    font-size: var(--toolbar-icon-size);
    text-align: center;
    flex-shrink: 0;
    display: inline-block;
    overflow: visible;
  }

  .cherry-toolbar-button > i.ch-icon:before {
    vertical-align: middle;
    line-height: var(--toolbar-icon-size);
  }

  .cherry-toolbar-button > svg {
    width: var(--toolbar-icon-size);
    height: var(--toolbar-icon-size);
    flex-shrink: 0;
    display: block;
  }

  .cherry-toolbar-button.cherry-toolbar-split {
    border: 1px solid #0000;
    border-left: 1px solid var(--toolbar-split-color);
    pointer-events: none;
    opacity: .5;
    height: 19px;
    margin: 0 4px;
    font-size: 0;
    overflow: hidden;
    padding: 0 !important;
  }

  .cherry-toolbar-button.disabled {
    color: var(--toolbar-btn-disabled);
  }

  .cherry-toolbar .cherry-toolbar, .cherry-toolbar .cherry-floatmenu, .cherry-toolbar .cherry-bubble, .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-sidebar .cherry-toolbar-button, .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-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-sidebar .cherry-toolbar-button:hover {
    background-color: var(--toolbar-btn-hover-bg);
    border-color: var(--toolbar-border);
    color: var(--toolbar-btn-hover-color) !important;
  }

  .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-sidebar .cherry-toolbar-button:hover i {
    color: var(--toolbar-btn-hover-color) !important;
  }

  .cherry {
    --searching-highlight-color: #fcc31980;
  }

  .cherry.theme__dark {
    --searching-highlight-color: #4dabf766;
  }

  .cherry .cm-searching {
    background-color: var(--searching-highlight-color);
  }

  .cherry-sidebar {
    width: 30px;
    top: var(--height-toolbar);
    padding-top: var(--spacing-xs);
    z-index: 11;
    position: absolute;
    bottom: 0;
    right: 10px;
    overflow: hidden;
  }

  .cherry-sidebar .cherry-sidebar-list {
    box-sizing: border-box;
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .cherry-sidebar .cherry-toolbar-button {
    width: 30px;
    height: 30px;
    color: var(--toolbar-btn-color);
    background: var(--toolbar-btn-bg);
    border-radius: var(--toolbar-btn-radius);
    padding: 0;
    transition: color .15s, background-color .15s, border-color .15s;
  }

  .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: " ";
    border: 2px solid;
    border-color: var(--toolbar-btn-color) transparent;
    border-radius: 50%;
    width: 8px;
    height: 8px;
    margin-top: -2px;
    margin-left: 2px;
    animation: 1.2s linear infinite loading;
    display: block;
  }

  @keyframes loading {
    0% {
      transform: rotate(0);
    }

    to {
      transform: rotate(360deg);
    }
  }

  .cherry-floatmenu {
    z-index: 4;
    height: var(--line-height-relaxed);
    line-height: var(--line-height-relaxed);
    border-radius: var(--radius-md);
    -webkit-user-select: none;
    user-select: none;
    margin-left: 60px;
    display: none;
    position: absolute;
    left: 30px;
  }

  .cherry-floatmenu .cherry-toolbar-button {
    float: left;
    padding: 0 var(--spacing-sm);
    height: 100%;
    line-height: 100%;
    font-size: var(--toolbar-font-size);
    color: var(--toolbar-btn-color);
    background: var(--toolbar-btn-bg);
    border-radius: var(--radius-xs);
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
    border: 0;
    margin: 0;
    font-style: normal;
    transition: color .15s, background-color .15s, border-color .15s;
    overflow: hidden;
  }

  .cherry-floatmenu .cherry-toolbar-button.cherry-toolbar-split {
    border-left: 1px solid var(--toolbar-split-color);
    width: 0;
    height: 25px;
    padding: 0;
    overflow: hidden;
  }

  .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 {
    box-sizing: border-box;
    background-color: var(--base-editor-bg);
    z-index: 1;
    width: 50%;
    padding-top: 5px;
    padding-right: 5px;
    position: relative;
    overflow: hidden;
  }

  .cherry-editor.cherry-editor--full {
    width: 100%;
    padding-right: 0;
  }

  .cherry-editor.cherry-editor--hidden {
    display: none;
  }

  .cherry-editor-writing-style--focus:before {
    content: "";
    pointer-events: none;
    z-index: 11;
    background: linear-gradient(#00000006, #0003);
    width: 100%;
    display: block;
    position: absolute;
    top: 0;
  }

  .cherry-editor-writing-style--focus:after {
    content: "";
    pointer-events: none;
    z-index: 11;
    background: linear-gradient(#0003, #00000006);
    width: 100%;
    display: block;
    position: absolute;
    bottom: 0;
  }

  .cherry-editor-writing-style--typewriter .cm-lineWrapping {
    position: relative;
  }

  .cherry-editor-writing-style--typewriter .cm-lineWrapping:before, .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 {
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: bottom;
    max-width: 80px;
    display: inline-block;
    overflow: hidden;
    color: #8b008b !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: .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: .875em;
  }

  .cherry-editor .cm-editor .cm-header.cm-header-6 {
    font-size: .85em;
  }

  .cherry-editor .cm-editor .cm-line.cm-frontmatter .cm-header, .cherry-editor .cm-editor .cm-line.cm-frontmatter .cm-header-1, .cherry-editor .cm-editor .cm-line.cm-frontmatter .cm-header-2, .cherry-editor .cm-editor .cm-line.cm-frontmatter .cm-header-3, .cherry-editor .cm-editor .cm-line.cm-frontmatter .cm-header-4, .cherry-editor .cm-editor .cm-line.cm-frontmatter .cm-header-5, .cherry-editor .cm-editor .cm-line.cm-frontmatter .cm-header-6, .cherry-editor .cm-editor .cm-line.cm-frontmatter.cm-header, .cherry-editor .cm-editor .cm-line.cm-frontmatter.cm-header-1, .cherry-editor .cm-editor .cm-line.cm-frontmatter.cm-header-2, .cherry-editor .cm-editor .cm-line.cm-frontmatter.cm-header-3, .cherry-editor .cm-editor .cm-line.cm-frontmatter.cm-header-4, .cherry-editor .cm-editor .cm-line.cm-frontmatter.cm-header-5, .cherry-editor .cm-editor .cm-line.cm-frontmatter.cm-header-6 {
    font-size: var(--font-size-md) !important;
    color: var(--base-font-color) !important;
    font-weight: 400 !important;
    text-decoration: none !important;
  }

  .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: .9em;
  }

  .cherry-editor .cm-editor .cm-whitespace, .cherry-editor .cm-editor .cm-tab {
    font-family: var(--font-family-mono);
    font-size: .9em;
  }

  .cherry-editor .cm-editor .cm-quote {
    color: var(--editor-quote-color);
  }

  .cherry-editor .cm-editor .cm-link {
    color: var(--editor-link-color);
    text-decoration: underline;
  }

  .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: .9em;
    text-decoration: none;
  }

  .cherry-editor .cm-editor .cm-url-bracket {
    color: #3b82f6;
    background-color: #3b82f61a;
    border-radius: 2px;
    padding: 0 1px;
    font-weight: 700;
  }

  .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 {
    z-index: 3;
    cursor: pointer;
    color: var(--full-width-color) !important;
  }

  .cherry-drag {
    cursor: ew-resize;
    z-index: 12;
    background: none;
    width: 5px;
    position: absolute;
  }

  .cherry-drag.cherry-drag--show {
    background: #dfe6ee;
    width: 5px;
    display: block;
  }

  .cherry-drag.cherry-drag--hidden {
    display: none;
  }

  .cherry-editor-mask {
    z-index: 10;
    background: #0003;
    display: none;
    position: absolute;
  }

  .cherry-editor-mask.cherry-editor-mask--show {
    display: block;
  }

  .cherry-editor-disable-mask {
    z-index: 99999;
    cursor: not-allowed;
    -webkit-user-select: none;
    user-select: none;
    -webkit-backdrop-filter: blur(1px);
    backdrop-filter: blur(1px);
    background: #ffffff8c;
    display: none;
    position: absolute;
    inset: 0;
    overflow: hidden;
  }

  .cherry-editor-disable-mask.cherry-editor-disable-mask--show {
    display: block;
  }

  .cherry-editor-disable-mask .cherry-editor-disable-mask__tips {
    color: #fff;
    text-align: center;
    word-break: break-word;
    pointer-events: none;
    background: #000000a6;
    border-radius: 4px;
    max-width: 80%;
    margin: 0 auto;
    padding: 8px 16px;
    font-size: 14px;
    line-height: 1.5;
    transition: opacity .15s;
    display: inline-block;
    position: sticky;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    box-shadow: 0 2px 8px #00000026;
  }

  .cherry-editor-disable-mask.cherry-editor-disable-mask--follow .cherry-editor-disable-mask__tips {
    transform: translate3d(var(--tips-x, 0), var(--tips-y, 0), 0) translate(12px, 16px);
    will-change: transform;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
  }

  .cherry-previewer-mask {
    z-index: 10;
    background: #0006;
    display: none;
    position: absolute;
  }

  .cherry-previewer-mask.cherry-previewer-mask--show {
    display: block;
  }

  .cherry-previewer-codeBlock-click-handler {
    z-index: 1;
    position: absolute;
  }

  .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 {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff0), to(var(--toolbar-bg)));
    background-image: linear-gradient(-180deg, #fff0 0%, var(--toolbar-bg) 100%);
    text-align: center;
    z-index: 10;
    opacity: 0;
    visibility: hidden;
    width: 100%;
    padding-top: 50px;
    transition: opacity .7s ease-in-out, height .7s ease-in-out;
    position: absolute;
    bottom: .5em;
    left: 0;
    right: 0;
  }

  .cherry-mask-code-block .expand-btn {
    cursor: pointer;
    z-index: 12;
    width: 25px;
    height: 25px;
    color: var(--toolbar-btn-color);
    background-color: var(--toolbar-bg);
    border: 1px solid #fff0;
    border-radius: 5px;
    transition: all .3s;
    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 {
    opacity: 1;
    visibility: visible;
    display: inline-block;
  }

  .cherry-previewer-codeBlock-hover-handler {
    z-index: 0;
    pointer-events: none;
    margin-top: -20px;
    position: absolute;
  }

  .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 {
    text-align: center;
    width: 25px;
    height: 25px;
    line-height: 25px;
    position: relative;
  }

  .cherry-previewer-codeBlock-hover-handler .cherry-code-block-custom-btn .ch-icon, .cherry-previewer-codeBlock-hover-handler .cherry-copy-code-block .ch-icon, .cherry-previewer-codeBlock-hover-handler .cherry-unExpand-code-block .ch-icon, .cherry-previewer-codeBlock-hover-handler .cherry-edit-code-block .ch-icon {
    font-size: var(--toolbar-icon-size);
  }

  .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 {
    cursor: pointer;
    float: right;
    z-index: 2;
    color: var(--base-font-color);
    background-color: var(--toolbar-bg);
    border: 1px solid var(--base-border-color);
    border-radius: 5px;
    transition: all .3s;
    top: 35px;
    box-shadow: 5px 0 5px #0000000d;
  }

  .cherry-previewer-codeBlock-hover-handler .cherry-code-block-custom-btn {
    width: auto;
    padding: 0 5px;
  }

  .cherry-previewer-codeBlock-hover-handler .cherry-expand-code-block {
    text-align: center;
    width: 25px;
    height: 25px;
    line-height: 25px;
    font-size: var(--toolbar-icon-size);
    cursor: pointer;
    float: right;
    z-index: 2;
    color: var(--toolbar-btn-color);
    background-color: var(--primary-color);
    border: 1px solid var(--base-border-color);
    border-radius: 5px;
    margin-left: -27px;
    transition: all .3s;
    position: absolute;
    top: 45px;
    right: 10px;
    box-shadow: 5px 0 5px #0000000d;
  }

  .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;
    outline: none;
    transition: background-color .2s, transform .2s, box-shadow .2s, color .2s;
    transform: translateY(0);
  }

  .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: #0000;
    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);
    box-shadow: none;
    background-color: var(--toolbar-btn-active-bg);
    transition-duration: .1s;
    transform: translateY(0);
  }

  .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 {
    appearance: none;
    color: var(--base-font-color);
    background-color: var(--toolbar-bg);
    border: 1px solid var(--base-border-color);
    cursor: pointer;
    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-position: right 12px center;
    background-repeat: no-repeat;
    background-size: 12px 12px;
    border-radius: 6px;
    padding: 5px 36px 5px 12px;
    font-size: 14px;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  }

  .cherry-previewer-codeBlock-hover-handler .cherry-code-preview-lang-select:focus {
    border-color: var(--primary-color);
    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");
    outline: 0;
  }

  .cherry-previewer-codeBlock-hover-handler .cherry-code-preview-lang-select option {
    color: var(--base-font-color);
    background-color: var(--toolbar-bg);
    cursor: cursor;
    font-size: 14px;
  }

  .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 {
    border: var(--primary-color) solid 1px;
    box-sizing: border-box;
    border-radius: 100%;
    justify-content: center;
    align-items: center;
    width: .7em;
    height: .7em;
    margin-left: .2em;
    display: inline-flex;
  }

  .float-previewer-wrap {
    z-index: 100;
    box-shadow: var(--shadow-lg);
    resize: both;
    border-radius: 12px;
    min-width: 430px;
    min-height: 300px;
    position: fixed;
    top: 0;
    right: 0;
    overflow: hidden;
  }

  .float-previewer-wrap.float-previewer-dragging .float-previewer-header {
    cursor: grabbing;
    background: #ace4ff;
  }

  .float-previewer-wrap .float-previewer-header {
    z-index: 999999;
    cursor: grab;
    background: #caecfd;
    border-bottom: 1px solid #ebedee;
    justify-content: space-between;
    align-items: center;
    height: 40px;
    padding: 0 20px;
    display: flex;
  }

  .float-previewer-wrap .float-previewer-header .float-previewer-title {
    -webkit-user-select: none;
    user-select: none;
    font-size: var(--font-size-md);
    color: #333;
    font-weight: 700;
  }

  .float-previewer-wrap .cherry-previewer {
    border-left: none;
  }

  .cherry-previewer {
    border-left: 2px solid var(--drag-border-color);
    box-sizing: border-box;
    background-color: var(--base-previewer-bg);
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
    width: 50%;
    min-height: auto;
    padding: 20px 45px 20px 20px;
    overflow-y: auto;
  }

  .cherry-previewer .cherry-mobile-previewer-content {
    width: 375px;
    height: 100%;
    box-shadow: var(--shadow-lg);
    box-sizing: border-box;
    background-color: var(--previewer-mobile-bg);
    margin: 0 auto;
    padding: 25px 30px;
    overflow-y: scroll;
  }

  .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;
    }

    to {
      opacity: 1;
    }
  }

  .cherry-previewer .cherry-flow-session-cursor {
    background-color: #3582fb88;
    padding: 0 2.5px;
    animation: 1s infinite blink;
  }

  .cherry-color-wrap {
    z-index: 13;
    width: 300px;
    padding: 16px;
    display: none;
    position: fixed;
  }

  .cherry-color-wrap .cherry-color-tabs {
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
    display: flex;
  }

  .cherry-color-wrap .cherry-color-tabs .cherry-color-tab-group {
    background: var(--border-color);
    border-radius: var(--radius-lg);
    width: auto;
    padding: 2px;
    display: flex;
  }

  .cherry-color-wrap .cherry-color-tabs .cherry-color-tab {
    text-align: center;
    color: var(--toolbar-btn-color);
    cursor: pointer;
    border-radius: var(--radius-lg);
    white-space: nowrap;
    padding: 8px 12px;
    font-size: 12px;
    transition: all .2s;
  }

  .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 {
    color: var(--toolbar-btn-color);
    cursor: pointer;
    border-radius: var(--radius-lg);
    white-space: nowrap;
    padding: 8px 12px;
    font-size: 12px;
    transition: all .2s;
  }

  .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 {
    cursor: crosshair;
    -webkit-user-select: none;
    user-select: none;
    border-radius: 6px;
    width: 100%;
    height: 160px;
    position: relative;
    overflow: hidden;
  }

  .cherry-color-wrap .cherry-color-picker .cherry-color-main .cherry-color-saturation {
    cursor: crosshair;
    width: 100%;
    height: 100%;
    position: relative;
  }

  .cherry-color-wrap .cherry-color-picker .cherry-color-main .cherry-color-saturation .cherry-color-pointer {
    pointer-events: none;
    z-index: 2;
    border: 2px solid #fff;
    border-radius: 50%;
    width: 14px;
    height: 14px;
    position: absolute;
    transform: translate(-50%, -50%);
  }

  .cherry-color-wrap .cherry-color-picker .cherry-color-hue-container {
    align-items: center;
    gap: 8px;
    margin-top: 8px;
    display: flex;
  }

  .cherry-color-wrap .cherry-color-picker .cherry-color-hue {
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    background: linear-gradient(90deg, red 7px, #ff0 calc(17% + 7px), #0f0 calc(33% + 7px), #0ff calc(50% + 7px), #00f calc(67% + 7px), #f0f calc(83% + 7px), red calc(100% - 7px));
    border-radius: 7px;
    flex: 1;
    height: 14px;
    position: relative;
  }

  .cherry-color-wrap .cherry-color-picker .cherry-color-hue .cherry-color-hue-pointer {
    pointer-events: none;
    z-index: 2;
    border: 2px solid #fff;
    border-radius: 50%;
    width: 14px;
    height: 14px;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    box-shadow: 0 0 5px #00000080;
  }

  .cherry-color-wrap .cherry-color-picker .cherry-color-preview {
    border-radius: var(--radius-lg);
    flex-shrink: 0;
    width: 24px;
    height: 24px;
  }

  .cherry-color-wrap .cherry-color-recent .cherry-color-section-title, .cherry-color-wrap .cherry-color-presets .cherry-color-section-title {
    color: var(--toolbar-btn-color);
    margin-bottom: 8px;
    font-size: 12px;
    font-weight: 500;
  }

  .cherry-color-wrap .cherry-color-recent {
    margin-bottom: 16px;
  }

  .cherry-color-wrap .cherry-color-recent .cherry-color-recent-grid {
    flex-wrap: wrap;
    gap: 6px;
    display: flex;
  }

  .cherry-color-wrap .cherry-color-recent .cherry-color-recent-grid .cherry-color-recent-empty {
    background: var(--bg-color-lighter);
    cursor: default;
    border-style: dashed;
  }

  .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 {
    flex-wrap: wrap;
    display: flex;
  }

  .cherry-color-wrap .cherry-color-presets .cherry-color-preset-grid .cherry-color-preset-row {
    gap: 6px;
    width: 100%;
    margin-bottom: 6px;
    display: flex;
  }

  .cherry-color-wrap .cherry-color-item {
    cursor: pointer;
    border: 1px solid var(--dropdown-border);
    border-radius: 4px;
    width: 24px;
    height: 24px;
    transition: transform .1s;
  }

  .cherry-color-wrap .cherry-color-item:hover {
    z-index: 1;
    position: relative;
    transform: scale(1.15);
  }

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

  .cherry-suggester-panel {
    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);
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden auto;
  }

  .cherry-suggester-panel .cherry-suggester-panel__item {
    white-space: nowrap;
    min-width: 50px;
    padding: var(--dropdown-item-padding);
    color: var(--toolbar-btn-color);
    background: var(--toolbar-btn-bg);
    cursor: pointer;
    border-radius: var(--dropdown-item-radius);
    font-size: var(--font-size-sm);
    border: none;
    align-items: center;
    margin: 2px 4px;
    transition: color .15s, background-color .15s, border-color .15s;
    display: flex;
  }

  .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 {
    margin-right: 8px;
    display: inline-block;
    transform: translateY(2px);
  }

  .cherry-suggester-panel .cherry-suggester-panel__item .ch-icon {
    vertical-align: middle;
    font-size: var(--font-size-md);
    margin-right: 8px;
    line-height: 1;
    display: inline-block;
    position: static;
  }

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

  .cherry-flex-toc {
    z-index: 11;
    right: 0;
    top: calc(var(--height-toolbar) + var(--sidebar-list-height));
    white-space: nowrap;
    text-overflow: ellipsis;
    box-sizing: border-box;
    -webkit-user-select: none;
    user-select: none;
    width: 160px;
    height: calc(100% - 220px);
    max-height: 600px;
    box-shadow: var(--shadow-md);
    background: #fffd;
    border-radius: 10px;
    margin-right: 8px;
    transition: all .3s;
    position: absolute;
    overflow: hidden;
  }

  .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 #3333;
    padding: 5px;
  }

  .cherry-flex-toc .cherry-toc-head .cherry-toc-title {
    font-size: var(--font-size-md);
    color: var(--primary-color);
    padding-left: 5px;
    font-weight: 700;
  }

  .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;
    top: 0;
    right: 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 {
    width: 100%;
    height: calc(100% - 40px);
    padding-bottom: 10px;
    overflow: hidden auto;
  }

  .cherry-flex-toc .cherry-toc-list .cherry-toc-one-a {
    color: #000;
    border-left: 5px solid var(--md-toc-indicator-color);
    word-break: break-all;
    text-overflow: ellipsis;
    cursor: pointer;
    height: 28px;
    padding-left: 10px;
    line-height: 28px;
    text-decoration: none;
    transition: all .3s;
    display: block;
    overflow: hidden;
  }

  .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 {
    color: var(--md-toc-indicator-color);
    vertical-align: top;
    margin-top: -.4em;
    font-size: .6em;
    display: inline-block;
  }

  .cherry-flex-toc .cherry-toc-list .cherry-toc-one-a__1 {
    font-weight: 700;
  }

  .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;
    box-shadow: none;
    background: none;
    border-radius: 0;
  }

  .cherry-flex-toc.cherry-flex-toc__pure .cherry-toc-head {
    border-bottom: 1px dashed #0000;
    height: 25px;
  }

  .cherry-flex-toc.cherry-flex-toc__pure .cherry-toc-head .cherry-toc-title, .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 {
    border-left-width: 18px;
    width: 0;
    height: 5px;
    margin-bottom: 3px;
    overflow: hidden;
  }

  .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: #e7f5ff66;
    --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);
    --md-table-border: #d9dfe3;
    --md-table-drag-border-bg: var(--oc-cyan-5);
    --md-table-sort-active-bg: #d0e2f7;
    --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.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: #513838;
    --editor-v2-color: var(--oc-gray-4);
    --editor-v3-color: var(--primary-color);
    --editor-keyword-color: var(--oc-yellow-3);
    --editor-selection-bg: #868e96cc;
    --editor-active-line-bg: #868e9666;
    --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);
    --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: #513838;
    --md-blockquote-bg: #6680990d;
    --md-hr-border: var(--oc-gray-5);
    --md-table-border: var(--oc-gray-5);
    --md-table-drag-border-bg: var(--primary-color);
    --md-table-sort-active-bg: #8d68337e;
    --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-toolbar-slider-bg: #ffffff26;
    --mermaid-toolbar-tab-active-color: #fff;
    --timeline-header-color: var(--oc-gray-3);
    --timeline-line-color: var(--oc-gray-6);
    --timeline-node-bg: var(--oc-gray-8);
    --timeline-node-color: var(--oc-gray-5);
    --timeline-content-color: var(--oc-gray-4);
    --timeline-time-color: var(--oc-gray-5);
    --timeline-title-color: var(--oc-gray-3);
    --timeline-desc-color: var(--oc-gray-5);
    --timeline-done-color: var(--oc-green-5);
    --timeline-doing-color: var(--oc-blue-5);
    --timeline-doing-shadow-color: #3b82f640;
    --timeline-doing-pulse-from: #3b82f666;
    --timeline-doing-pulse-to: #3b82f600;
    --timeline-todo-bg: var(--oc-gray-8);
    --timeline-todo-color: var(--oc-gray-6);
    --timeline-milestone-color: var(--oc-yellow-5);
    --timeline-milestone-title-color: var(--oc-yellow-4);
    --timeline-error-color: var(--oc-red-5);
    --timeline-error-title-color: var(--oc-red-4);
  }

  .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: #ff922b4d;
  }

  .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 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-markdown.theme__dark {
    --panel-border-radius: 16px;
    --panel-bg: linear-gradient(145deg, #2a2a2a 0%, #1e1e1e 100%);
    --panel-border: 1px solid #6d28d933;
    --panel-box-shadow: none;
    --panel-backdrop-filter: blur(10px);
    --panel-title-bg: linear-gradient(145deg, #333 0%, #2a2a2a 100%);
    --panel-title-color: var(--oc-gray-1);
    --panel-title-border-radius: 16px 16px 0 0;
    --panel-title-border-bottom: 1px solid #6d28d926;
    --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;
    --panel-primary-bg: linear-gradient(145deg, #6d28d914 0%, #4338ca14 100%);
    --panel-primary-border-color: #6d28d94d;
    --panel-primary-box-shadow: none;
    --panel-primary-title-bg: linear-gradient(145deg, #6d28d94d 0%, #4338ca4d 100%);
    --panel-primary-title-color: var(--oc-violet-2);
    --panel-primary-body-bg: linear-gradient(145deg, #6d28d90d 0%, #4338ca0d 100%);
    --panel-primary-body-color: var(--oc-violet-3);
    --panel-info-bg: linear-gradient(145deg, #22b8cf14 0%, #3b82f614 100%);
    --panel-info-border-color: #22b8cf4d;
    --panel-info-box-shadow: none;
    --panel-info-title-bg: linear-gradient(145deg, #22b8cf4d 0%, #3b82f64d 100%);
    --panel-info-title-color: var(--oc-cyan-2);
    --panel-info-body-bg: linear-gradient(145deg, #22b8cf0d 0%, #3b82f60d 100%);
    --panel-info-body-color: var(--oc-cyan-3);
    --panel-warning-bg: linear-gradient(145deg, #ffc10714 0%, #fbbf2414 100%);
    --panel-warning-border-color: #ffc1074d;
    --panel-warning-box-shadow: none;
    --panel-warning-title-bg: linear-gradient(145deg, #ffc1074d 0%, #fbbf244d 100%);
    --panel-warning-title-color: var(--oc-yellow-2);
    --panel-warning-body-bg: linear-gradient(145deg, #ffc1070d 0%, #fbbf240d 100%);
    --panel-warning-body-color: var(--oc-yellow-3);
    --panel-danger-bg: linear-gradient(145deg, #ef444414 0%, #dc267f14 100%);
    --panel-danger-border-color: #ef44444d;
    --panel-danger-box-shadow: none;
    --panel-danger-title-bg: linear-gradient(145deg, #ef44444d 0%, #dc267f4d 100%);
    --panel-danger-title-color: var(--oc-red-2);
    --panel-danger-body-bg: linear-gradient(145deg, #ef44440d 0%, #dc267f0d 100%);
    --panel-danger-body-color: var(--oc-red-3);
    --panel-success-bg: linear-gradient(145deg, #22c55e14 0%, #10b98114 100%);
    --panel-success-border-color: #22c55e4d;
    --panel-success-box-shadow: none;
    --panel-success-title-bg: linear-gradient(145deg, #22c55e4d 0%, #10b9814d 100%);
    --panel-success-title-color: var(--oc-green-2);
    --panel-success-body-bg: linear-gradient(145deg, #22c55e0d 0%, #10b9810d 100%);
    --panel-success-body-color: var(--oc-green-3);
  }

  .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: #636e8733;
    --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);
    --md-table-border: #47556d;
    --md-table-drag-border-bg: var(--oc-blue-3);
    --md-table-sort-active-bg: #64cbff66;
    --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 #00000026;
    --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-toolbar-slider-bg: #ffffff26;
    --mermaid-toolbar-tab-active-color: #fff;
    --drag-border-color: #3a4453;
    --panel-border-radius: 16px;
    --panel-bg: linear-gradient(145deg, #2a2a2a 0%, #1e1e1e 100%);
    --panel-border: 1px solid #6d28d933;
    --panel-box-shadow: none;
    --panel-backdrop-filter: blur(10px);
    --panel-title-bg: linear-gradient(145deg, #333 0%, #2a2a2a 100%);
    --panel-title-color: var(--oc-gray-1);
    --panel-title-border-radius: 16px 16px 0 0;
    --panel-title-border-bottom: 1px solid #6d28d926;
    --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;
    --panel-primary-bg: linear-gradient(145deg, #6d28d914 0%, #4338ca14 100%);
    --panel-primary-border-color: #6d28d94d;
    --panel-primary-box-shadow: none;
    --panel-primary-title-bg: linear-gradient(145deg, #6d28d94d 0%, #4338ca4d 100%);
    --panel-primary-title-color: var(--oc-violet-2);
    --panel-primary-body-bg: linear-gradient(145deg, #6d28d90d 0%, #4338ca0d 100%);
    --panel-primary-body-color: var(--oc-violet-3);
    --panel-info-bg: linear-gradient(145deg, #22b8cf14 0%, #3b82f614 100%);
    --panel-info-border-color: #22b8cf4d;
    --panel-info-box-shadow: none;
    --panel-info-title-bg: linear-gradient(145deg, #22b8cf4d 0%, #3b82f64d 100%);
    --panel-info-title-color: var(--oc-cyan-2);
    --panel-info-body-bg: linear-gradient(145deg, #22b8cf0d 0%, #3b82f60d 100%);
    --panel-info-body-color: var(--oc-cyan-3);
    --panel-warning-bg: linear-gradient(145deg, #ffc10714 0%, #fbbf2414 100%);
    --panel-warning-border-color: #ffc1074d;
    --panel-warning-box-shadow: none;
    --panel-warning-title-bg: linear-gradient(145deg, #ffc1074d 0%, #fbbf244d 100%);
    --panel-warning-title-color: var(--oc-yellow-2);
    --panel-warning-body-bg: linear-gradient(145deg, #ffc1070d 0%, #fbbf240d 100%);
    --panel-warning-body-color: var(--oc-yellow-3);
    --panel-danger-bg: linear-gradient(145deg, #ef444414 0%, #dc267f14 100%);
    --panel-danger-border-color: #ef44444d;
    --panel-danger-box-shadow: none;
    --panel-danger-title-bg: linear-gradient(145deg, #ef44444d 0%, #dc267f4d 100%);
    --panel-danger-title-color: var(--oc-red-2);
    --panel-danger-body-bg: linear-gradient(145deg, #ef44440d 0%, #dc267f0d 100%);
    --panel-danger-body-color: var(--oc-red-3);
    --panel-success-bg: linear-gradient(145deg, #22c55e14 0%, #10b98114 100%);
    --panel-success-border-color: #22c55e4d;
    --panel-success-box-shadow: none;
    --panel-success-title-bg: linear-gradient(145deg, #22c55e4d 0%, #10b9814d 100%);
    --panel-success-title-color: var(--oc-green-2);
    --panel-success-body-bg: linear-gradient(145deg, #22c55e0d 0%, #10b9810d 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: #ebfbee66;
    --previewer-mobile-bg: var(--oc-white);
    --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);
    --md-table-border: var(--oc-green-8);
    --md-table-drag-border-bg: var(--primary-color);
    --md-table-sort-active-bg: #89f5ab7e;
    --md-paragraph-highlight-line-bg: var(--oc-green-1);
    --panel-border-radius: 12px;
    --panel-bg: var(--oc-green-0);
    --panel-border: 1px solid var(--oc-green-2);
    --panel-box-shadow: 0 3px 12px #40c05726;
    --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;
    --panel-primary-border-color: var(--oc-green-4);
    --panel-primary-box-shadow: 0 3px 12px #40c05740;
    --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);
    --panel-info-border-color: var(--oc-cyan-4);
    --panel-info-box-shadow: 0 3px 12px #09c4f426;
    --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);
    --panel-warning-border-color: var(--oc-lime-4);
    --panel-warning-box-shadow: 0 3px 12px #82c91e26;
    --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);
    --panel-danger-border-color: var(--oc-red-4);
    --panel-danger-box-shadow: 0 3px 12px #fa525226;
    --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);
    --panel-success-border-color: var(--oc-green-5);
    --panel-success-box-shadow: 0 3px 12px #40c0574d;
    --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;
    --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);
    --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-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 #e61c8426;
    --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;
    --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);
    --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);
    --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);
    --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 #f5656533;
    --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);
    --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);
    margin-bottom: 25px;
    padding-bottom: 15px;
  }

  .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-gray-8);
    --md-inline-code-bg: var(--oc-gray-2);
    --md-blockquote-bg: #868e960d;
    --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: #f1f3f566;
    --accordion-shadow: none;
  }

  .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: #e0d6cc66;
    --md-heading-color: #3b3330;
    --md-paragraph-color: #3b3330;
    --md-link-color: var(--primary-color);
    --md-link-hover-color: #a03828;
    --md-inline-code-color: #302b29;
    --md-inline-code-bg: #f0e8de;
    --md-blockquote-bg: #f0e8de;
    --md-blockquote-border: #d4c4b0;
    --md-blockquote-color: #8a7968;
    --md-hr-border: #e0d6cc;
    --md-table-border: #e0d6cc;
    --md-table-drag-border-bg: var(--primary-color);
    --md-table-sort-active-bg: #ebe3d9;
    --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;
    --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;
    --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;
    --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;
    --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;
    --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 {
    border-bottom: 1px solid #e0d6cc;
    margin-bottom: 24px;
    padding-bottom: 8px;
  }

  .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: #fff;
    --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: #2b7a4b1a;
    --editor-v2-color: #1a1a1a;
    --editor-v3-color: var(--primary-color);
    --editor-keyword-color: #1a6b8a;
    --editor-selection-bg: #c8e6d4;
    --editor-active-line-bg: #2b7a4b0d;
    --md-heading-color: #1a1a1a;
    --md-paragraph-color: #1a1a1a;
    --md-link-color: #1a6b8a;
    --md-link-hover-color: var(--primary-color);
    --md-inline-code-color: #121212;
    --md-inline-code-bg: #f2f2f0;
    --md-blockquote-bg: #f7f9f8;
    --md-blockquote-border: #2b7a4b;
    --md-blockquote-color: #5a5a58;
    --md-hr-border: #e2e2e0;
    --md-table-border: #e2e2e0;
    --md-table-drag-border-bg: var(--primary-color);
    --md-table-sort-active-bg: #2b7a4b1a;
    --md-paragraph-highlight-line-bg: #f4f8f6;
    --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;
    --panel-primary-bg: #2b7a4b0d;
    --panel-primary-border-color: #2b7a4b;
    --panel-primary-title-bg: #2b7a4b1a;
    --panel-primary-title-color: #1a5a38;
    --panel-primary-body-bg: #2b7a4b08;
    --panel-primary-body-color: #1a1a1a;
    --panel-info-bg: #1a6b8a0d;
    --panel-info-border-color: #1a6b8a;
    --panel-info-title-bg: #1a6b8a1a;
    --panel-info-title-color: #145570;
    --panel-info-body-bg: #1a6b8a08;
    --panel-info-body-color: #1a1a1a;
    --panel-warning-bg: #c4982a0d;
    --panel-warning-border-color: #c4982a;
    --panel-warning-title-bg: #c4982a1a;
    --panel-warning-title-color: #8a6a18;
    --panel-warning-body-bg: #c4982a08;
    --panel-warning-body-color: #1a1a1a;
    --panel-danger-bg: #c7254e0d;
    --panel-danger-border-color: #c7254e;
    --panel-danger-title-bg: #c7254e1a;
    --panel-danger-title-color: #9a1a3a;
    --panel-danger-body-bg: #c7254e08;
    --panel-danger-body-color: #1a1a1a;
    --panel-success-bg: #2b7a4b0d;
    --panel-success-border-color: #2b7a4b;
    --panel-success-title-bg: #2b7a4b1a;
    --panel-success-title-color: #1a5a38;
    --panel-success-body-bg: #2b7a4b08;
    --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 h1 {
    border-bottom: 2px solid #e2e2e0;
    margin-bottom: 24px;
    padding-bottom: 10px;
  }

  .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;
  }
}

@layer theme {
  :root, :host {
    --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --color-blue-500: #3080ff;
    --color-gray-200: #e5e7eb;
    --color-gray-950: #030712;
    --color-black: #000;
    --color-white: #fff;
    --spacing: .25rem;
    --breakpoint-sm: 40rem;
    --breakpoint-md: 48rem;
    --breakpoint-lg: 64rem;
    --breakpoint-xl: 80rem;
    --breakpoint-2xl: 96rem;
    --container-xs: 20rem;
    --container-sm: 24rem;
    --container-md: 28rem;
    --container-lg: 32rem;
    --container-xl: 36rem;
    --container-2xl: 42rem;
    --container-3xl: 48rem;
    --container-5xl: 64rem;
    --text-sm: .875rem;
    --text-sm--line-height: calc(1.25 / .875);
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-extrabold: 800;
    --font-weight-black: 900;
    --tracking-tight: -.025em;
    --tracking-normal: 0em;
    --radius-xs: .125rem;
    --radius-sm: .25rem;
    --radius-md: .375rem;
    --radius-lg: .5rem;
    --radius-xl: .75rem;
    --radius-2xl: 1rem;
    --radius-3xl: 1.5rem;
    --shadow-sm: 0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;
    --shadow-md: 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;
    --shadow-lg: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;
    --ease-out: cubic-bezier(0, 0, .2, 1);
    --animate-spin: spin 1s linear infinite;
    --animate-ping: ping 1s cubic-bezier(0, 0, .2, 1) infinite;
    --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
    --blur-xl: 24px;
    --default-transition-duration: .15s;
    --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
  }

  @supports (color: lab(0% 0 0)) {
    :root, :host {
      --color-blue-500: lab(54.1736% 13.3369 -74.6839);
      --color-gray-200: lab(91.6229% -.159115 -2.26791);
      --color-gray-950: lab(1.90334% .278696 -5.48866);
    }
  }
}

@layer base {
  *, :after, :before, ::backdrop {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  ::file-selector-button {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  html, :host {
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    line-height: 1.5;
    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }

  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }

  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }

  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }

  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }

  b, strong {
    font-weight: bolder;
  }

  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }

  small {
    font-size: 80%;
  }

  sub, sup {
    vertical-align: baseline;
    font-size: 75%;
    line-height: 0;
    position: relative;
  }

  sub {
    bottom: -.25em;
  }

  sup {
    top: -.5em;
  }

  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }

  :-moz-focusring {
    outline: auto;
  }

  progress {
    vertical-align: baseline;
  }

  summary {
    display: list-item;
  }

  ol, ul, menu {
    list-style: none;
  }

  img, svg, video, canvas, audio, iframe, embed, object {
    vertical-align: middle;
    display: block;
  }

  img, video {
    max-width: 100%;
    height: auto;
  }

  button, input, select, optgroup, textarea {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }

  ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }

  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }

  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }

  ::file-selector-button {
    margin-inline-end: 4px;
  }

  ::placeholder {
    opacity: 1;
  }

  @supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentColor;
    }

    @supports (color: color-mix(in lab, red, red)) {
      ::placeholder {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }

  textarea {
    resize: vertical;
  }

  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }

  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }

  ::-webkit-datetime-edit {
    display: inline-flex;
  }

  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }

  ::-webkit-datetime-edit {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-year-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-month-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-day-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-hour-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-minute-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-second-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-millisecond-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }

  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }

  :-moz-ui-invalid {
    box-shadow: none;
  }

  button, input:where([type="button"], [type="reset"], [type="submit"]) {
    appearance: button;
  }

  ::file-selector-button {
    appearance: button;
  }

  ::-webkit-inner-spin-button {
    height: auto;
  }

  ::-webkit-outer-spin-button {
    height: auto;
  }

  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
}

@layer components;

@layer utilities {
  .\@container, .\[container-type\:inline-size\] {
    container-type: inline-size;
  }

  .\[container-type\:size\] {
    container-type: size;
  }

  .pointer-events-auto {
    pointer-events: auto;
  }

  .pointer-events-none {
    pointer-events: none;
  }

  .collapse {
    visibility: collapse;
  }

  .invisible {
    visibility: hidden;
  }

  .visible {
    visibility: visible;
  }

  .sr-only {
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden;
  }

  .absolute {
    position: absolute;
  }

  .fixed {
    position: fixed;
  }

  .relative {
    position: relative;
  }

  .static {
    position: static;
  }

  .sticky {
    position: sticky;
  }

  .-inset-px {
    inset: -1px;
  }

  .inset-0 {
    inset: calc(var(--spacing) * 0);
  }

  .inset-x-0 {
    inset-inline: calc(var(--spacing) * 0);
  }

  .inset-x-2\.5 {
    inset-inline: calc(var(--spacing) * 2.5);
  }

  .inset-y-0 {
    inset-block: calc(var(--spacing) * 0);
  }

  .-top-2 {
    top: calc(var(--spacing) * -2);
  }

  .-top-px {
    top: -1px;
  }

  .top-0 {
    top: calc(var(--spacing) * 0);
  }

  .top-0\.5 {
    top: calc(var(--spacing) * .5);
  }

  .top-1 {
    top: calc(var(--spacing) * 1);
  }

  .top-1\/2 {
    top: 50%;
  }

  .top-1\/3 {
    top: 33.3333%;
  }

  .top-2 {
    top: calc(var(--spacing) * 2);
  }

  .top-3 {
    top: calc(var(--spacing) * 3);
  }

  .top-4 {
    top: calc(var(--spacing) * 4);
  }

  .top-5 {
    top: calc(var(--spacing) * 5);
  }

  .top-10 {
    top: calc(var(--spacing) * 10);
  }

  .top-16 {
    top: calc(var(--spacing) * 16);
  }

  .top-\[calc\(100\%\+0\.35rem\)\] {
    top: calc(100% + .35rem);
  }

  .top-\[calc\(100\%\+6px\)\] {
    top: calc(100% + 6px);
  }

  .top-\[calc\(100\%\+8px\)\] {
    top: calc(100% + 8px);
  }

  .top-full {
    top: 100%;
  }

  .-right-0\.5 {
    right: calc(var(--spacing) * -.5);
  }

  .-right-1 {
    right: calc(var(--spacing) * -1);
  }

  .-right-2 {
    right: calc(var(--spacing) * -2);
  }

  .right-0 {
    right: calc(var(--spacing) * 0);
  }

  .right-0\.5 {
    right: calc(var(--spacing) * .5);
  }

  .right-1 {
    right: calc(var(--spacing) * 1);
  }

  .right-1\.5 {
    right: calc(var(--spacing) * 1.5);
  }

  .right-2 {
    right: calc(var(--spacing) * 2);
  }

  .right-4 {
    right: calc(var(--spacing) * 4);
  }

  .right-\[-4px\] {
    right: -4px;
  }

  .-bottom-0\.5 {
    bottom: calc(var(--spacing) * -.5);
  }

  .-bottom-1 {
    bottom: calc(var(--spacing) * -1);
  }

  .-bottom-2 {
    bottom: calc(var(--spacing) * -2);
  }

  .-bottom-px {
    bottom: -1px;
  }

  .bottom-0 {
    bottom: calc(var(--spacing) * 0);
  }

  .bottom-1 {
    bottom: calc(var(--spacing) * 1);
  }

  .bottom-2 {
    bottom: calc(var(--spacing) * 2);
  }

  .bottom-4 {
    bottom: calc(var(--spacing) * 4);
  }

  .bottom-20 {
    bottom: calc(var(--spacing) * 20);
  }

  .bottom-\[-24px\] {
    bottom: -24px;
  }

  .bottom-\[calc\(100\%\+0\.5rem\)\] {
    bottom: calc(100% + .5rem);
  }

  .bottom-full {
    bottom: 100%;
  }

  .-left-0\.5 {
    left: calc(var(--spacing) * -.5);
  }

  .-left-1 {
    left: calc(var(--spacing) * -1);
  }

  .-left-2 {
    left: calc(var(--spacing) * -2);
  }

  .left-0 {
    left: calc(var(--spacing) * 0);
  }

  .left-0\.5 {
    left: calc(var(--spacing) * .5);
  }

  .left-1 {
    left: calc(var(--spacing) * 1);
  }

  .left-1\/2 {
    left: 50%;
  }

  .left-2 {
    left: calc(var(--spacing) * 2);
  }

  .left-3 {
    left: calc(var(--spacing) * 3);
  }

  .left-4 {
    left: calc(var(--spacing) * 4);
  }

  .left-\[-4px\] {
    left: -4px;
  }

  .left-\[0\.825rem\] {
    left: .825rem;
  }

  .left-\[27px\] {
    left: 27px;
  }

  .left-full {
    left: 100%;
  }

  .isolate {
    isolation: isolate;
  }

  .-z-10 {
    z-index: calc(10 * -1);
  }

  .z-0 {
    z-index: 0;
  }

  .z-10 {
    z-index: 10;
  }

  .z-20 {
    z-index: 20;
  }

  .z-30 {
    z-index: 30;
  }

  .z-40 {
    z-index: 40;
  }

  .z-50 {
    z-index: 50;
  }

  .z-\[1\] {
    z-index: 1;
  }

  .z-\[3\] {
    z-index: 3;
  }

  .z-\[12\] {
    z-index: 12;
  }

  .z-\[950\] {
    z-index: 950;
  }

  .z-\[1000\] {
    z-index: 1000;
  }

  .z-\[1100\] {
    z-index: 1100;
  }

  .col-span-2 {
    grid-column: span 2 / span 2;
  }

  .col-span-3 {
    grid-column: span 3 / span 3;
  }

  .col-span-full {
    grid-column: 1 / -1;
  }

  .col-start-1 {
    grid-column-start: 1;
  }

  .col-start-2 {
    grid-column-start: 2;
  }

  .col-start-3 {
    grid-column-start: 3;
  }

  .row-span-2 {
    grid-row: span 2 / span 2;
  }

  .row-start-1 {
    grid-row-start: 1;
  }

  .row-start-2 {
    grid-row-start: 2;
  }

  .row-start-3 {
    grid-row-start: 3;
  }

  .row-end-3 {
    grid-row-end: 3;
  }

  .row-end-4 {
    grid-row-end: 4;
  }

  .container {
    width: 100%;
  }

  @media (min-width: 40rem) {
    .container {
      max-width: 40rem;
    }
  }

  @media (min-width: 48rem) {
    .container {
      max-width: 48rem;
    }
  }

  @media (min-width: 64rem) {
    .container {
      max-width: 64rem;
    }
  }

  @media (min-width: 80rem) {
    .container {
      max-width: 80rem;
    }
  }

  @media (min-width: 96rem) {
    .container {
      max-width: 96rem;
    }
  }

  .m-0 {
    margin: calc(var(--spacing) * 0);
  }

  .m-3 {
    margin: calc(var(--spacing) * 3);
  }

  .m-4 {
    margin: calc(var(--spacing) * 4);
  }

  .m-auto {
    margin: auto;
  }

  .-mx-6 {
    margin-inline: calc(var(--spacing) * -6);
  }

  .mx-4 {
    margin-inline: calc(var(--spacing) * 4);
  }

  .mx-auto {
    margin-inline: auto;
  }

  .my-1 {
    margin-block: calc(var(--spacing) * 1);
  }

  .my-2 {
    margin-block: calc(var(--spacing) * 2);
  }

  .my-3 {
    margin-block: calc(var(--spacing) * 3);
  }

  .my-4 {
    margin-block: calc(var(--spacing) * 4);
  }

  .my-6 {
    margin-block: calc(var(--spacing) * 6);
  }

  .mt-0 {
    margin-top: calc(var(--spacing) * 0);
  }

  .mt-0\.5 {
    margin-top: calc(var(--spacing) * .5);
  }

  .mt-1 {
    margin-top: calc(var(--spacing) * 1);
  }

  .mt-1\.5 {
    margin-top: calc(var(--spacing) * 1.5);
  }

  .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }

  .mt-2\.5 {
    margin-top: calc(var(--spacing) * 2.5);
  }

  .mt-3 {
    margin-top: calc(var(--spacing) * 3);
  }

  .mt-3\.5 {
    margin-top: calc(var(--spacing) * 3.5);
  }

  .mt-4 {
    margin-top: calc(var(--spacing) * 4);
  }

  .mt-5 {
    margin-top: calc(var(--spacing) * 5);
  }

  .mt-6 {
    margin-top: calc(var(--spacing) * 6);
  }

  .mt-7 {
    margin-top: calc(var(--spacing) * 7);
  }

  .mt-8 {
    margin-top: calc(var(--spacing) * 8);
  }

  .mt-10 {
    margin-top: calc(var(--spacing) * 10);
  }

  .mt-14 {
    margin-top: calc(var(--spacing) * 14);
  }

  .mt-32 {
    margin-top: calc(var(--spacing) * 32);
  }

  .mt-\[0\.45em\] {
    margin-top: .45em;
  }

  .mt-auto {
    margin-top: auto;
  }

  .-mr-2 {
    margin-right: calc(var(--spacing) * -2);
  }

  .mr-3 {
    margin-right: calc(var(--spacing) * 3);
  }

  .-mb-2 {
    margin-bottom: calc(var(--spacing) * -2);
  }

  .-mb-6 {
    margin-bottom: calc(var(--spacing) * -6);
  }

  .mb-0 {
    margin-bottom: calc(var(--spacing) * 0);
  }

  .mb-1 {
    margin-bottom: calc(var(--spacing) * 1);
  }

  .mb-2 {
    margin-bottom: calc(var(--spacing) * 2);
  }

  .mb-3 {
    margin-bottom: calc(var(--spacing) * 3);
  }

  .mb-4 {
    margin-bottom: calc(var(--spacing) * 4);
  }

  .mb-5 {
    margin-bottom: calc(var(--spacing) * 5);
  }

  .mb-6 {
    margin-bottom: calc(var(--spacing) * 6);
  }

  .mb-7 {
    margin-bottom: calc(var(--spacing) * 7);
  }

  .mb-8 {
    margin-bottom: calc(var(--spacing) * 8);
  }

  .-ml-2 {
    margin-left: calc(var(--spacing) * -2);
  }

  .ml-1 {
    margin-left: calc(var(--spacing) * 1);
  }

  .ml-1\.5 {
    margin-left: calc(var(--spacing) * 1.5);
  }

  .ml-2 {
    margin-left: calc(var(--spacing) * 2);
  }

  .ml-6 {
    margin-left: calc(var(--spacing) * 6);
  }

  .ml-auto {
    margin-left: auto;
  }

  .box-border {
    box-sizing: border-box;
  }

  .line-clamp-2 {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }

  .\!block {
    display: block !important;
  }

  .\!flex {
    display: flex !important;
  }

  .\[display\:-webkit-box\] {
    display: -webkit-box;
  }

  .block {
    display: block;
  }

  .contents {
    display: contents;
  }

  .flex {
    display: flex;
  }

  .grid {
    display: grid;
  }

  .hidden {
    display: none;
  }

  .inline {
    display: inline;
  }

  .inline-block {
    display: inline-block;
  }

  .inline-flex {
    display: inline-flex;
  }

  .inline-grid {
    display: inline-grid;
  }

  .table {
    display: table;
  }

  .\[field-sizing\:content\] {
    field-sizing: content;
  }

  .aspect-\[var\(--ide-course-card-aspect-ratio\)\] {
    aspect-ratio: var(--ide-course-card-aspect-ratio);
  }

  .aspect-\[var\(--ide-course-card-preview-aspect-ratio\)\] {
    aspect-ratio: var(--ide-course-card-preview-aspect-ratio);
  }

  .aspect-square {
    aspect-ratio: 1;
  }

  .\!size-14 {
    width: calc(var(--spacing) * 14) !important;
    height: calc(var(--spacing) * 14) !important;
  }

  .size-1 {
    width: calc(var(--spacing) * 1);
    height: calc(var(--spacing) * 1);
  }

  .size-1\.5 {
    width: calc(var(--spacing) * 1.5);
    height: calc(var(--spacing) * 1.5);
  }

  .size-2 {
    width: calc(var(--spacing) * 2);
    height: calc(var(--spacing) * 2);
  }

  .size-3 {
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
  }

  .size-3\.5 {
    width: calc(var(--spacing) * 3.5);
    height: calc(var(--spacing) * 3.5);
  }

  .size-4 {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }

  .size-5 {
    width: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 5);
  }

  .size-6 {
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
  }

  .size-7 {
    width: calc(var(--spacing) * 7);
    height: calc(var(--spacing) * 7);
  }

  .size-8 {
    width: calc(var(--spacing) * 8);
    height: calc(var(--spacing) * 8);
  }

  .size-9 {
    width: calc(var(--spacing) * 9);
    height: calc(var(--spacing) * 9);
  }

  .size-10 {
    width: calc(var(--spacing) * 10);
    height: calc(var(--spacing) * 10);
  }

  .size-12 {
    width: calc(var(--spacing) * 12);
    height: calc(var(--spacing) * 12);
  }

  .size-14 {
    width: calc(var(--spacing) * 14);
    height: calc(var(--spacing) * 14);
  }

  .size-16 {
    width: calc(var(--spacing) * 16);
    height: calc(var(--spacing) * 16);
  }

  .size-20 {
    width: calc(var(--spacing) * 20);
    height: calc(var(--spacing) * 20);
  }

  .size-\[18px\] {
    width: 18px;
    height: 18px;
  }

  .size-\[22px\] {
    width: 22px;
    height: 22px;
  }

  .size-\[24px\] {
    width: 24px;
    height: 24px;
  }

  .size-\[34px\] {
    width: 34px;
    height: 34px;
  }

  .size-\[72px\] {
    width: 72px;
    height: 72px;
  }

  .size-\[104px\] {
    width: 104px;
    height: 104px;
  }

  .size-\[var\(--ide-button-height-sm\)\] {
    width: var(--ide-button-height-sm);
    height: var(--ide-button-height-sm);
  }

  .size-\[var\(--ide-input-height\)\] {
    width: var(--ide-input-height);
    height: var(--ide-input-height);
  }

  .size-full {
    width: 100%;
    height: 100%;
  }

  .\!h-4 {
    height: calc(var(--spacing) * 4) !important;
  }

  .\!h-5 {
    height: calc(var(--spacing) * 5) !important;
  }

  .\!h-7 {
    height: calc(var(--spacing) * 7) !important;
  }

  .\!h-8 {
    height: calc(var(--spacing) * 8) !important;
  }

  .\!h-auto {
    height: auto !important;
  }

  .\!h-full {
    height: 100% !important;
  }

  .h-0 {
    height: calc(var(--spacing) * 0);
  }

  .h-0\.5 {
    height: calc(var(--spacing) * .5);
  }

  .h-1 {
    height: calc(var(--spacing) * 1);
  }

  .h-1\.5 {
    height: calc(var(--spacing) * 1.5);
  }

  .h-2 {
    height: calc(var(--spacing) * 2);
  }

  .h-2\.5 {
    height: calc(var(--spacing) * 2.5);
  }

  .h-3 {
    height: calc(var(--spacing) * 3);
  }

  .h-3\.5 {
    height: calc(var(--spacing) * 3.5);
  }

  .h-4 {
    height: calc(var(--spacing) * 4);
  }

  .h-5 {
    height: calc(var(--spacing) * 5);
  }

  .h-6 {
    height: calc(var(--spacing) * 6);
  }

  .h-7 {
    height: calc(var(--spacing) * 7);
  }

  .h-8 {
    height: calc(var(--spacing) * 8);
  }

  .h-9 {
    height: calc(var(--spacing) * 9);
  }

  .h-10 {
    height: calc(var(--spacing) * 10);
  }

  .h-11 {
    height: calc(var(--spacing) * 11);
  }

  .h-12 {
    height: calc(var(--spacing) * 12);
  }

  .h-14 {
    height: calc(var(--spacing) * 14);
  }

  .h-20 {
    height: calc(var(--spacing) * 20);
  }

  .h-40 {
    height: calc(var(--spacing) * 40);
  }

  .h-60 {
    height: calc(var(--spacing) * 60);
  }

  .h-\[1\.05rem\] {
    height: 1.05rem;
  }

  .h-\[13px\] {
    height: 13px;
  }

  .h-\[15px\] {
    height: 15px;
  }

  .h-\[17px\] {
    height: 17px;
  }

  .h-\[18px\] {
    height: 18px;
  }

  .h-\[20px\] {
    height: 20px;
  }

  .h-\[34px\] {
    height: 34px;
  }

  .h-\[192px\] {
    height: 192px;
  }

  .h-\[240px\] {
    height: 240px;
  }

  .h-\[480px\] {
    height: 480px;
  }

  .h-\[520px\] {
    height: 520px;
  }

  .h-\[528px\] {
    height: 528px;
  }

  .h-\[calc\(100vh-32px\)\] {
    height: calc(100vh - 32px);
  }

  .h-\[calc\(100vh_-_var\(--ide-topbar-height\)\)\] {
    height: calc(100vh - var(--ide-topbar-height));
  }

  .h-\[calc\(var\(--ide-assistant-avatar-mobile\)\+1rem\)\] {
    height: calc(var(--ide-assistant-avatar-mobile) + 1rem);
  }

  .h-\[min\(65dvh\,560px\)\] {
    height: min(65dvh, 560px);
  }

  .h-\[min\(68vh\,720px\)\] {
    height: min(68vh, 720px);
  }

  .h-\[min\(100\%\,max\(0px\,var\(--learn-board-size\)\)\)\] {
    height: min(100%, max(0px, var(--learn-board-size)));
  }

  .h-\[min\(100cqh\,66\.6667cqw\)\] {
    height: min(100cqh, 66.6667cqw);
  }

  .h-\[min\(640px\,calc\(100dvh-32px\)\)\] {
    height: min(640px, 100dvh - 32px);
  }

  .h-\[var\(--ide-assistant-target\)\] {
    height: var(--ide-assistant-target);
  }

  .h-\[var\(--ide-available-viewport-height\)\] {
    height: var(--ide-available-viewport-height);
  }

  .h-\[var\(--ide-button-height-md\)\] {
    height: var(--ide-button-height-md);
  }

  .h-\[var\(--ide-button-height-sm\)\] {
    height: var(--ide-button-height-sm);
  }

  .h-\[var\(--ide-line-body-sm\)\] {
    height: var(--ide-line-body-sm);
  }

  .h-\[var\(--ide-text-brand\)\] {
    height: var(--ide-text-brand);
  }

  .h-\[var\(--ide-text-glyph-lg\)\] {
    height: var(--ide-text-glyph-lg);
  }

  .h-\[var\(--ide-topbar-height\)\] {
    height: var(--ide-topbar-height);
  }

  .h-\[var\(--line-editor-setup-board-height\,auto\)\] {
    height: var(--line-editor-setup-board-height, auto);
  }

  .h-\[var\(--line-editor-setup-piece-button-size\)\] {
    height: var(--line-editor-setup-piece-button-size);
  }

  .h-\[var\(--user-avatar-size\)\] {
    height: var(--user-avatar-size);
  }

  .h-auto {
    height: auto;
  }

  .h-dvh {
    height: 100dvh;
  }

  .h-full {
    height: 100%;
  }

  .h-px {
    height: 1px;
  }

  .h-screen {
    height: 100vh;
  }

  .max-h-28 {
    max-height: calc(var(--spacing) * 28);
  }

  .max-h-48 {
    max-height: calc(var(--spacing) * 48);
  }

  .max-h-56 {
    max-height: calc(var(--spacing) * 56);
  }

  .max-h-64 {
    max-height: calc(var(--spacing) * 64);
  }

  .max-h-\[60dvh\] {
    max-height: 60dvh;
  }

  .max-h-\[198px\] {
    max-height: 198px;
  }

  .max-h-\[760px\] {
    max-height: 760px;
  }

  .max-h-\[calc\(100dvh-2rem\)\] {
    max-height: calc(100dvh - 2rem);
  }

  .max-h-\[calc\(100dvh-32px\)\] {
    max-height: calc(100dvh - 32px);
  }

  .max-h-\[min\(360px\,55vh\)\] {
    max-height: min(360px, 55vh);
  }

  .max-h-\[var\(--ide-available-viewport-height\)\] {
    max-height: var(--ide-available-viewport-height);
  }

  .max-h-full {
    max-height: 100%;
  }

  .max-h-none {
    max-height: none;
  }

  .\!min-h-0 {
    min-height: calc(var(--spacing) * 0) !important;
  }

  .\!min-h-7 {
    min-height: calc(var(--spacing) * 7) !important;
  }

  .\!min-h-8 {
    min-height: calc(var(--spacing) * 8) !important;
  }

  .\!min-h-11 {
    min-height: calc(var(--spacing) * 11) !important;
  }

  .\!min-h-12 {
    min-height: calc(var(--spacing) * 12) !important;
  }

  .\!min-h-\[60px\] {
    min-height: 60px !important;
  }

  .\!min-h-\[var\(--ide-button-height-sm\)\] {
    min-height: var(--ide-button-height-sm) !important;
  }

  .\!min-h-\[var\(--ide-panel-header-height\)\] {
    min-height: var(--ide-panel-header-height) !important;
  }

  .min-h-0 {
    min-height: calc(var(--spacing) * 0);
  }

  .min-h-3 {
    min-height: calc(var(--spacing) * 3);
  }

  .min-h-4 {
    min-height: calc(var(--spacing) * 4);
  }

  .min-h-5 {
    min-height: calc(var(--spacing) * 5);
  }

  .min-h-6 {
    min-height: calc(var(--spacing) * 6);
  }

  .min-h-7 {
    min-height: calc(var(--spacing) * 7);
  }

  .min-h-8 {
    min-height: calc(var(--spacing) * 8);
  }

  .min-h-9 {
    min-height: calc(var(--spacing) * 9);
  }

  .min-h-10 {
    min-height: calc(var(--spacing) * 10);
  }

  .min-h-11 {
    min-height: calc(var(--spacing) * 11);
  }

  .min-h-12 {
    min-height: calc(var(--spacing) * 12);
  }

  .min-h-24 {
    min-height: calc(var(--spacing) * 24);
  }

  .min-h-28 {
    min-height: calc(var(--spacing) * 28);
  }

  .min-h-32 {
    min-height: calc(var(--spacing) * 32);
  }

  .min-h-36 {
    min-height: calc(var(--spacing) * 36);
  }

  .min-h-80 {
    min-height: calc(var(--spacing) * 80);
  }

  .min-h-\[1\.8rem\] {
    min-height: 1.8rem;
  }

  .min-h-\[30px\] {
    min-height: 30px;
  }

  .min-h-\[34px\] {
    min-height: 34px;
  }

  .min-h-\[38px\] {
    min-height: 38px;
  }

  .min-h-\[42px\] {
    min-height: 42px;
  }

  .min-h-\[72px\] {
    min-height: 72px;
  }

  .min-h-\[82px\] {
    min-height: 82px;
  }

  .min-h-\[180px\] {
    min-height: 180px;
  }

  .min-h-\[220px\] {
    min-height: 220px;
  }

  .min-h-\[260px\] {
    min-height: 260px;
  }

  .min-h-\[calc\(100vh-2rem\)\] {
    min-height: calc(100vh - 2rem);
  }

  .min-h-\[calc\(100vh-4rem\)\] {
    min-height: calc(100vh - 4rem);
  }

  .min-h-\[calc\(var\(--ide-line-body\)\*2\)\] {
    min-height: calc(var(--ide-line-body) * 2);
  }

  .min-h-\[calc\(var\(--ide-line-label\)\*2\)\] {
    min-height: calc(var(--ide-line-label) * 2);
  }

  .min-h-\[calc\(var\(--ide-panel-header-height\)\+2px\)\] {
    min-height: calc(var(--ide-panel-header-height) + 2px);
  }

  .min-h-\[var\(--ide-assistant-target\)\] {
    min-height: var(--ide-assistant-target);
  }

  .min-h-\[var\(--ide-available-viewport-height\)\] {
    min-height: var(--ide-available-viewport-height);
  }

  .min-h-\[var\(--ide-breadcrumb-height\)\] {
    min-height: var(--ide-breadcrumb-height);
  }

  .min-h-\[var\(--ide-button-height-md\)\] {
    min-height: var(--ide-button-height-md);
  }

  .min-h-\[var\(--ide-button-height-sm\)\] {
    min-height: var(--ide-button-height-sm);
  }

  .min-h-\[var\(--ide-course-card-learning-height\)\] {
    min-height: var(--ide-course-card-learning-height);
  }

  .min-h-\[var\(--ide-course-card-review-height\)\] {
    min-height: var(--ide-course-card-review-height);
  }

  .min-h-\[var\(--ide-input-height\)\] {
    min-height: var(--ide-input-height);
  }

  .min-h-\[var\(--ide-panel-header-height\)\] {
    min-height: var(--ide-panel-header-height);
  }

  .min-h-\[var\(--ide-tab-height\)\] {
    min-height: var(--ide-tab-height);
  }

  .min-h-\[var\(--ide-topbar-height\)\] {
    min-height: var(--ide-topbar-height);
  }

  .min-h-full {
    min-height: 100%;
  }

  .min-h-screen {
    min-height: 100vh;
  }

  .\!w-6 {
    width: calc(var(--spacing) * 6) !important;
  }

  .\!w-7 {
    width: calc(var(--spacing) * 7) !important;
  }

  .\!w-11 {
    width: calc(var(--spacing) * 11) !important;
  }

  .\!w-\[144px\] {
    width: 144px !important;
  }

  .\!w-\[min\(100\%\,var\(--line-editor-board-size\)\)\] {
    width: min(100%, var(--line-editor-board-size)) !important;
  }

  .\!w-\[var\(--line-editor-board-size\)\] {
    width: var(--line-editor-board-size) !important;
  }

  .\!w-full {
    width: 100% !important;
  }

  .w-0 {
    width: calc(var(--spacing) * 0);
  }

  .w-0\.5 {
    width: calc(var(--spacing) * .5);
  }

  .w-1\.5 {
    width: calc(var(--spacing) * 1.5);
  }

  .w-2 {
    width: calc(var(--spacing) * 2);
  }

  .w-2\.5 {
    width: calc(var(--spacing) * 2.5);
  }

  .w-3 {
    width: calc(var(--spacing) * 3);
  }

  .w-3\.5 {
    width: calc(var(--spacing) * 3.5);
  }

  .w-4 {
    width: calc(var(--spacing) * 4);
  }

  .w-5 {
    width: calc(var(--spacing) * 5);
  }

  .w-6 {
    width: calc(var(--spacing) * 6);
  }

  .w-7 {
    width: calc(var(--spacing) * 7);
  }

  .w-8 {
    width: calc(var(--spacing) * 8);
  }

  .w-10 {
    width: calc(var(--spacing) * 10);
  }

  .w-11 {
    width: calc(var(--spacing) * 11);
  }

  .w-20 {
    width: calc(var(--spacing) * 20);
  }

  .w-40 {
    width: calc(var(--spacing) * 40);
  }

  .w-\[1\.05rem\] {
    width: 1.05rem;
  }

  .w-\[3px\] {
    width: 3px;
  }

  .w-\[12\.5\%\] {
    width: 12.5%;
  }

  .w-\[13px\] {
    width: 13px;
  }

  .w-\[15px\] {
    width: 15px;
  }

  .w-\[17px\] {
    width: 17px;
  }

  .w-\[18px\] {
    width: 18px;
  }

  .w-\[20px\] {
    width: 20px;
  }

  .w-\[34px\] {
    width: 34px;
  }

  .w-\[36px\] {
    width: 36px;
  }

  .w-\[260px\] {
    width: 260px;
  }

  .w-\[400px\] {
    width: 400px;
  }

  .w-\[800px\] {
    width: 800px;
  }

  .w-\[calc\(100vw-32px\)\] {
    width: calc(100vw - 32px);
  }

  .w-\[min\(100\%\,1180px\)\] {
    width: min(100%, 1180px);
  }

  .w-\[min\(100\%\,calc\(\(var\(--line-editor-spare-panel-width\)_\*_2\)_\+_var\(--line-editor-board-size\)_\+_\(var\(--line-editor-setup-gap\)_\*_2\)\)\)\] {
    width: min(100%, calc((var(--line-editor-spare-panel-width) * 2) + var(--line-editor-board-size) + (var(--line-editor-setup-gap) * 2)));
  }

  .w-\[min\(100\%\,calc\(100cqh_\+_\(var\(--line-editor-spare-panel-width\,clamp\(52px\,6vw\,76px\)\)_\*_2\)_\+_\(var\(--line-editor-setup-gap\,10px\)_\*_2\)\)\)\] {
    width: min(100%, calc(100cqh + (var(--line-editor-spare-panel-width, clamp(52px, 6vw, 76px)) * 2) + (var(--line-editor-setup-gap, 10px) * 2)));
  }

  .w-\[min\(100\%\,calc\(var\(--line-editor-board-size\)_\+_var\(--line-editor-panel-width\)_\+_var\(--line-editor-workspace-gap\)\)\)\] {
    width: min(100%, calc(var(--line-editor-board-size) + var(--line-editor-panel-width) + var(--line-editor-workspace-gap)));
  }

  .w-\[min\(100\%\,max\(0px\,var\(--learn-board-size\)\)\)\] {
    width: min(100%, max(0px, var(--learn-board-size)));
  }

  .w-\[min\(100cqw\,150cqh\)\] {
    width: min(100cqw, 150cqh);
  }

  .w-\[min\(520px\,calc\(100vw-32px\)\)\] {
    width: min(520px, 100vw - 32px);
  }

  .w-\[min\(680px\,calc\(100vw-32px\)\)\] {
    width: min(680px, 100vw - 32px);
  }

  .w-\[min\(1120px\,calc\(100vw-32px\)\)\] {
    width: min(1120px, 100vw - 32px);
  }

  .w-\[var\(--ide-assistant-target\)\] {
    width: var(--ide-assistant-target);
  }

  .w-\[var\(--ide-button-height-sm\)\] {
    width: var(--ide-button-height-sm);
  }

  .w-\[var\(--ide-playback-popover-width\)\] {
    width: var(--ide-playback-popover-width);
  }

  .w-\[var\(--ide-right-width\)\] {
    width: var(--ide-right-width);
  }

  .w-\[var\(--ide-text-glyph-sm\)\] {
    width: var(--ide-text-glyph-sm);
  }

  .w-\[var\(--learn-board-size\)\] {
    width: var(--learn-board-size);
  }

  .w-\[var\(--line-editor-board-size\)\] {
    width: var(--line-editor-board-size);
  }

  .w-\[var\(--line-editor-board-size\,var\(--line-editor-board-default-size\)\)\] {
    width: var(--line-editor-board-size, var(--line-editor-board-default-size));
  }

  .w-\[var\(--line-editor-setup-piece-button-size\)\] {
    width: var(--line-editor-setup-piece-button-size);
  }

  .w-\[var\(--user-avatar-size\)\] {
    width: var(--user-avatar-size);
  }

  .w-fit {
    width: fit-content;
  }

  .w-full {
    width: 100%;
  }

  .w-max {
    width: max-content;
  }

  .w-px {
    width: 1px;
  }

  .\!max-w-full {
    max-width: 100% !important;
  }

  .\!max-w-none {
    max-width: none !important;
  }

  .max-w-2xl {
    max-width: var(--container-2xl);
  }

  .max-w-3xl {
    max-width: var(--container-3xl);
  }

  .max-w-5xl {
    max-width: var(--container-5xl);
  }

  .max-w-56 {
    max-width: calc(var(--spacing) * 56);
  }

  .max-w-72 {
    max-width: calc(var(--spacing) * 72);
  }

  .max-w-96 {
    max-width: calc(var(--spacing) * 96);
  }

  .max-w-\[8\.5rem\] {
    max-width: 8.5rem;
  }

  .max-w-\[64ch\] {
    max-width: 64ch;
  }

  .max-w-\[72ch\] {
    max-width: 72ch;
  }

  .max-w-\[140px\] {
    max-width: 140px;
  }

  .max-w-\[220px\] {
    max-width: 220px;
  }

  .max-w-\[274px\] {
    max-width: 274px;
  }

  .max-w-\[330px\] {
    max-width: 330px;
  }

  .max-w-\[360px\] {
    max-width: 360px;
  }

  .max-w-\[420px\] {
    max-width: 420px;
  }

  .max-w-\[430px\] {
    max-width: 430px;
  }

  .max-w-\[460px\] {
    max-width: 460px;
  }

  .max-w-\[520px\] {
    max-width: 520px;
  }

  .max-w-\[620px\] {
    max-width: 620px;
  }

  .max-w-\[720px\] {
    max-width: 720px;
  }

  .max-w-\[740px\] {
    max-width: 740px;
  }

  .max-w-\[856px\] {
    max-width: 856px;
  }

  .max-w-\[960px\] {
    max-width: 960px;
  }

  .max-w-\[980px\] {
    max-width: 980px;
  }

  .max-w-\[992px\] {
    max-width: 992px;
  }

  .max-w-\[1000px\] {
    max-width: 1000px;
  }

  .max-w-\[1120px\] {
    max-width: 1120px;
  }

  .max-w-\[1312px\] {
    max-width: 1312px;
  }

  .max-w-\[1440px\] {
    max-width: 1440px;
  }

  .max-w-\[calc\(100vw-2\*var\(--ide-panel-padding\)\)\] {
    max-width: calc(100vw - 2 * var(--ide-panel-padding));
  }

  .max-w-\[calc\(100vw-16px\)\] {
    max-width: calc(100vw - 16px);
  }

  .max-w-\[min\(18rem\,calc\(100vw-2rem\)\)\] {
    max-width: min(18rem, 100vw - 2rem);
  }

  .max-w-\[min\(34rem\,calc\(100vw-4rem\)\)\] {
    max-width: min(34rem, 100vw - 4rem);
  }

  .max-w-\[min\(76\%\,680px\)\] {
    max-width: min(76%, 680px);
  }

  .max-w-\[min\(360px\,100\%\)\] {
    max-width: min(360px, 100%);
  }

  .max-w-\[min\(360px\,calc\(100vw-32px\)\)\] {
    max-width: min(360px, 100vw - 32px);
  }

  .max-w-\[var\(--ide-assistant-width\)\] {
    max-width: var(--ide-assistant-width);
  }

  .max-w-full {
    max-width: 100%;
  }

  .max-w-lg {
    max-width: var(--container-lg);
  }

  .max-w-none {
    max-width: none;
  }

  .max-w-prose {
    max-width: 65ch;
  }

  .max-w-screen-2xl {
    max-width: var(--breakpoint-2xl);
  }

  .max-w-screen-lg {
    max-width: var(--breakpoint-lg);
  }

  .max-w-screen-md {
    max-width: var(--breakpoint-md);
  }

  .max-w-screen-sm {
    max-width: var(--breakpoint-sm);
  }

  .max-w-screen-xl {
    max-width: var(--breakpoint-xl);
  }

  .max-w-xl {
    max-width: var(--container-xl);
  }

  .\!min-w-0 {
    min-width: calc(var(--spacing) * 0) !important;
  }

  .min-w-0 {
    min-width: calc(var(--spacing) * 0);
  }

  .min-w-4 {
    min-width: calc(var(--spacing) * 4);
  }

  .min-w-5 {
    min-width: calc(var(--spacing) * 5);
  }

  .min-w-6 {
    min-width: calc(var(--spacing) * 6);
  }

  .min-w-7 {
    min-width: calc(var(--spacing) * 7);
  }

  .min-w-8 {
    min-width: calc(var(--spacing) * 8);
  }

  .min-w-9 {
    min-width: calc(var(--spacing) * 9);
  }

  .min-w-\[2rem\] {
    min-width: 2rem;
  }

  .min-w-\[20px\] {
    min-width: 20px;
  }

  .min-w-\[34px\] {
    min-width: 34px;
  }

  .min-w-\[36px\] {
    min-width: 36px;
  }

  .min-w-\[52px\] {
    min-width: 52px;
  }

  .min-w-\[116px\] {
    min-width: 116px;
  }

  .min-w-\[144px\] {
    min-width: 144px;
  }

  .min-w-\[160px\] {
    min-width: 160px;
  }

  .min-w-\[184px\] {
    min-width: 184px;
  }

  .min-w-\[190px\] {
    min-width: 190px;
  }

  .min-w-\[570px\] {
    min-width: 570px;
  }

  .min-w-\[780px\] {
    min-width: 780px;
  }

  .min-w-\[min\(100\%\,var\(--learn-board-min-size\)\)\] {
    min-width: min(100%, var(--learn-board-min-size));
  }

  .min-w-\[min\(100\%\,var\(--line-editor-board-min-size\)\)\] {
    min-width: min(100%, var(--line-editor-board-min-size));
  }

  .min-w-\[var\(--ide-assistant-target\)\] {
    min-width: var(--ide-assistant-target);
  }

  .min-w-\[var\(--ide-button-height-sm\)\] {
    min-width: var(--ide-button-height-sm);
  }

  .min-w-fit {
    min-width: fit-content;
  }

  .\!flex-none {
    flex: none !important;
  }

  .flex-1 {
    flex: 1;
  }

  .flex-\[1_1_200px\] {
    flex: 200px;
  }

  .flex-\[1_1_auto\] {
    flex: auto;
  }

  .flex-none {
    flex: none;
  }

  .shrink {
    flex-shrink: 1;
  }

  .shrink-0 {
    flex-shrink: 0;
  }

  .grow {
    flex-grow: 1;
  }

  .border-collapse {
    border-collapse: collapse;
  }

  .origin-left {
    transform-origin: 0;
  }

  .-translate-x-1\/2 {
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-x-5 {
    --tw-translate-x: calc(var(--spacing) * 5);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-x-\[var\(--ide-assistant-art-offset\)\] {
    --tw-translate-x: var(--ide-assistant-art-offset);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .-translate-y-1\/2 {
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .-translate-y-\[200\%\] {
    --tw-translate-y: calc(200% * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-y-\[calc\(\(var\(--ide-line-body-sm\)_-_var\(--ide-text-glyph-lg\)\)_\/_2\)\] {
    --tw-translate-y: calc((var(--ide-line-body-sm) - var(--ide-text-glyph-lg)) / 2);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .scale-0 {
    --tw-scale-x: 0%;
    --tw-scale-y: 0%;
    --tw-scale-z: 0%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .scale-100 {
    --tw-scale-x: 100%;
    --tw-scale-y: 100%;
    --tw-scale-z: 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .-rotate-90 {
    rotate: -90deg;
  }

  .rotate-0 {
    rotate: 0deg;
  }

  .rotate-45 {
    rotate: 45deg;
  }

  .rotate-90 {
    rotate: 90deg;
  }

  .rotate-180 {
    rotate: 180deg;
  }

  .transform {
    transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
  }

  .animate-ping {
    animation: var(--animate-ping);
  }

  .animate-pulse {
    animation: var(--animate-pulse);
  }

  .animate-spin {
    animation: var(--animate-spin);
  }

  .cursor-col-resize {
    cursor: col-resize;
  }

  .cursor-default {
    cursor: default;
  }

  .cursor-grab {
    cursor: grab;
  }

  .cursor-grabbing {
    cursor: grabbing;
  }

  .cursor-help {
    cursor: help;
  }

  .cursor-move {
    cursor: move;
  }

  .cursor-nesw-resize {
    cursor: nesw-resize;
  }

  .cursor-not-allowed {
    cursor: not-allowed;
  }

  .cursor-nwse-resize {
    cursor: nwse-resize;
  }

  .cursor-pointer {
    cursor: pointer;
  }

  .cursor-row-resize {
    cursor: row-resize;
  }

  .cursor-wait {
    cursor: wait;
  }

  .touch-none {
    touch-action: none;
  }

  .resize {
    resize: both;
  }

  .resize-none {
    resize: none;
  }

  .resize-y {
    resize: vertical;
  }

  .scroll-mt-4 {
    scroll-margin-top: calc(var(--spacing) * 4);
  }

  .scroll-mt-6 {
    scroll-margin-top: calc(var(--spacing) * 6);
  }

  .scroll-mt-\[calc\(var\(--ide-tab-height\)\+0\.75rem\)\] {
    scroll-margin-top: calc(var(--ide-tab-height) + .75rem);
  }

  .\[scrollbar-color\:var\(--ide-border-subtle\)_transparent\] {
    scrollbar-color: var(--ide-border-subtle) transparent;
  }

  .list-decimal {
    list-style-type: decimal;
  }

  .list-disc {
    list-style-type: disc;
  }

  .list-none {
    list-style-type: none;
  }

  .appearance-auto {
    appearance: auto;
  }

  .appearance-none {
    appearance: none;
  }

  .auto-cols-fr {
    grid-auto-columns: minmax(0, 1fr);
  }

  .grid-flow-col {
    grid-auto-flow: column;
  }

  .\!grid-cols-\[minmax\(0\,1fr\)\] {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .\!grid-cols-\[minmax\(0\,1fr\)_auto\] {
    grid-template-columns: minmax(0, 1fr) auto !important;
  }

  .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .grid-cols-\[1\.5rem_1\.25rem_minmax\(0\,1fr\)\] {
    grid-template-columns: 1.5rem 1.25rem minmax(0, 1fr);
  }

  .grid-cols-\[1fr_auto_1fr\] {
    grid-template-columns: 1fr auto 1fr;
  }

  .grid-cols-\[1rem_minmax\(0\,1fr\)\] {
    grid-template-columns: 1rem minmax(0, 1fr);
  }

  .grid-cols-\[34px_minmax\(0\,1fr\)_minmax\(0\,1fr\)\] {
    grid-template-columns: 34px minmax(0, 1fr) minmax(0, 1fr);
  }

  .grid-cols-\[56px_minmax\(0\,1fr\)\] {
    grid-template-columns: 56px minmax(0, 1fr);
  }

  .grid-cols-\[auto_auto\] {
    grid-template-columns: auto auto;
  }

  .grid-cols-\[auto_minmax\(0\,1fr\)\] {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .grid-cols-\[auto_minmax\(0\,1fr\)_auto\] {
    grid-template-columns: auto minmax(0, 1fr) auto;
  }

  .grid-cols-\[minmax\(0\,1fr\)\] {
    grid-template-columns: minmax(0, 1fr);
  }

  .grid-cols-\[minmax\(0\,1fr\)_auto\] {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .grid-cols-\[minmax\(0\,1fr\)_auto_minmax\(0\,1fr\)\] {
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  }

  .grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1\.4fr\)\] {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr);
  }

  .grid-cols-\[minmax\(0\,1fr\)_var\(--ide-right-width-current\)\] {
    grid-template-columns: minmax(0,1fr) var(--ide-right-width-current);
  }

  .grid-cols-\[minmax\(0\,420px\)_minmax\(280px\,360px\)\] {
    grid-template-columns: minmax(0, 420px) minmax(280px, 360px);
  }

  .grid-cols-\[minmax\(0\,var\(--line-editor-board-size\)\)_var\(--line-editor-panel-width\)\] {
    grid-template-columns: minmax(0,var(--line-editor-board-size)) var(--line-editor-panel-width);
  }

  .grid-cols-\[minmax\(86px\,0\.72fr\)_repeat\(3\,minmax\(42px\,1fr\)\)\] {
    grid-template-columns: minmax(86px, .72fr) repeat(3, minmax(42px, 1fr));
  }

  .grid-cols-\[repeat\(auto-fill\,minmax\(min\(100\%\,var\(--ide-course-card-width\)\)\,min\(100\%\,var\(--ide-course-card-width\)\)\)\)\] {
    grid-template-columns: repeat(auto-fill,minmax(min(100%, var(--ide-course-card-width)),min(100%, var(--ide-course-card-width))));
  }

  .grid-cols-\[var\(--ide-left-width-current\)_minmax\(0\,1fr\)\] {
    grid-template-columns: var(--ide-left-width-current) minmax(0,1fr);
  }

  .grid-cols-\[var\(--line-editor-spare-panel-width\,clamp\(52px\,6vw\,76px\)\)_minmax\(0\,1fr\)_var\(--line-editor-spare-panel-width\,clamp\(52px\,6vw\,76px\)\)\] {
    grid-template-columns: var(--line-editor-spare-panel-width, clamp(52px, 6vw, 76px)) minmax(0,1fr) var(--line-editor-spare-panel-width, clamp(52px, 6vw, 76px));
  }

  .\!grid-rows-\[auto_minmax\(0\,1fr\)_auto\] {
    grid-template-rows: auto minmax(0, 1fr) auto !important;
  }

  .\!grid-rows-\[minmax\(0\,1fr\)_auto\] {
    grid-template-rows: minmax(0, 1fr) auto !important;
  }

  .grid-rows-2 {
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }

  .grid-rows-3 {
    grid-template-rows: repeat(3, minmax(0, 1fr));
  }

  .grid-rows-\[auto_1fr\] {
    grid-template-rows: auto 1fr;
  }

  .grid-rows-\[auto_auto_minmax\(0\,1fr\)\] {
    grid-template-rows: auto auto minmax(0, 1fr);
  }

  .grid-rows-\[auto_auto_minmax\(0\,1fr\)_auto\] {
    grid-template-rows: auto auto minmax(0, 1fr) auto;
  }

  .grid-rows-\[auto_minmax\(0\,1fr\)\] {
    grid-template-rows: auto minmax(0, 1fr);
  }

  .grid-rows-\[auto_minmax\(0\,1fr\)_auto\] {
    grid-template-rows: auto minmax(0, 1fr) auto;
  }

  .grid-rows-\[minmax\(0\,1fr\)\] {
    grid-template-rows: minmax(0, 1fr);
  }

  .grid-rows-\[minmax\(0\,1fr\)_minmax\(0\,1fr\)\] {
    grid-template-rows: minmax(0, 1fr) minmax(0, 1fr);
  }

  .grid-rows-\[repeat\(6\,minmax\(0\,1fr\)\)\] {
    grid-template-rows: repeat(6, minmax(0, 1fr));
  }

  .\!flex-row {
    flex-direction: row !important;
  }

  .flex-col {
    flex-direction: column;
  }

  .flex-nowrap {
    flex-wrap: nowrap;
  }

  .flex-wrap {
    flex-wrap: wrap;
  }

  .place-items-center {
    place-items: center;
  }

  .place-items-start {
    place-items: start;
  }

  .content-center {
    align-content: center;
  }

  .content-start {
    align-content: flex-start;
  }

  .content-stretch {
    align-content: stretch;
  }

  .\!items-center {
    align-items: center !important;
  }

  .items-baseline {
    align-items: baseline;
  }

  .items-center {
    align-items: center;
  }

  .items-end {
    align-items: flex-end;
  }

  .items-start {
    align-items: flex-start;
  }

  .items-stretch {
    align-items: stretch;
  }

  .\!justify-between {
    justify-content: space-between !important;
  }

  .justify-around {
    justify-content: space-around;
  }

  .justify-between {
    justify-content: space-between;
  }

  .justify-center {
    justify-content: center;
  }

  .justify-end {
    justify-content: flex-end;
  }

  .justify-start {
    justify-content: flex-start;
  }

  .justify-items-center {
    justify-items: center;
  }

  .justify-items-start {
    justify-items: start;
  }

  .\!gap-1\.5 {
    gap: calc(var(--spacing) * 1.5) !important;
  }

  .\!gap-2 {
    gap: calc(var(--spacing) * 2) !important;
  }

  .gap-0 {
    gap: calc(var(--spacing) * 0);
  }

  .gap-0\.5 {
    gap: calc(var(--spacing) * .5);
  }

  .gap-1 {
    gap: calc(var(--spacing) * 1);
  }

  .gap-1\.5 {
    gap: calc(var(--spacing) * 1.5);
  }

  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }

  .gap-2\.5 {
    gap: calc(var(--spacing) * 2.5);
  }

  .gap-3 {
    gap: calc(var(--spacing) * 3);
  }

  .gap-3\.5 {
    gap: calc(var(--spacing) * 3.5);
  }

  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }

  .gap-5 {
    gap: calc(var(--spacing) * 5);
  }

  .gap-6 {
    gap: calc(var(--spacing) * 6);
  }

  .gap-8 {
    gap: calc(var(--spacing) * 8);
  }

  .gap-\[3px\] {
    gap: 3px;
  }

  .gap-\[5px\] {
    gap: 5px;
  }

  .gap-\[var\(--ide-panel-padding\)\] {
    gap: var(--ide-panel-padding);
  }

  .gap-\[var\(--line-editor-setup-gap\)\] {
    gap: var(--line-editor-setup-gap);
  }

  .gap-\[var\(--line-editor-setup-gap\,10px\)\] {
    gap: var(--line-editor-setup-gap, 10px);
  }

  .gap-\[var\(--line-editor-workspace-gap\)\] {
    gap: var(--line-editor-workspace-gap);
  }

  :where(.space-y-1\.5 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-2 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-3 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-4 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
  }

  .\!gap-x-3 {
    column-gap: calc(var(--spacing) * 3) !important;
  }

  .gap-x-0\.5 {
    column-gap: calc(var(--spacing) * .5);
  }

  .gap-x-1 {
    column-gap: calc(var(--spacing) * 1);
  }

  .gap-x-1\.5 {
    column-gap: calc(var(--spacing) * 1.5);
  }

  .gap-x-2 {
    column-gap: calc(var(--spacing) * 2);
  }

  .gap-x-3 {
    column-gap: calc(var(--spacing) * 3);
  }

  .gap-x-4 {
    column-gap: calc(var(--spacing) * 4);
  }

  .gap-y-0\.5 {
    row-gap: calc(var(--spacing) * .5);
  }

  .gap-y-1 {
    row-gap: calc(var(--spacing) * 1);
  }

  .gap-y-1\.5 {
    row-gap: calc(var(--spacing) * 1.5);
  }

  .gap-y-2 {
    row-gap: calc(var(--spacing) * 2);
  }

  :where(.divide-y > :not(:last-child)) {
    --tw-divide-y-reverse: 0;
    border-bottom-style: var(--tw-border-style);
    border-top-style: var(--tw-border-style);
    border-top-width: calc(1px * var(--tw-divide-y-reverse));
    border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  }

  :where(.divide-\[rgba\(57\,59\,64\,0\.62\)\] > :not(:last-child)) {
    border-color: #393b409e;
  }

  :where(.divide-\[rgba\(57\,59\,64\,0\.72\)\] > :not(:last-child)) {
    border-color: #393b40b8;
  }

  :where(.divide-\[var\(--ide-border-subtle\)\] > :not(:last-child)) {
    border-color: var(--ide-border-subtle);
  }

  .self-center {
    align-self: center;
  }

  .self-end {
    align-self: flex-end;
  }

  .self-start {
    align-self: flex-start;
  }

  .self-stretch {
    align-self: stretch;
  }

  .justify-self-center {
    justify-self: center;
  }

  .justify-self-end {
    justify-self: flex-end;
  }

  .justify-self-start {
    justify-self: flex-start;
  }

  .justify-self-stretch {
    justify-self: stretch;
  }

  .truncate {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }

  .\!overflow-auto {
    overflow: auto !important;
  }

  .\!overflow-hidden {
    overflow: hidden !important;
  }

  .\!overflow-visible {
    overflow: visible !important;
  }

  .overflow-auto {
    overflow: auto;
  }

  .overflow-hidden {
    overflow: hidden;
  }

  .overflow-visible {
    overflow: visible;
  }

  .overflow-x-auto {
    overflow-x: auto;
  }

  .overflow-x-hidden {
    overflow-x: hidden;
  }

  .overflow-y-auto {
    overflow-y: auto;
  }

  .overscroll-contain {
    overscroll-behavior: contain;
  }

  .\!rounded-\[var\(--ide-radius-lg\)\] {
    border-radius: var(--ide-radius-lg) !important;
  }

  .\!rounded-\[var\(--ide-radius-pill\)\] {
    border-radius: var(--ide-radius-pill) !important;
  }

  .rounded {
    border-radius: .25rem;
  }

  .rounded-2xl {
    border-radius: var(--radius-2xl);
  }

  .rounded-3xl {
    border-radius: var(--radius-3xl);
  }

  .rounded-\[1px\] {
    border-radius: 1px;
  }

  .rounded-\[4px\] {
    border-radius: 4px;
  }

  .rounded-\[var\(--ide-assistant-bubble-radius\)\] {
    border-radius: var(--ide-assistant-bubble-radius);
  }

  .rounded-\[var\(--ide-assistant-radius\)\] {
    border-radius: var(--ide-assistant-radius);
  }

  .rounded-\[var\(--ide-radius-lg\)\] {
    border-radius: var(--ide-radius-lg);
  }

  .rounded-\[var\(--ide-radius-md\)\] {
    border-radius: var(--ide-radius-md);
  }

  .rounded-\[var\(--ide-radius-pill\)\] {
    border-radius: var(--ide-radius-pill);
  }

  .rounded-\[var\(--ide-radius-sm\)\] {
    border-radius: var(--ide-radius-sm);
  }

  .rounded-\[var\(--ide-radius-xs\)\] {
    border-radius: var(--ide-radius-xs);
  }

  .rounded-full {
    border-radius: 2147483647px;
  }

  .rounded-lg {
    border-radius: var(--radius-lg);
  }

  .rounded-md {
    border-radius: var(--radius-md);
  }

  .rounded-none {
    border-radius: 0;
  }

  .rounded-sm {
    border-radius: var(--radius-sm);
  }

  .rounded-xl {
    border-radius: var(--radius-xl);
  }

  .rounded-t-\[var\(--ide-radius-lg\)\] {
    border-top-left-radius: var(--ide-radius-lg);
    border-top-right-radius: var(--ide-radius-lg);
  }

  .rounded-l-\[var\(--ide-radius-lg\)\] {
    border-top-left-radius: var(--ide-radius-lg);
    border-bottom-left-radius: var(--ide-radius-lg);
  }

  .rounded-br-\[var\(--ide-radius-sm\)\] {
    border-bottom-right-radius: var(--ide-radius-sm);
  }

  .rounded-bl-\[var\(--ide-radius-sm\)\] {
    border-bottom-left-radius: var(--ide-radius-sm);
  }

  .\!border-0 {
    border-style: var(--tw-border-style) !important;
    border-width: 0 !important;
  }

  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .border-0 {
    border-style: var(--tw-border-style);
    border-width: 0;
  }

  .border-2 {
    border-style: var(--tw-border-style);
    border-width: 2px;
  }

  .border-\[10px\] {
    border-style: var(--tw-border-style);
    border-width: 10px;
  }

  .border-x-0 {
    border-inline-style: var(--tw-border-style);
    border-inline-width: 0;
  }

  .border-y {
    border-block-style: var(--tw-border-style);
    border-block-width: 1px;
  }

  .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }

  .border-t-0 {
    border-top-style: var(--tw-border-style);
    border-top-width: 0;
  }

  .border-t-2 {
    border-top-style: var(--tw-border-style);
    border-top-width: 2px;
  }

  .border-r {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
  }

  .\!border-b-0 {
    border-bottom-style: var(--tw-border-style) !important;
    border-bottom-width: 0 !important;
  }

  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }

  .border-b-0 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0;
  }

  .border-b-2 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 2px;
  }

  .border-l {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }

  .border-l-2 {
    border-left-style: var(--tw-border-style);
    border-left-width: 2px;
  }

  .border-dashed {
    --tw-border-style: dashed;
    border-style: dashed;
  }

  .\!border-\[color-mix\(in_srgb\,var\(--ide-error\)_38\%\,transparent\)\] {
    border-color: var(--ide-error) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .\!border-\[color-mix\(in_srgb\,var\(--ide-error\)_38\%\,transparent\)\] {
      border-color: color-mix(in srgb,var(--ide-error) 38%,transparent) !important;
    }
  }

  .\!border-\[var\(--ide-outline-variant\)\] {
    border-color: var(--ide-outline-variant) !important;
  }

  .\!border-\[var\(--ide-primary-border\)\] {
    border-color: var(--ide-primary-border) !important;
  }

  .border-\[\#7a4f32\] {
    border-color: #7a4f32;
  }

  .border-\[\#43a66a\] {
    border-color: #43a66a;
  }

  .border-\[\#477bd3\] {
    border-color: #477bd3;
  }

  .border-\[\#d54747\] {
    border-color: #d54747;
  }

  .border-\[color-mix\(in_srgb\,var\(--ide-archive\)_65\%\,transparent\)\] {
    border-color: var(--ide-archive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-\[color-mix\(in_srgb\,var\(--ide-archive\)_65\%\,transparent\)\] {
      border-color: color-mix(in srgb,var(--ide-archive) 65%,transparent);
    }
  }

  .border-\[color-mix\(in_srgb\,var\(--ide-error\)_38\%\,transparent\)\] {
    border-color: var(--ide-error);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-\[color-mix\(in_srgb\,var\(--ide-error\)_38\%\,transparent\)\] {
      border-color: color-mix(in srgb,var(--ide-error) 38%,transparent);
    }
  }

  .border-\[color-mix\(in_srgb\,var\(--ide-success\)_28\%\,transparent\)\] {
    border-color: var(--ide-success);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-\[color-mix\(in_srgb\,var\(--ide-success\)_28\%\,transparent\)\] {
      border-color: color-mix(in srgb,var(--ide-success) 28%,transparent);
    }
  }

  .border-\[color-mix\(in_srgb\,var\(--ide-success\)_38\%\,transparent\)\] {
    border-color: var(--ide-success);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-\[color-mix\(in_srgb\,var\(--ide-success\)_38\%\,transparent\)\] {
      border-color: color-mix(in srgb,var(--ide-success) 38%,transparent);
    }
  }

  .border-\[color-mix\(in_srgb\,var\(--ide-success\)_65\%\,transparent\)\] {
    border-color: var(--ide-success);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-\[color-mix\(in_srgb\,var\(--ide-success\)_65\%\,transparent\)\] {
      border-color: color-mix(in srgb,var(--ide-success) 65%,transparent);
    }
  }

  .border-\[color-mix\(in_srgb\,var\(--ide-tertiary\)_42\%\,transparent\)\] {
    border-color: var(--ide-tertiary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-\[color-mix\(in_srgb\,var\(--ide-tertiary\)_42\%\,transparent\)\] {
      border-color: color-mix(in srgb,var(--ide-tertiary) 42%,transparent);
    }
  }

  .border-\[rgba\(57\,59\,64\,0\.3\)\] {
    border-color: #393b404d;
  }

  .border-\[rgba\(67\,160\,71\,0\.32\)\] {
    border-color: #43a04752;
  }

  .border-\[rgba\(67\,160\,71\,0\.45\)\] {
    border-color: #43a04773;
  }

  .border-\[rgba\(140\,29\,24\,0\.24\)\] {
    border-color: #8c1d183d;
  }

  .border-\[rgba\(255\,180\,171\,0\.38\)\] {
    border-color: #ffb4ab61;
  }

  .border-\[rgba\(255\,180\,171\,0\.42\)\] {
    border-color: #ffb4ab6b;
  }

  .border-\[rgba\(255\,180\,171\,0\.45\)\] {
    border-color: #ffb4ab73;
  }

  .border-\[var\(--ide-border-subtle\)\] {
    border-color: var(--ide-border-subtle);
  }

  .border-\[var\(--ide-danger\)\] {
    border-color: var(--ide-danger);
  }

  .border-\[var\(--ide-due\)\] {
    border-color: var(--ide-due);
  }

  .border-\[var\(--ide-error\)\] {
    border-color: var(--ide-error);
  }

  .border-\[var\(--ide-outline-variant\)\] {
    border-color: var(--ide-outline-variant);
  }

  .border-\[var\(--ide-primary\)\] {
    border-color: var(--ide-primary);
  }

  .border-\[var\(--ide-primary-border\)\] {
    border-color: var(--ide-primary-border);
  }

  .border-\[var\(--ide-primary-border\)\]\! {
    border-color: var(--ide-primary-border) !important;
  }

  .border-\[var\(--ide-surface-container-highest\)\] {
    border-color: var(--ide-surface-container-highest);
  }

  .border-\[var\(--landing-border\)\] {
    border-color: var(--landing-border);
  }

  .border-\[var\(--landing-cyan\)\]\/20 {
    border-color: var(--landing-cyan);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-\[var\(--landing-cyan\)\]\/20 {
      border-color: color-mix(in oklab, var(--landing-cyan) 20%, transparent);
    }
  }

  .border-\[var\(--landing-cyan\)\]\/40 {
    border-color: var(--landing-cyan);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-\[var\(--landing-cyan\)\]\/40 {
      border-color: color-mix(in oklab, var(--landing-cyan) 40%, transparent);
    }
  }

  .border-\[var\(--landing-gold\)\]\/20 {
    border-color: var(--landing-gold);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-\[var\(--landing-gold\)\]\/20 {
      border-color: color-mix(in oklab, var(--landing-gold) 20%, transparent);
    }
  }

  .border-\[var\(--landing-gold\)\]\/40 {
    border-color: var(--landing-gold);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-\[var\(--landing-gold\)\]\/40 {
      border-color: color-mix(in oklab, var(--landing-gold) 40%, transparent);
    }
  }

  .border-\[var\(--landing-lavender\)\]\/20 {
    border-color: var(--landing-lavender);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-\[var\(--landing-lavender\)\]\/20 {
      border-color: color-mix(in oklab, var(--landing-lavender) 20%, transparent);
    }
  }

  .border-\[var\(--landing-lavender\)\]\/40 {
    border-color: var(--landing-lavender);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-\[var\(--landing-lavender\)\]\/40 {
      border-color: color-mix(in oklab, var(--landing-lavender) 40%, transparent);
    }
  }

  .border-transparent {
    border-color: #0000;
  }

  .border-white\/5 {
    border-color: #ffffff0d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-white\/5 {
      border-color: color-mix(in oklab, var(--color-white) 5%, transparent);
    }
  }

  .border-white\/10 {
    border-color: #ffffff1a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-white\/10 {
      border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
  }

  .border-white\/15 {
    border-color: #ffffff26;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-white\/15 {
      border-color: color-mix(in oklab, var(--color-white) 15%, transparent);
    }
  }

  .border-t-\[var\(--ide-primary\)\] {
    border-top-color: var(--ide-primary);
  }

  .border-b-\[var\(--ide-border-subtle\)\] {
    border-bottom-color: var(--ide-border-subtle);
  }

  .border-l-\[var\(--ide-primary\)\] {
    border-left-color: var(--ide-primary);
  }

  .border-l-transparent {
    border-left-color: #0000;
  }

  .\!bg-\[color-mix\(in_srgb\,var\(--ide-error-container\)_38\%\,var\(--ide-surface-container-high\)\)\] {
    background-color: var(--ide-error-container) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .\!bg-\[color-mix\(in_srgb\,var\(--ide-error-container\)_38\%\,var\(--ide-surface-container-high\)\)\] {
      background-color: color-mix(in srgb,var(--ide-error-container) 38%,var(--ide-surface-container-high)) !important;
    }
  }

  .\!bg-\[var\(--ide-primary-selected\)\] {
    background-color: var(--ide-primary-selected) !important;
  }

  .\!bg-\[var\(--ide-primary-soft\)\] {
    background-color: var(--ide-primary-soft) !important;
  }

  .\!bg-\[var\(--ide-surface-container\)\] {
    background-color: var(--ide-surface-container) !important;
  }

  .\!bg-\[var\(--ide-surface-container-high\)\] {
    background-color: var(--ide-surface-container-high) !important;
  }

  .\!bg-transparent {
    background-color: #0000 !important;
  }

  .bg-\[\#7a4f32\] {
    background-color: #7a4f32;
  }

  .bg-\[\#43a66a\] {
    background-color: #43a66a;
  }

  .bg-\[\#191b27\] {
    background-color: #191b27;
  }

  .bg-\[\#477bd3\] {
    background-color: #477bd3;
  }

  .bg-\[\#565960\] {
    background-color: #565960;
  }

  .bg-\[\#d54747\] {
    background-color: #d54747;
  }

  .bg-\[color-mix\(in_srgb\,var\(--ide-archive\)_12\%\,transparent\)\] {
    background-color: var(--ide-archive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[color-mix\(in_srgb\,var\(--ide-archive\)_12\%\,transparent\)\] {
      background-color: color-mix(in srgb,var(--ide-archive) 12%,transparent);
    }
  }

  .bg-\[color-mix\(in_srgb\,var\(--ide-bg-panel\)_86\%\,transparent\)\] {
    background-color: var(--ide-bg-panel);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[color-mix\(in_srgb\,var\(--ide-bg-panel\)_86\%\,transparent\)\] {
      background-color: color-mix(in srgb,var(--ide-bg-panel) 86%,transparent);
    }
  }

  .bg-\[color-mix\(in_srgb\,var\(--ide-danger\)_18\%\,transparent\)\] {
    background-color: var(--ide-danger);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[color-mix\(in_srgb\,var\(--ide-danger\)_18\%\,transparent\)\] {
      background-color: color-mix(in srgb,var(--ide-danger) 18%,transparent);
    }
  }

  .bg-\[color-mix\(in_srgb\,var\(--ide-due\)_8\%\,var\(--ide-surface-container-high\)\)\] {
    background-color: var(--ide-due);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[color-mix\(in_srgb\,var\(--ide-due\)_8\%\,var\(--ide-surface-container-high\)\)\] {
      background-color: color-mix(in srgb,var(--ide-due) 8%,var(--ide-surface-container-high));
    }
  }

  .bg-\[color-mix\(in_srgb\,var\(--ide-due\)_12\%\,transparent\)\] {
    background-color: var(--ide-due);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[color-mix\(in_srgb\,var\(--ide-due\)_12\%\,transparent\)\] {
      background-color: color-mix(in srgb,var(--ide-due) 12%,transparent);
    }
  }

  .bg-\[color-mix\(in_srgb\,var\(--ide-due\)_13\%\,transparent\)\] {
    background-color: var(--ide-due);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[color-mix\(in_srgb\,var\(--ide-due\)_13\%\,transparent\)\] {
      background-color: color-mix(in srgb,var(--ide-due) 13%,transparent);
    }
  }

  .bg-\[color-mix\(in_srgb\,var\(--ide-error-container\)_28\%\,transparent\)\] {
    background-color: var(--ide-error-container);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[color-mix\(in_srgb\,var\(--ide-error-container\)_28\%\,transparent\)\] {
      background-color: color-mix(in srgb,var(--ide-error-container) 28%,transparent);
    }
  }

  .bg-\[color-mix\(in_srgb\,var\(--ide-primary\)_8\%\,var\(--ide-surface-container-high\)\)\] {
    background-color: var(--ide-primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[color-mix\(in_srgb\,var\(--ide-primary\)_8\%\,var\(--ide-surface-container-high\)\)\] {
      background-color: color-mix(in srgb,var(--ide-primary) 8%,var(--ide-surface-container-high));
    }
  }

  .bg-\[color-mix\(in_srgb\,var\(--ide-primary\)_12\%\,var\(--ide-surface-variant\)\)\] {
    background-color: var(--ide-primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[color-mix\(in_srgb\,var\(--ide-primary\)_12\%\,var\(--ide-surface-variant\)\)\] {
      background-color: color-mix(in srgb,var(--ide-primary) 12%,var(--ide-surface-variant));
    }
  }

  .bg-\[color-mix\(in_srgb\,var\(--ide-success\)_12\%\,transparent\)\] {
    background-color: var(--ide-success);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[color-mix\(in_srgb\,var\(--ide-success\)_12\%\,transparent\)\] {
      background-color: color-mix(in srgb,var(--ide-success) 12%,transparent);
    }
  }

  .bg-\[color-mix\(in_srgb\,var\(--ide-success\)_13\%\,transparent\)\] {
    background-color: var(--ide-success);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[color-mix\(in_srgb\,var\(--ide-success\)_13\%\,transparent\)\] {
      background-color: color-mix(in srgb,var(--ide-success) 13%,transparent);
    }
  }

  .bg-\[color-mix\(in_srgb\,var\(--ide-success\)_14\%\,transparent\)\] {
    background-color: var(--ide-success);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[color-mix\(in_srgb\,var\(--ide-success\)_14\%\,transparent\)\] {
      background-color: color-mix(in srgb,var(--ide-success) 14%,transparent);
    }
  }

  .bg-\[color-mix\(in_srgb\,var\(--ide-success\)_18\%\,transparent\)\] {
    background-color: var(--ide-success);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[color-mix\(in_srgb\,var\(--ide-success\)_18\%\,transparent\)\] {
      background-color: color-mix(in srgb,var(--ide-success) 18%,transparent);
    }
  }

  .bg-\[color-mix\(in_srgb\,var\(--ide-surface\)_72\%\,transparent\)\] {
    background-color: var(--ide-surface);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[color-mix\(in_srgb\,var\(--ide-surface\)_72\%\,transparent\)\] {
      background-color: color-mix(in srgb,var(--ide-surface) 72%,transparent);
    }
  }

  .bg-\[color-mix\(in_srgb\,var\(--ide-surface-container-lowest\)_42\%\,transparent\)\] {
    background-color: var(--ide-surface-container-lowest);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[color-mix\(in_srgb\,var\(--ide-surface-container-lowest\)_42\%\,transparent\)\] {
      background-color: color-mix(in srgb,var(--ide-surface-container-lowest) 42%,transparent);
    }
  }

  .bg-\[color-mix\(in_srgb\,var\(--ide-surface-container-lowest\)_50\%\,transparent\)\] {
    background-color: var(--ide-surface-container-lowest);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[color-mix\(in_srgb\,var\(--ide-surface-container-lowest\)_50\%\,transparent\)\] {
      background-color: color-mix(in srgb,var(--ide-surface-container-lowest) 50%,transparent);
    }
  }

  .bg-\[color-mix\(in_srgb\,var\(--ide-tertiary\)_12\%\,transparent\)\] {
    background-color: var(--ide-tertiary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[color-mix\(in_srgb\,var\(--ide-tertiary\)_12\%\,transparent\)\] {
      background-color: color-mix(in srgb,var(--ide-tertiary) 12%,transparent);
    }
  }

  .bg-\[color-mix\(in_srgb\,var\(--ide-text-primary\)_88\%\,transparent\)\] {
    background-color: var(--ide-text-primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[color-mix\(in_srgb\,var\(--ide-text-primary\)_88\%\,transparent\)\] {
      background-color: color-mix(in srgb,var(--ide-text-primary) 88%,transparent);
    }
  }

  .bg-\[color-mix\(in_srgb\,var\(--ide-text-secondary\)_13\%\,transparent\)\] {
    background-color: var(--ide-text-secondary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[color-mix\(in_srgb\,var\(--ide-text-secondary\)_13\%\,transparent\)\] {
      background-color: color-mix(in srgb,var(--ide-text-secondary) 13%,transparent);
    }
  }

  .bg-\[rgba\(0\,0\,0\,0\.16\)\] {
    background-color: #00000029;
  }

  .bg-\[rgba\(0\,0\,0\,0\.68\)\] {
    background-color: #000000ad;
  }

  .bg-\[rgba\(15\,13\,19\,0\.54\)\] {
    background-color: #0f0d138a;
  }

  .bg-\[rgba\(67\,160\,71\,0\.1\)\] {
    background-color: #43a0471a;
  }

  .bg-\[rgba\(67\,160\,71\,0\.12\)\] {
    background-color: #43a0471f;
  }

  .bg-\[rgba\(147\,0\,10\,0\.2\)\] {
    background-color: #93000a33;
  }

  .bg-\[rgba\(147\,0\,10\,0\.28\)\] {
    background-color: #93000a47;
  }

  .bg-\[rgba\(242\,201\,76\,0\.12\)\] {
    background-color: #f2c94c1f;
  }

  .bg-\[var\(--ide-bg-app\)\] {
    background-color: var(--ide-bg-app);
  }

  .bg-\[var\(--ide-bg-panel\)\] {
    background-color: var(--ide-bg-panel);
  }

  .bg-\[var\(--ide-board-border\)\] {
    background-color: var(--ide-board-border);
  }

  .bg-\[var\(--ide-border-subtle\)\] {
    background-color: var(--ide-border-subtle);
  }

  .bg-\[var\(--ide-due\)\] {
    background-color: var(--ide-due);
  }

  .bg-\[var\(--ide-error\)\] {
    background-color: var(--ide-error);
  }

  .bg-\[var\(--ide-outline\)\] {
    background-color: var(--ide-outline);
  }

  .bg-\[var\(--ide-outline-variant\)\] {
    background-color: var(--ide-outline-variant);
  }

  .bg-\[var\(--ide-primary\)\] {
    background-color: var(--ide-primary);
  }

  .bg-\[var\(--ide-primary-container\)\] {
    background-color: var(--ide-primary-container);
  }

  .bg-\[var\(--ide-primary-selected\)\] {
    background-color: var(--ide-primary-selected);
  }

  .bg-\[var\(--ide-primary-soft\)\] {
    background-color: var(--ide-primary-soft);
  }

  .bg-\[var\(--ide-primary-soft\)\]\! {
    background-color: var(--ide-primary-soft) !important;
  }

  .bg-\[var\(--ide-success\)\] {
    background-color: var(--ide-success);
  }

  .bg-\[var\(--ide-surface\)\], .bg-\[var\(--ide-surface\)\]\/80 {
    background-color: var(--ide-surface);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[var\(--ide-surface\)\]\/80 {
      background-color: color-mix(in oklab, var(--ide-surface) 80%, transparent);
    }
  }

  .bg-\[var\(--ide-surface-bright\)\] {
    background-color: var(--ide-surface-bright);
  }

  .bg-\[var\(--ide-surface-container\)\] {
    background-color: var(--ide-surface-container);
  }

  .bg-\[var\(--ide-surface-container-high\)\] {
    background-color: var(--ide-surface-container-high);
  }

  .bg-\[var\(--ide-surface-container-low\)\] {
    background-color: var(--ide-surface-container-low);
  }

  .bg-\[var\(--ide-surface-container-lowest\)\], .bg-\[var\(--ide-surface-container-lowest\)\]\/90 {
    background-color: var(--ide-surface-container-lowest);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[var\(--ide-surface-container-lowest\)\]\/90 {
      background-color: color-mix(in oklab, var(--ide-surface-container-lowest) 90%, transparent);
    }
  }

  .bg-\[var\(--ide-surface-variant\)\] {
    background-color: var(--ide-surface-variant);
  }

  .bg-\[var\(--ide-tertiary\)\] {
    background-color: var(--ide-tertiary);
  }

  .bg-\[var\(--ide-text-muted\)\] {
    background-color: var(--ide-text-muted);
  }

  .bg-\[var\(--ide-text-secondary\)\] {
    background-color: var(--ide-text-secondary);
  }

  .bg-\[var\(--landing-bg\)\] {
    background-color: var(--landing-bg);
  }

  .bg-\[var\(--landing-card\)\] {
    background-color: var(--landing-card);
  }

  .bg-\[var\(--landing-cyan\)\]\/10 {
    background-color: var(--landing-cyan);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[var\(--landing-cyan\)\]\/10 {
      background-color: color-mix(in oklab, var(--landing-cyan) 10%, transparent);
    }
  }

  .bg-\[var\(--landing-cyan\)\]\/15 {
    background-color: var(--landing-cyan);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[var\(--landing-cyan\)\]\/15 {
      background-color: color-mix(in oklab, var(--landing-cyan) 15%, transparent);
    }
  }

  .bg-\[var\(--landing-gold\)\]\/10 {
    background-color: var(--landing-gold);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[var\(--landing-gold\)\]\/10 {
      background-color: color-mix(in oklab, var(--landing-gold) 10%, transparent);
    }
  }

  .bg-\[var\(--landing-gold\)\]\/15 {
    background-color: var(--landing-gold);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[var\(--landing-gold\)\]\/15 {
      background-color: color-mix(in oklab, var(--landing-gold) 15%, transparent);
    }
  }

  .bg-\[var\(--landing-lavender\)\], .bg-\[var\(--landing-lavender\)\]\/10 {
    background-color: var(--landing-lavender);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[var\(--landing-lavender\)\]\/10 {
      background-color: color-mix(in oklab, var(--landing-lavender) 10%, transparent);
    }
  }

  .bg-\[var\(--landing-lavender\)\]\/20 {
    background-color: var(--landing-lavender);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[var\(--landing-lavender\)\]\/20 {
      background-color: color-mix(in oklab, var(--landing-lavender) 20%, transparent);
    }
  }

  .bg-\[var\(--landing-lavender\)\]\/\[0\.045\] {
    background-color: var(--landing-lavender);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[var\(--landing-lavender\)\]\/\[0\.045\] {
      background-color: color-mix(in oklab, var(--landing-lavender) 4.5%, transparent);
    }
  }

  .bg-\[var\(--landing-violet\)\] {
    background-color: var(--landing-violet);
  }

  .bg-black\/10 {
    background-color: #0000001a;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/10 {
      background-color: color-mix(in oklab, var(--color-black) 10%, transparent);
    }
  }

  .bg-black\/50 {
    background-color: #00000080;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/50 {
      background-color: color-mix(in oklab, var(--color-black) 50%, transparent);
    }
  }

  .bg-black\/80 {
    background-color: #000c;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/80 {
      background-color: color-mix(in oklab, var(--color-black) 80%, transparent);
    }
  }

  .bg-blue-500 {
    background-color: var(--color-blue-500);
  }

  .bg-current {
    background-color: currentColor;
  }

  .bg-gray-200 {
    background-color: var(--color-gray-200);
  }

  .bg-transparent {
    background-color: #0000;
  }

  .bg-white {
    background-color: var(--color-white);
  }

  .bg-white\/\[0\.015\] {
    background-color: #ffffff04;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-white\/\[0\.015\] {
      background-color: color-mix(in oklab, var(--color-white) 1.5%, transparent);
    }
  }

  .bg-linear-to-b {
    --tw-gradient-position: to bottom;
  }

  @supports (background-image: linear-gradient(in lab, red, red)) {
    .bg-linear-to-b {
      --tw-gradient-position: to bottom in oklab;
    }
  }

  .bg-linear-to-b {
    background-image: linear-gradient(var(--tw-gradient-stops));
  }

  .bg-linear-to-br {
    --tw-gradient-position: to bottom right;
  }

  @supports (background-image: linear-gradient(in lab, red, red)) {
    .bg-linear-to-br {
      --tw-gradient-position: to bottom right in oklab;
    }
  }

  .bg-linear-to-br {
    background-image: linear-gradient(var(--tw-gradient-stops));
  }

  .bg-linear-to-r {
    --tw-gradient-position: to right;
  }

  @supports (background-image: linear-gradient(in lab, red, red)) {
    .bg-linear-to-r {
      --tw-gradient-position: to right in oklab;
    }
  }

  .bg-linear-to-r {
    background-image: linear-gradient(var(--tw-gradient-stops));
  }

  .bg-gradient-to-r {
    --tw-gradient-position: to right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }

  .bg-gradient-to-t {
    --tw-gradient-position: to top in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }

  .\[background-image\:radial-gradient\(var\(--ide-border-subtle\)_1px\,transparent_1px\)\] {
    background-image: radial-gradient(var(--ide-border-subtle) 1px,transparent 1px);
  }

  .\[background-image\:var\(--user-avatar-bg\)\] {
    background-image: var(--user-avatar-bg);
  }

  .bg-\[linear-gradient\(0deg\,color-mix\(in_srgb\,var\(--ide-error\)_8\%\,transparent\)\,color-mix\(in_srgb\,var\(--ide-error\)_8\%\,transparent\)\)\,var\(--ide-surface-container-low\)\] {
    background-image: linear-gradient(0deg,var(--ide-error),var(--ide-error)),var(--ide-surface-container-low);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[linear-gradient\(0deg\,color-mix\(in_srgb\,var\(--ide-error\)_8\%\,transparent\)\,color-mix\(in_srgb\,var\(--ide-error\)_8\%\,transparent\)\)\,var\(--ide-surface-container-low\)\] {
      background-image: linear-gradient(0deg,color-mix(in srgb,var(--ide-error) 8%,transparent),color-mix(in srgb,var(--ide-error) 8%,transparent)),var(--ide-surface-container-low);
    }
  }

  .bg-\[linear-gradient\(0deg\,color-mix\(in_srgb\,var\(--ide-success\)_8\%\,transparent\)\,color-mix\(in_srgb\,var\(--ide-success\)_8\%\,transparent\)\)\,var\(--ide-surface-container-low\)\] {
    background-image: linear-gradient(0deg,var(--ide-success),var(--ide-success)),var(--ide-surface-container-low);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[linear-gradient\(0deg\,color-mix\(in_srgb\,var\(--ide-success\)_8\%\,transparent\)\,color-mix\(in_srgb\,var\(--ide-success\)_8\%\,transparent\)\)\,var\(--ide-surface-container-low\)\] {
      background-image: linear-gradient(0deg,color-mix(in srgb,var(--ide-success) 8%,transparent),color-mix(in srgb,var(--ide-success) 8%,transparent)),var(--ide-surface-container-low);
    }
  }

  .bg-\[linear-gradient\(90deg\,color-mix\(in_srgb\,var\(--ide-primary\)_18\%\,transparent\)\,var\(--ide-primary\)\,var\(--ide-secondary\)\,color-mix\(in_srgb\,var\(--ide-primary\)_18\%\,transparent\)\)\] {
    background-image: linear-gradient(90deg,var(--ide-primary),var(--ide-primary),var(--ide-secondary),var(--ide-primary));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-\[linear-gradient\(90deg\,color-mix\(in_srgb\,var\(--ide-primary\)_18\%\,transparent\)\,var\(--ide-primary\)\,var\(--ide-secondary\)\,color-mix\(in_srgb\,var\(--ide-primary\)_18\%\,transparent\)\)\] {
      background-image: linear-gradient(90deg,color-mix(in srgb,var(--ide-primary) 18%,transparent),var(--ide-primary),var(--ide-secondary),color-mix(in srgb,var(--ide-primary) 18%,transparent));
    }
  }

  .bg-\[radial-gradient\(circle_at_20\%_15\%\,rgba\(203\,190\,255\,0\.26\)\,transparent_32\%\)\,linear-gradient\(0deg\,var\(--ide-surface-container-high\)\,transparent_56\%\)\] {
    background-image: radial-gradient(circle at 20% 15%,#cbbeff42,transparent 32%),linear-gradient(0deg,var(--ide-surface-container-high),transparent 56%);
  }

  .bg-\[radial-gradient\(circle_at_top\,\#2b2d30_0\,transparent_32rem\)\,linear-gradient\(rgba\(255\,255\,255\,0\.025\)_1px\,transparent_1px\)\,linear-gradient\(90deg\,rgba\(255\,255\,255\,0\.025\)_1px\,transparent_1px\)\] {
    background-image: radial-gradient(circle at top, #2b2d30 0, #0000 32rem), linear-gradient(#ffffff06 1px, #0000 1px), linear-gradient(90deg, #ffffff06 1px, #0000 1px);
  }

  .bg-\[radial-gradient\(ellipse_at_0\%_0\%\,rgba\(157\,111\,225\,0\.13\)\,transparent_70\%\)\,radial-gradient\(ellipse_at_100\%_100\%\,rgba\(107\,117\,168\,0\.15\)\,transparent_70\%\)\] {
    background-image: radial-gradient(at 0 0, #9d6fe121, #0000 70%), radial-gradient(at 100% 100%, #6b75a826, #0000 70%);
  }

  .bg-\[radial-gradient\(ellipse_at_0\%_0\%\,rgba\(158\,111\,226\,0\.16\)\,transparent_65\%\)\,radial-gradient\(ellipse_at_100\%_100\%\,rgba\(105\,116\,161\,0\.10\)\,transparent_55\%\)\] {
    background-image: radial-gradient(at 0 0, #9e6fe229, #0000 65%), radial-gradient(at 100% 100%, #6974a11a, #0000 55%);
  }

  .bg-\[radial-gradient\(ellipse_at_50\%_26\%\,rgba\(91\,59\,157\,0\.12\)\,transparent_63\%\)\] {
    background-image: radial-gradient(at 50% 26%, #5b3b9d1f, #0000 63%);
  }

  .bg-\[radial-gradient\(ellipse_at_100\%_0\%\,rgba\(69\,160\,211\,0\.17\)\,transparent_65\%\)\,radial-gradient\(ellipse_at_0\%_100\%\,rgba\(132\,82\,220\,0\.08\)\,transparent_55\%\)\] {
    background-image: radial-gradient(at 100% 0, #45a0d32b, #0000 65%), radial-gradient(at 0 100%, #8452dc14, #0000 55%);
  }

  .bg-\[radial-gradient\(ellipse_at_100\%_100\%\,rgba\(128\,84\,220\,0\.19\)\,transparent_65\%\)\,radial-gradient\(ellipse_at_0\%_0\%\,rgba\(69\,213\,239\,0\.08\)\,transparent_55\%\)\] {
    background-image: radial-gradient(at 100% 100%, #8054dc30, #0000 65%), radial-gradient(at 0 0, #45d5ef14, #0000 55%);
  }

  .bg-\[radial-gradient\(ellipse_at_100\%_100\%\,rgba\(173\,134\,57\,0\.13\)\,transparent_65\%\)\,radial-gradient\(ellipse_at_0\%_0\%\,rgba\(133\,141\,159\,0\.06\)\,transparent_55\%\)\] {
    background-image: radial-gradient(at 100% 100%, #ad863921, #0000 65%), radial-gradient(at 0 0, #858d9f0f, #0000 55%);
  }

  .bg-\[repeating-conic-gradient\(rgba\(177\,181\,189\,0\.48\)_0_25\%\,rgba\(112\,119\,132\,0\.5\)_0_50\%\)\] {
    background-image: repeating-conic-gradient(#b1b5bd7a 0 25%,#70778480 0 50%);
  }

  .bg-\[repeating-conic-gradient\(var\(--ide-board-light\)_0_25\%\,var\(--ide-board-dark\)_0_50\%\)\] {
    background-image: repeating-conic-gradient(var(--ide-board-light) 0 25%,var(--ide-board-dark) 0 50%);
  }

  .from-\[\#20212d\] {
    --tw-gradient-from: #20212d;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-\[\#ac83f5\] {
    --tw-gradient-from: #ac83f5;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-\[\#bb9af3\] {
    --tw-gradient-from: #bb9af3;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-\[\#bc9aef\] {
    --tw-gradient-from: #bc9aef;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-\[var\(--ide-surface-container-high\)\] {
    --tw-gradient-from: var(--ide-surface-container-high);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-\[var\(--landing-cyan\)\]\/60 {
    --tw-gradient-from: var(--landing-cyan);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .from-\[var\(--landing-cyan\)\]\/60 {
      --tw-gradient-from: color-mix(in oklab, var(--landing-cyan) 60%, transparent);
    }
  }

  .from-\[var\(--landing-cyan\)\]\/60 {
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .from-\[var\(--landing-lavender\)\]\/60 {
    --tw-gradient-from: var(--landing-lavender);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .from-\[var\(--landing-lavender\)\]\/60 {
      --tw-gradient-from: color-mix(in oklab, var(--landing-lavender) 60%, transparent);
    }
  }

  .from-\[var\(--landing-lavender\)\]\/60 {
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .via-\[\#bea2fc\] {
    --tw-gradient-via: #bea2fc;
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }

  .to-\[\#181a24\] {
    --tw-gradient-to: #181a24;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-\[\#cbb5ff\] {
    --tw-gradient-to: #cbb5ff;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-\[\#d3c2ff\] {
    --tw-gradient-to: #d3c2ff;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-\[\#d4c1ff\] {
    --tw-gradient-to: #d4c1ff;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-\[var\(--landing-gold\)\]\/20 {
    --tw-gradient-to: var(--landing-gold);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .to-\[var\(--landing-gold\)\]\/20 {
      --tw-gradient-to: color-mix(in oklab, var(--landing-gold) 20%, transparent);
    }
  }

  .to-\[var\(--landing-gold\)\]\/20 {
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-\[var\(--landing-lavender\)\]\/20 {
    --tw-gradient-to: var(--landing-lavender);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .to-\[var\(--landing-lavender\)\]\/20 {
      --tw-gradient-to: color-mix(in oklab, var(--landing-lavender) 20%, transparent);
    }
  }

  .to-\[var\(--landing-lavender\)\]\/20 {
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .to-transparent {
    --tw-gradient-to: transparent;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }

  .\[background-size\:9px_9px\] {
    background-size: 9px 9px;
  }

  .\[background-size\:22px_22px\] {
    background-size: 22px 22px;
  }

  .\[background-size\:44px_44px\] {
    background-size: 44px 44px;
  }

  .\[background-size\:var\(--ide-course-card-checker-size\)_var\(--ide-course-card-checker-size\)\] {
    background-size: var(--ide-course-card-checker-size) var(--ide-course-card-checker-size);
  }

  .bg-\[length\:auto\,44px_44px\,44px_44px\] {
    background-size: auto, 44px 44px, 44px 44px;
  }

  .bg-contain {
    background-size: contain;
  }

  .bg-clip-text {
    -webkit-background-clip: text;
    background-clip: text;
  }

  .bg-center {
    background-position: 50%;
  }

  .bg-no-repeat {
    background-repeat: no-repeat;
  }

  .fill-current {
    fill: currentColor;
  }

  .object-contain {
    object-fit: contain;
  }

  .object-cover {
    object-fit: cover;
  }

  .\!p-0 {
    padding: calc(var(--spacing) * 0) !important;
  }

  .p-0 {
    padding: calc(var(--spacing) * 0);
  }

  .p-1 {
    padding: calc(var(--spacing) * 1);
  }

  .p-1\.5 {
    padding: calc(var(--spacing) * 1.5);
  }

  .p-2 {
    padding: calc(var(--spacing) * 2);
  }

  .p-3 {
    padding: calc(var(--spacing) * 3);
  }

  .p-3\.5 {
    padding: calc(var(--spacing) * 3.5);
  }

  .p-4 {
    padding: calc(var(--spacing) * 4);
  }

  .p-5 {
    padding: calc(var(--spacing) * 5);
  }

  .p-6 {
    padding: calc(var(--spacing) * 6);
  }

  .p-8 {
    padding: calc(var(--spacing) * 8);
  }

  .p-\[var\(--ide-panel-padding\)\] {
    padding: var(--ide-panel-padding);
  }

  .p-\[var\(--ide-panel-padding-lg\)\] {
    padding: var(--ide-panel-padding-lg);
  }

  .p-\[var\(--learn-board-padding\)\] {
    padding: var(--learn-board-padding);
  }

  .p-\[var\(--line-editor-board-padding\)\] {
    padding: var(--line-editor-board-padding);
  }

  .\!px-0 {
    padding-inline: calc(var(--spacing) * 0) !important;
  }

  .\!px-4 {
    padding-inline: calc(var(--spacing) * 4) !important;
  }

  .px-0\.5 {
    padding-inline: calc(var(--spacing) * .5);
  }

  .px-1 {
    padding-inline: calc(var(--spacing) * 1);
  }

  .px-1\.5 {
    padding-inline: calc(var(--spacing) * 1.5);
  }

  .px-2 {
    padding-inline: calc(var(--spacing) * 2);
  }

  .px-2\.5 {
    padding-inline: calc(var(--spacing) * 2.5);
  }

  .px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }

  .px-3\.5 {
    padding-inline: calc(var(--spacing) * 3.5);
  }

  .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }

  .px-5 {
    padding-inline: calc(var(--spacing) * 5);
  }

  .px-6 {
    padding-inline: calc(var(--spacing) * 6);
  }

  .px-7 {
    padding-inline: calc(var(--spacing) * 7);
  }

  .px-8 {
    padding-inline: calc(var(--spacing) * 8);
  }

  .px-10 {
    padding-inline: calc(var(--spacing) * 10);
  }

  .px-\[5px\] {
    padding-inline: 5px;
  }

  .px-\[9px\] {
    padding-inline: 9px;
  }

  .px-\[18px\] {
    padding-inline: 18px;
  }

  .px-\[var\(--ide-panel-padding\)\] {
    padding-inline: var(--ide-panel-padding);
  }

  .\!py-0 {
    padding-block: calc(var(--spacing) * 0) !important;
  }

  .\!py-0\.5 {
    padding-block: calc(var(--spacing) * .5) !important;
  }

  .\!py-1 {
    padding-block: calc(var(--spacing) * 1) !important;
  }

  .\!py-2 {
    padding-block: calc(var(--spacing) * 2) !important;
  }

  .py-0 {
    padding-block: calc(var(--spacing) * 0);
  }

  .py-0\.5 {
    padding-block: calc(var(--spacing) * .5);
  }

  .py-1 {
    padding-block: calc(var(--spacing) * 1);
  }

  .py-1\.5 {
    padding-block: calc(var(--spacing) * 1.5);
  }

  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }

  .py-2\.5 {
    padding-block: calc(var(--spacing) * 2.5);
  }

  .py-3 {
    padding-block: calc(var(--spacing) * 3);
  }

  .py-3\.5 {
    padding-block: calc(var(--spacing) * 3.5);
  }

  .py-4 {
    padding-block: calc(var(--spacing) * 4);
  }

  .py-5 {
    padding-block: calc(var(--spacing) * 5);
  }

  .py-6 {
    padding-block: calc(var(--spacing) * 6);
  }

  .py-8 {
    padding-block: calc(var(--spacing) * 8);
  }

  .py-\[3px\] {
    padding-block: 3px;
  }

  .py-px {
    padding-block: 1px;
  }

  .pt-0 {
    padding-top: calc(var(--spacing) * 0);
  }

  .pt-0\.5 {
    padding-top: calc(var(--spacing) * .5);
  }

  .pt-1 {
    padding-top: calc(var(--spacing) * 1);
  }

  .pt-2 {
    padding-top: calc(var(--spacing) * 2);
  }

  .pt-2\.5 {
    padding-top: calc(var(--spacing) * 2.5);
  }

  .pt-3 {
    padding-top: calc(var(--spacing) * 3);
  }

  .pt-3\.5 {
    padding-top: calc(var(--spacing) * 3.5);
  }

  .pt-4 {
    padding-top: calc(var(--spacing) * 4);
  }

  .pt-5 {
    padding-top: calc(var(--spacing) * 5);
  }

  .pt-6 {
    padding-top: calc(var(--spacing) * 6);
  }

  .pt-8 {
    padding-top: calc(var(--spacing) * 8);
  }

  .\!pr-7 {
    padding-right: calc(var(--spacing) * 7) !important;
  }

  .pr-1 {
    padding-right: calc(var(--spacing) * 1);
  }

  .pr-1\.5 {
    padding-right: calc(var(--spacing) * 1.5);
  }

  .pr-2 {
    padding-right: calc(var(--spacing) * 2);
  }

  .pr-3 {
    padding-right: calc(var(--spacing) * 3);
  }

  .pr-9 {
    padding-right: calc(var(--spacing) * 9);
  }

  .pr-11 {
    padding-right: calc(var(--spacing) * 11);
  }

  .\!pb-2 {
    padding-bottom: calc(var(--spacing) * 2) !important;
  }

  .pb-1\.5 {
    padding-bottom: calc(var(--spacing) * 1.5);
  }

  .pb-2 {
    padding-bottom: calc(var(--spacing) * 2);
  }

  .pb-2\.5 {
    padding-bottom: calc(var(--spacing) * 2.5);
  }

  .pb-3 {
    padding-bottom: calc(var(--spacing) * 3);
  }

  .pb-3\.5 {
    padding-bottom: calc(var(--spacing) * 3.5);
  }

  .pb-4 {
    padding-bottom: calc(var(--spacing) * 4);
  }

  .pb-6 {
    padding-bottom: calc(var(--spacing) * 6);
  }

  .pb-20 {
    padding-bottom: calc(var(--spacing) * 20);
  }

  .pb-\[max\(12px\,env\(safe-area-inset-bottom\)\)\] {
    padding-bottom: max(12px, env(safe-area-inset-bottom));
  }

  .pb-\[max\(16px\,env\(safe-area-inset-bottom\)\)\] {
    padding-bottom: max(16px, env(safe-area-inset-bottom));
  }

  .\!pl-\[calc\(0\.35rem\+var\(--learn-tree-depth\)\*0\.75rem\)\] {
    padding-left: calc(.35rem + var(--learn-tree-depth) * .75rem) !important;
  }

  .\!pl-\[calc\(0\.35rem\+var\(--learn-tree-depth\)\*0\.625rem\)\] {
    padding-left: calc(.35rem + var(--learn-tree-depth) * .625rem) !important;
  }

  .pl-0 {
    padding-left: calc(var(--spacing) * 0);
  }

  .pl-1 {
    padding-left: calc(var(--spacing) * 1);
  }

  .pl-3 {
    padding-left: calc(var(--spacing) * 3);
  }

  .pl-4 {
    padding-left: calc(var(--spacing) * 4);
  }

  .pl-5 {
    padding-left: calc(var(--spacing) * 5);
  }

  .pl-6 {
    padding-left: calc(var(--spacing) * 6);
  }

  .pl-9 {
    padding-left: calc(var(--spacing) * 9);
  }

  .pl-10 {
    padding-left: calc(var(--spacing) * 10);
  }

  .pl-\[calc\(0\.35rem\+var\(--learn-tree-depth\)\*0\.75rem\)\] {
    padding-left: calc(.35rem + var(--learn-tree-depth) * .75rem);
  }

  .pl-\[calc\(0\.35rem\+var\(--learn-tree-depth\)\*0\.95rem\)\] {
    padding-left: calc(.35rem + var(--learn-tree-depth) * .95rem);
  }

  .text-center {
    text-align: center;
  }

  .text-left {
    text-align: left;
  }

  .text-right {
    text-align: right;
  }

  .align-baseline {
    vertical-align: baseline;
  }

  .align-text-bottom {
    vertical-align: text-bottom;
  }

  .align-top {
    vertical-align: top;
  }

  .\[font-family\:inherit\] {
    font-family: inherit;
  }

  .\[font-family\:var\(--font-landing\)\] {
    font-family: var(--font-landing);
  }

  .\[font-family\:var\(--ide-font-body\)\] {
    font-family: var(--ide-font-body);
  }

  .\[font-family\:var\(--ide-font-brand\)\] {
    font-family: var(--ide-font-brand);
  }

  .\[font-family\:var\(--ide-font-mono\)\], .font-\[family-name\:var\(--ide-font-mono\)\] {
    font-family: var(--ide-font-mono);
  }

  .font-mono {
    font-family: var(--font-mono);
  }

  .text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }

  .text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }

  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }

  .\!text-\[length\:var\(--ide-text-caption\)\] {
    font-size: var(--ide-text-caption) !important;
  }

  .\!text-\[length\:var\(--ide-text-title-sm\)\] {
    font-size: var(--ide-text-title-sm) !important;
  }

  .\[font-size\:20px\] {
    font-size: 20px;
  }

  .\[font-size\:inherit\] {
    font-size: inherit;
  }

  .text-\[9px\] {
    font-size: 9px;
  }

  .text-\[12px\] {
    font-size: 12px;
  }

  .text-\[13px\] {
    font-size: 13px;
  }

  .text-\[14px\] {
    font-size: 14px;
  }

  .text-\[16px\] {
    font-size: 16px;
  }

  .text-\[22px\] {
    font-size: 22px;
  }

  .text-\[23px\] {
    font-size: 23px;
  }

  .text-\[27px\] {
    font-size: 27px;
  }

  .text-\[28px\] {
    font-size: 28px;
  }

  .text-\[30px\] {
    font-size: 30px;
  }

  .text-\[clamp\(29px\,8\.75vw\,38px\)\] {
    font-size: clamp(29px, 8.75vw, 38px);
  }

  .text-\[length\:var\(--ide-text-article-heading\)\] {
    font-size: var(--ide-text-article-heading);
  }

  .text-\[length\:var\(--ide-text-article-title\)\] {
    font-size: var(--ide-text-article-title);
  }

  .text-\[length\:var\(--ide-text-avatar\)\] {
    font-size: var(--ide-text-avatar);
  }

  .text-\[length\:var\(--ide-text-avatar-profile\)\] {
    font-size: var(--ide-text-avatar-profile);
  }

  .text-\[length\:var\(--ide-text-body\)\] {
    font-size: var(--ide-text-body);
  }

  .text-\[length\:var\(--ide-text-body-sm\)\] {
    font-size: var(--ide-text-body-sm);
  }

  .text-\[length\:var\(--ide-text-brand\)\] {
    font-size: var(--ide-text-brand);
  }

  .text-\[length\:var\(--ide-text-brand-lg\)\] {
    font-size: var(--ide-text-brand-lg);
  }

  .text-\[length\:var\(--ide-text-breadcrumb\)\] {
    font-size: var(--ide-text-breadcrumb);
  }

  .text-\[length\:var\(--ide-text-caption\)\] {
    font-size: var(--ide-text-caption);
  }

  .text-\[length\:var\(--ide-text-code\)\] {
    font-size: var(--ide-text-code);
  }

  .text-\[length\:var\(--ide-text-control\)\] {
    font-size: var(--ide-text-control);
  }

  .text-\[length\:var\(--ide-text-glyph-lg\)\] {
    font-size: var(--ide-text-glyph-lg);
  }

  .text-\[length\:var\(--ide-text-glyph-md\)\] {
    font-size: var(--ide-text-glyph-md);
  }

  .text-\[length\:var\(--ide-text-glyph-sm\)\] {
    font-size: var(--ide-text-glyph-sm);
  }

  .text-\[length\:var\(--ide-text-inspector-tab\)\] {
    font-size: var(--ide-text-inspector-tab);
  }

  .text-\[length\:var\(--ide-text-label\)\] {
    font-size: var(--ide-text-label);
  }

  .text-\[length\:var\(--ide-text-micro\)\] {
    font-size: var(--ide-text-micro);
  }

  .text-\[length\:var\(--ide-text-promotion-cancel\)\] {
    font-size: var(--ide-text-promotion-cancel);
  }

  .text-\[length\:var\(--ide-text-promotion-piece\)\] {
    font-size: var(--ide-text-promotion-piece);
  }

  .text-\[length\:var\(--ide-text-setup-piece\)\] {
    font-size: var(--ide-text-setup-piece);
  }

  .text-\[length\:var\(--ide-text-title-sm\)\] {
    font-size: var(--ide-text-title-sm);
  }

  .\!leading-\[var\(--ide-line-article\)\] {
    --tw-leading: var(--ide-line-article) !important;
    line-height: var(--ide-line-article) !important;
  }

  .\!leading-\[var\(--ide-line-title-sm\)\] {
    --tw-leading: var(--ide-line-title-sm) !important;
    line-height: var(--ide-line-title-sm) !important;
  }

  .leading-3 {
    --tw-leading: calc(var(--spacing) * 3);
    line-height: calc(var(--spacing) * 3);
  }

  .leading-5 {
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
  }

  .leading-9 {
    --tw-leading: calc(var(--spacing) * 9);
    line-height: calc(var(--spacing) * 9);
  }

  .leading-\[1\.15\] {
    --tw-leading: 1.15;
    line-height: 1.15;
  }

  .leading-\[17px\] {
    --tw-leading: 17px;
    line-height: 17px;
  }

  .leading-\[21px\] {
    --tw-leading: 21px;
    line-height: 21px;
  }

  .leading-\[22px\] {
    --tw-leading: 22px;
    line-height: 22px;
  }

  .leading-\[29px\] {
    --tw-leading: 29px;
    line-height: 29px;
  }

  .leading-\[34px\] {
    --tw-leading: 34px;
    line-height: 34px;
  }

  .leading-\[inherit\] {
    --tw-leading: inherit;
    line-height: inherit;
  }

  .leading-\[var\(--ide-line-article-heading\)\] {
    --tw-leading: var(--ide-line-article-heading);
    line-height: var(--ide-line-article-heading);
  }

  .leading-\[var\(--ide-line-article-title\)\] {
    --tw-leading: var(--ide-line-article-title);
    line-height: var(--ide-line-article-title);
  }

  .leading-\[var\(--ide-line-body\)\] {
    --tw-leading: var(--ide-line-body);
    line-height: var(--ide-line-body);
  }

  .leading-\[var\(--ide-line-body-sm\)\] {
    --tw-leading: var(--ide-line-body-sm);
    line-height: var(--ide-line-body-sm);
  }

  .leading-\[var\(--ide-line-brand\)\] {
    --tw-leading: var(--ide-line-brand);
    line-height: var(--ide-line-brand);
  }

  .leading-\[var\(--ide-line-breadcrumb\)\] {
    --tw-leading: var(--ide-line-breadcrumb);
    line-height: var(--ide-line-breadcrumb);
  }

  .leading-\[var\(--ide-line-caption\)\] {
    --tw-leading: var(--ide-line-caption);
    line-height: var(--ide-line-caption);
  }

  .leading-\[var\(--ide-line-code\)\] {
    --tw-leading: var(--ide-line-code);
    line-height: var(--ide-line-code);
  }

  .leading-\[var\(--ide-line-control\)\] {
    --tw-leading: var(--ide-line-control);
    line-height: var(--ide-line-control);
  }

  .leading-\[var\(--ide-line-glyph\)\] {
    --tw-leading: var(--ide-line-glyph);
    line-height: var(--ide-line-glyph);
  }

  .leading-\[var\(--ide-line-label\)\] {
    --tw-leading: var(--ide-line-label);
    line-height: var(--ide-line-label);
  }

  .leading-\[var\(--ide-line-micro\)\] {
    --tw-leading: var(--ide-line-micro);
    line-height: var(--ide-line-micro);
  }

  .leading-\[var\(--ide-line-reading\)\] {
    --tw-leading: var(--ide-line-reading);
    line-height: var(--ide-line-reading);
  }

  .leading-\[var\(--ide-line-title-sm\)\] {
    --tw-leading: var(--ide-line-title-sm);
    line-height: var(--ide-line-title-sm);
  }

  .leading-none {
    --tw-leading: 1;
    line-height: 1;
  }

  .\[line-height\:inherit\] {
    line-height: inherit;
  }

  .\[line-height\:normal\] {
    line-height: normal;
  }

  .\!font-normal {
    --tw-font-weight: var(--font-weight-normal) !important;
    font-weight: var(--font-weight-normal) !important;
  }

  .font-\[var\(--ide-font-mono\)\] {
    --tw-font-weight: var(--ide-font-mono);
    font-weight: var(--ide-font-mono);
  }

  .font-\[var\(--ide-font-weight-control\)\] {
    --tw-font-weight: var(--ide-font-weight-control);
    font-weight: var(--ide-font-weight-control);
  }

  .font-\[var\(--ide-font-weight-strong\)\] {
    --tw-font-weight: var(--ide-font-weight-strong);
    font-weight: var(--ide-font-weight-strong);
  }

  .font-black {
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
  }

  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }

  .font-extrabold {
    --tw-font-weight: var(--font-weight-extrabold);
    font-weight: var(--font-weight-extrabold);
  }

  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }

  .font-normal {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }

  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }

  .\!\[font-weight\:var\(--ide-font-weight-strong\)\] {
    font-weight: var(--ide-font-weight-strong) !important;
  }

  .\[font-weight\:700\] {
    font-weight: 700;
  }

  .\[font-weight\:var\(--ide-font-weight-avatar\)\] {
    font-weight: var(--ide-font-weight-avatar);
  }

  .\[font-weight\:var\(--ide-font-weight-brand\)\] {
    font-weight: var(--ide-font-weight-brand);
  }

  .\[font-weight\:var\(--ide-font-weight-control\)\] {
    font-weight: var(--ide-font-weight-control);
  }

  .\[font-weight\:var\(--ide-font-weight-glyph\)\] {
    font-weight: var(--ide-font-weight-glyph);
  }

  .\[font-weight\:var\(--ide-font-weight-regular\)\] {
    font-weight: var(--ide-font-weight-regular);
  }

  .\[font-weight\:var\(--ide-font-weight-strong\)\] {
    font-weight: var(--ide-font-weight-strong);
  }

  .tracking-\[-0\.2px\] {
    --tw-tracking: -.2px;
    letter-spacing: -.2px;
  }

  .tracking-\[-0\.8px\] {
    --tw-tracking: -.8px;
    letter-spacing: -.8px;
  }

  .tracking-\[-0\.9px\] {
    --tw-tracking: -.9px;
    letter-spacing: -.9px;
  }

  .tracking-\[-0\.25px\] {
    --tw-tracking: -.25px;
    letter-spacing: -.25px;
  }

  .tracking-\[-0\.035em\] {
    --tw-tracking: -.035em;
    letter-spacing: -.035em;
  }

  .tracking-\[-0\.65px\] {
    --tw-tracking: -.65px;
    letter-spacing: -.65px;
  }

  .tracking-\[-1px\] {
    --tw-tracking: -1px;
    letter-spacing: -1px;
  }

  .tracking-\[0\.035em\] {
    --tw-tracking: .035em;
    letter-spacing: .035em;
  }

  .tracking-normal {
    --tw-tracking: var(--tracking-normal);
    letter-spacing: var(--tracking-normal);
  }

  .tracking-tight {
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
  }

  .\[letter-spacing\:-0\.5px\] {
    letter-spacing: -.5px;
  }

  .break-normal {
    overflow-wrap: normal;
    word-break: normal;
  }

  .\[overflow-wrap\:anywhere\] {
    overflow-wrap: anywhere;
  }

  .\[overflow-wrap\:break-word\] {
    overflow-wrap: break-word;
  }

  .\[overflow-wrap\:normal\] {
    overflow-wrap: normal;
  }

  .break-words {
    overflow-wrap: break-word;
  }

  .break-all {
    word-break: break-all;
  }

  .text-ellipsis {
    text-overflow: ellipsis;
  }

  .\!whitespace-normal {
    white-space: normal !important;
  }

  .whitespace-normal {
    white-space: normal;
  }

  .whitespace-nowrap {
    white-space: nowrap;
  }

  .whitespace-pre {
    white-space: pre;
  }

  .whitespace-pre-wrap {
    white-space: pre-wrap;
  }

  .\!text-\[var\(--ide-error\)\] {
    color: var(--ide-error) !important;
  }

  .\!text-\[var\(--ide-primary\)\] {
    color: var(--ide-primary) !important;
  }

  .\!text-\[var\(--ide-social-empty\)\] {
    color: var(--ide-social-empty) !important;
  }

  .\!text-\[var\(--ide-text-on-surface\)\] {
    color: var(--ide-text-on-surface) !important;
  }

  .\!text-\[var\(--ide-text-secondary\)\] {
    color: var(--ide-text-secondary) !important;
  }

  .text-\[\#352159\] {
    color: #352159;
  }

  .text-\[\#dad0f4\] {
    color: #dad0f4;
  }

  .text-\[\#e5dcfb\] {
    color: #e5dcfb;
  }

  .text-\[inherit\] {
    color: inherit;
  }

  .text-\[var\(--ide-archive\)\] {
    color: var(--ide-archive);
  }

  .text-\[var\(--ide-code-text\)\] {
    color: var(--ide-code-text);
  }

  .text-\[var\(--ide-danger\)\] {
    color: var(--ide-danger);
  }

  .text-\[var\(--ide-due\)\] {
    color: var(--ide-due);
  }

  .text-\[var\(--ide-error\)\] {
    color: var(--ide-error);
  }

  .text-\[var\(--ide-on-primary\)\] {
    color: var(--ide-on-primary);
  }

  .text-\[var\(--ide-primary\)\] {
    color: var(--ide-primary);
  }

  .text-\[var\(--ide-primary\)\]\! {
    color: var(--ide-primary) !important;
  }

  .text-\[var\(--ide-success\)\] {
    color: var(--ide-success);
  }

  .text-\[var\(--ide-text-dim\)\] {
    color: var(--ide-text-dim);
  }

  .text-\[var\(--ide-text-muted\)\] {
    color: var(--ide-text-muted);
  }

  .text-\[var\(--ide-text-on-surface\)\] {
    color: var(--ide-text-on-surface);
  }

  .text-\[var\(--ide-text-primary\)\] {
    color: var(--ide-text-primary);
  }

  .text-\[var\(--ide-text-secondary\)\] {
    color: var(--ide-text-secondary);
  }

  .text-\[var\(--landing-cyan\)\] {
    color: var(--landing-cyan);
  }

  .text-\[var\(--landing-gold\)\] {
    color: var(--landing-gold);
  }

  .text-\[var\(--landing-ink\)\] {
    color: var(--landing-ink);
  }

  .text-\[var\(--landing-lavender\)\] {
    color: var(--landing-lavender);
  }

  .text-\[var\(--landing-muted\)\] {
    color: var(--landing-muted);
  }

  .text-\[var\(--landing-text\)\] {
    color: var(--landing-text);
  }

  .text-inherit {
    color: inherit;
  }

  .text-transparent {
    color: #0000;
  }

  .\!normal-case {
    text-transform: none !important;
  }

  .lowercase {
    text-transform: lowercase;
  }

  .normal-case {
    text-transform: none;
  }

  .uppercase {
    text-transform: uppercase;
  }

  .italic {
    font-style: italic;
  }

  .ordinal {
    --tw-ordinal: ordinal;
    font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, );
  }

  .tabular-nums {
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, );
  }

  .\[font-variant-numeric\:tabular-nums\] {
    font-variant-numeric: tabular-nums;
  }

  .no-underline {
    text-decoration-line: none;
  }

  .underline {
    text-decoration-line: underline;
  }

  .decoration-\[var\(--ide-primary-border\)\] {
    -webkit-text-decoration-color: var(--ide-primary-border);
    -webkit-text-decoration-color: var(--ide-primary-border);
    -webkit-text-decoration-color: var(--ide-primary-border);
    text-decoration-color: var(--ide-primary-border);
  }

  .underline-offset-2 {
    text-underline-offset: 2px;
  }

  .underline-offset-4 {
    text-underline-offset: 4px;
  }

  .antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  .accent-\[var\(--ide-primary\)\] {
    accent-color: var(--ide-primary);
  }

  .\[color-scheme\:dark\] {
    --lightningcss-light: ;
    --lightningcss-dark: initial;
    color-scheme: dark;
  }

  .opacity-0 {
    opacity: 0;
  }

  .opacity-55 {
    opacity: .55;
  }

  .opacity-70 {
    opacity: .7;
  }

  .opacity-80 {
    opacity: .8;
  }

  .opacity-95 {
    opacity: .95;
  }

  .opacity-100 {
    opacity: 1;
  }

  .opacity-\[var\(--ide-course-card-checker-opacity\)\] {
    opacity: var(--ide-course-card-checker-opacity);
  }

  .shadow {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-2xl {
    --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, #00000040);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_0_0_4px_var\(--ide-primary-soft\)\] {
    --tw-shadow: 0 0 0 4px var(--tw-shadow-color, var(--ide-primary-soft));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_0_0_999px_rgba\(15\,13\,19\,0\.54\)\,inset_0_0_0_1px_rgba\(0\,0\,0\,0\.45\)\,0_0_0_1px_rgba\(0\,0\,0\,0\.24\)\] {
    --tw-shadow: 0 0 0 999px var(--tw-shadow-color, #0f0d138a), inset 0 0 0 1px var(--tw-shadow-color, #00000073), 0 0 0 1px var(--tw-shadow-color, #0000003d);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_0_9px_rgba\(190\,155\,255\,0\.5\)\] {
    --tw-shadow: 0 0 9px var(--tw-shadow-color, #be9bff80);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_0_14px_color-mix\(in_srgb\,var\(--ide-primary\)_46\%\,transparent\)\] {
    --tw-shadow: 0 0 14px var(--tw-shadow-color, var(--ide-primary));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-\[0_0_14px_color-mix\(in_srgb\,var\(--ide-primary\)_46\%\,transparent\)\] {
      --tw-shadow: 0 0 14px var(--tw-shadow-color, color-mix(in srgb,var(--ide-primary) 46%,transparent));
    }
  }

  .shadow-\[0_0_14px_color-mix\(in_srgb\,var\(--ide-primary\)_46\%\,transparent\)\] {
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_3px_22px_rgba\(170\,128\,245\,0\.22\)\] {
    --tw-shadow: 0 3px 22px var(--tw-shadow-color, #aa80f538);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_3px_22px_rgba\(178\,138\,255\,0\.26\)\,inset_0_1px_0_rgba\(255\,255\,255\,0\.18\)\] {
    --tw-shadow: 0 3px 22px var(--tw-shadow-color, #b28aff42), inset 0 1px 0 var(--tw-shadow-color, #ffffff2e);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_4px_12px_rgba\(0\,0\,0\,0\.38\)\] {
    --tw-shadow: 0 4px 12px var(--tw-shadow-color, #00000061);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_5px_18px_rgba\(0\,0\,0\,0\.1\)\] {
    --tw-shadow: 0 5px 18px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_12px_26px_rgba\(0\,0\,0\,0\.45\)\] {
    --tw-shadow: 0 12px 26px var(--tw-shadow-color, #00000073);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_12px_28px_rgba\(0\,0\,0\,0\.32\)\] {
    --tw-shadow: 0 12px 28px var(--tw-shadow-color, #00000052);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_12px_28px_rgba\(0\,0\,0\,0\.46\)\] {
    --tw-shadow: 0 12px 28px var(--tw-shadow-color, #00000075);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_14px_28px_rgba\(0\,0\,0\,0\.32\)\] {
    --tw-shadow: 0 14px 28px var(--tw-shadow-color, #00000052);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_16px_34px_rgba\(0\,0\,0\,0\.5\)\] {
    --tw-shadow: 0 16px 34px var(--tw-shadow-color, #00000080);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_16px_34px_rgba\(0\,0\,0\,0\.38\)\] {
    --tw-shadow: 0 16px 34px var(--tw-shadow-color, #00000061);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_16px_36px_rgba\(0\,0\,0\,0\.32\)\] {
    --tw-shadow: 0 16px 36px var(--tw-shadow-color, #00000052);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_18px_36px_rgba\(0\,0\,0\,0\.42\)\] {
    --tw-shadow: 0 18px 36px var(--tw-shadow-color, #0000006b);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_18px_42px_rgba\(0\,0\,0\,0\.5\)\] {
    --tw-shadow: 0 18px 42px var(--tw-shadow-color, #00000080);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_18px_42px_rgba\(0\,0\,0\,0\.32\)\] {
    --tw-shadow: 0 18px 42px var(--tw-shadow-color, #00000052);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_22px_48px_rgba\(0\,0\,0\,0\.46\)\] {
    --tw-shadow: 0 22px 48px var(--tw-shadow-color, #00000075);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_26px_70px_rgba\(0\,0\,0\,0\.45\)\] {
    --tw-shadow: 0 26px 70px var(--tw-shadow-color, #00000073);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_28px_54px_rgba\(0\,0\,0\,0\.62\)\,0_0_0_1px_var\(--ide-border-subtle\)\] {
    --tw-shadow: 0 28px 54px var(--tw-shadow-color, #0000009e), 0 0 0 1px var(--tw-shadow-color, var(--ide-border-subtle));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_28px_72px_rgba\(0\,0\,0\,0\.7\)\] {
    --tw-shadow: 0 28px 72px var(--tw-shadow-color, #000000b3);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[inset_0_0_0_1px_rgba\(0\,0\,0\,0\.45\)\,0_0_0_1px_rgba\(0\,0\,0\,0\.24\)\] {
    --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, #00000073), 0 0 0 1px var(--tw-shadow-color, #0000003d);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[inset_0_0_0_1px_rgba\(255\,255\,255\,0\.02\)\] {
    --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, #ffffff05);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[inset_0_1px_0_rgba\(255\,255\,255\,0\.03\)\] {
    --tw-shadow: inset 0 1px 0 var(--tw-shadow-color, #ffffff08);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[var\(--ide-assistant-shadow\)\] {
    --tw-shadow: var(--ide-assistant-shadow);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-lg {
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-none {
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-sm, .shadow\/background\. {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .ring, .ring-1 {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-black\/35 {
    --tw-shadow-color: #00000059;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .shadow-black\/35 {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 35%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }

  .ring-\[var\(--ide-border-subtle\)\] {
    --tw-ring-color: var(--ide-border-subtle);
  }

  .ring-\[var\(--ide-primary-border\)\] {
    --tw-ring-color: var(--ide-primary-border);
  }

  .outline, .outline-1 {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }

  .outline-\[var\(--ide-primary-border\)\] {
    outline-color: var(--ide-primary-border);
  }

  .blur {
    --tw-blur: blur(8px);
    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, );
  }

  .\!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, ) !important;
  }

  .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, );
  }

  .backdrop-blur-\[1px\] {
    --tw-backdrop-blur: blur(1px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  }

  .backdrop-blur-xl {
    --tw-backdrop-blur: blur(var(--blur-xl));
    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  }

  .transition {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[border-color\,background-color\,color\,box-shadow\] {
    transition-property: border-color, background-color, color, box-shadow;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[box-shadow\,filter\,transform\] {
    transition-property: box-shadow, filter, transform;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[color\,opacity\] {
    transition-property: color, opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[left\,right\,background-color\] {
    transition-property: left, right, background-color;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[opacity\,transform\] {
    transition-property: opacity, transform;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-all {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-colors {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-opacity {
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-transform {
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .duration-100 {
    --tw-duration: .1s;
    transition-duration: .1s;
  }

  .duration-200 {
    --tw-duration: .2s;
    transition-duration: .2s;
  }

  .ease-linear {
    --tw-ease: linear;
    transition-timing-function: linear;
  }

  .will-change-transform {
    will-change: transform;
  }

  .outline-none {
    --tw-outline-style: none;
    outline-style: none;
  }

  .select-none {
    -webkit-user-select: none;
    user-select: none;
  }

  .\!\[--ide-left-width-current\:var\(--ide-left-width\)\] {
    --ide-left-width-current: var(--ide-left-width) !important;
  }

  .\!\[--ide-right-width-current\:var\(--ide-right-width\)\] {
    --ide-right-width-current: var(--ide-right-width) !important;
  }

  .\[--ide-primary\:var\(--ide-text-secondary\)\] {
    --ide-primary: var(--ide-text-secondary);
  }

  .\[--learn-board-size\:var\(--learn-board-desktop-size\)\] {
    --learn-board-size: var(--learn-board-desktop-size);
  }

  .\[--line-editor-board-default-size\:min\(100\%\,420px\,calc\(100vh_-_330px\)\)\] {
    --line-editor-board-default-size: min(100%, 420px, calc(100vh - 330px));
  }

  .\[--line-editor-board-size\:max\(var\(--line-editor-board-min-size\)\,min\(100cqh\,calc\(100\%_-_\(var\(--line-editor-spare-panel-width\)_\*_2\)_-_\(var\(--line-editor-setup-gap\)_\*_2\)\)\)\)\] {
    --line-editor-board-size: max(var(--line-editor-board-min-size), min(100cqh, calc(100% - (var(--line-editor-spare-panel-width) * 2) - (var(--line-editor-setup-gap) * 2))));
  }

  .\[--line-editor-setup-piece-button-size\:min\(calc\(var\(--line-editor-spare-panel-width\,62px\)_-_8px\)\,calc\(var\(--line-editor-setup-board-height\,calc\(\(var\(--line-editor-spare-panel-width\,62px\)_-_8px\)_\*_8\)\)_\/_8\)\)\] {
    --line-editor-setup-piece-button-size: min(calc(var(--line-editor-spare-panel-width, 62px) - 8px), calc(var(--line-editor-setup-board-height, calc((var(--line-editor-spare-panel-width, 62px) - 8px) * 8)) / 8));
  }

  .\[-webkit-box-orient\:vertical\] {
    -webkit-box-orient: vertical;
  }

  .\[-webkit-line-clamp\:2\] {
    -webkit-line-clamp: 2;
  }

  .\[font\:inherit\] {
    font: inherit;
  }

  .\[overflow-anchor\:none\] {
    overflow-anchor: none;
  }

  .ring-inset {
    --tw-ring-inset: inset;
  }

  .group-open\:rotate-180:is(:where(.group):is([open], :popover-open, :open) *) {
    rotate: 180deg;
  }

  .group-focus-within\:block:is(:where(.group):focus-within *) {
    display: block;
  }

  .group-focus-within\:opacity-0:is(:where(.group):focus-within *) {
    opacity: 0;
  }

  .group-focus-within\:opacity-100:is(:where(.group):focus-within *), .group-focus-within\/course-card\:opacity-100:is(:where(.group\/course-card):focus-within *) {
    opacity: 1;
  }

  @media (hover: hover) {
    .group-hover\:block:is(:where(.group):hover *) {
      display: block;
    }

    .group-hover\:scale-110:is(:where(.group):hover *) {
      --tw-scale-x: 110%;
      --tw-scale-y: 110%;
      --tw-scale-z: 110%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }

    .group-hover\:text-\[var\(--ide-text-on-surface\)\]:is(:where(.group):hover *) {
      color: var(--ide-text-on-surface);
    }

    .group-hover\:underline:is(:where(.group):hover *) {
      text-decoration-line: underline;
    }

    .group-hover\:opacity-0:is(:where(.group):hover *) {
      opacity: 0;
    }

    .group-hover\:opacity-100:is(:where(.group):hover *), .group-hover\/course-card\:opacity-100:is(:where(.group\/course-card):hover *) {
      opacity: 1;
    }
  }

  .group-focus-visible\:text-\[var\(--ide-text-on-surface\)\]:is(:where(.group):focus-visible *) {
    color: var(--ide-text-on-surface);
  }

  .group-focus-visible\:underline:is(:where(.group):focus-visible *) {
    text-decoration-line: underline;
  }

  .peer-checked\:border-\[var\(--ide-primary\)\]:is(:where(.peer):checked ~ *) {
    border-color: var(--ide-primary);
  }

  .peer-checked\:bg-\[var\(--ide-primary\)\]:is(:where(.peer):checked ~ *) {
    background-color: var(--ide-primary);
  }

  .peer-focus-visible\:outline:is(:where(.peer):focus-visible ~ *), .peer-focus-visible\:outline-1:is(:where(.peer):focus-visible ~ *) {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }

  .peer-focus-visible\:outline-offset-2:is(:where(.peer):focus-visible ~ *) {
    outline-offset: 2px;
  }

  .peer-focus-visible\:outline-\[var\(--ide-primary-border\)\]:is(:where(.peer):focus-visible ~ *) {
    outline-color: var(--ide-primary-border);
  }

  .peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled ~ *) {
    cursor: not-allowed;
  }

  .peer-disabled\:opacity-55:is(:where(.peer):disabled ~ *) {
    opacity: .55;
  }

  .peer-disabled\:opacity-70:is(:where(.peer):disabled ~ *) {
    opacity: .7;
  }

  .selection\:bg-\[var\(--landing-lavender\)\]\/30 ::selection {
    background-color: var(--landing-lavender);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .selection\:bg-\[var\(--landing-lavender\)\]\/30 ::selection {
      background-color: color-mix(in oklab, var(--landing-lavender) 30%, transparent);
    }
  }

  .selection\:bg-\[var\(--landing-lavender\)\]\/30::selection {
    background-color: var(--landing-lavender);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .selection\:bg-\[var\(--landing-lavender\)\]\/30::selection {
      background-color: color-mix(in oklab, var(--landing-lavender) 30%, transparent);
    }
  }

  .selection\:text-white ::selection, .selection\:text-white::selection {
    color: var(--color-white);
  }

  .file\:border-0::file-selector-button {
    border-style: var(--tw-border-style);
    border-width: 0;
  }

  .file\:bg-transparent::file-selector-button {
    background-color: #0000;
  }

  .file\:text-sm::file-selector-button {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }

  .file\:font-medium::file-selector-button {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }

  .placeholder\:text-\[var\(--ide-text-secondary\)\]::placeholder {
    color: var(--ide-text-secondary);
  }

  .backdrop\:bg-\[rgba\(0\,0\,0\,0\.68\)\]::backdrop {
    background-color: #000000ad;
  }

  .backdrop\:bg-\[var\(--ide-surface\)\]\/80::backdrop {
    background-color: var(--ide-surface);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .backdrop\:bg-\[var\(--ide-surface\)\]\/80::backdrop {
      background-color: color-mix(in oklab, var(--ide-surface) 80%, transparent);
    }
  }

  .backdrop\:bg-\[var\(--ide-surface-container-lowest\)\]\/90::backdrop {
    background-color: var(--ide-surface-container-lowest);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .backdrop\:bg-\[var\(--ide-surface-container-lowest\)\]\/90::backdrop {
      background-color: color-mix(in oklab, var(--ide-surface-container-lowest) 90%, transparent);
    }
  }

  .before\:pointer-events-none:before {
    content: var(--tw-content);
    pointer-events: none;
  }

  .before\:absolute:before {
    content: var(--tw-content);
    position: absolute;
  }

  .before\:inset-y-0:before {
    content: var(--tw-content);
    inset-block: calc(var(--spacing) * 0);
  }

  .before\:top-0:before {
    content: var(--tw-content);
    top: calc(var(--spacing) * 0);
  }

  .before\:top-1\/2:before {
    content: var(--tw-content);
    top: 50%;
  }

  .before\:right-0:before {
    content: var(--tw-content);
    right: calc(var(--spacing) * 0);
  }

  .before\:-left-4:before {
    content: var(--tw-content);
    left: calc(var(--spacing) * -4);
  }

  .before\:-left-\[100vw\]:before {
    content: var(--tw-content);
    left: -100vw;
  }

  .before\:left-0:before {
    content: var(--tw-content);
    left: calc(var(--spacing) * 0);
  }

  .before\:left-\[calc\(0\.35rem\+\(var\(--learn-tree-depth\)-1\)\*0\.625rem\)\]:before {
    content: var(--tw-content);
    left: calc(.35rem + (var(--learn-tree-depth) - 1) * .625rem);
  }

  .before\:mr-2:before {
    content: var(--tw-content);
    margin-right: calc(var(--spacing) * 2);
  }

  .before\:h-1\.5:before {
    content: var(--tw-content);
    height: calc(var(--spacing) * 1.5);
  }

  .before\:h-px:before {
    content: var(--tw-content);
    height: 1px;
  }

  .before\:w-1\.5:before {
    content: var(--tw-content);
    width: calc(var(--spacing) * 1.5);
  }

  .before\:w-4:before {
    content: var(--tw-content);
    width: calc(var(--spacing) * 4);
  }

  .before\:w-\[200vw\]:before {
    content: var(--tw-content);
    width: 200vw;
  }

  .before\:w-px:before {
    content: var(--tw-content);
    width: 1px;
  }

  .before\:flex-none:before {
    content: var(--tw-content);
    flex: none;
  }

  .before\:-translate-y-1\/2:before {
    content: var(--tw-content);
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .before\:rounded-\[var\(--ide-radius-pill\)\]:before {
    content: var(--tw-content);
    border-radius: var(--ide-radius-pill);
  }

  .before\:border-t:before {
    content: var(--tw-content);
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }

  .before\:border-\[var\(--ide-outline-variant\)\]:before {
    content: var(--tw-content);
    border-color: var(--ide-outline-variant);
  }

  .before\:bg-\[var\(--ide-border-subtle\)\]:before {
    content: var(--tw-content);
    background-color: var(--ide-border-subtle);
  }

  .before\:bg-\[var\(--ide-error\)\]:before {
    content: var(--tw-content);
    background-color: var(--ide-error);
  }

  .before\:bg-\[var\(--ide-outline-variant\)\]:before {
    content: var(--tw-content);
    background-color: var(--ide-outline-variant);
  }

  .before\:bg-\[var\(--ide-primary\)\]:before {
    content: var(--tw-content);
    background-color: var(--ide-primary);
  }

  .before\:bg-\[var\(--ide-success\)\]:before {
    content: var(--tw-content);
    background-color: var(--ide-success);
  }

  .before\:bg-gray-950\/5:before {
    content: var(--tw-content);
    background-color: #0307120d;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .before\:bg-gray-950\/5:before {
      background-color: color-mix(in oklab, var(--color-gray-950) 5%, transparent);
    }
  }

  .before\:transition-colors:before {
    content: var(--tw-content);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .before\:duration-100:before {
    content: var(--tw-content);
    --tw-duration: .1s;
    transition-duration: .1s;
  }

  .before\:ease-out:before {
    content: var(--tw-content);
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
  }

  .before\:content-\[\'\'\]:before {
    --tw-content: "";
    content: var(--tw-content);
  }

  .after\:pointer-events-none:after {
    content: var(--tw-content);
    pointer-events: none;
  }

  .after\:absolute:after {
    content: var(--tw-content);
    position: absolute;
  }

  .after\:inset-y-1:after {
    content: var(--tw-content);
    inset-block: calc(var(--spacing) * 1);
  }

  .after\:top-0:after {
    content: var(--tw-content);
    top: calc(var(--spacing) * 0);
  }

  .after\:top-1\/2:after {
    content: var(--tw-content);
    top: 50%;
  }

  .after\:bottom-0:after {
    content: var(--tw-content);
    bottom: calc(var(--spacing) * 0);
  }

  .after\:left-0:after {
    content: var(--tw-content);
    left: calc(var(--spacing) * 0);
  }

  .after\:left-1:after {
    content: var(--tw-content);
    left: calc(var(--spacing) * 1);
  }

  .after\:left-1\/2:after {
    content: var(--tw-content);
    left: 50%;
  }

  .after\:left-\[3px\]:after {
    content: var(--tw-content);
    left: 3px;
  }

  .after\:hidden:after {
    content: var(--tw-content);
    display: none;
  }

  .after\:h-\[3px\]:after {
    content: var(--tw-content);
    height: 3px;
  }

  .after\:w-0\.5:after {
    content: var(--tw-content);
    width: calc(var(--spacing) * .5);
  }

  .after\:w-12:after {
    content: var(--tw-content);
    width: calc(var(--spacing) * 12);
  }

  .after\:w-px:after {
    content: var(--tw-content);
    width: 1px;
  }

  .after\:-translate-x-1\/2:after {
    content: var(--tw-content);
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .after\:-translate-y-1\/2:after {
    content: var(--tw-content);
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .after\:rounded-\[var\(--ide-radius-pill\)\]:after {
    content: var(--tw-content);
    border-radius: var(--ide-radius-pill);
  }

  .after\:rounded-full:after {
    content: var(--tw-content);
    border-radius: 2147483647px;
  }

  .after\:bg-\[var\(--ide-outline-variant\)\]:after {
    content: var(--tw-content);
    background-color: var(--ide-outline-variant);
  }

  .after\:bg-\[var\(--ide-primary\)\]:after {
    content: var(--tw-content);
    background-color: var(--ide-primary);
  }

  .after\:bg-transparent:after {
    content: var(--tw-content);
    background-color: #0000;
  }

  .after\:leading-none:after {
    content: var(--tw-content);
    --tw-leading: 1;
    line-height: 1;
  }

  .after\:text-\[var\(--ide-text-secondary\)\]:after {
    content: var(--tw-content);
    color: var(--ide-text-secondary);
  }

  .after\:opacity-70:after {
    content: var(--tw-content);
    opacity: .7;
  }

  .after\:transition-colors:after {
    content: var(--tw-content);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .after\:duration-100:after {
    content: var(--tw-content);
    --tw-duration: .1s;
    transition-duration: .1s;
  }

  .after\:ease-out:after {
    content: var(--tw-content);
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
  }

  .after\:content-\[\'\'\]:after {
    --tw-content: "";
    content: var(--tw-content);
  }

  .after\:content-\[\'\/\'\]:after {
    --tw-content: "/";
    content: var(--tw-content);
  }

  .after\:content-\[\'▍\'\]:after {
    --tw-content: "▍";
    content: var(--tw-content);
  }

  .first\:min-w-24:first-child {
    min-width: calc(var(--spacing) * 24);
  }

  .first\:pt-0:first-child {
    padding-top: calc(var(--spacing) * 0);
  }

  .first\:text-\[var\(--ide-primary\)\]:first-child {
    color: var(--ide-primary);
  }

  .last\:mb-0:last-child {
    margin-bottom: calc(var(--spacing) * 0);
  }

  .last\:border-r-0:last-child {
    border-right-style: var(--tw-border-style);
    border-right-width: 0;
  }

  .last\:border-b-0:last-child {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0;
  }

  .last\:pb-0:last-child {
    padding-bottom: calc(var(--spacing) * 0);
  }

  .empty\:hidden:empty {
    display: none;
  }

  @media (hover: hover) {
    .hover\:\!border-\[color-mix\(in_srgb\,var\(--ide-error\)_52\%\,transparent\)\]:hover {
      border-color: var(--ide-error) !important;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:\!border-\[color-mix\(in_srgb\,var\(--ide-error\)_52\%\,transparent\)\]:hover {
        border-color: color-mix(in srgb,var(--ide-error) 52%,transparent) !important;
      }
    }

    .hover\:\!border-\[var\(--ide-primary-border\)\]:hover {
      border-color: var(--ide-primary-border) !important;
    }

    .hover\:\!border-transparent:hover {
      border-color: #0000 !important;
    }

    .hover\:border-\[color-mix\(in_srgb\,var\(--ide-due\)_35\%\,transparent\)\]:hover {
      border-color: var(--ide-due);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-\[color-mix\(in_srgb\,var\(--ide-due\)_35\%\,transparent\)\]:hover {
        border-color: color-mix(in srgb,var(--ide-due) 35%,transparent);
      }
    }

    .hover\:border-\[color-mix\(in_srgb\,var\(--ide-due\)_45\%\,transparent\)\]:hover {
      border-color: var(--ide-due);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-\[color-mix\(in_srgb\,var\(--ide-due\)_45\%\,transparent\)\]:hover {
        border-color: color-mix(in srgb,var(--ide-due) 45%,transparent);
      }
    }

    .hover\:border-\[color-mix\(in_srgb\,var\(--ide-error\)_42\%\,transparent\)\]:hover {
      border-color: var(--ide-error);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-\[color-mix\(in_srgb\,var\(--ide-error\)_42\%\,transparent\)\]:hover {
        border-color: color-mix(in srgb,var(--ide-error) 42%,transparent);
      }
    }

    .hover\:border-\[rgb\(47_111_78_\/_0\.22\)\]:hover {
      border-color: #2f6f4e38;
    }

    .hover\:border-\[rgba\(255\,180\,171\,0\.42\)\]:hover {
      border-color: #ffb4ab6b;
    }

    .hover\:border-\[var\(--ide-border-subtle\)\]:hover {
      border-color: var(--ide-border-subtle);
    }

    .hover\:border-\[var\(--ide-primary\)\]:hover {
      border-color: var(--ide-primary);
    }

    .hover\:border-\[var\(--ide-primary-border\)\]:hover {
      border-color: var(--ide-primary-border);
    }

    .hover\:border-\[var\(--landing-lavender\)\]\/35:hover {
      border-color: var(--landing-lavender);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:border-\[var\(--landing-lavender\)\]\/35:hover {
        border-color: color-mix(in oklab, var(--landing-lavender) 35%, transparent);
      }
    }

    .hover\:border-current:hover {
      border-color: currentColor;
    }

    .hover\:border-l-\[var\(--ide-primary-border\)\]:hover {
      border-left-color: var(--ide-primary-border);
    }

    .hover\:\!bg-\[color-mix\(in_srgb\,var\(--ide-error-container\)_48\%\,var\(--ide-surface-container-highest\)\)\]:hover {
      background-color: var(--ide-error-container) !important;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:\!bg-\[color-mix\(in_srgb\,var\(--ide-error-container\)_48\%\,var\(--ide-surface-container-highest\)\)\]:hover {
        background-color: color-mix(in srgb,var(--ide-error-container) 48%,var(--ide-surface-container-highest)) !important;
      }
    }

    .hover\:\!bg-\[rgba\(203\,190\,255\,0\.16\)\]:hover {
      background-color: #cbbeff29 !important;
    }

    .hover\:\!bg-\[var\(--ide-surface-container-highest\)\]:hover {
      background-color: var(--ide-surface-container-highest) !important;
    }

    .hover\:bg-\[color-mix\(in_srgb\,var\(--ide-danger\)_12\%\,transparent\)\]:hover {
      background-color: var(--ide-danger);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-\[color-mix\(in_srgb\,var\(--ide-danger\)_12\%\,transparent\)\]:hover {
        background-color: color-mix(in srgb,var(--ide-danger) 12%,transparent);
      }
    }

    .hover\:bg-\[color-mix\(in_srgb\,var\(--ide-due\)_13\%\,var\(--ide-surface-container-high\)\)\]:hover {
      background-color: var(--ide-due);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-\[color-mix\(in_srgb\,var\(--ide-due\)_13\%\,var\(--ide-surface-container-high\)\)\]:hover {
        background-color: color-mix(in srgb,var(--ide-due) 13%,var(--ide-surface-container-high));
      }
    }

    .hover\:bg-\[color-mix\(in_srgb\,var\(--ide-due\)_20\%\,transparent\)\]:hover {
      background-color: var(--ide-due);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-\[color-mix\(in_srgb\,var\(--ide-due\)_20\%\,transparent\)\]:hover {
        background-color: color-mix(in srgb,var(--ide-due) 20%,transparent);
      }
    }

    .hover\:bg-\[color-mix\(in_srgb\,var\(--ide-error\)_12\%\,transparent\)\]:hover {
      background-color: var(--ide-error);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-\[color-mix\(in_srgb\,var\(--ide-error\)_12\%\,transparent\)\]:hover {
        background-color: color-mix(in srgb,var(--ide-error) 12%,transparent);
      }
    }

    .hover\:bg-\[color-mix\(in_srgb\,var\(--ide-primary\)_14\%\,var\(--ide-surface-container-high\)\)\]:hover {
      background-color: var(--ide-primary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-\[color-mix\(in_srgb\,var\(--ide-primary\)_14\%\,var\(--ide-surface-container-high\)\)\]:hover {
        background-color: color-mix(in srgb,var(--ide-primary) 14%,var(--ide-surface-container-high));
      }
    }

    .hover\:bg-\[color-mix\(in_srgb\,var\(--ide-primary\)_16\%\,transparent\)\]:hover {
      background-color: var(--ide-primary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-\[color-mix\(in_srgb\,var\(--ide-primary\)_16\%\,transparent\)\]:hover {
        background-color: color-mix(in srgb,var(--ide-primary) 16%,transparent);
      }
    }

    .hover\:bg-\[color-mix\(in_srgb\,var\(--ide-primary\)_88\%\,black\)\]:hover {
      background-color: var(--ide-primary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-\[color-mix\(in_srgb\,var\(--ide-primary\)_88\%\,black\)\]:hover {
        background-color: color-mix(in srgb,var(--ide-primary) 88%,black);
      }
    }

    .hover\:bg-\[rgb\(47_111_78_\/_0\.055\)\]:hover {
      background-color: #2f6f4e0e;
    }

    .hover\:bg-\[rgba\(147\,0\,10\,0\.22\)\]:hover {
      background-color: #93000a38;
    }

    .hover\:bg-\[var\(--ide-primary\)\]:hover {
      background-color: var(--ide-primary);
    }

    .hover\:bg-\[var\(--ide-primary-selected\)\]:hover {
      background-color: var(--ide-primary-selected);
    }

    .hover\:bg-\[var\(--ide-primary-soft\)\]:hover {
      background-color: var(--ide-primary-soft);
    }

    .hover\:bg-\[var\(--ide-surface-container\)\]:hover {
      background-color: var(--ide-surface-container);
    }

    .hover\:bg-\[var\(--ide-surface-container-high\)\]:hover {
      background-color: var(--ide-surface-container-high);
    }

    .hover\:bg-\[var\(--ide-surface-container-highest\)\]:hover {
      background-color: var(--ide-surface-container-highest);
    }

    .hover\:bg-\[var\(--ide-surface-variant\)\]:hover {
      background-color: var(--ide-surface-variant);
    }

    .hover\:bg-\[var\(--landing-lavender\)\]\/5:hover {
      background-color: var(--landing-lavender);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-\[var\(--landing-lavender\)\]\/5:hover {
        background-color: color-mix(in oklab, var(--landing-lavender) 5%, transparent);
      }
    }

    .hover\:bg-transparent:hover {
      background-color: #0000;
    }

    .hover\:\!text-\[var\(--ide-error\)\]:hover {
      color: var(--ide-error) !important;
    }

    .hover\:\!text-\[var\(--ide-primary\)\]:hover {
      color: var(--ide-primary) !important;
    }

    .hover\:\!text-\[var\(--ide-text-on-surface\)\]:hover {
      color: var(--ide-text-on-surface) !important;
    }

    .hover\:text-\[var\(--ide-error\)\]:hover {
      color: var(--ide-error);
    }

    .hover\:text-\[var\(--ide-on-primary\)\]:hover {
      color: var(--ide-on-primary);
    }

    .hover\:text-\[var\(--ide-primary\)\]:hover {
      color: var(--ide-primary);
    }

    .hover\:text-\[var\(--ide-text-muted\)\]:hover {
      color: var(--ide-text-muted);
    }

    .hover\:text-\[var\(--ide-text-on-surface\)\]:hover {
      color: var(--ide-text-on-surface);
    }

    .hover\:text-\[var\(--ide-text-primary\)\]:hover {
      color: var(--ide-text-primary);
    }

    .hover\:text-white:hover {
      color: var(--color-white);
    }

    .hover\:underline:hover {
      text-decoration-line: underline;
    }

    .hover\:decoration-\[var\(--ide-primary\)\]:hover {
      -webkit-text-decoration-color: var(--ide-primary);
      -webkit-text-decoration-color: var(--ide-primary);
      -webkit-text-decoration-color: var(--ide-primary);
      text-decoration-color: var(--ide-primary);
    }

    .hover\:opacity-100:hover {
      opacity: 1;
    }

    .hover\:shadow-\[0_4px_30px_rgba\(178\,138\,255\,0\.4\)\]:hover {
      --tw-shadow: 0 4px 30px var(--tw-shadow-color, #b28aff66);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .hover\:brightness-110:hover {
      --tw-brightness: brightness(110%);
      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, );
    }

    .hover\:before\:bg-\[var\(--ide-primary\)\]:hover:before, .hover\:after\:bg-\[var\(--ide-primary\)\]:hover:after {
      content: var(--tw-content);
      background-color: var(--ide-primary);
    }
  }

  .focus\:not-sr-only:focus {
    clip-path: none;
    white-space: normal;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    position: static;
    overflow: visible;
  }

  .focus\:absolute:focus {
    position: absolute;
  }

  .focus\:translate-y-2:focus {
    --tw-translate-y: calc(var(--spacing) * 2);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .focus\:border-\[var\(--ide-primary\)\]:focus {
    border-color: var(--ide-primary);
  }

  .focus\:bg-\[var\(--ide-surface-container\)\]:focus {
    background-color: var(--ide-surface-container);
  }

  .focus\:ring-0:focus {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .focus\:ring-2:focus {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .focus\:ring-\[var\(--ide-primary\)\]\/30:focus {
    --tw-ring-color: var(--ide-primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus\:ring-\[var\(--ide-primary\)\]\/30:focus {
      --tw-ring-color: color-mix(in oklab, var(--ide-primary) 30%, transparent);
    }
  }

  .focus\:ring-\[var\(--ide-primary-border\)\]:focus {
    --tw-ring-color: var(--ide-primary-border);
  }

  .focus\:outline:focus, .focus\:outline-1:focus {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }

  .focus\:outline-offset-0:focus {
    outline-offset: 0px;
  }

  .focus\:outline-\[var\(--ide-primary-border\)\]:focus {
    outline-color: var(--ide-primary-border);
  }

  .focus-visible\:\!border-\[color-mix\(in_srgb\,var\(--ide-error\)_52\%\,transparent\)\]:focus-visible {
    border-color: var(--ide-error) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus-visible\:\!border-\[color-mix\(in_srgb\,var\(--ide-error\)_52\%\,transparent\)\]:focus-visible {
      border-color: color-mix(in srgb,var(--ide-error) 52%,transparent) !important;
    }
  }

  .focus-visible\:\!border-\[var\(--ide-primary-border\)\]:focus-visible {
    border-color: var(--ide-primary-border) !important;
  }

  .focus-visible\:border-\[color-mix\(in_srgb\,var\(--ide-error\)_50\%\,transparent\)\]:focus-visible {
    border-color: var(--ide-error);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus-visible\:border-\[color-mix\(in_srgb\,var\(--ide-error\)_50\%\,transparent\)\]:focus-visible {
      border-color: color-mix(in srgb,var(--ide-error) 50%,transparent);
    }
  }

  .focus-visible\:border-\[rgb\(47_111_78_\/_0\.22\)\]:focus-visible {
    border-color: #2f6f4e38;
  }

  .focus-visible\:border-\[rgba\(255\,180\,171\,0\.42\)\]:focus-visible {
    border-color: #ffb4ab6b;
  }

  .focus-visible\:border-\[var\(--ide-border-subtle\)\]:focus-visible {
    border-color: var(--ide-border-subtle);
  }

  .focus-visible\:border-\[var\(--ide-primary\)\]:focus-visible {
    border-color: var(--ide-primary);
  }

  .focus-visible\:border-\[var\(--ide-primary-border\)\]:focus-visible {
    border-color: var(--ide-primary-border);
  }

  .focus-visible\:\!bg-\[color-mix\(in_srgb\,var\(--ide-error-container\)_48\%\,var\(--ide-surface-container-highest\)\)\]:focus-visible {
    background-color: var(--ide-error-container) !important;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus-visible\:\!bg-\[color-mix\(in_srgb\,var\(--ide-error-container\)_48\%\,var\(--ide-surface-container-highest\)\)\]:focus-visible {
      background-color: color-mix(in srgb,var(--ide-error-container) 48%,var(--ide-surface-container-highest)) !important;
    }
  }

  .focus-visible\:\!bg-\[var\(--ide-primary-soft\)\]:focus-visible {
    background-color: var(--ide-primary-soft) !important;
  }

  .focus-visible\:\!bg-\[var\(--ide-surface-container-highest\)\]:focus-visible {
    background-color: var(--ide-surface-container-highest) !important;
  }

  .focus-visible\:bg-\[color-mix\(in_srgb\,var\(--ide-error\)_12\%\,transparent\)\]:focus-visible {
    background-color: var(--ide-error);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus-visible\:bg-\[color-mix\(in_srgb\,var\(--ide-error\)_12\%\,transparent\)\]:focus-visible {
      background-color: color-mix(in srgb,var(--ide-error) 12%,transparent);
    }
  }

  .focus-visible\:bg-\[color-mix\(in_srgb\,var\(--ide-primary\)_20\%\,transparent\)\]:focus-visible {
    background-color: var(--ide-primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus-visible\:bg-\[color-mix\(in_srgb\,var\(--ide-primary\)_20\%\,transparent\)\]:focus-visible {
      background-color: color-mix(in srgb,var(--ide-primary) 20%,transparent);
    }
  }

  .focus-visible\:bg-\[rgb\(47_111_78_\/_0\.055\)\]:focus-visible {
    background-color: #2f6f4e0e;
  }

  .focus-visible\:bg-\[rgba\(147\,0\,10\,0\.22\)\]:focus-visible {
    background-color: #93000a38;
  }

  .focus-visible\:bg-\[var\(--ide-primary\)\]:focus-visible {
    background-color: var(--ide-primary);
  }

  .focus-visible\:bg-\[var\(--ide-primary-soft\)\]:focus-visible {
    background-color: var(--ide-primary-soft);
  }

  .focus-visible\:bg-\[var\(--ide-surface-container-high\)\]:focus-visible {
    background-color: var(--ide-surface-container-high);
  }

  .focus-visible\:bg-\[var\(--ide-surface-container-highest\)\]:focus-visible {
    background-color: var(--ide-surface-container-highest);
  }

  .focus-visible\:bg-\[var\(--ide-surface-variant\)\]:focus-visible {
    background-color: var(--ide-surface-variant);
  }

  .focus-visible\:bg-transparent:focus-visible {
    background-color: #0000;
  }

  .focus-visible\:\!text-\[var\(--ide-error\)\]:focus-visible {
    color: var(--ide-error) !important;
  }

  .focus-visible\:\!text-\[var\(--ide-primary\)\]:focus-visible {
    color: var(--ide-primary) !important;
  }

  .focus-visible\:\!text-\[var\(--ide-text-on-surface\)\]:focus-visible {
    color: var(--ide-text-on-surface) !important;
  }

  .focus-visible\:text-\[var\(--ide-error\)\]:focus-visible {
    color: var(--ide-error);
  }

  .focus-visible\:text-\[var\(--ide-on-primary\)\]:focus-visible {
    color: var(--ide-on-primary);
  }

  .focus-visible\:text-\[var\(--ide-primary\)\]:focus-visible {
    color: var(--ide-primary);
  }

  .focus-visible\:text-\[var\(--ide-text-muted\)\]:focus-visible {
    color: var(--ide-text-muted);
  }

  .focus-visible\:text-\[var\(--ide-text-on-surface\)\]:focus-visible {
    color: var(--ide-text-on-surface);
  }

  .focus-visible\:text-\[var\(--ide-text-primary\)\]:focus-visible {
    color: var(--ide-text-primary);
  }

  .focus-visible\:underline:focus-visible {
    text-decoration-line: underline;
  }

  .focus-visible\:opacity-100:focus-visible {
    opacity: 1;
  }

  .focus-visible\:shadow-\[0_0_0_2px_var\(--ide-primary-border\)\]:focus-visible {
    --tw-shadow: 0 0 0 2px var(--tw-shadow-color, var(--ide-primary-border));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .focus-visible\:ring-1:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .focus-visible\:ring-2:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .focus-visible\:ring-\[var\(--ide-primary-border\)\]:focus-visible {
    --tw-ring-color: var(--ide-primary-border);
  }

  .focus-visible\:ring-offset-2:focus-visible {
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }

  .focus-visible\:ring-offset-\[var\(--ide-bg-app\)\]:focus-visible {
    --tw-ring-offset-color: var(--ide-bg-app);
  }

  .focus-visible\:ring-offset-\[var\(--ide-bg-panel\)\]:focus-visible {
    --tw-ring-offset-color: var(--ide-bg-panel);
  }

  .focus-visible\:outline:focus-visible, .focus-visible\:outline-1:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }

  .focus-visible\:outline-2:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
  }

  .focus-visible\:-outline-offset-1:focus-visible {
    outline-offset: calc(1px * -1);
  }

  .focus-visible\:outline-offset-0:focus-visible {
    outline-offset: 0px;
  }

  .focus-visible\:outline-offset-1:focus-visible {
    outline-offset: 1px;
  }

  .focus-visible\:outline-offset-2:focus-visible {
    outline-offset: 2px;
  }

  .focus-visible\:outline-offset-4:focus-visible {
    outline-offset: 4px;
  }

  .focus-visible\:outline-offset-\[-1px\]:focus-visible {
    outline-offset: -1px;
  }

  .focus-visible\:outline-offset-\[-2px\]:focus-visible {
    outline-offset: -2px;
  }

  .focus-visible\:outline-\[var\(--ide-primary\)\]:focus-visible {
    outline-color: var(--ide-primary);
  }

  .focus-visible\:outline-\[var\(--ide-primary-border\)\]:focus-visible {
    outline-color: var(--ide-primary-border);
  }

  .focus-visible\:outline-\[var\(--landing-lavender\)\]:focus-visible {
    outline-color: var(--landing-lavender);
  }

  .focus-visible\:outline-white:focus-visible {
    outline-color: var(--color-white);
  }

  .focus-visible\:outline-none:focus-visible {
    --tw-outline-style: none;
    outline-style: none;
  }

  .focus-visible\:ring-inset:focus-visible {
    --tw-ring-inset: inset;
  }

  .focus-visible\:after\:absolute:focus-visible:after {
    content: var(--tw-content);
    position: absolute;
  }

  .focus-visible\:after\:bottom-0:focus-visible:after {
    content: var(--tw-content);
    bottom: calc(var(--spacing) * 0);
  }

  .focus-visible\:after\:left-\[calc\(50\%\+var\(--ide-assistant-art-offset\)\)\]:focus-visible:after {
    content: var(--tw-content);
    left: calc(50% + var(--ide-assistant-art-offset));
  }

  .focus-visible\:after\:h-0\.5:focus-visible:after {
    content: var(--tw-content);
    height: calc(var(--spacing) * .5);
  }

  .focus-visible\:after\:w-8:focus-visible:after {
    content: var(--tw-content);
    width: calc(var(--spacing) * 8);
  }

  .focus-visible\:after\:-translate-x-1\/2:focus-visible:after {
    content: var(--tw-content);
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .focus-visible\:after\:rounded-full:focus-visible:after {
    content: var(--tw-content);
    border-radius: 2147483647px;
  }

  .focus-visible\:after\:bg-\[var\(--ide-primary\)\]:focus-visible:after {
    content: var(--tw-content);
    background-color: var(--ide-primary);
  }

  .active\:translate-y-px:active {
    --tw-translate-y: 1px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .active\:cursor-grabbing:active {
    cursor: grabbing;
  }

  .disabled\:pointer-events-none:disabled {
    pointer-events: none;
  }

  .disabled\:cursor-default:disabled {
    cursor: default;
  }

  .disabled\:cursor-not-allowed:disabled {
    cursor: not-allowed;
  }

  .disabled\:\!border-\[var\(--ide-border-subtle\)\]:disabled {
    border-color: var(--ide-border-subtle) !important;
  }

  .disabled\:\!bg-transparent:disabled {
    background-color: #0000 !important;
  }

  .disabled\:\!text-\[var\(--ide-text-secondary\)\]:disabled {
    color: var(--ide-text-secondary) !important;
  }

  .disabled\:text-\[var\(--ide-text-dim\)\]:disabled {
    color: var(--ide-text-dim);
  }

  .disabled\:\!opacity-100:disabled {
    opacity: 1 !important;
  }

  .disabled\:opacity-45:disabled {
    opacity: .45;
  }

  .disabled\:opacity-50:disabled {
    opacity: .5;
  }

  .disabled\:opacity-55:disabled {
    opacity: .55;
  }

  .disabled\:opacity-60:disabled {
    opacity: .6;
  }

  .disabled\:opacity-70:disabled {
    opacity: .7;
  }

  .aria-\[current\]\:border-l-\[var\(--ide-primary\)\][aria-current] {
    border-left-color: var(--ide-primary);
  }

  .aria-\[current\]\:bg-\[var\(--ide-primary-selected\)\][aria-current] {
    background-color: var(--ide-primary-selected);
  }

  .aria-\[current\]\:text-\[var\(--ide-text-primary\)\][aria-current] {
    color: var(--ide-text-primary);
  }

  .aria-\[current\=page\]\:border-l-\[var\(--ide-primary\)\][aria-current="page"] {
    border-left-color: var(--ide-primary);
  }

  .aria-\[current\=page\]\:bg-\[var\(--ide-primary-selected\)\][aria-current="page"] {
    background-color: var(--ide-primary-selected);
  }

  .aria-\[current\=page\]\:text-\[var\(--ide-primary\)\][aria-current="page"] {
    color: var(--ide-primary);
  }

  .aria-\[current\=page\]\:text-\[var\(--ide-text-primary\)\][aria-current="page"] {
    color: var(--ide-text-primary);
  }

  .aria-\[current\=page\]\:shadow-\[inset_2px_0_0_var\(--ide-primary\)\][aria-current="page"] {
    --tw-shadow: inset 2px 0 0 var(--tw-shadow-color, var(--ide-primary));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  @media (hover: hover) {
    .aria-\[current\=page\]\:hover\:bg-\[var\(--ide-primary-selected\)\][aria-current="page"]:hover {
      background-color: var(--ide-primary-selected);
    }
  }

  .aria-\[current\=true\]\:border-l-\[var\(--ide-primary\)\][aria-current="true"] {
    border-left-color: var(--ide-primary);
  }

  .aria-\[current\=true\]\:bg-\[var\(--ide-primary-selected\)\][aria-current="true"] {
    background-color: var(--ide-primary-selected);
  }

  .data-\[active\=true\]\:border-\[var\(--ide-primary\)\][data-active="true"] {
    border-color: var(--ide-primary);
  }

  .data-\[active\=true\]\:border-\[var\(--ide-primary-border\)\][data-active="true"] {
    border-color: var(--ide-primary-border);
  }

  .data-\[active\=true\]\:bg-\[color-mix\(in_srgb\,var\(--ide-primary\)_16\%\,transparent\)\][data-active="true"] {
    background-color: var(--ide-primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .data-\[active\=true\]\:bg-\[color-mix\(in_srgb\,var\(--ide-primary\)_16\%\,transparent\)\][data-active="true"] {
      background-color: color-mix(in srgb,var(--ide-primary) 16%,transparent);
    }
  }

  .data-\[active\=true\]\:bg-\[var\(--ide-primary\)\][data-active="true"] {
    background-color: var(--ide-primary);
  }

  .data-\[active\=true\]\:bg-\[var\(--ide-primary-soft\)\][data-active="true"] {
    background-color: var(--ide-primary-soft);
  }

  .data-\[active\=true\]\:bg-transparent[data-active="true"] {
    background-color: #0000;
  }

  .data-\[active\=true\]\:text-\[var\(--ide-on-primary\)\][data-active="true"] {
    color: var(--ide-on-primary);
  }

  .data-\[active\=true\]\:text-\[var\(--ide-primary\)\][data-active="true"] {
    color: var(--ide-primary);
  }

  .data-\[active\=true\]\:opacity-100[data-active="true"] {
    opacity: 1;
  }

  .data-\[active\=true\]\:shadow-\[inset_0_0_0_1px_var\(--ide-primary-border\)\][data-active="true"] {
    --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, var(--ide-primary-border));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .data-\[active\=true\]\:shadow-none[data-active="true"] {
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .data-\[checked\=true\]\:translate-x-4[data-checked="true"] {
    --tw-translate-x: calc(var(--spacing) * 4);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-\[checked\=true\]\:border-\[var\(--ide-primary-border\)\][data-checked="true"] {
    border-color: var(--ide-primary-border);
  }

  .data-\[checked\=true\]\:bg-\[var\(--ide-primary\)\][data-checked="true"] {
    background-color: var(--ide-primary);
  }

  .data-\[checked\=true\]\:bg-\[var\(--ide-primary-soft\)\][data-checked="true"] {
    background-color: var(--ide-primary-soft);
  }

  .data-\[completed\=true\]\:text-\[var\(--ide-text-muted\)\][data-completed="true"] {
    color: var(--ide-text-muted);
  }

  .data-\[depth\=0\]\:before\:hidden[data-depth="0"]:before {
    content: var(--tw-content);
    display: none;
  }

  .data-\[drag-enabled\=true\]\:cursor-grab[data-drag-enabled="true"] {
    cursor: grab;
  }

  .data-\[drag-enabled\=true\]\:touch-none[data-drag-enabled="true"] {
    touch-action: none;
  }

  .data-\[dragging\=true\]\:opacity-55[data-dragging="true"] {
    opacity: .55;
  }

  .data-\[dragging\=true\]\:opacity-100[data-dragging="true"] {
    opacity: 1;
  }

  .data-\[drop-over\=true\]\:border-\[var\(--ide-primary-border\)\][data-drop-over="true"] {
    border-color: var(--ide-primary-border);
  }

  .data-\[drop-over\=true\]\:bg-\[linear-gradient\(90deg\,color-mix\(in_srgb\,var\(--ide-primary\)_14\%\,transparent\)\,transparent\)\][data-drop-over="true"] {
    background-image: linear-gradient(90deg,var(--ide-primary),transparent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .data-\[drop-over\=true\]\:bg-\[linear-gradient\(90deg\,color-mix\(in_srgb\,var\(--ide-primary\)_14\%\,transparent\)\,transparent\)\][data-drop-over="true"] {
      background-image: linear-gradient(90deg,color-mix(in srgb,var(--ide-primary) 14%,transparent),transparent);
    }
  }

  .data-\[drop-target\=true\]\:border-\[var\(--ide-primary-border\)\][data-drop-target="true"] {
    border-color: var(--ide-primary-border);
  }

  .data-\[drop-target\=true\]\:bg-\[var\(--ide-primary-selected\)\][data-drop-target="true"] {
    background-color: var(--ide-primary-selected);
  }

  .data-\[empty\=true\]\:text-transparent[data-empty="true"] {
    color: #0000;
  }

  .data-\[selected\=true\]\:\!border-transparent[data-selected="true"] {
    border-color: #0000 !important;
  }

  .data-\[selected\=true\]\:border-\[var\(--ide-primary\)\][data-selected="true"] {
    border-color: var(--ide-primary);
  }

  .data-\[selected\=true\]\:border-\[var\(--ide-primary-border\)\][data-selected="true"] {
    border-color: var(--ide-primary-border);
  }

  .data-\[selected\=true\]\:border-transparent[data-selected="true"] {
    border-color: #0000;
  }

  .data-\[selected\=true\]\:\!bg-\[var\(--ide-primary-selected\)\][data-selected="true"] {
    background-color: var(--ide-primary-selected) !important;
  }

  .data-\[selected\=true\]\:bg-\[var\(--ide-primary-selected\)\][data-selected="true"] {
    background-color: var(--ide-primary-selected);
  }

  .data-\[selected\=true\]\:bg-\[var\(--ide-primary-soft\)\][data-selected="true"] {
    background-color: var(--ide-primary-soft);
  }

  .data-\[selected\=true\]\:bg-transparent[data-selected="true"] {
    background-color: #0000;
  }

  .data-\[selected\=true\]\:\!bg-none[data-selected="true"] {
    background-image: none !important;
  }

  .data-\[selected\=true\]\:bg-\[linear-gradient\(90deg\,color-mix\(in_srgb\,var\(--ide-primary\)_18\%\,transparent\)\,transparent\)\][data-selected="true"] {
    background-image: linear-gradient(90deg,var(--ide-primary),transparent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .data-\[selected\=true\]\:bg-\[linear-gradient\(90deg\,color-mix\(in_srgb\,var\(--ide-primary\)_18\%\,transparent\)\,transparent\)\][data-selected="true"] {
      background-image: linear-gradient(90deg,color-mix(in srgb,var(--ide-primary) 18%,transparent),transparent);
    }
  }

  .data-\[selected\=true\]\:text-\[var\(--ide-primary\)\][data-selected="true"] {
    color: var(--ide-primary);
  }

  .data-\[selected\=true\]\:shadow-\[inset_0_0_0_1px_rgba\(203\,190\,255\,0\.06\)\][data-selected="true"] {
    --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, #cbbeff0f);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .data-\[selected\=true\]\:shadow-\[inset_2px_0_0_var\(--ide-primary\)\][data-selected="true"] {
    --tw-shadow: inset 2px 0 0 var(--tw-shadow-color, var(--ide-primary));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .data-\[selected\=true\]\:after\:inset-y-1[data-selected="true"]:after {
    content: var(--tw-content);
    inset-block: calc(var(--spacing) * 1);
  }

  .data-\[selected\=true\]\:after\:left-0[data-selected="true"]:after {
    content: var(--tw-content);
    left: calc(var(--spacing) * 0);
  }

  .data-\[selected\=true\]\:after\:block[data-selected="true"]:after {
    content: var(--tw-content);
    display: block;
  }

  .data-\[selected\=true\]\:after\:w-0\.5[data-selected="true"]:after {
    content: var(--tw-content);
    width: calc(var(--spacing) * .5);
  }

  .data-\[selected\=true\]\:after\:rounded-\[var\(--ide-radius-pill\)\][data-selected="true"]:after {
    content: var(--tw-content);
    border-radius: var(--ide-radius-pill);
  }

  .data-\[selected\=true\]\:after\:bg-\[var\(--ide-primary\)\][data-selected="true"]:after {
    content: var(--tw-content);
    background-color: var(--ide-primary);
  }

  .data-\[selected\=true\]\:focus-visible\:\!border-\[var\(--ide-primary-border\)\][data-selected="true"]:focus-visible {
    border-color: var(--ide-primary-border) !important;
  }

  .data-\[status\=error\]\:border-\[rgba\(229\,57\,53\,0\.32\)\][data-status="error"] {
    border-color: #e5393552;
  }

  .data-\[status\=error\]\:border-\[rgba\(255\,180\,171\,0\.32\)\][data-status="error"] {
    border-color: #ffb4ab52;
  }

  .data-\[status\=error\]\:bg-\[rgba\(147\,0\,10\,0\.22\)\][data-status="error"] {
    background-color: #93000a38;
  }

  .data-\[status\=error\]\:bg-\[rgba\(229\,57\,53\,0\.08\)\][data-status="error"] {
    background-color: #e5393514;
  }

  .data-\[status\=error\]\:bg-\[var\(--ide-error\)\][data-status="error"] {
    background-color: var(--ide-error);
  }

  .data-\[status\=error\]\:text-\[var\(--ide-error\)\][data-status="error"] {
    color: var(--ide-error);
  }

  .data-\[status\=idle\]\:border-\[var\(--ide-border-subtle\)\][data-status="idle"] {
    border-color: var(--ide-border-subtle);
  }

  .data-\[status\=idle\]\:bg-\[var\(--ide-surface-container\)\][data-status="idle"] {
    background-color: var(--ide-surface-container);
  }

  .data-\[status\=idle\]\:bg-\[var\(--ide-text-secondary\)\][data-status="idle"] {
    background-color: var(--ide-text-secondary);
  }

  .data-\[status\=idle\]\:text-\[var\(--ide-text-secondary\)\][data-status="idle"] {
    color: var(--ide-text-secondary);
  }

  .data-\[status\=loading\]\:border-\[var\(--ide-primary-border\)\][data-status="loading"] {
    border-color: var(--ide-primary-border);
  }

  .data-\[status\=loading\]\:bg-\[var\(--ide-primary\)\][data-status="loading"] {
    background-color: var(--ide-primary);
  }

  .data-\[status\=loading\]\:bg-\[var\(--ide-primary-soft\)\][data-status="loading"] {
    background-color: var(--ide-primary-soft);
  }

  .data-\[status\=loading\]\:text-\[var\(--ide-primary\)\][data-status="loading"] {
    color: var(--ide-primary);
  }

  .data-\[status\=starting\]\:border-\[var\(--ide-primary-border\)\][data-status="starting"] {
    border-color: var(--ide-primary-border);
  }

  .data-\[status\=starting\]\:bg-\[var\(--ide-primary\)\][data-status="starting"] {
    background-color: var(--ide-primary);
  }

  .data-\[status\=starting\]\:bg-\[var\(--ide-primary-soft\)\][data-status="starting"] {
    background-color: var(--ide-primary-soft);
  }

  .data-\[status\=starting\]\:text-\[var\(--ide-primary\)\][data-status="starting"] {
    color: var(--ide-primary);
  }

  .data-\[system\=true\]\:text-\[var\(--ide-archive\)\][data-system="true"] {
    color: var(--ide-archive);
  }

  @media (hover: hover) {
    .data-\[system\=true\]\:hover\:bg-\[color-mix\(in_srgb\,var\(--ide-archive\)_8\%\,transparent\)\][data-system="true"]:hover {
      background-color: var(--ide-archive);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .data-\[system\=true\]\:hover\:bg-\[color-mix\(in_srgb\,var\(--ide-archive\)_8\%\,transparent\)\][data-system="true"]:hover {
        background-color: color-mix(in srgb,var(--ide-archive) 8%,transparent);
      }
    }
  }

  .data-\[system\=true\]\:focus-visible\:\!border-\[var\(--ide-primary-border\)\][data-system="true"]:focus-visible {
    border-color: var(--ide-primary-border) !important;
  }

  .data-\[system\=true\]\:focus-visible\:bg-\[color-mix\(in_srgb\,var\(--ide-archive\)_10\%\,transparent\)\][data-system="true"]:focus-visible {
    background-color: var(--ide-archive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .data-\[system\=true\]\:focus-visible\:bg-\[color-mix\(in_srgb\,var\(--ide-archive\)_10\%\,transparent\)\][data-system="true"]:focus-visible {
      background-color: color-mix(in srgb,var(--ide-archive) 10%,transparent);
    }
  }

  .data-\[system\=true\]\:data-\[selected\=true\]\:\!border-transparent[data-system="true"][data-selected="true"] {
    border-color: #0000 !important;
  }

  .data-\[system\=true\]\:data-\[selected\=true\]\:bg-\[color-mix\(in_srgb\,var\(--ide-archive\)_14\%\,transparent\)\][data-system="true"][data-selected="true"] {
    background-color: var(--ide-archive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .data-\[system\=true\]\:data-\[selected\=true\]\:bg-\[color-mix\(in_srgb\,var\(--ide-archive\)_14\%\,transparent\)\][data-system="true"][data-selected="true"] {
      background-color: color-mix(in srgb,var(--ide-archive) 14%,transparent);
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .motion-reduce\:animate-none {
      animation: none;
    }

    .motion-reduce\:transition-none {
      transition-property: none;
    }
  }

  @media not all and (min-width: 1000px) {
    .max-\[1000px\]\:\!pointer-events-none {
      pointer-events: none !important;
    }

    .max-\[1000px\]\:pointer-events-auto {
      pointer-events: auto;
    }

    .max-\[1000px\]\:pointer-events-none {
      pointer-events: none;
    }

    .max-\[1000px\]\:col-start-1 {
      grid-column-start: 1;
    }

    .max-\[1000px\]\:row-auto {
      grid-row: auto;
    }

    .max-\[1000px\]\:grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    .max-\[1000px\]\:place-content-stretch {
      place-content: stretch;
    }

    .max-\[1000px\]\:items-stretch {
      align-items: stretch;
    }

    .max-\[1000px\]\:gap-3\.5 {
      gap: calc(var(--spacing) * 3.5);
    }

    .max-\[1000px\]\:p-3 {
      padding: calc(var(--spacing) * 3);
    }

    .max-\[1000px\]\:\[--line-editor-board-size\:min\(100\%\,620px\,calc\(100vh_-_220px\)\)\] {
      --line-editor-board-size: min(100%, 620px, calc(100vh - 220px));
    }
  }

  @media not all and (min-width: 760px) {
    .max-\[760px\]\:pointer-events-auto {
      pointer-events: auto;
    }

    .max-\[760px\]\:pointer-events-none {
      pointer-events: none;
    }

    .max-\[760px\]\:absolute {
      position: absolute;
    }

    .max-\[760px\]\:top-0 {
      top: calc(var(--spacing) * 0);
    }

    .max-\[760px\]\:top-2 {
      top: calc(var(--spacing) * 2);
    }

    .max-\[760px\]\:right-0 {
      right: calc(var(--spacing) * 0);
    }

    .max-\[760px\]\:z-10 {
      z-index: 10;
    }

    .max-\[760px\]\:z-auto {
      z-index: auto;
    }

    .max-\[760px\]\:col-auto {
      grid-column: auto;
    }

    .max-\[760px\]\:col-start-1 {
      grid-column-start: 1;
    }

    .max-\[760px\]\:row-auto {
      grid-row: auto;
    }

    .max-\[760px\]\:\!row-start-2 {
      grid-row-start: 2 !important;
    }

    .max-\[760px\]\:\!row-start-3 {
      grid-row-start: 3 !important;
    }

    .max-\[760px\]\:row-start-1 {
      grid-row-start: 1;
    }

    .max-\[760px\]\:row-start-2 {
      grid-row-start: 2;
    }

    .max-\[760px\]\:-mx-4 {
      margin-inline: calc(var(--spacing) * -4);
    }

    .max-\[760px\]\:-mb-4 {
      margin-bottom: calc(var(--spacing) * -4);
    }

    .max-\[760px\]\:mb-3 {
      margin-bottom: calc(var(--spacing) * 3);
    }

    .max-\[760px\]\:flex {
      display: flex;
    }

    .max-\[760px\]\:hidden {
      display: none;
    }

    .max-\[760px\]\:inline {
      display: inline;
    }

    .max-\[760px\]\:\!h-auto {
      height: auto !important;
    }

    .max-\[760px\]\:\!h-full {
      height: 100% !important;
    }

    .max-\[760px\]\:h-\[calc\(var\(--learn-board-size\)_\+_24px\)\] {
      height: calc(var(--learn-board-size) + 24px);
    }

    .max-\[760px\]\:h-auto {
      height: auto;
    }

    .max-\[760px\]\:max-h-\[360px\] {
      max-height: 360px;
    }

    .max-\[760px\]\:\!min-h-0 {
      min-height: calc(var(--spacing) * 0) !important;
    }

    .max-\[760px\]\:min-h-\[calc\(100svh_-_var\(--ide-topbar-height\)\)\] {
      min-height: calc(100svh - var(--ide-topbar-height));
    }

    .max-\[760px\]\:min-h-\[calc\(min\(100vw_-_24px\,420px\)_\+_24px\)\] {
      min-height: calc(min(100vw - 24px, 420px) + 24px);
    }

    .max-\[760px\]\:min-h-\[calc\(var\(--learn-board-size\)_\+_24px\)\] {
      min-height: calc(var(--learn-board-size) + 24px);
    }

    .max-\[760px\]\:min-h-full {
      min-height: 100%;
    }

    .max-\[760px\]\:\!w-\[min\(100\%\,var\(--line-editor-board-size\)\)\] {
      width: min(100%, var(--line-editor-board-size)) !important;
    }

    .max-\[760px\]\:w-auto {
      width: auto;
    }

    .max-\[760px\]\:w-full {
      width: 100%;
    }

    .max-\[760px\]\:\!max-w-\[420px\] {
      max-width: 420px !important;
    }

    .max-\[760px\]\:max-w-\[88\%\] {
      max-width: 88%;
    }

    .max-\[760px\]\:max-w-none {
      max-width: none;
    }

    .max-\[760px\]\:\!flex-none {
      flex: none !important;
    }

    .max-\[760px\]\:flex-none {
      flex: none;
    }

    .max-\[760px\]\:shrink-0 {
      flex-shrink: 0;
    }

    .max-\[760px\]\:grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    .max-\[760px\]\:grid-cols-\[auto_auto\] {
      grid-template-columns: auto auto;
    }

    .max-\[760px\]\:grid-cols-\[minmax\(0\,1fr\)\] {
      grid-template-columns: minmax(0, 1fr);
    }

    .max-\[760px\]\:\!grid-rows-\[auto_auto\] {
      grid-template-rows: auto auto !important;
    }

    .max-\[760px\]\:\!grid-rows-\[auto_minmax\(0\,1fr\)_auto\] {
      grid-template-rows: auto minmax(0, 1fr) auto !important;
    }

    .max-\[760px\]\:\[grid-template-rows\:auto_auto\], .max-\[760px\]\:grid-rows-\[auto_auto\] {
      grid-template-rows: auto auto;
    }

    .max-\[760px\]\:grid-rows-\[auto_auto_auto\] {
      grid-template-rows: auto auto auto;
    }

    .max-\[760px\]\:grid-rows-\[auto_auto_auto_auto\] {
      grid-template-rows: auto auto auto auto;
    }

    .max-\[760px\]\:flex-row {
      flex-direction: row;
    }

    .max-\[760px\]\:items-stretch {
      align-items: stretch;
    }

    .max-\[760px\]\:justify-center {
      justify-content: center;
    }

    .max-\[760px\]\:justify-start {
      justify-content: flex-start;
    }

    .max-\[760px\]\:gap-3 {
      gap: calc(var(--spacing) * 3);
    }

    .max-\[760px\]\:justify-self-center {
      justify-self: center;
    }

    .max-\[760px\]\:\!overflow-auto {
      overflow: auto !important;
    }

    .max-\[760px\]\:\!overflow-hidden {
      overflow: hidden !important;
    }

    .max-\[760px\]\:\!overflow-visible {
      overflow: visible !important;
    }

    .max-\[760px\]\:overflow-visible {
      overflow: visible;
    }

    .max-\[760px\]\:overflow-x-auto {
      overflow-x: auto;
    }

    .max-\[760px\]\:overflow-x-hidden {
      overflow-x: hidden;
    }

    .max-\[760px\]\:overflow-y-auto {
      overflow-y: auto;
    }

    .max-\[760px\]\:border-0 {
      border-style: var(--tw-border-style);
      border-width: 0;
    }

    .max-\[760px\]\:border-t {
      border-top-style: var(--tw-border-style);
      border-top-width: 1px;
    }

    .max-\[760px\]\:border-r-0 {
      border-right-style: var(--tw-border-style);
      border-right-width: 0;
    }

    .max-\[760px\]\:border-b {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 1px;
    }

    .max-\[760px\]\:border-b-2 {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 2px;
    }

    .max-\[760px\]\:border-l-0 {
      border-left-style: var(--tw-border-style);
      border-left-width: 0;
    }

    .max-\[760px\]\:border-b-\[var\(--ide-primary\)\] {
      border-bottom-color: var(--ide-primary);
    }

    .max-\[760px\]\:border-b-transparent {
      border-bottom-color: #0000;
    }

    .max-\[760px\]\:bg-transparent {
      background-color: #0000;
    }

    .max-\[760px\]\:\!p-0 {
      padding: calc(var(--spacing) * 0) !important;
    }

    .max-\[760px\]\:p-1\.5 {
      padding: calc(var(--spacing) * 1.5);
    }

    .max-\[760px\]\:p-3 {
      padding: calc(var(--spacing) * 3);
    }

    .max-\[760px\]\:p-4 {
      padding: calc(var(--spacing) * 4);
    }

    .max-\[760px\]\:p-\[var\(--ide-panel-padding\)\] {
      padding: var(--ide-panel-padding);
    }

    .max-\[760px\]\:px-0 {
      padding-inline: calc(var(--spacing) * 0);
    }

    .max-\[760px\]\:px-2\.5 {
      padding-inline: calc(var(--spacing) * 2.5);
    }

    .max-\[760px\]\:px-3 {
      padding-inline: calc(var(--spacing) * 3);
    }

    .max-\[760px\]\:px-4 {
      padding-inline: calc(var(--spacing) * 4);
    }

    .max-\[760px\]\:py-0 {
      padding-block: calc(var(--spacing) * 0);
    }

    .max-\[760px\]\:py-1 {
      padding-block: calc(var(--spacing) * 1);
    }

    .max-\[760px\]\:py-2\.5 {
      padding-block: calc(var(--spacing) * 2.5);
    }

    .max-\[760px\]\:py-3 {
      padding-block: calc(var(--spacing) * 3);
    }

    .max-\[760px\]\:\!pb-\[var\(--ide-assistant-target\)\] {
      padding-bottom: var(--ide-assistant-target) !important;
    }

    .max-\[760px\]\:opacity-100 {
      opacity: 1;
    }

    .max-\[760px\]\:\[--learn-board-min-size\:0px\] {
      --learn-board-min-size: 0px;
    }

    .max-\[760px\]\:\[--learn-board-size\:max\(0px\,min\(calc\(100vw_-_24px\)\,calc\(100svh_-_var\(--ide-topbar-height\)_-_170px\)\)\)\] {
      --learn-board-size: max(0px, min(calc(100vw - 24px), calc(100svh - var(--ide-topbar-height) - 170px)));
    }

    .max-\[760px\]\:\[--line-editor-board-min-size\:0px\] {
      --line-editor-board-min-size: 0px;
    }

    .max-\[760px\]\:\[--line-editor-board-size\:min\(100\%\,calc\(100vw_-_24px\)\,420px\)\] {
      --line-editor-board-size: min(100%, calc(100vw - 24px), 420px);
    }

    .max-\[760px\]\:aria-\[current\=page\]\:shadow-\[inset_0_-2px_0_var\(--ide-primary\)\][aria-current="page"] {
      --tw-shadow: inset 0 -2px 0 var(--tw-shadow-color, var(--ide-primary));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }

  @media not all and (min-width: 680px) {
    .max-\[680px\]\:grid {
      display: grid;
    }

    .max-\[680px\]\:grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    .max-\[680px\]\:justify-start {
      justify-content: flex-start;
    }

    .max-\[680px\]\:p-4 {
      padding: calc(var(--spacing) * 4);
    }
  }

  @media not all and (min-width: 640px) {
    .max-\[640px\]\:grid {
      display: grid;
    }

    .max-\[640px\]\:h-auto {
      height: auto;
    }

    .max-\[640px\]\:min-h-\[var\(--ide-topbar-height\)\] {
      min-height: var(--ide-topbar-height);
    }

    .max-\[640px\]\:max-w-\[420px\] {
      max-width: 420px;
    }

    .max-\[640px\]\:grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    .max-\[640px\]\:grid-cols-\[minmax\(0\,1fr\)_auto\] {
      grid-template-columns: minmax(0, 1fr) auto;
    }

    .max-\[640px\]\:gap-2 {
      gap: calc(var(--spacing) * 2);
    }

    .max-\[640px\]\:py-2 {
      padding-block: calc(var(--spacing) * 2);
    }
  }

  @media not all and (min-width: 620px) {
    .max-\[620px\]\:grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    .max-\[620px\]\:justify-center {
      justify-content: center;
    }

    .max-\[620px\]\:justify-start {
      justify-content: flex-start;
    }

    .max-\[620px\]\:justify-items-center {
      justify-items: center;
    }

    .max-\[620px\]\:gap-2 {
      gap: calc(var(--spacing) * 2);
    }

    .max-\[620px\]\:text-center {
      text-align: center;
    }

    .max-\[620px\]\:text-left {
      text-align: left;
    }
  }

  @media not all and (min-width: 600px) {
    .max-\[600px\]\:hidden {
      display: none;
    }

    .max-\[600px\]\:flex-col {
      flex-direction: column;
    }
  }

  @media not all and (min-width: 520px) {
    .max-\[520px\]\:hidden {
      display: none;
    }

    .max-\[520px\]\:px-2 {
      padding-inline: calc(var(--spacing) * 2);
    }

    .max-\[520px\]\:px-3 {
      padding-inline: calc(var(--spacing) * 3);
    }
  }

  @media not all and (min-width: 420px) {
    .max-\[420px\]\:-mx-5 {
      margin-inline: calc(var(--spacing) * -5);
    }

    .max-\[420px\]\:-mb-5 {
      margin-bottom: calc(var(--spacing) * -5);
    }

    .max-\[420px\]\:h-\[var\(--ide-text-brand-sm\)\] {
      height: var(--ide-text-brand-sm);
    }

    .max-\[420px\]\:grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    .max-\[420px\]\:p-5 {
      padding: calc(var(--spacing) * 5);
    }

    .max-\[420px\]\:px-5 {
      padding-inline: calc(var(--spacing) * 5);
    }

    .max-\[420px\]\:pt-5 {
      padding-top: calc(var(--spacing) * 5);
    }

    .max-\[420px\]\:pb-5 {
      padding-bottom: calc(var(--spacing) * 5);
    }

    .max-\[420px\]\:text-\[length\:var\(--ide-text-brand-sm\)\] {
      font-size: var(--ide-text-brand-sm);
    }
  }

  @media (min-width: 375px) {
    .min-\[375px\]\:text-\[10px\] {
      font-size: 10px;
    }
  }

  @media (min-width: 641px) {
    .min-\[641px\]\:rounded-\[var\(--ide-radius-lg\)\] {
      border-radius: var(--ide-radius-lg);
    }
  }

  @media (min-width: 760.02px) {
    .min-\[760\.02px\]\:hidden {
      display: none;
    }
  }

  @media (min-width: 761px) {
    .min-\[761px\]\:\[container-type\:size\] {
      container-type: size;
    }

    .min-\[761px\]\:col-start-2 {
      grid-column-start: 2;
    }

    .min-\[761px\]\:row-\[1\/3\] {
      grid-row: 1 / 3;
    }

    .min-\[761px\]\:row-start-2 {
      grid-row-start: 2;
    }

    .min-\[761px\]\:hidden {
      display: none;
    }

    .min-\[761px\]\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  @media (min-width: 901px) {
    .min-\[901px\]\:hidden {
      display: none;
    }
  }

  @media (min-width: 1181px) {
    .min-\[1181px\]\:hidden {
      display: none;
    }
  }

  @media (min-width: 1182px) {
    .min-\[1182px\]\:row-\[1\/3\] {
      grid-row: 1 / 3;
    }

    .min-\[1182px\]\:hidden {
      display: none;
    }
  }

  @media (min-width: 1200px) {
    .min-\[1200px\]\:px-0 {
      padding-inline: calc(var(--spacing) * 0);
    }
  }

  @media (min-width: 1280px) {
    .min-\[1280px\]\:row-\[1\/3\] {
      grid-row: 1 / 3;
    }

    .min-\[1280px\]\:hidden {
      display: none;
    }
  }

  @media (min-width: 1281px) {
    .min-\[1281px\]\:row-\[1\/3\] {
      grid-row: 1 / 3;
    }

    .min-\[1281px\]\:hidden {
      display: none;
    }

    .min-\[1281px\]\:grid-rows-\[minmax\(0\,1fr\)\] {
      grid-template-rows: minmax(0, 1fr);
    }
  }

  @media (min-width: 40rem) {
    .sm\:top-8 {
      top: calc(var(--spacing) * 8);
    }

    .sm\:left-8 {
      left: calc(var(--spacing) * 8);
    }

    .sm\:h-\[calc\(var\(--ide-assistant-avatar\)\+1rem\)\] {
      height: calc(var(--ide-assistant-avatar) + 1rem);
    }

    .sm\:w-auto {
      width: auto;
    }

    .sm\:max-w-\[440px\] {
      max-width: 440px;
    }

    .sm\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .sm\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .sm\:grid-cols-\[max-content_minmax\(0\,1fr\)\] {
      grid-template-columns: max-content minmax(0, 1fr);
    }

    .sm\:flex-row {
      flex-direction: row;
    }

    .sm\:items-center {
      align-items: center;
    }

    .sm\:gap-6 {
      gap: calc(var(--spacing) * 6);
    }

    .sm\:rounded-lg {
      border-radius: var(--radius-lg);
    }

    .sm\:p-3 {
      padding: calc(var(--spacing) * 3);
    }

    .sm\:p-6 {
      padding: calc(var(--spacing) * 6);
    }

    .sm\:px-6 {
      padding-inline: calc(var(--spacing) * 6);
    }

    .sm\:py-8 {
      padding-block: calc(var(--spacing) * 8);
    }

    .sm\:text-\[40px\] {
      font-size: 40px;
    }

    @media not all and (min-width: 64rem) {
      .sm\:max-lg\:max-w-\[620px\] {
        max-width: 620px;
      }
    }
  }

  @media (min-width: 48rem) {
    .md\:mt-0 {
      margin-top: calc(var(--spacing) * 0);
    }

    .md\:flex {
      display: flex;
    }

    .md\:size-7 {
      width: calc(var(--spacing) * 7);
      height: calc(var(--spacing) * 7);
    }

    .md\:size-14 {
      width: calc(var(--spacing) * 14);
      height: calc(var(--spacing) * 14);
    }

    .md\:size-\[62px\] {
      width: 62px;
      height: 62px;
    }

    .md\:w-auto {
      width: auto;
    }

    .md\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .md\:items-center {
      align-items: center;
    }

    .md\:justify-between {
      justify-content: space-between;
    }

    .md\:gap-3 {
      gap: calc(var(--spacing) * 3);
    }

    .md\:gap-6 {
      gap: calc(var(--spacing) * 6);
    }

    .md\:gap-8 {
      gap: calc(var(--spacing) * 8);
    }

    .md\:gap-10 {
      gap: calc(var(--spacing) * 10);
    }

    .md\:p-5 {
      padding: calc(var(--spacing) * 5);
    }

    .md\:p-6 {
      padding: calc(var(--spacing) * 6);
    }

    .md\:p-8 {
      padding: calc(var(--spacing) * 8);
    }

    .md\:px-6 {
      padding-inline: calc(var(--spacing) * 6);
    }

    .md\:px-10 {
      padding-inline: calc(var(--spacing) * 10);
    }

    .md\:py-5 {
      padding-block: calc(var(--spacing) * 5);
    }

    .md\:py-7 {
      padding-block: calc(var(--spacing) * 7);
    }

    .md\:pt-2 {
      padding-top: calc(var(--spacing) * 2);
    }

    .md\:text-\[13px\] {
      font-size: 13px;
    }

    .md\:text-\[15px\] {
      font-size: 15px;
    }

    .md\:leading-\[19px\] {
      --tw-leading: 19px;
      line-height: 19px;
    }

    .md\:leading-\[22px\] {
      --tw-leading: 22px;
      line-height: 22px;
    }
  }

  @media (min-width: 64rem) {
    .lg\:sr-only {
      clip-path: inset(50%);
      white-space: nowrap;
      border-width: 0;
      width: 1px;
      height: 1px;
      margin: -1px;
      padding: 0;
      position: absolute;
      overflow: hidden;
    }

    .lg\:absolute {
      position: absolute;
    }

    .lg\:inset-x-0 {
      inset-inline: calc(var(--spacing) * 0);
    }

    .lg\:top-\[clamp\(0px\,calc\(\(1312px_-_100vw\)\*0\.22\)\,64px\)\] {
      top: clamp(0px, 288.64px - 22vw, 64px);
    }

    .lg\:-z-10 {
      z-index: calc(10 * -1);
    }

    .lg\:mt-0 {
      margin-top: calc(var(--spacing) * 0);
    }

    .lg\:mt-1\.5 {
      margin-top: calc(var(--spacing) * 1.5);
    }

    .lg\:mt-4 {
      margin-top: calc(var(--spacing) * 4);
    }

    .lg\:mt-5 {
      margin-top: calc(var(--spacing) * 5);
    }

    .lg\:mt-7 {
      margin-top: calc(var(--spacing) * 7);
    }

    .lg\:mt-10 {
      margin-top: calc(var(--spacing) * 10);
    }

    .lg\:mt-11 {
      margin-top: calc(var(--spacing) * 11);
    }

    .lg\:mb-2 {
      margin-bottom: calc(var(--spacing) * 2);
    }

    .lg\:mb-5 {
      margin-bottom: calc(var(--spacing) * 5);
    }

    .lg\:block {
      display: block;
    }

    .lg\:hidden {
      display: none;
    }

    .lg\:inline {
      display: inline;
    }

    .lg\:h-auto {
      height: auto;
    }

    .lg\:w-auto {
      width: auto;
    }

    .lg\:max-w-\[1312px\] {
      max-width: 1312px;
    }

    .lg\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .lg\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .lg\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .lg\:grid-cols-5 {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }

    .lg\:grid-cols-6 {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }

    .lg\:grid-cols-\[minmax\(0\,1fr\)_var\(--ide-right-width\)\] {
      grid-template-columns: minmax(0,1fr) var(--ide-right-width);
    }

    .lg\:grid-rows-\[minmax\(0\,1fr\)\] {
      grid-template-rows: minmax(0, 1fr);
    }

    .lg\:justify-start {
      justify-content: flex-start;
    }

    .lg\:gap-0 {
      gap: calc(var(--spacing) * 0);
    }

    .lg\:rounded-none {
      border-radius: 0;
    }

    .lg\:border-0 {
      border-style: var(--tw-border-style);
      border-width: 0;
    }

    .lg\:bg-transparent {
      background-color: #0000;
    }

    .lg\:bg-none {
      background-image: none;
    }

    .lg\:p-0 {
      padding: calc(var(--spacing) * 0);
    }

    .lg\:px-0 {
      padding-inline: calc(var(--spacing) * 0);
    }

    .lg\:px-8 {
      padding-inline: calc(var(--spacing) * 8);
    }

    .lg\:py-1 {
      padding-block: calc(var(--spacing) * 1);
    }

    .lg\:pt-3 {
      padding-top: calc(var(--spacing) * 3);
    }

    .lg\:pr-0 {
      padding-right: calc(var(--spacing) * 0);
    }

    .lg\:pr-6 {
      padding-right: calc(var(--spacing) * 6);
    }

    .lg\:pl-\[23\%\] {
      padding-left: 23%;
    }

    .lg\:text-\[13px\] {
      font-size: 13px;
    }

    .lg\:text-\[17px\] {
      font-size: 17px;
    }

    .lg\:text-\[28px\] {
      font-size: 28px;
    }

    .lg\:text-\[31px\] {
      font-size: 31px;
    }

    .lg\:text-\[34px\] {
      font-size: 34px;
    }

    .lg\:text-\[40px\] {
      font-size: 40px;
    }

    .lg\:leading-9 {
      --tw-leading: calc(var(--spacing) * 9);
      line-height: calc(var(--spacing) * 9);
    }

    .lg\:leading-10 {
      --tw-leading: calc(var(--spacing) * 10);
      line-height: calc(var(--spacing) * 10);
    }

    .lg\:leading-\[19px\] {
      --tw-leading: 19px;
      line-height: 19px;
    }

    .lg\:leading-\[34px\] {
      --tw-leading: 34px;
      line-height: 34px;
    }

    .lg\:leading-\[46px\] {
      --tw-leading: 46px;
      line-height: 46px;
    }

    .lg\:shadow-none {
      --tw-shadow: 0 0 #0000;
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }

    .lg\:first\:pl-\[34\%\]:first-child {
      padding-left: 34%;
    }
  }

  @container (min-width: 320px) {
    .\@min-\[320px\]\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  @container (min-width: 520px) {
    .\@min-\[520px\]\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }

  @container (min-width: 560px) {
    .\@min-\[560px\]\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }

  @container (min-width: 640px) {
    .\@min-\[640px\]\:block {
      display: block;
    }

    .\@min-\[640px\]\:hidden {
      display: none;
    }

    .\@min-\[640px\]\:max-w-72 {
      max-width: calc(var(--spacing) * 72);
    }

    .\@min-\[640px\]\:max-w-96 {
      max-width: calc(var(--spacing) * 96);
    }

    .\@min-\[640px\]\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .\@min-\[640px\]\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .\@min-\[640px\]\:grid-cols-\[minmax\(0\,1fr\)_auto_minmax\(0\,1fr\)\] {
      grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    }

    .\@min-\[640px\]\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1fr\)\] {
      grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    }

    .\@min-\[640px\]\:grid-cols-\[minmax\(0\,2fr\)_minmax\(0\,3fr\)\] {
      grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
    }

    .\@min-\[640px\]\:pr-3 {
      padding-right: calc(var(--spacing) * 3);
    }

    .\@min-\[640px\]\:after\:absolute:after {
      content: var(--tw-content);
      position: absolute;
    }

    .\@min-\[640px\]\:after\:inset-y-6:after {
      content: var(--tw-content);
      inset-block: calc(var(--spacing) * 6);
    }

    .\@min-\[640px\]\:after\:top-1\/2:after {
      content: var(--tw-content);
      top: 50%;
    }

    .\@min-\[640px\]\:after\:-right-3:after {
      content: var(--tw-content);
      right: calc(var(--spacing) * -3);
    }

    .\@min-\[640px\]\:after\:right-0:after {
      content: var(--tw-content);
      right: calc(var(--spacing) * 0);
    }

    .\@min-\[640px\]\:after\:w-3:after {
      content: var(--tw-content);
      width: calc(var(--spacing) * 3);
    }

    .\@min-\[640px\]\:after\:border-t:after {
      content: var(--tw-content);
      border-top-style: var(--tw-border-style);
      border-top-width: 1px;
    }

    .\@min-\[640px\]\:after\:border-r:after {
      content: var(--tw-content);
      border-right-style: var(--tw-border-style);
      border-right-width: 1px;
    }

    .\@min-\[640px\]\:after\:border-\[var\(--ide-outline-variant\)\]:after {
      content: var(--tw-content);
      border-color: var(--ide-outline-variant);
    }

    .\@min-\[640px\]\:after\:content-\[\'\'\]:after {
      --tw-content: "";
      content: var(--tw-content);
    }
  }

  @container (min-width: 18rem) {
    .\@2xs\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:scale-0 {
      --tw-scale-x: 0%;
      --tw-scale-y: 0%;
      --tw-scale-z: 0%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }

    .dark\:scale-100 {
      --tw-scale-x: 100%;
      --tw-scale-y: 100%;
      --tw-scale-z: 100%;
      scale: var(--tw-scale-x) var(--tw-scale-y);
    }

    .dark\:-rotate-90 {
      rotate: -90deg;
    }

    .dark\:rotate-0 {
      rotate: 0deg;
    }
  }

  @media (pointer: coarse) {
    .pointer-coarse\:min-h-9 {
      min-height: calc(var(--spacing) * 9);
    }

    .pointer-coarse\:min-w-9 {
      min-width: calc(var(--spacing) * 9);
    }

    .pointer-coarse\:opacity-100 {
      opacity: 1;
    }
  }

  .\[\&_\.cm-content\]\:\!text-\[length\:var\(--ide-text-code\)\] .cm-content {
    font-size: var(--ide-text-code) !important;
  }

  .\[\&_\.cm-content\]\:\!leading-\[var\(--ide-line-code\)\] .cm-content {
    --tw-leading: var(--ide-line-code) !important;
    line-height: var(--ide-line-code) !important;
  }

  .\[\&_\.cm-content\]\:\!text-\[var\(--ide-code-text\)\] .cm-content, .\[\&_\.cm-content_span\]\:\!text-\[var\(--ide-code-text\)\] .cm-content span {
    color: var(--ide-code-text) !important;
  }

  .\[\&_\.course-form-actions\]\:grid .course-form-actions {
    display: grid;
  }

  .\[\&_\.course-form-actions\]\:gap-2 .course-form-actions {
    gap: calc(var(--spacing) * 2);
  }

  .\[\&_\.course-form-actions_button\]\:w-full .course-form-actions button {
    width: 100%;
  }

  .\[\&_\.create-folder-form\]\:max-w-none .create-folder-form {
    max-width: none;
  }

  .\[\&_\.create-folder-form\]\:gap-2 .create-folder-form {
    gap: calc(var(--spacing) * 2);
  }

  .\[\&_\.create-folder-form\]\:rounded-\[var\(--ide-radius-md\)\] .create-folder-form {
    border-radius: var(--ide-radius-md);
  }

  .\[\&_\.create-folder-form\]\:p-2 .create-folder-form {
    padding: calc(var(--spacing) * 2);
  }

  @media not all and (min-width: 901px) {
    .max-\[901px\]\:\[\&_\.ide-workspace\\_\\_body\]\:\!grid-cols-\[minmax\(0\,1fr\)\] .ide-workspace__body {
      grid-template-columns: minmax(0, 1fr) !important;
    }
  }

  @media not all and (min-width: 900px) {
    .max-\[900px\]\:\[\&_\.ide-workspace\\_\\_body\]\:\!grid-cols-\[minmax\(0\,1fr\)\] .ide-workspace__body {
      grid-template-columns: minmax(0, 1fr) !important;
    }
  }

  @media not all and (min-width: 760px) {
    .max-\[760px\]\:\[\&_\.ide-workspace\\_\\_body\]\:\!h-full .ide-workspace__body {
      height: 100% !important;
    }

    .max-\[760px\]\:\[\&_\.ide-workspace\\_\\_body\]\:\!flex-auto .ide-workspace__body {
      flex: auto !important;
    }

    .max-\[760px\]\:\[\&_\.ide-workspace\\_\\_body\]\:\!grid-rows-\[minmax\(0\,1fr\)\] .ide-workspace__body {
      grid-template-rows: minmax(0, 1fr) !important;
    }

    .max-\[760px\]\:\[\&_\.ide-workspace\\_\\_body\]\:content-start .ide-workspace__body {
      align-content: flex-start;
    }

    .max-\[760px\]\:\[\&_\.ide-workspace\\_\\_body\]\:\!overflow-hidden .ide-workspace__body {
      overflow: hidden !important;
    }
  }

  @media not all and (min-width: 1280.02px) {
    .max-\[1280\.02px\]\:\[\&_\.ide-workspace\\_\\_center\]\:hidden .ide-workspace__center {
      display: none;
    }
  }

  @media not all and (min-width: 1280px) {
    .max-\[1280px\]\:\[\&_\.ide-workspace\\_\\_center\]\:hidden .ide-workspace__center {
      display: none;
    }
  }

  @media not all and (min-width: 1279px) {
    .max-\[1279px\]\:\[\&_\.ide-workspace\\_\\_center\]\:\!hidden .ide-workspace__center {
      display: none !important;
    }
  }

  @media not all and (min-width: 1181px) {
    .max-\[1181px\]\:\[\&_\.ide-workspace\\_\\_center\]\:\!hidden .ide-workspace__center {
      display: none !important;
    }
  }

  @media not all and (min-width: 760px) {
    .max-\[760px\]\:\[\&_\.ide-workspace\\_\\_center\]\:\!h-full .ide-workspace__center {
      height: 100% !important;
    }
  }

  @media not all and (min-width: 1280.02px) {
    .max-\[1280\.02px\]\:\[\&_\.ide-workspace\\_\\_center-and-right\]\:\!grid-cols-\[minmax\(0\,1fr\)\] .ide-workspace__center-and-right {
      grid-template-columns: minmax(0, 1fr) !important;
    }
  }

  @media not all and (min-width: 1280px) {
    .max-\[1280px\]\:\[\&_\.ide-workspace\\_\\_center-and-right\]\:\!grid-cols-\[minmax\(0\,1fr\)\] .ide-workspace__center-and-right {
      grid-template-columns: minmax(0, 1fr) !important;
    }
  }

  @media not all and (min-width: 1279px) {
    .max-\[1279px\]\:\[\&_\.ide-workspace\\_\\_center-and-right\]\:\!grid-cols-\[minmax\(0\,1fr\)\] .ide-workspace__center-and-right {
      grid-template-columns: minmax(0, 1fr) !important;
    }
  }

  @media not all and (min-width: 1181px) {
    .max-\[1181px\]\:\[\&_\.ide-workspace\\_\\_center-and-right\]\:\!grid-cols-\[minmax\(0\,1fr\)\] .ide-workspace__center-and-right {
      grid-template-columns: minmax(0, 1fr) !important;
    }
  }

  @media not all and (min-width: 760px) {
    .max-\[760px\]\:\[\&_\.ide-workspace\\_\\_center-and-right\]\:\!h-full .ide-workspace__center-and-right {
      height: 100% !important;
    }

    .max-\[760px\]\:\[\&_\.ide-workspace\\_\\_center-and-right\]\:\!grid-rows-\[minmax\(0\,1fr\)\] .ide-workspace__center-and-right {
      grid-template-rows: minmax(0, 1fr) !important;
    }

    .max-\[760px\]\:\[\&_\.ide-workspace\\_\\_center-and-right\]\:\!overflow-hidden .ide-workspace__center-and-right {
      overflow: hidden !important;
    }

    .max-\[760px\]\:\[\&_\.ide-workspace\\_\\_center-shell\]\:hidden .ide-workspace__center-shell {
      display: none;
    }

    .max-\[760px\]\:\[\&_\.ide-workspace\\_\\_center-shell\]\:\!h-full .ide-workspace__center-shell {
      height: 100% !important;
    }

    .max-\[760px\]\:\[\&_\.ide-workspace\\_\\_center-shell\]\:\!overflow-hidden .ide-workspace__center-shell {
      overflow: hidden !important;
    }
  }

  @media not all and (min-width: 901px) {
    .max-\[901px\]\:\[\&_\.ide-workspace\\_\\_left\]\:hidden .ide-workspace__left {
      display: none;
    }
  }

  @media not all and (min-width: 900px) {
    .max-\[900px\]\:\[\&_\.ide-workspace\\_\\_left\]\:hidden .ide-workspace__left {
      display: none;
    }
  }

  @media not all and (min-width: 760px) {
    .max-\[760px\]\:\[\&_\.ide-workspace\\_\\_left\]\:hidden .ide-workspace__left {
      display: none;
    }

    .max-\[760px\]\:\[\&_\.ide-workspace\\_\\_left\]\:\!h-full .ide-workspace__left {
      height: 100% !important;
    }

    .max-\[760px\]\:\[\&_\.ide-workspace\\_\\_panel-content\]\:\!grid .ide-workspace__panel-content {
      display: grid !important;
    }

    .max-\[760px\]\:\[\&_\.ide-workspace\\_\\_panel-content\]\:\!h-full .ide-workspace__panel-content {
      height: 100% !important;
    }

    .max-\[760px\]\:\[\&_\.ide-workspace\\_\\_panel-content\]\:\!overflow-hidden .ide-workspace__panel-content {
      overflow: hidden !important;
    }
  }

  @media not all and (min-width: 1280.02px) {
    .max-\[1280\.02px\]\:\[\&_\.ide-workspace\\_\\_right\]\:\!col-start-1 .ide-workspace__right {
      grid-column-start: 1 !important;
    }
  }

  @media not all and (min-width: 1280px) {
    .max-\[1280px\]\:\[\&_\.ide-workspace\\_\\_right\]\:\!col-start-1 .ide-workspace__right {
      grid-column-start: 1 !important;
    }
  }

  @media not all and (min-width: 1280.02px) {
    .max-\[1280\.02px\]\:\[\&_\.ide-workspace\\_\\_right\]\:\!row-start-1 .ide-workspace__right {
      grid-row-start: 1 !important;
    }
  }

  @media not all and (min-width: 1280px) {
    .max-\[1280px\]\:\[\&_\.ide-workspace\\_\\_right\]\:\!row-start-1 .ide-workspace__right {
      grid-row-start: 1 !important;
    }
  }

  @media not all and (min-width: 1280.02px) {
    .max-\[1280\.02px\]\:\[\&_\.ide-workspace\\_\\_right\]\:hidden .ide-workspace__right {
      display: none;
    }
  }

  @media not all and (min-width: 1280px) {
    .max-\[1280px\]\:\[\&_\.ide-workspace\\_\\_right\]\:hidden .ide-workspace__right {
      display: none;
    }
  }

  @media not all and (min-width: 1279px) {
    .max-\[1279px\]\:\[\&_\.ide-workspace\\_\\_right\]\:\!col-start-1 .ide-workspace__right {
      grid-column-start: 1 !important;
    }

    .max-\[1279px\]\:\[\&_\.ide-workspace\\_\\_right\]\:\!row-start-2 .ide-workspace__right {
      grid-row-start: 2 !important;
    }

    .max-\[1279px\]\:\[\&_\.ide-workspace\\_\\_right\]\:hidden .ide-workspace__right {
      display: none;
    }
  }

  @media not all and (min-width: 1181px) {
    .max-\[1181px\]\:\[\&_\.ide-workspace\\_\\_right\]\:\!col-start-1 .ide-workspace__right {
      grid-column-start: 1 !important;
    }

    .max-\[1181px\]\:\[\&_\.ide-workspace\\_\\_right\]\:\!row-start-2 .ide-workspace__right {
      grid-row-start: 2 !important;
    }

    .max-\[1181px\]\:\[\&_\.ide-workspace\\_\\_right\]\:hidden .ide-workspace__right {
      display: none;
    }
  }

  .\[\&_\.line-editor-piece-icon\]\:pointer-events-none .line-editor-piece-icon {
    pointer-events: none;
  }

  .\[\&_\.line-editor-piece-icon\]\:\!grid .line-editor-piece-icon {
    display: grid !important;
  }

  .\[\&_\.line-editor-piece-icon\]\:grid .line-editor-piece-icon {
    display: grid;
  }

  .\[\&_\.line-editor-piece-icon\]\:\!h-full .line-editor-piece-icon {
    height: 100% !important;
  }

  .\[\&_\.line-editor-piece-icon\]\:h-\[var\(--ide-promotion-piece-icon-size\)\] .line-editor-piece-icon {
    height: var(--ide-promotion-piece-icon-size);
  }

  .\[\&_\.line-editor-piece-icon\]\:\!max-h-full .line-editor-piece-icon {
    max-height: 100% !important;
  }

  .\[\&_\.line-editor-piece-icon\]\:\!w-full .line-editor-piece-icon {
    width: 100% !important;
  }

  .\[\&_\.line-editor-piece-icon\]\:w-\[var\(--ide-promotion-piece-icon-size\)\] .line-editor-piece-icon {
    width: var(--ide-promotion-piece-icon-size);
  }

  .\[\&_\.line-editor-piece-icon\]\:\!max-w-full .line-editor-piece-icon {
    max-width: 100% !important;
  }

  .\[\&_\.line-editor-piece-icon\]\:place-items-center .line-editor-piece-icon {
    place-items: center;
  }

  .\[\&_\.line-editor-piece-icon\]\:leading-\[var\(--ide-line-glyph\)\] .line-editor-piece-icon {
    --tw-leading: var(--ide-line-glyph);
    line-height: var(--ide-line-glyph);
  }

  .\[\&_\.line-editor-piece-icon_svg\]\:\!h-full .line-editor-piece-icon svg {
    height: 100% !important;
  }

  .\[\&_\.line-editor-piece-icon_svg\]\:h-full .line-editor-piece-icon svg {
    height: 100%;
  }

  .\[\&_\.line-editor-piece-icon_svg\]\:\!max-h-full .line-editor-piece-icon svg {
    max-height: 100% !important;
  }

  .\[\&_\.line-editor-piece-icon_svg\]\:\!w-full .line-editor-piece-icon svg {
    width: 100% !important;
  }

  .\[\&_\.line-editor-piece-icon_svg\]\:w-full .line-editor-piece-icon svg {
    width: 100%;
  }

  .\[\&_\.line-editor-piece-icon_svg\]\:\!max-w-full .line-editor-piece-icon svg {
    max-width: 100% !important;
  }

  .\[\&_\[data-square\]\]\:\[font-family\:var\(--ide-font-mono\)\] [data-square] {
    font-family: var(--ide-font-mono);
  }

  .\[\&_a\]\:text-\[var\(--ide-primary\)\] a {
    color: var(--ide-primary);
  }

  .\[\&_a\]\:underline a {
    text-decoration-line: underline;
  }

  .\[\&_a\]\:underline-offset-2 a {
    text-underline-offset: 2px;
  }

  .\[\&_a\]\:underline-offset-4 a {
    text-underline-offset: 4px;
  }

  @media (hover: hover) {
    .hover\:\[\&_a\]\:underline:hover a {
      text-decoration-line: underline;
    }
  }

  .\[\&_blockquote\]\:m-0 blockquote {
    margin: calc(var(--spacing) * 0);
  }

  .\[\&_blockquote\]\:border-l-2 blockquote {
    border-left-style: var(--tw-border-style);
    border-left-width: 2px;
  }

  .\[\&_blockquote\]\:border-\[var\(--ide-primary-border\)\] blockquote {
    border-color: var(--ide-primary-border);
  }

  .\[\&_blockquote\]\:pl-3 blockquote {
    padding-left: calc(var(--spacing) * 3);
  }

  .\[\&_blockquote\]\:text-\[var\(--ide-text-secondary\)\] blockquote {
    color: var(--ide-text-secondary);
  }

  .\[\&_button\]\:h-\[34px\] button {
    height: 34px;
  }

  .\[\&_button\]\:min-h-\[34px\] button {
    min-height: 34px;
  }

  .\[\&_button\]\:w-\[34px\] button {
    width: 34px;
  }

  .\[\&_button\]\:w-full button {
    width: 100%;
  }

  .\[\&_button\]\:min-w-\[34px\] button {
    min-width: 34px;
  }

  .\[\&_button\]\:p-0 button {
    padding: calc(var(--spacing) * 0);
  }

  .\[\&_button_svg\]\:h-4 button svg {
    height: calc(var(--spacing) * 4);
  }

  .\[\&_button_svg\]\:w-4 button svg {
    width: calc(var(--spacing) * 4);
  }

  .\[\&_button\:disabled\]\:pointer-events-auto button:disabled {
    pointer-events: auto;
  }

  .\[\&_button\:disabled\]\:cursor-default button:disabled {
    cursor: default;
  }

  .\[\&_code\]\:rounded-\[var\(--ide-radius-sm\)\] code {
    border-radius: var(--ide-radius-sm);
  }

  .\[\&_code\]\:bg-\[var\(--ide-surface-container-high\)\] code {
    background-color: var(--ide-surface-container-high);
  }

  .\[\&_code\]\:px-1 code {
    padding-inline: calc(var(--spacing) * 1);
  }

  .\[\&_code\]\:py-0\.5 code {
    padding-block: calc(var(--spacing) * .5);
  }

  .\[\&_dd\]\:m-0 dd {
    margin: calc(var(--spacing) * 0);
  }

  .\[\&_dd\]\:min-w-0 dd {
    min-width: calc(var(--spacing) * 0);
  }

  .\[\&_dd\]\:text-right dd {
    text-align: right;
  }

  .\[\&_dd\]\:\[font-family\:var\(--ide-font-mono\)\] dd {
    font-family: var(--ide-font-mono);
  }

  .\[\&_dd\]\:text-\[length\:var\(--ide-text-body-sm\)\] dd {
    font-size: var(--ide-text-body-sm);
  }

  .\[\&_dd\]\:leading-\[var\(--ide-line-body-sm\)\] dd {
    --tw-leading: var(--ide-line-body-sm);
    line-height: var(--ide-line-body-sm);
  }

  .\[\&_dd\]\:\[font-weight\:var\(--ide-font-weight-regular\)\] dd {
    font-weight: var(--ide-font-weight-regular);
  }

  .\[\&_dd\]\:tracking-normal dd {
    --tw-tracking: var(--tracking-normal);
    letter-spacing: var(--tracking-normal);
  }

  .\[\&_dd\]\:text-\[var\(--ide-text-muted\)\] dd {
    color: var(--ide-text-muted);
  }

  .\[\&_div\]\:grid div {
    display: grid;
  }

  .\[\&_div\]\:\!grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1fr\)\] div {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  }

  .\[\&_div\]\:grid-cols-\[minmax\(0\,1fr\)_auto\] div {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .\[\&_div\]\:gap-\[var\(--ide-panel-padding\)\] div {
    gap: var(--ide-panel-padding);
  }

  .\[\&_div\]\:\!border-0 div {
    border-style: var(--tw-border-style) !important;
    border-width: 0 !important;
  }

  .\[\&_div\]\:border-b div {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }

  .\[\&_div\]\:border-b-0 div {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0;
  }

  .\[\&_div\]\:border-\[var\(--ide-border-subtle\)\] div {
    border-color: var(--ide-border-subtle);
  }

  .\[\&_div\]\:\!py-0\.5 div {
    padding-block: calc(var(--spacing) * .5) !important;
  }

  .\[\&_div\]\:\!py-1\.5 div {
    padding-block: calc(var(--spacing) * 1.5) !important;
  }

  .\[\&_div\]\:py-2\.5 div {
    padding-block: calc(var(--spacing) * 2.5);
  }

  .\[\&_dt\]\:\[font-family\:var\(--ide-font-mono\)\] dt {
    font-family: var(--ide-font-mono);
  }

  .\[\&_dt\]\:text-\[length\:var\(--ide-text-control\)\] dt {
    font-size: var(--ide-text-control);
  }

  .\[\&_dt\]\:leading-\[var\(--ide-line-control\)\] dt {
    --tw-leading: var(--ide-line-control);
    line-height: var(--ide-line-control);
  }

  .\[\&_dt\]\:\[font-weight\:var\(--ide-font-weight-control\)\] dt {
    font-weight: var(--ide-font-weight-control);
  }

  .\[\&_dt\]\:tracking-normal dt {
    --tw-tracking: var(--tracking-normal);
    letter-spacing: var(--tracking-normal);
  }

  .\[\&_dt\]\:text-\[var\(--ide-text-secondary\)\] dt {
    color: var(--ide-text-secondary);
  }

  .\[\&_dt\]\:normal-case dt {
    text-transform: none;
  }

  .\[\&_dt\]\:uppercase dt {
    text-transform: uppercase;
  }

  .\[\&_h3\]\:my-2 h3 {
    margin-block: calc(var(--spacing) * 2);
  }

  .\[\&_h3\]\:font-semibold h3 {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }

  .\[\&_h4\]\:my-2 h4 {
    margin-block: calc(var(--spacing) * 2);
  }

  .\[\&_h4\]\:font-semibold h4 {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }

  .\[\&_h5\]\:my-2 h5 {
    margin-block: calc(var(--spacing) * 2);
  }

  .\[\&_h5\]\:font-semibold h5 {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }

  .\[\&_h6\]\:my-2 h6 {
    margin-block: calc(var(--spacing) * 2);
  }

  .\[\&_h6\]\:font-semibold h6 {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }

  .\[\&_hr\]\:my-2 hr {
    margin-block: calc(var(--spacing) * 2);
  }

  .\[\&_hr\]\:border-\[var\(--ide-border-subtle\)\] hr {
    border-color: var(--ide-border-subtle);
  }

  .\[\&_input\]\:h-6 input {
    height: calc(var(--spacing) * 6);
  }

  .\[\&_input\]\:h-\[var\(--ide-button-height-sm\)\] input {
    height: var(--ide-button-height-sm);
  }

  .\[\&_input\]\:min-h-0 input {
    min-height: calc(var(--spacing) * 0);
  }

  .\[\&_input\]\:min-h-\[var\(--ide-input-height\)\] input {
    min-height: var(--ide-input-height);
  }

  .\[\&_input\]\:w-\[42px\] input {
    width: 42px;
  }

  .\[\&_input\]\:w-\[64px\] input {
    width: 64px;
  }

  .\[\&_input\]\:w-\[84px\] input {
    width: 84px;
  }

  .\[\&_input\]\:w-\[104px\] input {
    width: 104px;
  }

  .\[\&_input\]\:cursor-pointer input {
    cursor: pointer;
  }

  .\[\&_input\]\:rounded-\[var\(--ide-radius-md\)\] input {
    border-radius: var(--ide-radius-md);
  }

  .\[\&_input\]\:border input {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .\[\&_input\]\:border-0 input {
    border-style: var(--tw-border-style);
    border-width: 0;
  }

  .\[\&_input\]\:border-\[var\(--ide-border-subtle\)\] input {
    border-color: var(--ide-border-subtle);
  }

  .\[\&_input\]\:bg-\[var\(--ide-surface-container-lowest\)\] input {
    background-color: var(--ide-surface-container-lowest);
  }

  .\[\&_input\]\:bg-transparent input {
    background-color: #0000;
  }

  .\[\&_input\]\:p-0 input {
    padding: calc(var(--spacing) * 0);
  }

  .\[\&_input\]\:px-1 input {
    padding-inline: calc(var(--spacing) * 1);
  }

  .\[\&_input\]\:py-0\.5 input {
    padding-block: calc(var(--spacing) * .5);
  }

  .\[\&_input\]\:text-center input {
    text-align: center;
  }

  .\[\&_input\]\:\[font-family\:var\(--ide-font-mono\)\] input {
    font-family: var(--ide-font-mono);
  }

  .\[\&_input\]\:text-\[length\:var\(--ide-text-body-sm\)\] input {
    font-size: var(--ide-text-body-sm);
  }

  .\[\&_input\]\:leading-\[var\(--ide-line-body-sm\)\] input {
    --tw-leading: var(--ide-line-body-sm);
    line-height: var(--ide-line-body-sm);
  }

  .\[\&_input\]\:\[font-weight\:var\(--ide-font-weight-regular\)\] input {
    font-weight: var(--ide-font-weight-regular);
  }

  .\[\&_input\]\:tracking-normal input {
    --tw-tracking: var(--tracking-normal);
    letter-spacing: var(--tracking-normal);
  }

  .\[\&_input\]\:text-\[var\(--ide-text-muted\)\] input {
    color: var(--ide-text-muted);
  }

  .\[\&_input\]\:text-\[var\(--ide-text-on-surface\)\] input {
    color: var(--ide-text-on-surface);
  }

  .\[\&_input\]\:\[font-variant-numeric\:tabular-nums\] input {
    font-variant-numeric: tabular-nums;
  }

  .\[\&_input\]\:accent-\[var\(--ide-primary\)\] input {
    accent-color: var(--ide-primary);
  }

  .\[\&_input\]\:shadow-none input {
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .\[\&_input\:\:placeholder\]\:text-\[var\(--ide-text-secondary\)\] input::placeholder {
    color: var(--ide-text-secondary);
  }

  .\[\&_input\:disabled\]\:cursor-not-allowed input:disabled {
    cursor: not-allowed;
  }

  .\[\&_input\:disabled\]\:text-\[var\(--ide-text-dim\)\] input:disabled {
    color: var(--ide-text-dim);
  }

  .\[\&_input\:disabled\]\:opacity-70 input:disabled {
    opacity: .7;
  }

  .\[\&_input\:focus\]\:border-\[var\(--ide-primary\)\] input:focus {
    border-color: var(--ide-primary);
  }

  .\[\&_input\:focus\]\:outline input:focus, .\[\&_input\:focus\]\:outline-1 input:focus {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }

  .\[\&_input\:focus\]\:outline-offset-0 input:focus {
    outline-offset: 0px;
  }

  .\[\&_input\:focus\]\:outline-\[var\(--ide-primary-border\)\] input:focus {
    outline-color: var(--ide-primary-border);
  }

  .\[\&_input\:focus-visible\]\:border-\[var\(--ide-primary\)\] input:focus-visible {
    border-color: var(--ide-primary);
  }

  .\[\&_input\:focus-visible\]\:outline input:focus-visible, .\[\&_input\:focus-visible\]\:outline-1 input:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }

  .\[\&_input\:focus-visible\]\:outline-offset-0 input:focus-visible {
    outline-offset: 0px;
  }

  .\[\&_input\:focus-visible\]\:outline-\[var\(--ide-primary-border\)\] input:focus-visible {
    outline-color: var(--ide-primary-border);
  }

  .\[\&_label\]\:flex label {
    display: flex;
  }

  .\[\&_label\]\:min-h-6 label {
    min-height: calc(var(--spacing) * 6);
  }

  .\[\&_label\]\:cursor-pointer label {
    cursor: pointer;
  }

  .\[\&_label\]\:items-center label {
    align-items: center;
  }

  .\[\&_label\]\:gap-2 label {
    gap: calc(var(--spacing) * 2);
  }

  .\[\&_label\]\:rounded-\[var\(--ide-radius-sm\)\] label {
    border-radius: var(--ide-radius-sm);
  }

  .\[\&_label\]\:border-0 label {
    border-style: var(--tw-border-style);
    border-width: 0;
  }

  .\[\&_label\]\:bg-transparent label {
    background-color: #0000;
  }

  .\[\&_label\]\:px-1 label {
    padding-inline: calc(var(--spacing) * 1);
  }

  .\[\&_label\]\:py-0\.5 label {
    padding-block: calc(var(--spacing) * .5);
  }

  .\[\&_label\]\:\[font-family\:var\(--ide-font-mono\)\] label {
    font-family: var(--ide-font-mono);
  }

  .\[\&_label\]\:text-\[length\:var\(--ide-text-body-sm\)\] label {
    font-size: var(--ide-text-body-sm);
  }

  .\[\&_label\]\:leading-\[var\(--ide-line-body-sm\)\] label {
    --tw-leading: var(--ide-line-body-sm);
    line-height: var(--ide-line-body-sm);
  }

  .\[\&_label\]\:\[font-weight\:var\(--ide-font-weight-regular\)\] label {
    font-weight: var(--ide-font-weight-regular);
  }

  .\[\&_label\]\:tracking-normal label {
    --tw-tracking: var(--tracking-normal);
    letter-spacing: var(--tracking-normal);
  }

  .\[\&_label\]\:text-\[var\(--ide-text-muted\)\] label {
    color: var(--ide-text-muted);
  }

  .\[\&_label\:hover\]\:text-\[var\(--ide-text-on-surface\)\] label:hover {
    color: var(--ide-text-on-surface);
  }

  .\[\&_legend\]\:col-span-full legend {
    grid-column: 1 / -1;
  }

  .\[\&_legend\]\:mb-0\.5 legend {
    margin-bottom: calc(var(--spacing) * .5);
  }

  .\[\&_li\]\:my-0\.5 li {
    margin-block: calc(var(--spacing) * .5);
  }

  .\[\&_ol\]\:my-1 ol {
    margin-block: calc(var(--spacing) * 1);
  }

  .\[\&_ol\]\:list-decimal ol {
    list-style-type: decimal;
  }

  .\[\&_ol\]\:pl-5 ol {
    padding-left: calc(var(--spacing) * 5);
  }

  .\[\&_p\]\:m-0 p {
    margin: calc(var(--spacing) * 0);
  }

  .\[\&_p\+\*\]\:\!mt-4 p + * {
    margin-top: calc(var(--spacing) * 4) !important;
  }

  .\[\&_p\+\*\]\:mt-2 p + * {
    margin-top: calc(var(--spacing) * 2);
  }

  .\[\&_pre\]\:my-2 pre {
    margin-block: calc(var(--spacing) * 2);
  }

  .\[\&_pre\]\:max-w-full pre {
    max-width: 100%;
  }

  .\[\&_pre\]\:overflow-x-auto pre {
    overflow-x: auto;
  }

  .\[\&_pre\]\:rounded-\[var\(--ide-radius-sm\)\] pre {
    border-radius: var(--ide-radius-sm);
  }

  .\[\&_pre\]\:bg-\[var\(--ide-surface-container-high\)\] pre {
    background-color: var(--ide-surface-container-high);
  }

  .\[\&_pre\]\:p-2 pre {
    padding: calc(var(--spacing) * 2);
  }

  .\[\&_pre\]\:whitespace-pre pre {
    white-space: pre;
  }

  .\[\&_pre_code\]\:bg-transparent pre code {
    background-color: #0000;
  }

  .\[\&_pre_code\]\:p-0 pre code {
    padding: calc(var(--spacing) * 0);
  }

  .\[\&_select\]\:h-\[var\(--ide-button-height-sm\)\] select {
    height: var(--ide-button-height-sm);
  }

  .\[\&_select\]\:min-h-\[var\(--ide-input-height\)\] select {
    min-height: var(--ide-input-height);
  }

  .\[\&_select\]\:w-\[72px\] select {
    width: 72px;
  }

  .\[\&_select\]\:w-\[120px\] select {
    width: 120px;
  }

  .\[\&_select\]\:w-\[150px\] select {
    width: 150px;
  }

  .\[\&_select\]\:w-\[160px\] select {
    width: 160px;
  }

  .\[\&_select\]\:rounded-\[var\(--ide-radius-md\)\] select {
    border-radius: var(--ide-radius-md);
  }

  .\[\&_select\]\:border select {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .\[\&_select\]\:border-\[var\(--ide-border-subtle\)\] select {
    border-color: var(--ide-border-subtle);
  }

  .\[\&_select\]\:bg-\[var\(--ide-surface-container-lowest\)\] select {
    background-color: var(--ide-surface-container-lowest);
  }

  .\[\&_select\]\:px-1\.5 select {
    padding-inline: calc(var(--spacing) * 1.5);
  }

  .\[\&_select\]\:py-0\.5 select {
    padding-block: calc(var(--spacing) * .5);
  }

  .\[\&_select\]\:\[font-family\:var\(--ide-font-mono\)\] select {
    font-family: var(--ide-font-mono);
  }

  .\[\&_select\]\:text-\[length\:var\(--ide-text-body-sm\)\] select {
    font-size: var(--ide-text-body-sm);
  }

  .\[\&_select\]\:leading-\[var\(--ide-line-body-sm\)\] select {
    --tw-leading: var(--ide-line-body-sm);
    line-height: var(--ide-line-body-sm);
  }

  .\[\&_select\]\:\[font-weight\:var\(--ide-font-weight-regular\)\] select {
    font-weight: var(--ide-font-weight-regular);
  }

  .\[\&_select\]\:tracking-normal select {
    --tw-tracking: var(--tracking-normal);
    letter-spacing: var(--tracking-normal);
  }

  .\[\&_select\]\:text-\[var\(--ide-text-muted\)\] select {
    color: var(--ide-text-muted);
  }

  .\[\&_select\]\:text-\[var\(--ide-text-on-surface\)\] select {
    color: var(--ide-text-on-surface);
  }

  .\[\&_select\]\:shadow-none select {
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .\[\&_select\:disabled\]\:cursor-not-allowed select:disabled {
    cursor: not-allowed;
  }

  .\[\&_select\:disabled\]\:text-\[var\(--ide-text-dim\)\] select:disabled {
    color: var(--ide-text-dim);
  }

  .\[\&_select\:disabled\]\:opacity-70 select:disabled {
    opacity: .7;
  }

  .\[\&_select\:focus\]\:border-\[var\(--ide-primary\)\] select:focus {
    border-color: var(--ide-primary);
  }

  .\[\&_select\:focus\]\:outline select:focus, .\[\&_select\:focus\]\:outline-1 select:focus {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }

  .\[\&_select\:focus\]\:outline-offset-0 select:focus {
    outline-offset: 0px;
  }

  .\[\&_select\:focus\]\:outline-\[var\(--ide-primary-border\)\] select:focus {
    outline-color: var(--ide-primary-border);
  }

  .\[\&_select\:focus-visible\]\:border-\[var\(--ide-primary\)\] select:focus-visible {
    border-color: var(--ide-primary);
  }

  .\[\&_select\:focus-visible\]\:outline select:focus-visible, .\[\&_select\:focus-visible\]\:outline-1 select:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }

  .\[\&_select\:focus-visible\]\:outline-offset-0 select:focus-visible {
    outline-offset: 0px;
  }

  .\[\&_select\:focus-visible\]\:outline-\[var\(--ide-primary-border\)\] select:focus-visible {
    outline-color: var(--ide-primary-border);
  }

  .\[\&_span\[data-rich-text-color\=\'muted\'\]\]\:text-\[var\(--ide-text-secondary\)\] span[data-rich-text-color="muted"] {
    color: var(--ide-text-secondary);
  }

  .\[\&_span\[data-rich-text-color\=\'orange\'\]\]\:text-\[var\(--ide-archive\)\] span[data-rich-text-color="orange"] {
    color: var(--ide-archive);
  }

  .\[\&_span\[data-rich-text-color\=\'primary\'\]\]\:text-\[var\(--ide-primary\)\] span[data-rich-text-color="primary"] {
    color: var(--ide-primary);
  }

  .\[\&_span\[data-rich-text-color\=\'red\'\]\]\:text-\[var\(--ide-danger\)\] span[data-rich-text-color="red"] {
    color: var(--ide-danger);
  }

  .\[\&_span\[data-rich-text-color\=\'success\'\]\]\:text-\[var\(--ide-success\)\] span[data-rich-text-color="success"] {
    color: var(--ide-success);
  }

  .\[\&_span\[data-rich-text-color\=\'warning\'\]\]\:text-\[var\(--ide-due\)\] span[data-rich-text-color="warning"] {
    color: var(--ide-due);
  }

  .\[\&_span\[data-rich-text-color\=\'white\'\]\]\:text-\[var\(--ide-text-primary\)\] span[data-rich-text-color="white"] {
    color: var(--ide-text-primary);
  }

  .\[\&_span\[data-rich-text-size\=\'large\'\]\]\:text-\[length\:var\(--ide-rich-text-size-large\)\] span[data-rich-text-size="large"] {
    font-size: var(--ide-rich-text-size-large);
  }

  .\[\&_span\[data-rich-text-size\=\'normal\'\]\]\:text-\[length\:var\(--ide-rich-text-size-normal\)\] span[data-rich-text-size="normal"] {
    font-size: var(--ide-rich-text-size-normal);
  }

  .\[\&_span\[data-rich-text-size\=\'small\'\]\]\:text-\[length\:var\(--ide-rich-text-size-small\)\] span[data-rich-text-size="small"] {
    font-size: var(--ide-rich-text-size-small);
  }

  .\[\&_strong\]\:font-semibold strong {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }

  .peer-checked\:\[\&_svg\]\:opacity-100:is(:where(.peer):checked ~ *) svg {
    opacity: 1;
  }

  .\[\&_table\]\:w-full table {
    width: 100%;
  }

  .\[\&_table\]\:border-collapse table {
    border-collapse: collapse;
  }

  .\[\&_td\]\:border td {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .\[\&_td\]\:border-\[var\(--ide-border-subtle\)\] td {
    border-color: var(--ide-border-subtle);
  }

  .\[\&_td\]\:p-2 td {
    padding: calc(var(--spacing) * 2);
  }

  .\[\&_textarea\]\:max-h-\[54px\] textarea {
    max-height: 54px;
  }

  .\[\&_textarea\]\:min-h-\[42px\] textarea {
    min-height: 42px;
  }

  .\[\&_textarea\]\:min-h-\[var\(--ide-input-height\)\] textarea {
    min-height: var(--ide-input-height);
  }

  .\[\&_textarea\]\:\[scrollbar-color\:var\(--ide-border-subtle\)_transparent\] textarea {
    scrollbar-color: var(--ide-border-subtle) transparent;
  }

  .\[\&_textarea\]\:rounded-\[var\(--ide-radius-md\)\] textarea {
    border-radius: var(--ide-radius-md);
  }

  .\[\&_textarea\]\:border-\[var\(--ide-border-subtle\)\] textarea {
    border-color: var(--ide-border-subtle);
  }

  .\[\&_textarea\]\:bg-\[var\(--ide-surface-container-lowest\)\] textarea {
    background-color: var(--ide-surface-container-lowest);
  }

  .\[\&_textarea\]\:\[font-family\:var\(--ide-font-mono\)\] textarea {
    font-family: var(--ide-font-mono);
  }

  .\[\&_textarea\]\:text-\[length\:var\(--ide-text-body-sm\)\] textarea {
    font-size: var(--ide-text-body-sm);
  }

  .\[\&_textarea\]\:leading-\[var\(--ide-line-body-sm\)\] textarea {
    --tw-leading: var(--ide-line-body-sm);
    line-height: var(--ide-line-body-sm);
  }

  .\[\&_textarea\]\:\[font-weight\:var\(--ide-font-weight-regular\)\] textarea {
    font-weight: var(--ide-font-weight-regular);
  }

  .\[\&_textarea\]\:tracking-normal textarea {
    --tw-tracking: var(--tracking-normal);
    letter-spacing: var(--tracking-normal);
  }

  .\[\&_textarea\]\:text-\[var\(--ide-text-muted\)\] textarea {
    color: var(--ide-text-muted);
  }

  .\[\&_textarea\]\:shadow-none textarea {
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .\[\&_textarea\:\:placeholder\]\:text-\[var\(--ide-text-secondary\)\] textarea::placeholder {
    color: var(--ide-text-secondary);
  }

  .\[\&_textarea\:disabled\]\:cursor-not-allowed textarea:disabled {
    cursor: not-allowed;
  }

  .\[\&_textarea\:disabled\]\:text-\[var\(--ide-text-dim\)\] textarea:disabled {
    color: var(--ide-text-dim);
  }

  .\[\&_textarea\:disabled\]\:opacity-70 textarea:disabled {
    opacity: .7;
  }

  .\[\&_textarea\:focus\]\:border-\[var\(--ide-primary\)\] textarea:focus {
    border-color: var(--ide-primary);
  }

  .\[\&_textarea\:focus\]\:outline textarea:focus, .\[\&_textarea\:focus\]\:outline-1 textarea:focus {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }

  .\[\&_textarea\:focus\]\:outline-offset-0 textarea:focus {
    outline-offset: 0px;
  }

  .\[\&_textarea\:focus\]\:outline-\[var\(--ide-primary-border\)\] textarea:focus {
    outline-color: var(--ide-primary-border);
  }

  .\[\&_th\]\:border th {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .\[\&_th\]\:border-\[var\(--ide-border-subtle\)\] th {
    border-color: var(--ide-border-subtle);
  }

  .\[\&_th\]\:p-2 th {
    padding: calc(var(--spacing) * 2);
  }

  .\[\&_th\]\:text-left th {
    text-align: left;
  }

  .\[\&_ul\]\:my-1 ul {
    margin-block: calc(var(--spacing) * 1);
  }

  .\[\&_ul\]\:list-disc ul {
    list-style-type: disc;
  }

  .\[\&_ul\]\:pl-5 ul {
    padding-left: calc(var(--spacing) * 5);
  }

  .\[\&\:\:-webkit-details-marker\]\:hidden::-webkit-details-marker {
    display: none;
  }

  .\[hidden\]\:hidden:is(hidden) {
    display: none;
  }

  .\[\&\>\*\]\:max-w-full > * {
    max-width: 100%;
  }

  .\[\&\>\*\]\:min-w-0 > * {
    min-width: calc(var(--spacing) * 0);
  }

  .\[\&\>\[data-board-reset-nonce\]\]\:aspect-square > [data-board-reset-nonce] {
    aspect-ratio: 1;
  }

  .\[\&\>\[data-board-reset-nonce\]\]\:h-full > [data-board-reset-nonce] {
    height: 100%;
  }

  .\[\&\>\[data-board-reset-nonce\]\]\:w-full > [data-board-reset-nonce] {
    width: 100%;
  }

  .\[\&\>button\]\:min-h-7 > button {
    min-height: calc(var(--spacing) * 7);
  }

  .\[\&\>button\]\:rounded-\[calc\(var\(--ide-radius-sm\)-1px\)\] > button {
    border-radius: calc(var(--ide-radius-sm) - 1px);
  }

  .\[\&\>button\]\:px-2 > button {
    padding-inline: calc(var(--spacing) * 2);
  }

  .\[\&\>button\]\:text-\[var\(--ide-text-secondary\)\] > button {
    color: var(--ide-text-secondary);
  }

  @media (hover: hover) {
    .\[\&\>button\]\:hover\:bg-\[var\(--ide-surface-container\)\] > button:hover {
      background-color: var(--ide-surface-container);
    }
  }

  .\[\&\>button\[data-active\=true\]\]\:\!bg-\[var\(--ide-surface-container-high\)\] > button[data-active="true"] {
    background-color: var(--ide-surface-container-high) !important;
  }

  .\[\&\>button\[data-active\=true\]\]\:\!text-\[var\(--ide-primary\)\] > button[data-active="true"] {
    color: var(--ide-primary) !important;
  }

  .\[\&\>div\:last-child\>button\]\:w-full > div:last-child > button {
    width: 100%;
  }

  .\[\&\>div\:last-child\>button\]\:justify-between > div:last-child > button {
    justify-content: space-between;
  }

  .\[\&\>img\]\:h-full > img {
    height: 100%;
  }

  .\[\&\>img\]\:w-full > img {
    width: 100%;
  }

  .\[\&\>img\]\:\!rounded-\[var\(--ide-radius-lg\)\] > img {
    border-radius: var(--ide-radius-lg) !important;
  }

  .\[\&\>img\]\:\!rounded-none > img {
    border-radius: 0 !important;
  }

  .\[\&\>img\]\:rounded-full > img {
    border-radius: 2147483647px;
  }

  .\[\&\>img\]\:object-cover > img {
    object-fit: cover;
  }

  .\[\&\>p\]\:my-1 > p {
    margin-block: calc(var(--spacing) * 1);
  }

  .\[\&\>p\:first-child\]\:text-\[var\(--ide-text-primary\)\] > p:first-child {
    color: var(--ide-text-primary);
  }

  .\[\&\>span\]\:inline-grid > span {
    display: inline-grid;
  }

  .\[\&\>span\]\:min-w-4 > span {
    min-width: calc(var(--spacing) * 4);
  }

  .\[\&\>span\]\:min-w-5 > span {
    min-width: calc(var(--spacing) * 5);
  }

  .\[\&\>span\]\:place-items-center > span {
    place-items: center;
  }

  .\[\&\>span\]\:text-\[length\:var\(--ide-text-glyph-sm\)\] > span {
    font-size: var(--ide-text-glyph-sm);
  }

  .\[\&\>span\]\:leading-\[var\(--ide-line-glyph\)\] > span {
    --tw-leading: var(--ide-line-glyph);
    line-height: var(--ide-line-glyph);
  }

  .\[\&\>span\]\:font-black > span {
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
  }

  .\[\&\>span\]\:\[font-weight\:var\(--ide-font-weight-glyph\)\] > span {
    font-weight: var(--ide-font-weight-glyph);
  }

  .\[\&\>span\]\:text-\[var\(--ide-text-secondary\)\] > span {
    color: var(--ide-text-secondary);
  }

  .\[\&\>svg\]\:\!h-7 > svg {
    height: calc(var(--spacing) * 7) !important;
  }

  .\[\&\>svg\]\:\!w-7 > svg {
    width: calc(var(--spacing) * 7) !important;
  }

  @media (max-width: 760px) {
    .\[\@media\(max-width\:760px\)\]\:flex {
      display: flex;
    }

    .\[\@media\(max-width\:760px\)\]\:hidden {
      display: none;
    }

    .\[\@media\(max-width\:760px\)\]\:h-auto {
      height: auto;
    }

    .\[\@media\(max-width\:760px\)\]\:flex-none\! {
      flex: none !important;
    }

    .\[\@media\(max-width\:760px\)\]\:overflow-visible {
      overflow: visible;
    }
  }
}

.ide-markdown-editor .cherry {
  --font-family-sans: var(--ide-font-mono);
  --font-family-mono: var(--ide-font-mono);
  --font-size-sm: var(--ide-text-body-sm);
  --base-font-color: var(--ide-text-muted);
  --base-sub-font-color: var(--ide-text-secondary);
  --primary-color: var(--ide-primary);
  --secondary-color: var(--ide-primary-soft);
  --border-color: var(--ide-border-subtle);
  --bg-color-lighter: var(--ide-surface-container-low);
  --toolbar-bg: var(--ide-surface-container-lowest);
  --toolbar-border: var(--ide-border-subtle);
  --toolbar-btn-color: var(--ide-text-muted);
  --toolbar-btn-bg: transparent;
  --toolbar-btn-hover-bg: var(--ide-surface-variant);
  --toolbar-btn-hover-color: var(--ide-text-on-surface);
  --toolbar-btn-active-bg: var(--ide-primary-soft);
  --toolbar-btn-disabled: var(--ide-text-secondary);
  --toolbar-btn-radius: var(--ide-radius-md);
  --toolbar-btn-height: var(--ide-button-height-sm);
  --toolbar-split-color: var(--ide-border-subtle);
  --dropdown-bg: var(--ide-surface-container-high);
  --dropdown-border: var(--ide-border-subtle);
  --dropdown-radius: var(--ide-radius-md);
  --dropdown-item-color: var(--ide-text-muted);
  --dropdown-item-hover-bg: var(--ide-surface-variant);
  --dropdown-item-hover-color: var(--ide-text-on-surface);
  --dropdown-item-active-bg: var(--ide-primary-soft);
  --dropdown-item-active-color: var(--ide-primary);
  --dropdown-item-radius: var(--ide-radius-sm);
  --editor-cursor-color: var(--ide-primary);
  --syntax-selection-color: var(--ide-primary-border);
  height: 100%;
  box-shadow: none;
  background: var(--ide-surface-container-lowest);
  font-family: var(--ide-font-mono);
  border-radius: 0;
}

.ide-markdown-editor .cherry-toolbar, .ide-markdown-editor .cherry-editor {
  background: var(--ide-surface-container-lowest);
  color: var(--ide-text-muted);
}

.ide-markdown-editor .cherry-toolbar {
  border-bottom: 1px solid var(--ide-border-subtle);
  font-family: var(--ide-font-mono);
  padding: 8px;
}

.ide-markdown-editor .cherry-toolbar .toolbar-left {
  flex-wrap: wrap;
  align-items: center;
  gap: 4px;
  display: flex;
}

.ide-markdown-editor .cherry-toolbar-button {
  float: none;
  width: var(--ide-button-height-sm);
  height: var(--ide-button-height-sm);
  border-radius: var(--ide-radius-md);
  color: var(--ide-text-muted);
  justify-content: center;
  align-items: center;
  padding: 0;
  display: inline-flex;
}

.ide-markdown-editor .cherry-toolbar-split {
  background: var(--ide-border-subtle);
  width: 1px;
}

.ide-markdown-editor .cherry-toolbar-button .ch-icon {
  color: inherit;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.ide-markdown-editor .cherry-toolbar-button .ch-icon:before {
  content: none;
}

.ide-markdown-editor .cherry-toolbar-button:hover, .ide-markdown-editor .cherry-dropdown-item:hover {
  background: var(--ide-surface-variant);
  color: var(--ide-text-on-surface);
}

.ide-markdown-editor .cherry-toolbar-button:focus-visible, .ide-markdown-editor .cherry-dropdown-item:focus-visible, .ide-markdown-editor .cherry-color-wrap [role="button"]:focus-visible {
  outline: 1px solid var(--ide-primary-border);
  outline-offset: -1px;
}

.ide-markdown-editor [data-disabled="true"] .cherry-toolbar-button {
  opacity: .45;
  pointer-events: none;
}

.ide-markdown-editor .cherry-dropdown, .ide-markdown-editor .cherry-color-wrap {
  box-sizing: border-box;
  background: var(--ide-surface-container-high);
  max-width: calc(100vw - 32px);
  max-height: calc(100dvh - 32px);
  color: var(--ide-text-muted);
  border: 1px solid var(--ide-border-subtle);
  border-radius: var(--ide-radius-md);
  font-family: var(--ide-font-mono);
  scrollbar-width: thin;
  scrollbar-color: var(--ide-border-subtle) transparent;
  margin: 0;
  position: fixed;
  overflow: auto;
}

.ide-markdown-editor .cherry-dropdown-item {
  font-family: var(--ide-font-mono);
  font-size: var(--ide-text-body-sm);
  line-height: var(--ide-line-body-sm);
  border-radius: var(--ide-radius-sm);
  margin: 2px 4px;
  padding: 4px 8px;
}

.ide-markdown-editor .cherry-color-wrap {
  padding: 16px;
}

.ide-markdown-editor .cherry-color-wrap .cherry-color-tabs {
  gap: 4px;
  margin-bottom: 16px;
}

.ide-markdown-editor .cherry-color-wrap .cherry-color-tab, .ide-markdown-editor .cherry-color-wrap .cherry-color-clear {
  padding: 8px;
}

.ide-markdown-editor .cherry-color-wrap .cherry-color-picker, .ide-markdown-editor .cherry-color-wrap .cherry-color-recent {
  margin-bottom: 16px;
}

.ide-markdown-editor .cherry-color-wrap .cherry-color-section-title {
  margin-bottom: 8px;
}

.ide-markdown-editor .cherry-color-wrap .cherry-color-hue-container {
  margin-top: 8px;
}

.ide-markdown-editor .cherry-color-wrap .cherry-color-preset-row {
  margin-bottom: 6px;
}

.ide-markdown-editor .cherry-color-wrap .cherry-color-tab-group {
  background: var(--ide-surface-container-low);
  border-radius: var(--ide-radius-sm);
}

.ide-markdown-editor .cherry-color-wrap .cherry-color-tab, .ide-markdown-editor .cherry-color-wrap .cherry-color-clear, .ide-markdown-editor .cherry-color-wrap .cherry-color-section-title {
  font-family: var(--ide-font-mono);
  font-size: var(--ide-text-caption);
  color: var(--ide-text-muted);
  border-radius: var(--ide-radius-sm);
}

.ide-markdown-editor .cherry-color-wrap .cherry-color-tab.active {
  background: var(--ide-primary-soft);
  color: var(--ide-primary);
}

.ide-markdown-editor .cherry-color-wrap .cherry-color-tab:hover:not(.active), .ide-markdown-editor .cherry-color-wrap .cherry-color-clear:hover {
  background: var(--ide-surface-variant);
  color: var(--ide-text-on-surface);
}

.ide-markdown-editor .cherry-color-wrap .cherry-color-pointer, .ide-markdown-editor .cherry-color-wrap .cherry-color-hue-pointer {
  border-color: var(--ide-text-muted);
}

.ide-markdown-editor .cherry-color-wrap .cherry-color-main, .ide-markdown-editor .cherry-color-wrap .cherry-color-hue, .ide-markdown-editor .cherry-color-wrap .cherry-color-preview, .ide-markdown-editor .cherry-color-wrap .cherry-color-item {
  border-radius: var(--ide-radius-sm);
}

.ide-markdown-editor .cherry-color-wrap .cherry-color-preset-row {
  gap: 4px;
}

.ide-markdown-editor .cherry-color-wrap .cherry-color-item {
  border-color: var(--ide-border-subtle);
  flex: 1 1 0;
  min-width: 0;
}

.ide-markdown-editor .cherry-color-wrap .cherry-color-recent-grid .cherry-color-recent-item {
  flex: 0 0 24px;
}

.ide-markdown-editor .cm-editor, .ide-markdown-editor .cm-scroller, .ide-markdown-editor .cm-content {
  background: var(--ide-surface-container-lowest);
  font-family: var(--ide-font-mono);
  font-size: var(--ide-text-body-sm);
  line-height: var(--ide-line-body-sm);
  color: var(--ide-text-muted);
  scrollbar-width: thin;
  scrollbar-color: var(--ide-border-subtle) transparent;
}

.ide-markdown-editor .cm-content span {
  color: var(--ide-text-muted);
}

.ide-markdown-editor .cm-activeLine, .ide-markdown-editor .cm-activeLineGutter {
  background: var(--ide-primary-soft);
}

.ide-markdown-editor .cm-cursor {
  border-left-color: var(--ide-primary);
}

.ide-markdown-editor .cm-selectionBackground {
  background: var(--ide-primary-border);
}

.ide-markdown-editor .cm-gutters {
  background: var(--ide-surface-container-low);
  color: var(--ide-text-secondary);
  border-color: var(--ide-border-subtle);
}

@keyframes board-training-celebration-enter {
  0% {
    opacity: 0;
  }

  18% {
    opacity: 1;
  }

  to {
    opacity: 1;
  }
}

@keyframes board-training-firework-field {
  0% {
    opacity: 0;
    transform: scale(.96) rotate(0);
  }

  18% {
    opacity: .88;
  }

  to {
    opacity: 0;
    transform: scale(1.08) rotate(10deg);
  }
}

.board-training-celebration {
  pointer-events: none;
  z-index: 8;
  place-items: center;
  animation: .72s ease-out both board-training-celebration-enter;
  display: grid;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.board-training-celebration[data-animation="message"] {
  background: radial-gradient(circle at 50% 48%, var(--ide-primary), transparent 34%), linear-gradient(180deg, #0000001f, #00000052);
}

@supports (color: color-mix(in lab, red, red)) {
  .board-training-celebration[data-animation="message"] {
    background: radial-gradient(circle at 50% 48%, color-mix(in srgb, var(--ide-primary) 12%, transparent), transparent 34%), linear-gradient(180deg, #0000001f, #00000052);
  }
}

.board-training-celebration[data-animation="success-check"], .board-training-celebration[data-animation="warning-mark"] {
  --board-training-completion-accent: var(--ide-success);
  background: radial-gradient(circle at 50% 48%, var(--board-training-completion-accent), transparent 32%), linear-gradient(180deg, #00000014, #00000057);
}

@supports (color: color-mix(in lab, red, red)) {
  .board-training-celebration[data-animation="success-check"], .board-training-celebration[data-animation="warning-mark"] {
    background: radial-gradient(circle at 50% 48%, color-mix(in srgb, var(--board-training-completion-accent) 20%, transparent), transparent 32%), linear-gradient(180deg, #00000014, #00000057);
  }
}

.board-training-celebration[data-animation="warning-mark"] {
  --board-training-completion-accent: var(--ide-due);
}

.board-training-celebration[data-animation="fireworks"] {
  background: radial-gradient(circle at 18% 20%, var(--ide-success), transparent 20%), radial-gradient(circle at 78% 24%, var(--ide-primary), transparent 24%), radial-gradient(circle at 28% 78%, var(--ide-error), transparent 24%), radial-gradient(circle at 76% 74%, var(--ide-celebration-warm), transparent 22%), linear-gradient(180deg, #00000014, #00000057);
}

@supports (color: color-mix(in lab, red, red)) {
  .board-training-celebration[data-animation="fireworks"] {
    background: radial-gradient(circle at 18% 20%, color-mix(in srgb, var(--ide-success) 22%, transparent), transparent 20%), radial-gradient(circle at 78% 24%, color-mix(in srgb, var(--ide-primary) 28%, transparent), transparent 24%), radial-gradient(circle at 28% 78%, color-mix(in srgb, var(--ide-error) 20%, transparent), transparent 24%), radial-gradient(circle at 76% 74%, color-mix(in srgb, var(--ide-celebration-warm) 22%, transparent), transparent 22%), linear-gradient(180deg, #00000014, #00000057);
  }
}

.board-training-celebration[data-animation="fireworks"]:before, .board-training-celebration[data-animation="fireworks"]:after {
  background-image: radial-gradient(circle, var(--ide-primary) 0 .12rem, transparent .14rem), radial-gradient(circle, var(--ide-success) 0 .1rem, transparent .12rem), radial-gradient(circle, var(--ide-error) 0 .11rem, transparent .13rem), radial-gradient(circle, var(--ide-celebration-warm) 0 .1rem, transparent .12rem);
  animation: 1.46s ease-out both board-training-firework-field;
}

@supports (color: color-mix(in lab, red, red)) {
  .board-training-celebration[data-animation="fireworks"]:before, .board-training-celebration[data-animation="fireworks"]:after {
    background-image: radial-gradient(circle, color-mix(in srgb, var(--ide-primary) 84%, white) 0 .12rem, transparent .14rem), radial-gradient(circle, color-mix(in srgb, var(--ide-success) 80%, white) 0 .1rem, transparent .12rem), radial-gradient(circle, color-mix(in srgb, var(--ide-error) 78%, white) 0 .11rem, transparent .13rem), radial-gradient(circle, color-mix(in srgb, var(--ide-celebration-warm) 82%, white) 0 .1rem, transparent .12rem);
  }
}

.board-training-celebration[data-animation="fireworks"]:before, .board-training-celebration[data-animation="fireworks"]:after {
  content: "";
  opacity: 0;
  background-position: 8% 20%, 82% 14%, 18% 82%, 90% 74%;
  background-repeat: repeat;
  background-size: 7rem 6rem, 8rem 7rem, 9rem 6.5rem, 7.5rem 8rem;
  position: absolute;
  inset: 0;
}

.board-training-celebration[data-animation="fireworks"]:after {
  filter: hue-rotate(72deg);
  background-position: 24% 8%, 70% 32%, 38% 70%, 60% 88%;
  animation-delay: .18s;
  transform: rotate(8deg);
}

.board-training-celebration__text {
  border: 1px solid var(--ide-primary);
  align-items: center;
}

@supports (color: color-mix(in lab, red, red)) {
  .board-training-celebration__text {
    border: 1px solid color-mix(in srgb, var(--ide-primary) 56%, transparent);
  }
}

.board-training-celebration__text {
  border-radius: var(--ide-radius-lg);
  box-shadow: 0 14px 36px #00000061, 0 0 34px var(--ide-primary);
}

@supports (color: color-mix(in lab, red, red)) {
  .board-training-celebration__text {
    box-shadow: 0 14px 36px #00000061, 0 0 34px color-mix(in srgb, var(--ide-primary) 28%, transparent);
  }
}

.board-training-celebration__text {
  color: var(--ide-primary);
  font-family: var(--ide-font-mono);
  font-size: var(--ide-text-celebration);
  letter-spacing: 0;
  font-weight: 900;
  line-height: var(--ide-line-celebration);
  text-align: center;
  text-wrap: balance;
  text-transform: uppercase;
  z-index: 2;
  background: linear-gradient(180deg, var(--ide-surface-container-high), var(--ide-surface-container-low));
  flex-direction: column;
  gap: .42rem;
  max-width: min(86%, 22rem);
  padding: .72rem .95rem;
  display: inline-flex;
  position: relative;
}

@supports (color: color-mix(in lab, red, red)) {
  .board-training-celebration__text {
    background: linear-gradient(180deg, color-mix(in srgb, var(--ide-surface-container-high) 88%, transparent), color-mix(in srgb, var(--ide-surface-container-low) 92%, transparent));
  }
}

.board-training-fireworks-canvas {
  z-index: 1;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.board-training-celebration-medal {
  filter: drop-shadow(0 .32rem .28rem #00000057);
  justify-items: center;
  width: 3.9rem;
  height: 4.45rem;
  display: grid;
  position: relative;
  overflow: visible;
}

.board-training-celebration-medal__ribbons {
  inset-inline: 0;
  justify-items: center;
  height: 3.2rem;
  display: grid;
  position: absolute;
  top: 1.95rem;
}

.board-training-celebration-medal__ribbon {
  background: linear-gradient(135deg, #fff3, transparent 24%), linear-gradient(180deg, var(--ide-primary), var(--ide-primary));
}

@supports (color: color-mix(in lab, red, red)) {
  .board-training-celebration-medal__ribbon {
    background: linear-gradient(135deg, #fff3, transparent 24%), linear-gradient(180deg, color-mix(in srgb, var(--ide-primary) 78%, #6652cf), color-mix(in srgb, var(--ide-primary) 42%, #2b2459));
  }
}

.board-training-celebration-medal__ribbon {
  clip-path: polygon(14% 0, 86% 0, 72% 100%, 50% 78%, 28% 100%);
  transform-origin: top;
  width: 1.26rem;
  height: 3.1rem;
  position: absolute;
}

.board-training-celebration-medal__ribbon--left {
  transform: translate(-.55rem) rotate(11deg);
}

.board-training-celebration-medal__ribbon--right {
  background: linear-gradient(135deg, #ffffff2e, transparent 24%), linear-gradient(180deg, var(--ide-error), var(--ide-primary));
}

@supports (color: color-mix(in lab, red, red)) {
  .board-training-celebration-medal__ribbon--right {
    background: linear-gradient(135deg, #ffffff2e, transparent 24%), linear-gradient(180deg, color-mix(in srgb, var(--ide-error) 50%, var(--ide-primary)), color-mix(in srgb, var(--ide-primary) 40%, #2b2459));
  }
}

.board-training-celebration-medal__ribbon--right {
  transform: translate(.55rem) rotate(-11deg);
}

.board-training-celebration-medal__disc {
  background: radial-gradient(circle at 32% 24%, #ffffff85, transparent 28%), radial-gradient(circle at 62% 68%, var(--ide-celebration-warm), var(--ide-celebration-warm) 58%, #70460f 100%);
  align-items: center;
}

@supports (color: color-mix(in lab, red, red)) {
  .board-training-celebration-medal__disc {
    background: radial-gradient(circle at 32% 24%, #ffffff85, transparent 28%), radial-gradient(circle at 62% 68%, color-mix(in srgb, var(--ide-celebration-warm) 58%, #8e5d14), color-mix(in srgb, var(--ide-celebration-warm) 84%, #ffd86f) 58%, color-mix(in srgb, #70460f 72%, var(--ide-celebration-warm)) 100%);
  }
}

.board-training-celebration-medal__disc {
  border: .16rem solid #fff;
}

@supports (color: color-mix(in lab, red, red)) {
  .board-training-celebration-medal__disc {
    border: .16rem solid color-mix(in srgb, white 62%, var(--ide-celebration-warm));
  }
}

.board-training-celebration-medal__disc {
  box-shadow: 0 .4rem 1rem #00000057, 0 0 1.3rem var(--ide-celebration-warm), inset 0 .25rem .55rem #ffffff2e, inset 0 -.45rem .8rem #0003;
  border-radius: 9999px;
}

@supports (color: color-mix(in lab, red, red)) {
  .board-training-celebration-medal__disc {
    box-shadow: 0 .4rem 1rem #00000057, 0 0 1.3rem color-mix(in srgb, var(--ide-celebration-warm) 42%, transparent), inset 0 .25rem .55rem #ffffff2e, inset 0 -.45rem .8rem #0003;
  }
}

.board-training-celebration-medal__disc {
  z-index: 1;
  place-items: center;
  width: 3.65rem;
  height: 3.65rem;
  display: grid;
  position: relative;
  overflow: hidden;
}

.board-training-celebration-medal__inner {
  border: .13rem solid var(--ide-celebration-warm);
  align-items: center;
}

@supports (color: color-mix(in lab, red, red)) {
  .board-training-celebration-medal__inner {
    border: .13rem solid color-mix(in srgb, var(--ide-celebration-warm) 76%, white);
  }
}

.board-training-celebration-medal__inner {
  border-radius: inherit;
  place-items: center;
  width: 2.6rem;
  height: 2.6rem;
  display: grid;
  position: relative;
}

.board-training-celebration-medal__star {
  background: #fff;
}

@supports (color: color-mix(in lab, red, red)) {
  .board-training-celebration-medal__star {
    background: color-mix(in srgb, white 72%, var(--ide-celebration-warm));
  }
}

.board-training-celebration-medal__star {
  clip-path: polygon(50% 0, 61% 34%, 98% 35%, 68% 56%, 79% 91%, 50% 70%, 21% 91%, 32% 56%, 2% 35%, 39% 34%);
  filter: drop-shadow(0 .1rem .08rem #5c38086b);
  width: 1.55rem;
  height: 1.55rem;
}

.board-training-celebration-medal__shine {
  background: linear-gradient(90deg, #0000, #ffffff94, #0000);
  width: 22%;
  height: 150%;
  position: absolute;
  top: -24%;
  transform: rotate(24deg);
}

.board-training-success-check, .board-training-warning-mark {
  --board-training-completion-accent: var(--ide-success);
  background: linear-gradient(135deg, #ffffff3d 0%, transparent 28%, #0000002e 100%), radial-gradient(circle at 32% 24%, #ffffff4d, transparent 30%), radial-gradient(circle at 52% 58%, var(--board-training-completion-accent), transparent 70%), var(--ide-surface-container-high);
}

@supports (color: color-mix(in lab, red, red)) {
  .board-training-success-check, .board-training-warning-mark {
    background: linear-gradient(135deg, #ffffff3d 0%, transparent 28%, #0000002e 100%), radial-gradient(circle at 32% 24%, #ffffff4d, transparent 30%), radial-gradient(circle at 52% 58%, color-mix(in srgb, var(--board-training-completion-accent) 22%, transparent), transparent 70%), color-mix(in srgb, var(--ide-surface-container-high) 86%, transparent);
  }
}

.board-training-success-check, .board-training-warning-mark {
  border: .18rem solid var(--board-training-completion-accent);
}

@supports (color: color-mix(in lab, red, red)) {
  .board-training-success-check, .board-training-warning-mark {
    border: .18rem solid color-mix(in srgb, var(--board-training-completion-accent) 62%, white);
  }
}

.board-training-success-check, .board-training-warning-mark {
  box-shadow: 0 1.35rem 3.2rem #00000075, 0 0 2.6rem var(--board-training-completion-accent), inset 0 .34rem .95rem #ffffff1f, inset 0 -.75rem 1.3rem #00000038;
  border-radius: 9999px;
}

@supports (color: color-mix(in lab, red, red)) {
  .board-training-success-check, .board-training-warning-mark {
    box-shadow: 0 1.35rem 3.2rem #00000075, 0 0 2.6rem color-mix(in srgb, var(--board-training-completion-accent) 44%, transparent), inset 0 .34rem .95rem #ffffff1f, inset 0 -.75rem 1.3rem #00000038;
  }
}

.board-training-success-check, .board-training-warning-mark {
  z-index: 2;
  width: min(24%, 9rem);
  min-width: 5.5rem;
  height: min(24%, 9rem);
  min-height: 5.5rem;
  position: relative;
  overflow: hidden;
}

.board-training-warning-mark {
  --board-training-completion-accent: var(--ide-due);
}

.board-training-success-check__halo, .board-training-warning-mark__halo {
  background: radial-gradient(circle, var(--board-training-completion-accent), transparent 68%);
}

@supports (color: color-mix(in lab, red, red)) {
  .board-training-success-check__halo, .board-training-warning-mark__halo {
    background: radial-gradient(circle, color-mix(in srgb, var(--board-training-completion-accent) 48%, transparent), transparent 68%);
  }
}

.board-training-success-check__halo, .board-training-warning-mark__halo {
  content: "";
  filter: blur(.12rem);
  opacity: .66;
  position: absolute;
  inset: 9%;
}

.board-training-success-check__ring, .board-training-warning-mark__ring {
  border: .42rem solid var(--board-training-completion-accent);
}

@supports (color: color-mix(in lab, red, red)) {
  .board-training-success-check__ring, .board-training-warning-mark__ring {
    border: .42rem solid color-mix(in srgb, var(--board-training-completion-accent) 72%, white);
  }
}

.board-training-success-check__ring, .board-training-warning-mark__ring {
  border-radius: inherit;
  box-shadow: 0 0 1.2rem var(--board-training-completion-accent), inset 0 0 .85rem var(--board-training-completion-accent);
}

@supports (color: color-mix(in lab, red, red)) {
  .board-training-success-check__ring, .board-training-warning-mark__ring {
    box-shadow: 0 0 1.2rem color-mix(in srgb, var(--board-training-completion-accent) 42%, transparent), inset 0 0 .85rem color-mix(in srgb, var(--board-training-completion-accent) 18%, transparent);
  }
}

.board-training-success-check__ring, .board-training-warning-mark__ring {
  z-index: 1;
  position: absolute;
  inset: 10%;
}

.board-training-success-check__mark {
  z-index: 2;
  width: 58%;
  height: 54%;
  position: absolute;
  top: 25%;
  left: 25%;
}

.board-training-success-check__stroke {
  background: var(--board-training-completion-accent);
}

@supports (color: color-mix(in lab, red, red)) {
  .board-training-success-check__stroke {
    background: color-mix(in srgb, var(--board-training-completion-accent) 64%, white);
  }
}

.board-training-success-check__stroke {
  box-shadow: 0 .16rem .16rem #0000004d, 0 0 .9rem var(--board-training-completion-accent);
  border-radius: 9999px;
}

@supports (color: color-mix(in lab, red, red)) {
  .board-training-success-check__stroke {
    box-shadow: 0 .16rem .16rem #0000004d, 0 0 .9rem color-mix(in srgb, var(--board-training-completion-accent) 44%, transparent);
  }
}

.board-training-success-check__stroke {
  transform-origin: 0;
  height: .72rem;
  position: absolute;
}

.board-training-success-check__stroke--short {
  width: 1.95rem;
  top: 2.12rem;
  left: .2rem;
  transform: rotate(42deg);
}

.board-training-success-check__stroke--long {
  width: 3.52rem;
  top: 3.08rem;
  left: 1.5rem;
  transform: rotate(-46deg);
}

.board-training-warning-mark__mark {
  z-index: 2;
  width: 42%;
  height: 42%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.board-training-warning-mark__stroke {
  background: var(--board-training-completion-accent);
}

@supports (color: color-mix(in lab, red, red)) {
  .board-training-warning-mark__stroke {
    background: color-mix(in srgb, var(--board-training-completion-accent) 72%, white);
  }
}

.board-training-warning-mark__stroke {
  box-shadow: 0 .16rem .16rem #0000004d, 0 0 .9rem var(--board-training-completion-accent);
  border-radius: 9999px;
}

@supports (color: color-mix(in lab, red, red)) {
  .board-training-warning-mark__stroke {
    box-shadow: 0 .16rem .16rem #0000004d, 0 0 .9rem color-mix(in srgb, var(--board-training-completion-accent) 44%, transparent);
  }
}

.board-training-warning-mark__stroke {
  transform-origin: 50%;
  width: 100%;
  height: .68rem;
  position: absolute;
  top: 50%;
  left: 0;
  translate: 0 -50%;
}

.board-training-success-check__shine, .board-training-warning-mark__shine {
  background: linear-gradient(90deg, #0000, #ffffff57, #0000);
  width: 18%;
  height: 160%;
  position: absolute;
  top: -28%;
  left: 18%;
  transform: rotate(28deg);
}

@keyframes ide-progress-indicator-indeterminate {
  0% {
    transform: translate(-115%);
  }

  to {
    transform: translate(260%);
  }
}

.ide-progress-indicator__indeterminate-segment {
  will-change: transform;
  animation: 1.05s linear infinite ide-progress-indicator-indeterminate;
}

.ide-progress-indicator__indeterminate-segment--delay {
  animation-delay: -.525s;
}

@media (prefers-reduced-motion: reduce) {
  .board-training-celebration, .board-training-celebration:before, .board-training-celebration:after, .board-training-celebration__text, .board-training-celebration-medal, .board-training-success-check, .board-training-warning-mark {
    animation-duration: 1ms;
    animation-iteration-count: 1;
  }
}

@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-scale-z {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-rotate-x {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-y {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-z {
  syntax: "*";
  inherits: false
}

@property --tw-skew-x {
  syntax: "*";
  inherits: false
}

@property --tw-skew-y {
  syntax: "*";
  inherits: false
}

@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-divide-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-gradient-position {
  syntax: "*";
  inherits: false
}

@property --tw-gradient-from {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}

@property --tw-gradient-via {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}

@property --tw-gradient-to {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}

@property --tw-gradient-stops {
  syntax: "*";
  inherits: false
}

@property --tw-gradient-via-stops {
  syntax: "*";
  inherits: false
}

@property --tw-gradient-from-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0%;
}

@property --tw-gradient-via-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 50%;
}

@property --tw-gradient-to-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-leading {
  syntax: "*";
  inherits: false
}

@property --tw-font-weight {
  syntax: "*";
  inherits: false
}

@property --tw-tracking {
  syntax: "*";
  inherits: false
}

@property --tw-ordinal {
  syntax: "*";
  inherits: false
}

@property --tw-slashed-zero {
  syntax: "*";
  inherits: false
}

@property --tw-numeric-figure {
  syntax: "*";
  inherits: false
}

@property --tw-numeric-spacing {
  syntax: "*";
  inherits: false
}

@property --tw-numeric-fraction {
  syntax: "*";
  inherits: false
}

@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-ring-inset {
  syntax: "*";
  inherits: false
}

@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}

@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}

@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-blur {
  syntax: "*";
  inherits: false
}

@property --tw-brightness {
  syntax: "*";
  inherits: false
}

@property --tw-contrast {
  syntax: "*";
  inherits: false
}

@property --tw-grayscale {
  syntax: "*";
  inherits: false
}

@property --tw-hue-rotate {
  syntax: "*";
  inherits: false
}

@property --tw-invert {
  syntax: "*";
  inherits: false
}

@property --tw-opacity {
  syntax: "*";
  inherits: false
}

@property --tw-saturate {
  syntax: "*";
  inherits: false
}

@property --tw-sepia {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-blur {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false
}

@property --tw-duration {
  syntax: "*";
  inherits: false
}

@property --tw-ease {
  syntax: "*";
  inherits: false
}

@property --tw-content {
  syntax: "*";
  inherits: false;
  initial-value: "";
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

@keyframes ping {
  75%, to {
    opacity: 0;
    transform: scale(2);
  }
}

@keyframes pulse {
  50% {
    opacity: .5;
  }
}