@codingame/monaco-vscode-api 4.0.0 → 4.1.0

package/vscode/src/vs/workbench/contrib/welcomeGettingStarted/browser/gettingStartedColors.js

@@ -0,0 +1,47 @@
+import { registerColor, lighten, darken } from '../../../../platform/theme/common/colorUtils.js';
+import { contrastBorder, textLinkForeground } from '../../../../platform/theme/common/colors/baseColors.js';
+import '../../../../platform/theme/common/colors/chartsColors.js';
+import { editorWidgetBackground } from '../../../../platform/theme/common/colors/editorColors.js';
+import { inputBackground } from '../../../../platform/theme/common/colors/inputColors.js';
+import '../../../../platform/theme/common/colors/listColors.js';
+import '../../../../platform/theme/common/colors/menuColors.js';
+import '../../../../platform/theme/common/colors/minimapColors.js';
+import '../../../../platform/theme/common/colors/miscColors.js';
+import '../../../../platform/theme/common/colors/quickpickColors.js';
+import '../../../../platform/theme/common/colors/searchColors.js';
+import { localizeWithPath } from '../../../../nls.js';
+registerColor('welcomePage.background', { light: null, dark: null, hcDark: null, hcLight: null }, ( localizeWithPath(
+ 'vs/workbench/contrib/welcomeGettingStarted/browser/gettingStartedColors',
+ 'welcomePage.background',
+ 'Background color for the Welcome page.'
+)));
+registerColor('welcomePage.tileBackground', { dark: editorWidgetBackground, light: editorWidgetBackground, hcDark: '#000', hcLight: editorWidgetBackground }, ( localizeWithPath(
+ 'vs/workbench/contrib/welcomeGettingStarted/browser/gettingStartedColors',
+ 'welcomePage.tileBackground',
+ 'Background color for the tiles on the Welcome page.'
+)));
+registerColor('welcomePage.tileHoverBackground', { dark: ( lighten(editorWidgetBackground, .2)), light: ( darken(editorWidgetBackground, .1)), hcDark: null, hcLight: null }, ( localizeWithPath(
+ 'vs/workbench/contrib/welcomeGettingStarted/browser/gettingStartedColors',
+ 'welcomePage.tileHoverBackground',
+ 'Hover background color for the tiles on the Welcome.'
+)));
+registerColor('welcomePage.tileBorder', { dark: '#ffffff1a', light: '#0000001a', hcDark: contrastBorder, hcLight: contrastBorder }, ( localizeWithPath(
+ 'vs/workbench/contrib/welcomeGettingStarted/browser/gettingStartedColors',
+ 'welcomePage.tileBorder',
+ 'Border color for the tiles on the Welcome page.'
+)));
+registerColor('welcomePage.progress.background', { light: inputBackground, dark: inputBackground, hcDark: inputBackground, hcLight: inputBackground }, ( localizeWithPath(
+ 'vs/workbench/contrib/welcomeGettingStarted/browser/gettingStartedColors',
+ 'welcomePage.progress.background',
+ 'Foreground color for the Welcome page progress bars.'
+)));
+registerColor('welcomePage.progress.foreground', { light: textLinkForeground, dark: textLinkForeground, hcDark: textLinkForeground, hcLight: textLinkForeground }, ( localizeWithPath(
+ 'vs/workbench/contrib/welcomeGettingStarted/browser/gettingStartedColors',
+ 'welcomePage.progress.foreground',
+ 'Background color for the Welcome page progress bars.'
+)));
+registerColor('walkthrough.stepTitle.foreground', { light: '#000000', dark: '#ffffff', hcDark: null, hcLight: null }, ( localizeWithPath(
+ 'vs/workbench/contrib/welcomeGettingStarted/browser/gettingStartedColors',
+ 'walkthrough.stepTitle.foreground',
+ 'Foreground color of the heading of each walkthrough step'
+)));

package/vscode/src/vs/workbench/contrib/welcomeGettingStarted/browser/gettingStartedDetailsRenderer.js

