From 7fd7cca6556f5cef3fa43edaa23c19c480afbb59 Mon Sep 17 00:00:00 2001
From: Lonnie Ezell <lonnieje@gmail.com>
Date: Sat, 24 Jun 2023 23:51:41 -0500
Subject: [PATCH] Run sass converter to generate toolbar.css

---
 system/Debug/Toolbar/Views/toolbar.css | 878 ++++++++++++-------------
 1 file changed, 436 insertions(+), 442 deletions(-)

diff --git a/system/Debug/Toolbar/Views/toolbar.css b/system/Debug/Toolbar/Views/toolbar.css
index 60c3216bfc9c..38bab087ae81 100644
--- a/system/Debug/Toolbar/Views/toolbar.css
+++ b/system/Debug/Toolbar/Views/toolbar.css
@@ -7,327 +7,321 @@
  * file that was distributed with this source code.
  */
 #debug-icon {
-    bottom: 0;
-    position: fixed;
-    right: 0;
-    z-index: 10000;
-    height: 36px;
-    width: 36px;
-    margin: 0px;
-    padding: 0px;
-    clear: both;
-    text-align: center;
+  bottom: 0;
+  position: fixed;
+  right: 0;
+  z-index: 10000;
+  height: 36px;
+  width: 36px;
+  margin: 0px;
+  padding: 0px;
+  clear: both;
+  text-align: center;
 }
 #debug-icon a svg {
-    margin: 8px;
-    max-width: 20px;
-    max-height: 20px;
+  margin: 8px;
+  max-width: 20px;
+  max-height: 20px;
 }
 #debug-icon.fixed-top {
-    bottom: auto;
-    top: 0;
+  bottom: auto;
+  top: 0;
 }
 #debug-icon .debug-bar-ndisplay {
-    display: none;
+  display: none;
 }
 
 #debug-bar {
-    bottom: 0;
-    left: 0;
-    position: fixed;
-    right: 0;
-    z-index: 10000;
-    height: 36px;
-    line-height: 36px;
-    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial,
-        sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
-    font-size: 16px;
-    font-weight: 400;
+  bottom: 0;
+  left: 0;
+  position: fixed;
+  right: 0;
+  z-index: 10000;
+  height: 36px;
+  line-height: 36px;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
+  font-size: 16px;
+  font-weight: 400;
 }
 #debug-bar h1 {
-    display: flex;
-    font-weight: normal;
-    margin: 0 0 0 auto;
+  display: flex;
+  font-weight: normal;
+  margin: 0 0 0 auto;
 }
 #debug-bar h1 svg {
-    width: 16px;
-    margin-right: 5px;
+  width: 16px;
+  margin-right: 5px;
 }
 #debug-bar h2 {
-    font-size: 16px;
-    margin: 0;
-    padding: 5px 0 10px 0;
+  font-size: 16px;
+  margin: 0;
+  padding: 5px 0 10px 0;
 }
 #debug-bar h2 span {
-    font-size: 13px;
+  font-size: 13px;
 }
 #debug-bar h3 {
-    font-size: 12px;
-    font-weight: 200;
-    margin: 0 0 0 10px;
-    padding: 0;
-    text-transform: uppercase;
+  font-size: 12px;
+  font-weight: 200;
+  margin: 0 0 0 10px;
+  padding: 0;
+  text-transform: uppercase;
 }
 #debug-bar p {
-    font-size: 12px;
-    margin: 0 0 0 15px;
-    padding: 0;
+  font-size: 12px;
+  margin: 0 0 0 15px;
+  padding: 0;
 }
 #debug-bar a {
-    text-decoration: none;
+  text-decoration: none;
 }
 #debug-bar a:hover {
-    text-decoration: underline;
+  text-decoration: underline;
 }
 #debug-bar button {
-    border: 1px solid;
-    border-radius: 4px;
-    -moz-border-radius: 4px;
-    -webkit-border-radius: 4px;
-    cursor: pointer;
-    line-height: 15px;
+  border: 1px solid;
+  border-radius: 4px;
+  -moz-border-radius: 4px;
+  -webkit-border-radius: 4px;
+  cursor: pointer;
+  line-height: 15px;
 }
 #debug-bar button:hover {
-    text-decoration: underline;
+  text-decoration: underline;
 }
 #debug-bar table {
-    border-collapse: collapse;
-    font-size: 14px;
-    line-height: normal;
-    margin: 5px 10px 15px 10px;
-    width: calc(100% - 10px);
+  border-collapse: collapse;
+  font-size: 14px;
+  line-height: normal;
+  margin: 5px 10px 15px 10px;
+  width: calc(100% - 10px);
 }
 #debug-bar table strong {
-    font-weight: 500;
+  font-weight: 500;
 }
 #debug-bar table th {
-    display: table-cell;
-    font-weight: 600;
-    padding-bottom: 0.7em;
-    text-align: left;
+  display: table-cell;
+  font-weight: 600;
+  padding-bottom: 0.7em;
+  text-align: left;
 }
 #debug-bar table tr {
-    border: none;
+  border: none;
 }
 #debug-bar table td {
