@import url(https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;500&display=swap);
/* VS Code Native Theme Variables */
:root {
  /* Exact VS Code Dark Theme Colors */
  --vscode-editor-background: #1e1e1e;
  --vscode-editor-foreground: #d4d4d4;
  --vscode-titleBar-activeBackground: #3c3c3c;
  --vscode-titleBar-activeForeground: #cccccc;
  --vscode-titleBar-inactiveBackground: #3c3c3c;
  --vscode-titleBar-inactiveForeground: #cccccc99;
  
  /* Activity Bar */
  --vscode-activityBar-background: #333333;
  --vscode-activityBar-foreground: #ffffff;
  --vscode-activityBar-inactiveForeground: #ffffff99;
  --vscode-activityBar-border: #2d2d30;
  --vscode-activityBarBadge-background: #007acc;
  --vscode-activityBarBadge-foreground: #ffffff;
  
  /* Side Bar */
  --vscode-sideBar-background: #252526;
  --vscode-sideBar-foreground: #cccccc;
  --vscode-sideBar-border: #2d2d30;
  --vscode-sideBarTitle-foreground: #cccccc;
  --vscode-sideBarSectionHeader-background: #2d2d30;
  --vscode-sideBarSectionHeader-foreground: #cccccc;
  
  /* Editor Group Header */
  --vscode-editorGroupHeader-tabsBackground: #2d2d30;
  --vscode-editorGroupHeader-tabsBorder: #2d2d30;
  --vscode-tab-activeBackground: #1e1e1e;
  --vscode-tab-activeForeground: #ffffff;
  --vscode-tab-inactiveBackground: #2d2d30;
  --vscode-tab-inactiveForeground: #ffffff80;
  --vscode-tab-border: #2d2d30;
  --vscode-tab-activeBorder: #007acc;
  --vscode-tab-activeBorderTop: #007acc;
  
  /* Panel */
  --vscode-panel-background: #1e1e1e;
  --vscode-panel-border: #2d2d30;
  --vscode-panelTitle-activeBorder: #007acc;
  --vscode-panelTitle-activeForeground: #e7e7e7;
  --vscode-panelTitle-inactiveForeground: #e7e7e799;
  
  /* Status Bar */
  --vscode-statusBar-background: #007acc;
  --vscode-statusBar-foreground: #ffffff;
  --vscode-statusBar-border: #007acc;
  --vscode-statusBar-debuggingBackground: #cc6633;
  --vscode-statusBar-noFolderBackground: #68217a;
  
  /* Focus and Selection */
  --vscode-focusBorder: #007acc;
  --vscode-selection-background: #264f78;
  --vscode-list-activeSelectionBackground: #094771;
  --vscode-list-activeSelectionForeground: #ffffff;
  --vscode-list-inactiveSelectionBackground: #37373d;
  --vscode-list-inactiveSelectionForeground: #cccccc;
  --vscode-list-hoverBackground: #2a2d2e;
  --vscode-list-focusBackground: #094771;
  
  /* Buttons */
  --vscode-button-background: #0e639c;
  --vscode-button-foreground: #ffffff;
  --vscode-button-hoverBackground: #1177bb;
  --vscode-button-secondaryBackground: #3a3d41;
  --vscode-button-secondaryForeground: #cccccc;
  --vscode-button-secondaryHoverBackground: #45494e;
  
  /* Input */
  --vscode-input-background: #3c3c3c;
  --vscode-input-foreground: #cccccc;
  --vscode-input-border: #3c3c3c;
  --vscode-input-placeholderForeground: #cccccc80;
  --vscode-inputFocus-border: #007acc;
  
  /* Menu */
  --vscode-menu-background: #3c3c3c;
  --vscode-menu-foreground: #cccccc;
  --vscode-menu-border: #454545;
  --vscode-menu-selectionBackground: #094771;
  --vscode-menu-selectionForeground: #ffffff;
  --vscode-menu-separatorBackground: #454545;
  
  /* Dropdown */
  --vscode-dropdown-background: #3c3c3c;
  --vscode-dropdown-foreground: #cccccc;
  --vscode-dropdown-border: #3c3c3c;
  
  /* Progress Bar */
  --vscode-progressBar-background: #0e70c0;
  
  /* Text Colors */
  --vscode-textLink-foreground: #3794ff;
  --vscode-textLink-activeForeground: #4daafc;
  --vscode-descriptionForeground: #cccccc99;
  
  /* Git Decorations */
  --vscode-gitDecoration-addedResourceForeground: #81b88b;
  --vscode-gitDecoration-modifiedResourceForeground: #e2c08d;
  --vscode-gitDecoration-deletedResourceForeground: #c74e39;
  --vscode-gitDecoration-untrackedResourceForeground: #73c991;
  --vscode-gitDecoration-ignoredResourceForeground: #8c8c8c;
  --vscode-gitDecoration-conflictingResourceForeground: #e4676b;
  
  /* Quick Input / Command Palette */
  --vscode-quickInput-background: #252526;
  --vscode-quickInput-foreground: #cccccc;
  --vscode-widget-border: #454545;
  
  /* Keybinding Labels */
  --vscode-keybindingLabel-background: #3c3c3c;
  --vscode-keybindingLabel-foreground: #cccccc;
  --vscode-keybindingLabel-border: #454545;
  
  /* Editor Hover Widget */
  --vscode-editorHoverWidget-background: #252526;
  --vscode-editorHoverWidget-foreground: #cccccc;
  --vscode-editorHoverWidget-border: #454545;
  
  /* Notifications */
  
  /* Scrollbar */
  --vscode-scrollbar-shadow: #000000;
  --vscode-scrollbarSlider-background: #79797966;
  --vscode-scrollbarSlider-hoverBackground: #646464b3;
  --vscode-scrollbarSlider-activeBackground: #bfbfbf66;
  
  /* Tree */
  --vscode-tree-indentGuidesStroke: #585858;
  
  /* Breadcrumb */
  --vscode-breadcrumb-foreground: #cccccccc;
  --vscode-breadcrumb-background: #1e1e1e;
  --vscode-breadcrumb-focusForeground: #e7e7e7;
  --vscode-breadcrumb-activeSelectionForeground: #e7e7e7;
  
  /* Minimap */
  --vscode-minimap-background: #1e1e1e;
  
  /* Error/Warning Colors */
  --vscode-errorForeground: #f14c4c;
  --vscode-warningForeground: #ffcc02;
  --vscode-infoForeground: #75beff;
  --vscode-successForeground: #89d185;
  
  /* Notifications */
  --vscode-notifications-background: #2d2d30;
  --vscode-notifications-foreground: #cccccc;
  --vscode-notifications-border: #454545;
  --vscode-notificationsSuccessIcon-foreground: #89d185;
  --vscode-notificationsErrorIcon-foreground: #f14c4c;
  --vscode-notificationsWarningIcon-foreground: #ffcc02;
  --vscode-notificationsInfoIcon-foreground: #75beff;
  
  /* Editor Line Numbers */
  --vscode-editorLineNumber-foreground: #858585;
  --vscode-editorLineNumber-activeForeground: #c6c6c6;
  
  /* Text Block Quote (for explanations) */
  --vscode-textBlockQuote-background: #7f7f7f1a;
  --vscode-textBlockQuote-foreground: #cccccc;
  --vscode-textCodeBlock-background: #0a0a0a50;
}

