@use '../utils/utilities' as util;

.pgh-mat {
  .pgh-chart-wrapper {
    position: relative;
  }

  .pgh-chart-content {
    &.pgh-chart-no-data {
      filter: blur(2px) grayscale(1);
      pointer-events: none;
      opacity: 0.5;
    }
  }

  .pgh-highcharts-tooltip {
    background: var(--f9f9f9);
    box-shadow: var(--shadow-lg);
    border: 1px solid var(--ccc);
    border-radius: var(--box-radius);
    padding-block: 0.375rem;
    padding-inline: 0.5rem;
    text-align: center;
    min-width: fit-content;
    direction: rtl;

    .tooltip-y {
      font-size: 0.875rem;
      @include util.font-weight-without-variable-support('bold');
    }

    .tooltip-x {
      font-size: 0.75rem;
      color: var(--888);
    }
  }
}