-    border: none;
-    display: table-cell;
-    margin: 0;
-    text-align: left;
+  border: none;
+  display: table-cell;
+  margin: 0;
+  text-align: left;
 }
 #debug-bar table td:first-child {
-    max-width: 20%;
+  max-width: 20%;
 }
 #debug-bar table td:first-child.narrow {
-    width: 7em;
+  width: 7em;
 }
 #debug-bar td[data-debugbar-route] form {
-    display: none;
+  display: none;
 }
 #debug-bar td[data-debugbar-route]:hover form {
-    display: block;
+  display: block;
 }
 #debug-bar td[data-debugbar-route]:hover > div {
-    display: none;
+  display: none;
 }
-#debug-bar td[data-debugbar-route] input[type="text"] {
-    padding: 2px;
+#debug-bar td[data-debugbar-route] input[type=text] {
+  padding: 2px;
 }
 #debug-bar .toolbar {
-    display: flex;
-    overflow: hidden;
-    overflow-y: auto;
-    padding: 0 12px 0 12px;
-    white-space: nowrap;
-    z-index: 10000;
+  display: flex;
+  overflow: hidden;
+  overflow-y: auto;
+  padding: 0 12px 0 12px;
+  white-space: nowrap;
+  z-index: 10000;
 }
 #debug-bar.fixed-top {
-    bottom: auto;
-    top: 0;
+  bottom: auto;
+  top: 0;
 }
 #debug-bar.fixed-top .tab {
-    bottom: auto;
-    top: 36px;
+  bottom: auto;
+  top: 36px;
 }
 #debug-bar #toolbar-position a,
 #debug-bar #toolbar-theme a {
-    padding: 0 6px;
-    display: inline-flex;
-    vertical-align: top;
+  padding: 0 6px;
+  display: inline-flex;
+  vertical-align: top;
 }
 #debug-bar #toolbar-position a:hover,
 #debug-bar #toolbar-theme a:hover {
-    text-decoration: none;
+  text-decoration: none;
 }
 #debug-bar #debug-bar-link {
-    display: flex;
-    padding: 6px;
+  display: flex;
+  padding: 6px;
 }
 #debug-bar .ci-label {
-    display: inline-flex;
-    font-size: 14px;
+  display: inline-flex;
+  font-size: 14px;
 }
 #debug-bar .ci-label:hover {
-    cursor: pointer;
+  cursor: pointer;
 }
 #debug-bar .ci-label a {
-    color: inherit;
-    display: flex;
-    letter-spacing: normal;
-    padding: 0 10px;
-    text-decoration: none;
-    align-items: center;
+  color: inherit;
+  display: flex;
+  letter-spacing: normal;
+  padding: 0 10px;
+  text-decoration: none;
+  align-items: center;
 }
 #debug-bar .ci-label img {
-    margin: 6px 3px 6px 0;
-    width: 16px !important;
+  margin: 6px 3px 6px 0;
+  width: 16px !important;
 }
 #debug-bar .ci-label .badge {
-    border-radius: 12px;
-    -moz-border-radius: 12px;
-    -webkit-border-radius: 12px;
-    display: inline-block;
-    font-size: 75%;
-    font-weight: bold;
-    line-height: 12px;
-    margin-left: 5px;
-    padding: 2px 5px;
-    text-align: center;
-    vertical-align: baseline;
-    white-space: nowrap;
+  border-radius: 12px;
+  -moz-border-radius: 12px;
+  -webkit-border-radius: 12px;
+  display: inline-block;
+  font-size: 75%;
+  font-weight: bold;
+  line-height: 12px;
+  margin-left: 5px;
+  padding: 2px 5px;
+  text-align: center;
+  vertical-align: baseline;
+  white-space: nowrap;
 }
 #debug-bar .tab {
-    bottom: 35px;
-    display: none;
-    left: 0;
-    max-height: 62%;
-    overflow: hidden;
-    overflow-y: auto;
-    padding: 1em 2em;
-    position: fixed;
-    right: 0;
-    z-index: 9999;
+  bottom: 35px;
+  display: none;
+  left: 0;
+  max-height: 62%;
+  overflow: hidden;
+  overflow-y: auto;
+  padding: 1em 2em;
+  position: fixed;
+  right: 0;
+  z-index: 9999;
 }
 #debug-bar .timeline {
-    margin-left: 0;
-    width: 100%;
+  margin-left: 0;
+  width: 100%;
 }
 #debug-bar .timeline th {
-    border-left: 1px solid;
-    font-size: 12px;
-    font-weight: 200;
-    padding: 5px 5px 10px 5px;
-    position: relative;
-    text-align: left;
+  border-left: 1px solid;
+  font-size: 12px;
+  font-weight: 200;
+  padding: 5px 5px 10px 5px;
+  position: relative;
+  text-align: left;
 }
 #debug-bar .timeline th:first-child {
-    border-left: 0;
+  border-left: 0;
 }
 #debug-bar .timeline td {
-    border-left: 1px solid;
-    padding: 5px;
-    position: relative;
+  border-left: 1px solid;
+  padding: 5px;
+  position: relative;
 }
 #debug-bar .timeline td:first-child {
