/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-editor .debug-hover-widget {
	border: 1px solid #CCC;
	position: absolute;
	margin-top: -1px;
	cursor: default;
	z-index: 50;
	-webkit-animation-duration: 0.15s;
	-webkit-animation-name: fadeIn;
	-moz-animation-duration: 0.15s;
	-moz-animation-name: fadeIn;
	-ms-animation-duration: 0.15s;
	-ms-animation-name: fadeIn;
	animation-duration: 0.15s;
	animation-name: fadeIn;
	-webkit-user-select: text;

	white-space: pre;

	overflow: hidden;
}

.monaco-editor .debug-hover-widget .debug-hover-tree {
	line-height: 18px;
	width: 324px;
}

.monaco-editor .debug-hover-widget .debug-hover-tree .monaco-tree .monaco-tree-row > .content {
	-webkit-user-select: text;
}

/* Disable tree highlight in debug hover tree. */
.monaco-editor .debug-hover-widget .debug-hover-tree .monaco-tree .monaco-tree-rows > .monaco-tree-row:hover:not(.highlighted):not(.selected):not(.focused)  {
	background-color: inherit;
}

/* Allign twistie since hover tree is smaller */

.monaco-editor .debug-hover-widget .debug-hover-tree  .monaco-tree .monaco-tree-rows > .monaco-tree-row.has-children > .content:before {
	top: 6px;
}

.monaco-editor .debug-hover-widget .debug-hover-tree  .monaco-tree .monaco-tree-rows > .monaco-tree-row.has-children > .content:after {
	top: 8px;
}

.monaco-editor .debug-hover-widget .debug-hover-tree .monaco-tree .monaco-tree-rows > .monaco-tree-row {
	cursor: default;
}

.monaco-editor .debug-hover-widget .debug-hover-tree .monaco-tree .monaco-tree-rows > .monaco-tree-row.has-children {
	cursor: pointer;
}

.monaco-editor .debug-hover-widget pre {
	margin-top: 0;
	margin-bottom: 0;
}

.monaco-editor .debugHoverHighlight {
	background-color: rgba(173, 214, 255, 0.15);
}

.monaco-editor .debug-hover-widget .value {
	word-wrap: break-word;
	color: rgba(108, 108, 108, 0.8);
}

.monaco-editor .debug-hover-widget .error {
	color: #E51400;
}

.monaco-editor .debug-hover-widget .value.number {
	color: #09885A;
}

.monaco-editor .debug-hover-widget .value.boolean {
	color: #0000FF;
}

.monaco-editor .debug-hover-widget .value.string {
	color: #A31515;
}

/* Dark theme */

.monaco-editor.vs-dark .debug-hover-widget .value {
	color: rgba(204, 204, 204, 0.6);
}

.monaco-editor.vs-dark .debug-hover-widget .error {
	color: #F48771;
}

.monaco-editor.vs-dark .debug-hover-widget .value.number {
	color: #B5CEA8;
}

.monaco-editor.vs-dark .debug-hover-widget .value.boolean {
	color: #4E94CE;
}

.monaco-editor.vs-dark .debug-hover-widget .value.string {
	color: #CE9178;
}

.monaco-editor.vs-dark .debug-hover-widget {
	border-color: #555;
}

.monaco-editor.vs-dark .debugHoverHighlight {
	background-color: rgba(38, 79, 120, 0.25);
}