@import "../style";

.ptr-aster-chart {
}

.ptr-aster-chart-segment {
  fill: var(--accent50);
  stroke: var(--base0);
}

.ptr-aster-chart-segment-placeholder {
  fill: var(--base20);
  stroke: none;
  opacity: 0;
}

.ptr-aster-chart-segment-placeholder.highlighted {
  opacity: 1;
}

.ptr-aster-chart-grid-line {
  fill: none;
  stroke: var(--base40);
  stroke-width: 1;
  stroke-linecap: round;
  stroke-dasharray: 3, 6;
}

.ptr-aster-chart-grid-line.strong {
  stroke-dasharray: 1;
}

.ptr-aster-chart-grid-radial-caption {
  fill: var(--base50);
  font-size: $b1;
}

.ptr-aster-chart-grid-radial-line {
  fill: none;
  stroke: var(--base30);
  stroke-width: 1;
}

.ptr-aster-chart-grid-text {
  fill: var(--base75);
  font-size: $b1;
}

.ptr-aster-chart-grid-text-halo {
  fill: var(--base0);
  font-size: $b1;
}