$axis-stroke: var(--wds-color-black-550, var(--wsr-color-D55, #cfd1dc));
$axis-text-color: var(--wds-color-black-400, var(--wsr-color-D40, #868aa5));

.stacked-bar-chart {
  position: relative;

  &__y-axis {
    font-family: var(
      --wds-font-family-default,
      var(
        --wsr-font-family,
        Madefor,
        'Helvetica Neue',
        Helvetica,
        Arial,
        'メイリオ',
        'meiryo',
        'ヒラギノ角ゴ pro w3',
        'hiragino kaku gothic pro',
        sans-serif
      )
    );
    font-size: var(--wds-font-size-body-tiny, var(--wsr-text-font-size-tiny, 12px));
    font-weight: var(
      --wds-font-weight-regular,
      var(--wsr-font-weight-regular, 400)
    );
    line-height: var(
      --wds-font-line-height-body-tiny,
      var(--wsr-text-line-height-tiny, 15px)
    );
    letter-spacing: var(--wds-font-letter-spacing-0, unset);
    height: 15px;
  }

  &__y-axis line {
    stroke-dasharray: 5, 5;
    stroke: $axis-stroke;
  }

  &__y-axis path {
    display: none;
  }

  &__y-axis text {
    text-anchor: end;
    color: $axis-text-color;
  }

  &__label {
    position: absolute;
    text-align: center;
    width: 50px;
  }

  &__tooltip {
    position: absolute;
  }

  &__tooltip-trigger {
    width: 48px;
    background: none;
    border: none;
  }
}