/* VS Code's default colours (Light Modern / Dark Modern), which VS Code normally gives the webview. */
html, body { margin:0; height:100%; }
:root {
  --vscode-font-family:-apple-system, BlinkMacSystemFont, "Segoe WPC", "Segoe UI", system-ui, sans-serif;
  --vscode-editor-font-family:Consolas, "Cascadia Mono", "SF Mono", Menlo, "Courier New", monospace;
}
body { background:var(--vscode-editor-background); color:var(--vscode-editor-foreground); }
:root.vscode-light {
  --vscode-editor-background:#FFFFFF; --vscode-editor-foreground:#3B3B3B;
  --vscode-button-background:#005FB8; --vscode-button-foreground:#FFFFFF; --vscode-button-hoverBackground:#0258A8;
  --vscode-input-background:#FFFFFF; --vscode-input-foreground:#3B3B3B; --vscode-input-border:#CECECE;
  --vscode-focusBorder:#005FB8; --vscode-textLink-foreground:#005FB8;
  --vscode-widget-shadow:rgba(0,0,0,.16); --vscode-editorWidget-background:#F8F8F8; --vscode-editorWidget-border:#C8C8C8;
  --vscode-sideBar-background:#F8F8F8; --vscode-panel-border:#E5E5E5;
  --vscode-menu-background:#FFFFFF; --vscode-menu-foreground:#3B3B3B; --vscode-menu-border:#CECECE;
  --vscode-menu-selectionBackground:#005FB8; --vscode-menu-selectionForeground:#FFFFFF;
  --vscode-textCodeBlock-background:#F2F2F2; --vscode-textPreformat-foreground:#3B3B3B; --vscode-textBlockQuote-border:#E5E5E5;
  --vscode-editor-selectionBackground:#ADD6FF; --vscode-disabledForeground:#8B949E; --vscode-descriptionForeground:#717171;
  --vscode-contrastBorder:transparent; --vscode-errorForeground:#F85149;
  --vscode-charts-red:#E51400; --vscode-charts-orange:#D18616; --vscode-charts-green:#388A34; --vscode-charts-blue:#1A85FF;
  --vscode-editorHoverWidget-background:#F8F8F8; --vscode-editorHoverWidget-foreground:#3B3B3B; --vscode-editorHoverWidget-border:#C8C8C8;
  --vscode-toolbar-hoverBackground:rgba(184,184,184,.31);
}
:root.vscode-dark {
  --vscode-editor-background:#1F1F1F; --vscode-editor-foreground:#CCCCCC;
  --vscode-button-background:#0078D4; --vscode-button-foreground:#FFFFFF; --vscode-button-hoverBackground:#026EC1;
  --vscode-input-background:#313131; --vscode-input-foreground:#CCCCCC; --vscode-input-border:#3C3C3C;
  --vscode-focusBorder:#0078D4; --vscode-textLink-foreground:#4DAAFC;
  --vscode-widget-shadow:rgba(0,0,0,.36); --vscode-editorWidget-background:#202020; --vscode-editorWidget-border:#454545;
  --vscode-sideBar-background:#181818; --vscode-panel-border:#2B2B2B;
  --vscode-menu-background:#1F1F1F; --vscode-menu-foreground:#CCCCCC; --vscode-menu-border:#454545;
  --vscode-menu-selectionBackground:#0078D4; --vscode-menu-selectionForeground:#FFFFFF;
  --vscode-textCodeBlock-background:#2B2B2B; --vscode-textPreformat-foreground:#D0D0D0; --vscode-textBlockQuote-border:#616161;
  --vscode-editor-selectionBackground:#264F78; --vscode-disabledForeground:#8C8C8C; --vscode-descriptionForeground:#9D9D9D;
  --vscode-contrastBorder:transparent; --vscode-errorForeground:#F85149;
  --vscode-charts-red:#F14C4C; --vscode-charts-orange:#D18616; --vscode-charts-green:#89D185; --vscode-charts-blue:#3794FF;
  --vscode-editorHoverWidget-background:#202020; --vscode-editorHoverWidget-foreground:#CCCCCC; --vscode-editorHoverWidget-border:#454545;
  --vscode-toolbar-hoverBackground:rgba(90,93,94,.31);
}

