.searchWrapper{position:relative}.searchWrapper>.icon{position:absolute;right:11px;top:10px;cursor:pointer}.searchWrapper>.clear-icon{position:absolute;right:22px;top:6px;font-size:20px;font-weight:400;color:#93bcc0;cursor:pointer;margin-right:8px;padding:0 6px}.searchWrapper>input{width:100%;height:40px;border-radius:100px;border:1px solid;background-color:transparent;padding:0 32px 0 16px}.searchWrapper>input::placeholder{font-size:calc(1rem - 3px);font-weight:700;line-height:15.6px}.searchWrapper.transparentBackground>input{border-color:hsla(0,0%,100%,.25);color:#fff}.searchWrapper.transparentBackground>input::placeholder{color:#fff}.searchWrapper.blueBackground>input{border-color:rgba(147,188,192,.2);color:#93bcc0}.searchWrapper.blueBackground>input::placeholder{color:#93bcc0}.searchWrapper.whiteBackground>input{border-color:rgba(0,0,0,.15);color:#93bcc0}.searchWrapper.whiteBackground>input::placeholder{color:#93bcc0}.searchWrapper.whiteBackground.textDarkBlue>input{color:#4c676b}.searchWrapper.whiteBackground.textDarkBlue>input::placeholder{color:#4c676b}@media screen and (max-width:767px){.searchWrapper.blueBackground>input,.searchWrapper.transparentBackground>input,.searchWrapper.whiteBackground>input{border-color:hsla(0,0%,100%,.25)}.searchWrapper>.icon{right:13px}}