.input-wrapper{width:100%}.input-label{display:block;font-weight:600;margin-bottom:var(--spacing-8)}.input-field,.input-label{font-size:var(--text-16);color:var(--color-black);font-family:var(--font-family-sans)}.input-field{width:100%;padding:var(--spacing-8) var(--spacing-24);font-weight:400;background-color:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);transition:border-color .2s ease,box-shadow .2s ease;outline:none;line-height:1.5}.input-field::placeholder{color:var(--color-gray-400)}.input-field:focus{border-color:var(--color-brand);box-shadow:0 0 0 1px var(--color-brand);outline:none}.input-field:disabled{background-color:var(--color-gray-100);color:var(--color-gray-500);cursor:not-allowed;opacity:.6}.input-field.error,.input-field.error:focus{border-color:var(--color-danger)}.input-field.error:focus{box-shadow:0 0 0 1px var(--color-danger)}.input-help-text{color:var(--color-gray-500)}.input-error-text,.input-help-text{margin-top:var(--spacing-8);font-size:var(--text-14);font-family:var(--font-family-sans)}.input-error-text{color:var(--color-danger);font-weight:500}