.sparkline-chart {
  &__gradient-stop {
    stop-color: var(--wds-color-blue-100, var(--wsr-color-A1, #1684ea));
  }

  &__gradient-stop--opacity-full {
    stop-opacity: 1;
  }

  &__gradient-stop--opacity-none {
    stop-opacity: 0;
  }

  &__gradient-stop--opacity-half {
    stop-opacity: 0.5;
  }

  &__tooltip-element {
    fill: var(--wds-color-blue-100, var(--wsr-color-A1, #1684ea));
  }

  & [data-hook='innerLineBack'] {
    stroke: var(
      --wds-color-fill-standard-tertiary,
      var(--wsr-color-D80, #ffffff)
    );
  }

  &__tooltip {
    position: absolute;
  }

  &__tooltip-content {
    padding: 12px 24px;
    text-align: center;
    width: max-content;
  }
}