/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/
/* ---------- IE10 remove auto clear button ---------- */
::-ms-clear {
	display: none;
}

.monaco-editor {
	position: relative;
	overflow: visible;
	-webkit-text-size-adjust: 100%;
}

.monaco-editor .token.whitespace { display:inline-block; }

.monaco-editor .token.indent-guide {
	display:inline-block;
	border-left: 1px solid lightgray;
	box-sizing: border-box;
}
.monaco-editor.vs-dark .token.indent-guide,
.monaco-editor.hc-black .token.indent-guide {
	border-left: 1px solid #353535;
}

.monaco-editor.enable-ligatures {
	-webkit-font-feature-settings: "liga" on, "calt" on;
	font-feature-settings: "liga" on, "calt" on;
}

.monaco-editor .overflow-guard {
	position: relative;
	overflow: hidden;
}

/* ---------- View overlays ---------- */

.monaco-editor .view-overlays {
	position: absolute;
	top: 0;
}

/* ---------- Lines Content ---------- */

.monaco-editor .inputarea {
	/*Chrome cannot handle typing in a 0x0 textarea*/
	width: 1px;
	height: 1px;
	min-width: 0;
	min-height: 0;
	margin: 0;
	padding: 0;
	position: absolute;
	outline: none !important;
	resize: none;
	border: none;
	overflow: hidden;
}

/*.monaco-editor .inputarea {
	position: fixed !important;
	width: 800px !important;
	height: 200px !important;
	top: initial !important;
	left: initial !important;
	bottom: 0 !important;
	right: 0 !important;
}*/

.monaco-editor.ff .inputarea,
.monaco-editor.ie .inputarea {
	width: 0;
	height: 0;
}

.monaco-editor.ime-input .inputarea,
.monaco-editor.ie.ime-input .inputarea,
.monaco-editor.ff.ime-input .inputarea、 {
	width: 500px;
	z-index: 10;
	background: rgba(255, 255, 255, 0.85);
}

.monaco-editor .lines-content {
	position: absolute;
	top: 0;
}

.monaco-editor .lines-content,
.monaco-editor .view-line,
.monaco-editor .view-line > span,
.monaco-editor .view-line > span > span,
.monaco-editor .view-lines {
	-webkit-user-select: text;
	-ms-user-select: text;
	-khtml-user-select: text;
	-moz-user-select: text;
	-o-user-select: text;
	user-select: text;
}

.monaco-editor.ie .lines-content,
.monaco-editor.ie .view-line,
.monaco-editor.ie .view-line > span,
.monaco-editor.ie .view-line > span > span,
.monaco-editor.ie .view-lines {
	-ms-user-select: none;
	user-select: none;
}

.monaco-editor .view-lines {
	cursor: text;
	white-space: nowrap;
}

