chrome-devtools-frontend 1.0.945677 → 1.0.947377

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (191) hide show
  1. package/.eslintrc.js +1 -0
  2. package/config/gni/all_devtools_files.gni +0 -14
  3. package/config/gni/devtools_grd_files.gni +4 -42
  4. package/front_end/.eslintrc.js +5 -1
  5. package/front_end/core/host/InspectorFrontendHost.ts +0 -3
  6. package/front_end/core/host/InspectorFrontendHostAPI.ts +0 -1
  7. package/front_end/core/host/UserMetrics.ts +0 -22
  8. package/front_end/core/i18n/locales/en-US.json +33 -27
  9. package/front_end/core/i18n/locales/en-XL.json +33 -27
  10. package/front_end/core/root/Runtime.ts +0 -5
  11. package/front_end/core/sdk/AccessibilityModel.ts +0 -2
  12. package/front_end/core/sdk/CSSProperty.ts +16 -11
  13. package/front_end/core/sdk/CSSRule.ts +0 -2
  14. package/front_end/core/sdk/Cookie.ts +1 -5
  15. package/front_end/core/sdk/EmulationModel.ts +0 -2
  16. package/front_end/core/sdk/HeapProfilerModel.ts +0 -2
  17. package/front_end/core/sdk/NetworkManager.ts +0 -3
  18. package/front_end/core/sdk/Resource.ts +0 -3
  19. package/front_end/core/sdk/ResourceTreeModel.ts +0 -3
  20. package/front_end/core/sdk/ServiceWorkerManager.ts +0 -2
  21. package/front_end/core/sdk/sdk-meta.ts +20 -8
  22. package/front_end/devtools_compatibility.js +1 -8
  23. package/front_end/entrypoints/devtools_app/devtools_app.js +3 -0
  24. package/front_end/entrypoints/devtools_app/devtools_app.json +1 -3
  25. package/front_end/entrypoints/formatter_worker/CSSFormatter.ts +1 -3
  26. package/front_end/entrypoints/formatter_worker/FormatterActions.ts +0 -2
  27. package/front_end/entrypoints/formatter_worker/FormatterWorker.ts +0 -120
  28. package/front_end/entrypoints/formatter_worker/formatter_worker-entrypoint.ts +1 -11
  29. package/front_end/entrypoints/formatter_worker/formatter_worker.ts +5 -0
  30. package/front_end/entrypoints/inspector/{inspector.js → inspector.ts} +0 -3
  31. package/front_end/entrypoints/js_app/js_app.js +3 -0
  32. package/front_end/entrypoints/js_app/js_app.json +1 -2
  33. package/front_end/entrypoints/main/MainImpl.ts +0 -6
  34. package/front_end/entrypoints/ndb_app/ndb_app.js +3 -0
  35. package/front_end/entrypoints/ndb_app/ndb_app.json +1 -2
  36. package/front_end/entrypoints/{node_main → node_app}/NodeConnectionsPanel.ts +1 -1
  37. package/front_end/entrypoints/{node_main → node_app}/NodeMain.ts +2 -4
  38. package/front_end/entrypoints/{node_main → node_app}/nodeConnectionsPanel.css +0 -0
  39. package/front_end/entrypoints/node_app/node_app.ts +81 -0
  40. package/front_end/entrypoints/shell/shell.js +18 -1
  41. package/front_end/entrypoints/worker_app/{worker_app.js → worker_app.ts} +8 -2
  42. package/front_end/generated/InspectorBackendCommands.js +5 -1
  43. package/front_end/generated/protocol.d.ts +12 -0
  44. package/front_end/legacy_test_runner/sources_test_runner/sources_test_runner.js +0 -1
  45. package/front_end/models/bindings/CompilerScriptMapping.ts +0 -1
  46. package/front_end/models/bindings/DebuggerLanguagePlugins.ts +4 -11
  47. package/front_end/models/bindings/DebuggerWorkspaceBinding.ts +1 -1
  48. package/front_end/models/bindings/ResourceMapping.ts +1 -1
  49. package/front_end/models/bindings/SASSSourceMapping.ts +0 -1
  50. package/front_end/models/emulation/DeviceModeModel.ts +0 -2
  51. package/front_end/models/formatter/FormatterWorkerPool.ts +0 -18
  52. package/front_end/models/issues_manager/CorsIssue.ts +8 -0
  53. package/front_end/models/text_utils/CodeMirrorUtils.ts +6 -51
  54. package/front_end/models/text_utils/TextUtils.ts +1 -2
  55. package/front_end/models/text_utils/text_utils-legacy.ts +0 -5
  56. package/front_end/panels/animation/AnimationTimeline.ts +0 -2
  57. package/front_end/panels/animation/AnimationUI.ts +0 -2
  58. package/front_end/panels/application/ApplicationPanelSidebar.ts +2 -4
  59. package/front_end/panels/application/BackForwardCacheStrings.ts +1 -0
  60. package/front_end/panels/css_overview/CSSOverviewModel.ts +0 -2
  61. package/front_end/panels/css_overview/CSSOverviewPanel.ts +0 -7
  62. package/front_end/panels/css_overview/CSSOverviewProcessingView.ts +0 -2
  63. package/front_end/panels/elements/ColorSwatchPopoverIcon.ts +0 -11
  64. package/front_end/panels/elements/StylesSidebarPane.ts +0 -1
  65. package/front_end/panels/elements/elementsTreeOutline.css +0 -13
  66. package/front_end/panels/emulation/DeviceModeToolbar.ts +0 -16
  67. package/front_end/panels/issues/CorsIssueDetailsView.ts +6 -2
  68. package/front_end/panels/lighthouse/lighthouse-meta.ts +0 -3
  69. package/front_end/panels/network/NetworkConfigView.ts +10 -0
  70. package/front_end/panels/network/NetworkItemView.ts +3 -0
  71. package/front_end/panels/network/networkConfigView.css +5 -0
  72. package/front_end/panels/profiler/profilesPanel.css +1 -1
  73. package/front_end/panels/search/SearchView.ts +24 -4
  74. package/front_end/panels/settings/emulation/components/UserAgentClientHintsForm.ts +6 -4
  75. package/front_end/panels/settings/emulation/components/userAgentClientHintsForm.css +0 -12
  76. package/front_end/panels/sources/CSSPlugin.ts +3 -0
  77. package/front_end/panels/sources/CoveragePlugin.ts +2 -0
  78. package/front_end/panels/sources/DebuggerPlugin.ts +35 -7
  79. package/front_end/panels/sources/JavaScriptCompilerPlugin.ts +3 -0
  80. package/front_end/panels/sources/ProfilePlugin.ts +3 -0
  81. package/front_end/panels/sources/UISourceCodeFrame.ts +11 -2
  82. package/front_end/panels/sources/sourcesView.css +0 -130
  83. package/front_end/panels/timeline/TimelineTreeView.ts +1 -0
  84. package/front_end/third_party/codemirror/codemirror-tsconfig.json +1 -25
  85. package/front_end/third_party/codemirror.next/chunk/codemirror.js +1 -1
  86. package/front_end/third_party/codemirror.next/chunk/cpp.js +1 -2
  87. package/front_end/third_party/codemirror.next/chunk/java.js +1 -2
  88. package/front_end/third_party/codemirror.next/chunk/json.js +1 -2
  89. package/front_end/third_party/codemirror.next/chunk/markdown.js +1 -2
  90. package/front_end/third_party/codemirror.next/chunk/php.js +1 -2
  91. package/front_end/third_party/codemirror.next/chunk/python.js +1 -2
  92. package/front_end/third_party/codemirror.next/chunk/wast.js +1 -2
  93. package/front_end/third_party/codemirror.next/chunk/xml.js +1 -2
  94. package/front_end/third_party/codemirror.next/codemirror.next.d.ts +1486 -1423
  95. package/front_end/third_party/codemirror.next/codemirror.next.js +1 -2
  96. package/front_end/third_party/codemirror.next/package.json +10 -9
  97. package/front_end/third_party/lighthouse/lighthouse-dt-bundle.js +168 -164
  98. package/front_end/third_party/lighthouse/locales/ar-XB.json +0 -3
  99. package/front_end/third_party/lighthouse/locales/ar.json +0 -3
  100. package/front_end/third_party/lighthouse/locales/bg.json +17 -20
  101. package/front_end/third_party/lighthouse/locales/ca.json +0 -3
  102. package/front_end/third_party/lighthouse/locales/cs.json +0 -3
  103. package/front_end/third_party/lighthouse/locales/da.json +16 -19
  104. package/front_end/third_party/lighthouse/locales/de.json +0 -3
  105. package/front_end/third_party/lighthouse/locales/el.json +0 -3
  106. package/front_end/third_party/lighthouse/locales/en-GB.json +19 -22
  107. package/front_end/third_party/lighthouse/locales/en-US.json +33 -3
  108. package/front_end/third_party/lighthouse/locales/en-XA.json +0 -3
  109. package/front_end/third_party/lighthouse/locales/en-XL.json +33 -3
  110. package/front_end/third_party/lighthouse/locales/es-419.json +17 -20
  111. package/front_end/third_party/lighthouse/locales/es.json +0 -3
  112. package/front_end/third_party/lighthouse/locales/fi.json +16 -19
  113. package/front_end/third_party/lighthouse/locales/fil.json +33 -36
  114. package/front_end/third_party/lighthouse/locales/fr.json +16 -19
  115. package/front_end/third_party/lighthouse/locales/he.json +16 -19
  116. package/front_end/third_party/lighthouse/locales/hi.json +0 -3
  117. package/front_end/third_party/lighthouse/locales/hr.json +16 -19
  118. package/front_end/third_party/lighthouse/locales/hu.json +16 -19
  119. package/front_end/third_party/lighthouse/locales/id.json +16 -19
  120. package/front_end/third_party/lighthouse/locales/it.json +37 -40
  121. package/front_end/third_party/lighthouse/locales/ja.json +16 -19
  122. package/front_end/third_party/lighthouse/locales/ko.json +16 -19
  123. package/front_end/third_party/lighthouse/locales/lt.json +17 -20
  124. package/front_end/third_party/lighthouse/locales/lv.json +0 -3
  125. package/front_end/third_party/lighthouse/locales/nl.json +16 -19
  126. package/front_end/third_party/lighthouse/locales/no.json +17 -20
  127. package/front_end/third_party/lighthouse/locales/pl.json +16 -19
  128. package/front_end/third_party/lighthouse/locales/pt-PT.json +37 -40
  129. package/front_end/third_party/lighthouse/locales/pt.json +16 -19
  130. package/front_end/third_party/lighthouse/locales/ro.json +0 -3
  131. package/front_end/third_party/lighthouse/locales/ru.json +16 -19
  132. package/front_end/third_party/lighthouse/locales/sk.json +0 -3
  133. package/front_end/third_party/lighthouse/locales/sl.json +0 -3
  134. package/front_end/third_party/lighthouse/locales/sr-Latn.json +16 -19
  135. package/front_end/third_party/lighthouse/locales/sr.json +16 -19
  136. package/front_end/third_party/lighthouse/locales/sv.json +17 -20
  137. package/front_end/third_party/lighthouse/locales/ta.json +0 -3
  138. package/front_end/third_party/lighthouse/locales/te.json +0 -3
  139. package/front_end/third_party/lighthouse/locales/th.json +0 -3
  140. package/front_end/third_party/lighthouse/locales/tr.json +0 -3
  141. package/front_end/third_party/lighthouse/locales/uk.json +17 -20
  142. package/front_end/third_party/lighthouse/locales/vi.json +0 -3
  143. package/front_end/third_party/lighthouse/locales/zh-HK.json +0 -3
  144. package/front_end/third_party/lighthouse/locales/zh-TW.json +0 -3
  145. package/front_end/third_party/lighthouse/locales/zh.json +0 -3
  146. package/front_end/third_party/lighthouse/report/bundle.d.ts +63 -61
  147. package/front_end/third_party/lighthouse/report/bundle.js +36 -7
  148. package/front_end/third_party/lighthouse/report-assets/report-generator.js +205 -192
  149. package/front_end/ui/components/linear_memory_inspector/LinearMemoryValueInterpreter.ts +0 -8
  150. package/front_end/ui/components/text_editor/config.ts +8 -7
  151. package/front_end/ui/components/text_editor/javascript.ts +28 -10
  152. package/front_end/ui/components/text_editor/theme.ts +1 -0
  153. package/front_end/ui/legacy/InspectorView.ts +10 -0
  154. package/front_end/ui/legacy/components/object_ui/ObjectPropertiesSection.ts +2 -3
  155. package/front_end/ui/legacy/components/object_ui/objectPropertiesSection.css +0 -1
  156. package/front_end/ui/legacy/components/object_ui/object_ui-legacy.ts +0 -8
  157. package/front_end/ui/legacy/components/object_ui/object_ui.ts +0 -4
  158. package/front_end/ui/legacy/components/source_frame/SourceFrame.ts +40 -29
  159. package/front_end/ui/legacy/inspectorSyntaxHighlight.css +0 -211
  160. package/front_end/ui/legacy/legacy-legacy.ts +0 -6
  161. package/front_end/ui/legacy/legacy.ts +0 -2
  162. package/front_end/ui/legacy/tabbedPane.css +1 -1
  163. package/front_end/ui/legacy/themeColors.css +1 -1
  164. package/package.json +1 -1
  165. package/scripts/check_gn.js +1 -1
  166. package/scripts/eslint_rules/lib/l10n_filename_matches.js +4 -4
  167. package/scripts/eslint_rules/tests/l10n_filename_matches_test.js +4 -0
  168. package/scripts/hosted_mode/server.js +17 -2
  169. package/front_end/entrypoints/inspector/inspector.json +0 -4
  170. package/front_end/entrypoints/node_app/node_app-meta.ts +0 -43
  171. package/front_end/entrypoints/node_app/node_app.js +0 -13
  172. package/front_end/entrypoints/node_app/node_app.json +0 -4
  173. package/front_end/entrypoints/node_main/node_main-meta.ts +0 -48
  174. package/front_end/entrypoints/node_main/node_main.ts +0 -11
  175. package/front_end/entrypoints/shell/shell-meta-files.ts +0 -22
  176. package/front_end/entrypoints/shell/shell.json +0 -5
  177. package/front_end/entrypoints/worker_app/worker_app.json +0 -4
  178. package/front_end/panels/lighthouse/module.json +0 -6
  179. package/front_end/third_party/lighthouse/report-assets/report.d.ts +0 -1
  180. package/front_end/third_party/lighthouse/report-assets/report.js +0 -233
  181. package/front_end/third_party/lighthouse/report-assets/standalone-template.html +0 -38
  182. package/front_end/ui/legacy/TextEditor.ts +0 -82
  183. package/front_end/ui/legacy/components/object_ui/JavaScriptAutocomplete.ts +0 -836
  184. package/front_end/ui/legacy/components/text_editor/CodeMirrorTextEditor.ts +0 -1676
  185. package/front_end/ui/legacy/components/text_editor/TextEditorAutocompleteController.ts +0 -586
  186. package/front_end/ui/legacy/components/text_editor/autocompleteTooltip.css +0 -20
  187. package/front_end/ui/legacy/components/text_editor/cm_modes.ts +0 -23
  188. package/front_end/ui/legacy/components/text_editor/cmdevtools.css +0 -995
  189. package/front_end/ui/legacy/components/text_editor/module.json +0 -7
  190. package/front_end/ui/legacy/components/text_editor/text_editor-legacy.ts +0 -33
  191. package/front_end/ui/legacy/components/text_editor/text_editor.ts +0 -13
