.input-wrapper{background-color:#fff;border:1px solid #fff;border-radius:16px;align-items:center;display:flex;position:relative}.input-wrapper div,.input-wrapper input,.input-wrapper button{padding:16px}.input-with-icon{color:#fff;outline:none;width:80%}.input-with-icon:-webkit-autofill{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#8292a1!important;background-color:#0000!important;-webkit-box-shadow:inset 0 0 0 30px #0000!important}.input-with-icon:-webkit-autofill:hover{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#8292a1!important;background-color:#0000!important;-webkit-box-shadow:inset 0 0 0 30px #0000!important}.input-with-icon:-webkit-autofill:focus{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#8292a1!important;background-color:#0000!important;-webkit-box-shadow:inset 0 0 0 30px #0000!important}.input-with-icon:-webkit-autofill:active{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#8292a1!important;background-color:#0000!important;-webkit-box-shadow:inset 0 0 0 30px #0000!important}.input-with-icon:-moz-autofill{color:#fff!important;background-color:#0000!important}:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .input-with-icon,:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .input-with-icon{color:#8292a1;background-color:#0000}.input-wrapper:focus-within{border:2px solid #4b108d}.input-wrapper .input-icon svg{color:#8292a1;fill:#fff!important}.input-wrapper:focus-within .input-icon,.input-wrapper:focus-within svg{color:#4b108d;fill:#4b108d}.input-wrapper:focus-within input.input-with-icon{color:#4b108d}.input-wrapper[dir=rtl]:focus-within input.input-with-icon{border-left:none;border-right:1.5px solid #4b108d}.input-wrapper[dir=ltr]:focus-within input.input-with-icon{border-left:1.5px solid #4b108d;border-right:none}.input-wrapper input::placeholder{color:#8292a1;font-size:16px;font-weight:500}.input-wrapper[dir=rtl] input::placeholder{text-align:right;direction:rtl}.input-wrapper[dir=ltr] input::placeholder{text-align:left;direction:ltr}.input-wrapper input::placeholder{color:#8292a1;text-align:start;font-size:16px;font-weight:500}.input-wrapper.rtl input::placeholder{text-align:right;direction:rtl}.input-wrapper.ltr input::placeholder{text-align:left;direction:ltr}.input-wrapper.rtl input{text-align:right;direction:rtl}.input-wrapper.ltr input{text-align:left;direction:ltr}.input-wrapper.rtl{direction:rtl}.input-wrapper.ltr{direction:ltr}.input-wrapper.rtl input::-webkit-input-placeholder{text-align:right;direction:rtl}.input-wrapper.rtl input::placeholder{text-align:right;direction:rtl}.input-wrapper.rtl input:-ms-placeholder-shown{text-align:right;direction:rtl}.input-wrapper.ltr input::-webkit-input-placeholder{text-align:left;direction:ltr}.input-wrapper.ltr input::placeholder{text-align:left;direction:ltr}.input-wrapper.ltr input:-ms-placeholder-shown{text-align:left;direction:ltr}.input-wrapper.rtl input.input-with-icon::placeholder{text-align:right!important;direction:rtl!important}.input-wrapper.ltr input.input-with-icon::placeholder{text-align:left!important;direction:ltr!important}.input-wrapper.rtl input.input-with-icon{text-align:right!important;direction:rtl!important}.input-wrapper.ltr input.input-with-icon{text-align:left!important;direction:ltr!important}.input-wrapper input[type=password]{letter-spacing:8px}.input-wrapper input[type=password]::placeholder{letter-spacing:normal}.show-password-btn{cursor:pointer}.input-wrapper.rtl .input-icon{margin-left:8px;margin-right:0;transform:scaleX(-1)}.input-wrapper.error{border:2px solid #e53935!important}.input-wrapper.error .input-with-icon{color:#e53935}.input-wrapper.error .input-icon,.input-wrapper.error svg{color:#e53935;fill:#e53935}.input-wrapper.error input::placeholder{color:#e53935;opacity:1}.input-wrapper.error input::-webkit-input-placeholder{color:#e53935}.input-wrapper.error input::placeholder{color:#e53935}.input-wrapper.error input:-ms-placeholder-shown{color:#e53935}.input-wrapper.error input::-moz-placeholder{color:#e53935}