-    border-left: 0;
-    max-width: none;
+  border-left: 0;
+  max-width: none;
 }
 #debug-bar .timeline td.child-container {
-    padding: 0px;
+  padding: 0px;
 }
 #debug-bar .timeline td.child-container .timeline {
-    margin: 0px;
+  margin: 0px;
 }
-#debug-bar
-    .timeline
-    td.child-container
-    .timeline
-    td:first-child:not(.child-container) {
-    padding-left: calc(5px + 10px * var(--level));
+#debug-bar .timeline td.child-container .timeline td:first-child:not(.child-container) {
+  padding-left: calc(5px + 10px * var(--level));
 }
 #debug-bar .timeline .timer {
-    border-radius: 4px;
-    -moz-border-radius: 4px;
-    -webkit-border-radius: 4px;
-    display: inline-block;
-    padding: 5px;
-    position: absolute;
-    top: 30%;
+  border-radius: 4px;
+  -moz-border-radius: 4px;
+  -webkit-border-radius: 4px;
+  display: inline-block;
+  padding: 5px;
+  position: absolute;
+  top: 30%;
 }
 #debug-bar .timeline .timeline-parent {
-    cursor: pointer;
+  cursor: pointer;
 }
 #debug-bar .timeline .timeline-parent td:first-child nav {
-    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMCAxNTAiPjxwYXRoIGQ9Ik02IDdoMThsLTkgMTV6bTAgMzBoMThsLTkgMTV6bTAgNDVoMThsLTktMTV6bTAgMzBoMThsLTktMTV6bTAgMTJsMTggMThtLTE4IDBsMTgtMTgiIGZpbGw9IiM1NTUiLz48cGF0aCBkPSJNNiAxMjZsMTggMThtLTE4IDBsMTgtMTgiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlPSIjNTU1Ii8+PC9zdmc+")
-        no-repeat scroll 0 0/15px 75px transparent;
-    background-position: 0 25%;
-    display: inline-block;
-    height: 15px;
-    width: 15px;
-    margin-right: 3px;
-    vertical-align: middle;
+  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMCAxNTAiPjxwYXRoIGQ9Ik02IDdoMThsLTkgMTV6bTAgMzBoMThsLTkgMTV6bTAgNDVoMThsLTktMTV6bTAgMzBoMThsLTktMTV6bTAgMTJsMTggMThtLTE4IDBsMTgtMTgiIGZpbGw9IiM1NTUiLz48cGF0aCBkPSJNNiAxMjZsMTggMThtLTE4IDBsMTgtMTgiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlPSIjNTU1Ii8+PC9zdmc+") no-repeat scroll 0 0/15px 75px transparent;
+  background-position: 0 25%;
+  display: inline-block;
+  height: 15px;
+  width: 15px;
+  margin-right: 3px;
+  vertical-align: middle;
 }
 #debug-bar .timeline .timeline-parent-open {
-    background-color: #dfdfdf;
+  background-color: #DFDFDF;
 }
 #debug-bar .timeline .timeline-parent-open td:first-child nav {
-    background-position: 0 75%;
+  background-position: 0 75%;
 }
 #debug-bar .timeline .child-row:hover {
-    background: transparent;
+  background: transparent;
 }
 #debug-bar .route-params,
 #debug-bar .route-params-item {
-    vertical-align: top;
+  vertical-align: top;
 }
 #debug-bar .route-params td:first-child,
 #debug-bar .route-params-item td:first-child {
-    font-style: italic;
-    padding-left: 1em;
-    text-align: right;
+  font-style: italic;
+  padding-left: 1em;
+  text-align: right;
 }
 
 .debug-view.show-view {
-    border: 1px solid;
-    margin: 4px;
+  border: 1px solid;
+  margin: 4px;
 }
 
 .debug-view-path {
-    font-family: monospace;
-    font-size: 12px;
-    letter-spacing: normal;
-    min-height: 16px;
-    padding: 2px;
-    text-align: left;
+  font-family: monospace;
+  font-size: 12px;
+  letter-spacing: normal;
+  min-height: 16px;
+  padding: 2px;
+  text-align: left;
 }
 
 .show-view .debug-view-path {
-    display: block !important;
+  display: block !important;
 }
 
 @media screen and (max-width: 1024px) {
-    #debug-bar .ci-label img {
-        margin: unset;
-    }
-    .hide-sm {
-        display: none !important;
-    }
+  #debug-bar .ci-label img {
+    margin: unset;
+  }
+  .hide-sm {
+    display: none !important;
+  }
 }
 #debug-icon {
-    background-color: #ffffff;
-    box-shadow: 0 0 4px #dfdfdf;
-    -moz-box-shadow: 0 0 4px #dfdfdf;
-    -webkit-box-shadow: 0 0 4px #dfdfdf;
+  background-color: #FFFFFF;
+  box-shadow: 0 0 4px #DFDFDF;
+  -moz-box-shadow: 0 0 4px #DFDFDF;
+  -webkit-box-shadow: 0 0 4px #DFDFDF;
 }
 #debug-icon a:active,
 #debug-icon a:link,
 #debug-icon a:visited {
