.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;
}

.sales-dashboard-film-race .dash-legato-race-row {
  will-change: top, opacity;
}

.sales-dashboard-film-race .dash-legato-race-bar-fill {
  will-change: width;
}

.sales-dashboard-film-race .dash-legato-race-segment {
  will-change: flex-basis;
}