@@ -1,995 +0,0 @@
1
- /*
2
- * Copyright 2021 The Chromium Authors. All rights reserved.
3
- * Use of this source code is governed by a BSD-style license that can be
4
- * found in the LICENSE file.
5
- */
6
-
7
- /* stylelint-disable no-descending-specificity */
8
-
9
- /**
10
- * Many of the CSS variables here were auto generated during the dark mode
11
- * migration. If you are changing them, please feel free to rename them whilst
12
- * you're here to make them clearer.
13
- */
14
-
15
- .CodeMirror {
16
- --override-search-highlight-border-color: rgb(128 128 128);
17
-
18
- line-height: 1.2em !important; /* stylelint-disable-line declaration-no-important */
19
- background-color: transparent !important; /* stylelint-disable-line declaration-no-important */
20
- color: var(--color-text-primary);
21
- height: 300px;
22
- }
23
-
24
- .CodeMirror-linewidget {
25
- overflow: visible !important; /* stylelint-disable-line declaration-no-important */
26
- z-index: 100;
27
- }
28
-
29
- .CodeMirror-gutter-performance {
30
- width: 60px;
31
- background-color: var(--color-background);
32
- margin-left: 3px;
33
- }
34
-
35
- .CodeMirror-gutter-memory {
36
- width: 48px;
37
- background-color: var(--color-background);
38
- margin-left: 3px;
39
- }
40
-
41
- .CodeMirror-gutter-coverage {
42
- width: 5px;
43
- background-color: var(--color-background);
44
- margin-left: 3px;
45
- }
46
-
47
- .CodeMirror .source-frame-eval-expression {
48
- --override-auto-gen-codemirrorsourceframeevalexpression-backgroundcolor: rgb(255 255 194);
49
- --override-auto-gen-codemirrorsourceframeevalexpression-border: rgb(163 41 34);
50
-
51
- outline: 0;
52
- border: 1px solid var(--override-auto-gen-codemirrorsourceframeevalexpression-border);
53
- border-left-width: 0;
54
- border-right-width: 0;
55
- background-color: var(--override-auto-gen-codemirrorsourceframeevalexpression-backgroundcolor);
56
- }
57
-
58
- .-theme-with-dark-background .CodeMirror .source-frame-eval-expression,
59
- :host-context(.-theme-with-dark-background) .CodeMirror .source-frame-eval-expression {
60
- --override-auto-gen-codemirrorsourceframeevalexpression-border: rgb(221 99 92);
61
- --override-auto-gen-codemirrorsourceframeevalexpression-backgroundcolor: rgb(61 61 0);
62
- }
63
-
64
- .CodeMirror .source-frame-eval-expression-start {
65
- border-left-width: 1px;
66
- margin-left: -1px;
67
- }
68
-
69
- .CodeMirror .source-frame-eval-expression-end {
70
- border-right-width: 1px;
71
- margin-right: -1px;
72
- }
73
-
74
- .CodeMirror .source-frame-continue-to-location {
75
- --override-auto-gen-codemirrorsourceframecontinuetolocation-backgroundcolor: rgb(230 236 255);
76
-
77
- outline: 0;
78
- border: 1px solid transparent;
79
- border-left-width: 0;
80
- border-right-width: 0;
81
- background-color: var(--override-auto-gen-codemirrorsourceframecontinuetolocation-backgroundcolor);
82
- cursor: pointer;
83
- }
84
-
85
- .CodeMirror .source-frame-continue-to-location:hover {
86
- --override-auto-gen-codemirrorsourceframecontinuetolocationhover-backgroundcolor: rgb(171 191 254);
87
- --override-auto-gen-codemirrorsourceframecontinuetolocationhover-border: rgb(121 141 254);
88
-
89
- border: 1px solid var(--override-auto-gen-codemirrorsourceframecontinuetolocationhover-border);
90
- background-color: var(--override-auto-gen-codemirrorsourceframecontinuetolocationhover-backgroundcolor);
91
- }
92
-
93
- .-theme-with-dark-background .CodeMirror .source-frame-continue-to-location,
94
- :host-context(.-theme-with-dark-background) .CodeMirror .source-frame-continue-to-location {
95
- background-color: #14522b;
96
- }
97
-
98
- .-theme-with-dark-background .CodeMirror .source-frame-continue-to-location:hover,
99
- :host-context(.-theme-with-dark-background) .CodeMirror .source-frame-continue-to-location:hover {
100
- border: 1px solid #33cc6b;
101
- background-color: #14522b;
102
- }
103
-
104
- .CodeMirror .source-frame-continue-to-location-start {
105
- border-left-width: 1px;
106
- margin-left: -1px;
107
- }
108
-
109
- .CodeMirror .source-frame-continue-to-location-end {
110
- border-right-width: 1px;
111
- margin-right: -1px;
112
- }
113
-
114
- .CodeMirror .source-frame-async-step-in {
115
- --override-auto-gen-codemirrorsourceframeasyncstepin-backgroundcolor: hsl(100deg 46% 80% / 100%);
116
-
117
- outline: 0;
118
- background-color: var(--override-auto-gen-codemirrorsourceframeasyncstepin-backgroundcolor);
119
- cursor: pointer;
120
- border: 1px solid transparent;
121
- border-left-width: 0;
122
- border-right-width: 0;
123
- }
124
-
125
- .-theme-with-dark-background .CodeMirror .source-frame-async-step-in,
126
- :host-context(.-theme-with-dark-background) .CodeMirror .source-frame-async-step-in {
127
- --override-auto-gen-codemirrorsourceframeasyncstepin-backgroundcolor: rgb(43 74 28);
128
- }
129
-
130
- .source-frame-async-step-in-hovered .source-frame-async-step-in {
131
- --override-auto-gen-sourceframeasyncstepinhoveredsourceframeasyncstepin-bordercolor: rgb(100 154 100);
132
- --override-auto-gen-sourceframeasyncstepinhoveredsourceframeasyncstepin-backgroundcolor: hsl(96deg 53% 65%);
133
-
134
- background-color: var(--override-auto-gen-sourceframeasyncstepinhoveredsourceframeasyncstepin-backgroundcolor);
135
- border-color: var(--override-auto-gen-sourceframeasyncstepinhoveredsourceframeasyncstepin-bordercolor);
136
- }
137
-
138
- .-theme-with-dark-background .source-frame-async-step-in-hovered .source-frame-async-step-in,
139
- :host-context(.-theme-with-dark-background) .source-frame-async-step-in-hovered .source-frame-async-step-in {
140
- --override-auto-gen-sourceframeasyncstepinhoveredsourceframeasyncstepin-backgroundcolor: rgb(80 137 42);
141
- --override-auto-gen-sourceframeasyncstepinhoveredsourceframeasyncstepin-bordercolor: rgb(101 155 101);
142
- }
143
-
144
- .source-frame-async-step-in-hovered .source-frame-async-step-in-start {
145
- border-left-width: 1px;
146
- margin-left: -1px;
147
- }
148
-
149
- .source-frame-async-step-in-hovered .source-frame-async-step-in-end {
150
- border-right-width: 1px;
151
- margin-right: -1px;
152
- }
153
-
154
- .CodeMirror-cursor {
155
- border-left:
156
- 1px solid
157
- var(--color-background-inverted);
158
- border-right: none;
159
- width: 0;
160
- }
161
-
162
- .CodeMirror-readonly .CodeMirror-cursor {
163
- display: none;
164
- }
165
-
166
- .CodeMirror-gutters {
167
- border-right: 1px solid var(--color-details-hairline);
168
- white-space: nowrap;
169
- background-color: var(--color-background);
170
- }
171
-
172
- .CodeMirror-linenumber {
173
- --override-auto-gen-codemirrorlinenumber-color: hsl(0deg 0% 46%);
174
-
175
- color: var(--override-auto-gen-codemirrorlinenumber-color);
176
- padding: 0 3px 0 9px;
177
- min-width: 28px;
178
- text-align: right;
179
- white-space: nowrap;
180
- }
181
-
182
- .-theme-with-dark-background .CodeMirror-linenumber,
183
- :host-context(.-theme-with-dark-background) .CodeMirror-linenumber {
184
- --override-auto-gen-codemirrorlinenumber-color: rgb(138 138 138);
185
- }
186
-
187
- .pretty-printed .CodeMirror-linenumber {
188
- color: var(--legacy-accent-color);
189
- }
190
-
191
- .cm-non-breakable-line .CodeMirror-linenumber {
192
- --override-auto-gen-cmnonbreakablelinecodemirrorlinenumber-color: rgb(128 128 128 / 40%);
193
-
194
- color: var(--override-auto-gen-cmnonbreakablelinecodemirrorlinenumber-color);
195
- }
196
-
197
- .-theme-with-dark-background .cm-non-breakable-line .CodeMirror-linenumber,
198
- :host-context(.-theme-with-dark-background) .cm-non-breakable-line .CodeMirror-linenumber {
199
- --override-auto-gen-cmnonbreakablelinecodemirrorlinenumber-color: rgb(127 127 127 / 40%);
200
- }
201
-
202
- .cm-highlight {
203
- animation: fadeout 2s 0s;
204
- }
205
-
206
- .-theme-with-dark-background .cm-highlight,
207
- :host-context(.-theme-with-dark-background) .cm-highlight {
208
- animation: fadeout-dark 2s 0s;
209
- }
210
-
211
- @keyframes fadeout {
212
- from {
213
- background-color: rgb(255 255 120); /* stylelint-disable-line plugin/use_theme_colors */
214
- }
215
- to { background-color: var(--color-background); }
216
- }
217
-
218
- @keyframes fadeout {
219
- from {
220
- background-color: rgb(255 255 120); /* stylelint-disable-line plugin/use_theme_colors */
221
- }
222
- to { background-color: var(--color-background); }
223
- }
224
-
225
- @keyframes fadeout-dark {
226
- from {
227
- background-color: hsl(133deg 100% 30% / 50%);/* stylelint-disable-line plugin/use_theme_colors */
228
- }
229
- to { background-color: transparent; }
230
- }
231
-
232
- @keyframes fadeout-dark {
233
- from {
234
- background-color: hsl(133deg 100% 30% / 50%);/* stylelint-disable-line plugin/use_theme_colors */
235
- }
236
- to { background-color: transparent; }
237
- }
238
-
239
- .cm-readonly-highlight {
240
- --override-auto-gen-cmreadonlyhighlight-backgroundcolor: rgb(255 255 120);
241
-
242
- background-color: var(--override-auto-gen-cmreadonlyhighlight-backgroundcolor);
243
- }
244
-
245
- .-theme-with-dark-background .cm-readonly-highlight,
246
- :host-context(.-theme-with-dark-background) .cm-readonly-highlight {
247
- background-color: hsl(133deg 100% 30% / 50%);
248
- }
249
-
250
- .cm-highlight.cm-execution-line {
251
- animation: fadeout-execution-line 1s 0s;
252
- }
253
-
254
- .-theme-with-dark-background .cm-highlight.cm-execution-line,
255
- :host-context(.-theme-with-dark-background) .cm-highlight.cm-execution-line {
256
- animation: fadeout-execution-line-dark 1s 0s;
257
- }
258
-
259
- @keyframes fadeout-execution-line {
260
- from {
261
- background-color: rgb(121 141 254);/* stylelint-disable-line plugin/use_theme_colors */
262
- }
263
-
264
- to {
265
- background-color: rgb(171 191 254);/* stylelint-disable-line plugin/use_theme_colors */
266
- }
267
- }
268
-
269
- @keyframes fadeout-execution-line {
270
- from {
271
- background-color: rgb(121 141 254);/* stylelint-disable-line plugin/use_theme_colors */
272
- }
273
-
274
- to {
275
- background-color: rgb(171 191 254);/* stylelint-disable-line plugin/use_theme_colors */
276
- }
277
- }
278
-
279
- @keyframes fadeout-execution-line-dark {
280
- from {
281
- background-color: #208043;/* stylelint-disable-line plugin/use_theme_colors */
282
- }
283
-
284
- to {
285
- background-color: #14522b;/* stylelint-disable-line plugin/use_theme_colors */
286
- }
287
- }
288
-
289
- @keyframes fadeout-execution-line-dark {
290
- from {
291
- background-color: #208043;/* stylelint-disable-line plugin/use_theme_colors */
292
- }
293
-
294
- to {
295
- background-color: #14522b;/* stylelint-disable-line plugin/use_theme_colors */
296
- }
297
- }
298
-
299
- .CodeMirror-linenumber:hover,
300
- .cm-breakpoint .CodeMirror-gutter-wrapper .CodeMirror-linenumber,
301
- .-theme-preserve {
302
- border-width: 1px 4px 1px 1px;
303
- padding-right: 3px;
304
- padding-left: 8px;
305
- height: 11px;
306
- line-height: 12px;
307
- border-style: solid;
308
- position: relative;
309
- /* The line number jumps slightly on hover when the minify banner is showing
310
- if this fractional value is not there. */
311
- top: -0.15px;
312
- }
313
-
314
- .CodeMirror-linenumber:hover {
315
- -webkit-border-image: url('data:image/svg+xml,<svg height="11" width="26" xmlns="http://www.w3.org/2000/svg"><path d="M22.8.5l2.7 5-2.7 5H.5V.5z" fill="%23ebeced" stroke="%23ebeced"/></svg>') 1 3 1 1;
316
- padding-left: 8px;
317
- }
318
-
319
- .-theme-with-dark-background .CodeMirror-linenumber:hover,
320
- :host-context(.-theme-with-dark-background) .CodeMirror-linenumber:hover {
321
- -webkit-border-image: url('data:image/svg+xml,<svg height="11" width="26" xmlns="http://www.w3.org/2000/svg"><path d="M22.8.5l2.7 5-2.7 5H.5V.5z" fill="%233c4043" stroke="%233c4043"/></svg>') 1 3 1 1;
322
- }
323
-
324
- .cm-breakpoint .CodeMirror-gutter-wrapper .CodeMirror-linenumber {
325
- --override-auto-gen-cmbreakpointcodemirrorgutterwrappercodemirrorlinenumber-color: #fff;
326
-
327
- color: var(--override-auto-gen-cmbreakpointcodemirrorgutterwrappercodemirrorlinenumber-color);
328
- -webkit-border-image: url('data:image/svg+xml,<svg height="11" width="26" xmlns="http://www.w3.org/2000/svg"><path d="M22.8.5l2.7 5-2.7 5H.5V.5z" fill="%234285f4" stroke="%231a73e8"/></svg>') 1 3 1 1;
329
- }
330
-
331
- .-theme-with-dark-background .cm-breakpoint .CodeMirror-gutter-wrapper .CodeMirror-linenumber,
332
- :host-context(.-theme-with-dark-background) .cm-breakpoint .CodeMirror-gutter-wrapper .CodeMirror-linenumber {
333
- -webkit-border-image: url('data:image/svg+xml,<svg height="11" width="26" xmlns="http://www.w3.org/2000/svg"><path d="M22.8.5l2.7 5-2.7 5H.5V.5z" fill="%235186EC" stroke="%231a73e8"/></svg>') 1 3 1 1;
334
- }
335
-
336
- .cm-breakpoint-disabled .CodeMirror-gutter-wrapper .CodeMirror-linenumber,
337
- .breakpoints-deactivated .cm-breakpoint .CodeMirror-gutter-wrapper .CodeMirror-linenumber {
338
- --override-auto-gen-cmbreakpointdisabledcodemirrorgutterwrappercodemirrorlinenumber-breakpointsdeactivatedcmbreakpointcodemirrorgutterwrappercodemirrorlinenumber-color: #1a73e8;
339
-
340
- color: var(--override-auto-gen-cmbreakpointdisabledcodemirrorgutterwrappercodemirrorlinenumber-breakpointsdeactivatedcmbreakpointcodemirrorgutterwrappercodemirrorlinenumber-color);
341
- -webkit-border-image: url('data:image/svg+xml,<svg height="11" width="26" xmlns="http://www.w3.org/2000/svg"><path d="M22.8.5l2.7 5-2.7 5H.5V.5z" fill="%23d9e7fd" stroke="%231a73e8"/></svg>') 1 3 1 1;
342
- }
343
-
344
- .-theme-with-dark-background .cm-breakpoint-disabled .CodeMirror-gutter-wrapper .CodeMirror-linenumber,
345
- .-theme-with-dark-background .breakpoints-deactivated .cm-breakpoint .CodeMirror-gutter-wrapper .CodeMirror-linenumber,
346
- :host-context(.-theme-with-dark-background) .cm-breakpoint-disabled .CodeMirror-gutter-wrapper .CodeMirror-linenumber,
347
- :host-context(.-theme-with-dark-background) .breakpoints-deactivated .cm-breakpoint .CodeMirror-gutter-wrapper .CodeMirror-linenumber {
348
- color: #1a73e8;
349
- -webkit-border-image: url('data:image/svg+xml,<svg height="11" width="26" xmlns="http://www.w3.org/2000/svg"><path d="M22.8.5l2.7 5-2.7 5H.5V.5z" fill="%232a384e" stroke="%231a73e8"/></svg>') 1 3 1 1;
350
- }
351
-
352
- .cm-breakpoint-conditional .CodeMirror-gutter-wrapper .CodeMirror-linenumber {
353
- -webkit-border-image: url('data:image/svg+xml,<svg height="11" width="26" xmlns="http://www.w3.org/2000/svg"><path d="M22.8.5l2.7 5-2.7 5H.5V.5z" fill="%23f29900" stroke="%23e37400"/></svg>') 1 3 1 1;
354
- }
355
-
356
- .-theme-with-dark-background .cm-breakpoint-conditional .CodeMirror-gutter-wrapper .CodeMirror-linenumber,
357
- :host-context(.-theme-with-dark-background) .cm-breakpoint-conditional .CodeMirror-gutter-wrapper .CodeMirror-linenumber {
358
- -webkit-border-image: url('data:image/svg+xml,<svg height="11" width="26" xmlns="http://www.w3.org/2000/svg"><path d="M22.8.5l2.7 5-2.7 5H.5V.5z" fill="%23e9a33a" stroke="%23e37400"/></svg>') 1 3 1 1;
359
- }
360
-
361
- .cm-breakpoint-disabled.cm-breakpoint-conditional .CodeMirror-gutter-wrapper .CodeMirror-linenumber,
362
- .breakpoints-deactivated .cm-breakpoint-conditional .CodeMirror-gutter-wrapper .CodeMirror-linenumber {
363
- --override-auto-gen-cmbreakpointdisabledcmbreakpointconditionalcodemirrorgutterwrappercodemirrorlinenumber-breakpointsdeactivatedcmbreakpointconditionalcodemirrorgutterwrappercodemirrorlinenumber-color: #e37400;
364
-
365
- color: var(--override-auto-gen-cmbreakpointdisabledcmbreakpointconditionalcodemirrorgutterwrappercodemirrorlinenumber-breakpointsdeactivatedcmbreakpointconditionalcodemirrorgutterwrappercodemirrorlinenumber-color);
366
- -webkit-border-image: url('data:image/svg+xml,<svg height="11" width="26" xmlns="http://www.w3.org/2000/svg"><path d="M22.8.5l2.7 5-2.7 5H.5V.5z" fill="%23fcebcc" stroke="%23e37400"/></svg>') 1 3 1 1;
367
- }
368
-
369
- .-theme-with-dark-background .cm-breakpoint-disabled.cm-breakpoint-conditional .CodeMirror-gutter-wrapper .CodeMirror-linenumber,
370
- .-theme-with-dark-background .breakpoints-deactivated .cm-breakpoint-conditional .CodeMirror-gutter-wrapper .CodeMirror-linenumber,
371
- :host-context(.-theme-with-dark-background) .cm-breakpoint-disabled.cm-breakpoint-conditional .CodeMirror-gutter-wrapper .CodeMirror-linenumber,
372
- :host-context(.-theme-with-dark-background) .breakpoints-deactivated .cm-breakpoint-conditional .CodeMirror-gutter-wrapper .CodeMirror-linenumber {
373
- color: #e37400;
374
- -webkit-border-image: url('data:image/svg+xml,<svg height="11" width="26" xmlns="http://www.w3.org/2000/svg"><path d="M22.8.5l2.7 5-2.7 5H.5V.5z" fill="%234d3c1d" stroke="%23e37400"/></svg>') 1 3 1 1;
375
- }
376
-
377
- .cm-breakpoint-logpoint .CodeMirror-gutter-wrapper .CodeMirror-linenumber {
378
- -webkit-border-image: url('data:image/svg+xml,<svg height="11" width="26" xmlns="http://www.w3.org/2000/svg"><path d="M22.8.5l2.7 5-2.7 5H.5V.5z" fill="%23f439a0" stroke="%23d01884"/></svg>') 1 3 1 1;
379
- }
380
-
381
- .-theme-with-dark-background .cm-breakpoint-logpoint .CodeMirror-gutter-wrapper .CodeMirror-linenumber,
382
- :host-context(.-theme-with-dark-background) .cm-breakpoint-logpoint .CodeMirror-gutter-wrapper .CodeMirror-linenumber {
383
- -webkit-border-image: url('data:image/svg+xml,<svg height="11" width="26" xmlns="http://www.w3.org/2000/svg"><path d="M22.8.5l2.7 5-2.7 5H.5V.5z" fill="%23E54D9B" stroke="%23d01884"/></svg>') 1 3 1 1;
384
- }
385
-
386
- .cm-breakpoint-disabled.cm-breakpoint-logpoint .CodeMirror-gutter-wrapper .CodeMirror-linenumber,
387
- .breakpoints-deactivated .cm-breakpoint-logpoint .CodeMirror-gutter-wrapper .CodeMirror-linenumber {
388
- --override-auto-gen-cmbreakpointdisabledcmbreakpointlogpointcodemirrorgutterwrappercodemirrorlinenumber-breakpointsdeactivatedcmbreakpointlogpointcodemirrorgutterwrappercodemirrorlinenumber-color: #d01884;
389
-
390
- color: var(--override-auto-gen-cmbreakpointdisabledcmbreakpointlogpointcodemirrorgutterwrappercodemirrorlinenumber-breakpointsdeactivatedcmbreakpointlogpointcodemirrorgutterwrappercodemirrorlinenumber-color);
391
- -webkit-border-image: url('data:image/svg+xml,<svg height="11" width="26" xmlns="http://www.w3.org/2000/svg"><path d="M22.8.5l2.7 5-2.7 5H.5V.5z" fill="%23fdd7ec" stroke="%23f439a0"/></svg>') 1 3 1 1;
392
- }
393
-
394
- .-theme-with-dark-background .cm-breakpoint-disabled.cm-breakpoint-logpoint .CodeMirror-gutter-wrapper .CodeMirror-linenumber,
395
- .-theme-with-dark-background .breakpoints-deactivated .cm-breakpoint-logpoint .CodeMirror-gutter-wrapper .CodeMirror-linenumber,
396
- :host-context(.-theme-with-dark-background) .cm-breakpoint-disabled.cm-breakpoint-logpoint .CodeMirror-gutter-wrapper .CodeMirror-linenumber,
397
- :host-context(.-theme-with-dark-background) .breakpoints-deactivated .cm-breakpoint-logpoint .CodeMirror-gutter-wrapper .CodeMirror-linenumber {
398
- color: #d01884;
399
- -webkit-border-image: url('data:image/svg+xml,<svg height="11" width="26" xmlns="http://www.w3.org/2000/svg"><path d="M22.8.5l2.7 5-2.7 5H.5V.5z" fill="%234e283d" stroke="%23f439a0"/></svg>') 1 3 1 1;
400
- }
401
-
402
- .cm-breakpoint-conditional .CodeMirror-gutter-wrapper .CodeMirror-linenumber::before,
403
- .-theme-preserve {
404
- content: "?";
405
- position: absolute;
406
- top: 0;
407
- left: 1px;
408
- }
409
-
410
- .cm-breakpoint-logpoint .CodeMirror-gutter-wrapper .CodeMirror-linenumber::before,
411
- .-theme-preserve {
412
- content: "‥";
413
- position: absolute;
414
- top: -3px;
415
- left: 1px;
416
- }
417
-
418
- .cm-inline-breakpoint {
419
- cursor: pointer;
420
- position: relative;
421
- top: 1px;
422
- content: url('data:image/svg+xml,<svg width="11" height="12" viewBox="0 0 11 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.5 0.5H5.80139C6.29382 0.5 6.7549 0.741701 7.03503 1.14669L10.392 6L7.03503 10.8533C6.7549 11.2583 6.29382 11.5 5.80139 11.5H0.5V0.5Z" fill="%234285F4" stroke="%231A73E8"/></svg>');
423
- height: 10px;
424
- }
425
-
426
- .-theme-with-dark-background .cm-inline-breakpoint,
427
- :host-context(.-theme-with-dark-background) .cm-inline-breakpoint {
428
- content: url('data:image/svg+xml,<svg width="11" height="12" viewBox="0 0 11 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.5 0.5H5.80139C6.29382 0.5 6.7549 0.741701 7.03503 1.14669L10.392 6L7.03503 10.8533C6.7549 11.2583 6.29382 11.5 5.80139 11.5H0.5V0.5Z" fill="%235186EC" stroke="%231A73E8"/></svg>');
429
- }
430
-
431
- .cm-inline-breakpoint.cm-inline-disabled,
432
- .breakpoints-deactivated .cm-inline-breakpoint {
433
- content: url('data:image/svg+xml,<svg width="11" height="12" viewBox="0 0 11 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.5 0.5H5.80139C6.29382 0.5 6.7549 0.741701 7.03503 1.14669L10.392 6L7.03503 10.8533C6.7549 11.2583 6.29382 11.5 5.80139 11.5H0.5V0.5Z" fill="%234285F4" fill-opacity="0.2" stroke="%231A73E8"/></svg>');
434
- }
435
-
436
- .cm-inline-breakpoint.cm-inline-breakpoint-conditional {
437
- content: url('data:image/svg+xml,<svg width="11" height="12" viewBox="0 0 11 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.5 0.5H5.80139C6.29382 0.5 6.75489 0.741701 7.03503 1.14669L10.392 6L7.03503 10.8533C6.75489 11.2583 6.29382 11.5 5.80138 11.5H0.5V0.5Z" fill="%23F29900" stroke="%23E37400"/><path d="M3.51074 7.75635H4.68408V9H3.51074V7.75635ZM4.68408 7.23779H3.51074V6.56104C3.51074 6.271 3.55615 6.02344 3.64697 5.81836C3.73779 5.61328 3.90039 5.39648 4.13477 5.16797L4.53027 4.77686C4.71484 4.59814 4.83936 4.4502 4.90381 4.33301C4.97119 4.21582 5.00488 4.09424 5.00488 3.96826C5.00488 3.77197 4.9375 3.62402 4.80273 3.52441C4.66797 3.4248 4.46582 3.375 4.19629 3.375C3.9502 3.375 3.69238 3.42773 3.42285 3.5332C3.15625 3.63574 2.88232 3.78955 2.60107 3.99463V2.81689C2.88818 2.65283 3.17822 2.52979 3.47119 2.44775C3.76709 2.36279 4.06299 2.32031 4.35889 2.32031C4.95068 2.32031 5.41504 2.45801 5.75195 2.7334C6.08887 3.00879 6.25732 3.38818 6.25732 3.87158C6.25732 4.09424 6.20752 4.30225 6.10791 4.49561C6.0083 4.68604 5.8208 4.91602 5.54541 5.18555L5.15869 5.56348C4.95947 5.75684 4.83203 5.91504 4.77637 6.03809C4.7207 6.16113 4.69287 6.31201 4.69287 6.49072C4.69287 6.51709 4.69141 6.54785 4.68848 6.58301C4.68848 6.61816 4.68701 6.65625 4.68408 6.69727V7.23779Z" fill="white"/></svg>');
438
- }
439
-
440
- .-theme-with-dark-background .cm-inline-breakpoint.cm-inline-breakpoint-conditional,
441
- :host-context(.-theme-with-dark-background) .cm-inline-breakpoint.cm-inline-breakpoint-conditional {
442
- content: url('data:image/svg+xml,<svg width="11" height="12" viewBox="0 0 11 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.5 0.5H5.80139C6.29382 0.5 6.75489 0.741701 7.03503 1.14669L10.392 6L7.03503 10.8533C6.75489 11.2583 6.29382 11.5 5.80138 11.5H0.5V0.5Z" fill="%23e9a33a" stroke="%23E37400"/><path d="M3.51074 7.75635H4.68408V9H3.51074V7.75635ZM4.68408 7.23779H3.51074V6.56104C3.51074 6.271 3.55615 6.02344 3.64697 5.81836C3.73779 5.61328 3.90039 5.39648 4.13477 5.16797L4.53027 4.77686C4.71484 4.59814 4.83936 4.4502 4.90381 4.33301C4.97119 4.21582 5.00488 4.09424 5.00488 3.96826C5.00488 3.77197 4.9375 3.62402 4.80273 3.52441C4.66797 3.4248 4.46582 3.375 4.19629 3.375C3.9502 3.375 3.69238 3.42773 3.42285 3.5332C3.15625 3.63574 2.88232 3.78955 2.60107 3.99463V2.81689C2.88818 2.65283 3.17822 2.52979 3.47119 2.44775C3.76709 2.36279 4.06299 2.32031 4.35889 2.32031C4.95068 2.32031 5.41504 2.45801 5.75195 2.7334C6.08887 3.00879 6.25732 3.38818 6.25732 3.87158C6.25732 4.09424 6.20752 4.30225 6.10791 4.49561C6.0083 4.68604 5.8208 4.91602 5.54541 5.18555L5.15869 5.56348C4.95947 5.75684 4.83203 5.91504 4.77637 6.03809C4.7207 6.16113 4.69287 6.31201 4.69287 6.49072C4.69287 6.51709 4.69141 6.54785 4.68848 6.58301C4.68848 6.61816 4.68701 6.65625 4.68408 6.69727V7.23779Z" fill="white"/></svg>');
443
- }
444
-
445
- .cm-inline-breakpoint.cm-inline-breakpoint-conditional.cm-inline-disabled,
446
- .breakpoints-deactivated .cm-inline-breakpoint.cm-inline-breakpoint-conditional {
447
- content: url('data:image/svg+xml,<svg width="11" height="12" viewBox="0 0 11 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.5 0.5H5.80139C6.29382 0.5 6.75489 0.741701 7.03503 1.14669L10.392 6L7.03503 10.8533C6.75489 11.2583 6.29382 11.5 5.80138 11.5H0.5V0.5Z" fill="%23F9AB00" fill-opacity="0.2" stroke="%23E37400"/><path d="M3.51074 7.75635H4.68408V9H3.51074V7.75635ZM4.68408 7.23779H3.51074V6.56104C3.51074 6.271 3.55615 6.02344 3.64697 5.81836C3.73779 5.61328 3.90039 5.39648 4.13477 5.16797L4.53027 4.77686C4.71484 4.59814 4.83936 4.4502 4.90381 4.33301C4.97119 4.21582 5.00488 4.09424 5.00488 3.96826C5.00488 3.77197 4.9375 3.62402 4.80273 3.52441C4.66797 3.4248 4.46582 3.375 4.19629 3.375C3.9502 3.375 3.69238 3.42773 3.42285 3.5332C3.15625 3.63574 2.88232 3.78955 2.60107 3.99463V2.81689C2.88818 2.65283 3.17822 2.52979 3.47119 2.44775C3.76709 2.36279 4.06299 2.32031 4.35889 2.32031C4.95068 2.32031 5.41504 2.45801 5.75195 2.7334C6.08887 3.00879 6.25732 3.38818 6.25732 3.87158C6.25732 4.09424 6.20752 4.30225 6.10791 4.49561C6.0083 4.68604 5.8208 4.91602 5.54541 5.18555L5.15869 5.56348C4.95947 5.75684 4.83203 5.91504 4.77637 6.03809C4.7207 6.16113 4.69287 6.31201 4.69287 6.49072C4.69287 6.51709 4.69141 6.54785 4.68848 6.58301C4.68848 6.61816 4.68701 6.65625 4.68408 6.69727V7.23779Z" fill="%23E37400"/></svg>');
448
- }
449
-
450
- .cm-inline-breakpoint.cm-inline-logpoint {
451
- content: url('data:image/svg+xml,<svg width="11" height="12" viewBox="0 0 11 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.5 0.5H5.80139C6.29382 0.5 6.7549 0.741701 7.03503 1.14669L10.392 6L7.03503 10.8533C6.7549 11.2583 6.29382 11.5 5.80139 11.5H0.5V0.5Z" fill="%23F439A0" stroke="%23D01884"/><circle cx="3" cy="6" r="1" fill="white"/><circle cx="7" cy="6" r="1" fill="white"/></svg>');
452
- }
453
-
454
- .-theme-with-dark-background .cm-inline-breakpoint.cm-inline-logpoint,
455
- :host-context(.-theme-with-dark-background) .cm-inline-breakpoint.cm-inline-logpoint {
456
- content: url('data:image/svg+xml,<svg width="11" height="12" viewBox="0 0 11 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.5 0.5H5.80139C6.29382 0.5 6.7549 0.741701 7.03503 1.14669L10.392 6L7.03503 10.8533C6.7549 11.2583 6.29382 11.5 5.80139 11.5H0.5V0.5Z" fill="%23E54D9B" stroke="%23D01884"/><circle cx="3" cy="6" r="1" fill="white"/><circle cx="7" cy="6" r="1" fill="white"/></svg>');
457
- }
458
-
459
- .cm-inline-breakpoint.cm-inline-logpoint.cm-inline-disabled,
460
- .breakpoints-deactivated .cm-inline-breakpoint.cm-inline-logpoint {
461
- content: url('data:image/svg+xml,<svg width="11" height="12" viewBox="0 0 11 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.5 0.5H5.80139C6.29382 0.5 6.7549 0.741701 7.03503 1.14669L10.392 6L7.03503 10.8533C6.7549 11.2583 6.29382 11.5 5.80139 11.5H0.5V0.5Z" fill="%23F439A0" fill-opacity="0.2" stroke="%23D01884"/><circle cx="3" cy="6" r="1" fill="%23D01884"/><circle cx="7" cy="6" r="1" fill="%23D01884"/></svg>');
462
- }
463
-
464
- .cm-execution-line-tail + .CodeMirror-widget {
465
- --override-auto-gen-cmexecutionlinetailcodemirrorwidget-backgroundcolor: #abbffe;
466
-
467
- background-color: var(--override-auto-gen-cmexecutionlinetailcodemirrorwidget-backgroundcolor);
468
- }
469
-
470
- .-theme-with-dark-background .cm-execution-line-tail + .CodeMirror-widget,
471
- :host-context(.-theme-with-dark-background) .cm-execution-line-tail + .CodeMirror-widget {
472
- --override-auto-gen-cmexecutionlinetailcodemirrorwidget-backgroundcolor: rgb(1 21 84);
473
- }
474
-
475
- .source-frame-eval-expression + .CodeMirror-widget {
476
- --override-auto-gen-sourceframeevalexpressioncodemirrorwidget-backgroundcolor: rgb(255 255 194);
477
- --override-auto-gen-sourceframeevalexpressioncodemirrorwidget-border: rgb(163 41 34);
478
-
479
- border: 1px solid var(--override-auto-gen-sourceframeevalexpressioncodemirrorwidget-border);
480
- border-left-width: 0;
481
- border-right-width: 0;
482
- background-color: var(--override-auto-gen-sourceframeevalexpressioncodemirrorwidget-backgroundcolor);
483
- }
484
-
485
- .-theme-with-dark-background .source-frame-eval-expression + .CodeMirror-widget,
486
- :host-context(.-theme-with-dark-background) .source-frame-eval-expression + .CodeMirror-widget {
487
- --override-auto-gen-sourceframeevalexpressioncodemirrorwidget-border: rgb(221 99 92);
488
- --override-auto-gen-sourceframeevalexpressioncodemirrorwidget-backgroundcolor: rgb(61 61 0);
489
- }
490
-
491
- .cm-inline-breakpoint.cm-execution-line-tail {
492
- --override-auto-gen-cminlinebreakpointcmexecutionlinetail-backgroundcolor: #698cfe;
493
-
494
- background-color: var(--override-auto-gen-cminlinebreakpointcmexecutionlinetail-backgroundcolor);
495
- }
496
-
497
- .-theme-with-dark-background .cm-inline-breakpoint.cm-execution-line-tail,
498
- :host-context(.-theme-with-dark-background) .cm-inline-breakpoint.cm-execution-line-tail {
499
- --override-auto-gen-cminlinebreakpointcmexecutionlinetail-backgroundcolor: rgb(1 36 150);
500
- }
501
-
502
- .cm-execution-line-tail .cm-inline-breakpoint {
503
- background-color: var(--color-background);
504
- }
505
-
506
- .cm-inline-breakpoint.cm-inline-conditional {
507
- --override-auto-gen-cminlinebreakpointcminlineconditional-backgroundcolor: #ef9d0d;
508
-
509
- background-color: var(--override-auto-gen-cminlinebreakpointcminlineconditional-backgroundcolor);
510
- }
511
-
512
- .-theme-with-dark-background .cm-inline-breakpoint.cm-inline-conditional,
513
- :host-context(.-theme-with-dark-background) .cm-inline-breakpoint.cm-inline-conditional {
514
- --override-auto-gen-cminlinebreakpointcminlineconditional-backgroundcolor: rgb(242 160 16);
515
- }
516
-
517
- .cm-continue-to-location {
518
- cursor: pointer;
519
- opacity: 80%;
520
- position: relative;
521
- top: 2px;
522
- }
523
-
524
- .cm-continue-to-location:hover {
525
- opacity: 100%;
526
- }
527
-
528
- div.CodeMirror:focus-within span.CodeMirror-matchingbracket {
529
- --override-auto-gen-divcodemirrorfocuswithinspancodemirrormatchingbracket-borderbottom: rgb(0 0 0 / 50%);
530
- --override-auto-gen-divcodemirrorfocuswithinspancodemirrormatchingbracket-backgroundcolor: rgb(0 0 0 / 7%);
531
-
532
- background-color: var(--override-auto-gen-divcodemirrorfocuswithinspancodemirrormatchingbracket-backgroundcolor);
533
- border-bottom: 1px solid var(--override-auto-gen-divcodemirrorfocuswithinspancodemirrormatchingbracket-borderbottom);
534
- }
535
-
536
- div.CodeMirror:focus-within span.CodeMirror-nonmatchingbracket {
537
- --override-auto-gen-divcodemirrorfocuswithinspancodemirrornonmatchingbracket-borderbottom: rgb(255 0 0 / 50%);
538
- --override-auto-gen-divcodemirrorfocuswithinspancodemirrornonmatchingbracket-backgroundcolor: rgb(255 0 0 / 7%);
539
-
540
- background-color: var(--override-auto-gen-divcodemirrorfocuswithinspancodemirrornonmatchingbracket-backgroundcolor);
541
- border-bottom: 1px solid var(--override-auto-gen-divcodemirrorfocuswithinspancodemirrornonmatchingbracket-borderbottom);
542
- }
543
-
544
- .-theme-with-dark-background div.CodeMirror:focus-within span.CodeMirror-matchingbracket,
545
- :host-context(.-theme-with-dark-background) div.CodeMirror:focus-within span.CodeMirror-matchingbracket {
546
- border-bottom: 1px solid rgb(217 217 217);
547
- background-color: initial;
548
- }
549
-
550
- .-theme-with-dark-background div.CodeMirror:focus-within span.CodeMirror-nonmatchingbracket,
551
- :host-context(.-theme-with-dark-background) div.CodeMirror:focus-within span.CodeMirror-nonmatchingbracket {
552
- border-bottom: 1px solid rgb(255 26 26);
553
- background-color: initial;
554
- }
555
-
556
- .cm-whitespace::before {
557
- --override-auto-gen-cmwhitespacebefore-color: rgb(175 175 175);
558
-
559
- position: absolute;
560
- pointer-events: none;
561
- color: var(--override-auto-gen-cmwhitespacebefore-color);
562
- }
563
-
564
- .-theme-with-dark-background .cm-whitespace::before,
565
- :host-context(.-theme-with-dark-background) .cm-whitespace::before {
566
- --override-auto-gen-cmwhitespacebefore-color: rgb(80 80 80);
567
- }
568
-
569
- .cm-tab {
570
- display: inline-block;
571
- text-decoration: inherit;
572
- position: relative;
573
- }
574
-
575
- .cm-tab::before {
576
- --override-auto-gen-cmtabbefore-borderbottom: rgb(175 175 175);
577
-
578
- display: none;
579
- content: ".";
580
- color: transparent;
581
- border-bottom: 1px solid var(--override-auto-gen-cmtabbefore-borderbottom);
582
- position: absolute;
583
- width: 90%;
584
- bottom: 50%;
585
- left: 5%;
586
- }
587
-
588
- .-theme-with-dark-background .cm-tab::before,
589
- :host-context(.-theme-with-dark-background) .cm-tab::before {
590
- --override-auto-gen-cmtabbefore-borderbottom: rgb(80 80 80);
591
- }
592
-
593
- .show-whitespaces .CodeMirror .cm-tab::before {
594
- display: block !important; /* stylelint-disable-line declaration-no-important */
595
- }
596
-
597
- .cm-execution-line {
598
- --override-auto-gen-cmexecutionline-backgroundcolor: rgb(0 59 255 / 10%);
599
-
600
- background-color: var(--override-auto-gen-cmexecutionline-backgroundcolor);
601
- }
602
-
603
- .cm-execution-line-outline {
604
- --override-auto-gen-cmexecutionlineoutline-outline: rgb(64 115 244);
605
-
606
- outline: 1px solid var(--override-auto-gen-cmexecutionlineoutline-outline);
607
- }
608
-
609
- .cm-execution-line-tail {
610
- --override-auto-gen-cmexecutionlinetail-backgroundcolor: rgb(171 191 254);
611
-
612
- background-color: var(--override-auto-gen-cmexecutionlinetail-backgroundcolor);
613
- }
614
-
615
- .-theme-with-dark-background .cm-execution-line,
616
- :host-context(.-theme-with-dark-background) .cm-execution-line {
617
- background-color: #14522b;
618
- }
619
-
620
- .-theme-with-dark-background .cm-execution-line-outline,
621
- :host-context(.-theme-with-dark-background) .cm-execution-line-outline {
622
- outline: 1px solid #33cc6b;
623
- }
624
-
625
- .-theme-with-dark-background .cm-execution-line-tail,
626
- :host-context(.-theme-with-dark-background) .cm-execution-line-tail {
627
- background-color: #347132;
628
- }
629
-
630
- .cm-token-highlight {
631
- position: relative;
632
- }
633
-
634
- .cm-token-highlight::before {
635
- position: absolute;
636
- border: 1px solid var(--override-search-highlight-border-color);
637
- border-radius: 3px;
638
- top: 0;
639
- bottom: -1px;
640
- left: 0;
641
- right: 0;
642
- content: "";
643
- }
644
-
645
- .cm-line-with-selection .cm-column-with-selection::before {
646
- border: none;
647
- }
648
-
649
- .cm-search-highlight {
650
- position: relative;
651
- }
652
-
653
- .cm-search-highlight::before {
654
- position: absolute;
655
- border-top: 1px solid var(--override-search-highlight-border-color);
656
- border-bottom: 1px solid var(--override-search-highlight-border-color);
657
- top: -1px;
658
- bottom: 0;
659
- left: 0;
660
- right: 0;
661
- content: "";
662
- }
663
-
664
- .cm-search-highlight-full::before {
665
- border: 1px solid var(--override-search-highlight-border-color);
666
- border-radius: 3px;
667
- }
668
-
669
- .cm-search-highlight-start::before {
670
- border-left: 1px solid var(--override-search-highlight-border-color);
671
- border-top-left-radius: 2px;
672
- border-bottom-left-radius: 2px;
673
- }
674
-
675
- .cm-search-highlight-end::before {
676
- border-right: 1px solid var(--override-search-highlight-border-color);
677
- border-top-right-radius: 2px;
678
- border-bottom-right-radius: 2px;
679
- }
680
-
681
- .cm-line-with-selection .cm-column-with-selection.cm-search-highlight-full::before {
682
- border-radius: 1px;
683
- }
684
-
685
- .cm-line-with-selection .cm-column-with-selection.cm-search-highlight-start::before {
686
- border-top-left-radius: 1px;
687
- border-bottom-left-radius: 1px;
688
- }
689
-
690
- .cm-line-with-selection .cm-column-with-selection.cm-search-highlight-end::before {
691
- border-top-right-radius: 1px;
692
- border-bottom-right-radius: 1px;
693
- }
694
-
695
- .cm-line-with-selection .cm-column-with-selection.cm-search-highlight::before {
696
- --override-auto-gen-cmlinewithselectioncmcolumnwithselectioncmsearchhighlightbefore-backgroundcolor: rgb(241 234 0);
697
-
698
- margin: -1px;
699
- background-color: var(--override-auto-gen-cmlinewithselectioncmcolumnwithselectioncmsearchhighlightbefore-backgroundcolor);
700
- z-index: -1;
701
- }
702
-
703
- .-theme-with-dark-background .cm-line-with-selection .cm-column-with-selection.cm-search-highlight::before,
704
- :host-context(.-theme-with-dark-background) .cm-line-with-selection .cm-column-with-selection.cm-search-highlight::before {
705
- background-color: hsl(133deg 100% 30%);
706
- }
707
-
708
- .-theme-with-dark-background .cm-line-with-selection .cm-search-highlight,
709
- :host-context(.-theme-with-dark-background) .cm-line-with-selection .cm-search-highlight {
710
- color: #eee;
711
- }
712
-
713
- .CodeMirror .text-editor-line-marker-text {
714
- text-align: right;
715
- padding-right: 3px;
716
- height: 12px;
717
- }
718
-
719
- .CodeMirror .text-editor-line-marker-text span.line-marker-units {
720
- color: var(--color-text-secondary);
721
- font-size: 75%;
722
- margin-left: 3px;
723
- }
724
-
725
- .CodeMirror .text-editor-coverage-unused-marker {
726
- text-align: right;
727
- padding-right: 2px;
728
- background-color: var(--color-accent-red);
729
- }
730
-
731
- .CodeMirror .text-editor-coverage-unused-marker::after {
732
- content: "\200B";
733
- }
734
-
735
- .CodeMirror .text-editor-coverage-used-marker {
736
- --override-auto-gen-codemirrortexteditorcoverageusedmarker-backgroundcolor: #63acbe;
737
-
738
- text-align: right;
739
- padding-right: 2px;
740
- background-color: var(--override-auto-gen-codemirrortexteditorcoverageusedmarker-backgroundcolor);
741
- }
742
-
743
- .-theme-with-dark-background .CodeMirror .text-editor-coverage-used-marker,
744
- :host-context(.-theme-with-dark-background) .CodeMirror .text-editor-coverage-used-marker {
745
- --override-auto-gen-codemirrortexteditorcoverageusedmarker-backgroundcolor: rgb(65 138 156);
746
- }
747
-
748
- .CodeMirror .text-editor-coverage-used-marker::after {
749
- content: "\200B";
750
- }
751
-
752
- .CodeMirror .text-editor-line-decoration {
753
- position: absolute;
754
- }
755
-
756
- .CodeMirror .text-editor-line-decoration-wave {
757
- position: absolute;
758
- top: -2px;
759
- right: -4px;
760
- left: 4px;
761
- cursor: pointer;
762
- height: 4px;
763
- background-image: var(--image-file-errorWave);
764
- background-repeat: repeat-x;
765
- background-size: contain;
766
- }
767
-
768
- .CodeMirror .text-editor-value-decoration {
769
- --override-auto-gen-codemirrortexteditorvaluedecoration-backgroundcolor: #ffe3c7;
770
-
771
- position: absolute;
772
- bottom: 0;
773
- white-space: nowrap;
774
- overflow: hidden;
775
- text-overflow: ellipsis;
776
- max-width: 1000px;
777
- opacity: 80%;
778
- background-color: var(--override-auto-gen-codemirrortexteditorvaluedecoration-backgroundcolor);
779
- margin-left: 10px;
780
- padding-left: 5px;
781
- color: var(--color-text-primary);
782
- user-select: text;
783
- }
784
-
785
- .-theme-with-dark-background .CodeMirror .text-editor-value-decoration,
786
- :host-context(.-theme-with-dark-background) .CodeMirror .text-editor-value-decoration {
787
- --override-auto-gen-codemirrortexteditorvaluedecoration-backgroundcolor: rgb(56 28 0);
788
- }
789
-
790
- .CodeMirror .cm-execution-line .text-editor-value-decoration {
791
- background-color: transparent;
792
- opacity: 50%;
793
- }
794
-
795
- .CodeMirror .text-editor-line-decoration-icon {
796
- cursor: pointer;
797
- }
798
-
799
- .CodeMirror .text-editor-line-decoration-icon > * {
800
- vertical-align: text-bottom;
801
- margin-left: 2px;
802
- }
803
-
804
- .CodeMirror .text-editor-line-decoration-icon-issue {
805
- cursor: pointer;
806
- }
807
-
808
- .CodeMirror .text-editor-line-with-warning:not(.cm-execution-line):not(.cm-readonly-highlight) {
809
- --override-auto-gen-codemirrortexteditorlinewithwarningnotcmexecutionlinenotcmreadonlyhighlight-backgroundcolor: rgb(241 230 0 / 10%);
810
-
811
- background-color: var(--override-auto-gen-codemirrortexteditorlinewithwarningnotcmexecutionlinenotcmreadonlyhighlight-backgroundcolor);
812
- }
813
-
814
- .-theme-with-dark-background .CodeMirror .text-editor-line-with-warning:not(.cm-execution-line):not(.cm-readonly-highlight),
815
- :host-context(.-theme-with-dark-background) .CodeMirror .text-editor-line-with-warning:not(.cm-execution-line):not(.cm-readonly-highlight) {
816
- --override-auto-gen-codemirrortexteditorlinewithwarningnotcmexecutionlinenotcmreadonlyhighlight-backgroundcolor: rgb(255 244 14 / 10%);
817
- }
818
-
819
- .CodeMirror .text-editor-line-with-error:not(.cm-execution-line):not(.cm-readonly-highlight) {
820
- --override-auto-gen-codemirrortexteditorlinewitherrornotcmexecutionlinenotcmreadonlyhighlight-backgroundcolor: rgb(255 0 0 / 5%);
821
-
822
- background-color: var(--override-auto-gen-codemirrortexteditorlinewitherrornotcmexecutionlinenotcmreadonlyhighlight-backgroundcolor);
823
- }
824
-
825
- .-theme-with-dark-background .CodeMirror .text-editor-line-with-error:not(.cm-execution-line):not(.cm-readonly-highlight),
826
- :host-context(.-theme-with-dark-background) .CodeMirror .text-editor-line-with-error:not(.cm-execution-line):not(.cm-readonly-highlight) {
827
- --override-auto-gen-codemirrortexteditorlinewitherrornotcmexecutionlinenotcmreadonlyhighlight-backgroundcolor: rgb(255 0 0 / 5%);
828
- }
829
-
830
- .CodeMirror .CodeMirror-vscrollbar,
831
- .CodeMirror .CodeMirror-hscrollbar {
832
- transform: translateZ(0);
833
- }
834
-
835
- .-theme-with-dark-background .CodeMirror .CodeMirror-vscrollbar,
836
- .-theme-with-dark-background .CodeMirror .CodeMirror-hscrollbar {
837
- /**
838
- * CodeMirror scrollbars are implemented as overflowing elements on top of the
839
- * scrollable content. The actual content is a viewport without scrollbars.
840
- * When using a dark theme, we should inform Blink that the content is dark,
841
- * so that the native scrollbars are colored accordingly.
842
- */
843
- background: rgb(0 0 0 / 1%);
844
- }
845
-
846
- .cm-trailing-whitespace {
847
- --override-auto-gen-cmtrailingwhitespace-backgroundcolor: rgb(255 0 0 / 5%);
848
-
849
- background-color: var(--override-auto-gen-cmtrailingwhitespace-backgroundcolor);
850
- }
851
-
852
- .-theme-with-dark-background .cm-trailing-whitespace,
853
- :host-context(.-theme-with-dark-background) .cm-trailing-whitespace {
854
- --override-auto-gen-cmtrailingwhitespace-backgroundcolor: rgb(255 0 0 / 5%);
855
- }
856
-
857
- .CodeMirror-activeline .cm-trailing-whitespace {
858
- background-color: transparent;
859
- }
860
-
861
- .CodeMirror .CodeMirror-selected {
862
- background-color: var(--legacy-item-selection-inactive-bg-color);
863
- }
864
-
865
- .CodeMirror-focused .CodeMirror-selected {
866
- background-color: var(--legacy-item-selection-bg-color);
867
- }
868
-
869
- .-theme-with-dark-background .CodeMirror .CodeMirror-selected,
870
- :host-context(.-theme-with-dark-background) .CodeMirror .CodeMirror-selected {
871
- background-color: #454545;
872
- }
873
-
874
- .-theme-with-dark-background span.CodeMirror-selectedtext,
875
- :host-context(.-theme-with-dark-background) span.CodeMirror-selectedtext {
876
- background-color: #454545;
877
- }
878
-
879
- .CodeMirror .auto-complete-text {
880
- color: var(--color-text-secondary);
881
- }
882
-
883
- .CodeMirror .placeholder-text {
884
- height: 0;
885
- color: var(--color-text-secondary);
886
- }
887
-
888
- .CodeMirror textarea {
889
- resize: none;
890
- overflow: hidden;
891
- }
892
-
893
- .CodeMirror-lines {
894
- padding: 4px 0; /* Vertical padding around content */
895
- }
896
-
897
- .CodeMirror pre {
898
- padding: 0 4px; /* Horizontal padding of content */
899
- }
900
-
901
- .CodeMirror-scrollbar-filler,
902
- .CodeMirror-gutter-filler {
903
- /* The little square between H and V scrollbars */
904
- background-color: var(--color-background);
905
- }
906
-
907
- .CodeMirror div.CodeMirror-secondarycursor {
908
- --override-auto-gen-codemirrordivcodemirrorsecondarycursor-borderleft: #c0c0c0;
909
-
910
- border-left: 1px solid var(--override-auto-gen-codemirrordivcodemirrorsecondarycursor-borderleft);
911
- }
912
-
913
- .-theme-with-dark-background .CodeMirror div.CodeMirror-secondarycursor,
914
- :host-context(.-theme-with-dark-background) .CodeMirror div.CodeMirror-secondarycursor {
915
- --override-auto-gen-codemirrordivcodemirrorsecondarycursor-borderleft: rgb(63 63 63);
916
- }
917
-
918
- .CodeMirror-composing {
919
- border-bottom: 2px solid;
920
- }
921
-
922
- .CodeMirror-foldmarker {
923
- cursor: pointer;
924
- font-size: 0;
925
- line-height: 0;
926
- height: 0;
927
- }
928
-
929
- .CodeMirror-foldmarker::before {
930
- content: "\2026";
931
- font-size: 13px;
932
- color: var(--color-text-secondary);
933
- }
934
-
935
- .CodeMirror-foldgutter {
936
- width: 1.5em;
937
- }
938
-
939
- .CodeMirror-gutters:hover .CodeMirror-foldgutter {
940
- background-color: transparent;
941
- }
942
-
943
- .CodeMirror-foldgutter-open,
944
- .CodeMirror-foldgutter-folded {
945
- cursor: pointer;
946
- position: relative;
947
- }
948
-
949
- .CodeMirror-foldgutter-open {
950
- transition: opacity 0.2s;
951
- opacity: 0%;
952
- }
953
-
954
- .CodeMirror-gutter-hovered .CodeMirror-foldgutter-open {
955
- opacity: 100%;
956
- }
957
-
958
- .CodeMirror-foldgutter-open::before,
959
- .CodeMirror-foldgutter-folded::before {
960
- background-color: var(--color-text-secondary);
961
- user-select: none;
962
- -webkit-mask-image: var(--image-file-treeoutlineTriangles);
963
- -webkit-mask-size: 32px 24px;
964
- content: "";
965
- display: block;
966
- width: 8px;
967
- color: transparent;
968
- text-shadow: none;
969
- height: 12px;
970
- position: absolute;
971
- right: 4px;
972
- }
973
-
974
- .CodeMirror-foldgutter-open::before {
975
- -webkit-mask-position: -16px 0;
976
- }
977
-
978
- .CodeMirror-foldgutter-folded::before {
979
- -webkit-mask-position: 0 0;
980
- }
981
-
982
- .CodeMirror .CodeMirror-line::selection,
983
- .CodeMirror .CodeMirror-line > span::selection,
984
- .CodeMirror .CodeMirror-line > span > span::selection {
985
- background: var(--legacy-item-selection-bg-color);
986
- }
987
-
988
- @media (forced-colors: active) {
989
- .cm-token-highlight::before {
990
- forced-color-adjust: none;
991
- border-color: Highlight;
992
- }
993
- }
994
-
995
- /* stylelint-enable no-descending-specificity */