Lines Matching +full:- +full:- +full:-
1 #error.svelte-104hor5{background:darkred;color:white;flex:1;padding:10px}.invisible.svelte-104hor5{…
2 /*---------------------------------------------------------------------------------------------
5 *--------------------------------------------------------------------------------------------*/
7 .monaco-editor .accessibilityHelpWidget {
9 vertical-align: middle;
12 /*---------------------------------------------------------------------------------------------
15 *--------------------------------------------------------------------------------------------*/
17 .monaco-aria-container {
19 left:-999em;
21 /*---------------------------------------------------------------------------------------------
24 *--------------------------------------------------------------------------------------------*/
26 .monaco-editor .selection-anchor {
27 background-color: #007ACC;
31 /*---------------------------------------------------------------------------------------------
34 *--------------------------------------------------------------------------------------------*/
36 .monaco-editor .bracket-match {
37 box-sizing: border-box;
40 /*---------------------------------------------------------------------------------------------
43 *--------------------------------------------------------------------------------------------*/
45 .monaco-editor .monaco-editor-overlaymessage {
46 padding-bottom: 8px;
47 z-index: 10000;
54 .monaco-editor .monaco-editor-overlaymessage.fadeIn {
55 animation: fadeIn 150ms ease-out;
62 .monaco-editor .monaco-editor-overlaymessage.fadeOut {
63 animation: fadeOut 100ms ease-out;
66 .monaco-editor .monaco-editor-overlaymessage .message {
70 .monaco-editor .monaco-editor-overlaymessage .anchor {
73 border-color: transparent;
74 border-style: solid;
75 z-index: 1000;
76 border-width: 8px;
80 /*---------------------------------------------------------------------------------------------
83 *--------------------------------------------------------------------------------------------*/
85 .monaco-editor .lightbulb-glyph,
86 .monaco-editor .codicon-lightbulb {
88 align-items: center;
89 justify-content: center;
92 padding-left: 2px;
95 .monaco-editor .lightbulb-glyph:hover,
96 .monaco-editor .codicon-lightbulb:hover {
101 /*---------------------------------------------------------------------------------------------
104 *--------------------------------------------------------------------------------------------*/
106 .monaco-editor .codelens-decoration {
108 display: inline-block;
109 text-overflow: ellipsis;
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;
121 .monaco-editor .codelens-decoration > a {
122 text-decoration: none;
125 .monaco-editor .codelens-decoration > a:hover {
129 .monaco-editor .codelens-decoration .codicon {
130 vertical-align: middle;
134 .monaco-editor .codelens-decoration > a:hover .codicon::before {
143 .monaco-editor .codelens-decoration.fadein {
147 /*---------------------------------------------------------------------------------------------
150 *--------------------------------------------------------------------------------------------*/
152 .monaco-action-bar {
153 text-align: right;
154 white-space: nowrap;
157 .monaco-action-bar .actions-container {
162 justify-content: flex-end;
165 .monaco-action-bar.vertical .actions-container {
166 display: inline-block;
169 .monaco-action-bar.reverse .actions-container {
170 flex-direction: row-reverse;
173 .monaco-action-bar .action-item {
175 display: inline-block;
177 …position: relative; /* DO NOT REMOVE - this is the key to preventing the ghosting icon bug in Chr…
180 .monaco-action-bar .action-item.disabled {
184 .monaco-action-bar.animated .action-item.active {
188 .monaco-action-bar .action-item .icon,
189 .monaco-action-bar .action-item .codicon {
190 display: inline-block;
193 .monaco-action-bar .action-item .codicon {
195 align-items: center;
198 .monaco-action-bar .action-label {
199 font-size: 11px;
200 margin-right: 4px;
203 .monaco-action-bar .action-item.disabled .action-label,
204 .monaco-action-bar .action-item.disabled .action-label:hover {
210 .monaco-action-bar.vertical {
211 text-align: left;
214 .monaco-action-bar.vertical .action-item {
218 .monaco-action-bar.vertical .action-label.separator {
220 border-bottom: 1px solid #bbb;
221 padding-top: 1px;
222 margin-left: .8em;
223 margin-right: .8em;
226 .monaco-action-bar.animated.vertical .action-item.active {
230 .secondary-actions .monaco-action-bar .action-label {
231 margin-left: 6px;
235 .monaco-action-bar .action-item.select-container {
238 max-width: 170px;
239 min-width: 60px;
241 align-items: center;
242 justify-content: center;
243 margin-right: 10px;
246 /*---------------------------------------------------------------------------------------------
249 *--------------------------------------------------------------------------------------------*/
251 .monaco-editor.vs .dnd-target {
252 border-right: 2px dotted black;
255 .monaco-editor.vs-dark .dnd-target {
256 border-right: 2px dotted #AEAFAD;
259 .monaco-editor.hc-black .dnd-target {
260 border-right: 2px dotted #fff;
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 {
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 {
274 /*---------------------------------------------------------------------------------------------
277 *--------------------------------------------------------------------------------------------*/
279 .monaco-custom-checkbox {
280 margin-left: 2px;
289 box-sizing: border-box;
290 user-select: none;
291 -webkit-user-select: none;
292 -ms-user-select: none;
295 .monaco-custom-checkbox:hover,
296 .monaco-custom-checkbox.checked {
300 .hc-black .monaco-custom-checkbox {
304 .hc-black .monaco-custom-checkbox:hover {
308 .monaco-custom-checkbox.monaco-simple-checkbox {
312 border-radius: 3px;
313 margin-right: 9px;
314 margin-left: 0px;
317 background-size: 16px !important;
321 .monaco-custom-checkbox.monaco-simple-checkbox.unchecked:not(.checked)::before {
325 /*---------------------------------------------------------------------------------------------
328 *--------------------------------------------------------------------------------------------*/
331 .monaco-editor .find-widget {
333 z-index: 50;
336 line-height: 19px;
339 box-sizing: border-box;
340 transform: translateY(calc(-100% - 10px)); /* shadow (10px) */
343 .monaco-editor .find-widget textarea {
347 .monaco-editor .find-widget.hiddenEditor {
352 .monaco-editor .find-widget.replaceToggled > .replace-part {
356 .monaco-editor .find-widget.visible {
360 .monaco-editor .find-widget .monaco-inputbox.synthetic-focus {
361 outline: 1px solid -webkit-focus-ring-color;
362 outline-offset: -1px;
365 .monaco-editor .find-widget .monaco-inputbox .input {
366 background-color: transparent;
367 min-height: 0;
370 .monaco-editor .find-widget .monaco-findInput .input {
371 font-size: 13px;
374 .monaco-editor .find-widget > .find-part,
375 .monaco-editor .find-widget > .replace-part {
377 font-size: 12px;
381 .monaco-editor .find-widget > .find-part .monaco-inputbox,
382 .monaco-editor .find-widget > .replace-part .monaco-inputbox {
383 min-height: 25px;
387 .monaco-editor .find-widget > .replace-part .monaco-inputbox > .wrapper > .mirror {
388 padding-right: 22px;
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;
399 .monaco-editor .find-widget > .find-part .find-actions {
402 align-items: center;
405 .monaco-editor .find-widget > .replace-part .replace-actions {
408 align-items: center;
411 .monaco-editor .find-widget .monaco-findInput {
412 vertical-align: middle;
417 .monaco-editor .find-widget .monaco-findInput .monaco-scrollable-element {
422 .monaco-editor .find-widget .monaco-findInput .monaco-scrollable-element .scrollbar.vertical {
427 .monaco-editor .find-widget .matchesCount {
433 vertical-align: middle;
434 box-sizing: border-box;
435 text-align: center;
436 line-height: 23px;
439 .monaco-editor .find-widget .button {
444 margin-left: 3px;
445 background-position: center center;
446 background-repeat: no-repeat;
449 align-items: center;
450 justify-content: center;
453 .monaco-editor .find-widget .button.left {
454 margin-left: 0;
455 margin-right: 3px;
458 .monaco-editor .find-widget .button.wide {
461 top: -1px;
464 .monaco-editor .find-widget .button.toggle {
470 box-sizing: border-box;
473 .monaco-editor .find-widget .button.toggle.disabled {
477 .monaco-editor .find-widget .disabled {
482 .monaco-editor .find-widget > .replace-part {
486 .monaco-editor .find-widget > .replace-part > .monaco-findInput {
489 vertical-align: middle;
491 flex-grow: 0;
492 flex-shrink: 0;
495 .monaco-editor .find-widget > .replace-part > .monaco-findInput > .controls {
502 .monaco-editor .find-widget.reduced-find-widget .matchesCount {
507 .monaco-editor .find-widget.narrow-find-widget {
508 max-width: 257px !important;
512 .monaco-editor .find-widget.collapsed-find-widget {
513 max-width: 170px !important;
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 {
524 .monaco-editor .findMatch {
525 animation-duration: 0;
526 animation-name: inherit !important;
529 .monaco-editor .find-widget .monaco-sash {
533 .monaco-editor.hc-black .find-widget .button:before {
539 /*---------------------------------------------------------------------------------------------
542 *--------------------------------------------------------------------------------------------*/
544 .monaco-sash {
546 z-index: 35;
547 touch-action: none;
550 .monaco-sash.disabled {
551 pointer-events: none;
554 .monaco-sash.mac.vertical {
555 cursor: col-resize;
558 .monaco-sash.vertical.minimum {
559 cursor: e-resize;
562 .monaco-sash.vertical.maximum {
563 cursor: w-resize;
566 .monaco-sash.mac.horizontal {
567 cursor: row-resize;
570 .monaco-sash.horizontal.minimum {
571 cursor: s-resize;
574 .monaco-sash.horizontal.maximum {
575 cursor: n-resize;
578 .monaco-sash.disabled {
580 pointer-events: none !important;
585 .monaco-sash.debug {
589 .monaco-sash.debug.disabled {
593 .monaco-sash.debug:not(.disabled).orthogonal-start::before,
594 .monaco-sash.debug:not(.disabled).orthogonal-end::after {
598 /*---------------------------------------------------------------------------------------------
601 *--------------------------------------------------------------------------------------------*/
602 /* ---------- Find input ---------- */
604 .monaco-findInput {
608 .monaco-findInput .monaco-inputbox {
609 font-size: 13px;
613 .monaco-findInput > .controls {
619 .vs .monaco-findInput.disabled {
620 background-color: #E1E1E1;
624 .vs-dark .monaco-findInput.disabled {
625 background-color: #333;
629 .monaco-findInput.highlight-0 .controls {
630 animation: monaco-findInput-highlight-0 100ms linear 0s;
632 .monaco-findInput.highlight-1 .controls {
633 animation: monaco-findInput-highlight-1 100ms linear 0s;
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;
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;
644 @keyframes monaco-findInput-highlight-0 {
648 @keyframes monaco-findInput-highlight-1 {
654 @keyframes monaco-findInput-highlight-dark-0 {
658 @keyframes monaco-findInput-highlight-dark-1 {
663 /*---------------------------------------------------------------------------------------------
666 *--------------------------------------------------------------------------------------------*/
668 .monaco-inputbox {
672 box-sizing: border-box;
675 font-size: inherit;
678 .monaco-inputbox.idle {
682 .monaco-inputbox > .wrapper > .input,
683 .monaco-inputbox > .wrapper > .mirror {
689 .monaco-inputbox > .wrapper {
695 .monaco-inputbox > .wrapper > .input {
696 display: inline-block;
697 box-sizing: border-box;
700 line-height: inherit;
702 font-family: inherit;
703 font-size: inherit;
708 .monaco-inputbox > .wrapper > input {
709 text-overflow: ellipsis;
712 .monaco-inputbox > .wrapper > textarea.input {
714 -ms-overflow-style: none; /* IE 10+: hide scrollbars */
715 scrollbar-width: none; /* Firefox: hide scrollbars */
719 .monaco-inputbox > .wrapper > textarea.input::-webkit-scrollbar {
723 .monaco-inputbox > .wrapper > textarea.input.empty {
724 white-space: nowrap;
727 .monaco-inputbox > .wrapper > .mirror {
729 display: inline-block;
733 box-sizing: border-box;
734 white-space: pre-wrap;
736 word-wrap: break-word;
741 .monaco-inputbox-container {
742 text-align: right;
745 .monaco-inputbox-container .monaco-inputbox-message {
746 display: inline-block;
748 text-align: left;
750 box-sizing: border-box;
752 font-size: 12px;
753 line-height: 17px;
754 min-height: 34px;
755 margin-top: -1px;
756 word-wrap: break-word;
760 .monaco-inputbox .monaco-action-bar {
766 .monaco-inputbox .monaco-action-bar .action-item {
767 margin-left: 2px;
770 .monaco-inputbox .monaco-action-bar .action-item .codicon {
771 background-repeat: no-repeat;
776 /*---------------------------------------------------------------------------------------------
779 *--------------------------------------------------------------------------------------------*/
782 .monaco-scrollable-element > .scrollbar > .scra {
784 font-size: 11px !important;
787 .monaco-scrollable-element > .visible {
790 /* Background rule added for IE9 - to allow clicks on dom node */
795 .monaco-scrollable-element > .invisible {
797 pointer-events: none;
799 .monaco-scrollable-element > .invisible.fade {
804 .monaco-scrollable-element > .shadow {
808 .monaco-scrollable-element > .shadow.top {
814 box-shadow: #DDD 0 6px 6px -6px inset;
816 .monaco-scrollable-element > .shadow.left {
822 box-shadow: #DDD 6px 0 6px -6px inset;
824 .monaco-scrollable-element > .shadow.top-left-corner {
831 .monaco-scrollable-element > .shadow.top.left {
832 box-shadow: #DDD 6px 6px 6px -6px inset;
835 /* ---------- Default Style ---------- */
837 .vs .monaco-scrollable-element > .scrollbar > .slider {
840 .vs-dark .monaco-scrollable-element > .scrollbar > .slider {
843 .hc-black .monaco-scrollable-element > .scrollbar > .slider {
847 .monaco-scrollable-element > .scrollbar > .slider:hover {
850 .hc-black .monaco-scrollable-element > .scrollbar > .slider:hover {
854 .monaco-scrollable-element > .scrollbar > .slider.active {
857 .vs-dark .monaco-scrollable-element > .scrollbar > .slider.active {
860 .hc-black .monaco-scrollable-element > .scrollbar > .slider.active {
864 .vs-dark .monaco-scrollable-element .shadow.top {
865 box-shadow: none;
868 .vs-dark .monaco-scrollable-element .shadow.left {
869 box-shadow: #000 6px 0 6px -6px inset;
872 .vs-dark .monaco-scrollable-element .shadow.top.left {
873 box-shadow: #000 6px 6px 6px -6px inset;
876 .hc-black .monaco-scrollable-element .shadow.top {
877 box-shadow: none;
880 .hc-black .monaco-scrollable-element .shadow.left {
881 box-shadow: none;
884 .hc-black .monaco-scrollable-element .shadow.top.left {
885 box-shadow: none;
888 /*---------------------------------------------------------------------------------------------
891 *--------------------------------------------------------------------------------------------*/
893 .monaco-editor .margin-view-overlays .codicon-folding-expanded,
894 .monaco-editor .margin-view-overlays .codicon-folding-collapsed {
899 align-items: center;
900 justify-content: center;
901 font-size: 140%;
902 margin-left: 2px;
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 {
911 .monaco-editor .inline-folded:after {
916 line-height: 1em;
920 /*---------------------------------------------------------------------------------------------
923 *--------------------------------------------------------------------------------------------*/
927 .monaco-editor .peekview-widget .head .peekview-title .severity-icon {
928 display: inline-block;
929 vertical-align: text-top;
930 margin-right: 4px;
933 .monaco-editor .marker-widget {
934 text-overflow: ellipsis;
935 white-space: nowrap;
938 .monaco-editor .marker-widget > .stale {
940 font-style: italic;
943 .monaco-editor .marker-widget .title {
944 display: inline-block;
945 padding-right: 5px;
948 .monaco-editor .marker-widget .descriptioncontainer {
950 white-space: pre;
951 user-select: text;
952 -webkit-user-select: text;
953 -ms-user-select: text;
957 .monaco-editor .marker-widget .descriptioncontainer .message {
959 flex-direction: column;
962 .monaco-editor .marker-widget .descriptioncontainer .message .details {
963 padding-left: 6px;
966 .monaco-editor .marker-widget .descriptioncontainer .message .source,
967 .monaco-editor .marker-widget .descriptioncontainer .message span.code {
971 .monaco-editor .marker-widget .descriptioncontainer .message a.code-link {
975 .monaco-editor .marker-widget .descriptioncontainer .message a.code-link:before {
978 .monaco-editor .marker-widget .descriptioncontainer .message a.code-link:after {
981 .monaco-editor .marker-widget .descriptioncontainer .message a.code-link > span {
982 text-decoration: underline;
984 border-bottom: 1px solid transparent;
985 text-underline-position: under;
988 .monaco-editor .marker-widget .descriptioncontainer .filename {
992 /*---------------------------------------------------------------------------------------------
995 *--------------------------------------------------------------------------------------------*/
997 .monaco-editor .peekview-widget .head {
998 box-sizing: border-box;
1002 .monaco-editor .peekview-widget .head .peekview-title {
1004 align-items: center;
1005 font-size: 13px;
1006 margin-left: 20px;
1008 min-width: 0;
1011 .monaco-editor .peekview-widget .head .peekview-title .dirname:not(:empty) {
1012 font-size: 0.9em;
1013 margin-left: 0.5em;
1016 .monaco-editor .peekview-widget .head .peekview-title .meta {
1017 white-space: nowrap;
1020 .monaco-editor .peekview-widget .head .peekview-title .dirname {
1021 white-space: nowrap;
1024 .monaco-editor .peekview-widget .head .peekview-title .filename {
1026 text-overflow: ellipsis;
1029 .monaco-editor .peekview-widget .head .peekview-title .meta:not(:empty)::before {
1030 content: '-';
1034 .monaco-editor .peekview-widget .head .peekview-actions {
1036 text-align: right;
1037 padding-right: 2px;
1040 .monaco-editor .peekview-widget .head .peekview-actions > .monaco-action-bar {
1041 display: inline-block;
1044 .monaco-editor .peekview-widget .head .peekview-actions > .monaco-action-bar,
1045 .monaco-editor .peekview-widget .head .peekview-actions > .monaco-action-bar > .actions-container {
1049 .monaco-editor .peekview-widget .head .peekview-actions > .monaco-action-bar .action-item {
1050 margin-left: 4px;
1053 .monaco-editor .peekview-widget .head .peekview-actions > .monaco-action-bar .action-label {
1057 line-height: inherit;
1058 background-repeat: no-repeat;
1059 background-position: center center;
1062 .monaco-editor .peekview-widget .head .peekview-actions > .monaco-action-bar .action-label.codicon {
1066 .monaco-editor .peekview-widget > .body {
1067 border-top: 1px solid;
1071 .monaco-editor .peekview-widget .head .peekview-title .codicon {
1072 margin-right: 4px;
1075 /*---------------------------------------------------------------------------------------------
1078 *--------------------------------------------------------------------------------------------*/
1080 /* -------------------- IE10 remove auto clear button -------------------- */
1082 ::-ms-clear {
1088 .monaco-editor .editor-widget input {
1092 /* -------------------- Editor -------------------- */
1094 .monaco-editor {
1097 -webkit-text-size-adjust: 100%;
1100 /* -------------------- Misc -------------------- */
1102 .monaco-editor .overflow-guard {
1107 .monaco-editor .view-overlays {
1113 .monaco-editor .auto-closed-character {
1118 /*---------------------------------------------------------------------------------------------
1121 *--------------------------------------------------------------------------------------------*/
1123 .monaco-editor .inputarea {
1124 min-width: 0;
1125 min-height: 0;
1134 background-color: transparent;
1136 /*.monaco-editor .inputarea {
1146 line-height: 15px !important;
1147 font-size: 14px !important;
1149 .monaco-editor .inputarea.ime-input {
1150 z-index: 10;
1153 /*---------------------------------------------------------------------------------------------
1156 *--------------------------------------------------------------------------------------------*/
1158 .monaco-editor .margin-view-overlays .line-numbers {
1159 font-variant-numeric: tabular-nums;
1161 text-align: right;
1162 display: inline-block;
1163 vertical-align: middle;
1164 box-sizing: border-box;
1169 .monaco-editor .relative-current-line-number {
1170 text-align: left;
1171 display: inline-block;
1175 .monaco-editor .margin-view-overlays .line-numbers.lh-odd {
1176 margin-top: 1px;
1179 /*---------------------------------------------------------------------------------------------
1182 *--------------------------------------------------------------------------------------------*/
1184 .monaco-mouse-cursor-text {
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+jfqAA…
1194 /*---------------------------------------------------------------------------------------------
1197 *--------------------------------------------------------------------------------------------*/
1199 .monaco-editor .view-overlays .current-line {
1204 box-sizing: border-box;
1207 .monaco-editor .margin-view-overlays .current-line {
1212 box-sizing: border-box;
1215 .monaco-editor .margin-view-overlays .current-line.current-line-margin.current-line-margin-both {
1216 border-right: 0;
1219 /*---------------------------------------------------------------------------------------------
1222 *--------------------------------------------------------------------------------------------*/
1228 .monaco-editor .lines-content .cdr {
1231 /*---------------------------------------------------------------------------------------------
1234 *--------------------------------------------------------------------------------------------*/
1236 .monaco-editor .glyph-margin {
1245 .monaco-editor .margin-view-overlays .cgmr {
1248 align-items: center;
1249 justify-content: center;
1252 /*---------------------------------------------------------------------------------------------
1255 *--------------------------------------------------------------------------------------------*/
1261 .monaco-editor .lines-content .cigr {
1264 .monaco-editor .lines-content .cigra {
1268 /*---------------------------------------------------------------------------------------------
1271 *--------------------------------------------------------------------------------------------*/
1274 /*.monaco-editor .view-lines > .view-line {
1275 background-color: none;
1276 animation-name: flash-background;
1277 animation-duration: 800ms;
1279 @keyframes flash-background {
1280 0% { background-color: lightgreen; }
1281 100% { background-color: none }
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;
1292 .monaco-editor .view-lines {
1293 white-space: nowrap;
1296 .monaco-editor .view-line {
1301 .monaco-editor .mtkz {
1302 display: inline-block;
1306 /*.monaco-editor .view-line > span > span {
1308 min-height: inherit;
1309 margin-left: inherit;
1312 /*---------------------------------------------------------------------------------------------
1315 *--------------------------------------------------------------------------------------------*/
1316 .monaco-editor .lines-decorations {
1326 .monaco-editor .margin-view-overlays .cldr {
1330 /*---------------------------------------------------------------------------------------------
1333 *--------------------------------------------------------------------------------------------*/
1339 .monaco-editor .margin-view-overlays .cmdr {
1345 /*---------------------------------------------------------------------------------------------
1348 *--------------------------------------------------------------------------------------------*/
1351 .monaco-editor .minimap.slider-mouseover .minimap-slider {
1355 .monaco-editor .minimap.slider-mouseover:hover .minimap-slider {
1358 .monaco-editor .minimap.slider-mouseover .minimap-slider.active {
1363 .monaco-editor .minimap-shadow-hidden {
1367 .monaco-editor .minimap-shadow-visible {
1369 left: -6px;
1373 /*---------------------------------------------------------------------------------------------
1376 *--------------------------------------------------------------------------------------------*/
1377 .monaco-editor .overlayWidgets {
1382 /*---------------------------------------------------------------------------------------------
1385 *--------------------------------------------------------------------------------------------*/
1387 .monaco-editor .view-ruler {
1391 /*---------------------------------------------------------------------------------------------
1394 *--------------------------------------------------------------------------------------------*/
1396 .monaco-editor .scroll-decoration {
1402 /*---------------------------------------------------------------------------------------------
1405 *--------------------------------------------------------------------------------------------*/
1411 .monaco-editor .lines-content .cslr {
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; }
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; }
1425 /*---------------------------------------------------------------------------------------------
1428 *--------------------------------------------------------------------------------------------*/
1429 .monaco-editor .cursors-layer {
1434 .monaco-editor .cursors-layer > .cursor {
1439 /* -- smooth-caret-animation -- */
1440 .monaco-editor .cursors-layer.cursor-smooth-caret-animation > .cursor {
1444 /* -- block-outline-style -- */
1445 .monaco-editor .cursors-layer.cursor-block-outline-style > .cursor {
1446 box-sizing: border-box;
1448 border-style: solid;
1449 border-width: 1px;
1452 /* -- underline-style -- */
1453 .monaco-editor .cursors-layer.cursor-underline-style > .cursor {
1454 border-bottom-width: 2px;
1455 border-bottom-style: solid;
1457 box-sizing: border-box;
1460 /* -- underline-thin-style -- */
1461 .monaco-editor .cursors-layer.cursor-underline-thin-style > .cursor {
1462 border-bottom-width: 1px;
1463 border-bottom-style: solid;
1465 box-sizing: border-box;
1468 @keyframes monaco-cursor-smooth {
1479 @keyframes monaco-cursor-phase {
1490 @keyframes monaco-cursor-expand {
1501 .cursor-smooth {
1502 animation: monaco-cursor-smooth 0.5s ease-in-out 0s 20 alternate;
1505 .cursor-phase {
1506 animation: monaco-cursor-phase 0.5s ease-in-out 0s 20 alternate;
1509 .cursor-expand > .cursor {
1510 animation: monaco-cursor-expand 0.5s ease-in-out 0s 20 alternate;
1513 /*---------------------------------------------------------------------------------------------
1516 *--------------------------------------------------------------------------------------------*/
1517 .monaco-editor .zone-widget {
1519 z-index: 10;
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;
1531 /*---------------------------------------------------------------------------------------------
1534 *--------------------------------------------------------------------------------------------*/
1536 .monaco-dropdown {
1541 .monaco-dropdown > .dropdown-label {
1546 /*---------------------------------------------------------------------------------------------
1549 *--------------------------------------------------------------------------------------------*/
1551 /* -- zone widget */
1552 .monaco-editor .zone-widget .zone-widget-container.reference-zone-widget {
1553 border-top-width: 1px;
1554 border-bottom-width: 1px;
1557 .monaco-editor .reference-zone-widget .inline {
1558 display: inline-block;
1559 vertical-align: top;
1562 .monaco-editor .reference-zone-widget .messages {
1565 text-align: center;
1569 .monaco-editor .reference-zone-widget .ref-tree {
1570 line-height: 23px;
1573 .monaco-editor .reference-zone-widget .ref-tree .reference {
1574 text-overflow: ellipsis;
1578 .monaco-editor .reference-zone-widget .ref-tree .reference-file {
1579 display: inline-flex;
1584 .monaco-editor .reference-zone-widget .ref-tree .monaco-list:focus .selected .reference-file {
1588 .monaco-editor .reference-zone-widget .ref-tree .reference-file .count {
1589 margin-right: 12px;
1590 margin-left: auto;
1595 .monaco-editor.hc-black .reference-zone-widget .ref-tree .reference-file {
1596 font-weight: bold;
1599 /*---------------------------------------------------------------------------------------------
1602 *--------------------------------------------------------------------------------------------*/
1604 /* ---------- Icon label ---------- */
1606 .monaco-icon-label {
1609 text-overflow: ellipsis;
1612 .monaco-icon-label::before {
1615 background-size: 16px;
1616 background-position: left center;
1617 background-repeat: no-repeat;
1618 padding-right: 6px;
1621 line-height: inherit !important;
1622 display: inline-block;
1625 -webkit-font-smoothing: antialiased;
1626 -moz-osx-font-smoothing: grayscale;
1627 vertical-align: top;
1629 flex-shrink: 0; /* fix for https://github.com/Microsoft/vscode/issues/13787 */
1632 .monaco-icon-label > .monaco-icon-label-container {
1633 min-width: 0;
1635 text-overflow: ellipsis;
1639 .monaco-icon-label > .monaco-icon-label-container > .monaco-icon-name-container > .label-name {
1641 white-space: pre; /* enable to show labels that include multiple whitespaces */
1644 .monaco-icon-label > .monaco-icon-label-container > .monaco-icon-name-container > .label-name > .la…
1649 .monaco-icon-label > .monaco-icon-label-container > .monaco-icon-description-container > .label-des…
1651 margin-left: 0.5em;
1652 font-size: 0.9em;
1653 white-space: pre; /* enable to show labels that include multiple whitespaces */
1656 .vs .monaco-icon-label > .monaco-icon-label-container > .monaco-icon-description-container > .label…
1660 .monaco-icon-label.italic > .monaco-icon-label-container > .monaco-icon-name-container > .label-nam…
1661 .monaco-icon-label.italic > .monaco-icon-description-container > .label-description {
1662 font-style: italic;
1665 .monaco-icon-label.strikethrough > .monaco-icon-label-container > .monaco-icon-name-container > .la…
1666 .monaco-icon-label.strikethrough > .monaco-icon-description-container > .label-description {
1667 text-decoration: line-through;
1670 .monaco-icon-label::after {
1672 font-size: 90%;
1673 font-weight: 600;
1675 text-align: center;
1679 .monaco-list:focus .selected .monaco-icon-label, /* list */
1680 .monaco-list:focus .selected .monaco-icon-label::after
1685 .monaco-list-row.focused.selected .label-description,
1686 .monaco-list-row.selected .label-description {
1690 /*---------------------------------------------------------------------------------------------
1693 *--------------------------------------------------------------------------------------------*/
1695 .monaco-count-badge {
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;
1708 .monaco-count-badge.long {
1710 border-radius: 2px;
1711 min-height: auto;
1712 line-height: normal;
1715 /*---------------------------------------------------------------------------------------------
1718 *--------------------------------------------------------------------------------------------*/
1720 .monaco-list {
1724 white-space: nowrap;
1727 .monaco-list.mouse-support {
1728 user-select: none;
1729 -webkit-user-select: none;
1730 -ms-user-select: none;
1733 .monaco-list > .monaco-scrollable-element {
1737 .monaco-list-rows {
1743 .monaco-list.horizontal-scrolling .monaco-list-rows {
1745 min-width: 100%;
1748 .monaco-list-row {
1750 box-sizing: border-box;
1755 .monaco-list.mouse-support .monaco-list-row {
1757 touch-action: none;
1761 .monaco-list-row.scrolling {
1766 .monaco-list.element-focused, .monaco-list.selection-single, .monaco-list.selection-multiple {
1770 .monaco-list:focus .monaco-list-row.selected .codicon {
1775 .monaco-drag-image {
1776 display: inline-block;
1778 border-radius: 10px;
1779 font-size: 12px;
1785 .monaco-list-type-filter {
1787 align-items: center;
1789 border-radius: 2px;
1791 max-width: calc(100% - 10px);
1792 text-overflow: ellipsis;
1794 text-align: right;
1795 box-sizing: border-box;
1796 cursor: all-scroll;
1797 font-size: 13px;
1798 line-height: 18px;
1800 z-index: 1;
1804 .monaco-list-type-filter.dragging {
1808 .monaco-list-type-filter.ne {
1812 .monaco-list-type-filter.nw {
1816 .monaco-list-type-filter > .controls {
1818 align-items: center;
1819 box-sizing: border-box;
1824 .monaco-list-type-filter.dragging > .controls,
1825 .monaco-list-type-filter:hover > .controls {
1829 .monaco-list-type-filter > .controls > * {
1831 box-sizing: border-box;
1832 -webkit-appearance: none;
1833 -moz-appearance: none;
1837 flex-shrink: 0;
1841 align-items: center;
1842 justify-content: center;
1846 .monaco-list-type-filter > .controls > .filter {
1847 margin-left: 4px;
1850 .monaco-list-type-filter-message {
1852 box-sizing: border-box;
1858 text-align: center;
1859 white-space: normal;
1861 pointer-events: none;
1864 .monaco-list-type-filter-message:empty {
1870 .monaco-list-type-filter {
1874 .monaco-list-type-filter.dragging {
1878 /*---------------------------------------------------------------------------------------------
1881 *--------------------------------------------------------------------------------------------*/
1883 .monaco-tl-row {
1886 align-items: center;
1890 .monaco-tl-indent {
1895 pointer-events: none;
1898 .hide-arrows .monaco-tl-indent {
1902 .monaco-tl-indent > .indent-guide {
1903 display: inline-block;
1904 box-sizing: border-box;
1906 border-left: 1px solid transparent;
1909 .monaco-tl-indent > .indent-guide {
1910 transition: border-color 0.1s linear;
1913 .monaco-tl-twistie,
1914 .monaco-tl-contents {
1918 .monaco-tl-twistie {
1919 font-size: 10px;
1920 text-align: right;
1921 padding-right: 6px;
1922 flex-shrink: 0;
1925 align-items: center;
1926 justify-content: center;
1931 .monaco-tl-contents {
1936 .monaco-tl-twistie.collapsed::before {
1937 transform: rotate(-90deg);
1940 .monaco-tl-twistie.codicon-tree-item-loading::before {
1942 animation: codicon-spin 1.25s steps(30) infinite;
1945 /*---------------------------------------------------------------------------------------------
1948 *--------------------------------------------------------------------------------------------*/
1950 .monaco-split-view2 {
1956 .monaco-split-view2 > .sash-container {
1960 pointer-events: none;
1963 .monaco-split-view2 > .sash-container > .monaco-sash {
1964 pointer-events: initial;
1967 .monaco-split-view2 > .split-view-container {
1970 white-space: nowrap;
1974 .monaco-split-view2 > .split-view-container > .split-view-view {
1975 white-space: initial;
1979 .monaco-split-view2 > .split-view-container > .split-view-view:not(.visible) {
1983 .monaco-split-view2.vertical > .split-view-container > .split-view-view {
1987 .monaco-split-view2.horizontal > .split-view-container > .split-view-view {
1991 .monaco-split-view2.separator-border > .split-view-container > .split-view-view:not(:first-child)::…
1996 z-index: 5;
1997 pointer-events: none;
1998 background-color: var(--separator-border);
2001 .monaco-split-view2.separator-border.horizontal > .split-view-container > .split-view-view:not(:fir…
2006 .monaco-split-view2.separator-border.vertical > .split-view-container > .split-view-view:not(:first…
2011 /*---------------------------------------------------------------------------------------------
2014 *--------------------------------------------------------------------------------------------*/
2016 .monaco-editor .goto-definition-link {
2017 text-decoration: underline;
2020 /*---------------------------------------------------------------------------------------------
2023 *--------------------------------------------------------------------------------------------*/
2025 .colorpicker-widget {
2027 user-select: none;
2028 -webkit-user-select: none;
2029 -ms-user-select: none;
2032 .monaco-editor .colorpicker-hover:focus {
2039 .colorpicker-header {
2044 background-size: 9px 9px;
2045 image-rendering: pixelated;
2048 .colorpicker-header .picked-color {
2050 text-align: center;
2051 line-height: 24px;
2055 text-align: center;
2058 .colorpicker-header .picked-color.light {
2062 .colorpicker-header .original-color {
2064 z-index: inherit;
2071 .colorpicker-body {
2077 .colorpicker-body .saturation-wrap {
2081 min-width: 220px;
2085 .colorpicker-body .saturation-box {
2090 .colorpicker-body .saturation-selection {
2093 margin: -5px 0 0 -5px;
2095 border-radius: 100%;
2096 box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.8);
2100 .colorpicker-body .strip {
2105 .colorpicker-body .hue-strip {
2107 margin-left: 8px;
2109 …background: linear-gradient(to bottom, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff …
2112 .colorpicker-body .opacity-strip {
2114 margin-left: 8px;
2117 background-size: 9px 9px;
2118 image-rendering: pixelated;
2121 .colorpicker-body .strip.grabbing {
2125 .colorpicker-body .slider {
2128 left: -2px;
2131 box-sizing: border-box;
2133 box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.85);
2136 .colorpicker-body .strip .overlay {
2138 pointer-events: none;
2141 /*---------------------------------------------------------------------------------------------
2144 *--------------------------------------------------------------------------------------------*/
2146 .monaco-hover {
2150 z-index: 50;
2151 user-select: text;
2152 -webkit-user-select: text;
2153 -ms-user-select: text;
2154 box-sizing: initial;
2156 line-height: 1.5em;
2159 .monaco-hover.hidden {
2163 .monaco-hover .hover-contents {
2167 .monaco-hover .markdown-hover > .hover-contents:not(.code-hover-contents) {
2168 max-width: 500px;
2169 word-wrap: break-word;
2172 .monaco-hover .markdown-hover > .hover-contents:not(.code-hover-contents) hr {
2174 min-width: calc(100% + 100vw);
2177 .monaco-hover p,
2178 .monaco-hover .code,
2179 .monaco-hover ul {
2183 .monaco-hover code {
2184 font-family: var(--monaco-monospace-font);
2187 .monaco-hover hr {
2188 margin-top: 4px;
2189 margin-bottom: -4px;
2190 margin-left: -10px;
2191 margin-right: -10px;
2195 .monaco-hover p:first-child,
2196 .monaco-hover .code:first-child,
2197 .monaco-hover ul:first-child {
2198 margin-top: 0;
2201 .monaco-hover p:last-child,
2202 .monaco-hover .code:last-child,
2203 .monaco-hover ul:last-child {
2204 margin-bottom: 0;
2208 .monaco-hover ul {
2209 padding-left: 20px;
2211 .monaco-hover ol {
2212 padding-left: 20px;
2215 .monaco-hover li > p {
2216 margin-bottom: 0;
2219 .monaco-hover li > ul {
2220 margin-top: 0;
2223 .monaco-hover code {
2224 border-radius: 3px;
2228 .monaco-hover .monaco-tokenized-source {
2229 white-space: pre-wrap;
2230 word-break: break-all;
2233 .monaco-hover .hover-row.status-bar {
2234 font-size: 12px;
2235 line-height: 22px;
2238 .monaco-hover .hover-row.status-bar .actions {
2243 .monaco-hover .hover-row.status-bar .actions .action-container {
2244 margin-right: 16px;
2248 .monaco-hover .hover-row.status-bar .actions .action-container .action .icon {
2249 padding-right: 4px;
2252 .monaco-hover .markdown-hover .hover-contents .codicon {
2254 font-size: inherit;
2255 vertical-align: middle;
2258 .monaco-hover .hover-contents a.code-link:before {
2261 .monaco-hover .hover-contents a.code-link:after {
2265 .monaco-hover .hover-contents a.code-link {
2268 .monaco-hover .hover-contents a.code-link > span {
2269 text-decoration: underline;
2271 border-bottom: 1px solid transparent;
2272 text-underline-position: under;
2275 /*---------------------------------------------------------------------------------------------
2278 *--------------------------------------------------------------------------------------------*/
2280 .monaco-editor .iPadShowKeyboard {
2282 min-width: 0;
2284 min-height: 0;
2290 …aWdodD0iMzYiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==") center center no-repeat;
2292 border-radius: 4px;
2295 .monaco-editor.vs-dark .iPadShowKeyboard {
2296 …aWdodD0iMzYiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==") center center no-repeat;
2299 /*---------------------------------------------------------------------------------------------
2302 *--------------------------------------------------------------------------------------------*/
2304 .monaco-editor .tokens-inspect-widget {
2305 z-index: 50;
2306 user-select: text;
2307 -webkit-user-select: text;
2308 -ms-user-select: text;
2312 .tokens-inspect-separator {
2317 .monaco-editor .tokens-inspect-widget .tm-token {
2318 font-family: var(--monaco-monospace-font);
2321 .monaco-editor .tokens-inspect-widget .tm-token-length {
2322 font-weight: normal;
2323 font-size: 60%;
2327 .monaco-editor .tokens-inspect-widget .tm-metadata-table {
2331 .monaco-editor .tokens-inspect-widget .tm-metadata-value {
2332 font-family: var(--monaco-monospace-font);
2333 text-align: right;
2336 .monaco-editor .tokens-inspect-widget .tm-token-type {
2337 font-family: var(--monaco-monospace-font);
2340 /*---------------------------------------------------------------------------------------------
2343 *--------------------------------------------------------------------------------------------*/
2344 .monaco-editor .detected-link,
2345 .monaco-editor .detected-link-active {
2346 text-decoration: underline;
2347 text-underline-position: under;
2350 .monaco-editor .detected-link-active {
2354 /*---------------------------------------------------------------------------------------------
2357 *--------------------------------------------------------------------------------------------*/
2359 .monaco-editor .on-type-rename-decoration {
2360 border-left: 1px solid transparent;
2362 background-clip: padding-box;
2365 /*---------------------------------------------------------------------------------------------
2368 *--------------------------------------------------------------------------------------------*/
2370 .monaco-editor .parameter-hints-widget {
2371 z-index: 10;
2373 flex-direction: column;
2374 line-height: 1.5em;
2377 .monaco-editor .parameter-hints-widget > .wrapper {
2378 max-width: 440px;
2380 flex-direction: row;
2383 .monaco-editor .parameter-hints-widget.multiple {
2384 min-height: 3.3em;
2388 .monaco-editor .parameter-hints-widget.visible {
2389 transition: left .05s ease-in-out;
2392 .monaco-editor .parameter-hints-widget p,
2393 .monaco-editor .parameter-hints-widget ul {
2397 .monaco-editor .parameter-hints-widget .monaco-scrollable-element,
2398 .monaco-editor .parameter-hints-widget .body {
2401 flex-direction: column;
2402 min-height: 100%;
2405 .monaco-editor .parameter-hints-widget .signature {
2409 .monaco-editor .parameter-hints-widget .docs {
2411 white-space: pre-wrap;
2414 .monaco-editor .parameter-hints-widget .docs.empty {
2418 .monaco-editor .parameter-hints-widget .docs .markdown-docs {
2419 white-space: initial;
2422 .monaco-editor .parameter-hints-widget .docs .markdown-docs code {
2423 font-family: var(--monaco-monospace-font);
2426 .monaco-editor .parameter-hints-widget .docs .code {
2427 white-space: pre-wrap;
2430 .monaco-editor .parameter-hints-widget .docs code {
2431 border-radius: 3px;
2435 .monaco-editor .parameter-hints-widget .controls {
2437 flex-direction: column;
2438 align-items: center;
2439 min-width: 22px;
2440 justify-content: flex-end;
2443 .monaco-editor .parameter-hints-widget.multiple .controls {
2448 .monaco-editor .parameter-hints-widget.multiple .button {
2451 background-repeat: no-repeat;
2455 .monaco-editor .parameter-hints-widget .button.previous {
2459 .monaco-editor .parameter-hints-widget .overloads {
2460 text-align: center;
2462 line-height: 12px;
2464 font-family: var(--monaco-monospace-font);
2467 .monaco-editor .parameter-hints-widget .signature .parameter.active {
2468 font-weight: bold;
2469 text-decoration: underline;
2472 .monaco-editor .parameter-hints-widget .documentation-parameter > .parameter {
2473 font-weight: bold;
2474 margin-right: 0.5em;
2477 /*---------------------------------------------------------------------------------------------
2480 *--------------------------------------------------------------------------------------------*/
2482 .monaco-editor .rename-box {
2483 z-index: 100;
2487 .monaco-editor .rename-box.preview {
2491 .monaco-editor .rename-box .rename-input {
2493 width: calc(100% - 6px);
2496 .monaco-editor .rename-box .rename-label {
2501 .monaco-editor .rename-box.preview .rename-label {
2505 /*---------------------------------------------------------------------------------------------
2508 *--------------------------------------------------------------------------------------------*/
2510 .monaco-editor .snippet-placeholder {
2511 min-width: 2px;
2512 outline-style: solid;
2513 outline-width: 1px;
2516 .monaco-editor .finish-snippet-placeholder {
2517 outline-style: solid;
2518 outline-width: 1px;
2521 /*---------------------------------------------------------------------------------------------
2524 *--------------------------------------------------------------------------------------------*/
2527 .monaco-editor .suggest-widget {
2528 z-index: 40;
2533 .monaco-editor .suggest-widget {
2537 .monaco-editor .suggest-widget > .message,
2538 .monaco-editor .suggest-widget > .tree,
2539 .monaco-editor .suggest-widget > .details {
2541 border-style: solid;
2542 border-width: 1px;
2543 box-sizing: border-box;
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;
2553 .monaco-editor .suggest-widget.docs-side {
2557 .monaco-editor .suggest-widget.docs-side > .tree,
2558 .monaco-editor .suggest-widget.docs-side > .details {
2563 .monaco-editor .suggest-widget.docs-side.list-right > .tree,
2564 .monaco-editor .suggest-widget.docs-side.list-right > .details {
2569 .monaco-editor .suggest-widget > .details ul {
2570 padding-left: 20px;
2572 .monaco-editor .suggest-widget > .details ol {
2573 padding-left: 20px;
2576 .monaco-editor .suggest-widget > .details p code {
2577 font-family: var(--monaco-monospace-font);
2581 .monaco-editor .suggest-widget > .message {
2582 padding-left: 22px;
2586 .monaco-editor .suggest-widget > .tree {
2590 .monaco-editor .suggest-widget .monaco-list {
2591 user-select: none;
2592 -webkit-user-select: none;
2593 -ms-user-select: none;
2598 .monaco-editor .suggest-widget .monaco-list .monaco-list-row {
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;
2607 touch-action: none;
2610 .monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents {
2614 padding-left: 2px;
2617 .monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main {
2620 text-overflow: ellipsis;
2621 white-space: pre;
2622 justify-content: space-between;
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 {
2630 .monaco-editor .suggest-widget:not(.frozen) .monaco-highlighted-label .highlight {
2631 font-weight: bold;
2636 .monaco-editor .suggest-widget > .suggest-status-bar {
2642 box-sizing: border-box;
2645 flex-flow: row nowrap;
2646 justify-content: space-between;
2650 font-size: 80%;
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;
2662 .monaco-editor .suggest-widget.list-right.docs-side > .suggest-status-bar {
2666 .monaco-editor .suggest-widget.docs-side > .suggest-status-bar {
2672 .monaco-editor .suggest-widget .details > .monaco-scrollable-element > .body > .header > .codicon-c…
2673 .monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .right > .readMo…
2676 font-size: 14px;
2680 .monaco-editor .suggest-widget .details > .monaco-scrollable-element > .body > .header > .codicon-c…
2686 .monaco-editor .suggest-widget .details > .monaco-scrollable-element > .body > .header > .codicon-c…
2687 .monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .right > .readMo…
2692 .monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .left > .signatu…
2693 .monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .left > .qualifi…
2694 .monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .right > .detail…
2698 .monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .left > .signatu…
2700 text-overflow: ellipsis;
2703 .monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .left > .qualifi…
2704 margin-left: 4px;
2706 font-size: 90%;
2707 text-overflow: ellipsis;
2709 line-height: 17px;
2710 align-self: center;
2715 .monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .right > .detail…
2716 margin-left: 0.8em;
2718 text-overflow: ellipsis;
2719 white-space: nowrap;
2722 .monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .right > .detail…
2728 .monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .right > .detail…
2729 .monaco-editor .suggest-widget.docs-side .monaco-list .monaco-list-row.focused > .contents > .main …
2733 .monaco-editor .suggest-widget .monaco-list .monaco-list-row.focused > .contents > .main > .right >…
2739 .monaco-editor .suggest-widget .monaco-list .monaco-list-row:not(.string-label) > .contents > .main…
2740 .monaco-editor .suggest-widget.docs-side .monaco-list .monaco-list-row.focused:not(.string-label) >…
2745 .monaco-editor .suggest-widget:not(.docs-side) .monaco-list .monaco-list-row:hover > .contents > .m…
2746 width: calc(100% - 26px);
2749 .monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .left {
2750 flex-shrink: 1;
2751 flex-grow: 1;
2754 .monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .left > .monaco-…
2755 flex-shrink: 0;
2757 .monaco-editor .suggest-widget .monaco-list .monaco-list-row:not(.string-label) > .contents > .main…
2758 max-width: 100%;
2760 .monaco-editor .suggest-widget .monaco-list .monaco-list-row.string-label > .contents > .main > .le…
2761 flex-shrink: 1;
2763 .monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .right {
2765 margin-left: 16px;
2766 flex-shrink: 0;
2767 max-width: 45%;
2770 .monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .right > .readMo…
2771 display: inline-block;
2780 .monaco-editor .suggest-widget.docs-side .monaco-list .monaco-list-row > .contents > .main > .right…
2781 .monaco-editor .suggest-widget.docs-below .monaco-list .monaco-list-row > .contents > .main > .righ…
2786 .monaco-editor .suggest-widget .monaco-list .monaco-list-row.string-label > .contents > .main > .ri…
2790 .monaco-editor .suggest-widget .monaco-list .monaco-list-row.focused.string-label > .contents > .ma…
2791 display: inline-block;
2794 .monaco-editor .suggest-widget.docs-side .monaco-list .monaco-list-row > .contents > .main > .right…
2795 .monaco-editor .suggest-widget.docs-below .monaco-list .monaco-list-row > .contents > .main > .righ…
2799 .monaco-editor .suggest-widget .monaco-list .monaco-list-row:hover > .contents > .main > .right > .…
2805 .monaco-editor .suggest-widget .monaco-list .monaco-list-row .monaco-icon-label.deprecated {
2807 text-decoration: unset;
2809 .monaco-editor .suggest-widget .monaco-list .monaco-list-row .monaco-icon-label.deprecated > .monac…
2810 text-decoration: line-through;
2813 .monaco-editor .suggest-widget .monaco-list .monaco-list-row .monaco-icon-label::before {
2817 .monaco-editor .suggest-widget .monaco-list .monaco-list-row .icon {
2821 margin-left: 2px;
2822 background-repeat: no-repeat;
2823 background-size: 80%;
2824 background-position: center;
2827 .monaco-editor .suggest-widget .monaco-list .monaco-list-row .icon.hide {
2831 .monaco-editor .suggest-widget .monaco-list .monaco-list-row .suggest-icon {
2833 align-items: center;
2834 margin-right: 4px;
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 {
2842 .monaco-editor .suggest-widget .monaco-list .monaco-list-row .icon.customcolor .colorspan {
2847 display: inline-block;
2851 .monaco-editor .suggest-widget .details {
2853 flex-direction: column;
2857 .monaco-editor .suggest-widget .details.no-docs {
2861 .monaco-editor .suggest-widget.docs-below .details {
2862 border-top-width: 0;
2865 .monaco-editor .suggest-widget .details > .monaco-scrollable-element {
2869 .monaco-editor .suggest-widget .details > .monaco-scrollable-element > .body {
2871 box-sizing: border-box;
2876 .monaco-editor .suggest-widget .details > .monaco-scrollable-element > .body > .header > .type {
2879 text-overflow: ellipsis;
2881 word-break: break-all;
2886 .monaco-editor .suggest-widget .details > .monaco-scrollable-element > .body > .docs {
2889 white-space: pre-wrap;
2892 .monaco-editor .suggest-widget .details > .monaco-scrollable-element > .body > .docs.markdown-docs {
2894 white-space: initial;
2895 min-height: calc(1rem + 8px);
2898 .monaco-editor .suggest-widget .details > .monaco-scrollable-element > .body > .docs.markdown-docs …
2899 .monaco-editor .suggest-widget .details > .monaco-scrollable-element > .body > .docs.markdown-docs …
2903 .monaco-editor .suggest-widget .details > .monaco-scrollable-element > .body > .docs.markdown-docs …
2904 margin-top: 0;
2907 .monaco-editor .suggest-widget .details > .monaco-scrollable-element > .body > .docs.markdown-docs …
2908 margin-bottom: 0;
2911 .monaco-editor .suggest-widget .details > .monaco-scrollable-element > .body > .docs .code {
2912 white-space: pre-wrap;
2913 word-wrap: break-word;
2916 .monaco-editor .suggest-widget .details > .monaco-scrollable-element > .body > .docs.markdown-docs …
2917 vertical-align: sub;
2920 .monaco-editor .suggest-widget .details > .monaco-scrollable-element > .body > p:empty {
2924 .monaco-editor .suggest-widget .details code {
2925 border-radius: 3px;
2932 .monaco-editor .suggest-insert-unexpected {
2933 font-style: italic;
2937 /*---------------------------------------------------------------------------------------------
2940 *--------------------------------------------------------------------------------------------*/
2942 .monaco-editor .suggest-widget.with-status-bar .suggest-status-bar {
2945 .monaco-editor .suggest-widget.with-status-bar > .tree {
2946 margin-bottom: 18px;
2949 .monaco-editor .suggest-widget.with-status-bar .suggest-status-bar .action-label {
2950 min-height: 18px;
2955 .monaco-editor .suggest-widget.with-status-bar .suggest-status-bar .action-item:not(:last-of-type) …
2956 margin-right: 0;
2959 .monaco-editor .suggest-widget.with-status-bar .suggest-status-bar .action-item:not(:last-of-type) …
2961 margin-right: 0.3em;
2964 .monaco-editor .suggest-widget.with-status-bar .monaco-list .monaco-list-row > .contents > .main > …
2965 .monaco-editor .suggest-widget.with-status-bar .monaco-list .monaco-list-row.focused.string-label >…
2969 …o-editor .suggest-widget.with-status-bar:not(.docs-side) .monaco-list .monaco-list-row:hover > .co…
2973 /*---------------------------------------------------------------------------------------------
2976 *--------------------------------------------------------------------------------------------*/
2978 @font-face {
2979 font-family: "codicon";
2983 .codicon[class*='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;
2998 /*---------------------------------------------------------------------------------------------
3001 *--------------------------------------------------------------------------------------------*/
3003 .codicon-wrench-subaction {
3007 /*---------------------------------------------------------------------------------------------
3010 *--------------------------------------------------------------------------------------------*/
3012 @keyframes codicon-spin {
3018 .codicon-animation-spin {
3020 animation: codicon-spin 1.5s steps(30) infinite;
3023 /*---------------------------------------------------------------------------------------------
3026 *--------------------------------------------------------------------------------------------*/
3028 .monaco-list .monaco-list-row.focused.selected .outline-element .monaco-highlighted-label,
3029 .monaco-list .monaco-list-row.focused.selected .outline-element-decoration {
3034 .monaco-list .outline-element {
3037 flex-flow: row nowrap;
3038 align-items: center;
3041 .monaco-list .outline-element .monaco-highlighted-label {
3042 color: var(--outline-element-color);
3045 .monaco-list .outline-element .outline-element-decoration {
3047 font-size: 90%;
3048 font-weight: 600;
3050 margin-left: auto;
3051 text-align: center;
3052 color: var(--outline-element-color);
3055 .monaco-list .outline-element .outline-element-decoration.bubble {
3056 font-family: codicon;
3057 font-size: 14px;
3061 .monaco-list .outline-element .outline-element-icon {
3062 margin-right: 4px;
3065 /*---------------------------------------------------------------------------------------------
3068 *--------------------------------------------------------------------------------------------*/
3070 .monaco-icon-label.deprecated {
3071 text-decoration: line-through;
3075 /*---------------------------------------------------------------------------------------------
3078 *--------------------------------------------------------------------------------------------*/
3082 .monaco-editor {
3083 …font-family: -apple-system, BlinkMacSystemFont, "Segoe WPC", "Segoe UI", "HelveticaNeue-Light", sy…
3084 …--monaco-monospace-font: "SF Mono", Monaco, Menlo, Consolas, "Ubuntu Mono", "Liberation Mono", "De…
3087 .monaco-menu .monaco-action-bar.vertical .action-item .action-menu-item:focus .action-label {
3088 stroke-width: 1.2px;
3091 .monaco-editor.vs-dark .monaco-menu .monaco-action-bar.vertical .action-menu-item:focus .action-lab…
3092 .monaco-editor.hc-black .monaco-menu .monaco-action-bar.vertical .action-menu-item:focus .action-la…
3093 stroke-width: 1.2px;
3096 .monaco-hover p {
3100 /* The hc-black theme is already high contrast optimized */
3101 .monaco-editor.hc-black {
3102 -ms-high-contrast-adjust: none;
3104 /* In case the browser goes into high contrast mode and the editor is not configured with the hc-bl…
3105 @media screen and (-ms-high-contrast:active) {
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;
3116 .monaco-editor.vs .cursor,
3117 .monaco-editor.vs-dark .cursor {
3118 background-color: windowtext !important;
3121 .monaco-editor.vs .dnd-target,
3122 .monaco-editor.vs-dark .dnd-target {
3123 border-color: windowtext !important;
3127 .monaco-editor.vs .selected-text,
3128 .monaco-editor.vs-dark .selected-text {
3129 background-color: highlight !important;
3133 .monaco-editor.vs .view-line,
3134 .monaco-editor.vs-dark .view-line {
3135 -ms-high-contrast-adjust: none;
3139 .monaco-editor.vs .view-line span,
3140 .monaco-editor.vs-dark .view-line span {
3144 .monaco-editor.vs .view-line span.inline-selected-text,
3145 .monaco-editor.vs-dark .view-line span.inline-selected-text {
3150 .monaco-editor.vs .view-overlays,
3151 .monaco-editor.vs-dark .view-overlays {
3152 -ms-high-contrast-adjust: none;
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 {
3166 box-sizing: border-box;
3168 .monaco-editor.vs .rangeHighlight,
3169 .monaco-editor.vs-dark .rangeHighlight {
3172 box-sizing: border-box;
3174 .monaco-editor.vs .bracket-match,
3175 .monaco-editor.vs-dark .bracket-match {
3176 border-color: windowtext !important;
3181 .monaco-editor.vs .findMatch,
3182 .monaco-editor.vs-dark .findMatch,
3183 .monaco-editor.vs .currentFindMatch,
3184 .monaco-editor.vs-dark .currentFindMatch {
3187 box-sizing: border-box;
3189 .monaco-editor.vs .find-widget,
3190 .monaco-editor.vs-dark .find-widget {
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;
3200 .monaco-editor.vs .monaco-list .monaco-list-row.focused,
3201 .monaco-editor.vs-dark .monaco-list .monaco-list-row.focused {
3203 background-color: highlight !important;
3205 .monaco-editor.vs .monaco-list .monaco-list-row:hover,
3206 .monaco-editor.vs-dark .monaco-list .monaco-list-row:hover {
3209 box-sizing: border-box;
3213 .monaco-editor.vs .monaco-scrollable-element > .scrollbar,
3214 .monaco-editor.vs-dark .monaco-scrollable-element > .scrollbar {
3215 -ms-high-contrast-adjust: none;
3218 box-sizing: border-box;
3220 .monaco-editor.vs .monaco-scrollable-element > .scrollbar > .slider,
3221 .monaco-editor.vs-dark .monaco-scrollable-element > .scrollbar > .slider {
3224 .monaco-editor.vs .monaco-scrollable-element > .scrollbar > .slider:hover,
3225 .monaco-editor.vs-dark .monaco-scrollable-element > .scrollbar > .slider:hover {
3228 .monaco-editor.vs .monaco-scrollable-element > .scrollbar > .slider.active,
3229 .monaco-editor.vs-dark .monaco-scrollable-element > .scrollbar > .slider.active {
3234 .monaco-editor.vs .decorationsOverviewRuler,
3235 .monaco-editor.vs-dark .decorationsOverviewRuler {
3240 .monaco-editor.vs .minimap,
3241 .monaco-editor.vs-dark .minimap {
3246 .monaco-editor.vs .squiggly-d-error,
3247 .monaco-editor.vs-dark .squiggly-d-error {
3249 border-bottom: 4px double #E47777;
3251 .monaco-editor.vs .squiggly-c-warning,
3252 .monaco-editor.vs-dark .squiggly-c-warning {
3253 border-bottom: 4px double #71B771;
3255 .monaco-editor.vs .squiggly-b-info,
3256 .monaco-editor.vs-dark .squiggly-b-info {
3257 border-bottom: 4px double #71B771;
3259 .monaco-editor.vs .squiggly-a-hint,
3260 .monaco-editor.vs-dark .squiggly-a-hint {
3261 border-bottom: 4px double #6c6c6c;
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-la…
3267 -ms-high-contrast-adjust: none;
3269 background-color: highlight !important;
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-la…
3273 -ms-high-contrast-adjust: none;
3276 box-sizing: border-box;
3280 .monaco-diff-editor.vs .diffOverviewRuler,
3281 .monaco-diff-editor.vs-dark .diffOverviewRuler {
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 {
3290 box-sizing: border-box;
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 {
3300 /*.monaco-editor.vs [tabindex="0"]:focus {
3302 outline-offset: -1px;
3306 .monaco-editor.vs-dark [tabindex="0"]:focus {
3308 outline-offset: -1px;
3312 /*---------------------------------------------------------------------------------------------
3315 *--------------------------------------------------------------------------------------------*/
3316 /* ---------- DiffEditor ---------- */
3318 .monaco-diff-editor .diffOverview {
3319 z-index: 9;
3322 .monaco-diff-editor .diffOverview .diffViewport {
3323 z-index: 10;
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); }
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…
3332 .monaco-scrollable-element.modified-in-monaco-diff-editor.hc-black .scrollbar { background: none; }
3334 .monaco-scrollable-element.modified-in-monaco-diff-editor .slider {
3335 z-index: 10;
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; }
3340 /* ---------- Diff ---------- */
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;
3349 align-items: center;
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 {
3358 .monaco-editor .inline-deleted-margin-view-zone {
3359 text-align: right;
3361 .monaco-editor .inline-added-margin-view-zone {
3362 text-align: right;
3365 /* ---------- Inline Diff ---------- */
3367 .monaco-editor .view-zones .view-lines .view-line span {
3368 display: inline-block;
3371 .monaco-editor .margin-view-zones .lightbulb-glyph:hover {
3375 /*---------------------------------------------------------------------------------------------
3378 *--------------------------------------------------------------------------------------------*/
3380 .monaco-diff-editor .diff-review-line-number {
3381 text-align: right;
3382 display: inline-block;
3385 .monaco-diff-editor .diff-review {
3387 user-select: none;
3388 -webkit-user-select: none;
3389 -ms-user-select: none;
3392 .monaco-diff-editor .diff-review-summary {
3393 padding-left: 10px;
3396 .monaco-diff-editor .diff-review-shadow {
3400 .monaco-diff-editor .diff-review-row {
3401 white-space: pre;
3404 .monaco-diff-editor .diff-review-table {
3406 min-width: 100%;
3409 .monaco-diff-editor .diff-review-row {
3410 display: table-row;
3414 .monaco-diff-editor .diff-review-spacer {
3415 display: inline-block;
3417 vertical-align: middle;
3420 .monaco-diff-editor .diff-review-spacer > .codicon {
3421 font-size: 9px !important;
3424 .monaco-diff-editor .diff-review-actions {
3425 display: inline-block;
3431 .monaco-diff-editor .diff-review-actions .action-label {
3437 /*---------------------------------------------------------------------------------------------
3440 *--------------------------------------------------------------------------------------------*/
3442 .context-view .monaco-menu {
3443 min-width: 130px;
3447 /*---------------------------------------------------------------------------------------------
3450 *--------------------------------------------------------------------------------------------*/
3452 .context-view {
3454 z-index: 2500;
3457 .context-view.fixed {
3459 font-family: inherit;
3460 font-size: 13px;
3462 z-index: 2500;
3466 /*---------------------------------------------------------------------------------------------
3469 *--------------------------------------------------------------------------------------------*/
3471 .quick-input-widget {
3472 font-size: 13px;
3475 .quick-input-widget .monaco-highlighted-label .highlight,
3476 .quick-input-widget .monaco-highlighted-label .highlight {
3480 .vs-dark .quick-input-widget .monaco-highlighted-label .highlight,
3481 .vs-dark .quick-input-widget .monaco-highlighted-label .highlight {
3485 .hc-black .quick-input-widget .monaco-highlighted-label .highlight,
3486 .hc-black .quick-input-widget .monaco-highlighted-label .highlight {
3490 /*---------------------------------------------------------------------------------------------
3493 *--------------------------------------------------------------------------------------------*/
3495 .quick-input-widget {
3498 z-index: 2000;
3499 padding-bottom: 6px;
3501 margin-left: -300px;
3504 .quick-input-titlebar {
3508 .quick-input-left-action-bar {
3510 margin-left: 4px;
3514 .quick-input-left-action-bar.monaco-action-bar .actions-container {
3515 justify-content: flex-start;
3518 .quick-input-title {
3520 text-align: center;
3523 .quick-input-right-action-bar {
3525 margin-right: 4px;
3529 .quick-input-titlebar .monaco-action-bar .action-label.codicon {
3533 background-position: center;
3534 background-repeat: no-repeat;
3537 .quick-input-description {
3541 .quick-input-header {
3544 margin-bottom: -2px;
3547 .quick-input-widget.hidden-input .quick-input-header {
3550 margin-bottom: 0;
3553 .quick-input-and-message {
3555 flex-direction: column;
3556 flex-grow: 1;
3560 .quick-input-check-all {
3561 align-self: center;
3565 .quick-input-filter {
3566 flex-grow: 1;
3571 .quick-input-box {
3572 flex-grow: 1;
3575 .quick-input-widget.show-checkboxes .quick-input-box,
3576 .quick-input-widget.show-checkboxes .quick-input-message {
3577 margin-left: 5px;
3580 .quick-input-visible-count {
3582 left: -10000px;
3585 .quick-input-count {
3586 align-self: center;
3590 align-items: center;
3593 .quick-input-count .monaco-count-badge {
3594 vertical-align: middle;
3596 border-radius: 2px;
3597 min-height: auto;
3598 line-height: normal;
3601 .quick-input-action {
3602 margin-left: 6px;
3605 .quick-input-action .monaco-text-button {
3606 font-size: 11px;
3610 align-items: center;
3613 .quick-input-message {
3614 margin-top: -1px;
3618 .quick-input-progress.monaco-progress-container {
3622 .quick-input-progress.monaco-progress-container,
3623 .quick-input-progress.monaco-progress-container .progress-bit {
3627 .quick-input-list {
3628 line-height: 22px;
3629 margin-top: 6px;
3632 .quick-input-widget.hidden-input .quick-input-list {
3633 margin-top: 0; /* reduce margins when input box hidden */
3636 .quick-input-list .monaco-list {
3638 max-height: calc(20 * 22px);
3641 .quick-input-list .quick-input-list-entry {
3642 box-sizing: border-box;
3649 .quick-input-list .quick-input-list-entry.quick-input-list-separator-border {
3650 border-top-width: 1px;
3651 border-top-style: solid;
3654 .quick-input-list .monaco-list-row:first-child .quick-input-list-entry.quick-input-list-separator-b…
3655 border-top-style: none;
3658 .quick-input-list .quick-input-list-label {
3665 .quick-input-list .quick-input-list-checkbox {
3666 align-self: center;
3670 .quick-input-list .quick-input-list-rows {
3672 text-overflow: ellipsis;
3674 flex-direction: column;
3677 margin-left: 5px;
3680 .quick-input-widget.show-checkboxes .quick-input-list .quick-input-list-rows {
3681 margin-left: 10px;
3684 .quick-input-widget .quick-input-list .quick-input-list-checkbox {
3687 .quick-input-widget.show-checkboxes .quick-input-list .quick-input-list-checkbox {
3691 .quick-input-list .quick-input-list-rows > .quick-input-list-row {
3693 align-items: center;
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-la…
3701 .quick-input-list .quick-input-list-rows > .quick-input-list-row .codicon[class*='codicon-'] {
3702 vertical-align: sub;
3705 .quick-input-list .quick-input-list-rows .monaco-highlighted-label span {
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 */
3713 .quick-input-list .quick-input-list-label-meta {
3715 line-height: normal;
3716 text-overflow: ellipsis;
3720 .quick-input-list .monaco-highlighted-label .highlight {
3721 font-weight: bold;
3724 .quick-input-list .quick-input-list-entry .quick-input-list-separator {
3725 margin-right: 8px; /* separate from keybindings or actions */
3728 .quick-input-list .quick-input-list-entry-action-bar {
3734 .quick-input-list .quick-input-list-entry-action-bar .action-label {
3742 .quick-input-list .quick-input-list-entry-action-bar .action-label.codicon {
3746 vertical-align: middle;
3749 .quick-input-list .quick-input-list-entry-action-bar {
3750 margin-top: 1px;
3753 .quick-input-list .quick-input-list-entry-action-bar {
3754 margin-right: 4px; /* separate from scrollbar */
3757 .quick-input-list .quick-input-list-entry-action-bar .action-label.codicon {
3758 margin-right: 4px; /* separate actions */
3761 .quick-input-list .quick-input-list-entry .quick-input-list-entry-action-bar .action-label.always-v…
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 {
3767 /*---------------------------------------------------------------------------------------------
3770 *--------------------------------------------------------------------------------------------*/
3772 .monaco-keybinding {
3774 align-items: center;
3775 line-height: 10px;
3778 .monaco-keybinding > .monaco-keybinding-key {
3779 display: inline-block;
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;
3787 font-size: 11px;
3792 .monaco-keybinding > .monaco-keybinding-key:first-child {
3793 margin-left: 0;
3796 .monaco-keybinding > .monaco-keybinding-key:last-child {
3797 margin-right: 0;
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);
3805 border-bottom-color: rgba(68, 68, 68, 0.6);
3806 box-shadow: inset 0 -1px 0 rgba(68, 68, 68, 0.6);
3809 .monaco-keybinding > .monaco-keybinding-key-separator {
3810 display: inline-block;
3813 .monaco-keybinding > .monaco-keybinding-key-chord-separator {
3816 /*---------------------------------------------------------------------------------------------
3819 *--------------------------------------------------------------------------------------------*/
3821 .monaco-progress-container {
3827 .monaco-progress-container .progress-bit {
3835 .monaco-progress-container.active .progress-bit {
3839 .monaco-progress-container.discrete .progress-bit {
3844 .monaco-progress-container.discrete.done .progress-bit {
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;
3861 * 100%: 50 * 100 - 50 (do not overflow): 4950%
3865 /*---------------------------------------------------------------------------------------------
3868 *--------------------------------------------------------------------------------------------*/
3870 .monaco-text-button {
3871 box-sizing: border-box;
3875 text-align: center;
3877 outline-offset: 2px !important;
3878 justify-content: center;
3879 align-items: center;
3882 .monaco-text-button:hover {
3883 text-decoration: none !important;
3886 .monaco-button.disabled {
3891 .monaco-button > .codicon {
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…
3899 …-m2i2uf{border:1px solid lightgray;margin-bottom:16px}#title.svelte-m2i2uf{font-family:'Playfair D…
3900 …-1nm8e4l{height:auto;margin:0 8px 0 0;padding:0 7px;font-size:12px;line-height:20px;white-space:no…
3901 …-187ys3m{margin-bottom:1rem;padding-bottom:0.5rem;border-bottom:1px solid lightgray}#markdown.svel…
3902 …-mx8k4g{font-family:'Roboto', sans-serif;background-color:#fcfbfc}#editor-root.svelte-mx8k4g{displ…
3903 #view-page.svelte-clxwlp{display:flex;height:100%}