.input-wrapper{display:flex;align-items:center;border:3px solid rgba(171,171,176,.5);border-radius:16px;background:#fff;padding:.75rem 1rem;transition:border-color .2s ease;position:relative}.input-wrapper:hover{border-color:rgba(171,171,176,.7)}.input-wrapper:focus-within{border-color:#415af8}.input-wrapper.error{border-color:#f02d3a}.input-wrapper .form-error{position:absolute;bottom:0;color:#f02d3a;font-size:12px;translate:0 100%;left:0;padding-top:3px}.input-icon{margin-right:.5rem;display:flex;align-items:center;justify-content:center}.input-field{border:none;background:rgba(0,0,0,0);outline:none;font-size:18px;flex:1 1;color:#101010;font-family:inherit;width:100%}.input-field::placeholder{color:#6b7280}