1#error.svelte-104hor5{background:darkred;color:white;flex:1;padding:10px}.invisible.svelte-104hor5{display:none}.visible.svelte-104hor5{display:block}
2/*---------------------------------------------------------------------------------------------
3 *  Copyright (c) Microsoft Corporation. All rights reserved.
4 *  Licensed under the MIT License. See License.txt in the project root for license information.
5 *--------------------------------------------------------------------------------------------*/
6
7.monaco-editor .accessibilityHelpWidget {
8	padding: 10px;
9	vertical-align: middle;
10	overflow: scroll;
11}
12/*---------------------------------------------------------------------------------------------
13 *  Copyright (c) Microsoft Corporation. All rights reserved.
14 *  Licensed under the MIT License. See License.txt in the project root for license information.
15 *--------------------------------------------------------------------------------------------*/
16
17.monaco-aria-container {
18	position: absolute; /* try to hide from window but not from screen readers */
19	left:-999em;
20}
21/*---------------------------------------------------------------------------------------------
22 *  Copyright (c) Microsoft Corporation. All rights reserved.
23 *  Licensed under the MIT License. See License.txt in the project root for license information.
24 *--------------------------------------------------------------------------------------------*/
25
26.monaco-editor .selection-anchor {
27	background-color: #007ACC;
28	width: 2px !important;
29}
30
31/*---------------------------------------------------------------------------------------------
32 *  Copyright (c) Microsoft Corporation. All rights reserved.
33 *  Licensed under the MIT License. See License.txt in the project root for license information.
34 *--------------------------------------------------------------------------------------------*/
35
36.monaco-editor .bracket-match {
37	box-sizing: border-box;
38}
39
40/*---------------------------------------------------------------------------------------------
41 *  Copyright (c) Microsoft Corporation. All rights reserved.
42 *  Licensed under the MIT License. See License.txt in the project root for license information.
43 *--------------------------------------------------------------------------------------------*/
44
45.monaco-editor .monaco-editor-overlaymessage {
46	padding-bottom: 8px;
47	z-index: 10000;
48}
49
50@keyframes fadeIn {
51	from { opacity: 0; }
52	to { opacity: 1; }
53}
54.monaco-editor .monaco-editor-overlaymessage.fadeIn {
55	animation: fadeIn 150ms ease-out;
56}
57
58@keyframes fadeOut {
59	from { opacity: 1; }
60	to { opacity: 0; }
61}
62.monaco-editor .monaco-editor-overlaymessage.fadeOut {
63	animation: fadeOut 100ms ease-out;
64}
65
66.monaco-editor .monaco-editor-overlaymessage .message {
67	padding: 1px 4px;
68}
69
70.monaco-editor .monaco-editor-overlaymessage .anchor {
71	width: 0 !important;
72	height: 0 !important;
73	border-color: transparent;
74	border-style: solid;
75	z-index: 1000;
76	border-width: 8px;
77	position: absolute;
78}
79
80/*---------------------------------------------------------------------------------------------
81 *  Copyright (c) Microsoft Corporation. All rights reserved.
82 *  Licensed under the MIT License. See License.txt in the project root for license information.
83 *--------------------------------------------------------------------------------------------*/
84
85.monaco-editor .lightbulb-glyph,
86.monaco-editor .codicon-lightbulb {
87	display: flex;
88	align-items: center;
89	justify-content: center;
90	height: 16px;
91	width: 20px;
92	padding-left: 2px;
93}
94
95.monaco-editor .lightbulb-glyph:hover,
96.monaco-editor .codicon-lightbulb:hover {
97	cursor: pointer;
98	/* transform: scale(1.3, 1.3); */
99}
100
101/*---------------------------------------------------------------------------------------------
102 *  Copyright (c) Microsoft Corporation. All rights reserved.
103 *  Licensed under the MIT License. See License.txt in the project root for license information.
104 *--------------------------------------------------------------------------------------------*/
105
106.monaco-editor .codelens-decoration {
107	overflow: hidden;
108	display: inline-block;
109	text-overflow: ellipsis;
110}
111
112.monaco-editor .codelens-decoration > span,
113.monaco-editor .codelens-decoration > a {
114	user-select: none;
115	-webkit-user-select: none;
116	-ms-user-select: none;
117	white-space: nowrap;
118	vertical-align: sub;
119}
120
121.monaco-editor .codelens-decoration > a {
122	text-decoration: none;
123}
124
125.monaco-editor .codelens-decoration > a:hover {
126	cursor: pointer;
127}
128
129.monaco-editor .codelens-decoration .codicon {
130	vertical-align: middle;
131	color: currentColor !important;
132}
133
134.monaco-editor .codelens-decoration > a:hover .codicon::before {
135	cursor: pointer;
136}
137
138@keyframes fadein {
139	0% { opacity: 0; visibility: visible;}
140	100% { opacity: 1; }
141}
142
143.monaco-editor .codelens-decoration.fadein {
144	animation: fadein 0.1s linear;
145}
146
147/*---------------------------------------------------------------------------------------------
148 *  Copyright (c) Microsoft Corporation. All rights reserved.
149 *  Licensed under the MIT License. See License.txt in the project root for license information.
150 *--------------------------------------------------------------------------------------------*/
151
152.monaco-action-bar {
153	text-align: right;
154	white-space: nowrap;
155}
156
157.monaco-action-bar .actions-container {
158	display: flex;
159	margin: 0 auto;
160	padding: 0;
161	width: 100%;
162	justify-content: flex-end;
163}
164
165.monaco-action-bar.vertical .actions-container {
166	display: inline-block;
167}
168
169.monaco-action-bar.reverse .actions-container {
170	flex-direction: row-reverse;
171}
172
173.monaco-action-bar .action-item {
174	cursor: pointer;
175	display: inline-block;
176	transition: transform 50ms ease;
177	position: relative;  /* DO NOT REMOVE - this is the key to preventing the ghosting icon bug in Chrome 42 */
178}
179
180.monaco-action-bar .action-item.disabled {
181	cursor: default;
182}
183
184.monaco-action-bar.animated .action-item.active {
185	transform: scale(1.272019649, 1.272019649); /* 1.272019649 = √φ */
186}
187
188.monaco-action-bar .action-item .icon,
189.monaco-action-bar .action-item .codicon {
190	display: inline-block;
191}
192
193.monaco-action-bar .action-item .codicon {
194	display: flex;
195	align-items: center;
196}
197
198.monaco-action-bar .action-label {
199	font-size: 11px;
200	margin-right: 4px;
201}
202
203.monaco-action-bar .action-item.disabled .action-label,
204.monaco-action-bar .action-item.disabled .action-label:hover {
205	opacity: 0.4;
206}
207
208/* Vertical actions */
209
210.monaco-action-bar.vertical {
211	text-align: left;
212}
213
214.monaco-action-bar.vertical .action-item {
215	display: block;
216}
217
218.monaco-action-bar.vertical .action-label.separator {
219	display: block;
220	border-bottom: 1px solid #bbb;
221	padding-top: 1px;
222	margin-left: .8em;
223	margin-right: .8em;
224}
225
226.monaco-action-bar.animated.vertical .action-item.active {
227	transform: translate(5px, 0);
228}
229
230.secondary-actions .monaco-action-bar .action-label {
231	margin-left: 6px;
232}
233
234/* Action Items */
235.monaco-action-bar .action-item.select-container {
236	overflow: hidden; /* somehow the dropdown overflows its container, we prevent it here to not push */
237	flex: 1;
238	max-width: 170px;
239	min-width: 60px;
240	display: flex;
241	align-items: center;
242	justify-content: center;
243	margin-right: 10px;
244}
245
246/*---------------------------------------------------------------------------------------------
247 *  Copyright (c) Microsoft Corporation. All rights reserved.
248 *  Licensed under the MIT License. See License.txt in the project root for license information.
249 *--------------------------------------------------------------------------------------------*/
250
251.monaco-editor.vs .dnd-target {
252	border-right: 2px dotted black;
253	color: white; /* opposite of black */
254}
255.monaco-editor.vs-dark .dnd-target {
256	border-right: 2px dotted #AEAFAD;
257	color: #51504f; /* opposite of #AEAFAD */
258}
259.monaco-editor.hc-black .dnd-target {
260	border-right: 2px dotted #fff;
261	color: #000; /* opposite of #fff */
262}
263
264.monaco-editor.mouse-default .view-lines,
265.monaco-editor.vs-dark.mac.mouse-default .view-lines,
266.monaco-editor.hc-black.mac.mouse-default .view-lines {
267	cursor: default;
268}
269.monaco-editor.mouse-copy .view-lines,
270.monaco-editor.vs-dark.mac.mouse-copy .view-lines,
271.monaco-editor.hc-black.mac.mouse-copy .view-lines {
272	cursor: copy;
273}
274/*---------------------------------------------------------------------------------------------
275 *  Copyright (c) Microsoft Corporation. All rights reserved.
276 *  Licensed under the MIT License. See License.txt in the project root for license information.
277 *--------------------------------------------------------------------------------------------*/
278
279.monaco-custom-checkbox {
280	margin-left: 2px;
281	float: left;
282	cursor: pointer;
283	overflow: hidden;
284	opacity: 0.7;
285	width: 20px;
286	height: 20px;
287	border: 1px solid transparent;
288	padding: 1px;
289	box-sizing:	border-box;
290	user-select: none;
291	-webkit-user-select: none;
292	-ms-user-select: none;
293}
294
295.monaco-custom-checkbox:hover,
296.monaco-custom-checkbox.checked {
297	opacity: 1;
298}
299
300.hc-black .monaco-custom-checkbox {
301	background: none;
302}
303
304.hc-black .monaco-custom-checkbox:hover {
305	background: none;
306}
307
308.monaco-custom-checkbox.monaco-simple-checkbox {
309	height: 18px;
310	width: 18px;
311	border: 1px solid transparent;
312	border-radius: 3px;
313	margin-right: 9px;
314	margin-left: 0px;
315	padding: 0px;
316	opacity: 1;
317	background-size: 16px !important;
318}
319
320/* hide check when unchecked */
321.monaco-custom-checkbox.monaco-simple-checkbox.unchecked:not(.checked)::before {
322	visibility: hidden;;
323}
324
325/*---------------------------------------------------------------------------------------------
326 *  Copyright (c) Microsoft Corporation. All rights reserved.
327 *  Licensed under the MIT License. See License.txt in the project root for license information.
328 *--------------------------------------------------------------------------------------------*/
329
330/* Find widget */
331.monaco-editor .find-widget {
332	position: absolute;
333	z-index: 50;
334	height: 33px;
335	overflow: hidden;
336	line-height: 19px;
337	transition: transform 200ms linear;
338	padding: 0 4px;
339	box-sizing: border-box;
340	transform: translateY(calc(-100% - 10px)); /* shadow (10px) */
341}
342
343.monaco-editor .find-widget textarea {
344	margin: 0px;
345}
346
347.monaco-editor .find-widget.hiddenEditor {
348	display: none;
349}
350
351/* Find widget when replace is toggled on */
352.monaco-editor .find-widget.replaceToggled > .replace-part {
353	display: flex;
354}
355
356.monaco-editor .find-widget.visible  {
357	transform: translateY(0);
358}
359
360.monaco-editor .find-widget .monaco-inputbox.synthetic-focus {
361	outline: 1px solid -webkit-focus-ring-color;
362	outline-offset: -1px;
363}
364
365.monaco-editor .find-widget .monaco-inputbox .input {
366	background-color: transparent;
367	min-height: 0;
368}
369
370.monaco-editor .find-widget .monaco-findInput .input {
371	font-size: 13px;
372}
373
374.monaco-editor .find-widget > .find-part,
375.monaco-editor .find-widget > .replace-part {
376	margin: 4px 0 0 17px;
377	font-size: 12px;
378	display: flex;
379}
380
381.monaco-editor .find-widget > .find-part .monaco-inputbox,
382.monaco-editor .find-widget > .replace-part .monaco-inputbox {
383	min-height: 25px;
384}
385
386
387.monaco-editor .find-widget > .replace-part .monaco-inputbox > .wrapper > .mirror {
388	padding-right: 22px;
389}
390
391.monaco-editor .find-widget > .find-part .monaco-inputbox > .wrapper > .input,
392.monaco-editor .find-widget > .find-part .monaco-inputbox > .wrapper > .mirror,
393.monaco-editor .find-widget > .replace-part .monaco-inputbox > .wrapper > .input,
394.monaco-editor .find-widget > .replace-part .monaco-inputbox > .wrapper > .mirror {
395	padding-top: 2px;
396	padding-bottom: 2px;
397}
398
399.monaco-editor .find-widget > .find-part .find-actions {
400	height: 25px;
401	display: flex;
402	align-items: center;
403}
404
405.monaco-editor .find-widget > .replace-part .replace-actions {
406	height: 25px;
407	display: flex;
408	align-items: center;
409}
410
411.monaco-editor .find-widget .monaco-findInput {
412	vertical-align: middle;
413	display: flex;
414	flex:1;
415}
416
417.monaco-editor .find-widget .monaco-findInput .monaco-scrollable-element {
418	/* Make sure textarea inherits the width correctly */
419	width: 100%;
420}
421
422.monaco-editor .find-widget .monaco-findInput .monaco-scrollable-element .scrollbar.vertical {
423	/* Hide vertical scrollbar */
424	opacity: 0;
425}
426
427.monaco-editor .find-widget .matchesCount {
428	display: flex;
429	flex: initial;
430	margin: 0 0 0 3px;
431	padding: 2px 0 0 2px;
432	height: 25px;
433	vertical-align: middle;
434	box-sizing: border-box;
435	text-align: center;
436	line-height: 23px;
437}
438
439.monaco-editor .find-widget .button {
440	width: 20px;
441	height: 20px;
442	display: flex;
443	flex: initial;
444	margin-left: 3px;
445	background-position: center center;
446	background-repeat: no-repeat;
447	cursor: pointer;
448	display: flex;
449	align-items: center;
450	justify-content: center;
451}
452
453.monaco-editor .find-widget .button.left {
454	margin-left: 0;
455	margin-right: 3px;
456}
457
458.monaco-editor .find-widget .button.wide {
459	width: auto;
460	padding: 1px 6px;
461	top: -1px;
462}
463
464.monaco-editor .find-widget .button.toggle {
465	position: absolute;
466	top: 0;
467	left: 3px;
468	width: 18px;
469	height: 100%;
470	box-sizing: border-box;
471}
472
473.monaco-editor .find-widget .button.toggle.disabled {
474	display: none;
475}
476
477.monaco-editor .find-widget .disabled {
478	opacity: 0.3;
479	cursor: default;
480}
481
482.monaco-editor .find-widget > .replace-part {
483	display: none;
484}
485
486.monaco-editor .find-widget > .replace-part > .monaco-findInput {
487	position: relative;
488	display: flex;
489	vertical-align: middle;
490	flex: auto;
491	flex-grow: 0;
492	flex-shrink: 0;
493}
494
495.monaco-editor .find-widget > .replace-part > .monaco-findInput > .controls {
496	position: absolute;
497	top: 3px;
498	right: 2px;
499}
500
501/* REDUCED */
502.monaco-editor .find-widget.reduced-find-widget .matchesCount {
503	display:none;
504}
505
506/* NARROW (SMALLER THAN REDUCED) */
507.monaco-editor .find-widget.narrow-find-widget {
508	max-width: 257px !important;
509}
510
511/* COLLAPSED (SMALLER THAN NARROW) */
512.monaco-editor .find-widget.collapsed-find-widget {
513	max-width: 170px !important;
514}
515
516.monaco-editor .find-widget.collapsed-find-widget .button.previous,
517.monaco-editor .find-widget.collapsed-find-widget .button.next,
518.monaco-editor .find-widget.collapsed-find-widget .button.replace,
519.monaco-editor .find-widget.collapsed-find-widget .button.replace-all,
520.monaco-editor .find-widget.collapsed-find-widget > .find-part .monaco-findInput .controls {
521	display:none;
522}
523
524.monaco-editor .findMatch {
525	animation-duration: 0;
526	animation-name: inherit !important;
527}
528
529.monaco-editor .find-widget .monaco-sash {
530	left: 0 !important;
531}
532
533.monaco-editor.hc-black .find-widget .button:before {
534	position: relative;
535	top: 1px;
536	left: 2px;
537}
538
539/*---------------------------------------------------------------------------------------------
540 *  Copyright (c) Microsoft Corporation. All rights reserved.
541 *  Licensed under the MIT License. See License.txt in the project root for license information.
542 *--------------------------------------------------------------------------------------------*/
543
544.monaco-sash {
545	position: absolute;
546	z-index: 35;
547	touch-action: none;
548}
549
550.monaco-sash.disabled {
551	pointer-events: none;
552}
553
554.monaco-sash.mac.vertical {
555	cursor: col-resize;
556}
557
558.monaco-sash.vertical.minimum {
559	cursor: e-resize;
560}
561
562.monaco-sash.vertical.maximum {
563	cursor: w-resize;
564}
565
566.monaco-sash.mac.horizontal {
567	cursor: row-resize;
568}
569
570.monaco-sash.horizontal.minimum {
571	cursor: s-resize;
572}
573
574.monaco-sash.horizontal.maximum {
575	cursor: n-resize;
576}
577
578.monaco-sash.disabled {
579	cursor: default !important;
580	pointer-events: none !important;
581}
582
583/** Debug **/
584
585.monaco-sash.debug {
586	background: cyan;
587}
588
589.monaco-sash.debug.disabled {
590	background: rgba(0, 255, 255, 0.2);
591}
592
593.monaco-sash.debug:not(.disabled).orthogonal-start::before,
594.monaco-sash.debug:not(.disabled).orthogonal-end::after {
595	background: red;
596}
597
598/*---------------------------------------------------------------------------------------------
599 *  Copyright (c) Microsoft Corporation. All rights reserved.
600 *  Licensed under the MIT License. See License.txt in the project root for license information.
601 *--------------------------------------------------------------------------------------------*/
602/* ---------- Find input ---------- */
603
604.monaco-findInput {
605	position: relative;
606}
607
608.monaco-findInput .monaco-inputbox {
609	font-size: 13px;
610	width: 100%;
611}
612
613.monaco-findInput > .controls {
614	position: absolute;
615	top: 3px;
616	right: 2px;
617}
618
619.vs .monaco-findInput.disabled {
620	background-color: #E1E1E1;
621}
622
623/* Theming */
624.vs-dark .monaco-findInput.disabled {
625	background-color: #333;
626}
627
628/* Highlighting */
629.monaco-findInput.highlight-0 .controls {
630	animation: monaco-findInput-highlight-0 100ms linear 0s;
631}
632.monaco-findInput.highlight-1 .controls {
633	animation: monaco-findInput-highlight-1 100ms linear 0s;
634}
635.hc-black .monaco-findInput.highlight-0 .controls,
636.vs-dark  .monaco-findInput.highlight-0 .controls {
637	animation: monaco-findInput-highlight-dark-0 100ms linear 0s;
638}
639.hc-black .monaco-findInput.highlight-1 .controls,
640.vs-dark  .monaco-findInput.highlight-1 .controls {
641	animation: monaco-findInput-highlight-dark-1 100ms linear 0s;
642}
643
644@keyframes monaco-findInput-highlight-0 {
645	0% { background: rgba(253, 255, 0, 0.8); }
646	100% { background: transparent; }
647}
648@keyframes monaco-findInput-highlight-1 {
649	0% { background: rgba(253, 255, 0, 0.8); }
650	/* Made intentionally different such that the CSS minifier does not collapse the two animations into a single one*/
651	99% { background: transparent; }
652}
653
654@keyframes monaco-findInput-highlight-dark-0 {
655	0% { background: rgba(255, 255, 255, 0.44); }
656	100% { background: transparent; }
657}
658@keyframes monaco-findInput-highlight-dark-1 {
659	0% { background: rgba(255, 255, 255, 0.44); }
660	/* Made intentionally different such that the CSS minifier does not collapse the two animations into a single one*/
661	99% { background: transparent; }
662}
663/*---------------------------------------------------------------------------------------------
664 *  Copyright (c) Microsoft Corporation. All rights reserved.
665 *  Licensed under the MIT License. See License.txt in the project root for license information.
666 *--------------------------------------------------------------------------------------------*/
667
668.monaco-inputbox {
669	position: relative;
670	display: block;
671	padding: 0;
672	box-sizing:	border-box;
673
674	/* Customizable */
675	font-size: inherit;
676}
677
678.monaco-inputbox.idle {
679	border: 1px solid transparent;
680}
681
682.monaco-inputbox > .wrapper > .input,
683.monaco-inputbox > .wrapper > .mirror {
684
685	/* Customizable */
686	padding: 4px;
687}
688
689.monaco-inputbox > .wrapper {
690	position: relative;
691	width: 100%;
692	height: 100%;
693}
694
695.monaco-inputbox > .wrapper > .input {
696	display: inline-block;
697	box-sizing:	border-box;
698	width: 100%;
699	height: 100%;
700	line-height: inherit;
701	border: none;
702	font-family: inherit;
703	font-size: inherit;
704	resize: none;
705	color: inherit;
706}
707
708.monaco-inputbox > .wrapper > input {
709	text-overflow: ellipsis;
710}
711
712.monaco-inputbox > .wrapper > textarea.input {
713	display: block;
714	-ms-overflow-style: none; /* IE 10+: hide scrollbars */
715	scrollbar-width: none; /* Firefox: hide scrollbars */
716	outline: none;
717}
718
719.monaco-inputbox > .wrapper > textarea.input::-webkit-scrollbar {
720	display: none; /* Chrome + Safari: hide scrollbar */
721}
722
723.monaco-inputbox > .wrapper > textarea.input.empty {
724	white-space: nowrap;
725}
726
727.monaco-inputbox > .wrapper > .mirror {
728	position: absolute;
729	display: inline-block;
730	width: 100%;
731	top: 0;
732	left: 0;
733	box-sizing: border-box;
734	white-space: pre-wrap;
735	visibility: hidden;
736	word-wrap: break-word;
737}
738
739/* Context view */
740
741.monaco-inputbox-container {
742	text-align: right;
743}
744
745.monaco-inputbox-container .monaco-inputbox-message {
746	display: inline-block;
747	overflow: hidden;
748	text-align: left;
749	width: 100%;
750	box-sizing:	border-box;
751	padding: 0.4em;
752	font-size: 12px;
753	line-height: 17px;
754	min-height: 34px;
755	margin-top: -1px;
756	word-wrap: break-word;
757}
758
759/* Action bar support */
760.monaco-inputbox .monaco-action-bar {
761	position: absolute;
762	right: 2px;
763	top: 4px;
764}
765
766.monaco-inputbox .monaco-action-bar .action-item {
767	margin-left: 2px;
768}
769
770.monaco-inputbox .monaco-action-bar .action-item .codicon {
771	background-repeat: no-repeat;
772	width: 16px;
773	height: 16px;
774}
775
776/*---------------------------------------------------------------------------------------------
777 *  Copyright (c) Microsoft Corporation. All rights reserved.
778 *  Licensed under the MIT License. See License.txt in the project root for license information.
779 *--------------------------------------------------------------------------------------------*/
780
781/* Arrows */
782.monaco-scrollable-element > .scrollbar > .scra {
783	cursor: pointer;
784	font-size: 11px !important;
785}
786
787.monaco-scrollable-element > .visible {
788	opacity: 1;
789
790	/* Background rule added for IE9 - to allow clicks on dom node */
791	background:rgba(0,0,0,0);
792
793	transition: opacity 100ms linear;
794}
795.monaco-scrollable-element > .invisible {
796	opacity: 0;
797	pointer-events: none;
798}
799.monaco-scrollable-element > .invisible.fade {
800	transition: opacity 800ms linear;
801}
802
803/* Scrollable Content Inset Shadow */
804.monaco-scrollable-element > .shadow {
805	position: absolute;
806	display: none;
807}
808.monaco-scrollable-element > .shadow.top {
809	display: block;
810	top: 0;
811	left: 3px;
812	height: 3px;
813	width: 100%;
814	box-shadow: #DDD 0 6px 6px -6px inset;
815}
816.monaco-scrollable-element > .shadow.left {
817	display: block;
818	top: 3px;
819	left: 0;
820	height: 100%;
821	width: 3px;
822	box-shadow: #DDD 6px 0 6px -6px inset;
823}
824.monaco-scrollable-element > .shadow.top-left-corner {
825	display: block;
826	top: 0;
827	left: 0;
828	height: 3px;
829	width: 3px;
830}
831.monaco-scrollable-element > .shadow.top.left {
832	box-shadow: #DDD 6px 6px 6px -6px inset;
833}
834
835/* ---------- Default Style ---------- */
836
837.vs .monaco-scrollable-element > .scrollbar > .slider {
838	background: rgba(100, 100, 100, .4);
839}
840.vs-dark .monaco-scrollable-element > .scrollbar > .slider {
841	background: rgba(121, 121, 121, .4);
842}
843.hc-black .monaco-scrollable-element > .scrollbar > .slider {
844	background: rgba(111, 195, 223, .6);
845}
846
847.monaco-scrollable-element > .scrollbar > .slider:hover {
848	background: rgba(100, 100, 100, .7);
849}
850.hc-black .monaco-scrollable-element > .scrollbar > .slider:hover {
851	background: rgba(111, 195, 223, .8);
852}
853
854.monaco-scrollable-element > .scrollbar > .slider.active {
855	background: rgba(0, 0, 0, .6);
856}
857.vs-dark .monaco-scrollable-element > .scrollbar > .slider.active {
858	background: rgba(191, 191, 191, .4);
859}
860.hc-black .monaco-scrollable-element > .scrollbar > .slider.active {
861	background: rgba(111, 195, 223, 1);
862}
863
864.vs-dark .monaco-scrollable-element .shadow.top {
865	box-shadow: none;
866}
867
868.vs-dark .monaco-scrollable-element .shadow.left {
869	box-shadow: #000 6px 0 6px -6px inset;
870}
871
872.vs-dark .monaco-scrollable-element .shadow.top.left {
873	box-shadow: #000 6px 6px 6px -6px inset;
874}
875
876.hc-black .monaco-scrollable-element .shadow.top {
877	box-shadow: none;
878}
879
880.hc-black .monaco-scrollable-element .shadow.left {
881	box-shadow: none;
882}
883
884.hc-black .monaco-scrollable-element .shadow.top.left {
885	box-shadow: none;
886}
887
888/*---------------------------------------------------------------------------------------------
889 *  Copyright (c) Microsoft Corporation. All rights reserved.
890 *  Licensed under the MIT License. See License.txt in the project root for license information.
891 *--------------------------------------------------------------------------------------------*/
892
893.monaco-editor .margin-view-overlays .codicon-folding-expanded,
894.monaco-editor .margin-view-overlays .codicon-folding-collapsed {
895	cursor: pointer;
896	opacity: 0;
897	transition: opacity 0.5s;
898	display: flex;
899	align-items: center;
900	justify-content: center;
901	font-size: 140%;
902	margin-left: 2px;
903}
904
905.monaco-editor .margin-view-overlays:hover .codicon,
906.monaco-editor .margin-view-overlays .codicon.codicon-folding-collapsed,
907.monaco-editor .margin-view-overlays .codicon.alwaysShowFoldIcons {
908	opacity: 1;
909}
910
911.monaco-editor .inline-folded:after {
912	color: grey;
913	margin: 0.1em 0.2em 0 0.2em;
914	content: "⋯";
915	display: inline;
916	line-height: 1em;
917	cursor: pointer;
918}
919
920/*---------------------------------------------------------------------------------------------
921 *  Copyright (c) Microsoft Corporation. All rights reserved.
922 *  Licensed under the MIT License. See License.txt in the project root for license information.
923 *--------------------------------------------------------------------------------------------*/
924
925/* marker zone */
926
927.monaco-editor .peekview-widget .head .peekview-title .severity-icon {
928	display: inline-block;
929	vertical-align: text-top;
930	margin-right: 4px;
931}
932
933.monaco-editor .marker-widget {
934	text-overflow: ellipsis;
935	white-space: nowrap;
936}
937
938.monaco-editor .marker-widget > .stale {
939	opacity: 0.6;
940	font-style: italic;
941}
942
943.monaco-editor .marker-widget .title {
944	display: inline-block;
945	padding-right: 5px;
946}
947
948.monaco-editor .marker-widget .descriptioncontainer {
949	position: absolute;
950	white-space: pre;
951	user-select: text;
952	-webkit-user-select: text;
953	-ms-user-select: text;
954	padding: 8px 12px 0 20px;
955}
956
957.monaco-editor .marker-widget .descriptioncontainer .message {
958	display: flex;
959	flex-direction: column;
960}
961
962.monaco-editor .marker-widget .descriptioncontainer .message .details {
963	padding-left: 6px;
964}
965
966.monaco-editor .marker-widget .descriptioncontainer .message .source,
967.monaco-editor .marker-widget .descriptioncontainer .message span.code {
968	opacity: 0.6;
969}
970
971.monaco-editor .marker-widget .descriptioncontainer .message a.code-link {
972	opacity: 0.6;
973	color: inherit;
974}
975.monaco-editor .marker-widget .descriptioncontainer .message a.code-link:before {
976	content: '(';
977}
978.monaco-editor .marker-widget .descriptioncontainer .message a.code-link:after {
979	content: ')';
980}
981.monaco-editor .marker-widget .descriptioncontainer .message a.code-link > span {
982	text-decoration: underline;
983	/** Hack to force underline to show **/
984	border-bottom: 1px solid transparent;
985	text-underline-position: under;
986}
987
988.monaco-editor .marker-widget .descriptioncontainer .filename {
989	cursor: pointer;
990}
991
992/*---------------------------------------------------------------------------------------------
993 *  Copyright (c) Microsoft Corporation. All rights reserved.
994 *  Licensed under the MIT License. See License.txt in the project root for license information.
995 *--------------------------------------------------------------------------------------------*/
996
997.monaco-editor .peekview-widget .head {
998	box-sizing: border-box;
999	display: flex;
1000}
1001
1002.monaco-editor .peekview-widget .head .peekview-title {
1003	display: flex;
1004	align-items: center;
1005	font-size: 13px;
1006	margin-left: 20px;
1007	cursor: pointer;
1008	min-width: 0;
1009}
1010
1011.monaco-editor .peekview-widget .head .peekview-title .dirname:not(:empty) {
1012	font-size: 0.9em;
1013	margin-left: 0.5em;
1014}
1015
1016.monaco-editor .peekview-widget .head .peekview-title .meta {
1017	white-space: nowrap;
1018}
1019
1020.monaco-editor .peekview-widget .head .peekview-title .dirname {
1021	white-space: nowrap;
1022}
1023
1024.monaco-editor .peekview-widget .head .peekview-title .filename {
1025	overflow: hidden;
1026	text-overflow: ellipsis;
1027}
1028
1029.monaco-editor .peekview-widget .head .peekview-title .meta:not(:empty)::before {
1030	content: '-';
1031	padding: 0 0.3em;
1032}
1033
1034.monaco-editor .peekview-widget .head .peekview-actions {
1035	flex: 1;
1036	text-align: right;
1037	padding-right: 2px;
1038}
1039
1040.monaco-editor .peekview-widget .head .peekview-actions > .monaco-action-bar {
1041	display: inline-block;
1042}
1043
1044.monaco-editor .peekview-widget .head .peekview-actions > .monaco-action-bar,
1045.monaco-editor .peekview-widget .head .peekview-actions > .monaco-action-bar > .actions-container {
1046	height: 100%;
1047}
1048
1049.monaco-editor .peekview-widget .head .peekview-actions > .monaco-action-bar .action-item {
1050	margin-left: 4px;
1051}
1052
1053.monaco-editor .peekview-widget .head .peekview-actions > .monaco-action-bar .action-label {
1054	width: 16px;
1055	height: 100%;
1056	margin: 0;
1057	line-height: inherit;
1058	background-repeat: no-repeat;
1059	background-position: center center;
1060}
1061
1062.monaco-editor .peekview-widget .head .peekview-actions > .monaco-action-bar .action-label.codicon {
1063	margin: 0;
1064}
1065
1066.monaco-editor .peekview-widget > .body {
1067	border-top: 1px solid;
1068	position: relative;
1069}
1070
1071.monaco-editor .peekview-widget .head .peekview-title .codicon {
1072	margin-right: 4px;
1073}
1074
1075/*---------------------------------------------------------------------------------------------
1076 *  Copyright (c) Microsoft Corporation. All rights reserved.
1077 *  Licensed under the MIT License. See License.txt in the project root for license information.
1078 *--------------------------------------------------------------------------------------------*/
1079
1080/* -------------------- IE10 remove auto clear button -------------------- */
1081
1082::-ms-clear {
1083	display: none;
1084}
1085
1086/* All widgets */
1087/* I am not a big fan of this rule */
1088.monaco-editor .editor-widget input {
1089	color: inherit;
1090}
1091
1092/* -------------------- Editor -------------------- */
1093
1094.monaco-editor {
1095	position: relative;
1096	overflow: visible;
1097	-webkit-text-size-adjust: 100%;
1098}
1099
1100/* -------------------- Misc -------------------- */
1101
1102.monaco-editor .overflow-guard {
1103	position: relative;
1104	overflow: hidden;
1105}
1106
1107.monaco-editor .view-overlays {
1108	position: absolute;
1109	top: 0;
1110}
1111
1112/*
1113.monaco-editor .auto-closed-character {
1114	opacity: 0.3;
1115}
1116*/
1117
1118/*---------------------------------------------------------------------------------------------
1119 *  Copyright (c) Microsoft Corporation. All rights reserved.
1120 *  Licensed under the MIT License. See License.txt in the project root for license information.
1121 *--------------------------------------------------------------------------------------------*/
1122
1123.monaco-editor .inputarea {
1124	min-width: 0;
1125	min-height: 0;
1126	margin: 0;
1127	padding: 0;
1128	position: absolute;
1129	outline: none !important;
1130	resize: none;
1131	border: none;
1132	overflow: hidden;
1133	color: transparent;
1134	background-color: transparent;
1135}
1136/*.monaco-editor .inputarea {
1137	position: fixed !important;
1138	width: 800px !important;
1139	height: 500px !important;
1140	top: initial !important;
1141	left: initial !important;
1142	bottom: 0 !important;
1143	right: 0 !important;
1144	color: black !important;
1145	background: white !important;
1146	line-height: 15px !important;
1147	font-size: 14px !important;
1148}*/
1149.monaco-editor .inputarea.ime-input {
1150	z-index: 10;
1151}
1152
1153/*---------------------------------------------------------------------------------------------
1154 *  Copyright (c) Microsoft Corporation. All rights reserved.
1155 *  Licensed under the MIT License. See License.txt in the project root for license information.
1156 *--------------------------------------------------------------------------------------------*/
1157
1158.monaco-editor .margin-view-overlays .line-numbers {
1159	font-variant-numeric: tabular-nums;
1160	position: absolute;
1161	text-align: right;
1162	display: inline-block;
1163	vertical-align: middle;
1164	box-sizing: border-box;
1165	cursor: default;
1166	height: 100%;
1167}
1168
1169.monaco-editor .relative-current-line-number {
1170	text-align: left;
1171	display: inline-block;
1172	width: 100%;
1173}
1174
1175.monaco-editor .margin-view-overlays .line-numbers.lh-odd {
1176	margin-top: 1px;
1177}
1178
1179/*---------------------------------------------------------------------------------------------
1180 *  Copyright (c) Microsoft Corporation. All rights reserved.
1181 *  Licensed under the MIT License. See License.txt in the project root for license information.
1182 *--------------------------------------------------------------------------------------------*/
1183
1184.monaco-mouse-cursor-text {
1185	cursor: text;
1186}
1187
1188/* The following selector looks a bit funny, but that is needed to cover all the workbench and the editor!! */
1189.vs-dark .mac .monaco-mouse-cursor-text, .hc-black .mac .monaco-mouse-cursor-text,
1190.vs-dark.mac .monaco-mouse-cursor-text, .hc-black.mac .monaco-mouse-cursor-text {
1191	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;
1192}
1193
1194/*---------------------------------------------------------------------------------------------
1195 *  Copyright (c) Microsoft Corporation. All rights reserved.
1196 *  Licensed under the MIT License. See License.txt in the project root for license information.
1197 *--------------------------------------------------------------------------------------------*/
1198
1199.monaco-editor .view-overlays .current-line {
1200	display: block;
1201	position: absolute;
1202	left: 0;
1203	top: 0;
1204	box-sizing: border-box;
1205}
1206
1207.monaco-editor .margin-view-overlays .current-line {
1208	display: block;
1209	position: absolute;
1210	left: 0;
1211	top: 0;
1212	box-sizing: border-box;
1213}
1214
1215.monaco-editor .margin-view-overlays .current-line.current-line-margin.current-line-margin-both {
1216	border-right: 0;
1217}
1218
1219/*---------------------------------------------------------------------------------------------
1220 *  Copyright (c) Microsoft Corporation. All rights reserved.
1221 *  Licensed under the MIT License. See License.txt in the project root for license information.
1222 *--------------------------------------------------------------------------------------------*/
1223
1224/*
1225	Keeping name short for faster parsing.
1226	cdr = core decorations rendering (div)
1227*/
1228.monaco-editor .lines-content .cdr {
1229	position: absolute;
1230}
1231/*---------------------------------------------------------------------------------------------
1232 *  Copyright (c) Microsoft Corporation. All rights reserved.
1233 *  Licensed under the MIT License. See License.txt in the project root for license information.
1234 *--------------------------------------------------------------------------------------------*/
1235
1236.monaco-editor .glyph-margin {
1237	position: absolute;
1238	top: 0;
1239}
1240
1241/*
1242	Keeping name short for faster parsing.
1243	cgmr = core glyph margin rendering (div)
1244*/
1245.monaco-editor .margin-view-overlays .cgmr {
1246	position: absolute;
1247	display: flex;
1248	align-items: center;
1249	justify-content: center;
1250}
1251
1252/*---------------------------------------------------------------------------------------------
1253 *  Copyright (c) Microsoft Corporation. All rights reserved.
1254 *  Licensed under the MIT License. See License.txt in the project root for license information.
1255 *--------------------------------------------------------------------------------------------*/
1256
1257/*
1258	Keeping name short for faster parsing.
1259	cigr = core ident guides rendering (div)
1260*/
1261.monaco-editor .lines-content .cigr {
1262	position: absolute;
1263}
1264.monaco-editor .lines-content .cigra {
1265	position: absolute;
1266}
1267
1268/*---------------------------------------------------------------------------------------------
1269 *  Copyright (c) Microsoft Corporation. All rights reserved.
1270 *  Licensed under the MIT License. See License.txt in the project root for license information.
1271 *--------------------------------------------------------------------------------------------*/
1272
1273/* Uncomment to see lines flashing when they're painted */
1274/*.monaco-editor .view-lines > .view-line {
1275	background-color: none;
1276	animation-name: flash-background;
1277	animation-duration: 800ms;
1278}
1279@keyframes flash-background {
1280	0%   { background-color: lightgreen; }
1281	100% { background-color: none }
1282}*/
1283
1284.monaco-editor.no-user-select .lines-content,
1285.monaco-editor.no-user-select .view-line,
1286.monaco-editor.no-user-select .view-lines {
1287	user-select: none;
1288	-webkit-user-select: none;
1289	-ms-user-select: none;
1290}
1291
1292.monaco-editor .view-lines {
1293	white-space: nowrap;
1294}
1295
1296.monaco-editor .view-line {
1297	position: absolute;
1298	width: 100%;
1299}
1300
1301.monaco-editor .mtkz {
1302	display: inline-block;
1303}
1304
1305/* TODO@tokenization bootstrap fix */
1306/*.monaco-editor .view-line > span > span {
1307	float: none;
1308	min-height: inherit;
1309	margin-left: inherit;
1310}*/
1311
1312/*---------------------------------------------------------------------------------------------
1313 *  Copyright (c) Microsoft Corporation. All rights reserved.
1314 *  Licensed under the MIT License. See License.txt in the project root for license information.
1315 *--------------------------------------------------------------------------------------------*/
1316.monaco-editor .lines-decorations {
1317	position: absolute;
1318	top: 0;
1319	background: white;
1320}
1321
1322/*
1323	Keeping name short for faster parsing.
1324	cldr = core lines decorations rendering (div)
1325*/
1326.monaco-editor .margin-view-overlays .cldr {
1327	position: absolute;
1328	height: 100%;
1329}
1330/*---------------------------------------------------------------------------------------------
1331 *  Copyright (c) Microsoft Corporation. All rights reserved.
1332 *  Licensed under the MIT License. See License.txt in the project root for license information.
1333 *--------------------------------------------------------------------------------------------*/
1334
1335/*
1336	Keeping name short for faster parsing.
1337	cmdr = core margin decorations rendering (div)
1338*/
1339.monaco-editor .margin-view-overlays .cmdr {
1340	position: absolute;
1341	left: 0;
1342	width: 100%;
1343	height: 100%;
1344}
1345/*---------------------------------------------------------------------------------------------
1346 *  Copyright (c) Microsoft Corporation. All rights reserved.
1347 *  Licensed under the MIT License. See License.txt in the project root for license information.
1348 *--------------------------------------------------------------------------------------------*/
1349
1350/* START cover the case that slider is visible on mouseover */
1351.monaco-editor .minimap.slider-mouseover .minimap-slider {
1352	opacity: 0;
1353	transition: opacity 100ms linear;
1354}
1355.monaco-editor .minimap.slider-mouseover:hover .minimap-slider {
1356	opacity: 1;
1357}
1358.monaco-editor .minimap.slider-mouseover .minimap-slider.active {
1359	opacity: 1;
1360}
1361/* END cover the case that slider is visible on mouseover */
1362
1363.monaco-editor .minimap-shadow-hidden {
1364	position: absolute;
1365	width: 0;
1366}
1367.monaco-editor .minimap-shadow-visible {
1368	position: absolute;
1369	left: -6px;
1370	width: 6px;
1371}
1372
1373/*---------------------------------------------------------------------------------------------
1374 *  Copyright (c) Microsoft Corporation. All rights reserved.
1375 *  Licensed under the MIT License. See License.txt in the project root for license information.
1376 *--------------------------------------------------------------------------------------------*/
1377.monaco-editor .overlayWidgets {
1378	position: absolute;
1379	top: 0;
1380	left:0;
1381}
1382/*---------------------------------------------------------------------------------------------
1383 *  Copyright (c) Microsoft Corporation. All rights reserved.
1384 *  Licensed under the MIT License. See License.txt in the project root for license information.
1385 *--------------------------------------------------------------------------------------------*/
1386
1387.monaco-editor .view-ruler {
1388	position: absolute;
1389	top: 0;
1390}
1391/*---------------------------------------------------------------------------------------------
1392 *  Copyright (c) Microsoft Corporation. All rights reserved.
1393 *  Licensed under the MIT License. See License.txt in the project root for license information.
1394 *--------------------------------------------------------------------------------------------*/
1395
1396.monaco-editor .scroll-decoration {
1397	position: absolute;
1398	top: 0;
1399	left: 0;
1400	height: 6px;
1401}
1402/*---------------------------------------------------------------------------------------------
1403 *  Copyright (c) Microsoft Corporation. All rights reserved.
1404 *  Licensed under the MIT License. See License.txt in the project root for license information.
1405 *--------------------------------------------------------------------------------------------*/
1406
1407/*
1408	Keeping name short for faster parsing.
1409	cslr = core selections layer rendering (div)
1410*/
1411.monaco-editor .lines-content .cslr {
1412	position: absolute;
1413}
1414
1415.monaco-editor			.top-left-radius		{ border-top-left-radius: 3px; }
1416.monaco-editor			.bottom-left-radius		{ border-bottom-left-radius: 3px; }
1417.monaco-editor			.top-right-radius		{ border-top-right-radius: 3px; }
1418.monaco-editor			.bottom-right-radius	{ border-bottom-right-radius: 3px; }
1419
1420.monaco-editor.hc-black .top-left-radius		{ border-top-left-radius: 0; }
1421.monaco-editor.hc-black .bottom-left-radius		{ border-bottom-left-radius: 0; }
1422.monaco-editor.hc-black .top-right-radius		{ border-top-right-radius: 0; }
1423.monaco-editor.hc-black .bottom-right-radius	{ border-bottom-right-radius: 0; }
1424
1425/*---------------------------------------------------------------------------------------------
1426 *  Copyright (c) Microsoft Corporation. All rights reserved.
1427 *  Licensed under the MIT License. See License.txt in the project root for license information.
1428 *--------------------------------------------------------------------------------------------*/
1429.monaco-editor .cursors-layer {
1430	position: absolute;
1431	top: 0;
1432}
1433
1434.monaco-editor .cursors-layer > .cursor {
1435	position: absolute;
1436	overflow: hidden;
1437}
1438
1439/* -- smooth-caret-animation -- */
1440.monaco-editor .cursors-layer.cursor-smooth-caret-animation > .cursor {
1441	transition: all 80ms;
1442}
1443
1444/* -- block-outline-style -- */
1445.monaco-editor .cursors-layer.cursor-block-outline-style > .cursor {
1446	box-sizing: border-box;
1447	background: transparent !important;
1448	border-style: solid;
1449	border-width: 1px;
1450}
1451
1452/* -- underline-style -- */
1453.monaco-editor .cursors-layer.cursor-underline-style > .cursor {
1454	border-bottom-width: 2px;
1455	border-bottom-style: solid;
1456	background: transparent !important;
1457	box-sizing: border-box;
1458}
1459
1460/* -- underline-thin-style -- */
1461.monaco-editor .cursors-layer.cursor-underline-thin-style > .cursor {
1462	border-bottom-width: 1px;
1463	border-bottom-style: solid;
1464	background: transparent !important;
1465	box-sizing: border-box;
1466}
1467
1468@keyframes monaco-cursor-smooth {
1469	0%,
1470	20% {
1471		opacity: 1;
1472	}
1473	60%,
1474	100% {
1475		opacity: 0;
1476	}
1477}
1478
1479@keyframes monaco-cursor-phase {
1480	0%,
1481	20% {
1482		opacity: 1;
1483	}
1484	90%,
1485	100% {
1486		opacity: 0;
1487	}
1488}
1489
1490@keyframes monaco-cursor-expand {
1491	0%,
1492	20% {
1493		transform: scaleY(1);
1494	}
1495	80%,
1496	100% {
1497		transform: scaleY(0);
1498	}
1499}
1500
1501.cursor-smooth {
1502	animation: monaco-cursor-smooth 0.5s ease-in-out 0s 20 alternate;
1503}
1504
1505.cursor-phase {
1506	animation: monaco-cursor-phase 0.5s ease-in-out 0s 20 alternate;
1507}
1508
1509.cursor-expand > .cursor {
1510	animation: monaco-cursor-expand 0.5s ease-in-out 0s 20 alternate;
1511}
1512
1513/*---------------------------------------------------------------------------------------------
1514 *  Copyright (c) Microsoft Corporation. All rights reserved.
1515 *  Licensed under the MIT License. See License.txt in the project root for license information.
1516 *--------------------------------------------------------------------------------------------*/
1517.monaco-editor .zone-widget {
1518	position: absolute;
1519	z-index: 10;
1520}
1521
1522
1523.monaco-editor .zone-widget .zone-widget-container {
1524	border-top-style: solid;
1525	border-bottom-style: solid;
1526	border-top-width: 0;
1527	border-bottom-width: 0;
1528	position: relative;
1529}
1530
1531/*---------------------------------------------------------------------------------------------
1532 *  Copyright (c) Microsoft Corporation. All rights reserved.
1533 *  Licensed under the MIT License. See License.txt in the project root for license information.
1534 *--------------------------------------------------------------------------------------------*/
1535
1536.monaco-dropdown {
1537	height: 100%;
1538	padding: 0;
1539}
1540
1541.monaco-dropdown > .dropdown-label {
1542	cursor: pointer;
1543	height: 100%;
1544}
1545
1546/*---------------------------------------------------------------------------------------------
1547 *  Copyright (c) Microsoft Corporation. All rights reserved.
1548 *  Licensed under the MIT License. See License.txt in the project root for license information.
1549 *--------------------------------------------------------------------------------------------*/
1550
1551/* -- zone widget */
1552.monaco-editor .zone-widget .zone-widget-container.reference-zone-widget {
1553	border-top-width: 1px;
1554	border-bottom-width: 1px;
1555}
1556
1557.monaco-editor .reference-zone-widget .inline {
1558	display: inline-block;
1559	vertical-align: top;
1560}
1561
1562.monaco-editor .reference-zone-widget .messages {
1563	height: 100%;
1564	width: 100%;
1565	text-align: center;
1566	padding: 3em 0;
1567}
1568
1569.monaco-editor .reference-zone-widget .ref-tree {
1570	line-height: 23px;
1571}
1572
1573.monaco-editor .reference-zone-widget .ref-tree .reference {
1574	text-overflow: ellipsis;
1575	overflow: hidden;
1576}
1577
1578.monaco-editor .reference-zone-widget .ref-tree .reference-file {
1579	display: inline-flex;
1580	width: 100%;
1581	height: 100%;
1582}
1583
1584.monaco-editor .reference-zone-widget .ref-tree .monaco-list:focus .selected .reference-file {
1585	color: inherit !important;
1586}
1587
1588.monaco-editor .reference-zone-widget .ref-tree .reference-file .count {
1589	margin-right: 12px;
1590	margin-left: auto;
1591}
1592
1593/* High Contrast Theming */
1594
1595.monaco-editor.hc-black .reference-zone-widget .ref-tree .reference-file {
1596	font-weight: bold;
1597}
1598
1599/*---------------------------------------------------------------------------------------------
1600 *  Copyright (c) Microsoft Corporation. All rights reserved.
1601 *  Licensed under the MIT License. See License.txt in the project root for license information.
1602 *--------------------------------------------------------------------------------------------*/
1603
1604/* ---------- Icon label ---------- */
1605
1606.monaco-icon-label {
1607	display: flex; /* required for icons support :before rule */
1608	overflow: hidden;
1609	text-overflow: ellipsis;
1610}
1611
1612.monaco-icon-label::before {
1613
1614	/* svg icons rendered as background image */
1615	background-size: 16px;
1616	background-position: left center;
1617	background-repeat: no-repeat;
1618	padding-right: 6px;
1619	width: 16px;
1620	height: 22px;
1621	line-height: inherit !important;
1622	display: inline-block;
1623
1624	/* fonts icons */
1625	-webkit-font-smoothing: antialiased;
1626	-moz-osx-font-smoothing: grayscale;
1627	vertical-align: top;
1628
1629	flex-shrink: 0; /* fix for https://github.com/Microsoft/vscode/issues/13787 */
1630}
1631
1632.monaco-icon-label > .monaco-icon-label-container {
1633	min-width: 0;
1634	overflow: hidden;
1635	text-overflow: ellipsis;
1636	flex: 1;
1637}
1638
1639.monaco-icon-label > .monaco-icon-label-container > .monaco-icon-name-container > .label-name {
1640	color: inherit;
1641	white-space: pre; /* enable to show labels that include multiple whitespaces */
1642}
1643
1644.monaco-icon-label > .monaco-icon-label-container > .monaco-icon-name-container > .label-name > .label-separator {
1645	margin: 0 2px;
1646	opacity: 0.5;
1647}
1648
1649.monaco-icon-label > .monaco-icon-label-container > .monaco-icon-description-container > .label-description {
1650	opacity: .7;
1651	margin-left: 0.5em;
1652	font-size: 0.9em;
1653	white-space: pre; /* enable to show labels that include multiple whitespaces */
1654}
1655
1656.vs .monaco-icon-label > .monaco-icon-label-container > .monaco-icon-description-container > .label-description {
1657	opacity: .95;
1658}
1659
1660.monaco-icon-label.italic > .monaco-icon-label-container > .monaco-icon-name-container > .label-name,
1661.monaco-icon-label.italic > .monaco-icon-description-container > .label-description {
1662	font-style: italic;
1663}
1664
1665.monaco-icon-label.strikethrough > .monaco-icon-label-container > .monaco-icon-name-container > .label-name,
1666.monaco-icon-label.strikethrough > .monaco-icon-description-container > .label-description {
1667	text-decoration: line-through;
1668}
1669
1670.monaco-icon-label::after {
1671	opacity: 0.75;
1672	font-size: 90%;
1673	font-weight: 600;
1674	padding: 0 16px 0 5px;
1675	text-align: center;
1676}
1677
1678/* make sure selection color wins when a label is being selected */
1679.monaco-list:focus .selected .monaco-icon-label, /* list */
1680.monaco-list:focus .selected .monaco-icon-label::after
1681{
1682	color: inherit !important;
1683}
1684
1685.monaco-list-row.focused.selected .label-description,
1686.monaco-list-row.selected .label-description {
1687	opacity: .8;
1688}
1689
1690/*---------------------------------------------------------------------------------------------
1691 *  Copyright (c) Microsoft Corporation. All rights reserved.
1692 *  Licensed under the MIT License. See License.txt in the project root for license information.
1693 *--------------------------------------------------------------------------------------------*/
1694
1695.monaco-count-badge {
1696	padding: 3px 6px;
1697	border-radius: 11px;
1698	font-size: 11px;
1699	min-width: 18px;
1700	min-height: 18px;
1701	line-height: 11px;
1702	font-weight: normal;
1703	text-align: center;
1704	display: inline-block;
1705	box-sizing: border-box;
1706}
1707
1708.monaco-count-badge.long {
1709	padding: 2px 3px;
1710	border-radius: 2px;
1711	min-height: auto;
1712	line-height: normal;
1713}
1714
1715/*---------------------------------------------------------------------------------------------
1716 *  Copyright (c) Microsoft Corporation. All rights reserved.
1717 *  Licensed under the MIT License. See License.txt in the project root for license information.
1718 *--------------------------------------------------------------------------------------------*/
1719
1720.monaco-list {
1721	position: relative;
1722	height: 100%;
1723	width: 100%;
1724	white-space: nowrap;
1725}
1726
1727.monaco-list.mouse-support {
1728	user-select: none;
1729	-webkit-user-select: none;
1730	-ms-user-select: none;
1731}
1732
1733.monaco-list > .monaco-scrollable-element {
1734	height: 100%;
1735}
1736
1737.monaco-list-rows {
1738	position: relative;
1739	width: 100%;
1740	height: 100%;
1741}
1742
1743.monaco-list.horizontal-scrolling .monaco-list-rows {
1744	width: auto;
1745	min-width: 100%;
1746}
1747
1748.monaco-list-row {
1749	position: absolute;
1750	box-sizing:	border-box;
1751	overflow: hidden;
1752	width: 100%;
1753}
1754
1755.monaco-list.mouse-support .monaco-list-row {
1756	cursor: pointer;
1757	touch-action: none;
1758}
1759
1760/* for OS X ballistic scrolling */
1761.monaco-list-row.scrolling {
1762	display: none !important;
1763}
1764
1765/* Focus */
1766.monaco-list.element-focused, .monaco-list.selection-single, .monaco-list.selection-multiple {
1767	outline: 0 !important;
1768}
1769
1770.monaco-list:focus .monaco-list-row.selected .codicon {
1771	color: inherit;
1772}
1773
1774/* Dnd */
1775.monaco-drag-image {
1776	display: inline-block;
1777	padding: 1px 7px;
1778	border-radius: 10px;
1779	font-size: 12px;
1780	position: absolute;
1781}
1782
1783/* Type filter */
1784
1785.monaco-list-type-filter {
1786	display: flex;
1787	align-items: center;
1788	position: absolute;
1789	border-radius: 2px;
1790	padding: 0px 3px;
1791	max-width: calc(100% - 10px);
1792	text-overflow: ellipsis;
1793	overflow: hidden;
1794	text-align: right;
1795	box-sizing: border-box;
1796	cursor: all-scroll;
1797	font-size: 13px;
1798	line-height: 18px;
1799	height: 20px;
1800	z-index: 1;
1801	top: 4px;
1802}
1803
1804.monaco-list-type-filter.dragging {
1805	transition: top 0.2s, left 0.2s;
1806}
1807
1808.monaco-list-type-filter.ne {
1809	right: 4px;
1810}
1811
1812.monaco-list-type-filter.nw {
1813	left: 4px;
1814}
1815
1816.monaco-list-type-filter > .controls {
1817	display: flex;
1818	align-items: center;
1819	box-sizing: border-box;
1820	transition: width 0.2s;
1821	width: 0;
1822}
1823
1824.monaco-list-type-filter.dragging > .controls,
1825.monaco-list-type-filter:hover > .controls {
1826	width: 36px;
1827}
1828
1829.monaco-list-type-filter > .controls > * {
1830	border: none;
1831	box-sizing: border-box;
1832	-webkit-appearance: none;
1833	-moz-appearance: none;
1834	background: none;
1835	width: 16px;
1836	height: 16px;
1837	flex-shrink: 0;
1838	margin: 0;
1839	padding: 0;
1840	display: flex;
1841	align-items: center;
1842	justify-content: center;
1843	cursor: pointer;
1844}
1845
1846.monaco-list-type-filter > .controls > .filter {
1847	margin-left: 4px;
1848}
1849
1850.monaco-list-type-filter-message {
1851	position: absolute;
1852	box-sizing: border-box;
1853	width: 100%;
1854	height: 100%;
1855	top: 0;
1856	left: 0;
1857	padding: 40px 1em 1em 1em;
1858	text-align: center;
1859	white-space: normal;
1860	opacity: 0.7;
1861	pointer-events: none;
1862}
1863
1864.monaco-list-type-filter-message:empty {
1865	display: none;
1866}
1867
1868/* Electron */
1869
1870.monaco-list-type-filter {
1871	cursor: grab;
1872}
1873
1874.monaco-list-type-filter.dragging {
1875	cursor: grabbing;
1876}
1877
1878/*---------------------------------------------------------------------------------------------
1879 *  Copyright (c) Microsoft Corporation. All rights reserved.
1880 *  Licensed under the MIT License. See License.txt in the project root for license information.
1881 *--------------------------------------------------------------------------------------------*/
1882
1883.monaco-tl-row {
1884	display: flex;
1885	height: 100%;
1886	align-items: center;
1887	position: relative;
1888}
1889
1890.monaco-tl-indent {
1891	height: 100%;
1892	position: absolute;
1893	top: 0;
1894	left: 16px;
1895	pointer-events: none;
1896}
1897
1898.hide-arrows .monaco-tl-indent {
1899	left: 12px;
1900}
1901
1902.monaco-tl-indent > .indent-guide {
1903	display: inline-block;
1904	box-sizing: border-box;
1905	height: 100%;
1906	border-left: 1px solid transparent;
1907}
1908
1909.monaco-tl-indent > .indent-guide {
1910	transition: border-color 0.1s linear;
1911}
1912
1913.monaco-tl-twistie,
1914.monaco-tl-contents {
1915	height: 100%;
1916}
1917
1918.monaco-tl-twistie {
1919	font-size: 10px;
1920	text-align: right;
1921	padding-right: 6px;
1922	flex-shrink: 0;
1923	width: 16px;
1924	display: flex !important;
1925	align-items: center;
1926	justify-content: center;
1927	color: inherit !important;
1928	transform: translateX(3px);
1929}
1930
1931.monaco-tl-contents {
1932	flex: 1;
1933	overflow: hidden;
1934}
1935
1936.monaco-tl-twistie.collapsed::before {
1937	transform: rotate(-90deg);
1938}
1939
1940.monaco-tl-twistie.codicon-tree-item-loading::before {
1941	/* Use steps to throttle FPS to reduce CPU usage */
1942	animation: codicon-spin 1.25s steps(30) infinite;
1943}
1944
1945/*---------------------------------------------------------------------------------------------
1946 *  Copyright (c) Microsoft Corporation. All rights reserved.
1947 *  Licensed under the MIT License. See License.txt in the project root for license information.
1948 *--------------------------------------------------------------------------------------------*/
1949
1950.monaco-split-view2 {
1951	position: relative;
1952	width: 100%;
1953	height: 100%;
1954}
1955
1956.monaco-split-view2 > .sash-container {
1957	position: absolute;
1958	width: 100%;
1959	height: 100%;
1960	pointer-events: none;
1961}
1962
1963.monaco-split-view2 > .sash-container > .monaco-sash {
1964	pointer-events: initial;
1965}
1966
1967.monaco-split-view2 > .split-view-container {
1968	width: 100%;
1969	height: 100%;
1970	white-space: nowrap;
1971	position: relative;
1972}
1973
1974.monaco-split-view2 > .split-view-container > .split-view-view {
1975	white-space: initial;
1976	position: absolute;
1977}
1978
1979.monaco-split-view2 > .split-view-container > .split-view-view:not(.visible) {
1980	display: none;
1981}
1982
1983.monaco-split-view2.vertical > .split-view-container > .split-view-view {
1984	width: 100%;
1985}
1986
1987.monaco-split-view2.horizontal > .split-view-container > .split-view-view {
1988	height: 100%;
1989}
1990
1991.monaco-split-view2.separator-border > .split-view-container > .split-view-view:not(:first-child)::before {
1992	content: ' ';
1993	position: absolute;
1994	top: 0;
1995	left: 0;
1996	z-index: 5;
1997	pointer-events: none;
1998	background-color: var(--separator-border);
1999}
2000
2001.monaco-split-view2.separator-border.horizontal > .split-view-container > .split-view-view:not(:first-child)::before {
2002	height: 100%;
2003	width: 1px;
2004}
2005
2006.monaco-split-view2.separator-border.vertical > .split-view-container > .split-view-view:not(:first-child)::before {
2007	height: 1px;
2008	width: 100%;
2009}
2010
2011/*---------------------------------------------------------------------------------------------
2012 *  Copyright (c) Microsoft Corporation. All rights reserved.
2013 *  Licensed under the MIT License. See License.txt in the project root for license information.
2014 *--------------------------------------------------------------------------------------------*/
2015
2016.monaco-editor .goto-definition-link {
2017	text-decoration: underline;
2018	cursor: pointer;
2019}
2020/*---------------------------------------------------------------------------------------------
2021 *  Copyright (c) Microsoft Corporation. All rights reserved.
2022 *  Licensed under the MIT License. See License.txt in the project root for license information.
2023 *--------------------------------------------------------------------------------------------*/
2024
2025.colorpicker-widget {
2026	height: 190px;
2027	user-select: none;
2028	-webkit-user-select: none;
2029	-ms-user-select: none;
2030}
2031
2032.monaco-editor .colorpicker-hover:focus {
2033	outline: none;
2034}
2035
2036
2037/* Header */
2038
2039.colorpicker-header {
2040	display: flex;
2041	height: 24px;
2042	position: relative;
2043	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTZEaa/1AAAAHUlEQVQYV2PYvXu3JAi7uLiAMaYAjAGTQBPYLQkAa/0Zef3qRswAAAAASUVORK5CYII=");
2044	background-size: 9px 9px;
2045	image-rendering: pixelated;
2046}
2047
2048.colorpicker-header .picked-color {
2049	width: 216px;
2050	text-align: center;
2051	line-height: 24px;
2052	cursor: pointer;
2053	color: white;
2054	flex: 1;
2055	text-align: center;
2056}
2057
2058.colorpicker-header .picked-color.light {
2059	color: black;
2060}
2061
2062.colorpicker-header .original-color {
2063	width: 74px;
2064	z-index: inherit;
2065	cursor: pointer;
2066}
2067
2068
2069/* Body */
2070
2071.colorpicker-body {
2072	display: flex;
2073	padding: 8px;
2074	position: relative;
2075}
2076
2077.colorpicker-body .saturation-wrap {
2078	overflow: hidden;
2079	height: 150px;
2080	position: relative;
2081	min-width: 220px;
2082	flex: 1;
2083}
2084
2085.colorpicker-body .saturation-box {
2086	height: 150px;
2087	position: absolute;
2088}
2089
2090.colorpicker-body .saturation-selection {
2091	width: 9px;
2092	height: 9px;
2093	margin: -5px 0 0 -5px;
2094	border: 1px solid rgb(255, 255, 255);
2095	border-radius: 100%;
2096	box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.8);
2097	position: absolute;
2098}
2099
2100.colorpicker-body .strip {
2101	width: 25px;
2102	height: 150px;
2103}
2104
2105.colorpicker-body .hue-strip {
2106	position: relative;
2107	margin-left: 8px;
2108	cursor: grab;
2109	background: linear-gradient(to bottom, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
2110}
2111
2112.colorpicker-body .opacity-strip {
2113	position: relative;
2114	margin-left: 8px;
2115	cursor: grab;
2116	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTZEaa/1AAAAHUlEQVQYV2PYvXu3JAi7uLiAMaYAjAGTQBPYLQkAa/0Zef3qRswAAAAASUVORK5CYII=");
2117	background-size: 9px 9px;
2118	image-rendering: pixelated;
2119}
2120
2121.colorpicker-body .strip.grabbing {
2122	cursor: grabbing;
2123}
2124
2125.colorpicker-body .slider {
2126	position: absolute;
2127	top: 0;
2128	left: -2px;
2129	width: calc(100% + 4px);
2130	height: 4px;
2131	box-sizing: border-box;
2132	border: 1px solid rgba(255, 255, 255, 0.71);
2133	box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.85);
2134}
2135
2136.colorpicker-body .strip .overlay {
2137	height: 150px;
2138	pointer-events: none;
2139}
2140
2141/*---------------------------------------------------------------------------------------------
2142 *  Copyright (c) Microsoft Corporation. All rights reserved.
2143 *  Licensed under the MIT License. See License.txt in the project root for license information.
2144 *--------------------------------------------------------------------------------------------*/
2145
2146.monaco-hover {
2147	cursor: default;
2148	position: absolute;
2149	overflow: hidden;
2150	z-index: 50;
2151	user-select: text;
2152	-webkit-user-select: text;
2153	-ms-user-select: text;
2154	box-sizing: initial;
2155	animation: fadein 100ms linear;
2156	line-height: 1.5em;
2157}
2158
2159.monaco-hover.hidden {
2160	display: none;
2161}
2162
2163.monaco-hover .hover-contents {
2164	padding: 4px 8px;
2165}
2166
2167.monaco-hover .markdown-hover > .hover-contents:not(.code-hover-contents) {
2168	max-width: 500px;
2169	word-wrap: break-word;
2170}
2171
2172.monaco-hover .markdown-hover > .hover-contents:not(.code-hover-contents) hr {
2173	/* This is a strange rule but it avoids https://github.com/microsoft/vscode/issues/96795, just 100vw on its own caused the actual hover width to increase */
2174	min-width: calc(100% + 100vw);
2175}
2176
2177.monaco-hover p,
2178.monaco-hover .code,
2179.monaco-hover ul {
2180	margin: 8px 0;
2181}
2182
2183.monaco-hover code {
2184	font-family: var(--monaco-monospace-font);
2185}
2186
2187.monaco-hover hr {
2188	margin-top: 4px;
2189	margin-bottom: -4px;
2190	margin-left: -10px;
2191	margin-right: -10px;
2192	height: 1px;
2193}
2194
2195.monaco-hover p:first-child,
2196.monaco-hover .code:first-child,
2197.monaco-hover ul:first-child {
2198	margin-top: 0;
2199}
2200
2201.monaco-hover p:last-child,
2202.monaco-hover .code:last-child,
2203.monaco-hover ul:last-child {
2204	margin-bottom: 0;
2205}
2206
2207/* MarkupContent Layout */
2208.monaco-hover ul {
2209	padding-left: 20px;
2210}
2211.monaco-hover ol {
2212	padding-left: 20px;
2213}
2214
2215.monaco-hover li > p {
2216	margin-bottom: 0;
2217}
2218
2219.monaco-hover li > ul {
2220	margin-top: 0;
2221}
2222
2223.monaco-hover code {
2224	border-radius: 3px;
2225	padding: 0 0.4em;
2226}
2227
2228.monaco-hover .monaco-tokenized-source {
2229	white-space: pre-wrap;
2230	word-break: break-all;
2231}
2232
2233.monaco-hover .hover-row.status-bar {
2234	font-size: 12px;
2235	line-height: 22px;
2236}
2237
2238.monaco-hover .hover-row.status-bar .actions {
2239	display: flex;
2240	padding: 0px 8px;
2241}
2242
2243.monaco-hover .hover-row.status-bar .actions .action-container {
2244	margin-right: 16px;
2245	cursor: pointer;
2246}
2247
2248.monaco-hover .hover-row.status-bar .actions .action-container .action .icon {
2249	padding-right: 4px;
2250}
2251
2252.monaco-hover .markdown-hover .hover-contents .codicon {
2253	color: inherit;
2254	font-size: inherit;
2255	vertical-align: middle;
2256}
2257
2258.monaco-hover .hover-contents a.code-link:before {
2259	content: '(';
2260}
2261.monaco-hover .hover-contents a.code-link:after {
2262	content: ')';
2263}
2264
2265.monaco-hover .hover-contents a.code-link {
2266	color: inherit;
2267}
2268.monaco-hover .hover-contents a.code-link > span {
2269	text-decoration: underline;
2270	/** Hack to force underline to show **/
2271	border-bottom: 1px solid transparent;
2272	text-underline-position: under;
2273}
2274
2275/*---------------------------------------------------------------------------------------------
2276 *  Copyright (c) Microsoft Corporation. All rights reserved.
2277 *  Licensed under the MIT License. See License.txt in the project root for license information.
2278 *--------------------------------------------------------------------------------------------*/
2279
2280.monaco-editor .iPadShowKeyboard {
2281	width: 58px;
2282	min-width: 0;
2283	height: 36px;
2284	min-height: 0;
2285	margin: 0;
2286	padding: 0;
2287	position: absolute;
2288	resize: none;
2289	overflow: hidden;
2290	background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTMiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCA1MyAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwKSI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNDguMDM2NCA0LjAxMDQySDQuMDA3NzlMNC4wMDc3OSAzMi4wMjg2SDQ4LjAzNjRWNC4wMTA0MlpNNC4wMDc3OSAwLjAwNzgxMjVDMS43OTcyMSAwLjAwNzgxMjUgMC4wMDUxODc5OSAxLjc5OTg0IDAuMDA1MTg3OTkgNC4wMTA0MlYzMi4wMjg2QzAuMDA1MTg3OTkgMzQuMjM5MiAxLjc5NzIxIDM2LjAzMTIgNC4wMDc3OSAzNi4wMzEySDQ4LjAzNjRDNTAuMjQ3IDM2LjAzMTIgNTIuMDM5IDM0LjIzOTIgNTIuMDM5IDMyLjAyODZWNC4wMTA0MkM1Mi4wMzkgMS43OTk4NCA1MC4yNDcgMC4wMDc4MTI1IDQ4LjAzNjQgMC4wMDc4MTI1SDQuMDA3NzlaTTguMDEwNDIgOC4wMTMwMkgxMi4wMTNWMTIuMDE1Nkg4LjAxMDQyVjguMDEzMDJaTTIwLjAxODIgOC4wMTMwMkgxNi4wMTU2VjEyLjAxNTZIMjAuMDE4MlY4LjAxMzAyWk0yNC4wMjA4IDguMDEzMDJIMjguMDIzNFYxMi4wMTU2SDI0LjAyMDhWOC4wMTMwMlpNMzYuMDI4NiA4LjAxMzAySDMyLjAyNlYxMi4wMTU2SDM2LjAyODZWOC4wMTMwMlpNNDAuMDMxMiA4LjAxMzAySDQ0LjAzMzlWMTIuMDE1Nkg0MC4wMzEyVjguMDEzMDJaTTE2LjAxNTYgMTYuMDE4Mkg4LjAxMDQyVjIwLjAyMDhIMTYuMDE1NlYxNi4wMTgyWk0yMC4wMTgyIDE2LjAxODJIMjQuMDIwOFYyMC4wMjA4SDIwLjAxODJWMTYuMDE4MlpNMzIuMDI2IDE2LjAxODJIMjguMDIzNFYyMC4wMjA4SDMyLjAyNlYxNi4wMTgyWk00NC4wMzM5IDE2LjAxODJWMjAuMDIwOEgzNi4wMjg2VjE2LjAxODJINDQuMDMzOVpNMTIuMDEzIDI0LjAyMzRIOC4wMTA0MlYyOC4wMjZIMTIuMDEzVjI0LjAyMzRaTTE2LjAxNTYgMjQuMDIzNEgzNi4wMjg2VjI4LjAyNkgxNi4wMTU2VjI0LjAyMzRaTTQ0LjAzMzkgMjQuMDIzNEg0MC4wMzEyVjI4LjAyNkg0NC4wMzM5VjI0LjAyMzRaIiBmaWxsPSIjNDI0MjQyIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDAiPgo8cmVjdCB3aWR0aD0iNTMiIGhlaWdodD0iMzYiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==") center center no-repeat;
2291	border: 4px solid #F6F6F6;
2292	border-radius: 4px;
2293}
2294
2295.monaco-editor.vs-dark .iPadShowKeyboard {
2296	background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTMiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCA1MyAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwKSI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNDguMDM2NCA0LjAxMDQySDQuMDA3NzlMNC4wMDc3OSAzMi4wMjg2SDQ4LjAzNjRWNC4wMTA0MlpNNC4wMDc3OSAwLjAwNzgxMjVDMS43OTcyMSAwLjAwNzgxMjUgMC4wMDUxODc5OSAxLjc5OTg0IDAuMDA1MTg3OTkgNC4wMTA0MlYzMi4wMjg2QzAuMDA1MTg3OTkgMzQuMjM5MiAxLjc5NzIxIDM2LjAzMTIgNC4wMDc3OSAzNi4wMzEySDQ4LjAzNjRDNTAuMjQ3IDM2LjAzMTIgNTIuMDM5IDM0LjIzOTIgNTIuMDM5IDMyLjAyODZWNC4wMTA0MkM1Mi4wMzkgMS43OTk4NCA1MC4yNDcgMC4wMDc4MTI1IDQ4LjAzNjQgMC4wMDc4MTI1SDQuMDA3NzlaTTguMDEwNDIgOC4wMTMwMkgxMi4wMTNWMTIuMDE1Nkg4LjAxMDQyVjguMDEzMDJaTTIwLjAxODIgOC4wMTMwMkgxNi4wMTU2VjEyLjAxNTZIMjAuMDE4MlY4LjAxMzAyWk0yNC4wMjA4IDguMDEzMDJIMjguMDIzNFYxMi4wMTU2SDI0LjAyMDhWOC4wMTMwMlpNMzYuMDI4NiA4LjAxMzAySDMyLjAyNlYxMi4wMTU2SDM2LjAyODZWOC4wMTMwMlpNNDAuMDMxMiA4LjAxMzAySDQ0LjAzMzlWMTIuMDE1Nkg0MC4wMzEyVjguMDEzMDJaTTE2LjAxNTYgMTYuMDE4Mkg4LjAxMDQyVjIwLjAyMDhIMTYuMDE1NlYxNi4wMTgyWk0yMC4wMTgyIDE2LjAxODJIMjQuMDIwOFYyMC4wMjA4SDIwLjAxODJWMTYuMDE4MlpNMzIuMDI2IDE2LjAxODJIMjguMDIzNFYyMC4wMjA4SDMyLjAyNlYxNi4wMTgyWk00NC4wMzM5IDE2LjAxODJWMjAuMDIwOEgzNi4wMjg2VjE2LjAxODJINDQuMDMzOVpNMTIuMDEzIDI0LjAyMzRIOC4wMTA0MlYyOC4wMjZIMTIuMDEzVjI0LjAyMzRaTTE2LjAxNTYgMjQuMDIzNEgzNi4wMjg2VjI4LjAyNkgxNi4wMTU2VjI0LjAyMzRaTTQ0LjAzMzkgMjQuMDIzNEg0MC4wMzEyVjI4LjAyNkg0NC4wMzM5VjI0LjAyMzRaIiBmaWxsPSIjQzVDNUM1Ii8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDAiPgo8cmVjdCB3aWR0aD0iNTMiIGhlaWdodD0iMzYiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==") center center no-repeat;
2297	border: 4px solid #252526;
2298}
2299/*---------------------------------------------------------------------------------------------
2300 *  Copyright (c) Microsoft Corporation. All rights reserved.
2301 *  Licensed under the MIT License. See License.txt in the project root for license information.
2302 *--------------------------------------------------------------------------------------------*/
2303
2304.monaco-editor .tokens-inspect-widget {
2305	z-index: 50;
2306	user-select: text;
2307	-webkit-user-select: text;
2308	-ms-user-select: text;
2309	padding: 10px;
2310}
2311
2312.tokens-inspect-separator {
2313	height: 1px;
2314	border: 0;
2315}
2316
2317.monaco-editor .tokens-inspect-widget .tm-token {
2318	font-family: var(--monaco-monospace-font);
2319}
2320
2321.monaco-editor .tokens-inspect-widget .tm-token-length {
2322	font-weight: normal;
2323	font-size: 60%;
2324	float: right;
2325}
2326
2327.monaco-editor .tokens-inspect-widget .tm-metadata-table {
2328	width: 100%;
2329}
2330
2331.monaco-editor .tokens-inspect-widget .tm-metadata-value {
2332	font-family: var(--monaco-monospace-font);
2333	text-align: right;
2334}
2335
2336.monaco-editor .tokens-inspect-widget .tm-token-type {
2337	font-family: var(--monaco-monospace-font);
2338}
2339
2340/*---------------------------------------------------------------------------------------------
2341 *  Copyright (c) Microsoft Corporation. All rights reserved.
2342 *  Licensed under the MIT License. See License.txt in the project root for license information.
2343 *--------------------------------------------------------------------------------------------*/
2344.monaco-editor .detected-link,
2345.monaco-editor .detected-link-active {
2346	text-decoration: underline;
2347	text-underline-position: under;
2348}
2349
2350.monaco-editor .detected-link-active {
2351	cursor: pointer;
2352}
2353
2354/*---------------------------------------------------------------------------------------------
2355 *  Copyright (c) Microsoft Corporation. All rights reserved.
2356 *  Licensed under the MIT License. See License.txt in the project root for license information.
2357 *--------------------------------------------------------------------------------------------*/
2358
2359.monaco-editor .on-type-rename-decoration {
2360	border-left: 1px solid transparent;
2361	/* So border can be transparent */
2362	background-clip: padding-box;
2363}
2364
2365/*---------------------------------------------------------------------------------------------
2366 *  Copyright (c) Microsoft Corporation. All rights reserved.
2367 *  Licensed under the MIT License. See License.txt in the project root for license information.
2368 *--------------------------------------------------------------------------------------------*/
2369
2370.monaco-editor .parameter-hints-widget {
2371	z-index: 10;
2372	display: flex;
2373	flex-direction: column;
2374	line-height: 1.5em;
2375}
2376
2377.monaco-editor .parameter-hints-widget > .wrapper {
2378	max-width: 440px;
2379	display: flex;
2380	flex-direction: row;
2381}
2382
2383.monaco-editor .parameter-hints-widget.multiple {
2384	min-height: 3.3em;
2385	padding: 0;
2386}
2387
2388.monaco-editor .parameter-hints-widget.visible {
2389	transition: left .05s ease-in-out;
2390}
2391
2392.monaco-editor .parameter-hints-widget p,
2393.monaco-editor .parameter-hints-widget ul {
2394	margin: 8px 0;
2395}
2396
2397.monaco-editor .parameter-hints-widget .monaco-scrollable-element,
2398.monaco-editor .parameter-hints-widget .body {
2399	display: flex;
2400	flex: 1;
2401	flex-direction: column;
2402	min-height: 100%;
2403}
2404
2405.monaco-editor .parameter-hints-widget .signature {
2406	padding: 4px 5px;
2407}
2408
2409.monaco-editor .parameter-hints-widget .docs {
2410	padding: 0 10px 0 5px;
2411	white-space: pre-wrap;
2412}
2413
2414.monaco-editor .parameter-hints-widget .docs.empty {
2415	display: none;
2416}
2417
2418.monaco-editor .parameter-hints-widget .docs .markdown-docs {
2419	white-space: initial;
2420}
2421
2422.monaco-editor .parameter-hints-widget .docs .markdown-docs code {
2423	font-family: var(--monaco-monospace-font);
2424}
2425
2426.monaco-editor .parameter-hints-widget .docs .code {
2427	white-space: pre-wrap;
2428}
2429
2430.monaco-editor .parameter-hints-widget .docs code {
2431	border-radius: 3px;
2432	padding: 0 0.4em;
2433}
2434
2435.monaco-editor .parameter-hints-widget .controls {
2436	display: none;
2437	flex-direction: column;
2438	align-items: center;
2439	min-width: 22px;
2440	justify-content: flex-end;
2441}
2442
2443.monaco-editor .parameter-hints-widget.multiple .controls {
2444	display: flex;
2445	padding: 0 2px;
2446}
2447
2448.monaco-editor .parameter-hints-widget.multiple .button {
2449	width: 16px;
2450	height: 16px;
2451	background-repeat: no-repeat;
2452	cursor: pointer;
2453}
2454
2455.monaco-editor .parameter-hints-widget .button.previous {
2456	bottom: 24px;
2457}
2458
2459.monaco-editor .parameter-hints-widget .overloads {
2460	text-align: center;
2461	height: 12px;
2462	line-height: 12px;
2463	opacity: 0.5;
2464	font-family: var(--monaco-monospace-font);
2465}
2466
2467.monaco-editor .parameter-hints-widget .signature .parameter.active {
2468	font-weight: bold;
2469	text-decoration: underline;
2470}
2471
2472.monaco-editor .parameter-hints-widget .documentation-parameter > .parameter {
2473	font-weight: bold;
2474	margin-right: 0.5em;
2475}
2476
2477/*---------------------------------------------------------------------------------------------
2478 *  Copyright (c) Microsoft Corporation. All rights reserved.
2479 *  Licensed under the MIT License. See License.txt in the project root for license information.
2480 *--------------------------------------------------------------------------------------------*/
2481
2482.monaco-editor .rename-box {
2483	z-index: 100;
2484	color: inherit;
2485}
2486
2487.monaco-editor .rename-box.preview {
2488	padding: 3px 3px 0 3px;
2489}
2490
2491.monaco-editor .rename-box .rename-input {
2492	padding: 3px;
2493	width: calc(100% - 6px);
2494}
2495
2496.monaco-editor .rename-box .rename-label {
2497	display: none;
2498	opacity: .8;
2499}
2500
2501.monaco-editor .rename-box.preview .rename-label {
2502	display: inherit;
2503}
2504
2505/*---------------------------------------------------------------------------------------------
2506 *  Copyright (c) Microsoft Corporation. All rights reserved.
2507 *  Licensed under the MIT License. See License.txt in the project root for license information.
2508 *--------------------------------------------------------------------------------------------*/
2509
2510.monaco-editor .snippet-placeholder {
2511	min-width: 2px;
2512	outline-style: solid;
2513	outline-width: 1px;
2514}
2515
2516.monaco-editor .finish-snippet-placeholder {
2517	outline-style: solid;
2518	outline-width: 1px;
2519}
2520
2521/*---------------------------------------------------------------------------------------------
2522 *  Copyright (c) Microsoft Corporation. All rights reserved.
2523 *  Licensed under the MIT License. See License.txt in the project root for license information.
2524 *--------------------------------------------------------------------------------------------*/
2525
2526/* Suggest widget*/
2527.monaco-editor .suggest-widget {
2528	z-index: 40;
2529}
2530
2531/** Initial widths **/
2532
2533.monaco-editor .suggest-widget {
2534	width: 430px;
2535}
2536
2537.monaco-editor .suggest-widget > .message,
2538.monaco-editor .suggest-widget > .tree,
2539.monaco-editor .suggest-widget > .details {
2540	width: 100%;
2541	border-style: solid;
2542	border-width: 1px;
2543	box-sizing: border-box;
2544}
2545
2546.monaco-editor.hc-black .suggest-widget > .message,
2547.monaco-editor.hc-black .suggest-widget > .tree,
2548.monaco-editor.hc-black .suggest-widget > .details {
2549	border-width: 2px;
2550}
2551
2552/** Adjust width when docs are expanded to the side **/
2553.monaco-editor .suggest-widget.docs-side {
2554	width: 660px;
2555}
2556
2557.monaco-editor .suggest-widget.docs-side > .tree,
2558.monaco-editor .suggest-widget.docs-side > .details {
2559	width: 50%;
2560	float: left;
2561}
2562
2563.monaco-editor .suggest-widget.docs-side.list-right > .tree,
2564.monaco-editor .suggest-widget.docs-side.list-right > .details  {
2565	float: right;
2566}
2567
2568/* MarkupContent Layout */
2569.monaco-editor .suggest-widget > .details ul {
2570	padding-left: 20px;
2571}
2572.monaco-editor .suggest-widget > .details ol {
2573	padding-left: 20px;
2574}
2575
2576.monaco-editor .suggest-widget > .details p code {
2577	font-family: var(--monaco-monospace-font);
2578}
2579
2580/* Styles for Message element for when widget is loading or is empty */
2581.monaco-editor .suggest-widget > .message {
2582	padding-left: 22px;
2583}
2584
2585/** Styles for the list element **/
2586.monaco-editor .suggest-widget > .tree {
2587	height: 100%;
2588}
2589
2590.monaco-editor .suggest-widget .monaco-list {
2591	user-select: none;
2592	-webkit-user-select: none;
2593	-ms-user-select: none;
2594}
2595
2596/** Styles for each row in the list element **/
2597
2598.monaco-editor .suggest-widget .monaco-list .monaco-list-row {
2599	display: flex;
2600	-mox-box-sizing: border-box;
2601	box-sizing: border-box;
2602	padding-right: 10px;
2603	background-repeat: no-repeat;
2604	background-position: 2px 2px;
2605	white-space: nowrap;
2606	cursor: pointer;
2607	touch-action: none;
2608}
2609
2610.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents {
2611	flex: 1;
2612	height: 100%;
2613	overflow: hidden;
2614	padding-left: 2px;
2615}
2616
2617.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main {
2618	display: flex;
2619	overflow: hidden;
2620	text-overflow: ellipsis;
2621	white-space: pre;
2622	justify-content: space-between;
2623}
2624
2625.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .left,
2626.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .right {
2627	display: flex;
2628}
2629
2630.monaco-editor .suggest-widget:not(.frozen) .monaco-highlighted-label .highlight {
2631	font-weight: bold;
2632}
2633
2634/** Status Bar **/
2635
2636.monaco-editor .suggest-widget > .suggest-status-bar {
2637	visibility: hidden;
2638
2639	position: absolute;
2640	left: 0;
2641
2642	box-sizing: border-box;
2643
2644	display: flex;
2645	flex-flow: row nowrap;
2646	justify-content: space-between;
2647
2648	width: 100%;
2649
2650	font-size: 80%;
2651
2652	border-left-width: 1px;
2653	border-left-style: solid;
2654	border-right-width: 1px;
2655	border-right-style: solid;
2656	border-bottom-width: 1px;
2657	border-bottom-style: solid;
2658
2659	padding: 0 8px 0 4px;
2660}
2661
2662.monaco-editor .suggest-widget.list-right.docs-side > .suggest-status-bar {
2663	left: auto;
2664	right: 0;
2665}
2666.monaco-editor .suggest-widget.docs-side > .suggest-status-bar {
2667	width: 50%;
2668}
2669
2670/** ReadMore Icon styles **/
2671
2672.monaco-editor .suggest-widget .details > .monaco-scrollable-element > .body > .header > .codicon-close,
2673.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .right > .readMore::before {
2674	color: inherit;
2675	opacity: 1;
2676	font-size: 14px;
2677	cursor: pointer;
2678}
2679
2680.monaco-editor .suggest-widget .details > .monaco-scrollable-element > .body > .header > .codicon-close {
2681	position: absolute;
2682	top: 2px;
2683	right: 2px;
2684}
2685
2686.monaco-editor .suggest-widget .details > .monaco-scrollable-element > .body > .header > .codicon-close:hover,
2687.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .right > .readMore:hover {
2688	opacity: 1;
2689}
2690
2691/** signature, qualifier, type/details opacity **/
2692.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .left > .signature-label,
2693.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .left > .qualifier-label,
2694.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .right > .details-label {
2695	opacity: 0.7;
2696}
2697
2698.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .left > .signature-label {
2699	overflow: hidden;
2700	text-overflow: ellipsis;
2701}
2702
2703.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .left > .qualifier-label {
2704	margin-left: 4px;
2705	opacity: 0.4;
2706	font-size: 90%;
2707	text-overflow: ellipsis;
2708	overflow: hidden;
2709	line-height: 17px;
2710	align-self: center;
2711}
2712
2713/** Type Info and icon next to the label in the focused completion item **/
2714
2715.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .right > .details-label {
2716	margin-left: 0.8em;
2717	overflow: hidden;
2718	text-overflow: ellipsis;
2719	white-space: nowrap;
2720}
2721
2722.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .right > .details-label > .monaco-tokenized-source {
2723	display: inline;
2724}
2725
2726/** Details: if using CompletionItem#details, show on focus **/
2727
2728.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .right > .details-label,
2729.monaco-editor .suggest-widget.docs-side .monaco-list .monaco-list-row.focused > .contents > .main > .right > .details-label {
2730	display: none;
2731}
2732
2733.monaco-editor .suggest-widget .monaco-list .monaco-list-row.focused > .contents > .main > .right > .details-label {
2734	display: inline;
2735}
2736
2737/** Details: if using CompletionItemLabel#details, always show **/
2738
2739.monaco-editor .suggest-widget .monaco-list .monaco-list-row:not(.string-label) > .contents > .main > .right > .details-label,
2740.monaco-editor .suggest-widget.docs-side .monaco-list .monaco-list-row.focused:not(.string-label) > .contents > .main > .right > .details-label {
2741	display: inline;
2742}
2743
2744/** Ellipsis on hover **/
2745.monaco-editor .suggest-widget:not(.docs-side) .monaco-list .monaco-list-row:hover > .contents > .main > .right.can-expand-details > .details-label {
2746	width: calc(100% - 26px);
2747}
2748
2749.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .left {
2750	flex-shrink: 1;
2751	flex-grow: 1;
2752	overflow: hidden;
2753}
2754.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .left > .monaco-icon-label {
2755	flex-shrink: 0;
2756}
2757.monaco-editor .suggest-widget .monaco-list .monaco-list-row:not(.string-label) > .contents > .main > .left > .monaco-icon-label {
2758	max-width: 100%;
2759}
2760.monaco-editor .suggest-widget .monaco-list .monaco-list-row.string-label > .contents > .main > .left > .monaco-icon-label {
2761	flex-shrink: 1;
2762}
2763.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .right {
2764	overflow: hidden;
2765	margin-left: 16px;
2766	flex-shrink: 0;
2767	max-width: 45%;
2768}
2769
2770.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .right > .readMore {
2771	display: inline-block;
2772	position: absolute;
2773	right: 10px;
2774	width: 18px;
2775	height: 18px;
2776	visibility: hidden;
2777}
2778
2779/** Do NOT display ReadMore when docs is side/below **/
2780.monaco-editor .suggest-widget.docs-side .monaco-list .monaco-list-row > .contents > .main > .right > .readMore,
2781.monaco-editor .suggest-widget.docs-below .monaco-list .monaco-list-row > .contents > .main > .right > .readMore {
2782	display: none !important;
2783}
2784
2785/** Do NOT display ReadMore when using plain CompletionItemLabel (details/documentation might not be resolved) **/
2786.monaco-editor .suggest-widget .monaco-list .monaco-list-row.string-label > .contents > .main > .right > .readMore {
2787	display: none;
2788}
2789/** Focused item can show ReadMore, but can't when docs is side/below **/
2790.monaco-editor .suggest-widget .monaco-list .monaco-list-row.focused.string-label > .contents > .main > .right > .readMore {
2791	display: inline-block;
2792}
2793
2794.monaco-editor .suggest-widget.docs-side .monaco-list .monaco-list-row > .contents > .main > .right > .readMore,
2795.monaco-editor .suggest-widget.docs-below .monaco-list .monaco-list-row > .contents > .main > .right > .readMore {
2796	display: none;
2797}
2798
2799.monaco-editor .suggest-widget .monaco-list .monaco-list-row:hover > .contents > .main > .right > .readMore {
2800	visibility: visible;
2801}
2802
2803/** Styles for each row in the list **/
2804
2805.monaco-editor .suggest-widget .monaco-list .monaco-list-row .monaco-icon-label.deprecated {
2806	opacity: 0.66;
2807	text-decoration: unset;
2808}
2809.monaco-editor .suggest-widget .monaco-list .monaco-list-row .monaco-icon-label.deprecated > .monaco-icon-label-container > .monaco-icon-name-container {
2810	text-decoration: line-through;
2811}
2812
2813.monaco-editor .suggest-widget .monaco-list .monaco-list-row .monaco-icon-label::before {
2814	height: 100%;
2815}
2816
2817.monaco-editor .suggest-widget .monaco-list .monaco-list-row .icon {
2818	display: block;
2819	height: 16px;
2820	width: 16px;
2821	margin-left: 2px;
2822	background-repeat: no-repeat;
2823	background-size: 80%;
2824	background-position: center;
2825}
2826
2827.monaco-editor .suggest-widget .monaco-list .monaco-list-row .icon.hide {
2828	display: none;
2829}
2830
2831.monaco-editor .suggest-widget .monaco-list .monaco-list-row .suggest-icon {
2832	display: flex;
2833	align-items: center;
2834	margin-right: 4px;
2835}
2836
2837.monaco-editor .suggest-widget.no-icons .monaco-list .monaco-list-row .icon,
2838.monaco-editor .suggest-widget.no-icons .monaco-list .monaco-list-row .suggest-icon::before {
2839	display: none;
2840}
2841
2842.monaco-editor .suggest-widget .monaco-list .monaco-list-row .icon.customcolor .colorspan {
2843	margin: 0 0 0 0.3em;
2844	border: 0.1em solid #000;
2845	width: 0.7em;
2846	height: 0.7em;
2847	display: inline-block;
2848}
2849
2850/** Styles for the docs of the completion item in focus **/
2851.monaco-editor .suggest-widget .details {
2852	display: flex;
2853	flex-direction: column;
2854	cursor: default;
2855}
2856
2857.monaco-editor .suggest-widget .details.no-docs {
2858	display: none;
2859}
2860
2861.monaco-editor .suggest-widget.docs-below .details {
2862	border-top-width: 0;
2863}
2864
2865.monaco-editor .suggest-widget .details > .monaco-scrollable-element {
2866	flex: 1;
2867}
2868
2869.monaco-editor .suggest-widget .details > .monaco-scrollable-element > .body {
2870	position: absolute;
2871	box-sizing: border-box;
2872	height: 100%;
2873	width: 100%;
2874}
2875
2876.monaco-editor .suggest-widget .details > .monaco-scrollable-element > .body > .header > .type {
2877	flex: 2;
2878	overflow: hidden;
2879	text-overflow: ellipsis;
2880	opacity: 0.7;
2881	word-break: break-all;
2882	margin: 0 24px 0 0;
2883	padding: 4px 0 12px 5px;
2884}
2885
2886.monaco-editor .suggest-widget .details > .monaco-scrollable-element > .body > .docs {
2887	margin: 0;
2888	padding: 4px 5px;
2889	white-space: pre-wrap;
2890}
2891
2892.monaco-editor .suggest-widget .details > .monaco-scrollable-element > .body > .docs.markdown-docs {
2893	padding: 0;
2894	white-space: initial;
2895	min-height: calc(1rem + 8px);
2896}
2897
2898.monaco-editor .suggest-widget .details > .monaco-scrollable-element > .body > .docs.markdown-docs > div,
2899.monaco-editor .suggest-widget .details > .monaco-scrollable-element > .body > .docs.markdown-docs > span:not(:empty) {
2900	padding: 4px 5px;
2901}
2902
2903.monaco-editor .suggest-widget .details > .monaco-scrollable-element > .body > .docs.markdown-docs > div > p:first-child {
2904	margin-top: 0;
2905}
2906
2907.monaco-editor .suggest-widget .details > .monaco-scrollable-element > .body > .docs.markdown-docs > div > p:last-child	 {
2908	margin-bottom: 0;
2909}
2910
2911.monaco-editor .suggest-widget .details > .monaco-scrollable-element > .body > .docs .code {
2912	white-space: pre-wrap;
2913	word-wrap: break-word;
2914}
2915
2916.monaco-editor .suggest-widget .details > .monaco-scrollable-element > .body > .docs.markdown-docs .codicon {
2917	vertical-align: sub;
2918}
2919
2920.monaco-editor .suggest-widget .details > .monaco-scrollable-element > .body > p:empty {
2921	display: none;
2922}
2923
2924.monaco-editor .suggest-widget .details code {
2925	border-radius: 3px;
2926	padding: 0 0.4em;
2927}
2928
2929
2930/* replace/insert decorations */
2931
2932.monaco-editor .suggest-insert-unexpected {
2933	font-style: italic;
2934}
2935
2936
2937/*---------------------------------------------------------------------------------------------
2938 *  Copyright (c) Microsoft Corporation. All rights reserved.
2939 *  Licensed under the MIT License. See License.txt in the project root for license information.
2940 *--------------------------------------------------------------------------------------------*/
2941
2942.monaco-editor .suggest-widget.with-status-bar .suggest-status-bar {
2943	visibility: visible;
2944}
2945.monaco-editor .suggest-widget.with-status-bar > .tree {
2946	margin-bottom: 18px;
2947}
2948
2949.monaco-editor .suggest-widget.with-status-bar .suggest-status-bar .action-label {
2950	min-height: 18px;
2951	opacity: 0.5;
2952	color: inherit;
2953}
2954
2955.monaco-editor .suggest-widget.with-status-bar .suggest-status-bar .action-item:not(:last-of-type) .action-label {
2956	margin-right: 0;
2957}
2958
2959.monaco-editor .suggest-widget.with-status-bar .suggest-status-bar .action-item:not(:last-of-type) .action-label::after {
2960	content: ', ';
2961	margin-right: 0.3em;
2962}
2963
2964.monaco-editor .suggest-widget.with-status-bar .monaco-list .monaco-list-row > .contents > .main > .right > .readMore,
2965.monaco-editor .suggest-widget.with-status-bar .monaco-list .monaco-list-row.focused.string-label > .contents > .main > .right > .readMore {
2966	display: none;
2967}
2968
2969.monaco-editor .suggest-widget.with-status-bar:not(.docs-side) .monaco-list .monaco-list-row:hover > .contents > .main > .right.can-expand-details > .details-label {
2970	width: 100%;
2971}
2972
2973/*---------------------------------------------------------------------------------------------
2974 *  Copyright (c) Microsoft Corporation. All rights reserved.
2975 *  Licensed under the MIT License. See License.txt in the project root for license information.
2976 *--------------------------------------------------------------------------------------------*/
2977
2978@font-face {
2979	font-family: "codicon";
2980	src: url([object Module]) format("truetype");
2981}
2982
2983.codicon[class*='codicon-'] {
2984	font: normal normal normal 16px/1 codicon;
2985	display: inline-block;
2986	text-decoration: none;
2987	text-rendering: auto;
2988	text-align: center;
2989	-webkit-font-smoothing: antialiased;
2990	-moz-osx-font-smoothing: grayscale;
2991	user-select: none;
2992	-webkit-user-select: none;
2993	-ms-user-select: none;
2994}
2995
2996/* icon rules are dynamically created in codiconStyles */
2997
2998/*---------------------------------------------------------------------------------------------
2999 *  Copyright (c) Microsoft Corporation. All rights reserved.
3000 *  Licensed under the MIT License. See License.txt in the project root for license information.
3001 *--------------------------------------------------------------------------------------------*/
3002
3003.codicon-wrench-subaction {
3004	opacity: 0.5;
3005}
3006
3007/*---------------------------------------------------------------------------------------------
3008 *  Copyright (c) Microsoft Corporation. All rights reserved.
3009 *  Licensed under the MIT License. See License.txt in the project root for license information.
3010 *--------------------------------------------------------------------------------------------*/
3011
3012@keyframes codicon-spin {
3013	100% {
3014		transform:rotate(360deg);
3015	}
3016}
3017
3018.codicon-animation-spin {
3019	/* Use steps to throttle FPS to reduce CPU usage */
3020	animation: codicon-spin 1.5s steps(30) infinite;
3021}
3022
3023/*---------------------------------------------------------------------------------------------
3024 *  Copyright (c) Microsoft Corporation. All rights reserved.
3025 *  Licensed under the MIT License. See License.txt in the project root for license information.
3026 *--------------------------------------------------------------------------------------------*/
3027
3028.monaco-list .monaco-list-row.focused.selected .outline-element .monaco-highlighted-label,
3029.monaco-list .monaco-list-row.focused.selected .outline-element-decoration {
3030	/* make sure selection color wins when a label is being selected */
3031	color: inherit !important;
3032}
3033
3034.monaco-list .outline-element {
3035	display: flex;
3036	flex: 1;
3037	flex-flow: row nowrap;
3038	align-items: center;
3039}
3040
3041.monaco-list .outline-element .monaco-highlighted-label {
3042	color: var(--outline-element-color);
3043}
3044
3045.monaco-list .outline-element .outline-element-decoration {
3046	opacity: 0.75;
3047	font-size: 90%;
3048	font-weight: 600;
3049	padding: 0 12px 0 5px;
3050	margin-left: auto;
3051	text-align: center;
3052	color: var(--outline-element-color);
3053}
3054
3055.monaco-list .outline-element .outline-element-decoration.bubble {
3056	font-family: codicon;
3057	font-size: 14px;
3058	opacity: 0.4;
3059}
3060
3061.monaco-list .outline-element .outline-element-icon {
3062	margin-right: 4px;
3063}
3064
3065/*---------------------------------------------------------------------------------------------
3066 *  Copyright (c) Microsoft Corporation. All rights reserved.
3067 *  Licensed under the MIT License. See License.txt in the project root for license information.
3068 *--------------------------------------------------------------------------------------------*/
3069
3070.monaco-icon-label.deprecated {
3071	text-decoration: line-through;
3072	opacity: 0.66;
3073}
3074
3075/*---------------------------------------------------------------------------------------------
3076 *  Copyright (c) Microsoft Corporation. All rights reserved.
3077 *  Licensed under the MIT License. See License.txt in the project root for license information.
3078 *--------------------------------------------------------------------------------------------*/
3079
3080
3081/* Default standalone editor fonts */
3082.monaco-editor {
3083	font-family: -apple-system, BlinkMacSystemFont, "Segoe WPC", "Segoe UI", "HelveticaNeue-Light", system-ui, "Ubuntu", "Droid Sans", sans-serif;
3084	--monaco-monospace-font: "SF Mono", Monaco, Menlo, Consolas, "Ubuntu Mono", "Liberation Mono", "DejaVu Sans Mono", "Courier New", monospace;
3085}
3086
3087.monaco-menu .monaco-action-bar.vertical .action-item .action-menu-item:focus .action-label {
3088	stroke-width: 1.2px;
3089}
3090
3091.monaco-editor.vs-dark .monaco-menu .monaco-action-bar.vertical .action-menu-item:focus .action-label,
3092.monaco-editor.hc-black .monaco-menu .monaco-action-bar.vertical .action-menu-item:focus .action-label {
3093	stroke-width: 1.2px;
3094}
3095
3096.monaco-hover p {
3097	margin: 0;
3098}
3099
3100/* The hc-black theme is already high contrast optimized */
3101.monaco-editor.hc-black {
3102	-ms-high-contrast-adjust: none;
3103}
3104/* In case the browser goes into high contrast mode and the editor is not configured with the hc-black theme */
3105@media screen and (-ms-high-contrast:active) {
3106
3107	/* current line highlight */
3108	.monaco-editor.vs .view-overlays .current-line,
3109	.monaco-editor.vs-dark .view-overlays .current-line {
3110		border-color: windowtext !important;
3111		border-left: 0;
3112		border-right: 0;
3113	}
3114
3115	/* view cursors */
3116	.monaco-editor.vs .cursor,
3117	.monaco-editor.vs-dark .cursor {
3118		background-color: windowtext !important;
3119	}
3120	/* dnd target */
3121	.monaco-editor.vs .dnd-target,
3122	.monaco-editor.vs-dark .dnd-target {
3123		border-color: windowtext !important;
3124	}
3125
3126	/* selected text background */
3127	.monaco-editor.vs .selected-text,
3128	.monaco-editor.vs-dark .selected-text {
3129		background-color: highlight !important;
3130	}
3131
3132	/* allow the text to have a transparent background. */
3133	.monaco-editor.vs .view-line,
3134	.monaco-editor.vs-dark .view-line {
3135		-ms-high-contrast-adjust: none;
3136	}
3137
3138	/* text color */
3139	.monaco-editor.vs .view-line span,
3140	.monaco-editor.vs-dark .view-line span {
3141		color: windowtext !important;
3142	}
3143	/* selected text color */
3144	.monaco-editor.vs .view-line span.inline-selected-text,
3145	.monaco-editor.vs-dark .view-line span.inline-selected-text {
3146		color: highlighttext !important;
3147	}
3148
3149	/* allow decorations */
3150	.monaco-editor.vs .view-overlays,
3151	.monaco-editor.vs-dark .view-overlays {
3152		-ms-high-contrast-adjust: none;
3153	}
3154
3155	/* various decorations */
3156	.monaco-editor.vs .selectionHighlight,
3157	.monaco-editor.vs-dark .selectionHighlight,
3158	.monaco-editor.vs .wordHighlight,
3159	.monaco-editor.vs-dark .wordHighlight,
3160	.monaco-editor.vs .wordHighlightStrong,
3161	.monaco-editor.vs-dark .wordHighlightStrong,
3162	.monaco-editor.vs .reference-decoration,
3163	.monaco-editor.vs-dark .reference-decoration {
3164		border: 2px dotted highlight !important;
3165		background: transparent !important;
3166		box-sizing: border-box;
3167	}
3168	.monaco-editor.vs .rangeHighlight,
3169	.monaco-editor.vs-dark .rangeHighlight {
3170		background: transparent !important;
3171		border: 1px dotted activeborder !important;
3172		box-sizing: border-box;
3173	}
3174	.monaco-editor.vs .bracket-match,
3175	.monaco-editor.vs-dark .bracket-match {
3176		border-color: windowtext !important;
3177		background: transparent !important;
3178	}
3179
3180	/* find widget */
3181	.monaco-editor.vs .findMatch,
3182	.monaco-editor.vs-dark .findMatch,
3183	.monaco-editor.vs .currentFindMatch,
3184	.monaco-editor.vs-dark .currentFindMatch {
3185		border: 2px dotted activeborder !important;
3186		background: transparent !important;
3187		box-sizing: border-box;
3188	}
3189	.monaco-editor.vs .find-widget,
3190	.monaco-editor.vs-dark .find-widget {
3191		border: 1px solid windowtext;
3192	}
3193
3194	/* list - used by suggest widget */
3195	.monaco-editor.vs .monaco-list .monaco-list-row,
3196	.monaco-editor.vs-dark .monaco-list .monaco-list-row {
3197		-ms-high-contrast-adjust: none;
3198		color: windowtext !important;
3199	}
3200	.monaco-editor.vs .monaco-list .monaco-list-row.focused,
3201	.monaco-editor.vs-dark .monaco-list .monaco-list-row.focused {
3202		color: highlighttext !important;
3203		background-color: highlight !important;
3204	}
3205	.monaco-editor.vs .monaco-list .monaco-list-row:hover,
3206	.monaco-editor.vs-dark .monaco-list .monaco-list-row:hover {
3207		background: transparent !important;
3208		border: 1px solid highlight;
3209		box-sizing: border-box;
3210	}
3211
3212	/* scrollbars */
3213	.monaco-editor.vs .monaco-scrollable-element > .scrollbar,
3214	.monaco-editor.vs-dark .monaco-scrollable-element > .scrollbar {
3215		-ms-high-contrast-adjust: none;
3216		background: background !important;
3217		border: 1px solid windowtext;
3218		box-sizing: border-box;
3219	}
3220	.monaco-editor.vs .monaco-scrollable-element > .scrollbar > .slider,
3221	.monaco-editor.vs-dark .monaco-scrollable-element > .scrollbar > .slider {
3222		background: windowtext !important;
3223	}
3224	.monaco-editor.vs .monaco-scrollable-element > .scrollbar > .slider:hover,
3225	.monaco-editor.vs-dark .monaco-scrollable-element > .scrollbar > .slider:hover {
3226		background: highlight !important;
3227	}
3228	.monaco-editor.vs .monaco-scrollable-element > .scrollbar > .slider.active,
3229	.monaco-editor.vs-dark .monaco-scrollable-element > .scrollbar > .slider.active {
3230		background: highlight !important;
3231	}
3232
3233	/* overview ruler */
3234	.monaco-editor.vs .decorationsOverviewRuler,
3235	.monaco-editor.vs-dark .decorationsOverviewRuler {
3236		opacity: 0;
3237	}
3238
3239	/* minimap */
3240	.monaco-editor.vs .minimap,
3241	.monaco-editor.vs-dark .minimap {
3242		display: none;
3243	}
3244
3245	/* squiggles */
3246	.monaco-editor.vs .squiggly-d-error,
3247	.monaco-editor.vs-dark .squiggly-d-error {
3248		background: transparent !important;
3249		border-bottom: 4px double #E47777;
3250	}
3251	.monaco-editor.vs .squiggly-c-warning,
3252	.monaco-editor.vs-dark .squiggly-c-warning {
3253		border-bottom: 4px double #71B771;
3254	}
3255	.monaco-editor.vs .squiggly-b-info,
3256	.monaco-editor.vs-dark .squiggly-b-info {
3257		border-bottom: 4px double #71B771;
3258	}
3259	.monaco-editor.vs .squiggly-a-hint,
3260	.monaco-editor.vs-dark .squiggly-a-hint {
3261		border-bottom: 4px double #6c6c6c;
3262	}
3263
3264	/* contextmenu */
3265	.monaco-editor.vs .monaco-menu .monaco-action-bar.vertical .action-menu-item:focus .action-label,
3266	.monaco-editor.vs-dark .monaco-menu .monaco-action-bar.vertical .action-menu-item:focus .action-label {
3267		-ms-high-contrast-adjust: none;
3268		color: highlighttext !important;
3269		background-color: highlight !important;
3270	}
3271	.monaco-editor.vs .monaco-menu .monaco-action-bar.vertical .action-menu-item:hover .action-label,
3272	.monaco-editor.vs-dark .monaco-menu .monaco-action-bar.vertical .action-menu-item:hover .action-label {
3273		-ms-high-contrast-adjust: none;
3274		background: transparent !important;
3275		border: 1px solid highlight;
3276		box-sizing: border-box;
3277	}
3278
3279	/* diff editor */
3280	.monaco-diff-editor.vs .diffOverviewRuler,
3281	.monaco-diff-editor.vs-dark .diffOverviewRuler {
3282		display: none;
3283	}
3284	.monaco-editor.vs .line-insert,
3285	.monaco-editor.vs-dark .line-insert,
3286	.monaco-editor.vs .line-delete,
3287	.monaco-editor.vs-dark .line-delete {
3288		background: transparent !important;
3289		border: 1px solid highlight !important;
3290		box-sizing: border-box;
3291	}
3292	.monaco-editor.vs .char-insert,
3293	.monaco-editor.vs-dark .char-insert,
3294	.monaco-editor.vs .char-delete,
3295	.monaco-editor.vs-dark .char-delete {
3296		background: transparent !important;
3297	}
3298}
3299
3300/*.monaco-editor.vs [tabindex="0"]:focus {
3301	outline: 1px solid rgba(0, 122, 204, 0.4);
3302	outline-offset: -1px;
3303	opacity: 1 !important;
3304}
3305
3306.monaco-editor.vs-dark [tabindex="0"]:focus {
3307	outline: 1px solid rgba(14, 99, 156, 0.6);
3308	outline-offset: -1px;
3309	opacity: 1 !important;
3310}*/
3311
3312/*---------------------------------------------------------------------------------------------
3313 *  Copyright (c) Microsoft Corporation. All rights reserved.
3314 *  Licensed under the MIT License. See License.txt in the project root for license information.
3315 *--------------------------------------------------------------------------------------------*/
3316/* ---------- DiffEditor ---------- */
3317
3318.monaco-diff-editor .diffOverview {
3319	z-index: 9;
3320}
3321
3322.monaco-diff-editor .diffOverview .diffViewport {
3323	z-index: 10;
3324}
3325
3326/* colors not externalized: using transparancy on background */
3327.monaco-diff-editor.vs			.diffOverview { background: rgba(0, 0, 0, 0.03); }
3328.monaco-diff-editor.vs-dark		.diffOverview { background: rgba(255, 255, 255, 0.01); }
3329
3330.monaco-scrollable-element.modified-in-monaco-diff-editor.vs		.scrollbar { background: rgba(0,0,0,0); }
3331.monaco-scrollable-element.modified-in-monaco-diff-editor.vs-dark	.scrollbar { background: rgba(0,0,0,0); }
3332.monaco-scrollable-element.modified-in-monaco-diff-editor.hc-black	.scrollbar { background: none; }
3333
3334.monaco-scrollable-element.modified-in-monaco-diff-editor .slider {
3335	z-index: 10;
3336}
3337.modified-in-monaco-diff-editor				.slider.active { background: rgba(171, 171, 171, .4); }
3338.modified-in-monaco-diff-editor.hc-black	.slider.active { background: none; }
3339
3340/* ---------- Diff ---------- */
3341
3342.monaco-editor .insert-sign,
3343.monaco-diff-editor .insert-sign,
3344.monaco-editor .delete-sign,
3345.monaco-diff-editor .delete-sign {
3346	font-size: 11px !important;
3347	opacity: 0.7 !important;
3348	display: flex !important;
3349	align-items: center;
3350}
3351.monaco-editor.hc-black .insert-sign,
3352.monaco-diff-editor.hc-black .insert-sign,
3353.monaco-editor.hc-black .delete-sign,
3354.monaco-diff-editor.hc-black .delete-sign {
3355	opacity: 1;
3356}
3357
3358.monaco-editor .inline-deleted-margin-view-zone {
3359	text-align: right;
3360}
3361.monaco-editor .inline-added-margin-view-zone {
3362	text-align: right;
3363}
3364
3365/* ---------- Inline Diff ---------- */
3366
3367.monaco-editor .view-zones .view-lines .view-line span {
3368	display: inline-block;
3369}
3370
3371.monaco-editor .margin-view-zones .lightbulb-glyph:hover {
3372	cursor: pointer;
3373}
3374
3375/*---------------------------------------------------------------------------------------------
3376 *  Copyright (c) Microsoft Corporation. All rights reserved.
3377 *  Licensed under the MIT License. See License.txt in the project root for license information.
3378 *--------------------------------------------------------------------------------------------*/
3379
3380.monaco-diff-editor .diff-review-line-number {
3381	text-align: right;
3382	display: inline-block;
3383}
3384
3385.monaco-diff-editor .diff-review {
3386	position: absolute;
3387	user-select: none;
3388	-webkit-user-select: none;
3389	-ms-user-select: none;
3390}
3391
3392.monaco-diff-editor .diff-review-summary {
3393	padding-left: 10px;
3394}
3395
3396.monaco-diff-editor .diff-review-shadow {
3397	position: absolute;
3398}
3399
3400.monaco-diff-editor .diff-review-row {
3401	white-space: pre;
3402}
3403
3404.monaco-diff-editor .diff-review-table {
3405	display: table;
3406	min-width: 100%;
3407}
3408
3409.monaco-diff-editor .diff-review-row {
3410	display: table-row;
3411	width: 100%;
3412}
3413
3414.monaco-diff-editor .diff-review-spacer {
3415	display: inline-block;
3416	width: 10px;
3417	vertical-align: middle;
3418}
3419
3420.monaco-diff-editor .diff-review-spacer > .codicon {
3421	font-size: 9px !important;
3422}
3423
3424.monaco-diff-editor .diff-review-actions {
3425	display: inline-block;
3426	position: absolute;
3427	right: 10px;
3428	top: 2px;
3429}
3430
3431.monaco-diff-editor .diff-review-actions .action-label {
3432	width: 16px;
3433	height: 16px;
3434	margin: 2px 0;
3435}
3436
3437/*---------------------------------------------------------------------------------------------
3438 *  Copyright (c) Microsoft Corporation. All rights reserved.
3439 *  Licensed under the MIT License. See License.txt in the project root for license information.
3440 *--------------------------------------------------------------------------------------------*/
3441
3442.context-view .monaco-menu {
3443	min-width: 130px;
3444}
3445
3446
3447/*---------------------------------------------------------------------------------------------
3448 *  Copyright (c) Microsoft Corporation. All rights reserved.
3449 *  Licensed under the MIT License. See License.txt in the project root for license information.
3450 *--------------------------------------------------------------------------------------------*/
3451
3452.context-view {
3453	position: absolute;
3454	z-index: 2500;
3455}
3456
3457.context-view.fixed {
3458	all: initial;
3459	font-family: inherit;
3460	font-size: 13px;
3461	position: fixed;
3462	z-index: 2500;
3463	color: inherit;
3464}
3465
3466/*---------------------------------------------------------------------------------------------
3467 *  Copyright (c) Microsoft Corporation. All rights reserved.
3468 *  Licensed under the MIT License. See License.txt in the project root for license information.
3469 *--------------------------------------------------------------------------------------------*/
3470
3471.quick-input-widget {
3472	font-size: 13px;
3473}
3474
3475.quick-input-widget .monaco-highlighted-label .highlight,
3476.quick-input-widget .monaco-highlighted-label .highlight {
3477	color: #0066BF;
3478}
3479
3480.vs-dark .quick-input-widget .monaco-highlighted-label .highlight,
3481.vs-dark .quick-input-widget .monaco-highlighted-label .highlight {
3482	color: #0097fb;
3483}
3484
3485.hc-black .quick-input-widget .monaco-highlighted-label .highlight,
3486.hc-black .quick-input-widget .monaco-highlighted-label .highlight {
3487	color: #F38518;
3488}
3489
3490/*---------------------------------------------------------------------------------------------
3491 *  Copyright (c) Microsoft Corporation. All rights reserved.
3492 *  Licensed under the MIT License. See License.txt in the project root for license information.
3493 *--------------------------------------------------------------------------------------------*/
3494
3495.quick-input-widget {
3496	position: absolute;
3497	width: 600px;
3498	z-index: 2000;
3499	padding-bottom: 6px;
3500	left: 50%;
3501	margin-left: -300px;
3502}
3503
3504.quick-input-titlebar {
3505	display: flex;
3506}
3507
3508.quick-input-left-action-bar {
3509	display: flex;
3510	margin-left: 4px;
3511	flex: 1;
3512}
3513
3514.quick-input-left-action-bar.monaco-action-bar .actions-container {
3515	justify-content: flex-start;
3516}
3517
3518.quick-input-title {
3519	padding: 3px 0px;
3520	text-align: center;
3521}
3522
3523.quick-input-right-action-bar {
3524	display: flex;
3525	margin-right: 4px;
3526	flex: 1;
3527}
3528
3529.quick-input-titlebar .monaco-action-bar .action-label.codicon {
3530	margin: 0;
3531	width: 19px;
3532	height: 100%;
3533	background-position: center;
3534	background-repeat: no-repeat;
3535}
3536
3537.quick-input-description {
3538	margin: 6px;
3539}
3540
3541.quick-input-header {
3542	display: flex;
3543	padding: 6px 6px 0px 6px;
3544	margin-bottom: -2px;
3545}
3546
3547.quick-input-widget.hidden-input .quick-input-header {
3548	/* reduce margins and paddings when input box hidden */
3549	padding: 0;
3550	margin-bottom: 0;
3551}
3552
3553.quick-input-and-message {
3554	display: flex;
3555	flex-direction: column;
3556	flex-grow: 1;
3557	position: relative;
3558}
3559
3560.quick-input-check-all {
3561	align-self: center;
3562	margin: 0;
3563}
3564
3565.quick-input-filter {
3566	flex-grow: 1;
3567	display: flex;
3568	position: relative;
3569}
3570
3571.quick-input-box {
3572	flex-grow: 1;
3573}
3574
3575.quick-input-widget.show-checkboxes .quick-input-box,
3576.quick-input-widget.show-checkboxes .quick-input-message {
3577	margin-left: 5px;
3578}
3579
3580.quick-input-visible-count {
3581	position: absolute;
3582	left: -10000px;
3583}
3584
3585.quick-input-count {
3586	align-self: center;
3587	position: absolute;
3588	right: 4px;
3589	display: flex;
3590	align-items: center;
3591}
3592
3593.quick-input-count .monaco-count-badge {
3594	vertical-align: middle;
3595	padding: 2px 4px;
3596	border-radius: 2px;
3597	min-height: auto;
3598	line-height: normal;
3599}
3600
3601.quick-input-action {
3602	margin-left: 6px;
3603}
3604
3605.quick-input-action .monaco-text-button {
3606	font-size: 11px;
3607	padding: 0 6px;
3608	display: flex;
3609	height: 100%;
3610	align-items: center;
3611}
3612
3613.quick-input-message {
3614	margin-top: -1px;
3615	padding: 5px 5px 2px 5px;
3616}
3617
3618.quick-input-progress.monaco-progress-container {
3619	position: relative;
3620}
3621
3622.quick-input-progress.monaco-progress-container,
3623.quick-input-progress.monaco-progress-container .progress-bit {
3624	height: 2px;
3625}
3626
3627.quick-input-list {
3628	line-height: 22px;
3629	margin-top: 6px;
3630}
3631
3632.quick-input-widget.hidden-input .quick-input-list {
3633	margin-top: 0; /* reduce margins when input box hidden */
3634}
3635
3636.quick-input-list .monaco-list {
3637	overflow: hidden;
3638	max-height: calc(20 * 22px);
3639}
3640
3641.quick-input-list .quick-input-list-entry {
3642	box-sizing: border-box;
3643	overflow: hidden;
3644	display: flex;
3645	height: 100%;
3646	padding: 0 6px;
3647}
3648
3649.quick-input-list .quick-input-list-entry.quick-input-list-separator-border {
3650	border-top-width: 1px;
3651	border-top-style: solid;
3652}
3653
3654.quick-input-list .monaco-list-row:first-child .quick-input-list-entry.quick-input-list-separator-border {
3655	border-top-style: none;
3656}
3657
3658.quick-input-list .quick-input-list-label {
3659	overflow: hidden;
3660	display: flex;
3661	height: 100%;
3662	flex: 1;
3663}
3664
3665.quick-input-list .quick-input-list-checkbox {
3666	align-self: center;
3667	margin: 0;
3668}
3669
3670.quick-input-list .quick-input-list-rows {
3671	overflow: hidden;
3672	text-overflow: ellipsis;
3673	display: flex;
3674	flex-direction: column;
3675	height: 100%;
3676	flex: 1;
3677	margin-left: 5px;
3678}
3679
3680.quick-input-widget.show-checkboxes .quick-input-list .quick-input-list-rows {
3681	margin-left: 10px;
3682}
3683
3684.quick-input-widget .quick-input-list .quick-input-list-checkbox {
3685	display: none;
3686}
3687.quick-input-widget.show-checkboxes .quick-input-list .quick-input-list-checkbox {
3688	display: inline;
3689}
3690
3691.quick-input-list .quick-input-list-rows > .quick-input-list-row {
3692	display: flex;
3693	align-items: center;
3694}
3695
3696.quick-input-list .quick-input-list-rows > .quick-input-list-row .monaco-icon-label,
3697.quick-input-list .quick-input-list-rows > .quick-input-list-row .monaco-icon-label .monaco-icon-label-container > .monaco-icon-name-container {
3698	flex: 1; /* make sure the icon label grows within the row */
3699}
3700
3701.quick-input-list .quick-input-list-rows > .quick-input-list-row .codicon[class*='codicon-'] {
3702	vertical-align: sub;
3703}
3704
3705.quick-input-list .quick-input-list-rows .monaco-highlighted-label span {
3706	opacity: 1;
3707}
3708
3709.quick-input-list .quick-input-list-entry .quick-input-list-entry-keybinding {
3710	margin-right: 8px; /* separate from the separator label or scrollbar if any */
3711}
3712
3713.quick-input-list .quick-input-list-label-meta {
3714	opacity: 0.7;
3715	line-height: normal;
3716	text-overflow: ellipsis;
3717	overflow: hidden;
3718}
3719
3720.quick-input-list .monaco-highlighted-label .highlight {
3721	font-weight: bold;
3722}
3723
3724.quick-input-list .quick-input-list-entry .quick-input-list-separator {
3725	margin-right: 8px; /* separate from keybindings or actions */
3726}
3727
3728.quick-input-list .quick-input-list-entry-action-bar {
3729	display: flex;
3730	flex: 0;
3731	overflow: visible;
3732}
3733
3734.quick-input-list .quick-input-list-entry-action-bar .action-label {
3735	/*
3736	 * By default, actions in the quick input action bar are hidden
3737	 * until hovered over them or selected.
3738	 */
3739	display: none;
3740}
3741
3742.quick-input-list .quick-input-list-entry-action-bar .action-label.codicon {
3743	margin: 0;
3744	height: 100%;
3745	padding: 0 2px;
3746	vertical-align: middle;
3747}
3748
3749.quick-input-list .quick-input-list-entry-action-bar {
3750	margin-top: 1px;
3751}
3752
3753.quick-input-list .quick-input-list-entry-action-bar {
3754	margin-right: 4px; /* separate from scrollbar */
3755}
3756
3757.quick-input-list .quick-input-list-entry-action-bar .action-label.codicon {
3758	margin-right: 4px; /* separate actions */
3759}
3760
3761.quick-input-list .quick-input-list-entry .quick-input-list-entry-action-bar .action-label.always-visible,
3762.quick-input-list .quick-input-list-entry:hover .quick-input-list-entry-action-bar .action-label,
3763.quick-input-list .monaco-list-row.focused .quick-input-list-entry-action-bar .action-label {
3764	display: flex;
3765}
3766
3767/*---------------------------------------------------------------------------------------------
3768 *  Copyright (c) Microsoft Corporation. All rights reserved.
3769 *  Licensed under the MIT License. See License.txt in the project root for license information.
3770 *--------------------------------------------------------------------------------------------*/
3771
3772.monaco-keybinding {
3773	display: flex;
3774	align-items: center;
3775	line-height: 10px;
3776}
3777
3778.monaco-keybinding > .monaco-keybinding-key {
3779	display: inline-block;
3780	border: solid 1px rgba(204, 204, 204, 0.4);
3781	border-bottom-color: rgba(187, 187, 187, 0.4);
3782	border-radius: 3px;
3783	box-shadow: inset 0 -1px 0 rgba(187, 187, 187, 0.4);
3784	background-color: rgba(221, 221, 221, 0.4);
3785	vertical-align: middle;
3786	color: #555;
3787	font-size: 11px;
3788	padding: 3px 5px;
3789	margin: 0 2px;
3790}
3791
3792.monaco-keybinding > .monaco-keybinding-key:first-child {
3793	margin-left: 0;
3794}
3795
3796.monaco-keybinding > .monaco-keybinding-key:last-child {
3797	margin-right: 0;
3798}
3799
3800.hc-black .monaco-keybinding > .monaco-keybinding-key,
3801.vs-dark .monaco-keybinding > .monaco-keybinding-key {
3802	background-color: rgba(128, 128, 128, 0.17);
3803	color: #ccc;
3804	border: solid 1px rgba(51, 51, 51, 0.6);
3805	border-bottom-color: rgba(68, 68, 68, 0.6);
3806	box-shadow: inset 0 -1px 0 rgba(68, 68, 68, 0.6);
3807}
3808
3809.monaco-keybinding > .monaco-keybinding-key-separator {
3810	display: inline-block;
3811}
3812
3813.monaco-keybinding > .monaco-keybinding-key-chord-separator {
3814	width: 6px;
3815}
3816/*---------------------------------------------------------------------------------------------
3817 *  Copyright (c) Microsoft Corporation. All rights reserved.
3818 *  Licensed under the MIT License. See License.txt in the project root for license information.
3819 *--------------------------------------------------------------------------------------------*/
3820
3821.monaco-progress-container {
3822	width: 100%;
3823	height: 5px;
3824	overflow: hidden; /* keep progress bit in bounds */
3825}
3826
3827.monaco-progress-container .progress-bit {
3828	width: 2%;
3829	height: 5px;
3830	position: absolute;
3831	left: 0;
3832	display: none;
3833}
3834
3835.monaco-progress-container.active .progress-bit {
3836	display: inherit;
3837}
3838
3839.monaco-progress-container.discrete .progress-bit {
3840	left: 0;
3841	transition: width 100ms linear;
3842}
3843
3844.monaco-progress-container.discrete.done .progress-bit {
3845	width: 100%;
3846}
3847
3848.monaco-progress-container.infinite .progress-bit {
3849	animation-name: progress;
3850	animation-duration: 4s;
3851	animation-iteration-count: infinite;
3852	animation-timing-function: linear;
3853	transform: translate3d(0px, 0px, 0px);
3854}
3855
3856/**
3857 * The progress bit has a width: 2% (1/50) of the parent container. The animation moves it from 0% to 100% of
3858 * that container. Since translateX is relative to the progress bit size, we have to multiple it with
3859 * its relative size to the parent container:
3860 *  50%: 50 * 50 = 2500%
3861 * 100%: 50 * 100 - 50 (do not overflow): 4950%
3862 */
3863@keyframes progress { from { transform: translateX(0%) scaleX(1) } 50% { transform: translateX(2500%) scaleX(3) } to { transform: translateX(4950%) scaleX(1) } }
3864
3865/*---------------------------------------------------------------------------------------------
3866 *  Copyright (c) Microsoft Corporation. All rights reserved.
3867 *  Licensed under the MIT License. See License.txt in the project root for license information.
3868 *--------------------------------------------------------------------------------------------*/
3869
3870.monaco-text-button {
3871	box-sizing: border-box;
3872	display: flex;
3873	width: 100%;
3874	padding: 4px;
3875	text-align: center;
3876	cursor: pointer;
3877	outline-offset: 2px !important;
3878	justify-content: center;
3879	align-items: center;
3880}
3881
3882.monaco-text-button:hover {
3883	text-decoration: none !important;
3884}
3885
3886.monaco-button.disabled {
3887	opacity: 0.4;
3888	cursor: default;
3889}
3890
3891.monaco-button > .codicon {
3892	margin: 0 0.2em;
3893	color: inherit !important;
3894}
3895
3896#editor.svelte-129q4vv{width:100%;height:400px;max-height:300px;flex:1}
3897#editor-conf.svelte-e1y9ss{width:100%;height:200px;max-height:300px;flex:1}
3898#view.svelte-adxv1m{border:1px solor darkred;flex:1}#container.svelte-adxv1m{overflow-x:auto}.error.svelte-adxv1m{opacity:0.5}
3899#card.svelte-m2i2uf{border:1px solid lightgray;margin-bottom:16px}#title.svelte-m2i2uf{font-family:'Playfair Display', serif;font-weight:400;border-bottom:1px solid lightgray;font-size:1.25rem;background-color:#1e60ab;color:#eaebef}#content.svelte-m2i2uf{padding-top:8px}.padding.svelte-m2i2uf{padding:8px}
3900#tag.svelte-1nm8e4l{height:auto;margin:0 8px 0 0;padding:0 7px;font-size:12px;line-height:20px;white-space:nowrap;border:1px solid #d9d9d9;border-radius:4px;cursor:default;font-size:smaller;color:#52c41a;background:#f6ffed;border-color:#b7eb8f;margin-left:8px}
3901#links.svelte-187ys3m{margin-bottom:1rem;padding-bottom:0.5rem;border-bottom:1px solid lightgray}#markdown.svelte-187ys3m{padding:7px;font-family:monospace;font-size:14px;width:95%;margin:1rem 0;border:1px solid lightgray}label[for='markdown'].svelte-187ys3m{cursor:pointer;margin:0 auto}.button-style.svelte-187ys3m{background-color:#a2d9e2;color:#33a2c4;border-radius:0.25rem;padding:0.5rem;border:1px solid #a2d9e2;margin:0.25rem}.button-style.svelte-187ys3m:hover{background-color:#fff;color:#33a2c4;border:1px solid #33a2c4}.button-style.svelte-187ys3m:focus{outline:none}.link-style.svelte-187ys3m{text-decoration:none;color:#33a2c4}#copy-section.svelte-187ys3m{padding-top:1rem;text-align:center}
3902#body.svelte-mx8k4g{font-family:'Roboto', sans-serif;background-color:#fcfbfc}#editor-root.svelte-mx8k4g{display:flex;height:100%}#col1.svelte-mx8k4g{width:35%}#col2.svelte-mx8k4g{width:65%;padding-left:32px}#link-root.svelte-mx8k4g{display:flex;height:fit-content}#link-col1.svelte-mx8k4g{width:50%}#link-col2.svelte-mx8k4g{width:50%;padding-left:32px}#app-title.svelte-mx8k4g{font-family:'Playfair Display', serif;font-size:32px;font-weight:700;margin:0;color:#1e60ab;opacity:0.8}#title-container.svelte-mx8k4g{width:fit-content;margin:0 auto 8px}#power.svelte-mx8k4g{width:100%;display:flex;justify-content:flex-end;align-items:center;height:4rem}#sampleLoader.svelte-mx8k4g{padding-left:10px;border-bottom:1px solid lightgray}#historyLoaderSubTitle.svelte-mx8k4g{display:inline-block;color:#33a2c4;font-size:small;font-style:italic}.button-container.svelte-mx8k4g{display:flex;align-items:center;flex-direction:row;flex-wrap:wrap}.button-style.svelte-mx8k4g{background-color:#a2d9e2;color:#33a2c4;border-radius:0.25rem;padding:0.5rem;border:1px solid #a2d9e2;margin:0.25rem}.button-style.svelte-mx8k4g:hover{background-color:#fff;color:#33a2c4;border:1px solid #33a2c4}.button-style.svelte-mx8k4g:focus{outline:none}.link-style.svelte-mx8k4g{text-decoration:none;color:#33a2c4}
3903#view-page.svelte-clxwlp{display:flex;height:100%}
3904