viztracer 1.0.4__cp310-cp310-win_amd64.whl → 1.1.0__cp310-cp310-win_amd64.whl

viztracer/web_dist/v47.0-02b2414d5/perfetto.css

@@ -1,5133 +0,0 @@
-/* latin */
-@font-face {
-  font-family: "Roboto";
-  font-style: normal;
-  font-weight: 100;
-  src: url(assets/Roboto-100.woff2) format("woff2");
-  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
-}
-/* latin */
-@font-face {
-  font-family: "Roboto";
-  font-style: normal;
-  font-weight: 300;
-  src: url(assets/Roboto-300.woff2) format("woff2");
-  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
-}
-/* latin */
-@font-face {
-  font-family: "Roboto";
-  font-style: normal;
-  font-weight: 400;
-  src: url(assets/Roboto-400.woff2) format("woff2");
-  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
-}
-/* latin */
-@font-face {
-  font-family: "Roboto";
-  font-style: normal;
-  font-weight: 500;
-  src: url(assets/Roboto-500.woff2) format("woff2");
-  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
-}
-/* latin */
-@font-face {
-  font-family: "Roboto Condensed";
-  font-style: normal;
-  font-weight: 300;
-  src: url(assets/RobotoCondensed-Light.woff2) format("woff2");
-  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
-}
-/* latin */
-@font-face {
-  font-family: "Roboto Condensed";
-  font-style: normal;
-  font-weight: 400;
-  src: url(assets/RobotoCondensed-Regular.woff2) format("woff2");
-  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
-}
-/* latin */
-@font-face {
-  font-family: "Roboto Mono";
-  font-style: normal;
-  font-weight: 400;
-  src: url(assets/RobotoMono-Regular.woff2) format("woff2");
-  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
-}
-@font-face {
-  font-family: "Material Symbols Sharp";
-  font-style: normal;
-  font-weight: 100 700;
-  src: url(assets/MaterialSymbolsOutlined.woff2) format("woff2");
-}
-.material-icons {
-  font-family: "Material Symbols Sharp";
-  font-weight: normal;
-  font-style: normal;
-  font-size: 24px;
-  line-height: 1;
-  letter-spacing: normal;
-  text-transform: none;
-  vertical-align: middle;
-  display: inline-block;
-  white-space: nowrap;
-  word-wrap: normal;
-  direction: ltr;
-  -webkit-font-feature-settings: "liga";
-  -webkit-font-smoothing: antialiased;
-  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;
-}
-
-.material-icons-filled {
-  font-family: "Material Symbols Sharp";
-  font-weight: normal;
-  font-style: normal;
-  font-size: 24px;
-  line-height: 1;
-  letter-spacing: normal;
-  text-transform: none;
-  vertical-align: middle;
-  display: inline-block;
-  white-space: nowrap;
-  word-wrap: normal;
-  direction: ltr;
-  -webkit-font-feature-settings: "liga";
-  -webkit-font-smoothing: antialiased;
-  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;
-  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
-}
-
-/* latin */
-@font-face {
-  font-family: "Roboto";
-  font-style: normal;
-  font-weight: 100;
-  src: url(assets/Roboto-100.woff2) format("woff2");
-  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
-}
-/* latin */
-@font-face {
-  font-family: "Roboto";
-  font-style: normal;
-  font-weight: 300;
-  src: url(assets/Roboto-300.woff2) format("woff2");
-  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
-}
-/* latin */
-@font-face {
-  font-family: "Roboto";
-  font-style: normal;
-  font-weight: 400;
-  src: url(assets/Roboto-400.woff2) format("woff2");
-  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
-}
-/* latin */
-@font-face {
-  font-family: "Roboto";
-  font-style: normal;
-  font-weight: 500;
-  src: url(assets/Roboto-500.woff2) format("woff2");
-  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
-}
-/* latin */
-@font-face {
-  font-family: "Roboto Condensed";
-  font-style: normal;
-  font-weight: 300;
-  src: url(assets/RobotoCondensed-Light.woff2) format("woff2");
-  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
-}
-/* latin */
-@font-face {
-  font-family: "Roboto Condensed";
-  font-style: normal;
-  font-weight: 400;
-  src: url(assets/RobotoCondensed-Regular.woff2) format("woff2");
-  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
-}
-/* latin */
-@font-face {
-  font-family: "Roboto Mono";
-  font-style: normal;
-  font-weight: 400;
-  src: url(assets/RobotoMono-Regular.woff2) format("woff2");
-  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
-}
-@font-face {
-  font-family: "Material Symbols Sharp";
-  font-style: normal;
-  font-weight: 100 700;
-  src: url(assets/MaterialSymbolsOutlined.woff2) format("woff2");
-}
-.material-icons {
-  font-family: "Material Symbols Sharp";
-  font-weight: normal;
-  font-style: normal;
-  font-size: 24px;
-  line-height: 1;
-  letter-spacing: normal;
-  text-transform: none;
-  vertical-align: middle;
-  display: inline-block;
-  white-space: nowrap;
-  word-wrap: normal;
-  direction: ltr;
-  -webkit-font-feature-settings: "liga";
-  -webkit-font-smoothing: antialiased;
-  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;
-}
-
-.material-icons-filled {
-  font-family: "Material Symbols Sharp";
-  font-weight: normal;
-  font-style: normal;
-  font-size: 24px;
-  line-height: 1;
-  letter-spacing: normal;
-  text-transform: none;
-  vertical-align: middle;
-  display: inline-block;
-  white-space: nowrap;
-  word-wrap: normal;
-  direction: ltr;
-  -webkit-font-feature-settings: "liga";
-  -webkit-font-smoothing: antialiased;
-  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;
-  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;
-}
-
-:root {
-  --sidebar-width: 230px;
-  --topbar-height: 44px;
-  --monospace-font: "Roboto Mono", monospace;
-  --track-shell-width: 250px;
-  --track-border-color: #00000025;
-  --anim-easing: cubic-bezier(0.4, 0, 0.2, 1);
-  --selection-stroke-color: #00344596;
-  --selection-fill-color: #8398e64d;
-  --overview-timeline-non-visible-color: #c8c8c8cc;
-  --details-content-height: 280px;
-  --collapsed-background: hsla(190, 49%, 97%, 1);
-  --expanded-background: hsl(215, 22%, 19%);
-}
-
-* {
-  box-sizing: border-box;
-  -webkit-tap-highlight-color: transparent;
-  touch-action: none;
-}
-
-html {
-  font-family: Roboto, verdana, sans-serif;
-  height: 100%;
-  width: 100%;
-}
-
-html,
-body,
-body > main {
-  height: 100%;
-  width: 100%;
-  padding: 0;
-  margin: 0;
-  overscroll-behavior: none;
-  overflow: hidden;
-}
-
-pre,
-code {
-  font-family: var(--monospace-font);
-}
-
-body.testing {
-  -webkit-font-smoothing: antialiased !important;
-  font-kerning: none !important;
-}
-
-h1,
-h2,
-h3 {
-  font-family: inherit;
-  font-size: inherit;
-  font-weight: inherit;
-  padding: 0;
-  margin: 0;
-}
-
-table {
-  user-select: text;
-}
-
-body > main {
-  display: grid;
-  grid-template-areas: "sidebar topbar" "sidebar alerts" "sidebar page";
-  grid-template-rows: auto auto 1fr;
-  grid-template-columns: auto 1fr;
-  color: #121212;
-  overflow: hidden;
-}
-
-body.filedrag::after {
-  content: "Drop the trace file to open it";
-  position: fixed;
-  z-index: 99;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  border: 10px dashed #404854;
-  text-align: center;
-  font-size: 3rem;
-  line-height: 100vh;
-  color: #333;
-  background: rgba(255, 255, 255, 0.5);
-}
-
-button {
-  background: none;
-  color: inherit;
-  border: none;
-  padding: 0;
-  font: inherit;
-  cursor: pointer;
-  outline: inherit;
-}
-
-button.close {
-  font-family: var(--monospace-font);
-}
-
-.full-page-loading-screen {
-  position: absolute;
-  width: 100%;
-  height: 100%;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  flex-direction: row;
-  background: #3e4a5a url("assets/logo-3d.png") no-repeat fixed center;
-}
-
-.page {
-  grid-area: page;
-}
-
-.alerts {
-  grid-area: alerts;
-  background-color: #f2f2f2;
-}
-.alerts > div {
-  font-family: "Roboto", sans-serif;
-  font-weight: 400;
-  letter-spacing: 0.25px;
-  padding: 1rem;
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-}
-.alerts > div button {
-  width: 24px;
-  height: 24px;
-}
-
-.generic-table {
-  font-family: "Roboto Condensed", sans-serif;
-  font-weight: 300;
-  color: #3c4b5d;
-  font-size: 14px;
-  line-height: 18px;
-  width: 100%;
-  border-collapse: collapse;
-}
-.generic-table thead {
-  font-weight: normal;
-}
-.generic-table tr:hover td {
-  background-color: hsl(214, 22%, 90%);
-}
-.generic-table tr.header {
-  border-bottom: 1px solid rgba(60, 76, 92, 0.4);
-  text-align: center;
-}
-.generic-table td {
-  padding: 3px 5px;
-  white-space: nowrap;
-}
-.generic-table td i.material-icons {
-  font-size: 16px;
-}
-
-.pivot-table {
-  font-family: "Roboto Condensed", sans-serif;
-  font-weight: 300;
-  color: #3c4b5d;
-  font-size: 14px;
-  line-height: 18px;
-  width: 100%;
-  border-collapse: collapse;
-}
-.pivot-table thead {
-  font-weight: normal;
-}
-.pivot-table tr:hover td {
-  background-color: hsl(214, 22%, 90%);
-}
-.pivot-table tr.header {
-  border-bottom: 1px solid rgba(60, 76, 92, 0.4);
-  text-align: center;
-}
-.pivot-table td {
-  padding: 3px 5px;
-  white-space: nowrap;
-}
-.pivot-table td i.material-icons {
-  font-size: 16px;
-}
-.pivot-table thead,
-.pivot-table i {
-  cursor: pointer;
-}
-.pivot-table td.first {
-  border-left: 1px solid rgba(60, 76, 92, 0.4);
-  padding-left: 6px;
-}
-.pivot-table thead td.reorderable-cell {
-  cursor: grab;
-}
-.pivot-table .disabled {
-  cursor: default;
-}
-.pivot-table .indent {
-  display: inline-block;
-  width: 16px;
-}
-.pivot-table strong {
-  font-weight: 400;
-}
-
-.pf-query-panel {
-  display: contents;
-}
-.pf-query-panel .pf-query-warning {
-  padding: 4px;
-  position: sticky;
-  left: 0;
-}
-
-.pf-query-table {
-  min-width: 100%;
-  font-size: 14px;
-  border: 0;
-}
-.pf-query-table thead td {
-  position: sticky;
-  top: 0;
-  background-color: hsl(214, 22%, 90%);
-  color: #262f3c;
-  text-align: center;
-  padding: 1px 3px;
-  border-style: solid;
-  border-color: #fff;
-  border-right-width: 1px;
-  border-left-width: 1px;
-}
-.pf-query-table tbody tr {
-  transition: opacity 0.1s ease, color 0.1s ease, background-color 0.1s ease, border-color 0.1s ease, width 0.1s ease, height 0.1s ease, max-width 0.1s ease, max-height 0.1s ease, margin 0.1s ease, transform 0.1s ease, box-shadow 0.1s ease, border-radius 0.1s ease;
-  background-color: hsl(214, 22%, 100%);
-  font-family: var(--monospace-font);
-}
-.pf-query-table tbody tr:nth-child(even) {
-  background-color: hsl(214, 22%, 95%);
-}
-.pf-query-table tbody tr td:first-child {
-  padding-left: 5px;
-}
-.pf-query-table tbody tr td:last-child {
-  padding-right: 5px;
-}
-.pf-query-table tbody tr:hover {
-  background-color: hsl(214, 22%, 90%);
-}
-.pf-query-table tbody tr[clickable] {
-  cursor: pointer;
-}
-.pf-query-table tbody tr[clickable]:active {
-  background-color: hsl(206, 19%, 75%);
-  box-shadow: inset 1px 1px 4px rgba(0, 0, 0, 0.2509803922);
-  transition: none;
-}
-
-.query-error {
-  padding: 20px 10px;
-  color: hsl(350, 50%, 50%);
-  font-family: "Roboto Mono", sans-serif;
-  font-size: 12px;
-  font-weight: 300;
-  white-space: pre;
-}
-
-.dropdown {
-  display: inline-block;
-  position: relative;
-}
-
-.dropdown-button {
-  cursor: pointer;
-}
-
-.popup-menu {
-  position: absolute;
-  background-color: white;
-  right: 0;
-  box-shadow: 0 0 4px 0 #999;
-  /* TODO(hjd): Reduce and make z-index use sensible. */
-  z-index: 1000;
-}
-.popup-menu.closed {
-  display: none;
-}
-.popup-menu.opened {
-  display: block;
-}
-.popup-menu button.open-menu {
-  border-radius: 0;
-  margin: 0;
-  height: auto;
-  background: transparent;
-  color: #111;
-  font-size: 12px;
-  padding: 0.4em 1em;
-  white-space: nowrap;
-  width: 100%;
-  text-align: right;
-  line-height: 1;
-  display: block;
-}
-.popup-menu button.open-menu:hover {
-  background: #c7d0db;
-}
-.popup-menu .nested-menu {
-  padding-right: 1em;
-}
-
-.x-scrollable {
-  overflow-x: auto;
-}
-
-header.overview {
-  position: sticky;
-  top: 0;
-  left: 0;
-  display: flex;
-  align-content: baseline;
-  background-color: hsl(213, 22%, 82%);
-  color: hsl(213, 22%, 20%);
-  font-family: "Roboto Condensed", sans-serif;
-  font-size: 15px;
-  font-weight: 400;
-  padding: 4px 10px;
-  vertical-align: middle;
-  border-color: hsl(213, 22%, 75%);
-  border-style: solid;
-  border-width: 1px 0;
-}
-header.overview .code {
-  font-family: var(--monospace-font);
-  font-size: 12px;
-  margin-left: 10px;
-  color: hsl(213, 22%, 40%);
-}
-header.overview span {
-  white-space: nowrap;
-}
-header.overview span.code {
-  text-overflow: ellipsis;
-  max-width: 50vw;
-  overflow: hidden;
-}
-header.overview span.spacer {
-  flex-grow: 1;
-}
-
-.text-select {
-  user-select: text;
-}
-
-button.query-ctrl {
-  background: #262f3c;
-  color: white;
-  border-radius: 10px;
-  font-size: 10px;
-  height: 18px;
-  line-height: 18px;
-  min-width: 7em;
-  margin: auto 0 auto 1rem;
-}
-
-.perf-stats {
-  --stroke-color: hsl(217, 39%, 94%);
-  position: fixed;
-  bottom: 0;
-  left: 0;
-  width: 600px;
-  color: var(--stroke-color);
-  font-family: var(--monospace-font);
-  padding: 10px 24px;
-  z-index: 100;
-  background-color: rgba(27, 28, 29, 0.9);
-}
-.perf-stats button {
-  text-decoration: underline;
-  color: hsl(45, 100%, 48%);
-}
-.perf-stats button:hover {
-  color: hsl(6, 70%, 53%);
-}
-.perf-stats .close-button {
-  position: absolute;
-  right: 20px;
-  top: 10px;
-  width: 20px;
-  height: 20px;
-  color: var(--stroke-color);
-}
-.perf-stats > section {
-  padding: 5px;
-  border-bottom: 1px solid var(--stroke-color);
-}
-.perf-stats div {
-  margin: 2px 0;
-}
-.perf-stats table,
-.perf-stats td,
-.perf-stats th {
-  border: 1px solid var(--stroke-color);
-  text-align: center;
-  padding: 4px;
-  margin: 4px 0;
-}
-.perf-stats table {
-  border-collapse: collapse;
-}
-
-.cookie-consent {
-  position: absolute;
-  z-index: 10;
-  left: 10px;
-  bottom: 10px;
-  width: 550px;
-  background-color: #19212b;
-  font-size: 14px;
-  color: rgb(180, 183, 186);
-  border-radius: 5px;
-  padding: 20px;
-}
-.cookie-consent .buttons {
-  display: flex;
-  justify-content: flex-end;
-  margin-top: 10px;
-  font-size: 15px;
-}
-.cookie-consent button {
-  padding: 10px;
-  border-radius: 3px;
-  color: #fff;
-  margin-left: 5px;
-}
-.cookie-consent button a {
-  text-decoration: none;
-  color: #fff;
-}
-.cookie-consent button:hover {
-  background-color: #373f4b;
-  cursor: pointer;
-}
-
-.disallow-selection {
-  user-select: none;
-}
-
-.pivot-table {
-  user-select: text;
-  padding: 10px;
-}
-.pivot-table button.mode-button {
-  border-radius: 10px;
-  padding: 7px;
-  margin: 5px;
-  background-color: #c7d0db;
-}
-.pivot-table.query-error {
-  color: red;
-}
-.pivot-table .total-values {
-  text-align: right;
-  padding-right: 10px;
-}
-.pivot-table .empty-result {
-  padding: 10px;
-}
-.pivot-table td.menu {
-  text-align: left;
-}
-.pivot-table td {
-  white-space: pre;
-}
-
-.name-completion {
-  min-height: 20vh;
-  min-width: 30vw;
-}
-.name-completion input {
-  width: 90%;
-}
-.name-completion .arguments-popup-sizer {
-  color: transparent;
-  user-select: none;
-  height: 0;
-}
-
-.reorderable-cell.dragged {
-  color: gray;
-}
-.reorderable-cell.highlight-left {
-  background: linear-gradient(90deg, rgba(60, 76, 92, 0.4), transparent 20%);
-}
-.reorderable-cell.highlight-right {
-  background: linear-gradient(270deg, rgba(60, 76, 92, 0.4), transparent 20%);
-}
-
-.history-item {
-  border-bottom: 1px solid hsl(213, 22%, 75%);
-  padding: 0.25em 0.5em;
-  max-height: 150px;
-  overflow-y: auto;
-  position: relative;
-}
-.history-item pre {
-  font-size: 10pt;
-  margin: 0;
-  overflow-x: auto;
-  overflow-y: hidden;
-  white-space: pre-wrap;
-  position: relative;
-  cursor: pointer;
-}
-.history-item pre:hover::after {
-  content: "Doubleclick to re-run";
-  font-size: 12px;
-  color: rgba(0, 0, 0, 0.2);
-  position: absolute;
-  top: 0;
-  margin: auto;
-  right: 0;
-}
-.history-item:hover {
-  background-color: hsl(213, 22%, 94%);
-}
-.history-item:hover .history-item-buttons {
-  visibility: visible;
-}
-
-.history-item-buttons {
-  position: sticky;
-  float: right;
-  top: 0;
-  visibility: hidden;
-}
-.history-item-buttons button {
-  margin: 0 0.5rem;
-}
-.history-item-buttons button i.material-icons,
-.history-item-buttons button i.material-icons-filled {
-  font-size: 18px;
-}
-
-.context-wrapper {
-  white-space: nowrap;
-}
-.context-wrapper i.material-icons {
-  margin-left: 0;
-}
-
-.pf-panel-container {
-  user-select: none;
-}
-.pf-panel-container .pf-panel-stack {
-  position: relative;
-}
-.pf-panel-container .pf-panel-stack .pf-overlay {
-  position: absolute;
-  inset: 0;
-  pointer-events: none;
-}
-.pf-panel-container .pf-panel-stack .pf-panel.pf-sticky {
-  position: sticky;
-  top: 0;
-  z-index: 1;
-}
-
-.viewer-page {
-  position: relative;
-  display: flex;
-  flex-direction: column;
-  overflow: hidden;
-}
-.viewer-page .pinned-panel-container {
-  max-height: 50%;
-  box-shadow: 1px 3px 15px rgba(23, 32, 44, 0.3);
-  z-index: 1;
-  flex-grow: 0;
-  flex-shrink: 0;
-  overflow-x: hidden;
-  overflow-y: auto;
-  scrollbar-gutter: stable;
-}
-.viewer-page .scrolling-panel-container {
-  overflow-x: hidden;
-  overflow-y: auto;
-  scrollbar-gutter: stable;
-  flex: 1 1 auto;
-  will-change: transform;
-}
-.viewer-page .details-panel-container {
-  box-shadow: rgba(0, 0, 0, 0.231372549) 0px 0px 3px 1px;
-  overflow: auto;
-}
-.viewer-page .pf-timeline-header {
-  display: flex;
-  flex-direction: row;
-  box-shadow: 1px 3px 15px rgba(23, 32, 44, 0.3);
-  z-index: 2;
-}
-.viewer-page .pf-timeline-header .header-panel-container {
-  flex-grow: 1;
-}
-.viewer-page .pf-timeline-header .scrollbar-spacer-vertical {
-  scrollbar-gutter: stable;
-  overflow-y: scroll;
-  visibility: hidden;
-}
-.viewer-page .pan-and-zoom-content {
-  flex: 1;
-  position: relative;
-  display: flex;
-  flex-flow: column nowrap;
-  overflow: hidden;
-}
-.viewer-page .overview-timeline {
-  height: 70px;
-}
-.viewer-page .time-axis-panel {
-  height: 22px;
-}
-.viewer-page .tickbar {
-  height: 5px;
-}
-.viewer-page .notes-panel {
-  height: 20px;
-}
-.viewer-page .notes-panel .pf-toolbar {
-  width: var(--track-shell-width);
-  padding-inline: 3px;
-}
-.viewer-page .notes-panel .pf-toolbar > .pf-text-input {
-  flex: auto;
-}
-.viewer-page .time-selection-panel {
-  height: 10px;
-}
-
-.track-content.pf-track-content-error {
-  background: repeating-linear-gradient(-45deg, #ddd, #ddd 1.4142135624px, white 1.4142135624px, white 2.8284271247px);
-}
-
-.track {
-  display: grid;
-  grid-template-columns: auto 1fr;
-  grid-template-rows: 1fr 0;
-  container-type: size;
-}
-.track::after {
-  display: block;
-  content: "";
-  grid-column: 1/span 2;
-  border-top: 1px solid var(--track-border-color);
-  margin-top: -1px;
-  z-index: 2;
-}
-.track .track-shell {
-  transition: opacity 0.1s ease, color 0.1s ease, background-color 0.1s ease, border-color 0.1s ease, width 0.1s ease, height 0.1s ease, max-width 0.1s ease, max-height 0.1s ease, margin 0.1s ease, transform 0.1s ease, box-shadow 0.1s ease, border-radius 0.1s ease;
-  cursor: grab;
-  width: var(--track-shell-width);
-  border-right: 1px solid #c7d0db;
-}
-.track .track-shell .track-menubar {
-  position: sticky;
-  top: 0;
-  display: grid;
-  padding-block: 6px;
-  padding-left: 10px;
-  padding-right: 2px;
-  grid-template-areas: "title buttons";
-  grid-template-columns: 1fr auto;
-}
-.track .track-shell .pf-visible-on-hover {
-  visibility: hidden;
-}
-.track .track-shell .pf-visible-on-hover.pf-active {
-  visibility: visible;
-}
-.track .track-shell:hover .pf-visible-on-hover {
-  visibility: visible;
-}
-.track .track-shell.drag {
-  background-color: #eee;
-  box-shadow: 0 4px 12px -4px #999 inset;
-}
-.track .track-shell.drop-before {
-  box-shadow: 0 4px 2px -1px hsl(213, 40%, 50%) inset;
-}
-.track .track-shell.drop-after {
-  box-shadow: 0 -4px 2px -1px hsl(213, 40%, 50%) inset;
-}
-.track .track-shell.selected {
-  background-color: #ebeef9;
-}
-.track .track-shell .chip {
-  background-color: #bed6ff;
-  border-radius: 2px;
-  font-size: smaller;
-  padding: 0 0.1rem;
-  margin-left: 1ch;
-  white-space: nowrap;
-}
-.track .track-shell h1 {
-  grid-area: title;
-  color: hsl(213, 22%, 30%);
-  font-size: 14px;
-  max-height: 30px;
-  overflow: hidden;
-  text-align: left;
-  overflow-wrap: break-word;
-  font-family: "Roboto Condensed", sans-serif;
-  font-weight: 300;
-  line-break: anywhere;
-}
-.track .track-shell .track-buttons {
-  grid-area: buttons;
-  display: flex;
-  height: 100%;
-  align-items: center;
-  font-size: 18px;
-}
-.track .track-shell.flash {
-  background-color: #ffe263;
-}
-
-.track-group-panel {
-  display: grid;
-  grid-template-columns: auto 1fr;
-  grid-template-rows: 1fr;
-  height: 40px;
-}
-.track-group-panel .shell {
-  border-right: 1px solid transparent;
-  padding-right: 2px;
-}
-.track-group-panel::after {
-  display: block;
-  content: "";
-  grid-column: 1/span 2;
-  border-top: 1px solid var(--track-border-color);
-  margin-top: -1px;
-}
-.track-group-panel[collapsed=true] {
-  background-color: var(--collapsed-background);
-}
-.track-group-panel[collapsed=true] .shell {
-  border-right: 1px solid #c7d0db;
-}
-.track-group-panel[collapsed=true] .track-button {
-  color: rgb(60, 86, 136);
-}
-.track-group-panel[collapsed=false] {
-  background-color: var(--expanded-background);
-  color: white;
-  font-weight: bold;
-}
-.track-group-panel[collapsed=false] .shell.flash {
-  color: #121212;
-}
-.track-group-panel[collapsed=false] .track-button {
-  color: white;
-}
-.track-group-panel[collapsed=false] span.chip {
-  color: #121212;
-}
-.track-group-panel .shell {
-  padding-left: 10px;
-  display: grid;
-  grid-template-areas: "fold-button title buttons";
-  grid-template-columns: 28px 1fr auto;
-  align-items: center;
-  line-height: 1;
-  width: var(--track-shell-width);
-  min-height: 40px;
-}
-.track-group-panel .shell .track-title {
-  user-select: text;
-}
-.track-group-panel .shell .track-subtitle {
-  font-size: 0.6rem;
-  font-weight: normal;
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  width: calc(var(--track-shell-width) - 56px);
-}
-.track-group-panel .shell .chip {
-  background-color: #bed6ff;
-  border-radius: 2px;
-  font-size: smaller;
-  padding: 0 0.1rem;
-  margin-left: 1ch;
-  white-space: nowrap;
-}
-.track-group-panel .shell .title-wrapper {
-  grid-area: title;
-  overflow: hidden;
-}
-.track-group-panel .shell h1 {
-  font-size: 14px;
-  max-height: 30px;
-  overflow: hidden;
-  text-align: left;
-  overflow-wrap: break-word;
-  font-family: "Roboto Condensed", sans-serif;
-  font-weight: 300;
-  line-break: anywhere;
-}
-.track-group-panel .shell .fold-button {
-  grid-area: fold-button;
-}
-.track-group-panel .shell .track-buttons {
-  grid-area: buttons;
-  display: flex;
-  height: 100%;
-  align-items: center;
-  font-size: 18px;
-}
-.track-group-panel .shell.pf-clickable {
-  cursor: pointer;
-}
-.track-group-panel .shell:hover .fold-button {
-  color: hsl(45, 100%, 48%);
-}
-.track-group-panel .shell.flash {
-  background-color: #ffe263;
-}
-.track-group-panel .shell.selected {
-  background-color: #ebeef9;
-}
-.track-group-panel .track-content {
-  display: grid;
-}
-.track-group-panel .track-content span {
-  font-size: 14px;
-  max-height: 30px;
-  overflow: hidden;
-  text-align: left;
-  overflow-wrap: break-word;
-  font-family: "Roboto Condensed", sans-serif;
-  font-weight: 300;
-  line-break: anywhere;
-  align-self: center;
-}
-
-.pf-track-details-dropdown {
-  max-width: 400px;
-}
-
-.pf-panel-group .track-shell .track-menubar {
-  top: 40px;
-}
-
-@container (height < 26px) {
-  .track .track-shell {
-    display: flex;
-    flex-direction: column;
-    align-items: stretch;
-    justify-content: center;
-  }
-  .track .track-shell .track-menubar {
-    padding-block: 0px;
-  }
-}
-.home-page {
-  display: grid;
-  align-items: stretch;
-  justify-items: center;
-  grid-template-columns: 1fr;
-  grid-template-rows: 1fr 60px;
-  grid-template-areas: "center" "footer";
-}
-.home-page .home-page-center {
-  grid-area: center;
-  display: flex;
-  flex-direction: column;
-  justify-content: space-around;
-  align-items: center;
-}
-.home-page .home-page-center .logo {
-  height: 1em;
-  margin-right: 1rem;
-}
-.home-page .home-page-center .home-page-title {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  justify-content: center;
-  font-size: 60px;
-  margin: 25px;
-  text-align: center;
-  font-family: "Roboto Condensed", sans-serif;
-  color: #333;
-}
-.home-page .home-page-center .channel-select {
-  font-family: "Roboto Condensed", sans-serif;
-  --chan-width: 100px;
-  --chan-num: 2;
-}
-.home-page .home-page-center .channel-select input[type=radio] {
-  width: 0;
-  height: 0;
-  margin: 0;
-  padding: 0;
-  -moz-appearance: none;
-  -webkit-appearance: none;
-}
-.home-page .home-page-center .channel-select input[type=radio]:nth-of-type(1):checked ~ .highlight {
-  margin-left: 0;
-}
-.home-page .home-page-center .channel-select input[type=radio]:nth-of-type(2):checked ~ .highlight {
-  margin-left: 100px;
-  background-color: hsl(54, 100%, 40%);
-}
-.home-page .home-page-center .channel-select input[type=radio]:nth-of-type(3):checked ~ .highlight {
-  margin-left: 200px;
-  background-color: hsl(24, 80%, 42%);
-}
-.home-page .home-page-center .channel-select fieldset {
-  text-align: center;
-  margin: 1rem auto;
-  padding: 0;
-  position: relative;
-  background-color: hsl(218, 8%, 30%);
-  border-radius: 2px;
-  box-shadow: inset 0 2px 8px rgba(0, 0, 0, 0.4);
-  border: 0;
-  width: calc(var(--chan-width) * var(--chan-num));
-  height: 40px;
-  line-height: 40px;
-  z-index: 0;
-}
-.home-page .home-page-center .channel-select label {
-  display: inline-block;
-  cursor: pointer;
-  position: relative;
-  width: var(--chan-width);
-  height: 100%;
-  color: white;
-  z-index: 2;
-  text-transform: uppercase;
-  font-size: 16px;
-  font-family: "Roboto Condensed", sans-serif;
-}
-.home-page .home-page-center .channel-select .highlight {
-  width: var(--chan-width);
-  height: 100%;
-  position: absolute;
-  background: hsla(122, 45%, 45%, 0.99);
-  background-image: linear-gradient(rgba(255, 255, 255, 0.2), transparent);
-  top: 0;
-  left: 0;
-  z-index: 1;
-  border-radius: inherit;
-  transition: opacity 0.2s ease, color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease, width 0.2s ease, height 0.2s ease, max-width 0.2s ease, max-height 0.2s ease, margin 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease, border-radius 0.2s ease;
-}
-.home-page .home-page-center .channel-select .home-page-reload {
-  font-size: 12px;
-  opacity: 0;
-  color: #da4534;
-  font-weight: 400;
-  transition: opacity 0.2s ease, color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease, width 0.2s ease, height 0.2s ease, max-width 0.2s ease, max-height 0.2s ease, margin 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease, border-radius 0.2s ease;
-}
-.home-page .home-page-center .channel-select .home-page-reload.show {
-  opacity: 1;
-}
-.home-page .home-page-center .home-page-hints {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  font-family: "Roboto Condensed", sans-serif;
-}
-.home-page .home-page-center .home-page-hints .pf-hotkey {
-  display: inline-flex;
-  vertical-align: middle;
-}
-.home-page .home-page-center .home-page-hints ul {
-  margin: 0;
-  padding: 0;
-}
-.home-page .home-page-center .home-page-hints ul li {
-  padding-top: 0.5rem;
-}
-.home-page .home-page-center .home-page-hints .tagline {
-  font-style: italic;
-  color: red;
-}
-.home-page .home-page-center .home-page-hints img {
-  display: block;
-  object-fit: contain;
-  max-width: 30vw;
-}
-.home-page .privacy {
-  grid-area: footer;
-  align-self: center;
-  text-decoration: none;
-  font-family: "Roboto Condensed", sans-serif;
-  color: #333;
-}
-
-.query-page {
-  overflow-y: auto;
-  overflow-x: hidden;
-}
-.query-page .pf-editor {
-  width: 100%;
-  height: 0;
-  min-height: 3rem;
-  overflow-y: auto;
-  resize: vertical;
-}
-
-.metrics-page-picker {
-  display: flex;
-}
-
-.metrics-page-picker > * {
-  margin-right: 1rem;
-}
-
-.metrics-page {
-  padding: 30px;
-  font-family: "Roboto", sans-serif;
-  overflow-y: scroll;
-  overflow-x: hidden;
-}
-.metrics-page > * {
-  margin-bottom: 1rem;
-}
-.metrics-page pre {
-  background-color: #eee;
-  padding: 20px;
-  font-family: "Roboto Mono";
-  line-height: 1.5em;
-  border-radius: 2px;
-  overflow-x: auto;
-}
-.metrics-page pre.metric-error {
-  color: #ef6c00;
-}
-
-.sidebar {
-  --sidebar-padding-bottom: 40px;
-  --sidebar-timing: 0.15s;
-  grid-area: sidebar;
-  z-index: 4;
-  background-color: #262f3c;
-  overflow: hidden;
-  width: var(--sidebar-width);
-  display: flex;
-  position: relative;
-  flex-direction: column;
-  transition: margin-left var(--anim-easing) var(--sidebar-timing), visibility linear var(--sidebar-timing);
-}
-.sidebar > * {
-  border-bottom: 1px solid #404854;
-}
-.sidebar input[type=file] {
-  display: none;
-}
-.sidebar > header {
-  font-family: "Roboto Condensed", sans-serif;
-  font-weight: 700;
-  font-size: 24px;
-  height: var(--topbar-height);
-  line-height: var(--topbar-height);
-  vertical-align: middle;
-  padding: 0 12px;
-  color: #fff;
-  overflow: visible;
-}
-.sidebar > header .brand {
-  height: 36px;
-  margin-top: 4px;
-}
-.sidebar > header::before {
-  z-index: 10;
-}
-.sidebar > header.canary::before, .sidebar > header.autopush::before {
-  display: block;
-  position: absolute;
-  font-size: 10px;
-  line-height: 5px;
-  font-family: "Roboto", sans-serif;
-  top: 7px;
-  right: 48px;
-}
-.sidebar > header.canary::before {
-  content: "CANARY";
-  color: #ffd700;
-}
-.sidebar > header.autopush::before {
-  content: "AUTOPUSH";
-  color: #aed581;
-}
-.sidebar .sidebar-button {
-  position: fixed;
-  z-index: 5;
-  background-color: #262f3c;
-  height: var(--topbar-height);
-  left: calc(var(--sidebar-width) - 50px);
-  border-radius: 0 5px 5px 0;
-  border-bottom: inherit;
-  visibility: visible;
-  transition: left var(--anim-easing) var(--sidebar-timing);
-  width: 48px;
-  overflow: hidden;
-}
-.sidebar .sidebar-button > button {
-  vertical-align: middle;
-}
-.sidebar.hide-sidebar {
-  visibility: hidden;
-  margin-left: calc(var(--sidebar-width) * -1);
-}
-.sidebar.hide-sidebar .sidebar-button {
-  left: 0;
-  background-color: transparent;
-  border-radius: unset;
-  border-bottom: none;
-  color: #aaaaaa;
-}
-.sidebar .sidebar-scroll {
-  overflow-y: auto;
-  flex: 1;
-}
-.sidebar .sidebar-scroll::-webkit-scrollbar {
-  width: 0.5em;
-}
-.sidebar .sidebar-scroll::-webkit-scrollbar-track {
-  background-color: #19212b;
-  border-radius: 2px;
-}
-.sidebar .sidebar-scroll::-webkit-scrollbar-thumb {
-  background: rgba(180, 183, 186, 0.431372549);
-  border-radius: 2px;
-}
-.sidebar .sidebar-scroll > .sidebar-scroll-container {
-  position: relative;
-  min-height: 100%;
-  padding-bottom: var(--sidebar-padding-bottom);
-}
-.sidebar .sidebar-scroll > .sidebar-scroll-container > section {
-  transition: opacity 0.1s ease, color 0.1s ease, background-color 0.1s ease, border-color 0.1s ease, width 0.1s ease, height 0.1s ease, max-width 0.1s ease, max-height 0.1s ease, margin 0.1s ease, transform 0.1s ease, box-shadow 0.1s ease, border-radius 0.1s ease;
-  padding: 20px 0;
-  max-height: 80px;
-}
-.sidebar .sidebar-scroll > .sidebar-scroll-container > section .section-header {
-  cursor: pointer;
-}
-.sidebar .sidebar-scroll > .sidebar-scroll-container > section .section-header > h1,
-.sidebar .sidebar-scroll > .sidebar-scroll-container > section .section-header > h2 {
-  letter-spacing: 0.25px;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  margin: 0 12px;
-}
-.sidebar .sidebar-scroll > .sidebar-scroll-container > section .section-header > h1 {
-  color: #fff;
-  font-size: 15px;
-}
-.sidebar .sidebar-scroll > .sidebar-scroll-container > section .section-header > h2 {
-  transition: opacity 0.1s ease, color 0.1s ease, background-color 0.1s ease, border-color 0.1s ease, width 0.1s ease, height 0.1s ease, max-width 0.1s ease, max-height 0.1s ease, margin 0.1s ease, transform 0.1s ease, box-shadow 0.1s ease, border-radius 0.1s ease;
-  color: rgba(255, 255, 255, 0.5);
-  font-size: 12px;
-  margin-top: 8px;
-  font-weight: 400;
-}
-.sidebar .sidebar-scroll > .sidebar-scroll-container > section .section-header:before {
-  font-family: "Material Symbols Sharp";
-  font-weight: normal;
-  font-style: normal;
-  font-size: 24px;
-  line-height: 1;
-  letter-spacing: normal;
-  text-transform: none;
-  vertical-align: middle;
-  display: inline-block;
-  white-space: nowrap;
-  word-wrap: normal;
-  direction: ltr;
-  -webkit-font-feature-settings: "liga";
-  -webkit-font-smoothing: antialiased;
-  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;
-  content: "expand_more";
-  float: right;
-  color: rgba(255, 255, 255, 0.3);
-  margin-right: 12px;
-  margin-top: -4px;
-}
-.sidebar .sidebar-scroll > .sidebar-scroll-container > section:hover {
-  background-color: #373f4b;
-}
-.sidebar .sidebar-scroll > .sidebar-scroll-container > section.expanded {
-  background-color: #19212b;
-  max-height: unset;
-}
-.sidebar .sidebar-scroll > .sidebar-scroll-container > section.expanded .section-header h2 {
-  opacity: 0;
-}
-.sidebar .sidebar-scroll > .sidebar-scroll-container > section.expanded .section-header:before {
-  content: "expand_less";
-}
-.sidebar .sidebar-scroll > .sidebar-scroll-container > section.expanded .section-content {
-  pointer-events: inherit;
-  opacity: 1;
-}
-.sidebar .sidebar-scroll > .sidebar-scroll-container .section-content {
-  pointer-events: none;
-  transition: opacity 0.1s ease, color 0.1s ease, background-color 0.1s ease, border-color 0.1s ease, width 0.1s ease, height 0.1s ease, max-width 0.1s ease, max-height 0.1s ease, margin 0.1s ease, transform 0.1s ease, box-shadow 0.1s ease, border-radius 0.1s ease;
-  opacity: 0;
-  color: #b4b7ba;
-}
-.sidebar .sidebar-scroll > .sidebar-scroll-container .section-content a {
-  color: #b4b7ba;
-}
-.sidebar .sidebar-scroll > .sidebar-scroll-container .section-content ul {
-  list-style-type: none;
-  margin: 0;
-  padding: 0;
-}
-.sidebar .sidebar-scroll > .sidebar-scroll-container .section-content li {
-  transition: opacity 0.1s ease, color 0.1s ease, background-color 0.1s ease, border-color 0.1s ease, width 0.1s ease, height 0.1s ease, max-width 0.1s ease, max-height 0.1s ease, margin 0.1s ease, transform 0.1s ease, box-shadow 0.1s ease, border-radius 0.1s ease;
-}
-.sidebar .sidebar-scroll > .sidebar-scroll-container .section-content li a {
-  line-height: 24px;
-  font-size: 14px;
-  padding: 4px 12px;
-  text-decoration: none;
-  display: block;
-}
-.sidebar .sidebar-scroll > .sidebar-scroll-container .section-content li a.pending {
-  color: rgba(255, 255, 255, 0.3);
-}
-.sidebar .sidebar-scroll > .sidebar-scroll-container .section-content li a.pending::after {
-  content: " ";
-  display: inline-block;
-  vertical-align: middle;
-  box-sizing: border-box;
-  width: 18px;
-  height: 18px;
-  margin-left: 10px;
-  border-radius: 50%;
-  border: 2px solid #b4b7ba;
-  border-color: #b4b7ba transparent;
-  animation: pending-spinner 1.25s linear infinite;
-}
-@keyframes pending-spinner {
-  0% {
-    transform: rotate(0deg);
-  }
-  100% {
-    transform: rotate(360deg);
-  }
-}
-.sidebar .sidebar-scroll > .sidebar-scroll-container .section-content li a[disabled] {
-  text-decoration: line-through;
-}
-.sidebar .sidebar-scroll > .sidebar-scroll-container .section-content li .material-icons {
-  margin-right: 10px;
-  font-size: 20px;
-}
-.sidebar .sidebar-scroll > .sidebar-scroll-container .section-content li:hover {
-  background-color: #373f4b;
-}
-.sidebar .sidebar-scroll > .sidebar-scroll-container .section-content li .trace-file-name {
-  white-space: break-spaces;
-  font-family: "Roboto Condensed", sans-serif;
-  word-break: break-all;
-  font-weight: 300;
-  letter-spacing: 0;
-  margin-top: -10px;
-  color: #fff;
-}
-.sidebar .sidebar-footer {
-  position: absolute;
-  bottom: 0;
-  width: 100%;
-  padding: 2px 10px;
-  display: grid;
-  height: -var(--sidebar-padding-bottom);
-  grid-template-columns: repeat(4, min-content);
-  grid-gap: 10px;
-}
-.sidebar .sidebar-footer > button {
-  color: hsl(217, 39%, 94%);
-}
-.sidebar .sidebar-footer > button i {
-  font-size: 24px;
-}
-.sidebar .sidebar-footer > button:hover {
-  color: hsl(45, 100%, 48%);
-}
-.sidebar .sidebar-footer > .dbg-info-square {
-  font-family: "Roboto Condensed", sans-serif;
-  width: 24px;
-  height: 24px;
-  line-height: 24px;
-  display: flex;
-  justify-content: center;
-  flex-direction: column;
-  align-items: center;
-  margin: 1px 0;
-  background: #12161b;
-  color: #4e71b3;
-  border-radius: 2px;
-  font-size: 12px;
-  text-align: center;
-}
-.sidebar .sidebar-footer > .dbg-info-square.green {
-  background: #7aca75;
-  color: #12161b;
-}
-.sidebar .sidebar-footer > .dbg-info-square.amber {
-  background: #ffc107;
-  color: #333;
-}
-.sidebar .sidebar-footer > .dbg-info-square.red {
-  background: #d32f2f;
-  color: #fff;
-}
-.sidebar .sidebar-footer > .dbg-info-square > div {
-  font-size: 10px;
-  line-height: 11px;
-}
-.sidebar .sidebar-footer .version {
-  position: absolute;
-  right: 8px;
-  bottom: 3px;
-  font-size: 12px;
-  font-family: "Roboto Condensed", sans-serif;
-  margin-top: 11px;
-}
-.sidebar .sidebar-footer .version a {
-  color: rgba(255, 255, 255, 0.5);
-  text-decoration: none;
-}
-
-body.testing .sidebar-footer {
-  visibility: hidden;
-}
-
-.keycap {
-  background-color: #fafbfc;
-  border: 1px solid #d1d5da;
-  border-bottom-color: #c6cbd1;
-  border-radius: 3px;
-  box-shadow: inset 0 -1px 0 #c6cbd1;
-  color: #444d56;
-  display: inline-block;
-  font-family: var(--monospace-font);
-  vertical-align: middle;
-  line-height: 20px;
-  padding: 3px 7px;
-}
-
-.topbar {
-  grid-area: topbar;
-  position: relative;
-  z-index: 3;
-  overflow: visible;
-  background-color: hsl(215, 1%, 95%);
-  box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.1490196078);
-  min-height: var(--topbar-height);
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-.topbar .omnibox {
-  width: 90%;
-  max-width: 600px;
-  transition: opacity 0.25s ease, color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease, width 0.25s ease, height 0.25s ease, max-width 0.25s ease, max-height 0.25s ease, margin 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease, border-radius 0.25s ease;
-  display: grid;
-  grid-template-areas: "icon input stepthrough";
-  grid-template-columns: 34px auto max-content;
-  border-radius: 2px;
-  background-color: white;
-  border: solid 1px transparent;
-  line-height: 34px;
-}
-.topbar .omnibox:focus-within {
-  border-color: #aaa;
-  box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.2);
-}
-.topbar .omnibox:before {
-  font-family: "Material Symbols Sharp";
-  font-weight: normal;
-  font-style: normal;
-  font-size: 24px;
-  line-height: 1;
-  letter-spacing: normal;
-  text-transform: none;
-  vertical-align: middle;
-  display: inline-block;
-  white-space: nowrap;
-  word-wrap: normal;
-  direction: ltr;
-  -webkit-font-feature-settings: "liga";
-  -webkit-font-smoothing: antialiased;
-  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;
-  content: "search";
-  margin: 5px;
-  color: #aaa;
-  grid-area: icon;
-}
-.topbar .omnibox input {
-  grid-area: input;
-  border: 0;
-  padding: 0 10px;
-  font-size: 18px;
-  font-family: "Roboto Condensed", sans-serif;
-  font-weight: 300;
-  color: #666;
-  background-color: transparent;
-}
-.topbar .omnibox input:focus {
-  outline: none;
-}
-.topbar .omnibox input::placeholder {
-  color: #b4b7ba;
-  font-family: "Roboto Condensed", sans-serif;
-  font-weight: 400;
-}
-.topbar .omnibox.query-mode {
-  background-color: #111;
-  border-radius: 0;
-  width: 100%;
-  max-width: 100%;
-  margin-top: 0;
-  border-left: 1px solid #404854;
-  height: var(--topbar-height);
-}
-.topbar .omnibox.query-mode input {
-  color: #9ddc67;
-  font-family: var(--monospace-font);
-  padding-left: 0;
-}
-.topbar .omnibox.query-mode:before {
-  content: "attach_money";
-  color: #9ddc67;
-  font-size: 26px;
-  padding-top: 5px;
-}
-.topbar .omnibox.command-mode:before {
-  font-family: "Material Symbols Sharp";
-  font-weight: normal;
-  font-style: normal;
-  font-size: 24px;
-  line-height: 1;
-  letter-spacing: normal;
-  text-transform: none;
-  vertical-align: middle;
-  display: inline-block;
-  white-space: nowrap;
-  word-wrap: normal;
-  direction: ltr;
-  -webkit-font-feature-settings: "liga";
-  -webkit-font-smoothing: antialiased;
-  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;
-  content: "chevron_right";
-  margin: 5px;
-  color: #aaa;
-  grid-area: icon;
-}
-.topbar .omnibox.prompt-mode:before {
-  font-family: "Material Symbols Sharp";
-  font-weight: normal;
-  font-style: normal;
-  font-size: 24px;
-  line-height: 1;
-  letter-spacing: normal;
-  text-transform: none;
-  vertical-align: middle;
-  display: inline-block;
-  white-space: nowrap;
-  word-wrap: normal;
-  direction: ltr;
-  -webkit-font-feature-settings: "liga";
-  -webkit-font-smoothing: antialiased;
-  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;
-  content: "question_mark";
-  margin: 5px;
-  color: #aaa;
-  grid-area: icon;
-}
-.topbar .omnibox.message-mode {
-  background-color: hsl(0, 0%, 89%);
-  border-radius: 2px;
-}
-.topbar .omnibox.message-mode input::placeholder {
-  font-weight: 400;
-  font-family: var(--monospace-font);
-  color: hsl(213, 40%, 50%);
-}
-.topbar .omnibox.message-mode:before {
-  content: "info";
-}
-.topbar .omnibox .stepthrough {
-  grid-area: stepthrough;
-  display: flex;
-  font: inherit;
-  font-size: 14px;
-  font-family: "Roboto Condensed", sans-serif;
-  font-weight: 300;
-  color: #aaa;
-}
-.topbar .omnibox .stepthrough .current {
-  padding-right: 10px;
-}
-.topbar .omnibox .stepthrough .material-icons.left {
-  border-right: rgb(218, 217, 217) solid 1px;
-}
-.topbar .progress {
-  position: absolute;
-  bottom: 0;
-  height: 1px;
-  width: 100%;
-}
-.topbar .progress-anim:before {
-  content: "";
-  position: absolute;
-  background-color: hsl(219, 50%, 50%);
-  top: 0;
-  left: 0;
-  bottom: 0;
-  will-change: left, right;
-  animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
-}
-.topbar .progress-anim:after {
-  content: "";
-  position: absolute;
-  background-color: hsl(219, 50%, 50%);
-  top: 0;
-  left: 0;
-  bottom: 0;
-  will-change: left, right;
-  animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
-  animation-delay: 1.15s;
-}
-@keyframes indeterminate {
-  0% {
-    left: -35%;
-    right: 100%;
-  }
-  60% {
-    left: 100%;
-    right: -90%;
-  }
-  100% {
-    left: 100%;
-    right: -90%;
-  }
-}
-@keyframes indeterminate-short {
-  0% {
-    left: -35%;
-    right: 100%;
-  }
-  60% {
-    left: 100%;
-    right: -90%;
-  }
-  100% {
-    left: 100%;
-    right: -90%;
-  }
-}
-.topbar .notification-btn {
-  transition: opacity 0.25s ease, color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease, width 0.25s ease, height 0.25s ease, max-width 0.25s ease, max-height 0.25s ease, margin 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease, border-radius 0.25s ease;
-  font-size: 16px;
-  padding: 8px 10px;
-  margin: 0 10px;
-  border-radius: 2px;
-  background: hsl(210, 10%, 73%);
-}
-.topbar .notification-btn:hover {
-  background: hsl(210, 10%, 83%);
-}
-.topbar .notification-btn.preferred {
-  background: hsl(210, 98%, 53%);
-  color: #fff;
-}
-.topbar .notification-btn.preferred:hover {
-  background: hsl(210, 98%, 63%);
-}
-
-.error-box {
-  position: absolute;
-  right: 10px;
-  display: flex;
-  align-items: center;
-}
-.error-box .error {
-  color: #ef6c00;
-}
-.error-box .error:hover {
-  cursor: pointer;
-}
-.error-box .popup-trigger {
-  width: 0px;
-  height: 0px;
-}
-
-.error-popup {
-  width: 100px;
-  font-size: 14px;
-  font-family: "Roboto Condensed", sans-serif;
-}
-
-.helpful-hint {
-  position: absolute;
-  z-index: 10;
-  right: 5px;
-  top: 5px;
-  width: 300px;
-  background-color: white;
-  font-size: 12px;
-  color: #3f4040;
-  display: grid;
-  border-radius: 5px;
-  padding: 8px;
-  box-shadow: 1px 3px 15px rgba(23, 32, 44, 0.3);
-}
-
-.hint-text {
-  padding-bottom: 5px;
-}
-
-.hint-dismiss-button {
-  color: #f4fafb;
-  background-color: #19212b;
-  width: fit-content;
-  padding: 3px;
-  border-radius: 3px;
-}
-
-.hide-sidebar .query-mode {
-  padding-left: 48px;
-}
-
-.pf-omnibox-dropdown {
-  font-family: "Roboto Condensed", sans-serif;
-}
-.pf-omnibox-dropdown .pf-keycap {
-  font-size: smaller;
-}
-.pf-omnibox-dropdown ul {
-  padding: 0;
-  margin: 0;
-}
-.pf-omnibox-dropdown .pf-omnibox-options-container {
-  max-height: 450px;
-  overflow-y: auto;
-}
-.pf-omnibox-dropdown .pf-omnibox-options-container .pf-omnibox-section-header {
-  font-size: smaller;
-  margin: 4px 0;
-  border-bottom: solid 1px #aaa;
-}
-.pf-omnibox-dropdown .pf-omnibox-options-container li {
-  list-style-type: none;
-  display: flex;
-  gap: 4px;
-  user-select: none;
-  font-family: "Roboto Condensed", sans-serif;
-  cursor: pointer;
-  padding: 4px 8px;
-  border-radius: 2px;
-  align-items: center;
-  font-weight: lighter;
-  line-height: 1.2;
-}
-.pf-omnibox-dropdown .pf-omnibox-options-container li .pf-title {
-  flex-grow: 1;
-}
-.pf-omnibox-dropdown .pf-omnibox-options-container li .pf-tag {
-  border-radius: 10px;
-  background: rgba(0, 0, 0, 0.0666666667);
-  padding: 0 6px;
-  font-size: smaller;
-}
-.pf-omnibox-dropdown .pf-omnibox-options-container li:hover {
-  background-color: rgba(0, 0, 0, 0.0666666667);
-}
-.pf-omnibox-dropdown .pf-omnibox-options-container li.pf-highlighted {
-  background-color: #3d5688;
-  color: white;
-}
-.pf-omnibox-dropdown .pf-omnibox-dropdown-footer {
-  display: flex;
-  justify-content: center;
-  padding: 8px 0 6px 0;
-  gap: 12px;
-  border-top: solid 1px #aaa;
-}
-.pf-omnibox-dropdown .pf-omnibox-dropdown-footer section {
-  display: flex;
-  justify-content: center;
-  gap: 4px;
-}
-.pf-omnibox-dropdown .pf-omnibox-dropdown-footer section .pf-keycap {
-  margin: 0 2px;
-}
-
-:root {
-  --record-text-color: #333;
-}
-
-.record-page {
-  position: relative;
-  overflow-y: scroll;
-  background-color: #fefefe;
-  padding: 40px 20px;
-}
-
-.record-container {
-  position: relative;
-  max-width: 900px;
-  min-height: 500px;
-  margin: auto;
-  border-radius: 2px;
-  box-shadow: 0 1px 2px 0 #aaa, 0 1px 3px 1px #eee;
-  background-color: #fff;
-  display: grid;
-  grid-template-rows: auto 1fr;
-  grid-template-areas: "header" "content";
-  overflow: hidden;
-  z-index: 6;
-}
-.record-container .record-container-content {
-  display: grid;
-  grid-template-columns: 2fr 5fr;
-  grid-template-areas: "sidebar section";
-}
-.record-container .full-centered {
-  width: 100%;
-  height: 100%;
-  text-align: center;
-  padding: 180px 30px;
-  font-family: "Roboto", sans-serif;
-  font-size: 25px;
-}
-
-.record-modal {
-  display: flex;
-  flex-direction: column;
-}
-.record-modal .line {
-  padding: 10px 10px 10px 10px;
-  border-bottom: 1px solid #808080;
-}
-.record-modal .record-modal-section {
-  display: flex;
-  flex-direction: row;
-}
-.record-modal .record-modal-section .logo-wrapping {
-  width: 150px;
-  height: 150px;
-  display: inline-block;
-  margin: 50px 30px 0px 0px;
-  align-self: center;
-}
-.record-modal .record-modal-section .logo-wrapping i.material-icons {
-  color: #16161d;
-  font-size: 150px;
-}
-.record-modal .record-modal-section select {
-  min-width: 300px;
-  min-height: 80px;
-}
-.record-modal .record-modal-section .record-modal-description {
-  display: flex;
-  flex-direction: column;
-  align-items: left;
-}
-.record-modal .record-modal-section .record-modal-description .record-modal-command {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  padding: 10px 0px 10px 0px;
-  color: #fff;
-}
-.record-modal .record-modal-section .record-modal-description .record-modal-command .code-snippet {
-  width: 100%;
-}
-.record-modal .record-modal-section .record-modal-description h3 {
-  padding-top: 15px;
-  align-self: start;
-  font-size: 1.2rem;
-  color: #0000ff;
-}
-.record-modal .record-modal-section .record-modal-description h4 {
-  align-self: start;
-  font-size: 1.1rem;
-}
-.record-modal .record-modal-section .record-modal-description text {
-  padding: 10px 0px 10px 0px;
-  color: #000000;
-}
-.record-modal .record-modal-section .record-modal-description input[type=text] {
-  flex-grow: 1;
-  border-radius: 2px;
-  border: 1px solid #dcdcdc;
-  padding: 3px;
-  margin: 0 10px;
-  min-width: 170px;
-}
-.record-modal .record-modal-section .record-modal-description input[type=text]:focus {
-  outline: none;
-  box-shadow: 1px 1px 1px rgba(23, 32, 44, 0.3);
-}
-.record-modal .record-modal-button,
-.record-modal .record-modal-button-high,
-.record-modal .record-modal-logo-button {
-  font-size: 0.875rem;
-  padding-left: 1rem;
-  padding-right: 1rem;
-  padding-top: 0.5rem;
-  padding-bottom: 0.5rem;
-  background-color: #0000ff;
-  color: #fff;
-  cursor: pointer;
-  -webkit-appearance: button;
-  text-transform: none;
-  overflow: visible;
-  line-height: 1.15;
-  margin: 5px;
-  will-change: transform;
-  -moz-osx-font-smoothing: grayscale;
-  -webkit-backface-visibility: hidden;
-  backface-visibility: hidden;
-  transform: translateZ(0);
-  transition: transform 0.25s ease-out;
-  align-self: end;
-  text-align: center;
-}
-.record-modal .record-modal-button,
-.record-modal .record-modal-button-high {
-  border-radius: 2px;
-  border-style: none;
-  border-width: 0;
-}
-.record-modal .record-modal-button-high:disabled {
-  background-color: #808080;
-}
-.record-modal .record-modal-button-high {
-  height: 100%;
-  align-self: center;
-  display: flex;
-  align-items: center;
-}
-.record-modal .record-modal-logo-button {
-  border-radius: 50%;
-  width: 35px;
-  height: 35px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-
-.hider {
-  transition: opacity 0.2s ease, color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease, width 0.2s ease, height 0.2s ease, max-width 0.2s ease, max-height 0.2s ease, margin 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease, border-radius 0.2s ease;
-  position: fixed;
-  left: 0;
-  top: 0;
-  bottom: 0;
-  right: 0;
-  background: #000;
-  opacity: 0.2;
-  z-index: 5;
-}
-
-.record-header {
-  grid-area: header;
-  padding: 10px;
-  display: flex;
-  flex-direction: column;
-  border-bottom: 1px solid #eee;
-}
-.record-header .top-part {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-}
-.record-header .top-part .button {
-  display: flex;
-  justify-content: flex-end;
-  align-items: center;
-  width: auto;
-  height: 50px;
-  margin: 0;
-}
-.record-header .top-part .button > * {
-  transition: opacity 0.2s ease, color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease, width 0.2s ease, height 0.2s ease, max-width 0.2s ease, max-height 0.2s ease, margin 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease, border-radius 0.2s ease;
-  cursor: pointer;
-  border-radius: 10px;
-  margin: 10px;
-  text-align: center;
-  background-color: #eee;
-  font-family: "Roboto", sans-serif;
-  font-size: 17px;
-  padding: 7px;
-}
-@media (max-width: 1280px) {
-  .record-header .top-part .button > * {
-    font-size: 1.6vw;
-  }
-}
-.record-header .top-part .button > *:hover {
-  background-color: hsl(88, 50%, 84%);
-  box-shadow: 0 0 4px 0 #999;
-}
-.record-header .top-part .button > *.selected {
-  background-color: hsl(88, 50%, 67%);
-  box-shadow: 0 0 4px 0 #999;
-}
-.record-header .top-part .button > *.disabled {
-  background-color: hsl(0, 0%, 97%);
-}
-.record-header .top-part .target-and-status {
-  display: flex;
-  flex-direction: column;
-  justify-content: space-evenly;
-}
-.record-header .top-part .target-and-status .target {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-}
-.record-header .top-part .target-and-status label,
-.record-header .top-part .target-and-status select,
-.record-header .top-part .target-and-status button {
-  font-weight: 300;
-  margin: 3px;
-  color: #333;
-  font-size: 17px;
-  font-family: "Roboto", sans-serif;
-  align-items: center;
-}
-.record-header .top-part .target-and-status label.error-label,
-.record-header .top-part .target-and-status select.error-label,
-.record-header .top-part .target-and-status button.error-label {
-  max-width: 500px;
-  color: rgb(255, 0, 0);
-  font-size: 15px;
-}
-.record-header .top-part .target-and-status .chip {
-  transition: opacity 0.1s ease, color 0.1s ease, background-color 0.1s ease, border-color 0.1s ease, width 0.1s ease, height 0.1s ease, max-width 0.1s ease, max-height 0.1s ease, margin 0.1s ease, transform 0.1s ease, box-shadow 0.1s ease, border-radius 0.1s ease;
-  display: flex;
-  align-items: center;
-  border: 1px solid #eee;
-  outline: none;
-  margin: 4px;
-  border-radius: 20px;
-  padding: 4px;
-  height: 30px;
-}
-.record-header .top-part .target-and-status .chip:hover, .record-header .top-part .target-and-status .chip:active {
-  box-shadow: 0 0 4px 0 #ccc;
-  background-color: #fafafa;
-}
-.record-header .top-part .target-and-status .chip i {
-  margin: 3px;
-  align-items: center;
-}
-.record-header .note {
-  border-radius: 3px;
-  margin-bottom: 5px;
-  background: #f9eeba;
-  padding: 10px;
-  font-family: "Roboto", sans-serif;
-  font-size: 14px;
-  line-height: 20px;
-}
-.record-header select {
-  transition: opacity 0.1s ease, color 0.1s ease, background-color 0.1s ease, border-color 0.1s ease, width 0.1s ease, height 0.1s ease, max-width 0.1s ease, max-height 0.1s ease, margin 0.1s ease, transform 0.1s ease, box-shadow 0.1s ease, border-radius 0.1s ease;
-  margin-left: 10px;
-  border-radius: 0;
-  border: 1px solid #eee;
-  outline: none;
-}
-.record-header select:hover, .record-header select:active {
-  box-shadow: 0 0 6px #ccc;
-}
-
-.record-menu {
-  grid-area: sidebar;
-  background-color: #fcfcfc;
-  border-right: 1px solid #eee;
-  padding-bottom: 1em;
-}
-.record-menu .rec {
-  color: #ee3326;
-}
-.record-menu header {
-  font-family: "Roboto", sans-serif;
-  font-size: 14px;
-  font-weight: 700;
-  margin: 1em;
-}
-.record-menu ul {
-  list-style-type: none;
-  margin: 0;
-  padding: 0;
-}
-.record-menu a,
-.record-menu a:link,
-.record-menu a:visited {
-  text-decoration: none;
-}
-.record-menu li {
-  transition: opacity 0.1s ease, color 0.1s ease, background-color 0.1s ease, border-color 0.1s ease, width 0.1s ease, height 0.1s ease, max-width 0.1s ease, max-height 0.1s ease, margin 0.1s ease, transform 0.1s ease, box-shadow 0.1s ease, border-radius 0.1s ease;
-  height: 55px;
-  padding: 0 1em;
-  font-size: 15px;
-  letter-spacing: 0.5px;
-  font-family: "Roboto", sans-serif;
-  font-weight: 600;
-  color: #666;
-  display: grid;
-  grid-template-columns: 50px 1fr;
-  grid-template-rows: 40px 1fr;
-  grid-template-areas: "icon title" "icon subtext";
-  cursor: pointer;
-  overflow: hidden;
-}
-.record-menu li i {
-  margin: auto;
-  font-size: 32px;
-  width: 38px;
-  height: 38px;
-  padding: 3px;
-  grid-area: icon;
-}
-.record-menu li .title {
-  transition: line-height 0.25s ease;
-  grid-area: title;
-  line-height: 55px;
-  display: block;
-}
-.record-menu li .sub {
-  transition: opacity 0.5s ease, color 0.5s ease, background-color 0.5s ease, border-color 0.5s ease, width 0.5s ease, height 0.5s ease, max-width 0.5s ease, max-height 0.5s ease, margin 0.5s ease, transform 0.5s ease, box-shadow 0.5s ease, border-radius 0.5s ease;
-  grid-area: subtext;
-  font-size: 10px;
-  line-height: 12.5px;
-  margin-top: -5px;
-  opacity: 0;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-.record-menu li:hover {
-  background-color: hsl(214, 0%, 90%);
-}
-.record-menu li:hover .title {
-  line-height: 50px;
-}
-.record-menu li:hover .sub {
-  opacity: 1;
-  transition-duration: 0.25s;
-  transition-delay: 0s;
-}
-.record-menu li.active {
-  background-color: hsl(214, 80%, 70%);
-}
-.record-menu li.active .title,
-.record-menu li.active .sub {
-  color: white;
-}
-.record-menu.disabled {
-  opacity: 0.5;
-  pointer-events: none;
-}
-
-.record-section {
-  grid-area: section;
-  background: #fff;
-  transition: opacity 0.25s ease;
-  opacity: 0;
-  display: none;
-  --record-section-padding: 20px;
-}
-.record-section:not(.active) {
-  max-height: 0;
-}
-.record-section.active {
-  display: block;
-  opacity: 1;
-}
-.record-section .config {
-  height: auto;
-  width: 100%;
-  padding: 0;
-  display: flex;
-  align-items: center;
-}
-.record-section .config:nth-of-type(2n) {
-  background-color: #e7e7e7;
-}
-.record-section .parsing-errors {
-  padding: 1em;
-  border: 1px solid #dc143c;
-  color: #dc143c;
-}
-.record-section .title-config {
-  display: inline-block;
-  margin: var(--record-section-padding);
-  flex-grow: 1;
-  word-break: break-all;
-}
-.record-section .config-button {
-  border-radius: 100%;
-  margin-right: 10px;
-  text-align: center;
-  justify-items: center;
-  font-family: "Roboto", sans-serif;
-  padding: 7px;
-}
-.record-section .config-button:hover:enabled {
-  box-shadow: 0 0 3px 0 #aaa;
-}
-.record-section .config-button:not(:enabled) {
-  background-color: hsl(0, 0%, 83%);
-  color: hsl(0, 0%, 50%);
-}
-.record-section .config-button.load:enabled {
-  background-color: hsl(88, 50%, 67%);
-}
-.record-section .config-button.delete {
-  background-color: hsl(0, 50%, 67%);
-}
-.record-section .config-button.save.long {
-  width: 160px;
-}
-.record-section .config-button.save:enabled {
-  background-color: hsl(197, 50%, 67%);
-}
-.record-section .config-button.reset {
-  width: 300px;
-  background-color: hsl(0, 50%, 67%);
-}
-.record-section .reset-wrapper {
-  padding: 1em;
-}
-.record-section .input-config {
-  margin-top: 20px;
-  margin-bottom: 20px;
-  display: flex;
-  align-items: center;
-  padding: 0;
-}
-.record-section .input-config input {
-  border-radius: 20px;
-  border: 1px solid #eee;
-  line-height: 36px;
-  padding: 0 10px;
-  font-size: 18px;
-  font-family: "Roboto Condensed", sans-serif;
-  font-weight: 300;
-  color: #666;
-  flex-grow: 1;
-  margin-right: 10px;
-  margin-left: 10px;
-  background-color: transparent;
-}
-.record-section .input-config input:focus {
-  outline: none;
-}
-.record-section .input-config input::placeholder {
-  color: #b4b7ba;
-  font-family: "Roboto", sans-serif;
-  font-weight: 400;
-}
-.record-section > * {
-  padding-left: var(--record-section-padding);
-  padding-right: var(--record-section-padding);
-}
-.record-section > *:first-child {
-  padding-top: 20px;
-}
-.record-section > *:last-child {
-  padding-bottom: 20px;
-}
-.record-section > header {
-  text-align: center;
-  font-family: "Roboto", sans-serif;
-  font-size: 20px;
-  padding: 15px 10px;
-  color: #333;
-  letter-spacing: 0.5px;
-}
-.record-section .hide {
-  opacity: 0;
-  visibility: hidden;
-}
-.record-section .probe {
-  display: grid;
-  grid-template-rows: 40px 1fr;
-  grid-template-columns: 220px 1fr;
-  grid-template-areas: "label label" "img descr";
-  transition: color 0.2s ease;
-  padding-top: var(--record-section-padding);
-  padding-bottom: var(--record-section-padding);
-}
-.record-section .probe.compact {
-  padding-top: 10px;
-  padding-bottom: 10px;
-}
-.record-section .probe:nth-of-type(2n) {
-  background-color: #f9f9f9;
-}
-.record-section .probe > img {
-  transition: filter 0.2s ease, opacity 0.2s ease;
-  grid-area: img;
-  width: 210px;
-  box-sizing: content-box;
-  cursor: pointer;
-  opacity: 0.5;
-  filter: saturate(0.15);
-}
-.record-section .probe:hover > img {
-  opacity: 1;
-}
-.record-section .probe:hover > label {
-  color: #333;
-}
-.record-section .probe:hover > label input[type=checkbox]::after {
-  background: hsl(207, 60%, 60%);
-}
-.record-section .probe > label {
-  grid-area: label;
-  cursor: pointer;
-  font-family: "Roboto", sans-serif;
-  font-size: 20px;
-  font-weight: 400;
-  color: #999;
-}
-.record-section .probe > label input[type=checkbox] {
-  -moz-appearance: none;
-  -webkit-appearance: none;
-  cursor: pointer;
-  margin: 0 10px 0 3px;
-  position: relative;
-  display: inline-block;
-  height: 20px;
-  width: 44px;
-  background: rgba(137, 137, 137, 0.4);
-  border-radius: 100px;
-  transition: all 0.3s ease;
-  overflow: visible;
-  vertical-align: middle;
-}
-.record-section .probe > label input[type=checkbox]:focus {
-  outline: none;
-}
-.record-section .probe > label input[type=checkbox]::after {
-  position: absolute;
-  left: -2px;
-  top: -3px;
-  display: block;
-  width: 26px;
-  height: 26px;
-  border-radius: 100px;
-  background: #f5f5f5;
-  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
-  content: "";
-  transition: all 0.3s ease;
-}
-.record-section .probe > label input[type=checkbox]:checked {
-  background: #8398b7;
-}
-.record-section .probe > label input[type=checkbox]:focus::after {
-  background: hsl(207, 60%, 60%);
-}
-.record-section .probe > label input[type=checkbox]:checked::after {
-  left: 20px;
-  background: #27303d;
-}
-.record-section .probe > div {
-  grid-area: descr;
-  font-size: 14px;
-  font-weight: 200;
-  min-height: 50px;
-  color: var(--record-text-color);
-  line-height: 20px;
-}
-.record-section .probe .probe-config {
-  transition: opacity 0.3s ease, color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease, width 0.3s ease, height 0.3s ease, max-width 0.3s ease, max-height 0.3s ease, margin 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease, border-radius 0.3s ease;
-  opacity: 0;
-  visibility: hidden;
-  margin: 10px 10px 0 0;
-  max-height: 0;
-}
-.record-section .probe .extended-desc {
-  grid-column: span 2;
-}
-.record-section .probe.enabled .probe-config {
-  opacity: 1;
-  visibility: visible;
-  max-height: 100vh;
-}
-.record-section .probe.enabled > label span {
-  color: #4e80b7;
-}
-.record-section .probe.enabled > img {
-  filter: saturate(1);
-  opacity: 1;
-}
-.record-section .toggle {
-  transition: color 0.2s ease;
-  padding-top: var(--record-section-padding);
-}
-.record-section .toggle:hover > img {
-  opacity: 1;
-}
-.record-section .toggle:hover > label {
-  color: #333;
-}
-.record-section .toggle:hover > label input[type=checkbox]::after {
-  background: hsl(207, 60%, 60%);
-}
-.record-section .toggle > label {
-  cursor: pointer;
-  font-size: 14px;
-  color: var(--record-text-color);
-}
-.record-section .toggle > label input[type=checkbox] {
-  -moz-appearance: none;
-  -webkit-appearance: none;
-  cursor: pointer;
-  margin: 0 12px 0 2px;
-  position: relative;
-  display: inline-block;
-  height: 10px;
-  width: 22px;
-  background: rgba(137, 137, 137, 0.4);
-  border-radius: 100px;
-  transition: all 0.3s ease;
-  overflow: visible;
-  vertical-align: middle;
-}
-.record-section .toggle > label input[type=checkbox]:focus {
-  outline: none;
-}
-.record-section .toggle > label input[type=checkbox]::after {
-  position: absolute;
-  left: -5px;
-  top: -5px;
-  display: block;
-  width: 20px;
-  height: 20px;
-  border-radius: 100px;
-  background: #f5f5f5;
-  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
-  content: "";
-  transition: all 0.3s ease;
-}
-.record-section .toggle > label input[type=checkbox]:checked {
-  background: #8398b7;
-}
-.record-section .toggle > label input[type=checkbox]:focus::after {
-  background: hsl(207, 60%, 60%);
-}
-.record-section .toggle > label input[type=checkbox]:checked::after {
-  left: 12px;
-  background: #27303d;
-}
-.record-section .toggle > div.descr {
-  padding-left: 36px;
-  font-size: 12px;
-  color: #666;
-}
-.record-section .record-mode {
-  display: grid;
-  grid-template-columns: 1fr 1fr 1fr;
-  grid-template-areas: ". . .";
-  grid-template-rows: 1fr;
-  padding-top: 0;
-}
-.record-section .record-mode input[type=radio] {
-  appearance: none;
-  -webkit-appearance: none;
-  display: none;
-}
-.record-section .record-mode > * {
-  transition: opacity 0.2s ease, color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease, width 0.2s ease, height 0.2s ease, max-width 0.2s ease, max-height 0.2s ease, margin 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease, border-radius 0.2s ease;
-  cursor: pointer;
-  border-radius: 15px;
-  margin: 5px;
-  text-align: center;
-  background-color: #eee;
-  font-family: "Roboto", sans-serif;
-  font-size: 20px;
-  padding-bottom: 10px;
-}
-@media (max-width: 1280px) {
-  .record-section .record-mode > * {
-    font-size: 1.6vw;
-  }
-}
-.record-section .record-mode > *:hover {
-  background-color: hsl(88, 50%, 84%);
-  box-shadow: 0 0 4px 0 #999;
-}
-.record-section .record-mode > *.selected {
-  background-color: hsl(88, 50%, 67%);
-  box-shadow: 0 0 4px 0 #999;
-}
-.record-section .record-mode > * img {
-  width: 100%;
-}
-.record-section .slider {
-  transition: opacity 0.3s ease, color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease, width 0.3s ease, height 0.3s ease, max-width 0.3s ease, max-height 0.3s ease, margin 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease, border-radius 0.3s ease;
-  display: grid;
-  grid-template-columns: 40px 1fr 130px 0;
-  grid-template-rows: 30px min-content 1fr;
-  grid-template-areas: "hdr hdr hdr hdr" "descr descr descr descr" "icon slider label unit";
-  margin-top: var(--record-section-padding);
-}
-.record-section .slider.thin {
-  grid-template-columns: 1fr 1fr 100px 0;
-  grid-template-areas: "hdr hdr hdr hdr" "descr descr descr descr" "slider slider label unit";
-}
-.record-section .slider.greyed-out {
-  opacity: 0.5;
-}
-.record-section .slider > * {
-  height: 40px;
-  line-height: 40px;
-}
-.record-section .slider > header {
-  transition: opacity 0.3s ease, color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease, width 0.3s ease, height 0.3s ease, max-width 0.3s ease, max-height 0.3s ease, margin 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease, border-radius 0.3s ease;
-  opacity: 0.6;
-  color: #333;
-  grid-area: hdr;
-}
-.record-section .slider.thin > header {
-  opacity: 1;
-  color: var(--record-text-color);
-  font-size: 14px;
-}
-.record-section .slider.thin > header.descr {
-  grid-area: descr;
-  font-size: 12px;
-  color: #666;
-  height: 20px;
-  line-height: 20px;
-}
-.record-section .slider:hover > header {
-  opacity: 1;
-  transition-duration: 0.15s;
-}
-.record-section .slider > i {
-  grid-area: icon;
-  font-size: 32px;
-  color: #333;
-}
-.record-section .slider input[type=range] {
-  grid-area: slider;
-  width: 100%;
-  appearance: none;
-  -webkit-appearance: none;
-  scroll-snap-type: x mandatory;
-  background-color: transparent;
-  outline: none;
-  margin-left: -10px;
-  margin-top: -5px;
-}
-.record-section .slider input[type=range]::-webkit-slider-runnable-track {
-  margin: 10px;
-  width: 100%;
-  height: 10px;
-  background-color: #ddd;
-  border-radius: 4px;
-}
-.record-section .slider input[type=range]::-webkit-slider-thumb {
-  transition: opacity 0.1s ease, color 0.1s ease, background-color 0.1s ease, border-color 0.1s ease, width 0.1s ease, height 0.1s ease, max-width 0.1s ease, max-height 0.1s ease, margin 0.1s ease, transform 0.1s ease, box-shadow 0.1s ease, border-radius 0.1s ease;
-  appearance: none;
-  -webkit-appearance: none;
-  border: none;
-  border-radius: 3px;
-  height: 20px;
-  width: 40px;
-  background-color: rgb(33, 150, 243);
-  margin-top: -5px;
-  cursor: pointer;
-  content: "";
-}
-.record-section .slider input[type=range]:hover::-webkit-slider-thumb, .record-section .slider input[type=range]:focus::-webkit-slider-thumb {
-  box-shadow: 0 0 4px rgb(16, 81, 134);
-  transform: scale(1, 1.1);
-}
-.record-section .slider.thin input[type=range]::-webkit-slider-runnable-track {
-  height: 8px;
-}
-.record-section .slider.thin input[type=range]::-webkit-slider-thumb {
-  width: 20px;
-  border-radius: 100%;
-}
-.record-section .slider .spinner {
-  transition: opacity 0.1s ease, color 0.1s ease, background-color 0.1s ease, border-color 0.1s ease, width 0.1s ease, height 0.1s ease, max-width 0.1s ease, max-height 0.1s ease, margin 0.1s ease, transform 0.1s ease, box-shadow 0.1s ease, border-radius 0.1s ease;
-  grid-area: label;
-  border: 1px solid #fafafa;
-  border-bottom: 2px solid #ddd;
-  padding: 0 5px;
-  border-radius: 2px;
-  background-color: rgba(255, 255, 255, 0.6);
-  font-family: "Roboto", sans-serif;
-  font-size: 16px;
-  font-weight: 100;
-  height: 35px;
-  outline: none;
-}
-.record-section .slider .spinner::-webkit-inner-spin-button, .record-section .slider .spinner::-webkit-outer-spin-button, .record-section .slider .spinner::-webkit-clear-button {
-  -webkit-appearance: none;
-  margin: 0;
-}
-.record-section .slider .spinner:hover, .record-section .slider .spinner:focus {
-  border-bottom-color: hsl(207, 90%, 54%);
-  background-color: hsl(207, 50%, 97%);
-}
-.record-section .slider .spinner:invalid {
-  border-bottom-color: hsl(9, 90%, 54%);
-  background-color: hsl(9, 50%, 97%);
-}
-.record-section .slider.thin .spinner {
-  font-size: 14px;
-  margin-top: -5px;
-}
-.record-section .slider .unit {
-  grid-area: unit;
-  font-size: 12px;
-  color: var(--record-text-color);
-  position: relative;
-  line-height: 37px;
-  overflow: hidden;
-  width: 35px;
-  left: -45px;
-  text-align: right;
-  margin-top: -5px;
-}
-.record-section .chrome-categories {
-  padding-top: 8px;
-  padding-bottom: 8px;
-  display: flex;
-  flex-direction: row;
-  gap: 8px;
-}
-.record-section .dropdown {
-  border: 1px solid #eee;
-  outline: none;
-  -webkit-appearance: none;
-}
-.record-section .dropdown option,
-.record-section .dropdown optgroup {
-  transition: opacity 0.1s ease, color 0.1s ease, background-color 0.1s ease, border-color 0.1s ease, width 0.1s ease, height 0.1s ease, max-width 0.1s ease, max-height 0.1s ease, margin 0.1s ease, transform 0.1s ease, box-shadow 0.1s ease, border-radius 0.1s ease;
-  min-height: 25px;
-  font-size: 12px;
-  color: var(--record-text-color);
-  cursor: pointer;
-  padding: 5px 0;
-}
-.record-section .dropdown option {
-  padding: 2.5px 5px;
-  border-bottom: 1px solid #eee;
-}
-.record-section .dropdown option:hover {
-  background-color: hsl(214, 80%, 90%);
-}
-.record-section .dropdown option::before {
-  display: none;
-  content: "";
-}
-.record-section .dropdown.singlecolumn {
-  margin: var(--record-section-padding) 0;
-  padding: 0;
-  max-width: 100%;
-  width: 100%;
-  overflow-y: auto;
-  height: 400px;
-}
-.record-section .dropdown.singlecolumn optgroup {
-  display: grid;
-  padding: 0;
-  grid-template-columns: 1fr;
-}
-.record-section .dropdown.singlecolumn option {
-  margin: 0;
-}
-.record-section .dropdown.multicolumn {
-  padding: 0;
-  max-width: 100%;
-  width: 100%;
-  overflow-y: auto;
-}
-.record-section .dropdown.multicolumn optgroup {
-  display: grid;
-  padding: 0;
-  grid-template-columns: 1fr 1fr 1fr;
-}
-.record-section .dropdown.multicolumn option {
-  margin: 0;
-}
-.record-section .dropdown.multicolumn option:nth-of-type(3n + 1) {
-  border-left: 1px solid #eee;
-  border-right: 1px solid #eee;
-}
-.record-section .dropdown.multicolumn.two-columns {
-  height: 400px;
-  margin: var(--record-section-padding);
-}
-.record-section .dropdown.multicolumn.two-columns optgroup {
-  display: grid;
-  padding: 0;
-  grid-template-columns: 1fr 1fr;
-}
-.record-section .dropdown.multicolumn.two-columns option {
-  margin: 0;
-}
-.record-section .dropdown.multicolumn.two-columns option:nth-of-type(2n + 1) {
-  border-left: 1px solid #eee;
-  border-right: 1px solid #eee;
-}
-.record-section .atrace-categories {
-  height: 227px;
-}
-.record-section .ftrace-events {
-  height: 152px;
-}
-.record-section textarea.extra-input {
-  width: 100%;
-  height: 60px;
-  border: 1px solid #eee;
-  resize: none;
-  outline: none;
-  font-family: var(--monospace-font);
-}
-.record-section textarea.extra-input::placeholder {
-  color: #aaa;
-}
-.record-section textarea.record-apps-list {
-  margin-top: 16px;
-  height: 100px;
-}
-.record-section.instructions label,
-.record-section.instructions select {
-  font-weight: 100;
-  color: #333;
-  font-size: 16px;
-  font-family: "Roboto", sans-serif;
-}
-.record-section.instructions .note {
-  border: 1px dashed #ddd;
-  background: #f9eeba;
-  margin: var(--record-section-padding);
-  padding: 10px;
-  font-family: "Roboto", sans-serif;
-  font-size: 14px;
-  line-height: 20px;
-}
-.record-section.instructions select {
-  transition: opacity 0.1s ease, color 0.1s ease, background-color 0.1s ease, border-color 0.1s ease, width 0.1s ease, height 0.1s ease, max-width 0.1s ease, max-height 0.1s ease, margin 0.1s ease, transform 0.1s ease, box-shadow 0.1s ease, border-radius 0.1s ease;
-  margin-left: 10px;
-  border-radius: 0;
-  border: 1px solid #eee;
-  outline: none;
-}
-.record-section.instructions select:hover, .record-section.instructions select:active {
-  box-shadow: 0 0 6px #ccc;
-}
-.record-section.instructions .buttons {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  width: auto;
-  height: 70px;
-}
-.record-section.instructions .buttons > * {
-  transition: opacity 0.2s ease, color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease, width 0.2s ease, height 0.2s ease, max-width 0.2s ease, max-height 0.2s ease, margin 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease, border-radius 0.2s ease;
-  cursor: pointer;
-  border-radius: 10px;
-  text-align: center;
-  margin: 3px;
-  background-color: #eee;
-  font-family: "Roboto", sans-serif;
-  flex-grow: 1;
-  font-size: 17px;
-  padding: 7px;
-}
-@media (max-width: 1280px) {
-  .record-section.instructions .buttons > * {
-    font-size: 1.6vw;
-  }
-}
-.record-section.instructions .buttons > *:hover {
-  background-color: hsl(88, 50%, 84%);
-  box-shadow: 0 0 4px 0 #999;
-}
-.record-section.instructions .buttons > *.selected {
-  background-color: hsl(88, 50%, 67%);
-  box-shadow: 0 0 4px 0 #999;
-}
-.record-section.instructions .permalinkconfig {
-  margin: var(--record-section-padding);
-  height: 40px;
-  max-width: 200px;
-  border-radius: 10px;
-  text-align: center;
-  justify-items: center;
-  font-family: "Roboto", sans-serif;
-  padding: 7px;
-  background-color: hsl(88, 50%, 67%);
-}
-.record-section.instructions .permalinkconfig:hover {
-  box-shadow: 0 0 4px 0 #999;
-}
-.record-section.instructions progress {
-  -webkit-appearance: none;
-  appearance: none;
-  width: 600px;
-  height: 30px;
-  margin: var(--record-section-padding);
-  border-radius: 5px;
-}
-.record-section.instructions ::-webkit-progress-value {
-  background-color: hsl(88, 50%, 67%);
-}
-.record-section.instructions ::-webkit-progress-bar {
-  background-color: #eee;
-}
-
-.inline-chip {
-  transition: opacity 0.1s ease, color 0.1s ease, background-color 0.1s ease, border-color 0.1s ease, width 0.1s ease, height 0.1s ease, max-width 0.1s ease, max-height 0.1s ease, margin 0.1s ease, transform 0.1s ease, box-shadow 0.1s ease, border-radius 0.1s ease;
-  line-height: 25px;
-  font-size: smaller;
-  padding: 2px 4px;
-  border: 1px solid #eee;
-  margin: 2px;
-  border-radius: 9px;
-}
-.inline-chip:hover, .inline-chip:active {
-  box-shadow: 0 0 2px 0 #ccc;
-  background-color: #fafafa;
-}
-.inline-chip > i.material-icons {
-  color: rgb(60, 60, 60);
-  font-size: 14px;
-}
-
-a.inline-chip,
-a.inline-chip:link,
-a.inline-chip:visited {
-  text-decoration: none;
-  color: var(--record-text-color);
-}
-
-.code-snippet {
-  display: grid;
-  position: relative;
-  padding: 0;
-  margin: var(--record-section-padding);
-  background-color: #111;
-  border-radius: 4px;
-  box-shadow: 0 0 12px #999;
-}
-@keyframes ripple {
-  0% {
-    transform: scale(1);
-  }
-  30% {
-    transform: scale(1.2);
-  }
-  60% {
-    transform: scale(1);
-  }
-  80% {
-    transform: scale(1.3);
-  }
-  100% {
-    transform: scale(1.2);
-  }
-}
-.code-snippet::before {
-  height: 20px;
-  content: "";
-  display: block;
-  background-color: #598eca;
-}
-.code-snippet.no-top-bar {
-  white-space: pre;
-}
-.code-snippet.no-top-bar::before {
-  height: 0;
-}
-.code-snippet > code {
-  display: block;
-  margin: 10px 5px 20px 20px;
-  color: #ccc;
-  font-family: var(--monospace-font);
-  font-size: 12px;
-  line-height: 20px;
-  overflow-y: auto;
-  white-space: pre-wrap;
-  word-wrap: break-word;
-  max-height: 510px;
-}
-.code-snippet > button {
-  transition: opacity 0.1s ease, color 0.1s ease, background-color 0.1s ease, border-color 0.1s ease, width 0.1s ease, height 0.1s ease, max-width 0.1s ease, max-height 0.1s ease, margin 0.1s ease, transform 0.1s ease, box-shadow 0.1s ease, border-radius 0.1s ease;
-  display: inline-block;
-  position: absolute;
-  top: 30px;
-  right: 20px;
-  color: white;
-  border-radius: 100%;
-  background-color: #333;
-  box-shadow: 0 0 2px rgb(255, 255, 255);
-  padding: 5px;
-  font-size: 16px;
-  line-height: 13px;
-  user-select: none;
-}
-.code-snippet > button:hover {
-  background-color: #444;
-  transform: scale(1.1);
-}
-.code-snippet:active:hover > button:not(:hover) {
-  animation: ripple linear 0.5s;
-  background-color: #701d17;
-  transform: scale(1.1);
-}
-.code-snippet > button:active:hover {
-  transform: scale(0.9);
-}
-
-@keyframes modalFadeOut {
-  from {
-    opacity: 1;
-  }
-  to {
-    opacity: 0;
-  }
-}
-@keyframes modalFadeIn {
-  from {
-    opacity: 0;
-  }
-  to {
-    opacity: 1;
-  }
-}
-.modal-backdrop {
-  position: absolute;
-  z-index: 99;
-  background-color: rgba(0, 0, 0, 0.6);
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  backdrop-filter: blur(2px);
-  animation: modalFadeIn 0.25s var(--anim-easing);
-  animation-fill-mode: both;
-}
-.modal-backdrop.modal-fadeout {
-  animation: modalFadeOut 0.25s var(--anim-easing);
-  animation-fill-mode: both;
-}
-
-.modal-dialog {
-  position: absolute;
-  z-index: 100;
-  background-color: #fff;
-  margin: auto;
-  min-width: 25vw;
-  min-height: 10vh;
-  padding: 30px;
-  max-width: 90vw;
-  max-height: 90vh;
-  border-radius: 2px;
-  overflow-y: auto;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-  font-family: Roboto, sans-serif;
-  font-weight: 300;
-}
-.modal-dialog.modal-dialog-valign-top {
-  top: 1rem;
-  transform: translate(-50%, 0);
-}
-.modal-dialog > header {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-}
-.modal-dialog > header h2 {
-  margin-top: 0;
-  margin-bottom: 0;
-  font-family: "Roboto", sans-serif;
-  font-weight: 600;
-  font-size: 1.25rem;
-  line-height: 1.25;
-  color: #262f3c;
-  box-sizing: border-box;
-}
-.modal-dialog > header button {
-  background: transparent;
-  border: 0;
-}
-.modal-dialog main {
-  font-size: 1rem;
-  margin-top: 2rem;
-  line-height: 1.5;
-  color: rgba(0, 0, 0, 0.8);
-}
-.modal-dialog main .small-font {
-  font-size: 0.9rem;
-}
-.modal-dialog footer {
-  display: flex;
-  justify-content: space-around;
-  margin-top: 2rem;
-}
-.modal-dialog .modal-btn {
-  font-size: 0.875rem;
-  padding-left: 1rem;
-  padding-right: 1rem;
-  padding-top: 0.5rem;
-  padding-bottom: 0.5rem;
-  background-color: #e6e6e6;
-  color: rgba(0, 0, 0, 0.8);
-  border: 2px solid transparent;
-  border-radius: 2px;
-  cursor: pointer;
-  text-transform: none;
-  overflow: visible;
-  margin: 5px;
-  width: fit-content;
-  transition: border-color 0.25s var(--anim-easing), background-color 0.25s var(--anim-easing);
-}
-.modal-dialog .modal-btn:focus {
-  border-color: #03a9f4;
-}
-.modal-dialog .modal-btn:hover {
-  background-color: #ececec;
-}
-.modal-dialog .modal-btn-primary {
-  background-color: hsl(215, 22%, 19%);
-  color: #fff;
-}
-.modal-dialog .modal-btn-primary:hover {
-  background-color: hsl(215, 22%, 35%);
-}
-
-.help table {
-  margin-bottom: 15px;
-}
-.help table td {
-  min-width: 250px;
-}
-.help table td:first-child {
-  font-family: var(--monospace-font);
-}
-.help h2 {
-  font: inherit;
-  font-weight: bold;
-}
-
-.modal-pre {
-  white-space: pre-line;
-  font-size: 13px;
-}
-
-.modal-logs,
-.modal-bash {
-  white-space: pre-wrap;
-  border: 1px solid #999;
-  background: #eee;
-  font-size: 10px;
-  font-family: var(--monospace-font);
-  margin-top: 10px;
-  margin-bottom: 10px;
-  min-height: 50px;
-  max-height: 40vh;
-  overflow: auto;
-}
-
-.modal-bash {
-  margin: 0;
-  padding: 5px 0;
-  overflow: auto;
-  min-height: 0;
-}
-
-.modal-textarea {
-  display: block;
-  margin-top: 10px;
-  margin-bottom: 10px;
-  width: 100%;
-}
-
-.modal-small {
-  font-size: 0.75rem;
-}
-
-.handle {
-  background-color: hsl(215, 1%, 95%);
-  border: 1px solid rgba(0, 0, 0, 0.1);
-  border-bottom: none;
-  cursor: row-resize;
-  user-select: none;
-  display: flex;
-}
-.handle .tabs {
-  display: flex;
-  overflow: hidden;
-  flex: 1;
-}
-.handle .tabs .tab {
-  font-family: "Roboto Condensed", sans-serif;
-  color: #3c4b5d;
-  padding: 4px;
-  margin-top: 3px;
-  align-items: center;
-  cursor: pointer;
-  font-size: 13px;
-  border-radius: 3px 3px 0 0;
-  background-color: rgba(0, 0, 0, 0.0588235294);
-  border-right: solid 1px hsl(0, 0%, 75%);
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  z-index: 5;
-  box-shadow: rgba(0, 0, 0, 0.231372549) 0px 0px 3px 1px;
-  display: flex;
-  align-items: baseline;
-  gap: 2px;
-}
-.handle .tabs .tab:hover {
-  background-color: hsl(0, 0%, 85%);
-}
-.handle .tabs .tab[active] {
-  background-color: white;
-  cursor: default;
-}
-.handle .tabs .tab:nth-child(1) {
-  margin-left: 3px;
-}
-.handle .tabs .tab .pf-tab-title {
-  margin: 0px 4px;
-  overflow: hidden;
-}
-.handle .tabs .tab .pf-tab-title .pf-nocontent {
-  font-weight: lighter;
-}
-.handle .buttons {
-  font-size: 24px;
-  grid-area: buttons;
-  display: flex;
-  align-items: baseline;
-  margin: 1px;
-}
-.handle .handle-title {
-  font-family: "Roboto Condensed", sans-serif;
-  font-weight: 300;
-  color: #3c4b5d;
-  margin-left: 5px;
-  padding: 5px;
-  font-size: 13px;
-}
-
-.details-panel {
-  font-family: "Roboto Condensed", sans-serif;
-  font-weight: 300;
-  color: #3c4b5d;
-  position: relative;
-}
-.details-panel .material-icons {
-  transition: opacity 0.3s ease, color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease, width 0.3s ease, height 0.3s ease, max-width 0.3s ease, max-height 0.3s ease, margin 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease, border-radius 0.3s ease;
-  font-size: 16px;
-  margin-left: 5px;
-}
-.details-panel .material-icons:hover {
-  cursor: pointer;
-}
-.details-panel .material-icons.grey {
-  border-radius: 3px;
-  border: 1px solid transparent;
-  background-color: #e8e8e8;
-}
-.details-panel .material-icons.grey:hover {
-  border: #475566 solid 1px;
-}
-.details-panel .details-panel-heading {
-  padding: 10px 0 5px 0;
-  position: sticky;
-  top: 0;
-  z-index: 1;
-  display: flex;
-  background: white;
-}
-.details-panel .details-panel-heading.aggregation {
-  padding-top: 5px;
-  display: grid;
-  grid-template-areas: "description range" "heading heading";
-  grid-template-columns: 1fr auto;
-}
-.details-panel .details-panel-heading.aggregation .states {
-  font-size: 11px;
-  margin: 0 10px 2px 10px;
-  display: flex;
-  overflow: hidden;
-}
-.details-panel .details-panel-heading.aggregation .states .state {
-  height: 20px;
-  line-height: 20px;
-  padding-left: 3px;
-  padding-right: 3px;
-  border-left: white 1px solid;
-}
-.details-panel .details-panel-heading.aggregation .states .state:hover {
-  min-width: fit-content;
-}
-.details-panel .details-panel-heading.aggregation .time-range {
-  text-align: right;
-  font-size: 11px;
-  font-weight: 400;
-  margin-right: 5px;
-}
-.details-panel .details-panel-heading.aggregation table {
-  grid-area: heading;
-}
-.details-panel .details-panel-heading.aggregation th {
-  cursor: pointer;
-}
-.details-panel .details-panel-heading.aggregation th .material-icons {
-  margin-left: 2px;
-  font-size: 18px;
-}
-.details-panel .details-panel-heading h2 {
-  font-size: 16px;
-  font-weight: 400;
-  padding: 0 10px;
-}
-.details-panel .details-panel-heading h2.split {
-  width: 50%;
-}
-.details-panel table {
-  transition: opacity 0.1s ease, color 0.1s ease, background-color 0.1s ease, border-color 0.1s ease, width 0.1s ease, height 0.1s ease, max-width 0.1s ease, max-height 0.1s ease, margin 0.1s ease, transform 0.1s ease, box-shadow 0.1s ease, border-radius 0.1s ease;
-  font-size: 14px;
-  line-height: 18px;
-  width: 100%;
-  table-layout: fixed;
-  word-wrap: break-word;
-  padding: 0 10px;
-}
-.details-panel table tr:hover td,
-.details-panel table tr:hover th {
-  background-color: hsl(214, 22%, 90%);
-}
-.details-panel table tr:hover td.no-highlight,
-.details-panel table tr:hover th.no-highlight {
-  background-color: white;
-}
-.details-panel table th {
-  text-align: left;
-  width: 30%;
-  font-weight: normal;
-  vertical-align: top;
-}
-.details-panel table td.value {
-  white-space: pre-wrap;
-}
-.details-panel table td.padding {
-  min-width: 10px;
-}
-.details-panel table .array-index {
-  text-align: right;
-}
-.details-panel .auto-layout {
-  table-layout: auto;
-}
-
-.slice-details-latency-panel {
-  position: relative;
-  user-select: text;
-}
-.slice-details-latency-panel .text-detail {
-  font-size: smaller;
-}
-.slice-details-latency-panel .slice-details-wakeup-text {
-  position: absolute;
-  left: 40px;
-  top: 20px;
-}
-.slice-details-latency-panel .slice-details-latency-text {
-  position: absolute;
-  left: 106px;
-  top: 90px;
-}
-.slice-details-latency-panel .slice-details-image {
-  user-select: none;
-  width: 180px;
-  height: 150px;
-}
-
-.details-table-multicolumn {
-  display: flex;
-  user-select: "text";
-}
-
-.flow-link:hover {
-  cursor: pointer;
-  text-decoration: underline;
-}
-
-.flow-info i.material-icons {
-  color: rgb(60, 86, 136);
-}
-
-.warning {
-  position: relative;
-  font-size: 13px;
-  color: hsl(45, 100%, 48%);
-}
-
-.warning i.material-icons {
-  font-size: 13px;
-}
-
-.warning .tooltip {
-  visibility: hidden;
-  background-color: white;
-  color: #3f4040;
-  box-shadow: 1px 3px 15px rgba(23, 32, 44, 0.3);
-  padding: 4px;
-  border-radius: 4px;
-  text-align: center;
-  white-space: nowrap;
-  position: absolute;
-  z-index: 1;
-  top: -5px;
-  left: 105%;
-}
-
-.warning:hover .tooltip {
-  visibility: visible;
-}
-
-.flow-button {
-  color: rgb(60, 86, 136);
-}
-
-.half-width-panel {
-  max-width: 50%;
-  flex-grow: 1;
-  height: fit-content;
-}
-
-.notes-editor-panel {
-  padding: 10px;
-  display: flex;
-  flex-direction: column;
-  height: 100%;
-  font-family: "Roboto Condensed", sans-serif;
-  font-weight: 300;
-  color: #3c4b5d;
-}
-.notes-editor-panel .notes-editor-panel-heading-bar {
-  display: flex;
-  padding-bottom: 8px;
-  font-size: 14px;
-}
-.notes-editor-panel .notes-editor-panel-heading-bar .notes-editor-panel-heading {
-  padding-top: 3px;
-}
-.notes-editor-panel .notes-editor-panel-heading-bar input {
-  vertical-align: middle;
-}
-.notes-editor-panel input[type=text] {
-  flex-grow: 1;
-  border-radius: 4px;
-  border: 1px solid #dcdcdc;
-  padding: 3px;
-  margin: 0 10px;
-}
-.notes-editor-panel input[type=text]:focus {
-  outline: none;
-  box-shadow: 1px 1px 1px rgba(23, 32, 44, 0.3);
-}
-
-.sum {
-  font-weight: bolder;
-  font-size: 12px;
-}
-.sum .sum-data {
-  border-bottom: 1px solid rgba(60, 76, 92, 0.4);
-}
-
-.log-panel {
-  display: contents;
-}
-.log-panel header {
-  position: sticky;
-  top: 0;
-  left: 0;
-  z-index: 1;
-  background-color: white;
-  color: #3c4b5d;
-  padding: 5px;
-  display: grid;
-  grid-template-columns: auto auto;
-  justify-content: space-between;
-}
-.log-panel .log-rows-label {
-  display: flex;
-  align-items: center;
-}
-.log-panel .log-filters {
-  display: flex;
-  margin-right: 5px;
-  align-items: center;
-}
-.log-panel .log-filters .log-label {
-  padding-right: 0.35rem;
-}
-.log-panel .log-filters .tag-container {
-  height: auto;
-  min-height: 34px;
-  padding: 2px;
-  margin: 2px;
-  cursor: text;
-  border-radius: 3px;
-  display: flex;
-  align-items: center;
-}
-.log-panel .log-filters .tag-container .chips .chip {
-  display: inline-block;
-  width: auto;
-  float: left;
-  background-color: #0878b2;
-  color: #fff;
-  border-radius: 3px;
-  margin: 2px;
-  overflow: hidden;
-}
-.log-panel .log-filters .tag-container .chips .chip .chip-button {
-  padding: 4px;
-  cursor: pointer;
-  background-color: #054570;
-  display: inline-block;
-}
-.log-panel .log-filters .tag-container .chips .chip .chip-text {
-  padding: 4px;
-  display: inline-block;
-  pointer-events: none;
-}
-.log-panel .log-filters .tag-container .chip-input {
-  margin-left: 5px;
-}
-.log-panel .log-filters .filter-widget {
-  user-select: none;
-  cursor: pointer;
-  position: relative;
-  display: inline-block;
-}
-.log-panel .log-filters .filter-widget .tooltip {
-  visibility: hidden;
-  width: 120px;
-  background-color: black;
-  color: #fff;
-  text-align: center;
-  border-radius: 6px;
-  padding: 5px 0;
-  /* Position the tooltip */
-  position: absolute;
-  z-index: 1;
-  top: 130%;
-  right: 50%;
-}
-.log-panel .log-filters .filter-widget:hover .tooltip {
-  visibility: visible;
-}
-.log-panel header.stale {
-  color: grey;
-}
-
-.pf-ftrace-explorer {
-  height: 100%;
-  font-size: 11px;
-  font-family: var(--monospace-font);
-}
-.pf-ftrace-explorer .pf-ftrace-namebox {
-  display: flex;
-  align-items: center;
-}
-.pf-ftrace-explorer .pf-ftrace-namebox .pf-ftrace-colorbox {
-  display: inline-block;
-  height: 10px;
-  width: 10px;
-  margin-right: 4px;
-}
-
-.pf-android-logs-table {
-  height: 100%;
-  font-size: 11px;
-  font-family: var(--monospace-font);
-}
-.pf-android-logs-table .D {
-  color: hsl(122, 20%, 40%);
-}
-.pf-android-logs-table .V {
-  color: hsl(122, 20%, 30%);
-}
-.pf-android-logs-table .I {
-  color: hsl(0, 0%, 20%);
-}
-.pf-android-logs-table .W {
-  color: hsl(45, 60%, 45%);
-}
-.pf-android-logs-table .E {
-  color: hsl(4, 90%, 58%);
-}
-.pf-android-logs-table .F {
-  color: hsl(291, 64%, 42%);
-}
-.pf-android-logs-table .pf-highlighted {
-  background: #d2efe0;
-}
-
-.pf-details-table {
-  margin: 10px;
-}
-
-.screenshot-panel {
-  height: 100%;
-}
-.screenshot-panel img {
-  max-height: 100%;
-}
-
-.pf-noselection {
-  height: 100%;
-}
-
-.flamegraph-profile {
-  height: 100%;
-  position: relative;
-}
-.flamegraph-profile .time {
-  justify-self: end;
-  margin-right: 10px;
-}
-.flamegraph-profile .selected {
-  justify-self: end;
-  margin-right: 10px;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  width: 200px;
-}
-
-.trace-info-page {
-  overflow-y: auto;
-  overflow-x: hidden;
-  padding: 0 20px;
-}
-.trace-info-page section {
-  margin: 20px auto;
-  max-width: 800px;
-  font-size: 1rem;
-  padding: 20px;
-  border-radius: 8px;
-}
-.trace-info-page section.errors {
-  background-color: #f3e5f5;
-}
-.trace-info-page section .metric-error {
-  font-family: var(--monospace-font);
-  font-size: 12px;
-  padding: 5px;
-  word-break: break-all;
-}
-.trace-info-page section h2 {
-  font-family: "Roboto", sans-serif;
-  font-weight: 400;
-  letter-spacing: 0.25px;
-  font-size: 2rem;
-  margin-bottom: 1rem;
-}
-.trace-info-page section h3 {
-  font-size: 0.9rem;
-  font-weight: 400;
-  line-height: 1.25rem;
-  margin: 10px 0;
-  color: #333;
-}
-.trace-info-page section .contextual-help {
-  font-size: 18px;
-  margin-left: 10px;
-  color: #43a047;
-  cursor: default;
-}
-.trace-info-page section table {
-  border-spacing: 4px 1px;
-}
-.trace-info-page section table thead td {
-  margin-bottom: 5px;
-  padding-bottom: 5px;
-  border-bottom: 1px solid #333;
-  font-weight: 500;
-}
-.trace-info-page section table tr td {
-  min-height: 20px;
-}
-.trace-info-page section table tbody tr:nth-child(2n+1) td {
-  background-color: rgba(0, 0, 0, 0.04);
-}
-.trace-info-page section table tbody td.name {
-  min-width: 150px;
-}
-.trace-info-page section table tbody td {
-  font-family: var(--monospace-font);
-  font-size: 12px;
-  padding: 5px;
-  word-break: break-all;
-  white-space: pre-wrap;
-  vertical-align: top;
-}
-.trace-info-page section table tbody td:first-of-type {
-  font-weight: 800;
-}
-
-.flags-page {
-  overflow-y: scroll;
-}
-
-.flags-content {
-  max-width: 100ch;
-  width: 60%;
-  margin: 0 auto;
-  padding: 3rem;
-  display: grid;
-}
-.flags-content h1 {
-  font-size: larger;
-  margin: 1rem 1rem;
-}
-.flags-content button {
-  background: none;
-  border: 1px solid rgb(218, 220, 224);
-  border-radius: 2px;
-  color: rgb(25, 103, 210);
-  font-size: 0.8125rem;
-  padding: 8px 12px;
-  cursor: pointer;
-  font-weight: 500;
-  margin: 3px 0.5rem;
-}
-
-.flag-widget {
-  display: grid;
-  grid-template: "title control" auto "description control" auto/1fr auto;
-  row-gap: 0.3rem;
-  padding: 1rem 1rem;
-  align-items: center;
-}
-.flag-widget:nth-child(2n+1) {
-  background-color: #f6f6f6;
-}
-.flag-widget.focused {
-  background-color: #f8f0ac;
-}
-.flag-widget select {
-  grid-area: control;
-  background: white;
-  border: 1px solid rgb(25, 103, 210);
-  color: rgb(25, 103, 210);
-  font-size: 0.8125rem;
-  height: 1.625rem;
-  letter-spacing: 0.01em;
-  max-width: 150px;
-  text-align-last: center;
-  width: 100%;
-}
-.flag-widget label {
-  font-weight: bold;
-}
-.flag-widget .description {
-  font-size: smaller;
-}
-
-.hiring-banner {
-  font-family: "Roboto", sans-serif;
-  font-size: 12px;
-  background: #db4634;
-  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
-  left: -65px;
-  letter-spacing: 1px;
-  line-height: 25px;
-  position: absolute;
-  text-align: center;
-  top: 20px;
-  transform: rotate(-45deg);
-  width: 200px;
-  z-index: 5;
-}
-.hiring-banner a {
-  color: white;
-  text-decoration: none;
-}
-
-.viz-page {
-  display: grid;
-  grid-template-rows: minmax(300px, auto) 1fr;
-  overflow: hidden;
-}
-
-.viz-page > .pf-editor {
-  overflow-y: auto;
-}
-
-.details-source {
-  max-width: 50%;
-  width: 100%;
-  padding: 0px 10px;
-  display: inline-block;
-  vertical-align: top;
-}
-
-.details-table table.half-width {
-  display: inline-block;
-  vertical-align: top;
-}
-
-.details-panel .details-panel-heading.heap-profile .function-profile-selected {
-  width: 400px;
-}
-
-.topbar-button {
-  color: white;
-  position: absolute;
-  z-index: 5;
-  background-color: #262f3c;
-  height: var(--topbar-height);
-  right: 0px;
-  border-radius: 5px 0 0 5px;
-  border-bottom: inherit;
-  visibility: visible;
-  transition: left var(--anim-easing) var(--sidebar-timing);
-  width: 48px;
-  overflow: hidden;
-}
-.topbar-button > button {
-  vertical-align: middle;
-}
-
-/**
- * prism.js default theme for JavaScript, CSS and HTML
- * Based on dabblet (http://dabblet.com)
- * @author Lea Verou
- */
-code[class*=language-],
-pre[class*=language-] {
-  color: black;
-  background: none;
-  text-shadow: 0 1px white;
-  font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
-  font-size: 1em;
-  text-align: left;
-  white-space: pre;
-  word-spacing: normal;
-  word-break: normal;
-  word-wrap: normal;
-  line-height: 1.5;
-  -moz-tab-size: 4;
-  -o-tab-size: 4;
-  tab-size: 4;
-  -webkit-hyphens: none;
-  -moz-hyphens: none;
-  -ms-hyphens: none;
-  hyphens: none;
-}
-
-pre[class*=language-]::-moz-selection, pre[class*=language-] ::-moz-selection,
-code[class*=language-]::-moz-selection, code[class*=language-] ::-moz-selection {
-  text-shadow: none;
-  background: #b3d4fc;
-}
-
-pre[class*=language-]::selection, pre[class*=language-] ::selection,
-code[class*=language-]::selection, code[class*=language-] ::selection {
-  text-shadow: none;
-  background: #b3d4fc;
-}
-
-@media print {
-  code[class*=language-],
-  pre[class*=language-] {
-    text-shadow: none;
-  }
-}
-/* Code blocks */
-pre[class*=language-] {
-  padding: 1em;
-  margin: 0 0;
-  overflow: auto;
-  font-size: 0.8em;
-}
-
-:not(pre) > code[class*=language-],
-pre[class*=language-] {
-  background: #f5f2f0;
-}
-
-/* Inline code */
-:not(pre) > code[class*=language-] {
-  padding: 0.1em;
-  border-radius: 0.3em;
-  white-space: normal;
-}
-
-.token.comment,
-.token.prolog,
-.token.doctype,
-.token.cdata {
-  color: slategray;
-}
-
-.token.punctuation {
-  color: #999;
-}
-
-.token.namespace {
-  opacity: 0.7;
-}
-
-.token.property,
-.token.tag,
-.token.boolean,
-.token.number,
-.token.constant,
-.token.symbol,
-.token.deleted {
-  color: #905;
-}
-
-.token.selector,
-.token.attr-name,
-.token.string,
-.token.char,
-.token.builtin,
-.token.inserted {
-  color: #690;
-}
-
-.token.operator,
-.token.entity,
-.token.url,
-.language-css .token.string,
-.style .token.string {
-  color: #9a6e3a;
-  /* This background color was intended by the author of this theme. */
-  background: hsla(0, 0%, 100%, 0.5);
-}
-
-.token.atrule,
-.token.attr-value,
-.token.keyword {
-  color: #07a;
-}
-
-.token.function,
-.token.class-name {
-  color: #DD4A68;
-}
-
-.token.regex,
-.token.important,
-.token.variable {
-  color: #e90;
-}
-
-.token.important,
-.token.bold {
-  font-weight: bold;
-}
-
-.token.italic {
-  font-style: italic;
-}
-
-.token.entity {
-  cursor: help;
-}
-
-pre[class*=language-].line-numbers {
-  position: relative;
-  padding-left: 3.8em;
-  counter-reset: linenumber;
-}
-
-pre[class*=language-].line-numbers > code {
-  position: relative;
-  white-space: inherit;
-}
-
-.line-numbers .line-numbers-rows {
-  position: absolute;
-  pointer-events: none;
-  top: 0;
-  font-size: 100%;
-  left: -3.8em;
-  width: 3em; /* works for line-numbers below 1000 lines */
-  letter-spacing: -1px;
-  border-right: 1px solid #999;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-}
-
-.line-numbers-rows > span {
-  display: block;
-  counter-increment: linenumber;
-}
-
-.line-numbers-rows > span:before {
-  content: counter(linenumber);
-  color: #999;
-  display: block;
-  padding-right: 0.8em;
-  text-align: right;
-}
-
-.widgets-page {
-  padding: 20px;
-  font-size: 16px;
-  overflow: auto;
-}
-.widgets-page h1 {
-  margin: 32px 0 0 0;
-  font-size: 28px;
-}
-.widgets-page h2 {
-  margin: 16px 0 0 0;
-  font-size: 24px;
-}
-.widgets-page ul {
-  margin-block-start: 5px;
-  margin-block-end: 0px;
-  padding-inline-start: 0px;
-}
-.widgets-page li {
-  list-style-type: none;
-  margin: 2px 0 0 0;
-}
-.widgets-page .widget-row {
-  margin: 10px;
-}
-.widgets-page .widget-row > * {
-  margin-right: 5px;
-}
-.widgets-page .widget-block {
-  display: flex;
-  flex-direction: row;
-}
-.widgets-page .widget-controls {
-  margin: 10px;
-}
-.widgets-page .widget-container {
-  display: flex;
-  min-width: 300px;
-  max-width: 600px;
-  min-height: 250px;
-  border-radius: 3px;
-  box-shadow: inset 2px 2px 10px rgba(0, 0, 0, 0.1254901961);
-  border: dashed 1px gray;
-  margin: 10px 0 10px 0;
-  padding: 16px;
-}
-.widgets-page .widget-container > * {
-  margin: auto;
-  vertical-align: middle;
-}
-.widgets-page .widget-container-wide {
-  min-width: 450px;
-}
-
-.pf-plugins-page {
-  padding: 20px;
-  font-size: 16px;
-  overflow: auto;
-}
-.pf-plugins-page .pf-plugins-topbar {
-  margin-bottom: 10px;
-}
-.pf-plugins-page .pf-plugins-topbar > button {
-  margin-right: 4px;
-}
-.pf-plugins-page h1 {
-  margin: 32px 0 8px 0;
-  font-size: 28px;
-}
-.pf-plugins-page .pf-plugins-grid {
-  display: inline-grid;
-  grid-template-columns: repeat(6, auto);
-  row-gap: 6px;
-  column-gap: 10px;
-}
-.pf-plugins-page .pf-tag {
-  padding: 3px 6px;
-  display: inline;
-  width: 100px;
-  text-align: center;
-  border-radius: 2px;
-}
-.pf-plugins-page .pf-tag.pf-active {
-  background: lightgreen;
-}
-.pf-plugins-page .pf-tag.pf-inactive {
-  background: lightcoral;
-}
-
-.pf-anchor {
-  display: inline-block;
-  line-height: 1;
-  text-decoration: none;
-  color: #3d5688;
-  cursor: pointer;
-  border-bottom: dotted 1px #3d5688;
-  transition: box-shadow 150ms cubic-bezier(0.4, 0, 0.2, 1), background 150ms cubic-bezier(0.4, 0, 0.2, 1);
-}
-.pf-anchor > .material-icons {
-  float: right;
-  margin: 0 0 0 0px;
-  font-size: inherit;
-  line-height: inherit;
-  color: inherit;
-}
-.pf-anchor:hover {
-  border-bottom-style: solid;
-  background: rgba(0, 0, 0, 0.0666666667);
-  box-shadow: 0 1px 0 #3d5688;
-}
-.pf-anchor:focus-visible {
-  outline: 2px auto #64b5f6;
-}
-
-.pf-button {
-  font-family: "Roboto Condensed", sans-serif;
-  line-height: 1;
-  user-select: none;
-  transition: background 150ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0.4, 0, 0.2, 1);
-  border-radius: 2px;
-  padding: 4px 8px;
-  white-space: nowrap;
-  min-width: max-content;
-  background: none;
-  color: inherit;
-}
-.pf-button > .pf-left-icon {
-  float: left;
-  margin-right: 6px;
-}
-.pf-button > .pf-right-icon {
-  float: right;
-  margin-left: 6px;
-}
-.pf-button > .material-icons, .pf-button > .material-icons-filled {
-  font-size: inherit;
-  line-height: inherit;
-}
-.pf-button:focus-visible {
-  outline: 2px auto #64b5f6;
-}
-.pf-button:hover {
-  background: rgba(0, 0, 0, 0.0666666667);
-}
-.pf-button:active, .pf-button.pf-active {
-  background: rgba(0, 0, 0, 0.1333333333);
-}
-.pf-button[disabled] {
-  color: #aaa;
-  background: none;
-  cursor: not-allowed;
-}
-.pf-button.pf-intent-primary {
-  color: #fff;
-  background: #3d5688;
-}
-.pf-button.pf-intent-primary:hover {
-  background: #4966a2;
-}
-.pf-button.pf-intent-primary:active, .pf-button.pf-intent-primary.pf-active {
-  transition: none;
-  background: #243e71;
-  box-shadow: inset 1px 1px 4px rgba(0, 0, 0, 0.2509803922);
-}
-.pf-button.pf-intent-primary[disabled] {
-  background: #666;
-  color: #aaa;
-  box-shadow: none;
-  cursor: not-allowed;
-}
-.pf-button.pf-compact {
-  padding: 2px 4px;
-}
-.pf-button.pf-compact > .pf-left-icon {
-  margin-right: 2px;
-}
-.pf-button.pf-compact > .pf-right-icon {
-  margin-left: 2px;
-}
-.pf-button.pf-icon-only {
-  padding: 4px;
-}
-.pf-button.pf-icon-only > .pf-left-icon {
-  margin: 0;
-}
-.pf-button.pf-icon-only.pf-compact {
-  padding: 0;
-}
-
-.pf-button-bar {
-  display: flex;
-  flex-direction: row;
-  gap: 2px;
-}
-
-.pf-callout {
-  display: flex;
-  font-family: inherit;
-  font-size: inherit;
-  line-height: 1;
-  color: #19212b;
-  background: rgb(239, 239, 239);
-  border-radius: 2px;
-  padding: 4px;
-  border: solid lightgray 1px;
-}
-.pf-callout > .pf-left-icon {
-  font-size: inherit;
-  margin-right: 6px;
-  align-items: baseline;
-}
-
-.pf-checkbox {
-  display: inline-block;
-  position: relative;
-  font-family: "Roboto Condensed", sans-serif;
-  font-size: inherit;
-  color: #19212b;
-  user-select: none;
-  cursor: pointer;
-  padding-left: 24px;
-}
-.pf-checkbox input {
-  position: absolute;
-  opacity: 0;
-  pointer-events: none;
-}
-.pf-checkbox span {
-  position: absolute;
-  left: 0;
-  top: 0;
-  bottom: 0;
-  margin-top: auto;
-  margin-bottom: auto;
-  height: 18px;
-  width: 18px;
-  border-radius: 2px;
-  border: solid 2px #19212b;
-  transition: background 150ms cubic-bezier(0.4, 0, 0.2, 1);
-  background: none;
-}
-.pf-checkbox span:after {
-  content: "";
-  display: block;
-  position: absolute;
-  bottom: 7.5px;
-  left: 1px;
-  width: 0px;
-  height: 0px;
-  border-color: #fff;
-  border-style: solid;
-  border-width: 0;
-  transform-origin: 0% 100%;
-  transform: rotate(45deg);
-  transition: height 150ms linear, width 100ms 150ms linear, border-width 0ms 250ms;
-}
-.pf-checkbox:hover span {
-  background: rgba(0, 0, 0, 0.0666666667);
-}
-.pf-checkbox input:checked + span {
-  border-color: #3d5688;
-  background: #3d5688;
-}
-.pf-checkbox input:focus-visible + span {
-  outline: 2px auto #64b5f6;
-}
-.pf-checkbox input:checked + span:after {
-  width: 5px;
-  height: 9px;
-  border-width: 0 2px 2px 0;
-  transition: width 150ms linear, height 150ms 100ms linear, border-width 0ms;
-}
-.pf-checkbox.pf-disabled {
-  cursor: not-allowed;
-  color: #aaa;
-}
-.pf-checkbox.pf-disabled span {
-  border-color: #aaa;
-  background: none;
-}
-.pf-checkbox.pf-disabled span:after {
-  border-color: #fff;
-}
-.pf-checkbox.pf-disabled input:checked ~ span {
-  border-color: #666;
-  background: #666;
-}
-
-.pf-details-shell {
-  font-family: "Roboto Condensed", sans-serif;
-  display: flex;
-  flex-direction: column;
-}
-.pf-details-shell .pf-header-bar {
-  z-index: 1;
-  display: flex;
-  flex-direction: row;
-  align-items: baseline;
-  gap: 6px;
-  background-color: white;
-  color: black;
-  padding: 8px 8px 5px 8px;
-  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
-}
-.pf-details-shell .pf-header-bar .pf-header-title {
-  font-size: 18px;
-  min-width: min-content;
-  white-space: nowrap;
-}
-.pf-details-shell .pf-header-bar .pf-header-description {
-  font-size: 14px;
-  flex-grow: 1;
-  flex-shrink: 1;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  overflow: hidden;
-}
-.pf-details-shell .pf-header-bar .pf-header-buttons {
-  display: flex;
-  min-width: min-content;
-  gap: 4px;
-  align-items: baseline;
-}
-.pf-details-shell .pf-content {
-  flex-grow: 1;
-  overflow-x: auto;
-}
-.pf-details-shell.pf-fill-parent {
-  height: 100%;
-  overflow-y: hidden;
-}
-.pf-details-shell.pf-fill-parent .pf-content {
-  overflow-y: auto;
-}
-
-.pf-editor {
-  width: 100%;
-}
-.pf-editor .cm-editor {
-  height: 100%;
-}
-
-.pf-empty-state {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  padding: 10px;
-  user-select: none;
-  color: #19212b;
-  margin: auto;
-  justify-content: center;
-  max-width: 100%;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-.pf-empty-state > i {
-  font-size: 5em;
-  margin-bottom: 8px;
-}
-.pf-empty-state .pf-empty-state-title {
-  text-align: center;
-  font-weight: bolder;
-  margin-bottom: 2px;
-}
-.pf-empty-state .pf-empty-state-content {
-  text-align: center;
-  font-size: smaller;
-}
-
-.pf-error {
-  padding: 20px 10px;
-  color: hsl(350, 50%, 50%);
-  font-family: "Roboto Condensed", sans-serif;
-  font-weight: 300;
-}
-
-.pf-flamegraph {
-  height: 100%;
-  overflow-y: hidden;
-}
-.pf-flamegraph .loading-container {
-  font-size: larger;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  height: 100%;
-}
-.pf-flamegraph .filter-bar {
-  margin: 6px 8px;
-  display: flex;
-  column-gap: 8px;
-  align-items: start;
-}
-.pf-flamegraph .filter-bar .pf-tag-input {
-  flex-grow: 1;
-}
-.pf-flamegraph .filter-bar .pf-select {
-  flex-shrink: 0;
-}
-.pf-flamegraph .popup-anchor {
-  width: 0px;
-  height: 0px;
-  position: absolute;
-}
-.pf-flamegraph canvas {
-  user-select: none;
-}
-.pf-flamegraph .canvas-container {
-  height: 100%;
-  position: relative;
-  overflow-y: auto;
-}
-
-.pf-flamegraph-filter-bar-popup-content {
-  white-space: pre-line;
-  width: max-content;
-  font-family: "Roboto Condensed", sans-serif;
-}
-
-.pf-flamegraph-tooltip-popup {
-  width: max-content;
-  font-family: "Roboto Condensed", sans-serif;
-  font-size: 15px;
-  display: flex;
-  flex-direction: column;
-  padding: 4px;
-}
-.pf-flamegraph-tooltip-popup .tooltip-text-line {
-  display: flex;
-  cursor: text;
-  padding-top: 4px;
-  gap: 4px;
-}
-.pf-flamegraph-tooltip-popup .tooltip-text {
-  cursor: text;
-}
-.pf-flamegraph-tooltip-popup .tooltip-bold-text {
-  font-weight: 600;
-  cursor: text;
-}
-.pf-flamegraph-tooltip-popup .pf-button-bar {
-  padding-top: 16px;
-}
-
-.pf-form {
-  display: grid;
-  grid-template-columns: auto auto;
-  gap: 8px;
-  font-family: "Roboto Condensed", sans-serif;
-}
-.pf-form .pf-form-button-bar {
-  grid-column: span 2;
-  margin-top: 6px;
-  display: flex;
-  justify-content: right;
-  flex-direction: row-reverse;
-  align-items: center;
-  gap: 2px;
-}
-.pf-form .pf-form-label {
-  font-weight: bolder;
-}
-
-.pf-menu .pf-form {
-  margin: 0 4px;
-}
-
-.pf-grid-layout {
-  display: grid;
-  gap: 8px;
-  grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
-  margin: 8px;
-  align-items: start;
-}
-.pf-grid-layout > .pf-grid-layout-column {
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-}
-.pf-grid-layout td {
-  word-break: break-all;
-}
-
-.pf-keycap {
-  user-select: none;
-  line-height: 1;
-  background-color: #fafbfc;
-  border: 1px solid #d1d5da;
-  border-bottom-color: #c6cbd1;
-  border-radius: 3px;
-  box-shadow: inset 0 -1px 0 #c6cbd1;
-  color: #444d56;
-  display: inline-block;
-  font-family: "Roboto Condensed", sans-serif;
-  vertical-align: baseline;
-  padding: 2px 4px;
-}
-.pf-keycap i {
-  font-size: inherit;
-  vertical-align: baseline;
-  line-height: 1;
-  float: left;
-}
-
-.pf-hotkey {
-  display: flex;
-  flex-direction: row;
-  gap: 2px;
-}
-
-.pf-popup-menu.pf-popup .pf-popup-content {
-  padding: 0;
-}
-
-.pf-menu {
-  display: flex;
-  flex-direction: column;
-  align-items: stretch;
-  margin: 4px 0;
-}
-.pf-menu .pf-menu-item {
-  font-family: "Roboto Condensed", sans-serif;
-  user-select: none;
-  text-align: left;
-  padding: 5px 10px;
-  white-space: nowrap;
-  min-width: max-content;
-  cursor: pointer;
-  background: none;
-  color: #19212b;
-}
-.pf-menu .pf-menu-item > .material-icons {
-  font-size: inherit;
-  line-height: inherit;
-}
-.pf-menu .pf-menu-item > .pf-left-icon {
-  float: left;
-  margin-right: 6px;
-}
-.pf-menu .pf-menu-item > .pf-right-icon {
-  float: right;
-  margin-left: 6px;
-}
-.pf-menu .pf-menu-item:hover {
-  background: rgba(0, 0, 0, 0.0666666667);
-}
-.pf-menu .pf-menu-item:active, .pf-menu .pf-menu-item.pf-active {
-  background: rgba(0, 0, 0, 0.1333333333);
-}
-.pf-menu .pf-menu-item[disabled] {
-  color: #aaa;
-  background: none;
-  box-shadow: none;
-  cursor: not-allowed;
-}
-.pf-menu .pf-menu-item:focus-visible {
-  outline: 2px auto #64b5f6;
-}
-.pf-menu .pf-menu-divider {
-  border-bottom: solid 1px #aaa;
-  margin: 5px 0 5px 0;
-}
-
-.pf-list {
-  overflow-y: auto;
-}
-
-.pf-multi-select-fixed-size {
-  max-height: 300px;
-}
-
-.pf-multiselect-panel {
-  font-family: "Roboto Condensed", sans-serif;
-  display: flex;
-  flex-direction: column;
-  align-items: stretch;
-  width: 280px;
-}
-.pf-multiselect-panel > .pf-search-bar {
-  margin-bottom: 8px;
-  display: flex;
-}
-.pf-multiselect-panel > .pf-search-bar > .pf-search-box {
-  flex-grow: 1;
-}
-.pf-multiselect-panel .pf-multiselect-item {
-  display: block;
-  margin-top: 5px;
-}
-.pf-multiselect-panel .pf-multiselect-header {
-  align-items: baseline;
-  display: flex;
-  position: sticky;
-  top: 0;
-  font-size: 1em;
-  background-color: white;
-  z-index: 1;
-  font-size: 0.75em;
-  border-bottom: solid 1px #19212b;
-  padding-bottom: 2px;
-  min-width: max-content;
-}
-.pf-multiselect-panel .pf-multiselect-header > span {
-  margin-right: auto;
-}
-.pf-multiselect-panel .pf-multiselect-container {
-  position: relative;
-  margin-bottom: 16px;
-}
-
-.pf-popup-portal {
-  position: absolute;
-  z-index: 10;
-  width: 100%;
-}
-
-.pf-popup {
-  background: white;
-  border: solid 1px #aaa;
-  border-radius: 2px;
-  box-shadow: 2px 2px 16px rgba(0, 0, 0, 0.2);
-}
-.pf-popup .pf-popup-content {
-  position: relative;
-  padding: 4px;
-}
-
-.pf-popup-arrow,
-.pf-popup-arrow::before {
-  position: absolute;
-  width: 8px;
-  height: 8px;
-  background: inherit;
-  border: inherit;
-}
-
-.pf-popup-arrow {
-  visibility: hidden;
-}
-
-.pf-popup-arrow::before {
-  visibility: visible;
-  content: "";
-  transform: rotate(45deg);
-}
-
-.pf-popup[data-popper-placement^=top] > .pf-popup-arrow {
-  bottom: -4px;
-  border-top: none;
-  border-left: none;
-}
-
-.pf-popup[data-popper-placement^=bottom] > .pf-popup-arrow {
-  top: -6px;
-  border-bottom: none;
-  border-right: none;
-}
-
-.pf-popup[data-popper-placement^=left] > .pf-popup-arrow {
-  right: -4px;
-  border-bottom: none;
-  border-left: none;
-}
-
-.pf-popup[data-popper-placement^=right] > .pf-popup-arrow {
-  left: -6px;
-  border-top: none;
-  border-right: none;
-}
-
-.pf-section {
-  border-radius: 2px;
-  border: 1px solid rgba(0, 0, 0, 0.2);
-}
-.pf-section header {
-  padding: 6px;
-  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
-}
-.pf-section article {
-  padding: 6px;
-  font-size: 14px;
-}
-
-.pf-segmented-buttons {
-  display: flex;
-  flex-direction: row;
-}
-.pf-segmented-buttons .pf-button {
-  border-radius: 0;
-}
-.pf-segmented-buttons .pf-button:first-child {
-  border-radius: 2px 0 0 2px;
-}
-.pf-segmented-buttons .pf-button:last-child {
-  border-radius: 0 2px 2px 0;
-}
-
-.pf-select {
-  font-family: "Roboto Condensed", sans-serif;
-  font-size: inherit;
-  outline: none;
-  border: none;
-  border-bottom: solid 1px #19212b;
-  background: none;
-  transition: border 150ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0.4, 0, 0.2, 1), background 150ms cubic-bezier(0.4, 0, 0.2, 1);
-  border-radius: 2px 2px 0 0;
-  cursor: pointer;
-  min-width: 80px;
-}
-.pf-select > .material-icons {
-  font-size: inherit;
-  line-height: inherit;
-  float: left;
-}
-.pf-select:hover {
-  background: rgba(0, 0, 0, 0.0666666667);
-}
-.pf-select:focus {
-  background: rgba(0, 0, 0, 0.0666666667);
-  border-bottom: solid 1px #3d5688;
-  box-shadow: 0 1px 0 #3d5688;
-}
-.pf-select[disabled] {
-  border-bottom-color: #aaa;
-  color: #aaa;
-  background: none;
-  cursor: not-allowed;
-}
-
-@keyframes pf-spinner-rotation {
-  from {
-    transform: rotate(0deg);
-  }
-  to {
-    transform: rotate(360deg);
-  }
-}
-.pf-spinner {
-  display: inline-block;
-  width: 1em;
-  height: 1em;
-  border: solid 0.1em lightgray;
-  border-top: solid 0.1em #3d5688;
-  border-radius: 50%;
-  animation: pf-spinner-rotation 1s infinite linear;
-}
-.pf-spinner.easing {
-  animation-timing-function: ease-in-out;
-}
-
-.pf-switch {
-  display: inline-block;
-  position: relative;
-  font-family: "Roboto Condensed", sans-serif;
-  font-size: inherit;
-  color: #19212b;
-  user-select: none;
-  cursor: pointer;
-  padding-left: 38px;
-}
-.pf-switch input {
-  position: absolute;
-  opacity: 0;
-  pointer-events: none;
-}
-.pf-switch span {
-  position: absolute;
-  left: 0;
-  top: 0;
-  bottom: 0;
-  margin-top: auto;
-  margin-bottom: auto;
-  height: 16px;
-  width: 32px;
-  border-radius: 8px;
-  transition: background 150ms cubic-bezier(0.4, 0, 0.2, 1);
-  background: grey;
-  vertical-align: middle;
-}
-.pf-switch span:after {
-  content: "";
-  display: block;
-  position: absolute;
-  left: 2px;
-  top: 0;
-  bottom: 0;
-  margin-top: auto;
-  margin-bottom: auto;
-  width: 12px;
-  height: 12px;
-  background: #fff;
-  box-sizing: border-box;
-  border-radius: 50%;
-  transition: left 150ms cubic-bezier(0.4, 0, 0.2, 1);
-}
-.pf-switch input:checked + span {
-  background: #3d5688;
-}
-.pf-switch input:checked + span:after {
-  left: 18px;
-}
-.pf-switch input:focus-visible + span {
-  outline: 2px auto #64b5f6;
-}
-.pf-switch.pf-disabled {
-  cursor: not-allowed;
-  color: #aaa;
-}
-.pf-switch.pf-disabled span {
-  border-color: #aaa;
-  background: #aaa;
-}
-.pf-switch.pf-disabled span:after {
-  border-color: #aaa;
-}
-.pf-switch.pf-disabled input:checked ~ span {
-  border-color: #666;
-  background: #666;
-}
-
-.pf-tag-input {
-  display: flex;
-  align-items: baseline;
-  flex-wrap: wrap;
-  font-family: "Roboto Condensed", sans-serif;
-  font-size: inherit;
-  outline: none;
-  border: none;
-  border-bottom: solid 1px #19212b;
-  background: none;
-  transition: border 150ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0.4, 0, 0.2, 1), background 150ms cubic-bezier(0.4, 0, 0.2, 1);
-  border-radius: 2px 2px 0 0;
-}
-.pf-tag-input input {
-  outline: none;
-  border: none;
-  background: none;
-  font-family: inherit;
-  font-size: inherit;
-  flex-grow: 1;
-}
-.pf-tag-input i {
-  cursor: pointer;
-  font-size: smaller;
-  margin-left: 2px;
-}
-.pf-tag-input .pf-tag {
-  border-radius: 2px;
-  background: #3d5688;
-  margin-right: 2px;
-  color: #fff;
-  padding-inline: 4px;
-  white-space: nowrap;
-}
-.pf-tag-input:hover {
-  background: rgba(0, 0, 0, 0.0666666667);
-}
-.pf-tag-input:focus-within {
-  background: rgba(0, 0, 0, 0.0666666667);
-  border-bottom: solid 1px #3d5688;
-  box-shadow: 0 1px 0 #3d5688;
-}
-
-.pf-text-input {
-  font-family: "Roboto Condensed", sans-serif;
-  font-size: inherit;
-  outline: none;
-  border: none;
-  border-bottom: solid 1px #19212b;
-  background: none;
-  transition: border 150ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0.4, 0, 0.2, 1), background 150ms cubic-bezier(0.4, 0, 0.2, 1);
-  border-radius: 2px 2px 0 0;
-}
-.pf-text-input:hover {
-  background: rgba(0, 0, 0, 0.0666666667);
-}
-.pf-text-input:focus {
-  background: rgba(0, 0, 0, 0.0666666667);
-  border-bottom: solid 1px #3d5688;
-  box-shadow: 0 1px 0 #3d5688;
-}
-.pf-text-input[disabled] {
-  border-bottom-color: #aaa;
-  color: #aaa;
-  background: none;
-  cursor: not-allowed;
-}
-
-.pf-text-paragraph {
-  white-space: pre-wrap;
-  padding-top: 5px;
-  padding-bottom: 5px;
-  word-break: break-word;
-}
-
-.pf-timecode .pf-timecode-millis {
-  margin-left: 1px;
-}
-.pf-timecode .pf-timecode-micros {
-  margin-left: 2px;
-}
-.pf-timecode .pf-timecode-nanos {
-  margin-left: 2px;
-}
-.pf-timecode .pf-button {
-  margin-left: 2px;
-}
-
-.pf-tree {
-  font-family: "Roboto Condensed", sans-serif;
-  display: grid;
-  grid-template-columns: [left] auto [right] 1fr;
-  row-gap: 5px;
-}
-.pf-tree .pf-tree-node {
-  display: contents;
-}
-.pf-tree .pf-tree-node:hover {
-  background: hsl(214, 22%, 90%);
-}
-.pf-tree .pf-tree-node .pf-tree-left {
-  grid-column: left;
-  background: inherit;
-  min-width: max-content;
-  border-radius: 2px 0 0 2px;
-  font-weight: bolder;
-}
-.pf-tree .pf-tree-node .pf-tree-right {
-  grid-column: right;
-  background: inherit;
-  padding: 0 0 0 15px;
-  border-radius: 0 2px 2px 0;
-  overflow-wrap: break-word;
-  white-space: pre-wrap;
-  min-width: 0;
-}
-.pf-tree .pf-tree-node .pf-tree-gutter {
-  display: inline-flex;
-  position: relative;
-  width: 16px;
-  justify-content: center;
-  align-items: center;
-}
-.pf-tree .pf-tree-node.pf-collapsed > .pf-tree-left > .pf-tree-gutter {
-  cursor: pointer;
-}
-.pf-tree .pf-tree-node.pf-collapsed > .pf-tree-left > .pf-tree-gutter::after {
-  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='8' width='8'%3E%3Cline x1='2' y1='0' x2='6' y2='4' stroke='black'/%3E%3Cline x1='6' y1='4' x2='2' y2='8' stroke='black'/%3E%3C/svg%3E");
-}
-.pf-tree .pf-tree-node.pf-expanded > .pf-tree-left > .pf-tree-gutter {
-  cursor: pointer;
-}
-.pf-tree .pf-tree-node.pf-expanded > .pf-tree-left > .pf-tree-gutter::after {
-  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='8' width='8'%3E%3Cline x1='2' y1='0' x2='6' y2='4' stroke='black'/%3E%3Cline x1='6' y1='4' x2='2' y2='8' stroke='black'/%3E%3C/svg%3E");
-  rotate: 90deg;
-}
-.pf-tree .pf-tree-node.pf-loading > .pf-tree-left > .pf-tree-gutter::after {
-  content: "";
-  border: solid 1px lightgray;
-  border-top: solid 1px #3d5688;
-  animation: pf-spinner-rotation 1s infinite linear;
-  width: 8px;
-  height: 8px;
-  border-radius: 50%;
-}
-.pf-tree .pf-tree-node .pf-tree-indent-gutter {
-  display: block;
-  position: relative;
-}
-.pf-tree .pf-tree-node.pf-collapsed + .pf-tree-children {
-  display: none;
-}
-.pf-tree .pf-tree-children {
-  display: grid;
-  grid-column: 1/span 2;
-  grid-template-columns: subgrid;
-  row-gap: 5px;
-  border-left: solid rgba(0, 0, 0, 0.2) 1px;
-  margin-left: 6px;
-  padding-left: 6px;
-}
-
-.pf-treetable {
-  font-family: "Roboto Condensed", sans-serif;
-  border-collapse: collapse;
-  text-align: left;
-}
-.pf-treetable th {
-  text-align: left;
-  padding: 2px 8px;
-  border-bottom: solid 1px grey;
-  font-weight: bolder;
-}
-.pf-treetable td {
-  padding: 2px 8px;
-  text-align: left;
-  padding-left: calc(var(--indentation-level) * 12px + 4px);
-}
-.pf-treetable td .pf-treetable-gutter {
-  display: inline;
-}
-.pf-treetable td .pf-treetable-gutter::before {
-  content: " ";
-  display: inline-block;
-  position: relative;
-  width: 12px;
-}
-.pf-treetable td.pf-treetable-maincol {
-  font-weight: bolder;
-}
-.pf-treetable td.pf-treetable-node .pf-treetable-gutter::before {
-  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='8' width='8'%3E%3Cline x1='2' y1='0' x2='6' y2='4' stroke='black'/%3E%3Cline x1='6' y1='4' x2='2' y2='8' stroke='black'/%3E%3C/svg%3E");
-  display: inline-block;
-  cursor: pointer;
-  width: 12px;
-  rotate: 90deg;
-}
-.pf-treetable td.pf-treetable-node.pf-collapsed .pf-treetable-gutter::before {
-  rotate: 0deg;
-}
-
-.pf-vega-view {
-  border-radius: 2px;
-  border: solid 1px #aaa;
-  color: #19212b;
-  position: relative;
-}
-
-.pf-vega-view-status {
-  backdrop-filter: grayscale(1) blur(6px);
-  background-color: none;
-  height: 100%;
-  width: 100%;
-  padding: 1rem;
-  position: absolute;
-  top: 0;
-}
-
-.pf-virtual-scroll-container {
-  overflow: auto;
-  height: 100%;
-}
-
-@layer widgets {
-  .pf-vtable {
-    overflow: auto;
-    font-family: "Roboto Condensed", sans-serif;
-    position: relative;
-    background: white;
-  }
-  .pf-vtable .pf-vtable-content {
-    display: inline-flex;
-    flex-direction: column;
-    min-width: 100%;
-  }
-  .pf-vtable .pf-vtable-content .pf-vtable-header {
-    font-weight: bold;
-    position: sticky;
-    top: 0;
-    z-index: 1;
-    background: white;
-    white-space: nowrap;
-    padding-inline: 4px;
-    box-shadow: rgba(0, 0, 0, 0.0666666667) 0px 0px 8px;
-  }
-  .pf-vtable .pf-vtable-content .pf-vtable-data {
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    margin-right: 8px;
-    display: inline-block;
-  }
-  .pf-vtable .pf-vtable-content .pf-vtable-slider {
-    overflow: hidden;
-    overflow: hidden;
-    background: repeating-linear-gradient(-45deg, #ddd, #ddd 1.4142135624px, white 1.4142135624px, white 2.8284271247px);
-  }
-  .pf-vtable .pf-vtable-content .pf-vtable-slider .pf-vtable-puck .pf-vtable-row {
-    display: flex;
-    align-items: center;
-    white-space: nowrap;
-    padding-inline: 4px;
-  }
-  .pf-vtable .pf-vtable-content .pf-vtable-slider .pf-vtable-puck .pf-vtable-row:nth-child(odd) {
-    background-color: hsl(214, 22%, 95%);
-  }
-  .pf-vtable .pf-vtable-content .pf-vtable-slider .pf-vtable-puck .pf-vtable-row:nth-child(even) {
-    background-color: white;
-  }
-  .pf-vtable .pf-vtable-content .pf-vtable-slider .pf-vtable-puck .pf-vtable-row:hover {
-    background-color: hsl(214, 22%, 90%);
-  }
-}
-
-/*# sourceMappingURL=perfetto.css.map */