#phone-pickup-demo{--pd-x:0;--pd-scroll:0}#phone-pickup-demo .pd-row{perspective:1200px;padding:16px 0}#phone-pickup-demo .pd-device{transition:transform .22s ease-out;transform:translate3d(calc(var(--pd-x)*-5px),calc(var(--pd-scroll)*-12px),0) rotate(-1deg);box-shadow:0 22px 35px -14px #173e3030}#phone-pickup-demo .pd-row>div:last-child .pd-device{transform:translate3d(calc(var(--pd-x)*7px),calc(var(--pd-scroll)*-22px),0) rotate(1deg)}#phone-pickup-demo .pd-stage{overflow:hidden}#phone-pickup-demo .pd-stage:after{top:16%;box-shadow:0 0 12px 2px #2ac88d66;animation:pd-scan-sweep 2.8s ease-in-out infinite;animation-play-state:paused}#phone-pickup-demo.pd-in-view .pd-stage:after{animation-play-state:running}#phone-pickup-demo .pd-stage .pd-qr{animation:pd-qr-drift 5s ease-in-out infinite;animation-play-state:paused}#phone-pickup-demo.pd-in-view .pd-stage .pd-qr{animation-play-state:running}@keyframes pd-scan-sweep{0%,100%{top:16%;opacity:.65}50%{top:84%;opacity:1}}@keyframes pd-qr-drift{0%,100%{transform:rotate(-6deg) translateY(0)}50%{transform:rotate(-3deg) translateY(-3px)}}@media(max-width:600px){#phone-pickup-demo .pd-device{transform:translateY(calc(var(--pd-scroll)*-6px)) rotate(-.6deg)}#phone-pickup-demo .pd-row>div:last-child .pd-device{transform:translateY(calc(var(--pd-scroll)*-12px)) rotate(.6deg)}}@media(prefers-reduced-motion:reduce){#phone-pickup-demo .pd-device{transform:none!important;transition:none!important}#phone-pickup-demo .pd-stage:after,#phone-pickup-demo .pd-stage .pd-qr{animation:none!important}#phone-pickup-demo .pd-stage:after{top:50%}}
/* All states share one grid cell, reserving the tallest translated state.
   Hidden states remain invisible and non-interactive; buttons share the bottom edge. */
#phone-pickup-demo .pd-screen[aria-live]{display:grid}
#phone-pickup-demo [data-pd-stage]{grid-area:1/1;display:flex;flex-direction:column;min-width:0}
#phone-pickup-demo [data-pd-stage][hidden]{display:flex!important;visibility:hidden;pointer-events:none}
#phone-pickup-demo [data-pd-stage]>button{margin-top:auto;min-height:64px;flex-shrink:0}