/* R119 UI interaction motion: small compositor-friendly transitions only. */
@media (prefers-reduced-motion: no-preference) {
  @media (hover: hover) and (pointer: fine) {
    html body button:not(:disabled):not([aria-disabled="true"]),
    html body [role="button"]:not([aria-disabled="true"]),
    html body a.cj-action,
    html body .MuiButton-root:not(.Mui-disabled),
    html body .cj-native-module-card,
    html body .cj-stat-card,
    html body .MuiCard-root {
      transition: transform 150ms ease, background-color 150ms ease,
        border-color 150ms ease, color 150ms ease;
    }
    html body button:not(:disabled):not([aria-disabled="true"]):hover,
    html body [role="button"]:not([aria-disabled="true"]):hover,
    html body a.cj-action:hover,
    html body .MuiButton-root:not(.Mui-disabled):hover,
    html body .cj-native-module-card:hover,
    html body .cj-stat-card:hover,
    html body .MuiCard-root:hover {
      transform: translateY(-1px);
    }
  }
  html body :is(button, a, [role="button"], .MuiButton-root):focus-visible,
  html body :is(.cj-native-module-card, .cj-stat-card)[tabindex]:focus-visible {
    outline: 2px solid #1687c9;
    outline-offset: 2px;
  }
  html body button:not(:disabled):active,
  html body [role="button"]:not([aria-disabled="true"]):active,
  html body a.cj-action:active,
  html body .MuiButton-root:not(.Mui-disabled):active {
    transform: translateY(0) scale(.99);
  }
}
@media (prefers-reduced-motion: reduce) {
  html body :is(button, a, [role="button"], .MuiButton-root, .cj-native-module-card, .cj-stat-card) {
    scroll-behavior: auto;
    animation-duration: 0.01ms;
    transition-duration: 0.01ms;
  }
}