.input-wrapper{flex-direction:column;gap:6px;width:100%;display:flex}.input-label{font-family:var(--font-display);letter-spacing:-.1px;color:var(--color-ink);font-size:13px;font-weight:500}.input-hint{font-family:var(--font-display);color:var(--color-mid);font-size:12px;font-weight:400}.input-error-msg{font-family:var(--font-display);color:var(--color-error,#c94040);font-size:12px;font-weight:500}.input-field{border-radius:var(--rounded-md);border:1.5px solid var(--color-subtle);background:var(--surface-raised);width:100%;height:44px;font-family:var(--font-display);color:var(--color-ink);appearance:none;box-sizing:border-box;outline:none;padding:0 14px;font-size:14px;font-weight:400;line-height:1;transition:border-color .15s ease-out,box-shadow .15s ease-out,background-color .15s ease-out}.input-field::placeholder{color:var(--color-mid);font-weight:400}.input-field:hover:not(:focus):not(:disabled):not([data-error=true]){border-color:var(--color-mid)}.input-field:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px #d977571f}.input-field[data-error=true],.input-field:invalid:not(:placeholder-shown){border-color:var(--color-error,#c94040)}.input-field[data-error=true]:focus{box-shadow:0 0 0 3px #c940401a}.input-field:disabled{opacity:.4;cursor:not-allowed;background:var(--surface-inset)}.input-field.input-textarea{resize:vertical;height:auto;min-height:100px;padding:12px 14px;line-height:1.6}