.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);background:rgba(255,255,255,.3);padding:12px 12px 12px 0;box-sizing:border-box;caret-color:#3021d9;cursor:pointer}.generate-bar-container .generate-bar::after{content:"";position:absolute;display:none;z-index:-1;border-radius:44px}.generate-bar-container .generate-bar #generate-input{flex:1;height:100%;line-height:50px;appearance:none;border:none;outline:none;background:none;font-size:18px;font-weight:400;color:#1f1f1f;padding-left:24px}.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;border:none;background:#fff;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:disabled{cursor:not-allowed;border-color:rgba(0,0,0,0)}.generate-bar-container .generate-bar .generate-btn:not(.generate-bar-container .generate-bar .generate-btn:disabled):hover{border:1px solid #3021d9;box-shadow:none;background:#edeaff}.generate-bar-container .generate-bar .generate-btn:not(.generate-bar-container .generate-bar .generate-btn:disabled):hover img{display:none}.generate-bar-container .generate-bar .generate-btn:not(.generate-bar-container .generate-bar .generate-btn:disabled):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,.6);border-color:#4c33ff;box-shadow:0px 1px 4px 0px rgba(0,0,0,.12)}@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-bar #generate-input{width:calc(100% - 8px - 44px)}.generate-bar-container .generate-btn{width:44px;height:44px;line-height:44px;padding:12px !important}.generate-bar-container .generate-btn .text{display:none}}