.gradient-input-wrapper{position:relative;width:100%;height:3rem;border-radius:.75rem;overflow:hidden;z-index:1;background:rgba(84,205,204,.2588235294);display:flex;align-items:center}.gradient-input-wrapper:before{content:"";position:absolute;inset:0;padding:.0625rem;border-radius:.75rem;background:linear-gradient(1turn,#54CDCC,#28393B 120.21%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:-1}.gradient-input-wrapper .gradient-input{flex:1;height:100%;border:none;outline:none;padding:0 3rem 0 1rem;border-radius:.75rem;background:rgba(0,0,0,0);color:#fff;font-family:Poppins;font-weight:500;font-style:Medium;font-size:1rem;line-height:1.5rem;letter-spacing:0;vertical-align:middle}.gradient-input-wrapper .gradient-input::placeholder{font-family:Poppins;font-weight:500;font-style:Medium;font-size:1rem;leading-trim:NONE;line-height:1.5rem;letter-spacing:0;vertical-align:middle;color:#a7aab5}.gradient-input-wrapper .input-icon{position:absolute;right:1rem;font-size:1.25rem;color:#a7aab5;cursor:pointer;transition:color .2s}.gradient-input-wrapper .input-icon:hover{color:#fff}