.loader-container{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:rgba(0,0,0,.5);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.loader{animation:spin 1s linear infinite;border:4px solid hsla(0,0%,100%,.3);border-radius:50%;border-top-color:#fff;height:40px;width:40px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.loader{animation:rotate 1.2s linear infinite;display:inline-block;height:96px;position:relative;width:96px}.loader span{background-image:linear-gradient(#2563eb,#38bdf8,#7dd3fc);border-radius:50%;height:100%;left:0;position:absolute;top:0;width:100%}.loader span:first-of-type{filter:blur(5px)}.loader span:nth-of-type(2){filter:blur(10px)}.loader span:nth-of-type(3){filter:blur(25px)}.loader span:nth-of-type(4){filter:blur(50px)}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.chat-transition-enter-from,.chat-transition-leave-to{opacity:0;transform:translateY(10px)}.chat-transition-enter-to,.chat-transition-leave-from{opacity:1;transform:translateY(0)}.chat-transition-enter-active,.chat-transition-leave-active{transition:opacity .3s,transform .3s}.btn-magic{align-items:center;background:#fdfffc;border:none;border-radius:3em;cursor:pointer;display:flex;gap:12px;justify-content:center;margin:2px 15px;padding:0 1em;transition:all .45s ease-in-out}.sparkle{fill:#38bdf8;transition:all .8s ease}.btn-magic:hover{background:linear-gradient(0deg,#38bdf8,#2563eb);box-shadow:inset 0 1px #fff6,inset 0 -4px #0003,0 0 0 4px #fff3,0 0 180px #2563eb;transform:translateY(-1px)}.btn-magic:hover .sparkle{fill:#fff;transform:scale(1.1)}