Merge mozilla-central to autoland a=merge on a CLOSED TREE
authorCoroiu Cristina <ccoroiu@mozilla.com>
Tue, 12 Feb 2019 18:35:15 +0200
changeset 458759 f107a86c128d
parent 458758 3405ab9c5c7b (current diff)
parent 458703 c849fb69e2e7 (diff)
child 458760 b6f75644ba86
push id35548
push useropoprus@mozilla.com
push dateWed, 13 Feb 2019 09:48:26 +0000
treeherdermozilla-central@93e37c529818 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersmerge
milestone67.0a1
first release with
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
last release without
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
Merge mozilla-central to autoland a=merge on a CLOSED TREE
devtools/client/debugger/new/images/aframe.svg
devtools/client/debugger/new/images/angular.svg
devtools/client/debugger/new/images/babel.svg
devtools/client/debugger/new/images/backbone.svg
devtools/client/debugger/new/images/choo.svg
devtools/client/debugger/new/images/coffeescript.svg
devtools/client/debugger/new/images/dojo.svg
devtools/client/debugger/new/images/domain.svg
devtools/client/debugger/new/images/ember.svg
devtools/client/debugger/new/images/extension.svg
devtools/client/debugger/new/images/file.svg
devtools/client/debugger/new/images/immutable.svg
devtools/client/debugger/new/images/javascript.svg
devtools/client/debugger/new/images/jquery.svg
devtools/client/debugger/new/images/lodash.svg
devtools/client/debugger/new/images/magnifying-glass.svg
devtools/client/debugger/new/images/marko.svg
devtools/client/debugger/new/images/mobx.svg
devtools/client/debugger/new/images/nextjs.svg
devtools/client/debugger/new/images/nuxtjs.svg
devtools/client/debugger/new/images/preact.svg
devtools/client/debugger/new/images/pug.svg
devtools/client/debugger/new/images/react.svg
devtools/client/debugger/new/images/redux.svg
devtools/client/debugger/new/images/rxjs.svg
devtools/client/debugger/new/images/sencha-extjs.svg
devtools/client/debugger/new/images/typescript.svg
devtools/client/debugger/new/images/underscore.svg
devtools/client/debugger/new/images/vuejs.svg
devtools/client/debugger/new/images/webpack.svg
gfx/wr/webrender/src/picture.rs
--- a/devtools/client/debugger/new/README.mozilla
+++ b/devtools/client/debugger/new/README.mozilla
@@ -1,13 +1,13 @@
 This is the debugger.html project output.
 See https://github.com/devtools-html/debugger.html
 
-Version 124
+Version 125
 
-Comparison: https://github.com/devtools-html/debugger.html/compare/release-123...release-124
+Comparison: https://github.com/devtools-html/debugger.html/compare/release-124...release-125
 
 Packages:
 - babel-plugin-transform-es2015-modules-commonjs @6.26.2
 - babel-preset-react @6.24.1
 - react @16.4.1
 - react-dom @16.4.1
 - webpack @3.12.0
--- a/devtools/client/debugger/new/dist/debugger.css
+++ b/devtools/client/debugger/new/dist/debugger.css
@@ -548,18 +548,18 @@ html[dir="rtl"] .tree-node button.arrow 
  * License, v. 2.0. If a copy of the MPL was not distributed with this
  * file, You can obtain one at <http://mozilla.org/MPL/2.0/>. */
 
 :root {
   /* header height is 28px + 1px for its border */
   --editor-header-height: 29px;
   /* footer height is 24px + 1px for its border */
   --editor-footer-height: 25px;
-  /* searchbar height is 24px + 2px for its top and bottom borders */
-  --editor-searchbar-height: 26px;
+  /* searchbar height is 24px + 1px for its top border */
+  --editor-searchbar-height: 25px;
 }
 
 :root.theme-light,
 :root .theme-light {
   --search-overlays-semitransparent: rgba(221, 225, 228, 0.66);
   --popup-shadow-color: #d0d0d0;
 }
 
@@ -607,33 +607,16 @@ button:focus {
   height: 100%;
   overflow: hidden;
 }
 
 .editor-container {
   width: 100%;
 }
 
-.search-container {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  display: flex;
-  z-index: 200;
-  background-color: var(--search-overlays-semitransparent);
-}
-
-.search-container .close-button {
-  width: 16px;
-  margin-top: 25px;
-  margin-right: 20px;
-}
-
 /* Utils */
 .absolute-center {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
 }
 
@@ -1054,91 +1037,245 @@ menuseparator {
 html:not([dir="rtl"]) .managed-tree .tree .node > div {
   margin-left: 10px;
 }
 
 html[dir="rtl"] .managed-tree .tree .node > div {
   margin-right: 10px;
 }
 
-.managed-tree .tree .node.focused svg {
-  fill: white;
-}
-
 .managed-tree .tree-node button {
   position: fixed;
 }
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at <http://mozilla.org/MPL/2.0/>. */
+
 .img {
-  /* default height an width which will likely be overrode */
-  width: 12px;
-  height: 12px;
-  /* makes span appear like an image */
   display: inline-block;
-  background: var(--theme-icon-color);
-  mask-size: 100%;
-}
-
-.img.arrow.arrow.expanded {
-  transform: rotate(0deg);
+  width: 16px;
+  height: 16px;
+  vertical-align: middle;
+  /* use background-color for the icon color, and mask-image for its shape */
+  background-color: var(--theme-icon-color);
+  mask-size: contain;
+  mask-repeat: no-repeat;
+  mask-position: center;
+}
+
+/* Expand arrow icon */
+.img.arrow {
+  width: 10px;
+  height: 10px;
+  mask-image: url("resource://devtools/client/debugger/new/images/arrow.svg");
+  /* we may override the width/height in specific contexts to make the
+     clickable area bigger, but we should always keep the mask size 10x10 */
+  mask-size: 10px 10px;
+  background-color: var(--theme-icon-dimmed-color);
+  transform: rotate(-90deg);
+  transition: transform 180ms var(--animation-curve);
+}
+
+html[dir="rtl"] .img.arrow {
+  transform: rotate(90deg);
+}
+
+.img.arrow.expanded {
+  /* icon should always point to the bottom (default) when expanded,
+  regardless of the text direction */
+  transform: none !important;
+}
+
+.img.arrow-down {
+  mask-image: url("resource://devtools/client/debugger/new/images/arrow-down.svg");
+}
+
+.img.arrow-up {
+  mask-image: url("resource://devtools/client/debugger/new/images/arrow-up.svg");
+}
+
+.img.blackBox {
+  mask-image: url("resource://devtools/client/debugger/new/images/blackBox.svg");
+}
+
+.img.breadcrumb {
+  mask-image: url("resource://devtools/client/debugger/new/images/breadcrumbs-divider.svg");
+}
+
+.img.case-match {
+  mask-image: url("resource://devtools/client/debugger/new/images/case-match.svg");
+}
+
+.img.close {
+  mask-image: url("resource://devtools/client/debugger/new/images/close.svg");
+}
+
+.img.disable-pausing {
+  mask-image: url("resource://devtools/client/debugger/new/images/disable-pausing.svg");
+}
+
+.img.globe {
+  mask-image: url("resource://devtools/client/debugger/new/images/globe.svg");
+}
+
+.img.globe-small {
+  mask-image: url("resource://devtools/client/debugger/new/images/globe-small.svg");
+  mask-size: 12px 12px;
+}
+
+.img.file {
+  mask-image: url("resource://devtools/client/debugger/new/images/file-small.svg");
+  mask-size: 12px 12px;
+}
+
+.img.folder {
+  mask-image: url("resource://devtools/client/debugger/new/images/folder.svg");
+}
+
+.img.home {
+  mask-image: url("resource://devtools/client/debugger/new/images/home.svg");
+}
+
+.img.loader {
+  mask-image: url("resource://devtools/client/debugger/new/images/loader.svg");
+}
+
+.img.more-tabs {
+  mask-image: url("resource://devtools/client/debugger/new/images/command-chevron.svg");
+}
+
+html[dir="rtl"] .img.more-tabs {
+  transform: scaleX(-1);
+}
+
+.img.next {
+  mask-image: url("resource://devtools/client/debugger/new/images/next.svg");
+}
+
+.img.next-circle {
+  mask-image: url("resource://devtools/client/debugger/new/images/next-circle.svg");
+}
+
+.img.pane-collapse {
+  mask-image: url("resource://devtools/client/debugger/new/images/pane-collapse.svg");
+}
+
+.img.pane-expand {
+  mask-image: url("resource://devtools/client/debugger/new/images/pane-expand.svg");
+}
+
+.img.pause {
+  mask-image: url("resource://devtools/client/debugger/new/images/pause.svg");
+}
+
+.img.plus {
+  mask-image: url("resource://devtools/client/debugger/new/images/plus.svg");
+}
+
+.img.prettyPrint {
+  mask-image: url("resource://devtools/client/debugger/new/images/prettyPrint.svg");
+}
+
+.img.refresh {
+  mask-image: url("resource://devtools/client/debugger/new/images/reload.svg");
+}
+
+.img.regex-match {
+  mask-image: url("resource://devtools/client/debugger/new/images/regex-match.svg");
+}
+
+.img.resume {
+  mask-image: url("resource://devtools/client/debugger/new/images/resume.svg");
+}
+
+.img.reverseStepIn {
+  mask-image: url("resource://devtools/client/debugger/new/images/stepIn.svg");
+  transform: scaleX(-1);
+}
+
+.img.reverseStepOut {
+  mask-image: url("resource://devtools/client/debugger/new/images/stepOut.svg");
+  transform: scaleX(-1);
+}
+
+.img.reverseStepOver {
+  mask-image: url("resource://devtools/client/debugger/new/images/stepOver.svg");
+  transform: scaleX(-1);
+}
+
+.img.rewind {
+  mask-image: url("resource://devtools/client/debugger/new/images/rewind.svg");
+}
+
+.img.search {
+  mask-image: url("resource://devtools/client/debugger/new/images/search.svg");
+}
+
+.img.shortcuts {
+  mask-image: url("resource://devtools/client/debugger/new/images/help.svg");
+}
+
+.img.stepIn {
+  mask-image: url("resource://devtools/client/debugger/new/images/stepIn.svg");
+}
+
+.img.stepOut {
+  mask-image: url("resource://devtools/client/debugger/new/images/stepOut.svg");
+}
+
+.img.stepOver {
+  mask-image: url("resource://devtools/client/debugger/new/images/stepOver.svg");
+}
+
+.img.tab {
+  mask-image: url("resource://devtools/client/debugger/new/images/tab.svg");
+}
+
+.img.whole-word-match {
+  mask-image: url("resource://devtools/client/debugger/new/images/whole-word-match.svg");
+}
+
+.img.worker {
+  mask-image: url("resource://devtools/client/debugger/new/images/worker.svg");
 }
 /* This Source Code Form is subject to the terms of the Mozilla Public
  * License, v. 2.0. If a copy of the MPL was not distributed with this
  * file, You can obtain one at <http://mozilla.org/MPL/2.0/>. */
 
 .close-btn {
-  width: 14px;
-  height: 14px;
+  width: 16px;
+  height: 16px;
   border: 1px solid transparent;
   border-radius: 2px;
-  display: flex;
-  flex-direction: row;
-  justify-content: center;
-  align-items: center;
-  padding: 0;
-}
-
-.close-btn .close {
-  mask: url("resource://devtools/client/debugger/new/images/close.svg") no-repeat;
-  mask-size: 100%;
-  background-color: var(--theme-comment);
-  width: 8px;
-  height: 8px;
-  padding: 0;
-  margin-top: 0;
-}
-
-.close-btn .close:hover {
-  background-color: var(--theme-comment);
-}
-
-.close-btn:hover .img.close {
-  background-color: white;
-}
-
-.close-btn:hover {
+  padding: 1px;
+  color: var(--theme-icon-color);
+}
+
+.close-btn:hover,
+.close-btn:focus {
+  color: var(--theme-selection-color);
   background-color: var(--theme-selection-background);
 }
 
-.close-btn:focus {
-  background-color: var(--theme-selection-background);
-}
-
-.close-btn:focus .img.close {
-  background-color: white;
+.close-btn .img {
+  display: block;
+  width: 12px;
+  height: 12px;
+  /* inherit the button's text color for the icon's color */
+  background-color: currentColor;
 }
 
 .close-btn.big {
+  width: 20px;
+  height: 20px;
+}
+
+.close-btn.big .img {
   width: 16px;
-  height: 18px;
-}
-
-img.close::before {
-  width: 100%;
-  height: 100%;
-  padding: 6px;
+  height: 16px;
 }
 /* This Source Code Form is subject to the terms of the Mozilla Public
  * License, v. 2.0. If a copy of the MPL was not distributed with this
  * file, You can obtain one at <http://mozilla.org/MPL/2.0/>. */
 
 .command-bar-button {
   appearance: none;
   background: transparent;
@@ -1202,592 +1339,140 @@ html[dir="ltr"] .toggle-button.end:not(.
 
 .toggle-button.end.vertical .img {
   transform: rotate(-90deg);
 }
 /* This Source Code Form is subject to the terms of the Mozilla Public
  * License, v. 2.0. If a copy of the MPL was not distributed with this
  * file, You can obtain one at <http://mozilla.org/MPL/2.0/>. */
 
-.arrow,
-.worker,
-.refresh,
-.shortcut,
-.add-button {
-  fill: var(--theme-splitter-color);
-}
-
-.img.folder,
-.img.domain,
-.img.file,
-.img.extension,
-.img.worker {
-  background-color: var(--theme-comment);
-}
-
-.worker,
-.file,
-.folder,
-.sources-list .source-icon,
-.extension {
-  position: relative;
-  top: 2px;
-}
-
-.domain,
-.worker,
-.refresh,
-.add-button {
-  position: relative;
-  top: 1px;
-}
-
-.worker svg,
-.refresh svg,
-.shortcut svg,
-.add-button svg {
-  width: 15px;
-}
-
-.img.domain,
-.img.folder {
-  width: 15px;
-  height: 15px;
-}
-
-.img.extension,
-.img.worker {
-  width: 13px;
-  height: 13px;
-  margin-inline-start: 2px;
-}
-
-.img.result-item-icon {
-  height: 18px;
-  width: 18px;
-}
-
-.img.domain {
-  mask: url("resource://devtools/client/debugger/new/images/domain.svg") no-repeat;
-  mask-size: 100%;
-}
-
-.img.folder {
-  mask: url("resource://devtools/client/debugger/new/images/folder.svg") no-repeat;
-  mask-size: 100%;
-}
-
-.img.coffeescript {
-  mask: url("resource://devtools/client/debugger/new/images/coffeescript.svg") no-repeat;
-  mask-size: 100%;
-}
-
-.img.javascript {
-  mask: url("resource://devtools/client/debugger/new/images/javascript.svg") no-repeat;
-  mask-size: 100%;
-}
-
-.img.tab {
-  mask: url("resource://devtools/client/debugger/new/images/tab.svg") no-repeat;
-  mask-size: 100%;
-}
-
-.img.react {
-  mask: url("resource://devtools/client/debugger/new/images/react.svg") no-repeat;
-  mask-size: 100%;
-}
-
-.img.aframe {
-  background-image: url("resource://devtools/client/debugger/new/images/aframe.svg");
-  background-size: 15px 15px;
-}
-
-.img.babel {
-  mask: url("resource://devtools/client/debugger/new/images/babel.svg") no-repeat;
-  mask-size: 100%;
-}
-
-.img.backbone {
-  mask: url("resource://devtools/client/debugger/new/images/backbone.svg") no-repeat;
-  mask-size: 100%;
-}
-
-.img.choo {
-  mask: url("resource://devtools/client/debugger/new/images/choo.svg") no-repeat;
-  mask-size: 100%;
-}
-
-.img.dojo {
-  background-image: url("resource://devtools/client/debugger/new/images/dojo.svg");
-}
-
-.img.ember {
-  background-image: url("resource://devtools/client/debugger/new/images/ember.svg");
-}
-
-.img.immutable {
-  mask: url("resource://devtools/client/debugger/new/images/immutable.svg") no-repeat;
-  mask-size: 100%;
-}
-
-.img.jquery {
-  mask: url("resource://devtools/client/debugger/new/images/jquery.svg") no-repeat;
-  mask-size: 100%;
-}
-
-.img.lodash {
-  mask: url("resource://devtools/client/debugger/new/images/lodash.svg") no-repeat;
-  mask-size: 100%;
-}
-
-span.img.marko {
-  background-image: url("resource://devtools/client/debugger/new/images/marko.svg");
-  background-size: contain;
-  background-repeat: no-repeat;
-  background-position: center center;
-}
-
-.img.mobx {
-  background-image: url("resource://devtools/client/debugger/new/images/mobx.svg");
-}
-
-.img.next-circle {
-  mask: url("resource://devtools/client/debugger/new/images/next-circle.svg") no-repeat;
-  mask-size: 100%;
-}
-
-.img.next {
-  mask: url("resource://devtools/client/debugger/new/images/next.svg") no-repeat;
-  mask-size: 100%;
-}
-
-.img.nextjs {
-  background-image: url("resource://devtools/client/debugger/new/images/nextjs.svg");
-}
-
-.img.nuxtjs {
-  background-image: url("resource://devtools/client/debugger/new/images/nuxtjs.svg");
-}
-
-.img.preact {
-  background-image: url("resource://devtools/client/debugger/new/images/preact.svg");
-}
-
-.img.pug {
-  background-image: url("resource://devtools/client/debugger/new/images/pug.svg");
-}
-
-.img.redux {
-  mask: url("resource://devtools/client/debugger/new/images/redux.svg") no-repeat;
-  mask-size: 100%;
-}
-
-.img.rxjs {
-  background-image: url("resource://devtools/client/debugger/new/images/rxjs.svg");
-}
-
-.img.sencha-extjs {
-  background-image: url("resource://devtools/client/debugger/new/images/sencha-extjs.svg");
-}
-
-.img.underscore {
-  mask: url("resource://devtools/client/debugger/new/images/underscore.svg") no-repeat;
-  mask-size: 100%;
-}
-
-.img.webpack {
-  background-image: url("resource://devtools/client/debugger/new/images/webpack.svg");
-  background-repeat: no-repeat;
-}
-
-.img.vue {
-  background: url("resource://devtools/client/debugger/new/images/vuejs.svg") 1px 1px no-repeat;
-  background-size: 15px;
-}
-
-.img.typescript {
-  mask: url("resource://devtools/client/debugger/new/images/typescript.svg") no-repeat;
-  mask-size: 100%;
-}
-
-.img.extension {
-  mask: url("resource://devtools/client/debugger/new/images/extension.svg") no-repeat;
-  mask-size: 100%;
-}
-
-.img.pane-collapse {
-  mask: url("resource://devtools/client/debugger/new/images/pane-collapse.svg") no-repeat;
-  mask-size: 100%;
-}
-
-.img.pane-expand {
-  mask: url("resource://devtools/client/debugger/new/images/pane-expand.svg") no-repeat;
-  mask-size: 100%;
-}
-
-.img.file {
-  mask: url("resource://devtools/client/debugger/new/images/file.svg") no-repeat;
-  mask-size: 100%;
-  width: 13px;
-  height: 13px;
-}
-
-.img.worker {
-  mask: url("resource://devtools/client/debugger/new/images/worker.svg") no-repeat;
-  mask-size: 100%;
-}
-
-.img.plus {
-  mask: url("resource://devtools/client/debugger/new/images/plus.svg") no-repeat;
-  mask-size: 100%;
-  height: 16px;
-  width: 16px;
-}
-
-.img.magnifying-glass {
-  mask: url("resource://devtools/client/debugger/new/images/magnifying-glass.svg") no-repeat;
-  mask-size: 100%;
-}
-
-.img.case-match {
-  mask: url("resource://devtools/client/debugger/new/images/case-match.svg") no-repeat;
-  mask-size: 100%;
-}
-
-.img.regex-match {
-  mask: url("resource://devtools/client/debugger/new/images/regex-match.svg") no-repeat;
-  mask-size: 100%;
-}
-
-.img.whole-word-match {
-  mask: url("resource://devtools/client/debugger/new/images/whole-word-match.svg") no-repeat;
-  mask-size: 100%;
-}
-
-.img.breadcrumb {
-  mask: url("resource://devtools/client/debugger/new/images/breadcrumbs-divider.svg") no-repeat;
-  mask-size: 100%;
-}
-
-.img.home {
-  mask: url("resource://devtools/client/debugger/new/images/home.svg") no-repeat;
-  mask-size: 100%;
-}
-
-.img.angular {
-  background-image: url("resource://devtools/client/debugger/new/images/angular.svg");
-  background-repeat: no-repeat;
-}
-
-.img.angular,
-.img.webpack,
-.img.vue,
-.img.aframe,
-.img.dojo,
-.img.ember,
-.img.marko,
-.img.mobx,
-.img.nextjs,
-.img.nuxtjs,
-.img.preact,
-.img.pug,
-.img.rxjs,
-.img.sencha-extjs {
-  background-size: 15px 15px;
-  background-color: transparent;
-  width: 15px;
-  height: 15px;
-  position: relative;
-}
-
-.sources-list .img.angular,
-.sources-list .img.webpack,
-.sources-list .img.vue,
-.sources-list .img.aframe,
-.sources-list .img.dojo,
-.sources-list .img.ember,
-.sources-list .img.marko,
-.sources-list .img.mobx,
-.sources-list .img.nextjs,
-.sources-list .img.nuxtjs,
-.sources-list .img.preact,
-.sources-list .img.pug,
-.sources-list .img.rxjs,
-.sources-list .img.sencha-extjs {
-  top: 3px;
-}
-
-.img.domain,
-.img.folder,
-.img.file,
-.sources-list .img.source-icon,
-.img.extension,
-.img.worker {
-  mask-size: 100%;
-  margin-inline-end: 5px;
-  display: inline-block;
-}
-
-.img.result-item-icon {
-  mask-size: 100%;
-  margin-inline-end: 15px;
-  margin-inline-start: 5px;
-  display: inline-block;
-}
-
-.img.refresh,
-.img.shortcut,
-.img.worker,
-.img.arrow {
-  margin-inline-end: 5px;
-}
-
-.img.refresh {
-  mask: url("resource://devtools/client/debugger/new/images/reload.svg");
-  mask-size: 100%;
-}
-
-.img.arrow {
-  mask: url("resource://devtools/client/debugger/new/images/arrow.svg");
-  margin-inline-end: 4px;
-  width: 10px;
-  height: 10px;
-  padding-top: 9px;
-  background: var(--disclosure-arrow);
-  mask-size: 100%;
-  display: inline-block;
-  transform: rotate(-90deg);
-  transition: transform 0.18s ease;
-}
-
-/* overrides tree component */
-.tree-node button.arrow {
-  background: none;
-  mask: url("resource://devtools/client/debugger/new/images/arrow.svg");
-  background: var(--disclosure-arrow);
-  mask-size: 100%;
-}
-
-html[dir="rtl"] .img.arrow {
-  transform: rotate(90deg);
-}
-
-.arrow {
-  transition: transform 0.125s ease;
-  height: 10px;
-  width: 10px;
-  transform: rotate(-90deg);
-  vertical-align: -1px;
-}
-
-html[dir="rtl"] .arrow,
-.arrow:dir(rtl),
-.arrow:-moz-locale-dir(rtl) {
-  transform: rotate(90deg);
-}
-
-.arrow.expanded {
-  transform: rotate(0deg);
-}
-
-.arrow.hidden {
-  visibility: hidden;
-}
-
-.angular,
-.webpack {
-  opacity: 0.8;
-}
-
-.theme-dark .angular,
-.theme-dark .webpack {
-  opacity: 0.5;
-}
-
-.source-icon svg {
-  fill: var(--theme-comment);
-}
-/* This Source Code Form is subject to the terms of the Mozilla Public
- * License, v. 2.0. If a copy of the MPL was not distributed with this
- * file, You can obtain one at <http://mozilla.org/MPL/2.0/>. */
-
-.search-shadow {
+@keyframes search-loader-rotate {
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(360deg);
+  }
+}
+
+.search-outline {
   border: 1px solid var(--theme-toolbar-background);
   border-bottom: 1px solid var(--theme-splitter-color);
-}
-
-.search-shadow.focused {
-  border: 1px solid var(--blue-50);
-  transition: border-color 0.2s ease-in-out;
+  transition: border-color 200ms ease-in-out;
+}
+
+.search-outline.focused {
+  border-color: var(--blue-50);
 }
 
 .search-field {
   position: relative;
-  height: 27px;
-  width: calc(100% - 1px);
-  background-color: var(--theme-toolbar-background);
-  border-bottom: 1px solid var(--theme-splitter-color);
-  padding-right: 10px;
   display: flex;
+  align-items: center;
   flex-shrink: 0;
-}
-
-.search-field.big {
-  padding: 5px 10px;
-  height: 40px;
-}
-
-.search-field i {
-  display: block;
-  padding: 0;
-  width: 16px;
-}
-
-.search-field i svg {
-  width: 16px;
-}
-
-.search-field.big i svg {
-  width: 22px;
+  min-height: 24px;
+  width: 100%;
+  background-color: var(--theme-toolbar-background);
+}
+
+.search-field .img.search {
+  position: absolute;
+  z-index: 1;
+  left: 6px;
+  top: calc(50% - 8px);
+  mask-size: 12px;
+  background-color: var(--theme-icon-dimmed-color);
+  pointer-events: none;
+}
+
+.search-field.big .img.search {
+  left: 12px;
+  mask-size: 16px;
 }
 
 .search-field .img.loader {
-  padding-top: 4px;
-  margin-right: 8px;
-  mask-image: url("resource://devtools/client/debugger/new/images/loader.svg");
-  mask-size: 100%;
-  width: 20px;
-  height: 20px;
-  margin-top: 6px;
+  width: 24px;
+  height: 24px;
+  margin-inline-end: 6px;
+  animation: search-loader-rotate 0.5s linear infinite;
 }
 
 .search-field input {
+  align-self: stretch;
+  flex-grow: 1;
+  height: 24px;
+  min-width: 40px;
   border: none;
-  line-height: 30px;
-  background-color: var(--theme-toolbar-background);
-  color: var(--theme-body-color-active);
-  flex-grow: 1;
-  min-width: 40px;
+  padding: 4px;
+  padding-inline-start: 28px;
+  line-height: 16px;
+  font-family: inherit;
+  font-size: inherit;
+  color: var(--theme-body-color);
+  background-color: transparent;
 }
 
 .search-field.big input {
-  position: relative;
-  margin-left: 30px;
+  height: 40px;
+  padding-top: 10px;
+  padding-bottom: 10px;
+  padding-inline-start: 40px;
   font-size: 14px;
-  line-height: 40px;
+  line-height: 20px;
 }
 
 .search-field input:focus {
   outline: none;
 }
 
-.theme-dark .search-field input {
-  color: var(--theme-body-color-inactive);
-}
-
-.search-field i.magnifying-glass,
-.search-field i.sad-face {
-  padding-top: 5px;
-  padding-bottom: 5px;
-  padding-inline-end: 10px;
-  padding-inline-start: 5px;
-  width: 24px;
-}
-
-.search-field.big i.magnifying-glass,
-.search-field.big i.sad-face {
-  position: absolute;
-  width: 40px;
-}
-
-.search-field.big i.sad-face {
-  padding-top: 4px;
-  padding-inline-start: 4px;
-}
-
-.search-field .magnifying-glass path,
-.search-field .magnifying-glass ellipse {
-  stroke: var(--theme-comment);
-}
-
 .search-field input::placeholder {
   color: var(--theme-toolbar-color);
 }
 
-.search-field input.empty {
-  color: var(--theme-body-color-inactive);
-}
-
-.search-field .summary {
-  line-height: 27px;
+.search-field-summary {
+  align-self: center;
+  padding: 2px 4px;
+  white-space: nowrap;
   text-align: center;
-  padding-inline-start: 5px;
-  padding-inline-end: 5px;
-  color: var(--theme-body-color-inactive);
-  align-self: center;
-  padding-top: 1px;
-  white-space: nowrap;
   user-select: none;
+  color: var(--theme-body-color-alt);
 }
 
 .search-field .search-nav-buttons {
   display: flex;
   user-select: none;
 }
 
 .search-field .search-nav-buttons .nav-btn {
   display: flex;
+  justify-content: center;
+  align-items: center;
   height: 100%;
+  padding: 4px;
   background: transparent;
-  transition: all 0.25s ease-in-out;
-  justify-content: center;
-  padding-top: 4px;
-  padding-left: 5px;
-  padding-right: 5px;
-}
-
-.search-field .search-nav-buttons .img.arrow-up {
-  mask: url("resource://devtools/client/debugger/new/images/arrow-up.svg") no-repeat;
-}
-
-.search-field .search-nav-buttons .img.arrow-down {
-  mask: url("resource://devtools/client/debugger/new/images/arrow-down.svg") no-repeat;
 }
 
 .search-field .search-nav-buttons .nav-btn:hover {
-  background: var(--theme-toolbar-background-hover);
-}
-
-.search-field .search-nav-buttons .nav-btn:active path {
-  fill: var(--theme-comment-alt);
-}
-
-.search-field .search-nav-buttons .nav-btn path {
-  fill: var(--theme-comment);
-}
-
-.search-field i.loader svg {
-  animation: rotate 0.5s linear infinite;
-}
-
-@keyframes rotate {
-  from {
-    transform: rotate(0deg);
-  }
-  to {
-    transform: rotate(360deg);
-  }
+  background-color: var(--theme-toolbar-background-hover);
+}
+
+.search-field .close-btn {
+  margin-inline-end: 4px;
+}
+
+.search-field.big .close-btn {
+  margin-inline-end: 8px;
 }
 /* This Source Code Form is subject to the terms of the Mozilla Public
  * License, v. 2.0. If a copy of the MPL was not distributed with this
  * file, You can obtain one at <http://mozilla.org/MPL/2.0/>. */
 
 .search-container {
   position: absolute;
-  top: 30px;
+  top: var(--editor-header-height);
   left: 0;
   width: calc(100% - 1px);
   height: calc(100% - 31px);
   display: flex;
   flex-direction: column;
   z-index: 20;
   background-color: var(--theme-body-background);
   overflow-y: hidden;
@@ -1875,20 +1560,16 @@ html[dir="rtl"] .arrow,
 .project-text-search .search-field {
   display: flex;
   align-self: stretch;
   flex-grow: 1;
   width: 100%;
   border-bottom: none;
 }
 
-.project-text-search .search-field .close-btn.big {
-  margin-top: 2px;
-}
-
 .project-text-search .managed-tree {
   overflow-y: auto;
   height: 100%;
 }
 
 .project-text-search .managed-tree .tree {
   height: 100%;
   display: grid;
@@ -2183,61 +1864,167 @@ menuseparator {
 
 .function-signature .paren {
   color: var(--object-color);
 }
 
 .function-signature .comma {
   color: var(--object-color);
 }
-.source-icon {
-  position: relative;
-  background-color: var(--theme-comment);
-  mask-size: 100%;
-  display: inline-block;
-  margin-inline-end: 5px;
-}
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at <http://mozilla.org/MPL/2.0/>. */
+
+/**
+ * Variant of AccessibleImage used in sources list and tabs.
+ * Define the different source type / framework / library icons here.
+ */
 
 .source-icon {
-  width: 15px;
-  height: 15px;
-}
-
-.img.prettyPrint {
-  mask: url("resource://devtools/client/debugger/new/images/prettyPrint.svg") no-repeat;
-  mask-size: 100%;
-  background: var(--theme-highlight-blue);
-  fill: var(--theme-textbox-box-shadow);
-  position: relative;
-}
-
-.sources-list .img.prettyPrint {
-  top: 2px;
-  margin-inline-start: 3px;
-}
-
-.source-icon.vue {
-  background: url("resource://devtools/client/debugger/new/images/vuejs.svg") 1px 1px no-repeat;
-  background-size: 15px;
-}
-
-.source-icon.angular {
-  background: url("resource://devtools/client/debugger/new/images/angular.svg") 1px 1px no-repeat;
-  background-size: 13px 13px;
-}
-
-.source-icon.blackBox {
-  mask: url("resource://devtools/client/debugger/new/images/blackBox.svg") no-repeat;
-  mask-size: 100%;
-  background: var(--theme-highlight-blue);
-}
-
-.source-icon.react {
-  mask-size: 100%;
-  background: var(--theme-highlight-bluegrey);
+  margin-inline-end: 4px;
+  /* multicolor icons use background-image */
+  background-position: center;
+  background-repeat: no-repeat;
+  background-size: contain;
+}
+
+/* Icons for frameworks and libs */
+
+.img.aframe {
+  background-image: url("resource://devtools/client/debugger/new/images/sources/aframe.svg");
+  background-color: transparent !important;
+}
+
+.img.angular {
+  background-image: url("resource://devtools/client/debugger/new/images/sources/angular.svg");
+  background-color: transparent !important;
+}
+
+.img.babel {
+  mask-image: url("resource://devtools/client/debugger/new/images/sources/babel.svg");
+}
+
+.img.backbone {
+  mask-image: url("resource://devtools/client/debugger/new/images/sources/backbone.svg");
+}
+
+.img.choo {
+  background-image: url("resource://devtools/client/debugger/new/images/sources/choo.svg");
+  background-color: transparent !important;
+}
+
+.img.coffeescript {
+  mask-image: url("resource://devtools/client/debugger/new/images/sources/coffeescript.svg");
+}
+
+.img.dojo {
+  background-image: url("resource://devtools/client/debugger/new/images/sources/dojo.svg");
+  background-color: transparent !important;
+}
+
+.img.ember {
+  background-image: url("resource://devtools/client/debugger/new/images/sources/ember.svg");
+  background-color: transparent !important;
+}
+
+.img.express {
+  mask-image: url("resource://devtools/client/debugger/new/images/sources/express.svg");
+}
+
+.img.extension {
+  mask-image: url("resource://devtools/client/debugger/new/images/sources/extension.svg");
+}
+
+.img.immutable {
+  mask-image: url("resource://devtools/client/debugger/new/images/sources/immutable.svg");
+}
+
+.img.javascript {
+  mask-image: url("resource://devtools/client/debugger/new/images/sources/javascript.svg");
+  mask-size: 14px 14px;
+}
+
+.img.jquery {
+  mask-image: url("resource://devtools/client/debugger/new/images/sources/jquery.svg");
+}
+
+.img.lodash {
+  mask-image: url("resource://devtools/client/debugger/new/images/sources/lodash.svg");
+}
+
+.img.marko {
+  background-image: url("resource://devtools/client/debugger/new/images/sources/marko.svg");
+  background-color: transparent !important;
+}
+
+.img.mobx {
+  background-image: url("resource://devtools/client/debugger/new/images/sources/mobx.svg");
+  background-color: transparent !important;
+}
+
+.img.nextjs {
+  background-image: url("resource://devtools/client/debugger/new/images/sources/nextjs.svg");
+  background-color: transparent !important;
+}
+
+.img.node {
+  background-image: url("resource://devtools/client/debugger/new/images/sources/node.svg");
+  background-color: transparent !important;
+}
+
+.img.nuxtjs {
+  background-image: url("resource://devtools/client/debugger/new/images/sources/nuxtjs.svg");
+  background-color: transparent !important;
+}
+
+.img.preact {
+  background-image: url("resource://devtools/client/debugger/new/images/sources/preact.svg");
+  background-color: transparent !important;
+}
+
+.img.pug {
+  background-image: url("resource://devtools/client/debugger/new/images/sources/pug.svg");
+  background-color: transparent !important;
+}
+
+.img.react {
+  mask-image: url("resource://devtools/client/debugger/new/images/sources/react.svg");
+  background-color: var(--theme-highlight-bluegrey);
+}
+
+.img.redux {
+  mask-image: url("resource://devtools/client/debugger/new/images/sources/redux.svg");
+}
+
+.img.rxjs {
+  background-image: url("resource://devtools/client/debugger/new/images/sources/rxjs.svg");
+  background-color: transparent !important;
+}
+
+.img.sencha-extjs {
+  background-image: url("resource://devtools/client/debugger/new/images/sources/sencha-extjs.svg");
+  background-color: transparent !important;
+}
+
+.img.typescript {
+  mask-image: url("resource://devtools/client/debugger/new/images/sources/typescript.svg");
+}
+
+.img.underscore {
+  mask-image: url("resource://devtools/client/debugger/new/images/sources/underscore.svg");
+}
+
+.img.vue {
+  background-image: url("resource://devtools/client/debugger/new/images/sources/vuejs.svg");
+  background-color: transparent !important;
+}
+
+.img.webpack {
+  background-image: url("resource://devtools/client/debugger/new/images/sources/webpack.svg");
+  background-color: transparent !important;
 }
 /* This Source Code Form is subject to the terms of the Mozilla Public
  * License, v. 2.0. If a copy of the MPL was not distributed with this
  * file, You can obtain one at <http://mozilla.org/MPL/2.0/>. */
 
 .sources-panel {
   background-color: var(--theme-sidebar-background);
   display: flex;
@@ -2248,52 +2035,39 @@ menuseparator {
 }
 
 .sources-panel * {
   -moz-user-select: none;
   user-select: none;
 }
 
 .sources-clear-root {
-  padding: 4px 3px 4px 3px;
+  padding: 4px 8px;
   width: 100%;
   text-align: start;
   white-space: nowrap;
   color: inherit;
   display: block;
   border-bottom: 1px solid var(--theme-splitter-color);
 }
 
-.sources-clear-root i {
-  margin-right: 5px;
-  position: relative;
-}
-
-.sources-clear-root svg {
-  width: 13px;
-  height: 13px;
-}
-
-.theme-dark .sources-clear-root {
-  fill: var(--theme-body-color);
-}
-
 .sources-clear-root .home {
-  opacity: 0.5;
+  background-color: var(--theme-icon-dimmed-color);
 }
 
 .sources-clear-root .breadcrumb {
   width: 5px;
   margin: 0 2px 0 6px;
   vertical-align: bottom;
   background: var(--theme-body-color-alt);
 }
 
 .sources-clear-root-label {
   margin-left: 5px;
+  line-height: 16px;
 }
 
 .sources-pane {
   display: flex;
   flex: 1;
   flex-direction: column;
 }
 
@@ -2307,59 +2081,53 @@ menuseparator {
   display: flex;
 }
 
 .sources-list .managed-tree .tree {
   padding: 4px 0;
 }
 
 .sources-list .managed-tree .tree .node {
-  padding: 0 10px 0 3px;
+  display: flex;
+  align-items: center;
   width: 100%;
+  padding: 3px 8px 3px 6px;
 }
 
 .sources-list .img {
-  margin-inline-end: 5px;
-}
-
-.sources-list .tree .focused .img:not(.vue):not(.angular):not(.webpack):not(.dojo):not(.ember):not(.aframe):not(.marko):not(.mobx):not(.nextjs):not(.nuxtjs):not(.preact):not(.pug):not(.rxjs):not(.sencha-extjs),
-.sources-list .managed-tree .tree .node.focused .img.blackBox {
-  background: #ffffff;
+  margin-inline-end: 4px;
+}
+
+.sources-list .tree .focused .img {
+  background-color: #ffffff;
+}
+
+/* Use the same width as .img.arrow */
+.sources-list .tree .img.no-arrow {
+  width: 10px;
+  visibility: hidden;
 }
 
 .sources-list .tree .label .suffix {
   font-style: italic;
   font-size: 0.9em;
   color: var(--theme-comment);
 }
 
 .sources-list .tree .focused .label .suffix {
   color: inherit;
 }
 
-.theme-dark .source-list .tree .node.focused {
+.theme-dark .source-list .node.focused {
   background-color: var(--theme-tab-toolbar-background);
 }
 
-.sources-list .tree .focused .label {
-  background-color: var(--theme-selection-background);
-}
-
 .sources-list .tree .label {
-  padding: 3px 0px 3px 0px;
   display: inline-block;
-}
-
-.sources-list .tree .arrow {
-  vertical-align: 1px;
-}
-
-.sources-list .tree .node .no-arrow {
-  width: 10px;
-  display: inline-block;
+  line-height: 16px;
 }
 
 .no-sources-message {
   width: 100%;
   font-style: italic;
   text-align: center;
   padding: 0.5em;
   font-size: 12px;
@@ -2395,19 +2163,18 @@ menuseparator {
   align-items: center;
   background-color: var(--theme-toolbar-background);
   color: var(--theme-toolbar-color);
   cursor: default;
   display: inline-flex;
   flex: 1;
   justify-content: center;
   overflow: hidden;
-  padding: 5px;
+  padding: 4px 8px;
   position: relative;
-  transition: all 0.25s ease;
 }
 
 .source-outline-tabs .tab::before {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
@@ -2443,30 +2210,19 @@ menuseparator {
 .source-outline-panel.has-root > div {
   height: 100%;
 }
 
 .source-outline-panel.has-root .thread-header {
   margin-top: 4px;
 }
 
-.sources-list .managed-tree .tree .node .img.blackBox {
-  mask: url("resource://devtools/client/debugger/new/images/blackBox.svg") no-repeat;
-  mask-size: 100%;
-  background-color: var(--theme-highlight-blue);
-  width: 13px;
-  height: 13px;
-  display: inline-block;
-  margin-inline-end: 6px;
-  margin-inline-start: 1px;
-  margin-top: 2px;
-}
-
-.theme-dark .sources-list .managed-tree .tree .node .img.blackBox {
-  background-color: var(--theme-body-color);
+.sources-list .img.blackBox {
+  mask-size: 13px;
+  background-color: var(--theme-icon-checked-color);
 }
 
 /*
   Custom root styles
 */
 .sources-pane.sources-list-custom-root {
   display: block;
   position: relative;
@@ -2538,23 +2294,16 @@ menuseparator {
   justify-content: center;
   align-items: center;
   transition: opacity 200ms;
   border: none;
   background: transparent;
   padding: 4px 6px;
 }
 
-.source-footer > .commands > .action .img {
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-}
-
 .source-footer > .commands > button.action:hover {
   background: var(--theme-toolbar-background-hover);
 }
 
 :root.theme-dark .source-footer > .commands > .action {
   fill: var(--theme-body-color);
 }
 
@@ -2563,32 +2312,18 @@ menuseparator {
 }
 
 .source-footer > .commands > div.loader {
   vertical-align: top;
   width: 20px;
   margin: 0 4px;
 }
 
-.source-footer > .commands > .action > .img.prettyPrint {
-  mask: url("resource://devtools/client/debugger/new/images/prettyPrint.svg") no-repeat;
-  height: 16px;
-  width: 16px;
-  background: var(--theme-body-color);
-}
-
-.source-footer > .commands > .action > .img.blackBox {
-  mask: url("resource://devtools/client/debugger/new/images/blackBox.svg") no-repeat;
-  height: 16px;
-  width: 16px;
-  background: var(--theme-body-color);
-}
-
 .source-footer > .commands > .blackboxed > .img.blackBox {
-  background: var(--theme-highlight-blue);
+  background-color: var(--theme-highlight-blue);
 }
 
 .source-footer .blackbox-summary,
 .source-footer .mapped-source,
 .source-footer .cursor-position {
   color: var(--theme-body-color);
   padding-right: 2.5px;
 }
@@ -2603,150 +2338,122 @@ menuseparator {
   padding: 5px;
   white-space: nowrap;
 }
 /* This Source Code Form is subject to the terms of the Mozilla Public
  * License, v. 2.0. If a copy of the MPL was not distributed with this
  * file, You can obtain one at <http://mozilla.org/MPL/2.0/>. */
 
 .search-bar {
+  position: relative;
   display: flex;
-  border: 1px solid transparent;
-  border-top-color: var(--theme-splitter-color);
+  border-top: 1px solid var(--theme-splitter-color);
   height: var(--editor-searchbar-height);
-  transition: border-color 200ms var(--animation-curve);
-}
-
-.search-bar.search-bar-focused {
-  border-color: var(--blue-50);
-}
-
-.search-bar .search-field {
-  padding-left: 7px;
-}
-
-.search-bar .search-shadow {
+}
+
+/* display a fake outline above the search bar's top border, and above
+   the source footer's top border */
+.search-bar::before {
+  content: "";
+  position: absolute;
+  z-index: 10;
+  top: -1px;
+  left: 0;
+  right: 0;
+  bottom: -1px;
+  border: solid 1px  var(--blue-50);
+  pointer-events: none;
+  opacity: 0;
+  transition: opacity 150ms ease-out;
+}
+
+.search-bar-focused::before {
+  opacity: 1;
+}
+
+.search-bar .search-outline {
   flex-grow: 1;
-  border-bottom: none;
-}
-
-.search-bar .search-shadow.focused {
-  border-color: transparent;
-  transition: none;
-}
-
-.search-bar .search-field {
-  border-bottom: none;
-  padding-right: 0;
-  height: 100%;
-}
-
-.search-field .close-btn {
-  align-self: center;
+  border-width: 0;
 }
 
 .search-bottom-bar * {
   -moz-user-select: none;
   user-select: none;
 }
 
 .search-bottom-bar {
   display: flex;
   flex-shrink: 0;
   justify-content: flex-end;
+  align-items: center;
   background-color: var(--theme-toolbar-background);
   padding: 0;
-  padding-inline-start: 1px;
-  padding-inline-end: 4px;
 }
 
 .search-bottom-bar .search-modifiers {
   display: flex;
   align-items: center;
 }
 
 .search-bottom-bar .search-modifiers button {
-  padding: 0 3px;
+  padding: 2px;
   margin: 0 3px;
   border: none;
   background: none;
   width: 20px;
   height: 20px;
-  border-radius: 3px;
-}
-
-.search-bottom-bar .search-modifiers button.close-btn.big .img {
-  width: 12px;
-  height: 12px;
-}
-
-.search-bottom-bar .search-modifiers .pipe-divider {
-  height: 70%;
-  border: 1px solid var(--grey-20);
+  border-radius: 2px;
+}
+
+.search-bottom-bar .pipe-divider {
+  flex: none;
+  align-self: stretch;
+  width: 1px;
   vertical-align: middle;
-  margin-inline-start: 0.8em;
-  margin-inline-end: 0.3em;
-}
-
-.theme-dark .search-bottom-bar .search-modifiers .pipe-divider {
-  border-color: var(--grey-70);
-}
-
-.search-bottom-bar .search-modifiers button i {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  padding: 0;
-  width: 16px;
-}
+  margin: 4px;
+  background-color: var(--theme-splitter-color);
+}
+
 .search-bottom-bar .search-modifiers .img {
-  width: 16px;
-  height: 16px;
-  vertical-align: bottom;
-  background-color: var(--theme-comment);
+  display: block;
 }
 
 .search-bottom-bar .search-modifiers button:hover {
-  background: var(--theme-toolbar-background-hover);
-}
-
-.search-bottom-bar .search-modifiers button.close-btn:hover {
-  background: var(--theme-selection-background);
+  background-color: var(--theme-toolbar-background-hover);
 }
 
 .search-bottom-bar .search-modifiers button.active .img {
-  background-color: var(--theme-selection-background);
-}
-
-.theme-dark .search-bottom-bar .search-modifiers button.active .img {
-  fill: white;
+  background-color: var(--theme-icon-checked-color);
 }
 
 .search-bottom-bar .search-type-toggles {
   display: flex;
   align-items: center;
   max-width: 68%;
 }
 
 .search-bottom-bar .search-type-name {
-  padding: 1px 0 0 0;
-  margin: 0 0 0 6px;
+  margin: 0 4px;
   border: none;
   background: transparent;
   color: var(--theme-comment);
 }
 
 .search-bottom-bar .search-type-toggles .search-type-btn.active {
   color: var(--theme-selection-background);
 }
 
 .theme-dark .search-bottom-bar .search-type-toggles .search-type-btn.active {
   color: white;
 }
 
+.search-bottom-bar .close-btn {
+  margin-inline-end: 3px;
+}
+
 .search-bar .result-list {
   max-height: 230px;
 }
 /* This Source Code Form is subject to the terms of the Mozilla Public
  * License, v. 2.0. If a copy of the MPL was not distributed with this
  * file, You can obtain one at <http://mozilla.org/MPL/2.0/>. */
 
 .bracket-arrow {
@@ -2897,20 +2604,16 @@ menuseparator {
 .popover .preview-popup .function-signature {
   padding-top: 10px;
 }
 
 .theme-dark .popover .preview-popup {
   border-color: var(--theme-body-color);
 }
 
-.theme-dark .popover .preview-popup .arrow svg {
-  fill: var(--theme-comment);
-}
-
 .tooltip {
   position: fixed;
   z-index: 100;
 }
 
 .tooltip .preview-popup {
   background: var(--theme-toolbar-background);
   max-width: inherit;
@@ -2994,19 +2697,19 @@ menuseparator {
   fill-opacity: 0.5;
 }
 
 .column-breakpoint.has-condition svg {
   fill: var(--theme-graphs-yellow);
   stroke: var(--theme-graphs-orange);
 }
 
-.column-breakpoint.has-condition.log svg {
-  fill: var(--theme-graphs-orange);
-  stroke: var(--theme-graphs-yellow);
+.column-breakpoint.has-log svg {
+  fill: var(--theme-graphs-purple);
+  stroke: var(--purple-60);
 }
 
 .theme-dark .column-breakpoint.active svg {
   fill: var(--blue-55);
   stroke: var(--blue-40);
 }
 
 .theme-dark .column-breakpoint.disabled svg {
@@ -3034,32 +2737,18 @@ menuseparator {
   color: var(--theme-conditional-breakpoint-color);
   padding-left: 3px;
   padding-right: 3px;
   padding-bottom: 3px;
   text-align: right;
   width: 30px;
 }
 
-.conditional-breakpoint-panel input {
-  margin: 5px 10px;
-  width: calc(100% - 4em);
-  border: none;
-  background: var(--theme-toolbar-background);
-  font-size: 14px;
-  color: var(--theme-conditional-breakpoint-color);
-  line-height: 30px;
-}
-
-.conditional-breakpoint-panel input:not(:placeholder-shown) {
-  font-family: var(--monospace-font-family);
-}
-
-.conditional-breakpoint-panel input:focus {
-  outline-width: 0;
+.conditional-breakpoint-panel .CodeMirror {
+  margin: 6px 10px;
 }
 /* This Source Code Form is subject to the terms of the Mozilla Public
  * License, v. 2.0. If a copy of the MPL was not distributed with this
  * file, You can obtain one at <http://mozilla.org/MPL/2.0/>. */
 
 .editor-wrapper {
   --debug-line-border: rgb(145, 188, 219);
   --debug-expression-background: rgba(202, 227, 255, 0.5);
@@ -3077,17 +2766,19 @@ menuseparator {
   margin-right: -7px;
   overflow: hidden;
 }
 
 .editor-wrapper {
   min-width: 0 !important;
 }
 
-.CodeMirror.cm-s-mozilla, .CodeMirror-scroll, .CodeMirror-sizer {
+.CodeMirror.cm-s-mozilla,
+.CodeMirror-scroll,
+.CodeMirror-sizer {
   overflow-anchor: none;
 }
 
 .theme-dark {
   --theme-conditional-breakpoint-color: #9fa4a9;
 }
 
 .theme-light {
@@ -3218,19 +2909,19 @@ html[dir="rtl"] .editor-mount {
   right: -16px;
 }
 
 .new-breakpoint.has-condition .CodeMirror-gutter-wrapper svg {
   fill: var(--theme-graphs-yellow);
   stroke: var(--theme-graphs-orange);
 }
 
-.new-breakpoint.has-condition.log .CodeMirror-gutter-wrapper svg {
-  fill: var(--theme-graphs-orange);
-  stroke: var(--theme-graphs-yellow);
+.new-breakpoint.has-log .CodeMirror-gutter-wrapper svg {
+  fill: var(--theme-graphs-purple);
+  stroke: var(--purple-60);
 }
 
 .editor.new-breakpoint.breakpoint-disabled svg {
   fill: var(--breakpoint-fill-disabled);
   stroke: var(--breakpoint-stroke-disabled);
   fill-opacity: 0.5;
 }
 
@@ -3411,21 +3102,16 @@ debug-expression-error {
   text-overflow: ellipsis;
 }
 
 .breakpoints-list .breakpoint-heading .filename span {
   opacity: 0.7;
   padding-left: 4px;
 }
 
-/* temporary until we refactor the sources tree and tab icon styles */
-.breakpoints-list .breakpoint-heading .source-icon.file {
-  top: 0;
-}
-
 .breakpoints-list .breakpoint-heading,
 .breakpoints-list .breakpoint {
   font-size: 12px;
   color: var(--theme-content-color1);
   position: relative;
   transition: all 0.25s ease;
   cursor: pointer;
 }
@@ -3489,30 +3175,22 @@ html[dir="rtl"] .breakpoints-exceptions 
 }
 
 html:not([dir="rtl"]) .breakpoints-list .breakpoint,
 html:not([dir="rtl"]) .breakpoints-list .breakpoint-heading,
 html:not([dir="rtl"]) .breakpoints-exceptions {
   border-left: 4px solid transparent;
 }
 
-html:not([dir="rtl"]) .breakpoints-list .breakpoint.is-conditional {
-  border-left-color: var(--theme-graphs-yellow);
-}
-
-html[dir="rtl"] .breakpoints-list .breakpoint.is-conditional {
-  border-right-color: var(--theme-graphs-yellow);
-}
-
-html:not([dir="rtl"]) .breakpoints-list .breakpoint.is-conditional.log {
-  border-left-color: var(--theme-graphs-orange);
-}
-
-html[dir="rtl"] .breakpoints-list .breakpoint.is-conditional.log {
-  border-right-color: var(--theme-graphs-orange);
+html .breakpoints-list .breakpoint.is-conditional {
+  border-inline-start-color: var(--theme-graphs-yellow);
+}
+
+html .breakpoints-list .breakpoint.is-log {
+  border-inline-start-color: var(--theme-graphs-purple);
 }
 
 html .breakpoints-list .breakpoint.paused {
   background-color: var(--theme-toolbar-background-alt);
   border-color: var(--breakpoint-active-color);
 }
 
 .breakpoints-list .breakpoint.disabled .breakpoint-label {
@@ -3773,20 +3451,16 @@ html[dir="rtl"] .breakpoints-list .break
   direction: ltr;
 }
 
 .frames ul .frames-group.expanded .group,
 .frames ul .frames-group.expanded .group .location {
   color: var(--theme-highlight-blue);
 }
 
-.frames ul .frames-group.expanded .react path {
-  fill: var(--theme-highlight-blue);
-}
-
 .frames ul .frames-group .frames-list li {
   padding-left: 30px;
 }
 
 .frames ul .frames-group .frames-list {
   border-top: 1px solid var(--theme-splitter-color);
   border-bottom: 1px solid var(--theme-splitter-color);
 }
@@ -4129,82 +3803,20 @@ html[dir="rtl"] .breakpoints-list .break
 html[dir="rtl"] .command-bar {
   border-right: 1px solid var(--theme-splitter-color);
 }
 
 .theme-dark .command-bar {
   background-color: var(--theme-toolbar-background);
 }
 
-.img.pause,
-.img.stepOver,
-.img.stepIn,
-.img.stepOut,
-.img.resume,
-.img.rewind,
-.img.reverseStepOver,
-.img.reverseStepIn,
-.img.reverseStepOut,
-.img.replay-previous,
-.img.replay-next,
-.img.resume,
-.img.shortcuts,
-.img.skipPausing {
-  background-color: var(--theme-body-color);
-}
-
-.img.pause {
-  mask: url("resource://devtools/client/debugger/new/images/pause.svg") no-repeat;
-}
-
-.img.stepOver {
-  mask: url("resource://devtools/client/debugger/new/images/stepOver.svg") no-repeat;
-}
-
-.img.stepIn {
-  mask: url("resource://devtools/client/debugger/new/images/stepIn.svg") no-repeat;
-}
-
-.img.stepOut {
-  mask: url("resource://devtools/client/debugger/new/images/stepOut.svg") no-repeat;
-}
-
-.img.resume {
-  mask: url("resource://devtools/client/debugger/new/images/resume.svg") no-repeat;
-}
-
-.img.rewind {
-  mask: url("resource://devtools/client/debugger/new/images/resume.svg") no-repeat;
-  transform: scaleX(-1);
-}
-
-.img.reverseStepOver {
-  mask: url("resource://devtools/client/debugger/new/images/stepOver.svg") no-repeat;
-  transform: scaleX(-1);
-}
-
-.img.reverseStepIn {
-  mask: url("resource://devtools/client/debugger/new/images/stepIn.svg") no-repeat;
-  transform: scaleX(-1);
-}
-
-.img.reverseStepOut {
-  mask: url("resource://devtools/client/debugger/new/images/stepOut.svg") no-repeat;
-  transform: scaleX(-1);
-}
-
 .command-bar .filler {
   flex-grow: 1;
 }
 
-.command-bar .img.shortcuts {
-  mask: url("resource://devtools/client/debugger/new/images/help.svg") no-repeat;
-  mask-size: contain;
-}
-
 .command-bar .replay-inactive {
   opacity: 0.5;
 }
 
 .command-bar .step-position {
   color: var(--theme-comment-alt);
   padding-top: 8px;
   margin-inline-end: 4px;
@@ -4213,22 +3825,17 @@ html[dir="rtl"] .command-bar {
 .command-bar .replay-active {
   color: var(--theme-highlight-blue);
 }
 
 .command-bar .subSettings {
   float: right;
 }
 
-.command-bar .skipPausing {
-  mask: url("resource://devtools/client/debugger/new/images/disable-pausing.svg") no-repeat;
-  mask-size: 100%;
-}
-
-.command-bar .active .skipPausing {
+.command-bar .active .disable-pausing {
   background-color: var(--theme-highlight-blue);
 }
 
 .bottom {
   border-bottom: none;
   background-color: var(--theme-body-background);
   border-top: 1px solid var(--theme-splitter-color);
   flex: none;
@@ -4252,57 +3859,67 @@ html[dir="rtl"] .command-bar {
   background: var(--theme-splitter-color);
   height: 10px;
   margin: 11px 6px 0 6px;
 }
 /* This Source Code Form is subject to the terms of the Mozilla Public
  * License, v. 2.0. If a copy of the MPL was not distributed with this
  * file, You can obtain one at <http://mozilla.org/MPL/2.0/>. */
 
-.xhr-input-form {
-  width: 100%;
-}
-
-.xhr-input {
-  width: 100%;
-  margin: 0;
-  border: 1px;
-  background-color: var(--theme-sidebar-background);
-  font-size: 12px;
-  padding: 0.5em 1.6em;
-  color: var(--theme-body-color);
-  outline: 0;
-}
-
-.xhr-input::placeholder {
-  font-style: italic;
-  color: var(--theme-comment);
-}
-
-.xhr-input:focus {
-  cursor: text;
-}
-
 .xhr-input-container {
-  display: flex;
+  display: block;
   border: 1px solid transparent;
 }
 
 .xhr-input-container.focused {
   border: 1px solid var(--theme-highlight-blue);
 }
 
 :root.theme-dark .xhr-input-container.focused {
   border: 1px solid var(--blue-50);
 }
 
 .xhr-input-container.error {
   border: 1px solid red;
 }
 
+.xhr-container label {
+  display: flex;
+}
+
+.xhr-input-form {
+  display: inline-flex;
+  width: 100%;
+  padding: 0.5em 1em 0.5em 1em;
+}
+
+.xhr-checkbox {
+  margin-inline-start: 0;
+}
+
+.xhr-input-url {
+  border: 1px;
+  padding: 0em 0.6em 0em 0.6em;
+  flex-grow: 1;
+  background-color: var(--theme-sidebar-background);
+  font-size: 12px;
+  line-height: 18px;
+  color: var(--theme-body-color);
+}
+
+.xhr-input-url::placeholder {
+  font-style: italic;
+  color: var(--theme-comment);
+}
+
+.xhr-input-url:focus {
+  cursor: text;
+  outline: none;
+}
+
 .xhr-container {
   border-left: 4px solid transparent;
   width: 100%;
   color: var(--theme-body-color);
   padding: 0.25em 1em;
   background-color: var(--theme-body-background);
   display: flex;
   align-items: center;
@@ -4313,35 +3930,54 @@ html[dir="rtl"] .command-bar {
 :root.theme-light .xhr-container:hover {
   background-color: var(--theme-selection-background-hover);
 }
 
 :root.theme-dark .xhr-container:hover {
   background-color: var(--theme-selection-background-hover);
 }
 
-.xhr-checkbox {
-    margin-left: 0px;
-}
-
-.xhr-label {
+.xhr-label-method {
+  padding: 0px 2px 0px 2px;
+  line-height: 15px;
+  display: inline-block;
+}
+
+.xhr-input-method {
+  display: none;
+}
+
+.xhr-input-container.focused .xhr-input-method {
+  display: block;
+}
+
+.xhr-label-url {
   max-width: calc(100% - var(--breakpoint-expression-right-clear-space));
+  color: var(--theme-comment);
   display: inline-block;
   cursor: text;
   flex-grow: 1;
   text-overflow: ellipsis;
-  padding-inline-end: 8px;
+  overflow: hidden;
+  padding: 0px 2px 0px 2px;
+  line-height: 15px;
   font-size: 11px;
 }
 
-.xhr-container .close-btn {
+.xhr-container label {
+  flex-grow: 1;
+  display: flex;
+  padding-inline-end: 36px;
+  align-items: center;
+  overflow-x: hidden;
+}
+
+.xhr-container__close-btn {
   offset-inline-end: 12px;
-  inset-inline-end: 12px;
   offset-inline-start: auto;
-  inset-inline-start: auto;
   position: absolute;
   top: 8px;
 }
 /* This Source Code Form is subject to the terms of the Mozilla Public
  * License, v. 2.0. If a copy of the MPL was not distributed with this
  * file, You can obtain one at <http://mozilla.org/MPL/2.0/>. */
 
 .event-listeners-content {
@@ -4354,18 +3990,16 @@ html[dir="rtl"] .command-bar {
 }
 
 .event-listener-group {
 	user-select: none;
 }
 
 .event-listeners-content .arrow {
 	margin-inline-end: 0;
-	position: relative;
-	top: 1px;
 }
 
 html[dir="ltr"] .event-listeners-content .arrow.expanded {
   transform: rotate(0deg);
 }
 
 html[dir="rtl"] .event-listeners-content .arrow.expanded {
   transform: rotate(90deg);
@@ -4491,26 +4125,16 @@ html[dir="rtl"] .object-node {
   user-select: none;
   cursor: default;
 }
 
 .secondary-panes .breakpoints-buttons {
   display: flex;
 }
 
-.secondary-panes .accordion .plus svg {
-  width: 12px;
-  margin-top: 3px;
-  fill: var(--theme-body-color);
-}
-
-.secondary-panes .accordion .plus.active svg {
-  fill: var(--theme-highlight-blue);
-}
-
 .dropdown {
   width: 20em;
   overflow: auto;
 }
 /* This Source Code Form is subject to the terms of the Mozilla Public
  * License, v. 2.0. If a copy of the MPL was not distributed with this
  * file, You can obtain one at <http://mozilla.org/MPL/2.0/>. */
 
@@ -4621,28 +4245,31 @@ html .welcomebox .toggle-button-end.coll
 .source-header .command-bar {
   flex: initial;
   flex-shrink: 0;
   border-bottom: 0;
   border-inline-start: 1px solid var(--theme-splitter-color);
 }
 
 .source-tabs {
-  max-width: calc(100% - 80px);
+  flex: auto;
   align-self: flex-start;
+  align-items: flex-start;
+  /* Reserve space for the overflow button (even if not visible) */
+  padding-inline-end: 28px;
 }
 
 .source-tab {
   display: inline-flex;
   align-items: center;
   position: relative;
   min-width: 40px;
   max-width: 100%;
   overflow: hidden;
-  padding: 5px;
+  padding: 4px 10px;
   cursor: default;
   height: calc(var(--editor-header-height) - 1px);
   font-size: 12px;
   background-color: transparent;
   vertical-align: bottom;
 }
 
 .source-tab::before {
@@ -4671,170 +4298,140 @@ html .welcomebox .toggle-button-end.coll
 }
 
 .source-tab:hover::before,
 .source-tab.active::before {
   opacity: 1;
   transform: scaleX(1);
 }
 
-.source-tab .source-icon {
-  margin-inline-end: 0;
-}
-
 .source-tab .img.prettyPrint,
-.source-tab .source-icon.blackBox {
-  height: 12px;
-  width: 12px;
-  align-self: center;
-}
-
-.source-tab .img.react {
-  mask: url("resource://devtools/client/debugger/new/images/react.svg") no-repeat;
-  mask-size: 100%;
-  height: 14px;
-  width: 14px;
-  background: var(--theme-highlight-bluegrey);
-  top: 0;
+.source-tab .img.blackBox {
+  mask-size: 14px;
+  background-color: currentColor;
 }
 
 .source-tab .filename {
+  display: block;
   white-space: nowrap;
   text-overflow: ellipsis;
   overflow: hidden;
-  padding: 0 4px;
-  align-self: center;
-  margin-bottom: 1px;
+  padding-inline-end: 4px;
 }
 
 .source-tab .filename span {
   opacity: 0.7;
-  padding-left: 4px;
+  padding-inline-start: 4px;
 }
 
 .source-tab .close-btn {
   visibility: hidden;
-  line-height: 0;
+  margin-inline-end: -6px;
 }
 
 .source-tab.active .close-btn {
-  visibility: visible;
-}
-
-.source-tab.active .close {
-  visibility: visible;
-  background-color: var(--theme-toolbar-selected-color);
-}
-
+  color: inherit;
+}
+
+.source-tab.active .close-btn,
 .source-tab:hover .close-btn {
   visibility: visible;
 }
+
+.source-tab .close-btn:hover,
+.source-tab .close-btn:focus {
+  color: var(--theme-selection-color);
+  background-color: var(--theme-selection-background);
+}
 /* This Source Code Form is subject to the terms of the Mozilla Public
  * License, v. 2.0. If a copy of the MPL was not distributed with this
  * file, You can obtain one at <http://mozilla.org/MPL/2.0/>. */
 
 .dropdown {
-  --width: 150px;
   background: var(--theme-body-background);
   border: 1px solid var(--theme-splitter-color);
   border-radius: 4px;
   box-shadow: 0 4px 4px 0 var(--search-overlays-semitransparent);
   max-height: 300px;
   position: absolute;
-  right: 0;
-  top: 23px;
-  width: var(--width);
+  offset-inline-end: 2px;
+  top: 24px;
+  width: 150px;
   z-index: 1000;
   overflow: auto;
 }
 
-html[dir="rtl"] .dropdown {
-  right: calc((var(--width) - 11px) * (-1));
-}
-
 .dropdown-block {
-  padding: 0px 2px;
   position: relative;
   align-self: center;
   height: 100%;
 }
 
+/* cover the reserved space at the end of .source-tabs */
+.source-tabs + .dropdown-block {
+  margin-inline-start: -28px;
+}
+
 .dropdown-button {
   color: var(--theme-comment);
   background: none;
   border: none;
-  padding: 0;
+  padding: 4px 6px;
   font-weight: 100;
   font-size: 14px;
   height: 100%;
-  width: 24px;
-}
-
-.more-tabs {
-  mask: url("resource://devtools/client/debugger/new/images/command-chevron.svg") no-repeat;
-  mask-size: 100%;
-  width: 12px;
-  display: block;
-  background: var(--theme-body-color);
-  margin-left: 6px;
-}
-
-html[dir="rtl"] .img.more-tabs {
-  transform: rotate(180deg);
-  margin-right: 6px;
-}
-
-.dropdown li {
-  transition: all 0.25s ease;
-  padding: 2px 10px 10px 5px;
-  overflow: hidden;
-  height: 30px;
-  text-overflow: ellipsis;
-  white-space: nowrap;
+  width: 28px;
+}
+
+.dropdown-button .img {
   display: block;
 }
 
-.dropdown li:hover {
-  background-color: var(--search-overlays-semitransparent);
-}
-
-.dropdown-icon {
-  width: 13px;
-  height: 13px;
-  margin-right: 5px;
-  vertical-align: middle;
-  display: inline-block;
-}
-
-.dropdown-icon.prettyPrint {
-  mask: url("resource://devtools/client/debugger/new/images/prettyPrint.svg") no-repeat;
-  mask-size: 100%;
-  background: var(--theme-highlight-blue);
-}
-
-.dropdown-icon.blackBox {
-  mask: url("resource://devtools/client/debugger/new/images/blackBox.svg") no-repeat;
-  mask-size: 100%;
-  background: var(--theme-highlight-blue);
-}
-
-.dropdown-icon.file {
-  mask: url("resource://devtools/client/debugger/new/images/file.svg") no-repeat;
-  mask-size: 100%;
-  margin-bottom: 7px;
-}
-
 .dropdown ul {
   list-style: none;
   line-height: 2em;
   font-size: 1em;
   margin: 0;
   padding: 0;
 }
 
+.dropdown li {
+  display: flex;
+  align-items: center;
+  padding: 5px 8px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  font-size: 12px;
+  line-height: calc(16 / 12);
+  transition: all 0.25s ease;
+}
+
+.dropdown li:first-child {
+  margin-top: 4px;
+}
+
+.dropdown li:last-child {
+  margin-bottom: 4px;
+}
+
+.dropdown li:hover {
+  background-color: var(--search-overlays-semitransparent);
+}
+
+.dropdown-icon {
+  margin-inline-end: 4px;
+  mask-size: 13px 13px;
+}
+
+.dropdown-icon.prettyPrint,
+.dropdown-icon.blackBox {
+  background-color: var(--theme-highlight-blue);
+}
+
 .dropdown-mask {
   position: fixed;
   width: 100%;
   height: 100%;
   background: transparent;
   z-index: 999;
   left: 0;
   top: 0;
@@ -4843,36 +4440,37 @@ html[dir="rtl"] .img.more-tabs {
  * License, v. 2.0. If a copy of the MPL was not distributed with this
  * file, You can obtain one at <http://mozilla.org/MPL/2.0/>. */
 
 .result-list {
   list-style: none;
   margin: 0px;
   padding: 0px;
   overflow: auto;
-  width: calc(100% - 1px); /* 1px fixes the hidden right border */
+  width: 100%;
   background: var(--theme-body-background);
 }
 
 .result-list * {
   -moz-user-select: none;
   user-select: none;
 }
 
 .result-list li {
   color: var(--theme-body-color);
-  padding: 4px 13px;
+  padding: 4px 8px;
   display: flex;
 }
 
 .result-list.big li {
-  padding: 5px;
   flex-direction: row;
-  line-height: 18px;
+  align-items: center;
+  padding: 6px 8px;
   font-size: 12px;
+  line-height: 16px;
 }
 
 .result-list.small li {
   justify-content: space-between;
 }
 
 .result-list li:hover {
   background: var(--theme-tab-toolbar-background);
@@ -4897,30 +4495,31 @@ html[dir="rtl"] .img.more-tabs {
 
 .theme-dark .result-list li.selected {
   background: var(--grey-70);
 }
 
 .result-list li .result-item-icon {
   background-color: var(--theme-comment);
 }
-.result-list li.selected .result-item-icon {
+
+.result-list li .icon {
+  align-self: center;
+  margin-inline-end: 14px;
+  margin-inline-start: 4px;
+}
+
+.result-list .result-item-icon {
+  display: block;
+}
+
+.result-list .selected .result-item-icon {
   background-color: var(--theme-selection-color);
 }
 
-.result-list li .result-item-icon.tab {
-  mask-size: 150%;
-  mask-position: 2px 4px;
-}
-
-.result-list li .img.result-item-icon {
-  width: 16px;
-  height: 16px;
-}
-
 .result-list li .title {
   word-break: break-all;
   text-overflow: ellipsis;
   white-space: nowrap;
 
   /** https://searchfox.org/mozilla-central/source/devtools/client/themes/variables.css **/
   color: var(--grey-90);
 }
@@ -4953,20 +4552,16 @@ html[dir="rtl"] .img.more-tabs {
   /** https://searchfox.org/mozilla-central/source/devtools/client/themes/variables.css **/
   color: var(--grey-40);
   margin-left: 15px;
   text-overflow: ellipsis;
   overflow: hidden;
   white-space: nowrap;
 }
 
-.result-list.big li .subtitle {
-  line-height: 1.5em;
-}
-
 .theme-dark .result-list.big li.selected .subtitle {
   color: white;
 }
 
 .theme-dark .result-list.big li .subtitle {
   color: var(--theme-comment-alt);
 }
 
--- a/devtools/client/debugger/new/dist/vendors.css
+++ b/devtools/client/debugger/new/dist/vendors.css
@@ -170,418 +170,16 @@ html[dir="rtl"] .tree-node button.arrow 
  * Make sure splitter panels are not processing any mouse
  * events. This is good for performance during splitter
  * bar dragging.
  */
 .split-box.dragging > .controlled,
 .split-box.dragging > .uncontrolled {
   pointer-events: none;
 }
-/* This Source Code Form is subject to the terms of the Mozilla Public
- * License, v. 2.0. If a copy of the MPL was not distributed with this
- * file, You can obtain one at <http://mozilla.org/MPL/2.0/>. */
-
-.arrow,
-.worker,
-.refresh,
-.shortcut,
-.add-button {
-  fill: var(--theme-splitter-color);
-}
-
-.img.folder,
-.img.domain,
-.img.file,
-.img.extension,
-.img.worker {
-  background-color: var(--theme-comment);
-}
-
-.worker,
-.file,
-.folder,
-.sources-list .source-icon,
-.extension {
-  position: relative;
-  top: 2px;
-}
-
-.domain,
-.worker,
-.refresh,
-.add-button {
-  position: relative;
-  top: 1px;
-}
-
-.worker svg,
-.refresh svg,
-.shortcut svg,
-.add-button svg {
-  width: 15px;
-}
-
-.img.domain,
-.img.folder {
-  width: 15px;
-  height: 15px;
-}
-
-.img.extension,
-.img.worker {
-  width: 13px;
-  height: 13px;
-  margin-inline-start: 2px;
-}
-
-.img.result-item-icon {
-  height: 18px;
-  width: 18px;
-}
-
-.img.domain {
-  mask: url("resource://devtools/client/debugger/new/images/domain.svg") no-repeat;
-  mask-size: 100%;
-}
-
-.img.folder {
-  mask: url("resource://devtools/client/debugger/new/images/folder.svg") no-repeat;
-  mask-size: 100%;
-}
-
-.img.coffeescript {
-  mask: url("resource://devtools/client/debugger/new/images/coffeescript.svg") no-repeat;
-  mask-size: 100%;
-}
-
-.img.javascript {
-  mask: url("resource://devtools/client/debugger/new/images/javascript.svg") no-repeat;
-  mask-size: 100%;
-}
-
-.img.tab {
-  mask: url("resource://devtools/client/debugger/new/images/tab.svg") no-repeat;
-  mask-size: 100%;
-}
-
-.img.react {
-  mask: url("resource://devtools/client/debugger/new/images/react.svg") no-repeat;
-  mask-size: 100%;
-}
-
-.img.aframe {
-  background-image: url("resource://devtools/client/debugger/new/images/aframe.svg");
-  background-size: 15px 15px;
-}
-
-.img.babel {
-  mask: url("resource://devtools/client/debugger/new/images/babel.svg") no-repeat;
-  mask-size: 100%;
-}
-
-.img.backbone {
-  mask: url("resource://devtools/client/debugger/new/images/backbone.svg") no-repeat;
-  mask-size: 100%;
-}
-
-.img.choo {
-  mask: url("resource://devtools/client/debugger/new/images/choo.svg") no-repeat;
-  mask-size: 100%;
-}
-
-.img.dojo {
-  background-image: url("resource://devtools/client/debugger/new/images/dojo.svg");
-}
-
-.img.ember {
-  background-image: url("resource://devtools/client/debugger/new/images/ember.svg");
-}
-
-.img.immutable {
-  mask: url("resource://devtools/client/debugger/new/images/immutable.svg") no-repeat;
-  mask-size: 100%;
-}
-
-.img.jquery {
-  mask: url("resource://devtools/client/debugger/new/images/jquery.svg") no-repeat;
-  mask-size: 100%;
-}
-
-.img.lodash {
-  mask: url("resource://devtools/client/debugger/new/images/lodash.svg") no-repeat;
-  mask-size: 100%;
-}
-
-span.img.marko {
-  background-image: url("resource://devtools/client/debugger/new/images/marko.svg");
-  background-size: contain;
-  background-repeat: no-repeat;
-  background-position: center center;
-}
-
-.img.mobx {
-  background-image: url("resource://devtools/client/debugger/new/images/mobx.svg");
-}
-
-.img.next-circle {
-  mask: url("resource://devtools/client/debugger/new/images/next-circle.svg") no-repeat;
-  mask-size: 100%;
-}
-
-.img.next {
-  mask: url("resource://devtools/client/debugger/new/images/next.svg") no-repeat;
-  mask-size: 100%;
-}
-
-.img.nextjs {
-  background-image: url("resource://devtools/client/debugger/new/images/nextjs.svg");
-}
-
-.img.nuxtjs {
-  background-image: url("resource://devtools/client/debugger/new/images/nuxtjs.svg");
-}
-
-.img.preact {
-  background-image: url("resource://devtools/client/debugger/new/images/preact.svg");
-}
-
-.img.pug {
-  background-image: url("resource://devtools/client/debugger/new/images/pug.svg");
-}
-
-.img.redux {
-  mask: url("resource://devtools/client/debugger/new/images/redux.svg") no-repeat;
-  mask-size: 100%;
-}
-
-.img.rxjs {
-  background-image: url("resource://devtools/client/debugger/new/images/rxjs.svg");
-}
-
-.img.sencha-extjs {
-  background-image: url("resource://devtools/client/debugger/new/images/sencha-extjs.svg");
-}
-
-.img.underscore {
-  mask: url("resource://devtools/client/debugger/new/images/underscore.svg") no-repeat;
-  mask-size: 100%;
-}
-
-.img.webpack {
-  background-image: url("resource://devtools/client/debugger/new/images/webpack.svg");
-  background-repeat: no-repeat;
-}
-
-.img.vue {
-  background: url("resource://devtools/client/debugger/new/images/vuejs.svg") 1px 1px no-repeat;
-  background-size: 15px;
-}
-
-.img.typescript {
-  mask: url("resource://devtools/client/debugger/new/images/typescript.svg") no-repeat;
-  mask-size: 100%;
-}
-
-.img.extension {
-  mask: url("resource://devtools/client/debugger/new/images/extension.svg") no-repeat;
-  mask-size: 100%;
-}
-
-.img.pane-collapse {
-  mask: url("resource://devtools/client/debugger/new/images/pane-collapse.svg") no-repeat;
-  mask-size: 100%;
-}
-
-.img.pane-expand {
-  mask: url("resource://devtools/client/debugger/new/images/pane-expand.svg") no-repeat;
-  mask-size: 100%;
-}
-
-.img.file {
-  mask: url("resource://devtools/client/debugger/new/images/file.svg") no-repeat;
-  mask-size: 100%;
-  width: 13px;
-  height: 13px;
-}
-
-.img.worker {
-  mask: url("resource://devtools/client/debugger/new/images/worker.svg") no-repeat;
-  mask-size: 100%;
-}
-
-.img.plus {
-  mask: url("resource://devtools/client/debugger/new/images/plus.svg") no-repeat;
-  mask-size: 100%;
-  height: 16px;
-  width: 16px;
-}
-
-.img.magnifying-glass {
-  mask: url("resource://devtools/client/debugger/new/images/magnifying-glass.svg") no-repeat;
-  mask-size: 100%;
-}
-
-.img.case-match {
-  mask: url("resource://devtools/client/debugger/new/images/case-match.svg") no-repeat;
-  mask-size: 100%;
-}
-
-.img.regex-match {
-  mask: url("resource://devtools/client/debugger/new/images/regex-match.svg") no-repeat;
-  mask-size: 100%;
-}
-
-.img.whole-word-match {
-  mask: url("resource://devtools/client/debugger/new/images/whole-word-match.svg") no-repeat;
-  mask-size: 100%;
-}
-
-.img.breadcrumb {
-  mask: url("resource://devtools/client/debugger/new/images/breadcrumbs-divider.svg") no-repeat;
-  mask-size: 100%;
-}
-
-.img.home {
-  mask: url("resource://devtools/client/debugger/new/images/home.svg") no-repeat;
-  mask-size: 100%;
-}
-
-.img.angular {
-  background-image: url("resource://devtools/client/debugger/new/images/angular.svg");
-  background-repeat: no-repeat;
-}
-
-.img.angular,
-.img.webpack,
-.img.vue,
-.img.aframe,
-.img.dojo,
-.img.ember,
-.img.marko,
-.img.mobx,
-.img.nextjs,
-.img.nuxtjs,
-.img.preact,
-.img.pug,
-.img.rxjs,
-.img.sencha-extjs {
-  background-size: 15px 15px;
-  background-color: transparent;
-  width: 15px;
-  height: 15px;
-  position: relative;
-}
-
-.sources-list .img.angular,
-.sources-list .img.webpack,
-.sources-list .img.vue,
-.sources-list .img.aframe,
-.sources-list .img.dojo,
-.sources-list .img.ember,
-.sources-list .img.marko,
-.sources-list .img.mobx,
-.sources-list .img.nextjs,
-.sources-list .img.nuxtjs,
-.sources-list .img.preact,
-.sources-list .img.pug,
-.sources-list .img.rxjs,
-.sources-list .img.sencha-extjs {
-  top: 3px;
-}
-
-.img.domain,
-.img.folder,
-.img.file,
-.sources-list .img.source-icon,
-.img.extension,
-.img.worker {
-  mask-size: 100%;
-  margin-inline-end: 5px;
-  display: inline-block;
-}
-
-.img.result-item-icon {
-  mask-size: 100%;
-  margin-inline-end: 15px;
-  margin-inline-start: 5px;
-  display: inline-block;
-}
-
-.img.refresh,
-.img.shortcut,
-.img.worker,
-.img.arrow {
-  margin-inline-end: 5px;
-}
-
-.img.refresh {
-  mask: url("resource://devtools/client/debugger/new/images/reload.svg");
-  mask-size: 100%;
-}
-
-.img.arrow {
-  mask: url("resource://devtools/client/debugger/new/images/arrow.svg");
-  margin-inline-end: 4px;
-  width: 10px;
-  height: 10px;
-  padding-top: 9px;
-  background: var(--disclosure-arrow);
-  mask-size: 100%;
-  display: inline-block;
-  transform: rotate(-90deg);
-  transition: transform 0.18s ease;
-}
-
-/* overrides tree component */
-.tree-node button.arrow {
-  background: none;
-  mask: url("resource://devtools/client/debugger/new/images/arrow.svg");
-  background: var(--disclosure-arrow);
-  mask-size: 100%;
-}
-
-html[dir="rtl"] .img.arrow {
-  transform: rotate(90deg);
-}
-
-.arrow {
-  transition: transform 0.125s ease;
-  height: 10px;
-  width: 10px;
-  transform: rotate(-90deg);
-  vertical-align: -1px;
-}
-
-html[dir="rtl"] .arrow,
-.arrow:dir(rtl),
-.arrow:-moz-locale-dir(rtl) {
-  transform: rotate(90deg);
-}
-
-.arrow.expanded {
-  transform: rotate(0deg);
-}
-
-.arrow.hidden {
-  visibility: hidden;
-}
-
-.angular,
-.webpack {
-  opacity: 0.8;
-}
-
-.theme-dark .angular,
-.theme-dark .webpack {
-  opacity: 0.5;
-}
-
-.source-icon svg {
-  fill: var(--theme-comment);
-}
 .container {
   background-color: lightgrey;
   border: 1px solid darkgrey;
   cursor: pointer;
   padding: 0 3px;
 }
 
 .container[aria-selected=true] {
--- a/devtools/client/debugger/new/dist/vendors.js
+++ b/devtools/client/debugger/new/dist/vendors.js
@@ -514,23 +514,16 @@ process.umask = function() { return 0; }
 
 /***/ 1301:
 /***/ (function(module, exports) {
 
 // removed by extract-text-webpack-plugin
 
 /***/ }),
 
-/***/ 1310:
-/***/ (function(module, exports) {
-
-// removed by extract-text-webpack-plugin
-
-/***/ }),
-
 /***/ 1355:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
 
 
 /* This Source Code Form is subject to the terms of the Mozilla Public
  * License, v. 2.0. If a copy of the MPL was not distributed with this
@@ -547,34 +540,30 @@ module.exports = feature;
 
 "use strict";
 
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 
-var _Svg = __webpack_require__(3841);
+var _Svg = __webpack_require__(3842);
 
 var _Svg2 = _interopRequireDefault(_Svg);
 
-__webpack_require__(1310);
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-/* This Source Code Form is subject to the terms of the Mozilla Public
- * License, v. 2.0. If a copy of the MPL was not distributed with this
- * file, You can obtain one at <http://mozilla.org/MPL/2.0/>. */
+exports.default = _Svg2.default; /* This Source Code Form is subject to the terms of the Mozilla Public
+                                  * License, v. 2.0. If a copy of the MPL was not distributed with this
+                                  * file, You can obtain one at <http://mozilla.org/MPL/2.0/>. */
 
 /**
  * This file maps the SVG React Components in the images directory.
  */
 
-exports.default = _Svg2.default;
-
 /***/ }),
 
 /***/ 1376:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
 
 
@@ -7521,17 +7510,17 @@ module.exports = Draggable;
 
 /***/ 3805:
 /***/ (function(module, exports) {
 
 // removed by extract-text-webpack-plugin
 
 /***/ }),
 
-/***/ 3841:
+/***/ 3842:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
 
 
 var _svgInlineReact = __webpack_require__(1763);
 
 var _svgInlineReact2 = _interopRequireDefault(_svgInlineReact);
@@ -7541,67 +7530,54 @@ function _interopRequireDefault(obj) { r
 /* This Source Code Form is subject to the terms of the Mozilla Public
  * License, v. 2.0. If a copy of the MPL was not distributed with this
  * file, You can obtain one at <http://mozilla.org/MPL/2.0/>. */
 
 const React = __webpack_require__(0);
 
 
 const svg = {
-  breakpoint: __webpack_require__(3842),
-  "column-marker": __webpack_require__(3843),
-  "magnifying-glass": __webpack_require__(3844)
+  breakpoint: __webpack_require__(3843),
+  "column-marker": __webpack_require__(3844)
 };
 
 function Svg({ name, className, onClick, "aria-label": ariaLabel }) {
   if (!svg[name]) {
     const error = `Unknown SVG: ${name}`;
     console.warn(error);
     return null;
   }
 
-  className = `${name} ${className || ""}`;
-  if (name === "subSettings") {
-    className = "";
-  }
-
   const props = {
-    className,
+    className: `${name} ${className || ""}`,
     onClick,
-    ["aria-label"]: ariaLabel,
+    "aria-label": ariaLabel,
     src: svg[name]
   };
 
   return React.createElement(_svgInlineReact2.default, props);
 }
 
 Svg.displayName = "Svg";
 
 module.exports = Svg;
 
 /***/ }),
 
-/***/ 3842:
-/***/ (function(module, exports) {
-
-module.exports = "<!-- This Source Code Form is subject to the terms of the Mozilla Public - License, v. 2.0. If a copy of the MPL was not distributed with this - file, You can obtain one at http://mozilla.org/MPL/2.0/. --><svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" viewBox=\"0 0 60 14\"><path id=\"base-path\" d=\"M53.07.5H1.5a1 1 0 0 0-1 1v11a1 1 0 0 0 1 1h51.57a2 2 0 0 0 1.53-.7L59.3 7l-4.7-5.8a2 2 0 0 0-1.53-.7z\"></path></svg>"
-
-/***/ }),
-
 /***/ 3843:
 /***/ (function(module, exports) {
 
-module.exports = "<svg viewBox=\"0 0 9 12\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\"><g id=\"columnmarkergroup\" stroke-width=\"1\" fill-rule=\"evenodd\"><polygon id=\"columnmarker\" points=\"0 0 4 0 9 6 4 12 0 12\"></polygon></g></svg>"
+module.exports = "<!-- This Source Code Form is subject to the terms of the Mozilla Public - License, v. 2.0. If a copy of the MPL was not distributed with this - file, You can obtain one at http://mozilla.org/MPL/2.0/. --><svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 60 14\"><path d=\"M53.07.5H1.5a1 1 0 0 0-1 1v11a1 1 0 0 0 1 1h51.57a2 2 0 0 0 1.53-.7L59.3 7l-4.7-5.8a2 2 0 0 0-1.53-.7z\"></path></svg>"
 
 /***/ }),
 
 /***/ 3844:
 /***/ (function(module, exports) {
 
-module.exports = "<!-- This Source Code Form is subject to the terms of the Mozilla Public - License, v. 2.0. If a copy of the MPL was not distributed with this - file, You can obtain one at http://mozilla.org/MPL/2.0/. --><svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\"><path class=\"st0\" d=\"M9 9.3l3.6 3.6\"></path><ellipse fill=\"transparent\" cx=\"5.9\" cy=\"6.2\" rx=\"4.5\" ry=\"4.5\"></ellipse></svg>"
+module.exports = "<svg viewBox=\"0 0 9 12\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\"><g id=\"columnmarkergroup\" stroke-width=\"1\" fill-rule=\"evenodd\"><polygon id=\"columnmarker\" points=\"0 0 4 0 9 6 4 12 0 12\"></polygon></g></svg>"
 
 /***/ }),
 
 /***/ 4:
 /***/ (function(module, exports) {
 
 module.exports = __WEBPACK_EXTERNAL_MODULE_4__;
 
--- a/devtools/client/debugger/new/images/Svg.js
+++ b/devtools/client/debugger/new/images/Svg.js
@@ -2,43 +2,37 @@
  * License, v. 2.0. If a copy of the MPL was not distributed with this
  * file, You can obtain one at <http://mozilla.org/MPL/2.0/>. */
 
 const React = require("react");
 import InlineSVG from "svg-inline-react";
 
 const svg = {
   breakpoint: require("./breakpoint.svg"),
-  "column-marker": require("./column-marker.svg"),
-  "magnifying-glass": require("./magnifying-glass.svg")
+  "column-marker": require("./column-marker.svg")
 };
 
 type SvgType = {
   name: string,
   className?: string,
   onClick?: () => void,
   "aria-label"?: string
 };
 
-function Svg({ name, className, onClick, "aria-label": ariaLabel }) {
+function Svg({ name, className, onClick, "aria-label": ariaLabel }: SvgType) {
   if (!svg[name]) {
     const error = `Unknown SVG: ${name}`;
     console.warn(error);
     return null;
   }
 
-  className = `${name} ${className || ""}`;
-  if (name === "subSettings") {
-    className = "";
-  }
-
   const props = {
-    className,
+    className: `${name} ${className || ""}`,
     onClick,
-    ["aria-label"]: ariaLabel,
+    "aria-label": ariaLabel,
     src: svg[name]
   };
 
   return <InlineSVG {...props} />;
 }
 
 Svg.displayName = "Svg";
 
deleted file mode 100644
--- a/devtools/client/debugger/new/images/aframe.svg
+++ /dev/null
@@ -1,20 +0,0 @@
-<!-- This Source Code Form is subject to the terms of the Mozilla Public
-   - License, v. 2.0. If a copy of the MPL was not distributed with this
-   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
-<svg id="svg2" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns="http://www.w3.org/2000/svg" height="100mm" width="100mm" version="1.1" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/" viewBox="0 0 354.33071 354.33071">
- <metadata id="metadata7">
-  <rdf:RDF>
-   <cc:Work rdf:about="">
-    <dc:format>image/svg+xml</dc:format>
-    <dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage"/>
-    <dc:title/>
-   </cc:Work>
-  </rdf:RDF>
- </metadata>
- <g id="layer1" fill="#EF2D5E" transform="translate(0 -698.03)">
-  <path id="text3336" d="m102.28 749.3-88.657 293.97h72.114l14.848-63.206h86.112l14.845 63.206h73.81l-34.36-113.69-128.53 0.00011 30.967-129.8v-50.48z"/>
-  <rect id="rect3356" transform="rotate(237.21)" height="79.557" width="79.557" y="-311.53" x="-785.82"/>
-  <rect id="rect3362" transform="matrix(-.78208 .62317 -.62317 -.78208 0 0)" height="95.238" width="95.238" y="-885.85" x="318.72"/>
-  <rect id="rect3364" transform="rotate(12.582)" height="95.238" width="95.238" y="633.02" x="396.31"/>
- </g>
-</svg>
deleted file mode 100644
--- a/devtools/client/debugger/new/images/angular.svg
+++ /dev/null
@@ -1,10 +0,0 @@
-<!-- This Source Code Form is subject to the terms of the Mozilla Public
-   - License, v. 2.0. If a copy of the MPL was not distributed with this
-   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
-<svg width="256px" height="272px" viewBox="0 0 256 272" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid">
-	<g>
-		<path d="M0.0996108949,45.522179 L125.908171,0.697276265 L255.103502,44.7252918 L234.185214,211.175097 L125.908171,271.140856 L19.3245136,211.971984 L0.0996108949,45.522179 Z" fill="#E23237"></path>
-		<path d="M255.103502,44.7252918 L125.908171,0.697276265 L125.908171,271.140856 L234.185214,211.274708 L255.103502,44.7252918 L255.103502,44.7252918 Z" fill="#B52E31"></path>
-		<path d="M126.107393,32.27393 L126.107393,32.27393 L47.7136187,206.692607 L76.9992218,206.194553 L92.7377432,166.848249 L126.207004,166.848249 L126.306615,166.848249 L163.063035,166.848249 L180.29572,206.692607 L208.286381,207.190661 L126.107393,32.27393 L126.107393,32.27393 Z M126.306615,88.155642 L152.803113,143.5393 L127.402335,143.5393 L126.107393,143.5393 L102.997665,143.5393 L126.306615,88.155642 L126.306615,88.155642 Z" fill="#FFFFFF"></path>
-	</g>
-</svg>
--- a/devtools/client/debugger/new/images/arrow-down.svg
+++ b/devtools/client/debugger/new/images/arrow-down.svg
@@ -1,6 +1,6 @@
 <!-- This Source Code Form is subject to the terms of the Mozilla Public
    - License, v. 2.0. If a copy of the MPL was not distributed with this
    - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
-<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 1792 1792">
-  <path d="M1395 736q0 13-10 23l-466 466q-10 10-23 10t-23-10l-466-466q-10-10-10-23t10-23l50-50q10-10 23-10t23 10l393 393 393-393q10-10 23-10t23 10l50 50q10 10 10 23z" fill="#696969"/>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12" width="12" height="12">
+  <path d="M6.354 8.354a.5.5 0 0 1-.708 0l-4.5-4.5a.5.5 0 1 1 .708-.708L6 7.293l4.146-4.147a.5.5 0 0 1 .708.708l-4.5 4.5z"/>
 </svg>
--- a/devtools/client/debugger/new/images/arrow-up.svg
+++ b/devtools/client/debugger/new/images/arrow-up.svg
@@ -1,6 +1,6 @@
 <!-- This Source Code Form is subject to the terms of the Mozilla Public
    - License, v. 2.0. If a copy of the MPL was not distributed with this
    - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
-<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 1792 1792">
-  <path d="M1395 1184q0 13-10 23l-50 50q-10 10-23 10t-23-10l-393-393-393 393q-10 10-23 10t-23-10l-50-50q-10-10-10-23t10-23l466-466q10-10 23-10t23 10l466 466q10 10 10 23z" fill="#696969"/>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12" width="12" height="12">
+  <path d="M5.646 2.647a.5.5 0 0 1 .708 0l4.5 4.5a.5.5 0 0 1-.708.708L6 3.708 1.854 7.855a.5.5 0 1 1-.708-.708l4.5-4.5z"/>
 </svg>
deleted file mode 100644
--- a/devtools/client/debugger/new/images/babel.svg
+++ /dev/null
@@ -1,107 +0,0 @@
-<!-- This Source Code Form is subject to the terms of the Mozilla Public
-   - License, v. 2.0. If a copy of the MPL was not distributed with this
-   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
-<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
- width="418.000000pt" height="418.000000pt" viewBox="0 0 418.000000 418.000000"
- preserveAspectRatio="xMidYMid meet">
-<metadata>
-Created by potrace 1.11, written by Peter Selinger 2001-2013
-</metadata>
-<g transform="translate(0.000000,418.000000) scale(0.100000,-0.100000)"
-fill="#000000" stroke="none">
-<path fill="#F9DC3E" d="M2610 3980 c0 -4 -15 -7 -32 -7 -31 -1 -93 -10 -93 -13 0 -1 -11 -3
--25 -5 -14 -2 -36 -6 -50 -10 -14 -4 -36 -8 -50 -10 -14 -2 -25 -4 -25 -5 0
--1 -7 -3 -15 -5 -8 -2 -51 -13 -95 -25 -44 -12 -86 -22 -92 -23 -7 0 -13 -4
--13 -9 0 -5 -4 -7 -9 -4 -4 3 -26 -1 -47 -9 -22 -7 -48 -17 -59 -21 -11 -4
--28 -9 -38 -11 -10 -1 -31 -10 -47 -18 -17 -9 -32 -15 -35 -15 -15 2 -115 -35
--115 -42 0 -5 -4 -7 -8 -4 -4 2 -27 -4 -50 -14 -23 -11 -42 -16 -42 -12 0 4
--4 2 -8 -4 -4 -7 -21 -20 -38 -30 -42 -26 -157 -101 -169 -111 -21 -16 -70
--44 -87 -50 -10 -3 -18 -9 -18 -14 0 -5 -9 -9 -20 -9 -11 0 -20 -4 -20 -9 0
--5 -9 -13 -20 -16 -11 -3 -20 -13 -20 -22 0 -11 5 -13 18 -8 9 4 23 7 30 6 6
--1 23 -3 37 -4 14 -1 25 -3 25 -4 0 -5 -49 -50 -79 -73 -18 -14 -42 -33 -54
--43 -11 -10 -37 -28 -57 -40 -51 -31 -80 -59 -80 -75 0 -8 -6 -12 -12 -9 -7 2
--24 0 -37 -5 -19 -6 -22 -11 -13 -20 19 -19 14 -24 -28 -25 -50 -1 -100 -21
--100 -39 0 -8 -10 -14 -25 -14 -25 0 -25 -1 -25 -80 l0 -80 33 0 c18 0 40 8
-49 18 37 38 48 44 54 28 7 -18 -4 -39 -16 -31 -5 3 -11 1 -15 -4 -6 -11 16
--53 26 -49 4 2 34 28 67 58 32 30 69 63 81 73 24 19 81 31 81 17 0 -5 9 -12
-21 -15 14 -5 34 2 62 22 23 15 44 31 45 36 2 4 10 7 18 7 8 0 14 5 14 10 0 6
-7 10 15 10 8 0 15 5 15 11 0 5 4 7 10 4 5 -3 10 -2 10 3 0 5 8 12 18 16 20 6
-50 25 70 44 7 7 18 10 23 7 5 -4 9 -1 9 5 0 6 5 8 10 5 6 -3 10 -1 10 4 0 6 6
-11 14 11 8 0 22 7 30 16 9 8 25 16 36 17 11 1 20 5 20 9 0 4 9 8 20 8 11 0 20
-4 20 8 0 17 30 8 36 -10 7 -24 -47 -185 -101 -305 -8 -17 -15 -33 -15 -36 0
--6 -244 -579 -296 -694 -14 -32 -31 -71 -39 -88 -7 -16 -22 -50 -33 -75 -11
--25 -31 -70 -45 -100 -39 -89 -66 -147 -193 -420 -73 -157 -320 -651 -358
--717 -18 -32 -49 -87 -68 -123 -20 -36 -54 -97 -77 -136 -49 -85 -47 -109 7
--99 l34 6 -20 -29 c-18 -25 -19 -32 -8 -47 11 -15 18 -16 44 -7 18 6 32 9 32
-7 0 -3 15 3 32 13 31 17 34 17 49 1 12 -11 14 -20 7 -27 -27 -27 -97 -174
--105 -219 -5 -33 17 -29 47 8 62 76 61 76 36 16 -37 -85 -47 -127 -32 -127 28
-0 168 184 238 311 30 54 41 62 93 69 3 1 24 8 47 16 24 9 48 17 53 18 6 2 17
-6 25 9 8 3 33 11 55 17 22 6 49 15 60 20 28 11 118 44 128 46 4 1 8 2 10 4 1
-1 11 3 21 5 10 2 22 7 25 12 3 4 11 9 16 10 6 1 36 13 68 27 31 14 57 23 57
-20 0 -3 7 2 16 10 8 9 20 14 25 11 5 -4 9 -2 9 2 0 12 63 34 108 38 20 2 48 6
-62 9 14 3 39 9 55 12 17 3 35 9 40 13 6 3 12 6 15 6 15 0 100 40 100 47 0 4 6
-8 13 8 14 0 43 30 42 44 0 5 7 10 15 11 74 12 184 66 219 108 7 10 19 17 26
-17 8 0 15 4 17 8 3 9 123 100 233 179 148 105 175 123 184 123 5 0 11 4 13 8
-2 4 25 23 52 42 28 19 57 42 66 50 10 8 41 35 70 60 231 196 359 405 374 609
-3 40 -2 63 -22 104 -24 49 -83 138 -106 163 -6 6 -27 31 -46 54 -19 24 -43 52
--52 62 -10 10 -18 22 -18 26 0 11 48 52 61 52 5 0 7 5 4 10 -3 6 -2 10 4 10
-21 0 112 66 183 133 16 15 31 27 35 27 3 0 13 8 22 18 9 10 54 50 100 90 47
-40 95 88 108 106 58 86 101 250 108 415 3 67 -22 179 -47 209 -8 9 -23 35 -33
-57 -24 47 -165 191 -165 168 0 -4 -4 -3 -8 3 -4 6 -45 31 -92 55 -47 24 -88
-48 -91 52 -3 4 -10 7 -15 5 -5 -1 -19 3 -31 10 -13 7 -23 11 -23 8 0 -3 -16 2
--35 10 -19 8 -35 11 -35 8 0 -4 -6 -2 -12 4 -7 6 -16 10 -21 10 -4 0 -49 6
--100 13 -50 7 -108 13 -127 14 -19 0 -38 5 -42 10 -5 6 -8 5 -8 -3 0 -8 -5
--10 -12 -5 -15 9 -178 12 -178 3z m770 -273 c0 4 5 2 12 -5 7 -7 20 -12 30
--12 10 0 18 -4 18 -10 0 -14 -12 -13 -56 7 -22 9 -43 16 -47 15 -5 -2 -6 2 -2
-8 4 7 12 7 26 0 10 -6 19 -7 19 -3z m-805 -196 c3 -11 13 -18 23 -16 9 2 17 4
-17 5 0 3 41 7 97 12 27 1 48 5 48 8 0 3 52 6 115 7 63 1 115 -2 115 -6 0 -4
-14 -8 31 -8 17 0 35 -6 39 -14 5 -7 12 -10 16 -7 8 9 50 -41 63 -76 13 -33 35
--35 29 -2 -9 43 6 51 46 27 40 -25 41 -29 22 -84 -21 -57 -66 -101 -66 -63 0
-19 -30 29 -31 11 -1 -8 -3 -19 -4 -25 -1 -5 -3 -18 -4 -28 0 -11 -10 -29 -21
--42 -11 -13 -20 -26 -20 -30 0 -3 -8 -15 -17 -26 -10 -10 -30 -35 -45 -54 -42
--56 -86 -100 -99 -100 -6 0 -40 -29 -76 -65 -35 -35 -85 -82 -111 -102 -26
--21 -49 -40 -52 -43 -3 -3 -39 -28 -80 -55 -41 -28 -76 -53 -78 -57 -2 -5 -16
--8 -31 -8 -15 0 -31 -3 -35 -7 -3 -4 -12 -8 -19 -9 -7 -1 -50 -17 -97 -35 -47
--18 -87 -34 -90 -34 -3 -1 -17 -7 -32 -13 -16 -7 -40 -17 -55 -24 -16 -6 -31
--11 -35 -10 -5 1 -8 -3 -8 -8 0 -5 -3 -9 -7 -8 -5 1 -17 -3 -28 -9 -11 -6 -23
--11 -28 -12 -4 0 -27 -9 -51 -20 -24 -10 -54 -22 -65 -26 -19 -6 -20 -4 -11
-19 5 13 21 47 35 75 14 28 27 66 29 84 6 46 42 146 60 166 8 9 46 86 84 171
-38 85 80 178 92 205 13 28 24 52 25 55 0 3 11 28 24 55 12 28 36 83 53 123 17
-39 37 72 44 72 8 0 14 4 14 8 0 5 6 9 13 10 6 0 35 7 62 15 70 21 93 20 100
--2z m915 -93 c0 -15 -15 -8 -28 12 -7 12 -10 26 -6 32 6 10 33 -25 34 -44z
-m-2452 -299 c-7 -5 -22 -9 -33 -9 -19 1 -19 1 -2 15 11 7 26 11 34 8 12 -5 12
--7 1 -14z m117 11 c-3 -5 -11 -10 -16 -10 -6 0 -7 5 -4 10 3 6 11 10 16 10 6
-0 7 -4 4 -10z m-55 -45 c10 -13 9 -15 -8 -15 -15 0 -20 5 -16 15 4 8 7 15 9
-15 1 0 8 -7 15 -15z m-26 -49 c-19 -14 -34 -12 -34 4 0 8 41 19 49 13 3 -2 -4
--10 -15 -17z m1551 -891 c22 -4 49 -7 60 -8 11 -1 22 -4 25 -7 9 -10 65 -33
-74 -31 4 1 5 -11 1 -26 -10 -43 -87 -203 -96 -203 -5 0 -9 -7 -9 -15 0 -8 -3
--15 -7 -15 -5 0 -22 -14 -40 -30 -18 -17 -37 -30 -42 -30 -6 0 -11 -4 -11 -8
-0 -4 -12 -15 -27 -24 -16 -9 -40 -28 -55 -42 -15 -14 -30 -26 -33 -26 -3 0
--16 -10 -29 -22 -12 -13 -38 -34 -56 -48 -18 -14 -56 -43 -84 -65 -28 -23 -73
--55 -101 -73 -27 -17 -54 -35 -60 -39 -20 -17 -221 -138 -260 -157 -22 -11
--43 -19 -47 -18 -5 1 -8 -3 -8 -8 0 -6 -5 -10 -11 -10 -6 0 -24 -9 -40 -21
--16 -11 -29 -17 -29 -12 0 4 -7 -1 -15 -11 -8 -11 -15 -17 -15 -13 0 8 -144
--65 -148 -75 -2 -5 -8 -8 -14 -8 -5 0 -61 -25 -123 -55 -63 -30 -116 -55 -118
--55 -3 0 -22 -8 -43 -17 -45 -19 -77 -26 -71 -16 2 5 111 223 241 485 131 263
-242 481 248 484 5 4 26 8 46 10 38 4 77 11 77 14 0 1 7 3 15 5 36 7 146 36
-160 42 20 8 41 14 62 17 9 1 23 7 31 14 7 7 16 10 19 7 3 -3 25 3 49 14 24 11
-47 17 51 15 4 -3 8 0 8 5 0 6 3 10 8 9 10 -4 133 43 162 61 21 14 23 14 15 1
--7 -12 -6 -13 6 -4 8 5 46 11 84 13 39 2 71 4 73 6 2 1 11 1 20 -1 9 -2 35 -6
-57 -9z m-590 -75 c3 -5 1 -10 -4 -10 -6 0 -11 5 -11 10 0 6 2 10 4 10 3 0 8
--4 11 -10z m-25 -10 c0 -5 -4 -10 -10 -10 -5 0 -10 5 -10 10 0 6 5 10 10 10 6
-0 10 -4 10 -10z m-270 -1119 c0 -5 -7 -11 -15 -15 -15 -5 -20 5 -8 17 9 10 23
-9 23 -2z m273 -84 c-3 -5 -11 -6 -19 -3 -8 3 -14 2 -14 -3 0 -4 -7 -8 -16 -8
--15 0 -15 2 -1 12 18 13 58 15 50 2z m-383 -51 c0 -2 -11 -11 -25 -20 -20 -13
--23 -13 -19 -2 3 8 13 17 22 19 10 3 18 5 20 6 1 0 2 -1 2 -3z m-125 -68 c-11
--6 -22 -14 -25 -18 -4 -5 -29 -18 -50 -25 -3 -1 -18 -7 -35 -14 -16 -7 -34
--14 -40 -15 -5 -1 -25 -10 -42 -19 -18 -10 -34 -16 -35 -15 -2 1 -48 -20 -103
--46 -112 -54 -150 -63 -172 -41 -8 8 -12 15 -9 15 3 0 8 0 11 0 3 0 20 6 39
-14 19 8 37 12 40 8 3 -3 6 0 6 6 0 6 7 9 15 6 8 -4 15 -1 15 4 0 6 9 9 20 7
-11 -2 20 1 20 6 0 6 4 8 9 4 5 -3 16 1 24 9 8 8 17 13 20 10 3 -3 19 2 36 11
-17 8 31 13 31 9 0 -4 6 -1 13 5 8 6 17 8 20 4 4 -3 7 -1 7 5 0 7 7 12 15 12 8
-0 39 11 69 24 30 13 57 22 60 18 3 -3 6 0 6 6 0 6 8 13 18 15 31 8 37 7 17 -5z
-m-445 -105 c-19 -8 -38 -20 -42 -27 -6 -8 -8 -8 -8 1 0 21 31 43 58 42 26 -1
-26 -1 -8 -16z m-330 -133 c0 -5 -5 -10 -11 -10 -5 0 -7 5 -4 10 3 6 8 10 11
-10 2 0 4 -4 4 -10z"/>
-</g>
-</svg>
deleted file mode 100644
--- a/devtools/client/debugger/new/images/backbone.svg
+++ /dev/null
@@ -1,6 +0,0 @@
-<!-- This Source Code Form is subject to the terms of the Mozilla Public
-   - License, v. 2.0. If a copy of the MPL was not distributed with this
-   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="32" height="32" viewBox="0 0 32 32"><script/>
-  <path fill="#444444" d="M16 9.875l-9.539-5.438v23.698l9.539-5.438 9.539 5.438v-23.698l-9.539 5.438zM11.248 16.286l4.752-2.709 4.752 2.709-4.752 2.709-4.752-2.709zM9.618 9.643l3.399 1.938-3.399 1.938v-3.876zM9.618 19.053l3.145 1.792-3.145 1.793v-3.585zM22.382 22.638l-3.145-1.793 3.145-1.793v3.585zM18.982 11.581l3.399-1.938v3.876l-3.399-1.938z"/>
-</svg>
--- a/devtools/client/debugger/new/images/breakpoint.svg
+++ b/devtools/client/debugger/new/images/breakpoint.svg
@@ -1,6 +1,6 @@
 <!-- This Source Code Form is subject to the terms of the Mozilla Public
    - License, v. 2.0. If a copy of the MPL was not distributed with this
    - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 60 14">
-  <path id="base-path" d="M53.07.5H1.5a1 1 0 0 0-1 1v11a1 1 0 0 0 1 1h51.57a2 2 0 0 0 1.53-.7L59.3 7l-4.7-5.8a2 2 0 0 0-1.53-.7z"/>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 14">
+  <path d="M53.07.5H1.5a1 1 0 0 0-1 1v11a1 1 0 0 0 1 1h51.57a2 2 0 0 0 1.53-.7L59.3 7l-4.7-5.8a2 2 0 0 0-1.53-.7z"/>
 </svg>
deleted file mode 100644
--- a/devtools/client/debugger/new/images/choo.svg
+++ /dev/null
@@ -1,60 +0,0 @@
-<!-- This Source Code Form is subject to the terms of the Mozilla Public
-   - License, v. 2.0. If a copy of the MPL was not distributed with this
-   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 viewBox="0 0 512 512" enable-background="new 0 0 512 512" xml:space="preserve">
-<g id="Layer_2">
-	<path fill="#132028" d="M190.475,376V203.308H81.266c-27.129,0-50.139,26-58.222,62.035c-9.877,1.302-17.62,13.541-17.62,28.455
-		c0,14.914,7.743,27.153,17.62,28.455c7.291,32.507,26.733,56.84,50.385,61.294v68.669h395.95V376H190.475z"/>
-</g>
-<g id="Layer_3">
-	<path fill="#575A5B" d="M490.712,427.977c0,30.941-25.082,56.023-56.023,56.023c-25.804,0-47.519-17.451-54.023-41.19
-		c-6.504,23.739-28.219,41.19-54.023,41.19c-30.941,0-56.023-25.082-56.023-56.023c0-30.941,25.082-56.023,56.023-56.023
-		c25.804,0,47.519,17.451,54.023,41.19c6.504-23.739,28.219-41.19,54.023-41.19C465.629,371.954,490.712,397.036,490.712,427.977z
-		 M161.24,203.308l29.75-113.845H94.232l29.75,113.845h-13.668c-33.865,0-61.319,40.513-61.319,90.489
-		c0,49.976,27.453,90.489,61.319,90.489H294.27V203.308H161.24z M162.321,420.431c-13.164,0-24.458,8.002-29.285,19.408
-		c-4.826-11.405-16.121-19.408-29.284-19.408c-17.554,0-31.785,14.23-31.785,31.784c0,17.554,14.23,31.785,31.785,31.785
-		c13.164,0,24.458-8.002,29.284-19.408C137.863,475.998,149.157,484,162.321,484c17.554,0,31.784-14.23,31.784-31.785
-		C194.106,434.661,179.875,420.431,162.321,420.431z"/>
-</g>
-<g id="Layer_4">
-	<path fill="#FFB636" d="M200.78,384.287h-16.028c-20.105,0-36.403-40.513-36.403-90.489c0-49.976,16.298-90.489,36.403-90.489
-		h16.028c-20.105,0-36.403,40.513-36.403,90.489C164.378,343.773,180.676,384.287,200.78,384.287z M122.236,293.797
-		c0-49.976,16.298-90.489,36.403-90.489H142.61c-20.105,0-36.403,40.513-36.403,90.489c0,49.976,16.298,90.489,36.403,90.489h16.028
-		C138.534,384.287,122.236,343.773,122.236,293.797z"/>
-</g>
-<g id="Layer_5">
-	<path fill="#FF473E" d="M489.353,384.287H294.27V85.761h195.083V384.287z M74.21,384.103h-7.99c-2.436,0-4.707,1.48-6.035,3.934
-		l-43.633,80.594C13.436,474.387,16.874,482,22.587,482h52.826c4.027,0,7.271-3.968,7.199-8.806l-1.203-80.594
-		C81.339,387.883,78.136,384.103,74.21,384.103z"/>
-</g>
-<g id="Layer_6">
-	<path fill="#EF2020" d="M497.28,66.397H286.342c-5.92,0-10.72,4.8-10.72,10.72v1.626c0,5.92,4.8,10.72,10.72,10.72H497.28
-		c5.921,0,10.72-4.8,10.72-10.72v-1.626C508,71.197,503.201,66.397,497.28,66.397z"/>
-</g>
-<g id="Layer_7">
-	<path fill="#76DFFF" d="M371.466,257.523h-40.952c-3.976,0-7.2-3.224-7.2-7.2V124.018c0-3.976,3.224-7.2,7.2-7.2h40.952
-		c3.976,0,7.2,3.224,7.2,7.2v126.305C378.666,254.3,375.442,257.523,371.466,257.523z M460.474,250.323V124.018
-		c0-3.976-3.224-7.2-7.2-7.2h-40.952c-3.976,0-7.2,3.224-7.2,7.2v126.305c0,3.976,3.224,7.2,7.2,7.2h40.952
-		C457.251,257.523,460.474,254.3,460.474,250.323z"/>
-</g>
-<g id="Layer_8">
-	<path fill="#132028" d="M489.353,339.586H294.27v-36.582h195.083V339.586z M111.17,52L94.206,89.463h96.758L174,52H111.17z
-		 M326.643,414.954c-7.192,0-13.023,5.831-13.023,13.023S319.451,441,326.643,441c7.192,0,13.023-5.831,13.023-13.023
-		S333.835,414.954,326.643,414.954z M434.689,414.954c-7.192,0-13.023,5.831-13.023,13.023S427.496,441,434.689,441
-		s13.023-5.831,13.023-13.023S441.881,414.954,434.689,414.954z M103.752,444.827c-4.081,0-7.389,3.308-7.389,7.389
-		s3.308,7.389,7.389,7.389c4.081,0,7.389-3.308,7.389-7.389S107.833,444.827,103.752,444.827z M162.321,444.827
-		c-4.081,0-7.389,3.308-7.389,7.389s3.308,7.389,7.389,7.389s7.389-3.308,7.389-7.389S166.402,444.827,162.321,444.827z"/>
-</g>
-<g id="Layer_9">
-	<path fill="#FFB636" d="M196.709,444.208h-92.957c-4.91,0-8.891-3.98-8.891-8.891s3.98-8.891,8.891-8.891h90.449l36.759-22.53
-		c1.398-0.857,3.006-1.311,4.646-1.311H459.54c4.91,0,8.891,3.98,8.891,8.891s-3.98,8.891-8.891,8.891H238.114l-36.759,22.53
-		C199.957,443.755,198.349,444.208,196.709,444.208z"/>
-</g>
-<g id="Layer_10">
-	<path fill="#ADB7BC" d="M69.849,393.079c-5.787,0-10.485-4.685-10.5-10.475c-0.014-5.799,4.676-10.512,10.475-10.525l413.924-1
-		c0.009,0,0.018,0,0.026,0c5.787,0,10.485,4.685,10.499,10.475c0.014,5.799-4.676,10.512-10.475,10.525l-413.924,1
-		C69.867,393.079,69.857,393.079,69.849,393.079z"/>
-</g>
-</svg>
--- a/devtools/client/debugger/new/images/close.svg
+++ b/devtools/client/debugger/new/images/close.svg
@@ -1,7 +1,6 @@
 <!-- This Source Code Form is subject to the terms of the Mozilla Public
    - License, v. 2.0. If a copy of the MPL was not distributed with this
    - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
-<svg width="16px" height="16px" viewBox="0 0 6 6" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-  <path d="M1.35191454,5.27895256 L5.31214367,1.35518468 C5.50830675,1.16082764 5.50977084,0.844248536 5.3154138,0.648085456 C5.12105677,0.451922377 4.80447766,0.450458288 4.60831458,0.644815324 L0.648085456,4.56858321 C0.451922377,4.76294025 0.450458288,5.07951935 0.644815324,5.27568243 C0.83917236,5.47184551 1.15575146,5.4733096 1.35191454,5.27895256 L1.35191454,5.27895256 Z" id="Line" stroke="none" fill="#696969" fill-rule="evenodd"></path>
-  <path d="M5.31214367,4.56858321 L1.35191454,0.644815324 C1.15575146,0.450458288 0.83917236,0.451922377 0.644815324,0.648085456 C0.450458288,0.844248536 0.451922377,1.16082764 0.648085456,1.35518468 L4.60831458,5.27895256 C4.80447766,5.4733096 5.12105677,5.47184551 5.3154138,5.27568243 C5.50977084,5.07951935 5.50830675,4.76294025 5.31214367,4.56858321 L5.31214367,4.56858321 Z" id="Line-Copy-2" stroke="none" fill="#696969" fill-rule="evenodd"></path>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">
+  <path d="M2.88 2.88a.87.87 0 0 1 1.24 0L8 6.76l3.88-3.88a.87.87 0 1 1 1.24 1.24L9.24 8l3.88 3.88a.87.87 0 1 1-1.24 1.24L8 9.24l-3.88 3.88a.88.88 0 0 1-1.24-1.24L6.76 8 2.88 4.12a.88.88 0 0 1 0-1.24z"/>
 </svg>
deleted file mode 100644
--- a/devtools/client/debugger/new/images/coffeescript.svg
+++ /dev/null
@@ -1,6 +0,0 @@
-<!-- This Source Code Form is subject to the terms of the Mozilla Public
-   - License, v. 2.0. If a copy of the MPL was not distributed with this
-   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
-<svg viewBox="0 0 128 128">
-<path d="M50.3 29.6c11.7-1 15-8.5 28.7-9.8 6.7-.6 11 .8 11.4 3.1.4 2.2-2.9 3.7-7 4-5.6.6-8-1.5-8.4-3.4-4.1.4-4.8 2.2-4.6 3.5.4 2.4 5.5 4.7 14.1 3.9 9.8-.8 13-4.6 12.2-8.5-1-5-8.5-9.2-22-8-17.3 1.6-17.2 9.5-28.9 10.5-4.8.4-7.5-.7-8-2.6-.3-1.9 2-2.8 4.8-3 2.6-.2 5.7.2 7.2 1 1.1-.6 1.5-1.1 1.3-1.8-.4-1.8-4-2.6-8.5-2.2-8.7.8-8.7 4.7-8.4 6.4 1.1 4.7 7.8 7.7 16.1 6.9zM108.9 49.4c-10.8 2.5-24.6 4.1-41.2 4.1-16.9 0-30.7-1.8-41.5-4.1-9.6-2.5-14.8-5.2-16.6-8 .9 6.3 2.5 12.4 4.6 18.2-2.4 1.5-4.7 3.5-6.7 6-3.8 4.8-5.5 10.4-5.2 15.9.3 5.5 3 10 7.3 13.5 4.5 3.5 9.3 4.5 14.8 3.5 2.1-.3 4.5-1.5 6.6-2.1-4.5 0-8.3-1.5-12.1-4.5-4.1-3-7-7.3-7.6-12.4-1-4.8 0-9.3 2.7-13.2.6-.8 1.2-1.4 1.9-2 1.5 3.8 3.3 7.4 5.2 10.9 4.1 6.3 8.3 11.8 12.4 17.7 1.8 3.5 3 7 3.8 10.4 2.7 3.8 6.6 6.5 11.4 7.9 5.9 2.1 12.1 2.9 18.4 2.9h.7c6.3 0 12.9-1 19-3 4.5-1.5 8.3-4 11.1-8h.3c.7-3 1.8-6.8 3.5-10.3 4.1-5.9 8.3-11.4 12.4-17.7 5.5-10 9.3-21.4 11.4-33.6-2.1 3-7.3 5.8-16.6 7.9zM26.2 40.7c10.8 2.7 24.6 4.1 41.2 4.1 16.9 0 30.4-1.5 41.2-4.1 11.4-2.7 16.9-6.3 16.9-9.6 0-2.5-2.5-4.8-7-6.6 1 .7 1.8 1.8 1.8 3 0 3.5-5.2 6.3-15.6 8.6-9.6 2.1-22 3.6-37 3.6-14.5 0-27.4-1.5-36.7-3.5-10-2.5-15.3-5.2-15.3-8.6 0-1.5.7-2.7 2.7-4.1-6.3 2.5-9.6 4.5-9.6 7.6.3 3.5 5.9 7 17.4 9.6z"></path>
-</svg> 
\ No newline at end of file
--- a/devtools/client/debugger/new/images/command-chevron.svg
+++ b/devtools/client/debugger/new/images/command-chevron.svg
@@ -1,6 +1,6 @@
 <!-- This Source Code Form is subject to the terms of the Mozilla Public
    - License, v. 2.0. If a copy of the MPL was not distributed with this
    - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
-<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 16 16" v="2">
-  <path fill="context-fill" d="M8.707 7.293l-5-5a1 1 0 0 0-1.414 1.414L6.586 8l-4.293 4.293a1 1 0 1 0 1.414 1.414l5-5a1 1 0 0 0 0-1.414zm6 0l-5-5a1 1 0 0 0-1.414 1.414L12.586 8l-4.293 4.293a1 1 0 1 0 1.414 1.414l5-5a1 1 0 0 0 0-1.414z"></path>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">
+  <path d="M2.293 2.293a1 1 0 0 1 1.414 0l5 5a1 1 0 0 1 0 1.414l-5 5a1 1 0 0 1-1.414-1.414L6.586 8 2.293 3.707a1 1 0 0 1 0-1.414zM8.293 2.293a1 1 0 0 1 1.414 0l5 5a1 1 0 0 1 0 1.414l-5 5a1 1 0 0 1-1.414-1.414L12.586 8 8.293 3.707a1 1 0 0 1 0-1.414z"/>
 </svg>
--- a/devtools/client/debugger/new/images/disable-pausing.svg
+++ b/devtools/client/debugger/new/images/disable-pausing.svg
@@ -1,4 +1,6 @@
 <!-- This Source Code Form is subject to the terms of the Mozilla Public
    - License, v. 2.0. If a copy of the MPL was not distributed with this
    - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
-<svg height="16" viewBox="0 0 15 16" width="15" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" transform="translate(0 1)"><path d="m1.5 13.5 10-13" stroke="#000" stroke-linecap="square"/><path d="m7.58013626 3-.75408823 1h-4.82604803c-.53612439 0-.77556634.12770238-.9020017.32999894-.07178403.11485445-.0979983.24068295-.0979983.27000106v4.8c0 .02931811.02621427.15514661.0979983.27000106.12643536.20229656.36587731.32999894.9020017.32999894h.30151865l-.73328118.9724077c-1.56823747-.2118785-1.56823747-1.5724077-1.56823747-1.5724077v-4.8s0-1.6 2-1.6zm3.94638894.52652517 3.4734748 3.47347483-4 4h-5.10913424l.75408823-1h3.94083241l3-3-2.6672362-2.66723627z" fill="#000" fill-rule="nonzero"/></g></svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">
+  <path d="M13.2 1.4L2.6 15.2l-.8-.6L12.4.8l.8.6zM8.58 4l-.75 1H3c-.54 0-.78.13-.9.33a.67.67 0 0 0-.1.27v4.8c0 .03.03.16.1.27.12.2.36.33.9.33h.3l-.73.97C1 11.76 1 10.4 1 10.4V5.6S1 4 3 4h5.58zm3.95.53L16 8l-4 4H6.9l.74-1h3.95l3-3-2.67-2.67.6-.8z"/>
+</svg>
deleted file mode 100644
--- a/devtools/client/debugger/new/images/dojo.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<!-- This Source Code Form is subject to the terms of the Mozilla Public
-   - License, v. 2.0. If a copy of the MPL was not distributed with this
-   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 256 256"><defs><style>.cls-1{isolation:isolate;}.cls-17,.cls-2,.cls-25{fill:none;}.cls-17,.cls-2{stroke-miterlimit:10;}.cls-2{stroke-width:0.75px;stroke:url(#linear-gradient);}.cls-3{fill:url(#linear-gradient-2);}.cls-4{fill:#f15a24;}.cls-5{fill:#ed1c24;}.cls-6{fill:#c1272d;}.cls-7{fill:url(#linear-gradient-3);}.cls-8{fill:url(#linear-gradient-4);}.cls-9{fill:url(#linear-gradient-5);}.cls-10{fill:url(#linear-gradient-6);}.cls-11{opacity:0.49;fill:url(#linear-gradient-7);}.cls-12{fill:url(#linear-gradient-8);}.cls-13{fill:#2db5f9;}.cls-13,.cls-14{mix-blend-mode:screen;}.cls-14{fill:#5fd2ff;}.cls-15{fill:#219058;}.cls-16{fill:url(#linear-gradient-9);}.cls-17{stroke:#fff;stroke-width:1.87px;}.cls-18{fill:#f7b852;}.cls-19{fill:#ff8431;}.cls-20{fill:#fffb69;}.cls-21{fill:#44c688;}.cls-22{fill:#29b36e;}.cls-23{fill:#6fd191;}.cls-24{fill:#c83ad7;}.cls-26{fill:#fba9ff;}.cls-27{fill:#ff737d;}.cls-28{fill:#fdc666;}</style><linearGradient id="linear-gradient" x1="67.45" y1="154.72" x2="67.29" y2="155.43" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#ff1d25" stop-opacity="0.5"/><stop offset="0.06" stop-color="#ff1d25" stop-opacity="0.54"/><stop offset="0.37" stop-color="#ff1d25" stop-opacity="0.74"/><stop offset="0.64" stop-color="#ff1d25" stop-opacity="0.88"/><stop offset="0.86" stop-color="#ff1d25" stop-opacity="0.97"/><stop offset="1" stop-color="#ff1d25"/></linearGradient><linearGradient id="linear-gradient-2" x1="73.09" y1="170.74" x2="73.09" y2="153.5" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#ffdd42"/><stop offset="1" stop-color="#fb784b"/></linearGradient><linearGradient id="linear-gradient-3" x1="201.52" y1="95.13" x2="207.88" y2="89.89" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#5bcb99"/><stop offset="1" stop-color="#85a8e8"/></linearGradient><linearGradient id="linear-gradient-4" x1="81.17" y1="158.3" x2="279.32" y2="55.49" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#34e28b"/><stop offset="1"/></linearGradient><linearGradient id="linear-gradient-5" x1="117.57" y1="178.22" x2="133.15" y2="178.22" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#c297ff"/><stop offset="1" stop-color="#ae31bb"/></linearGradient><linearGradient id="linear-gradient-6" x1="54.05" y1="253.29" x2="251.08" y2="99.63" gradientUnits="userSpaceOnUse"><stop offset="0"/><stop offset="1" stop-color="#d23de2"/></linearGradient><linearGradient id="linear-gradient-7" x1="199.8" y1="86.45" x2="191.83" y2="113.37" gradientUnits="userSpaceOnUse"><stop offset="0"/><stop offset="1" stop-opacity="0"/></linearGradient><linearGradient id="linear-gradient-8" x1="126.87" y1="190.63" x2="182.9" y2="204.2" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#2db5f9"/><stop offset="1" stop-color="#092432"/></linearGradient><linearGradient id="linear-gradient-9" x1="83.08" y1="49.55" x2="46.06" y2="151.24" gradientUnits="userSpaceOnUse"><stop offset="0"/><stop offset="0.21" stop-color="#48080a"/><stop offset="0.42" stop-color="#891014"/><stop offset="0.61" stop-color="#bc151b"/><stop offset="0.78" stop-color="#e01a21"/><stop offset="0.91" stop-color="#f71c24"/><stop offset="1" stop-color="#ff1d25"/></linearGradient></defs><title>dojo_square</title><g class="cls-1"><g id="Layer_1" data-name="Layer 1"><line class="cls-2" x1="67.37" y1="155.08" x2="67.37" y2="155.08"/><path class="cls-3" d="M42.28,150.4l.52.82A58,58,0,0,0,52,161.49a45.23,45.23,0,0,0,28.74,10.25c.65,0,1.31,0,2,0a67.32,67.32,0,0,0,21.13-5.26,67.38,67.38,0,0,1-9.09.83,36.92,36.92,0,0,1-27.44-12.17A66.82,66.82,0,0,1,42.28,150.4Z"/><path class="cls-4" d="M80.79,80.88a45.4,45.4,0,0,1,38.89,21.94A37,37,0,0,0,84.43,94.7c8.29,4,19.66,7.08,35.28,8.15,0,0-.77-14.87-19.8-22.64-26.57-10.84-30.33-8.69-37.06-19.9a30.09,30.09,0,0,0,6,22.15A45.45,45.45,0,0,1,80.79,80.88Z"/><path class="cls-5" d="M99.92,80.21c-9.1-3.71-15.52-5.9-20.3-7.62A33.4,33.4,0,0,0,84.54,81a45.42,45.42,0,0,1,35.13,21.78,36.87,36.87,0,0,0-20.54-9.34,109,109,0,0,0,20,9.32l.59,0S118.94,88,99.92,80.21Z"/><path class="cls-6" d="M119.69,102.85h.1c.29-1.62,2.07-14.46-12.4-25.7C85.78,60.37,81.56,58.82,80.53,49.94a27.8,27.8,0,0,0-.91,22.65c4.78,1.72,11.21,3.91,20.3,7.62,19,7.77,19.8,22.64,19.8,22.64Z"/><path class="cls-7" d="M185.28,88.22a33.64,33.64,0,0,1,22.08,8.23,29.8,29.8,0,0,1,19,8S208.22,78,176.19,89a41.72,41.72,0,0,0-8.2,4A33.64,33.64,0,0,1,185.28,88.22Z"/><path class="cls-8" d="M185.28,88.22A33.62,33.62,0,0,0,168,93l.93-.56c-25.88,15.24-57.6,62.06-101.56,62.65h0a36.92,36.92,0,0,0,27.44,12.17,67.38,67.38,0,0,0,9.09-.83c28.6-11.79,56.09-40,68.55-53.64,11.56-12.67,24.22-17,34.91-16.34A33.64,33.64,0,0,0,185.28,88.22Z"/><path class="cls-9" d="M118.48,179a20.94,20.94,0,0,0-.92,5.86,22.25,22.25,0,0,0,1,6.74,16.56,16.56,0,0,1,5.5-14.74c0-.17.09-.34.14-.51a20.37,20.37,0,0,1,8.91-11.47l-.08,0a37.84,37.84,0,0,0-4,1.53A20.87,20.87,0,0,0,118.48,179Z"/><path class="cls-10" d="M234.26,129.11a42.41,42.41,0,0,0-7.94-24.76,29.82,29.82,0,0,0-19-7.9A33.69,33.69,0,0,1,219.06,122c0,11.34-4.12,24.3-17.45,31.28-19.42,10.16-49.21,5.33-68.54,11.6l.08,0a20.37,20.37,0,0,0-8.91,11.47c-.05.17-.09.34-.14.51h0c5.67-5,16.84-8.54,38.63-5.73,15.56,2,27.93,2.55,38.54-.5a41.2,41.2,0,0,0,25.23-17h0A42.41,42.41,0,0,0,234.26,129.11Z"/><path class="cls-11" d="M234.26,129.11a42.41,42.41,0,0,0-7.94-24.76,29.82,29.82,0,0,0-19-7.9A33.69,33.69,0,0,1,219.06,122c0,11.34-4.12,24.3-17.45,31.28-19.42,10.16-49.21,5.33-68.54,11.6l.08,0a20.37,20.37,0,0,0-8.91,11.47c-.05.17-.09.34-.14.51h0c5.67-5,16.84-8.54,38.63-5.73,15.56,2,27.93,2.55,38.54-.5a41.2,41.2,0,0,0,25.23-17h0A42.41,42.41,0,0,0,234.26,129.11Z"/><path class="cls-12" d="M137.8,201.88a20.44,20.44,0,0,1-13.68-25.12h0l0,.08a16.56,16.56,0,0,0-5.5,14.73,20.94,20.94,0,0,0,33.63,9.38A20.37,20.37,0,0,1,137.8,201.88Z"/><path class="cls-13" d="M144.91,200.4c2.12-6.17,9-15.7,16.33-11.34,0,0,6,3.36,7.23-6.11,0,0,4.49,22.28-17.1,21.53,0,0,4.86-3.55,4.81-7.2A24.73,24.73,0,0,1,144.91,200.4Z"/><path class="cls-14" d="M153.52,186.75c2.14-1.09,4.16-2.18,8.08-.44,3,1.35,6.88-3.94,3.56-8.66,0,0,.21,4.88-3.72,4.84A8.81,8.81,0,0,0,153.52,186.75Z"/><path class="cls-15" d="M175.21,115.88c-5.17,7-12.75,12.95-13.64,14.39s1.5,6.11,5,6.45.82-1.36.52-3,1.06,1,5.27.42-1.53-2.2-1.14-4.33,4.74-6.17,6.47-10.25,4.7,0,3.18,3.18c-.6,1.26,4.81-3.54,2.08-7.21S178.22,111.77,175.21,115.88Z"/><path class="cls-15" d="M160.47,131.28c-.76.73-3,2.37-3,2.37s2.19,3.05,5,3c0,0,.61-.29-.27-1.18S160.27,131.82,160.47,131.28Z"/><path class="cls-16" d="M84.43,94.7c-7.35-3.56-12.27-7.88-15.54-12.24A45.42,45.42,0,0,0,42.28,150.4a66.82,66.82,0,0,0,25.09,4.67h0A37,37,0,0,1,84.43,94.7Z"/><line class="cls-17" x1="67.37" y1="155.08" x2="67.37" y2="155.08"/><path class="cls-18" d="M84.52,81c2,2.91,7.81,7.94,14.63,12.44a36.87,36.87,0,0,1,20.52,9.33A45.42,45.42,0,0,0,84.52,81Z"/><path class="cls-19" d="M84.52,81c-1.23-.1-2.48-.16-3.74-.16a45.45,45.45,0,0,0-11.89,1.58c3.27,4.36,8.19,8.67,15.54,12.24a36.72,36.72,0,0,1,14.72-1.22C92.33,89,86.54,83.95,84.52,81Z"/><path class="cls-20" d="M109.73,91.38a33.29,33.29,0,0,0-12.21-7.29C100.46,89.66,103,91.38,109.73,91.38Z"/><path class="cls-6" d="M96.89,67.66a63.16,63.16,0,0,1,6.54,4.58c.52.39-.93-3.55-2.62-4.3A7.5,7.5,0,0,0,96.89,67.66Z"/><path class="cls-6" d="M105,73.37a70.75,70.75,0,0,1,6.5,4.64c.53.38-.9-3.56-2.57-4.33A7.5,7.5,0,0,0,105,73.37Z"/><path class="cls-6" d="M112.55,79a19.59,19.59,0,0,1,3.52,4.39c.26.38.07-2.58-.92-3.42A5.28,5.28,0,0,0,112.55,79Z"/><path class="cls-21" d="M77.55,151c-.2-.65,2.35-1.48,3-1.51a11.91,11.91,0,0,1,3.57,1.19,16.34,16.34,0,0,1-4.89,1A4.46,4.46,0,0,1,77.55,151Z"/><path class="cls-21" d="M86.73,148.78c-.22-.51,1.75-1.38,2.29-1.46a9.58,9.58,0,0,1,3,.65,13.15,13.15,0,0,1-3.83,1.23A3.59,3.59,0,0,1,86.73,148.78Z"/><path class="cls-21" d="M94.41,146c-.22-.4,1.32-1.29,1.76-1.41a7.92,7.92,0,0,1,2.48.27,10.87,10.87,0,0,1-3,1.35A3,3,0,0,1,94.41,146Z"/><path class="cls-21" d="M100.52,143.19c-.23-.35,1.11-1.27,1.5-1.41a7.25,7.25,0,0,1,2.29.07,10,10,0,0,1-2.67,1.45A2.72,2.72,0,0,1,100.52,143.19Z"/><path class="cls-21" d="M106.23,140.07c-.22-.29.9-1.16,1.24-1.3a6.31,6.31,0,0,1,2,0,8.66,8.66,0,0,1-2.25,1.39A2.36,2.36,0,0,1,106.23,140.07Z"/><path class="cls-21" d="M68.34,151.69c-.11-.73,2.73-1.16,3.46-1.09a12.76,12.76,0,0,1,3.57,1.86,17.51,17.51,0,0,1-5.35.26A4.78,4.78,0,0,1,68.34,151.69Z"/><path class="cls-6" d="M70.08,65.82c2,2.27,6.68,3.74,6.68,3.74A19,19,0,0,1,75.83,62c0-.18-5.75-.09-6.73-4.81C68.91,56.23,68.1,63.55,70.08,65.82Z"/><path class="cls-4" d="M50.54,174.68a5.49,5.49,0,0,1,2.24-3.88l.19-.11a14,14,0,0,0-1.43-.25c-6.85-1-8.59,3.06-8.95,7.64,0,.26,0,.53,0,.78a8.31,8.31,0,0,1,7.89-4.2Z"/><path class="cls-4" d="M58.88,173.19c-6.81-4.13-10.63-4.43-12.15,7.14,0,0,7.17-5.67,10.55-1.92,3.68,4.07,8.68.32,6.05-2.06A18.77,18.77,0,0,0,58.88,173.19Z"/><path class="cls-4" d="M56.06,174.53c-3.86,2.57-3.86,8.62-3.86,8.62s7-3.81,6.5-6.19A2.93,2.93,0,0,0,56.06,174.53Z"/><path class="cls-4" d="M24,127a5.49,5.49,0,0,1,4.43-.68l.2.08a14,14,0,0,0-.7-1.27c-3.49-6-7.76-4.79-11.56-2.21-.22.15-.43.31-.63.47a8.31,8.31,0,0,1,8.21,3.53Z"/><path class="cls-4" d="M31.29,134.08c-2.48-9.82-4.47-13.62-14-6.83,0,0,8.13-2.34,9.06,9.22.44,5.47,5.69,6.57,5.63,3A18.77,18.77,0,0,0,31.29,134.08Z"/><path class="cls-4" d="M27.83,128.82c-4.52-1.07-8.94,3.06-8.94,3.06s6.94-.24,7.78,4C27.14,138.23,27.83,128.82,27.83,128.82Z"/><path class="cls-22" d="M172.45,112.79a55.39,55.39,0,0,1,15.49-12.5c5.64-3,13.66-4.84,18.5-4.61l1.85,1.59-1-.08a37.75,37.75,0,0,0-19,3.76A55,55,0,0,0,172.45,112.79Z"/><path class="cls-23" d="M207.12,95.74a34.5,34.5,0,0,1,10.45,2.68,27.42,27.42,0,0,1,8.81,6,27.05,27.05,0,0,0-9.09-5.29,43.65,43.65,0,0,0-9-1.84l-1.84-1.59Z"/><path class="cls-24" d="M124.52,175.47a27.43,27.43,0,0,1,3.11-1.9,25.35,25.35,0,0,1,2.31-1c.78-.34,1.58-.58,2.38-.84a45.63,45.63,0,0,1,9.84-1.81,95.67,95.67,0,0,1,19.84.78,194.33,194.33,0,0,0,19.66,1.89,66.25,66.25,0,0,0,19.6-1.93,66.44,66.44,0,0,1-19.6,2.3,194.82,194.82,0,0,1-19.75-1.52,94.77,94.77,0,0,0-19.65-.41,44.43,44.43,0,0,0-9.55,1.94c-.76.27-1.53.52-2.27.85a24,24,0,0,0-2.18,1,21.38,21.38,0,0,0-3.93,2.7l-.53.47A18.42,18.42,0,0,1,124.52,175.47Z"/><line class="cls-25" x1="124.09" y1="176.84" x2="124.09" y2="176.84"/><path class="cls-6" d="M85.66,97.64c-6.36,1.4-5.37,6.45-5.37,6.45s2-2.43,13.09-3.74A52.36,52.36,0,0,1,85.66,97.64Z"/><path class="cls-26" d="M118.59,191.58a16.4,16.4,0,0,1-.08-4.24,18.64,18.64,0,0,1,.91-4.18,18.86,18.86,0,0,1,1.87-3.9,19.81,19.81,0,0,1,2.78-3.38l.46-.42s-.63,2-.7,2.51a19.27,19.27,0,0,0-1.61,1.93,17.84,17.84,0,0,0-3.33,7.5A16.22,16.22,0,0,0,118.59,191.58Z"/><path class="cls-27" d="M65.89,155.08c-3.61-4-6.65-10.29-7.95-16.2a36.79,36.79,0,0,1-.82-9.49l.14-2.38.33-2.36a23,23,0,0,1,.47-2.33,19.65,19.65,0,0,1,.6-2.3,35.6,35.6,0,0,1,3.83-8.64,39.45,39.45,0,0,1,2.68-3.89l1.53-1.8c.51-.6,1.1-1.13,1.64-1.69a37.2,37.2,0,0,1,7.47-5.68,39.82,39.82,0,0,1,8.62-3.62A39.67,39.67,0,0,0,76,98.56a36.78,36.78,0,0,0-7.22,5.83c-.52.57-1.08,1.11-1.56,1.71l-1.45,1.81a38.67,38.67,0,0,0-2.51,3.89,34.62,34.62,0,0,0-3.48,8.52,18.77,18.77,0,0,0-.52,2.24,21.9,21.9,0,0,0-.38,2.27l-.25,2.28-.06,2.3a35.25,35.25,0,0,0,1.06,9.07,36.17,36.17,0,0,0,8.62,15.83l.66.71S66.44,155.12,65.89,155.08Z"/><path class="cls-28" d="M103.89,166.42A47.14,47.14,0,0,1,94,167.55,37.09,37.09,0,0,1,84,165.91,46.7,46.7,0,0,1,74.71,162a34.57,34.57,0,0,1-8.12-6.17l-.69-.74s2.38,0,3-.06a33.57,33.57,0,0,0,6.72,5.5,45.26,45.26,0,0,0,8.82,4.27A36.2,36.2,0,0,0,94,166.91,47.78,47.78,0,0,0,103.89,166.42Z"/></g></g></svg>
deleted file mode 100644
--- a/devtools/client/debugger/new/images/domain.svg
+++ /dev/null
@@ -1,7 +0,0 @@
-<!-- This Source Code Form is subject to the terms of the Mozilla Public
-   - License, v. 2.0. If a copy of the MPL was not distributed with this
-   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
-<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
-  <path d="M9.05 4.634l-2.144.003-.116.116v1.445l.92.965.492.034.116-.116v-.617L9.13 5.7l.035-.95M12.482 10.38l-1.505-1.462H9.362l-.564.516-.034 1.108.72.768 1.323.034-.117-.116v1.2l.972 1.02.315.034.116-.116v-1.154l.422-.374.034-.927-.117.117h.26l.408-.36V10.5l-.125-.124-.575-.033"/>
-  <path d="M8.47 15.073c-3.088 0-5.6-2.513-5.6-5.602V9.4v-.003c0-.018 0-.018.002-.034l.182-.088.724.587.49.033.497.543-.034.9.317.383h.47l.114.096-.032 1.9.524.553h.105l.025-.338 1.004-.95.054-.474.53-.462v-.888l-.588-.038-1.118-1.155H4.48l-.154-.09V9.01l.155-.1h1.164v-.273l.12-.115.7.033.494-.443.034-.746-.624-.655h-.724v.28l-.11.07H4.64l-.114-.09.025-.64.48-.43v-.244h-.382c-.102 0-.152-.128-.08-.2 1.04-1.01 2.428-1.59 3.903-1.59 1.374 0 2.672.5 3.688 1.39.08.068.03.198-.075.198l-1.144-.034-.81.803.52.523v.16l-.382.388h-.158l-.176-.177v-.16l.076-.074-.252-.252-.37.362.53.53c.072.072.005.194-.096.194l-.752-.005v.844h.783L9.885 8l.16-.143h.16l.62.61v.267l.58.027.003.002V8.76l.18-.03 1.234 1.24.753-.708h.382l.116.108c0 .02.003.016.003.036v.065c0 3.09-2.515 5.603-5.605 5.603M8.47 3C4.904 3 2 5.903 2 9.47c0 3.57 2.903 6.472 6.47 6.472 3.57 0 6.472-2.903 6.472-6.47C14.942 5.9 12.04 3 8.472 3"/>
-</svg>
deleted file mode 100644
--- a/devtools/client/debugger/new/images/ember.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<!-- This Source Code Form is subject to the terms of the Mozilla Public
-   - License, v. 2.0. If a copy of the MPL was not distributed with this
-   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
-<svg width="2500" height="2393" viewBox="0.1 31.4 256 244.5" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMinYMin meet"><path fill="#FFF" d="M57.9 219.3l.6-1.5.1-.2c.5-1.2 1-2.5 1.5-3.7.6-1.6 1.2-3.3 1.8-4.9.4-.9.7-1.8 1-2.8.8-2.2 1.9-5.1 3.2-7.9.8-1.7 1.4-2.9 2.1-4 .8-1.3 1.6-2.5 2.5-3.7l.7-1 1.1-.7c.1-.1.3-.2.5-.3.5-.3 1.1-.5 1.5-.7.7-.3 1.6-.6 2.6-.9 1.4-.4 3-.8 4.9-1.2 2.8-.6 5.8-1.2 9.6-1.8 5.7-.9 11.8-1.7 19.1-2.5 12.9-1.4 25.8-2.4 38.2-3 6.6-.3 11.6-.4 16.3-.4h3c3.1.1 6.7.2 10 .7 1.2.2 2.3.4 3.1.7.3.1.6.2.7.3l1 .4.8.7.9.9c1.1 1.1 2.3 2.4 3.5 3.9 3.8 4.8 7.2 10.6 10.2 17.2 2.9 6.4 4.7 12.1 5.8 17.7l1.5 7.9h-18.4l-1.1-5.3c-1.2-5.6-16.3-20.4-23.8-23.3-.8-.3-4-1.2-13.9-1.2-20.4 0-49.2 3.6-53.3 4.5-4.9 2.3-12.4 11.9-16.7 21.5l-1.8 3.9"/><path fill="#BA8449" d="M182.9 190.1c-.9-1.2-1.9-2.3-3-3.3l-.7-.7s-.1 0-.2-.1c-.5-.2-1.2-.3-1.9-.4-2.9-.4-6-.5-9.1-.6-6.3-.1-12.6.1-18.9.4-12.6.6-25.3 1.6-37.8 3-6.3.7-12.6 1.5-18.8 2.5-3.1.5-6.2 1-9.2 1.7-1.5.3-3 .7-4.4 1.1-.7.2-1.4.4-2 .7-.3.1-.6.2-.7.4 0 0-.1 0-.1.1-.7 1-1.4 2-2.1 3.1-.7 1.1-1.2 2.3-1.8 3.5-1.1 2.4-2.1 4.9-3 7.4s-1.9 5.1-2.8 7.7c-.5 1.3-1 2.6-1.6 3.9-.2.6-.5 1.2-.8 1.8h8.5c4.6-10.3 13.3-22.1 20.5-25 2-.8 34.2-4.8 55.5-4.8 7.9 0 13.3.6 16.3 1.7 8.7 3.4 26.1 19.5 27.9 28.2h4.9c-1-5.5-3-10.9-5.3-16.1-2.6-6-5.7-11.5-9.4-16.2"/><path fill="#FFF" d="M179.1 185.9z"/><path fill="#BA8449" d="M179.1 185.9z"/><path fill="#FFF" d="M192.1 228.6l-1-5.4c-.9-4.5-2.4-9.3-4.8-14.6-2.6-5.6-5.4-10.5-8.6-14.4-.6-.8-1.2-1.5-1.8-2.1-2.5-.4-5.4-.4-8-.5h-2.8c-4.5 0-9.3.1-15.7.4-12.2.6-24.7 1.6-37.4 3-7.1.8-13 1.6-18.4 2.4-3.5.5-6.3 1.1-8.8 1.6-1.6.4-2.8.7-3.9 1-.2 0-.3.1-.4.1-.2.4-.5.7-.7 1.1-.5.8-.9 1.7-1.6 2.9-1.1 2.3-2 4.7-2.8 6.8-.4.9-.7 1.8-1 2.7-.6 1.7-1.2 3.4-1.9 5.1-.5 1.3-1.1 2.6-1.6 4l-.1.2c-.2.6-.5 1.2-.7 1.7l-1.8 4H56.6l-1.7-.8-.2-.1c-4-2.3-4-5.7-3.9-7.1v-.3l.2-.9.3-1.1c.2-.7.4-1.5.6-2.2.4-1.5.9-2.9 1.4-4.3.9-2.6 2-5.4 3.3-8.4 1.4-3.1 2.7-5.8 4.2-8.3.7-1.3 1.5-2.6 2.5-4.1.9-1.4 1.9-2.8 2.9-4.1.9-1.1 1.7-1.8 2.3-2.2h.1c.6-.5 1.2-.8 1.5-.9.9-.5 1.6-.8 2.1-1 1.2-.5 2.3-.8 3.2-1.1 2-.6 3.9-1 5.3-1.3 2.9-.6 6-1.2 9.9-1.8 5.8-.9 11.9-1.6 19.4-2.4 13-1.3 26-2.3 38.6-2.8 6-.2 10.7-.4 15-.4h4.6c3.2.1 6.8.2 10.7.8h.1c.9.2 2.3.4 3.9.9h.1c.4.2 1 .4 1.7.7.5.3.9.5 1.2.7l.5.4.4.3.4.4 1.1 1.1c1.3 1.3 2.5 2.7 3.8 4.4 4 5.2 7.5 11.2 10.7 18.3 1.5 3.3 2.8 6.6 3.8 9.8 1.1 3.5 1.9 6.8 2.5 10l1.2 7.7h-18.2v.1z"/><path fill="#FFF" d="M64.3 228.6l4.4-9.5c3.7-7.9 12.6-22.4 22.5-26.5l.2-.1c3.3-1.2 36.7-5.1 57.1-5.1 11.4 0 15.7 1.1 17.9 2 10.3 4 28.2 20.9 30.6 30.9l2 8.2H64.3z"/><path fill="#FFF" d="M185.4 228.6l-1.2-5.1c-1.1-4.7-15.2-18.8-22.5-21.7-.7-.3-3.6-1.1-13.2-1.1-19.6 0-48 3.5-52.6 4.4-3.8 1.9-10.7 10-15.2 19.6l-1.8 3.8H62.3l4.2-9.3c4.9-11 14.6-24.6 24.1-28.4 3.7-1.5 37.5-5.3 58-5.3 8.9 0 14.9.7 18.6 2.1 10.3 4 29.6 21.4 32 33l1.6 8h-15.4z"/><path fill="#FFF" d="M193.1 228.6l-1.9-1.8c-7.2-6.7-9.2-20.6-7-26.3 1.5-3.8 4.7-5.1 7.1-5.1.7 0 1.3.1 1.9.3 1.3-.1 4.3-2.6 5.2-4 1.4-2.6 4.1-4.2 7.4-4.2 4.9 0 12.9 3.9 15.5 7.6 1.5 2.1 1.9 4.6 1.1 6.8-.1.2-.2.6-.4 1.1-2.7 8.1-6.2 18-9 22.6l-1.9 3.1-18-.1z"/><path fill="#FFF" d="M192.5 228.6l6.2-10.1c3-4.9 5.1-8.9 6.5-12-3.5 2.5-8.4 4-15.7 4.4l-.2-.2-.1.7c-4.3 0-7.8-3.5-8-7.8-.1-2.1.7-4.2 2.1-5.8 1.4-1.6 3.4-2.5 5.5-2.6 7.2-.3 8.1-2 9.4-4.5 1.8-3.4 5.7-5.4 10.8-5.4 1.3 0 2.6.1 3.8.4 6.3 1.4 10.4 6.2 10.7 12.4.3 6.3-3.2 15.5-10.2 27.3l-1.9 3.2h-18.9z"/><path fill="#FFF" d="M218.8 208.9c-8.1 0-16.9-5.3-21.4-10.5-4.1-4.7-4.5-8.9-4.1-11.6.5-3.3 3.2-6.6 8.1-6.6.9 0 1.8.1 2.6.2.8-3.6 2.7-11.1 10.4-11.1h1.1c3.7.4 6.5 2.7 7.6 6.2 1.2-.6 2.6-1.1 4.2-1.1 2.4 0 4.7 1 6.4 2.8 2.7 2.9 3.3 6.9 1.6 10.7 1.8 1.1 3.2 2.8 3.8 5 .8 2.8.3 5.8-1.5 8.2-3.5 4.9-11.6 7.2-18 7.4-.4.4-.6.4-.8.4M210.8 44.2c-7.3 4.6-15.3 15.1-25.1 29.5-1.5 2.3-4 3.5-6.8 3.5-3.6 0-8.2-2.2-13.5-6.5-8.4-6.8-8.6-10.6-8.7-12.1-.2-4 2.8-7.4 7-7.8 8.1-.7 14.8-5.6 21.3-10.3 6.5-4.7 12.5-9 19.7-9 1.4 0 2.9.2 4.3.5"/><path fill="#FFF8EE" d="M164.3 57.5c19.6-1.8 31.1-22.1 43-19-8 5-15.9 15-27 31.4-2.7 3.9-21.4-11.9-16-12.4"/><path fill="#FFF" d="M37.3 48.2c4.9-4.5 11.5-6.8 19.6-6.8 7 0 15.3 1.7 24.6 5.1 2.5.9 5.8 1.1 8.3 1.1h3.7c2.3 0 7.2 0 9.3 4.5.7 1.7 1.6 5.2-1.1 9.3-3.3 5.1-12 10.5-20.4 10.5h-.4c-4.5-.1-8.7-2.5-13.6-5.2-6.1-3.4-13-7.3-21.2-7.3-1.1 0-2.3.1-3.4.2M188.1 96.7c-3.6 0-10.4-1.5-14.7-11.7-2.4-5.4-3.2-11.5-3.2-14.9 0-7 3.7-8.9 6-9.4 1.6-1.6 4.6-5.7 6.8-8.8 9.1-12.4 15.7-20.5 23.4-20.5 1.3 0 2.5.2 3.7.7 10.3 4.1 15.3 12.8 13.6 23.8-1.2 8.1-6.3 17.7-13.8 26.5-3.5 4.1-12.6 13.7-20.7 14.3h-1.1"/><path fill="#FFF" d="M69.9 100.5c-.9 0-1.8 0-2.6-.2-12.8-2.1-28.8-15-34.8-28.3-4.1-9.1-2.3-15.3 0-18.9 3.7-5.9 9.2-9 16-9 8.2 0 16.4 4.5 23.6 8.4 2.8 1.5 6.8 3.7 8.5 4.1.6-.2 1.2-.3 1.9-.3 2.6 0 5 1.4 6.4 3.8 3.3 5.8 1.3 21.4-3.9 30.4-3.6 6.6-9 10-15.1 10z"/><path fill="#FFF" d="M114.5 212.1c-30 0-59.7-14.7-69.6-25.4-10.3-11.1-14-23.7-11.2-37.5 2.4-11.3 8.7-21.4 14.2-30.4 3.8-6.2 7.4-12 8.4-16.2 12.2-53.9 42.8-60.8 68.1-60.8 1.6 0 3.3 0 5.2.1 53.9 1.6 59.3 27.6 62.5 43.2.6 2.9 1.2 5.6 1.9 7.4 18.1 44.4 21.1 71 10 89-10.9 17.7-34.8 26.4-82.4 30.3-2.3.2-4.7.3-7.1.3z"/><path fill="#FFF" d="M113.4 212.2c-30.6 0-58.9-15.2-68.4-25.5-10.3-11.1-14-23.7-11.2-37.5 2.4-11.3 8.7-21.4 14.2-30.4 3.8-6.2 7.4-12 8.4-16.2 12.2-53.9 42.8-60.8 68.1-60.8 1.6 0 3.3 0 5.2.1 53.9 1.6 59.3 27.6 62.5 43.2.6 2.9 1.2 5.6 1.9 7.4 17.8 43.7 20.7 70.1 9.8 88.1-12.5 20.7-41.9 27.4-82.1 31.2-2.8.3-5.6.4-8.4.4"/><path fill="#FFF" d="M191.3 174.6c.4-.9.8-1.9 1.2-2.8 4.1-9.8 7.2-18.4 2.3-23.9-5.8-6.4-30.3-18-52.1-28.2-41.7-19.7-67.5-32.4-71.2-45-.9-3.2-.5-6.5 1.2-9.3C79.9 54.1 100 42 127.5 42h.8c25.9.2 44.7 7.7 56 22.1 9.6 12.2 11.7 26.5 13.3 36.9.5 3.5 1.2 8 1.9 9.2 19.6 33.7 10.6 58.6 3.5 70.3l-11.7-5.9z"/><path fill="#FFF" d="M170.8 135.8c-10.1 0-27-2.5-32.8-8.1-4.6-4.4-6.3-11.7-8.1-18.8-.7-3-1.9-7.8-3-10h-.1c-.4 1.1-.9 2.5-1.3 3.6-2.7 7.6-6.5 18.1-14.4 23.8-3.4 2.5-15.7 4.7-25.2 4.7s-16.7-2-21.5-6.1c-6.9-5.8-12.1-16.5-15.6-31.8-.2-.1-.3-.2-.5-.3-1.6-1.1-3.7-2.4-4.8-4.7-1.8-3.6-1.1-10 .8-13.4 1.4-2.5 3.8-4.1 6.4-4.3h.9c1.4 0 2.8.2 4.4.5s3.5.6 5.1.6h.9c9.5-1.4 18.4-2 26.5-2 19.7 0 30.1 4 34 5.6.3.1.6.2.8.3 1.1.3 3.2.7 5.4.7.8 0 1.6 0 2.3-.2 8.9-1.4 17.4-2 25.2-2 20.8 0 31.8 4.7 36.6 6.8.4.2.8.4 1.1.4h.4c1.3 0 3.2-.4 4.8-.7 1.2-.3 2.4-.5 3.5-.7h.9c3.1 0 5.9 1.8 7.6 4.8 1.9 3.5 3.2 10.8.5 15-1.8 2.8-4.7 4.1-7.1 5.2-.3.1-.7.3-1 .5-.8 1.4-2.2 4.2-3.4 6.5-3.5 6.8-7.4 14.6-11 18.8-3.2 3.6-9.2 5.3-18.3 5.3"/><defs><path id="a" d="M42.5 75H212v59.2H42.5z"/></defs><clipPath id="b"><use xlink:href="#a" overflow="visible"/></clipPath><g opacity=".3" clip-path="url(#b)"><path fill="#FFF" d="M166.778 134.181c-8 0-19.3-1.2-27.4-6.9-4.6-3.3-6.7-9.9-9.6-20.5-.8-3-2-7.2-2.9-9.3-.5 1.2-1.1 2.8-1.6 4.1-3 8.1-7.1 19.1-14.6 23.7-3.9 2.4-16 4.6-25.4 4.6-10.1 0-17.4-2.3-21.6-6.7-10.7-11.2-12.8-21.9-14.1-28.2-.2-.9-.4-2.1-.6-2.8-6.3-3.3-6.7-8.2-6.6-10.3.3-3.9 3.3-6.8 7-6.8 2.5 0 4.1 1.2 5.3 2 .1.1.2.2.4.2.1 0 .4.1.5.2 1.6.5 6.3 1.8 7.3 7.9.2 1.1 1.8 7.5 4.4 14.2 4.1 10.7 7 12.5 7.3 12.6 3.4 1.2 7.4 1.8 11.9 1.8 7.4 0 13.6-1.6 16.1-2.4 1.5-2.3 4.5-8.3 6.6-12.4 6.3-12.5 7.4-14.4 10.1-15.8 1.5-.8 3.3-1.2 5.6-1.2 3 0 7.3.7 9.3 1.6 4.6 2 7 8 12.4 23.5 1 2.8 2.2 6.4 3 8.2 4 1.9 13.1 3.2 22.6 3.2 2.7 0 4.7-.1 6-.2.9-1.9 2.2-4.6 3.3-6.9 7.6-16.2 8.8-18.1 10.7-19.6 3.3-2.5 9.1-4.2 12.4-4.2 4.4 0 6.8 2.9 7.4 5.7 1.1 5.8-4.6 8-6.5 8.7-.5.2-1.2.5-1.7.7-.7 1.2-2 3.8-3 5.9-8.2 16-10.9 20.4-14 22.3-3.8 2.1-13 3.1-20 3.1"/></g><defs><path id="c" d="M45 70.7h33.4v16.2H45z"/></defs><clipPath id="d"><use xlink:href="#c" overflow="visible"/></clipPath><g opacity=".3" clip-path="url(#d)"><path fill="#FFF" d="M61.388 86.816c-1.2 0-3.5-.2-8.1-1.7-1.2-.4-2.3-.8-3-1.1-1.5-.6-5.4-2.1-5.4-6.7v-6.7h6.6c.9 0 1.5.2 2 .3 1.4.2 5.9.5 7.4.6l.9.1c1.2 0 4.9-.5 6.5-.7 2-.3 2.6-.4 3.4-.4h5.7l.9 5.6c.4 2.8-1.1 6.3-4.8 7.4-.2.1-.9.3-1.5.5-3.5 1.3-7 2.5-10 2.6-.2.2-.4.2-.6.2"/></g><defs><path id="e" d="M181 79.3h25.4v17.2H181z"/></defs><clipPath id="f"><use xlink:href="#e" overflow="visible"/></clipPath><g opacity=".3" clip-path="url(#f)"><path fill="#FFF" d="M193.488 96.41c-2.2 0-4.4-.9-7.4-3-2.9-2-5.1-4-5.1-7.5v-6.7h6.5c.9 0 1.8.2 2.7.6.7.3 3.4 1.2 4.6 1.5.4 0 1.2-.2 2.8-.5.8-.2 1.3-.2 2-.2h5.7l.9 5.6c.4 2.7-.8 6.1-4.5 7.4l-1.2.6c-1.8.9-3.9 1.9-6 2.3-.2-.1-.6-.1-1-.1"/></g><path fill="#FFF" d="M171.7 243.3h-24.6V222h24.6v21.3z"/><path fill="#BA8449" d="M182.9 190.1c-.9-1.2-1.9-2.3-3-3.3l-.7-.7s-.1 0-.2-.1c-.5-.2-1.2-.3-1.9-.4-2.9-.4-6-.5-9.1-.6-6.3-.1-12.6.1-18.9.4-12.6.6-25.3 1.6-37.8 3-6.3.7-12.6 1.5-18.8 2.5-3.1.5-6.2 1-9.2 1.7-1.5.3-3 .7-4.4 1.1-.7.2-1.4.4-2 .7-.3.1-.6.2-.7.4 0 0-.1 0-.1.1-.7 1-1.4 2-2.1 3.1-.7 1.1-1.2 2.3-1.8 3.5-1.1 2.4-2.1 4.9-3 7.4s-1.9 5.1-2.8 7.7c-.5 1.3-1 2.6-1.6 3.9-.2.6-.5 1.2-.8 1.8h8.5c4.6-10.3 13.3-22.1 20.5-25 2-.8 34.2-4.8 55.5-4.8 7.9 0 13.3.6 16.3 1.7 8.7 3.4 26.1 19.5 27.9 28.2h4.9c-1-5.5-3-10.9-5.3-16.1-2.6-6-5.7-11.5-9.4-16.2M179.1 185.9z"/><path fill="#895B2E" d="M179.1 185.9zm17.8 17.9c-2.7-6-5.8-11.7-9.9-16.9-1-1.3-2.1-2.6-3.3-3.8l-.9-.9-.2-.2-.1-.1-.2-.2c-.2-.1-.4-.2-.5-.3-.3-.2-.6-.3-.9-.4-1.1-.4-1.9-.5-2.8-.7-3.4-.5-6.6-.6-9.8-.7-6.5-.1-12.8 0-19.2.3-12.8.5-25.5 1.5-38.2 2.8-6.3.7-12.7 1.4-19.1 2.4-3.2.5-6.3 1-9.5 1.7-1.6.4-3.2.7-4.8 1.2-.8.2-1.6.5-2.5.9-.4.2-.9.4-1.4.7-.2.2-.5.3-.8.5-.3.2-.6.5-1 1-.9 1.1-1.8 2.4-2.6 3.6-.8 1.2-1.6 2.5-2.3 3.8-1.4 2.5-2.7 5.1-3.9 7.7-1.1 2.6-2.2 5.2-3.1 7.9-.5 1.3-.9 2.6-1.2 4-.2.7-.4 1.3-.6 2l-.3 1-.1.5c0 .1.2.2.6.5H64.2c.3-.6.5-1.2.8-1.8.5-1.3 1.1-2.6 1.6-3.8 1-2.6 1.9-5.1 2.8-7.7.9-2.5 1.9-5.1 3-7.4.6-1.2 1.2-2.3 1.8-3.5.7-1.1 1.3-2.1 2.1-3.1 0 0 .1 0 .1-.1.2-.1.5-.2.7-.4.6-.2 1.3-.5 2-.7 1.4-.4 2.9-.8 4.4-1.1 3-.7 6.1-1.2 9.2-1.7 6.2-1 12.5-1.8 18.8-2.5 12.6-1.4 25.2-2.4 37.8-3 6.3-.3 12.6-.5 18.9-.4 3.1.1 6.3.2 9.1.6.7.1 1.4.3 1.9.4.1 0 .2 0 .2.1l.7.7c1.1 1.1 2 2.2 3 3.3 3.7 4.7 6.8 10.2 9.4 15.8 2.3 5.2 4.3 10.6 5.3 16.1h5c-.5-3.1-1.3-6.1-2.2-9-1.2-3.1-2.4-6.1-3.7-9.1"/><path fill="#FFF8EE" d="M164.1 195.7c-2.6-1-7.9-1.6-15.5-1.6-21.4 0-53 4-54.7 4.7-6.5 2.6-14.6 13.6-19.1 23.2h115.9c-1.9-7.5-18-22.9-26.6-26.3"/><path fill="#E5D0AE" d="M164.8 193.8c-2.9-1.1-8.4-1.7-16.3-1.7-21.3 0-53.5 4-55.5 4.8-7.3 3-15.9 14.7-20.5 25h2.2c4.5-9.5 12.6-20.5 19.1-23.2 1.7-.7 33.3-4.7 54.7-4.7 7.6 0 12.9.5 15.5 1.6 8.6 3.3 24.7 18.8 26.6 26.3h2c-1.7-8.6-19.1-24.7-27.8-28.1"/><path fill="#BA8449" d="M204.4 194.7c-1.2 2.5-7.5 8.9-12.8 7.4-2.8-.8-2.3 14 4.1 19.9h11.6c3.2-5.1 8.2-20.7 8.8-22.3.7-1.9-10.5-7.5-11.7-5"/><path fill="#895B2E" d="M216.7 198.4c-.2-3.2-2.1-5.5-5.5-6.3-2.7-.6-6.3-.1-7.2 1.6-1.8 3.4-4 7.5-14.9 8.1-.7 0-1.3.7-1.3 1.4s.7 1.3 1.4 1.3c11.4-.5 14.7-4.9 17.1-9.4.5-.4 3.2-.9 5.4 0 1.6.7 2.3 1.8 2.4 3.5.3 6.2-6.2 17.7-9.7 23.5h3.1c3.9-6.8 9.5-17.3 9.2-23.7"/><defs><path id="g" d="M193.5 196.5H217v27.3h-23.5z"/></defs><clipPath id="h"><use xlink:href="#g" overflow="visible"/></clipPath><g opacity=".15" clip-path="url(#h)"><path fill="#E3AB5E" d="M194.235 222.3c7.1-1.7 13.4-8.8 13.9-18.9.1-1.9-3.8-5.5-3.8-6.5s11.9.2 12.5 3c.5 2.8-7.4 19.7-10.1 22.5-2.6 2.7-16.7.9-12.5-.1"/></g><path fill="#FCD4C3" d="M199.8 187.8c-.9 6.2 11.2 14.7 19.4 14.5 6.8-.2 14.5-3.4 13.4-7.2-1.1-3.9-7.7.7-8.3-2-.5-2.6 7.7-7.5 4.4-11.1-3.1-3.3-6.7 5.2-10.3 4-3.6-1.2.7-9.5-3.8-10-5.3-.5-3.3 11.3-7.3 11.5-2.8.3-7.2-1.7-7.5.3"/><path fill="none" stroke="#F8A38F" stroke-width="2" stroke-miterlimit="10" d="M199.8 187.8c-.9 6.2 11.2 14.7 19.4 14.5 6.8-.2 14.5-3.4 13.4-7.2-1.1-3.9-7.7.7-8.3-2-.5-2.6 7.7-7.5 4.4-11.1-3.1-3.3-6.7 5.2-10.3 4-3.6-1.2.7-9.5-3.8-10-5.3-.5-3.3 11.3-7.3 11.5-2.8.3-7.2-1.7-7.5.3z"/><defs><path id="i" d="M203.2 182.8h7.8v6.4h-7.8z"/></defs><clipPath id="j"><use xlink:href="#i" overflow="visible"/></clipPath><g opacity=".5" clip-path="url(#j)"><path fill="#FCD4C3" d="M203.238 187.742c1.3 1 6 2.3 6.7.6.8-1.7 1.4-5.1.9-5.6-.4 1.6-.9 4.6-2.6 5.3-1.3.5-4.1-.1-5-.3"/></g><defs><path id="k" d="M215.9 181.2h7.7v7.2h-7.7z"/></defs><clipPath id="l"><use xlink:href="#k" overflow="visible"/></clipPath><g opacity=".5" clip-path="url(#l)"><path fill="#FCD4C3" d="M216.159 181.142c-.2 1.1-1.1 6.3 1.6 7 2.3.6 4-.8 5.8-3.7-1 .9-3.5 3.1-5.4 2.3-1.9-.9-2.1-2.9-2-5.6"/></g><defs><path id="m" d="M204.5 193h15.8v8.6h-15.8z"/></defs><clipPath id="n"><use xlink:href="#m" overflow="visible"/></clipPath><g opacity=".25" clip-path="url(#n)"><path fill="#FCD4C3" d="M204.576 195.158c13.6-6.7 16.4 4.2 15.7 6.4-5.4.9-14.9-4.7-15.7-6.4"/></g><defs><path id="o" d="M223 190.9h5.7v5H223z"/></defs><clipPath id="p"><use xlink:href="#o" overflow="visible"/></clipPath><g opacity=".5" clip-path="url(#p)"><path fill="#FCD4C3" d="M224.351 190.896c-2.3 2.6-1.2 4.7.3 5 1.9.4 4.4-1.6 4-1.6-.5 0-4.2 1.2-4.9-.6-.5-1.4.3-2.2.6-2.8"/></g><defs><path id="q" d="M66.1 182.6H195v36.5H66.1z"/></defs><clipPath id="r"><use xlink:href="#q" overflow="visible"/></clipPath><g opacity=".15" clip-path="url(#r)"><path fill="#E3AB5E" d="M69.034 208.266c43.7 25.1 130.4-.4 125.8-8.6-6.1-10.9-8.5-17.7-21.9-17.1-13.3.7-98.9 7.5-102.4 10.1-3.4 2.7-7.2 12.3-1.5 15.6"/></g><path fill="#FFF8EE" d="M164.3 57.5c19.6-1.8 31.1-22.1 43-19-8 5-15.9 15-27 31.4-2.7 3.9-21.4-11.9-16-12.4"/><path fill="none" stroke="#E5D0AE" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M164.3 57.5c19.6-1.8 31.1-22.1 43-19-8 5-15.9 15-27 31.4-2.7 3.9-21.4-11.9-16-12.4z"/><path fill="#BA8449" d="M41.8 53.1c8.8-8.2 24.7-5 37.5-.4 7.3 2.6 16.8.5 17.4 2 1.6 3.5-7.9 10.7-15.7 10.5-7.7-.1-20.6-14.6-39.2-12.1"/><path fill="none" stroke="#895B2E" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M41.8 53.1c8.8-8.2 24.7-5 37.5-.4 7.3 2.6 16.8.5 17.4 2 1.6 3.5-7.9 10.7-15.7 10.5-7.7-.1-20.6-14.6-39.2-12.1z"/><path fill="#FCD4C3" d="M177.7 67.2c4.5 1.3 21.6-32.2 29.9-28.9 26.4 10.5-8 50.9-18.9 51.8-11 .8-13.5-23.7-11-22.9"/><path fill="none" stroke="#F8A38F" stroke-width="2" stroke-miterlimit="10" d="M177.7 67.2c4.5 1.3 21.6-32.2 29.9-28.9 26.4 10.5-8 50.9-18.9 51.8-11 .8-13.5-23.7-11-22.9z"/><path fill="#FCD4C3" d="M82.3 63.2c-7.3 3.2-33.2-23.9-44.1-6.5C31 68.2 52.8 91.4 68.4 93.9s17.7-32.4 13.9-30.7"/><path fill="none" stroke="#F8A38F" stroke-width="2" stroke-miterlimit="10" d="M82.3 63.2c-7.3 3.2-33.2-23.9-44.1-6.5C31 68.2 52.8 91.4 68.4 93.9s17.7-32.4 13.9-30.7z"/><defs><path id="s" d="M180.5 44.8h18v44.6h-18z"/></defs><clipPath id="t"><use xlink:href="#s" overflow="visible"/></clipPath><g clip-path="url(#t)"><path fill="#FCD4C3" d="M198.067 44.8c-1.4 4.6-13.2 16.5-11.6 26.7.6 3.8 4.6 15 6.3 14.6s6-3.1 5.6-2.5c-.4.6-6 4.7-8.1 5.8-2.1-1.1-11-21.8-9.7-22.9 3.9-3.5 15.8-21.5 17.5-21.7"/></g><defs><path id="u" d="M38.6 51.5h44.2v31.6H38.6z"/></defs><clipPath id="v"><use xlink:href="#u" overflow="visible"/></clipPath><g clip-path="url(#v)"><path fill="#FCD4C3" d="M38.533 57.4c8-4.9 22.6-2.8 31.1 5.5 3 3 3.9 13-2.9 19.8-2.7 2.7 16-9.6 16.1-13.2 0-3.6-1.2-4.6-4-5.6-10.3-3.8-21.1-12.6-30.5-12.4-6.1.1-8.9 4.3-9.8 5.9"/></g><defs><path id="w" d="M181.1 42.2h26.2v44.2h-26.2z"/></defs><clipPath id="x"><use xlink:href="#w" overflow="visible"/></clipPath><g opacity=".25" clip-path="url(#x)"><path fill="#FCD4C3" d="M201.3 42.175c18.2 10-11.1 25.2-8.9 44.1-3.8-.4-13.2-18.7-10.9-20.3 3.2-2.2 16.7-24.6 19.8-23.8"/></g><path fill="#E5D0AE" d="M60.9 103.6c.3-1.3.5-2.7.5-4 .1-1.4.2-2.8.5-4.1.1-.7.3-1.4.6-2 .3-.6.5-1.3.7-1.9.5-1.3 1-2.6 1.6-3.8 2.3-5.1 4.9-9.9 8.1-14.4 3.2-4.5 6.7-8.7 10.7-12.3 4-3.7 8.7-6.7 13.7-8.7 5-2.1 10.4-3.4 15.8-4 5.4-.7 10.8-.8 16.2-.7 5.4.1 10.8.4 16.2 1.1 5.4.7 10.8 1.9 16 3.8 2.6 1 5.1 2.1 7.5 3.5 2.4 1.4 4.7 3.1 6.8 5.1 2.1 1.9 3.9 4.2 5.4 6.6 1.5 2.4 2.6 5 3.6 7.7.9 2.6 1.6 5.3 2.2 8s1 5.3 1.6 7.8c.3 1.2.7 2.4 1.1 3.6.5 1.2 1 2.5 1.4 3.8.9 2.5 1.9 5.1 2.8 7.6 3.5 10.2 6.6 20.6 8.5 31.2.9 5.3 1.6 10.7 1.7 16.1.1 5.4-.4 10.8-1.9 16-.4 1.3-.8 2.6-1.3 3.8-.5 1.2-1.2 2.4-1.6 3.7-.2.7-.4 1.3-.7 1.9-.3.6-.7 1.2-1.1 1.8-.7 1.1-1.6 2.3-2.5 3.3-3.5 4.2-8 7.6-12.8 10.2s-10 4.6-15.2 6.1c-5.3 1.5-10.5 2.7-15.9 3.7s-10.7 1.7-16 2.4l-8.1.9-4 .4c-1.3.1-2.7.2-4.1.3-11 .6-22-1-32.5-3.9-5.3-1.5-10.4-3.3-15.4-5.5s-9.9-4.7-14.5-7.7c-2.3-1.5-4.6-3.2-6.7-5.1-.5-.5-1.1-1-1.6-1.5s-.9-1.1-1.4-1.6c-.9-1.1-1.8-2.2-2.6-3.3-3.1-4.6-5.6-10-6.4-15.6-.9-5.7-.1-11.5 1.5-16.8 1.6-5.4 4.1-10.3 6.7-15.1 2.7-4.7 5.6-9.3 8.4-13.8 1.4-2.3 2.7-4.6 3.9-6.9 1.1-3 2.1-5.3 2.6-7.7zm4 .9c-.7 2.8-1.9 5.4-3.2 7.9s-2.7 4.8-4.1 7.1c-2.8 4.6-5.7 9.1-8.2 13.7s-4.8 9.4-6.2 14.3c-1.4 4.9-2 10-1.2 15 .8 4.9 2.9 9.6 5.9 13.7.7 1 1.6 2 2.4 3 .4.5.9 1 1.3 1.4.4.5.9.9 1.3 1.3 1.8 1.7 3.9 3.2 6.1 4.7 4.4 2.8 9 5.3 13.9 7.4 4.8 2.1 9.8 3.9 14.9 5.3s10.2 2.5 15.4 3.2c5.2.7 10.4.9 15.6.7l3.9-.3 4-.4c2.6-.2 5.3-.5 8-.8 5.3-.5 10.6-1.2 15.8-2.1 5.3-.9 10.4-1.9 15.5-3.3s10.1-3 14.9-5.1c4.7-2.2 9.3-4.9 13-8.6.9-.9 1.8-1.9 2.6-2.9.4-.5.8-1.1 1.2-1.6.4-.5.9-1 1.3-1.6.9-1.1 1.3-2.3 1.9-3.5.5-1.2.9-2.5 1.2-3.8 1.3-5.2 1.6-10.6 1.3-15.9-.4-5.3-1.3-10.6-2.6-15.8-2.5-10.4-6.2-20.4-10.1-30.3-1-2.5-2-5-3-7.4l-1.6-3.7c-.5-1.3-1-2.7-1.4-4-.7-2.7-1.2-5.3-1.8-7.9-.5-2.6-1.2-5.1-2-7.5-1.7-4.9-4.2-9.3-7.9-12.8-3.6-3.5-8.1-6.2-12.9-8.2-4.8-2-10-3.3-15.2-4.2-5.2-.9-10.5-1.4-15.8-1.7-5.3-.2-10.7-.3-16 .3-5.3.6-10.5 1.7-15.4 3.8-4.9 2-9.4 4.9-13.2 8.5-3.9 3.6-7 8-9.3 12.6-2.4 4.7-4.1 9.7-5.6 14.7-.4 1.2-.7 2.5-1 3.8-.2.6-.3 1.3-.5 1.9-.1.3-.1.7-.2 1-.1.3-.2.6-.4.9-.5 1.2-1.1 2.4-1.7 3.6-.2 1.1-.6 2.3-.9 3.6z"/><path fill="#FFF8EE" d="M62.9 104.1c-4.2 18.6-40.9 48-13 78.1 9.5 10.2 40.3 25.9 71.2 23 80.4-7.6 100.7-27 66.8-110.2-5.5-13.5.7-44.7-58.4-46.5-24.8-.7-54.6 2.7-66.6 55.6"/><path fill="#E5BFA1" d="M76.8 67.7c2.6-4 6-7.3 9.8-10C90.4 55 94.7 53 99 51.4c8.8-3.2 18-4.4 27.2-4.7 9.2-.2 18.5.5 27.5 2.8 4.5 1.2 8.9 2.8 13.1 5.1s8.1 5.1 11.4 8.6c3.3 3.5 6 7.4 8.1 11.7 2.1 4.3 3.6 8.8 4.7 13.3 1.1 4.6 1.8 9.1 2.4 13.6.3 2.3.6 4.5 1.1 6.6.2 1.1.5 2.1.8 2.9l.3.6.1.1.1.1.2.4.9 1.5c4.4 8.1 7.7 17 8.9 26.3.6 4.6.7 9.3.2 14-.5 4.6-1.7 9.2-3.5 13.5-.9 2.1-1.9 4.2-3.1 6.3l-.9 1.5c-.3.5-.6.9-1 1.5-.1.1-.1.2-.2.3-.3-.2.4.7-1.6 0-.5-.9-.2-.7-.3-.9 0-.3.1-.4.1-.6l.3-.9.5-1.6c1.4-4.3 2.6-8.6 3.1-13.1.2-2.2.3-4.4 0-6.7-.3-2.2-.9-4.3-2-6.1-.3-.5-.6-.9-1-1.3s-.7-.8-1.1-1.2c-.8-.8-1.6-1.5-2.5-2.2-1.8-1.4-3.7-2.5-5.7-3.5-4.1-1.8-8.6-2.5-13-2.3-4.5.2-8.9 1.1-13.2 2.3-2.2.6-4.3 1.3-6.5 2-1.1.4-2.2.7-3.3 1-.6.2-1.1.3-1.8.4-.6.1-1.1.2-1.7.2-4.6.5-9.1.8-13.8.7-4.6-.1-9.2-.6-13.8-1.6-4.5-1-9-2.5-13.2-4.4-4.2-2-8.2-4.4-11.8-7.4-3.6-3-6.8-6.4-9.6-10.1-5.6-7.5-9.3-16.2-11.1-25.3-.9-4.6-1.3-9.2-1.1-13.9.1-2.3.4-4.7.9-7 .6-1.8 1.4-4.1 2.7-6.2zm2 1.3c-1.1 1.8-1.8 3.8-2.3 6-.5 2.1-.7 4.3-.9 6.5-.2 4.4.3 8.9 1.2 13.2 1.9 8.7 5.6 17 11 24 2.7 3.5 5.8 6.7 9.2 9.5 3.4 2.8 7.2 5.2 11.2 7.1 4 1.9 8.2 3.3 12.6 4.3 4.3 1 8.8 1.6 13.2 1.7 4.5.2 8.9 0 13.4-.5l1.7-.2c.5-.1 1-.2 1.6-.3 1.1-.3 2.1-.6 3.2-.9 2.2-.6 4.4-1.3 6.6-1.8 4.4-1.1 9-1.9 13.7-1.9 4.6 0 9.3.8 13.5 2.8 2.1 1 4.1 2.2 5.9 3.6.9.7 1.8 1.5 2.6 2.3l1.2 1.2c.4.4.8.9 1.1 1.4 1.3 2 2 4.3 2.3 6.7s.3 4.7.1 7c-.4 4.6-1.4 9.1-2.7 13.5l-.5 1.6-.2.8c0 .1-.1.3 0 .3-.1-.1.2.2-.2-.7-1.9-.7-1.2.2-1.4-.1.2-.4.5-.9.8-1.4.3-.5.5-1 .8-1.5 1-2 1.9-4 2.7-6.1 3-8.3 3.6-17.4 2.1-26.1-.7-4.4-2-8.6-3.6-12.7s-3.5-8.1-5.7-12l-.8-1.4-.2-.4-.1-.2-.1-.2c-.2-.3-.3-.6-.4-.9-.5-1.2-.8-2.5-1.1-3.6-.5-2.3-.9-4.6-1.2-6.8-.7-4.5-1.3-8.9-2.4-13.2-1-4.3-2.4-8.5-4.3-12.4-1.9-3.9-4.2-7.5-7.2-10.7-5.8-6.3-13.8-10.5-22.3-13s-17.5-3.3-26.5-3.3c-8.9 0-17.9 1.1-26.3 3.9-4.2 1.4-8.2 3.3-11.9 5.8-3.8 2.4-7 5.4-9.4 9.1z"/><path fill="#895B2E" d="M75.6 67.2c1.5-2.4 3.3-4.3 5.1-6.1 1.9-1.8 3.9-3.3 6-4.7 4.2-2.8 8.7-5 13.4-6.7 9.4-3.3 19.3-4.6 29.1-4.4 9.7.3 19.5 1.5 28.9 4.9 4.7 1.7 9.2 3.9 13.3 6.9 4.1 2.9 7.7 6.5 10.7 10.6 2.9 4.1 5.1 8.6 6.8 13.3 1.6 4.7 2.7 9.5 3.5 14.2.4 2.4.7 4.7 1.1 7.1.4 2.3.7 4.7 1.1 6.8.2 1.1.5 2.1.9 2.9l.1.2.1.2.2.4.4.8.9 1.6c1.1 2.1 2.2 4.3 3.2 6.5 1.9 4.4 3.5 9.1 4.6 13.9 1.1 4.7 1.6 9.6 1.6 14.5-.1 9.8-2.8 19.5-7.9 27.8-.4.6-1.2.9-1.8.5-.6-.4-.8-1.1-.6-1.6 1.4-3.6 2.9-7 4-10.5 1.2-3.5 2-7.1 2-10.6s-.9-6.9-3-9.6c-.1-.2-.3-.4-.4-.5l-.2-.2-.2-.3-.9-.9c-.6-.6-1.3-1.2-2-1.7-1.4-1.1-3-2.1-4.5-3.1-6.3-3.9-13-7.3-19.8-10.7-6.8-3.3-13.7-6.5-20.5-9.6-13.8-6.3-27.6-12.6-41.2-19.4-6.8-3.5-13.5-7-20.1-11.2-3.5-2.5-6.7-4.7-9.8-7.5-1.5-1.4-3-3-4.2-5.2-.6-1.1-1.1-2.4-1.2-4 0-.8 0-1.6.2-2.4.1-.4.2-.8.4-1.2.1-.3.4-.9.5-1h.2zm5.6 3.4c-.2.3-.1.2-.2.3 0 .1 0 .1-.1.2v.4c0 .3.2.8.4 1.4.6 1.2 1.7 2.5 2.9 3.6 2.5 2.4 5.4 4.6 8.5 6.6 6.1 4.1 12.7 7.7 19.4 11.3 13.3 7 27 13.5 40.6 20.1 6.8 3.3 13.6 6.7 20.4 10.1 6.8 3.5 13.5 7 20 11.3 1.6 1.1 3.2 2.2 4.7 3.5.8.6 1.5 1.3 2.3 2 .4.4.7.7 1.1 1.2l.2.3.3.3c.2.2.3.4.5.6 1.2 1.7 2.1 3.6 2.7 5.6s.7 4.1.7 6.1c-.1 4-1.2 7.9-2.5 11.6-1.3 3.7-2.9 7.1-4.4 10.6l-2.4-1.2c4.7-8 6.9-17.2 6.8-26.4-.2-9.2-2.6-18.3-6.5-26.7-1-2.1-2-4.2-3.2-6.2l-1.8-3.2c-.7-1.3-1-2.6-1.3-3.8-.6-2.5-1-4.8-1.4-7.2s-.8-4.7-1.2-6.9c-.9-4.6-2-9-3.6-13.3-1.6-4.2-3.7-8.3-6.3-11.8-2.6-3.6-5.9-6.7-9.5-9.2-3.7-2.5-7.7-4.5-12-5.9-8.6-2.9-17.8-3.9-27-4-4.6 0-9.1.2-13.6 1-4.5.7-8.9 1.8-13.1 3.3s-8.3 3.4-12 5.8c-1.9 1.2-3.6 2.5-5.2 4s-3.1 3-4.2 4.6z"/><path fill="#BA8449" d="M77.8 68.3c-11 17 2.1 82.3 71.2 73.5 7.3-.9 31.6-13.9 48 4.3 8.9 10-3.1 35.3 0 30 3.5-5.8 16.9-28.2-3.2-62.7-6.4-11.1 4.2-64.4-65-65.1-26.5-.1-43.7 8.7-51 20"/><defs><path id="y" d="M61.7 64.6H179v111.9H61.7z"/></defs><clipPath id="z"><use xlink:href="#y" overflow="visible"/></clipPath><g opacity=".15" clip-path="url(#z)"><path fill="#E3AB5E" d="M75.968 72.433c19.9-12.8 80.1-11.9 99.3 18.8 12.8 20.4-10.6 70.8-19.3 77.2-8.6 6.4-20.6 12-52.2 4.4-26.8-6.4 13.5-31.3-17.9-34.9-28.7-3.3-31.6-51.5-9.9-65.5"/></g><defs><path id="A" d="M118.5 119.2h13.1v5.5h-13.1z"/></defs><clipPath id="B"><use xlink:href="#A" overflow="visible"/></clipPath><g opacity=".25" clip-path="url(#B)"><path fill="#E3AB5E" d="M131.6 121.966c0 1.5-2.9 2.8-6.5 2.8s-6.5-1.2-6.5-2.8c0-1.5 2.9-2.8 6.5-2.8 3.6.1 6.5 1.3 6.5 2.8"/></g><path fill="#F8A38F" d="M120.1 113.8c1.5-1 9.5-.7 10.5.4 1 1 3.2 5.2.7 7-.9.6-.9-1.9-2.9-1.5-2.4.5-1.1 3.6-3 3.6-2.9-.1-.1-3.4-2.6-3.8-1.9-.4-2.3 1.5-3.2 1.3-2.9-.6-1.6-5.6.5-7"/><defs><path id="C" d="M117.9 113.2h14.5v9.9h-14.5z"/></defs><clipPath id="D"><use xlink:href="#C" overflow="visible"/></clipPath><g clip-path="url(#D)"><path fill="#F8A38F" d="M124.42 113.205c-1.9 0-3.7.2-4.3.6-2.1 1.4-3.4 6.4-.6 6.9h.1c.7 0 1.1-1.4 2.6-1.4h.5c2.5.4-.2 3.8 2.6 3.8 1.8 0 .5-3 3-3.5h.4c1.4 0 1.6 1.6 2.2 1.6.1 0 .2 0 .3-.1 2.6-1.8.4-6-.7-7-.5-.5-3.4-.9-6.1-.9m0 .7c3 0 5.3.4 5.7.7.6.6 1.8 2.8 1.6 4.4-.1.6-.3 1.1-.7 1.4 0-.1-.1-.1-.2-.2-.4-.5-1-1.3-2.1-1.3-.2 0-.4 0-.5.1-1.7.4-2 1.7-2.3 2.6-.2.9-.3.9-.6.9-.8 0-.8-.2-.8-1.1 0-.9 0-2.3-1.8-2.6h-.6c-1.1 0-1.8.7-2.3 1.1-.1.1-.3.3-.4.3-.4-.1-.8-.3-1-1.1-.3-1.4.7-3.8 1.8-4.6.6-.4 2-.6 4.2-.6"/></g><defs><path id="E" d="M74.1 124.9H187V189H74.1z"/></defs><clipPath id="F"><use xlink:href="#E" overflow="visible"/></clipPath><g opacity=".25" clip-path="url(#F)"><path fill="#F7E8D0" d="M186.799 140.05c3 19.2-21 43.3-53.3 48.3-32.3 4.9-56.1-23.9-59.1-43.2-3-19.2 16.8-11.9 49.1-16.8s60.3-7.5 63.3 11.7"/></g><defs><path id="G" d="M80 125.9h93.6v47.5H80z"/></defs><clipPath id="H"><use xlink:href="#G" overflow="visible"/></clipPath><g opacity=".5" clip-path="url(#H)"><path fill="#D8CAB2" d="M102.515 169.277c-.9-1.4-1.4-3.1-1.9-4.7l-1.5-4.8c-1-3.2-2.1-6.4-3.6-9.4s-3.4-5.8-5.8-7.9c-2.4-2.1-5.3-3.5-8.4-4.1-1.1-.4-1.6-1.5-1.2-2.5.4-1 1.4-1.5 2.3-1.3 7.2 1.7 14.7 2.5 22.1 2.6s15-.3 22.5-1.2c7.5-.9 14.9-2.2 22.2-3.9 7.3-1.7 14.6-3.7 21.7-6.1 1.1-.4 2.2.2 2.5 1.2.3.8 0 1.6-.6 2.1-.2.2-.6.5-.9.8-.3.3-.6.7-.9 1-.6.7-1.2 1.5-1.8 2.3-1.2 1.6-2.3 3.2-3.3 4.9-2.2 3.3-4.2 6.7-6.1 10.2-1.9 3.5-3.8 7-5.5 10.5-.9 1.8-1.7 3.6-2.4 5.4-.4.9-.7 1.8-1.1 2.8-.2.5-.3.9-.4 1.4v.2c0 .1 0 .1-.1.2 0 .1-.1.2-.2.2-.1.1-.2.2-.4.3-.2.2-.5.3-.7.4-1.9.8-3.9 1.2-5.8 1.6-1.9.4-3.9.7-5.9.9-4 .5-7.9.9-11.9 1-4 .2-8 .2-11.9-.2-2-.2-4-.5-5.9-1-1-.3-1.9-.6-2.8-1.1-.9-.4-1.7-1-2.3-1.8m.1-.1c.5.8 1.4 1.4 2.3 1.8.9.4 1.8.7 2.8 1 1.9.5 3.9.8 5.9.9 4 .3 7.9.3 11.9.1 4-.2 7.9-.7 11.8-1.2 1.9-.3 3.9-.6 5.8-1.1s3.9-.9 5.6-1.7c.2-.1.4-.2.6-.4.2-.1.3-.2.3-.3.1-.5.2-1 .4-1.5.3-1 .6-1.9.9-2.9.7-1.9 1.4-3.7 2.2-5.6 1.6-3.7 3.2-7.3 4.9-10.9 1.7-3.6 3.5-7.2 5.4-10.7.9-1.8 1.9-3.5 3-5.3.5-.9 1.1-1.8 1.7-2.6.3-.4.6-.9.9-1.3.4-.4.7-.9 1.2-1.3l1.9 3.4c-7.3 2.5-14.6 4.5-22.1 6.2-7.5 1.7-15 3.1-22.6 4-7.6.9-15.3 1.4-23 1.2s-15.4-1.1-23-2.9l1.1-4c3.3 2 6.3 3.9 8.6 6.6 2.3 2.7 3.9 5.8 5.2 9 1.2 3.2 2.2 6.5 3 9.7.4 1.6.9 3.3 1.3 4.9.6 1.9 1.1 3.5 2 4.9"/></g><defs><path id="I" d="M81 126.9h91.6v46.5H81z"/></defs><clipPath id="J"><use xlink:href="#I" overflow="visible"/></clipPath><g opacity=".5" clip-path="url(#J)"><path fill="#D8CAB2" d="M102.532 169.288c-.9-1.4-1.4-3-1.9-4.6-.5-1.6-.9-3.2-1.4-4.8-1-3.2-2-6.4-3.5-9.5-1.4-3-3.3-5.8-5.6-8-2.4-2.3-5.3-3.9-8.4-4.6v-.1c-.5-.2-.8-.8-.6-1.3.2-.5.7-.8 1.2-.7 7.3 1.7 14.8 2.5 22.4 2.6s15.1-.3 22.6-1.2c7.5-.9 14.9-2.3 22.3-3.9 7.4-1.7 14.7-3.7 21.8-6.1.5-.2 1.1.1 1.3.6.1.4 0 .8-.3 1.1-.6.5-1.3 1.3-1.9 2-.6.7-1.2 1.6-1.8 2.3-1.1 1.6-2.2 3.3-3.2 5-2.1 3.3-4.1 6.8-6 10.3-1.9 3.5-3.7 7-5.3 10.6l-2.4 5.4c-.4.9-.7 1.8-1 2.8-.2.5-.3.9-.4 1.4-.1.4-.4.5-.6.7-.2.2-.5.3-.7.4-1.9.8-3.9 1.2-5.8 1.6-1.9.4-3.9.7-5.9 1-3.9.5-7.9.9-11.9 1.1-4 .2-8 .2-11.9-.2-2-.2-4-.5-5.9-1-1-.3-1.9-.6-2.8-1-1-.5-1.9-1.1-2.4-1.9m0-.1c.5.8 1.4 1.4 2.3 1.9.9.4 1.8.7 2.8 1 1.9.5 3.9.8 5.9.9 4 .4 7.9.3 11.9.1 4-.2 7.9-.6 11.9-1.2 1.9-.3 3.9-.6 5.9-1.1 1.9-.4 3.9-.9 5.6-1.7.2-.1.4-.2.6-.4.2-.1.4-.3.4-.4.1-.5.2-1 .4-1.5.3-1 .6-1.9 1-2.8.7-1.9 1.5-3.7 2.3-5.5 1.6-3.7 3.3-7.2 5.1-10.8 1.8-3.6 3.6-7.1 5.6-10.6 1-1.8 2-3.5 3.1-5.1.5-.9 1.1-1.7 1.7-2.5.6-.8 1.2-1.6 2.1-2.4l1 1.8c-7.2 2.5-14.6 4.5-22 6.2s-14.9 3-22.5 4c-7.6.9-15.2 1.4-22.9 1.2-7.6-.2-15.3-1-22.8-2.7l.5-1.9c3.3 1.3 6.3 3.3 8.6 5.9 2.3 2.6 4 5.6 5.3 8.7 1.3 3.1 2.3 6.3 3.2 9.6.4 1.6.9 3.2 1.4 4.9.2 1.4.7 3 1.6 4.4"/></g><path fill="#333" d="M102.6 169.2c5.1 8 46.8 2.5 47.5-.7 1.8-8.1 16.8-36.7 21.6-40.7-8.6 3-53.3 17.3-89.6 8.6 16.3 5.5 16.5 26.6 20.5 32.8"/><g><defs><path id="K" d="M82 127.9h89.6v45.4H82z"/></defs><clipPath id="L"><use xlink:href="#K" overflow="visible"/></clipPath><g clip-path="url(#L)"><path fill="#333" d="M171.55 127.95c-6.7 2.3-34.9 11.4-64.1 11.4-8.6 0-17.2-.8-25.5-2.7 16.4 5.3 16.6 26.5 20.6 32.7 1.9 3 9.2 4.1 17.5 4.1 13.4 0 29.5-2.8 30-4.8 1.8-8.2 16.7-36.8 21.5-40.7m-5.6 3.9c-6.5 9.8-15.9 28.7-17.8 35.8-2.5 1.4-15.4 3.8-28.1 3.8-10.2 0-14.8-1.7-15.8-3.2-1-1.5-1.8-4.3-2.6-7.5-1.7-6.1-4.1-14.5-9.8-20.3 5 .6 10.2.9 15.7.9 23.8-.1 47.1-6.1 58.4-9.5"/></g></g><path fill="#FCD4C3" d="M119.7 173.4c-8.6 0-14.2-1.2-16.4-3.6-.2-.2-.2-1.4.8-3.7 2.4-5.5 9.8-14.9 22.6-15.7.9 0 1.7-.1 2.5-.1 15 0 24 7.6 24 8.9-.2.4-.4 1-.7 1.8-.8 1.9-2 4.9-3.1 8.1-1.3 1.3-16.3 4.3-29.7 4.3"/><path fill="#F8A38F" d="M129.2 149.8c-.9 0-1.7 0-2.6.1-17.5 1.1-25.6 18.4-23.8 20.5 2.6 2.8 9.3 3.8 16.9 3.8 13.5 0 29.8-3.1 30.3-4.6 1.5-4.5 3.2-8.2 3.9-10 .6-1.8-9.5-9.9-24.7-9.8m0 1.3c13.4 0 22.4 6.4 23.3 8.3-.2.4-.4.9-.6 1.5-.8 1.9-2 4.7-3.1 7.9-2.1 1.2-16.1 3.9-29.1 3.9-8.1 0-13.7-1.2-15.8-3.3-.1-.7.6-3.5 3.1-7 2.2-3.2 8.6-10.7 19.7-11.3h2.5"/><g><defs><path id="M" d="M103.1 149.4h50.2v20.7h-50.2z"/></defs><clipPath id="N"><use xlink:href="#M" overflow="visible"/></clipPath><g clip-path="url(#N)"><path fill="#FCD4C3" d="M103.084 169.317c-1.2 5.4 31.9-21.1 49.7-8.4 3.7-4.9-16-13.2-27.5-11.3-9.7 1.7-19.7 7.9-22.2 19.7"/></g></g><path fill="#FFF7E3" d="M109.8 140.8c1.7 3 4.8 17.6 6.1 17.9s9.5 2.6 10.6 2.1c1.2-.5 1.1-3.3 2.3-2.5 1 .7 1.5 2 2.5 1.5 1.8-.9 7.1-4.2 8-5.6.8-1.5.7-9.8 0-16.4-3.4 1.6-23.5 3.7-29.5 3"/><g><defs><path id="O" d="M109.8 137.9h30.1v23.2h-30.1z"/></defs><clipPath id="P"><use xlink:href="#O" overflow="visible"/></clipPath><g clip-path="url(#P)"><path fill="#FFDC99" d="M139.35 137.85c-3 1.3-18.7 3.1-26.6 3.1-1.2 0-2.1 0-2.9-.1 1.7 3 4.8 17.6 6.1 17.9 1.2.3 8 2.2 10.1 2.2.2 0 .4 0 .5-.1 1-.4 1.1-2.6 1.9-2.6.1 0 .3 0 .4.2.9.5 1.3 1.6 2.1 1.6.1 0 .3 0 .4-.1 1.8-.9 7.1-4.2 8-5.6.9-1.5.7-9.8 0-16.5m-.5.9c.6 6.8.6 14 0 15.2-.7 1.2-5.5 4.3-7.7 5.4h-.1c-.2 0-.5-.3-.7-.6-.3-.3-.6-.6-1-.9-.3-.2-.5-.3-.8-.3-.9 0-1.2.9-1.5 1.6-.2.4-.4 1-.7 1.1h-.3c-1.7 0-6.8-1.4-8.9-1.9-.4-.1-.7-.2-.9-.2-.6-.7-1.9-5.4-2.9-8.8-.9-3.1-1.7-6-2.4-7.7h1.9c7.5 0 21.5-1.6 26-2.9"/></g></g><g><defs><path id="Q" d="M109.9 137.5h29.7v10.3h-29.7z"/></defs><clipPath id="R"><use xlink:href="#Q" overflow="visible"/></clipPath><g clip-path="url(#R)"><path fill="#EADCBE" d="M112.151 147.85c-.5-5.4 24.4-7.2 27.5-6.7 0-1.3-.2-2.1-.2-3.6-4.1 2.1-26.5 4.3-29.5 3.4.3.6 1.4 3.6 2.2 6.9"/></g></g><g><defs><path id="S" d="M124 143.8h5.5v14.7H124z"/></defs><clipPath id="T"><use xlink:href="#S" overflow="visible"/></clipPath><g clip-path="url(#T)"><path fill="#FFDC99" d="M124.558 143.768c.5 1.2 1 2.3 1.4 3.5l1.2 3.6 1.1 3.6 1.1 3.6-1.7.5-.8-3.7-.9-3.7-.9-3.6c-.4-1.2-.7-2.4-1.1-3.5l.6-.3z"/></g></g><g><defs><path id="U" d="M39.1 51.5h39.4v35.7H39.1z"/></defs><clipPath id="V"><use xlink:href="#U" overflow="visible"/></clipPath><g opacity=".4" clip-path="url(#V)"><path fill="#FCD4C3" d="M40.384 59.116c13.2 3.4 11.1 26.2 18.9 28 7.9 1.8 18.2-18.8 19.2-23.3-15.2-6.5-22.3-14.1-33.2-11.9-3.6.7-8.6 6.2-4.9 7.2"/></g></g><g><defs><path id="W" d="M59.9 88.7h133.7v42.5H59.9z"/></defs><clipPath id="X"><use xlink:href="#W" overflow="visible"/></clipPath><g opacity=".5" clip-path="url(#X)"><path fill="#E3AB5E" d="M76.967 125.833c16.6 1.3 30.3 2 35.2-3.1s6.7-27.7 14.7-27.1c6.8.5 9.1 29.9 13.5 30.7 4.4.9 35.5 9.4 43.3 1.4 7.7-8 11.3-13 9.5-17.8-1.8-4.8-47.3-20.3-56.6-21.2-9.3-.9-72.1 7-73.7 10.9-1.6 4-3.3 3.4-3 7.6.6 8.1.5 17.3 17.1 18.6"/></g></g><path fill="#333" d="M123.5 92.4c1.2 0 5.9-.4 7 .5 6 4.7 5.8 24 12.1 30 5.6 5.4 36.2 9.3 41.5 3.2 5.3-6.1 13.1-24.7 14.9-26.1 1.8-1.3 5.8-2.3 7-4.2 1.2-1.8.2-10-2.6-9.6-2.8.4-8.1 2.1-11.4 1.2-3.3-1-19.4-11.1-59.9-5-3.9.6-7.8 0-10.5-.7S103.7 72.2 63 78c-4 .6-9.6-1.2-11.6-1-2 .2-2.6 6.5-1.8 8.1s5 3 5.5 5 4.2 21.6 13.8 29.7c10.2 8.6 36.2 2.6 38.5 1 10.3-7.3 12.6-28.4 16.1-28.4"/><g><defs><path id="Y" d="M49.1 76.1h157.3v53.1H49.1z"/></defs><clipPath id="Z"><use xlink:href="#Y" overflow="visible"/></clipPath><g clip-path="url(#Z)"><path fill="#1A1A1A" d="M88.438 76.123c-7.1 0-15.6.5-25.6 2-.6.1-1.2.1-1.8.1-3.5 0-7.6-1.1-9.5-1.1h-.3c-2 .2-2.6 6.5-1.8 8.1.8 1.7 5 3 5.5 5s4.2 21.6 13.8 29.7c4 3.4 10.6 4.5 17.2 4.5 10 0 19.9-2.5 21.3-3.5 10.4-7.4 12.8-28.5 16.3-28.5.5 0 1.8-.1 3-.1 1.6 0 3.3.1 3.9.5 6 4.7 5.8 24 12.1 30 3.6 3.4 17.4 6.3 28.2 6.3 6.1 0 11.3-.9 13.2-3.1 5.3-6.1 13.1-24.7 14.9-26.1 1.8-1.4 5.8-2.3 7-4.2 1.1-1.8.2-9.6-2.5-9.6h-.2c-2.2.3-6 1.4-9.1 1.4-.8 0-1.6-.1-2.3-.3-2.6-.8-12.7-6.9-35.7-6.9-6.9 0-14.9.5-24.2 1.9-1.1.2-2.3.2-3.3.2-2.7 0-5.2-.4-7.1-.9-2-.2-11.2-5.4-33-5.4m0 2c18.1 0 27.4 3.6 30.8 5 .7.3 1.2.5 1.7.6 1.8.4 4.5 1 7.6 1 1.2 0 2.5-.1 3.6-.3 8.5-1.3 16.5-1.9 23.9-1.9 19 0 28.9 4.2 33.2 6.1.9.4 1.5.6 2 .8.9.3 1.8.4 2.9.4 2.2 0 4.6-.5 6.6-.9.9-.2 1.8-.4 2.5-.5.9 1 1.5 5.4 1 6.6-.4.6-2.1 1.4-3.3 1.9-1.2.5-2.3 1-3.1 1.6-1.1.8-2.2 2.9-5.4 9.3-3.1 6.1-6.9 13.7-9.8 17-1 1.2-4.6 2.4-11.8 2.4-10.5 0-23.9-2.8-26.9-5.7-2.8-2.6-4.2-8.7-5.6-14.6-1.6-6.6-3.1-12.8-6.6-15.6-.9-.7-2.3-1-5.1-1h-3.1c-2.8 0-4 3.3-6.1 9.3-2.3 6.6-5.6 15.5-11.3 19.6-1.3.8-10.7 3.2-20.2 3.2-7.3 0-12.8-1.4-15.9-4-3.8-3.2-9.1-10.7-12.9-27.8-.1-.4-.2-.7-.2-.9-.5-1.9-2.3-3-3.8-4-.6-.4-1.6-1.1-1.8-1.4-.4-.9 0-4.2.6-5.3.7 0 1.7.2 2.8.4 1.9.3 4.3.7 6.5.7.7 0 1.5 0 2.1-.2 8.9-1.1 17.4-1.8 25.1-1.8"/></g></g><g><defs><path id="aa" d="M64.4 83.4h50.5v34.2H64.4z"/></defs><clipPath id="ab"><use xlink:href="#aa" overflow="visible"/></clipPath><g opacity=".5" clip-path="url(#ab)"><path fill="none" stroke="#333" stroke-width="4" stroke-miterlimit="10" d="M66.2 90.45c-.9 1.2-1.5 18.9 6 23.7 4.9 3.2 25.7 2.5 29.9.2 6.5-3.7 12.9-20.5 11.1-22.9-3-4-24.6-9.3-40.8-5.1-2 .4-5.1 2.6-6.2 4.1z"/></g></g><path fill="#FFF" d="M66.2 90.4c-.9 1.2-1.5 18.9 6 23.7 4.9 3.2 25.7 2.5 29.9.2 6.5-3.7 12.9-20.5 11.1-22.9-3-4-24.6-9.3-40.8-5.1-2 .5-5.1 2.6-6.2 4.1"/><g><defs><path id="ac" d="M139.8 88.1h50.1v35h-50.1z"/></defs><clipPath id="ad"><use xlink:href="#ac" overflow="visible"/></clipPath><g opacity=".5" clip-path="url(#ad)"><path fill="none" stroke="#333" stroke-width="4" stroke-miterlimit="10" d="M188.394 98.163c.8 1.3-1 18.9-9 22.8-5.3 2.5-25.8-.9-29.6-3.7-6-4.5-10.2-22-8.1-24.2 3.5-3.6 25.6-6 41.1.2 1.9.7 4.7 3.3 5.6 4.9z"/></g></g><path fill="#FFF" d="M188.4 98.2c.8 1.3-1 18.9-9 22.8-5.3 2.5-25.8-.9-29.6-3.7-6-4.5-10.2-22-8.1-24.2 3.5-3.6 25.6-6 41.1.2 1.9.7 4.6 3.2 5.6 4.9"/><path d="M89.9 101.2c-.5 3.9-2.5 6.8-4.4 6.5-1.9-.3-2.9-3.6-2.4-7.5s2.5-6.8 4.4-6.5c1.9.3 2.9 3.6 2.4 7.5M169.6 105.6c.4 3.9-.8 7.2-2.6 7.4-1.9.2-3.7-2.8-4.1-6.7-.4-3.9.8-7.2 2.6-7.4 1.8-.1 3.6 2.9 4.1 6.7"/><g><defs><path id="ae" d="M49.1 81.6h156.3v46H49.1z"/></defs><clipPath id="af"><use xlink:href="#ae" overflow="visible"/></clipPath><g opacity=".3" clip-path="url(#af)"><path fill="#333" d="M51.475 82.75c2.3 1.5 4.4.6 4.9 3.6s7.4 29 16 32c14.1 4.9 31.9.1 34.3-1.4 2.4-1.5 13.7-26.8 15.6-27.8 1.9-1 7.9.1 9.2.7 3.9 1.7 11.1 29.1 13 30.5 8.7 6.1 36.6 5.6 37.9 4 1.4-1.7 11.8-25.6 13.7-27 2.7-2.1 9-3.5 9.2-2.6.2.9-5.1 1.8-6.7 3.7-1.6 2-12.1 24.9-15.4 26.9-3.3 2-27.7 5.3-40.1-3.4-5.9-4.2-8.2-29.1-12.9-30.5-3-.9-5.3-.8-7.5-.2-2.9 1.9-7 23.1-15.7 28.4-3.5 2.1-30.6 7.4-38.7-1.1-15.1-15.8-10.5-29.9-15.4-31.9-3.3-1.4-4-3.2-4-4.4.3-1.3 1.4-.3 2.6.5"/></g></g><g><defs><path id="ag" d="M51.6 77.2h20.2v3H51.6z"/></defs><clipPath id="ah"><use xlink:href="#ag" overflow="visible"/></clipPath><g opacity=".3" clip-path="url(#ah)"><path fill="#333" d="M51.75 77.45c-1.6-.6 6.8 2.9 9.9 2.7 3.1-.2 8.3-2.4 10-2.9 1.5-.5-7.8 1.2-10.1 1.1s-8.9-.6-9.8-.9"/></g></g><g><defs><path id="ai" d="M116.6 82.1h21.7v5.3h-21.7z"/></defs><clipPath id="aj"><use xlink:href="#ai" overflow="visible"/></clipPath><g opacity=".3" clip-path="url(#aj)"><path fill="#333" d="M116.6 82.15c2.9 1.3 4.2 4.6 7 4.9s6.2.8 7.8-.1c1.6-.9 5.6-3 6.7-3.2 1.2-.2-8.7 1.3-12.4 1-3.7-.4-8-2.5-9.1-2.6"/></g></g><g><defs><path id="ak" d="M187.4 86h12.3v3.9h-12.3z"/></defs><clipPath id="al"><use xlink:href="#ak" overflow="visible"/></clipPath><g opacity=".3" clip-path="url(#al)"><path fill="#333" d="M187.575 85.975c-1.2-.5 4.4 4 6.1 3.8 1.7-.2 4.7-2.1 6-2.6 1-.4-4 1-5.5.7-1.5-.1-5.4-1.4-6.6-1.9"/></g></g><g><defs><path id="am" d="M62.3 82.8h28.9v28.6H62.3z"/></defs><clipPath id="an"><use xlink:href="#am" overflow="visible"/></clipPath><g opacity=".3" clip-path="url(#an)"><path fill="#333" d="M63.05 87.825c7.4-7.3 25-4.8 28.2-4.2-21.1 1.5-21.5 3.1-25.2 6.8-.5 2.9-1.2 12.5 2.1 20.9-3.7-2-7.6-21-5.1-23.5"/></g></g><g><defs><path id="ao" d="M165.1 87.8h27.8v30.5h-27.8z"/></defs><clipPath id="ap"><use xlink:href="#ao" overflow="visible"/></clipPath><g opacity=".3" clip-path="url(#ap)"><path fill="#333" d="M192.46 95.698c-6.4-8.2-24.1-8.1-27.4-7.8 20.7 4.3 20.9 5.9 24.1 10.1.2 2.9-.4 12.5-4.7 20.4 3.8-1.6 10.1-20 8-22.7"/></g></g><g><defs><path id="aq" d="M65.8 84.8h47.8v27.5H65.8z"/></defs><clipPath id="ar"><use xlink:href="#aq" overflow="visible"/></clipPath><g clip-path="url(#ar)"><path fill="#D0DDDC" d="M66.412 102.575c.7-8.6 1.5-15.6 18.6-16.1 13.7-.4 24.6 2.8 26.1 6.1 1 2.1.2 11.3-6.6 19.7 4.4-3.9 11.4-19.4 8.4-21.3-11.1-7.1-33.2-7.3-41.4-4.4-1.5.5-3.9 2.2-5.5 4-.3 2.2-.3 10.8.4 12"/></g></g><g><defs><path id="as" d="M66.8 103H102v13.9H66.8z"/></defs><clipPath id="at"><use xlink:href="#as" overflow="visible"/></clipPath><g clip-path="url(#at)"><path fill="#D0DDDC" d="M66.884 103.2c2.6 16.8 33.3 11.7 35.1 11-.1.9-16.1 5.4-29.5.2-5.4-2-5.8-13.1-5.6-11.2"/></g></g><g><defs><path id="au" d="M141.2 89.5h47.7V115h-47.7z"/></defs><clipPath id="av"><use xlink:href="#au" overflow="visible"/></clipPath><g clip-path="url(#av)"><path fill="#D0DDDC" d="M186.957 110.087c.4-8.7.4-15.6-16.4-18.2-13.5-2.1-24.7-.3-26.7 2.8-1.2 1.9-1.6 11.2 4.2 20.4-3.9-4.5-9-20.6-5.7-22.2 11.9-5.7 33.9-3.2 41.6.7 1.4.7 3.7 2.6 5 4.7-.1 2.1-1.1 10.7-2 11.8"/></g></g><g><defs><path id="aw" d="M150.2 110.4h36.3v11.7h-36.3z"/></defs><clipPath id="ax"><use xlink:href="#aw" overflow="visible"/></clipPath><g clip-path="url(#ax)"><path fill="#D0DDDC" d="M186.383 110.613c-4.6 16.3-34.5 7.5-36.2 6.6 0 .9 15.3 7.3 29.3 3.9 5.6-1.4 7.5-12.4 6.9-10.5"/></g></g><g><defs><path id="ay" d="M87.3 95.2h2v2h-2z"/></defs><clipPath id="az"><use xlink:href="#ay" overflow="visible"/></clipPath><g opacity=".25" clip-path="url(#az)"><path fill="#FFF" d="M89.375 96.2c0-.5-.4-1-1-1s-1 .4-1 1 .4 1 1 1 1-.4 1-1"/></g></g><g><defs><path id="aA" d="M166.3 99.9h2v2h-2z"/></defs><clipPath id="aB"><use xlink:href="#aA" overflow="visible"/></clipPath><g opacity=".25" clip-path="url(#aB)"><path fill="#FFF" d="M168.375 100.9c0-.5-.4-1-1-1-.5 0-1 .4-1 1s.4 1 1 1c.5 0 1-.5 1-1"/></g></g><g><defs><path id="aC" d="M52 79.1h64.8v9.5H52z"/></defs><clipPath id="aD"><use xlink:href="#aC" overflow="visible"/></clipPath><g opacity=".1" clip-path="url(#aD)"><path fill="#D0DDDC" d="M52.025 81.675c2.4 2.7 3.9 3 7.1 2.6 31.1-4 48.3-3.9 56.8 4 1.8 1.7.8-5.1-2.6-6-26.2-6.9-45.2-.7-49.2-.2-4.1.6-7-.3-12.1-.4"/></g></g><g><defs><path id="aE" d="M137.7 82.3h47.9v9.2h-47.9z"/></defs><clipPath id="aF"><use xlink:href="#aE" overflow="visible"/></clipPath><g opacity=".1" clip-path="url(#aF)"><path fill="#D0DDDC" d="M138.025 85.675c-.7.7-.4 7.9 3 5.2 9.8-7.8 30.3-6 44.6-1.2-2.3-4.5-19-7.6-28.4-7.5-4.5.2-17.3 1.5-19.2 3.5"/></g></g><path fill="#D0DDDC" d="M197.2 91.4c0 .3-1.6.5-3.5.5s-3.5-.2-3.5-.5 1.6-.5 3.5-.5c2 0 3.5.3 3.5.5M62.4 82.8c0 .3-1.6.3-3.5 0s-3.4-.8-3.3-1.1 1.6-.3 3.5 0c1.9.2 3.4.7 3.3 1.1"/><g><path fill="#FFF" d="M256.04 243.036c-.6-6.1-5.1-8.8-9.2-8.8-1.9 0-3.4.5-4 .8l-.8.4-.7.5c-1 .7-2.7 1.8-4.2 2.3-.1-1.2 0-2.8.2-4.2v-.2c1.1-10.7-1.1-17-6.7-18.6-.9-.3-1.9-.4-2.9-.4-3.4 0-6.4 1.6-8.3 3-1.6-2.1-4.4-3.2-7.8-3.2-5.1 0-9.2 2.4-10.7 6.2-.2.4-.4 1-.6 1.8-3-6.6-9.1-9.1-14.8-9.1-5.4 0-10.6 2.1-12.5 3.6-.1.1-.2.1-.3.2-5.1 3.6-9.1 8.2-11.9 13.7-1.4-4.7-4.4-9.2-9.7-12.5l-.1-.1c-.2-.1-.3-.2-.4-.2 5.3-9.3 9.9-21.7 7.1-33.5-3-12.6-10.4-14.4-14.5-14.4-1.7 0-3.5.3-5.3.9h-.2c-7.8 3.1-11.2 7.7-12 8.8-.8 1.2-9.3 14.2-11.4 33.2-.2 2.1-.5 4.3-.7 6.5-1.2-1.7-3.2-3.3-6.3-4.2-1-.3-2-.4-3-.4-4.3 0-7.8 2.6-9.7 4.4-1.6-2.4-4.2-3.9-7.1-4h-.7c-4.6 0-8.2 2-10.9 4.3-1.7-3-4.9-4.9-8.6-4.9h-1.5c-5.1 0-9.1 2.4-10.7 6.4-.1.3-.3.7-.4 1.2-4-5-9.1-7.3-16-7.3h-.7c-4.3.1-14.9 1.9-21.5 16.6-1 2.3-1.8 4.6-2.4 6.8-1.4-.7-2.8-.8-3.7-.8-3.4 0-6 1.9-7.2 3.8-1 1.5-4.2 6.7-2.6 11.9.9 2.8 2.8 4.9 5.6 6 2.5 1 5.6 1.9 7.9 2.6 1.4 3.3 4 7 8.6 10.5 3.2 2.5 7.4 3.7 12.2 3.7 8.2 0 16.1-3.5 16.9-3.9l.3-.2.1-.1c1.6 1.6 3.6 2.8 6.2 3.3.8.2 1.8.3 3 .3 4.4 0 7.5-2.3 10.4-6.5 2.3 3.7 6.6 5.7 11.6 5.7.3 0 .5.2.9.2 2.6 0 6-.9 8.7-5.4 2.3 4.1 6.5 6.5 11.5 6.5 4.4 0 8.3-1.8 9-2.2l.2-.1c1.5-.8 2.7-1.5 3.7-2 3.3 1.8 8.3 3.7 14.5 3.7 1.1 0 2.1 0 3.2-.2h.6c13-2.6 21.5-5.7 26.6-8.1 3.5 4 9.2 7.8 17.2 8.4.9.1 1.8.1 2.7.1 6.6 0 11.9-1.9 15.8-3.9 1.2 1.3 2.8 2.5 4.8 3.3 1.2.5 2.5.7 3.7.7 8.1 0 11.9-9.6 12.9-12.9l1.9-5.2c1.7 1.8 3.9 3.3 6.7 4.1 1.5.4 3.2.7 4.8.7 8.9 0 17.5-6.3 18.8-7.4 2.3-2.3 4.9-6.5 4.4-12.2"/></g><g><path fill="#E24B31" d="M174.35 245.713s-1.1-4 3.1-11.6 7.4-3.5 7.4-3.5 3.6 3.9-.5 9.7c-4.1 5.8-10 5.4-10 5.4m-32.1 5.5c-4.8 12.5-16.4 7.4-16.4 7.4s-1.3-4.5 2.5-17 12.6-7.6 12.6-7.6 6.1 4.7 1.3 17.2m-8.7-52.5s7.2-18.9 9-9.7c1.8 9.2-15.2 36.5-15.2 36.5.2-6.1 6.2-26.8 6.2-26.8m-103.5 47c.3-12.1 8.2-17.4 11-14.8 2.8 2.6 1.8 8.4-3.5 11.9-5.1 3.6-7.5 2.9-7.5 2.9m219.3-2c-.4-4.1-4.1-2.6-4.1-2.6s-5.9 4.6-11.1 4.1c-5.2-.5-3.5-12.1-3.5-12.1s1.1-10.7-1.9-11.6c-3.1-.9-6.8 2.8-6.8 2.8s-4.7 5.2-6.9 11.8l-.6.2s.7-11.6-.1-14.3c-.6-1.3-6.2-1.2-7.1 1.1-.9 2.3-5.4 18.6-5.7 25.5 0 0-8.8 7.4-16.4 8.7-7.7 1.2-9.5-3.6-9.5-3.6s20.8-5.8 20.1-22.4c-.7-16.6-16.8-10.5-18.6-9.1-1.8 1.3-11.1 7-13.9 22.6-.1.5-.3 2.9-.3 2.9s-8.1 5.4-12.5 6.8c0 0 12.5-21.1-2.8-30.7-6.9-4.2-12.5 4.6-12.5 4.6s20.7-23 16.1-42.5c-2.2-9.3-6.8-10.3-11.1-8.8-6.5 2.6-8.9 6.3-8.9 6.3s-8.4 12.1-10.3 30.2-4.8 39.8-4.8 39.8-4 3.9-7.6 4.1c-3.7.2-2-10.9-2-10.9s2.8-16.9 2.6-19.8-.4-4.4-3.8-5.4c-3.3-1-7 3.3-7 3.3s-9.7 14.7-10.5 16.9l-.5.9-.5-.6s6.8-20 .3-20.3c-6.5-.3-10.8 7.1-10.8 7.1s-7.4 12.5-7.7 13.9l-.5-.6s3.1-14.5 2.5-18.1c-.6-3.6-4-2.8-4-2.8s-4.3-.5-5.4 2.3c-1.1 2.8-5.2 21-5.7 26.8 0 0-10.7 7.7-17.7 7.7-7 .1-6.3-4.5-6.3-4.5s25.8-8.8 18.8-26.3c-3.2-4.5-6.8-5.9-12-5.8-5.2.1-11.3 3.3-15.5 12.6-2 4.5-2.8 8.7-2.8 11.9 0 0-4.8.9-7.3-1.1s-3.9 0-3.9 0-4.3 6.1-.1 7.7c4.2 1.6 10.6 3.2 10.6 3.2.6 2.6 2.3 7 7.4 10.8 7.6 5.8 22.3-.9 22.3-.9l6-3.6s.2 5.4 4.6 6.2c4.4.8 6.2-.1 13.9-18.6 4.5-9.5 4.8-9 4.8-9l.5-.1s-3.5 18.1-2.1 23 7.1 4.4 7.1 4.4 3.2 1.1 5.7-7.9c2.6-9 7.4-18.4 7.4-18.4h.6s-2.1 18.1 1.1 24c3.3 5.9 11.7 1.8 11.7 1.8s5.9-3.1 6.8-4c0 0 7 5.9 16.9 4.8 22.1-4.4 30-10.3 30-10.3s3.8 9.6 15.6 10.5c13.5 1 20.8-7.5 20.8-7.5s-.1 5.5 4.6 7.4c4.7 1.9 7.9-8.3 7.9-8.3l7.9-21.1h.7s.4 13.5 8.2 15.7c7.8 2.2 17.9-5.6 17.9-5.6s2.2-1.1 1.7-5.2"/></g></svg>
deleted file mode 100644
--- a/devtools/client/debugger/new/images/extension.svg
+++ /dev/null
@@ -1,6 +0,0 @@
-<!-- This Source Code Form is subject to the terms of the Mozilla Public
-   - License, v. 2.0. If a copy of the MPL was not distributed with this
-   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
-  <path fill="context-fill" d="M14.5 8c-.971 0-1 1-1.75 1a.765.765 0 0 1-.75-.75V5a1 1 0 0 0-1-1H7.75A.765.765 0 0 1 7 3.25c0-.75 1-.779 1-1.75C8 .635 7.1 0 6 0S4 .635 4 1.5c0 .971 1 1 1 1.75a.765.765 0 0 1-.75.75H1a1 1 0 0 0-1 1v2.25A.765.765 0 0 0 .75 8c.75 0 .779-1 1.75-1C3.365 7 4 7.9 4 9s-.635 2-1.5 2c-.971 0-1-1-1.75-1a.765.765 0 0 0-.75.75V15a1 1 0 0 0 1 1h3.25a.765.765 0 0 0 .75-.75c0-.75-1-.779-1-1.75 0-.865.9-1.5 2-1.5s2 .635 2 1.5c0 .971-1 1-1 1.75a.765.765 0 0 0 .75.75H11a1 1 0 0 0 1-1v-3.25a.765.765 0 0 1 .75-.75c.75 0 .779 1 1.75 1 .865 0 1.5-.9 1.5-2s-.635-2-1.5-2z"></path>
-</svg>
new file mode 100644
--- /dev/null
+++ b/devtools/client/debugger/new/images/file-small.svg
@@ -0,0 +1,6 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+   - License, v. 2.0. If a copy of the MPL was not distributed with this
+   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12" width="12" height="12">
+  <path d="M1 1a1 1 0 0 1 1-1h5.74a1 1 0 0 1 .82.42l2.25 3.16a1 1 0 0 1 .19.58V11a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V1zm6.74 0H2v10h8V4.16L7.74 1zM7 4V1h1v3h2v1H8a1 1 0 0 1-1-1z"/>
+</svg>
deleted file mode 100644
--- a/devtools/client/debugger/new/images/file.svg
+++ /dev/null
@@ -1,7 +0,0 @@
-<!-- This Source Code Form is subject to the terms of the Mozilla Public
-   - License, v. 2.0. If a copy of the MPL was not distributed with this
-   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
-<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
-  <path d="M4 2v12h9V4.775L9.888 2H4zm0-1h5.888c.246 0 .483.09.666.254l3.112 2.774c.212.19.334.462.334.747V14c0 .552-.448 1-1 1H4c-.552 0-1-.448-1-1V2c0-.552.448-1 1-1z"/>
-  <path d="M9 1.5v4c0 .325.306.564.62.485l4-1c.27-.067.432-.338.365-.606-.067-.27-.338-.432-.606-.365l-4 1L10 5.5v-4c0-.276-.224-.5-.5-.5s-.5.224-.5.5z"/>
-</svg>
--- a/devtools/client/debugger/new/images/folder.svg
+++ b/devtools/client/debugger/new/images/folder.svg
@@ -1,6 +1,6 @@
 <!-- This Source Code Form is subject to the terms of the Mozilla Public
    - License, v. 2.0. If a copy of the MPL was not distributed with this
    - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
-<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
-  <path d="M2 5.193v7.652c0 .003-.002 0 .007 0H14v-7.69c0-.003.002 0-.007 0h-7.53v-2.15c0-.002-.004-.005-.01-.005H2.01C2 3 2 3 2 3.005V5.193zm-1 0V3.005C1 2.45 1.444 2 2.01 2h4.442c.558 0 1.01.45 1.01 1.005v1.15h6.53c.557 0 1.008.44 1.008 1v7.69c0 .553-.45 1-1.007 1H2.007c-.556 0-1.007-.44-1.007-1V5.193zM6.08 4.15H2v1h4.46v-1h-.38z" fill-rule="evenodd"/>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">
+  <path d="M1 3a1 1 0 0 1 1-1h5a1 1 0 0 1 1 1v1h6a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V3zm6 0H2v1h5V3zM2 5v8h12V5H2z"/>
 </svg>
new file mode 100644
--- /dev/null
+++ b/devtools/client/debugger/new/images/globe-small.svg
@@ -0,0 +1,7 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+   - License, v. 2.0. If a copy of the MPL was not distributed with this
+   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12" width="12" height="12">
+  <path d="M6 1a5 5 0 1 0 0 10A5 5 0 0 0 6 1zM0 6a6 6 0 1 1 12 0A6 6 0 0 1 0 6zM1 4h10v1H1V4zM1 7h10v1H1V7z"/>
+  <path fill-rule="evenodd" d="M7.23 9.8C7.69 8.88 8 7.54 8 6s-.31-2.88-.77-3.8C6.73 1.23 6.25 1 6 1s-.74.23-1.23 1.2A8.74 8.74 0 0 0 4 6c0 1.54.31 2.88.77 3.8.5.97.98 1.2 1.23 1.2s.74-.23 1.23-1.2zM6 12c1.66 0 3-2.69 3-6S7.66 0 6 0 3 2.69 3 6s1.34 6 3 6z"/>
+</svg>
new file mode 100644
--- /dev/null
+++ b/devtools/client/debugger/new/images/globe.svg
@@ -0,0 +1,9 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+   - License, v. 2.0. If a copy of the MPL was not distributed with this
+   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+   - License, v. 2.0. If a copy of the MPL was not distributed with this
+   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">
+  <path d="M2 5h12v1H2V5zM2 10h12v1H2v-1zM11.02 12.69C10.42 13.89 9.42 15 8 15c-1.41 0-2.42-1.12-3.02-2.31A10.72 10.72 0 0 1 4 8c0-1.78.36-3.44.98-4.69C5.58 2.11 6.58 1 8 1c1.41 0 2.42 1.12 3.02 2.31.62 1.25.98 2.91.98 4.69 0 1.78-.36 3.44-.98 4.69zM8 14c1.66 0 3-2.69 3-6S9.66 2 8 2 5 4.69 5 8s1.34 6 3 6zM16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-8 6A6 6 0 1 0 8 2a6 6 0 0 0 0 12z"/>
+</svg>
deleted file mode 100644
--- a/devtools/client/debugger/new/images/immutable.svg
+++ /dev/null
@@ -1,25 +0,0 @@
-<!-- This Source Code Form is subject to the terms of the Mozilla Public
-   - License, v. 2.0. If a copy of the MPL was not distributed with this
-   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
- "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
-<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
- width="200.000000pt" height="200.000000pt" viewBox="0 0 200.000000 200.000000"
- preserveAspectRatio="xMidYMid meet">
-
-<g transform="translate(0.000000,200.000000) scale(0.100000,-0.100000)"
-fill="#000000" stroke="none">
-<path d="M247 1663 c-4 -3 -7 -235 -7 -515 l0 -508 175 0 175 0 0 515 0 515
--168 0 c-93 0 -172 -3 -175 -7z m183 -508 c0 -336 -2 -385 -15 -385 -13 0 -15
-49 -15 385 0 336 2 385 15 385 13 0 15 -49 15 -385z"/>
-<path d="M697 1664 c-4 -4 -7 -236 -7 -516 l0 -508 165 0 165 0 2 181 3 181
-99 -146 c54 -80 102 -146 106 -146 3 0 51 66 106 148 l99 147 3 -182 2 -183
-160 0 160 0 0 515 0 515 -132 0 -133 -1 -130 -194 c-71 -107 -132 -194 -135
--194 -3 -1 -64 86 -135 192 l-131 192 -130 3 c-71 1 -133 -1 -137 -4z m356
--374 c92 -138 172 -250 176 -250 4 0 84 112 177 250 112 166 175 250 187 250
-16 0 17 -25 17 -385 0 -336 -2 -385 -15 -385 -13 0 -15 46 -15 350 0 193 -4
-350 -8 350 -4 0 -82 -108 -172 -240 -90 -132 -167 -240 -171 -240 -4 0 -81
-108 -171 240 -90 131 -166 239 -170 240 -5 0 -8 -157 -8 -350 0 -304 -2 -350
--15 -350 -13 0 -15 49 -15 385 0 360 1 385 18 385 11 -1 74 -86 185 -250z"/>
-</g>
-</svg>
deleted file mode 100644
--- a/devtools/client/debugger/new/images/javascript.svg
+++ /dev/null
@@ -1,7 +0,0 @@
-<!-- This Source Code Form is subject to the terms of the Mozilla Public
-   - License, v. 2.0. If a copy of the MPL was not distributed with this
-   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
-<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28">
-<path d="M9.633 7.968h3.751v10.514c0 4.738-2.271 6.392-5.899 6.392-0.888 0-2.024-0.148-2.764-0.395l0.42-3.036c0.518 0.173 1.185 0.296 1.925 0.296 1.58 0 2.567-0.716 2.567-3.282v-10.489zM16.641 20.753c0.987 0.518 2.567 1.037 4.171 1.037 1.728 0 2.641-0.716 2.641-1.826 0-1.012-0.79-1.629-2.789-2.32-2.764-0.987-4.59-2.517-4.59-4.961 0-2.838 2.394-4.985 6.293-4.985 1.9 0 3.258 0.37 4.245 0.839l-0.839 3.011c-0.642-0.321-1.851-0.79-3.455-0.79-1.629 0-2.419 0.765-2.419 1.604 0 1.061 0.913 1.53 3.085 2.369 2.937 1.086 4.294 2.616 4.294 4.985 0 2.789-2.122 5.158-6.688 5.158-1.9 0-3.776-0.518-4.714-1.037l0.765-3.085z"></path>
-</svg>
-
deleted file mode 100644
--- a/devtools/client/debugger/new/images/jquery.svg
+++ /dev/null
@@ -1,7 +0,0 @@
-<!-- This Source Code Form is subject to the terms of the Mozilla Public
-   - License, v. 2.0. If a copy of the MPL was not distributed with this
-   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32" viewBox="0 0 32 32">
-<path fill="#444444" d="M16.232 24.047c-0.15-0.034-0.295-0.081-0.441-0.124-0.037-0.011-0.074-0.022-0.11-0.033-0.143-0.044-0.284-0.090-0.425-0.139-0.019-0.007-0.039-0.014-0.058-0.021-0.126-0.045-0.251-0.091-0.375-0.139-0.035-0.014-0.070-0.027-0.105-0.041-0.136-0.054-0.271-0.11-0.405-0.168-0.027-0.012-0.054-0.024-0.081-0.036-0.115-0.052-0.228-0.105-0.341-0.159-0.033-0.016-0.065-0.031-0.099-0.047-0.089-0.043-0.177-0.090-0.264-0.134-0.059-0.031-0.118-0.060-0.176-0.092-0.107-0.058-0.212-0.117-0.317-0.178-0.035-0.020-0.071-0.038-0.107-0.059-0.139-0.081-0.277-0.166-0.412-0.252-0.037-0.024-0.074-0.050-0.111-0.074-0.099-0.063-0.197-0.128-0.293-0.195-0.032-0.021-0.063-0.045-0.094-0.066-0.093-0.066-0.186-0.132-0.277-0.2-0.042-0.031-0.082-0.062-0.123-0.093-0.084-0.064-0.168-0.129-0.25-0.196-0.037-0.030-0.075-0.060-0.112-0.090-0.105-0.087-0.209-0.173-0.312-0.263-0.011-0.009-0.023-0.018-0.034-0.028-0.111-0.097-0.22-0.197-0.328-0.298-0.031-0.030-0.062-0.059-0.092-0.088-0.080-0.076-0.158-0.153-0.235-0.231-0.031-0.031-0.062-0.061-0.092-0.092-0.098-0.101-0.194-0.203-0.289-0.306-0.005-0.005-0.010-0.010-0.014-0.015-0.1-0.109-0.197-0.221-0.293-0.334-0.026-0.031-0.051-0.060-0.077-0.091-0.071-0.086-0.142-0.173-0.211-0.261-0.026-0.031-0.052-0.064-0.077-0.096-0.083-0.108-0.164-0.215-0.243-0.324-2.197-2.996-2.986-7.129-1.23-10.523l-1.556 1.974c-1.994 2.866-1.746 6.595-0.223 9.64 0.036 0.073 0.074 0.145 0.112 0.217 0.024 0.045 0.046 0.092 0.071 0.137 0.014 0.027 0.030 0.053 0.044 0.079 0.026 0.049 0.053 0.095 0.079 0.142 0.047 0.083 0.096 0.166 0.145 0.249 0.027 0.045 0.055 0.091 0.083 0.136 0.055 0.089 0.111 0.176 0.169 0.264 0.024 0.037 0.047 0.075 0.072 0.111 0.080 0.118 0.161 0.236 0.244 0.353 0.002 0.003 0.005 0.006 0.007 0.009 0.013 0.018 0.028 0.037 0.041 0.056 0.072 0.1 0.147 0.199 0.223 0.296 0.028 0.036 0.056 0.072 0.084 0.107 0.067 0.085 0.136 0.169 0.206 0.253 0.026 0.031 0.052 0.063 0.079 0.094 0.094 0.11 0.189 0.22 0.287 0.328 0.002 0.002 0.004 0.004 0.006 0.005 0.004 0.005 0.008 0.008 0.011 0.013 0.095 0.104 0.193 0.206 0.291 0.307 0.031 0.032 0.062 0.063 0.093 0.094 0.076 0.077 0.154 0.153 0.233 0.228 0.032 0.030 0.063 0.061 0.095 0.091 0.105 0.099 0.211 0.196 0.319 0.291 0.002 0.001 0.003 0.003 0.005 0.004 0.018 0.016 0.038 0.032 0.056 0.047 0.095 0.082 0.192 0.164 0.29 0.245 0.040 0.032 0.080 0.064 0.12 0.096 0.080 0.064 0.16 0.127 0.241 0.189 0.043 0.033 0.086 0.066 0.129 0.098 0.089 0.066 0.18 0.131 0.271 0.194 0.033 0.024 0.065 0.047 0.099 0.070 0.009 0.006 0.018 0.013 0.027 0.019 0.086 0.060 0.175 0.116 0.263 0.174 0.038 0.025 0.075 0.051 0.114 0.076 0.136 0.086 0.273 0.171 0.412 0.253 0.038 0.022 0.076 0.043 0.114 0.064 0.102 0.059 0.205 0.117 0.309 0.174 0.056 0.030 0.114 0.059 0.171 0.088 0.073 0.038 0.147 0.078 0.221 0.115 0.017 0.009 0.035 0.017 0.051 0.025 0.030 0.014 0.060 0.028 0.091 0.044 0.116 0.055 0.233 0.11 0.351 0.163 0.025 0.011 0.049 0.022 0.074 0.033 0.135 0.059 0.271 0.116 0.409 0.17 0.033 0.014 0.066 0.026 0.1 0.039 0.127 0.049 0.256 0.098 0.386 0.143 0.016 0.006 0.032 0.012 0.049 0.017 0.142 0.050 0.286 0.096 0.43 0.141 0.034 0.010 0.069 0.021 0.104 0.031 0.147 0.044 0.293 0.097 0.445 0.125 9.643 1.759 12.444-5.795 12.444-5.795-2.352 3.065-6.528 3.873-10.485 2.974zM12.758 16.231c0.216 0.31 0.456 0.678 0.742 0.927 0.104 0.114 0.213 0.226 0.324 0.336 0.028 0.029 0.057 0.056 0.085 0.084 0.108 0.105 0.217 0.207 0.33 0.307 0.005 0.003 0.009 0.008 0.014 0.012 0.001 0.001 0.002 0.002 0.003 0.003 0.125 0.11 0.255 0.216 0.386 0.319 0.029 0.022 0.058 0.046 0.088 0.069 0.132 0.101 0.266 0.2 0.404 0.295 0.004 0.003 0.008 0.006 0.012 0.009 0.061 0.042 0.123 0.081 0.184 0.122 0.030 0.019 0.058 0.040 0.088 0.058 0.098 0.063 0.198 0.125 0.299 0.183 0.014 0.009 0.028 0.016 0.042 0.024 0.087 0.051 0.176 0.1 0.265 0.148 0.031 0.018 0.063 0.033 0.094 0.049 0.061 0.032 0.123 0.064 0.185 0.096 0.009 0.004 0.019 0.009 0.028 0.012 0.127 0.063 0.255 0.123 0.386 0.18 0.028 0.012 0.057 0.023 0.085 0.035 0.105 0.045 0.21 0.088 0.316 0.129 0.045 0.017 0.091 0.033 0.135 0.050 0.097 0.036 0.193 0.069 0.291 0.101 0.044 0.014 0.087 0.028 0.131 0.042 0.139 0.043 0.276 0.098 0.42 0.122 7.445 1.233 9.164-4.499 9.164-4.499-1.549 2.232-4.55 3.296-7.752 2.465-0.142-0.038-0.282-0.078-0.422-0.122-0.043-0.013-0.084-0.027-0.127-0.041-0.099-0.032-0.197-0.066-0.295-0.102-0.045-0.017-0.089-0.033-0.133-0.050-0.107-0.041-0.213-0.084-0.317-0.128-0.029-0.013-0.058-0.024-0.086-0.036-0.131-0.057-0.261-0.117-0.389-0.18-0.066-0.032-0.13-0.066-0.195-0.099-0.037-0.019-0.075-0.038-0.112-0.058-0.083-0.045-0.165-0.092-0.246-0.139-0.019-0.011-0.040-0.022-0.059-0.033-0.101-0.059-0.2-0.12-0.299-0.182-0.030-0.019-0.060-0.040-0.090-0.060-0.065-0.042-0.13-0.085-0.193-0.128-0.137-0.095-0.271-0.194-0.402-0.294-0.030-0.024-0.061-0.047-0.091-0.071-1.401-1.107-2.512-2.619-3.041-4.334-0.554-1.778-0.434-3.775 0.525-5.395l-1.178 1.663c-1.442 2.075-1.364 4.853-0.239 7.048 0.189 0.368 0.401 0.725 0.638 1.065zM20.606 13.664c0.061 0.023 0.123 0.043 0.185 0.064 0.027 0.008 0.054 0.018 0.082 0.026 0.088 0.027 0.175 0.060 0.265 0.076 4.111 0.794 5.226-2.11 5.523-2.537-0.977 1.406-2.618 1.744-4.632 1.255-0.159-0.039-0.334-0.096-0.488-0.151-0.197-0.070-0.39-0.15-0.579-0.24-0.358-0.172-0.699-0.38-1.015-0.619-1.802-1.367-2.922-3.976-1.746-6.101l-0.637 0.877c-0.85 1.251-0.933 2.805-0.344 4.186 0.622 1.467 1.897 2.617 3.384 3.163z"></path>
-</svg>
--- a/devtools/client/debugger/new/images/loader.svg
+++ b/devtools/client/debugger/new/images/loader.svg
@@ -1,13 +1,7 @@
 <!-- This Source Code Form is subject to the terms of the Mozilla Public
    - License, v. 2.0. If a copy of the MPL was not distributed with this
    - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
-<svg version="1.1" id="loader-1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-  width="40px" height="40px" viewBox="0 0 40 40" enable-background="new 0 0 40 40" xml:space="preserve">
-  <path opacity="0.2" fill="#000" d="M20.201,5.169c-8.254,0-14.946,6.692-14.946,14.946c0,8.255,6.692,14.946,14.946,14.946
-    s14.946-6.691,14.946-14.946C35.146,11.861,28.455,5.169,20.201,5.169z M20.201,31.749c-6.425,0-11.634-5.208-11.634-11.634
-    c0-6.425,5.209-11.634,11.634-11.634c6.425,0,11.633,5.209,11.633,11.634C31.834,26.541,26.626,31.749,20.201,31.749z"/>
-  <path fill="#000" d="M26.013,10.047l1.654-2.866c-2.198-1.272-4.743-2.012-7.466-2.012h0v3.312h0
-    C22.32,8.481,24.301,9.057,26.013,10.047z">
-  </path>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">
+  <path opacity=".2" d="M8 2a6 6 0 1 0 0 12A6 6 0 0 0 8 2zm0 10.67a4.67 4.67 0 1 1 0-9.34 4.67 4.67 0 0 1 0 9.34z"/>
+  <path d="M10.33 3.96L11 2.8C10.1 2.3 9.1 2 8 2v1.33c.85 0 1.65.23 2.33.63z"/>
 </svg>
-
deleted file mode 100644
--- a/devtools/client/debugger/new/images/lodash.svg
+++ /dev/null
@@ -1,7 +0,0 @@
-<!-- This Source Code Form is subject to the terms of the Mozilla Public
-   - License, v. 2.0. If a copy of the MPL was not distributed with this
-   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2500 2500">
-  <path d="M70 188.5h220v1460h870v180H70v-1640zm1776 396c-225-3-450 140-520 357-100 250-54 564 142 755 190 158 476 170 690 58 147-78 240-233 260-396 26-170 13-356-70-510-98-164-290-270-480-263l-22-3zm20 174c165 0 313 126 340 288 50 183 20 407-130 536-140 114-365 98-480-43-140-150-140-380-68-560 50-130 183-223 323-220h18z" fill="#000000" />
-  <path d="M70 2061.5h2360v250H70v-250z" fill="#3492ff"/>
-</svg>
deleted file mode 100644
--- a/devtools/client/debugger/new/images/magnifying-glass.svg
+++ /dev/null
@@ -1,7 +0,0 @@
-<!-- This Source Code Form is subject to the terms of the Mozilla Public
-   - License, v. 2.0. If a copy of the MPL was not distributed with this
-   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
-<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
-  <path class="st0" d="M9 9.3l3.6 3.6"/>
-  <ellipse fill="transparent" cx="5.9" cy="6.2" rx="4.5" ry="4.5"/>
-</svg>
deleted file mode 100644
--- a/devtools/client/debugger/new/images/marko.svg
+++ /dev/null
@@ -1,64 +0,0 @@
-<!-- This Source Code Form is subject to the terms of the Mozilla Public
-   - License, v. 2.0. If a copy of the MPL was not distributed with this
-   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
-<svg width="256px" height="140px" viewBox="0 0 256 140" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid">
-    <defs>
-        <linearGradient x1="49.9109718%" y1="99.9084071%" x2="49.9109718%" y2="-0.0902654867%" id="linearGradient-1">
-            <stop stop-color="#8AC23E" offset="0%"></stop>
-            <stop stop-color="#8AC23E" stop-opacity="0" offset="100%"></stop>
-        </linearGradient>
-        <linearGradient x1="49.9835165%" y1="0.0637125664%" x2="49.9835165%" y2="100.062389%" id="linearGradient-2">
-            <stop stop-color="#698932" offset="0%"></stop>
-            <stop stop-color="#698932" stop-opacity="0" offset="100%"></stop>
-        </linearGradient>
-        <linearGradient x1="50.0595611%" y1="0.0637125664%" x2="50.0595611%" y2="100.062389%" id="linearGradient-3">
-            <stop stop-color="#FFED01" offset="0%"></stop>
-            <stop stop-color="#FFED01" stop-opacity="0" offset="100%"></stop>
-        </linearGradient>
-        <linearGradient x1="50.0170846%" y1="0.0637125664%" x2="50.0170846%" y2="100.092699%" id="linearGradient-4">
-            <stop stop-color="#E02A89" offset="0%"></stop>
-            <stop stop-color="#E02A89" stop-opacity="0" offset="100%"></stop>
-        </linearGradient>
-        <linearGradient x1="49.9631661%" y1="-0.0915929204%" x2="49.9631661%" y2="99.9070796%" id="linearGradient-5">
-            <stop stop-color="#7F1E4F" offset="0%"></stop>
-            <stop stop-color="#7F1E4F" stop-opacity="0" offset="100%"></stop>
-        </linearGradient>
-        <linearGradient x1="49.9652038%" y1="-0.0915929204%" x2="49.9652038%" y2="99.9070796%" id="linearGradient-6">
-            <stop stop-color="#E95506" offset="0%"></stop>
-            <stop stop-color="#E95506" stop-opacity="0" offset="100%"></stop>
-        </linearGradient>
-        <linearGradient x1="49.9766458%" y1="99.9084071%" x2="49.9766458%" y2="-0.0265486726%" id="linearGradient-7">
-            <stop stop-color="#88D0F1" offset="0%"></stop>
-            <stop stop-color="#88D0F1" stop-opacity="0" offset="100%"></stop>
-        </linearGradient>
-        <linearGradient x1="50.0205329%" y1="0.0637125664%" x2="50.0205329%" y2="99.9986726%" id="linearGradient-8">
-            <stop stop-color="#00828B" offset="0%"></stop>
-            <stop stop-color="#00828B" stop-opacity="0" offset="83.25%"></stop>
-        </linearGradient>
-        <linearGradient x1="50.078022%" y1="99.9752212%" x2="50.078022%" y2="0.0705752212%" id="linearGradient-9">
-            <stop stop-color="#2073BA" offset="0%"></stop>
-            <stop stop-color="#2073BA" stop-opacity="0" offset="100%"></stop>
-        </linearGradient>
-        <linearGradient x1="50.0177116%" y1="0.0637125664%" x2="50.0177116%" y2="99.9986726%" id="linearGradient-10">
-            <stop stop-color="#8ED0E1" offset="0%"></stop>
-            <stop stop-color="#88D0F1" stop-opacity="0" offset="100%"></stop>
-        </linearGradient>
-    </defs>
-  <g>
-    <path d="M128.1,0 L164.2,0 C150.9,21.8 136.2,45.8 121.5,69.7 L85.4,69.7 C100.1,45.8 114.8,21.8 128.1,0 Z" fill="#8DC220"></path>
-    <path d="M42.7,0 L78.8,0 C71.7,11.6 64.5,23.3 57.4,34.9 C50.3,46.5 43.2,58.1 36.1,69.7 C43.2,81.3 50.3,93 57.4,104.6 C64.5,116.2 71.6,127.8 78.8,139.4 L42.7,139.4 C35.6,127.8 28.4,116.2 21.3,104.6 C14.2,93.1 7.1,81.4 0,69.8 C7.1,58.2 14.2,46.6 21.3,35 C28.4,23.3 35.6,11.7 42.7,0 Z" fill="#44BFEF"></path>
-    <path d="M42.7,0 L42.7,0 C57.4,24 72.1,48 85.4,69.7 L121.5,69.7 C108.2,48 93.5,24 78.8,0 L78.8,0 L42.7,0 Z" fill="#00AC71"></path>
-    <path d="M164.2,0 L128.1,0 C135.2,11.6 142.3,23.3 149.5,34.9 C156.6,46.5 163.7,58.1 170.9,69.7 C163.8,81.3 156.6,93 149.5,104.6 C142.4,116.2 135.3,127.8 128.1,139.4 L164.2,139.4 C171.3,127.8 178.4,116.2 185.6,104.6 C192.7,93 199.8,81.4 207,69.7 C199.8,58.1 192.7,46.5 185.6,34.9 C178.5,23.3 171.3,11.7 164.2,0 Z" fill="#F9BC00"></path>
-    <path d="M149.3,24.6 L113.2,24.6 C108.6,32.1 104,39.7 99.4,47.2 C94.8,54.7 90.2,62.3 85.5,69.8 L121.6,69.8 C126.2,62.3 130.9,54.7 135.5,47.2 C140,39.6 144.6,32.1 149.3,24.6 Z" fill="url(#linearGradient-1)"></path>
-    <path d="M100.5,45.2 L136.6,45.2 C141.2,37.7 145.8,30.1 150.4,22.6 C155,15.1 159.6,7.5 164.2,0 L128.1,0 C123.5,7.5 118.9,15.1 114.3,22.6 C109.7,30.2 105.1,37.7 100.5,45.2 Z" fill="url(#linearGradient-2)"></path>
-    <path d="M191.9,45.2 L155.8,45.2 C151.2,37.7 146.5,30.1 141.9,22.6 C137.3,15.1 132.7,7.5 128.1,0 L164.2,0 C168.8,7.5 173.4,15.1 178,22.6 C182.7,30.2 187.3,37.7 191.9,45.2 Z" fill="url(#linearGradient-3)"></path>
-    <path d="M213.2,0 L177.1,0 C184.2,11.7 191.3,23.3 198.4,34.9 C205.5,46.5 212.7,58.1 219.8,69.7 C212.7,81.3 205.5,93 198.4,104.6 C191.3,116.2 184.2,127.8 177,139.4 L213.1,139.4 C220.2,127.8 227.3,116.2 234.5,104.6 C241.6,93 248.7,81.4 255.9,69.7 C248.8,58.1 241.7,46.5 234.5,34.9 C227.5,23.3 220.3,11.7 213.2,0 Z" fill="#DF1B1C"></path>
-    <path d="M240.9,45.2 L204.8,45.2 C200.1,37.7 195.5,30.1 190.9,22.6 C186.3,15.1 181.7,7.5 177.1,0 L213.2,0 C217.8,7.5 222.4,15.1 227,22.6 C231.6,30.2 236.3,37.7 240.9,45.2 Z" fill="url(#linearGradient-4)"></path>
-    <path d="M192.2,115 L228.3,115 C232.9,107.5 237.5,100 242.1,92.4 C246.7,84.9 251.3,77.3 256,69.8 L219.8,69.8 C215.2,77.3 210.6,84.9 206,92.4 C201.4,99.9 196.8,107.4 192.2,115 Z" fill="url(#linearGradient-5)"></path>
-    <path d="M143.2,115 L179.3,115 C183.9,107.5 188.5,99.9 193.1,92.4 C197.7,84.9 202.3,77.3 207,69.8 L170.9,69.8 C166.3,77.3 161.7,84.9 157.1,92.4 C152.4,99.9 147.8,107.4 143.2,115 Z" fill="url(#linearGradient-6)"></path>
-    <path d="M63.8,24.6 L27.7,24.6 C23.1,32.1 18.5,39.7 13.9,47.2 C9.2,54.7 4.6,62.3 0,69.8 L36.1,69.8 C40.7,62.3 45.3,54.8 49.9,47.2 C54.5,39.7 59.1,32.1 63.8,24.6 Z" fill="url(#linearGradient-7)"></path>
-    <path d="M15,45.2 L51.1,45.2 C55.7,37.7 60.3,30.1 64.9,22.6 C69.6,15.1 74.2,7.5 78.8,0 L42.7,0 C38.1,7.5 33.5,15 28.9,22.6 C24.3,30.1 19.7,37.7 15,45.2 Z" fill="url(#linearGradient-8)"></path>
-    <path d="M15,94.3 L51.1,94.3 C55.7,101.8 60.3,109.4 64.9,116.9 C69.5,124.4 74.1,132 78.7,139.5 L42.6,139.5 C38,132 33.3,124.5 28.7,116.9 C24.2,109.4 19.6,101.9 15,94.3 Z" fill="url(#linearGradient-9)"></path>
-    <path d="M106.5,45.2 L70.4,45.2 C65.8,37.7 61.2,30.1 56.6,22.6 C51.9,15.1 47.3,7.5 42.7,0 L78.8,0 C83.4,7.5 88,15 92.6,22.6 C97.3,30.1 101.9,37.7 106.5,45.2 Z" fill="url(#linearGradient-10)"></path>
-  </g>
-</svg>
deleted file mode 100644
--- a/devtools/client/debugger/new/images/mobx.svg
+++ /dev/null
@@ -1,44 +0,0 @@
-<!-- This Source Code Form is subject to the terms of the Mozilla Public
-   - License, v. 2.0. If a copy of the MPL was not distributed with this
-   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
-<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 viewBox="0 0 1200 1200" style="enable-background:new 0 0 1200 1200;" xml:space="preserve">
-<style type="text/css">
-	.st0{clip-path:url(#SVGID_2_);}
-	.st1{fill:url(#SVGID_3_);}
-	.st2{fill:url(#SVGID_4_);}
-	.st3{opacity:0.28;fill:#C24411;}
-	.st4{fill:#FFFFFF;}
-</style>
-<g>
-	<defs>
-		<path id="SVGID_1_" d="M1088.7,1165.5H111.3c-42.4,0-76.7-34.4-76.7-76.7V111.3c0-42.4,34.4-76.7,76.7-76.7h977.4
-			c42.4,0,76.7,34.4,76.7,76.7v977.4C1165.5,1131.1,1131.1,1165.5,1088.7,1165.5z"/>
-	</defs>
-	<clipPath id="SVGID_2_">
-		<use xlink:href="#SVGID_1_"  style="overflow:visible;"/>
-	</clipPath>
-	<g class="st0">
-		<linearGradient id="SVGID_3_" gradientUnits="userSpaceOnUse" x1="426.6738" y1="482.4993" x2="1284.413" y2="1239.9835">
-			<stop  offset="0" style="stop-color:#F77122"/>
-			<stop  offset="1" style="stop-color:#D6560A"/>
-		</linearGradient>
-		<polygon class="st1" points="573.6,1896.7 -87.9,1286.6 1204.5,-115 1866,495 		"/>
-		<linearGradient id="SVGID_4_" gradientUnits="userSpaceOnUse" x1="1128.9907" y1="-135.8044" x2="-496.2911" y2="788.1552">
-			<stop  offset="0" style="stop-color:#D6560A"/>
-			<stop  offset="1" style="stop-color:#F77122"/>
-		</linearGradient>
-		<polygon class="st2" points="-66.9,1307.6 -644.1,775.5 648.4,-626.1 1225.5,-94 		"/>
-
-			<rect x="-143.7" y="-143.6" transform="matrix(0.9658 -0.2591 0.2591 0.9658 -201.3159 92.1307)" class="st3" width="785" height="1906.5"/>
-	</g>
-</g>
-<g>
-	<path class="st4" d="M384.9,900.1H245.4v-45.3h85.6V345.2h-85.6v-45.3h139.5V900.1z"/>
-	<path class="st4" d="M745.7,463c-16.1,60.4-35,118.2-56.7,173.6c-21.7,55.4-42.7,105-62.9,148.8H574
-		c-20.3-43.8-41.2-93.4-62.9-148.8c-21.7-55.4-40.6-113.2-56.7-173.6h62c5,20.3,10.8,41.9,17.7,64.8s14,45.7,21.7,68.2
-		c7.6,22.5,15.4,44.3,23.2,65.4c7.8,21.1,15.3,39.9,22.3,56.4c7-16.5,14.5-35.3,22.3-56.4c7.8-21.1,15.6-42.9,23.2-65.4
-		c7.6-22.5,14.9-45.3,21.7-68.2s12.7-44.5,17.7-64.8H745.7z"/>
-	<path class="st4" d="M815.1,299.9h139.5v45.3h-85.6v509.6h85.6v45.3H815.1V299.9z"/>
-</g>
-</svg>
--- a/devtools/client/debugger/new/images/moz.build
+++ b/devtools/client/debugger/new/images/moz.build
@@ -1,69 +1,48 @@
 
 # -*- Mode: python; indent-tabs-mode: nil; tab-width: 40 -*-
 # vim: set filetype=python:
 # This Source Code Form is subject to the terms of the Mozilla Public
 # License, v. 2.0. If a copy of the MPL was not distributed with this
 # file, You can obtain one at http://mozilla.org/MPL/2.0/.
 
+DIRS += [
+  'sources',
+]
+
 DevToolsModules(
-    'aframe.svg',
-    'angular.svg',
     'arrow-down.svg',
     'arrow-up.svg',
     'arrow.svg',
-    'babel.svg',
-    'backbone.svg',
     'blackBox.svg',
     'breadcrumbs-divider.svg',
     'breakpoint.svg',
     'case-match.svg',
-    'choo.svg',
     'close.svg',
-    'coffeescript.svg',
     'command-chevron.svg',
     'disable-pausing.svg',
-    'dojo.svg',
-    'domain.svg',
-    'ember.svg',
-    'extension.svg',
-    'file.svg',
+    'file-small.svg',
     'folder.svg',
+    'globe-small.svg',
+    'globe.svg',
     'help.svg',
     'home.svg',
-    'immutable.svg',
-    'javascript.svg',
-    'jquery.svg',
     'loader.svg',
-    'lodash.svg',
-    'magnifying-glass.svg',
-    'marko.svg',
-    'mobx.svg',
     'next-circle.svg',
     'next.svg',
-    'nextjs.svg',
-    'nuxtjs.svg',
     'pane-collapse.svg',
     'pane-expand.svg',
     'pause.svg',
     'plus.svg',
-    'preact.svg',
     'prettyPrint.svg',
-    'pug.svg',
-    'react.svg',
-    'redux.svg',
     'regex-match.svg',
     'reload.svg',
     'resume.svg',
-    'rxjs.svg',
-    'sencha-extjs.svg',
+    'rewind.svg',
+    'search.svg',
     'stepIn.svg',
     'stepOut.svg',
     'stepOver.svg',
     'tab.svg',
-    'typescript.svg',
-    'underscore.svg',
-    'vuejs.svg',
-    'webpack.svg',
     'whole-word-match.svg',
     'worker.svg',
 )
--- a/devtools/client/debugger/new/images/next.svg
+++ b/devtools/client/debugger/new/images/next.svg
@@ -1,8 +1,8 @@
 <!-- This Source Code Form is subject to the terms of the Mozilla Public
    - License, v. 2.0. If a copy of the MPL was not distributed with this
    - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
 <svg version="1.1" xmlns:svg="http://www.w3.org/2000/svg"
      xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 16 16">
 <path d="M12.4,2.1c-0.3,0-0.5,0.2-0.5,0.5v4.8c0,0-0.1-0.1-0.1-0.1l-7.4-5C3.8,1.8,3,2.2,3,3v10c0,0.8,0.8,1.3,1.4,0.8l7.4-5
     c0.1,0,0.1-0.1,0.1-0.1v4.8c0,0.3,0.2,0.5,0.5,0.5s0.5-0.2,0.5-0.5v-11C12.9,2.3,12.7,2.1,12.4,2.1z M3.9,13V3l7.4,5L3.9,13z"/>
-</svg>
\ No newline at end of file
+</svg>
deleted file mode 100644
--- a/devtools/client/debugger/new/images/nextjs.svg
+++ /dev/null
@@ -1,17 +0,0 @@
-<!-- This Source Code Form is subject to the terms of the Mozilla Public
-   - License, v. 2.0. If a copy of the MPL was not distributed with this
-   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
-<svg viewBox="0 0 512 512" version="1.1" xmlns="http://www.w3.org/2000/svg" style="background: #FFFFFF;">
-    <title>Zeit - Black on white logo</title>
-    <defs>
-        <linearGradient x1="114.720775%" y1="181.283245%" x2="39.5399306%" y2="100%" id="linearGradient-1">
-            <stop stop-color="#FFFFFF" offset="0%"></stop>
-            <stop stop-color="#000000" offset="100%"></stop>
-        </linearGradient>
-    </defs>
-    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="Black-on-white" fill="url(#linearGradient-1)">
-            <polygon id="Triangle-3-Copy" points="254 156 367 356 141 356"></polygon>
-        </g>
-    </g>
-</svg>
deleted file mode 100644
--- a/devtools/client/debugger/new/images/nuxtjs.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-<!-- This Source Code Form is subject to the terms of the Mozilla Public
-   - License, v. 2.0. If a copy of the MPL was not distributed with this
-   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 1000 1000"><style>.st0{display:none}.st1{display:inline}.st2{fill:#222}.st3{fill:#41b883}.st4{fill:#328170}.st5{fill:#35495e}</style><g id="express" class="st0"><g class="st1"><path class="st2" d="M24.5 870.5v-376H494v-22H24.5v-343h499.1v-22H2.5v785H528v-22H24.5z"/><path class="st2" d="M951.3 327.4L756.7 583.6 566.5 327.4h-28.6l205.6 272.7-225.4 292.4h26.4l212.2-276 213.3 276h27.5L771 600l206.7-272.6h-26.4z"/></g></g><g id="nuxt"><path class="st3" d="M317.9 852H3.7l408.1-704 408.1 704H507.7"/><path class="st4" d="M779.8 852h216.5l-354-608.5-351 608.5h216.5"/><path class="st5" d="M651.2 852h159.5L549.9 403.8 291.3 852h159.5"/></g></svg>
--- a/devtools/client/debugger/new/images/plus.svg
+++ b/devtools/client/debugger/new/images/plus.svg
@@ -1,6 +1,6 @@
 <!-- This Source Code Form is subject to the terms of the Mozilla Public
    - License, v. 2.0. If a copy of the MPL was not distributed with this
    - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
-<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
-  <path d="M8.5 8.5V14a.5.5 0 1 1-1 0V8.5H2a.5.5 0 0 1 0-1h5.5V2a.5.5 0 0 1 1 0v5.5H14a.5.5 0 1 1 0 1H8.5z" fill-rule="evenodd"/>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">
+  <path d="M14 7H9V2a1 1 0 0 0-2 0v5H2a1 1 0 1 0 0 2h5v5a1 1 0 0 0 2 0V9h5a1 1 0 0 0 0-2z"/>
 </svg>
deleted file mode 100644
--- a/devtools/client/debugger/new/images/preact.svg
+++ /dev/null
@@ -1,11 +0,0 @@
-<!-- This Source Code Form is subject to the terms of the Mozilla Public
-   - License, v. 2.0. If a copy of the MPL was not distributed with this
-   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
-<svg width="256px" height="296px" viewBox="0 0 256 296" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid">
-	<g>
-		<polygon fill="#673AB8" points="128 0 256 73.8999491 256 221.699847 128 295.599796 0 221.699847 0 73.8999491"></polygon>
-		<path d="M34.8647584,220.478469 C51.8814262,242.25881 105.959701,225.662965 157.014868,185.774297 C208.070035,145.885628 237.255632,97.428608 220.238964,75.6482664 C203.222296,53.8679249 149.144022,70.4637701 98.0888543,110.352439 C47.0336869,150.241107 17.8480906,198.698127 34.8647584,220.478469 Z M42.1343351,214.798853 C36.4908625,207.575537 38.9565723,193.395881 49.7081913,175.544904 C61.0297348,156.747677 80.2490923,135.997367 103.76847,117.622015 C127.287848,99.2466634 152.071368,85.6181573 173.049166,79.1803727 C192.970945,73.066665 207.325915,74.1045667 212.969387,81.3278822 C218.61286,88.5511977 216.14715,102.730854 205.395531,120.581832 C194.073987,139.379058 174.85463,160.129368 151.335252,178.50472 C127.815874,196.880072 103.032354,210.508578 82.054556,216.946362 C62.1327769,223.06007 47.7778077,222.022168 42.1343351,214.798853 Z" fill="#FFFFFF"></path>
-		<path d="M220.238964,220.478469 C237.255632,198.698127 208.070035,150.241107 157.014868,110.352439 C105.959701,70.4637701 51.8814262,53.8679249 34.8647584,75.6482664 C17.8480906,97.428608 47.0336869,145.885628 98.0888543,185.774297 C149.144022,225.662965 203.222296,242.25881 220.238964,220.478469 Z M212.969387,214.798853 C207.325915,222.022168 192.970945,223.06007 173.049166,216.946362 C152.071368,210.508578 127.287848,196.880072 103.76847,178.50472 C80.2490923,160.129368 61.0297348,139.379058 49.7081913,120.581832 C38.9565723,102.730854 36.4908625,88.5511977 42.1343351,81.3278822 C47.7778077,74.1045667 62.1327769,73.066665 82.054556,79.1803727 C103.032354,85.6181573 127.815874,99.2466634 151.335252,117.622015 C174.85463,135.997367 194.073987,156.747677 205.395531,175.544904 C216.14715,193.395881 218.61286,207.575537 212.969387,214.798853 Z" fill="#FFFFFF"></path>
-		<path d="M127.551861,167.666971 C138.378632,167.666971 147.155465,158.890139 147.155465,148.063368 C147.155465,137.236596 138.378632,128.459764 127.551861,128.459764 C116.72509,128.459764 107.948257,137.236596 107.948257,148.063368 C107.948257,158.890139 116.72509,167.666971 127.551861,167.666971 L127.551861,167.666971 Z" fill="#FFFFFF"></path>
-	</g>
-</svg>
deleted file mode 100644
--- a/devtools/client/debugger/new/images/pug.svg
+++ /dev/null
@@ -1,118 +0,0 @@
-<!-- This Source Code Form is subject to the terms of the Mozilla Public
-   - License, v. 2.0. If a copy of the MPL was not distributed with this
-   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
-<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 viewBox="0 0 128 128" style="enable-background:new 0 0 128 128;" xml:space="preserve">
-<style type="text/css">
-	.st0{fill:#C1272D;}
-	.st1{fill:#EFCCA3;}
-	.st2{fill:#ED1C24;}
-	.st3{fill:#CCAC8D;}
-	.st4{fill:#FFFFFF;}
-	.st5{fill:#FF931E;}
-	.st6{fill:#FFB81E;}
-	.st7{fill:#56332B;}
-	.st8{fill:#442823;}
-	.st9{fill:#7F4A41;}
-	.st10{fill:#331712;}
-	.st11{fill:#FFCC66;}
-	.st12{fill:#CCCCCC;}
-	.st13{fill:#B3B3B3;}
-	.st14{fill:#989898;}
-	.st15{fill:#323232;}
-	.st16{fill:#1E1E1E;}
-	.st17{fill:#4C4C4C;}
-	.st18{fill:#E6E6E6;}
-	.st19{fill:#606060;}
-</style>
-<g>
-	<path class="st1" d="M107.4,50.9c-0.2-4.4,0.4-8.3-1.6-11.6c-4.8-8.2-16.8-13-40.8-13V27c0,0-0.5,0-0.5,0c0,0,0.5,0,0.5,0v-0.7
-		c-24,0-36.6,4.8-41.4,13.1c-1.9,3.4-1.7,7.2-2,11.6c-0.2,3.5-1.8,7.2-1.1,11.2c0.8,5.2,1.1,10.4,1.9,15.2c0.6,3.9,6,7.2,6.5,10.9
-		c1.4,10.2,12,14.9,36,14.9v0.8h-0.6h0.1H65v-0.8c24,0,34.2-4.7,35.5-14.9c0.5-3.8,5.5-7,6.1-10.9c0.8-4.8,1.1-10,1.9-15.2
-		C109.2,58.2,107.6,54.4,107.4,50.9z"/>
-	<path class="st3" d="M64.6,54.5c4.3,0.1,7.3,2.8,10.1,5.3c3.3,2.9,8.9,4.9,11.2,7.4c2.3,2.5,5.3,5,6.4,8.9
-		c1.1,3.9,1.4,8.9,1.4,10.2c0,1.3,0.7,1,2.7,0c4.7-2.3,9.9-8.5,9.9-8.5c-0.6,3.9-5.7,7.4-6.2,11.1C98.9,99.1,89,104,64.5,104h-0.1h0
-		H65"/>
-	<path class="st3" d="M80.4,46.7c0.9,3.1,4.1,13.6-2.1,10.1c0,0,2.6,1.5,4.2,7.2c1.7,5.7,5.8,6.4,5.8,6.4s6.7,1.3,11.7-3
-		c4.2-3.6,4.9-10,3.1-14.9c-1.8-4.8-5-6.3-9.7-7.3C88.7,44.1,79.3,43.2,80.4,46.7z"/>
-	<g>
-		<circle cx="92.3" cy="58.1" r="8.8"/>
-		<circle class="st4" cx="90" cy="54.2" r="2.3"/>
-	</g>
-	<path class="st1" d="M78.9,57.7c0,0,7.9,5.4,12.2,10.7c4.3,5.3,4.2,6.3,4.2,6.3l-3.1,1.4c0,0-4.4-8.3-9.8-11.4
-		c-5.5-3.1-6.1-5.7-6.1-5.7L78.9,57.7z"/>
-	<path class="st3" d="M64.9,54.5c-4.3,0.1-7.5,2.8-10.4,5.3c-3.3,2.9-9.1,4.9-11.4,7.4c-2.3,2.5-5.4,5-6.5,8.9
-		c-1.1,3.9-1.5,8.9-1.5,10.2c0,1.3,0.2,1.4-2.7,0c-4.7-2.2-9.9-8.5-9.9-8.5c0.6,3.9,5.7,7.4,6.2,11.1C30.1,99.1,40,104,64.5,104h0.1
-		h0H65"/>
-	<path class="st7" d="M88.1,71.4C83.3,65.5,75.6,60,64.9,60h-0.1h0c-10.7,0-18.4,5.5-23.2,11.4c-5,6.1-4.6,8.5-4.6,14.3
-		c0,21,7.4,15,12.3,17.6c5,2.5,10.2,1.7,15.5,1.7h0h0.1c5.4,0,10.5,0.7,15.5-1.8c4.9-2.5,12.3,3.7,12.3-17.3
-		C92.8,80.1,93.1,77.5,88.1,71.4z"/>
-	<path class="st8" d="M64.4,65.2c0,0-0.7,9.7-2.1,11.6l2.6-0.6L64.4,65.2z"/>
-	<path class="st8" d="M65.1,65.2c0,0,0.7,9.7,2.1,11.6l-2.6-0.6L65.1,65.2z"/>
-	<path class="st7" d="M56.7,62.9c-1-2.3,2.6-6,8.3-6.1c5.7,0,9.3,3.7,8.3,6.1c-1,2.4-4.6,3.1-8.3,3.2C61.4,66,57.7,65.3,56.7,62.9z"
-		/>
-	<path d="M65,65.2c0-0.4,3.4-0.5,5.2-1.7c0,0-3.7,1.2-4.5,0.7c-0.8-0.4-1-1.6-1-1.6s-0.3,1.2-0.9,1.6c-0.7,0.4-4.9-0.7-4.9-0.7
-		s5.6,1.4,5.6,1.7c0,0.3-0.1,1.3-0.1,2c0,2.5,0,8.7,0.4,9.2c0.6,0.9,0.4-6.7,0.4-9.2C65.1,66.4,65.1,65.6,65,65.2z"/>
-	<path class="st9" d="M65.2,78.6c1.7,0,4.7,1.2,7.4,3.1c-2.6-2.9-5.7-4.9-7.4-4.9c-1.8,0-5.6,2.2-8.3,5.4
-		C59.7,80,63.3,78.6,65.2,78.6z"/>
-	<path class="st8" d="M64.5,96.3c-3.8,0-7.5-1.2-10.9-2.1c-0.7-0.2-1.4,0.3-2.1,0.1c-6.3-2-11.4-5.4-14.5-9.7c0,0.3,0,0.7,0,1
-		c0,21,7.4,15.1,12.3,17.6c5,2.5,10.2,1.7,15.5,1.7h0h0.1c5.4,0,10.5,0.7,15.5-1.8c4.9-2.5,12.3,3.6,12.3-17.4c0-0.8,0-1.6,0.1-2.3
-		c-2.9,4.7-8.2,8.4-14.8,10.6c-0.6,0.2-2-0.3-2.6-0.2C71.8,95,68.6,96.3,64.5,96.3z"/>
-	<path class="st8" d="M55,85c0,0-2.5,7.5-0.8,10.8l-2.3-1C51.9,94.8,53.6,87.2,55,85z"/>
-	<path class="st8" d="M74.8,85c0,0,2.5,7.5,0.8,10.8l2.3-1C77.9,94.8,76.1,87.2,74.8,85z"/>
-	<path class="st3" d="M48.6,46.7c-0.9,3.1-4.1,13.6,2.1,10.1c0,0-2.6,1.5-4.2,7.2s-5.8,6.4-5.8,6.4s-6.7,1.3-11.7-3
-		c-4.2-3.6-4.9-10-3.1-14.9s5-6.3,9.7-7.3C40.3,44.1,49.6,43.2,48.6,46.7z"/>
-	<path d="M64.9,76.8c2.7,0,11.1,5.8,11.2,12.9c0-0.1,0-0.2,0-0.4c0-7.4-6.8-13.3-11.2-13.3c-4.4,0-11.2,6-11.2,13.3
-		c0,0.1,0,0.2,0,0.4C53.8,82.6,62.2,76.8,64.9,76.8z"/>
-	<g>
-
-			<ellipse transform="matrix(0.9683 -0.2497 0.2497 0.9683 -13.2339 18.6065)" class="st10" cx="66.7" cy="61.5" rx="0.8" ry="1.5"/>
-
-			<ellipse transform="matrix(0.9551 0.2963 -0.2963 0.9551 21.0115 -15.7209)" class="st10" cx="62.4" cy="61.5" rx="0.8" ry="1.5"/>
-	</g>
-	<g>
-		<circle cx="37.2" cy="58.1" r="8.8"/>
-		<circle class="st4" cx="39.5" cy="54.2" r="2.3"/>
-	</g>
-	<g>
-		<path class="st9" d="M67.5,58.2c0-0.1-2.3,1-2.9,1.1c-0.6-0.1-2.9-1.2-2.9-1.1c0,0,1.9,0,2.9,0C65.6,58.2,67.5,58.2,67.5,58.2z"/>
-	</g>
-	<path class="st1" d="M50,57.7c0,0-7.9,5.4-12.2,10.7c-4.3,5.3-4.2,6.3-4.2,6.3l3.1,1.4c0,0,4.4-8.3,9.8-11.4s6.1-5.7,6.1-5.7
-		L50,57.7z"/>
-	<path class="st3" d="M32.7,41.7c0,0-2.7,7.4-8.7,10.5C24,52.2,33.4,51.1,32.7,41.7z"/>
-	<path class="st3" d="M95.8,41.7c0,0,2.7,7.4,8.7,10.5C104.5,52.2,95.1,51.1,95.8,41.7z"/>
-	<path class="st3" d="M78.7,55.5c0,0-5.9-6.2-13.8-6.4l0,0c-0.1,0,0.2,0,0.1,0c-0.1,0,0.1,0,0.1,0v0c-8,0.2-13.8,6.4-13.8,6.4
-		c6.9-4.8,12.8-4.7,13.8-4.7v0c0,0,0,0,0,0c0,0,0,0,0,0v0C65,50.8,71.8,50.7,78.7,55.5z"/>
-	<path class="st3" d="M71.8,42.5c0,0-3-4.2-7-4.3l0,0c0,0,0.1,0,0.1,0c0,0,0.1,0,0.1,0v0c-3,0.1-6.9,4.3-6.9,4.3
-		c3.4-3.3,6.9-3.2,6.9-3.2v0c0,0,0,0,0,0c0,0,0,0,0,0v0C65,39.3,68.3,39.2,71.8,42.5z"/>
-	<path class="st3" d="M37.2,73.2c0,0-4.7,2.3-8.1,0.9l0,0c0,0-0.1,0-0.1,0c0,0,0,0,0,0v0c-3-1.7-4.5-6.8-4.5-6.8
-		S27.5,76.3,37.2,73.2z"/>
-	<path class="st3" d="M92,73.2c0,0,4.7,2.3,8.1,0.9l0,0c0,0,0,0,0,0c0,0,0,0,0,0v0c4-1.7,4.6-6.8,4.6-6.8S101.7,76.3,92,73.2z"/>
-	<g>
-		<path class="st3" d="M42.6,41.2c2.6-0.5,6.9-0.6,10.3,0.5c4.3,1.5,0.8,7,1.7,7.3c0.9,0.3,2.1-3.8,10.1-3.4c8.1,0.4,9,4,10.1,3.4
-			s-1.1-10,11-7.8c0,0-12.7-3.4-12.1,5.8c0,0-7.3-5.6-17.5-0.6C56.3,46.4,58.9,37.8,42.6,41.2z"/>
-	</g>
-	<path class="st3" d="M86.9,41.2c0.2,0,0.3,0.1,0.4,0.1C87.4,41.3,87.2,41.2,86.9,41.2z"/>
-	<path class="st3" d="M86.9,41.2C86.9,41.2,86.9,41.2,86.9,41.2C86.9,41.2,86.9,41.2,86.9,41.2z"/>
-	<path class="st3" d="M39.1,28.9c0,0-10.8,13.6-12.4,18.8c-1.6,5.3-2.8,27-4.2,30.1l-5-21.4l9.2-22.3L39.1,28.9z"/>
-	<path class="st3" d="M89.9,28.9c0,0,10.8,13.6,12.4,18.8c1.6,5.3,2.8,27,4.2,30.1l5-21.4l-9.2-22.3L89.9,28.9z"/>
-	<path class="st7" d="M89.4,28.9c0,0,11.6,9.7,15,20.9c3.4,11.2,2,24.8,4.6,26.5c3.7,2.4,7.9-11.9,9.3-13.4c2.2-2.4,9.5-8.5,10-9.6
-		c0.5-1.1-14.8-17.8-21.5-21.1C98.7,28.4,88.7,28.1,89.4,28.9z"/>
-	<path class="st8" d="M99.3,34.9c0,0,13.7,17.5,13.5,39.3l5.5-11.2C118.2,63,113.4,48.7,99.3,34.9z"/>
-	<path class="st7" d="M39.1,28.9c0,0-11.6,9.7-15,20.9s-2,24.8-4.6,26.5c-3.7,2.4-7.9-11.9-9.3-13.4c-2.2-2.4-9.5-8.5-10-9.6
-		c-0.5-1.1,14.8-17.8,21.5-21.1C29.8,28.4,39.8,28.1,39.1,28.9z"/>
-	<path class="st8" d="M29.2,34.9c0,0-13.7,17.5-13.5,39.3L10.3,63C10.3,63,15.1,48.7,29.2,34.9z"/>
-	<path class="st3" d="M21.8,74.6c0,0,1,5.4,2.6,7.1s0.5-1.3,0.5-1.3s-1.7-0.9-1.4-7.8S21.8,74.6,21.8,74.6z"/>
-	<path class="st3" d="M107.1,74.6c0,0-1,5.4-2.6,7.1s-0.5-1.3-0.5-1.3s1.7-0.9,1.4-7.8S107.1,74.6,107.1,74.6z"/>
-	<g>
-		<circle class="st8" cx="54.5" cy="70.5" r="0.8"/>
-		<circle class="st8" cx="49.9" cy="75.3" r="0.8"/>
-		<circle class="st8" cx="48.4" cy="70.5" r="0.8"/>
-	</g>
-	<g>
-		<circle class="st8" cx="74" cy="70.5" r="0.8"/>
-		<circle class="st8" cx="78.6" cy="75.3" r="0.8"/>
-		<circle class="st8" cx="80.1" cy="70.5" r="0.8"/>
-	</g>
-</g>
-</svg>
deleted file mode 100644
--- a/devtools/client/debugger/new/images/react.svg
+++ /dev/null
@@ -1,8 +0,0 @@
-<!-- This Source Code Form is subject to the terms of the Mozilla Public
-   - License, v. 2.0. If a copy of the MPL was not distributed with this
-   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="32" viewBox="0 -2.5 34 32">
-<path d="M19.314 15.987c0 1.321-1.071 2.392-2.392 2.392s-2.392-1.071-2.392-2.392c0-1.321 1.071-2.392 2.392-2.392s2.392 1.071 2.392 2.392z"></path>
-<path d="M16.922 24.783c1.878 1.826 3.729 2.906 5.221 2.906 0.489 0 0.952-0.103 1.337-0.334 1.337-0.772 1.826-2.701 1.363-5.453-0.077-0.489-0.18-0.977-0.309-1.492 0.514-0.154 0.977-0.309 1.44-0.463 2.598-1.003 4.038-2.392 4.038-3.909 0-1.543-1.44-2.932-4.038-3.909-0.463-0.18-0.926-0.334-1.44-0.463 0.129-0.514 0.232-1.003 0.309-1.492 0.437-2.803-0.051-4.758-1.389-5.53-0.386-0.231-0.849-0.334-1.337-0.334-1.466 0-3.344 1.080-5.221 2.906-1.852-1.826-3.704-2.906-5.195-2.906-0.489 0-0.952 0.103-1.337 0.334-1.337 0.772-1.826 2.701-1.363 5.453 0.077 0.489 0.18 0.977 0.309 1.492-0.514 0.154-0.977 0.309-1.44 0.463-2.598 1.003-4.038 2.392-4.038 3.909 0 1.543 1.44 2.932 4.038 3.909 0.463 0.18 0.926 0.334 1.44 0.463-0.129 0.514-0.232 1.003-0.309 1.492-0.437 2.752 0.051 4.707 1.363 5.453 0.386 0.232 0.849 0.334 1.337 0.334 1.492 0.051 3.344-1.029 5.221-2.829v0zM15.481 21.311c0.463 0.026 0.952 0.026 1.44 0.026s0.977 0 1.44-0.026c-0.463 0.617-0.952 1.183-1.44 1.723-0.489-0.54-0.977-1.106-1.44-1.723zM12.292 18.662c0.257 0.437 0.489 0.849 0.772 1.26-0.797-0.103-1.543-0.232-2.263-0.386 0.232-0.694 0.489-1.415 0.797-2.135 0.206 0.411 0.437 0.849 0.694 1.26zM10.8 12.463c0.72-0.154 1.466-0.283 2.263-0.386-0.257 0.412-0.514 0.823-0.772 1.26s-0.489 0.849-0.694 1.286c-0.334-0.746-0.592-1.466-0.797-2.161zM12.215 15.987c0.334-0.694 0.694-1.389 1.106-2.083 0.386-0.669 0.823-1.337 1.26-2.006 0.772-0.051 1.543-0.077 2.341-0.077 0.823 0 1.595 0.026 2.341 0.077 0.463 0.669 0.874 1.337 1.26 2.006 0.412 0.694 0.772 1.389 1.106 2.083-0.334 0.694-0.694 1.389-1.106 2.083-0.386 0.669-0.823 1.337-1.26 2.006-0.772 0.051-1.543 0.077-2.341 0.077-0.823 0-1.595-0.026-2.341-0.077-0.463-0.669-0.874-1.337-1.26-2.006-0.412-0.695-0.772-1.389-1.106-2.083v0zM22.272 14.598l-0.694-1.286c-0.257-0.437-0.489-0.849-0.772-1.26 0.797 0.103 1.543 0.232 2.263 0.386-0.231 0.72-0.489 1.44-0.797 2.161v0zM22.272 17.376c0.309 0.72 0.566 1.44 0.797 2.135-0.72 0.154-1.466 0.283-2.263 0.386 0.257-0.412 0.514-0.823 0.772-1.26 0.232-0.386 0.463-0.823 0.694-1.26v0zM22.863 26.301c-0.206 0.129-0.463 0.18-0.746 0.18-1.26 0-2.829-1.029-4.372-2.572 0.746-0.797 1.466-1.698 2.186-2.701 1.209-0.103 2.366-0.283 3.447-0.54 0.129 0.463 0.206 0.926 0.283 1.389 0.36 2.186 0.077 3.755-0.797 4.244zM24.201 12.746c2.881 0.823 4.604 2.083 4.604 3.241 0 1.003-1.183 2.006-3.266 2.804-0.412 0.154-0.874 0.309-1.337 0.437-0.334-1.055-0.746-2.135-1.26-3.241 0.514-1.106 0.952-2.186 1.26-3.241v0zM22.143 5.493c0.283 0 0.514 0.051 0.746 0.18 0.849 0.489 1.157 2.032 0.797 4.244-0.077 0.437-0.18 0.9-0.283 1.389-1.080-0.232-2.238-0.412-3.447-0.54-0.694-1.003-1.44-1.903-2.186-2.701 1.543-1.518 3.112-2.572 4.372-2.572zM18.362 10.663c-0.463-0.026-0.952-0.026-1.44-0.026s-0.977 0-1.44 0.026c0.463-0.617 0.952-1.183 1.44-1.723 0.489 0.54 0.977 1.132 1.44 1.723v0zM10.98 5.673c0.206-0.129 0.463-0.18 0.746-0.18 1.26 0 2.829 1.029 4.372 2.572-0.746 0.797-1.466 1.697-2.186 2.701-1.209 0.103-2.366 0.283-3.447 0.54-0.129-0.463-0.206-0.926-0.283-1.389-0.36-2.186-0.077-3.729 0.797-4.244v0zM9.643 19.228c-2.881-0.823-4.604-2.083-4.604-3.241 0-1.003 1.183-2.006 3.266-2.803 0.412-0.154 0.874-0.309 1.337-0.437 0.334 1.055 0.746 2.135 1.26 3.241-0.514 1.106-0.952 2.212-1.26 3.241zM10.183 22.057c0.077-0.437 0.18-0.9 0.283-1.389 1.080 0.232 2.238 0.412 3.447 0.54 0.694 1.003 1.44 1.903 2.186 2.701-1.543 1.517-3.112 2.572-4.372 2.572-0.283 0-0.514-0.051-0.746-0.18-0.875-0.489-1.157-2.058-0.797-4.244z"></path>
-</svg>
deleted file mode 100644
--- a/devtools/client/debugger/new/images/redux.svg
+++ /dev/null
@@ -1,10 +0,0 @@
-<!-- This Source Code Form is subject to the terms of the Mozilla Public
-   - License, v. 2.0. If a copy of the MPL was not distributed with this
-   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
-  <g fill="#764ABC">
-    <path d="M65.6 65.4c2.9-.3 5.1-2.8 5-5.8-.1-3-2.6-5.4-5.6-5.4h-.2c-3.1.1-5.5 2.7-5.4 5.8.1 1.5.7 2.8 1.6 3.7-3.4 6.7-8.6 11.6-16.4 15.7-5.3 2.8-10.8 3.8-16.3 3.1-4.5-.6-8-2.6-10.2-5.9-3.2-4.9-3.5-10.2-.8-15.5 1.9-3.8 4.9-6.6 6.8-8-.4-1.3-1-3.5-1.3-5.1-14.5 10.5-13 24.7-8.6 31.4 3.3 5 10 8.1 17.4 8.1 2 0 4-.2 6-.7 12.8-2.5 22.5-10.1 28-21.4z"/>
-    <path d="M83.2 53c-7.6-8.9-18.8-13.8-31.6-13.8H50c-.9-1.8-2.8-3-4.9-3h-.2c-3.1.1-5.5 2.7-5.4 5.8.1 3 2.6 5.4 5.6 5.4h.2c2.2-.1 4.1-1.5 4.9-3.4H52c7.6 0 14.8 2.2 21.3 6.5 5 3.3 8.6 7.6 10.6 12.8 1.7 4.2 1.6 8.3-.2 11.8-2.8 5.3-7.5 8.2-13.7 8.2-4 0-7.8-1.2-9.8-2.1-1.1 1-3.1 2.6-4.5 3.6 4.3 2 8.7 3.1 12.9 3.1 9.6 0 16.7-5.3 19.4-10.6 2.9-5.8 2.7-15.8-4.8-24.3z"/>
-    <path d="M32.4 67.1c.1 3 2.6 5.4 5.6 5.4h.2c3.1-.1 5.5-2.7 5.4-5.8-.1-3-2.6-5.4-5.6-5.4h-.2c-.2 0-.5 0-.7.1-4.1-6.8-5.8-14.2-5.2-22.2.4-6 2.4-11.2 5.9-15.5 2.9-3.7 8.5-5.5 12.3-5.6 10.6-.2 15.1 13 15.4 18.3 1.3.3 3.5 1 5 1.5-1.2-16.2-11.2-24.6-20.8-24.6-9 0-17.3 6.5-20.6 16.1-4.6 12.8-1.6 25.1 4 34.8-.5.7-.8 1.8-.7 2.9z"/>
-  </g>
-</svg>
--- a/devtools/client/debugger/new/images/resume.svg
+++ b/devtools/client/debugger/new/images/resume.svg
@@ -1,6 +1,6 @@
 <!-- This Source Code Form is subject to the terms of the Mozilla Public
    - License, v. 2.0. If a copy of the MPL was not distributed with this
    - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
-<svg  xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
-  <path fill="black" id="svg_1" fill-rule="evenodd" d="m4.55195,12.97461l7.4,-5l-7.4,-5l0,10zm-0.925,0l0,-10c0,-0.785 0.8,-1.264 1.415,-0.848l7.4,5c0.58,0.392 0.58,1.304 0,1.696l-7.4,5c-0.615,0.416 -1.415,-0.063 -1.415,-0.848z"/>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">
+<path d="M5 3v10l7-5-7-5zM4 3c0-.81.92-1.31 1.58-.84l7 5.03a1 1 0 0 1 0 1.62l-7 5.03C4.92 14.31 4 13.81 4 13V3z"/>
 </svg>
new file mode 100644
--- /dev/null
+++ b/devtools/client/debugger/new/images/rewind.svg
@@ -0,0 +1,6 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+   - License, v. 2.0. If a copy of the MPL was not distributed with this
+   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">
+  <path d="M12 13V3L5 8l7 5zm1 0c0 .81-.92 1.31-1.58.84l-7-5.03a1 1 0 0 1 0-1.62l7-5.03c.66-.47 1.58.03 1.58.84v10z"/>
+</svg>
deleted file mode 100644
--- a/devtools/client/debugger/new/images/rxjs.svg
+++ /dev/null
@@ -1,35 +0,0 @@
-<!-- This Source Code Form is subject to the terms of the Mozilla Public
-   - License, v. 2.0. If a copy of the MPL was not distributed with this
-   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
-<svg width="256px" height="247px" viewBox="0 0 256 247" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid">
-    <defs>
-        <radialGradient cx="78.7636112%" cy="37.8476394%" fx="78.7636112%" fy="37.8476394%" r="89.8725577%" id="radialGradient-1">
-            <stop stop-color="#F80090" offset="0%"></stop>
-            <stop stop-color="#4D008E" offset="100%"></stop>
-        </radialGradient>
-        <radialGradient cx="68.7389016%" cy="4.39833672%" fx="68.7389016%" fy="4.39833672%" r="81.7284786%" id="radialGradient-2">
-            <stop stop-color="#57008E" offset="0%"></stop>
-            <stop stop-color="#5C008E" offset="29.1746283%"></stop>
-            <stop stop-color="#F80090" offset="100%"></stop>
-        </radialGradient>
-        <linearGradient x1="18.2386532%" y1="0%" x2="81.1591125%" y2="84.3374763%" id="linearGradient-3">
-            <stop stop-color="#F70090" offset="0%"></stop>
-            <stop stop-color="#E50090" offset="66.9712865%"></stop>
-            <stop stop-color="#D6008F" stop-opacity="0.2" offset="82.7147533%"></stop>
-            <stop stop-color="#C10090" stop-opacity="0" offset="100%"></stop>
-        </linearGradient>
-        <linearGradient x1="64.9060589%" y1="71.5585538%" x2="44.2897699%" y2="50%" id="linearGradient-4">
-            <stop stop-color="#B2008F" stop-opacity="0.151340138" offset="0%"></stop>
-            <stop stop-color="#F70090" stop-opacity="0.4" offset="40.0350765%"></stop>
-            <stop stop-color="#F60090" stop-opacity="0.891668" offset="64.8995536%"></stop>
-            <stop stop-color="#FF0090" offset="100%"></stop>
-        </linearGradient>
-    </defs>
-	<g>
-		<path d="M16.6852208,157.125328 C3.56690702,87.3798324 38.2363025,20.1145078 117.808706,11.1662199 C106.835616,-0.558801732 91.8452087,-0.646905628 84.9481697,0.779380087 C72.770288,4.66044372 73.1525932,12.540855 59.3390152,22.7199675 C45.6064437,30.5634307 38.7094156,24.5568182 28.7057455,32.6879515 C18.7234849,40.7583874 25.6888528,59.2851732 21.5022823,62.8870857 C17.3464381,70.0905489 4.45500952,76.5077264 2.10834286,85.6062545 C0.168948918,97.2420641 7.37241212,105.553752 7.09535584,115.527778 C7.92652468,123.839467 -1.17920693,128.539449 0.129052814,135.275796 C4.0477368,146.281025 11.600845,152.904887 15.1615723,155.958047 C15.9781085,156.533531 16.8404881,157.95083 16.6852208,157.125328 L16.6852208,157.125328 Z" fill="#FF0090"></path>
-		<path d="M158.275491,60.578542 C155.368486,60.578542 153.011422,58.2214776 153.011422,55.3144727 C153.011422,52.4074679 155.368486,50.0504035 158.275491,50.0504035 C161.182496,50.0504035 163.53956,52.4074679 163.53956,55.3144727 C163.53956,58.2214776 161.182496,60.578542 158.275491,60.578542 L158.275491,60.578542 Z M19.7566405,164.732808 C7.1500258,104.116773 46.1602355,53.4676156 121.704062,78.4026805 C166.031404,104.334594 221.793282,102.646102 224.307422,85.8832 C230.514061,65.7878769 196.047681,24.3767065 144.515214,13.5715117 C42.2814476,-6.37654026 -12.8335943,104.116774 19.7566405,164.732808 L19.7566405,164.732808 Z" fill="url(#radialGradient-1)"></path>
-		<path d="M187.458604,171.493257 C202.639072,173.137863 217.048769,169.494573 230.402327,158.61014 C210.228197,181.112651 185.002777,192.426521 156.059262,195.505171 C169.878829,207.254019 183.20579,212.546348 195.955366,210.281136 C160.528734,220.05679 130.847947,209.296529 94.7424273,173.340673 C92.8517347,183.020022 103.074741,198.100667 113.611745,207.727264 C52.4742909,181.221845 47.1143627,98.6544556 121.66531,78.3442237 C44.3844415,41.214641 0.686373501,113.357693 22.1558444,172.485931 C43.1623368,218.026693 99.1402667,253.085223 160.492163,245.3753 C190.292928,241.7251 234.79401,221.178935 252.973664,172.485931 C240.160919,183.983766 217.257941,193.997836 207.037617,194.765984 C241.628648,177.478781 260.301586,148.103896 255.060336,107.955387 C247.895106,125.013742 238.441392,138.114625 226.616076,147.112305 C251.735653,107.955387 247.425219,87.716426 228.832526,65.4732398 C242.131228,102.044668 224.928249,142.633967 187.458604,171.493257 L187.458604,171.493257 Z" fill="url(#radialGradient-2)"></path>
-		<path d="M169.707072,213.625541 C167.082407,213.13513 175.656929,217.098842 159.079366,212.710316 C142.501804,208.32179 125.622502,204.092744 94.7424273,173.340673 C92.8517347,183.020022 103.074741,198.100667 113.611745,207.727264 C142.056275,227.564927 122.711866,218.286797 166.051946,233.269481 C169.52976,226.346862 169.707072,220.195346 169.707072,213.625541 L169.707072,213.625541 Z" fill="url(#linearGradient-3)"></path>
-		<path d="M114.601372,57.8510108 C114.601372,57.8510108 118.369452,52.2893628 119.836219,49.7810251 C121.633641,46.7072319 124.393939,41.104618 124.393939,41.104618 C124.393939,41.104618 95.389611,31.6417749 88.2716448,30.4871665 C66.1450215,36.2308801 66.0645022,45.5009559 78.435065,59.690116 C79.8114806,61.2693368 114.601372,57.8510108 114.601372,57.8510108 L114.601372,57.8510108 Z" fill="url(#linearGradient-4)"></path>
-	</g>
-</svg>
new file mode 100644
--- /dev/null
+++ b/devtools/client/debugger/new/images/search.svg
@@ -0,0 +1,6 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+   - License, v. 2.0. If a copy of the MPL was not distributed with this
+   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">
+  <path d="M14.293 15.707a1.01 1.01 0 0 0 1.402-.012 1.01 1.01 0 0 0 .012-1.402L10.89 9.476a6 6 0 1 0-1.414 1.414l4.817 4.817zM8.828 8.828a4 4 0 1 1-5.656-5.656 4 4 0 0 1 5.656 5.656z"/>
+</svg>
deleted file mode 100644
--- a/devtools/client/debugger/new/images/sencha-extjs.svg
+++ /dev/null
@@ -1,48 +0,0 @@
-<!-- This Source Code Form is subject to the terms of the Mozilla Public
-   - License, v. 2.0. If a copy of the MPL was not distributed with this
-   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
-<svg
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:xlink="http://www.w3.org/1999/xlink"
-   version="1.1"
-   id="svg2"
-   viewBox="0 0 34 34"
-   height="34"
-   width="34">
-  <defs
-     id="defs4">
-    <linearGradient
-       id="linearGradient4275">
-      <stop
-         id="stop4277"
-         offset="0"
-         style="stop-color:#006e00;stop-opacity:1" />
-      <stop
-         style="stop-color:#00cc00;stop-opacity:1;"
-         offset="0.55349338"
-         id="stop4283" />
-      <stop
-         id="stop4279"
-         offset="1"
-         style="stop-color:#eeff2a;stop-opacity:1" />
-    </linearGradient>
-    <linearGradient
-       gradientTransform="matrix(0.03267513,0,0,0.03267513,5.555801,1018.6805)"
-       gradientUnits="userSpaceOnUse"
-       y2="275.13159"
-       x2="162.84953"
-       y1="823.703"
-       x1="555.89331"
-       id="linearGradient4281"
-       xlink:href="#linearGradient4275" />
-  </defs>
-  <g
-     transform="translate(0,-1018.3622)"
-     id="layer1">
-    <path
-       id="path4136"
-       d="m 13.661978,1019.0545 c -9.6447445,1.1926 -10.316754,13.2244 -4.2596149,18.1959 6.0571409,4.9714 13.9697969,9.3171 10.7466029,14.4295 9.372821,-1.0092 10.165143,-10.5469 5.793842,-15.3419 -4.371301,-4.7949 -17.4582341,-10.442 -12.28083,-17.2835 z"
-       style="opacity:1;fill:url(#linearGradient4281);fill-opacity:1;stroke:#000080;stroke-width:0.29986507;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
-  </g>
-</svg>
new file mode 100644
--- /dev/null
+++ b/devtools/client/debugger/new/images/sources/aframe.svg
@@ -0,0 +1,6 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+   - License, v. 2.0. If a copy of the MPL was not distributed with this
+   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">
+  <path d="M5.01 2.36L1.5 14h2.86l.58-2.5h3.41l.6 2.5h2.92L10.5 9.5H5.4l1.23-5.14v-2H5.01zM5.74 2.88l1.7 2.65 2.65-1.7-1.7-2.66-2.65 1.7zM10 10.34l2.95-2.35-2.35-2.95-2.95 2.35L10 10.34zM14.5 1.4L10.82.56 10 4.25l3.68.82.82-3.68z" fill="#EF2D5E"/>
+</svg>
new file mode 100644
--- /dev/null
+++ b/devtools/client/debugger/new/images/sources/angular.svg
@@ -0,0 +1,8 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+   - License, v. 2.0. If a copy of the MPL was not distributed with this
+   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">
+  <path d="M.97 3.07L7.9.6l7.12 2.43-1.15 9.18-5.97 3.3-5.88-3.26L.97 3.07z" fill="#E23237"/>
+  <path d="M15.03 3.03L7.91.6v14.91l5.97-3.3 1.15-9.18z" fill="#B52E31"/>
+  <path d="M7.92 2.34l-4.33 9.62 1.62-.03.87-2.17h3.88l.95 2.2 1.54.03-4.53-9.65zm0 3.08L9.4 8.48H6.64l1.29-3.06z" fill="#fff"/>
+</svg>
new file mode 100644
--- /dev/null
+++ b/devtools/client/debugger/new/images/sources/babel.svg
@@ -0,0 +1,6 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+   - License, v. 2.0. If a copy of the MPL was not distributed with this
+   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">
+  <path d="M8.71 2.45c-.68.17-1.36.37-2.02.65-.05.03-.15.02-.17.06-.18.19-.5.3-.69.46a1.5 1.5 0 0 1-.28.17c-.06.02-.33.16-.33.23 0 .06.37 0 .37.04l-.27.24c-.24.2-.51.46-.8.57-.06.02-.27.33-.55.33-.08 0-.08 0-.08.27v.26c.12 0 .35.16.43.13.19-.1.34-.3.5-.44.16-.12.2-.04.34 0 .04 0 .1-.01.2-.08.34-.22.83-.65 1.24-.76.07 0 .2-.1.24.03.02.08-.16.6-.34 1-.37.8-.67 1.64-1.03 2.44l-1.04 2.27c-.24.53-1.06 2.17-1.19 2.4-.16.28-.31.57-.48.85-.04.07 0 .5.04.57.13.16.4-.18.53-.05.12.1-.3.65-.33.82-.02.1.06.1.16-.03.2-.25.2-.25.12-.05-.13.28-.16.42-.11.42.1 0 .56-.61.8-1.04.1-.17.13-.2.3-.22.26-.1.55-.16.8-.27.6-.23 1.19-.51 1.81-.65 1.02-.46 1.71-.88 2.58-1.5.44-.32.87-.6 1.28-.95.77-.65 1.2-1.34 1.25-2.02a.58.58 0 0 0-.07-.35c-.1-.2-.22-.37-.36-.54-.1-.1-.38-.35-.38-.47 0-.28 1.24-1.03 1.36-1.14.15-.13.31-.3.36-.35.19-.28.33-.83.36-1.38.01-.35-.14-.6-.27-.88-.2-.34-.51-.6-.88-.76a3.5 3.5 0 0 0-1.21-.4c-.2-.03-.43 0-.63-.05-.44-.1-1.18.08-1.56.17zm1.3 1.38c.15 0 .93-.12.93-.03 0 .03.4.08.5.35.04.1.12.1.1 0-.03-.14.02-.17.15-.1.13.1.14.1.07.29-.07.2-.22.34-.22.2 0-.05-.1-.1-.1-.02-.04.28-.2.46-.37.68-.35.46-.9.9-1.4 1.2-.38.28-.82.38-1.26.56l-.92.39c-.07.02-.07 0-.04-.07.11-.3.21-.86.41-1.08.03-.03.15-.3.28-.57l.65-1.46c.05-.13.12-.24.14-.24.06 0 .23-.1.3-.1.22-.07.5.02.79 0h-.01zm.25 4.7a3.2 3.2 0 0 1-.32.76c-.24.35-.69.6-1.03.87-.52.4-1.08.82-1.68 1.1-.47.33-.99.53-1.5.78l-.39.18c-.05 0-.39.13-.38.1l.8-1.6c.44-.88.81-1.6.83-1.61.1-.08.33-.07.46-.1.82-.16 1.52-.61 2.18-.65.3-.01.79.08 1.03.17z"/>
+</svg>
new file mode 100644
--- /dev/null
+++ b/devtools/client/debugger/new/images/sources/backbone.svg
@@ -0,0 +1,6 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+   - License, v. 2.0. If a copy of the MPL was not distributed with this
+   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">
+  <path d="M8 4.64L3 1.79V14.2l5-2.85 5 2.85V1.8L8 4.64zM5.5 8L8 6.58 10.5 8 8 9.42 5.5 8zm-.85-3.48l1.79 1.01-1.79 1.02V4.52zm0 4.93l1.65.94-1.65.94V9.45zm6.7 1.88l-1.65-.94 1.65-.94v1.88zm-1.79-5.8l1.78-1.01v2.03L9.56 5.53z"/>
+</svg>
new file mode 100644
--- /dev/null
+++ b/devtools/client/debugger/new/images/sources/choo.svg
@@ -0,0 +1,14 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+   - License, v. 2.0. If a copy of the MPL was not distributed with this
+   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="16" height="16">
+  <path d="M190.47 376V203.3H81.27c-27.13 0-50.14 26-58.23 62.04-9.87 1.3-17.62 13.54-17.62 28.46 0 14.91 7.75 27.15 17.62 28.45 7.3 32.51 26.74 56.84 50.39 61.3v68.67h395.95V376h-278.9z" fill="#132028"/>
+  <path d="M490.71 427.98a56.02 56.02 0 0 1-110.04 14.83 56.04 56.04 0 0 1-110.05-14.83 56.02 56.02 0 0 1 110.05-14.84 56.04 56.04 0 0 1 110.04 14.84zM161.24 203.3l29.75-113.85H94.23l29.75 113.85h-13.67C76.45 203.3 49 243.82 49 293.8c0 49.97 27.46 90.49 61.32 90.49h183.96V203.3H161.24zm1.08 217.12a31.8 31.8 0 0 0-29.28 19.4 31.8 31.8 0 1 0 0 24.76 31.8 31.8 0 1 0 29.28-44.16z" fill="#575A5B"/>
+  <path d="M200.78 384.29h-16.03c-20.1 0-36.4-40.52-36.4-90.5 0-49.97 16.3-90.48 36.4-90.48h16.03c-20.1 0-36.4 40.51-36.4 90.49 0 49.97 16.3 90.49 36.4 90.49zm-78.54-90.5c0-49.97 16.3-90.48 36.4-90.48H142.6c-20.1 0-36.4 40.51-36.4 90.49 0 49.97 16.3 90.49 36.4 90.49h16.03c-20.1 0-36.4-40.52-36.4-90.5z" fill="#FFB636"/>
+  <path d="M489.35 384.29H294.27V85.76h195.08V384.3zm-415.14-.19h-7.99c-2.44 0-4.7 1.48-6.03 3.94l-43.64 80.6c-3.11 5.75.32 13.36 6.04 13.36H75.4c4.03 0 7.27-3.97 7.2-8.8l-1.2-80.6c-.07-4.72-3.27-8.5-7.2-8.5z" fill="#FF473E"/>
+  <path d="M497.28 66.4H286.34c-5.92 0-10.72 4.8-10.72 10.72v1.62c0 5.92 4.8 10.72 10.72 10.72h210.94c5.92 0 10.72-4.8 10.72-10.72v-1.62c0-5.92-4.8-10.72-10.72-10.72z" fill="#EF2020"/>
+  <path d="M371.47 257.52H330.5a7.2 7.2 0 0 1-7.2-7.2v-126.3a7.2 7.2 0 0 1 7.2-7.2h40.96a7.2 7.2 0 0 1 7.2 7.2v126.3a7.2 7.2 0 0 1-7.2 7.2zm89-7.2v-126.3a7.2 7.2 0 0 0-7.2-7.2h-40.95a7.2 7.2 0 0 0-7.2 7.2v126.3a7.2 7.2 0 0 0 7.2 7.2h40.95a7.2 7.2 0 0 0 7.2-7.2z" fill="#76DFFF"/>
+  <path d="M489.35 339.59H294.27V303h195.08v36.59zM111.17 52L94.21 89.46h96.75L174 52h-62.83zm215.47 362.95a13.02 13.02 0 1 0 0 26.05 13.02 13.02 0 0 0 0-26.05zm108.05 0a13.02 13.02 0 1 0 0 26.05 13.02 13.02 0 0 0 0-26.05zm-330.94 29.88a7.39 7.39 0 1 0 0 14.77 7.39 7.39 0 0 0 0-14.77zm58.57 0a7.39 7.39 0 1 0 0 14.77 7.39 7.39 0 0 0 0-14.77z" fill="#132028"/>
+  <path d="M196.7 444.2h-92.95a8.9 8.9 0 1 1 0-17.77h90.45l36.76-22.53c1.4-.86 3-1.31 4.65-1.31h223.93a8.9 8.9 0 1 1 0 17.78H238.11l-36.76 22.53c-1.4.86-3 1.3-4.64 1.3z" fill="#FFB636"/>
+  <path d="M69.85 393.08a10.5 10.5 0 0 1-.03-21l413.93-1h.02a10.5 10.5 0 0 1 .03 21l-413.93 1h-.02z" fill="#ADB7BC"/>
+</svg>
new file mode 100644
--- /dev/null
+++ b/devtools/client/debugger/new/images/sources/coffeescript.svg
@@ -0,0 +1,6 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+   - License, v. 2.0. If a copy of the MPL was not distributed with this
+   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">
+  <path d="M6.46 4.08c1.33-.12 1.7-.97 3.26-1.12.76-.07 1.25.1 1.3.35.04.25-.34.42-.8.46-.64.07-.91-.17-.96-.39-.46.05-.54.25-.52.4.05.27.63.53 1.6.44 1.12-.09 1.48-.52 1.39-.96-.12-.57-.97-1.05-2.5-.91-1.97.18-1.96 1.08-3.28 1.2-.55.04-.86-.09-.91-.3-.04-.22.22-.32.54-.34.3-.03.65.02.82.1.13-.06.17-.12.15-.2-.05-.2-.46-.3-.97-.25-.99.1-.99.54-.95.73.12.54.88.88 1.83.79zm6.65 2.24c-1.22.29-2.79.47-4.68.47-1.92 0-3.48-.2-4.71-.47-1.1-.28-1.68-.59-1.89-.9.1.71.29 1.4.53 2.06-.28.17-.54.4-.77.69A2.66 2.66 0 0 0 1 9.97c.04.63.34 1.14.83 1.54a2 2 0 0 0 1.68.4c.24-.04.52-.18.75-.25-.5 0-.94-.17-1.37-.5-.47-.35-.8-.84-.86-1.42-.12-.54 0-1.05.3-1.5.07-.09.14-.15.22-.22.17.43.37.84.59 1.24.47.71.94 1.34 1.4 2 .21.4.35.8.44 1.19.3.43.75.74 1.3.9a6.2 6.2 0 0 0 2.09.33h.07c.72 0 1.47-.12 2.16-.35.51-.17.95-.45 1.26-.9h.04c.08-.35.2-.78.4-1.17.46-.68.94-1.3 1.4-2.02A12.22 12.22 0 0 0 15 5.43c-.24.34-.83.66-1.89.9zm-9.4-.98c1.24.3 2.8.46 4.69.46 1.92 0 3.45-.17 4.68-.46 1.3-.31 1.92-.72 1.92-1.1 0-.28-.28-.54-.8-.74.12.08.2.2.2.34 0 .4-.58.71-1.76.97-1.1.24-2.5.41-4.2.41-1.65 0-3.12-.17-4.18-.4-1.13-.28-1.73-.59-1.73-.97 0-.17.08-.3.3-.47-.71.29-1.09.51-1.09.87.04.4.67.8 1.98 1.09z"></path>
+</svg>
new file mode 100644
--- /dev/null
+++ b/devtools/client/debugger/new/images/sources/dojo.svg
@@ -0,0 +1,4 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+   - License, v. 2.0. If a copy of the MPL was not distributed with this
+   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 256 256"><defs><style>.cls-1{isolation:isolate;}.cls-17,.cls-2,.cls-25{fill:none;}.cls-17,.cls-2{stroke-miterlimit:10;}.cls-2{stroke-width:0.75px;stroke:url(#linear-gradient);}.cls-3{fill:url(#linear-gradient-2);}.cls-4{fill:#f15a24;}.cls-5{fill:#ed1c24;}.cls-6{fill:#c1272d;}.cls-7{fill:url(#linear-gradient-3);}.cls-8{fill:url(#linear-gradient-4);}.cls-9{fill:url(#linear-gradient-5);}.cls-10{fill:url(#linear-gradient-6);}.cls-11{opacity:0.49;fill:url(#linear-gradient-7);}.cls-12{fill:url(#linear-gradient-8);}.cls-13{fill:#2db5f9;}.cls-13,.cls-14{mix-blend-mode:screen;}.cls-14{fill:#5fd2ff;}.cls-15{fill:#219058;}.cls-16{fill:url(#linear-gradient-9);}.cls-17{stroke:#fff;stroke-width:1.87px;}.cls-18{fill:#f7b852;}.cls-19{fill:#ff8431;}.cls-20{fill:#fffb69;}.cls-21{fill:#44c688;}.cls-22{fill:#29b36e;}.cls-23{fill:#6fd191;}.cls-24{fill:#c83ad7;}.cls-26{fill:#fba9ff;}.cls-27{fill:#ff737d;}.cls-28{fill:#fdc666;}</style><linearGradient id="linear-gradient" x1="67.45" y1="154.72" x2="67.29" y2="155.43" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#ff1d25" stop-opacity="0.5"/><stop offset="0.06" stop-color="#ff1d25" stop-opacity="0.54"/><stop offset="0.37" stop-color="#ff1d25" stop-opacity="0.74"/><stop offset="0.64" stop-color="#ff1d25" stop-opacity="0.88"/><stop offset="0.86" stop-color="#ff1d25" stop-opacity="0.97"/><stop offset="1" stop-color="#ff1d25"/></linearGradient><linearGradient id="linear-gradient-2" x1="73.09" y1="170.74" x2="73.09" y2="153.5" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#ffdd42"/><stop offset="1" stop-color="#fb784b"/></linearGradient><linearGradient id="linear-gradient-3" x1="201.52" y1="95.13" x2="207.88" y2="89.89" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#5bcb99"/><stop offset="1" stop-color="#85a8e8"/></linearGradient><linearGradient id="linear-gradient-4" x1="81.17" y1="158.3" x2="279.32" y2="55.49" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#34e28b"/><stop offset="1"/></linearGradient><linearGradient id="linear-gradient-5" x1="117.57" y1="178.22" x2="133.15" y2="178.22" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#c297ff"/><stop offset="1" stop-color="#ae31bb"/></linearGradient><linearGradient id="linear-gradient-6" x1="54.05" y1="253.29" x2="251.08" y2="99.63" gradientUnits="userSpaceOnUse"><stop offset="0"/><stop offset="1" stop-color="#d23de2"/></linearGradient><linearGradient id="linear-gradient-7" x1="199.8" y1="86.45" x2="191.83" y2="113.37" gradientUnits="userSpaceOnUse"><stop offset="0"/><stop offset="1" stop-opacity="0"/></linearGradient><linearGradient id="linear-gradient-8" x1="126.87" y1="190.63" x2="182.9" y2="204.2" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#2db5f9"/><stop offset="1" stop-color="#092432"/></linearGradient><linearGradient id="linear-gradient-9" x1="83.08" y1="49.55" x2="46.06" y2="151.24" gradientUnits="userSpaceOnUse"><stop offset="0"/><stop offset="0.21" stop-color="#48080a"/><stop offset="0.42" stop-color="#891014"/><stop offset="0.61" stop-color="#bc151b"/><stop offset="0.78" stop-color="#e01a21"/><stop offset="0.91" stop-color="#f71c24"/><stop offset="1" stop-color="#ff1d25"/></linearGradient></defs><title>dojo_square</title><g class="cls-1"><g id="Layer_1" data-name="Layer 1"><line class="cls-2" x1="67.37" y1="155.08" x2="67.37" y2="155.08"/><path class="cls-3" d="M42.28,150.4l.52.82A58,58,0,0,0,52,161.49a45.23,45.23,0,0,0,28.74,10.25c.65,0,1.31,0,2,0a67.32,67.32,0,0,0,21.13-5.26,67.38,67.38,0,0,1-9.09.83,36.92,36.92,0,0,1-27.44-12.17A66.82,66.82,0,0,1,42.28,150.4Z"/><path class="cls-4" d="M80.79,80.88a45.4,45.4,0,0,1,38.89,21.94A37,37,0,0,0,84.43,94.7c8.29,4,19.66,7.08,35.28,8.15,0,0-.77-14.87-19.8-22.64-26.57-10.84-30.33-8.69-37.06-19.9a30.09,30.09,0,0,0,6,22.15A45.45,45.45,0,0,1,80.79,80.88Z"/><path class="cls-5" d="M99.92,80.21c-9.1-3.71-15.52-5.9-20.3-7.62A33.4,33.4,0,0,0,84.54,81a45.42,45.42,0,0,1,35.13,21.78,36.87,36.87,0,0,0-20.54-9.34,109,109,0,0,0,20,9.32l.59,0S118.94,88,99.92,80.21Z"/><path class="cls-6" d="M119.69,102.85h.1c.29-1.62,2.07-14.46-12.4-25.7C85.78,60.37,81.56,58.82,80.53,49.94a27.8,27.8,0,0,0-.91,22.65c4.78,1.72,11.21,3.91,20.3,7.62,19,7.77,19.8,22.64,19.8,22.64Z"/><path class="cls-7" d="M185.28,88.22a33.64,33.64,0,0,1,22.08,8.23,29.8,29.8,0,0,1,19,8S208.22,78,176.19,89a41.72,41.72,0,0,0-8.2,4A33.64,33.64,0,0,1,185.28,88.22Z"/><path class="cls-8" d="M185.28,88.22A33.62,33.62,0,0,0,168,93l.93-.56c-25.88,15.24-57.6,62.06-101.56,62.65h0a36.92,36.92,0,0,0,27.44,12.17,67.38,67.38,0,0,0,9.09-.83c28.6-11.79,56.09-40,68.55-53.64,11.56-12.67,24.22-17,34.91-16.34A33.64,33.64,0,0,0,185.28,88.22Z"/><path class="cls-9" d="M118.48,179a20.94,20.94,0,0,0-.92,5.86,22.25,22.25,0,0,0,1,6.74,16.56,16.56,0,0,1,5.5-14.74c0-.17.09-.34.14-.51a20.37,20.37,0,0,1,8.91-11.47l-.08,0a37.84,37.84,0,0,0-4,1.53A20.87,20.87,0,0,0,118.48,179Z"/><path class="cls-10" d="M234.26,129.11a42.41,42.41,0,0,0-7.94-24.76,29.82,29.82,0,0,0-19-7.9A33.69,33.69,0,0,1,219.06,122c0,11.34-4.12,24.3-17.45,31.28-19.42,10.16-49.21,5.33-68.54,11.6l.08,0a20.37,20.37,0,0,0-8.91,11.47c-.05.17-.09.34-.14.51h0c5.67-5,16.84-8.54,38.63-5.73,15.56,2,27.93,2.55,38.54-.5a41.2,41.2,0,0,0,25.23-17h0A42.41,42.41,0,0,0,234.26,129.11Z"/><path class="cls-11" d="M234.26,129.11a42.41,42.41,0,0,0-7.94-24.76,29.82,29.82,0,0,0-19-7.9A33.69,33.69,0,0,1,219.06,122c0,11.34-4.12,24.3-17.45,31.28-19.42,10.16-49.21,5.33-68.54,11.6l.08,0a20.37,20.37,0,0,0-8.91,11.47c-.05.17-.09.34-.14.51h0c5.67-5,16.84-8.54,38.63-5.73,15.56,2,27.93,2.55,38.54-.5a41.2,41.2,0,0,0,25.23-17h0A42.41,42.41,0,0,0,234.26,129.11Z"/><path class="cls-12" d="M137.8,201.88a20.44,20.44,0,0,1-13.68-25.12h0l0,.08a16.56,16.56,0,0,0-5.5,14.73,20.94,20.94,0,0,0,33.63,9.38A20.37,20.37,0,0,1,137.8,201.88Z"/><path class="cls-13" d="M144.91,200.4c2.12-6.17,9-15.7,16.33-11.34,0,0,6,3.36,7.23-6.11,0,0,4.49,22.28-17.1,21.53,0,0,4.86-3.55,4.81-7.2A24.73,24.73,0,0,1,144.91,200.4Z"/><path class="cls-14" d="M153.52,186.75c2.14-1.09,4.16-2.18,8.08-.44,3,1.35,6.88-3.94,3.56-8.66,0,0,.21,4.88-3.72,4.84A8.81,8.81,0,0,0,153.52,186.75Z"/><path class="cls-15" d="M175.21,115.88c-5.17,7-12.75,12.95-13.64,14.39s1.5,6.11,5,6.45.82-1.36.52-3,1.06,1,5.27.42-1.53-2.2-1.14-4.33,4.74-6.17,6.47-10.25,4.7,0,3.18,3.18c-.6,1.26,4.81-3.54,2.08-7.21S178.22,111.77,175.21,115.88Z"/><path class="cls-15" d="M160.47,131.28c-.76.73-3,2.37-3,2.37s2.19,3.05,5,3c0,0,.61-.29-.27-1.18S160.27,131.82,160.47,131.28Z"/><path class="cls-16" d="M84.43,94.7c-7.35-3.56-12.27-7.88-15.54-12.24A45.42,45.42,0,0,0,42.28,150.4a66.82,66.82,0,0,0,25.09,4.67h0A37,37,0,0,1,84.43,94.7Z"/><line class="cls-17" x1="67.37" y1="155.08" x2="67.37" y2="155.08"/><path class="cls-18" d="M84.52,81c2,2.91,7.81,7.94,14.63,12.44a36.87,36.87,0,0,1,20.52,9.33A45.42,45.42,0,0,0,84.52,81Z"/><path class="cls-19" d="M84.52,81c-1.23-.1-2.48-.16-3.74-.16a45.45,45.45,0,0,0-11.89,1.58c3.27,4.36,8.19,8.67,15.54,12.24a36.72,36.72,0,0,1,14.72-1.22C92.33,89,86.54,83.95,84.52,81Z"/><path class="cls-20" d="M109.73,91.38a33.29,33.29,0,0,0-12.21-7.29C100.46,89.66,103,91.38,109.73,91.38Z"/><path class="cls-6" d="M96.89,67.66a63.16,63.16,0,0,1,6.54,4.58c.52.39-.93-3.55-2.62-4.3A7.5,7.5,0,0,0,96.89,67.66Z"/><path class="cls-6" d="M105,73.37a70.75,70.75,0,0,1,6.5,4.64c.53.38-.9-3.56-2.57-4.33A7.5,7.5,0,0,0,105,73.37Z"/><path class="cls-6" d="M112.55,79a19.59,19.59,0,0,1,3.52,4.39c.26.38.07-2.58-.92-3.42A5.28,5.28,0,0,0,112.55,79Z"/><path class="cls-21" d="M77.55,151c-.2-.65,2.35-1.48,3-1.51a11.91,11.91,0,0,1,3.57,1.19,16.34,16.34,0,0,1-4.89,1A4.46,4.46,0,0,1,77.55,151Z"/><path class="cls-21" d="M86.73,148.78c-.22-.51,1.75-1.38,2.29-1.46a9.58,9.58,0,0,1,3,.65,13.15,13.15,0,0,1-3.83,1.23A3.59,3.59,0,0,1,86.73,148.78Z"/><path class="cls-21" d="M94.41,146c-.22-.4,1.32-1.29,1.76-1.41a7.92,7.92,0,0,1,2.48.27,10.87,10.87,0,0,1-3,1.35A3,3,0,0,1,94.41,146Z"/><path class="cls-21" d="M100.52,143.19c-.23-.35,1.11-1.27,1.5-1.41a7.25,7.25,0,0,1,2.29.07,10,10,0,0,1-2.67,1.45A2.72,2.72,0,0,1,100.52,143.19Z"/><path class="cls-21" d="M106.23,140.07c-.22-.29.9-1.16,1.24-1.3a6.31,6.31,0,0,1,2,0,8.66,8.66,0,0,1-2.25,1.39A2.36,2.36,0,0,1,106.23,140.07Z"/><path class="cls-21" d="M68.34,151.69c-.11-.73,2.73-1.16,3.46-1.09a12.76,12.76,0,0,1,3.57,1.86,17.51,17.51,0,0,1-5.35.26A4.78,4.78,0,0,1,68.34,151.69Z"/><path class="cls-6" d="M70.08,65.82c2,2.27,6.68,3.74,6.68,3.74A19,19,0,0,1,75.83,62c0-.18-5.75-.09-6.73-4.81C68.91,56.23,68.1,63.55,70.08,65.82Z"/><path class="cls-4" d="M50.54,174.68a5.49,5.49,0,0,1,2.24-3.88l.19-.11a14,14,0,0,0-1.43-.25c-6.85-1-8.59,3.06-8.95,7.64,0,.26,0,.53,0,.78a8.31,8.31,0,0,1,7.89-4.2Z"/><path class="cls-4" d="M58.88,173.19c-6.81-4.13-10.63-4.43-12.15,7.14,0,0,7.17-5.67,10.55-1.92,3.68,4.07,8.68.32,6.05-2.06A18.77,18.77,0,0,0,58.88,173.19Z"/><path class="cls-4" d="M56.06,174.53c-3.86,2.57-3.86,8.62-3.86,8.62s7-3.81,6.5-6.19A2.93,2.93,0,0,0,56.06,174.53Z"/><path class="cls-4" d="M24,127a5.49,5.49,0,0,1,4.43-.68l.2.08a14,14,0,0,0-.7-1.27c-3.49-6-7.76-4.79-11.56-2.21-.22.15-.43.31-.63.47a8.31,8.31,0,0,1,8.21,3.53Z"/><path class="cls-4" d="M31.29,134.08c-2.48-9.82-4.47-13.62-14-6.83,0,0,8.13-2.34,9.06,9.22.44,5.47,5.69,6.57,5.63,3A18.77,18.77,0,0,0,31.29,134.08Z"/><path class="cls-4" d="M27.83,128.82c-4.52-1.07-8.94,3.06-8.94,3.06s6.94-.24,7.78,4C27.14,138.23,27.83,128.82,27.83,128.82Z"/><path class="cls-22" d="M172.45,112.79a55.39,55.39,0,0,1,15.49-12.5c5.64-3,13.66-4.84,18.5-4.61l1.85,1.59-1-.08a37.75,37.75,0,0,0-19,3.76A55,55,0,0,0,172.45,112.79Z"/><path class="cls-23" d="M207.12,95.74a34.5,34.5,0,0,1,10.45,2.68,27.42,27.42,0,0,1,8.81,6,27.05,27.05,0,0,0-9.09-5.29,43.65,43.65,0,0,0-9-1.84l-1.84-1.59Z"/><path class="cls-24" d="M124.52,175.47a27.43,27.43,0,0,1,3.11-1.9,25.35,25.35,0,0,1,2.31-1c.78-.34,1.58-.58,2.38-.84a45.63,45.63,0,0,1,9.84-1.81,95.67,95.67,0,0,1,19.84.78,194.33,194.33,0,0,0,19.66,1.89,66.25,66.25,0,0,0,19.6-1.93,66.44,66.44,0,0,1-19.6,2.3,194.82,194.82,0,0,1-19.75-1.52,94.77,94.77,0,0,0-19.65-.41,44.43,44.43,0,0,0-9.55,1.94c-.76.27-1.53.52-2.27.85a24,24,0,0,0-2.18,1,21.38,21.38,0,0,0-3.93,2.7l-.53.47A18.42,18.42,0,0,1,124.52,175.47Z"/><line class="cls-25" x1="124.09" y1="176.84" x2="124.09" y2="176.84"/><path class="cls-6" d="M85.66,97.64c-6.36,1.4-5.37,6.45-5.37,6.45s2-2.43,13.09-3.74A52.36,52.36,0,0,1,85.66,97.64Z"/><path class="cls-26" d="M118.59,191.58a16.4,16.4,0,0,1-.08-4.24,18.64,18.64,0,0,1,.91-4.18,18.86,18.86,0,0,1,1.87-3.9,19.81,19.81,0,0,1,2.78-3.38l.46-.42s-.63,2-.7,2.51a19.27,19.27,0,0,0-1.61,1.93,17.84,17.84,0,0,0-3.33,7.5A16.22,16.22,0,0,0,118.59,191.58Z"/><path class="cls-27" d="M65.89,155.08c-3.61-4-6.65-10.29-7.95-16.2a36.79,36.79,0,0,1-.82-9.49l.14-2.38.33-2.36a23,23,0,0,1,.47-2.33,19.65,19.65,0,0,1,.6-2.3,35.6,35.6,0,0,1,3.83-8.64,39.45,39.45,0,0,1,2.68-3.89l1.53-1.8c.51-.6,1.1-1.13,1.64-1.69a37.2,37.2,0,0,1,7.47-5.68,39.82,39.82,0,0,1,8.62-3.62A39.67,39.67,0,0,0,76,98.56a36.78,36.78,0,0,0-7.22,5.83c-.52.57-1.08,1.11-1.56,1.71l-1.45,1.81a38.67,38.67,0,0,0-2.51,3.89,34.62,34.62,0,0,0-3.48,8.52,18.77,18.77,0,0,0-.52,2.24,21.9,21.9,0,0,0-.38,2.27l-.25,2.28-.06,2.3a35.25,35.25,0,0,0,1.06,9.07,36.17,36.17,0,0,0,8.62,15.83l.66.71S66.44,155.12,65.89,155.08Z"/><path class="cls-28" d="M103.89,166.42A47.14,47.14,0,0,1,94,167.55,37.09,37.09,0,0,1,84,165.91,46.7,46.7,0,0,1,74.71,162a34.57,34.57,0,0,1-8.12-6.17l-.69-.74s2.38,0,3-.06a33.57,33.57,0,0,0,6.72,5.5,45.26,45.26,0,0,0,8.82,4.27A36.2,36.2,0,0,0,94,166.91,47.78,47.78,0,0,0,103.89,166.42Z"/></g></g></svg>
new file mode 100644
--- /dev/null
+++ b/devtools/client/debugger/new/images/sources/ember.svg
@@ -0,0 +1,4 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+   - License, v. 2.0. If a copy of the MPL was not distributed with this
+   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg width="2500" height="2393" viewBox="0.1 31.4 256 244.5" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMinYMin meet"><path fill="#FFF" d="M57.9 219.3l.6-1.5.1-.2c.5-1.2 1-2.5 1.5-3.7.6-1.6 1.2-3.3 1.8-4.9.4-.9.7-1.8 1-2.8.8-2.2 1.9-5.1 3.2-7.9.8-1.7 1.4-2.9 2.1-4 .8-1.3 1.6-2.5 2.5-3.7l.7-1 1.1-.7c.1-.1.3-.2.5-.3.5-.3 1.1-.5 1.5-.7.7-.3 1.6-.6 2.6-.9 1.4-.4 3-.8 4.9-1.2 2.8-.6 5.8-1.2 9.6-1.8 5.7-.9 11.8-1.7 19.1-2.5 12.9-1.4 25.8-2.4 38.2-3 6.6-.3 11.6-.4 16.3-.4h3c3.1.1 6.7.2 10 .7 1.2.2 2.3.4 3.1.7.3.1.6.2.7.3l1 .4.8.7.9.9c1.1 1.1 2.3 2.4 3.5 3.9 3.8 4.8 7.2 10.6 10.2 17.2 2.9 6.4 4.7 12.1 5.8 17.7l1.5 7.9h-18.4l-1.1-5.3c-1.2-5.6-16.3-20.4-23.8-23.3-.8-.3-4-1.2-13.9-1.2-20.4 0-49.2 3.6-53.3 4.5-4.9 2.3-12.4 11.9-16.7 21.5l-1.8 3.9"/><path fill="#BA8449" d="M182.9 190.1c-.9-1.2-1.9-2.3-3-3.3l-.7-.7s-.1 0-.2-.1c-.5-.2-1.2-.3-1.9-.4-2.9-.4-6-.5-9.1-.6-6.3-.1-12.6.1-18.9.4-12.6.6-25.3 1.6-37.8 3-6.3.7-12.6 1.5-18.8 2.5-3.1.5-6.2 1-9.2 1.7-1.5.3-3 .7-4.4 1.1-.7.2-1.4.4-2 .7-.3.1-.6.2-.7.4 0 0-.1 0-.1.1-.7 1-1.4 2-2.1 3.1-.7 1.1-1.2 2.3-1.8 3.5-1.1 2.4-2.1 4.9-3 7.4s-1.9 5.1-2.8 7.7c-.5 1.3-1 2.6-1.6 3.9-.2.6-.5 1.2-.8 1.8h8.5c4.6-10.3 13.3-22.1 20.5-25 2-.8 34.2-4.8 55.5-4.8 7.9 0 13.3.6 16.3 1.7 8.7 3.4 26.1 19.5 27.9 28.2h4.9c-1-5.5-3-10.9-5.3-16.1-2.6-6-5.7-11.5-9.4-16.2"/><path fill="#FFF" d="M179.1 185.9z"/><path fill="#BA8449" d="M179.1 185.9z"/><path fill="#FFF" d="M192.1 228.6l-1-5.4c-.9-4.5-2.4-9.3-4.8-14.6-2.6-5.6-5.4-10.5-8.6-14.4-.6-.8-1.2-1.5-1.8-2.1-2.5-.4-5.4-.4-8-.5h-2.8c-4.5 0-9.3.1-15.7.4-12.2.6-24.7 1.6-37.4 3-7.1.8-13 1.6-18.4 2.4-3.5.5-6.3 1.1-8.8 1.6-1.6.4-2.8.7-3.9 1-.2 0-.3.1-.4.1-.2.4-.5.7-.7 1.1-.5.8-.9 1.7-1.6 2.9-1.1 2.3-2 4.7-2.8 6.8-.4.9-.7 1.8-1 2.7-.6 1.7-1.2 3.4-1.9 5.1-.5 1.3-1.1 2.6-1.6 4l-.1.2c-.2.6-.5 1.2-.7 1.7l-1.8 4H56.6l-1.7-.8-.2-.1c-4-2.3-4-5.7-3.9-7.1v-.3l.2-.9.3-1.1c.2-.7.4-1.5.6-2.2.4-1.5.9-2.9 1.4-4.3.9-2.6 2-5.4 3.3-8.4 1.4-3.1 2.7-5.8 4.2-8.3.7-1.3 1.5-2.6 2.5-4.1.9-1.4 1.9-2.8 2.9-4.1.9-1.1 1.7-1.8 2.3-2.2h.1c.6-.5 1.2-.8 1.5-.9.9-.5 1.6-.8 2.1-1 1.2-.5 2.3-.8 3.2-1.1 2-.6 3.9-1 5.3-1.3 2.9-.6 6-1.2 9.9-1.8 5.8-.9 11.9-1.6 19.4-2.4 13-1.3 26-2.3 38.6-2.8 6-.2 10.7-.4 15-.4h4.6c3.2.1 6.8.2 10.7.8h.1c.9.2 2.3.4 3.9.9h.1c.4.2 1 .4 1.7.7.5.3.9.5 1.2.7l.5.4.4.3.4.4 1.1 1.1c1.3 1.3 2.5 2.7 3.8 4.4 4 5.2 7.5 11.2 10.7 18.3 1.5 3.3 2.8 6.6 3.8 9.8 1.1 3.5 1.9 6.8 2.5 10l1.2 7.7h-18.2v.1z"/><path fill="#FFF" d="M64.3 228.6l4.4-9.5c3.7-7.9 12.6-22.4 22.5-26.5l.2-.1c3.3-1.2 36.7-5.1 57.1-5.1 11.4 0 15.7 1.1 17.9 2 10.3 4 28.2 20.9 30.6 30.9l2 8.2H64.3z"/><path fill="#FFF" d="M185.4 228.6l-1.2-5.1c-1.1-4.7-15.2-18.8-22.5-21.7-.7-.3-3.6-1.1-13.2-1.1-19.6 0-48 3.5-52.6 4.4-3.8 1.9-10.7 10-15.2 19.6l-1.8 3.8H62.3l4.2-9.3c4.9-11 14.6-24.6 24.1-28.4 3.7-1.5 37.5-5.3 58-5.3 8.9 0 14.9.7 18.6 2.1 10.3 4 29.6 21.4 32 33l1.6 8h-15.4z"/><path fill="#FFF" d="M193.1 228.6l-1.9-1.8c-7.2-6.7-9.2-20.6-7-26.3 1.5-3.8 4.7-5.1 7.1-5.1.7 0 1.3.1 1.9.3 1.3-.1 4.3-2.6 5.2-4 1.4-2.6 4.1-4.2 7.4-4.2 4.9 0 12.9 3.9 15.5 7.6 1.5 2.1 1.9 4.6 1.1 6.8-.1.2-.2.6-.4 1.1-2.7 8.1-6.2 18-9 22.6l-1.9 3.1-18-.1z"/><path fill="#FFF" d="M192.5 228.6l6.2-10.1c3-4.9 5.1-8.9 6.5-12-3.5 2.5-8.4 4-15.7 4.4l-.2-.2-.1.7c-4.3 0-7.8-3.5-8-7.8-.1-2.1.7-4.2 2.1-5.8 1.4-1.6 3.4-2.5 5.5-2.6 7.2-.3 8.1-2 9.4-4.5 1.8-3.4 5.7-5.4 10.8-5.4 1.3 0 2.6.1 3.8.4 6.3 1.4 10.4 6.2 10.7 12.4.3 6.3-3.2 15.5-10.2 27.3l-1.9 3.2h-18.9z"/><path fill="#FFF" d="M218.8 208.9c-8.1 0-16.9-5.3-21.4-10.5-4.1-4.7-4.5-8.9-4.1-11.6.5-3.3 3.2-6.6 8.1-6.6.9 0 1.8.1 2.6.2.8-3.6 2.7-11.1 10.4-11.1h1.1c3.7.4 6.5 2.7 7.6 6.2 1.2-.6 2.6-1.1 4.2-1.1 2.4 0 4.7 1 6.4 2.8 2.7 2.9 3.3 6.9 1.6 10.7 1.8 1.1 3.2 2.8 3.8 5 .8 2.8.3 5.8-1.5 8.2-3.5 4.9-11.6 7.2-18 7.4-.4.4-.6.4-.8.4M210.8 44.2c-7.3 4.6-15.3 15.1-25.1 29.5-1.5 2.3-4 3.5-6.8 3.5-3.6 0-8.2-2.2-13.5-6.5-8.4-6.8-8.6-10.6-8.7-12.1-.2-4 2.8-7.4 7-7.8 8.1-.7 14.8-5.6 21.3-10.3 6.5-4.7 12.5-9 19.7-9 1.4 0 2.9.2 4.3.5"/><path fill="#FFF8EE" d="M164.3 57.5c19.6-1.8 31.1-22.1 43-19-8 5-15.9 15-27 31.4-2.7 3.9-21.4-11.9-16-12.4"/><path fill="#FFF" d="M37.3 48.2c4.9-4.5 11.5-6.8 19.6-6.8 7 0 15.3 1.7 24.6 5.1 2.5.9 5.8 1.1 8.3 1.1h3.7c2.3 0 7.2 0 9.3 4.5.7 1.7 1.6 5.2-1.1 9.3-3.3 5.1-12 10.5-20.4 10.5h-.4c-4.5-.1-8.7-2.5-13.6-5.2-6.1-3.4-13-7.3-21.2-7.3-1.1 0-2.3.1-3.4.2M188.1 96.7c-3.6 0-10.4-1.5-14.7-11.7-2.4-5.4-3.2-11.5-3.2-14.9 0-7 3.7-8.9 6-9.4 1.6-1.6 4.6-5.7 6.8-8.8 9.1-12.4 15.7-20.5 23.4-20.5 1.3 0 2.5.2 3.7.7 10.3 4.1 15.3 12.8 13.6 23.8-1.2 8.1-6.3 17.7-13.8 26.5-3.5 4.1-12.6 13.7-20.7 14.3h-1.1"/><path fill="#FFF" d="M69.9 100.5c-.9 0-1.8 0-2.6-.2-12.8-2.1-28.8-15-34.8-28.3-4.1-9.1-2.3-15.3 0-18.9 3.7-5.9 9.2-9 16-9 8.2 0 16.4 4.5 23.6 8.4 2.8 1.5 6.8 3.7 8.5 4.1.6-.2 1.2-.3 1.9-.3 2.6 0 5 1.4 6.4 3.8 3.3 5.8 1.3 21.4-3.9 30.4-3.6 6.6-9 10-15.1 10z"/><path fill="#FFF" d="M114.5 212.1c-30 0-59.7-14.7-69.6-25.4-10.3-11.1-14-23.7-11.2-37.5 2.4-11.3 8.7-21.4 14.2-30.4 3.8-6.2 7.4-12 8.4-16.2 12.2-53.9 42.8-60.8 68.1-60.8 1.6 0 3.3 0 5.2.1 53.9 1.6 59.3 27.6 62.5 43.2.6 2.9 1.2 5.6 1.9 7.4 18.1 44.4 21.1 71 10 89-10.9 17.7-34.8 26.4-82.4 30.3-2.3.2-4.7.3-7.1.3z"/><path fill="#FFF" d="M113.4 212.2c-30.6 0-58.9-15.2-68.4-25.5-10.3-11.1-14-23.7-11.2-37.5 2.4-11.3 8.7-21.4 14.2-30.4 3.8-6.2 7.4-12 8.4-16.2 12.2-53.9 42.8-60.8 68.1-60.8 1.6 0 3.3 0 5.2.1 53.9 1.6 59.3 27.6 62.5 43.2.6 2.9 1.2 5.6 1.9 7.4 17.8 43.7 20.7 70.1 9.8 88.1-12.5 20.7-41.9 27.4-82.1 31.2-2.8.3-5.6.4-8.4.4"/><path fill="#FFF" d="M191.3 174.6c.4-.9.8-1.9 1.2-2.8 4.1-9.8 7.2-18.4 2.3-23.9-5.8-6.4-30.3-18-52.1-28.2-41.7-19.7-67.5-32.4-71.2-45-.9-3.2-.5-6.5 1.2-9.3C79.9 54.1 100 42 127.5 42h.8c25.9.2 44.7 7.7 56 22.1 9.6 12.2 11.7 26.5 13.3 36.9.5 3.5 1.2 8 1.9 9.2 19.6 33.7 10.6 58.6 3.5 70.3l-11.7-5.9z"/><path fill="#FFF" d="M170.8 135.8c-10.1 0-27-2.5-32.8-8.1-4.6-4.4-6.3-11.7-8.1-18.8-.7-3-1.9-7.8-3-10h-.1c-.4 1.1-.9 2.5-1.3 3.6-2.7 7.6-6.5 18.1-14.4 23.8-3.4 2.5-15.7 4.7-25.2 4.7s-16.7-2-21.5-6.1c-6.9-5.8-12.1-16.5-15.6-31.8-.2-.1-.3-.2-.5-.3-1.6-1.1-3.7-2.4-4.8-4.7-1.8-3.6-1.1-10 .8-13.4 1.4-2.5 3.8-4.1 6.4-4.3h.9c1.4 0 2.8.2 4.4.5s3.5.6 5.1.6h.9c9.5-1.4 18.4-2 26.5-2 19.7 0 30.1 4 34 5.6.3.1.6.2.8.3 1.1.3 3.2.7 5.4.7.8 0 1.6 0 2.3-.2 8.9-1.4 17.4-2 25.2-2 20.8 0 31.8 4.7 36.6 6.8.4.2.8.4 1.1.4h.4c1.3 0 3.2-.4 4.8-.7 1.2-.3 2.4-.5 3.5-.7h.9c3.1 0 5.9 1.8 7.6 4.8 1.9 3.5 3.2 10.8.5 15-1.8 2.8-4.7 4.1-7.1 5.2-.3.1-.7.3-1 .5-.8 1.4-2.2 4.2-3.4 6.5-3.5 6.8-7.4 14.6-11 18.8-3.2 3.6-9.2 5.3-18.3 5.3"/><defs><path id="a" d="M42.5 75H212v59.2H42.5z"/></defs><clipPath id="b"><use xlink:href="#a" overflow="visible"/></clipPath><g opacity=".3" clip-path="url(#b)"><path fill="#FFF" d="M166.778 134.181c-8 0-19.3-1.2-27.4-6.9-4.6-3.3-6.7-9.9-9.6-20.5-.8-3-2-7.2-2.9-9.3-.5 1.2-1.1 2.8-1.6 4.1-3 8.1-7.1 19.1-14.6 23.7-3.9 2.4-16 4.6-25.4 4.6-10.1 0-17.4-2.3-21.6-6.7-10.7-11.2-12.8-21.9-14.1-28.2-.2-.9-.4-2.1-.6-2.8-6.3-3.3-6.7-8.2-6.6-10.3.3-3.9 3.3-6.8 7-6.8 2.5 0 4.1 1.2 5.3 2 .1.1.2.2.4.2.1 0 .4.1.5.2 1.6.5 6.3 1.8 7.3 7.9.2 1.1 1.8 7.5 4.4 14.2 4.1 10.7 7 12.5 7.3 12.6 3.4 1.2 7.4 1.8 11.9 1.8 7.4 0 13.6-1.6 16.1-2.4 1.5-2.3 4.5-8.3 6.6-12.4 6.3-12.5 7.4-14.4 10.1-15.8 1.5-.8 3.3-1.2 5.6-1.2 3 0 7.3.7 9.3 1.6 4.6 2 7 8 12.4 23.5 1 2.8 2.2 6.4 3 8.2 4 1.9 13.1 3.2 22.6 3.2 2.7 0 4.7-.1 6-.2.9-1.9 2.2-4.6 3.3-6.9 7.6-16.2 8.8-18.1 10.7-19.6 3.3-2.5 9.1-4.2 12.4-4.2 4.4 0 6.8 2.9 7.4 5.7 1.1 5.8-4.6 8-6.5 8.7-.5.2-1.2.5-1.7.7-.7 1.2-2 3.8-3 5.9-8.2 16-10.9 20.4-14 22.3-3.8 2.1-13 3.1-20 3.1"/></g><defs><path id="c" d="M45 70.7h33.4v16.2H45z"/></defs><clipPath id="d"><use xlink:href="#c" overflow="visible"/></clipPath><g opacity=".3" clip-path="url(#d)"><path fill="#FFF" d="M61.388 86.816c-1.2 0-3.5-.2-8.1-1.7-1.2-.4-2.3-.8-3-1.1-1.5-.6-5.4-2.1-5.4-6.7v-6.7h6.6c.9 0 1.5.2 2 .3 1.4.2 5.9.5 7.4.6l.9.1c1.2 0 4.9-.5 6.5-.7 2-.3 2.6-.4 3.4-.4h5.7l.9 5.6c.4 2.8-1.1 6.3-4.8 7.4-.2.1-.9.3-1.5.5-3.5 1.3-7 2.5-10 2.6-.2.2-.4.2-.6.2"/></g><defs><path id="e" d="M181 79.3h25.4v17.2H181z"/></defs><clipPath id="f"><use xlink:href="#e" overflow="visible"/></clipPath><g opacity=".3" clip-path="url(#f)"><path fill="#FFF" d="M193.488 96.41c-2.2 0-4.4-.9-7.4-3-2.9-2-5.1-4-5.1-7.5v-6.7h6.5c.9 0 1.8.2 2.7.6.7.3 3.4 1.2 4.6 1.5.4 0 1.2-.2 2.8-.5.8-.2 1.3-.2 2-.2h5.7l.9 5.6c.4 2.7-.8 6.1-4.5 7.4l-1.2.6c-1.8.9-3.9 1.9-6 2.3-.2-.1-.6-.1-1-.1"/></g><path fill="#FFF" d="M171.7 243.3h-24.6V222h24.6v21.3z"/><path fill="#BA8449" d="M182.9 190.1c-.9-1.2-1.9-2.3-3-3.3l-.7-.7s-.1 0-.2-.1c-.5-.2-1.2-.3-1.9-.4-2.9-.4-6-.5-9.1-.6-6.3-.1-12.6.1-18.9.4-12.6.6-25.3 1.6-37.8 3-6.3.7-12.6 1.5-18.8 2.5-3.1.5-6.2 1-9.2 1.7-1.5.3-3 .7-4.4 1.1-.7.2-1.4.4-2 .7-.3.1-.6.2-.7.4 0 0-.1 0-.1.1-.7 1-1.4 2-2.1 3.1-.7 1.1-1.2 2.3-1.8 3.5-1.1 2.4-2.1 4.9-3 7.4s-1.9 5.1-2.8 7.7c-.5 1.3-1 2.6-1.6 3.9-.2.6-.5 1.2-.8 1.8h8.5c4.6-10.3 13.3-22.1 20.5-25 2-.8 34.2-4.8 55.5-4.8 7.9 0 13.3.6 16.3 1.7 8.7 3.4 26.1 19.5 27.9 28.2h4.9c-1-5.5-3-10.9-5.3-16.1-2.6-6-5.7-11.5-9.4-16.2M179.1 185.9z"/><path fill="#895B2E" d="M179.1 185.9zm17.8 17.9c-2.7-6-5.8-11.7-9.9-16.9-1-1.3-2.1-2.6-3.3-3.8l-.9-.9-.2-.2-.1-.1-.2-.2c-.2-.1-.4-.2-.5-.3-.3-.2-.6-.3-.9-.4-1.1-.4-1.9-.5-2.8-.7-3.4-.5-6.6-.6-9.8-.7-6.5-.1-12.8 0-19.2.3-12.8.5-25.5 1.5-38.2 2.8-6.3.7-12.7 1.4-19.1 2.4-3.2.5-6.3 1-9.5 1.7-1.6.4-3.2.7-4.8 1.2-.8.2-1.6.5-2.5.9-.4.2-.9.4-1.4.7-.2.2-.5.3-.8.5-.3.2-.6.5-1 1-.9 1.1-1.8 2.4-2.6 3.6-.8 1.2-1.6 2.5-2.3 3.8-1.4 2.5-2.7 5.1-3.9 7.7-1.1 2.6-2.2 5.2-3.1 7.9-.5 1.3-.9 2.6-1.2 4-.2.7-.4 1.3-.6 2l-.3 1-.1.5c0 .1.2.2.6.5H64.2c.3-.6.5-1.2.8-1.8.5-1.3 1.1-2.6 1.6-3.8 1-2.6 1.9-5.1 2.8-7.7.9-2.5 1.9-5.1 3-7.4.6-1.2 1.2-2.3 1.8-3.5.7-1.1 1.3-2.1 2.1-3.1 0 0 .1 0 .1-.1.2-.1.5-.2.7-.4.6-.2 1.3-.5 2-.7 1.4-.4 2.9-.8 4.4-1.1 3-.7 6.1-1.2 9.2-1.7 6.2-1 12.5-1.8 18.8-2.5 12.6-1.4 25.2-2.4 37.8-3 6.3-.3 12.6-.5 18.9-.4 3.1.1 6.3.2 9.1.6.7.1 1.4.3 1.9.4.1 0 .2 0 .2.1l.7.7c1.1 1.1 2 2.2 3 3.3 3.7 4.7 6.8 10.2 9.4 15.8 2.3 5.2 4.3 10.6 5.3 16.1h5c-.5-3.1-1.3-6.1-2.2-9-1.2-3.1-2.4-6.1-3.7-9.1"/><path fill="#FFF8EE" d="M164.1 195.7c-2.6-1-7.9-1.6-15.5-1.6-21.4 0-53 4-54.7 4.7-6.5 2.6-14.6 13.6-19.1 23.2h115.9c-1.9-7.5-18-22.9-26.6-26.3"/><path fill="#E5D0AE" d="M164.8 193.8c-2.9-1.1-8.4-1.7-16.3-1.7-21.3 0-53.5 4-55.5 4.8-7.3 3-15.9 14.7-20.5 25h2.2c4.5-9.5 12.6-20.5 19.1-23.2 1.7-.7 33.3-4.7 54.7-4.7 7.6 0 12.9.5 15.5 1.6 8.6 3.3 24.7 18.8 26.6 26.3h2c-1.7-8.6-19.1-24.7-27.8-28.1"/><path fill="#BA8449" d="M204.4 194.7c-1.2 2.5-7.5 8.9-12.8 7.4-2.8-.8-2.3 14 4.1 19.9h11.6c3.2-5.1 8.2-20.7 8.8-22.3.7-1.9-10.5-7.5-11.7-5"/><path fill="#895B2E" d="M216.7 198.4c-.2-3.2-2.1-5.5-5.5-6.3-2.7-.6-6.3-.1-7.2 1.6-1.8 3.4-4 7.5-14.9 8.1-.7 0-1.3.7-1.3 1.4s.7 1.3 1.4 1.3c11.4-.5 14.7-4.9 17.1-9.4.5-.4 3.2-.9 5.4 0 1.6.7 2.3 1.8 2.4 3.5.3 6.2-6.2 17.7-9.7 23.5h3.1c3.9-6.8 9.5-17.3 9.2-23.7"/><defs><path id="g" d="M193.5 196.5H217v27.3h-23.5z"/></defs><clipPath id="h"><use xlink:href="#g" overflow="visible"/></clipPath><g opacity=".15" clip-path="url(#h)"><path fill="#E3AB5E" d="M194.235 222.3c7.1-1.7 13.4-8.8 13.9-18.9.1-1.9-3.8-5.5-3.8-6.5s11.9.2 12.5 3c.5 2.8-7.4 19.7-10.1 22.5-2.6 2.7-16.7.9-12.5-.1"/></g><path fill="#FCD4C3" d="M199.8 187.8c-.9 6.2 11.2 14.7 19.4 14.5 6.8-.2 14.5-3.4 13.4-7.2-1.1-3.9-7.7.7-8.3-2-.5-2.6 7.7-7.5 4.4-11.1-3.1-3.3-6.7 5.2-10.3 4-3.6-1.2.7-9.5-3.8-10-5.3-.5-3.3 11.3-7.3 11.5-2.8.3-7.2-1.7-7.5.3"/><path fill="none" stroke="#F8A38F" stroke-width="2" stroke-miterlimit="10" d="M199.8 187.8c-.9 6.2 11.2 14.7 19.4 14.5 6.8-.2 14.5-3.4 13.4-7.2-1.1-3.9-7.7.7-8.3-2-.5-2.6 7.7-7.5 4.4-11.1-3.1-3.3-6.7 5.2-10.3 4-3.6-1.2.7-9.5-3.8-10-5.3-.5-3.3 11.3-7.3 11.5-2.8.3-7.2-1.7-7.5.3z"/><defs><path id="i" d="M203.2 182.8h7.8v6.4h-7.8z"/></defs><clipPath id="j"><use xlink:href="#i" overflow="visible"/></clipPath><g opacity=".5" clip-path="url(#j)"><path fill="#FCD4C3" d="M203.238 187.742c1.3 1 6 2.3 6.7.6.8-1.7 1.4-5.1.9-5.6-.4 1.6-.9 4.6-2.6 5.3-1.3.5-4.1-.1-5-.3"/></g><defs><path id="k" d="M215.9 181.2h7.7v7.2h-7.7z"/></defs><clipPath id="l"><use xlink:href="#k" overflow="visible"/></clipPath><g opacity=".5" clip-path="url(#l)"><path fill="#FCD4C3" d="M216.159 181.142c-.2 1.1-1.1 6.3 1.6 7 2.3.6 4-.8 5.8-3.7-1 .9-3.5 3.1-5.4 2.3-1.9-.9-2.1-2.9-2-5.6"/></g><defs><path id="m" d="M204.5 193h15.8v8.6h-15.8z"/></defs><clipPath id="n"><use xlink:href="#m" overflow="visible"/></clipPath><g opacity=".25" clip-path="url(#n)"><path fill="#FCD4C3" d="M204.576 195.158c13.6-6.7 16.4 4.2 15.7 6.4-5.4.9-14.9-4.7-15.7-6.4"/></g><defs><path id="o" d="M223 190.9h5.7v5H223z"/></defs><clipPath id="p"><use xlink:href="#o" overflow="visible"/></clipPath><g opacity=".5" clip-path="url(#p)"><path fill="#FCD4C3" d="M224.351 190.896c-2.3 2.6-1.2 4.7.3 5 1.9.4 4.4-1.6 4-1.6-.5 0-4.2 1.2-4.9-.6-.5-1.4.3-2.2.6-2.8"/></g><defs><path id="q" d="M66.1 182.6H195v36.5H66.1z"/></defs><clipPath id="r"><use xlink:href="#q" overflow="visible"/></clipPath><g opacity=".15" clip-path="url(#r)"><path fill="#E3AB5E" d="M69.034 208.266c43.7 25.1 130.4-.4 125.8-8.6-6.1-10.9-8.5-17.7-21.9-17.1-13.3.7-98.9 7.5-102.4 10.1-3.4 2.7-7.2 12.3-1.5 15.6"/></g><path fill="#FFF8EE" d="M164.3 57.5c19.6-1.8 31.1-22.1 43-19-8 5-15.9 15-27 31.4-2.7 3.9-21.4-11.9-16-12.4"/><path fill="none" stroke="#E5D0AE" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M164.3 57.5c19.6-1.8 31.1-22.1 43-19-8 5-15.9 15-27 31.4-2.7 3.9-21.4-11.9-16-12.4z"/><path fill="#BA8449" d="M41.8 53.1c8.8-8.2 24.7-5 37.5-.4 7.3 2.6 16.8.5 17.4 2 1.6 3.5-7.9 10.7-15.7 10.5-7.7-.1-20.6-14.6-39.2-12.1"/><path fill="none" stroke="#895B2E" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M41.8 53.1c8.8-8.2 24.7-5 37.5-.4 7.3 2.6 16.8.5 17.4 2 1.6 3.5-7.9 10.7-15.7 10.5-7.7-.1-20.6-14.6-39.2-12.1z"/><path fill="#FCD4C3" d="M177.7 67.2c4.5 1.3 21.6-32.2 29.9-28.9 26.4 10.5-8 50.9-18.9 51.8-11 .8-13.5-23.7-11-22.9"/><path fill="none" stroke="#F8A38F" stroke-width="2" stroke-miterlimit="10" d="M177.7 67.2c4.5 1.3 21.6-32.2 29.9-28.9 26.4 10.5-8 50.9-18.9 51.8-11 .8-13.5-23.7-11-22.9z"/><path fill="#FCD4C3" d="M82.3 63.2c-7.3 3.2-33.2-23.9-44.1-6.5C31 68.2 52.8 91.4 68.4 93.9s17.7-32.4 13.9-30.7"/><path fill="none" stroke="#F8A38F" stroke-width="2" stroke-miterlimit="10" d="M82.3 63.2c-7.3 3.2-33.2-23.9-44.1-6.5C31 68.2 52.8 91.4 68.4 93.9s17.7-32.4 13.9-30.7z"/><defs><path id="s" d="M180.5 44.8h18v44.6h-18z"/></defs><clipPath id="t"><use xlink:href="#s" overflow="visible"/></clipPath><g clip-path="url(#t)"><path fill="#FCD4C3" d="M198.067 44.8c-1.4 4.6-13.2 16.5-11.6 26.7.6 3.8 4.6 15 6.3 14.6s6-3.1 5.6-2.5c-.4.6-6 4.7-8.1 5.8-2.1-1.1-11-21.8-9.7-22.9 3.9-3.5 15.8-21.5 17.5-21.7"/></g><defs><path id="u" d="M38.6 51.5h44.2v31.6H38.6z"/></defs><clipPath id="v"><use xlink:href="#u" overflow="visible"/></clipPath><g clip-path="url(#v)"><path fill="#FCD4C3" d="M38.533 57.4c8-4.9 22.6-2.8 31.1 5.5 3 3 3.9 13-2.9 19.8-2.7 2.7 16-9.6 16.1-13.2 0-3.6-1.2-4.6-4-5.6-10.3-3.8-21.1-12.6-30.5-12.4-6.1.1-8.9 4.3-9.8 5.9"/></g><defs><path id="w" d="M181.1 42.2h26.2v44.2h-26.2z"/></defs><clipPath id="x"><use xlink:href="#w" overflow="visible"/></clipPath><g opacity=".25" clip-path="url(#x)"><path fill="#FCD4C3" d="M201.3 42.175c18.2 10-11.1 25.2-8.9 44.1-3.8-.4-13.2-18.7-10.9-20.3 3.2-2.2 16.7-24.6 19.8-23.8"/></g><path fill="#E5D0AE" d="M60.9 103.6c.3-1.3.5-2.7.5-4 .1-1.4.2-2.8.5-4.1.1-.7.3-1.4.6-2 .3-.6.5-1.3.7-1.9.5-1.3 1-2.6 1.6-3.8 2.3-5.1 4.9-9.9 8.1-14.4 3.2-4.5 6.7-8.7 10.7-12.3 4-3.7 8.7-6.7 13.7-8.7 5-2.1 10.4-3.4 15.8-4 5.4-.7 10.8-.8 16.2-.7 5.4.1 10.8.4 16.2 1.1 5.4.7 10.8 1.9 16 3.8 2.6 1 5.1 2.1 7.5 3.5 2.4 1.4 4.7 3.1 6.8 5.1 2.1 1.9 3.9 4.2 5.4 6.6 1.5 2.4 2.6 5 3.6 7.7.9 2.6 1.6 5.3 2.2 8s1 5.3 1.6 7.8c.3 1.2.7 2.4 1.1 3.6.5 1.2 1 2.5 1.4 3.8.9 2.5 1.9 5.1 2.8 7.6 3.5 10.2 6.6 20.6 8.5 31.2.9 5.3 1.6 10.7 1.7 16.1.1 5.4-.4 10.8-1.9 16-.4 1.3-.8 2.6-1.3 3.8-.5 1.2-1.2 2.4-1.6 3.7-.2.7-.4 1.3-.7 1.9-.3.6-.7 1.2-1.1 1.8-.7 1.1-1.6 2.3-2.5 3.3-3.5 4.2-8 7.6-12.8 10.2s-10 4.6-15.2 6.1c-5.3 1.5-10.5 2.7-15.9 3.7s-10.7 1.7-16 2.4l-8.1.9-4 .4c-1.3.1-2.7.2-4.1.3-11 .6-22-1-32.5-3.9-5.3-1.5-10.4-3.3-15.4-5.5s-9.9-4.7-14.5-7.7c-2.3-1.5-4.6-3.2-6.7-5.1-.5-.5-1.1-1-1.6-1.5s-.9-1.1-1.4-1.6c-.9-1.1-1.8-2.2-2.6-3.3-3.1-4.6-5.6-10-6.4-15.6-.9-5.7-.1-11.5 1.5-16.8 1.6-5.4 4.1-10.3 6.7-15.1 2.7-4.7 5.6-9.3 8.4-13.8 1.4-2.3 2.7-4.6 3.9-6.9 1.1-3 2.1-5.3 2.6-7.7zm4 .9c-.7 2.8-1.9 5.4-3.2 7.9s-2.7 4.8-4.1 7.1c-2.8 4.6-5.7 9.1-8.2 13.7s-4.8 9.4-6.2 14.3c-1.4 4.9-2 10-1.2 15 .8 4.9 2.9 9.6 5.9 13.7.7 1 1.6 2 2.4 3 .4.5.9 1 1.3 1.4.4.5.9.9 1.3 1.3 1.8 1.7 3.9 3.2 6.1 4.7 4.4 2.8 9 5.3 13.9 7.4 4.8 2.1 9.8 3.9 14.9 5.3s10.2 2.5 15.4 3.2c5.2.7 10.4.9 15.6.7l3.9-.3 4-.4c2.6-.2 5.3-.5 8-.8 5.3-.5 10.6-1.2 15.8-2.1 5.3-.9 10.4-1.9 15.5-3.3s10.1-3 14.9-5.1c4.7-2.2 9.3-4.9 13-8.6.9-.9 1.8-1.9 2.6-2.9.4-.5.8-1.1 1.2-1.6.4-.5.9-1 1.3-1.6.9-1.1 1.3-2.3 1.9-3.5.5-1.2.9-2.5 1.2-3.8 1.3-5.2 1.6-10.6 1.3-15.9-.4-5.3-1.3-10.6-2.6-15.8-2.5-10.4-6.2-20.4-10.1-30.3-1-2.5-2-5-3-7.4l-1.6-3.7c-.5-1.3-1-2.7-1.4-4-.7-2.7-1.2-5.3-1.8-7.9-.5-2.6-1.2-5.1-2-7.5-1.7-4.9-4.2-9.3-7.9-12.8-3.6-3.5-8.1-6.2-12.9-8.2-4.8-2-10-3.3-15.2-4.2-5.2-.9-10.5-1.4-15.8-1.7-5.3-.2-10.7-.3-16 .3-5.3.6-10.5 1.7-15.4 3.8-4.9 2-9.4 4.9-13.2 8.5-3.9 3.6-7 8-9.3 12.6-2.4 4.7-4.1 9.7-5.6 14.7-.4 1.2-.7 2.5-1 3.8-.2.6-.3 1.3-.5 1.9-.1.3-.1.7-.2 1-.1.3-.2.6-.4.9-.5 1.2-1.1 2.4-1.7 3.6-.2 1.1-.6 2.3-.9 3.6z"/><path fill="#FFF8EE" d="M62.9 104.1c-4.2 18.6-40.9 48-13 78.1 9.5 10.2 40.3 25.9 71.2 23 80.4-7.6 100.7-27 66.8-110.2-5.5-13.5.7-44.7-58.4-46.5-24.8-.7-54.6 2.7-66.6 55.6"/><path fill="#E5BFA1" d="M76.8 67.7c2.6-4 6-7.3 9.8-10C90.4 55 94.7 53 99 51.4c8.8-3.2 18-4.4 27.2-4.7 9.2-.2 18.5.5 27.5 2.8 4.5 1.2 8.9 2.8 13.1 5.1s8.1 5.1 11.4 8.6c3.3 3.5 6 7.4 8.1 11.7 2.1 4.3 3.6 8.8 4.7 13.3 1.1 4.6 1.8 9.1 2.4 13.6.3 2.3.6 4.5 1.1 6.6.2 1.1.5 2.1.8 2.9l.3.6.1.1.1.1.2.4.9 1.5c4.4 8.1 7.7 17 8.9 26.3.6 4.6.7 9.3.2 14-.5 4.6-1.7 9.2-3.5 13.5-.9 2.1-1.9 4.2-3.1 6.3l-.9 1.5c-.3.5-.6.9-1 1.5-.1.1-.1.2-.2.3-.3-.2.4.7-1.6 0-.5-.9-.2-.7-.3-.9 0-.3.1-.4.1-.6l.3-.9.5-1.6c1.4-4.3 2.6-8.6 3.1-13.1.2-2.2.3-4.4 0-6.7-.3-2.2-.9-4.3-2-6.1-.3-.5-.6-.9-1-1.3s-.7-.8-1.1-1.2c-.8-.8-1.6-1.5-2.5-2.2-1.8-1.4-3.7-2.5-5.7-3.5-4.1-1.8-8.6-2.5-13-2.3-4.5.2-8.9 1.1-13.2 2.3-2.2.6-4.3 1.3-6.5 2-1.1.4-2.2.7-3.3 1-.6.2-1.1.3-1.8.4-.6.1-1.1.2-1.7.2-4.6.5-9.1.8-13.8.7-4.6-.1-9.2-.6-13.8-1.6-4.5-1-9-2.5-13.2-4.4-4.2-2-8.2-4.4-11.8-7.4-3.6-3-6.8-6.4-9.6-10.1-5.6-7.5-9.3-16.2-11.1-25.3-.9-4.6-1.3-9.2-1.1-13.9.1-2.3.4-4.7.9-7 .6-1.8 1.4-4.1 2.7-6.2zm2 1.3c-1.1 1.8-1.8 3.8-2.3 6-.5 2.1-.7 4.3-.9 6.5-.2 4.4.3 8.9 1.2 13.2 1.9 8.7 5.6 17 11 24 2.7 3.5 5.8 6.7 9.2 9.5 3.4 2.8 7.2 5.2 11.2 7.1 4 1.9 8.2 3.3 12.6 4.3 4.3 1 8.8 1.6 13.2 1.7 4.5.2 8.9 0 13.4-.5l1.7-.2c.5-.1 1-.2 1.6-.3 1.1-.3 2.1-.6 3.2-.9 2.2-.6 4.4-1.3 6.6-1.8 4.4-1.1 9-1.9 13.7-1.9 4.6 0 9.3.8 13.5 2.8 2.1 1 4.1 2.2 5.9 3.6.9.7 1.8 1.5 2.6 2.3l1.2 1.2c.4.4.8.9 1.1 1.4 1.3 2 2 4.3 2.3 6.7s.3 4.7.1 7c-.4 4.6-1.4 9.1-2.7 13.5l-.5 1.6-.2.8c0 .1-.1.3 0 .3-.1-.1.2.2-.2-.7-1.9-.7-1.2.2-1.4-.1.2-.4.5-.9.8-1.4.3-.5.5-1 .8-1.5 1-2 1.9-4 2.7-6.1 3-8.3 3.6-17.4 2.1-26.1-.7-4.4-2-8.6-3.6-12.7s-3.5-8.1-5.7-12l-.8-1.4-.2-.4-.1-.2-.1-.2c-.2-.3-.3-.6-.4-.9-.5-1.2-.8-2.5-1.1-3.6-.5-2.3-.9-4.6-1.2-6.8-.7-4.5-1.3-8.9-2.4-13.2-1-4.3-2.4-8.5-4.3-12.4-1.9-3.9-4.2-7.5-7.2-10.7-5.8-6.3-13.8-10.5-22.3-13s-17.5-3.3-26.5-3.3c-8.9 0-17.9 1.1-26.3 3.9-4.2 1.4-8.2 3.3-11.9 5.8-3.8 2.4-7 5.4-9.4 9.1z"/><path fill="#895B2E" d="M75.6 67.2c1.5-2.4 3.3-4.3 5.1-6.1 1.9-1.8 3.9-3.3 6-4.7 4.2-2.8 8.7-5 13.4-6.7 9.4-3.3 19.3-4.6 29.1-4.4 9.7.3 19.5 1.5 28.9 4.9 4.7 1.7 9.2 3.9 13.3 6.9 4.1 2.9 7.7 6.5 10.7 10.6 2.9 4.1 5.1 8.6 6.8 13.3 1.6 4.7 2.7 9.5 3.5 14.2.4 2.4.7 4.7 1.1 7.1.4 2.3.7 4.7 1.1 6.8.2 1.1.5 2.1.9 2.9l.1.2.1.2.2.4.4.8.9 1.6c1.1 2.1 2.2 4.3 3.2 6.5 1.9 4.4 3.5 9.1 4.6 13.9 1.1 4.7 1.6 9.6 1.6 14.5-.1 9.8-2.8 19.5-7.9 27.8-.4.6-1.2.9-1.8.5-.6-.4-.8-1.1-.6-1.6 1.4-3.6 2.9-7 4-10.5 1.2-3.5 2-7.1 2-10.6s-.9-6.9-3-9.6c-.1-.2-.3-.4-.4-.5l-.2-.2-.2-.3-.9-.9c-.6-.6-1.3-1.2-2-1.7-1.4-1.1-3-2.1-4.5-3.1-6.3-3.9-13-7.3-19.8-10.7-6.8-3.3-13.7-6.5-20.5-9.6-13.8-6.3-27.6-12.6-41.2-19.4-6.8-3.5-13.5-7-20.1-11.2-3.5-2.5-6.7-4.7-9.8-7.5-1.5-1.4-3-3-4.2-5.2-.6-1.1-1.1-2.4-1.2-4 0-.8 0-1.6.2-2.4.1-.4.2-.8.4-1.2.1-.3.4-.9.5-1h.2zm5.6 3.4c-.2.3-.1.2-.2.3 0 .1 0 .1-.1.2v.4c0 .3.2.8.4 1.4.6 1.2 1.7 2.5 2.9 3.6 2.5 2.4 5.4 4.6 8.5 6.6 6.1 4.1 12.7 7.7 19.4 11.3 13.3 7 27 13.5 40.6 20.1 6.8 3.3 13.6 6.7 20.4 10.1 6.8 3.5 13.5 7 20 11.3 1.6 1.1 3.2 2.2 4.7 3.5.8.6 1.5 1.3 2.3 2 .4.4.7.7 1.1 1.2l.2.3.3.3c.2.2.3.4.5.6 1.2 1.7 2.1 3.6 2.7 5.6s.7 4.1.7 6.1c-.1 4-1.2 7.9-2.5 11.6-1.3 3.7-2.9 7.1-4.4 10.6l-2.4-1.2c4.7-8 6.9-17.2 6.8-26.4-.2-9.2-2.6-18.3-6.5-26.7-1-2.1-2-4.2-3.2-6.2l-1.8-3.2c-.7-1.3-1-2.6-1.3-3.8-.6-2.5-1-4.8-1.4-7.2s-.8-4.7-1.2-6.9c-.9-4.6-2-9-3.6-13.3-1.6-4.2-3.7-8.3-6.3-11.8-2.6-3.6-5.9-6.7-9.5-9.2-3.7-2.5-7.7-4.5-12-5.9-8.6-2.9-17.8-3.9-27-4-4.6 0-9.1.2-13.6 1-4.5.7-8.9 1.8-13.1 3.3s-8.3 3.4-12 5.8c-1.9 1.2-3.6 2.5-5.2 4s-3.1 3-4.2 4.6z"/><path fill="#BA8449" d="M77.8 68.3c-11 17 2.1 82.3 71.2 73.5 7.3-.9 31.6-13.9 48 4.3 8.9 10-3.1 35.3 0 30 3.5-5.8 16.9-28.2-3.2-62.7-6.4-11.1 4.2-64.4-65-65.1-26.5-.1-43.7 8.7-51 20"/><defs><path id="y" d="M61.7 64.6H179v111.9H61.7z"/></defs><clipPath id="z"><use xlink:href="#y" overflow="visible"/></clipPath><g opacity=".15" clip-path="url(#z)"><path fill="#E3AB5E" d="M75.968 72.433c19.9-12.8 80.1-11.9 99.3 18.8 12.8 20.4-10.6 70.8-19.3 77.2-8.6 6.4-20.6 12-52.2 4.4-26.8-6.4 13.5-31.3-17.9-34.9-28.7-3.3-31.6-51.5-9.9-65.5"/></g><defs><path id="A" d="M118.5 119.2h13.1v5.5h-13.1z"/></defs><clipPath id="B"><use xlink:href="#A" overflow="visible"/></clipPath><g opacity=".25" clip-path="url(#B)"><path fill="#E3AB5E" d="M131.6 121.966c0 1.5-2.9 2.8-6.5 2.8s-6.5-1.2-6.5-2.8c0-1.5 2.9-2.8 6.5-2.8 3.6.1 6.5 1.3 6.5 2.8"/></g><path fill="#F8A38F" d="M120.1 113.8c1.5-1 9.5-.7 10.5.4 1 1 3.2 5.2.7 7-.9.6-.9-1.9-2.9-1.5-2.4.5-1.1 3.6-3 3.6-2.9-.1-.1-3.4-2.6-3.8-1.9-.4-2.3 1.5-3.2 1.3-2.9-.6-1.6-5.6.5-7"/><defs><path id="C" d="M117.9 113.2h14.5v9.9h-14.5z"/></defs><clipPath id="D"><use xlink:href="#C" overflow="visible"/></clipPath><g clip-path="url(#D)"><path fill="#F8A38F" d="M124.42 113.205c-1.9 0-3.7.2-4.3.6-2.1 1.4-3.4 6.4-.6 6.9h.1c.7 0 1.1-1.4 2.6-1.4h.5c2.5.4-.2 3.8 2.6 3.8 1.8 0 .5-3 3-3.5h.4c1.4 0 1.6 1.6 2.2 1.6.1 0 .2 0 .3-.1 2.6-1.8.4-6-.7-7-.5-.5-3.4-.9-6.1-.9m0 .7c3 0 5.3.4 5.7.7.6.6 1.8 2.8 1.6 4.4-.1.6-.3 1.1-.7 1.4 0-.1-.1-.1-.2-.2-.4-.5-1-1.3-2.1-1.3-.2 0-.4 0-.5.1-1.7.4-2 1.7-2.3 2.6-.2.9-.3.9-.6.9-.8 0-.8-.2-.8-1.1 0-.9 0-2.3-1.8-2.6h-.6c-1.1 0-1.8.7-2.3 1.1-.1.1-.3.3-.4.3-.4-.1-.8-.3-1-1.1-.3-1.4.7-3.8 1.8-4.6.6-.4 2-.6 4.2-.6"/></g><defs><path id="E" d="M74.1 124.9H187V189H74.1z"/></defs><clipPath id="F"><use xlink:href="#E" overflow="visible"/></clipPath><g opacity=".25" clip-path="url(#F)"><path fill="#F7E8D0" d="M186.799 140.05c3 19.2-21 43.3-53.3 48.3-32.3 4.9-56.1-23.9-59.1-43.2-3-19.2 16.8-11.9 49.1-16.8s60.3-7.5 63.3 11.7"/></g><defs><path id="G" d="M80 125.9h93.6v47.5H80z"/></defs><clipPath id="H"><use xlink:href="#G" overflow="visible"/></clipPath><g opacity=".5" clip-path="url(#H)"><path fill="#D8CAB2" d="M102.515 169.277c-.9-1.4-1.4-3.1-1.9-4.7l-1.5-4.8c-1-3.2-2.1-6.4-3.6-9.4s-3.4-5.8-5.8-7.9c-2.4-2.1-5.3-3.5-8.4-4.1-1.1-.4-1.6-1.5-1.2-2.5.4-1 1.4-1.5 2.3-1.3 7.2 1.7 14.7 2.5 22.1 2.6s15-.3 22.5-1.2c7.5-.9 14.9-2.2 22.2-3.9 7.3-1.7 14.6-3.7 21.7-6.1 1.1-.4 2.2.2 2.5 1.2.3.8 0 1.6-.6 2.1-.2.2-.6.5-.9.8-.3.3-.6.7-.9 1-.6.7-1.2 1.5-1.8 2.3-1.2 1.6-2.3 3.2-3.3 4.9-2.2 3.3-4.2 6.7-6.1 10.2-1.9 3.5-3.8 7-5.5 10.5-.9 1.8-1.7 3.6-2.4 5.4-.4.9-.7 1.8-1.1 2.8-.2.5-.3.9-.4 1.4v.2c0 .1 0 .1-.1.2 0 .1-.1.2-.2.2-.1.1-.2.2-.4.3-.2.2-.5.3-.7.4-1.9.8-3.9 1.2-5.8 1.6-1.9.4-3.9.7-5.9.9-4 .5-7.9.9-11.9 1-4 .2-8 .2-11.9-.2-2-.2-4-.5-5.9-1-1-.3-1.9-.6-2.8-1.1-.9-.4-1.7-1-2.3-1.8m.1-.1c.5.8 1.4 1.4 2.3 1.8.9.4 1.8.7 2.8 1 1.9.5 3.9.8 5.9.9 4 .3 7.9.3 11.9.1 4-.2 7.9-.7 11.8-1.2 1.9-.3 3.9-.6 5.8-1.1s3.9-.9 5.6-1.7c.2-.1.4-.2.6-.4.2-.1.3-.2.3-.3.1-.5.2-1 .4-1.5.3-1 .6-1.9.9-2.9.7-1.9 1.4-3.7 2.2-5.6 1.6-3.7 3.2-7.3 4.9-10.9 1.7-3.6 3.5-7.2 5.4-10.7.9-1.8 1.9-3.5 3-5.3.5-.9 1.1-1.8 1.7-2.6.3-.4.6-.9.9-1.3.4-.4.7-.9 1.2-1.3l1.9 3.4c-7.3 2.5-14.6 4.5-22.1 6.2-7.5 1.7-15 3.1-22.6 4-7.6.9-15.3 1.4-23 1.2s-15.4-1.1-23-2.9l1.1-4c3.3 2 6.3 3.9 8.6 6.6 2.3 2.7 3.9 5.8 5.2 9 1.2 3.2 2.2 6.5 3 9.7.4 1.6.9 3.3 1.3 4.9.6 1.9 1.1 3.5 2 4.9"/></g><defs><path id="I" d="M81 126.9h91.6v46.5H81z"/></defs><clipPath id="J"><use xlink:href="#I" overflow="visible"/></clipPath><g opacity=".5" clip-path="url(#J)"><path fill="#D8CAB2" d="M102.532 169.288c-.9-1.4-1.4-3-1.9-4.6-.5-1.6-.9-3.2-1.4-4.8-1-3.2-2-6.4-3.5-9.5-1.4-3-3.3-5.8-5.6-8-2.4-2.3-5.3-3.9-8.4-4.6v-.1c-.5-.2-.8-.8-.6-1.3.2-.5.7-.8 1.2-.7 7.3 1.7 14.8 2.5 22.4 2.6s15.1-.3 22.6-1.2c7.5-.9 14.9-2.3 22.3-3.9 7.4-1.7 14.7-3.7 21.8-6.1.5-.2 1.1.1 1.3.6.1.4 0 .8-.3 1.1-.6.5-1.3 1.3-1.9 2-.6.7-1.2 1.6-1.8 2.3-1.1 1.6-2.2 3.3-3.2 5-2.1 3.3-4.1 6.8-6 10.3-1.9 3.5-3.7 7-5.3 10.6l-2.4 5.4c-.4.9-.7 1.8-1 2.8-.2.5-.3.9-.4 1.4-.1.4-.4.5-.6.7-.2.2-.5.3-.7.4-1.9.8-3.9 1.2-5.8 1.6-1.9.4-3.9.7-5.9 1-3.9.5-7.9.9-11.9 1.1-4 .2-8 .2-11.9-.2-2-.2-4-.5-5.9-1-1-.3-1.9-.6-2.8-1-1-.5-1.9-1.1-2.4-1.9m0-.1c.5.8 1.4 1.4 2.3 1.9.9.4 1.8.7 2.8 1 1.9.5 3.9.8 5.9.9 4 .4 7.9.3 11.9.1 4-.2 7.9-.6 11.9-1.2 1.9-.3 3.9-.6 5.9-1.1 1.9-.4 3.9-.9 5.6-1.7.2-.1.4-.2.6-.4.2-.1.4-.3.4-.4.1-.5.2-1 .4-1.5.3-1 .6-1.9 1-2.8.7-1.9 1.5-3.7 2.3-5.5 1.6-3.7 3.3-7.2 5.1-10.8 1.8-3.6 3.6-7.1 5.6-10.6 1-1.8 2-3.5 3.1-5.1.5-.9 1.1-1.7 1.7-2.5.6-.8 1.2-1.6 2.1-2.4l1 1.8c-7.2 2.5-14.6 4.5-22 6.2s-14.9 3-22.5 4c-7.6.9-15.2 1.4-22.9 1.2-7.6-.2-15.3-1-22.8-2.7l.5-1.9c3.3 1.3 6.3 3.3 8.6 5.9 2.3 2.6 4 5.6 5.3 8.7 1.3 3.1 2.3 6.3 3.2 9.6.4 1.6.9 3.2 1.4 4.9.2 1.4.7 3 1.6 4.4"/></g><path fill="#333" d="M102.6 169.2c5.1 8 46.8 2.5 47.5-.7 1.8-8.1 16.8-36.7 21.6-40.7-8.6 3-53.3 17.3-89.6 8.6 16.3 5.5 16.5 26.6 20.5 32.8"/><g><defs><path id="K" d="M82 127.9h89.6v45.4H82z"/></defs><clipPath id="L"><use xlink:href="#K" overflow="visible"/></clipPath><g clip-path="url(#L)"><path fill="#333" d="M171.55 127.95c-6.7 2.3-34.9 11.4-64.1 11.4-8.6 0-17.2-.8-25.5-2.7 16.4 5.3 16.6 26.5 20.6 32.7 1.9 3 9.2 4.1 17.5 4.1 13.4 0 29.5-2.8 30-4.8 1.8-8.2 16.7-36.8 21.5-40.7m-5.6 3.9c-6.5 9.8-15.9 28.7-17.8 35.8-2.5 1.4-15.4 3.8-28.1 3.8-10.2 0-14.8-1.7-15.8-3.2-1-1.5-1.8-4.3-2.6-7.5-1.7-6.1-4.1-14.5-9.8-20.3 5 .6 10.2.9 15.7.9 23.8-.1 47.1-6.1 58.4-9.5"/></g></g><path fill="#FCD4C3" d="M119.7 173.4c-8.6 0-14.2-1.2-16.4-3.6-.2-.2-.2-1.4.8-3.7 2.4-5.5 9.8-14.9 22.6-15.7.9 0 1.7-.1 2.5-.1 15 0 24 7.6 24 8.9-.2.4-.4 1-.7 1.8-.8 1.9-2 4.9-3.1 8.1-1.3 1.3-16.3 4.3-29.7 4.3"/><path fill="#F8A38F" d="M129.2 149.8c-.9 0-1.7 0-2.6.1-17.5 1.1-25.6 18.4-23.8 20.5 2.6 2.8 9.3 3.8 16.9 3.8 13.5 0 29.8-3.1 30.3-4.6 1.5-4.5 3.2-8.2 3.9-10 .6-1.8-9.5-9.9-24.7-9.8m0 1.3c13.4 0 22.4 6.4 23.3 8.3-.2.4-.4.9-.6 1.5-.8 1.9-2 4.7-3.1 7.9-2.1 1.2-16.1 3.9-29.1 3.9-8.1 0-13.7-1.2-15.8-3.3-.1-.7.6-3.5 3.1-7 2.2-3.2 8.6-10.7 19.7-11.3h2.5"/><g><defs><path id="M" d="M103.1 149.4h50.2v20.7h-50.2z"/></defs><clipPath id="N"><use xlink:href="#M" overflow="visible"/></clipPath><g clip-path="url(#N)"><path fill="#FCD4C3" d="M103.084 169.317c-1.2 5.4 31.9-21.1 49.7-8.4 3.7-4.9-16-13.2-27.5-11.3-9.7 1.7-19.7 7.9-22.2 19.7"/></g></g><path fill="#FFF7E3" d="M109.8 140.8c1.7 3 4.8 17.6 6.1 17.9s9.5 2.6 10.6 2.1c1.2-.5 1.1-3.3 2.3-2.5 1 .7 1.5 2 2.5 1.5 1.8-.9 7.1-4.2 8-5.6.8-1.5.7-9.8 0-16.4-3.4 1.6-23.5 3.7-29.5 3"/><g><defs><path id="O" d="M109.8 137.9h30.1v23.2h-30.1z"/></defs><clipPath id="P"><use xlink:href="#O" overflow="visible"/></clipPath><g clip-path="url(#P)"><path fill="#FFDC99" d="M139.35 137.85c-3 1.3-18.7 3.1-26.6 3.1-1.2 0-2.1 0-2.9-.1 1.7 3 4.8 17.6 6.1 17.9 1.2.3 8 2.2 10.1 2.2.2 0 .4 0 .5-.1 1-.4 1.1-2.6 1.9-2.6.1 0 .3 0 .4.2.9.5 1.3 1.6 2.1 1.6.1 0 .3 0 .4-.1 1.8-.9 7.1-4.2 8-5.6.9-1.5.7-9.8 0-16.5m-.5.9c.6 6.8.6 14 0 15.2-.7 1.2-5.5 4.3-7.7 5.4h-.1c-.2 0-.5-.3-.7-.6-.3-.3-.6-.6-1-.9-.3-.2-.5-.3-.8-.3-.9 0-1.2.9-1.5 1.6-.2.4-.4 1-.7 1.1h-.3c-1.7 0-6.8-1.4-8.9-1.9-.4-.1-.7-.2-.9-.2-.6-.7-1.9-5.4-2.9-8.8-.9-3.1-1.7-6-2.4-7.7h1.9c7.5 0 21.5-1.6 26-2.9"/></g></g><g><defs><path id="Q" d="M109.9 137.5h29.7v10.3h-29.7z"/></defs><clipPath id="R"><use xlink:href="#Q" overflow="visible"/></clipPath><g clip-path="url(#R)"><path fill="#EADCBE" d="M112.151 147.85c-.5-5.4 24.4-7.2 27.5-6.7 0-1.3-.2-2.1-.2-3.6-4.1 2.1-26.5 4.3-29.5 3.4.3.6 1.4 3.6 2.2 6.9"/></g></g><g><defs><path id="S" d="M124 143.8h5.5v14.7H124z"/></defs><clipPath id="T"><use xlink:href="#S" overflow="visible"/></clipPath><g clip-path="url(#T)"><path fill="#FFDC99" d="M124.558 143.768c.5 1.2 1 2.3 1.4 3.5l1.2 3.6 1.1 3.6 1.1 3.6-1.7.5-.8-3.7-.9-3.7-.9-3.6c-.4-1.2-.7-2.4-1.1-3.5l.6-.3z"/></g></g><g><defs><path id="U" d="M39.1 51.5h39.4v35.7H39.1z"/></defs><clipPath id="V"><use xlink:href="#U" overflow="visible"/></clipPath><g opacity=".4" clip-path="url(#V)"><path fill="#FCD4C3" d="M40.384 59.116c13.2 3.4 11.1 26.2 18.9 28 7.9 1.8 18.2-18.8 19.2-23.3-15.2-6.5-22.3-14.1-33.2-11.9-3.6.7-8.6 6.2-4.9 7.2"/></g></g><g><defs><path id="W" d="M59.9 88.7h133.7v42.5H59.9z"/></defs><clipPath id="X"><use xlink:href="#W" overflow="visible"/></clipPath><g opacity=".5" clip-path="url(#X)"><path fill="#E3AB5E" d="M76.967 125.833c16.6 1.3 30.3 2 35.2-3.1s6.7-27.7 14.7-27.1c6.8.5 9.1 29.9 13.5 30.7 4.4.9 35.5 9.4 43.3 1.4 7.7-8 11.3-13 9.5-17.8-1.8-4.8-47.3-20.3-56.6-21.2-9.3-.9-72.1 7-73.7 10.9-1.6 4-3.3 3.4-3 7.6.6 8.1.5 17.3 17.1 18.6"/></g></g><path fill="#333" d="M123.5 92.4c1.2 0 5.9-.4 7 .5 6 4.7 5.8 24 12.1 30 5.6 5.4 36.2 9.3 41.5 3.2 5.3-6.1 13.1-24.7 14.9-26.1 1.8-1.3 5.8-2.3 7-4.2 1.2-1.8.2-10-2.6-9.6-2.8.4-8.1 2.1-11.4 1.2-3.3-1-19.4-11.1-59.9-5-3.9.6-7.8 0-10.5-.7S103.7 72.2 63 78c-4 .6-9.6-1.2-11.6-1-2 .2-2.6 6.5-1.8 8.1s5 3 5.5 5 4.2 21.6 13.8 29.7c10.2 8.6 36.2 2.6 38.5 1 10.3-7.3 12.6-28.4 16.1-28.4"/><g><defs><path id="Y" d="M49.1 76.1h157.3v53.1H49.1z"/></defs><clipPath id="Z"><use xlink:href="#Y" overflow="visible"/></clipPath><g clip-path="url(#Z)"><path fill="#1A1A1A" d="M88.438 76.123c-7.1 0-15.6.5-25.6 2-.6.1-1.2.1-1.8.1-3.5 0-7.6-1.1-9.5-1.1h-.3c-2 .2-2.6 6.5-1.8 8.1.8 1.7 5 3 5.5 5s4.2 21.6 13.8 29.7c4 3.4 10.6 4.5 17.2 4.5 10 0 19.9-2.5 21.3-3.5 10.4-7.4 12.8-28.5 16.3-28.5.5 0 1.8-.1 3-.1 1.6 0 3.3.1 3.9.5 6 4.7 5.8 24 12.1 30 3.6 3.4 17.4 6.3 28.2 6.3 6.1 0 11.3-.9 13.2-3.1 5.3-6.1 13.1-24.7 14.9-26.1 1.8-1.4 5.8-2.3 7-4.2 1.1-1.8.2-9.6-2.5-9.6h-.2c-2.2.3-6 1.4-9.1 1.4-.8 0-1.6-.1-2.3-.3-2.6-.8-12.7-6.9-35.7-6.9-6.9 0-14.9.5-24.2 1.9-1.1.2-2.3.2-3.3.2-2.7 0-5.2-.4-7.1-.9-2-.2-11.2-5.4-33-5.4m0 2c18.1 0 27.4 3.6 30.8 5 .7.3 1.2.5 1.7.6 1.8.4 4.5 1 7.6 1 1.2 0 2.5-.1 3.6-.3 8.5-1.3 16.5-1.9 23.9-1.9 19 0 28.9 4.2 33.2 6.1.9.4 1.5.6 2 .8.9.3 1.8.4 2.9.4 2.2 0 4.6-.5 6.6-.9.9-.2 1.8-.4 2.5-.5.9 1 1.5 5.4 1 6.6-.4.6-2.1 1.4-3.3 1.9-1.2.5-2.3 1-3.1 1.6-1.1.8-2.2 2.9-5.4 9.3-3.1 6.1-6.9 13.7-9.8 17-1 1.2-4.6 2.4-11.8 2.4-10.5 0-23.9-2.8-26.9-5.7-2.8-2.6-4.2-8.7-5.6-14.6-1.6-6.6-3.1-12.8-6.6-15.6-.9-.7-2.3-1-5.1-1h-3.1c-2.8 0-4 3.3-6.1 9.3-2.3 6.6-5.6 15.5-11.3 19.6-1.3.8-10.7 3.2-20.2 3.2-7.3 0-12.8-1.4-15.9-4-3.8-3.2-9.1-10.7-12.9-27.8-.1-.4-.2-.7-.2-.9-.5-1.9-2.3-3-3.8-4-.6-.4-1.6-1.1-1.8-1.4-.4-.9 0-4.2.6-5.3.7 0 1.7.2 2.8.4 1.9.3 4.3.7 6.5.7.7 0 1.5 0 2.1-.2 8.9-1.1 17.4-1.8 25.1-1.8"/></g></g><g><defs><path id="aa" d="M64.4 83.4h50.5v34.2H64.4z"/></defs><clipPath id="ab"><use xlink:href="#aa" overflow="visible"/></clipPath><g opacity=".5" clip-path="url(#ab)"><path fill="none" stroke="#333" stroke-width="4" stroke-miterlimit="10" d="M66.2 90.45c-.9 1.2-1.5 18.9 6 23.7 4.9 3.2 25.7 2.5 29.9.2 6.5-3.7 12.9-20.5 11.1-22.9-3-4-24.6-9.3-40.8-5.1-2 .4-5.1 2.6-6.2 4.1z"/></g></g><path fill="#FFF" d="M66.2 90.4c-.9 1.2-1.5 18.9 6 23.7 4.9 3.2 25.7 2.5 29.9.2 6.5-3.7 12.9-20.5 11.1-22.9-3-4-24.6-9.3-40.8-5.1-2 .5-5.1 2.6-6.2 4.1"/><g><defs><path id="ac" d="M139.8 88.1h50.1v35h-50.1z"/></defs><clipPath id="ad"><use xlink:href="#ac" overflow="visible"/></clipPath><g opacity=".5" clip-path="url(#ad)"><path fill="none" stroke="#333" stroke-width="4" stroke-miterlimit="10" d="M188.394 98.163c.8 1.3-1 18.9-9 22.8-5.3 2.5-25.8-.9-29.6-3.7-6-4.5-10.2-22-8.1-24.2 3.5-3.6 25.6-6 41.1.2 1.9.7 4.7 3.3 5.6 4.9z"/></g></g><path fill="#FFF" d="M188.4 98.2c.8 1.3-1 18.9-9 22.8-5.3 2.5-25.8-.9-29.6-3.7-6-4.5-10.2-22-8.1-24.2 3.5-3.6 25.6-6 41.1.2 1.9.7 4.6 3.2 5.6 4.9"/><path d="M89.9 101.2c-.5 3.9-2.5 6.8-4.4 6.5-1.9-.3-2.9-3.6-2.4-7.5s2.5-6.8 4.4-6.5c1.9.3 2.9 3.6 2.4 7.5M169.6 105.6c.4 3.9-.8 7.2-2.6 7.4-1.9.2-3.7-2.8-4.1-6.7-.4-3.9.8-7.2 2.6-7.4 1.8-.1 3.6 2.9 4.1 6.7"/><g><defs><path id="ae" d="M49.1 81.6h156.3v46H49.1z"/></defs><clipPath id="af"><use xlink:href="#ae" overflow="visible"/></clipPath><g opacity=".3" clip-path="url(#af)"><path fill="#333" d="M51.475 82.75c2.3 1.5 4.4.6 4.9 3.6s7.4 29 16 32c14.1 4.9 31.9.1 34.3-1.4 2.4-1.5 13.7-26.8 15.6-27.8 1.9-1 7.9.1 9.2.7 3.9 1.7 11.1 29.1 13 30.5 8.7 6.1 36.6 5.6 37.9 4 1.4-1.7 11.8-25.6 13.7-27 2.7-2.1 9-3.5 9.2-2.6.2.9-5.1 1.8-6.7 3.7-1.6 2-12.1 24.9-15.4 26.9-3.3 2-27.7 5.3-40.1-3.4-5.9-4.2-8.2-29.1-12.9-30.5-3-.9-5.3-.8-7.5-.2-2.9 1.9-7 23.1-15.7 28.4-3.5 2.1-30.6 7.4-38.7-1.1-15.1-15.8-10.5-29.9-15.4-31.9-3.3-1.4-4-3.2-4-4.4.3-1.3 1.4-.3 2.6.5"/></g></g><g><defs><path id="ag" d="M51.6 77.2h20.2v3H51.6z"/></defs><clipPath id="ah"><use xlink:href="#ag" overflow="visible"/></clipPath><g opacity=".3" clip-path="url(#ah)"><path fill="#333" d="M51.75 77.45c-1.6-.6 6.8 2.9 9.9 2.7 3.1-.2 8.3-2.4 10-2.9 1.5-.5-7.8 1.2-10.1 1.1s-8.9-.6-9.8-.9"/></g></g><g><defs><path id="ai" d="M116.6 82.1h21.7v5.3h-21.7z"/></defs><clipPath id="aj"><use xlink:href="#ai" overflow="visible"/></clipPath><g opacity=".3" clip-path="url(#aj)"><path fill="#333" d="M116.6 82.15c2.9 1.3 4.2 4.6 7 4.9s6.2.8 7.8-.1c1.6-.9 5.6-3 6.7-3.2 1.2-.2-8.7 1.3-12.4 1-3.7-.4-8-2.5-9.1-2.6"/></g></g><g><defs><path id="ak" d="M187.4 86h12.3v3.9h-12.3z"/></defs><clipPath id="al"><use xlink:href="#ak" overflow="visible"/></clipPath><g opacity=".3" clip-path="url(#al)"><path fill="#333" d="M187.575 85.975c-1.2-.5 4.4 4 6.1 3.8 1.7-.2 4.7-2.1 6-2.6 1-.4-4 1-5.5.7-1.5-.1-5.4-1.4-6.6-1.9"/></g></g><g><defs><path id="am" d="M62.3 82.8h28.9v28.6H62.3z"/></defs><clipPath id="an"><use xlink:href="#am" overflow="visible"/></clipPath><g opacity=".3" clip-path="url(#an)"><path fill="#333" d="M63.05 87.825c7.4-7.3 25-4.8 28.2-4.2-21.1 1.5-21.5 3.1-25.2 6.8-.5 2.9-1.2 12.5 2.1 20.9-3.7-2-7.6-21-5.1-23.5"/></g></g><g><defs><path id="ao" d="M165.1 87.8h27.8v30.5h-27.8z"/></defs><clipPath id="ap"><use xlink:href="#ao" overflow="visible"/></clipPath><g opacity=".3" clip-path="url(#ap)"><path fill="#333" d="M192.46 95.698c-6.4-8.2-24.1-8.1-27.4-7.8 20.7 4.3 20.9 5.9 24.1 10.1.2 2.9-.4 12.5-4.7 20.4 3.8-1.6 10.1-20 8-22.7"/></g></g><g><defs><path id="aq" d="M65.8 84.8h47.8v27.5H65.8z"/></defs><clipPath id="ar"><use xlink:href="#aq" overflow="visible"/></clipPath><g clip-path="url(#ar)"><path fill="#D0DDDC" d="M66.412 102.575c.7-8.6 1.5-15.6 18.6-16.1 13.7-.4 24.6 2.8 26.1 6.1 1 2.1.2 11.3-6.6 19.7 4.4-3.9 11.4-19.4 8.4-21.3-11.1-7.1-33.2-7.3-41.4-4.4-1.5.5-3.9 2.2-5.5 4-.3 2.2-.3 10.8.4 12"/></g></g><g><defs><path id="as" d="M66.8 103H102v13.9H66.8z"/></defs><clipPath id="at"><use xlink:href="#as" overflow="visible"/></clipPath><g clip-path="url(#at)"><path fill="#D0DDDC" d="M66.884 103.2c2.6 16.8 33.3 11.7 35.1 11-.1.9-16.1 5.4-29.5.2-5.4-2-5.8-13.1-5.6-11.2"/></g></g><g><defs><path id="au" d="M141.2 89.5h47.7V115h-47.7z"/></defs><clipPath id="av"><use xlink:href="#au" overflow="visible"/></clipPath><g clip-path="url(#av)"><path fill="#D0DDDC" d="M186.957 110.087c.4-8.7.4-15.6-16.4-18.2-13.5-2.1-24.7-.3-26.7 2.8-1.2 1.9-1.6 11.2 4.2 20.4-3.9-4.5-9-20.6-5.7-22.2 11.9-5.7 33.9-3.2 41.6.7 1.4.7 3.7 2.6 5 4.7-.1 2.1-1.1 10.7-2 11.8"/></g></g><g><defs><path id="aw" d="M150.2 110.4h36.3v11.7h-36.3z"/></defs><clipPath id="ax"><use xlink:href="#aw" overflow="visible"/></clipPath><g clip-path="url(#ax)"><path fill="#D0DDDC" d="M186.383 110.613c-4.6 16.3-34.5 7.5-36.2 6.6 0 .9 15.3 7.3 29.3 3.9 5.6-1.4 7.5-12.4 6.9-10.5"/></g></g><g><defs><path id="ay" d="M87.3 95.2h2v2h-2z"/></defs><clipPath id="az"><use xlink:href="#ay" overflow="visible"/></clipPath><g opacity=".25" clip-path="url(#az)"><path fill="#FFF" d="M89.375 96.2c0-.5-.4-1-1-1s-1 .4-1 1 .4 1 1 1 1-.4 1-1"/></g></g><g><defs><path id="aA" d="M166.3 99.9h2v2h-2z"/></defs><clipPath id="aB"><use xlink:href="#aA" overflow="visible"/></clipPath><g opacity=".25" clip-path="url(#aB)"><path fill="#FFF" d="M168.375 100.9c0-.5-.4-1-1-1-.5 0-1 .4-1 1s.4 1 1 1c.5 0 1-.5 1-1"/></g></g><g><defs><path id="aC" d="M52 79.1h64.8v9.5H52z"/></defs><clipPath id="aD"><use xlink:href="#aC" overflow="visible"/></clipPath><g opacity=".1" clip-path="url(#aD)"><path fill="#D0DDDC" d="M52.025 81.675c2.4 2.7 3.9 3 7.1 2.6 31.1-4 48.3-3.9 56.8 4 1.8 1.7.8-5.1-2.6-6-26.2-6.9-45.2-.7-49.2-.2-4.1.6-7-.3-12.1-.4"/></g></g><g><defs><path id="aE" d="M137.7 82.3h47.9v9.2h-47.9z"/></defs><clipPath id="aF"><use xlink:href="#aE" overflow="visible"/></clipPath><g opacity=".1" clip-path="url(#aF)"><path fill="#D0DDDC" d="M138.025 85.675c-.7.7-.4 7.9 3 5.2 9.8-7.8 30.3-6 44.6-1.2-2.3-4.5-19-7.6-28.4-7.5-4.5.2-17.3 1.5-19.2 3.5"/></g></g><path fill="#D0DDDC" d="M197.2 91.4c0 .3-1.6.5-3.5.5s-3.5-.2-3.5-.5 1.6-.5 3.5-.5c2 0 3.5.3 3.5.5M62.4 82.8c0 .3-1.6.3-3.5 0s-3.4-.8-3.3-1.1 1.6-.3 3.5 0c1.9.2 3.4.7 3.3 1.1"/><g><path fill="#FFF" d="M256.04 243.036c-.6-6.1-5.1-8.8-9.2-8.8-1.9 0-3.4.5-4 .8l-.8.4-.7.5c-1 .7-2.7 1.8-4.2 2.3-.1-1.2 0-2.8.2-4.2v-.2c1.1-10.7-1.1-17-6.7-18.6-.9-.3-1.9-.4-2.9-.4-3.4 0-6.4 1.6-8.3 3-1.6-2.1-4.4-3.2-7.8-3.2-5.1 0-9.2 2.4-10.7 6.2-.2.4-.4 1-.6 1.8-3-6.6-9.1-9.1-14.8-9.1-5.4 0-10.6 2.1-12.5 3.6-.1.1-.2.1-.3.2-5.1 3.6-9.1 8.2-11.9 13.7-1.4-4.7-4.4-9.2-9.7-12.5l-.1-.1c-.2-.1-.3-.2-.4-.2 5.3-9.3 9.9-21.7 7.1-33.5-3-12.6-10.4-14.4-14.5-14.4-1.7 0-3.5.3-5.3.9h-.2c-7.8 3.1-11.2 7.7-12 8.8-.8 1.2-9.3 14.2-11.4 33.2-.2 2.1-.5 4.3-.7 6.5-1.2-1.7-3.2-3.3-6.3-4.2-1-.3-2-.4-3-.4-4.3 0-7.8 2.6-9.7 4.4-1.6-2.4-4.2-3.9-7.1-4h-.7c-4.6 0-8.2 2-10.9 4.3-1.7-3-4.9-4.9-8.6-4.9h-1.5c-5.1 0-9.1 2.4-10.7 6.4-.1.3-.3.7-.4 1.2-4-5-9.1-7.3-16-7.3h-.7c-4.3.1-14.9 1.9-21.5 16.6-1 2.3-1.8 4.6-2.4 6.8-1.4-.7-2.8-.8-3.7-.8-3.4 0-6 1.9-7.2 3.8-1 1.5-4.2 6.7-2.6 11.9.9 2.8 2.8 4.9 5.6 6 2.5 1 5.6 1.9 7.9 2.6 1.4 3.3 4 7 8.6 10.5 3.2 2.5 7.4 3.7 12.2 3.7 8.2 0 16.1-3.5 16.9-3.9l.3-.2.1-.1c1.6 1.6 3.6 2.8 6.2 3.3.8.2 1.8.3 3 .3 4.4 0 7.5-2.3 10.4-6.5 2.3 3.7 6.6 5.7 11.6 5.7.3 0 .5.2.9.2 2.6 0 6-.9 8.7-5.4 2.3 4.1 6.5 6.5 11.5 6.5 4.4 0 8.3-1.8 9-2.2l.2-.1c1.5-.8 2.7-1.5 3.7-2 3.3 1.8 8.3 3.7 14.5 3.7 1.1 0 2.1 0 3.2-.2h.6c13-2.6 21.5-5.7 26.6-8.1 3.5 4 9.2 7.8 17.2 8.4.9.1 1.8.1 2.7.1 6.6 0 11.9-1.9 15.8-3.9 1.2 1.3 2.8 2.5 4.8 3.3 1.2.5 2.5.7 3.7.7 8.1 0 11.9-9.6 12.9-12.9l1.9-5.2c1.7 1.8 3.9 3.3 6.7 4.1 1.5.4 3.2.7 4.8.7 8.9 0 17.5-6.3 18.8-7.4 2.3-2.3 4.9-6.5 4.4-12.2"/></g><g><path fill="#E24B31" d="M174.35 245.713s-1.1-4 3.1-11.6 7.4-3.5 7.4-3.5 3.6 3.9-.5 9.7c-4.1 5.8-10 5.4-10 5.4m-32.1 5.5c-4.8 12.5-16.4 7.4-16.4 7.4s-1.3-4.5 2.5-17 12.6-7.6 12.6-7.6 6.1 4.7 1.3 17.2m-8.7-52.5s7.2-18.9 9-9.7c1.8 9.2-15.2 36.5-15.2 36.5.2-6.1 6.2-26.8 6.2-26.8m-103.5 47c.3-12.1 8.2-17.4 11-14.8 2.8 2.6 1.8 8.4-3.5 11.9-5.1 3.6-7.5 2.9-7.5 2.9m219.3-2c-.4-4.1-4.1-2.6-4.1-2.6s-5.9 4.6-11.1 4.1c-5.2-.5-3.5-12.1-3.5-12.1s1.1-10.7-1.9-11.6c-3.1-.9-6.8 2.8-6.8 2.8s-4.7 5.2-6.9 11.8l-.6.2s.7-11.6-.1-14.3c-.6-1.3-6.2-1.2-7.1 1.1-.9 2.3-5.4 18.6-5.7 25.5 0 0-8.8 7.4-16.4 8.7-7.7 1.2-9.5-3.6-9.5-3.6s20.8-5.8 20.1-22.4c-.7-16.6-16.8-10.5-18.6-9.1-1.8 1.3-11.1 7-13.9 22.6-.1.5-.3 2.9-.3 2.9s-8.1 5.4-12.5 6.8c0 0 12.5-21.1-2.8-30.7-6.9-4.2-12.5 4.6-12.5 4.6s20.7-23 16.1-42.5c-2.2-9.3-6.8-10.3-11.1-8.8-6.5 2.6-8.9 6.3-8.9 6.3s-8.4 12.1-10.3 30.2-4.8 39.8-4.8 39.8-4 3.9-7.6 4.1c-3.7.2-2-10.9-2-10.9s2.8-16.9 2.6-19.8-.4-4.4-3.8-5.4c-3.3-1-7 3.3-7 3.3s-9.7 14.7-10.5 16.9l-.5.9-.5-.6s6.8-20 .3-20.3c-6.5-.3-10.8 7.1-10.8 7.1s-7.4 12.5-7.7 13.9l-.5-.6s3.1-14.5 2.5-18.1c-.6-3.6-4-2.8-4-2.8s-4.3-.5-5.4 2.3c-1.1 2.8-5.2 21-5.7 26.8 0 0-10.7 7.7-17.7 7.7-7 .1-6.3-4.5-6.3-4.5s25.8-8.8 18.8-26.3c-3.2-4.5-6.8-5.9-12-5.8-5.2.1-11.3 3.3-15.5 12.6-2 4.5-2.8 8.7-2.8 11.9 0 0-4.8.9-7.3-1.1s-3.9 0-3.9 0-4.3 6.1-.1 7.7c4.2 1.6 10.6 3.2 10.6 3.2.6 2.6 2.3 7 7.4 10.8 7.6 5.8 22.3-.9 22.3-.9l6-3.6s.2 5.4 4.6 6.2c4.4.8 6.2-.1 13.9-18.6 4.5-9.5 4.8-9 4.8-9l.5-.1s-3.5 18.1-2.1 23 7.1 4.4 7.1 4.4 3.2 1.1 5.7-7.9c2.6-9 7.4-18.4 7.4-18.4h.6s-2.1 18.1 1.1 24c3.3 5.9 11.7 1.8 11.7 1.8s5.9-3.1 6.8-4c0 0 7 5.9 16.9 4.8 22.1-4.4 30-10.3 30-10.3s3.8 9.6 15.6 10.5c13.5 1 20.8-7.5 20.8-7.5s-.1 5.5 4.6 7.4c4.7 1.9 7.9-8.3 7.9-8.3l7.9-21.1h.7s.4 13.5 8.2 15.7c7.8 2.2 17.9-5.6 17.9-5.6s2.2-1.1 1.7-5.2"/></g></svg>
new file mode 100644
--- /dev/null
+++ b/devtools/client/debugger/new/images/sources/express.svg
@@ -0,0 +1,7 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+   - License, v. 2.0. If a copy of the MPL was not distributed with this
+   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">
+  <path fill-rule="evenodd" d="M2.33 8.67H7.9v-.11c.02-.47-.03-.92-.14-1.36a3.4 3.4 0 0 0-.53-1.16A2.76 2.76 0 0 0 4.87 4.9a2.8 2.8 0 0 0-2.1.95c-.29.31-.51.7-.68 1.13a5.53 5.53 0 0 0-.08 2.93c.12.44.3.83.54 1.16.24.33.56.58.94.77.39.18.85.26 1.38.25.78 0 1.45-.22 2-.67.54-.45.86-1.08.95-1.88l.02-.13h-.5v.1c-.12.71-.4 1.23-.83 1.58-.43.35-.99.52-1.67.52-.46 0-.84-.08-1.15-.23a2.07 2.07 0 0 1-.76-.64c-.2-.27-.35-.6-.44-.96a5.2 5.2 0 0 1-.16-1.1zm5.08-.5a3.8 3.8 0 0 0-.16-1c-.11-.35-.27-.66-.48-.93-.21-.26-.47-.47-.78-.62a2.46 2.46 0 0 0-1.1-.23 2.3 2.3 0 0 0-1.76.77 3 3 0 0 0-.55.92c-.13.33-.2.7-.24 1.1H7.4z"/>
+  <path d="M13.32 5.06h.6L11.4 8.39l2.76 3.56h-.62L11.1 8.77l-2.45 3.18h-.6l2.74-3.56-2.5-3.33h.62L11.1 8l2.23-2.94z"/>
+</svg>
new file mode 100644
--- /dev/null
+++ b/devtools/client/debugger/new/images/sources/extension.svg
@@ -0,0 +1,6 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+   - License, v. 2.0. If a copy of the MPL was not distributed with this
+   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+  <path d="M14.1 7.32c-.81 0-.84.84-1.46.84a.64.64 0 0 1-.63-.63v-2.7a.83.83 0 0 0-.83-.84H8.47a.64.64 0 0 1-.63-.63c0-.62.84-.65.84-1.46C8.68 1.18 7.92.65 7 .65c-.92 0-1.67.53-1.67 1.25 0 .81.83.84.83 1.46a.64.64 0 0 1-.62.63H2.83a.83.83 0 0 0-.83.83V6.7a.64.64 0 0 0 .63.62c.62 0 .65-.83 1.46-.83.72 0 1.25.75 1.25 1.67 0 .92-.53 1.67-1.25 1.67-.81 0-.84-.84-1.46-.84a.64.64 0 0 0-.63.63v3.55a.83.83 0 0 0 .83.83h2.72a.64.64 0 0 0 .62-.63c0-.62-.83-.65-.83-1.46 0-.72.75-1.25 1.67-1.25.91 0 1.67.53 1.67 1.25 0 .81-.84.84-.84 1.46a.64.64 0 0 0 .63.63h2.7a.83.83 0 0 0 .84-.83v-2.72a.64.64 0 0 1 .63-.62c.62 0 .65.83 1.46.83.72 0 1.25-.75 1.25-1.67 0-.91-.53-1.67-1.25-1.67z"/>
+</svg>
new file mode 100644
--- /dev/null
+++ b/devtools/client/debugger/new/images/sources/immutable.svg
@@ -0,0 +1,6 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+   - License, v. 2.0. If a copy of the MPL was not distributed with this
+   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">
+  <path d="M1.06 3.32C1.03 3.35 1 5.5 1 8.06v4.68h3.22V3.26H2.68c-.86 0-1.59.02-1.62.06zM2.75 8c0 3.1-.02 3.55-.14 3.55-.12 0-.14-.46-.14-3.55 0-3.1.02-3.55.14-3.55.12 0 .14.46.14 3.55zM5.2 3.31c-.03.04-.06 2.18-.06 4.75v4.68h3.04l.02-1.66.03-1.67.91 1.34c.5.74.94 1.35.98 1.35.03 0 .47-.6.97-1.36l.92-1.36.02 1.68.02 1.68H15V3.26h-2.44l-1.2 1.8c-.65.98-1.21 1.78-1.24 1.78-.03 0-.6-.8-1.24-1.77L7.67 3.3l-1.2-.02c-.65-.01-1.22 0-1.26.03zM8.5 6.76c.85 1.27 1.58 2.3 1.62 2.3a34 34 0 0 0 1.63-2.3c1.03-1.53 1.61-2.3 1.72-2.3.15 0 .16.22.16 3.54 0 3.1-.02 3.55-.14 3.55-.12 0-.14-.43-.14-3.23 0-1.78-.03-3.22-.07-3.22-.04 0-.76 1-1.59 2.2a34.1 34.1 0 0 1-1.57 2.22c-.04 0-.75-1-1.58-2.21-.82-1.2-1.52-2.2-1.56-2.21-.05 0-.08 1.44-.08 3.22 0 2.8-.01 3.23-.13 3.23-.12 0-.14-.46-.14-3.55 0-3.32 0-3.55.16-3.55.1.01.69.8 1.7 2.3z"/>
+</svg>
new file mode 100644
--- /dev/null
+++ b/devtools/client/debugger/new/images/sources/javascript.svg
@@ -0,0 +1,6 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+   - License, v. 2.0. If a copy of the MPL was not distributed with this
+   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">
+  <path d="M5 3.55h1.98v5.66c0 2.51-1.2 3.39-3.12 3.39-.47 0-1.07-.08-1.46-.21l.22-1.61c.28.1.64.16 1.02.16.84 0 1.36-.38 1.36-1.74V3.55zm3.7 6.87c.54.28 1.36.54 2.22.54.9 0 1.4-.37 1.4-.95 0-.54-.43-.87-1.49-1.24C9.37 8.24 8.4 7.44 8.4 6.15c0-1.5 1.27-2.65 3.33-2.65 1 0 1.73.21 2.26.46l-.45 1.58a4.13 4.13 0 0 0-1.83-.42c-.87 0-1.28.42-1.28.86 0 .56.49.81 1.63 1.26 1.56.57 2.28 1.37 2.28 2.63 0 1.48-1.13 2.73-3.55 2.73-1 0-1.99-.28-2.49-.55l.4-1.63z"/>
+</svg>
new file mode 100644
--- /dev/null
+++ b/devtools/client/debugger/new/images/sources/jquery.svg
@@ -0,0 +1,6 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+   - License, v. 2.0. If a copy of the MPL was not distributed with this
+   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">
+  <path d="M8.15 11.8a5.64 5.64 0 0 1-1.5-.58 7.27 7.27 0 0 1-2.52-2.17C2.92 7.39 2.48 5.1 3.45 3.23L2.6 4.32c-1.1 1.58-.96 3.65-.12 5.33a6.92 6.92 0 0 0 3 3.08 7.07 7.07 0 0 0 1.36.55c.08.03.16.06.24.07 5.33.98 6.88-3.2 6.88-3.2-1.3 1.7-3.6 2.14-5.8 1.64zM6.23 7.46a5.15 5.15 0 0 0 2.95 2.05c4.12.68 5.07-2.49 5.07-2.49-.86 1.24-2.52 1.83-4.29 1.37a5.4 5.4 0 0 1-1.9-.96 4.97 4.97 0 0 1-1.69-2.4c-.3-.98-.24-2.08.3-2.98L6 2.98a3.83 3.83 0 0 0-.13 3.9c.1.2.22.4.35.59zm4.34-1.42l.3.1c2.27.43 2.89-1.18 3.05-1.41-.54.78-1.45.96-2.56.7a3.1 3.1 0 0 1-1.15-.57c-1-.75-1.62-2.2-.97-3.37l-.35.48A2.4 2.4 0 0 0 8.7 4.3a3.26 3.26 0 0 0 1.87 1.75z"/>
+</svg>
new file mode 100644
--- /dev/null
+++ b/devtools/client/debugger/new/images/sources/lodash.svg
@@ -0,0 +1,7 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+   - License, v. 2.0. If a copy of the MPL was not distributed with this
+   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">
+  <path d="M2 2.65h1.12v7.42h4.42V11H2V2.65zm9.03 2.01a2.76 2.76 0 0 0-2.64 1.82 3.6 3.6 0 0 0 .72 3.84c.96.8 2.42.86 3.5.3a2.63 2.63 0 0 0 1.33-2.02c.13-.87.06-1.81-.36-2.6a2.8 2.8 0 0 0-2.44-1.33l-.11-.02v.01zm.1.89c.84 0 1.6.64 1.73 1.46.26.93.1 2.07-.66 2.73-.71.58-1.86.5-2.44-.22-.71-.76-.71-1.93-.35-2.85.26-.66.93-1.13 1.65-1.12h.09-.02z"/>
+  <path opacity=".6" d="M2 12.17h12v1.27H2v-1.27z"/>
+</svg>
new file mode 100644
--- /dev/null
+++ b/devtools/client/debugger/new/images/sources/marko.svg
@@ -0,0 +1,64 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+   - License, v. 2.0. If a copy of the MPL was not distributed with this
+   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg width="256px" height="140px" viewBox="0 0 256 140" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid">
+    <defs>
+        <linearGradient x1="49.9109718%" y1="99.9084071%" x2="49.9109718%" y2="-0.0902654867%" id="linearGradient-1">
+            <stop stop-color="#8AC23E" offset="0%"></stop>
+            <stop stop-color="#8AC23E" stop-opacity="0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="49.9835165%" y1="0.0637125664%" x2="49.9835165%" y2="100.062389%" id="linearGradient-2">
+            <stop stop-color="#698932" offset="0%"></stop>
+            <stop stop-color="#698932" stop-opacity="0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50.0595611%" y1="0.0637125664%" x2="50.0595611%" y2="100.062389%" id="linearGradient-3">
+            <stop stop-color="#FFED01" offset="0%"></stop>
+            <stop stop-color="#FFED01" stop-opacity="0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50.0170846%" y1="0.0637125664%" x2="50.0170846%" y2="100.092699%" id="linearGradient-4">
+            <stop stop-color="#E02A89" offset="0%"></stop>
+            <stop stop-color="#E02A89" stop-opacity="0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="49.9631661%" y1="-0.0915929204%" x2="49.9631661%" y2="99.9070796%" id="linearGradient-5">
+            <stop stop-color="#7F1E4F" offset="0%"></stop>
+            <stop stop-color="#7F1E4F" stop-opacity="0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="49.9652038%" y1="-0.0915929204%" x2="49.9652038%" y2="99.9070796%" id="linearGradient-6">
+            <stop stop-color="#E95506" offset="0%"></stop>
+            <stop stop-color="#E95506" stop-opacity="0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="49.9766458%" y1="99.9084071%" x2="49.9766458%" y2="-0.0265486726%" id="linearGradient-7">
+            <stop stop-color="#88D0F1" offset="0%"></stop>
+            <stop stop-color="#88D0F1" stop-opacity="0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50.0205329%" y1="0.0637125664%" x2="50.0205329%" y2="99.9986726%" id="linearGradient-8">
+            <stop stop-color="#00828B" offset="0%"></stop>
+            <stop stop-color="#00828B" stop-opacity="0" offset="83.25%"></stop>
+        </linearGradient>
+        <linearGradient x1="50.078022%" y1="99.9752212%" x2="50.078022%" y2="0.0705752212%" id="linearGradient-9">
+            <stop stop-color="#2073BA" offset="0%"></stop>
+            <stop stop-color="#2073BA" stop-opacity="0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50.0177116%" y1="0.0637125664%" x2="50.0177116%" y2="99.9986726%" id="linearGradient-10">
+            <stop stop-color="#8ED0E1" offset="0%"></stop>
+            <stop stop-color="#88D0F1" stop-opacity="0" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+  <g>
+    <path d="M128.1,0 L164.2,0 C150.9,21.8 136.2,45.8 121.5,69.7 L85.4,69.7 C100.1,45.8 114.8,21.8 128.1,0 Z" fill="#8DC220"></path>
+    <path d="M42.7,0 L78.8,0 C71.7,11.6 64.5,23.3 57.4,34.9 C50.3,46.5 43.2,58.1 36.1,69.7 C43.2,81.3 50.3,93 57.4,104.6 C64.5,116.2 71.6,127.8 78.8,139.4 L42.7,139.4 C35.6,127.8 28.4,116.2 21.3,104.6 C14.2,93.1 7.1,81.4 0,69.8 C7.1,58.2 14.2,46.6 21.3,35 C28.4,23.3 35.6,11.7 42.7,0 Z" fill="#44BFEF"></path>
+    <path d="M42.7,0 L42.7,0 C57.4,24 72.1,48 85.4,69.7 L121.5,69.7 C108.2,48 93.5,24 78.8,0 L78.8,0 L42.7,0 Z" fill="#00AC71"></path>
+    <path d="M164.2,0 L128.1,0 C135.2,11.6 142.3,23.3 149.5,34.9 C156.6,46.5 163.7,58.1 170.9,69.7 C163.8,81.3 156.6,93 149.5,104.6 C142.4,116.2 135.3,127.8 128.1,139.4 L164.2,139.4 C171.3,127.8 178.4,116.2 185.6,104.6 C192.7,93 199.8,81.4 207,69.7 C199.8,58.1 192.7,46.5 185.6,34.9 C178.5,23.3 171.3,11.7 164.2,0 Z" fill="#F9BC00"></path>
+    <path d="M149.3,24.6 L113.2,24.6 C108.6,32.1 104,39.7 99.4,47.2 C94.8,54.7 90.2,62.3 85.5,69.8 L121.6,69.8 C126.2,62.3 130.9,54.7 135.5,47.2 C140,39.6 144.6,32.1 149.3,24.6 Z" fill="url(#linearGradient-1)"></path>
+    <path d="M100.5,45.2 L136.6,45.2 C141.2,37.7 145.8,30.1 150.4,22.6 C155,15.1 159.6,7.5 164.2,0 L128.1,0 C123.5,7.5 118.9,15.1 114.3,22.6 C109.7,30.2 105.1,37.7 100.5,45.2 Z" fill="url(#linearGradient-2)"></path>
+    <path d="M191.9,45.2 L155.8,45.2 C151.2,37.7 146.5,30.1 141.9,22.6 C137.3,15.1 132.7,7.5 128.1,0 L164.2,0 C168.8,7.5 173.4,15.1 178,22.6 C182.7,30.2 187.3,37.7 191.9,45.2 Z" fill="url(#linearGradient-3)"></path>
+    <path d="M213.2,0 L177.1,0 C184.2,11.7 191.3,23.3 198.4,34.9 C205.5,46.5 212.7,58.1 219.8,69.7 C212.7,81.3 205.5,93 198.4,104.6 C191.3,116.2 184.2,127.8 177,139.4 L213.1,139.4 C220.2,127.8 227.3,116.2 234.5,104.6 C241.6,93 248.7,81.4 255.9,69.7 C248.8,58.1 241.7,46.5 234.5,34.9 C227.5,23.3 220.3,11.7 213.2,0 Z" fill="#DF1B1C"></path>
+    <path d="M240.9,45.2 L204.8,45.2 C200.1,37.7 195.5,30.1 190.9,22.6 C186.3,15.1 181.7,7.5 177.1,0 L213.2,0 C217.8,7.5 222.4,15.1 227,22.6 C231.6,30.2 236.3,37.7 240.9,45.2 Z" fill="url(#linearGradient-4)"></path>
+    <path d="M192.2,115 L228.3,115 C232.9,107.5 237.5,100 242.1,92.4 C246.7,84.9 251.3,77.3 256,69.8 L219.8,69.8 C215.2,77.3 210.6,84.9 206,92.4 C201.4,99.9 196.8,107.4 192.2,115 Z" fill="url(#linearGradient-5)"></path>
+    <path d="M143.2,115 L179.3,115 C183.9,107.5 188.5,99.9 193.1,92.4 C197.7,84.9 202.3,77.3 207,69.8 L170.9,69.8 C166.3,77.3 161.7,84.9 157.1,92.4 C152.4,99.9 147.8,107.4 143.2,115 Z" fill="url(#linearGradient-6)"></path>
+    <path d="M63.8,24.6 L27.7,24.6 C23.1,32.1 18.5,39.7 13.9,47.2 C9.2,54.7 4.6,62.3 0,69.8 L36.1,69.8 C40.7,62.3 45.3,54.8 49.9,47.2 C54.5,39.7 59.1,32.1 63.8,24.6 Z" fill="url(#linearGradient-7)"></path>
+    <path d="M15,45.2 L51.1,45.2 C55.7,37.7 60.3,30.1 64.9,22.6 C69.6,15.1 74.2,7.5 78.8,0 L42.7,0 C38.1,7.5 33.5,15 28.9,22.6 C24.3,30.1 19.7,37.7 15,45.2 Z" fill="url(#linearGradient-8)"></path>
+    <path d="M15,94.3 L51.1,94.3 C55.7,101.8 60.3,109.4 64.9,116.9 C69.5,124.4 74.1,132 78.7,139.5 L42.6,139.5 C38,132 33.3,124.5 28.7,116.9 C24.2,109.4 19.6,101.9 15,94.3 Z" fill="url(#linearGradient-9)"></path>
+    <path d="M106.5,45.2 L70.4,45.2 C65.8,37.7 61.2,30.1 56.6,22.6 C51.9,15.1 47.3,7.5 42.7,0 L78.8,0 C83.4,7.5 88,15 92.6,22.6 C97.3,30.1 101.9,37.7 106.5,45.2 Z" fill="url(#linearGradient-10)"></path>
+  </g>
+</svg>
new file mode 100644
--- /dev/null
+++ b/devtools/client/debugger/new/images/sources/mobx.svg
@@ -0,0 +1,7 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+   - License, v. 2.0. If a copy of the MPL was not distributed with this
+   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">
+  <path fill="#E05D17" d="M1 1h14v14H1z"/>
+  <path d="M4.9 12h-2v-.64h1.23V4.18H2.9v-.64h2V12zM10.1 5.84c-.24.85-.5 1.66-.82 2.44-.31.79-.61 1.49-.9 2.1h-.75c-.3-.61-.6-1.31-.9-2.1a22.5 22.5 0 0 1-.82-2.44h.89a18.18 18.18 0 0 0 .56 1.87 34.01 34.01 0 0 0 .66 1.72 17.98 17.98 0 0 0 .65-1.72 26.87 26.87 0 0 0 .57-1.87h.86zM11.1 3.54h2v.64h-1.23v7.18h1.23V12h-2V3.54z" fill="#fff"/>
+</svg>
new file mode 100644
--- /dev/null
+++ b/devtools/client/debugger/new/images/sources/moz.build
@@ -0,0 +1,38 @@
+
+# -*- Mode: python; indent-tabs-mode: nil; tab-width: 40 -*-
+# vim: set filetype=python:
+# This Source Code Form is subject to the terms of the Mozilla Public
+# License, v. 2.0. If a copy of the MPL was not distributed with this
+# file, You can obtain one at http://mozilla.org/MPL/2.0/.
+
+DevToolsModules(
+    'aframe.svg',
+    'angular.svg',
+    'babel.svg',
+    'backbone.svg',
+    'choo.svg',
+    'coffeescript.svg',
+    'dojo.svg',
+    'ember.svg',
+    'express.svg',
+    'extension.svg',
+    'immutable.svg',
+    'javascript.svg',
+    'jquery.svg',
+    'lodash.svg',
+    'marko.svg',
+    'mobx.svg',
+    'nextjs.svg',
+    'node.svg',
+    'nuxtjs.svg',
+    'preact.svg',
+    'pug.svg',
+    'react.svg',
+    'redux.svg',
+    'rxjs.svg',
+    'sencha-extjs.svg',
+    'typescript.svg',
+    'underscore.svg',
+    'vuejs.svg',
+    'webpack.svg',
+)
new file mode 100644
--- /dev/null
+++ b/devtools/client/debugger/new/images/sources/nextjs.svg
@@ -0,0 +1,17 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+   - License, v. 2.0. If a copy of the MPL was not distributed with this
+   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg viewBox="0 0 512 512" version="1.1" xmlns="http://www.w3.org/2000/svg" style="background: #FFFFFF;">
+    <title>Zeit - Black on white logo</title>
+    <defs>
+        <linearGradient x1="114.720775%" y1="181.283245%" x2="39.5399306%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#000000" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Black-on-white" fill="url(#linearGradient-1)">
+            <polygon id="Triangle-3-Copy" points="254 156 367 356 141 356"></polygon>
+        </g>
+    </g>
+</svg>
new file mode 100644
--- /dev/null
+++ b/devtools/client/debugger/new/images/sources/node.svg
@@ -0,0 +1,6 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+   - License, v. 2.0. If a copy of the MPL was not distributed with this
+   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">
+  <path fill="#83CD29" d="M14.42 3.6L8.65.27c-.36-.2-.85-.2-1.2 0L1.62 3.6c-.37.22-.63.62-.63 1.06v6.69c0 .43.26.84.64 1.06l1.53.87c.75.35.94.35 1.28.35 1.09 0 1.65-.66 1.65-1.8v-6.6c0-.1.07-.24-.04-.24h-.73c-.09 0-.28.14-.28.23v6.6c0 .51-.47 1-1.33.59l-1.58-.92a.18.18 0 0 1-.1-.16V4.66c0-.07.07-.13.12-.16l5.8-3.33a.22.22 0 0 1 .19 0l5.74 3.33c.05.04.05.1.05.16v6.68c0 .07.01.13-.04.16l-5.77 3.33a.19.19 0 0 1-.16 0l-1.49-.88c-.03-.02-.1-.04-.14-.01-.4.23-.48.27-.87.4-.08.03-.23.08.06.25l1.93 1.14c.18.1.4.16.61.16.22 0 .42-.05.61-.16l5.76-3.34c.37-.22.56-.62.56-1.06V4.66c-.01-.44-.2-.83-.58-1.05zm-4.57 6.68c-1.54 0-1.87-.42-1.98-1.19-.02-.07-.08-.18-.17-.18h-.75c-.1 0-.17.12-.17.2 0 .98.54 2.17 3.07 2.17 1.83 0 2.89-.72 2.89-1.97s-.85-1.58-2.62-1.82c-1.8-.24-1.99-.35-1.99-.77 0-.35.16-.81 1.49-.81 1.19 0 1.62.26 1.8 1.06.01.08.09.13.17.13h.75c.05 0 .09-.01.13-.05.02-.04.05-.08.04-.13-.12-1.38-1.04-2.02-2.9-2.02-1.64 0-2.63.7-2.63 1.87 0 1.26.99 1.62 2.57 1.77 1.9.2 2.05.46 2.05.83-.01.64-.53.91-1.75.91z"/>
+</svg>
new file mode 100644
--- /dev/null
+++ b/devtools/client/debugger/new/images/sources/nuxtjs.svg
@@ -0,0 +1,4 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+   - License, v. 2.0. If a copy of the MPL was not distributed with this
+   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 1000 1000"><style>.st0{display:none}.st1{display:inline}.st2{fill:#222}.st3{fill:#41b883}.st4{fill:#328170}.st5{fill:#35495e}</style><g id="express" class="st0"><g class="st1"><path class="st2" d="M24.5 870.5v-376H494v-22H24.5v-343h499.1v-22H2.5v785H528v-22H24.5z"/><path class="st2" d="M951.3 327.4L756.7 583.6 566.5 327.4h-28.6l205.6 272.7-225.4 292.4h26.4l212.2-276 213.3 276h27.5L771 600l206.7-272.6h-26.4z"/></g></g><g id="nuxt"><path class="st3" d="M317.9 852H3.7l408.1-704 408.1 704H507.7"/><path class="st4" d="M779.8 852h216.5l-354-608.5-351 608.5h216.5"/><path class="st5" d="M651.2 852h159.5L549.9 403.8 291.3 852h159.5"/></g></svg>
new file mode 100644
--- /dev/null
+++ b/devtools/client/debugger/new/images/sources/preact.svg
@@ -0,0 +1,11 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+   - License, v. 2.0. If a copy of the MPL was not distributed with this
+   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg width="256px" height="296px" viewBox="0 0 256 296" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid">
+	<g>
+		<polygon fill="#673AB8" points="128 0 256 73.8999491 256 221.699847 128 295.599796 0 221.699847 0 73.8999491"></polygon>
+		<path d="M34.8647584,220.478469 C51.8814262,242.25881 105.959701,225.662965 157.014868,185.774297 C208.070035,145.885628 237.255632,97.428608 220.238964,75.6482664 C203.222296,53.8679249 149.144022,70.4637701 98.0888543,110.352439 C47.0336869,150.241107 17.8480906,198.698127 34.8647584,220.478469 Z M42.1343351,214.798853 C36.4908625,207.575537 38.9565723,193.395881 49.7081913,175.544904 C61.0297348,156.747677 80.2490923,135.997367 103.76847,117.622015 C127.287848,99.2466634 152.071368,85.6181573 173.049166,79.1803727 C192.970945,73.066665 207.325915,74.1045667 212.969387,81.3278822 C218.61286,88.5511977 216.14715,102.730854 205.395531,120.581832 C194.073987,139.379058 174.85463,160.129368 151.335252,178.50472 C127.815874,196.880072 103.032354,210.508578 82.054556,216.946362 C62.1327769,223.06007 47.7778077,222.022168 42.1343351,214.798853 Z" fill="#FFFFFF"></path>
+		<path d="M220.238964,220.478469 C237.255632,198.698127 208.070035,150.241107 157.014868,110.352439 C105.959701,70.4637701 51.8814262,53.8679249 34.8647584,75.6482664 C17.8480906,97.428608 47.0336869,145.885628 98.0888543,185.774297 C149.144022,225.662965 203.222296,242.25881 220.238964,220.478469 Z M212.969387,214.798853 C207.325915,222.022168 192.970945,223.06007 173.049166,216.946362 C152.071368,210.508578 127.287848,196.880072 103.76847,178.50472 C80.2490923,160.129368 61.0297348,139.379058 49.7081913,120.581832 C38.9565723,102.730854 36.4908625,88.5511977 42.1343351,81.3278822 C47.7778077,74.1045667 62.1327769,73.066665 82.054556,79.1803727 C103.032354,85.6181573 127.815874,99.2466634 151.335252,117.622015 C174.85463,135.997367 194.073987,156.747677 205.395531,175.544904 C216.14715,193.395881 218.61286,207.575537 212.969387,214.798853 Z" fill="#FFFFFF"></path>
+		<path d="M127.551861,167.666971 C138.378632,167.666971 147.155465,158.890139 147.155465,148.063368 C147.155465,137.236596 138.378632,128.459764 127.551861,128.459764 C116.72509,128.459764 107.948257,137.236596 107.948257,148.063368 C107.948257,158.890139 116.72509,167.666971 127.551861,167.666971 L127.551861,167.666971 Z" fill="#FFFFFF"></path>
+	</g>
+</svg>
new file mode 100644
--- /dev/null
+++ b/devtools/client/debugger/new/images/sources/pug.svg
@@ -0,0 +1,118 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+   - License, v. 2.0. If a copy of the MPL was not distributed with this
+   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 128 128" style="enable-background:new 0 0 128 128;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#C1272D;}
+	.st1{fill:#EFCCA3;}
+	.st2{fill:#ED1C24;}
+	.st3{fill:#CCAC8D;}
+	.st4{fill:#FFFFFF;}
+	.st5{fill:#FF931E;}
+	.st6{fill:#FFB81E;}
+	.st7{fill:#56332B;}
+	.st8{fill:#442823;}
+	.st9{fill:#7F4A41;}
+	.st10{fill:#331712;}
+	.st11{fill:#FFCC66;}
+	.st12{fill:#CCCCCC;}
+	.st13{fill:#B3B3B3;}
+	.st14{fill:#989898;}
+	.st15{fill:#323232;}
+	.st16{fill:#1E1E1E;}
+	.st17{fill:#4C4C4C;}
+	.st18{fill:#E6E6E6;}
+	.st19{fill:#606060;}
+</style>
+<g>
+	<path class="st1" d="M107.4,50.9c-0.2-4.4,0.4-8.3-1.6-11.6c-4.8-8.2-16.8-13-40.8-13V27c0,0-0.5,0-0.5,0c0,0,0.5,0,0.5,0v-0.7
+		c-24,0-36.6,4.8-41.4,13.1c-1.9,3.4-1.7,7.2-2,11.6c-0.2,3.5-1.8,7.2-1.1,11.2c0.8,5.2,1.1,10.4,1.9,15.2c0.6,3.9,6,7.2,6.5,10.9
+		c1.4,10.2,12,14.9,36,14.9v0.8h-0.6h0.1H65v-0.8c24,0,34.2-4.7,35.5-14.9c0.5-3.8,5.5-7,6.1-10.9c0.8-4.8,1.1-10,1.9-15.2
+		C109.2,58.2,107.6,54.4,107.4,50.9z"/>
+	<path class="st3" d="M64.6,54.5c4.3,0.1,7.3,2.8,10.1,5.3c3.3,2.9,8.9,4.9,11.2,7.4c2.3,2.5,5.3,5,6.4,8.9
+		c1.1,3.9,1.4,8.9,1.4,10.2c0,1.3,0.7,1,2.7,0c4.7-2.3,9.9-8.5,9.9-8.5c-0.6,3.9-5.7,7.4-6.2,11.1C98.9,99.1,89,104,64.5,104h-0.1h0
+		H65"/>
+	<path class="st3" d="M80.4,46.7c0.9,3.1,4.1,13.6-2.1,10.1c0,0,2.6,1.5,4.2,7.2c1.7,5.7,5.8,6.4,5.8,6.4s6.7,1.3,11.7-3
+		c4.2-3.6,4.9-10,3.1-14.9c-1.8-4.8-5-6.3-9.7-7.3C88.7,44.1,79.3,43.2,80.4,46.7z"/>
+	<g>
+		<circle cx="92.3" cy="58.1" r="8.8"/>
+		<circle class="st4" cx="90" cy="54.2" r="2.3"/>
+	</g>
+	<path class="st1" d="M78.9,57.7c0,0,7.9,5.4,12.2,10.7c4.3,5.3,4.2,6.3,4.2,6.3l-3.1,1.4c0,0-4.4-8.3-9.8-11.4
+		c-5.5-3.1-6.1-5.7-6.1-5.7L78.9,57.7z"/>
+	<path class="st3" d="M64.9,54.5c-4.3,0.1-7.5,2.8-10.4,5.3c-3.3,2.9-9.1,4.9-11.4,7.4c-2.3,2.5-5.4,5-6.5,8.9
+		c-1.1,3.9-1.5,8.9-1.5,10.2c0,1.3,0.2,1.4-2.7,0c-4.7-2.2-9.9-8.5-9.9-8.5c0.6,3.9,5.7,7.4,6.2,11.1C30.1,99.1,40,104,64.5,104h0.1
+		h0H65"/>
+	<path class="st7" d="M88.1,71.4C83.3,65.5,75.6,60,64.9,60h-0.1h0c-10.7,0-18.4,5.5-23.2,11.4c-5,6.1-4.6,8.5-4.6,14.3
+		c0,21,7.4,15,12.3,17.6c5,2.5,10.2,1.7,15.5,1.7h0h0.1c5.4,0,10.5,0.7,15.5-1.8c4.9-2.5,12.3,3.7,12.3-17.3
+		C92.8,80.1,93.1,77.5,88.1,71.4z"/>
+	<path class="st8" d="M64.4,65.2c0,0-0.7,9.7-2.1,11.6l2.6-0.6L64.4,65.2z"/>
+	<path class="st8" d="M65.1,65.2c0,0,0.7,9.7,2.1,11.6l-2.6-0.6L65.1,65.2z"/>
+	<path class="st7" d="M56.7,62.9c-1-2.3,2.6-6,8.3-6.1c5.7,0,9.3,3.7,8.3,6.1c-1,2.4-4.6,3.1-8.3,3.2C61.4,66,57.7,65.3,56.7,62.9z"
+		/>
+	<path d="M65,65.2c0-0.4,3.4-0.5,5.2-1.7c0,0-3.7,1.2-4.5,0.7c-0.8-0.4-1-1.6-1-1.6s-0.3,1.2-0.9,1.6c-0.7,0.4-4.9-0.7-4.9-0.7
+		s5.6,1.4,5.6,1.7c0,0.3-0.1,1.3-0.1,2c0,2.5,0,8.7,0.4,9.2c0.6,0.9,0.4-6.7,0.4-9.2C65.1,66.4,65.1,65.6,65,65.2z"/>
+	<path class="st9" d="M65.2,78.6c1.7,0,4.7,1.2,7.4,3.1c-2.6-2.9-5.7-4.9-7.4-4.9c-1.8,0-5.6,2.2-8.3,5.4
+		C59.7,80,63.3,78.6,65.2,78.6z"/>
+	<path class="st8" d="M64.5,96.3c-3.8,0-7.5-1.2-10.9-2.1c-0.7-0.2-1.4,0.3-2.1,0.1c-6.3-2-11.4-5.4-14.5-9.7c0,0.3,0,0.7,0,1
+		c0,21,7.4,15.1,12.3,17.6c5,2.5,10.2,1.7,15.5,1.7h0h0.1c5.4,0,10.5,0.7,15.5-1.8c4.9-2.5,12.3,3.6,12.3-17.4c0-0.8,0-1.6,0.1-2.3
+		c-2.9,4.7-8.2,8.4-14.8,10.6c-0.6,0.2-2-0.3-2.6-0.2C71.8,95,68.6,96.3,64.5,96.3z"/>
+	<path class="st8" d="M55,85c0,0-2.5,7.5-0.8,10.8l-2.3-1C51.9,94.8,53.6,87.2,55,85z"/>
+	<path class="st8" d="M74.8,85c0,0,2.5,7.5,0.8,10.8l2.3-1C77.9,94.8,76.1,87.2,74.8,85z"/>
+	<path class="st3" d="M48.6,46.7c-0.9,3.1-4.1,13.6,2.1,10.1c0,0-2.6,1.5-4.2,7.2s-5.8,6.4-5.8,6.4s-6.7,1.3-11.7-3
+		c-4.2-3.6-4.9-10-3.1-14.9s5-6.3,9.7-7.3C40.3,44.1,49.6,43.2,48.6,46.7z"/>
+	<path d="M64.9,76.8c2.7,0,11.1,5.8,11.2,12.9c0-0.1,0-0.2,0-0.4c0-7.4-6.8-13.3-11.2-13.3c-4.4,0-11.2,6-11.2,13.3
+		c0,0.1,0,0.2,0,0.4C53.8,82.6,62.2,76.8,64.9,76.8z"/>
+	<g>
+
+			<ellipse transform="matrix(0.9683 -0.2497 0.2497 0.9683 -13.2339 18.6065)" class="st10" cx="66.7" cy="61.5" rx="0.8" ry="1.5"/>
+
+			<ellipse transform="matrix(0.9551 0.2963 -0.2963 0.9551 21.0115 -15.7209)" class="st10" cx="62.4" cy="61.5" rx="0.8" ry="1.5"/>
+	</g>
+	<g>
+		<circle cx="37.2" cy="58.1" r="8.8"/>
+		<circle class="st4" cx="39.5" cy="54.2" r="2.3"/>
+	</g>
+	<g>
+		<path class="st9" d="M67.5,58.2c0-0.1-2.3,1-2.9,1.1c-0.6-0.1-2.9-1.2-2.9-1.1c0,0,1.9,0,2.9,0C65.6,58.2,67.5,58.2,67.5,58.2z"/>
+	</g>
+	<path class="st1" d="M50,57.7c0,0-7.9,5.4-12.2,10.7c-4.3,5.3-4.2,6.3-4.2,6.3l3.1,1.4c0,0,4.4-8.3,9.8-11.4s6.1-5.7,6.1-5.7
+		L50,57.7z"/>
+	<path class="st3" d="M32.7,41.7c0,0-2.7,7.4-8.7,10.5C24,52.2,33.4,51.1,32.7,41.7z"/>
+	<path class="st3" d="M95.8,41.7c0,0,2.7,7.4,8.7,10.5C104.5,52.2,95.1,51.1,95.8,41.7z"/>
+	<path class="st3" d="M78.7,55.5c0,0-5.9-6.2-13.8-6.4l0,0c-0.1,0,0.2,0,0.1,0c-0.1,0,0.1,0,0.1,0v0c-8,0.2-13.8,6.4-13.8,6.4
+		c6.9-4.8,12.8-4.7,13.8-4.7v0c0,0,0,0,0,0c0,0,0,0,0,0v0C65,50.8,71.8,50.7,78.7,55.5z"/>
+	<path class="st3" d="M71.8,42.5c0,0-3-4.2-7-4.3l0,0c0,0,0.1,0,0.1,0c0,0,0.1,0,0.1,0v0c-3,0.1-6.9,4.3-6.9,4.3
+		c3.4-3.3,6.9-3.2,6.9-3.2v0c0,0,0,0,0,0c0,0,0,0,0,0v0C65,39.3,68.3,39.2,71.8,42.5z"/>
+	<path class="st3" d="M37.2,73.2c0,0-4.7,2.3-8.1,0.9l0,0c0,0-0.1,0-0.1,0c0,0,0,0,0,0v0c-3-1.7-4.5-6.8-4.5-6.8
+		S27.5,76.3,37.2,73.2z"/>
+	<path class="st3" d="M92,73.2c0,0,4.7,2.3,8.1,0.9l0,0c0,0,0,0,0,0c0,0,0,0,0,0v0c4-1.7,4.6-6.8,4.6-6.8S101.7,76.3,92,73.2z"/>
+	<g>
+		<path class="st3" d="M42.6,41.2c2.6-0.5,6.9-0.6,10.3,0.5c4.3,1.5,0.8,7,1.7,7.3c0.9,0.3,2.1-3.8,10.1-3.4c8.1,0.4,9,4,10.1,3.4
+			s-1.1-10,11-7.8c0,0-12.7-3.4-12.1,5.8c0,0-7.3-5.6-17.5-0.6C56.3,46.4,58.9,37.8,42.6,41.2z"/>
+	</g>
+	<path class="st3" d="M86.9,41.2c0.2,0,0.3,0.1,0.4,0.1C87.4,41.3,87.2,41.2,86.9,41.2z"/>
+	<path class="st3" d="M86.9,41.2C86.9,41.2,86.9,41.2,86.9,41.2C86.9,41.2,86.9,41.2,86.9,41.2z"/>
+	<path class="st3" d="M39.1,28.9c0,0-10.8,13.6-12.4,18.8c-1.6,5.3-2.8,27-4.2,30.1l-5-21.4l9.2-22.3L39.1,28.9z"/>
+	<path class="st3" d="M89.9,28.9c0,0,10.8,13.6,12.4,18.8c1.6,5.3,2.8,27,4.2,30.1l5-21.4l-9.2-22.3L89.9,28.9z"/>
+	<path class="st7" d="M89.4,28.9c0,0,11.6,9.7,15,20.9c3.4,11.2,2,24.8,4.6,26.5c3.7,2.4,7.9-11.9,9.3-13.4c2.2-2.4,9.5-8.5,10-9.6
+		c0.5-1.1-14.8-17.8-21.5-21.1C98.7,28.4,88.7,28.1,89.4,28.9z"/>
+	<path class="st8" d="M99.3,34.9c0,0,13.7,17.5,13.5,39.3l5.5-11.2C118.2,63,113.4,48.7,99.3,34.9z"/>
+	<path class="st7" d="M39.1,28.9c0,0-11.6,9.7-15,20.9s-2,24.8-4.6,26.5c-3.7,2.4-7.9-11.9-9.3-13.4c-2.2-2.4-9.5-8.5-10-9.6
+		c-0.5-1.1,14.8-17.8,21.5-21.1C29.8,28.4,39.8,28.1,39.1,28.9z"/>
+	<path class="st8" d="M29.2,34.9c0,0-13.7,17.5-13.5,39.3L10.3,63C10.3,63,15.1,48.7,29.2,34.9z"/>
+	<path class="st3" d="M21.8,74.6c0,0,1,5.4,2.6,7.1s0.5-1.3,0.5-1.3s-1.7-0.9-1.4-7.8S21.8,74.6,21.8,74.6z"/>
+	<path class="st3" d="M107.1,74.6c0,0-1,5.4-2.6,7.1s-0.5-1.3-0.5-1.3s1.7-0.9,1.4-7.8S107.1,74.6,107.1,74.6z"/>
+	<g>
+		<circle class="st8" cx="54.5" cy="70.5" r="0.8"/>
+		<circle class="st8" cx="49.9" cy="75.3" r="0.8"/>
+		<circle class="st8" cx="48.4" cy="70.5" r="0.8"/>
+	</g>
+	<g>
+		<circle class="st8" cx="74" cy="70.5" r="0.8"/>
+		<circle class="st8" cx="78.6" cy="75.3" r="0.8"/>
+		<circle class="st8" cx="80.1" cy="70.5" r="0.8"/>
+	</g>
+</g>
+</svg>
new file mode 100644
--- /dev/null
+++ b/devtools/client/debugger/new/images/sources/react.svg
@@ -0,0 +1,6 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+   - License, v. 2.0. If a copy of the MPL was not distributed with this
+   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">
+  <path d="M8 9.2a1.2 1.2 0 1 0 0-2.4 1.2 1.2 0 0 0 0 2.4zM.68 8C.68 8.93 2 9.49 2.7 9.76c1.34.5 3.2.83 5.29.83 2.08 0 3.95-.32 5.3-.83.7-.27 2.02-.83 2.02-1.76S14 6.51 13.3 6.24A15.4 15.4 0 0 0 8 5.41c-2.08 0-3.95.32-5.3.83C2 6.51.69 7.07.69 8zm1.8-2.37C3.9 5.08 5.85 4.75 8 4.75c2.14 0 4.1.33 5.53.88 1 .38 2.45 1.1 2.45 2.37 0 1.26-1.45 2-2.45 2.37-1.43.55-3.39.88-5.53.88s-4.1-.33-5.53-.88C1.47 10 .02 9.27.02 8c0-1.26 1.45-2 2.45-2.37zM4.34 1.66c-.81.47-.63 1.9-.5 2.63.22 1.42.87 3.2 1.92 5a15.4 15.4 0 0 0 3.36 4.17c.59.48 1.73 1.35 2.54.88.81-.47.63-1.89.5-2.63a15.4 15.4 0 0 0-1.92-5 15.4 15.4 0 0 0-3.36-4.17c-.59-.48-1.73-1.35-2.54-.88zm2.95.36c1.2.97 2.45 2.5 3.53 4.35a16.05 16.05 0 0 1 2 5.23c.17 1.06.26 2.68-.83 3.31-1.1.63-2.45-.26-3.28-.93a16.05 16.05 0 0 1-3.53-4.35 16.05 16.05 0 0 1-2-5.23c-.17-1.06-.26-2.68.83-3.31 1.1-.63 2.45.26 3.28.93zM11.66 1.66c-.8-.47-1.95.4-2.54.88A15.4 15.4 0 0 0 5.76 6.7a15.4 15.4 0 0 0-1.93 5c-.12.75-.3 2.17.5 2.64.82.47 1.96-.4 2.55-.88a15.4 15.4 0 0 0 3.36-4.16 15.4 15.4 0 0 0 1.93-5c.12-.75.3-2.17-.5-2.64zm1.16 2.74a16.05 16.05 0 0 1-2 5.23 16.05 16.05 0 0 1-3.53 4.35c-.83.67-2.19 1.56-3.28.93-1.1-.63-1-2.25-.83-3.3.24-1.52.93-3.38 2-5.24a16.05 16.05 0 0 1 3.53-4.35c.83-.67 2.19-1.56 3.28-.93 1.1.63 1 2.25.83 3.3z"/>
+</svg>
new file mode 100644
--- /dev/null
+++ b/devtools/client/debugger/new/images/sources/redux.svg
@@ -0,0 +1,6 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+   - License, v. 2.0. If a copy of the MPL was not distributed with this
+   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">
+  <path d="M10.7 10.28a1 1 0 0 0-.1-2h-.04a1 1 0 0 0-.68 1.7 6.37 6.37 0 0 1-2.92 2.8c-.94.5-1.92.67-2.9.55-.8-.1-1.43-.46-1.82-1.05a2.62 2.62 0 0 1-.14-2.76 4.2 4.2 0 0 1 1.2-1.43 9.61 9.61 0 0 1-.22-.9C.49 9.04.76 11.58 1.54 12.77c.6.89 1.78 1.44 3.1 1.44.36 0 .72-.04 1.07-.13 2.28-.44 4.01-1.8 4.99-3.8zM13.84 8.07A7.23 7.23 0 0 0 8.2 5.61h-.29a.98.98 0 0 0-.87-.53H7a1 1 0 0 0 .04 2h.03a1 1 0 0 0 .88-.61h.32c1.35 0 2.63.4 3.8 1.16.88.59 1.52 1.35 1.88 2.28.3.75.29 1.48-.03 2.1a2.62 2.62 0 0 1-2.45 1.46c-.7 0-1.39-.21-1.74-.37-.2.17-.55.46-.8.64a5.5 5.5 0 0 0 2.3.55c1.7 0 2.97-.94 3.45-1.89.52-1.03.48-2.81-.85-4.33zM4.79 10.58a1 1 0 0 0 1 .97h.03a1 1 0 0 0-.04-2h-.03c-.04 0-.1 0-.13.02A6.53 6.53 0 0 1 4.7 5.6c.07-1.06.42-2 1.05-2.76a3.09 3.09 0 0 1 2.19-1c1.89-.03 2.69 2.32 2.74 3.27.23.05.63.17.9.26C11.35 2.5 9.57 1 7.86 1 6.27 1 4.79 2.16 4.2 3.87a7.29 7.29 0 0 0 .71 6.2.8.8 0 0 0-.12.51z"/>
+</svg>
new file mode 100644
--- /dev/null
+++ b/devtools/client/debugger/new/images/sources/rxjs.svg
@@ -0,0 +1,33 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+   - License, v. 2.0. If a copy of the MPL was not distributed with this
+   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">
+  <path d="M1.73 9.9C1 6.05 2.93 2.3 7.33 1.82a2.01 2.01 0 0 0-1.82-.58c-.67.22-.65.66-1.42 1.22-.76.44-1.14.1-1.7.56-.55.44-.16 1.47-.4 1.67-.23.4-.94.76-1.07 1.26-.11.65.29 1.1.27 1.66.05.46-.46.72-.38 1.1.21.6.63.98.83 1.14.05.04.1.12.09.07z" fill="#FF0090"/>
+  <path d="M9.58 4.55a.3.3 0 1 1 0-.58.3.3 0 0 1 0 .58zM1.9 10.33c-.7-3.36 1.46-6.17 5.65-4.79 2.46 1.44 5.56 1.35 5.7.42.34-1.12-1.57-3.42-4.43-4.02C3.15.84.09 6.97 1.9 10.34z" fill="url(#paint0_radial)"/>
+  <path d="M11.2 10.7a3.1 3.1 0 0 0 2.38-.7 6.2 6.2 0 0 1-4.12 2.04c.77.65 1.5.94 2.21.82-1.96.54-3.61-.06-5.61-2.05-.1.54.46 1.37 1.04 1.9-3.39-1.46-3.69-6.04.45-7.17C3.26 3.48.84 7.48 2.03 10.76a7.53 7.53 0 0 0 7.67 4.05 6.4 6.4 0 0 0 5.14-4.05A5.69 5.69 0 0 1 12.29 12c1.92-.96 2.95-2.6 2.66-4.82-.4.95-.92 1.67-1.58 2.17 1.4-2.17 1.16-3.3.13-4.53.73 2.03-.22 4.29-2.3 5.89z" fill="url(#paint1_radial)"/>
+  <path d="M10.22 13.04c-.15-.02.33.2-.6-.05-.91-.24-1.85-.47-3.56-2.18-.1.54.46 1.37 1.04 1.9 1.58 1.1.5.6 2.91 1.42.2-.38.2-.72.2-1.09z" fill="url(#paint2_linear)"/>
+  <path d="M7.16 4.4l.29-.45c.1-.17.25-.48.25-.48s-1.6-.52-2-.59c-1.23.32-1.23.84-.55 1.62.08.1 2-.1 2-.1z" fill="url(#paint3_linear)"/>
+  <defs>
+    <radialGradient id="paint0_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(10.7025 0 0 7.65602 10.76 5.04)">
+      <stop stop-color="#F80090"/>
+      <stop offset="1" stop-color="#4D008E"/>
+    </radialGradient>
+    <radialGradient id="paint1_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(10.8482 0 0 8.20619 10.85 5.27)">
+      <stop stop-color="#57008E"/>
+      <stop offset=".29" stop-color="#5C008E"/>
+      <stop offset="1" stop-color="#F80090"/>
+    </radialGradient>
+    <linearGradient id="paint2_linear" x1="6.8" y1="10.81" x2="8.72" y2="14.03" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#F70090"/>
+      <stop offset=".67" stop-color="#E50090"/>
+      <stop offset=".83" stop-color="#D6008F" stop-opacity=".2"/>
+      <stop offset="1" stop-color="#C10090" stop-opacity="0"/>
+    </linearGradient>
+    <linearGradient id="paint3_linear" x1="6.65" y1="4.06" x2="6.37" y2="3.53" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#B2008F" stop-opacity=".15"/>
+      <stop offset=".4" stop-color="#F70090" stop-opacity=".4"/>
+      <stop offset=".65" stop-color="#F60090" stop-opacity=".89"/>
+      <stop offset="1" stop-color="#FF0090"/>
+    </linearGradient>
+  </defs>
+</svg>
new file mode 100644
--- /dev/null
+++ b/devtools/client/debugger/new/images/sources/sencha-extjs.svg
@@ -0,0 +1,13 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+   - License, v. 2.0. If a copy of the MPL was not distributed with this
+   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">
+  <defs>
+    <linearGradient id="paint0_linear" x1="10.92" y1="12.45" x2="5.34" y2="4.65" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#006E00"/>
+      <stop offset=".55" stop-color="#0C0"/>
+      <stop offset="1" stop-color="#EEFF2A"/>
+    </linearGradient>
+  </defs>
+  <path d="M6.55.9c-4.2.53-4.49 5.76-1.85 7.92 2.63 2.16 6.07 4.05 4.67 6.27 4.07-.44 4.42-4.58 2.52-6.67-1.9-2.08-7.6-4.54-5.34-7.51z" fill="url(#paint0_linear)" stroke="navy" stroke-width=".3" stroke-linecap="round"/>
+</svg>
new file mode 100644
--- /dev/null
+++ b/devtools/client/debugger/new/images/sources/typescript.svg
@@ -0,0 +1,6 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+   - License, v. 2.0. If a copy of the MPL was not distributed with this
+   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">
+  <path fill-rule="evenodd" d="M15 1H1v14h14V1zm-2.14 5.6a1.89 1.89 0 0 0-.95-.54 3.84 3.84 0 0 0-1.15-.03c-.83.16-1.4.68-1.56 1.44-.04.32-.03.65.03.97a2 2 0 0 0 .41.76c.31.33.65.54 1.43.88.68.3.92.44 1.05.6.17.26.13.63-.09.85-.33.3-.99.33-1.47.07a2.31 2.31 0 0 1-.67-.68l-.4.21c-.25.13-.51.27-.74.44-.02.03.26.43.4.58.41.43.95.71 1.54.8.38.06.77.06 1.16.02.84-.14 1.43-.57 1.68-1.2a2.2 2.2 0 0 0-.18-1.85c-.29-.44-.75-.75-1.84-1.22-.6-.25-.78-.38-.88-.59a.56.56 0 0 1-.07-.28c0-.4.3-.64.76-.6a.86.86 0 0 1 .71.42c.07.1.12.16.14.15.4-.25 1.05-.69 1.05-.71a2.5 2.5 0 0 0-.36-.49zm-6.48.72h1.97l-.01-1.25H5.69l-2.67.01A10.66 10.66 0 0 0 3 7.31h1.98v5.62h1.4V7.32z"/>
+</svg>
new file mode 100644
--- /dev/null
+++ b/devtools/client/debugger/new/images/sources/underscore.svg
@@ -0,0 +1,8 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+   - License, v. 2.0. If a copy of the MPL was not distributed with this
+   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32" viewBox="0 0 32 32">
+  <rect fill="#002f42" width="16" x="0" y="28" height="4" />
+  <rect fill="#0072b1" width="16" x="16" y="28" height="4" />
+</svg>
new file mode 100644
--- /dev/null
+++ b/devtools/client/debugger/new/images/sources/vuejs.svg
@@ -0,0 +1,7 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+   - License, v. 2.0. If a copy of the MPL was not distributed with this
+   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">
+  <path d="M9.73 2L8 5 6.27 2H.5L8 14.99 15.5 2H9.73z" fill="#41B883"/>
+  <path d="M9.73 2L8 5 6.27 2H3.5L8 9.8 12.5 2H9.73z" fill="#34495E"/>
+</svg>
new file mode 100644
--- /dev/null
+++ b/devtools/client/debugger/new/images/sources/webpack.svg
@@ -0,0 +1,8 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+   - License, v. 2.0. If a copy of the MPL was not distributed with this
+   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">
+  <path d="M8 .08l7 3.96v7.92l-7 3.96-7-3.96V4.04L8 .08z" fill="#fff"/>
+  <path d="M13.75 11.69L8.23 14.8v-2.43l3.44-1.9 2.08 1.2zm.38-.35V4.82L12.1 5.98v4.2l2.02 1.16zm-11.9.35l5.52 3.12v-2.43l-3.44-1.9-2.08 1.2zm-.38-.35V4.82l2.02 1.16v4.2l-2.02 1.16zm.24-6.95l5.66-3.2v2.35l-3.63 2-.03.01-2-1.16zm11.8 0L8.23 1.2v2.35l3.63 2 .02.01L13.9 4.4z" fill="#8ED6FB"/>
+  <path d="M7.75 11.82l-3.4-1.86v-3.7l3.4 1.96v3.6zm.48 0l3.4-1.86v-3.7l-3.4 1.96v3.6zM4.58 5.84l3.4-1.88 3.42 1.88L7.99 7.8l-3.4-1.96z" fill="#1C78C0"/>
+</svg>
--- a/devtools/client/debugger/new/images/tab.svg
+++ b/devtools/client/debugger/new/images/tab.svg
@@ -1,6 +1,6 @@
 <!-- This Source Code Form is subject to the terms of the Mozilla Public
    - License, v. 2.0. If a copy of the MPL was not distributed with this
    - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 28 28">
-  <path fill="context-fill" d="M15 11h-1V5a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v6H1a1 1 0 0 0 0 2h14a1 1 0 1 0 0-2z"></path>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">
+  <path d="M15 11h-1V5c0-1.09-.91-2-2-2H4c-1.09 0-2 .91-2 2v6H1c-.54 0-1 .46-1 1s.46 1 1 1h14c.54 0 1-.46 1-1s-.46-1-1-1z"/>
 </svg>
deleted file mode 100644
--- a/devtools/client/debugger/new/images/typescript.svg
+++ /dev/null
@@ -1,6 +0,0 @@
-<!-- This Source Code Form is subject to the terms of the Mozilla Public
-   - License, v. 2.0. If a copy of the MPL was not distributed with this
-   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
-<svg viewBox="0 0 128 128" xmlns="http://www.w3.org/2000/svg">
-<path d="M 1.5 63.91 v 62.5 h 125 V 1.41 H 1.5 Z m 100.73 -5 a 15.56 15.56 0 0 1 7.82 4.5 a 20.58 20.58 0 0 1 3 4 c 0 0.16 -5.4 3.81 -8.69 5.85 c -0.12 0.08 -0.6 -0.44 -1.13 -1.23 a 7.09 7.09 0 0 0 -5.87 -3.53 c -3.79 -0.26 -6.23 1.73 -6.21 5 a 4.58 4.58 0 0 0 0.54 2.34 c 0.83 1.73 2.38 2.76 7.24 4.86 c 8.95 3.85 12.78 6.39 15.16 10 c 2.66 4 3.25 10.46 1.45 15.24 c -2 5.2 -6.9 8.73 -13.83 9.9 a 38.32 38.32 0 0 1 -9.52 -0.1 a 23 23 0 0 1 -12.72 -6.63 c -1.15 -1.27 -3.39 -4.58 -3.25 -4.82 a 9.34 9.34 0 0 1 1.15 -0.73 L 82 101 l 3.59 -2.08 l 0.75 1.11 a 16.78 16.78 0 0 0 4.74 4.54 c 4 2.1 9.46 1.81 12.16 -0.62 a 5.43 5.43 0 0 0 0.69 -6.92 c -1 -1.39 -3 -2.56 -8.59 -5 c -6.45 -2.78 -9.23 -4.5 -11.77 -7.24 a 16.48 16.48 0 0 1 -3.43 -6.25 a 25 25 0 0 1 -0.22 -8 c 1.33 -6.23 6 -10.58 12.82 -11.87 A 31.66 31.66 0 0 1 102.23 58.93 Z M 72.89 64.15 l 0 5.12 H 56.66 V 115.5 H 45.15 V 69.26 H 28.88 v -5 A 49.19 49.19 0 0 1 29 59.09 C 29.08 59 39 59 51 59 L 72.83 59 Z" data-name="original" />
-</svg>
deleted file mode 100644
--- a/devtools/client/debugger/new/images/underscore.svg
+++ /dev/null
@@ -1,8 +0,0 @@
-<!-- This Source Code Form is subject to the terms of the Mozilla Public
-   - License, v. 2.0. If a copy of the MPL was not distributed with this
-   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32" viewBox="0 0 32 32">
-  <rect fill="#002f42" width="16" x="0" y="28" height="4" />
-  <rect fill="#0072b1" width="16" x="16" y="28" height="4" />
-</svg>
deleted file mode 100644
--- a/devtools/client/debugger/new/images/vuejs.svg
+++ /dev/null
@@ -1,31 +0,0 @@
-<!-- This Source Code Form is subject to the terms of the Mozilla Public
-   - License, v. 2.0. If a copy of the MPL was not distributed with this
-   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
-<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   viewBox="0 0 400 400"
-   height="400"
-   width="400"
-   xml:space="preserve"
-   id="svg2"
-   version="1.1"><metadata
-     id="metadata8"><rdf:RDF><cc:Work
-         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
-     id="defs6" /><g
-     transform="matrix(1.3333333,0,0,-1.3333333,0,400)"
-     id="g10"><g
-       transform="translate(178.0626,235.0086)"
-       id="g12"><path
-         id="path14"
-         style="fill:#41b883;fill-opacity:1;fill-rule:nonzero;stroke:none"
-         d="M 0,0 -22.669,-39.264 -45.338,0 h -75.491 L -22.669,-170.017 75.491,0 Z" /></g><g
-       transform="translate(178.0626,235.0086)"
-       id="g16"><path
-         id="path18"
-         style="fill:#34495e;fill-opacity:1;fill-rule:nonzero;stroke:none"
-         d="M 0,0 -22.669,-39.264 -45.338,0 H -81.565 L -22.669,-102.01 36.227,0 Z" /></g></g></svg>
deleted file mode 100644
--- a/devtools/client/debugger/new/images/webpack.svg
+++ /dev/null
@@ -1,6 +0,0 @@
-<!-- This Source Code Form is subject to the terms of the Mozilla Public
-   - License, v. 2.0. If a copy of the MPL was not distributed with this
-   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 774 875.7"><title>icon</title>
-  <path fill="#FFF" d="M387 0l387 218.9v437.9L387 875.7 0 656.8V218.9z"/><path fill="#8ed6fb" d="M704.9 641.7L399.8 814.3V679.9l190.1-104.6 115 66.4zm20.9-18.9V261.9l-111.6 64.5v232l111.6 64.4zM67.9 641.7L373 814.3V679.9L182.8 575.3 67.9 641.7zM47 622.8V261.9l111.6 64.5v232L47 622.8zm13.1-384.3L373 61.5v129.9L172.5 301.7l-1.6.9-110.8-64.1zm652.6 0l-312.9-177v129.9l200.5 110.2 1.6.9 110.8-64z"/><path fill="#1c78c0" d="M373 649.3L185.4 546.1V341.8L373 450.1v199.2zm26.8 0l187.6-103.1V341.8L399.8 450.1v199.2zm-13.4-207zM198.1 318.2l188.3-103.5 188.3 103.5-188.3 108.7-188.3-108.7z"/>
-</svg>
--- a/devtools/client/debugger/new/images/worker.svg
+++ b/devtools/client/debugger/new/images/worker.svg
@@ -1,6 +1,6 @@
 <!-- This Source Code Form is subject to the terms of the Mozilla Public
    - License, v. 2.0. If a copy of the MPL was not distributed with this
    - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
-<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" d="M8.5 8.793L5.854 6.146l-.04-.035L7.5 4.426c.2-.2.3-.4.3-.6 0-.2-.1-.4-.2-.6l-1-1c-.4-.3-.9-.3-1.2 0l-4.1 4.1c-.2.2-.3.4-.3.6 0 .2.1.4.2.6l1 1c.3.3.9.3 1.2 0l1.71-1.71.036.04L7.793 9.5l-3.647 3.646c-.195.196-.195.512 0 .708.196.195.512.195.708 0L8.5 10.207l3.646 3.647c.196.195.512.195.708 0 .195-.196.195-.512 0-.708L9.207 9.5l2.565-2.565L13.3 8.5c.1.1 2.3 1.1 2.7.7.4-.4-.3-2.7-.5-2.9l-1.1-1.1c.1-.1.2-.4.2-.6 0-.2-.1-.4-.2-.6l-.4-.4c-.3-.3-.8-.3-1.1 0l-1.5-1.4c-.2-.2-.3-.2-.5-.2s-.3.1-.5.2L9.2 3.4c-.2.1-.2.2-.2.4s.1.4.2.5l1.874 1.92L8.5 8.792z"/>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">
+  <path fill-rule="evenodd" d="M7.95 8.68L5.67 6.41l-.03-.03 1.45-1.45c.17-.17.26-.35.26-.52 0-.17-.09-.34-.18-.51l-.86-.86c-.34-.26-.77-.26-1.03 0L1.76 6.56c-.17.17-.26.34-.26.52 0 .17.09.34.17.51l.86.86c.26.26.78.26 1.03 0l1.47-1.47.03.04 2.28 2.27-3.14 3.13a.43.43 0 0 0 .61.61L7.95 9.9l3.13 3.13a.43.43 0 0 0 .61-.6L8.56 9.28l2.2-2.2 1.31 1.34c.09.09 1.98.95 2.33.6.34-.34-.26-2.32-.43-2.5l-.95-.94a.92.92 0 0 0 .17-.51c0-.18-.08-.35-.17-.52l-.34-.34a.67.67 0 0 0-.95 0l-1.29-1.2c-.17-.18-.26-.18-.43-.18-.17 0-.26.09-.43.17L8.55 4.05c-.17.08-.17.17-.17.34s.08.34.17.43l1.61 1.65-2.21 2.21z"/>
 </svg>
--- a/devtools/client/debugger/new/packages/devtools-source-map/src/index.js
+++ b/devtools/client/debugger/new/packages/devtools-source-map/src/index.js
@@ -13,19 +13,22 @@ import type { SourceMapConsumer } from "
 import type { locationOptions } from "./source-map";
 
 export const dispatcher = new WorkerDispatcher();
 
 const _getGeneratedRanges = dispatcher.task("getGeneratedRanges", {
   queue: true
 });
 
-const _getGeneratedLocation = dispatcher.task("getGeneratedLocation", { queue: true });
-const _getAllGeneratedLocations = dispatcher.task("getAllGeneratedLocations", { queue: true });
-
+const _getGeneratedLocation = dispatcher.task("getGeneratedLocation", {
+  queue: true
+});
+const _getAllGeneratedLocations = dispatcher.task("getAllGeneratedLocations", {
+  queue: true
+});
 
 export const setAssetRootURL = async (assetRoot: string): Promise<void> =>
   dispatcher.invoke("setAssetRootURL", assetRoot);
 
 export const getOriginalURLs = async (
   generatedSource: Source
 ): Promise<SourceMapConsumer> =>
   dispatcher.invoke("getOriginalURLs", generatedSource);
@@ -47,31 +50,28 @@ export const getGeneratedRanges = async 
   location: SourceLocation,
   originalSource: Source
 ): Promise<
   Array<{
     line: number,
     columnStart: number,
     columnEnd: number
   }>
-> =>
-  _getGeneratedRanges(location, originalSource);
+> => _getGeneratedRanges(location, originalSource);
 
 export const getGeneratedLocation = async (
   location: SourceLocation,
   originalSource: Source
-): Promise<SourceLocation> => _getGeneratedLocation(location,originalSource);
+): Promise<SourceLocation> => _getGeneratedLocation(location, originalSource);
 
 export const getAllGeneratedLocations = async (
   location: SourceLocation,
   originalSource: Source
-): Promise<Array<SourceLocation>> => _getAllGeneratedLocations(
-  location,
-  originalSource
-);
+): Promise<Array<SourceLocation>> =>
+  _getAllGeneratedLocations(location, originalSource);
 
 export const getOriginalLocation = async (
   location: SourceLocation,
   options: locationOptions = {}
 ): Promise<SourceLocation> =>
   dispatcher.invoke("getOriginalLocation", location, options);
 
 export const getFileGeneratedRange = async (
--- a/devtools/client/debugger/new/src/actions/breakpoints/addBreakpoint.js
+++ b/devtools/client/debugger/new/src/actions/breakpoints/addBreakpoint.js
@@ -11,17 +11,16 @@ import {
   getASTLocation,
   assertLocation,
   makeBreakpointId,
   makeBreakpointLocation
 } from "../../utils/breakpoint";
 import { PROMISE } from "../utils/middleware/promise";
 import {
   getSource,
-  getSourceActors,
   getSymbols,
   getFirstVisibleBreakpointPosition
 } from "../../selectors";
 import { getGeneratedLocation } from "../../utils/source-maps";
 import { getTextAtPosition } from "../../utils/source";
 import { recordEvent } from "../../utils/telemetry";
 import { features } from "../../utils/prefs";
 import { setBreakpointPositions } from "./breakpointPositions";
@@ -66,17 +65,20 @@ async function addBreakpointPromise(getS
   assertLocation(generatedLocation);
 
   if (breakpointExists(state, location)) {
     const newBreakpoint = { ...breakpoint, location, generatedLocation };
     assertBreakpoint(newBreakpoint);
     return newBreakpoint;
   }
 
-  const breakpointLocation = makeBreakpointLocation(getState(), generatedLocation);
+  const breakpointLocation = makeBreakpointLocation(
+    getState(),
+    generatedLocation
+  );
   await client.setBreakpoint(breakpointLocation, breakpoint.options);
 
   const symbols = getSymbols(getState(), source);
   const astLocation = await getASTLocation(source, symbols, location);
 
   const originalText = getTextAtPosition(source, location);
   const text = getTextAtPosition(generatedSource, generatedLocation);
 
@@ -134,17 +136,17 @@ export function addBreakpoint(
         location
       );
     }
 
     if (!breakpointPosition) {
       return;
     }
 
-    const breakpoint = createBreakpoint(breakpointPosition, options);
+    const breakpoint = createBreakpoint(breakpointPosition, { options });
 
     return dispatch({
       type: "ADD_BREAKPOINT",
       breakpoint,
       [PROMISE]: addBreakpointPromise(getState, client, sourceMaps, breakpoint)
     });
   };
 }
--- a/devtools/client/debugger/new/src/actions/breakpoints/index.js
+++ b/devtools/client/debugger/new/src/actions/breakpoints/index.js
@@ -12,18 +12,17 @@
 import { PROMISE } from "../utils/middleware/promise";
 import {
   getBreakpoint,
   getBreakpointsList,
   getXHRBreakpoints,
   getSelectedSource,
   getBreakpointAtLocation,
   getConditionalPanelLocation,
-  getBreakpointsForSource,
-  getSourceActors
+  getBreakpointsForSource
 } from "../../selectors";
 import {
   assertBreakpoint,
   createXHRBreakpoint,
   makeBreakpointLocation
 } from "../../utils/breakpoint";
 import {
   addBreakpoint,
@@ -44,17 +43,20 @@ import type {
   Source,
   SourceLocation,
   XHRBreakpoint
 } from "../../types";
 
 import { recordEvent } from "../../utils/telemetry";
 
 async function removeBreakpointsPromise(client, state, breakpoint) {
-  const breakpointLocation = makeBreakpointLocation(state, breakpoint.generatedLocation);
+  const breakpointLocation = makeBreakpointLocation(
+    state,
+    breakpoint.generatedLocation
+  );
   await client.removeBreakpoint(breakpointLocation);
 }
 
 /**
  * Remove a single breakpoint
  *
  * @memberof actions/breakpoints
  * @static
@@ -288,17 +290,21 @@ export function setBreakpointOptions(
     if (bp.loading) {
       return;
     }
 
     if (bp.disabled) {
       await dispatch(enableBreakpoint(bp));
     }
 
-    const breakpointLocation = makeBreakpointLocation(getState(), bp.generatedLocation);
+    const breakpointLocation = makeBreakpointLocation(
+      getState(),
+      bp.generatedLocation
+    );
+
     await client.setBreakpoint(breakpointLocation, options);
 
     const newBreakpoint = { ...bp, disabled: false, options };
 
     assertBreakpoint(newBreakpoint);
 
     return dispatch(
       ({
@@ -359,18 +365,44 @@ export function addBreakpointAtLine(line
         line
       })
     );
   };
 }
 
 export function removeBreakpointsAtLine(sourceId: string, line: number) {
   return ({ dispatch, getState, client, sourceMaps }: ThunkArgs) => {
-    const breakpoints = getBreakpointsForSource(getState(), sourceId, line);
-    return dispatch(removeBreakpoints(breakpoints));
+    const breakpointsAtLine = getBreakpointsForSource(
+      getState(),
+      sourceId,
+      line
+    );
+    return dispatch(removeBreakpoints(breakpointsAtLine));
+  };
+}
+
+export function disableBreakpointsAtLine(sourceId: string, line: number) {
+  return ({ dispatch, getState, client, sourceMaps }: ThunkArgs) => {
+    const breakpointsAtLine = getBreakpointsForSource(
+      getState(),
+      sourceId,
+      line
+    );
+    return dispatch(toggleBreakpoints(true, breakpointsAtLine));
+  };
+}
+
+export function enableBreakpointsAtLine(sourceId: string, line: number) {
+  return ({ dispatch, getState, client, sourceMaps }: ThunkArgs) => {
+    const breakpointsAtLine = getBreakpointsForSource(
+      getState(),
+      sourceId,
+      line
+    );
+    return dispatch(toggleBreakpoints(false, breakpointsAtLine));
   };
 }
 
 export function toggleDisabledBreakpoint(breakpoint: Breakpoint) {
   return ({ dispatch, getState, client, sourceMaps }: ThunkArgs) => {
     if (breakpoint.loading) {
       return;
     }
--- a/devtools/client/debugger/new/src/actions/breakpoints/syncBreakpoint.js
+++ b/devtools/client/debugger/new/src/actions/breakpoints/syncBreakpoint.js
@@ -6,24 +6,23 @@
 
 import { setBreakpointPositions } from "./breakpointPositions";
 import {
   locationMoved,
   createBreakpoint,
   assertBreakpoint,
   assertPendingBreakpoint,
   findScopeByName,
-  makeSourceActorLocation,
   makeBreakpointLocation
 } from "../../utils/breakpoint";
 
 import { getGeneratedLocation } from "../../utils/source-maps";
 import { getTextAtPosition } from "../../utils/source";
 import { originalToGeneratedId, isOriginalId } from "devtools-source-map";
-import { getSource, getSourceActors } from "../../selectors";
+import { getSource } from "../../selectors";
 import { features } from "../../utils/prefs";
 
 import type { ThunkArgs, Action } from "../types";
 
 import type {
   SourceLocation,
   ASTLocation,
   PendingBreakpoint,
@@ -127,19 +126,20 @@ export async function syncBreakpointProm
   );
 
   // makeBreakpointLocation requires the source to still exist, which might not
   // be the case if we navigated.
   if (!getSource(getState(), generatedSourceId)) {
     return null;
   }
 
-  const breakpointLocation = makeBreakpointLocation(getState(), generatedLocation);
-  const scopedBreakpointLocation =
-    makeBreakpointLocation(getState(), scopedGeneratedLocation);
+  const breakpointLocation = makeBreakpointLocation(
+    getState(),
+    generatedLocation
+  );
 
   let possiblePosition = true;
   if (features.columnBreakpoints && generatedLocation.column != undefined) {
     const { positions } = await dispatch(
       setBreakpointPositions(generatedLocation)
     );
     if (!positions.includes(generatedLocation.column)) {
       possiblePosition = false;
@@ -172,22 +172,20 @@ export async function syncBreakpointProm
 
   if (!possiblePosition || !scopedGeneratedLocation.line) {
     return { previousLocation, breakpoint: null };
   }
 
   /** ******* Case 2: Add New Breakpoint ***********/
   // If we are not disabled, set the breakpoint on the server and get
   // that info so we can set it on our breakpoints.
-
-  if (!scopedGeneratedLocation.line) {
-    return { previousLocation, breakpoint: null };
-  }
-
-  await client.setBreakpoint(scopedGeneratedLocation, pendingBreakpoint.options);
+  await client.setBreakpoint(
+    scopedGeneratedLocation,
+    pendingBreakpoint.options
+  );
 
   const originalText = getTextAtPosition(source, scopedLocation);
   const text = getTextAtPosition(generatedSource, scopedGeneratedLocation);
 
   return createSyncData(
     pendingBreakpoint,
     scopedLocation,
     scopedGeneratedLocation,
--- a/devtools/client/debugger/new/src/actions/breakpoints/tests/syncing.spec.js
+++ b/devtools/client/debugger/new/src/actions/breakpoints/tests/syncing.spec.js
@@ -93,21 +93,22 @@ function pendingBreakpoint(overrides) {
     },
     astLocation: {
       name: undefined,
       offset: {
         line: 3
       },
       index: 0
     },
-    condition: null,
+    options: {
+      logValue: "",
+      hidden: false
+    },
     disabled: false,
-    hidden: false,
     loading: false,
-    options: {},
     text: "",
     ...overrides
   };
 }
 
 function newGeneratedLocation(line) {
   return {
     sourceUrl: "http://localhost:8000/gen.js",
new file mode 100644
--- /dev/null
+++ b/devtools/client/debugger/new/src/actions/sources/tests/blackbox.spec.js
@@ -0,0 +1,38 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at <http://mozilla.org/MPL/2.0/>. */
+
+// @flow
+
+import {
+  actions,
+  selectors,
+  createStore,
+  makeSource
+} from "../../../utils/test-head";
+
+describe("blackbox", () => {
+  it("should blackbox a source", async () => {
+    const store = createStore({ blackBox: async () => true });
+    const { dispatch, getState } = store;
+
+    const foo1CSR = makeSource("foo1");
+    await dispatch(actions.newSource(foo1CSR));
+    await dispatch(actions.toggleBlackBox(foo1CSR.source));
+
+    const fooSource = selectors.getSource(getState(), "foo1");
+
+    if (!fooSource) {
+      throw new Error("foo should exist");
+    }
+
+    const thread = (foo1CSR.sourceActor: any).thread;
+    const relativeSources = selectors.getRelativeSourcesForThread(
+      getState(),
+      thread
+    );
+
+    expect(relativeSources[fooSource.id].isBlackBoxed).toEqual(true);
+    expect(fooSource.isBlackBoxed).toEqual(true);
+  });
+});
--- a/devtools/client/debugger/new/src/actions/tests/__snapshots__/pending-breakpoints.spec.js.snap
+++ b/devtools/client/debugger/new/src/actions/tests/__snapshots__/pending-breakpoints.spec.js.snap
@@ -5,30 +5,32 @@ Object {
   "http://localhost:8000/examples/bar.js:5:": Object {
     "astLocation": Object {
       "index": 0,
       "name": undefined,
       "offset": Object {
         "line": 5,
       },
     },
-    "condition": null,
     "disabled": false,
     "generatedLocation": Object {
       "column": undefined,
       "line": 5,
       "sourceUrl": "http://localhost:8000/examples/bar.js",
     },
-    "hidden": false,
     "location": Object {
       "column": undefined,
       "line": 5,
       "sourceId": "",
       "sourceUrl": "http://localhost:8000/examples/bar.js",
     },
+    "options": Object {
+      "condition": null,
+      "hidden": false,
+    },
   },
 }
 `;
 
 exports[`when adding breakpoints a corresponding pending breakpoint should be added 1`] = `
 Object {
   "astLocation": Object {
     "index": 0,
--- a/devtools/client/debugger/new/src/actions/tests/helpers/breakpoints.js
+++ b/devtools/client/debugger/new/src/actions/tests/helpers/breakpoints.js
@@ -20,19 +20,21 @@ export function mockPendingBreakpoint(ov
     },
     astLocation: {
       name: undefined,
       offset: {
         line: line || 5
       },
       index: 0
     },
-    condition: condition || null,
-    disabled: disabled || false,
-    hidden: hidden || false
+    options: {
+      condition: condition || null,
+      hidden: hidden || false
+    },
+    disabled: disabled || false
   };
 }
 
 export function generateBreakpoint(
   filename: string,
   line: number = 5,
   column: number = 0
 ) {
--- a/devtools/client/debugger/new/src/client/firefox/commands.js
+++ b/devtools/client/debugger/new/src/client/firefox/commands.js
@@ -1,19 +1,22 @@
 /* This Source Code Form is subject to the terms of the Mozilla Public
  * License, v. 2.0. If a copy of the MPL was not distributed with this
  * file, You can obtain one at <http://mozilla.org/MPL/2.0/>. */
 
 // @flow
 
+import { createSource, createWorker } from "./create";
+import { supportsWorkers, updateWorkerClients } from "./workers";
+import { features } from "../../utils/prefs";
+
 import type {
   ActorId,
   BreakpointLocation,
   BreakpointOptions,
-  BreakpointResult,
   EventListenerBreakpoints,
   Frame,
   FrameId,
   Script,
   SourceId,
   SourceActor,
   SourceActorLocation,
   Worker
@@ -25,23 +28,16 @@ import type {
   Grip,
   ThreadClient,
   ObjectClient,
   SourcesPacket
 } from "./types";
 
 import type { PausePointsMap } from "../../workers/parser";
 
-import { makeBreakpointActorId } from "../../utils/breakpoint";
-
-import { createSource, createWorker } from "./create";
-import { supportsWorkers, updateWorkerClients } from "./workers";
-
-import { features } from "../../utils/prefs";
-
 let workerClients: Object;
 let threadClient: ThreadClient;
 let tabTarget: TabTarget;
 let debuggerClient: DebuggerClient;
 let sourceActors: { [ActorId]: SourceId };
 let breakpoints: { [string]: Object };
 let supportsWasm: boolean;
 
--- a/devtools/client/debugger/new/src/client/firefox/create.js
+++ b/devtools/client/debugger/new/src/client/firefox/create.js
@@ -22,24 +22,18 @@ export function createFrame(thread: Thre
   }
   let title;
   if (frame.type == "call") {
     const c = frame.callee;
     title = c.name || c.userDisplayName || c.displayName;
   } else {
     title = `(${frame.type})`;
   }
-
-  // NOTE: Firefox 66 switched from where.source to where.actor
-  const actor = frame.where.source
-    ? frame.where.source.actor
-    : frame.where.actor;
-
   const location = {
-    sourceId: clientCommands.getSourceForActor(actor),
+    sourceId: clientCommands.getSourceForActor(frame.where.actor),
     line: frame.where.line,
     column: frame.where.column
   };
 
   return {
     id: frame.actor,
     thread,
     displayName: title,
--- a/devtools/client/debugger/new/src/client/firefox/types.js
+++ b/devtools/client/debugger/new/src/client/firefox/types.js
@@ -72,17 +72,17 @@ export type FramePacket = {
   actor: ActorId,
   arguments: any[],
   callee: any,
   environment: any,
   this: any,
   depth?: number,
   oldest?: boolean,
   type: "pause" | "call",
-  where: ActualLocation
+  where: {| actor: string, line: number, column: number |}
 };
 
 /**
  * Firefox Source File payload
  * introductionType can be a "scriptElement"
  * @memberof firefox/payloads
  * @static
  */
@@ -144,30 +144,16 @@ export type PausedPacket = {
 };
 
 export type ResumedPacket = {
   from: ActorId,
   type: string
 };
 
 /**
- * Location of an actual event, when breakpoints are set they are requested
- * at one location but the server will respond with the "actual location" where
- * the breakpoint was really set if it differs from the requested location.
- *
- * @memberof firefox
- * @static
- */
-export type ActualLocation = {
-  source: SourcePayload,
-  line: number,
-  column?: number
-};
-
-/**
  * Response from the `getFrames` function call
  * @memberof firefox
  * @static
  */
 export type FramesResponse = {
   frames: FramePacket[],
   from: ActorId
 };
@@ -362,17 +348,17 @@ export type ThreadClient = {
   reverseStepOver: Function => Promise<*>,
   reverseStepOut: Function => Promise<*>,
   breakOnNext: () => Promise<*>,
   // FIXME: unclear if SourceId or ActorId here
   source: ({ actor: SourceId }) => SourceClient,
   pauseGrip: (Grip | Function) => ObjectClient,
   pauseOnExceptions: (boolean, boolean) => Promise<*>,
   setBreakpoint: (BreakpointLocation, BreakpointOptions) => Promise<*>,
-  removeBreakpoint: (BreakpointLocation) => Promise<*>,
+  removeBreakpoint: BreakpointLocation => Promise<*>,
   setXHRBreakpoint: (path: string, method: string) => Promise<boolean>,
   removeXHRBreakpoint: (path: string, method: string) => Promise<boolean>,
   interrupt: () => Promise<*>,
   eventListeners: () => Promise<*>,
   getFrames: (number, number) => FramesResponse,
   getEnvironment: (frame: Frame) => Promise<*>,
   addListener: (string, Function) => void,
   getSources: () => Promise<SourcesPacket>,
--- a/devtools/client/debugger/new/src/components/App.css
+++ b/devtools/client/debugger/new/src/components/App.css
@@ -37,33 +37,16 @@ button:focus {
   height: 100%;
   overflow: hidden;
 }
 
 .editor-container {
   width: 100%;
 }
 
-.search-container {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  display: flex;
-  z-index: 200;
-  background-color: var(--search-overlays-semitransparent);
-}
-
-.search-container .close-button {
-  width: 16px;
-  margin-top: 25px;
-  margin-right: 20px;
-}
-
 /* Utils */
 .absolute-center {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
 }
 
--- a/devtools/client/debugger/new/src/components/Editor/Breakpoint.js
+++ b/devtools/client/debugger/new/src/components/Editor/Breakpoint.js
@@ -52,16 +52,17 @@ class Breakpoint extends PureComponent<P
       return;
     }
 
     const line = toEditorLine(sourceId, this.selectedLocation.line);
 
     doc.setGutterMarker(line, "breakpoints", null);
     doc.removeLineClass(line, "line", "new-breakpoint");
     doc.removeLineClass(line, "line", "has-condition");
+    doc.removeLineClass(line, "line", "has-log");
   }
 
   get selectedLocation() {
     const { breakpoint, selectedSource } = this.props;
     return getSelectedLocation(breakpoint, selectedSource);
   }
 
   makeMarker() {
@@ -128,22 +129,23 @@ class Breakpoint extends PureComponent<P
 
     const sourceId = selectedSource.id;
     const line = toEditorLine(sourceId, this.selectedLocation.line);
     const doc = getDocument(sourceId);
 
     doc.setGutterMarker(line, "breakpoints", this.makeMarker());
 
     editor.codeMirror.addLineClass(line, "line", "new-breakpoint");
-    if (breakpoint.options.condition) {
+    editor.codeMirror.removeLineClass(line, "line", "has-condition");
+    editor.codeMirror.removeLineClass(line, "line", "has-log");
+
+    if (breakpoint.options.logValue) {
+      editor.codeMirror.addLineClass(line, "line", "has-log");
+    } else if (breakpoint.options.condition) {
       editor.codeMirror.addLineClass(line, "line", "has-condition");
-    } else if (breakpoint.options.logValue) {
-      editor.codeMirror.addLineClass(line, "line", "has-condition log");
-    } else {
-      editor.codeMirror.removeLineClass(line, "line", "has-condition");
     }
   };
 
   render() {
     return null;
   }
 }
 
--- a/devtools/client/debugger/new/src/components/Editor/ColumnBreakpoint.js
+++ b/devtools/client/debugger/new/src/components/Editor/ColumnBreakpoint.js
@@ -27,21 +27,25 @@ type Props = {
   breakpointActions: BreakpointItemActions
 };
 
 const breakpointImg = document.createElement("button");
 ReactDOM.render(<Svg name={"column-marker"} />, breakpointImg);
 
 function makeBookmark({ breakpoint }, { onClick, onContextMenu }) {
   const bp = breakpointImg.cloneNode(true);
-  const condition = breakpoint && breakpoint.options.condition;
+  if (!breakpoint) {
+    return;
+  }
+  const { condition, logValue } = breakpoint.options;
   const isActive = breakpoint && !breakpoint.disabled;
 
   bp.className = classnames("column-breakpoint", {
     "has-condition": condition,
+    "has-log": logValue,
     active: isActive,
     disabled: !isActive
   });
 
   if (condition) {
     bp.setAttribute("title", condition);
   }
   bp.onclick = onClick;
--- a/devtools/client/debugger/new/src/components/Editor/ColumnBreakpoints.css
+++ b/devtools/client/debugger/new/src/components/Editor/ColumnBreakpoints.css
@@ -31,19 +31,19 @@
   fill-opacity: 0.5;
 }
 
 .column-breakpoint.has-condition svg {
   fill: var(--theme-graphs-yellow);
   stroke: var(--theme-graphs-orange);
 }
 
-.column-breakpoint.has-condition.log svg {
-  fill: var(--theme-graphs-orange);
-  stroke: var(--theme-graphs-yellow);
+.column-breakpoint.has-log svg {
+  fill: var(--theme-graphs-purple);
+  stroke: var(--purple-60);
 }
 
 .theme-dark .column-breakpoint.active svg {
   fill: var(--blue-55);
   stroke: var(--blue-40);
 }
 
 .theme-dark .column-breakpoint.disabled svg {
--- a/devtools/client/debugger/new/src/components/Editor/ConditionalPanel.css
+++ b/devtools/client/debugger/new/src/components/Editor/ConditionalPanel.css
@@ -18,25 +18,11 @@
   color: var(--theme-conditional-breakpoint-color);
   padding-left: 3px;
   padding-right: 3px;
   padding-bottom: 3px;
   text-align: right;
   width: 30px;
 }
 
-.conditional-breakpoint-panel input {
-  margin: 5px 10px;
-  width: calc(100% - 4em);
-  border: none;
-  background: var(--theme-toolbar-background);
-  font-size: 14px;
-  color: var(--theme-conditional-breakpoint-color);
-  line-height: 30px;
+.conditional-breakpoint-panel .CodeMirror {
+  margin: 6px 10px;
 }
-
-.conditional-breakpoint-panel input:not(:placeholder-shown) {
-  font-family: var(--monospace-font-family);
-}
-
-.conditional-breakpoint-panel input:focus {
-  outline-width: 0;
-}
--- a/devtools/client/debugger/new/src/components/Editor/ConditionalPanel.js
+++ b/devtools/client/debugger/new/src/components/Editor/ConditionalPanel.js
@@ -57,22 +57,24 @@ export class ConditionalPanel extends Pu
   onKey = (e: SyntheticKeyboardEvent<HTMLInputElement>) => {
     if (e.key === "Enter") {
       this.saveAndClose();
     } else if (e.key === "Escape") {
       this.props.closeConditionalPanel();
     }
   };
 
-  setBreakpoint(condition: string) {
-    const { location, log } = this.props;
-    return this.props.setBreakpointOptions(
-      location,
-      log ? { logValue: condition } : { condition }
-    );
+  setBreakpoint(value: string) {
+    const { location, log, breakpoint } = this.props;
+    const options = breakpoint ? breakpoint.options : {};
+    const type = log ? "logValue" : "condition";
+    return this.props.setBreakpointOptions(location, {
+      ...options,
+      [type]: value
+    });
   }
 
   clearConditionalPanel() {
     if (this.cbPanel) {
       this.cbPanel.clear();
       this.cbPanel = null;
     }
     if (this.scrollParent) {
@@ -114,17 +116,17 @@ export class ConditionalPanel extends Pu
     const { location, editor } = props;
 
     const editorLine = toEditorLine(location.sourceId, location.line || 0);
     this.cbPanel = editor.codeMirror.addLineWidget(
       editorLine,
       this.renderConditionalPanel(props),
       {
         coverGutter: true,
-        noHScroll: false
+        noHScroll: true
       }
     );
     if (this.input) {
       let parent: ?Node = this.input.parentNode;
       while (parent) {
         if (
           parent instanceof HTMLElement &&
           parent.classList.contains("CodeMirror-scroll")
@@ -138,42 +140,53 @@ export class ConditionalPanel extends Pu
       if (this.scrollParent) {
         this.scrollParent.addEventListener("scroll", this.repositionOnScroll);
         this.repositionOnScroll();
       }
     }
   }
 
   renderConditionalPanel(props: Props) {
-    const { breakpoint, log } = props;
+    const { breakpoint, log, editor } = props;
     const options = (breakpoint && breakpoint.options) || {};
     const condition = log ? options.logValue : options.condition;
 
     const panel = document.createElement("div");
     ReactDOM.render(
       <div
         className={classNames("conditional-breakpoint-panel", {
           "log-point": log
         })}
         onClick={() => this.keepFocusOnInput()}
         onBlur={this.props.closeConditionalPanel}
         ref={node => (this.panelNode = node)}
       >
         <div className="prompt">ยป</div>
         <input
           defaultValue={condition}
-          placeholder={L10N.getStr(
-            log
-              ? "editor.conditionalPanel.logPoint.placeholder"
-              : "editor.conditionalPanel.placeholder"
-          )}
-          onKeyDown={this.onKey}
           ref={input => {
+            const codeMirror = editor.CodeMirror.fromTextArea(input, {
+              mode: "javascript",
+              theme: "mozilla",
+              placeholder: L10N.getStr(
+                log
+                  ? "editor.conditionalPanel.logPoint.placeholder"
+                  : "editor.conditionalPanel.placeholder"
+              )
+            });
+            const codeMirrorWrapper = codeMirror.getWrapperElement();
+
+            codeMirrorWrapper.addEventListener("keydown", e => {
+              codeMirror.save();
+              this.onKey(e);
+            });
+
             this.input = input;
-            this.keepFocusOnInput();
+            codeMirror.focus();
+            codeMirror.setCursor(codeMirror.lineCount(), 0);
           }}
         />
       </div>,
       panel
     );
     return panel;
   }
 
--- a/devtools/client/debugger/new/src/components/Editor/Editor.css
+++ b/devtools/client/debugger/new/src/components/Editor/Editor.css
@@ -19,17 +19,19 @@
   margin-right: -7px;
   overflow: hidden;
 }
 
 .editor-wrapper {
   min-width: 0 !important;
 }
 
-.CodeMirror.cm-s-mozilla, .CodeMirror-scroll, .CodeMirror-sizer {
+.CodeMirror.cm-s-mozilla,
+.CodeMirror-scroll,
+.CodeMirror-sizer {
   overflow-anchor: none;
 }
 
 .theme-dark {
   --theme-conditional-breakpoint-color: #9fa4a9;
 }
 
 .theme-light {
@@ -160,19 +162,19 @@ html[dir="rtl"] .editor-mount {
   right: -16px;
 }
 
 .new-breakpoint.has-condition .CodeMirror-gutter-wrapper svg {
   fill: var(--theme-graphs-yellow);
   stroke: var(--theme-graphs-orange);
 }
 
-.new-breakpoint.has-condition.log .CodeMirror-gutter-wrapper svg {
-  fill: var(--theme-graphs-orange);
-  stroke: var(--theme-graphs-yellow);
+.new-breakpoint.has-log .CodeMirror-gutter-wrapper svg {
+  fill: var(--theme-graphs-purple);
+  stroke: var(--purple-60);
 }
 
 .editor.new-breakpoint.breakpoint-disabled svg {
   fill: var(--breakpoint-fill-disabled);
   stroke: var(--breakpoint-stroke-disabled);
   fill-opacity: 0.5;
 }
 
--- a/devtools/client/debugger/new/src/components/Editor/Footer.css
+++ b/devtools/client/debugger/new/src/components/Editor/Footer.css
@@ -34,23 +34,16 @@
   justify-content: center;
   align-items: center;
   transition: opacity 200ms;
   border: none;
   background: transparent;
   padding: 4px 6px;
 }
 
-.source-footer > .commands > .action .img {
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-}
-
 .source-footer > .commands > button.action:hover {
   background: var(--theme-toolbar-background-hover);
 }
 
 :root.theme-dark .source-footer > .commands > .action {
   fill: var(--theme-body-color);
 }
 
@@ -59,32 +52,18 @@
 }
 
 .source-footer > .commands > div.loader {
   vertical-align: top;
   width: 20px;
   margin: 0 4px;
 }
 
-.source-footer > .commands > .action > .img.prettyPrint {
-  mask: url(/images/prettyPrint.svg) no-repeat;
-  height: 16px;
-  width: 16px;
-  background: var(--theme-body-color);
-}
-
-.source-footer > .commands > .action > .img.blackBox {
-  mask: url(/images/blackBox.svg) no-repeat;
-  height: 16px;
-  width: 16px;
-  background: var(--theme-body-color);
-}
-
 .source-footer > .commands > .blackboxed > .img.blackBox {
-  background: var(--theme-highlight-blue);
+  background-color: var(--theme-highlight-blue);
 }
 
 .source-footer .blackbox-summary,
 .source-footer .mapped-source,
 .source-footer .cursor-position {
   color: var(--theme-body-color);
   padding-right: 2.5px;
 }
--- a/devtools/client/debugger/new/src/components/Editor/Preview.css
+++ b/devtools/client/debugger/new/src/components/Editor/Preview.css
@@ -51,20 +51,16 @@
 .popover .preview .function-signature {
   padding-top: 10px;
 }
 
 .theme-dark .popover .preview {
   border-color: var(--theme-body-color);
 }
 
-.theme-dark .popover .preview .arrow svg {
-  fill: var(--theme-comment);
-}
-
 .tooltip {
   position: fixed;
   z-index: 100;
 }
 
 .tooltip .preview {
   background: var(--theme-toolbar-background);
   max-width: inherit;
--- a/devtools/client/debugger/new/src/components/Editor/Preview/Popup.css
+++ b/devtools/client/debugger/new/src/components/Editor/Preview/Popup.css
@@ -66,20 +66,16 @@
 .popover .preview-popup .function-signature {
   padding-top: 10px;
 }
 
 .theme-dark .popover .preview-popup {
   border-color: var(--theme-body-color);
 }
 
-.theme-dark .popover .preview-popup .arrow svg {
-  fill: var(--theme-comment);
-}
-
 .tooltip {
   position: fixed;
   z-index: 100;
 }
 
 .tooltip .preview-popup {
   background: var(--theme-toolbar-background);
   max-width: inherit;
--- a/devtools/client/debugger/new/src/components/Editor/SearchBar.css
+++ b/devtools/client/debugger/new/src/components/Editor/SearchBar.css
@@ -1,142 +1,114 @@
 /* This Source Code Form is subject to the terms of the Mozilla Public
  * License, v. 2.0. If a copy of the MPL was not distributed with this
  * file, You can obtain one at <http://mozilla.org/MPL/2.0/>. */
 
 .search-bar {
+  position: relative;
   display: flex;
-  border: 1px solid transparent;
-  border-top-color: var(--theme-splitter-color);
+  border-top: 1px solid var(--theme-splitter-color);
   height: var(--editor-searchbar-height);
-  transition: border-color 200ms var(--animation-curve);
-}
-
-.search-bar.search-bar-focused {
-  border-color: var(--blue-50);
-}
-
-.search-bar .search-field {
-  padding-left: 7px;
 }
 
-.search-bar .search-shadow {
-  flex-grow: 1;
-  border-bottom: none;
+/* display a fake outline above the search bar's top border, and above
+   the source footer's top border */
+.search-bar::before {
+  content: "";
+  position: absolute;
+  z-index: 10;
+  top: -1px;
+  left: 0;
+  right: 0;
+  bottom: -1px;
+  border: solid 1px  var(--blue-50);
+  pointer-events: none;
+  opacity: 0;
+  transition: opacity 150ms ease-out;
 }
 
-.search-bar .search-shadow.focused {
-  border-color: transparent;
-  transition: none;
+.search-bar-focused::before {
+  opacity: 1;
 }
 
-.search-bar .search-field {
-  border-bottom: none;
-  padding-right: 0;
-  height: 100%;
-}
-
-.search-field .close-btn {
-  align-self: center;
+.search-bar .search-outline {
+  flex-grow: 1;
+  border-width: 0;
 }
 
 .search-bottom-bar * {
   -moz-user-select: none;
   user-select: none;
 }
 
 .search-bottom-bar {
   display: flex;
   flex-shrink: 0;
   justify-content: flex-end;
+  align-items: center;
   background-color: var(--theme-toolbar-background);
   padding: 0;
-  padding-inline-start: 1px;
-  padding-inline-end: 4px;
 }
 
 .search-bottom-bar .search-modifiers {
   display: flex;
   align-items: center;
 }
 
 .search-bottom-bar .search-modifiers button {
-  padding: 0 3px;
+  padding: 2px;
   margin: 0 3px;
   border: none;
   background: none;
   width: 20px;
   height: 20px;
-  border-radius: 3px;
-}
-
-.search-bottom-bar .search-modifiers button.close-btn.big .img {
-  width: 12px;
-  height: 12px;
-}
-
-.search-bottom-bar .search-modifiers .pipe-divider {
-  height: 70%;
-  border: 1px solid var(--grey-20);
-  vertical-align: middle;
-  margin-inline-start: 0.8em;
-  margin-inline-end: 0.3em;
+  border-radius: 2px;
 }
 
-.theme-dark .search-bottom-bar .search-modifiers .pipe-divider {
-  border-color: var(--grey-70);
+.search-bottom-bar .pipe-divider {
+  flex: none;
+  align-self: stretch;
+  width: 1px;
+  vertical-align: middle;
+  margin: 4px;
+  background-color: var(--theme-splitter-color);
 }
 
-.search-bottom-bar .search-modifiers button i {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  padding: 0;
-  width: 16px;
-}
 .search-bottom-bar .search-modifiers .img {
-  width: 16px;
-  height: 16px;
-  vertical-align: bottom;
-  background-color: var(--theme-comment);
+  display: block;
 }
 
 .search-bottom-bar .search-modifiers button:hover {
-  background: var(--theme-toolbar-background-hover);
-}
-
-.search-bottom-bar .search-modifiers button.close-btn:hover {
-  background: var(--theme-selection-background);
+  background-color: var(--theme-toolbar-background-hover);
 }
 
 .search-bottom-bar .search-modifiers button.active .img {
-  background-color: var(--theme-selection-background);
-}
-
-.theme-dark .search-bottom-bar .search-modifiers button.active .img {
-  fill: white;
+  background-color: var(--theme-icon-checked-color);
 }
 
 .search-bottom-bar .search-type-toggles {
   display: flex;
   align-items: center;
   max-width: 68%;
 }
 
 .search-bottom-bar .search-type-name {
-  padding: 1px 0 0 0;
-  margin: 0 0 0 6px;
+  margin: 0 4px;
   border: none;
   background: transparent;
   color: var(--theme-comment);
 }
 
 .search-bottom-bar .search-type-toggles .search-type-btn.active {
   color: var(--theme-selection-background);
 }
 
 .theme-dark .search-bottom-bar .search-type-toggles .search-type-btn.active {
   color: white;
 }
 
+.search-bottom-bar .close-btn {
+  margin-inline-end: 3px;
+}
+
 .search-bar .result-list {
   max-height: 230px;
 }
--- a/devtools/client/debugger/new/src/components/Editor/SearchBar.js
+++ b/devtools/client/debugger/new/src/components/Editor/SearchBar.js
@@ -237,23 +237,17 @@ class SearchBar extends Component<Props,
     if (index == -1) {
       return L10N.getFormatStr("sourceSearch.resultsSummary1", count);
     }
 
     return L10N.getFormatStr("editor.searchResults", matchIndex + 1, count);
   }
 
   renderSearchModifiers = () => {
-    const {
-      modifiers,
-      toggleFileSearchModifier,
-      query,
-      showClose = true,
-      size = "big"
-    } = this.props;
+    const { modifiers, toggleFileSearchModifier, query } = this.props;
     const { doSearch } = this;
 
     function SearchModBtn({ modVal, className, svgName, tooltip }) {
       const preppedClass = classnames(className, {
         active: modifiers && modifiers.get(modVal)
       });
       return (
         <button
@@ -294,38 +288,34 @@ class SearchBar extends Component<Props,
           tooltip={L10N.getStr("symbolSearch.searchModifier.caseSensitive")}
         />
         <SearchModBtn
           modVal="wholeWord"
           className="whole-word-btn"
           svgName="whole-word-match"
           tooltip={L10N.getStr("symbolSearch.searchModifier.wholeWord")}
         />
-        {showClose && (
-          <React.Fragment>
-            <span className="pipe-divider" />
-            <CloseButton handleClick={this.closeSearch} buttonClass={size} />
-          </React.Fragment>
-        )}
       </div>
     );
   };
 
   shouldShowErrorEmoji() {
     const {
       query,
       searchResults: { count }
     } = this.props;
     return !!query && !count;
   }
 
   render() {
     const {
       searchResults: { count },
-      searchOn
+      searchOn,
+      showClose = true,
+      size = "big"
     } = this.props;
 
     if (!searchOn) {
       return <div />;
     }
     const classes = classnames("search-bar", {
       "search-bar-focused": this.state.inputFocused
     });
@@ -343,17 +333,25 @@ class SearchBar extends Component<Props,
           showErrorEmoji={this.shouldShowErrorEmoji()}
           onKeyDown={this.onKeyDown}
           onHistoryScroll={this.onHistoryScroll}
           handleNext={e => this.traverseResults(e, false)}
           handlePrev={e => this.traverseResults(e, true)}
           shouldFocus={this.state.inputFocused}
           showClose={false}
         />
-        <div className="search-bottom-bar">{this.renderSearchModifiers()}</div>
+        <div className="search-bottom-bar">
+          {this.renderSearchModifiers()}
+          {showClose && (
+            <React.Fragment>
+              <span className="pipe-divider" />
+              <CloseButton handleClick={this.closeSearch} buttonClass={size} />
+            </React.Fragment>
+          )}
+        </div>
       </div>
     );
   }
 }
 
 SearchBar.contextTypes = {
   shortcuts: PropTypes.object
 };
--- a/devtools/client/debugger/new/src/components/Editor/Tabs.css
+++ b/devtools/client/debugger/new/src/components/Editor/Tabs.css
@@ -3,43 +3,47 @@
  * file, You can obtain one at <http://mozilla.org/MPL/2.0/>. */
 
 .source-header {
   display: flex;
   width: 100%;
   height: var(--editor-header-height);
   border-bottom: 1px solid var(--theme-splitter-color);
   background-color: var(--theme-toolbar-background);
+  --overflow-button-width: 28px;
 }
 
 .source-header * {
   -moz-user-select: none;
   user-select: none;
 }
 
 .source-header .command-bar {
   flex: initial;
   flex-shrink: 0;
   border-bottom: 0;
   border-inline-start: 1px solid var(--theme-splitter-color);
 }
 
 .source-tabs {
-  max-width: calc(100% - 80px);
+  flex: auto;
   align-self: flex-start;
+  align-items: flex-start;
+  /* Reserve space for the overflow button (even if not visible) */
+  padding-inline-end: 28px;
 }
 
 .source-tab {
   display: inline-flex;
   align-items: center;
   position: relative;
   min-width: 40px;
   max-width: 100%;
   overflow: hidden;
-  padding: 5px;
+  padding: 4px 10px;
   cursor: default;
   height: calc(var(--editor-header-height) - 1px);
   font-size: 12px;
   background-color: transparent;
   vertical-align: bottom;
 }
 
 .source-tab::before {
@@ -68,59 +72,46 @@
 }
 
 .source-tab:hover::before,
 .source-tab.active::before {
   opacity: 1;
   transform: scaleX(1);
 }
 
-.source-tab .source-icon {
-  margin-inline-end: 0;
-}
-
 .source-tab .img.prettyPrint,
-.source-tab .source-icon.blackBox {
-  height: 12px;
-  width: 12px;
-  align-self: center;
-}
-
-.source-tab .img.react {
-  mask: url(/images/react.svg) no-repeat;
-  mask-size: 100%;
-  height: 14px;
-  width: 14px;
-  background: var(--theme-highlight-bluegrey);
-  top: 0;
+.source-tab .img.blackBox {
+  mask-size: 14px;
+  background-color: currentColor;
 }
 
 .source-tab .filename {
+  display: block;
   white-space: nowrap;
   text-overflow: ellipsis;
   overflow: hidden;
-  padding: 0 4px;
-  align-self: center;
-  margin-bottom: 1px;
+  padding-inline-end: 4px;
 }
 
 .source-tab .filename span {
   opacity: 0.7;
-  padding-left: 4px;
+  padding-inline-start: 4px;
 }
 
 .source-tab .close-btn {
   visibility: hidden;
-  line-height: 0;
+  margin-inline-end: -6px;
 }
 
 .source-tab.active .close-btn {
+  color: inherit;
+}
+
+.source-tab.active .close-btn,
+.source-tab:hover .close-btn {
   visibility: visible;
 }
 
-.source-tab.active .close {
-  visibility: visible;
-  background-color: var(--theme-toolbar-selected-color);
+.source-tab .close-btn:hover,
+.source-tab .close-btn:focus {
+  color: var(--theme-selection-color);
+  background-color: var(--theme-selection-background);
 }
-
-.source-tab:hover .close-btn {
-  visibility: visible;
-}
--- a/devtools/client/debugger/new/src/components/Editor/menus/breakpoints.js
+++ b/devtools/client/debugger/new/src/components/Editor/menus/breakpoints.js
@@ -28,40 +28,16 @@ export const removeBreakpointItem = (
   id: "node-menu-remove-breakpoint",
   label: L10N.getStr("editor.removeBreakpoint"),
   accesskey: L10N.getStr("shortcuts.toggleBreakpoint.accesskey"),
   disabled: false,
   click: () => breakpointActions.removeBreakpoint(breakpoint),
   accelerator: L10N.getStr("toggleBreakpoint.key")
 });
 
-export const createConditionalBreakpointItem = (
-  location: SourceLocation,
-  breakpointActions: BreakpointItemActions
-) => ({
-  id: "node-menu-add-conditional-breakpoint",
-  label: L10N.getStr("editor.addConditionalBreakpoint"),
-  accelerator: L10N.getStr("toggleCondPanel.key"),
-  accesskey: L10N.getStr("editor.addConditionBreakpoint.accesskey"),
-  disabled: false,
-  click: () => breakpointActions.openConditionalPanel(location)
-});
-
-export const createLogBreakpointItem = (
-  location: SourceLocation,
-  breakpointActions: BreakpointItemActions
-) => ({
-  id: "node-menu-add-log-breakpoint",
-  label: L10N.getStr("editor.addLogBreakpoint"),
-  accelerator: L10N.getStr("toggleCondPanel.key"),
-  accesskey: L10N.getStr("editor.addConditionBreakpoint.accesskey"),
-  disabled: false,
-  click: () => breakpointActions.openConditionalPanel(location)
-});
-
 export const addConditionalBreakpointItem = (
   location: SourceLocation,
   breakpointActions: BreakpointItemActions
 ) => ({
   id: "node-menu-add-conditional-breakpoint",
   label: L10N.getStr("editor.addConditionBreakpoint"),
   accelerator: L10N.getStr("toggleCondPanel.key"),
   accesskey: L10N.getStr("editor.addConditionBreakpoint.accesskey"),
@@ -118,20 +94,20 @@ export const editLogPointItem = (
   accelerator: L10N.getStr("toggleCondPanel.key")
 });
 
 export const logPointItem = (
   breakpoint: Breakpoint,
   breakpointActions: BreakpointItemActions
 ) => {
   const {
-    options: { condition },
+    options: { logValue },
     location
   } = breakpoint;
-  return condition
+  return logValue
     ? editLogPointItem(location, breakpointActions)
     : addLogPointItem(location, breakpointActions);
 };
 
 export const toggleDisabledBreakpointItem = (
   breakpoint: Breakpoint,
   breakpointActions: BreakpointItemActions
 ) => {
@@ -152,54 +128,108 @@ export const toggleDisabledBreakpointIte
 };
 
 export function breakpointItems(
   breakpoint: Breakpoint,
   breakpointActions: BreakpointItemActions
 ) {
   const items = [
     removeBreakpointItem(breakpoint, breakpointActions),
-    toggleDisabledBreakpointItem(breakpoint, breakpointActions),
-    conditionalBreakpointItem(breakpoint, breakpointActions)
+    toggleDisabledBreakpointItem(breakpoint, breakpointActions)
   ];
 
+  if (features.columnBreakpoints) {
+    items.push(
+      { type: "separator" },
+      removeBreakpointsOnLineItem(breakpoint.location, breakpointActions),
+      breakpoint.disabled
+        ? enableBreakpointsOnLineItem(breakpoint.location, breakpointActions)
+        : disableBreakpointsOnLineItem(breakpoint.location, breakpointActions),
+      { type: "separator" }
+    );
+  }
+
+  items.push(conditionalBreakpointItem(breakpoint, breakpointActions));
+
   if (features.logPoints) {
     items.push(logPointItem(breakpoint, breakpointActions));
   }
+
   return items;
 }
 
 export function createBreakpointItems(
   location: SourceLocation,
   breakpointActions: BreakpointItemActions
 ) {
   const items = [
     addBreakpointItem(location, breakpointActions),
-    createConditionalBreakpointItem(location, breakpointActions)
+    addConditionalBreakpointItem(location, breakpointActions)
   ];
 
   if (features.logPoints) {
-    items.push(createLogBreakpointItem(location, breakpointActions));
+    items.push(addLogPointItem(location, breakpointActions));
   }
   return items;
 }
 
+// ToDo: Only enable if there are more than one breakpoints on a line?
+export const removeBreakpointsOnLineItem = (
+  location: SourceLocation,
+  breakpointActions: BreakpointItemActions
+) => ({
+  id: "node-menu-remove-breakpoints-on-line",
+  label: L10N.getStr("breakpointMenuItem.removeAllAtLine.label"),
+  accesskey: L10N.getStr("breakpointMenuItem.removeAllAtLine.accesskey"),
+  disabled: false,
+  click: () =>
+    breakpointActions.removeBreakpointsAtLine(location.sourceId, location.line)
+});
+
+export const enableBreakpointsOnLineItem = (
+  location: SourceLocation,
+  breakpointActions: BreakpointItemActions
+) => ({
+  id: "node-menu-remove-breakpoints-on-line",
+  label: L10N.getStr("breakpointMenuItem.enableAllAtLine.label"),
+  accesskey: L10N.getStr("breakpointMenuItem.enableAllAtLine.accesskey"),
+  disabled: false,
+  click: () =>
+    breakpointActions.enableBreakpointsAtLine(location.sourceId, location.line)
+});
+
+export const disableBreakpointsOnLineItem = (
+  location: SourceLocation,
+  breakpointActions: BreakpointItemActions
+) => ({
+  id: "node-menu-remove-breakpoints-on-line",
+  label: L10N.getStr("breakpointMenuItem.disableAllAtLine.label"),
+  accesskey: L10N.getStr("breakpointMenuItem.disableAllAtLine.accesskey"),
+  disabled: false,
+  click: () =>
+    breakpointActions.disableBreakpointsAtLine(location.sourceId, location.line)
+});
+
 export type BreakpointItemActions = {
   addBreakpoint: typeof actions.addBreakpoint,
   removeBreakpoint: typeof actions.removeBreakpoint,
   removeBreakpointsAtLine: typeof actions.removeBreakpointsAtLine,
+  enableBreakpointsAtLine: typeof actions.enableBreakpointsAtLine,
+  disableBreakpointsAtLine: typeof actions.disableBreakpointsAtLine,
   toggleDisabledBreakpoint: typeof actions.toggleDisabledBreakpoint,
   openConditionalPanel: typeof actions.openConditionalPanel
 };
 
 export function breakpointItemActions(dispatch: Function) {
   return bindActionCreators(
     {
       addBreakpoint: actions.addBreakpoint,
       removeBreakpoint: actions.removeBreakpoint,
       removeBreakpointsAtLine: actions.removeBreakpointsAtLine,
+      enableBreakpointsAtLine: actions.enableBreakpointsAtLine,
+      disableBreakpointsAtLine: actions.disableBreakpointsAtLine,
       disableBreakpoint: actions.disableBreakpoint,
       toggleDisabledBreakpoint: actions.toggleDisabledBreakpoint,
       openConditionalPanel: actions.openConditionalPanel
     },
     dispatch
   );
 }
--- a/devtools/client/debugger/new/src/components/Editor/tests/__snapshots__/SearchBar.spec.js.snap
+++ b/devtools/client/debugger/new/src/components/Editor/tests/__snapshots__/SearchBar.spec.js.snap
@@ -51,26 +51,26 @@ exports[`SearchBar should render 1`] = `
         tooltip="Case sensitive"
       />
       <SearchModBtn
         className="whole-word-btn"
         modVal="wholeWord"
         svgName="whole-word-match"
         tooltip="Whole word"
       />
-      <React.Fragment>
-        <span
-          className="pipe-divider"
-        />
-        <CloseButton
-          buttonClass="big"
-          handleClick={[Function]}
-        />
-      </React.Fragment>
     </div>
+    <React.Fragment>
+      <span
+        className="pipe-divider"
+      />
+      <CloseButton
+        buttonClass="big"
+        handleClick={[Function]}
+      />
+    </React.Fragment>
   </div>
 </div>
 `;
 
 exports[`doSearch should complete a search 1`] = `"query"`;
 
 exports[`showErrorEmoji false if no query + no results 1`] = `
 <div
@@ -124,26 +124,26 @@ exports[`showErrorEmoji false if no quer
         tooltip="Case sensitive"
       />
       <SearchModBtn
         className="whole-word-btn"
         modVal="wholeWord"
         svgName="whole-word-match"
         tooltip="Whole word"
       />
-      <React.Fragment>
-        <span
-          className="pipe-divider"
-        />
-        <CloseButton
-          buttonClass="big"
-          handleClick={[Function]}
-        />
-      </React.Fragment>
     </div>
+    <React.Fragment>
+      <span
+        className="pipe-divider"
+      />
+      <CloseButton
+        buttonClass="big"
+        handleClick={[Function]}
+      />
+    </React.Fragment>
   </div>
 </div>
 `;
 
 exports[`showErrorEmoji false if query + results 1`] = `
 <div
   className="search-bar"
 >
@@ -195,26 +195,26 @@ exports[`showErrorEmoji false if query +
         tooltip="Case sensitive"
       />
       <SearchModBtn
         className="whole-word-btn"
         modVal="wholeWord"
         svgName="whole-word-match"
         tooltip="Whole word"
       />
-      <React.Fragment>
-        <span
-          className="pipe-divider"
-        />
-        <CloseButton
-          buttonClass="big"
-          handleClick={[Function]}
-        />
-      </React.Fragment>
     </div>
+    <React.Fragment>
+      <span
+        className="pipe-divider"
+      />
+      <CloseButton
+        buttonClass="big"
+        handleClick={[Function]}
+      />
+    </React.Fragment>
   </div>
 </div>
 `;
 
 exports[`showErrorEmoji true if query + no results 1`] = `
 <div
   className="search-bar"
 >
@@ -266,21 +266,21 @@ exports[`showErrorEmoji true if query + 
         tooltip="Case sensitive"
       />
       <SearchModBtn
         className="whole-word-btn"
         modVal="wholeWord"
         svgName="whole-word-match"
         tooltip="Whole word"
       />
-      <React.Fragment>
-        <span
-          className="pipe-divider"
-        />
-        <CloseButton
-          buttonClass="big"
-          handleClick={[Function]}
-        />
-      </React.Fragment>
     </div>
+    <React.Fragment>
+      <span
+        className="pipe-divider"
+      />
+      <CloseButton
+        buttonClass="big"
+        handleClick={[Function]}
+      />
+    </React.Fragment>
   </div>
 </div>
 `;
--- a/devtools/client/debugger/new/src/components/PrimaryPanes/Sources.css
+++ b/devtools/client/debugger/new/src/components/PrimaryPanes/Sources.css
@@ -12,52 +12,39 @@
 }
 
 .sources-panel * {
   -moz-user-select: none;
   user-select: none;
 }
 
 .sources-clear-root {
-  padding: 4px 3px 4px 3px;
+  padding: 4px 8px;
   width: 100%;
   text-align: start;
   white-space: nowrap;
   color: inherit;
   display: block;
   border-bottom: 1px solid var(--theme-splitter-color);
 }
 
-.sources-clear-root i {
-  margin-right: 5px;
-  position: relative;
-}
-
-.sources-clear-root svg {
-  width: 13px;
-  height: 13px;
-}
-
-.theme-dark .sources-clear-root {
-  fill: var(--theme-body-color);
-}
-
 .sources-clear-root .home {
-  opacity: 0.5;
+  background-color: var(--theme-icon-dimmed-color);
 }
 
 .sources-clear-root .breadcrumb {
   width: 5px;
   margin: 0 2px 0 6px;
   vertical-align: bottom;
   background: var(--theme-body-color-alt);
 }
 
 .sources-clear-root-label {
   margin-left: 5px;
+  line-height: 16px;
 }
 
 .sources-pane {
   display: flex;
   flex: 1;
   flex-direction: column;
 }
 
@@ -71,59 +58,53 @@
   display: flex;
 }
 
 .sources-list .managed-tree .tree {
   padding: 4px 0;
 }
 
 .sources-list .managed-tree .tree .node {
-  padding: 0 10px 0 3px;
+  display: flex;
+  align-items: center;
   width: 100%;
+  padding: 3px 8px 3px 6px;
 }
 
 .sources-list .img {
-  margin-inline-end: 5px;
+  margin-inline-end: 4px;
 }
 
-.sources-list .tree .focused .img:not(.vue):not(.angular):not(.webpack):not(.dojo):not(.ember):not(.aframe):not(.marko):not(.mobx):not(.nextjs):not(.nuxtjs):not(.preact):not(.pug):not(.rxjs):not(.sencha-extjs),
-.sources-list .managed-tree .tree .node.focused .img.blackBox {
-  background: #ffffff;
+.sources-list .tree .focused .img {
+  background-color: #ffffff;
+}
+
+/* Use the same width as .img.arrow */
+.sources-list .tree .img.no-arrow {
+  width: 10px;
+  visibility: hidden;
 }
 
 .sources-list .tree .label .suffix {
   font-style: italic;
   font-size: 0.9em;
   color: var(--theme-comment);
 }
 
 .sources-list .tree .focused .label .suffix {
   color: inherit;
 }
 
-.theme-dark .source-list .tree .node.focused {
+.theme-dark .source-list .node.focused {
   background-color: var(--theme-tab-toolbar-background);
 }
 
-.sources-list .tree .focused .label {
-  background-color: var(--theme-selection-background);
-}
-
 .sources-list .tree .label {
-  padding: 3px 0px 3px 0px;
   display: inline-block;
-}
-
-.sources-list .tree .arrow {
-  vertical-align: 1px;
-}
-
-.sources-list .tree .node .no-arrow {
-  width: 10px;
-  display: inline-block;
+  line-height: 16px;
 }
 
 .no-sources-message {
   width: 100%;
   font-style: italic;
   text-align: center;
   padding: 0.5em;
   font-size: 12px;
@@ -159,19 +140,18 @@
   align-items: center;
   background-color: var(--theme-toolbar-background);
   color: var(--theme-toolbar-color);
   cursor: default;
   display: inline-flex;
   flex: 1;
   justify-content: center;
   overflow: hidden;
-  padding: 5px;
+  padding: 4px 8px;
   position: relative;
-  transition: all 0.25s ease;
 }
 
 .source-outline-tabs .tab::before {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
@@ -207,30 +187,19 @@
 .source-outline-panel.has-root > div {
   height: 100%;
 }
 
 .source-outline-panel.has-root .thread-header {
   margin-top: 4px;
 }
 
-.sources-list .managed-tree .tree .node .img.blackBox {
-  mask: url(/images/blackBox.svg) no-repeat;
-  mask-size: 100%;
-  background-color: var(--theme-highlight-blue);
-  width: 13px;
-  height: 13px;
-  display: inline-block;
-  margin-inline-end: 6px;
-  margin-inline-start: 1px;
-  margin-top: 2px;
-}
-
-.theme-dark .sources-list .managed-tree .tree .node .img.blackBox {
-  background-color: var(--theme-body-color);
+.sources-list .img.blackBox {
+  mask-size: 13px;
+  background-color: var(--theme-icon-checked-color);
 }
 
 /*
   Custom root styles
 */
 .sources-pane.sources-list-custom-root {
   display: block;
   position: relative;
--- a/devtools/client/debugger/new/src/components/PrimaryPanes/SourcesTreeItem.js
+++ b/devtools/client/debugger/new/src/components/PrimaryPanes/SourcesTreeItem.js
@@ -70,17 +70,17 @@ class SourceTreeItem extends Component<P
       return <AccessibleImage className="angular" />;
     } else if (isUrlExtension(item.path) && depth === 0) {
       return <AccessibleImage className="extension" />;
     }
 
     if (depth === 0 && projectRoot === "") {
       return (
         <AccessibleImage
-          className={classnames("domain", {
+          className={classnames("globe-small", {
             debuggee: debuggeeUrl && debuggeeUrl.includes(item.name)
           })}
         />
       );
     }
 
     if (isDirectory(item)) {
       return <AccessibleImage className="folder" />;
@@ -183,17 +183,17 @@ class SourceTreeItem extends Component<P
     });
   };
 
   renderItemArrow() {
     const { item, expanded } = this.props;
     return isDirectory(item) ? (
       <AccessibleImage className={classnames("arrow", { expanded })} />
     ) : (
-      <i className="no-arrow" />
+      <span className="img no-arrow" />
     );
   }
 
   renderItemName() {
     const { item } = this.props;
 
     switch (item.name) {
       case "ng://":
--- a/devtools/client/debugger/new/src/components/PrimaryPanes/tests/__snapshots__/SourcesTreeItem.spec.js.snap
+++ b/devtools/client/debugger/new/src/components/PrimaryPanes/tests/__snapshots__/SourcesTreeItem.spec.js.snap
@@ -3,18 +3,18 @@
 exports[`SourceTreeItem renderItem should not show domain item when the projectRoot exists 1`] = `
 Object {
   "component": <div
     className="node"
     key="mdn.com/one.js"
     onClick={[Function]}
     onContextMenu={[Function]}
   >
-    <i
-      className="no-arrow"
+    <span
+      className="img no-arrow"
     />
     <Connect(SourceIcon)
       source={
         Object {
           "contentType": "",
           "error": undefined,
           "id": "server1.conn13.child1/39",
           "isBlackBoxed": false,
@@ -135,18 +135,18 @@ Object {
         "_forcedUpdate": false,
         "_instance": [Circular],
         "_newState": null,
         "_rendered": <div
           className="node"
           onClick={[Function]}
           onContextMenu={[Function]}
         >
-          <i
-            className="no-arrow"
+          <span
+            className="img no-arrow"
           />
           <Connect(SourceIcon)
             source={
               Object {
                 "contentType": "",
                 "error": undefined,
                 "id": "server1.conn13.child1/39",
                 "isBlackBoxed": false,
@@ -219,18 +219,18 @@ Object {
 exports[`SourceTreeItem renderItem should show (mapped) for duplicate source items 1`] = `
 Object {
   "component": <div
     className="node"
     key="http://mdn.com/one.js"
     onClick={[Function]}
     onContextMenu={[Function]}
   >
-    <i
-      className="no-arrow"
+    <span
+      className="img no-arrow"
     />
     <Connect(SourceIcon)
       source={
         Object {
           "contentType": "",
           "error": undefined,
           "id": "server1.conn13.child1/39",
           "isBlackBoxed": false,
@@ -360,18 +360,18 @@ Object {
         "_forcedUpdate": false,
         "_instance": [Circular],
         "_newState": null,
         "_rendered": <div
           className="node"
           onClick={[Function]}
           onContextMenu={[Function]}
         >
-          <i
-            className="no-arrow"
+          <span
+            className="img no-arrow"
           />
           <Connect(SourceIcon)
             source={
               Object {
                 "contentType": "",
                 "error": undefined,
                 "id": "server1.conn13.child1/39",
                 "isBlackBoxed": false,
@@ -451,21 +451,21 @@ Object {
 exports[`SourceTreeItem renderItem should show domain item 1`] = `
 Object {
   "component": <div
     className="node"
     key="root"
     onClick={[Function]}
     onContextMenu={[Function]}
   >
-    <i
-      className="no-arrow"
+    <span
+      className="img no-arrow"
     />
     <AccessibleImage
-      className="domain"
+      className="globe-small"
     />
     <span
       className="label"
     >
        
       root
        
     </span>
@@ -573,21 +573,21 @@ Object {
         "_forcedUpdate": false,
         "_instance": [Circular],
         "_newState": null,
         "_rendered": <div
           className="node"
           onClick={[Function]}
           onContextMenu={[Function]}
         >
-          <i
-            className="no-arrow"
+          <span
+            className="img no-arrow"
           />
           <AccessibleImage
-            className="domain"
+            className="globe-small"
           />
           <span
             className="label"
           >
              
             root
              
           </span>
@@ -649,17 +649,17 @@ Object {
     key="root"
     onClick={[Function]}
     onContextMenu={[Function]}
   >
     <AccessibleImage
       className="arrow"
     />
     <AccessibleImage
-      className="domain debuggee"
+      className="globe-small debuggee"
     />
     <span
       className="label"
     >
        
       http://mdn.com
        
     </span>
@@ -747,17 +747,17 @@ Object {
           className="node"
           onClick={[Function]}
           onContextMenu={[Function]}
         >
           <AccessibleImage
             className="arrow"
           />
           <AccessibleImage
-            className="domain debuggee"
+            className="globe-small debuggee"
           />
           <span
             className="label"
           >
              
             http://mdn.com
              
           </span>
@@ -807,17 +807,17 @@ Object {
     key="root"
     onClick={[Function]}
     onContextMenu={[Function]}
   >
     <AccessibleImage
       className="arrow"
     />
     <AccessibleImage
-      className="domain debuggee"
+      className="globe-small debuggee"
     />
     <span
       className="label"
     >
        
       http://mdn.com
        
     </span>
@@ -907,17 +907,17 @@ Object {
           className="node focused"
           onClick={[Function]}
           onContextMenu={[Function]}
         >
           <AccessibleImage
             className="arrow"
           />
           <AccessibleImage
-            className="domain debuggee"
+            className="globe-small debuggee"
           />
           <span
             className="label"
           >
              
             http://mdn.com
              
           </span>
@@ -1795,18 +1795,18 @@ Object {
 exports[`SourceTreeItem renderItem should show source item with source icon 1`] = `
 Object {
   "component": <div
     className="node"
     key="http://mdn.com/one.js"
     onClick={[Function]}
     onContextMenu={[Function]}
   >
-    <i
-      className="no-arrow"
+    <span
+      className="img no-arrow"
     />
     <Connect(SourceIcon)
       source={
         Object {
           "contentType": "",
           "error": undefined,
           "id": "server1.conn13.child1/39",
           "isBlackBoxed": false,
@@ -1929,18 +1929,18 @@ Object {
         "_forcedUpdate": false,
         "_instance": [Circular],
         "_newState": null,
         "_rendered": <div
           className="node"
           onClick={[Function]}
           onContextMenu={[Function]}
         >
-          <i
-            className="no-arrow"
+          <span
+            className="img no-arrow"
           />
           <Connect(SourceIcon)
             source={
               Object {
                 "contentType": "",
                 "error": undefined,
                 "id": "server1.conn13.child1/39",
                 "isBlackBoxed": false,
@@ -2014,18 +2014,18 @@ Object {
 exports[`SourceTreeItem renderItem should show source item with source icon with focus 1`] = `
 Object {
   "component": <div
     className="node focused"
     key="mdn.com/one.js"
     onClick={[Function]}
     onContextMenu={[Function]}
   >
-    <i
-      className="no-arrow"
+    <span
+      className="img no-arrow"
     />
     <Connect(SourceIcon)
       source={
         Object {
           "contentType": "",
           "error": undefined,
           "id": "server1.conn13.child1/39",
           "isBlackBoxed": false,
@@ -2150,18 +2150,18 @@ Object {
         "_forcedUpdate": false,
         "_instance": [Circular],
         "_newState": null,
         "_rendered": <div
           className="node focused"
           onClick={[Function]}
           onContextMenu={[Function]}
         >
-          <i
-            className="no-arrow"
+          <span
+            className="img no-arrow"
           />
           <Connect(SourceIcon)
             source={
               Object {
                 "contentType": "",
                 "error": undefined,
                 "id": "server1.conn13.child1/39",
                 "isBlackBoxed": false,
--- a/devtools/client/debugger/new/src/components/ProjectSearch.css
+++ b/devtools/client/debugger/new/src/components/ProjectSearch.css
@@ -1,15 +1,15 @@
 /* This Source Code Form is subject to the terms of the Mozilla Public
  * License, v. 2.0. If a copy of the MPL was not distributed with this
  * file, You can obtain one at <http://mozilla.org/MPL/2.0/>. */
 
 .search-container {
   position: absolute;
-  top: 30px;
+  top: var(--editor-header-height);
   left: 0;
   width: calc(100% - 1px);
   height: calc(100% - 31px);
   display: flex;
   flex-direction: column;
   z-index: 20;
   background-color: var(--theme-body-background);
   overflow-y: hidden;
@@ -97,20 +97,16 @@
 .project-text-search .search-field {
   display: flex;
   align-self: stretch;
   flex-grow: 1;
   width: 100%;
   border-bottom: none;
 }
 
-.project-text-search .search-field .close-btn.big {
-  margin-top: 2px;
-}
-
 .project-text-search .managed-tree {
   overflow-y: auto;
   height: 100%;
 }
 
 .project-text-search .managed-tree .tree {
   height: 100%;
   display: grid;
--- a/devtools/client/debugger/new/src/components/SecondaryPanes/Breakpoints/Breakpoint.js
+++ b/devtools/client/debugger/new/src/components/SecondaryPanes/Breakpoints/Breakpoint.js
@@ -11,17 +11,18 @@ import classnames from "classnames";
 import actions from "../../../actions";
 import { memoize } from "lodash";
 
 import showContextMenu from "./BreakpointsContextMenu";
 import { CloseButton } from "../../shared/Button";
 
 import {
   getLocationWithoutColumn,
-  getSelectedText
+  getSelectedText,
+  makeBreakpointId
 } from "../../../utils/breakpoint";
 import { getSelectedLocation } from "../../../utils/source-maps";
 import { features } from "../../../utils/prefs";
 import { getEditor } from "../../../utils/editor";
 
 import type {
   Breakpoint as BreakpointType,
   Frame,
@@ -97,18 +98,22 @@ class Breakpoint extends PureComponent<P
   };
 
   isCurrentlyPausedAtBreakpoint() {
     const { frame } = this.props;
     if (!frame) {
       return false;
     }
 
-    const bpId = getLocationWithoutColumn(this.selectedLocation);
-    const frameId = getLocationWithoutColumn(frame.selectedLocation);
+    const bpId = features.columnBreakpoints
+      ? makeBreakpointId(this.selectedLocation)
+      : getLocationWithoutColumn(this.selectedLocation);
+    const frameId = features.columnBreakpoints
+      ? makeBreakpointId(frame.selectedLocation)
+      : getLocationWithoutColumn(frame.selectedLocation);
     return bpId == frameId;
   }
 
   getBreakpointLocation() {
     const { source } = this.props;
     const { column, line } = this.selectedLocation;
 
     const isWasm = source && source.isWasm;
@@ -117,20 +122,18 @@ class Breakpoint extends PureComponent<P
       ? `0x${line.toString(16).toUpperCase()}`
       : `${line}${columnVal}`;
 
     return bpLocation;
   }
 
   getBreakpointText() {
     const { breakpoint, selectedSource } = this.props;
-    return (
-      breakpoint.options.condition ||
-      getSelectedText(breakpoint, selectedSource)
-    );
+    const { condition, logValue } = breakpoint.options;
+    return logValue || condition || getSelectedText(breakpoint, selectedSource);
   }
 
   highlightText = memoize(
     (text = "", editor) => {
       if (!editor.CodeMirror) {
         return { __html: text };
       }
 
@@ -141,25 +144,24 @@ class Breakpoint extends PureComponent<P
     (text, editor) => `${text} - ${editor.CodeMirror ? "editor" : ""}`
   );
 
   /* eslint-disable react/no-danger */
   render() {
     const { breakpoint } = this.props;
     const text = this.getBreakpointText();
     const editor = getEditor();
-
     return (
       <div
         className={classnames({
           breakpoint,
           paused: this.isCurrentlyPausedAtBreakpoint(),
           disabled: breakpoint.disabled,
           "is-conditional": !!breakpoint.options.condition,
-          log: !!breakpoint.options.logValue
+          "is-log": !!breakpoint.options.logValue
         })}
         onClick={this.selectBreakpoint}
         onDoubleClick={this.onDoubleClick}
         onContextMenu={this.onContextMenu}
       >
         <input
           id={breakpoint.id}
           type="checkbox"
--- a/devtools/client/debugger/new/src/components/SecondaryPanes/Breakpoints/Breakpoints.css
+++ b/devtools/client/debugger/new/src/components/SecondaryPanes/Breakpoints/Breakpoints.css
@@ -27,21 +27,16 @@
   text-overflow: ellipsis;
 }
 
 .breakpoints-list .breakpoint-heading .filename span {
   opacity: 0.7;
   padding-left: 4px;
 }
 
-/* temporary until we refactor the sources tree and tab icon styles */
-.breakpoints-list .breakpoint-heading .source-icon.file {
-  top: 0;
-}
-
 .breakpoints-list .breakpoint-heading,
 .breakpoints-list .breakpoint {
   font-size: 12px;
   color: var(--theme-content-color1);
   position: relative;
   transition: all 0.25s ease;
   cursor: pointer;
 }
@@ -105,30 +100,22 @@ html[dir="rtl"] .breakpoints-exceptions 
 }
 
 html:not([dir="rtl"]) .breakpoints-list .breakpoint,
 html:not([dir="rtl"]) .breakpoints-list .breakpoint-heading,
 html:not([dir="rtl"]) .breakpoints-exceptions {
   border-left: 4px solid transparent;
 }
 
-html:not([dir="rtl"]) .breakpoints-list .breakpoint.is-conditional {
-  border-left-color: var(--theme-graphs-yellow);
+html .breakpoints-list .breakpoint.is-conditional {
+  border-inline-start-color: var(--theme-graphs-yellow);
 }
 
-html[dir="rtl"] .breakpoints-list .breakpoint.is-conditional {
-  border-right-color: var(--theme-graphs-yellow);
-}
-
-html:not([dir="rtl"]) .breakpoints-list .breakpoint.is-conditional.log {
-  border-left-color: var(--theme-graphs-orange);
-}
-
-html[dir="rtl"] .breakpoints-list .breakpoint.is-conditional.log {
-  border-right-color: var(--theme-graphs-orange);
+html .breakpoints-list .breakpoint.is-log {
+  border-inline-start-color: var(--theme-graphs-purple);
 }
 
 html .breakpoints-list .breakpoint.paused {
   background-color: var(--theme-toolbar-background-alt);
   border-color: var(--breakpoint-active-color);
 }
 
 .breakpoints-list .breakpoint.disabled .breakpoint-label {
--- a/devtools/client/debugger/new/src/components/SecondaryPanes/Breakpoints/BreakpointsContextMenu.js
+++ b/devtools/client/debugger/new/src/components/SecondaryPanes/Breakpoints/BreakpointsContextMenu.js
@@ -2,16 +2,18 @@
  * License, v. 2.0. If a copy of the MPL was not distributed with this
  * file, You can obtain one at <http://mozilla.org/MPL/2.0/>. */
 
 // @flow
 
 import { buildMenu, showMenu } from "devtools-contextmenu";
 import { getSelectedLocation } from "../../../utils/source-maps";
 import actions from "../../../actions";
+import { features } from "../../../utils/prefs";
+
 import type { Breakpoint, Source } from "../../../types";
 
 type Props = {
   breakpoint: Breakpoint,
   breakpoints: Breakpoint[],
   selectedSource: Source,
   removeBreakpoint: typeof actions.removeBreakpoint,
   removeBreakpoints: typeof actions.removeBreakpoints,
@@ -184,17 +186,21 @@ export default function showContextMenu(
     click: () => toggleBreakpoints(true, otherEnabledBreakpoints)
   };
 
   const removeConditionItem = {
     id: "node-menu-remove-condition",
     label: removeConditionLabel,
     accesskey: removeConditionKey,
     disabled: false,
-    click: () => setBreakpointOptions(selectedLocation, {})
+    click: () =>
+      setBreakpointOptions(selectedLocation, {
+        ...breakpoint.options,
+        condition: null
+      })
   };
 
   const addConditionItem = {
     id: "node-menu-add-condition",
     label: addConditionLabel,
     accesskey: addConditionKey,
     click: () => {
       selectSpecificLocation(selectedLocation);
@@ -207,16 +213,50 @@ export default function showContextMenu(
     label: editConditionLabel,
     accesskey: editConditionKey,
     click: () => {
       selectSpecificLocation(selectedLocation);
       openConditionalPanel(selectedLocation);
     }
   };
 
+  const addLogPointItem = {
+    id: "node-menu-add-log-point",
+    label: L10N.getStr("editor.addLogPoint"),
+    accesskey: L10N.getStr("editor.addLogPoint.accesskey"),
+    disabled: false,
+    click: () => openConditionalPanel(selectedLocation, true),
+    accelerator: L10N.getStr("toggleCondPanel.key")
+  };
+
+  const editLogPointItem = {
+    id: "node-menu-edit-log-point",
+    label: L10N.getStr("editor.editLogPoint"),
+    accesskey: L10N.getStr("editor.addLogPoint.accesskey"),
+    disabled: false,
+    click: () => openConditionalPanel(selectedLocation, true),
+    accelerator: L10N.getStr("toggleCondPanel.key")
+  };
+
+  const removeLogPointItem = {
+    id: "node-menu-remove-log",
+    label: L10N.getStr("editor.removeLogPoint.label"),
+    accesskey: L10N.getStr("editor.removeLogPoint.accesskey"),
+    disabled: false,
+    click: () =>
+      setBreakpointOptions(selectedLocation, {
+        ...breakpoint.options,
+        logValue: null
+      })
+  };
+
+  const logPointItem = breakpoint.options.logValue
+    ? editLogPointItem
+    : addLogPointItem;
+
   const hideEnableSelfItem = !breakpoint.disabled;
   const hideEnableAllItem = disabledBreakpoints.length === 0;
   const hideEnableOthersItem = otherDisabledBreakpoints.length === 0;
   const hideDisableAllItem = enabledBreakpoints.length === 0;
   const hideDisableOthersItem = otherEnabledBreakpoints.length === 0;
   const hideDisableSelfItem = breakpoint.disabled;
 
   const items = [
@@ -249,14 +289,22 @@ export default function showContextMenu(
     },
     {
       item: editConditionItem,
       hidden: () => !breakpoint.options.condition
     },
     {
       item: removeConditionItem,
       hidden: () => !breakpoint.options.condition
+    },
+    {
+      item: logPointItem,
+      hidden: () => !features.logPoints
+    },
+    {
+      item: removeLogPointItem,
+      hidden: () => !features.logPoints || !breakpoint.options.logValue
     }
   ];
 
   showMenu(contextMenuEvent, buildMenu(items));
   return null;
 }
--- a/devtools/client/debugger/new/src/components/SecondaryPanes/Breakpoints/tests/BreakpointsContextMenu.spec.js
+++ b/devtools/client/debugger/new/src/components/SecondaryPanes/Breakpoints/tests/BreakpointsContextMenu.spec.js
@@ -25,35 +25,53 @@ function generateDefaults(disabled) {
   const breakpoints = [
     createBreakpoint(
       {
         line: 1,
         column: undefined,
         sourceId: "source-https://example.com/main.js",
         sourceUrl: "https://example.com/main.js"
       },
-      { id: "source-https://example.com/main.js:1:", disabled: disabled }
+      {
+        id: "https://example.com/main.js:1:",
+        disabled: disabled,
+        options: {
+          condition: "",
+          logValue: "",
+          hidden: false
+        }
+      }
     ),
     createBreakpoint(
       {
         line: 2,
         column: undefined,
         sourceId: "source-https://example.com/main.js",
         sourceUrl: "https://example.com/main.js"
       },
-      { id: "source-https://example.com/main.js:2:", disabled: disabled }
+      {
+        id: "https://example.com/main.js:2:",
+        disabled: disabled,
+        options: {
+          hidden: false
+        }
+      }
     ),
     createBreakpoint(
       {
         line: 3,
         column: undefined,
         sourceId: "source-https://example.com/main.js",
         sourceUrl: "https://example.com/main.js"
       },
-      { id: "source-https://example.com/main.js:3:", disabled: disabled }
+      {
+        id: "https://example.com/main.js:3:",
+        disabled: disabled,
+        options: {}
+      }
     )
   ];
 
   const props = {
     breakpoints,
     breakpoint: breakpoints[0],
     removeBreakpoint: jest.fn(),
     removeBreakpoints: jest.fn(),
--- a/devtools/client/debugger/new/src/components/SecondaryPanes/CommandBar.css
+++ b/devtools/client/debugger/new/src/components/SecondaryPanes/CommandBar.css
@@ -14,82 +14,20 @@
 html[dir="rtl"] .command-bar {
   border-right: 1px solid var(--theme-splitter-color);
 }
 
 .theme-dark .command-bar {
   background-color: var(--theme-toolbar-background);
 }
 
-.img.pause,
-.img.stepOver,
-.img.stepIn,
-.img.stepOut,
-.img.resume,
-.img.rewind,
-.img.reverseStepOver,
-.img.reverseStepIn,
-.img.reverseStepOut,
-.img.replay-previous,
-.img.replay-next,
-.img.resume,
-.img.shortcuts,
-.img.skipPausing {
-  background-color: var(--theme-body-color);
-}
-
-.img.pause {
-  mask: url(/images/pause.svg) no-repeat;
-}
-
-.img.stepOver {
-  mask: url(/images/stepOver.svg) no-repeat;
-}
-
-.img.stepIn {
-  mask: url(/images/stepIn.svg) no-repeat;
-}
-
-.img.stepOut {
-  mask: url(/images/stepOut.svg) no-repeat;
-}
-
-.img.resume {
-  mask: url(/images/resume.svg) no-repeat;
-}
-
-.img.rewind {
-  mask: url(/images/resume.svg) no-repeat;
-  transform: scaleX(-1);
-}
-
-.img.reverseStepOver {
-  mask: url(/images/stepOver.svg) no-repeat;
-  transform: scaleX(-1);
-}
-
-.img.reverseStepIn {
-  mask: url(/images/stepIn.svg) no-repeat;
-  transform: scaleX(-1);
-}
-
-.img.reverseStepOut {
-  mask: url(/images/stepOut.svg) no-repeat;
-  transform: scaleX(-1);
-}
-
 .command-bar .filler {
   flex-grow: 1;
 }
 
-.command-bar .img.shortcuts {
-  mask: url(/images/help.svg) no-repeat;
-  mask-size: contain;
-}
-
 .command-bar .replay-inactive {
   opacity: 0.5;
 }
 
 .command-bar .step-position {
   color: var(--theme-comment-alt);
   padding-top: 8px;
   margin-inline-end: 4px;
@@ -98,22 +36,17 @@ html[dir="rtl"] .command-bar {
 .command-bar .replay-active {
   color: var(--theme-highlight-blue);
 }
 
 .command-bar .subSettings {
   float: right;
 }
 
-.command-bar .skipPausing {
-  mask: url(/images/disable-pausing.svg) no-repeat;
-  mask-size: 100%;
-}
-
-.command-bar .active .skipPausing {
+.command-bar .active .disable-pausing {
   background-color: var(--theme-highlight-blue);
 }
 
 .bottom {
   border-bottom: none;
   background-color: var(--theme-body-background);
   border-top: 1px solid var(--theme-splitter-color);
   flex: none;
--- a/devtools/client/debugger/new/src/components/SecondaryPanes/CommandBar.js
+++ b/devtools/client/debugger/new/src/components/SecondaryPanes/CommandBar.js
@@ -269,17 +269,17 @@ class CommandBar extends Component<Props
           "command-bar-skip-pausing",
           {
             active: skipPausing
           }
         )}
         title={L10N.getStr("skipPausingTooltip.label")}
         onClick={toggleSkipPausing}
       >
-        <AccessibleImage className="skipPausing" />
+        <AccessibleImage className="disable-pausing" />
       </button>
     );
   }
 
   render() {
     return (
       <div
         className={classnames("command-bar", {
--- a/devtools/client/debugger/new/src/components/SecondaryPanes/EventListeners.css
+++ b/devtools/client/debugger/new/src/components/SecondaryPanes/EventListeners.css
@@ -12,18 +12,16 @@
 }
 
 .event-listener-group {
 	user-select: none;
 }
 
 .event-listeners-content .arrow {
 	margin-inline-end: 0;
-	position: relative;
-	top: 1px;
 }
 
 html[dir="ltr"] .event-listeners-content .arrow.expanded {
   transform: rotate(0deg);
 }
 
 html[dir="rtl"] .event-listeners-content .arrow.expanded {
   transform: rotate(90deg);
--- a/devtools/client/debugger/new/src/components/SecondaryPanes/Frames/Group.css
+++ b/devtools/client/debugger/new/src/components/SecondaryPanes/Frames/Group.css
@@ -14,20 +14,16 @@
   direction: ltr;
 }
 
 .frames ul .frames-group.expanded .group,
 .frames ul .frames-group.expanded .group .location {
   color: var(--theme-highlight-blue);
 }
 
-.frames ul .frames-group.expanded .react path {
-  fill: var(--theme-highlight-blue);
-}
-
 .frames ul .frames-group .frames-list li {
   padding-left: 30px;
 }
 
 .frames ul .frames-group .frames-list {
   border-top: 1px solid var(--theme-splitter-color);
   border-bottom: 1px solid var(--theme-splitter-color);
 }
--- a/devtools/client/debugger/new/src/components/SecondaryPanes/SecondaryPanes.css
+++ b/devtools/client/debugger/new/src/components/SecondaryPanes/SecondaryPanes.css
@@ -48,22 +48,12 @@
   user-select: none;
   cursor: default;
 }
 
 .secondary-panes .breakpoints-buttons {
   display: flex;
 }
 
-.secondary-panes .accordion .plus svg {
-  width: 12px;
-  margin-top: 3px;
-  fill: var(--theme-body-color);
-}
-
-.secondary-panes .accordion .plus.active svg {
-  fill: var(--theme-highlight-blue);
-}
-
 .dropdown {
   width: 20em;
   overflow: auto;
 }
--- a/devtools/client/debugger/new/src/components/SecondaryPanes/XHRBreakpoints.css
+++ b/devtools/client/debugger/new/src/components/SecondaryPanes/XHRBreakpoints.css
@@ -1,53 +1,63 @@
 /* This Source Code Form is subject to the terms of the Mozilla Public
  * License, v. 2.0. If a copy of the MPL was not distributed with this
  * file, You can obtain one at <http://mozilla.org/MPL/2.0/>. */
 
-.xhr-input-form {
-  width: 100%;
-}
-
-.xhr-input {
-  width: 100%;
-  margin: 0;
-  border: 1px;
-  background-color: var(--theme-sidebar-background);
-  font-size: 12px;
-  padding: 0.5em 1.6em;
-  color: var(--theme-body-color);
-  outline: 0;
-}
-
-.xhr-input::placeholder {
-  font-style: italic;
-  color: var(--theme-comment);
-}
-
-.xhr-input:focus {
-  cursor: text;
-}
-
 .xhr-input-container {
-  display: flex;
+  display: block;
   border: 1px solid transparent;
 }
 
 .xhr-input-container.focused {
   border: 1px solid var(--theme-highlight-blue);
 }
 
 :root.theme-dark .xhr-input-container.focused {
   border: 1px solid var(--blue-50);
 }
 
 .xhr-input-container.error {
   border: 1px solid red;
 }
 
+.xhr-container label {
+  display: flex;
+}
+
+.xhr-input-form {
+  display: inline-flex;
+  width: 100%;
+  padding: 0.5em 1em 0.5em 1em;
+}
+
+.xhr-checkbox {
+  margin-inline-start: 0;
+}
+
+.xhr-input-url {
+  border: 1px;
+  padding: 0em 0.6em 0em 0.6em;
+  flex-grow: 1;
+  background-color: var(--theme-sidebar-background);
+  font-size: 12px;
+  line-height: 18px;
+  color: var(--theme-body-color);
+}
+
+.xhr-input-url::placeholder {
+  font-style: italic;
+  color: var(--theme-comment);
+}
+
+.xhr-input-url:focus {
+  cursor: text;
+  outline: none;
+}
+
 .xhr-container {
   border-left: 4px solid transparent;
   width: 100%;
   color: var(--theme-body-color);
   padding: 0.25em 1em;
   background-color: var(--theme-body-background);
   display: flex;
   align-items: center;
@@ -58,30 +68,49 @@
 :root.theme-light .xhr-container:hover {
   background-color: var(--theme-selection-background-hover);
 }
 
 :root.theme-dark .xhr-container:hover {
   background-color: var(--theme-selection-background-hover);
 }
 
-.xhr-checkbox {
-    margin-left: 0px;
+.xhr-label-method {
+  padding: 0px 2px 0px 2px;
+  line-height: 15px;
+  display: inline-block;
 }
 
-.xhr-label {
+.xhr-input-method {
+  display: none;
+}
+
+.xhr-input-container.focused .xhr-input-method {
+  display: block;
+}
+
+.xhr-label-url {
   max-width: calc(100% - var(--breakpoint-expression-right-clear-space));
+  color: var(--theme-comment);
   display: inline-block;
   cursor: text;
   flex-grow: 1;
   text-overflow: ellipsis;
-  padding-inline-end: 8px;
+  overflow: hidden;
+  padding: 0px 2px 0px 2px;
+  line-height: 15px;
   font-size: 11px;
 }
 
-.xhr-container .close-btn {
+.xhr-container label {
+  flex-grow: 1;
+  display: flex;
+  padding-inline-end: 36px;
+  align-items: center;
+  overflow-x: hidden;
+}
+
+.xhr-container__close-btn {
   offset-inline-end: 12px;
-  inset-inline-end: 12px;
   offset-inline-start: auto;
-  inset-inline-start: auto;
   position: absolute;
   top: 8px;
 }
--- a/devtools/client/debugger/new/src/components/SecondaryPanes/XHRBreakpoints.js
+++ b/devtools/client/debugger/new/src/components/SecondaryPanes/XHRBreakpoints.js
@@ -30,37 +30,50 @@ type Props = {
   updateXHRBreakpoint: typeof actions.updateXHRBreakpoint
 };
 
 type State = {
   editing: boolean,
   inputValue: string,
   inputMethod: string,
   editIndex: number,
-  focused: boolean
+  focused: boolean,
+  clickedOnFormElement: boolean
 };
 
 // At present, the "Pause on any URL" checkbox creates an xhrBreakpoint
 // of "ANY" with no path, so we can remove that before creating the list
 function getExplicitXHRBreakpoints(xhrBreakpoints) {
   return xhrBreakpoints.filter(bp => bp.path !== "");
 }
 
+const xhrMethods = [
+  "ANY",
+  "GET",
+  "POST",
+  "PUT",
+  "HEAD",
+  "DELETE",
+  "PATCH",
+  "OPTIONS"
+];
+
 class XHRBreakpoints extends Component<Props, State> {
   _input: ?HTMLInputElement;
 
   constructor(props: Props) {
     super(props);
 
     this.state = {
       editing: false,
       inputValue: "",
-      inputMethod: "",
+      inputMethod: "ANY",
       focused: false,
-      editIndex: -1
+      editIndex: -1,
+      clickedOnFormElement: false
     };
   }
 
   componentDidMount() {
     const { showInput } = this.props;
 
     // Ensures that the input is focused when the "+"
     // is clicked while the panel is collapsed
@@ -83,19 +96,31 @@ class XHRBreakpoints extends Component<P
       input.focus();
     }
   }
 
   handleNewSubmit = (e: SyntheticEvent<HTMLFormElement>) => {
     e.preventDefault();
     e.stopPropagation();
 
-    this.props.setXHRBreakpoint(this.state.inputValue, "ANY");
+    const setXHRBreakpoint = function() {
+      this.props.setXHRBreakpoint(
+        this.state.inputValue,
+        this.state.inputMethod
+      );
+      this.hideInput();
+    };
 
-    this.hideInput();
+    // force update inputMethod in state for mochitest purposes
+    // before setting XHR breakpoint
+    this.setState(
+      // $FlowIgnore
+      { inputMethod: e.target.children[1].value },
+      setXHRBreakpoint
+    );
   };
 
   handleExistingSubmit = (e: SyntheticEvent<HTMLFormElement>) => {
     e.preventDefault();
     e.stopPropagation();
 
     const { editIndex, inputValue, inputMethod } = this.state;
     const { xhrBreakpoints } = this.props;
@@ -108,29 +133,66 @@ class XHRBreakpoints extends Component<P
     this.hideInput();
   };
 
   handleChange = (e: SyntheticInputEvent<HTMLInputElement>) => {
     const target = e.target;
     this.setState({ inputValue: target.value });
   };
 
-  hideInput = () => {
+  handleMethodChange = (e: SyntheticInputEvent<HTMLInputElement>) => {
+    const target = e.target;
     this.setState({
-      focused: false,
-      editing: false,
-      editIndex: -1,
-      inputValue: "",
-      inputMethod: ""
+      focused: true,
+      editing: true,
+      inputMethod: target.value
     });
-    this.props.onXHRAdded();
+  };
+
+  hideInput = () => {
+    if (this.state.clickedOnFormElement) {
+      this.setState({
+        focused: true,
+        clickedOnFormElement: false
+      });
+    } else {
+      this.setState({
+        focused: false,
+        editing: false,
+        editIndex: -1,
+        inputValue: "",
+        inputMethod: "ANY"
+      });
+      this.props.onXHRAdded();
+    }
   };
 
   onFocus = () => {
-    this.setState({ focused: true });
+    this.setState({ focused: true, editing: true });
+  };
+
+  onMouseDown = e => {
+    this.setState({ editing: false, clickedOnFormElement: true });
+  };
+
+  handleTab = e => {
+    if (e.key !== "Tab") {
+      return;
+    }
+
+    if (e.target.nodeName === "INPUT") {
+      this.setState({
+        clickedOnFormElement: true,
+        editing: false
+      });
+    } else if (e.target.nodeName === "SELECT" && !e.shiftKey) {
+      // The user has tabbed off the select and we should
+      // cancel the edit
+      this.hideInput();
+    }
   };
 
   editExpression = index => {
     const { xhrBreakpoints } = this.props;
     const { path, method } = xhrBreakpoints[index];
     this.setState({
       inputValue: path,
       inputMethod: method,
@@ -141,50 +203,53 @@ class XHRBreakpoints extends Component<P
 
   renderXHRInput(onSubmit) {
     const { focused, inputValue } = this.state;
     const placeholder = L10N.getStr("xhrBreakpoints.placeholder");
 
     return (
       <li
         className={classnames("xhr-input-container", { focused })}
-        key="xhr-input"
+        key="xhr-input-container"
       >
         <form className="xhr-input-form" onSubmit={onSubmit}>
           <input
-            className="xhr-input"
+            className="xhr-input-url"
             type="text"
             placeholder={placeholder}
             onChange={this.handleChange}
             onBlur={this.hideInput}
             onFocus={this.onFocus}
             value={inputValue}
+            onKeyDown={this.handleTab}
             ref={c => (this._input = c)}
           />
+          {this.renderMethodSelectElement()}
           <input type="submit" style={{ display: "none" }} />
         </form>
       </li>
     );
   }
+
   handleCheckbox = index => {
     const {
       xhrBreakpoints,
       enableXHRBreakpoint,
       disableXHRBreakpoint
     } = this.props;
     const breakpoint = xhrBreakpoints[index];
     if (breakpoint.disabled) {
       enableXHRBreakpoint(index);
     } else {
       disableXHRBreakpoint(index);
     }
   };
 
   renderBreakpoint = breakpoint => {
-    const { path, text, disabled, method } = breakpoint;
+    const { path, disabled, method } = breakpoint;
     const { editIndex } = this.state;
     const { removeXHRBreakpoint, xhrBreakpoints } = this.props;
 
     // The "pause on any" checkbox
     if (!path) {
       return;
     }
 
@@ -195,33 +260,34 @@ class XHRBreakpoints extends Component<P
 
     if (index === editIndex) {
       return this.renderXHRInput(this.handleExistingSubmit);
     }
 
     return (
       <li
         className="xhr-container"
-        key={path}
+        key={`${path}-${method}`}
         title={path}
         onDoubleClick={(items, options) => this.editExpression(index)}
       >
         <label>
           <input
             type="checkbox"
             className="xhr-checkbox"
             checked={!disabled}
             onChange={() => this.handleCheckbox(index)}
             onClick={ev => ev.stopPropagation()}
           />
-          <div className="xhr-label">{text}</div>
+          <div className="xhr-label-method">{method}</div>
+          <div className="xhr-label-url">{path}</div>
+          <div className="xhr-container__close-btn">
+            <CloseButton handleClick={e => removeXHRBreakpoint(index)} />
+          </div>
         </label>
-        <div className="xhr-container__close-btn">
-          <CloseButton handleClick={e => removeXHRBreakpoint(index)} />
-        </div>
       </li>
     );
   };
 
   renderBreakpoints = () => {
     const { showInput, xhrBreakpoints } = this.props;
     const explicitXhrBreakpoints = getExplicitXHRBreakpoints(xhrBreakpoints);
 
@@ -249,16 +315,44 @@ class XHRBreakpoints extends Component<P
           label={L10N.getStr("pauseOnAnyXHR")}
           isChecked={shouldPauseOnAny}
           onChange={() => togglePauseOnAny()}
         />
       </div>
     );
   };
 
+  renderMethodOption = method => {
+    return (
+      <option
+        key={method}
+        value={method}
+        // e.stopPropagation() required here since otherwise Firefox triggers 2x
+        // onMouseDown events on <select> upon clicking on an <option>
+        onMouseDown={e => e.stopPropagation()}
+      >
+        {method}
+      </option>
+    );
+  };
+
+  renderMethodSelectElement = () => {
+    return (
+      <select
+        value={this.state.inputMethod}
+        className={"xhr-input-method"}
+        onChange={this.handleMethodChange}
+        onMouseDown={this.onMouseDown}
+        onKeyDown={this.handleTab}
+      >
+        {xhrMethods.map(this.renderMethodOption)}
+      </select>
+    );
+  };
+
   render() {
     return (
       <div>
         {this.renderCheckbox()}
         {this.renderBreakpoints()}
       </div>
     );
   }
new file mode 100644
--- /dev/null
+++ b/devtools/client/debugger/new/src/components/SecondaryPanes/tests/XHRBreakpoints.spec.js
@@ -0,0 +1,342 @@
+// @flow
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at <http://mozilla.org/MPL/2.0/>. */
+
+import React from "react";
+import { mount } from "enzyme";
+import XHRBreakpoints from "../XHRBreakpoints";
+
+const xhrMethods = [
+  "ANY",
+  "GET",
+  "POST",
+  "PUT",
+  "HEAD",
+  "DELETE",
+  "PATCH",
+  "OPTIONS"
+];
+
+// default state includes xhrBreakpoints[0] which is the checkbox that
+// enables breaking on any url during an XMLHTTPRequest
+function generateDefaultState(propsOverride) {
+  return {
+    xhrBreakpoints: [
+      {
+        path: "",
+        method: "ANY",
+        disabled: false,
+        loading: false,
+        text: 'URL contains ""'
+      }
+    ],
+    ...propsOverride
+  };
+}
+
+function renderXHRBreakpointsComponent(propsOverride) {
+  const props = generateDefaultState(propsOverride);
+  const xhrBreakpointsComponent = mount(
+    // $FlowIgnore
+    <XHRBreakpoints.WrappedComponent {...props} />
+  );
+  return xhrBreakpointsComponent;
+}
+
+describe("XHR Breakpoints", function() {
+  it("should render with 0 expressions passed from props", function() {
+    const xhrBreakpointsComponent = renderXHRBreakpointsComponent();
+    expect(xhrBreakpointsComponent).toMatchSnapshot();
+  });
+
+  it("should render with 8 expressions passed from props", function() {
+    const allXHRBreakpointMethods = {
+      xhrBreakpoints: [
+        {
+          path: "",
+          method: "ANY",
+          disabled: false,
+          loading: false,
+          text: 'URL contains ""'
+        },
+        {
+          path: "this is any",
+          method: "ANY",
+          disabled: false,
+          loading: false,
+          text: 'URL contains "this is any"'
+        },
+        {
+          path: "this is get",
+          method: "GET",
+          disabled: false,
+          loading: false,
+          text: 'URL contains "this is get"'
+        },
+        {
+          path: "this is post",
+          method: "POST",
+          disabled: false,
+          loading: false,
+          text: 'URL contains "this is post"'
+        },
+        {
+          path: "this is put",
+          method: "PUT",
+          disabled: false,
+          loading: false,
+          text: 'URL contains "this is put"'
+        },
+        {
+          path: "this is head",
+          method: "HEAD",
+          disabled: false,
+          loading: false,
+          text: 'URL contains "this is head"'
+        },
+        {
+          path: "this is delete",
+          method: "DELETE",
+          disabled: false,
+          loading: false,
+          text: 'URL contains "this is delete"'
+        },
+        {
+          path: "this is patch",
+          method: "PATCH",
+          disabled: false,
+          loading: false,
+          text: 'URL contains "this is patch"'
+        },
+        {
+          path: "this is options",
+          method: "OPTIONS",
+          disabled: false,
+          loading: false,
+          text: 'URL contains "this is options"'
+        }
+      ]
+    };
+
+    const xhrBreakpointsComponent = renderXHRBreakpointsComponent(
+      allXHRBreakpointMethods
+    );
+    expect(xhrBreakpointsComponent).toMatchSnapshot();
+  });
+
+  it("should display xhr-input-method on click", function() {
+    const xhrBreakpointsComponent = renderXHRBreakpointsComponent();
+    xhrBreakpointsComponent.find(".xhr-input-url").simulate("focus");
+
+    var xhrInputContainer = xhrBreakpointsComponent.find(
+      ".xhr-input-container"
+    );
+    expect(xhrInputContainer.hasClass("focused")).toBeTruthy();
+  });
+
+  it("should have focused and editing default to false", function() {
+    const xhrBreakpointsComponent = renderXHRBreakpointsComponent();
+    expect(xhrBreakpointsComponent.state("focused")).toBe(false);
+    expect(xhrBreakpointsComponent.state("editing")).toBe(false);
+  });
+
+  it("should have state {..focused: true, editing: true} on focus", function() {
+    const xhrBreakpointsComponent = renderXHRBreakpointsComponent();
+    xhrBreakpointsComponent.find(".xhr-input-url").simulate("focus");
+    expect(xhrBreakpointsComponent.state("focused")).toBe(true);
+    expect(xhrBreakpointsComponent.state("editing")).toBe(true);
+  });
+
+  // shifting focus from .xhr-input to any other element apart from
+  // .xhr-input-method should unrender .xhr-input-method
+  it("shifting focus should unrender XHR methods", function() {
+    const propsOverride = {
+      onXHRAdded: jest.fn,
+      togglePauseOnAny: jest.fn
+    };
+    const xhrBreakpointsComponent = renderXHRBreakpointsComponent(
+      propsOverride
+    );
+    xhrBreakpointsComponent.find(".xhr-input-url").simulate("focus");
+    var xhrInputContainer = xhrBreakpointsComponent.find(
+      ".xhr-input-container"
+    );
+    expect(xhrInputContainer.hasClass("focused")).toBeTruthy();
+
+    xhrBreakpointsComponent
+      .find(".breakpoints-exceptions-options")
+      .simulate("mousedown");
+    expect(xhrBreakpointsComponent.state("focused")).toBe(true);
+    expect(xhrBreakpointsComponent.state("editing")).toBe(true);
+    expect(xhrBreakpointsComponent.state("clickedOnFormElement")).toBe(false);
+
+    xhrBreakpointsComponent.find(".xhr-input-url").simulate("blur");
+    expect(xhrBreakpointsComponent.state("focused")).toBe(false);
+    expect(xhrBreakpointsComponent.state("editing")).toBe(false);
+    expect(xhrBreakpointsComponent.state("clickedOnFormElement")).toBe(false);
+
+    xhrBreakpointsComponent
+      .find(".breakpoints-exceptions-options")
+      .simulate("click");
+
+    xhrInputContainer = xhrBreakpointsComponent.find(".xhr-input-container");
+    expect(xhrInputContainer.hasClass("focused")).not.toBeTruthy();
+  });
+
+  // shifting focus from .xhr-input to .xhr-input-method
+  // should not unrender .xhr-input-method
+  it("shifting focus to XHR methods should not unrender", function() {
+    const xhrBreakpointsComponent = renderXHRBreakpointsComponent();
+    xhrBreakpointsComponent.find(".xhr-input-url").simulate("focus");
+
+    xhrBreakpointsComponent.find(".xhr-input-method").simulate("mousedown");
+    expect(xhrBreakpointsComponent.state("focused")).toBe(true);
+    expect(xhrBreakpointsComponent.state("editing")).toBe(false);
+    expect(xhrBreakpointsComponent.state("clickedOnFormElement")).toBe(true);
+
+    xhrBreakpointsComponent.find(".xhr-input-url").simulate("blur");
+    expect(xhrBreakpointsComponent.state("focused")).toBe(true);
+    expect(xhrBreakpointsComponent.state("editing")).toBe(false);
+    expect(xhrBreakpointsComponent.state("clickedOnFormElement")).toBe(false);
+
+    xhrBreakpointsComponent.find(".xhr-input-method").simulate("click");
+    var xhrInputContainer = xhrBreakpointsComponent.find(
+      ".xhr-input-container"
+    );
+    expect(xhrInputContainer.hasClass("focused")).toBeTruthy();
+  });
+
+  it("should have all 8 methods available as options", function() {
+    const xhrBreakpointsComponent = renderXHRBreakpointsComponent();
+    xhrBreakpointsComponent.find(".xhr-input-url").simulate("focus");
+
+    const xhrInputMethod = xhrBreakpointsComponent.find(".xhr-input-method");
+    expect(xhrInputMethod.children()).toHaveLength(8);
+
+    const actualXHRMethods = [];
+    const expectedXHRMethods = xhrMethods;
+
+    // fill the actualXHRMethods array with actual methods displayed in DOM
+    for (let i = 0; i < xhrInputMethod.children().length; i++) {
+      actualXHRMethods.push(xhrInputMethod.childAt(i).key());
+    }
+
+    // check each expected XHR Method to see if they match the actual methods
+    expectedXHRMethods.forEach((expectedMethod, i) => {
+      function compareMethods(actualMethod) {
+        return expectedMethod === actualMethod;
+      }
+      expect(actualXHRMethods.find(compareMethods)).toBeTruthy();
+    });
+  });
+
+  it("should return focus to input box after selecting a method", function() {
+    const xhrBreakpointsComponent = renderXHRBreakpointsComponent();
+
+    // focus starts off at .xhr-input
+    xhrBreakpointsComponent.find(".xhr-input-url").simulate("focus");
+
+    // click on method options and select GET
+    const methodEvent = { target: { value: "GET" } };
+    xhrBreakpointsComponent.find(".xhr-input-method").simulate("mousedown");
+    expect(xhrBreakpointsComponent.state("inputMethod")).toBe("ANY");
+    expect(xhrBreakpointsComponent.state("editing")).toBe(false);
+    xhrBreakpointsComponent
+      .find(".xhr-input-method")
+      .simulate("change", methodEvent);
+
+    // if state.editing changes from false to true, infer that
+    // this._input.focus() is called, which shifts focus back to input box
+    expect(xhrBreakpointsComponent.state("inputMethod")).toBe("GET");
+    expect(xhrBreakpointsComponent.state("editing")).toBe(true);
+  });
+
+  it("should submit the URL and method when adding a breakpoint", function() {
+    const setXHRBreakpointCallback = jest.fn();
+    const propsOverride = {
+      setXHRBreakpoint: setXHRBreakpointCallback,
+      onXHRAdded: jest.fn()
+    };
+    const mockEvent = {
+      preventDefault: jest.fn(),
+      stopPropagation: jest.fn()
+    };
+    const availableXHRMethods = xhrMethods;
+    expect(availableXHRMethods.length > 0).toBeTruthy();
+
+    // check each of the available methods to see whether
+    // adding them as a method to a new breakpoint works as expected
+    availableXHRMethods.forEach(function(method) {
+      const xhrBreakpointsComponent = renderXHRBreakpointsComponent(
+        propsOverride
+      );
+      xhrBreakpointsComponent.find(".xhr-input-url").simulate("focus");
+      const urlValue = `${method.toLowerCase()}URLValue`;
+
+      // simulate DOM event adding urlValue to .xhr-input
+      const xhrInput = xhrBreakpointsComponent.find(".xhr-input-url");
+      xhrInput.simulate("change", { target: { value: urlValue } });
+
+      // simulate DOM event adding the input method to .xhr-input-method
+      const xhrInputMethod = xhrBreakpointsComponent.find(".xhr-input-method");
+      xhrInputMethod.simulate("change", { target: { value: method } });
+
+      xhrBreakpointsComponent.find("form").simulate("submit", mockEvent);
+      expect(setXHRBreakpointCallback).toHaveBeenCalledWith(urlValue, method);
+    });
+  });
+
+  it("should submit the URL and method when editing a breakpoint", function() {
+    const setXHRBreakpointCallback = jest.fn();
+    const mockEvent = {
+      preventDefault: jest.fn(),
+      stopPropagation: jest.fn()
+    };
+    const propsOverride = {
+      updateXHRBreakpoint: setXHRBreakpointCallback,
+      onXHRAdded: jest.fn(),
+      xhrBreakpoints: [
+        {
+          path: "",
+          method: "ANY",
+          disabled: false,
+          loading: false,
+          text: 'URL contains ""'
+        },
+        {
+          path: "this is GET",
+          method: "GET",
+          disabled: false,
+          loading: false,
+          text: 'URL contains "this is get"'
+        }
+      ]
+    };
+    const xhrBreakpointsComponent = renderXHRBreakpointsComponent(
+      propsOverride
+    );
+
+    // load xhrBreakpoints pane with one existing xhrBreakpoint
+    const existingXHRbreakpoint = xhrBreakpointsComponent.find(
+      ".xhr-container"
+    );
+    expect(existingXHRbreakpoint).toHaveLength(1);
+
+    // double click on existing breakpoint
+    existingXHRbreakpoint.simulate("doubleclick");
+    const xhrInput = xhrBreakpointsComponent.find(".xhr-input-url");
+    xhrInput.simulate("focus");
+
+    // change inputs and submit form
+    const xhrInputMethod = xhrBreakpointsComponent.find(".xhr-input-method");
+    xhrInput.simulate("change", { target: { value: "POSTURLValue" } });
+    xhrInputMethod.simulate("change", { target: { value: "POST" } });
+    xhrBreakpointsComponent.find("form").simulate("submit", mockEvent);
+    expect(setXHRBreakpointCallback).toHaveBeenCalledWith(
+      1,
+      "POSTURLValue",
+      "POST"
+    );
+  });
+});
new file mode 100644
--- /dev/null
+++ b/devtools/client/debugger/new/src/components/SecondaryPanes/tests/__snapshots__/XHRBreakpoints.spec.js.snap
@@ -0,0 +1,613 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`XHR Breakpoints should render with 0 expressions passed from props 1`] = `
+<XHRBreakpoints
+  xhrBreakpoints={
+    Array [
+      Object {
+        "disabled": false,
+        "loading": false,
+        "method": "ANY",
+        "path": "",
+        "text": "URL contains \\"\\"",
+      },
+    ]
+  }
+>
+  <div>
+    <div
+      className="breakpoints-exceptions-options empty"
+    >
+      <ExceptionOption
+        className="breakpoints-exceptions"
+        label="Pause on any URL"
+        onChange={[Function]}
+      >
+        <div
+          className="breakpoints-exceptions"
+          onClick={[Function]}
+        >
+          <input
+            checked=""
+            onChange={[Function]}
+            type="checkbox"
+          />
+          <div
+            className="breakpoint-exceptions-label"
+          >
+            Pause on any URL
+          </div>
+        </div>
+      </ExceptionOption>
+    </div>
+    <ul
+      className="pane expressions-list"
+    >
+      <li
+        className="xhr-input-container"
+        key="xhr-input-container"
+      >
+        <form
+          className="xhr-input-form"
+          onSubmit={[Function]}
+        >
+          <input
+            className="xhr-input-url"
+            onBlur={[Function]}
+            onChange={[Function]}
+            onFocus={[Function]}
+            onKeyDown={[Function]}
+            placeholder="Break when URL contains"
+            type="text"
+            value=""
+          />
+          <select
+            className="xhr-input-method"
+            onChange={[Function]}