@use "../core/theme/imports";

.pcac-line-area-chart {
  svg {
    width: 100%;
    display: block;
  }

  .dot {
    stroke-width: 2px;
  }

  .effects-canvas {
    fill: none;
  }

  .effect-line {
    stroke: imports.$gray-400;
    stroke-width: 1px;
    opacity: 0;
  }

  .effect-circle {
    stroke-width: 1px;
    fill: none;
    opacity: 0;
  }

  .effect-text {
    font-size: 11px;
    font-weight: bold;
    fill: imports.$gray-800;
  }
}

.pcac-d3-tooltip {
  position: absolute;
  text-align: center;
  font-size: 14px;
  padding: 0.5rem;
  pointer-events: none;
  display: none;
  background-color: rgba(0,0,0, 0.75);
  color: white;
  border-radius: 5px;
}