@import './var.css';

SScatterPlot {
  fill: var(--intergalactic-chart-palette-order-1, oklch(0.58 0.168 278.2));
  transition-property: cx, cy;
  transition-duration: var(--duration);
  transition-timing-function: ease-in-out;
  opacity: 0.5;

  &:hover {
    opacity: 0.8;
  }
}

SScatterPlot[color] {
  fill: var(--color);
}

SScatterPlot[pattern][color] {
  fill: var(--pattern);
  stroke: var(--color);
  stroke-width: 1px;
}

SScatterPlot[transparent] {
  opacity: 0.3;
}

SValue {
  text-anchor: middle;
  font-size: var(--intergalactic-fs-50, 10px);
  stroke: var(--intergalactic-chart-palette-order-9, oklch(0.53 0.157 279.2));
}

SValue[color] {
  stroke: var(--color);
}

SValue[transparent] {
  opacity: 0.3;
}