.input-field{width:100%}.input-field label{color:#141414;margin-bottom:.5rem;font-size:16px;font-weight:400;display:block}.input-field input,.input-field textarea{color:#141414;background:#fff;border:none;border-radius:.5rem;outline:none;width:100%;padding:1rem 1.5rem;transition:border-color .2s,opacity .2s,background-color .2s}.input-field input::placeholder,.input-field textarea::placeholder{color:silver}.input-field input:focus,.input-field textarea:focus{border-color:silver}.input-field input:disabled,.input-field textarea:disabled{cursor:not-allowed;opacity:.5}.input-field input.with-error,.input-field textarea.with-error,.input-field input.with-error:focus,.input-field textarea.with-error:focus{border-color:var(--color-red-500)}.input-field textarea{resize:vertical;min-height:8rem}