-    color: #dd8615;
+  color: #DD8615;
 }
 
 #debug-bar {
-    background-color: #ffffff;
-    color: #434343;
+  background-color: #FFFFFF;
+  color: #434343;
 }
 #debug-bar h1,
 #debug-bar h2,
@@ -341,217 +335,217 @@
 #debug-bar td,
 #debug-bar button,
 #debug-bar .toolbar {
-    background-color: transparent;
-    color: #434343;
+  background-color: transparent;
+  color: #434343;
 }
 #debug-bar button {
-    background-color: #ffffff;
+  background-color: #FFFFFF;
 }
 #debug-bar table strong {
-    color: #dd8615;
+  color: #DD8615;
 }
 #debug-bar table tbody tr:hover {
-    background-color: #dfdfdf;
+  background-color: #DFDFDF;
 }
 #debug-bar table tbody tr.current {
-    background-color: #fdc894;
+  background-color: #FDC894;
 }
 #debug-bar table tbody tr.current:hover td {
-    background-color: #dd4814;
-    color: #ffffff;
+  background-color: #DD4814;
+  color: #FFFFFF;
 }
 #debug-bar .toolbar {
-    background-color: #ffffff;
-    box-shadow: 0 0 4px #dfdfdf;
-    -moz-box-shadow: 0 0 4px #dfdfdf;
-    -webkit-box-shadow: 0 0 4px #dfdfdf;
+  background-color: #FFFFFF;
+  box-shadow: 0 0 4px #DFDFDF;
+  -moz-box-shadow: 0 0 4px #DFDFDF;
+  -webkit-box-shadow: 0 0 4px #DFDFDF;
 }
 #debug-bar .toolbar img {
-    filter: brightness(0) invert(0.4);
+  filter: brightness(0) invert(0.4);
 }
 #debug-bar.fixed-top .toolbar {
-    box-shadow: 0 0 4px #dfdfdf;
-    -moz-box-shadow: 0 0 4px #dfdfdf;
-    -webkit-box-shadow: 0 0 4px #dfdfdf;
+  box-shadow: 0 0 4px #DFDFDF;
+  -moz-box-shadow: 0 0 4px #DFDFDF;
+  -webkit-box-shadow: 0 0 4px #DFDFDF;
 }
 #debug-bar.fixed-top .tab {
-    box-shadow: 0 1px 4px #dfdfdf;
-    -moz-box-shadow: 0 1px 4px #dfdfdf;
-    -webkit-box-shadow: 0 1px 4px #dfdfdf;
+  box-shadow: 0 1px 4px #DFDFDF;
+  -moz-box-shadow: 0 1px 4px #DFDFDF;
+  -webkit-box-shadow: 0 1px 4px #DFDFDF;
 }
 #debug-bar .muted {
-    color: #434343;
+  color: #434343;
 }
 #debug-bar .muted td {
-    color: #dfdfdf;
+  color: #DFDFDF;
 }
 #debug-bar .muted:hover td {
-    color: #434343;
+  color: #434343;
 }
 #debug-bar #toolbar-position,
 #debug-bar #toolbar-theme {
-    filter: brightness(0) invert(0.6);
+  filter: brightness(0) invert(0.6);
 }
 #debug-bar .ci-label.active {
-    background-color: #dfdfdf;
+  background-color: #DFDFDF;
 }
 #debug-bar .ci-label:hover {
-    background-color: #dfdfdf;
+  background-color: #DFDFDF;
 }
 #debug-bar .ci-label .badge {
-    background-color: #dd4814;
-    color: #ffffff;
+  background-color: #DD4814;
+  color: #FFFFFF;
 }
 #debug-bar .tab {
-    background-color: #ffffff;
-    box-shadow: 0 -1px 4px #dfdfdf;
-    -moz-box-shadow: 0 -1px 4px #dfdfdf;
-    -webkit-box-shadow: 0 -1px 4px #dfdfdf;
+  background-color: #FFFFFF;
+  box-shadow: 0 -1px 4px #DFDFDF;
+  -moz-box-shadow: 0 -1px 4px #DFDFDF;
+  -webkit-box-shadow: 0 -1px 4px #DFDFDF;
 }
 #debug-bar .timeline th,
 #debug-bar .timeline td {
-    border-color: #dfdfdf;
+  border-color: #DFDFDF;
 }
 #debug-bar .timeline .timer {
