.legend[data-v-724746b9] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--ks-spacing-3);
  margin-bottom: var(--ks-spacing-2);
  font-size: var(--ks-font-size-2xs);
  color: var(--ks-text-secondary);
}
.legend.center[data-v-724746b9] {
  justify-content: center;
}
.legend .item[data-v-724746b9] {
  display: inline-flex;
  align-items: center;
  gap: var(--ks-spacing-2);
  white-space: nowrap;
  cursor: pointer;
  transition: opacity var(--ks-duration-fast) ease;
}
.legend .item.off[data-v-724746b9] {
  opacity: 0.4;
}
.legend .line[data-v-724746b9] {
  width: 14px;
  height: 2px;
  flex-shrink: 0;
  border-radius: var(--ks-radius-sm);
  background: var(--ks-chart-duration);
}
.legend .ellipsis[data-v-724746b9] {
  display: inline-flex;
  align-items: center;
  line-height: 1;
  color: var(--ks-text-primary);
  cursor: pointer;
}.chart[data-v-9f3d2d7b] {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 200px;
}
.chart.short[data-v-9f3d2d7b] {
  height: 40px;
  min-height: 0;
}
.chart.execution[data-v-9f3d2d7b] {
  height: 120px;
  min-height: 0;
}
.chart .canvas[data-v-9f3d2d7b] {
  flex: 1;
  min-height: 0;
}
.empty[data-v-9f3d2d7b] {
  min-height: 200px;
}