@import "variables";

:host {
  $chart-bar-height: 68px;

  display: block;
  position: relative;
  background-color: var(--line-chart-background-color, $black);

  .overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: var(--line-chart-background-color, $black);

    .loading {
      display: flex;
      align-items: center;
      transform: translateY(#{-1 * $chart-bar-height * 0.5});
    }

    .text {
      font-size: 14px;
      margin-left: 12px;

      &.no-data {
        margin: 0;
        color: $blue-280;
        opacity: 0.5;
      }
    }
  }
}