/* VS Code Scrollbar Implementation */
.vscode-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: #79797966 transparent;
  scrollbar-color: var(--vscode-scrollbarSlider-background) transparent;
}

.vscode-scrollbar::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

.vscode-scrollbar::-webkit-scrollbar-corner {
  background: transparent;
}

.vscode-scrollbar::-webkit-scrollbar-track {
  background: transparent;
}

.vscode-scrollbar::-webkit-scrollbar-thumb {
  background: #79797966;
  background: var(--vscode-scrollbarSlider-background);
  border-radius: 0;
}

.vscode-scrollbar::-webkit-scrollbar-thumb:hover {
  background: #646464b3;
  background: var(--vscode-scrollbarSlider-hoverBackground);
}

.vscode-scrollbar::-webkit-scrollbar-thumb:active {
  background: #bfbfbf66;
  background: var(--vscode-scrollbarSlider-activeBackground);
}

/* VS Code Focus Styles */
.vscode-focus {
  outline: 1px solid #007acc !important;
  outline: 1px solid var(--vscode-focusBorder) !important;
  outline-offset: -1px;
}

/* VS Code Button Styles */
.vscode-button {
  background: #0e639c;
  background: var(--vscode-button-background);
  color: #ffffff;
  color: var(--vscode-button-foreground);
  border: none;
  padding: 4px 14px;
  font-size: 13px;
  line-height: 20px;
  border-radius: 2px;
  cursor: pointer;
  transition: background-color 0.1s ease;
}

