DevTools: remove style reuse from flamechart clients, prepare it to become a component.

Source/devtools/front_end/profilesPanel.css

 /*
  * Copyright (C) 2006, 2007, 2008 Apple Inc.  All rights reserved.
  * Copyright (C) 2009 Anthony Ricaud <rik@webkit.org>
  *
  * Redistribution and use in source and binary forms, with or without
  * modification, are permitted provided that the following conditions
  * are met:
  *
  * 1.  Redistributions of source code must retain the above copyright
  *     notice, this list of conditions and the following disclaimer.
@@ skipping 246 matching lines @@
 
 .text-button.load-profile {
     margin-left: 20px;
 }
 
 .text-button.load-profile.multi-target {
     display: block;
     margin-top: 14px;
     margin-left: 0px;
 }
+
+.cpu-profile-flame-chart-overview-container {
+    overflow: hidden;
+    position: absolute;
+    top: 0;
+    width: 100%;
+    height: 80px;
+}
+
+#cpu-profile-flame-chart-overview-container {
+    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
+}
+
+.cpu-profile-flame-chart-overview-canvas {
+    position: absolute;
+    top: 20px;
+    left: 0;
+    right: 0;
+    bottom: 0;
+}
+
+#cpu-profile-flame-chart-overview-grid .resources-dividers-label-bar {
+    pointer-events: auto;
+}
+
+.cpu-profile-flame-chart-overview-pane {
+    flex: 0 0 80px !important;
+}