.input-field{width:100%}.input-field label{color:var(--white);margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}.input-field input,.input-field textarea{width:100%;color:var(--white);background:0 0;border:.0625rem solid #848484;border-radius:.5rem;outline:none;padding:1rem 1.5rem;transition:border-color .2s,opacity .2s,background-color .2s}.input-field input::placeholder,.input-field textarea::placeholder{color:#fff6}.input-field input:focus,.input-field textarea:focus{border-color:#fff6}.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}
.input-field-error-message{color:#ff2023;margin-top:.3125rem;font-size:small}