.demo-screen{position:absolute;inset:0;display:flex;flex-direction:column;isolation:isolate}.flow-scene{isolation:isolate}.flow-fade-in{animation:flow-fade-in .22s ease-out both}@keyframes flow-fade-in{0%{opacity:0}}.flow-modal-in{animation:flow-modal-in .26s ease-out both}@keyframes flow-modal-in{0%{opacity:0;transform:scale(.96)}}.flow-push-in{animation:flow-push-in .42s cubic-bezier(.2,.8,.2,1) both;box-shadow:-12px 0 32px #0000001f}@keyframes flow-push-in{0%{transform:translate(100%)}}.flow-push-out{animation:flow-push-out .42s cubic-bezier(.2,.8,.2,1) both}@keyframes flow-push-out{to{transform:translate(-30%)}}.flow-tap{position:absolute;top:50%;left:50%;translate:-50% -50%;opacity:0;pointer-events:none;animation:flow-tap .65s ease-out both}@keyframes flow-tap{0%{opacity:0;transform:scale(1.5)}25%{opacity:.5;transform:scale(1)}45%{opacity:.5;transform:scale(.85)}to{opacity:0;transform:scale(1.1)}}.flow-press{animation:flow-press .3s ease-out .1s}@keyframes flow-press{40%{transform:scale(.96)}}.flow-overlay-out{animation:flow-overlay-out .26s ease-in both}@keyframes flow-overlay-out{to{opacity:0;visibility:hidden}}@media(prefers-reduced-motion:reduce){.flow-fade-in,.flow-modal-in,.flow-push-in,.flow-push-out,.flow-press{animation:none}.flow-tap{display:none}}.chat-pay-arrive{animation:chat-pay-arrive .26s ease-out both}@keyframes chat-pay-arrive{0%{opacity:0;transform:translateY(8px)}}.chat-pay-back-out{animation:chat-pay-back-out .42s cubic-bezier(.2,.8,.2,1) both;box-shadow:-12px 0 32px #0000001f}@keyframes chat-pay-back-out{to{transform:translate(100%)}}.chat-pay-back-in{animation:chat-pay-back-in .42s cubic-bezier(.2,.8,.2,1) both}@keyframes chat-pay-back-in{0%{transform:translate(-30%)}}@media(prefers-reduced-motion:reduce){.chat-pay-arrive,.chat-pay-back-out,.chat-pay-back-in{animation:none}}.chat-request-pop-in{animation:chat-request-pop-in .42s cubic-bezier(.2,.8,.2,1) both}@keyframes chat-request-pop-in{0%{transform:translate(-30%)}}.chat-request-pop-out{animation:chat-request-pop-out .42s cubic-bezier(.2,.8,.2,1) both;box-shadow:-12px 0 32px #0000001f}@keyframes chat-request-pop-out{to{transform:translate(100%)}}.chat-request-arrive{animation:chat-request-arrive .32s ease-out both}@keyframes chat-request-arrive{0%{opacity:0;transform:translateY(12px)}}.chat-request-flip{animation:chat-request-flip .36s cubic-bezier(.2,.9,.3,1.3) both}@keyframes chat-request-flip{0%{opacity:0;transform:scale(.6)}}@media(prefers-reduced-motion:reduce){.chat-request-pop-in,.chat-request-pop-out,.chat-request-arrive,.chat-request-flip{animation:none}}.profile-share-backdrop{opacity:.4;animation:flow-fade-in .26s ease-out both}.profile-share-sheet{animation:profile-share-sheet-in .36s cubic-bezier(.2,.8,.2,1) both}@keyframes profile-share-sheet-in{0%{transform:translateY(100%)}}@media(prefers-reduced-motion:reduce){.profile-share-backdrop,.profile-share-sheet{animation:none}}.proxy-scanline{animation:proxy-scanline 1.4s ease-in-out infinite alternate}@keyframes proxy-scanline{0%{top:6%}to{top:94%}}.proxy-camera{background-image:radial-gradient(circle at 50% 42%,#ffffff24,#0000008c 75%)}.proxy-handheld{animation:proxy-handheld 2.6s ease-in-out infinite alternate}@keyframes proxy-handheld{0%{transform:translate(-6px,8px) rotate(-5deg)}to{transform:translate(4px,-4px) rotate(-3deg)}}.proxy-lock{animation:proxy-lock .42s cubic-bezier(.2,.9,.3,1.3) both}@keyframes proxy-lock{0%{transform:scale(1.12)}}.proxy-progress [role=progressbar]>*{transition:background-color .5s ease-out}@media(prefers-reduced-motion:reduce){.proxy-scanline,.proxy-handheld,.proxy-lock{animation:none}.proxy-progress [role=progressbar]>*{transition:none}}.recurring-form{top:0;transition:top .8s cubic-bezier(.4,0,.2,1),translate .8s cubic-bezier(.4,0,.2,1)}.recurring-form.recurring-form-end{top:100%;translate:0 -100%}.recurring-pop-out{animation:recurring-pop-out .42s cubic-bezier(.2,.8,.2,1) both;box-shadow:-12px 0 32px #0000001f}@keyframes recurring-pop-out{to{transform:translate(100%);visibility:hidden}}.recurring-pop-under{animation:recurring-pop-under .42s cubic-bezier(.2,.8,.2,1) both}@keyframes recurring-pop-under{0%{transform:translate(-30%)}}.recurring-added{clip-path:inset(0 -24px);animation:recurring-added .45s cubic-bezier(.2,.8,.2,1) .5s both}@keyframes recurring-added{0%{max-height:0;opacity:0}to{max-height:96px;opacity:1}}.recurring-highlight{animation:flow-fade-in .6s ease-out .7s both}@media(prefers-reduced-motion:reduce){.recurring-form,.recurring-pop-under,.recurring-added,.recurring-highlight{transition:none;animation:none}.recurring-pop-out{display:none}}