@@ -0,0 +1,261 @@
+import { __decorate, __param } from '../../../../../../../external/tslib/tslib.es6.js';
+import { generateUuid } from '../../../../base/common/uuid.js';
+import { generateTokensCSSForColorMap } from '../../../../editor/common/languages/supports/tokenization.js';
+import { TokenizationRegistry } from '../../../../editor/common/languages.js';
+import { DEFAULT_MARKDOWN_STYLES, renderMarkdownDocument } from '../../markdown/browser/markdownDocumentRenderer.js';
+import { language } from '../../../../base/common/platform.js';
+import { joinPath } from '../../../../base/common/resources.js';
+import { assertIsDefined } from '../../../../base/common/types.js';
+import { asWebviewUri } from '../../webview/common/webview.js';
+import { ResourceMap } from '../../../../base/common/map.js';
+import { IFileService } from '../../../../platform/files/common/files.js';
+import { INotificationService } from '../../../../platform/notification/common/notification.js';
+import { ILanguageService } from '../../../../editor/common/languages/language.js';
+import { IExtensionService } from '../../../services/extensions/common/extensions.js';
+import { FileAccess } from '../../../../base/common/network.js';
+let GettingStartedDetailsRenderer = class GettingStartedDetailsRenderer {
+    constructor(fileService, notificationService, extensionService, languageService) {
+        this.fileService = fileService;
+        this.notificationService = notificationService;
+        this.extensionService = extensionService;
+        this.languageService = languageService;
+        this.mdCache = ( new ResourceMap());
+        this.svgCache = ( new ResourceMap());
+    }
+    async renderMarkdown(path, base) {
+        const content = await this.readAndCacheStepMarkdown(path, base);
+        const nonce = generateUuid();
+        const colorMap = TokenizationRegistry.getColorMap();
+        const css = colorMap ? generateTokensCSSForColorMap(colorMap) : '';
+        const inDev = document.location.protocol === 'http:';
+        const imgSrcCsp = inDev ? 'img-src https: data: http:' : 'img-src https: data:';
+        return `<!DOCTYPE html>
+		<html>
+			<head>
+				<meta http-equiv="Content-type" content="text/html;charset=UTF-8">
+				<meta http-equiv="Content-Security-Policy" content="default-src 'none'; ${imgSrcCsp}; media-src https:; script-src 'nonce-${nonce}'; style-src 'nonce-${nonce}';">
+				<style nonce="${nonce}">
+					${DEFAULT_MARKDOWN_STYLES}
+					${css}
+					body > img {
+						align-self: flex-start;
+					}
+					body > img[centered] {
+						align-self: center;
+					}
+					body {
+						display: flex;
+						flex-direction: column;
+						padding: 0;
+						height: inherit;
+					}
+					.theme-picker-row {
+						display: flex;
+						justify-content: center;
+						gap: 32px;
+					}
+					checklist {
+						display: flex;
+						gap: 32px;
+						flex-direction: column;
+					}
+					checkbox {
+						display: flex;
+						flex-direction: column;
+						align-items: center;
+						margin: 5px;
+						cursor: pointer;
+					}
+					checkbox > img {
+						margin-bottom: 8px !important;
+					}
+					checkbox.checked > img {
+						box-sizing: border-box;
+					}
+					checkbox.checked > img {
+						outline: 2px solid var(--vscode-focusBorder);
+						outline-offset: 4px;
+						border-radius: 4px;
+					}
+					.theme-picker-link {
+						margin-top: 16px;
+						color: var(--vscode-textLink-foreground);
+					}
+					blockquote > p:first-child {
+						margin-top: 0;
+					}
+					body > * {
+						margin-block-end: 0.25em;
+						margin-block-start: 0.25em;
+					}
+					vertically-centered {
+						padding-top: 5px;
+						padding-bottom: 5px;
+						display: flex;
+						justify-content: center;
+						flex-direction: column;
+					}
+					html {
+						height: 100%;
+						padding-right: 32px;
+					}
+					h1 {
+						font-size: 19.5px;
+					}
+					h2 {
+						font-size: 18.5px;
+					}
+				</style>
+			</head>
+			<body>
+				<vertically-centered>
+					${content}
+				</vertically-centered>
+			</body>
+			<script nonce="${nonce}">
+				const vscode = acquireVsCodeApi();
+
+				document.querySelectorAll('[when-checked]').forEach(el => {
+					el.addEventListener('click', () => {
+						vscode.postMessage(el.getAttribute('when-checked'));
+					});
+				});
+
+				let ongoingLayout = undefined;
+				const doLayout = () => {
+					document.querySelectorAll('vertically-centered').forEach(element => {
+						element.style.marginTop = Math.max((document.body.clientHeight - element.scrollHeight) * 3/10, 0) + 'px';
+					});
+					ongoingLayout = undefined;
+				};
+
+				const layout = () => {
+					if (ongoingLayout) {
+						clearTimeout(ongoingLayout);
+					}
+					ongoingLayout = setTimeout(doLayout, 0);
+				};
+
+				layout();
+
+				document.querySelectorAll('img').forEach(element => {
+					element.onload = layout;
+				})
+
+				window.addEventListener('message', event => {
+					if (event.data.layoutMeNow) {
+						layout();
+					}
+					if (event.data.enabledContextKeys) {
+						document.querySelectorAll('.checked').forEach(element => element.classList.remove('checked'))
+						for (const key of event.data.enabledContextKeys) {
+							document.querySelectorAll('[checked-on="' + key + '"]').forEach(element => element.classList.add('checked'))
+						}
+					}
+				});
+		</script>
+		</html>`;
+    }
+    async renderSVG(path) {
+        const content = await this.readAndCacheSVGFile(path);
+        const nonce = generateUuid();
+        const colorMap = TokenizationRegistry.getColorMap();
+        const css = colorMap ? generateTokensCSSForColorMap(colorMap) : '';
+        return `<!DOCTYPE html>
+		<html>
+			<head>
+				<meta http-equiv="Content-type" content="text/html;charset=UTF-8">
+				<meta http-equiv="Content-Security-Policy" content="default-src 'none'; img-src data:; style-src 'nonce-${nonce}';">
+				<style nonce="${nonce}">
+					${DEFAULT_MARKDOWN_STYLES}
+					${css}
+					svg {
+						position: fixed;
+						height: 100%;
+						width: 80%;
+						left: 50%;
+						top: 50%;
+						max-width: 530px;
+						min-width: 350px;
+						transform: translate(-50%,-50%);
+					}
+				</style>
+			</head>
+			<body>
+				${content}
+			</body>
+		</html>`;
+    }
+    async readAndCacheSVGFile(path) {
+        if (!( this.svgCache.has(path))) {
+            const contents = await this.readContentsOfPath(path, false);
+            this.svgCache.set(path, contents);
+        }
+        return assertIsDefined(this.svgCache.get(path));
+    }
+    async readAndCacheStepMarkdown(path, base) {
+        if (!( this.mdCache.has(path))) {
+            const contents = await this.readContentsOfPath(path);
+            const markdownContents = await renderMarkdownDocument(transformUris(contents, base), this.extensionService, this.languageService, true, true);
+            this.mdCache.set(path, markdownContents);
+        }
+        return assertIsDefined(this.mdCache.get(path));
+    }
+    async readContentsOfPath(path, useModuleId = true) {
+        try {
+            const moduleId = JSON.parse(path.query).moduleId;
+            if (useModuleId && moduleId) {
+                const content = await FileAccess.toModuleContent(moduleId);
+                return content();
+            }
+        }
+        catch { }
+        try {
+            const localizedPath = path.with({ path: path.path.replace(/\.md$/, `.nls.${language}.md`) });
+            const generalizedLocale = language?.replace(/-.*$/, '');
+            const generalizedLocalizedPath = path.with({ path: path.path.replace(/\.md$/, `.nls.${generalizedLocale}.md`) });
+            const fileExists = (file) => this.fileService
+                .stat(file)
+                .then((stat) => !!stat.size)
+                .catch(() => false);
+            const [localizedFileExists, generalizedLocalizedFileExists] = await Promise.all([
+                fileExists(localizedPath),
+                fileExists(generalizedLocalizedPath),
+            ]);
+            const bytes = await this.fileService.readFile(localizedFileExists
+                ? localizedPath
+                : generalizedLocalizedFileExists
+                    ? generalizedLocalizedPath
+                    : path);
+            return ( bytes.value.toString());
+        }
+        catch (e) {
+            this.notificationService.error('Error reading markdown document at `' + path + '`: ' + e);
+            return '';
+        }
+    }
+};
+GettingStartedDetailsRenderer = ( __decorate([
+    ( __param(0, IFileService)),
+    ( __param(1, INotificationService)),
+    ( __param(2, IExtensionService)),
+    ( __param(3, ILanguageService))
+], GettingStartedDetailsRenderer));
+const transformUri = (src, base) => {
+    const path = ( FileAccess.asBrowserUri(joinPath(base, src).fsPath.slice(1)));
+    return ( asWebviewUri(path).toString(true));
+};
+const transformUris = (content, base) => content
+    .replace(/src="([^"]*)"/g, (_, src) => {
+    if (src.startsWith('https://')) {
+        return `src="${src}"`;
+    }
+    return `src="${transformUri(src, base)}"`;
+})
+    .replace(/!\[([^\]]*)\]\(([^)]*)\)/g, (_, title, src) => {
+    if (src.startsWith('https://')) {
+        return `![${title}](${src})`;
+    }
+    return `![${title}](${transformUri(src, base)})`;
+});
+export { GettingStartedDetailsRenderer };

