@view-transition{navigation:auto}::view-transition-old(root){animation:.5s ease-out fade-out}::view-transition-new(root){animation:.5s ease-in fade-in}@keyframes fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}@keyframes fade-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.chat-greeting{view-transition-name:chat-greeting}.chat-input{view-transition-name:chat-input;transition:all .5s cubic-bezier(.4,0,.2,1)}.chat-input.transitioning-to-bottom{opacity:1;width:calc(100% - 2rem)!important;margin-bottom:0!important}.chat-background{view-transition-name:chat-background}.casual-chat-container{view-transition-name:casual-chat-container}.casual-chat-input{view-transition-name:casual-chat-input}::view-transition-old(chat-input){animation:.5s cubic-bezier(.4,0,.2,1) input-slide-down-old}::view-transition-new(chat-input){animation:.5s cubic-bezier(.4,0,.2,1) input-slide-down-new}@keyframes input-slide-down-old{0%{opacity:1;transform-origin:bottom;transform:translateY(0)scaleX(.6)}to{opacity:1;transform-origin:bottom;transform:translateY(90vh)scaleX(1)}}@keyframes input-slide-down-new{0%{opacity:0;transform-origin:bottom;transform:translateY(-100vh)scaleX(.6)}to{opacity:1;transform-origin:bottom;transform:translateY(0)scaleX(1)}}::view-transition-old(chat-greeting){animation:.5s ease-out slide-up-out}::view-transition-new(chat-greeting){animation:.5s ease-in slide-up-in}@keyframes slide-up-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-30px)}}@keyframes slide-up-in{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}