-    background-color: #dd8615;
+  background-color: #DD8615;
 }
 
 .debug-view.show-view {
-    border-color: #dd8615;
+  border-color: #DD8615;
 }
 
 .debug-view-path {
-    background-color: #fdc894;
-    color: #434343;
+  background-color: #FDC894;
+  color: #434343;
 }
 
 @media (prefers-color-scheme: dark) {
-    #debug-icon {
-        background-color: #252525;
-        box-shadow: 0 0 4px #dfdfdf;
-        -moz-box-shadow: 0 0 4px #dfdfdf;
-        -webkit-box-shadow: 0 0 4px #dfdfdf;
-    }
-    #debug-icon a:active,
-    #debug-icon a:link,
-    #debug-icon a:visited {
-        color: #dd8615;
-    }
-    #debug-bar {
-        background-color: #252525;
-        color: #dfdfdf;
-    }
-    #debug-bar h1,
-    #debug-bar h2,
-    #debug-bar h3,
-    #debug-bar p,
-    #debug-bar a,
-    #debug-bar button,
-    #debug-bar table,
-    #debug-bar thead,
-    #debug-bar tr,
-    #debug-bar td,
-    #debug-bar button,
-    #debug-bar .toolbar {
-        background-color: transparent;
-        color: #dfdfdf;
-    }
-    #debug-bar button {
-        background-color: #252525;
-    }
-    #debug-bar table strong {
-        color: #dd8615;
-    }
-    #debug-bar table tbody tr:hover {
-        background-color: #434343;
-    }
-    #debug-bar table tbody tr.current {
-        background-color: #fdc894;
-    }
-    #debug-bar table tbody tr.current td {
-        color: #252525;
-    }
-    #debug-bar table tbody tr.current:hover td {
-        background-color: #dd4814;
-        color: #ffffff;
-    }
-    #debug-bar .toolbar {
-        background-color: #434343;
-        box-shadow: 0 0 4px #434343;
-        -moz-box-shadow: 0 0 4px #434343;
-        -webkit-box-shadow: 0 0 4px #434343;
-    }
-    #debug-bar .toolbar img {
-        filter: brightness(0) invert(1);
-    }
-    #debug-bar.fixed-top .toolbar {
-        box-shadow: 0 0 4px #434343;
-        -moz-box-shadow: 0 0 4px #434343;
-        -webkit-box-shadow: 0 0 4px #434343;
-    }
-    #debug-bar.fixed-top .tab {
-        box-shadow: 0 1px 4px #434343;
-        -moz-box-shadow: 0 1px 4px #434343;
-        -webkit-box-shadow: 0 1px 4px #434343;
-    }
-    #debug-bar .muted {
-        color: #dfdfdf;
-    }
-    #debug-bar .muted td {
-        color: #434343;
-    }
-    #debug-bar .muted:hover td {
-        color: #dfdfdf;
-    }
-    #debug-bar #toolbar-position,
-    #debug-bar #toolbar-theme {
-        filter: brightness(0) invert(0.6);
-    }
-    #debug-bar .ci-label.active {
-        background-color: #252525;
-    }
-    #debug-bar .ci-label:hover {
-        background-color: #252525;
-    }
-    #debug-bar .ci-label .badge {
-        background-color: #dd4814;
-        color: #ffffff;
-    }
-    #debug-bar .tab {
-        background-color: #252525;
-        box-shadow: 0 -1px 4px #434343;
-        -moz-box-shadow: 0 -1px 4px #434343;
-        -webkit-box-shadow: 0 -1px 4px #434343;
-    }
-    #debug-bar .timeline th,
-    #debug-bar .timeline td {
-        border-color: #434343;
-    }
-    #debug-bar .timeline .timer {
-        background-color: #dd8615;
-    }
-    .debug-view.show-view {
-        border-color: #dd8615;
-    }
-    .debug-view-path {
-        background-color: #fdc894;
-        color: #434343;
-    }
+  #debug-icon {
+    background-color: #252525;
+    box-shadow: 0 0 4px #DFDFDF;
+    -moz-box-shadow: 0 0 4px #DFDFDF;
+    -webkit-box-shadow: 0 0 4px #DFDFDF;
+  }
+  #debug-icon a:active,
+  #debug-icon a:link,
+  #debug-icon a:visited {
+    color: #DD8615;
+  }
+  #debug-bar {
+    background-color: #252525;
+    color: #DFDFDF;
+  }
+  #debug-bar h1,
+  #debug-bar h2,
+  #debug-bar h3,
+  #debug-bar p,
+  #debug-bar a,
+  #debug-bar button,
+  #debug-bar table,
+  #debug-bar thead,
+  #debug-bar tr,
+  #debug-bar td,
+  #debug-bar button,
+  #debug-bar .toolbar {
+    background-color: transparent;
+    color: #DFDFDF;
+  }
+  #debug-bar button {
+    background-color: #252525;
+  }
+  #debug-bar table strong {
+    color: #DD8615;
+  }
+  #debug-bar table tbody tr:hover {
+    background-color: #434343;
+  }
+  #debug-bar table tbody tr.current {
+    background-color: #FDC894;
+  }
+  #debug-bar table tbody tr.current td {
+    color: #252525;
+  }
+  #debug-bar table tbody tr.current:hover td {
+    background-color: #DD4814;
+    color: #FFFFFF;
+  }
+  #debug-bar .toolbar {
+    background-color: #434343;
+    box-shadow: 0 0 4px #434343;
+    -moz-box-shadow: 0 0 4px #434343;
+    -webkit-box-shadow: 0 0 4px #434343;
+  }
+  #debug-bar .toolbar img {
+    filter: brightness(0) invert(1);
+  }
+  #debug-bar.fixed-top .toolbar {
+    box-shadow: 0 0 4px #434343;
+    -moz-box-shadow: 0 0 4px #434343;
+    -webkit-box-shadow: 0 0 4px #434343;
+  }
+  #debug-bar.fixed-top .tab {
+    box-shadow: 0 1px 4px #434343;
+    -moz-box-shadow: 0 1px 4px #434343;
+    -webkit-box-shadow: 0 1px 4px #434343;
+  }
+  #debug-bar .muted {
+    color: #DFDFDF;
+  }
+  #debug-bar .muted td {
+    color: #434343;
+  }
+  #debug-bar .muted:hover td {
+    color: #DFDFDF;
+  }
+  #debug-bar #toolbar-position,
+  #debug-bar #toolbar-theme {
+    filter: brightness(0) invert(0.6);
+  }
+  #debug-bar .ci-label.active {
+    background-color: #252525;
+  }
+  #debug-bar .ci-label:hover {
+    background-color: #252525;
+  }
+  #debug-bar .ci-label .badge {
+    background-color: #DD4814;
+    color: #FFFFFF;
+  }
+  #debug-bar .tab {
+    background-color: #252525;
+    box-shadow: 0 -1px 4px #434343;
+    -moz-box-shadow: 0 -1px 4px #434343;
+    -webkit-box-shadow: 0 -1px 4px #434343;
+  }
+  #debug-bar .timeline th,
+  #debug-bar .timeline td {
+    border-color: #434343;
+  }
+  #debug-bar .timeline .timer {
+    background-color: #DD8615;
+  }
+  .debug-view.show-view {
+    border-color: #DD8615;
+  }
+  .debug-view-path {
+    background-color: #FDC894;
+    color: #434343;
+  }
 }
 #toolbarContainer.dark #debug-icon {
