pre.svelte-1hbvk7r {
  overflow: auto;
  max-height: 50vh;
  max-width: 50vw;
  padding: 1rem;
  background-color: var(--color-grey-100);
  color: var(--color-white);
  margin: 0;
  border-radius: var(--lib-control-border-radius);
  font-size: 0.75rem;
}

.chart.svelte-1hbvk7r {
  position: relative;
  display: grid;
  height: 100px;
  width: 100%;
  grid-template-columns: repeat(8, 1fr);
  gap: 1px;
  background-color: var(--color-grey-20);
  border: 1px solid var(--lib-color-primary);
  overflow: hidden;
}
.chart.svelte-1hbvk7r .segment:where(.svelte-1hbvk7r) {
  background-color: var(--color-grey-40);
}
.chart.svelte-1hbvk7r .segment.active:where(.svelte-1hbvk7r) {
  background-color: var(--lib-color-primary);
}
.chart.svelte-1hbvk7r .indicator:where(.svelte-1hbvk7r) {
  position: absolute;
  left: 50%;
  top: 0;
  height: 100%;
  width: 2px;
  background-color: var(--lib-color-accent);
}

.sliders.svelte-1hbvk7r {
  display: grid;
  grid-template-columns: auto min-content;
  font-size: 16px;
  gap: 2px;
}
.sliders.svelte-1hbvk7r .slider:where(.svelte-1hbvk7r) {
  display: flex;
  flex-direction: column;
  gap: 0;
  accent-color: var(--color-grey-40);
}
.sliders.svelte-1hbvk7r .slider.active:where(.svelte-1hbvk7r) {
  accent-color: var(--lib-color-primary);
}
.sliders.svelte-1hbvk7r .label:where(.svelte-1hbvk7r) {
  font-family: monospace;
  text-align: end;
}pre.svelte-1h6unip {
  overflow: auto;
  max-height: 50vh;
  max-width: 50vw;
  padding: 1rem;
  background-color: var(--color-grey-100);
  color: var(--color-white);
  margin: 0;
  border-radius: var(--lib-control-border-radius);
  font-size: 0.75rem;
}.title.svelte-cz3v53 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
}.debug-panels.svelte-1ebjrts {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  font-size: 0.75rem;
  color: var(--color-text);
}

.heading.svelte-1ebjrts {
  font-weight: 600;
  text-transform: uppercase;
  font-size: 0.6875rem;
  color: var(--lib-control-text-muted);
}

.empty.svelte-1ebjrts {
  color: var(--lib-control-text-muted);
}

.entry.svelte-1ebjrts {
  padding: 0.375rem;
  border-radius: var(--lib-control-border-radius-sm);
  background-color: var(--color-grey-10);
}
.entry.dragging.svelte-1ebjrts {
  outline: 1px solid var(--lib-color-primary);
}

.entry-head.svelte-1ebjrts {
  display: flex;
  justify-content: space-between;
  gap: 0.5rem;
  font-weight: 600;
}

dl.svelte-1ebjrts {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0 0.5rem;
  margin: 0.25rem 0 0;
}

dt.svelte-1ebjrts {
  color: var(--lib-control-text-muted);
}

dd.svelte-1ebjrts {
  margin: 0;
  font-variant-numeric: tabular-nums;
}.sidebar-debugger.svelte-1cnpcib {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  align-content: start;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem;
}
.sidebar-debugger.svelte-1cnpcib .icon:where(.svelte-1cnpcib) {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--lib-control-icon);
}
.sidebar-debugger.svelte-1cnpcib .active:where(.svelte-1cnpcib) {
  color: var(--lib-color-primary);
  font-weight: 500;
}.title.svelte-9bj4gj {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
}.debugger.svelte-78e36n {
  position: fixed;
  top: 50%;
  right: 0;
  padding: 1rem;
  z-index: 100000;
  transform: translate(100%, -50%);
  transition: transform 0.3s ease-in-out, width 0.3s ease-in-out;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: min(var(--min-width, 15rem), 80vw);
  min-height: var(--min-height, 10rem);
  max-height: 90vh;
  color: var(--color-text);
  background-color: var(--color-white);
  border: 1px solid var(--color-grey-20);
  border-right: none;
  border-radius: var(--lib-control-border-radius-lg) 0 0 var(--lib-control-border-radius-lg);
  box-shadow: var(--lib-control-shadow-standard);
}
.debugger.svelte-78e36n .section-tabs:where(.svelte-78e36n) {
  position: absolute;
  top: 50%;
  right: 100%;
  transform: translate(0, -50%);
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 0.5rem;
}
.debugger.svelte-78e36n .section-tabs:where(.svelte-78e36n) .tab:where(.svelte-78e36n) {
  all: unset;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  color: var(--lib-control-icon);
  background-color: var(--color-white);
  border: 1px solid var(--color-grey-20);
  border-right: none;
  border-radius: var(--lib-control-border-radius) 0 0 var(--lib-control-border-radius);
}
.debugger.svelte-78e36n .section-tabs:where(.svelte-78e36n) .tab:where(.svelte-78e36n):hover {
  color: var(--lib-control-icon-hover);
  background-color: var(--color-grey-10);
}
.debugger.svelte-78e36n .section-tabs:where(.svelte-78e36n) .tab.active:where(.svelte-78e36n) {
  width: 2.5rem;
  color: var(--lib-control-icon-active);
}
.debugger.svelte-78e36n hr:where(.svelte-78e36n) {
  border: 0;
  border-top: 1px solid var(--color-grey-20);
  width: 100%;
  margin: 0;
}
.debugger.open.svelte-78e36n {
  transform: translate(0, -50%);
}
.debugger.svelte-78e36n .title:where(.svelte-78e36n) {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  font-weight: 600;
  text-transform: uppercase;
}