.monaco-editor {
  padding-bottom: 5.6px;
  font-family: var(--wm-code-font-family);
  font-size: inherit !important;
}

/*
 * set z-index to 0, so tabs are not above overlay widgets
 */
.p-TabBar.wm-app-centers {
  z-index: 0;
  display: flex;
}

.monaco-editor .zone-widget {
  position: absolute;
  z-index: 10;
  background-color: var(--wm-editorWidget-background);
}

.monaco-editor .zone-widget .zone-widget-container {
  border-top-style: solid;
  border-bottom-style: solid;
  border-top-width: 0;
  border-bottom-width: 0;
  border-top-color: var(--wm-peekView-border);
  border-bottom-color: var(--wm-peekView-border);
  position: relative;
}

.monaco-editor .parameter-hints-widget > .wrapper {
  overflow: hidden;
}

/* List highlight, see https://github.com/microsoft/vscode/blob/ff5f581425da6230b6f9216ecf19abf6c9d285a6/src/vs/workbench/browser/style.ts#L50 */
.monaco-tree .monaco-tree-row .monaco-highlighted-label .highlight,
.monaco-list .monaco-list-row .monaco-highlighted-label .highlight {
  color: var(--wm-list-highlightForeground) !important;
}

/* Scrollbars, see https://github.com/microsoft/vscode/blob/ff5f581425da6230b6f9216ecf19abf6c9d285a6/src/vs/workbench/browser/style.ts#L65 */
.monaco-scrollable-element > .shadow.top {
  box-shadow: var(--wm-scrollbar-shadow) 0 6px 6px -6px inset !important;
}

.monaco-scrollable-element > .shadow.left {
  box-shadow: var(--wm-scrollbar-shadow) 6px 0 6px -6px inset !important;
}

.monaco-scrollable-element > .shadow.top.left {
  box-shadow: var(--wm-scrollbar-shadow) 6px 6px 6px -6px inset !important;
}

.monaco-scrollable-element > .scrollbar > .slider {
  background: var(--wm-scrollbarSlider-background) !important;
}

.monaco-scrollable-element > .scrollbar > .slider:hover {
  background: var(--wm-scrollbarSlider-hoverBackground) !important;
}

.monaco-scrollable-element > .scrollbar > .slider.active {
  background: var(--wm-scrollbarSlider-activeBackground) !important;
}

.monaco-scrollable-element > .scrollbar.vertical > .slider {
  width: var(--wm-scrollbar-width) !important;
}

.monaco-scrollable-element > .scrollbar.horizontal > .slider {
  height: var(--wm-scrollbar-width) !important;
}

.monaco-editor .codicon.codicon-debug-start {
  color: var(--wm-debugIcon-startForeground) !important;
}

.monaco-editor .codelens-decoration a {
  color: inherit !important;
}

.monaco-editor .reference-zone-widget .ref-tree .referenceMatch .highlight {
  color: unset !important;
}

.monaco-editor .find-widget .monaco-inputbox.synthetic-focus {
  outline: var(--wm-border-width) solid;
  outline-offset: calc(-1 * var(--wm-border-width));
  outline-color: var(--wm-focusBorder);
}

.monaco-editor .rename-box input {
  color: var(--wm-editor-foreground);
}

.monaco-editor .rename-box .rename-label {
  opacity: 0.8;
  padding: 3px;
  font-family: sans-serif;
}

.monaco-editor .monaco-list .monaco-list-row.focused,
.monaco-editor .monaco-list .monaco-list-row.focused,
.monaco-editor .monaco-list .monaco-list-row.focused .suggest-icon {
  color: var(--wm-list-activeSelectionForeground) !important;
  background-color: var(--wm-list-activeSelectionBackground) !important;
}

/* Monaco Quick Input */
.quick-input-widget {
  width: 600px !important;
  margin-left: -300px !important;
  background-color: var(--wm-quickInput-background) !important;
  color: var(--wm-foreground) !important;
  box-shadow: rgb(0 0 0 / 36%) 0px 0px 8px 2px;
}

