@keyframes flow-start-new{0%{transform:translateY(100%)}to{transform:translateY(0)}}::view-transition-new(flow-start){animation:flow-start-new .3s ease}@keyframes flow-start-old{0%{transform:translateY(0)}to{transform:translateY(100%)}}::view-transition-old(flow-start){animation:flow-start-old .3s ease}@keyframes flow-select-new{0%{opacity:0;transform:translateY(10%) scale(.9)}to{opacity:1;transform:translateX(0) scale(1)}}::view-transition-new(flow-select){animation:flow-select-new .3s ease}@keyframes flow-select-old{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(10%) scale(.9)}}::view-transition-old(flow-select){animation:flow-select-old .3s ease}@keyframes flow-prompt-new{0%{transform:translateX(100%)}to{transform:translateX(0)}}::view-transition-new(flow-prompt){animation:flow-prompt-new .3s ease}@keyframes flow-prompt-old{0%{transform:translateX(0)}to{transform:translateX(-100%)}}::view-transition-old(flow-prompt){animation:flow-prompt-old .3s ease}@keyframes flow-modal-new{0%{opacity:0}to{opacity:1}}::view-transition-new(flow-modal){animation:flow-modal-new .3s ease}@keyframes flow-modal-old{0%{opacity:1}to{opacity:0}}::view-transition-old(flow-modal){animation:flow-modal-old .3s ease}