/* The VS Code window around Margin (Light Modern / Dark Modern colours). */
:root.vscode-light {
  --w-activity:#F8F8F8; --w-activity-fg:#1F1F1F; --w-activity-dim:#616161; --w-accent:#005FB8;
  --w-side:#F8F8F8; --w-side-fg:#3B3B3B; --w-hover:#F2F2F2; --w-active:#E4E6F1;
  --w-tabs:#F8F8F8; --w-tab:#FFFFFF; --w-tab-fg:#3B3B3B; --w-border:#E5E5E5; --w-md:#519ABA;
}
:root.vscode-dark {
  --w-activity:#181818; --w-activity-fg:#D7D7D7; --w-activity-dim:#868686; --w-accent:#0078D4;
  --w-side:#181818; --w-side-fg:#CCCCCC; --w-hover:#2A2D2E; --w-active:#37373D;
  --w-tabs:#181818; --w-tab:#1F1F1F; --w-tab-fg:#FFFFFF; --w-border:#2B2B2B; --w-md:#519ABA;
}
.vsc { display:flex; height:100%; font:13px/1.4 var(--vscode-font-family); }
.vsc-activity { flex:none; width:44px; display:flex; flex-direction:column; align-items:center; gap:2px; padding-top:6px; background:var(--w-activity); border-right:1px solid var(--w-border); }
.vsc-activity span { position:relative; width:44px; height:42px; display:flex; align-items:center; justify-content:center; color:var(--w-activity-dim); }
.vsc-activity span.on { color:var(--w-activity-fg); }
.vsc-activity span.on::before { content:""; position:absolute; left:0; top:6px; bottom:6px; width:2px; background:var(--w-accent); }
.vsc-activity svg { width:22px; height:22px; fill:none; stroke:currentColor; stroke-width:1.5; stroke-linejoin:round; stroke-linecap:round; }
.vsc-side { flex:none; width:156px; background:var(--w-side); color:var(--w-side-fg); border-right:1px solid var(--w-border); overflow:hidden; }
.vsc-side-title { padding:10px 12px 8px 20px; font-size:11px; letter-spacing:.04em; text-transform:uppercase; }
.vsc-folder { display:flex; align-items:center; gap:2px; padding:2px 8px; font-size:11px; font-weight:700; text-transform:uppercase; }
.vsc-folder svg { width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:1.4; }
.vsc-files { list-style:none; margin:0; padding:0; }
.vsc-files button { display:flex; align-items:center; gap:6px; width:100%; height:22px; padding:0 8px 0 26px; border:0; background:none; color:inherit; font:inherit; cursor:pointer; text-align:left; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.vsc-files button:hover { background:var(--w-hover); }
.vsc-files button[aria-current="true"] { background:var(--w-active); }
.vsc-files button:focus-visible { outline:1px solid var(--w-accent); outline-offset:-1px; }
.md-icon { flex:none; font:700 9px/1 var(--vscode-font-family); color:var(--w-md); letter-spacing:-.5px; width:16px; text-align:center; }
.vsc-editor { flex:1; min-width:0; display:flex; flex-direction:column; background:var(--vscode-editor-background); }
.vsc-tabs { flex:none; display:flex; height:35px; background:var(--w-tabs); border-bottom:1px solid var(--w-border); }
.vsc-tab { display:flex; align-items:center; gap:6px; padding:0 10px 0 12px; background:var(--w-tab); color:var(--w-tab-fg); border-right:1px solid var(--w-border); box-shadow:inset 0 1px 0 var(--w-accent); white-space:nowrap; }
.vsc-close { margin-left:6px; opacity:.7; font-size:15px; }
#app { flex:1; min-height:0; position:relative; }
@media (max-width:440px) { .vsc-side { display:none; } }
@media (max-width:380px) { .vsc-activity { display:none; } }
[data-bare] .vsc-activity, [data-bare] .vsc-side, [data-bare] .vsc-tabs { display:none; }