.monaco-icon-label,
.monaco-icon-label-container,
.monaco-icon-name-container,
.monaco-highlighted-label,
.quick-input-list-row {
  line-height: var(--wm-content-line-height) !important;
  height: var(--wm-content-line-height) !important;
}

.monaco-icon-label-container {
  font-family: var(--wm-ui-font-family) !important;
}

.quick-input-list
.quick-input-list-rows
> .quick-input-list-row
.monaco-icon-label,
.quick-input-list
.quick-input-list-rows
> .quick-input-list-row
.monaco-icon-label
.monaco-icon-label-container,
.quick-input-list
.quick-input-list-rows
> .quick-input-list-row
.monaco-icon-label
.monaco-icon-label-container
> .monaco-icon-name-container {
  display: flex !important;
}

.quick-input-list .monaco-list-row.focused {
  background-color: var(--wm-quickInputList-focusBackground) !important;
}

.quick-input-list .monaco-keybinding > .monaco-keybinding-key {
  color: inherit !important;
}

.quick-input-list .monaco-list-row.focused,
.quick-input-list .monaco-list-row.focused .monaco-highlighted-label,
.quick-input-list .monaco-list-row.focused .monaco-highlighted-label .codicon,
.quick-input-list .monaco-list-row.focused .quick-input-list-entry .quick-input-list-separator,
.quick-input-list .monaco-list-row.focused .monaco-highlighted-label .monaco-keybinding .monaco-keybinding-key,
.quick-input-list .monaco-list-row.focused .monaco-highlighted-label .monaco-keybinding .monaco-keybinding-key-separator {
  color: var(--wm-quickInputList-focusForeground) !important;
}

.quick-input-list .monaco-list-row.focused .monaco-highlighted-label .highlight {
  color: var(--wm-list-focusHighlightForeground) !important;
}

.monaco-list-rows
.monaco-list-row:not(:first-child)
.quick-input-list-entry.quick-input-list-separator-border {
  border-top: 1px solid var(--wm-pickerGroup-border) !important;
}

.quick-input-list .quick-input-list-separator {
  color: var(--wm-pickerGroup-foreground) !important;
}

.monaco-icon-label > .monaco-icon-label-container {
  flex: 1 !important;
}

.quick-input-list
.quick-input-list-rows
> .quick-input-list-row
.monaco-icon-label
.monaco-icon-label-container
> .monaco-icon-name-container {
  flex: 0 !important;
}

.quick-input-list-rows
.quick-input-list-row
.monaco-icon-label
.monaco-icon-description-container
.label-description {
  font-size: calc(var(--wm-ui-font-size1) * 0.95) !important;
  color: var(--wm-foreground) !important;
}

.quick-input-list-rows
.quick-input-list-row
.monaco-icon-label
.monaco-icon-label-container
.monaco-icon-name-container
.label-name {
  font-size: var(--wm-ui-font-size1) !important;
  color: var(--wm-foreground) !important;
}

.quick-input-list .quick-input-list-label {
  cursor: pointer !important;
}

.monaco-list:not(.drop-target) .monaco-list-row:hover:not(.selected):not(.focused) {
  background: var(--wm-list-hoverBackground);
}

.monaco-editor .peekview-widget .head .peekview-title {
  font-family: var(--wm-ui-font-family);
}

.monaco-editor .peekview-widget .referenceMatch {
  font-family: var(--wm-ui-font-family);
}

.monaco-editor .find-widget .monaco-findInput .input,
.monaco-editor .find-widget .matchesCount {
  font-family: var(--wm-ui-font-family);
}

.monaco-editor .monaco-action-bar .action-label.codicon {
  color: var(--wm-foreground);
}

.monaco-editor .monaco-action-bar .action-item.active {
  transform: none;
}

.monaco-editor .peekview-widget .monaco-list-row.focused.selected .label-name,
.monaco-editor .peekview-widget .monaco-list-row.focused.selected .label-description,
.monaco-editor .peekview-widget .monaco-list-row.focused.selected .monaco-highlighted-label,
.monaco-editor .peekview-widget .monaco-list-row.focused.selected .codicon {
  color: var(--wm-list-activeSelectionForeground) !important;
}