-    background-color: #252525;
-    box-shadow: 0 0 4px #dfdfdf;
-    -moz-box-shadow: 0 0 4px #dfdfdf;
-    -webkit-box-shadow: 0 0 4px #dfdfdf;
+  background-color: #252525;
+  box-shadow: 0 0 4px #DFDFDF;
+  -moz-box-shadow: 0 0 4px #DFDFDF;
+  -webkit-box-shadow: 0 0 4px #DFDFDF;
 }
 #toolbarContainer.dark #debug-icon a:active,
 #toolbarContainer.dark #debug-icon a:link,
 #toolbarContainer.dark #debug-icon a:visited {
-    color: #dd8615;
+  color: #DD8615;
 }
 #toolbarContainer.dark #debug-bar {
-    background-color: #252525;
-    color: #dfdfdf;
+  background-color: #252525;
+  color: #DFDFDF;
 }
 #toolbarContainer.dark #debug-bar h1,
 #toolbarContainer.dark #debug-bar h2,
@@ -565,109 +559,109 @@
 #toolbarContainer.dark #debug-bar td,
 #toolbarContainer.dark #debug-bar button,
 #toolbarContainer.dark #debug-bar .toolbar {
-    background-color: transparent;
-    color: #dfdfdf;
+  background-color: transparent;
+  color: #DFDFDF;
 }
 #toolbarContainer.dark #debug-bar button {
-    background-color: #252525;
+  background-color: #252525;
 }
 #toolbarContainer.dark #debug-bar table strong {
-    color: #dd8615;
+  color: #DD8615;
 }
 #toolbarContainer.dark #debug-bar table tbody tr:hover {
-    background-color: #434343;
+  background-color: #434343;
 }
 #toolbarContainer.dark #debug-bar table tbody tr.current {
-    background-color: #fdc894;
+  background-color: #FDC894;
 }
 #toolbarContainer.dark #debug-bar table tbody tr.current td {
-    color: #252525;
+  color: #252525;
 }
 #toolbarContainer.dark #debug-bar table tbody tr.current:hover td {
-    background-color: #dd4814;
-    color: #ffffff;
+  background-color: #DD4814;
+  color: #FFFFFF;
 }
 #toolbarContainer.dark #debug-bar .toolbar {
-    background-color: #434343;
-    box-shadow: 0 0 4px #434343;
-    -moz-box-shadow: 0 0 4px #434343;
-    -webkit-box-shadow: 0 0 4px #434343;
+  background-color: #434343;
+  box-shadow: 0 0 4px #434343;
+  -moz-box-shadow: 0 0 4px #434343;
+  -webkit-box-shadow: 0 0 4px #434343;
 }
 #toolbarContainer.dark #debug-bar .toolbar img {
-    filter: brightness(0) invert(1);
+  filter: brightness(0) invert(1);
 }
 #toolbarContainer.dark #debug-bar.fixed-top .toolbar {
-    box-shadow: 0 0 4px #434343;
-    -moz-box-shadow: 0 0 4px #434343;
-    -webkit-box-shadow: 0 0 4px #434343;
+  box-shadow: 0 0 4px #434343;
+  -moz-box-shadow: 0 0 4px #434343;
+  -webkit-box-shadow: 0 0 4px #434343;
 }
 #toolbarContainer.dark #debug-bar.fixed-top .tab {
