.monthly-sales-cashflow-chart .recharts-layer.recharts-area,
.monthly-sales-cashflow-chart .recharts-layer.recharts-bar,
.monthly-sales-cashflow-chart .recharts-layer.recharts-line {
  transition: opacity 120ms ease;
}

.monthly-sales-cashflow-chart
  .recharts-wrapper:has(
    .recharts-layer.recharts-area:hover,
    .recharts-layer.recharts-bar:hover,
    .recharts-layer.recharts-line:hover
  )
  .recharts-layer.recharts-area:not(:hover),
.monthly-sales-cashflow-chart
  .recharts-wrapper:has(
    .recharts-layer.recharts-area:hover,
    .recharts-layer.recharts-bar:hover,
    .recharts-layer.recharts-line:hover
  )
  .recharts-layer.recharts-bar:not(:hover),
.monthly-sales-cashflow-chart
  .recharts-wrapper:has(
    .recharts-layer.recharts-area:hover,
    .recharts-layer.recharts-bar:hover,
    .recharts-layer.recharts-line:hover
  )
  .recharts-layer.recharts-line:not(:hover) {
  opacity: 0.16;
}