.input-wrapper{width:100%;display:flex;flex-direction:column}.input-label{margin-bottom:1rem;color:#e3e3e3;font-size:.875rem;line-height:120%;letter-spacing:-.0265rem;user-select:none;font-weight:600}.input-container{display:flex;align-items:center;padding:0 1.25rem;height:48px;border:1px solid #50425a;border-radius:6px;transition:background-color .3s,border-color .3s}.input-container:hover{background-color:hsla(0,0%,100%,.03)}.input-container:focus-within{background-color:hsla(0,0%,100%,.06);border-color:#7e44ac}.input-icon-left{margin-right:.75rem;display:flex;align-items:flex-end;justify-content:center;transition:color .3s;color:#635c68}.input-container:focus-within .input-icon-left{color:#dbdbdb}.input-icon-right{color:#635c68;margin-left:.75rem}.input-field{background-color:transparent;width:100%;flex:1;height:100%;font-size:.8125rem;color:#dbdbdb}.input-field:focus{outline:none}.input-field::placeholder{color:#635c68;font-size:.8125rem;line-height:120%}.input-error-container{display:flex;align-items:center;gap:.375rem;margin-top:.5rem}.input-error-icon{color:#fb3640;transform:scale(.75)}.input-error-text{color:#fb3640;font-size:.75rem;line-height:120%;letter-spacing:-.0225rem}.input-wrapper[data-error=true] .input-container{border-color:#fb3640}.input-wrapper[data-error=true] .input-field,.input-wrapper[data-error=true] .input-icon-left{color:#fb3640}.input-wrapper[data-error=true] .input-field:focus{color:#dbdbdb}@media (min-width:2000px){.input-label{font-size:1.125rem}.input-container{height:52px}.input-field,.input-field::placeholder{font-size:1.0625rem}}@media (max-width:1024px){.input-label{font-size:.6875rem;margin-bottom:.5rem}.input-container{height:2.5rem;border-radius:.375rem;padding:0 .75rem}.input-field,.input-field::placeholder{font-size:.6875rem}}