-    box-shadow: 0 1px 4px #434343;
-    -moz-box-shadow: 0 1px 4px #434343;
-    -webkit-box-shadow: 0 1px 4px #434343;
+  box-shadow: 0 1px 4px #434343;
+  -moz-box-shadow: 0 1px 4px #434343;
+  -webkit-box-shadow: 0 1px 4px #434343;
 }
 #toolbarContainer.dark #debug-bar .muted {
-    color: #dfdfdf;
+  color: #DFDFDF;
 }
 #toolbarContainer.dark #debug-bar .muted td {
-    color: #434343;
+  color: #434343;
 }
 #toolbarContainer.dark #debug-bar .muted:hover td {
-    color: #dfdfdf;
+  color: #DFDFDF;
 }
 #toolbarContainer.dark #debug-bar #toolbar-position,
 #toolbarContainer.dark #debug-bar #toolbar-theme {
-    filter: brightness(0) invert(0.6);
+  filter: brightness(0) invert(0.6);
 }
 #toolbarContainer.dark #debug-bar .ci-label.active {
-    background-color: #252525;
+  background-color: #252525;
 }
 #toolbarContainer.dark #debug-bar .ci-label:hover {
-    background-color: #252525;
+  background-color: #252525;
 }
 #toolbarContainer.dark #debug-bar .ci-label .badge {
-    background-color: #dd4814;
-    color: #ffffff;
+  background-color: #DD4814;
+  color: #FFFFFF;
 }
 #toolbarContainer.dark #debug-bar .tab {
-    background-color: #252525;
-    box-shadow: 0 -1px 4px #434343;
-    -moz-box-shadow: 0 -1px 4px #434343;
-    -webkit-box-shadow: 0 -1px 4px #434343;
+  background-color: #252525;
+  box-shadow: 0 -1px 4px #434343;
+  -moz-box-shadow: 0 -1px 4px #434343;
+  -webkit-box-shadow: 0 -1px 4px #434343;
 }
 #toolbarContainer.dark #debug-bar .timeline th,
 #toolbarContainer.dark #debug-bar .timeline td {
-    border-color: #434343;
+  border-color: #434343;
 }
 #toolbarContainer.dark #debug-bar .timeline .timer {
-    background-color: #dd8615;
+  background-color: #DD8615;
 }
 #toolbarContainer.dark .debug-view.show-view {
-    border-color: #dd8615;
+  border-color: #DD8615;
 }
 #toolbarContainer.dark .debug-view-path {
-    background-color: #fdc894;
-    color: #434343;
+  background-color: #FDC894;
+  color: #434343;
 }
-#toolbarContainer.dark td[data-debugbar-route] input[type="text"] {
-    background: #000;
-    color: #fff;
+#toolbarContainer.dark td[data-debugbar-route] input[type=text] {
+  background: #000;
+  color: #fff;
 }
 
 #toolbarContainer.light #debug-icon {
-    background-color: #ffffff;
-    box-shadow: 0 0 4px #dfdfdf;
-    -moz-box-shadow: 0 0 4px #dfdfdf;
-    -webkit-box-shadow: 0 0 4px #dfdfdf;
+  background-color: #FFFFFF;
+  box-shadow: 0 0 4px #DFDFDF;
+  -moz-box-shadow: 0 0 4px #DFDFDF;
+  -webkit-box-shadow: 0 0 4px #DFDFDF;
 }
 #toolbarContainer.light #debug-icon a:active,
 #toolbarContainer.light #debug-icon a:link,
 #toolbarContainer.light #debug-icon a:visited {
-    color: #dd8615;
+  color: #DD8615;
 }
 #toolbarContainer.light #debug-bar {
-    background-color: #ffffff;
-    color: #434343;
+  background-color: #FFFFFF;
+  color: #434343;
 }
 #toolbarContainer.light #debug-bar h1,
 #toolbarContainer.light #debug-bar h2,
@@ -681,135 +675,135 @@
 #toolbarContainer.light #debug-bar td,
 #toolbarContainer.light #debug-bar button,
 #toolbarContainer.light #debug-bar .toolbar {
-    background-color: transparent;
-    color: #434343;
+  background-color: transparent;
+  color: #434343;
 }
 #toolbarContainer.light #debug-bar button {
-    background-color: #ffffff;
+  background-color: #FFFFFF;
 }
 #toolbarContainer.light #debug-bar table strong {
-    color: #dd8615;
+  color: #DD8615;
 }
 #toolbarContainer.light #debug-bar table tbody tr:hover {
-    background-color: #dfdfdf;
+  background-color: #DFDFDF;
 }
 #toolbarContainer.light #debug-bar table tbody tr.current {
-    background-color: #fdc894;
+  background-color: #FDC894;
 }
 #toolbarContainer.light #debug-bar table tbody tr.current:hover td {
-    background-color: #dd4814;
-    color: #ffffff;
+  background-color: #DD4814;
+  color: #FFFFFF;
 }
 #toolbarContainer.light #debug-bar .toolbar {
