@use "../../styles/typography" as type;

.root {
  width: 100%;
}

.scroller {
  width: 100%;
  overflow: hidden;
}

.canvas {
  width: 100%;
  flex: 0 0 auto;
}

.axis {
  position: relative;
  width: 100%;
  height: 18px;
  margin-top: 10px;
  color: var(--vscode-descriptionForeground);
  font-size: type.$font-size-2xs;

  span {
    position: absolute;
    top: 0;
    width: 28px;
    white-space: nowrap;
  }
}

.tooltipContent {
  display: flex;
  flex-direction: column;
}