.dashboard-main::after {
  position: absolute;
  inset: 0;
  z-index: 24;
  content: "";
  opacity: 0;
  border-radius: 12px;
  background: linear-gradient(104deg, transparent 16%, rgba(72, 199, 175, .07) 42%, rgba(225, 194, 129, .075) 51%, transparent 76%);
  transform: translate3d(-24%, 0, 0);
  pointer-events: none;
  will-change: auto;
}

.dashboard-main.is-scope-transitioning::after {
  animation: dashboardScopeSheen 1.1s cubic-bezier(.22, .61, .36, 1) both;
  will-change: opacity, transform;
}

.dashboard-main .performance-update-target {
  will-change: auto;
}

.dashboard-main.is-data-committing .performance-update-target {
  animation: dashboardModuleCompositeReveal 1.05s cubic-bezier(.22, .61, .36, 1) both;
  animation-delay: calc(var(--update-index, 0) * 35ms);
  backface-visibility: hidden;
  will-change: opacity, transform;
}

.module-update-glow {
  position: absolute;
  inset: 0;
  z-index: 8;
  display: block;
  opacity: 0;
  border-radius: inherit;
  background:
    radial-gradient(circle at 68% 18%, rgba(72, 199, 175, .16), transparent 42%),
    linear-gradient(112deg, transparent 22%, rgba(232, 211, 157, .09) 49%, transparent 72%);
  transform: translate3d(-5%, 0, 0) scale(.995);
  pointer-events: none;
  will-change: auto;
}

.dashboard-main.is-data-committing .module-update-glow {
  animation: dashboardModuleCompositeGlow 1.05s cubic-bezier(.22, .61, .36, 1) both;
  animation-delay: calc(var(--update-index, 0) * 35ms);
  will-change: opacity, transform;
}

@keyframes dashboardScopeSheen {
  0% { opacity: 0; transform: translate3d(-24%, 0, 0); }
  28% { opacity: .92; }
  100% { opacity: 0; transform: translate3d(24%, 0, 0); }
}

@keyframes dashboardModuleCompositeReveal {
  0% { opacity: .92; transform: translate3d(0, 3px, 0) scale(.997); }
  42% { opacity: 1; transform: translate3d(0, 0, 0) scale(1.002); }
  100% { opacity: 1; transform: translate3d(0, 0, 0) scale(1); }
}

@keyframes dashboardModuleCompositeGlow {
  0% { opacity: 0; transform: translate3d(-5%, 0, 0) scale(.995); }
  38% { opacity: .95; }
  100% { opacity: 0; transform: translate3d(5%, 0, 0) scale(1.005); }
}

@media (prefers-reduced-motion: reduce) {
  .dashboard-main.is-scope-transitioning::after,
  .dashboard-main.is-data-committing .performance-update-target,
  .dashboard-main.is-data-committing .module-update-glow {
    animation: none;
    will-change: auto;
  }
}