.tv-load {
  min-width: 0;
  border: 1px solid var(--tv-border);
  border-radius: 8px;
  color: var(--tv-strong);
  background: #fbfcfb;
}
.tv-load > summary {
  padding: 12px 14px;
  font-weight: 650;
  cursor: pointer;
}
.tv-load[open] > summary { border-bottom: 1px solid var(--tv-border); }
.tv-load-body { min-width: 0; padding: 12px 14px; }
.tv-load-graph {
  position: relative;
  height: 88px;
  padding-block: 4px;
  border: 1px solid #253b32;
  border-radius: 5px;
  background: #192923;
  isolation: isolate;
}
.tv-load-bars { display: flex; height: 100%; }
.thread-viewer button.tv-load-bin {
  position: relative;
  min-width: 0;
  min-height: 0;
  height: 100%;
  padding: 0;
  margin: 0;
  border: 0;
  border-radius: 0;
  box-shadow: inset -1px 0 0 #172a2238;
  cursor: pointer;
}
.tv-load-bin[aria-pressed="true"]::after {
  position: absolute; inset: auto 0 0; height: 4px; content: "";
  background: #172a22; border-top: 2px solid white;
}
.tv-load-bin:focus-visible { z-index: 2; outline: 2px solid #fff !important; outline-offset: -3px !important; }
.tv-load-brush {
  position: absolute; inset-block: 0; min-width: 2px; pointer-events: none;
  border: 2px solid #fff; border-radius: 2px; box-sizing: border-box;
  box-shadow: inset 0 0 0 1px #19372b, 0 0 0 1px #19372b;
}
.tv-load-axis { display: flex; justify-content: space-between; margin-top: 3px; gap: 6px; color: var(--tv-dim); font: 11px/1.5 var(--mono); }
.tv-load-toolbar, .tv-load-readout, .tv-load-controls, .tv-load-legend, .tv-load-legend li {
  display: flex; align-items: center; flex-wrap: wrap;
}
.tv-load-toolbar { margin-top: 10px; justify-content: space-between; gap: 8px 14px; }
.tv-load-readout { gap: 4px 14px; overflow-wrap: anywhere; }
.tv-load-range { font-size: 12px; }
.tv-load-busy, .tv-load-dominant { color: #41594b; font-size: 12px; }
.tv-load-controls { gap: 5px; }
.tv-load-controls button { min-width: 32px; }
.tv-load-legend { list-style: none; gap: 3px 16px; margin: 8px 0 0; padding: 0; }
.tv-load-legend li { gap: 5px; color: #3e5146; font-size: 12px; }
.tv-load-legend i { width: 9px; height: 9px; border: 1px solid #0003; border-radius: 2px; }
.tv-load-legend strong { color: #213b2c; font: 600 11px/1.5 var(--mono); }
.tv-load-note { color: var(--tv-dim); margin: 8px 0 0; font-size: 11.5px; }
.tv-load > .tv-load-note { padding: 4px 14px 12px; }
@container (max-width: 550px) {
  .tv-load-body { padding: 10px; }
  .tv-load-readout { gap: 3px 10px; }
  .tv-load-range { flex-basis: 100%; }
}
@media (forced-colors: active) {
  .tv-load-bin { forced-color-adjust: none; }
  .tv-load-brush { border-color: Highlight; }
}