html{--experience-ease:cubic-bezier(.23,1,.32,1)}
html[data-input-mode="pointer"] :is(.bh-button,.lc-tools>button,.lc-subjects>button,.client-primary,.client-subject,.cq-primary,.cq-outline,.client-tabbar button,.quiz-workspace-submit,.xg-primary){transition:transform 120ms var(--experience-ease),background-color 150ms ease,border-color 150ms ease}
html[data-input-mode="pointer"] :is(.bh-button,.lc-tools>button,.lc-subjects>button,.client-primary,.client-subject,.cq-primary,.cq-outline,.client-tabbar button,.quiz-workspace-submit,.xg-primary):active:not(:disabled){transform:scale(.98)}
.bh-faq summary>span{transition:transform 180ms var(--experience-ease)}
body.client-ui .client-tabbar button{transition:color 140ms ease,background-color 140ms ease}
body.client-ui #jxAppSplash,body.client-ui .jx-boot-loading{background:#f7f9fe;color:#0066ff}
html[data-input-mode="keyboard"] :is(.quiz-flow-subject,.bh-page button,.lc-page button,.client-page button,.cq-root button){transition:none!important}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important}
  :is(.bh-page,.lc-page,.client-page,.cq-root,.quiz-flow-page,.quiz-workspace-shell,.xg-page) *,html[data-input-mode] :is(.bh-button,.lc-tools>button,.lc-subjects>button,.client-primary,.client-subject,.cq-primary,.cq-outline,.client-tabbar button,.quiz-workspace-submit,.xg-primary){animation:none!important;transition:none!important;scroll-behavior:auto!important}
  html[data-input-mode="pointer"] :is(.bh-button,.lc-tools>button,.lc-subjects>button,.client-primary,.client-subject,.cq-primary,.cq-outline,.client-tabbar button,.quiz-workspace-submit,.xg-primary):active{transform:none}
  #jxAppSplash img{animation:none!important}
}

/* Avoid legacy blur/transform on page roots: it also changes fixed positioning. */
body:is(.desktop-ui,.client-ui) #view,body:is(.desktop-ui,.client-ui) #view>*{animation:none!important;filter:none!important}
html[data-input-mode="pointer"] :is(.qf-subject,.qf-tools>button,.qf-specialties>button,.qf-tabs>button){transition:transform 120ms var(--experience-ease),background-color 150ms ease,border-color 150ms ease}
html[data-input-mode="pointer"] :is(.qf-subject,.qf-tools>button,.qf-specialties>button):active{transform:scale(.985)}
@media(prefers-reduced-motion:no-preference){html:not([data-input-mode="keyboard"]) :is(.as-report,.visual-result-card){animation:experience-report 200ms var(--experience-ease) both}}
@keyframes experience-report{from{opacity:.7;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){html[data-input-mode] :is(.qf-subject,.qf-tools>button,.qf-specialties>button,.qf-tabs>button){transition:none!important;transform:none!important}}