.vscode-button:hover {
  background: #1177bb;
  background: var(--vscode-button-hoverBackground);
}

.vscode-button:focus {
  outline: 1px solid #007acc;
  outline: 1px solid var(--vscode-focusBorder);
  outline-offset: 2px;
}

.vscode-button-secondary {
  background: #3a3d41;
  background: var(--vscode-button-secondaryBackground);
  color: #cccccc;
  color: var(--vscode-button-secondaryForeground);
}

.vscode-button-secondary:hover {
  background: #45494e;
  background: var(--vscode-button-secondaryHoverBackground);
}

/* VS Code Input Styles */
.vscode-input {
  background: #3c3c3c;
  background: var(--vscode-input-background);
  color: #cccccc;
  color: var(--vscode-input-foreground);
  border: 1px solid #3c3c3c;
  border: 1px solid var(--vscode-input-border);
  padding: 4px 8px;
  font-size: 13px;
  line-height: 20px;
  border-radius: 2px;
}

.vscode-input:focus {
  border-color: #007acc;
  border-color: var(--vscode-inputFocus-border);
  outline: none;
}

.vscode-input::placeholder {
  color: #cccccc80;
  color: var(--vscode-input-placeholderForeground);
}

/* VS Code List Styles */
.vscode-list-item {
  padding: 0 8px;
  line-height: 22px;
  cursor: pointer;
  transition: background-color 0.1s ease;
}

.vscode-list-item:hover {
  background: #2a2d2e;
  background: var(--vscode-list-hoverBackground);
}

.vscode-list-item.selected {
  background: #094771;
  background: var(--vscode-list-activeSelectionBackground);
  color: #ffffff;
  color: var(--vscode-list-activeSelectionForeground);
}

/* VS Code Scrollbar Enhancement */
.vscode-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: #79797966 transparent;
  scrollbar-color: var(--vscode-scrollbarSlider-background) transparent;
}

.vscode-scrollbar::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

.vscode-scrollbar::-webkit-scrollbar-corner {
  background: transparent;
}

.vscode-scrollbar::-webkit-scrollbar-thumb {
  background: #79797966;
  background: var(--vscode-scrollbarSlider-background);
  border-radius: 0;
  -webkit-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
}

.vscode-scrollbar::-webkit-scrollbar-thumb:hover {
  background: #646464b3;
  background: var(--vscode-scrollbarSlider-hoverBackground);
}

.vscode-scrollbar::-webkit-scrollbar-thumb:active {
  background: #bfbfbf66;
  background: var(--vscode-scrollbarSlider-activeBackground);
}

.vscode-scrollbar::-webkit-scrollbar-track {
  background: transparent;
}

/* VS Code Focus Outline */
.vscode-focus {
  outline: 1px solid #007acc;
  outline: 1px solid var(--vscode-focusBorder);
  outline-offset: -1px;
}

