/* Themes the library demo like VS Code Dark Modern; the scope covers the demo and the menus, dialogs and toasts core mounts on the body. */
:where([data-demo="library"], body > [class*="ls-"]) {
  --vscode-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --vscode-font-size: 13px;
  --vscode-editor-font-family: Menlo, Monaco, monospace;
  --vscode-foreground:#cccccc;
  --vscode-descriptionForeground:#9d9d9d;
  --vscode-editor-background:#1f1f1f;
  --vscode-sideBar-background:#181818;
  --vscode-sideBar-border:#2b2b2b;
  --vscode-sideBarSectionHeader-background:#181818;
  --vscode-sideBarSectionHeader-border:#2b2b2b;
  --vscode-sideBarSectionHeader-foreground:#cccccc;
  --vscode-panel-border:#2b2b2b;
  --vscode-widget-border:#313131;
  --vscode-widget-shadow:rgba(0,0,0,.36);
  --vscode-focusBorder:#0078d4;
  --vscode-list-hoverBackground:#2a2d2e;
  --vscode-list-activeSelectionBackground:#04395e;
  --vscode-list-activeSelectionForeground:#fff;
  --vscode-list-inactiveSelectionBackground:#37373d;
  --vscode-list-focusOutline:#0078d4;
  --vscode-list-dropBackground:#383b3d;
  --vscode-input-background:#313131;
  --vscode-input-foreground:#cccccc;
  --vscode-input-border:#3c3c3c;
  --vscode-input-placeholderForeground:#989898;
  --vscode-button-background:#0078d4;
  --vscode-button-foreground:#fff;
  --vscode-button-hoverBackground:#026ec1;
  --vscode-button-secondaryBackground:#313131;
  --vscode-button-secondaryForeground:#cccccc;
  --vscode-button-secondaryHoverBackground:#3c3c3c;
  --vscode-badge-background:#616161;
  --vscode-badge-foreground:#f8f8f8;
  --vscode-textLink-foreground:#4daafc;
  --vscode-textCodeBlock-background:#2b2b2b;
  --vscode-toolbar-hoverBackground:rgba(90,93,94,.31);
  --vscode-toolbar-activeBackground:rgba(99,102,103,.31);
  --vscode-menu-background:#1f1f1f;
  --vscode-menu-foreground:#cccccc;
  --vscode-menu-border:#454545;
  --vscode-menu-selectionBackground:#0078d4;
  --vscode-menu-selectionForeground:#fff;
  --vscode-menu-separatorBackground:#454545;
  --vscode-editorWidget-background:#202020;
  --vscode-errorForeground:#f85149;
  --vscode-editorWarning-foreground:#cca700;
  --vscode-charts-blue:#3794ff;
  --vscode-charts-green:#89d185;
  --vscode-charts-yellow:#cca700;
  --vscode-scrollbarSlider-background:rgba(121,121,121,.4);
  --vscode-scrollbarSlider-hoverBackground:rgba(100,100,100,.7);
  --vscode-scrollbarSlider-activeBackground:rgba(191,191,191,.4);
  --vscode-statusBar-background:#181818;
  --vscode-statusBar-foreground:#cccccc;
  --vscode-statusBarItem-hoverBackground:rgba(255,255,255,.12);
  --vscode-tree-indentGuidesStroke:#585858;
  --vscode-progressBar-background:#0078d4;
  --vscode-panelTitle-activeBorder:#0078d4;
  --vscode-sash-hoverBorder:#0078d4;
  --vscode-editor-findMatchHighlightBackground:rgba(234,92,0,.33);
  --vscode-keybindingLabel-background:rgba(128,128,128,.17);
  --vscode-keybindingLabel-border:rgba(51,51,51,.6);
  --vscode-keybindingLabel-bottomBorder:rgba(68,68,68,.6);
  --vscode-keybindingLabel-foreground:#cccccc;
  --vscode-inputValidation-warningBackground:#352a05;
  --vscode-inputValidation-warningBorder:#9d8a00;
}
[data-demo="library"] {
  display: flex;
  overflow: hidden;
  font-family: var(--ls-font);
  font-size: var(--ls-font-size);
  line-height: 1.4;
  color: var(--ls-fg);
  background: var(--ls-bg);
  border: 1px solid var(--ls-border);
  border-radius: var(--ls-radius);
}
[data-demo="library"] > * { flex: 1; min-width: 0; }