.generate-bar-container{width:76vw;max-width:880px;margin:0 auto;display:flex;justify-content:center;align-items:center;border-radius:36px;box-sizing:border-box}.generate-bar-container .generate-bar{width:100%;position:relative;display:flex;align-items:center;gap:8px;height:64px;border-radius:88px;border:1px solid rgba(255,255,255,.7);padding:12px 12px 12px 0;box-sizing:border-box;caret-color:#3021d9;cursor:pointer;background:rgba(255,255,255,.8)}.generate-bar-container .generate-bar::after{content:"";position:absolute;display:none;z-index:-1;border-radius:44px}.generate-bar-container .generate-bar .generate-bar-input-wrapper{flex:1 1 auto;position:relative;margin-left:24px;z-index:0}.generate-bar-container .generate-bar .generate-bar-input-wrapper .auto-carousel-container{position:absolute;height:24px;overflow:hidden;width:100%;top:0;left:1px;z-index:-1}.generate-bar-container .generate-bar .generate-bar-input-wrapper .auto-carousel-container .prompt-item{font-size:18px;font-weight:400;color:rgba(0,0,0,.6);height:24px;position:absolute;width:100%;top:0;left:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.generate-bar-container .generate-bar .generate-bar-input-wrapper .auto-carousel-container .prompt-item.current{z-index:1}.generate-bar-container .generate-bar .generate-bar-input-wrapper .auto-carousel-container .prompt-item.current.exiting{animation:slideUp .3s forwards}.generate-bar-container .generate-bar .generate-bar-input-wrapper .auto-carousel-container .prompt-item.next{z-index:0}.generate-bar-container .generate-bar .generate-bar-input-wrapper .auto-carousel-container .prompt-item.next.entering{animation:slideIn .3s forwards}.generate-bar-container .generate-bar .generate-bar-input-wrapper .auto-carousel-container .prompt-item.next.hidden{opacity:0;visibility:hidden}.generate-bar-container .generate-bar #generate-input{flex:1;height:100%;line-height:50px;appearance:none;border:none;background:rgba(0,0,0,0);outline:none;font-size:18px;font-weight:400;color:#1f1f1f;width:100%;z-index:1;padding:0}.generate-bar-container .generate-bar #generate-input::placeholder{color:rgba(63,63,63,.6980392157) !important}.generate-bar-container .generate-bar input::-webkit-input-placeholder,.generate-bar-container .generate-bar input::-moz-placeholder,.generate-bar-container .generate-bar input:-ms-input-placeholder,.generate-bar-container .generate-bar input::-ms-input-placeholder,.generate-bar-container .generate-bar input::placeholder{color:rgba(63,63,63,.6980392157) !important}.generate-bar-container .generate-bar input:-webkit-autofill{box-shadow:0 0 0 1000px #fff inset !important;-webkit-text-fill-color:#000 !important;transition:background-color 9999s ease-in-out 0s}.generate-bar-container .generate-bar .generate-btn{border-radius:999px;padding:10px 12px;background:rgba(0,0,0,0);box-shadow:0px 0px 4px 0px rgba(0,0,0,.12);display:flex;align-items:center;gap:2px;cursor:pointer;box-sizing:border-box;border:1px solid #3021d9}.generate-bar-container .generate-bar .generate-btn img{width:20px;height:20px}.generate-bar-container .generate-bar .generate-btn .active-icon{display:none}.generate-bar-container .generate-bar .generate-btn .text{color:#3021d9;font-family:Poppins;font-size:14px;font-style:normal;font-weight:500;line-height:20px}.generate-bar-container .generate-bar .generate-btn:hover{border:1px solid #3021d9;box-shadow:none;background:#edeaff}.generate-bar-container .generate-bar .generate-btn:hover img{display:none}.generate-bar-container .generate-bar .generate-btn:hover .active-icon{display:block}.generate-bar-container .generate-bar.active{background:#fff;border:none}.generate-bar-container .generate-bar.active::after{display:block;left:-2px;top:-2px;width:calc(100% + 4px);height:calc(100% + 4px);border-radius:44px;background:linear-gradient(45deg, #4c33ff, #a200cb)}.generate-bar-container .generate-bar:not(.active):hover{background:rgba(255,255,255,.8);border-color:#4c33ff;box-shadow:0 .8px 4px 0 rgba(3,4,71,.08),0 6px 12px 0 rgba(3,4,71,.1)}@media screen and (max-width: 640px){.generate-bar-container{width:calc(100vw - 48px)}.generate-bar-container .generate-bar::after{width:calc(100% - 48px + 4px)}.generate-bar-container .generate-btn{width:44px;height:44px;line-height:44px;padding:12px !important}.generate-bar-container .generate-btn .text{display:none}}@keyframes slideUp{0%{transform:translateY(0);opacity:1}100%{transform:translateY(-100%);opacity:0}}@keyframes slideIn{0%{transform:translateY(100%);opacity:0}100%{transform:translateY(0);opacity:1}}