/* VS Code Animations */
@keyframes vscode-fade-in {
  from {
    opacity: 0;
    transform: translateY(-4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes vscode-slide-down {
  from {
    opacity: 0;
    transform: translateY(-8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes vscode-pulse {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}

.vscode-fade-in {
  animation: vscode-fade-in 0.15s ease-out;
}

.vscode-slide-down {
  animation: vscode-slide-down 0.2s ease-out;
}

.vscode-pulse {
  animation: vscode-pulse 2s ease-in-out infinite;
}

/* VS Code Tree Indent Guides */
.vscode-tree-indent {
  border-left: 1px solid #585858;
  border-left: 1px solid var(--vscode-tree-indentGuidesStroke);
  margin-left: 8px;
  padding-left: 8px;
}

/* VS Code Status Indicators */
.vscode-status-modified {
  color: #e2c08d;
  color: var(--vscode-gitDecoration-modifiedResourceForeground);
}

.vscode-status-added {
  color: #81b88b;
  color: var(--vscode-gitDecoration-addedResourceForeground);
}

.vscode-status-deleted {
  color: #c74e39;
  color: var(--vscode-gitDecoration-deletedResourceForeground);
}

.vscode-status-untracked {
  color: #73c991;
  color: var(--vscode-gitDecoration-untrackedResourceForeground);
}

.vscode-status-ignored {
  color: #8c8c8c;
  color: var(--vscode-gitDecoration-ignoredResourceForeground);
}

.vscode-status-conflicted {
  color: #e4676b;
  color: var(--vscode-gitDecoration-conflictingResourceForeground);
}

/* VS Code Tooltip Styles */
.vscode-tooltip {
  background: #252526;
  background: var(--vscode-editorHoverWidget-background);
  color: #cccccc;
  color: var(--vscode-editorHoverWidget-foreground);
  border: 1px solid #454545;
  border: 1px solid var(--vscode-editorHoverWidget-border);
  border-radius: 3px;
  padding: 8px;
  font-size: 12px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.16);
  z-index: 1000;
}

/* VS Code Quick Input Styles */
.vscode-quick-input {
  background: #252526;
  background: var(--vscode-quickInput-background);
  color: #cccccc;
  color: var(--vscode-quickInput-foreground);
  border: 1px solid #454545;
  border: 1px solid var(--vscode-widget-border);
  border-radius: 6px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.36);
}

/* VS Code Menu Animation */
.vscode-menu {
  animation: vscode-slide-down 0.15s ease-out;
  background: #3c3c3c;
  background: var(--vscode-menu-background);
  border: 1px solid #454545;
  border: 1px solid var(--vscode-menu-border);
  border-radius: 3px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.16);
  padding: 4px 0;
}

.vscode-menu-item {
  padding: 4px 16px;
  cursor: pointer;
  transition: background-color 0.1s ease;
  color: #cccccc;
  color: var(--vscode-menu-foreground);
  font-size: 13px;
}

.vscode-menu-item:hover {
  background: #094771;
  background: var(--vscode-menu-selectionBackground);
  color: #ffffff;
  color: var(--vscode-menu-selectionForeground);
}

.vscode-menu-separator {
  height: 1px;
  background: #454545;
  background: var(--vscode-menu-separatorBackground);
  margin: 4px 0;
}

/* VS Code List Styles Enhanced */
.vscode-list-item {
  padding: 0 8px;
  line-height: 22px;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: background-color 0.1s ease;
}

.vscode-list-item:hover {
  background: #2a2d2e;
  background: var(--vscode-list-hoverBackground);
}

.vscode-list-item.selected {
  background: #094771;
  background: var(--vscode-list-activeSelectionBackground);
  color: #ffffff;
  color: var(--vscode-list-activeSelectionForeground);
}

.vscode-list-item.inactive-selected {
  background: #37373d;
  background: var(--vscode-list-inactiveSelectionBackground);
  color: #cccccc;
  color: var(--vscode-list-inactiveSelectionForeground);
}

/* VS Code Tree Indent Guides */
.vscode-tree-indent-guide {
  border-left: 1px solid #585858;
  border-left: 1px solid var(--vscode-tree-indentGuidesStroke);
  margin-left: 8px;
  width: 1px;
}

/* Fix for root variables closing */


/*# sourceMappingURL=main-31743c5a.73336e3a.css.map*/