.input-wrapper{justify-content:center;align-items:center;gap:15px;display:flex;position:relative}.input{color:#fff;border-style:none;border-radius:50%;outline:none;width:24px;height:24px;padding:10px 15px;transition:all .5s ease-in-out}.input::placeholder{color:#7e4fd4}.icon{cursor:pointer;pointer-events:painted;background-color:#0000;border-style:none;border-radius:50%;outline:none;justify-content:center;align-items:center;width:24px;height:24px;transition:all .2s linear;display:flex;position:absolute;right:0}.icon:focus~.input,.input:focus{box-shadow:none;background-color:#0000;border-bottom:2px solid #7e4fd4;border-radius:0;width:220px;padding-left:8px;transition:all .5s cubic-bezier(0,.11,.35,2)}