SAxis {
  stroke: var(--intergalactic-chart-grid-x-axis, oklch(0.88 0.002 175.6));
}

SAxis[hide] {
  display: none;
}

STick {
  font-size: var(--intergalactic-fs-100, 12px);
  fill: var(--intergalactic-chart-grid-text-label, oklch(0.088 0.026 147.7 / 0.583));
}
STick[primaryText] {
  fill: var(--intergalactic-text-primary, oklch(0.1 0.03 137 / 0.899));
}

STick[hide] {
  display: none;
}

SGrid {
  fill: transparent;
  stroke: var(--intergalactic-border-secondary, oklch(0.176 0.033 175.7 / 0.07));
}

STitle {
  font-size: var(--intergalactic-fs-100, 12px);
  fill: var(--intergalactic-text-hint, oklch(0.088 0.026 147.7 / 0.583));
  transform-origin: var(--transform-origin);
}

STitle[position='top'] {
  text-anchor: middle;
}

STitle[position='bottom'] {
  text-anchor: middle;
  dominant-baseline: hanging;
}

STitle[position='right'] {
  transform: rotate(-90deg);
  dominant-baseline: middle;
  text-anchor: middle;
}

STitle[position='left'] {
  transform: rotate(-90deg);
  text-anchor: middle;
  dominant-baseline: middle;
}
STitle[position='right'][verticalWritingMode],
STitle[position='left'][verticalWritingMode] {
  writing-mode: vertical-rl;
  transform: none;
}

STick[position='top'] {
  transform: translateY(-12px);
  text-anchor: middle;
}

STick[position='bottom'] {
  transform: translateY(12px);
  text-anchor: middle;
  dominant-baseline: hanging;

  tspan {
    dominant-baseline: hanging;
  }
}

STick[position='right'] {
  transform: translateX(16px);
  dominant-baseline: middle;

  tspan {
    dominant-baseline: middle;
  }

  &[multiline] {
    dominant-baseline: auto;

    tspan {
      dominant-baseline: auto;
    }
  }
}

STick[position='left'] {
  transform: translateX(-16px);
  text-anchor: end;
  dominant-baseline: middle;

  tspan {
    dominant-baseline: middle;
  }

  &[multiline] {
    dominant-baseline: auto;

    tspan {
      dominant-baseline: auto;
    }
  }
}

STick[position='custom_0'] {
  transform: translateY(12px);
  text-anchor: middle;
  dominant-baseline: hanging;

  tspan {
    dominant-baseline: hanging;
  }
}

STick[position='custom_1'] {
  transform: translateX(-16px);
  text-anchor: end;
  dominant-baseline: middle;

  tspan {
    dominant-baseline: middle;
  }
}