/* GENERATED by dev/build-r38 from src/ui/morphCss.js + env ANIM.PAGE_MORPH. */
/* Linked by all 14 main shells (r54 site-wide hand-off). NEVER by the */
/* LK-LEGACY page: it shares no file with the main mockups. */
@media (prefers-reduced-motion: no-preference) {
  @supports (view-transition-name: none) {
    @view-transition { navigation: auto }
    ::view-transition-old(root) { animation: blVtOut 240ms cubic-bezier(.4,0,1,1) both }
    ::view-transition-new(root) { animation: blVtIn 320ms cubic-bezier(0,0,.2,1) 108ms both }
    ::view-transition-group(bl-order) { animation-duration: 460ms; animation-timing-function: cubic-bezier(.22,.61,.36,1) }
    ::view-transition-group(bl-logo) { animation-duration: 460ms }
    ::view-transition-group(bl-title) { animation-duration: 460ms }
    ::view-transition-group(bl-progress) { animation-duration: 460ms }
  }
}
/* SHARED-ELEMENT MORPH — deliberately NOT enabled, and this is the reason.
   A cross-document transition snapshots the arriving document at its FIRST
   paint. On payment that first paint is the generated boot skeleton, which
   carries neither the order card nor any data-* hook (dev/gen-skeleton.js
   strips attributes by design). Naming an element the browser cannot see at
   snapshot time does not produce a morph — it produces nothing, silently.
   Probed and confirmed, not assumed. The full card→order-summary morph
   therefore waits for payment to gain a real static pre-render, which is a
   round of its own. What ships here is the whole-page hand-off: measured,
   working, and already the difference between a white cut and a continuous
   screen. The rules below are kept, inert, so that round is one line away. */
/* @supports (view-transition-name: none) {
     .bl-logo-lockup { view-transition-name: bl-logo }
     [data-bl-vt="order"] { view-transition-name: bl-order; contain: layout }
   } */
@keyframes blVtOut { from { opacity:1; transform:none } to { opacity:0; transform:scale(.985) } }
@keyframes blVtIn  { from { opacity:0; transform:scale(1.012) } to { opacity:1; transform:none } }