.fade-enter-active,.fade-leave-active{transition:opacity .2s ease}.fade-enter-from,.fade-leave-to{opacity:0}.slide-down-enter-active,.slide-down-leave-active{transition:all .2s ease}.slide-down-enter-from,.slide-down-leave-to{opacity:0;transform:translateY(-10px)}@property --border-angle{syntax:"<angle>";initial-value:0deg;inherits:false}.chat-box{animation:spin-border 4s linear infinite;background:linear-gradient(45deg,var(--background),var(--background) 50%,var(--background)) padding-box,conic-gradient(from var(--border-angle),#cb30e0 20%,#30d4e0 86%,#9a30e0) border-box;border:3px solid transparent;border-radius:.75rem;padding:.5rem;transition:all .3s ease}@keyframes spin-border{to{--border-angle:360deg}}.prompt-btn{border-radius:6px;border-width:.5px;gap:10px;height:28;opacity:1;padding:6px 8px}.lucky-prompt-btn{animation:gradient-move 3s ease infinite;background:linear-gradient(96.49deg,#f82bbe -2.84%,#73a2ff 58.67%,#7388ff 128.88%);background-size:200% 200%}@keyframes gradient-move{0%{background-position:0 50%}50%{background-position:50% 100%}}.hero-textarea{max-height:300px;min-height:60px;overflow-y:auto;transition:height .15s ease}