package/vscode/src/vs/workbench/contrib/welcomeGettingStarted/browser/gettingStartedIcons.js

@@ -0,0 +1,14 @@
+import { localizeWithPath } from '../../../../nls.js';
+import { Codicon } from '../../../../base/common/codicons.js';
+import { registerIcon } from '../../../../platform/theme/common/iconRegistry.js';
+const gettingStartedUncheckedCodicon = registerIcon('getting-started-step-unchecked', Codicon.circleLargeOutline, ( localizeWithPath(
+ 'vs/workbench/contrib/welcomeGettingStarted/browser/gettingStartedIcons',
+ 'gettingStartedUnchecked',
+ "Used to represent walkthrough steps which have not been completed"
+)));
+const gettingStartedCheckedCodicon = registerIcon('getting-started-step-checked', Codicon.passFilled, ( localizeWithPath(
+ 'vs/workbench/contrib/welcomeGettingStarted/browser/gettingStartedIcons',
+ 'gettingStartedChecked',
+ "Used to represent walkthrough steps which have been completed"
+)));
+export { gettingStartedCheckedCodicon, gettingStartedUncheckedCodicon };

package/vscode/src/vs/workbench/contrib/welcomeGettingStarted/browser/gettingStartedInput.js

@@ -0,0 +1,51 @@
+import './media/gettingStarted.css.js';
+import { localizeWithPath } from '../../../../nls.js';
+import { EditorInput } from '../../../common/editor/editorInput.js';
+import { URI } from '../../../../base/common/uri.js';
+import { Schemas } from '../../../../base/common/network.js';
+const gettingStartedInputTypeId = 'workbench.editors.gettingStartedInput';
+class GettingStartedInput extends EditorInput {
+    static { this.ID = gettingStartedInputTypeId; }
+    static { this.RESOURCE = ( URI.from({ scheme: Schemas.walkThrough, authority: 'vscode_getting_started_page' })); }
+    get typeId() {
+        return GettingStartedInput.ID;
+    }
+    get editorId() {
+        return this.typeId;
+    }
+    toUntyped() {
+        return {
+            resource: GettingStartedInput.RESOURCE,
+            options: {
+                override: GettingStartedInput.ID,
+                pinned: false
+            }
+        };
+    }
+    get resource() {
+        return GettingStartedInput.RESOURCE;
+    }
+    matches(other) {
+        if (super.matches(other)) {
+            return true;
+        }
+        if (other instanceof GettingStartedInput) {
+            return other.selectedCategory === this.selectedCategory;
+        }
+        return false;
+    }
+    constructor(options) {
+        super();
+        this.selectedCategory = options.selectedCategory;
+        this.selectedStep = options.selectedStep;
+        this.showTelemetryNotice = !!options.showTelemetryNotice;
+    }
+    getName() {
+        return ( localizeWithPath(
+            'vs/workbench/contrib/welcomeGettingStarted/browser/gettingStartedInput',
+            'getStarted',
+            "Welcome"
+        ));
+    }
+}
+export { GettingStartedInput, gettingStartedInputTypeId };

package/vscode/src/vs/workbench/contrib/welcomeGettingStarted/browser/gettingStartedList.js

