@import './var.css';

SArea {
  fill: var(--intergalactic-chart-palette-order-1, oklch(0.58 0.168 278.2));
  fill-opacity: 0.2;
}

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

SArea[pattern] {
  fill: var(--pattern);
  fill-opacity: 0.7;
}

SArea[transparent] {
  opacity: 0.3;
}

SAreaLine {
  stroke: var(--intergalactic-chart-palette-order-1, oklch(0.58 0.168 278.2));
  stroke-width: 3;
  fill: transparent;
}

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

SAreaLine[transparent] {
  opacity: 0.3;
}

SArea,
SAreaLine {
  transition-property: d;
  transition-duration: var(--duration);
  transition-timing-function: ease-in-out;
}

SNull {
  fill: transparent;
  stroke: var(--intergalactic-chart-grid-x-axis, oklch(0.88 0.002 175.6));
  stroke-dasharray: 4;
}

SNull[hide] {
  display: none;
}