.hl-c   { color: #6A9955; font-style: italic; }  
.hl-s   { color: #CE9178; }                      
.hl-n   { color: #B5CEA8; }                      
.hl-kw  { color: #569CD6; }                      
.hl-key { color: #569CD6; }                      
.hl-jkey{ color: #9CDCFE; }                      
.hl-f   { color: #DCDCAA; }                      
.hl-v   { color: #9CDCFE; }                      
.hl-o   { color: #C586C0; }                      
.hl-p   { color: #D4D4D4; }                      


html body :is(.code-block pre, .json-pre, .preset-yaml) {
  background: #1E1E1E; color: #D4D4D4; border-color: #3C3C3C;
}
html body :is(.code-block pre, .json-pre, .preset-yaml) code { color: inherit; }
html body .code-block .copy-btn { background: #2D2D2D; border-color: #3C3C3C; color: #CCCCCC; }
html body .code-block .copy-btn:hover { border-color: #D4D4D4; color: #FFFFFF; }


html body .ed { background: #1E1E1E; border-color: #3C3C3C; }
html body .ed:focus-within { border-color: #569CD6; box-shadow: 0 0 0 2px rgba(86,156,214,.28); }
html body .ed-gutter { background: #1E1E1E; border-right-color: #2D2D2D; }
html body .ed-nums { color: #858585; }
html body .ed-status { background: #007ACC; border-color: #007ACC; color: #FFFFFF; }
html body .ed-text { caret-color: #AEAFAD; }
html body .ed-text::selection { background: rgba(38,79,120,.9); }


.ed-hl {
  position: absolute; top: 0; left: 0; margin: 0;
  padding: var(--pad) 1rem calc(var(--pad) + 24px);
  font: inherit; line-height: var(--lh);
  white-space: pre; tab-size: 2; color: #D4D4D4;
  pointer-events: none; will-change: transform;
}
html body .ed.hl-active .ed-text,
html body .ed.hl-active .ed-text[readonly] { color: transparent; }
html body .ed.hl-active .ed-text { -webkit-text-fill-color: transparent; }


html body .codeblock { background: #1E1E1E; border-color: #3C3C3C; }
html body .codeblock .cap { background: #252526; border-bottom-color: #3C3C3C; color: #9D9D9D; }
html body .codeblock .copy { color: #CCCCCC; }
html body .codeblock .copy:hover { background: #2D2D2D; color: #FFFFFF; }
html body .codeblock pre { background: #1E1E1E; color: #D4D4D4; }
html body .codeblock pre code { color: inherit; }
html body .tok-c { color: #6A9955; }