@@ -0,0 +1,95 @@
+import { Disposable } from '../../../../base/common/lifecycle.js';
+import { $ } from '../../../../base/browser/dom.js';
+import { DomScrollableElement } from '../../../../base/browser/ui/scrollbar/scrollableElement.js';
+import { Emitter } from '../../../../base/common/event.js';
+import { equals } from '../../../../base/common/arrays.js';
+class GettingStartedIndexList extends Disposable {
+    constructor(options) {
+        super();
+        this.options = options;
+        this._onDidChangeEntries = ( new Emitter());
+        this.onDidChangeEntries = this._onDidChangeEntries.event;
+        this.isDisposed = false;
+        this.contextKeysToWatch = ( new Set());
+        this.contextService = options.contextService;
+        this.entries = undefined;
+        this.itemCount = 0;
+        this.list = $('ul');
+        this.scrollbar = this._register(( new DomScrollableElement(this.list, {})));
+        this._register(this.onDidChangeEntries(() => this.scrollbar.scanDomNode()));
+        this.domElement = $('.index-list.' + options.klass, {}, $('h2', {}, options.title), this.scrollbar.getDomNode());
+        this._register(this.contextService.onDidChangeContext(e => {
+            if (e.affectsSome(this.contextKeysToWatch)) {
+                this.rerender();
+            }
+        }));
+    }
+    getDomElement() {
+        return this.domElement;
+    }
+    layout(size) {
+        this.scrollbar.scanDomNode();
+    }
+    onDidChange(listener) {
+        this._register(this.onDidChangeEntries(listener));
+    }
+    register(d) { if (this.isDisposed) {
+        d.dispose();
+    }
+    else {
+        this._register(d);
+    } }
+    dispose() {
+        this.isDisposed = true;
+        super.dispose();
+    }
+    setLimit(limit) {
+        this.options.limit = limit;
+        this.setEntries(this.entries);
+    }
+    rerender() {
+        this.setEntries(this.entries);
+    }
+    setEntries(entries) {
+        let entryList = entries ?? [];
+        this.itemCount = 0;
+        const ranker = this.options.rankElement;
+        if (ranker) {
+            entryList = entryList.filter(e => ranker(e) !== null);
+            entryList.sort((a, b) => ranker(b) - ranker(a));
+        }
+        const activeEntries = entryList.filter(e => !e.when || this.contextService.contextMatchesRules(e.when));
+        const limitedEntries = activeEntries.slice(0, this.options.limit);
+        const toRender = ( limitedEntries.map(e => e.id));
+        if (this.entries === entries && equals(toRender, this.lastRendered)) {
+            return;
+        }
+        this.entries = entries;
+        this.contextKeysToWatch.clear();
+        entryList.forEach(e => {
+            const keys = e.when?.keys();
+            keys?.forEach(key => this.contextKeysToWatch.add(key));
+        });
+        this.lastRendered = toRender;
+        this.itemCount = limitedEntries.length;
+        while (this.list.firstChild) {
+            this.list.removeChild(this.list.firstChild);
+        }
+        this.itemCount = limitedEntries.length;
+        for (const entry of limitedEntries) {
+            const rendered = this.options.renderElement(entry);
+            this.list.appendChild(rendered);
+        }
+        if (activeEntries.length > limitedEntries.length && this.options.more) {
+            this.list.appendChild(this.options.more);
+        }
+        else if (entries !== undefined && this.itemCount === 0 && this.options.empty) {
+            this.list.appendChild(this.options.empty);
+        }
+        else if (this.options.footer) {
+            this.list.appendChild(this.options.footer);
+        }
+        this._onDidChangeEntries.fire();
+    }
+}
+export { GettingStartedIndexList };

package/vscode/src/vs/workbench/contrib/welcomeGettingStarted/browser/media/gettingStarted.css.js

