.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 #ffffff1a;border-radius:1.875rem;outline:none;padding:.875rem 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.with-error,.input-field textarea.with-error{border-color:var(--color-red-500)}.input-field textarea{resize:none;border-radius:1rem;min-height:120px}.input-field.wrapper-is-white label{color:#213e48}.input-field.wrapper-is-white input,.input-field.wrapper-is-white textarea{color:#213e48;background:#fff;border:.0625rem solid #0000001a}.input-field.wrapper-is-white input::placeholder,.input-field.wrapper-is-white textarea::placeholder{color:#0006}.input-field.wrapper-is-white input:focus,.input-field.wrapper-is-white textarea:focus{border-color:#213e48}