-    background-color: #ffffff;
-    box-shadow: 0 0 4px #dfdfdf;
-    -moz-box-shadow: 0 0 4px #dfdfdf;
-    -webkit-box-shadow: 0 0 4px #dfdfdf;
+  background-color: #FFFFFF;
+  box-shadow: 0 0 4px #DFDFDF;
+  -moz-box-shadow: 0 0 4px #DFDFDF;
+  -webkit-box-shadow: 0 0 4px #DFDFDF;
 }
 #toolbarContainer.light #debug-bar .toolbar img {
-    filter: brightness(0) invert(0.4);
+  filter: brightness(0) invert(0.4);
 }
 #toolbarContainer.light #debug-bar.fixed-top .toolbar {
-    box-shadow: 0 0 4px #dfdfdf;
-    -moz-box-shadow: 0 0 4px #dfdfdf;
-    -webkit-box-shadow: 0 0 4px #dfdfdf;
+  box-shadow: 0 0 4px #DFDFDF;
+  -moz-box-shadow: 0 0 4px #DFDFDF;
+  -webkit-box-shadow: 0 0 4px #DFDFDF;
 }
 #toolbarContainer.light #debug-bar.fixed-top .tab {
-    box-shadow: 0 1px 4px #dfdfdf;
-    -moz-box-shadow: 0 1px 4px #dfdfdf;
-    -webkit-box-shadow: 0 1px 4px #dfdfdf;
+  box-shadow: 0 1px 4px #DFDFDF;
+  -moz-box-shadow: 0 1px 4px #DFDFDF;
+  -webkit-box-shadow: 0 1px 4px #DFDFDF;
 }
 #toolbarContainer.light #debug-bar .muted {
-    color: #434343;
+  color: #434343;
 }
 #toolbarContainer.light #debug-bar .muted td {
-    color: #dfdfdf;
+  color: #DFDFDF;
 }
 #toolbarContainer.light #debug-bar .muted:hover td {
-    color: #434343;
+  color: #434343;
 }
 #toolbarContainer.light #debug-bar #toolbar-position,
 #toolbarContainer.light #debug-bar #toolbar-theme {
-    filter: brightness(0) invert(0.6);
+  filter: brightness(0) invert(0.6);
 }
 #toolbarContainer.light #debug-bar .ci-label.active {
-    background-color: #dfdfdf;
+  background-color: #DFDFDF;
 }
 #toolbarContainer.light #debug-bar .ci-label:hover {
-    background-color: #dfdfdf;
+  background-color: #DFDFDF;
 }
 #toolbarContainer.light #debug-bar .ci-label .badge {
-    background-color: #dd4814;
-    color: #ffffff;
+  background-color: #DD4814;
+  color: #FFFFFF;
 }
 #toolbarContainer.light #debug-bar .tab {
-    background-color: #ffffff;
-    box-shadow: 0 -1px 4px #dfdfdf;
-    -moz-box-shadow: 0 -1px 4px #dfdfdf;
-    -webkit-box-shadow: 0 -1px 4px #dfdfdf;
+  background-color: #FFFFFF;
+  box-shadow: 0 -1px 4px #DFDFDF;
+  -moz-box-shadow: 0 -1px 4px #DFDFDF;
+  -webkit-box-shadow: 0 -1px 4px #DFDFDF;
 }
 #toolbarContainer.light #debug-bar .timeline th,
 #toolbarContainer.light #debug-bar .timeline td {
-    border-color: #dfdfdf;
+  border-color: #DFDFDF;
 }
 #toolbarContainer.light #debug-bar .timeline .timer {
-    background-color: #dd8615;
+  background-color: #DD8615;
 }
 #toolbarContainer.light .debug-view.show-view {
-    border-color: #dd8615;
+  border-color: #DD8615;
 }
 #toolbarContainer.light .debug-view-path {
-    background-color: #fdc894;
-    color: #434343;
+  background-color: #FDC894;
+  color: #434343;
 }
 
 .debug-bar-width30 {
-    width: 30%;
+  width: 30%;
 }
 
 .debug-bar-width10 {
-    width: 10%;
+  width: 10%;
 }
 
 .debug-bar-width70p {
-    width: 70px;
+  width: 70px;
 }
 
 .debug-bar-width190p {
-    width: 190px;
+  width: 190px;
 }
 
 .debug-bar-width20e {
-    width: 20em;
+  width: 20em;
 }
 
 .debug-bar-width6r {
-    width: 6rem;
+  width: 6rem;
 }
 
 .debug-bar-ndisplay {
-    display: none;
+  display: none;
 }
 
 .debug-bar-alignRight {
-    text-align: right;
+  text-align: right;
 }
 
 .debug-bar-alignLeft {
-    text-align: left;
+  text-align: left;
 }
 
 .debug-bar-noverflow {
-    overflow: hidden;
+  overflow: hidden;
 }
 
 /* ENDLESS ROTATE */
 .rotate {
-    animation: rotate 9s linear infinite;
+  animation: rotate 9s linear infinite;
 }
 
 @keyframes rotate {
-    to {
-        transform: rotate(360deg);
-    }
+  to {
+    transform: rotate(360deg);
+  }
 }