@@ -0,0 +1,4 @@
+import n from '../../../../../../../../external/rollup-plugin-styles/dist/runtime/inject-css.js';
+var css = ".file-icons-enabled .show-file-icons .vscode_getting_started_page-name-file-icon.file-icon:before{background-image:url(\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDI0IDEwMjQiPjxwYXRoIGQ9Ik0xMDI0IDEwMjRIMFYwaDEwMjR2MTAyNHoiIHN0eWxlPSJmaWxsOiNmNmY2ZjY7ZmlsbC1vcGFjaXR5OjAiIGZpbGw9Im5vbmUiLz48cGF0aCBkPSJNMTAyNCA4NS4zMzN2ODUzLjMzM0gwVjg1LjMzM2gxMDI0eiIgc3R5bGU9ImZpbGw6I2ZmZiIvPjxwYXRoIGQ9Ik0wIDg1LjMzM2gyOTguNjY3djg1My4zMzNIMFY4NS4zMzN6bTEwMjQgMHY4NTMuMzMzSDM4NFY4NS4zMzNoNjQwem0tNTU0LjY2NyAxNjBoMzQxLjMzM3YtNjRINDY5LjMzM3Y2NHptMzQxLjMzNCA1MzMuMzM0SDQ2OS4zMzN2NjRoMzQxLjMzM2wuMDAxLTY0em0xMjgtMTQ5LjMzNEg1OTcuMzMzdjY0aDM0MS4zMzNsLjAwMS02NHptMC0xNDkuMzMzSDU5Ny4zMzN2NjRoMzQxLjMzM2wuMDAxLTY0em0wLTE0OS4zMzNINTk3LjMzM3Y2NGgzNDEuMzMzbC4wMDEtNjR6IiBzdHlsZT0iZmlsbDojMTY3YWJmIi8+PC9zdmc+\");content:\" \"}.monaco-workbench .part.editor>.content .gettingStartedContainer{box-sizing:border-box;height:inherit;line-height:22px;outline:none;overflow:hidden;position:relative;user-select:auto;-webkit-user-select:initial;width:100%}.monaco-workbench .part.editor>.content .gettingStartedContainer.loading{display:none}.monaco-workbench .part.editor>.content .gettingStartedContainer img{max-height:100%;max-width:100%;object-fit:contain;pointer-events:none}.monaco-workbench .part.editor>.content .gettingStartedContainer{font-size:13px}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStarted{height:100%}.monaco-workbench .part.editor>.content .gettingStartedContainer h1{border:none;font-size:2.7em;font-weight:400;margin:0;padding:5px 0 0;white-space:nowrap}.monaco-workbench .part.editor>.content .gettingStartedContainer .title{flex:1 100%;margin-bottom:1em;margin-top:1em}.monaco-workbench .part.editor>.content .gettingStartedContainer .subtitle{display:block;font-size:2em;margin-top:.6em}.monaco-workbench.hc-black .part.editor>.content .gettingStartedContainer .subtitle,.monaco-workbench.hc-light .part.editor>.content .gettingStartedContainer .subtitle{font-weight:200}.monaco-workbench .part.editor>.content .gettingStartedContainer h2{font-size:1.5em;font-weight:400;line-height:normal;margin-bottom:5px;margin-top:0}.monaco-workbench .part.editor>.content .gettingStartedContainer a:focus{outline:1px solid -webkit-focus-ring-color;outline-offset:-1px}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlide{box-sizing:border-box;height:100%;left:0;padding:0;position:absolute;top:0;width:100%}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideCategories{padding:12px 24px}.monaco-workbench .part.editor>.content .gettingStartedContainer.animatable .gettingStartedSlide{transition:left .25s,opacity .25s}.monaco-workbench.reduce-motion .part.editor>.content .gettingStartedContainer .gettingStartedSlide,.monaco-workbench.reduce-motion .part.editor>.content .gettingStartedContainer.animatable .gettingStartedSlide{transition:left 0s,opacity 0s}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideCategories>.gettingStartedCategoriesContainer{display:grid;grid-template-areas:\".  header header header .\" \". left-column . right-column .\" \". footer footer footer .\";grid-template-columns:1fr 6fr 1fr 6fr 1fr;grid-template-rows:25% minmax(min-content,auto) min-content;height:100%;margin:0 auto;max-width:1200px}.monaco-workbench .part.editor>.content .gettingStartedContainer.width-constrained .gettingStartedSlideCategories>.gettingStartedCategoriesContainer{grid-template-areas:\"header\" \"left-column\" \"right-column\" \"footer\";grid-template-columns:1fr;grid-template-rows:auto min-content minmax(min-content,auto) min-content}.monaco-workbench .part.editor>.content .gettingStartedContainer.height-constrained .gettingStartedSlideCategories>.gettingStartedCategoriesContainer{grid-template-areas:\"header\" \"left-column right-column\" \"footer footer\";grid-template-rows:auto minmax(min-content,auto) min-content}.monaco-workbench .part.editor>.content .gettingStartedContainer.height-constrained.width-constrained .gettingStartedSlideCategories>.gettingStartedCategoriesContainer{grid-template-areas:\"left-column\" \"right-column\" \"footer\";grid-template-columns:1fr;grid-template-rows:min-content minmax(min-content,auto) min-content}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideCategories li.showWalkthroughsEntry,.monaco-workbench .part.editor>.content .gettingStartedContainer.height-constrained .gettingStartedSlideCategories>.gettingStartedCategoriesContainer>.header,.monaco-workbench .part.editor>.content .gettingStartedContainer.width-constrained .gettingStartedSlideCategories>.gettingStartedCategoriesContainer>.header{display:none}.gettingStartedContainer.noExtensions,.monaco-workbench .part.editor>.content .gettingStartedContainer.noWalkthroughs .gettingStartedSlideCategories li.showWalkthroughsEntry{display:unset}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideCategories>.gettingStartedCategoriesContainer>*{overflow:hidden;text-overflow:ellipsis}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideCategories>.gettingStartedCategoriesContainer>.categories-column>div{margin-bottom:32px}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideCategories>.gettingStartedCategoriesContainer>.categories-column-left{grid-area:left-column}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideCategories>.gettingStartedCategoriesContainer>.categories-column-right{grid-area:right-column}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideCategories>.gettingStartedCategoriesContainer>.header{align-self:end;grid-area:header}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideCategories>.gettingStartedCategoriesContainer>.footer{grid-area:footer;justify-self:center;text-align:center}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideCategories .categories-slide-container{max-width:1200px;width:90%}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideCategories .gap{flex:150px 0 1000}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideCategories .category-title{display:inline-block;font-size:14px;font-weight:500;margin:4px 0;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideCategories .category-progress{bottom:0;left:0;position:absolute;width:100%}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlide .getting-started-category.no-progress{padding:3px 6px}.monaco-workbench .part.editor>.content .gettingStartedContainer .getting-started-category.no-progress .category-progress{display:none}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideCategories ul{line-height:24px;list-style:none;margin:0;padding-left:0}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideCategories li{list-style:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideCategories .path{padding-left:1em}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideCategories .featured-icon,.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideCategories .icon-widget:not(.codicon-device-camera-video),.monaco-workbench .part.editor>.content .gettingStartedContainer .icon-widget{font-size:20px;padding-right:8px;position:relative;top:3px}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideCategories .icon-widget.codicon-device-camera-video{font-size:20px;padding-right:8px;position:relative;transform:translateY(100%)}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideCategories .codicon:not(.icon-widget,.featured-icon,.hide-category-button){margin:0 2px}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideCategories .codicon:first-child{margin-left:0}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideCategories .start-container img{max-height:16px;max-width:16px;padding-right:8px;position:relative;top:3px}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideCategories .keybinding-label{padding-left:1em}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideCategories .progress-bar-outer{height:4px;margin-top:4px}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideCategories .progress-bar-inner{height:100%}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlide .getting-started-category{box-sizing:border-box;font-size:13px;line-height:normal;margin:8px 8px 8px 0;padding:3px 6px 6px;text-align:left;width:calc(100% - 16px)}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideCategories .getting-started-category{border-radius:6px;overflow:hidden;position:relative}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlide .getting-started-category .main-content{align-items:center;display:flex;justify-content:flex-start;width:100%}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlide .getting-started-category .description-content{margin-left:28px;text-align:left}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlide .getting-started-category .description-content>.codicon{font-size:16px;padding-right:1px}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlide .getting-started-category .description-content:not(:empty){margin-bottom:8px}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlide .getting-started-category .new-badge{align-self:flex-start;border-radius:4px;font-size:11px;justify-self:flex-end;margin:4px;padding:2px 4px;white-space:nowrap}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlide .getting-started-category .featured-badge{left:-8px;position:relative;top:-4px}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlide .getting-started-category .featured{border-right:40px solid transparent;border-top:30px solid var(--vscode-activityBarBadge-background);box-sizing:border-box;height:20px;position:absolute;width:30px}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlide .getting-started-category .featured .featured-icon{font-size:14px;left:4px;top:-30px}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlide .getting-started-category .codicon.hide-category-button{margin-left:auto;right:8px;top:4px}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlide .getting-started-category.featured .icon-widget:not(.codicon-device-camera-video){visibility:hidden}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideCategories .getting-started-category img.category-icon{max-height:20px;max-width:20px;padding-right:8px;position:relative;top:auto}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideCategories .getting-started-category img.featured-icon{border-radius:4px;max-height:24px;max-width:24px;padding-right:8px;position:relative;top:auto}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideDetails .getting-started-category img.category-icon{margin-left:10px;margin-right:10px;max-height:32px;max-width:32px}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideDetails{display:flex;flex-direction:column;overflow:hidden}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideDetails .gap{flex:150px 0 1000}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideDetails .getting-started-category{display:flex;margin-bottom:24px;min-height:auto}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideDetails .getting-started-detail-columns .gap{flex:150px 1 1000}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideDetails .gettingStartedDetailsContent>.getting-started-category>.codicon-getting-started-setup{font-size:28px;margin-right:8px}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideDetails .getting-started-detail-columns{display:flex;justify-content:flex-start;max-height:calc(100% - 40px);padding:40px 40px 0}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideDetails .getting-started-step{border-radius:6px;display:flex;overflow:hidden;width:100%}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideDetails .getting-started-step .button-container:not(:last-of-type){margin-bottom:6px}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideDetails .getting-started-step.expanded{border:1px solid var(--vscode-welcomePage-tileBorder);cursor:default!important}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideDetails .getting-started-step.expanded h3{color:var(--vscode-walkthrough-stepTitle-foreground)}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideDetails .getting-started-step.expanded>.codicon{cursor:pointer!important}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideDetails .getting-started-step:not(.expanded){background:none;color:var(--vscode-descriptionForeground);height:48px}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideDetails .getting-started-step:not(.expanded):hover{background:var(--vscode-welcomePage-tileHoverBackground)}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideDetails .getting-started-step:not(.expanded) .step-title{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:inherit}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideDetails .getting-started-step .step-title .codicon{position:relative;top:2px}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideDetails .getting-started-detail-columns .getting-started-detail-left>div{width:100%}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideDetails .getting-started-step:not(.expanded) .step-description-container{visibility:hidden}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideDetails .getting-started-step .step-container{width:100%}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideDetails .getting-started-step .step-description{padding-top:8px}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideDetails .getting-started-step .actions{align-items:center;display:flex;margin-top:12px}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideDetails .getting-started-step .shortcut-message{color:var(--vscode-descriptionForeground);display:flex;font-size:12px;margin-top:12px}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideDetails .getting-started-step .shortcut-message .keybinding{font-weight:600}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideDetails .getting-started-step .step-next{margin-left:auto;margin-right:10px;padding:6px 12px}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideDetails .getting-started-step .codicon.hidden{display:none}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideDetails .getting-started-step .codicon-getting-started-step-checked,.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideDetails .getting-started-step .codicon-getting-started-step-unchecked{margin-right:8px}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideDetails .getting-started-step-action{font-size:13px;margin-bottom:0;padding:6px 12px}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideDetails .getting-started-detail-left{display:flex;flex-direction:column;max-width:400px;min-width:330px;width:40%}.monaco-workbench .part.editor>.content .gettingStartedContainer .full-height-scrollable,.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideDetails .getting-started-detail-container{height:100%}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideDetails .gettingStartedDetailsContent{display:grid;grid-template-areas:\". back   .      media  .\" \". title  .      media  .\" \". steps  .      media  .\" \". .      .      media  .\" \". footer footer footer .\";grid-template-columns:1fr 5fr 1fr 8fr;grid-template-rows:calc(25% - 100px) auto auto 1fr auto;height:100%;margin:0 auto;max-width:1200px;padding:0 32px}.monaco-workbench .part.editor>.content .gettingStartedContainer.width-semi-constrained .gettingStartedSlideDetails .gettingStartedDetailsContent{grid-template-areas:\"back\" \"title\" \"steps\" \"media\" \"footer\";grid-template-columns:auto;grid-template-rows:30px max-content minmax(30%,max-content) minmax(30%,1fr) auto;max-width:500px;row-gap:4px}.monaco-workbench .part.editor>.content .gettingStartedContainer.width-semi-constrained .gettingStartedSlideDetails .gettingStartedDetailsContent.markdown{grid-template-rows:30px max-content minmax(30%,max-content) minmax(40%,1fr) auto}.monaco-workbench .part.editor>.content .gettingStartedContainer.width-semi-constrained.height-constrained .gettingStartedSlideDetails .gettingStartedDetailsContent{grid-template-rows:0 max-content minmax(25%,max-content) minmax(25%,1fr) auto}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideDetails .gettingStartedDetailsContent>.prev-button{grid-area:back}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideDetails .gettingStartedDetailsContent>.getting-started-category{align-self:flex-end;grid-area:title}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideDetails .gettingStartedDetailsContent>.steps-container{grid-area:steps;height:100%}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideDetails .gettingStartedDetailsContent>.getting-started-media{align-self:center;grid-area:media}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideDetails .gettingStartedDetailsContent.markdown>.getting-started-media{height:inherit}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideDetails .gettingStartedDetailsContent.image>.getting-started-media{align-self:unset;display:flex;grid-area:title-start/media-start/steps-end/media-end;justify-content:center}.monaco-workbench .part.editor>.content .gettingStartedContainer.width-semi-constrained .gettingStartedSlideDetails .gettingStartedDetailsContent.image>.getting-started-media{display:flex;grid-area:media;height:inherit;justify-content:center;width:inherit}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideDetails .gettingStartedDetailsContent>.getting-started-footer{align-self:flex-end;grid-area:footer;justify-self:center;text-align:center}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideDetails .getting-started-detail-right{align-items:flex-start;display:flex;justify-content:center;max-width:800px;min-height:300px;min-width:400px;padding:0 0 20px 44px;width:66%}.monaco-workbench .part.editor>.content .gettingStartedContainer .index-list.getting-started .button-link{margin:0}.monaco-workbench .part.editor>.content .gettingStartedContainer .index-list.getting-started .see-all-walkthroughs{display:none}.monaco-workbench .part.editor>.content .gettingStartedContainer.someWalkthroughsHidden .index-list.getting-started .see-all-walkthroughs{display:inline}.monaco-workbench .part.editor>.content .gettingStartedContainer.noWalkthroughs .index-list.getting-started{display:none}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideDetails .getting-started-detail-right img{cursor:unset;object-fit:contain}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideDetails .getting-started-detail-right img.clickable{cursor:pointer}.monaco-workbench .part.editor>.content .gettingStartedContainer button{border:none;color:inherit;font-family:inherit;font-size:13px;margin:1px 0;padding:16px;text-align:left}.monaco-workbench .part.editor>.content .gettingStartedContainer button:hover{cursor:pointer}.monaco-workbench .part.editor>.content .gettingStartedContainer button:focus{outline:none}.monaco-workbench .part.editor>.content .gettingStartedContainer button:focus-visible{outline:1px solid var(--vscode-focusBorder);outline-offset:-1px}.monaco-workbench .part.editor>.content .gettingStartedContainer .prev-button.button-link{display:none;left:40px;margin:10px;padding:0 2px 2px;position:absolute;top:5px;z-index:1}.monaco-workbench .part.editor>.content .gettingStartedContainer.height-constrained .prev-button.button-link,.monaco-workbench .part.editor>.content .gettingStartedContainer.width-semi-constrained .prev-button.button-link{left:0;top:-10px}.monaco-workbench .part.editor>.content .gettingStartedContainer.height-constrained .prev-button.button-link .codicon{font-size:20px}.monaco-workbench .part.editor>.content .gettingStartedContainer.height-constrained .prev-button.button-link .moreText{display:none}.monaco-workbench .part.editor>.content .gettingStartedContainer .prev-button:hover{cursor:pointer}.monaco-workbench .part.editor>.content .gettingStartedContainer .prev-button .codicon{left:-4px;position:relative;top:3px}.monaco-workbench .part.editor>.content .gettingStartedContainer .button-link .codicon-arrow-right{padding-left:4px}.monaco-workbench .part.editor>.content .gettingStartedContainer .button-link .codicon-check-all{padding-right:4px}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlide .skip{display:block;margin:2px auto;text-align:center;width:fit-content}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideDetails h2{font-size:26px;font-weight:400;margin:0 0 8px}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideDetails h2 .codicon{font-size:20px}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideDetails h3{font-size:13px;font-weight:600;margin:0}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideDetails .subtitle{font-size:16px;margin:0;padding:0}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStarted.showCategories .gettingStartedSlideDetails{left:100%;opacity:0}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStarted.showDetails .gettingStartedSlideCategories{left:-100%;opacity:0}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStarted.showDetails .categoriesScrollbar .scrollbar.vertical{display:none}.monaco-workbench .part.editor>.content .gettingStartedContainer .done-next-container{display:flex;padding:16px}.monaco-workbench .part.editor>.content .gettingStartedContainer .button-link{background:transparent;cursor:pointer;margin:2px;max-width:100%;overflow:hidden;padding:0;text-overflow:ellipsis}.monaco-workbench .part.editor>.content .gettingStartedContainer .done-next-container .button-link{align-items:center;display:flex}.monaco-workbench .part.editor>.content .gettingStartedContainer .button-link.next{margin-left:auto}.monaco-workbench .part.editor>.content .gettingStartedContainer .button-link:hover{background:transparent}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlide .openAWalkthrough>button,.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlide .showOnStartup{align-items:center;display:flex;gap:8px;justify-content:center;text-align:center}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlide .getting-started-checkbox{border:1px solid transparent;border-radius:3px;color:inherit!important;height:18px;margin-right:9px;padding:0;width:18px}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlide .getting-started-checkbox.codicon:not(.checked):before{opacity:0}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideCategories>.gettingStartedCategoriesContainer>.footer p{margin:0}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideCategories>.gettingStartedCategoriesContainer .index-list.start-container{margin-bottom:16px;min-height:156px}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideCategories>.gettingStartedCategoriesContainer>.footer>button{text-align:center}.monaco-workbench .part.editor>.content .gettingStartedContainer .getting-started-category .codicon{top:0}.monaco-workbench .part.editor>.content .getting-started-category .codicon-star-full:before{vertical-align:middle}.monaco-workbench .part.editor>.content .gettingStartedContainer .hide-category-button{visibility:hidden}.monaco-workbench .part.editor>.content .gettingStartedContainer .getting-started-category:focus-within .hide-category-button,.monaco-workbench .part.editor>.content .gettingStartedContainer .getting-started-category:hover .hide-category-button{visibility:visible}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideDetails .getting-started-step .step-description-container span{line-height:1.3em}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideDetails .getting-started-step .step-description-container .monaco-button,.monaco-workbench .part.editor>.content .gettingStartedContainer .max-lines-3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideDetails .getting-started-step .step-description-container .monaco-button{align-items:center;display:flex;height:24px;min-width:max-content;padding:0 11px;width:fit-content}.monaco-workbench .part.editor>.content .gettingStartedContainer .hide-category-button{border-radius:5px;padding:3px}.monaco-workbench .part.editor>.content .gettingStartedContainer .hide-category-button:before{vertical-align:unset}.monaco-workbench .part.editor>.content .gettingStartedContainer .hide-category-button:hover{background-color:var(--vscode-toolbar-hoverBackground)}.monaco-workbench .part.editor>.content .gettingStartedContainer{background:var(--vscode-welcomePage-background);color:var(--vscode-foreground)}.monaco-workbench .part.editor>.content .gettingStartedContainer .description{color:var(--vscode-descriptionForeground);line-height:1.4em}.monaco-workbench .part.editor>.content .gettingStartedContainer .category-progress .message,.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideDetails .gettingStartedDetailsContent>.getting-started-footer{color:var(--vscode-descriptionForeground)}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideDetails .getting-started-step .codicon-getting-started-step-checked,.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideDetails .getting-started-step.expanded .codicon-getting-started-step-unchecked,.monaco-workbench .part.editor>.content .gettingStartedContainer .icon-widget{color:var(--vscode-textLink-foreground)}.monaco-workbench .part.editor>.content .gettingStartedContainer button{background:var(--vscode-welcomePage-tileBackground)}.monaco-workbench .part.editor>.content .gettingStartedContainer button:hover{background:var(--vscode-welcomePage-tileHoverBackground);outline-color:var(--vscode-contrastActiveBorder,var(--vscode-focusBorder))}.monaco-workbench .part.editor>.content .gettingStartedContainer button.expanded:hover{background:var(--vscode-welcomePage-tileBackground)}.monaco-workbench .part.editor>.content .gettingStartedContainer button.emphasis{background:var(--vscode-button-background);color:var(--vscode-button-foreground)}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideDetails .getting-started-step .codicon-getting-started-step-unchecked{color:var(--vscode-descriptionForeground)}.monaco-workbench .part.editor>.content .gettingStartedContainer button.emphasis:hover{background:var(--vscode-button-hoverBackground)}.monaco-workbench .part.editor>.content .gettingStartedContainer .button-link,.monaco-workbench .part.editor>.content .gettingStartedContainer .button-link .codicon,.monaco-workbench .part.editor>.content .gettingStartedContainer a:not(.hide-category-button){color:var(--vscode-textLink-foreground)}.monaco-workbench .part.editor>.content .gettingStartedContainer a:not(.hide-category-button):active,.monaco-workbench .part.editor>.content .gettingStartedContainer a:not(.hide-category-button):hover,.monaco-workbench .part.editor>.content .gettingStartedContainer button.button-link:hover,.monaco-workbench .part.editor>.content .gettingStartedContainer button.button-link:hover .codicon{color:var(--vscode-textLink-activeForeground)}.monaco-workbench .part.editor>.content .gettingStartedContainer a:not(.codicon-close):focus{outline-color:var(--vscode-focusBorder)}.monaco-workbench .part.editor>.content .gettingStartedContainer button{border:1px solid var(--vscode-contrastBorder)}.monaco-workbench .part.editor>.content .gettingStartedContainer button.button-link{border:inherit}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideCategories .progress-bar-outer{background-color:var(--vscode-welcomePage-progress-background)}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlideCategories .progress-bar-inner{background-color:var(--vscode-welcomePage-progress-foreground)}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlide .getting-started-category .featured .featured-icon,.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlide .getting-started-category .new-badge{color:var(--vscode-activityBarBadge-foreground)}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlide .getting-started-category .new-badge{background-color:var(--vscode-activityBarBadge-background)}.monaco-workbench .part.editor>.content .gettingStartedContainer .gettingStartedSlide .getting-started-checkbox{background-color:var(--vscode-checkbox-background)!important;border-color:var(--vscode-checkbox-border)!important;color:var(--vscode-checkbox-foreground)!important}";
+n(css,{});
+export { css, css as default };