/**
 * Copyright (c) HashiCorp, Inc.
 * SPDX-License-Identifier: MPL-2.0
 */

.tomography-graph {
  .background {
    fill: var(--token-color-surface-strong);
  }
  .axis {
    fill: none;
    stroke: var(--token-color-palette-neutral-300);
    stroke-dasharray: 4 4;
  }
  .border {
    fill: none;
    stroke: var(--token-color-palette-neutral-300);
  }
  .point {
    stroke: var(--token-color-foreground-disabled);
    fill: var(--token-color-consul-foreground);
  }
  .lines rect {
    fill: var(--token-color-consul-foreground);
    stroke: transparent;
    stroke-width: 5px;
  }
  .lines rect:hover {
    fill: var(--token-color-palette-neutral-300);
    height: 3px;
    y: -1px;
  }
  .tick line {
    stroke: var(--token-color-palette-neutral-300);
  }
  .tick text {
    text-anchor: start;
    color: var(--token-color-foreground-strong);
  }
}
