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