.ask-ai-wrapper{justify-content:center;width:100%;max-width:450px;margin:0 auto;padding-inline:10px;display:flex;position:relative}.ask-ai-wrapper .ai-input-container{background:#fff;border:2px solid #4a4a4a;border-radius:12px;align-items:center;width:100%;padding:0 1rem;transition:all .5s cubic-bezier(.65,0,.35,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 12px #0000001a}.ask-ai-wrapper .ai-input{color:#333;z-index:2;background:0 0;border:none;outline:none;flex-grow:1;width:100%;padding:6px 10px;font-size:1rem;transition:color .4s cubic-bezier(.4,0,.2,1);position:relative}.ai-input{padding:1rem 2.5rem}.ask-ai-wrapper .ai-input::placeholder{color:#888;font-style:italic}.ai-input{box-sizing:border-box;border-radius:50px;width:100%;padding:1rem 3.5rem}.ask-ai-wrapper .icon-container{cursor:pointer;z-index:2;width:24px;height:24px;transition:all .5s cubic-bezier(.7,-.5,.3,1.5)}.ask-ai-wrapper .ai-icon path{fill:#4a4a4a;transform-origin:50%;transition:all .5s cubic-bezier(.4,0,.2,1)}.ask-ai-wrapper .underline-effect{background:#11a1939e;width:0;height:2px;transition:all .6s cubic-bezier(.25,.8,.25,1);position:absolute;bottom:0;left:0}.ask-ai-wrapper .ripple-circle{background:#11a19333;border-radius:50%;width:0;height:0;transition:all .7s cubic-bezier(.4,0,.2,1);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ask-ai-wrapper .bg-fade{opacity:0;background:linear-gradient(90deg,#ff6b6b0d,#ffebeb1a);transition:all .5s cubic-bezier(.25,.8,.25,1);position:absolute;inset:0}.ask-ai-wrapper .floating-dots{pointer-events:none;z-index:1;position:absolute;inset:0}.ask-ai-wrapper .floating-dots span{opacity:0;background:#11a1939e;border-radius:50%;width:3px;height:3px;transition:opacity .3s,transform .6s cubic-bezier(.7,-.5,.3,1.5);position:absolute}.ask-ai-wrapper .floating-dots span:first-child{--x:10px;--y:10px;animation-delay:0s}.ask-ai-wrapper .floating-dots span:nth-child(2){--x:-5px;--y:5px;animation-delay:.2s}.ask-ai-wrapper .floating-dots span:nth-child(3){--x:15px;--y:0px;animation-delay:.4s}.ask-ai-wrapper .floating-dots span:nth-child(4){--x:-10px;--y:15px;animation-delay:.6s}.ask-ai-wrapper .ai-input-container:hover,.ask-ai-wrapper .ai-input:focus+.ai-input-container{border-color:#11a1939e;transform:translateY(-4px);box-shadow:0 6px 20px #11a1934d}.ask-ai-wrapper .ai-input-container:hover .icon-container{transform:translateY(-2px)scale(1.1)}.ask-ai-wrapper .ai-input-container:hover .ai-icon path{fill:#11a1939e;animation:.5s cubic-bezier(.7,-.5,.3,1.5) infinite alternate gentleBounce;transform:scale(1.1)rotate(5deg)}.ask-ai-wrapper .ai-input-container:hover .underline-effect{width:100%}.ask-ai-wrapper .ai-input-container:hover .ripple-circle{width:200px;height:200px}.ask-ai-wrapper .ai-input-container:hover .floating-dots span{opacity:1;animation:1.2s cubic-bezier(.65,0,.35,1) infinite floatUp}.ask-ai-wrapper .ai-input-container:hover .bg-fade{opacity:1}@keyframes gentleBounce{0%{transform:scale(1.1)translateY(1px)}to{transform:scale(1.1)translateY(-1px)}}@keyframes floatUp{0%{transform:translate(var(--x),var(--y))scale(1);opacity:0}50%{transform:translate(var(--x),calc(var(--y) - 15px))scale(1.3);opacity:1}to{transform:translate(var(--x),calc(var(--y) - 30px))scale(1);opacity:0}}