/* Short, layout-neutral feedback. Application code owns all action states. */
:root { --ui-motion-ease:cubic-bezier(.2,.75,.25,1); }
:where(button,[role="button"],a.btn,a.btn-pill,.mh-quick a) {
  transition:background-color 180ms,border-color 180ms,color 180ms,box-shadow 180ms;
}
.ui-motion-ghost { position:fixed; pointer-events:none !important; z-index:11000; }
.ui-motion-ghost i { display:block !important; width:100%; height:100%; }
@media (hover:hover) {
  [data-ui-motion="on"] :where(button,.btn,.btn-pill):not(:disabled):hover > :is(.ph,.ph-fill,.ph-bold,.ph-duotone) {
    scale:1.06;
    transition:scale 160ms var(--ui-motion-ease) !important;
  }
  [data-ui-motion="on"] :where(button,.btn,.btn-pill) > :is(.ph,.ph-fill,.ph-bold,.ph-duotone) {
    transition:scale 160ms var(--ui-motion-ease) !important;
  }
}
[data-ui-motion="off"] .ui-motion-ghost { display:none; }
[data-ui-motion="on"] [data-ui-spinner] { animation:ui-motion-spin .8s linear infinite; }
@keyframes ui-motion-spin { to { transform:rotate(360deg); } }
#addToggle[aria-expanded="true"] .ph-plus { rotate:45deg; }
[data-ui-motion="on"] #addToggle .ph-plus { transition:rotate 240ms var(--ui-motion-ease),scale 160ms var(--ui-motion-ease) !important; }