/* Fast acknowledgement; no global transition:all and no animation of layout. */
/* Old and new screens share one transition, including the scroll reset. */
::view-transition { pointer-events:none; }
::view-transition-old(root) {
  animation:cp-view-out 170ms cubic-bezier(.4,0,1,1) both;
}
::view-transition-new(root) {
  animation:cp-view-in 300ms cubic-bezier(.16,1,.3,1) both;
}
@keyframes cp-view-out { to { opacity:0; transform:translateY(-6px); } }
@keyframes cp-view-in { from { opacity:0; transform:translateY(10px); } }
.cp-root button, .cp-root a, .cp-root [role="button"] {
  transition: background-color 140ms ease-out, border-color 140ms ease-out,
    color 140ms ease-out, opacity 140ms ease-out, scale 140ms cubic-bezier(.16,1,.3,1);
  -webkit-tap-highlight-color: transparent;
}
.cp-root button:not(:disabled):active, .cp-root [role="button"]:active {
  filter: brightness(.93);
  scale:.98;
}
.cp-root input, .cp-root textarea, .cp-root select {
  transition: border-color 140ms ease-out, box-shadow 140ms ease-out;
}
@media (prefers-reduced-motion: reduce) {
  ::view-transition-old(root), ::view-transition-new(root) { animation:none; }
  .cp-root button:not(:disabled):active, .cp-root [role="button"]:active { scale:1; }
  .cp-root button, .cp-root a, .cp-root [role="button"],
  .cp-root input, .cp-root textarea, .cp-root select { transition-duration:70ms; }
}