.monaco-editor.vs-dark.mac .view-lines,
.monaco-editor.hc-black.mac .view-lines {
	cursor: -webkit-image-set(url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAL0lEQVQoz2NgCD3x//9/BhBYBWdhgFVAiVW4JBFKGIa4AqD0//9D3pt4I4tAdAMAHTQ/j5Zom30AAAAASUVORK5CYII=') 1x, url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAAz0lEQVRIx2NgYGBY/R8I/vx5eelX3n82IJ9FxGf6tksvf/8FiTMQAcAGQMDvSwu09abffY8QYSAScNk45G198eX//yev73/4///701eh//kZSARckrNBRvz//+8+6ZohwCzjGNjdgQxkAg7B9WADeBjIBqtJCbhRA0YNoIkBSNmaPEMoNmA0FkYNoFKhapJ6FGyAH3nauaSmPfwI0v/3OukVi0CIZ+F25KrtYcx/CTIy0e+rC7R1Z4KMICVTQQ14feVXIbR695u14+Ir4gwAAD49E54wc1kWAAAAAElFTkSuQmCC') 2x) 5 8, text;
}

.monaco-editor .view-line {
	position: absolute;
	width: 100%;
}

.monaco-editor .margin-view-overlays > .view-line {
	width: 100%;
}

.monaco-editor .view-layer-line {
	position: relative;
	overflow: visible;
	width: 100%;
}

/* ---------- Squigglies ---------- */

.monaco-editor .redsquiggly {
	background: url("red-squiggly.svg") repeat-x bottom left;
}

.monaco-editor .greensquiggly {
	background: url("green-squiggly.svg") repeat-x bottom left;
}


/* ----------- bracket Match ------ */

.monaco-editor .bracket-match {
	box-sizing: border-box;
	border: 1px solid #B9B9B9;
	background-color: rgba(0, 100, 0, 0.1);
}
.monaco-editor.vs-dark .bracket-match {
	border: 1px solid #888;
}
.monaco-editor.hc-black .bracket-match {
	border: 1px solid #fff;
}

/* All widgets */
/* I am not a big fan of this rule */
.monaco-editor .editor-widget input {
	color: inherit;
}

/* ----------- BEGIN VS-DARK THEME ----------- */
/* The editor */
.monaco-editor.vs-dark,
.monaco-editor.vs-dark .zone-widget .monaco-editor {
	color: #BBB;
	background: #1E1E1E;
}

/* Textarea */
.monaco-editor.vs-dark .inputarea {
	color: #BBB;
}
.monaco-editor.vs-dark.ime-input .inputarea,
.monaco-editor.vs-dark.ie.ime-input .inputarea,
.monaco-editor.vs-dark.ff.ime-input .inputarea {
	background: rgba(0, 0, 0, 0.65);
}

/* Background */
.monaco-editor.vs-dark .monaco-editor-background {
	background: #1E1E1E;
}

/* Highlight a line */
.monaco-editor.vs-dark .focus-mode {
	background-color: #1E1E1E;
	opacity: 0.333;
}

/* Caret */
.monaco-editor.vs-dark .cursor {
	background: #AEAFAD;
	border-color: #AEAFAD;
	color: #51504f; /* opposite of #AEAFAD */
}

/* Highlight a line */
.monaco-editor.vs-dark .lineHighlight {
	background-color: rgba(243, 240, 245, 0.2);
}

/* Selection */
.monaco-editor.vs-dark .view-overlays.focused .selected-text {
	background: #264F78;
}
.monaco-editor.vs-dark .view-overlays .selected-text {
	background: #3A3D41;
}

/* Glyph Margin */
.monaco-editor.vs-dark .glyph-margin {
	background: #222;
}

.monaco-workbench-container .monaco-editor.vs-dark .glyph-margin {
	background: #1E1E1E;
}

/* Line Numbers */
.monaco-editor.vs-dark .line-numbers {
	color: #5A5A5A;
}

/* Diff Editor overview */
.monaco-diff-editor.vs-dark .diffOverview {
	background-color: #1E1E1E;
}
.monaco-scrollable-element.vs-dark.modified-in-monaco-diff-editor .scrollbar {
	background: rgba(0,0,0,0);
}

/* ---------- Word Highlight ---------- */
.monaco-editor.vs-dark .wordHighlight {
	background-color: rgba(87, 87, 87, 0.72);
/*	-webkit-animation-duration: 0.2s;
	-webkit-animation-name: darkWordHighlight;
	-moz-animation-duration: 0.2s;
	-moz-animation-name: darkWordHighlight;
	-ms-animation-duration: 0.2s;
	-ms-animation-name: darkWordHighlight;
	animation-duration: 0.2s;
	animation-name: darkWordHighlight;*/
}

/* ---------- Selection Highlight ---------- */

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

/*@-webkit-keyframes darkWordHighlight	{ from { background-color: #1E1E1E; } to { background-color: rgba(87, 87, 87, 0.72); } }
@-moz-keyframes darkWordHighlight		{ from { background-color: #1E1E1E; } to { background-color: rgba(87, 87, 87, 0.72); } }
@-ms-keyframes darkWordHighlight		{ from { background-color: #1E1E1E; } to { background-color: rgba(87, 87, 87, 0.72); } }
@keyframes darkWordHighlight			{ from { background-color: #1E1E1E; } to { background-color: rgba(87, 87, 87, 0.72); } }*/

.monaco-editor.vs-dark .wordHighlightStrong {
	background-color: rgba(14, 99, 156, 0.72);
	-webkit-animation-duration: 0.2s;
	-webkit-animation-name: monaco-editor-dark-word-highlight-strong;
	-moz-animation-duration: 0.2s;
	-moz-animation-name: monaco-editor-dark-word-highlight-strong;
	-ms-animation-duration: 0.2s;
	-ms-animation-name: monaco-editor-dark-word-highlight-strong;
	animation-duration: 0.2s;
	animation-name: monaco-editor-dark-word-highlight-strong;
}


@-webkit-keyframes monaco-editor-dark-word-highlight-strong	{ from { background-color: inherit; } to { background-color: rgba(0, 73, 114, 0.72); } }
@-moz-keyframes monaco-editor-dark-word-highlight-strong	{ from { background-color: inherit; } to { background-color: rgba(0, 73, 114, 0.72); } }
@-ms-keyframes monaco-editor-dark-word-highlight-strong		{ from { background-color: inherit; } to { background-color: rgba(0, 73, 114, 0.72); } }
@keyframes monaco-editor-dark-word-highlight-strong			{ from { background-color: inherit; } to { background-color: rgba(0, 73, 114, 0.72); } }

/* Snippets */
.monaco-editor.vs-dark .new-snippet				{ background-color: rgba(100, 105, 110, 0.1); }
.monaco-editor.vs-dark .snippet-placeholder		{ background-color: rgba(124, 124, 124, 0.1); }
.monaco-editor.vs-dark .finish-snippet-placeholder	{ outline: #525252 solid 1px; }

/* Scrollbar */
.monaco-scrollable-element.vs-dark > .scrollbar > .slider {
	background: rgba(121, 121, 121, .4);
}
.monaco-scrollable-element.vs-dark > .scrollbar > .slider.active {
	background: rgba(191, 191, 191, .4);
}

/* Scroll decoration */
.monaco-editor.vs-dark .scroll-decoration {
	box-shadow: #000 0 6px 6px -6px inset;
}

/* Detected link */
.monaco-editor.vs-dark .detected-link {
	border-color: #1C5DAF;
}
/* ----------- END VS-DARK THEME ----------- */






/* ----------- BEGIN HC-BLACK THEME ----------- */
/* The editor */
.monaco-editor.hc-black,
.monaco-editor.hc-black .zone-widget .monaco-editor {
	color: #fff;
	background: #000;
}

/* Background */
.monaco-editor.hc-black .monaco-editor-background {
	background: #000;
}

/* Highlight a line */
.monaco-editor.hc-black .focus-mode {
	background-color: #1E1E1E;
	opacity: 0.333;
}

/* Caret */
.monaco-editor.hc-black .cursor {
	background: #fff;
	color: #000; /* opposite of #fff */
}

/* Highlight a line */
.monaco-editor.hc-black .lineHighlight {
	background-color: rgba(243, 240, 245, 0.2);
}

/* Selection */
.monaco-editor.hc-black .view-overlays.focused .selected-text {
	background: white;
	box-sizing: border-box;
	border-radius: 0;
}
.monaco-editor.hc-black .view-overlays .selected-text {
	background: none;
}

.monaco-editor.hc-black .top-left-radius {
	border-top-left-radius: 0;
}
.monaco-editor.hc-black .bottom-left-radius {
	border-bottom-left-radius: 0;
}
.monaco-editor.hc-black .top-right-radius {
	border-top-right-radius: 0;
}
.monaco-editor.hc-black .bottom-right-radius {
	border-bottom-right-radius: 0;
}

.monaco-editor.hc-black .selectionHighlight {
	background: none;
	border: 1px dotted #f38518;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* Search */
.hc-black .monaco-workbench .search-viewlet .findInFileMatch, .monaco-editor.hc-black .findInFileMatch {
	background: none !important;
	border: 1px dotted #f38518;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* Squigglies */
.monaco-editor.hc-black .redsquiggly {
	background: none;
	border-bottom: 4px double #E47777;
	opacity: 0.8;
}

.monaco-editor.hc-black .greensquiggly {
	background: none;
	border-bottom: 4px double #71B771;
	opacity: 0.8;
}

/* Glyph Margin */
.monaco-editor.hc-black .glyph-margin {
	background: #000;
	border-right: 1px solid #6FC3DF;
}

.monaco-workbench-container .monaco-editor.hc-black .glyph-margin {
	background: #000;
	border: 0;
}

/* Line Numbers */
.monaco-editor.hc-black .line-numbers {
	color: #FFF;
}

/* Diff Editor overview */
.monaco-diff-editor.hc-black .diffOverview {
	background-color: #000;
}
.monaco-scrollable-element.hc-black.modified-in-monaco-diff-editor .scrollbar {
	background: rgba(0,0,0,0);
}

/* ---------- Word Highlight ---------- */
.monaco-editor.hc-black .wordHighlight {
	background: none;
/*	-webkit-animation-name: none;
	-moz-animation-name: none;
	-ms-animation-name: none;
	animation-name: none;*/
}

/* Hover */
.monaco-editor.hc-black .editor-hover {
	color: #D5D8D6;
	box-shadow: none;
}

/* Snippets */
.monaco-editor.hc-black .new-snippet				{ background-color: rgba(100, 105, 110, 0.1); }
.monaco-editor.hc-black .snippet-placeholder		{ background-color: rgba(124, 124, 124, 0.1); }
.monaco-editor.hc-black .finish-snippet-placeholder	{ outline: #525252 solid 1px; }

/* Scrollbar */

.hc-black.monaco-scrollable-element.modified-in-monaco-diff-editor > .scrollbar > .slider {
	border-width: 100px;
}

/* ---------- DiffEditor ---------- */

.hc-black.monaco-diff-editor .diffOverview {
/*    border-left: 1px solid #ccc;*/
}
.hc-black.monaco-scrollable-element.modified-in-monaco-diff-editor .scrollbar {
	background: none;
}
.hc-black.modified-in-monaco-diff-editor .slider.active {
	background: none;
}

/* ---------- Diff ---------- */

.monaco-editor.hc-black .line-delete,
.monaco-editor.hc-black .char-delete {
	background: none;
	border: 1px dashed #FF008F;
}

.monaco-editor.hc-black .line-insert,
.monaco-editor.hc-black .char-insert {
	background: none;
	border: 1px dashed rgb(51, 255, 46);
}

.monaco-editor.hc-black .diagonal-fill {
	background: none;
}

/* Tokens colors are defined in tokens.css */
.monaco-editor.hc-black .token {
	mix-blend-mode: difference;
}

/* ----------- END HC-BLACK THEME ----------- */